@charset "UTF-8";



/*!



 |-----------------------------------------------------------------------------------------------------------



 |



 |



 |



 | Skin CSS



 |



 |



 |



 |-----------------------------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - Heading - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



._content-style h1, ._content-style h2, ._content-style h3, ._content-style h4, ._content-style h5, ._content-style h6 {



  margin-top: 0;



  margin-bottom: 30px;



  line-height: var(--heading-line-height);



  text-transform: var(--heading-text-transform);



}



._content-style h1 a, ._content-style h2 a, ._content-style h3 a, ._content-style h4 a, ._content-style h5 a, ._content-style h6 a {



  color: var(--heading-color);



}



._content-style h1 a:hover, ._content-style h2 a:hover, ._content-style h3 a:hover, ._content-style h4 a:hover, ._content-style h5 a:hover, ._content-style h6 a:hover {



  color: var(--primary);



}



._content-style h1 .tagline, ._content-style h2 .tagline, ._content-style h3 .tagline, ._content-style h4 .tagline, ._content-style h5 .tagline, ._content-style h6 .tagline {



  display: block;



  margin-bottom: 10px;



  font-size: 0.6em;



  color: var(--heading-color);



  font-weight: var(--font-weight-bold);



}



._content-style h1 {



  color: var(--h1-color);



  font-size: var(--h1-font-size);



  font-weight: var(--h1-font-weight);



  font-family: var(--h1-font-family);



}



@media (max-width: 991px) {



  ._content-style h1 {



    font-size: var(--h1-font-size-mobile);



  }



}



._content-style h2 {



  color: var(--h2-color);



  font-size: var(--h2-font-size);



  font-weight: var(--h2-font-weight);



  font-family: var(--h2-font-family);



}



@media (max-width: 991px) {



  ._content-style h2 {



    font-size: var(--h2-font-size-mobile);



  }



}



._content-style h3 {



  color: var(--h3-color);



  font-size: var(--h3-font-size);



  font-weight: var(--h3-font-weight);



  font-family: var(--h3-font-family);



}



@media (max-width: 991px) {



  ._content-style h3 {



    font-size: var(--h3-font-size-mobile);



  }



}



._content-style h4 {



  color: var(--h4-color);



  font-size: var(--h4-font-size);



  font-weight: var(--h4-font-weight);



  font-family: var(--h4-font-family);



}



@media (max-width: 991px) {



  ._content-style h4 {



    font-size: var(--h4-font-size-mobile);



  }



}



._content-style h5 {



  color: var(--h5-color);



  font-size: var(--h5-font-size);



  font-weight: var(--h5-font-weight);



  font-family: var(--h5-font-family);



}



@media (max-width: 991px) {



  ._content-style h5 {



    font-size: var(--h5-font-size-mobile);



  }



}



._content-style h6 {



  color: var(--h6-color);



  font-size: var(--h6-font-size);



  font-weight: var(--h6-font-weight);



  font-family: var(--h6-font-family);



}



@media (max-width: 991px) {



  ._content-style h6 {



    font-size: var(--h6-font-size-mobile);



  }



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - Heading - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - Paragraph - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



._content-style p {



  margin-top: 0;



  margin-bottom: 20px;



}



._content-style .mwPageBlock.Embed .Container p {



  margin-top: 0;



  margin-bottom: 30px;



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - Paragraph - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - Blockquote - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



._content-style blockquote {



  position: relative;



  padding: 30px 40px 15px;



  margin-bottom: 30px;



  border-left: 5px solid var(--primary);



  background-color: rgba(0, 0, 0, 0.1);



}



._content-style blockquote p {



  margin-bottom: 15px;



  font-size: calc(var(--font-size) + 2px);



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - Blockquote - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - Image - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



._content-style p img {



  max-width: 100%;



  height: auto;



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - Image - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - SVG - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



._content-style svg {



  overflow: hidden;



  vertical-align: middle;



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - SVG - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - List - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



._content-style ul, ._content-style ol {



  padding-left: var(--ul-padding-left);



  margin: 0 0 30px;



}



._content-style ul li, ._content-style ol li {



  margin-top: var(--li-margin-top);



  margin-bottom: var(--li-margin-bottom);



  padding: 5px 0;



  /* color: #000; */



}



















._content-style ul li ul, ._content-style ul li ol, ._content-style ol li ul, ._content-style ol li ol {



  margin-top: var(--nested-ul-margin-top);



  margin-bottom: var(--nested-ul-margin-bottom);



}



._content-style ul li ul li, ._content-style ul li ol li, ._content-style ol li ul li, ._content-style ol li ol li {



  margin-top: var(--nested-li-margin-top);



  margin-bottom: var(--nested-li-margin-bottom);



}



._content-style ul {



  list-style-type: disc;



}

._content-style ul._list-unstyled {list-style-type:none}

._content-style ol {



  list-style-type: decimal;



}



._content-style ul ul, ._content-style ul ol, ._content-style ol ul, ._content-style ol ol {



  list-style-type: circle;



}



._content-style ul ul ul, ._content-style ul ul ol, ._content-style ul ol ul, ._content-style ul ol ol, ._content-style ol ul ul, ._content-style ol ul ol, ._content-style ol ol ul, ._content-style ol ol ol {



  list-style-type: square;



}



._content-style dl {



  margin: 0 0 30px;



}



._content-style dl dt {



  margin-top: var(--li-margin-top);



}



._content-style dl dd {



  margin-bottom: var(--li-margin-bottom);



  margin-left: 40px;



}







._content-style ul.list-unstyled,



._content-style ol.list-unstyled {



  list-style-type: none;



  padding-left: 0;



}



._content-style ul.list-unstyled ul, ._content-style ul.list-unstyled ol,



._content-style ol.list-unstyled ul,



._content-style ol.list-unstyled ol {



  list-style-type: none;



}



._content-style ul.list-unstyled ul ul, ._content-style ul.list-unstyled ul ol, ._content-style ul.list-unstyled ol ul, ._content-style ul.list-unstyled ol ol,



._content-style ol.list-unstyled ul ul,



._content-style ol.list-unstyled ul ol,



._content-style ol.list-unstyled ol ul,



._content-style ol.list-unstyled ol ol {



  list-style-type: none;



}











/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - List - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - Table - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



._content-style table {



  width: 100%;



  border-collapse: collapse;



  margin-bottom: 30px;



}



@media (max-width: 767px) {



  ._content-style table:not(.Dialog) {



    overflow: auto;



    display: block;



    max-width: 100%;



  }



}



._content-style table:not(.Dialog) th, ._content-style table:not(.Dialog) td {



  padding: 20px;



  text-align: inherit;



  vertical-align: top;



  border-top: 1px solid var(--table-border-color);



}



._content-style table:not(.Dialog) thead th {



  vertical-align: bottom;



}



._content-style table:not(.Dialog) tbody tr:nth-of-type(odd) {



  background-color: var(--table-accent-bg);



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - Table - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - Form - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



._content-style .Dialog {



  width: 100%;



  table-layout: fixed;



}



._content-style .Dialog ::-webkit-input-placeholder {



  opacity: 1;



  color: var(--text-color-3);



}



._content-style .Dialog ::-moz-placeholder {



  opacity: 1;



  color: var(--text-color-3);



}



._content-style .Dialog :-ms-input-placeholder {



  opacity: 1;



  color: var(--text-color-3);



}



._content-style .Dialog ::-ms-input-placeholder {



  opacity: 1;



  color: var(--text-color-3);



}



._content-style .Dialog ::placeholder {



  opacity: 1;



  color: var(--text-color-3);



}



._content-style .Dialog hr {



  margin: 35px 0;



  border-color: var(--form-border-color);



}



._content-style .Dialog label {



  display: block;



  padding-bottom: var(--form-gutter);



}



._content-style .Dialog .asterisk {



  color: var(--danger);



}



._content-style .Dialog th, ._content-style .Dialog td {



  padding: var(--form-gutter) 0;



}



._content-style .Dialog th + td {



  padding-left: 15px;



}



@media (max-width: 575px) {



  ._content-style .Dialog.wide th + td {



    padding-left: 0;



  }



}



@media (max-width: 575px) {



  ._content-style .Dialog.wide th, ._content-style .Dialog.wide td {



    display: block;



  }



}







._content-style .mwInput {height: auto;padding: 0;margin: 0;font-size: var(--form-font-size);font-family: var(--form-font-family);line-height: var(--form-line-height);color: #000;border: 1px solid var(--form-border-color);border-radius: 5px;background-color: var(--form-bg);box-shadow: var(--form-inner-shadow), var(--form-outer-shadow);transition: var(--transition-200);}



._content-style .mwInput input,



._content-style .mwInput textarea,



._content-style .mwInput button,



._content-style .mwInput select,



._content-style .mwInput option,



._content-style .mwInput optgroup,



._content-style .mwInput fieldset,



._content-style .mwInput label,



._content-style .mwInput output {



  color: inherit;



  font-size: inherit;



  font-family: inherit;



  font-weight: inherit;



  line-height: inherit;



  border: none;



  background-color: transparent;



}



._content-style .mwInput.text, ._content-style .mwInput.button, ._content-style .mwInput.file, ._content-style .mwInput.select {



  height: 50px;



  border: none;



}



._content-style .mwInput input,



._content-style .mwInput button,



._content-style .mwInput select,



._content-style .mwInput option,



._content-style .mwInput optgroup,



._content-style .mwInput fieldset,



._content-style .mwInput output, ._content-style .mwInput.button input {



  height: 100%;



}



._content-style .mwInput label,



._content-style .mwInput textarea {



  height: auto;



}



._content-style .mwInput *,



._content-style .mwInput div {



  line-height: var(--form-line-height);



}







._content-style .mwInput.text input {width: 100%;padding: 0 30px;line-height: var(--form-line-height);color: #000;}







._content-style .mwInput.select select {width: 100%;color: #000;}



._content-style .mwInput.select .dropdown {



  width: calc(var(--form-input-height) - 2px);



  height: 50px;



  line-height: 50px;



  border: 0;



  color: var(--white);



  background-color: var(--primary);



}



._content-style .mwInput.select .dropdown:before {



  display: none;



}



._content-style .mwInput.select .dropdown:after {



  content: "\F078";



  font-family: var(--font-family-icon);



  font-weight: 900;



}



._content-style .mwInput.select .value {



  min-width: auto !important;



  height: calc(var(--form-input-height) - 2px);



  line-height: calc(var(--form-input-height) - 2px);



  padding: 0 30px;



}







._content-style .mwInput.multiple select {



  padding: 8px;



}



._content-style .mwInput.multiple select option {



  padding: 5px;



}



._content-style .mwInput.multiple select option:first-of-type {



  border-radius: 2px 2px 0 0;



}



._content-style .mwInput.multiple select option:last-of-type {



  border-radius: 0 0 2px 2px;



}







._content-style .mwInput.checkbox {



  display: block;



  width: auto;



  border: none;



  background: none;



  box-shadow: none;



}



._content-style .mwInput.checkbox:before {



  display: none;



}



._content-style .mwInput.checkbox .icon {display: flex;align-items: flex-start;padding: 0;height: auto;white-space: normal;line-height: var(--form-checkbox-height);}



._content-style .mwInput.checkbox .icon:before {



  content: "";



  position: relative;



  flex: 0 0 auto;



  width: var(--form-checkbox-width);



  height: var(--form-checkbox-height);



  margin: 0 15px 0 0 !important;



  border: 1px solid var(--form-border-color);



  border-radius: var(--form-border-radius);



  background-position: center;



  background-repeat: no-repeat;



  background-size: var(--form-checkbox-icon-size);



  background-image: none;



  background-color: var(--form-bg);



  box-shadow: var(--form-inner-shadow);



  transition: var(--transition-200);



  border-radius: 5px;



}



._content-style .mwInput.checkbox.checked .icon:before {



  border-color: var(--form-border-color);



  /* background-color: var(--form-bg-hover); */



  background-image: url(/images/iconmonstr-check-mark-lined-16.png);



  box-shadow: none;



}







._content-style .mwRadios::after {



  display: table;



  clear: both;



  content: "";



}



._content-style .mwRadios .mwInput.checkbox .icon:before {



  border-radius: 50%;



  background-size: var(--form-radio-icon-size);



}



._content-style .mwRadios .mwInput.checkbox.checked .icon:before {



  background-image: url(/images/static/svg/icon-circle-1-white.svg);



}



._content-style .mwRadios .mwInput.checkbox + .mwInput.checkbox {



  margin-top: var(--form-gutter);



}







._content-style .mwInput.textarea textarea {



  display: block;



  min-height: 100px;



  padding: var(--form-input-padding);



  resize: vertical;



}







._content-style .mwInput.file {



  padding: 0;



}

._content-style .mwInput.file .fileFace {height:50px}

._content-style .mwInput.file .fill {



  height: calc(var(--form-input-height) - 2px);



  line-height: calc(var(--form-input-height) - 2px);



  background-color: var(--primary-3);



}



._content-style .mwInput.file .fileName {



  height: calc(var(--form-input-height) - 2px);



  line-height: calc(var(--form-input-height) - 2px);



  padding: 0 var(--form-input-padding);



}



._content-style .mwInput.file .num {



  height: calc(var(--form-input-height) - 2px);



  line-height: calc(var(--form-input-height) - 2px);



  right: var(--form-input-height);



  padding: 0 var(--form-input-padding);



  color: var(--form-text-color);



}



._content-style .mwInput.file .upload {



  width: calc(var(--form-input-height) - 2px);



  height: 50px;



  line-height: 50px;



  color: var(--white);



  border: 0;



  background-color: var(--primary);



}



._content-style .mwInput.file .upload > div {



  display: none;



}



._content-style .mwInput.file .upload:before {



  display: none;



}



._content-style .mwInput.file .upload:after {



  content: "\F093";



  font-family: var(--font-family-icon);



  font-weight: 900;



}







._content-style .mwInput.button {



  display: inline-block;



  border-width: var(--btn-border-width);



  border-style: var(--btn-border-style);



  border-radius: 30px;



  box-shadow: none;



  border-color: var(--primary);



  background: var(--primary);



}



._content-style .mwInput.button input, ._content-style .mwInput.button button {



  font-size: var(--btn-md-font-size);



  font-weight: var(--btn-font-weight);



  font-family: var(--btn-font-family);



  letter-spacing: var(--btn-letter-spacing);



  text-transform: uppercase;



  transition: var(--transition-200);



  padding: 0 var(--btn-md-padding-x);



  color: var(--white);



}



._content-style .mwInput.button:hover {



  border-color: var(--primary-6);



  background-color: var(--primary-6);



}



._content-style .mwInput.button:hover input, ._content-style .mwInput.button:hover button {



  color: var(--white);



}







._content-style .mwCaptcha {



  display: block;



  padding: 20px 20px 15px;



  margin: 0;



  text-align: center;



  background-color: #f5f5f5;



  background-image: url("/images/static/pattern/pattern-2.png");



  background-repeat: repeat;



}



@media (max-width: 575px) {



  ._content-style .mwCaptcha {



    padding: 20px 0 15px;



  }



}



@media (max-width: 359px) {



  ._content-style .mwCaptcha {



    overflow: hidden;



    width: 290px;



    padding: 0;



    text-align: left;



    background-color: transparent;



    background-image: none;



  }



}



._content-style .mwCaptcha script {



  display: inline;



}



@media (max-width: 359px) {



  ._content-style .mwCaptcha .g-recaptcha {



    -webkit-transform: scale(0.95);



            transform: scale(0.95);



    -webkit-transform-origin: 0 0;



            transform-origin: 0 0;



  }



}



._content-style .captchaLeft .mwCaptcha {



  padding: 0;



  text-align: left;



  background: none;



}







.input-inline,



._content-style .Dialog .input-inline {



  display: flex;



}



.input-inline label,



._content-style .Dialog .input-inline label {



  flex: 0 0 auto;



  padding: 0 20px;



  height: var(--form-input-height);



  line-height: var(--form-input-height);



  font-weight: var(--font-weight-bold);



  color: var(--white);



  text-align: center;



  border: 1px solid var(--primary);



  border-right: none;



  border-radius: var(--form-border-radius) 0 0 var(--form-border-radius);



  background-color: var(--primary);



}



.input-inline label + .mwInput.text,



._content-style .Dialog .input-inline label + .mwInput.text {



  border-left: none;



  border-right-width: 1px;



  border-radius: 0 var(--form-border-radius) var(--form-border-radius) 0;



}



.input-inline .mwInput.text,



._content-style .Dialog .input-inline .mwInput.text {



  z-index: 1;



  flex: 1 1 auto;



  border-right: none;



  border-radius: var(--form-border-radius) 0 0 var(--form-border-radius);



}



.input-inline .mwInput.button,



._content-style .Dialog .input-inline .mwInput.button {



  flex: 0 0 auto;



  border-radius: 0 var(--form-border-radius) var(--form-border-radius) 0;



}







.nested-form:not(tbody) {



  padding: 30px 30px 35px;



  border-radius: var(--border-radius);



  background-color: rgba(0, 0, 0, 0.1);



}



@media (max-width: 575px) {



  .nested-form:not(tbody) {



    padding: 20px 15px 25px;



  }



}



.nested-form:not(tbody) table {



  margin-bottom: 0;



}







tbody.nested-form {



  border: 30px solid transparent;



  background-color: rgba(0, 0, 0, 0.1);



}







[data-toggle-form-hidden] {



  display: none;



}







[data-toggle-form-hidden-reverse] {



  display: block;



}







._content-style .mwFormStatus {



  margin-bottom: 50px;



}



._content-style .mwFormStatus:empty {



  display: none;



}



._content-style .mwFormStatus > .status {



  font-size: 12px;



  padding: 5px 20px;



  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);



}



._content-style .mwFormStatus > .status:first-of-type {



  padding-top: 15px;



  font-size: 14px;



  text-transform: uppercase;



  border-radius: 6px 6px 0 0;



}



._content-style .mwFormStatus > .status:last-of-type {



  padding-bottom: 15px;



  border-radius: 0 0 6px 6px;



}



._content-style .mwFormStatus > .status:not(:first-of-type) {



  font-weight: var(--font-weight-normal);



}



._content-style .mwFormStatus > .status:not(:first-of-type):before {



  content: "\F06A";



  margin-right: 10px;



  font-family: var(--font-family-icon);



  font-weight: 900;



}



._content-style .mwFormStatus > .status.error {



  color: var(--white);



  background-color: var(--danger);



}



._content-style .mwFormStatus > .status.error .status {



  color: var(--white);



}







._content-style .Dialog .alert {



  margin: var(--form-gutter) 0;



}







._content-style .mwInput.Disabled, ._content-style .mwInput.Disabled * {



  cursor: not-allowed;



}



._content-style .mwInput [disabled],



._content-style .mwInput input[disabled],



._content-style .mwInput textarea[readonly] {



  cursor: not-allowed;



}







._content-style .mwInput [readonly],



._content-style .mwInput input[readonly],



._content-style .mwInput textarea[readonly] {



  cursor: not-allowed;



}







._content-style .mwInput.hover:not(.button) {/* background-color: var(--form-bg-hover); */}



._content-style .mwInput.hover.checkbox {



  background-color: transparent;



}



._content-style .mwInput.focus:not(.button) {/* background-color: var(--form-bg-hover); */box-shadow: var(--form-inner-shadow-focus), var(--form-outer-shadow-focus);}



._content-style .mwInput.focus.checkbox {



  background-color: transparent;



  box-shadow: none;



}



._content-style .mwInput.focus.checkbox .icon:before {



  box-shadow: var(--form-outer-shadow-focus);



}







._content-style .mwInput.error {



  border-color: var(--danger);



}



._content-style .mwInput.error.checkbox .icon:before {



  border-color: var(--danger);



}



._content-style .mwInput.error.focus {



  box-shadow: var(--form-error-inner-shadow-focus), var(--form-error-outer-shadow-focus);



}



._content-style .mwInput.error.focus.checkbox {



  box-shadow: none;



}



._content-style .mwInput.error.focus.checkbox .icon:before {



  box-shadow: var(--form-error-outer-shadow-focus);



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Style - Form - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Vendor Override - Slick - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.slick-slider .slick-prev,



.slick-slider .slick-next {



  z-index: 1;



  position: absolute;



  top: 50%;



  width: auto;



  height: auto;



  -webkit-transform: translateY(-50%);



          transform: translateY(-50%);



}



.slick-slider .slick-prev {



  left: 36px;



}



@media (max-width: 767px) {



  .slick-slider .slick-prev {



    left: 5px;



  }



}



.content-area .slick-slider .slick-prev {



  top: 100%;



  left: calc((var(--content-area-p-x) + 10px) * -1);



}



@media (max-width: 991px) {



  .content-area .slick-slider .slick-prev {



    left: calc((var(--content-area-p-x-tablet) + 10px) * -1);



  }



}



@media (max-width: 767px) {



  .content-area .slick-slider .slick-prev {



    left: calc((var(--content-area-p-x-phone) + 10px) * -1);



  }



}



.slick-slider .slick-next {



  right: 36px;



}



@media (max-width: 767px) {



  .slick-slider .slick-next {



    right: 5px;



  }



}



.content-area .slick-slider .slick-next {



  right: calc((var(--content-area-p-x) + 10px) * -1);



  top: 100%;



}



@media (max-width: 991px) {



  .content-area .slick-slider .slick-next {



    right: calc((var(--content-area-p-x-tablet) + 10px) * -1);



  }



}



@media (max-width: 767px) {



  .content-area .slick-slider .slick-next {



    right: calc((var(--content-area-p-x-phone) + 10px) * -1);



  }



}



.slick-slider .slick-prev svg,



.slick-slider .slick-next svg {



  display: block;



  width: 36px;



  height: 36px;



  transition: var(--transition-200);



}



@media (max-width: 767px) {



  .slick-slider .slick-prev svg,



.slick-slider .slick-next svg {



    display: none;



    width: 20px;



    height: 20px;



  }



}



.slick-slider .slick-prev svg.svg-arrow-mobile,



.slick-slider .slick-next svg.svg-arrow-mobile {



  display: none;



}



@media (max-width: 767px) {



  .slick-slider .slick-prev svg.svg-arrow-mobile,



.slick-slider .slick-next svg.svg-arrow-mobile {



    display: block;



  }



}



.slick-slider .slick-prev:hover svg {



  -webkit-transform: translateX(-5px);



          transform: translateX(-5px);



}



.slick-slider .slick-next:hover svg {



  -webkit-transform: translateX(5px);



          transform: translateX(5px);



}



.slick-slider .slick-prev.slick-disabled,



.slick-slider .slick-next.slick-disabled {



  opacity: 0.8;



  cursor: not-allowed;



}







.slick-slider.slick-dotted {



  padding-bottom: 35px;



}



.slick-slider .slick-dots {



  position: absolute;



  bottom: 0;



  width: 100%;



  display: flex;



  align-items: center;



  justify-content: center;



  margin-bottom: 0;



  list-style-type: none;



  padding-left: 0;



}



.slick-slider .slick-dots ul, .slick-slider .slick-dots ol {



  list-style-type: none;



}



.slick-slider .slick-dots ul ul, .slick-slider .slick-dots ul ol, .slick-slider .slick-dots ol ul, .slick-slider .slick-dots ol ol {



  list-style-type: none;



}



.slick-slider .slick-dots li {



  margin-bottom: 0;



}



.slick-slider .slick-dots button {



  display: block;



  padding: 0;



  margin: 0;



  font-size: 0;



  line-height: 0;



  color: transparent;



  background: transparent;



}



.slick-slider .slick-dots.dot-style-minimal {



  gap: 25px;



}



.slick-slider .slick-dots.dot-style-minimal button {



  width: 12px;



  height: 12px;



  border-radius: 50%;



  border: 1px solid var(--gray-6);



}



.slick-slider .slick-dots.dot-style-minimal button:hover,



.slick-slider .slick-dots.dot-style-minimal li.slick-active button {



  background-color: var(--gray-6);



}



.slick-slider .slick-dots.dot-style-outer-circle {



  gap: 15px;



}



.slick-slider .slick-dots.dot-style-outer-circle button {



  width: 16px;



  height: 16px;



  padding: 4px;



  border-radius: 50%;



  border: 1px solid transparent;



}



.slick-slider .slick-dots.dot-style-outer-circle button:before {



  content: "";



  display: block;



  width: 100%;



  height: 100%;



  opacity: 0.2;



  border-radius: 50%;



  background-color: var(--gray-6);



  transition: var(--transition-200);



}



.slick-slider .slick-dots.dot-style-outer-circle button:hover,



.slick-slider .slick-dots.dot-style-outer-circle li.slick-active button {



  border-color: var(--gray-6);



}



.slick-slider .slick-dots.dot-style-outer-circle button:hover:before,



.slick-slider .slick-dots.dot-style-outer-circle li.slick-active button:before {



  opacity: 1;



}



.slick-slider .slick-dots.dot-style-morse-code {



  gap: 10px;



}



.slick-slider .slick-dots.dot-style-morse-code button {



  opacity: 0.2;



  width: 6px;



  height: 6px;



  border-radius: 3px;



  background-color: var(--gray-6);



}



.slick-slider .slick-dots.dot-style-morse-code li.slick-active button {



  opacity: 1;



  width: 60px;



}



.slick-slider .slick-dots.dot-style-dash {



  gap: 2px;



}



.slick-slider .slick-dots.dot-style-dash button {



  opacity: 0.2;



  width: 50px;



  height: 4px;



  background-color: var(--gray-6);



}



.slick-slider .slick-dots.dot-style-dash button:hover,



.slick-slider .slick-dots.dot-style-dash li.slick-active button {



  opacity: 1;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Vendor Override - Slick - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |























 |



 | Heading - Default - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.heading-minimal .heading-text {



  white-space: pre-line;



}







.heading-minimal .has-v-line-side,



.heading-minimal .has-v-line-above,



.heading-minimal .has-v-line-below,



.heading-minimal .has-h-line-above,



.heading-minimal .has-h-line-below {



  position: relative;



}



.heading-minimal .has-v-line-side:after,



.heading-minimal .has-v-line-above:after,



.heading-minimal .has-v-line-below:after,



.heading-minimal .has-h-line-above:after,



.heading-minimal .has-h-line-below:after {



  content: "";



  position: absolute;



}



.heading-minimal .has-v-line-side:after {



  width: 2px;



  height: 100%;



}



.heading-minimal .has-v-line-above {



  padding-top: 95px;



}



.heading-minimal .has-v-line-above:after {



  top: 0;



  width: 2px;



  height: 80px;



}



.heading-minimal .has-v-line-below {



  padding-bottom: 95px;



}



.heading-minimal .has-v-line-below:after {



  bottom: 0;



  width: 2px;



  height: 80px;



}



.heading-minimal .has-h-line-above {



  padding-top: 30px;



}



.heading-minimal .has-h-line-above:after {



  top: 0;



  width: 80px;



  height: 2px;



}



.heading-minimal .has-h-line-below {



  padding-bottom: 30px;



}



.heading-minimal .has-h-line-below:after {



  bottom: 0;



  width: 80px;



  height: 2px;



}



.heading-minimal .has-v-line-side._text-left {



  padding-left: 30px;



}



.heading-minimal .has-v-line-side._text-left:after {



  top: 0;



  left: 0;



}



.heading-minimal .has-v-line-above._text-left:after,



.heading-minimal .has-v-line-below._text-left:after,



.heading-minimal .has-h-line-above._text-left:after,



.heading-minimal .has-h-line-below._text-left:after {



  left: 0;



}



.heading-minimal .has-v-line-side._text-center {



  padding-left: 30px;



}



.heading-minimal .has-v-line-side._text-center:after {



  top: 0;



  left: 0;



}



.heading-minimal .has-v-line-above._text-center:after,



.heading-minimal .has-v-line-below._text-center:after,



.heading-minimal .has-h-line-above._text-center:after,



.heading-minimal .has-h-line-below._text-center:after {



  left: 50%;



  -webkit-transform: translateX(-50%);



          transform: translateX(-50%);



}



.heading-minimal .has-v-line-side._text-right {



  padding-right: 30px;



}



.heading-minimal .has-v-line-side._text-right:after {



  top: 0;



  right: 0;



}



.heading-minimal .has-v-line-above._text-right:after,



.heading-minimal .has-v-line-below._text-right:after,



.heading-minimal .has-h-line-above._text-right:after,



.heading-minimal .has-h-line-below._text-right:after {



  right: 0;



}



.heading-minimal .has-v-line-side.is-deco-color-primary:after,



.heading-minimal .has-v-line-above.is-deco-color-primary:after,



.heading-minimal .has-v-line-below.is-deco-color-primary:after,



.heading-minimal .has-h-line-above.is-deco-color-primary:after,



.heading-minimal .has-h-line-below.is-deco-color-primary:after {



  background-color: var(--primary);



}



.heading-minimal .has-v-line-side.is-deco-color-secondary:after,



.heading-minimal .has-v-line-above.is-deco-color-secondary:after,



.heading-minimal .has-v-line-below.is-deco-color-secondary:after,



.heading-minimal .has-h-line-above.is-deco-color-secondary:after,



.heading-minimal .has-h-line-below.is-deco-color-secondary:after {



  background-color: var(--secondary);



}



.heading-minimal .has-v-line-side.is-deco-color-third:after,



.heading-minimal .has-v-line-above.is-deco-color-third:after,



.heading-minimal .has-v-line-below.is-deco-color-third:after,



.heading-minimal .has-h-line-above.is-deco-color-third:after,



.heading-minimal .has-h-line-below.is-deco-color-third:after {



  background-color: var(--third);



}



.heading-minimal .has-v-line-side.is-deco-color-fourth:after,



.heading-minimal .has-v-line-above.is-deco-color-fourth:after,



.heading-minimal .has-v-line-below.is-deco-color-fourth:after,



.heading-minimal .has-h-line-above.is-deco-color-fourth:after,



.heading-minimal .has-h-line-below.is-deco-color-fourth:after {



  background-color: var(--fourth);



}



.heading-minimal .has-v-line-side.is-deco-color-white:after,



.heading-minimal .has-v-line-above.is-deco-color-white:after,



.heading-minimal .has-v-line-below.is-deco-color-white:after,



.heading-minimal .has-h-line-above.is-deco-color-white:after,



.heading-minimal .has-h-line-below.is-deco-color-white:after {



  background-color: var(--white);



}



.heading-minimal .has-v-line-side.is-deco-color-light:after,



.heading-minimal .has-v-line-above.is-deco-color-light:after,



.heading-minimal .has-v-line-below.is-deco-color-light:after,



.heading-minimal .has-h-line-above.is-deco-color-light:after,



.heading-minimal .has-h-line-below.is-deco-color-light:after {



  background-color: var(--light);



}



.heading-minimal .has-v-line-side.is-deco-color-dark:after,



.heading-minimal .has-v-line-above.is-deco-color-dark:after,



.heading-minimal .has-v-line-below.is-deco-color-dark:after,



.heading-minimal .has-h-line-above.is-deco-color-dark:after,



.heading-minimal .has-h-line-below.is-deco-color-dark:after {



  background-color: var(--dark);



}







.heading-minimal.has-inline-btn .heading-wrap {



  display: flex;



  flex-wrap: wrap;



  align-items: flex-end;



  justify-content: space-between;



  -webkit-column-gap: 30px;



     -moz-column-gap: 30px;



          column-gap: 30px;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Heading - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Button - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.mwBtnLeft {



  text-align: left;



}







.mwBtnRight {



  text-align: right;



}







.mwBtnCenter {



  text-align: center;



}







.btn {



  margin-bottom: 30px;



}



.btn > a:hover,



.btn > button:hover,



.btn > span:hover {



  text-decoration: none;



}



.btn > a.disabled, .btn > a:disabled,



.btn > button.disabled,



.btn > button:disabled,



.btn > span.disabled,



.btn > span:disabled {



  cursor: not-allowed;



}







.btn > a,



.btn > button,



.btn > span {



  cursor: pointer;



  text-align: center;



  display: inline-block;



  text-decoration: none;



  font-size: var(--btn-font-size);



  font-weight: var(--btn-font-weight);



  font-family: var(--btn-font-family);



  border-width: var(--btn-border-width);



  border-style: var(--btn-border-style);



  border-radius: var(--btn-border-radius);



  text-transform: var(--btn-text-transform);



  letter-spacing: var(--btn-letter-spacing);



  padding: var(--btn-md-padding-y) var(--btn-md-padding-x);



  transition: var(--transition-200);



  color: var(--white);



  border-color: var(--primary);



  background: var(--primary);



}



.btn > a:hover,



.btn > button:hover,



.btn > span:hover {



  color: var(--white);



  border-color: var(--primary-6);



  background: var(--primary-6);



}







.btn > a.small,



.btn > button.small,



.btn > span.small {



  padding: var(--btn-sm-padding-y) var(--btn-sm-padding-x);



  font-size: var(--btn-sm-font-size);



}



.btn > a.medium,



.btn > button.medium,



.btn > span.medium {



  padding: var(--btn-md-padding-y) var(--btn-md-padding-x);



  font-size: var(--btn-md-font-size);



}



.btn > a.large,



.btn > button.large,



.btn > span.large {



  padding: var(--btn-lg-padding-y) var(--btn-lg-padding-x);



  font-size: var(--btn-lg-font-size);



}







.btn.is-primary > a,



.btn.is-primary > button,



.btn.is-primary > span {



  color: var(--white);



  border-color: var(--primary);



  background: var(--primary);



}



.btn.is-primary > a:hover,



.btn.is-primary > button:hover,



.btn.is-primary > span:hover {



  color: var(--white);



  border-color: var(--primary-6);



  background: var(--primary-6);



}







.btn.is-secondary > a,



.btn.is-secondary > button,



.btn.is-secondary > span {



  color: var(--white);



  border-color: var(--secondary);



  background: var(--secondary);



}



.btn.is-secondary > a:hover,



.btn.is-secondary > button:hover,



.btn.is-secondary > span:hover {



  color: var(--white);



  border-color: var(--secondary-6);



  background: var(--secondary-6);



}







.btn.is-third > a,



.btn.is-third > button,



.btn.is-third > span {



  color: var(--white);



  border-color: var(--third);



  background: var(--third);



}



.btn.is-third > a:hover,



.btn.is-third > button:hover,



.btn.is-third > span:hover {



  color: var(--white);



  border-color: var(--third-6);



  background: var(--third-6);



}







.btn.is-fourth > a,



.btn.is-fourth > button,



.btn.is-fourth > span {



  color: var(--white);



  border-color: var(--fourth);



  background: var(--fourth);



}



.btn.is-fourth > a:hover,



.btn.is-fourth > button:hover,



.btn.is-fourth > span:hover {



  color: var(--white);



  border-color: var(--fourth-6);



  background: var(--fourth-6);



}







.btn.is-white > a,



.btn.is-white > button,



.btn.is-white > span {



  color: var(--primary);



  border-color: var(--white);



  background: var(--white);



}



.btn.is-white > a:hover,



.btn.is-white > button:hover,



.btn.is-white > span:hover {



  color: var(--primary-6);



  border-color: var(--white);



  background: var(--white);



}







.btn.is-light > a,



.btn.is-light > button,



.btn.is-light > span {



  color: var(--text-color);



  border-color: var(--light);



  background: var(--light);



}



.btn.is-light > a:hover,



.btn.is-light > button:hover,



.btn.is-light > span:hover {



  color: var(--white);



  border-color: var(--primary);



  background: var(--primary);



}







.btn.is-dark > a,



.btn.is-dark > button,



.btn.is-dark > span {



  color: var(--white);



  border-color: var(--dark);



  background: var(--dark);



}



.btn.is-dark > a:hover,



.btn.is-dark > button:hover,



.btn.is-dark > span:hover {



  color: var(--white);



  border-color: var(--primary);



  background: var(--primary);



}







.btn.is-rounded > a,



.btn.is-rounded > button,



.btn.is-rounded > span {



  border-radius: var(--btn-border-radius-rounded);



}







.btn.is-outline > a,



.btn.is-outline > button,



.btn.is-outline > span {



  overflow: hidden;



  position: relative;



  vertical-align: top;



  color: var(--primary);



  border-color: var(--primary);



  background: transparent;



}



.btn.is-outline > a:before,



.btn.is-outline > button:before,



.btn.is-outline > span:before {



  content: "";



  position: absolute;



  top: 50%;



  left: 50%;



  width: 0;



  height: 0;



  background-color: var(--primary);



  border-radius: 50%;



  -webkit-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  transition: var(--transition-300);



}







.btn.is-outline > a > span,



.btn.is-outline > button > span,



.btn.is-outline > span > span {



  position: relative;



}







.btn.is-outline > a:hover,



.btn.is-outline > button:hover,



.btn.is-outline > span:hover {



  color: var(--white);



  border-color: var(--primary);



  background: transparent;



}







.btn.is-outline > a:hover:before,



.btn.is-outline > button:hover:before,



.btn.is-outline > span:hover:before {



  width: 300px;



  height: 300px;



}







.btn.is-outline.is-border-medium > a,



.btn.is-outline.is-border-medium > button,



.btn.is-outline.is-border-medium > span {



  border-width: 2px;



}



.btn.is-outline.is-border-thick > a,



.btn.is-outline.is-border-thick > button,



.btn.is-outline.is-border-thick > span {



  border-width: 3px;



}



.btn.is-outline.is-primary > a,



.btn.is-outline.is-primary > button,



.btn.is-outline.is-primary > span {



  color: var(--primary);



  border-color: var(--primary);



  background: transparent;



}



.btn.is-outline.is-primary > a:before,



.btn.is-outline.is-primary > button:before,



.btn.is-outline.is-primary > span:before {



  background: var(--primary);



}



.btn.is-outline.is-primary > a:hover,



.btn.is-outline.is-primary > button:hover,



.btn.is-outline.is-primary > span:hover {



  color: var(--white);



  border-color: var(--primary);



}



.btn.is-outline.is-secondary > a,



.btn.is-outline.is-secondary > button,



.btn.is-outline.is-secondary > span {



  color: var(--secondary);



  border-color: var(--secondary);



  background: transparent;



}



.btn.is-outline.is-secondary > a:before,



.btn.is-outline.is-secondary > button:before,



.btn.is-outline.is-secondary > span:before {



  background: var(--secondary);



}



.btn.is-outline.is-secondary > a:hover,



.btn.is-outline.is-secondary > button:hover,



.btn.is-outline.is-secondary > span:hover {



  color: var(--white);



  border-color: var(--secondary);



}



.btn.is-outline.is-third > a,



.btn.is-outline.is-third > button,



.btn.is-outline.is-third > span {



  color: var(--third);



  border-color: var(--third);



  background: transparent;



}



.btn.is-outline.is-third > a:before,



.btn.is-outline.is-third > button:before,



.btn.is-outline.is-third > span:before {



  background: var(--third);



}



.btn.is-outline.is-third > a:hover,



.btn.is-outline.is-third > button:hover,



.btn.is-outline.is-third > span:hover {



  color: var(--white);



  border-color: var(--third);



}



.btn.is-outline.is-fourth > a,



.btn.is-outline.is-fourth > button,



.btn.is-outline.is-fourth > span {



  color: var(--fourth);



  border-color: var(--fourth);



  background: transparent;



}



.btn.is-outline.is-fourth > a:before,



.btn.is-outline.is-fourth > button:before,



.btn.is-outline.is-fourth > span:before {



  background: var(--fourth);



}



.btn.is-outline.is-fourth > a:hover,



.btn.is-outline.is-fourth > button:hover,



.btn.is-outline.is-fourth > span:hover {



  color: var(--white);



  border-color: var(--fourth);



}



.btn.is-outline.is-white > a,



.btn.is-outline.is-white > button,



.btn.is-outline.is-white > span {



  color: var(--white);



  border-color: var(--white);



  background: transparent;



}



.btn.is-outline.is-white > a:before,



.btn.is-outline.is-white > button:before,



.btn.is-outline.is-white > span:before {



  background: var(--white);



}



.btn.is-outline.is-white > a:hover,



.btn.is-outline.is-white > button:hover,



.btn.is-outline.is-white > span:hover {



  color: var(--text-color);



  border-color: var(--white);



}



.btn.is-outline.is-light > a,



.btn.is-outline.is-light > button,



.btn.is-outline.is-light > span {



  color: var(--light);



  border-color: var(--light);



  background: transparent;



}



.btn.is-outline.is-light > a:before,



.btn.is-outline.is-light > button:before,



.btn.is-outline.is-light > span:before {



  background: var(--light);



}



.btn.is-outline.is-light > a:hover,



.btn.is-outline.is-light > button:hover,



.btn.is-outline.is-light > span:hover {



  color: var(--text-color);



  border-color: var(--light);



}



.btn.is-outline.is-dark > a,



.btn.is-outline.is-dark > button,



.btn.is-outline.is-dark > span {



  color: var(--dark);



  border-color: var(--dark);



  background: transparent;



}



.btn.is-outline.is-dark > a:before,



.btn.is-outline.is-dark > button:before,



.btn.is-outline.is-dark > span:before {



  background: var(--dark);



}



.btn.is-outline.is-dark > a:hover,



.btn.is-outline.is-dark > button:hover,



.btn.is-outline.is-dark > span:hover {



  color: var(--white);



  border-color: var(--dark);



}







.btn-group {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  -webkit-column-gap: 10px;



     -moz-column-gap: 10px;



          column-gap: 10px;



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Button - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Area - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.content-area {



  position: relative;



  width: 100%;



}



.content-area > .content-area-wrap {



  position: relative;



  padding-left: var(--content-area-p-x);



  padding-right: var(--content-area-p-x);



}



.content-area > .content-area-wrap::after {



  display: table;



  clear: both;



  content: "";



}



@media (max-width: 991px) {



  .content-area > .content-area-wrap {



    padding-left: var(--content-area-p-x-tablet);



    padding-right: var(--content-area-p-x-tablet);



  }



}



@media (max-width: 767px) {



  .content-area > .content-area-wrap {



    padding-left: var(--content-area-p-x-phone);



    padding-right: var(--content-area-p-x-phone);



  }



}







.content-area.is-sm > .content-area-wrap {



  padding-top: var(--content-area-sm-p-t);



  padding-bottom: var(--content-area-sm-p-b);



}



@media (max-width: 991px) {



  .content-area.is-sm > .content-area-wrap {



    padding-top: var(--content-area-sm-p-t-tablet);



    padding-bottom: var(--content-area-sm-p-b-tablet);



  }



}



@media (max-width: 767px) {



  .content-area.is-sm > .content-area-wrap {



    padding-top: var(--content-area-sm-p-t-phone);



    padding-bottom: var(--content-area-sm-p-b-phone);



  }



}







.content-area.is-md > .content-area-wrap {



  padding-top: var(--content-area-md-p-t);



  padding-bottom: var(--content-area-md-p-b);



}



@media (max-width: 991px) {



  .content-area.is-md > .content-area-wrap {



    padding-top: var(--content-area-md-p-t-tablet);



    padding-bottom: var(--content-area-md-p-b-tablet);



  }



}



@media (max-width: 767px) {



  .content-area.is-md > .content-area-wrap {



    padding-top: var(--content-area-md-p-t-phone);



    padding-bottom: var(--content-area-md-p-b-phone);



  }



}







.content-area.is-lg > .content-area-wrap {



  padding-top: var(--content-area-lg-p-t);



  padding-bottom: var(--content-area-lg-p-b);



}



@media (max-width: 991px) {



  .content-area.is-lg > .content-area-wrap {



    padding-top: var(--content-area-lg-p-t-tablet);



    padding-bottom: var(--content-area-lg-p-b-tablet);



  }



}



@media (max-width: 767px) {



  .content-area.is-lg > .content-area-wrap {



    padding-top: var(--content-area-lg-p-t-phone);



    padding-bottom: var(--content-area-lg-p-b-phone);



  }



}







.content-area.is-xl > .content-area-wrap {



  padding-top: var(--content-area-xl-p-t);



  padding-bottom: var(--content-area-xl-p-b);



}



@media (max-width: 991px) {



  .content-area.is-xl > .content-area-wrap {



    padding-top: var(--content-area-xl-p-t-tablet);



    padding-bottom: var(--content-area-xl-p-b-tablet);



  }



}



@media (max-width: 767px) {



  .content-area.is-xl > .content-area-wrap {



    padding-top: var(--content-area-xl-p-t-phone);



    padding-bottom: var(--content-area-xl-p-b-phone);



  }



}







.content-area .content-area.is-sm > .content-area-wrap {



  padding: 15px 0 0;



}



.content-area .content-area.is-md > .content-area-wrap {



  padding: 30px 15px 0;



}



.content-area .content-area.is-lg > .content-area-wrap {



  padding: 45px 30px 15px;



}



.content-area .content-area.is-xl > .content-area-wrap {



  padding: 60px 45px 30px;



}







.content-area.has-top-partial-bg > .content-area-wrap {



  padding-top: 0;



}



.content-area.has-bottom-partial-bg > .content-area-wrap {



  padding-bottom: 0;



}



.content-area.has-top-bottom-partial-bg > .content-area-wrap {



  padding-top: 0;



  padding-bottom: 0;



}



.content-area > .content-area-wrap > .content-area-top-partial-bg,



.content-area > .content-area-wrap > .content-area-bottom-partial-bg {



  position: absolute;



  left: 0;



  width: 100%;



}



.content-area > .content-area-wrap > .content-area-top-partial-bg.is-sm,



.content-area > .content-area-wrap > .content-area-bottom-partial-bg.is-sm {



  height: 15%;



}



.content-area > .content-area-wrap > .content-area-top-partial-bg.is-md,



.content-area > .content-area-wrap > .content-area-bottom-partial-bg.is-md {



  height: 30%;



}



.content-area > .content-area-wrap > .content-area-top-partial-bg.is-lg,



.content-area > .content-area-wrap > .content-area-bottom-partial-bg.is-lg {



  height: 50%;



}



.content-area > .content-area-wrap > .content-area-top-partial-bg {



  top: 0;



}



.content-area > .content-area-wrap > .content-area-bottom-partial-bg {



  bottom: 0;



}







.content-area-with-bg-img {



  overflow: hidden;



}



.content-area-with-bg-img .content-area-bg-img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  opacity: 0.45;



}



.content-area-with-bg-img.is-bg-img-center > .content-area-bg-img {



  -o-object-position: center;



     object-position: center;



}



.content-area-with-bg-img.is-bg-img-top > .content-area-bg-img {



  -o-object-position: center top;



     object-position: center top;



}



.content-area-with-bg-img.is-bg-img-bottom > .content-area-bg-img {



  -o-object-position: center bottom;



     object-position: center bottom;



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Area - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Intro Area - Boxed - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.intro-area::after {



  display: table;



  clear: both;



  content: "";



}



.intro-area > .intro-area-wrap {



  position: relative;



  padding-left: var(--content-area-p-x);



  padding-right: var(--content-area-p-x);



  padding-bottom: var(--content-area-md-p-b);



}



@media (max-width: 991px) {



  .intro-area > .intro-area-wrap {



    padding-top: 60px;



    padding-left: var(--content-area-p-x-tablet);



    padding-right: var(--content-area-p-x-tablet);



    padding-bottom: var(--content-area-md-p-b-tablet);



  }



}



@media (max-width: 767px) {



  .intro-area > .intro-area-wrap {



    padding-top: 30px;



    padding-left: var(--content-area-p-x-phone);



    padding-right: var(--content-area-p-x-phone);



    padding-bottom: var(--content-area-md-p-b-phone);



  }



}



.intro-area .intro-area-box {



  padding: 30px 30px 0;



  margin-bottom: 60px;



}



@media (max-width: 991px) {



  .intro-area .intro-area-box {



    padding: 10px 10px 0;



  }



}



@media (max-width: 991px) {



  .intro-area .intro-area-box-left {



    order: 1;



  }



}



@media (max-width: 991px) {



  .intro-area .intro-area-box-right {



    order: 0;



  }



}



.intro-area .intro-area-box-inner {



  padding: 30px 0 30px 30px;



}



@media (max-width: 991px) {



  .intro-area .intro-area-box-inner {



    padding: 0 15px;



  }



}







.intro-area .intro-area-masonry-gallery {



  display: grid;



  grid-template-columns: repeat(2, 1fr);



  grid-gap: 10px;



  margin-bottom: 30px;



}



.intro-area .intro-area-masonry-gallery.has-1-img .intro-area-masonry-gallery-img {



  padding-bottom: 100%;



  grid-column: span 2;



}



@media (max-width: 1199px) and (min-width: 992px) {



  .intro-area .intro-area-masonry-gallery.has-1-img .intro-area-masonry-gallery-img {



    padding-bottom: 145%;



  }



}



@media (max-width: 991px) {



  .intro-area .intro-area-masonry-gallery.has-1-img .intro-area-masonry-gallery-img {



    padding-bottom: 75%;



  }



}



.intro-area .intro-area-masonry-gallery.has-2-img .intro-area-masonry-gallery-img {



  padding-bottom: 50%;



  grid-column: span 2;



}



@media (max-width: 1199px) and (min-width: 992px) {



  .intro-area .intro-area-masonry-gallery.has-2-img .intro-area-masonry-gallery-img {



    padding-bottom: 75%;



  }



}



@media (max-width: 991px) {



  .intro-area .intro-area-masonry-gallery.has-2-img .intro-area-masonry-gallery-img {



    padding-bottom: 56%;



  }



}



.intro-area .intro-area-masonry-gallery.has-3-img .intro-area-masonry-gallery-img:nth-child(3n+1) {



  padding-bottom: 56%;



  grid-column: 1/span 2;



}



@media (max-width: 1199px) and (min-width: 992px) {



  .intro-area .intro-area-masonry-gallery.has-3-img .intro-area-masonry-gallery-img:nth-child(3n+1) {



    padding-bottom: 75%;



  }



}



.intro-area .intro-area-masonry-gallery.has-3-img .intro-area-masonry-gallery-img:nth-child(3n+2), .intro-area .intro-area-masonry-gallery.has-3-img .intro-area-masonry-gallery-img:nth-child(3n+3) {



  padding-bottom: 100%;



}



@media (max-width: 1199px) and (min-width: 992px) {



  .intro-area .intro-area-masonry-gallery.has-3-img .intro-area-masonry-gallery-img:nth-child(3n+2), .intro-area .intro-area-masonry-gallery.has-3-img .intro-area-masonry-gallery-img:nth-child(3n+3) {



    padding-bottom: 133%;



  }



}



@media (max-width: 991px) {



  .intro-area .intro-area-masonry-gallery.has-3-img .intro-area-masonry-gallery-img:nth-child(3n+2), .intro-area .intro-area-masonry-gallery.has-3-img .intro-area-masonry-gallery-img:nth-child(3n+3) {



    padding-bottom: 56%;



  }



}



.intro-area .intro-area-masonry-gallery-img {



  display: block;



  overflow: hidden;



  position: relative;



  background-color: var(--primary-1);



}



.intro-area .intro-area-masonry-gallery-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}







.intro-area .content-area.is-sm > .intro-area-wrap {



  padding: 15px 0 0;



}



.intro-area .content-area.is-md > .intro-area-wrap {



  padding: 30px 15px 0;



}



.intro-area .content-area.is-lg > .intro-area-wrap {



  padding: 45px 30px 15px;



}



.intro-area .content-area.is-xl > .intro-area-wrap {



  padding: 60px 45px 30px;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Intro Area - Boxed - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Alert Boxed - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.alert-boxed {



  overflow: auto;



  margin-bottom: 30px;



  font-size: 14px;



  text-align: left;



  border: none;



  border-radius: var(--border-radius);



  background-color: var(--gray-4);



}



.alert-boxed h1, .alert-boxed h2, .alert-boxed h3, .alert-boxed h4, .alert-boxed h5, .alert-boxed h6, .alert-boxed p, .alert-boxed ul, .alert-boxed ol, .alert-boxed dl, .alert-boxed table {



  color: var(--text-color);



}



.alert-boxed h1, .alert-boxed h2, .alert-boxed h3, .alert-boxed h4, .alert-boxed h5, .alert-boxed h6 {



  margin-bottom: 15px;



}



.alert-boxed p {



  margin-bottom: 15px;



}



.alert-boxed a {



  text-decoration: underline;



}



.alert-boxed a:hover {



  text-decoration: underline;



}



.alert-boxed .alert-wrap {



  position: relative;



}



.alert-boxed .alert-content {



  padding: 20px 30px 8px;



  margin-left: 70px;



}



@media (max-width: 575px) {



  .alert-boxed .alert-content {



    padding: 15px 15px 1px;



    margin-left: 0;



  }



}



.alert-boxed .alert-icon {



  display: flex;



  align-items: center;



  position: absolute;



  top: 0;



  left: 0;



  width: 70PX;



  height: 100%;



  font-size: 28px;



  text-align: center;



  color: var(--text-color);



  background-color: rgba(0, 0, 0, 0.2);



}



@media (max-width: 575px) {



  .alert-boxed .alert-icon {



    display: none;



  }



}



.alert-boxed .alert-icon:before {



  flex: 1 0 auto;



  display: block;



}



.alert-boxed .alert-close {



  opacity: 0.5;



  position: absolute;



  top: 8px;



  right: 8px;



  width: 20px;



  height: 20px;



  font-size: 20px;



  line-height: 1;



}



.alert-boxed .alert-close:hover {



  opacity: 1;



}







.alert-boxed.alert-info {



  background-color: var(--info);



}



.alert-boxed.alert-info h1, .alert-boxed.alert-info h2, .alert-boxed.alert-info h3, .alert-boxed.alert-info h4, .alert-boxed.alert-info h5, .alert-boxed.alert-info h6, .alert-boxed.alert-info p, .alert-boxed.alert-info ul, .alert-boxed.alert-info ol, .alert-boxed.alert-info dl, .alert-boxed.alert-info table {



  color: var(--text-color);



}



.alert-boxed.alert-info .alert-icon {



  color: var(--white);



  background-color: rgba(0, 0, 0, 0.2);



}



.alert-boxed.alert-info .alert-icon:before {



  content: "\F0F3";



}



.alert-boxed.alert-success {



  background-color: var(--success);



}



.alert-boxed.alert-success h1, .alert-boxed.alert-success h2, .alert-boxed.alert-success h3, .alert-boxed.alert-success h4, .alert-boxed.alert-success h5, .alert-boxed.alert-success h6, .alert-boxed.alert-success p, .alert-boxed.alert-success ul, .alert-boxed.alert-success ol, .alert-boxed.alert-success dl, .alert-boxed.alert-success table {



  color: var(--white);



}



.alert-boxed.alert-success .alert-icon {



  color: var(--white);



  background-color: rgba(0, 0, 0, 0.2);



}



.alert-boxed.alert-success .alert-icon:before {



  content: "\F164";



}



.alert-boxed.alert-warning {



  background-color: var(--warning);



}



.alert-boxed.alert-warning h1, .alert-boxed.alert-warning h2, .alert-boxed.alert-warning h3, .alert-boxed.alert-warning h4, .alert-boxed.alert-warning h5, .alert-boxed.alert-warning h6, .alert-boxed.alert-warning p, .alert-boxed.alert-warning ul, .alert-boxed.alert-warning ol, .alert-boxed.alert-warning dl, .alert-boxed.alert-warning table {



  color: var(--text-color);



}



.alert-boxed.alert-warning .alert-icon {



  color: var(--white);



  background-color: rgba(0, 0, 0, 0.2);



}



.alert-boxed.alert-warning .alert-icon:before {



  content: "!";



}



.alert-boxed.alert-error, .alert-boxed.alert-danger {



  background-color: var(--danger);



}



.alert-boxed.alert-error h1, .alert-boxed.alert-error h2, .alert-boxed.alert-error h3, .alert-boxed.alert-error h4, .alert-boxed.alert-error h5, .alert-boxed.alert-error h6, .alert-boxed.alert-error p, .alert-boxed.alert-error ul, .alert-boxed.alert-error ol, .alert-boxed.alert-error dl, .alert-boxed.alert-error table, .alert-boxed.alert-danger h1, .alert-boxed.alert-danger h2, .alert-boxed.alert-danger h3, .alert-boxed.alert-danger h4, .alert-boxed.alert-danger h5, .alert-boxed.alert-danger h6, .alert-boxed.alert-danger p, .alert-boxed.alert-danger ul, .alert-boxed.alert-danger ol, .alert-boxed.alert-danger dl, .alert-boxed.alert-danger table {



  color: var(--white);



}



.alert-boxed.alert-error .alert-icon, .alert-boxed.alert-danger .alert-icon {



  color: var(--white);



  background-color: rgba(0, 0, 0, 0.2);



}



.alert-boxed.alert-error .alert-icon:before, .alert-boxed.alert-danger .alert-icon:before {



  content: "\F5B4";



}







.alert-boxed.is-small {



  max-width: 480px;



}







.alert-boxed.is-animated.alert-info .alert-icon:before {



  -webkit-transform-origin: top center;



          transform-origin: top center;



  -webkit-animation-name: swing;



          animation-name: swing;



  -webkit-animation-duration: 1.5s;



          animation-duration: 1.5s;



  -webkit-animation-timing-function: linear;



          animation-timing-function: linear;



  -webkit-animation-delay: 0s;



          animation-delay: 0s;



  -webkit-animation-fill-mode: both;



          animation-fill-mode: both;



  -webkit-animation-direction: normal;



          animation-direction: normal;



  -webkit-animation-iteration-count: infinite;



          animation-iteration-count: infinite;



}



.alert-boxed.is-animated.alert-success .alert-icon:before {



  -webkit-animation-name: tada;



          animation-name: tada;



  -webkit-animation-duration: 2s;



          animation-duration: 2s;



  -webkit-animation-timing-function: linear;



          animation-timing-function: linear;



  -webkit-animation-delay: 0s;



          animation-delay: 0s;



  -webkit-animation-fill-mode: both;



          animation-fill-mode: both;



  -webkit-animation-direction: normal;



          animation-direction: normal;



  -webkit-animation-iteration-count: infinite;



          animation-iteration-count: infinite;



}



.alert-boxed.is-animated.alert-warning .alert-icon:before {



  -webkit-animation-name: heartBeat;



          animation-name: heartBeat;



  -webkit-animation-duration: 2s;



          animation-duration: 2s;



  -webkit-animation-timing-function: linear;



          animation-timing-function: linear;



  -webkit-animation-delay: 0s;



          animation-delay: 0s;



  -webkit-animation-fill-mode: both;



          animation-fill-mode: both;



  -webkit-animation-direction: normal;



          animation-direction: normal;



  -webkit-animation-iteration-count: infinite;



          animation-iteration-count: infinite;



}



.alert-boxed.is-animated.alert-error .alert-icon:before, .alert-boxed.is-animated.alert-danger .alert-icon:before {



  -webkit-animation-name: jello;



          animation-name: jello;



  -webkit-animation-duration: 1.5s;



          animation-duration: 1.5s;



  -webkit-animation-timing-function: linear;



          animation-timing-function: linear;



  -webkit-animation-delay: 0s;



          animation-delay: 0s;



  -webkit-animation-fill-mode: both;



          animation-fill-mode: both;



  -webkit-animation-direction: normal;



          animation-direction: normal;



  -webkit-animation-iteration-count: infinite;



          animation-iteration-count: infinite;



}







.alert-boxed.is-temp-hide {



  display: none;



}



.liveEdBlock .alert-boxed.is-temp-hide {



  display: block;



}



.alert-boxed.is-temp-hide .alert-wrap:after {



  content: "This alert is currently hidden from the public.";



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  color: var(--white);



  font-size: 25px;



  font-weight: var(--font-weight-bold);



  background-color: rgba(0, 0, 0, 0.75);



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Alert Boxed - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Badge - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.badge {



  display: inline-block;



  vertical-align: middle;



  padding: 3px 10px;



  color: var(--text-color);



  font-size: 10px;



  text-transform: uppercase;



  font-weight: var(--font-weight-semi-bold);



  border-radius: 50px;



  background-color: var(--gray-2);



}



.badge i {



  margin-right: 5px;



}







.badge.badge-sm {



  padding: 1px 6px;



  font-size: 8px;



}



.badge.badge-md {



  padding: 3px 8px;



  font-size: 10px;



}



.badge.badge-lg {



  padding: 5px 12px;



  font-size: 12px;



}







.badge.badge-default {



  color: var(--text-color);



  background-color: var(--gray-2);



}



.badge.badge-primary {



  color: var(--white);



  background-color: var(--primary);



}



.badge.badge-secondary {



  color: var(--white);



  background-color: var(--secondary);



}



.badge.badge-third {



  color: var(--white);



  background-color: var(--third);



}



.badge.badge-fourth {



  color: var(--white);



  background-color: var(--fourth);



}



.badge.badge-white {



  color: var(--text-color);



  background-color: var(--white);



}



.badge.badge-light {



  color: var(--text-color);



  background-color: var(--gray-2);



}



.badge.badge-dark {



  color: var(--white);



  background-color: var(--dark);



}



.badge.badge-info {



  color: var(--white);



  background-color: var(--info);



}



.badge.badge-success {



  color: var(--white);



  background-color: var(--success);



}



.badge.badge-warning {



  color: var(--white);



  background-color: var(--warning);



}



.badge.badge-error, .badge.badge-danger {



  color: var(--white);



  background-color: var(--danger);



}



.badge.badge-page {



  color: var(--white);



  background-color: var(--type-page);



}



.badge.badge-post {



  color: var(--white);



  background-color: var(--type-post);



}



.badge.badge-event {



  color: var(--white);



  background-color: var(--type-event);



}



.badge.badge-form {



  color: var(--white);



  background-color: var(--type-form);



}



.badge.badge-gallery {



  color: var(--white);



  background-color: var(--type-gallery);



}



.badge.badge-image, .badge.badge-Image {



  color: var(--white);



  background-color: var(--type-image);



}



.badge.badge-video, .badge.badge-Video {



  color: var(--white);



  background-color: var(--type-video);



}



.badge.badge-doc, .badge.badge-Doc {



  color: var(--white);



  background-color: var(--type-doc);



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Badge - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Burger Default - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.burger-default {



  display: flex;



  align-items: center;



  position: relative;



}



.burger-default span {



  display: block;



  transition: var(--transition-360);



}







.burger-default .burger-lines {



  position: relative;



  overflow: hidden;



  width: 30px;



  height: 30px;



}



.burger-default .burger-line {



  position: absolute;



  left: 0;



  width: 30px;



  height: 2px;



  border-radius: 0;



  background-color: var(--primary);



}



.burger-default .burger-line:nth-of-type(1), .burger-default .burger-line:nth-of-type(4) {



  top: 4px;



}



.burger-default .burger-line:nth-of-type(2), .burger-default .burger-line:nth-of-type(5) {



  top: 14px;



}



.burger-default .burger-line:nth-of-type(3), .burger-default .burger-line:nth-of-type(6) {



  bottom: 4px;



}



.burger-default .burger-line:nth-of-type(1), .burger-default .burger-line:nth-of-type(2), .burger-default .burger-line:nth-of-type(3) {



  -webkit-transform: translateX(0px);



          transform: translateX(0px);



}



.burger-default .burger-line:nth-of-type(4), .burger-default .burger-line:nth-of-type(5), .burger-default .burger-line:nth-of-type(6) {



  opacity: 0;



  -webkit-transform: translateX(-30px);



          transform: translateX(-30px);



}



.burger-default .burger-line:nth-of-type(1) {



  transition-delay: 0ms;



}



.burger-default .burger-line:nth-of-type(2) {



  transition-delay: 100ms;



}



.burger-default .burger-line:nth-of-type(3) {



  transition-delay: 200ms;



}



.burger-default .burger-line:nth-of-type(4) {



  transition-delay: 50ms;



}



.burger-default .burger-line:nth-of-type(5) {



  transition-delay: 150ms;



}



.burger-default .burger-line:nth-of-type(6) {



  transition-delay: 250ms;



}







.burger-default .burger-slashes {



  position: absolute;



  overflow: hidden;



  top: 0;



  left: 0;



  width: 30px;



  height: 30px;



}



.burger-default .burger-slash {



  opacity: 0;



  position: absolute;



  top: 0;



  width: 40px;



  height: 2px;



  border-radius: 0;



  background-color: var(--primary);



}



.burger-default .burger-slash:nth-of-type(1), .burger-default .burger-slash:nth-of-type(3) {



  left: 1px;



  -webkit-transform-origin: left center;



          transform-origin: left center;



  -webkit-transform: translate(30px, 30px) rotate(45deg);



          transform: translate(30px, 30px) rotate(45deg);



}



.burger-default .burger-slash:nth-of-type(2), .burger-default .burger-slash:nth-of-type(4) {



  right: 1px;



  -webkit-transform-origin: right center;



          transform-origin: right center;



  -webkit-transform: translate(-30px, 30px) rotate(-45deg);



          transform: translate(-30px, 30px) rotate(-45deg);



}







.burger-default .burger-text {



  position: relative;



  overflow: hidden;



  margin-left: 6px;



  color: var(--primary);



  font-size: 14px;



  line-height: 30px;



  text-transform: uppercase;



  font-weight: var(--font-weight-bold);



}



.burger-default .burger-text-open {



  position: absolute;



  top: 0;



  left: 0;



  -webkit-transform: translateX(0%);



          transform: translateX(0%);



}



.burger-default .burger-text-close {



  opacity: 0;



  -webkit-transform: translateX(-100%);



          transform: translateX(-100%);



}







.burger-default.burger-hover:hover .burger-line {



  background-color: var(--third);



}



.burger-default.burger-hover:hover .burger-slash {



  background-color: var(--third);



}



.burger-default.burger-hover:hover .burger-text {



  color: var(--third);



}



.burger-default.burger-hover:not(.active):hover .burger-line:nth-of-type(1), .burger-default.burger-hover:not(.active):hover .burger-line:nth-of-type(2), .burger-default.burger-hover:not(.active):hover .burger-line:nth-of-type(3) {



  opacity: 0;



  -webkit-transform: translateX(30px);



          transform: translateX(30px);



}



.burger-default.burger-hover:not(.active):hover .burger-line:nth-of-type(4), .burger-default.burger-hover:not(.active):hover .burger-line:nth-of-type(5), .burger-default.burger-hover:not(.active):hover .burger-line:nth-of-type(6) {



  opacity: 1;



  -webkit-transform: translateX(0);



          transform: translateX(0);



}



.burger-default.active .burger-line {



  opacity: 0;



  -webkit-transform: translateX(30px);



          transform: translateX(30px);



}



.burger-default.active .burger-slash:nth-of-type(1) {



  opacity: 1;



  -webkit-transform: translate(0, 0) rotate(45deg);



          transform: translate(0, 0) rotate(45deg);



}



.burger-default.active .burger-slash:nth-of-type(2) {



  opacity: 1;



  -webkit-transform: translate(0, 0) rotate(-45deg);



          transform: translate(0, 0) rotate(-45deg);



}



.burger-default.active .burger-text-open {



  opacity: 0;



  -webkit-transform: translateX(100%);



          transform: translateX(100%);



}



.burger-default.active .burger-text-close {



  opacity: 1;



  -webkit-transform: translateX(0%);



          transform: translateX(0%);



}



.burger-default.active.burger-hover:hover .burger-slash:nth-of-type(1) {



  opacity: 0;



  -webkit-transform: translate(-30px, -30px) rotate(45deg);



          transform: translate(-30px, -30px) rotate(45deg);



}



.burger-default.active.burger-hover:hover .burger-slash:nth-of-type(2) {



  opacity: 0;



  -webkit-transform: translate(30px, -30px) rotate(-45deg);



          transform: translate(30px, -30px) rotate(-45deg);



}



.burger-default.active.burger-hover:hover .burger-slash:nth-of-type(3) {



  opacity: 1;



  -webkit-transform: translate(0, 0) rotate(45deg);



          transform: translate(0, 0) rotate(45deg);



}



.burger-default.active.burger-hover:hover .burger-slash:nth-of-type(4) {



  opacity: 1;



  -webkit-transform: translate(0, 0) rotate(-45deg);



          transform: translate(0, 0) rotate(-45deg);



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Burger Default - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Accordion Boxed - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.accordion-boxed {



  margin-bottom: 10px;



}



.accordion-boxed .accordion-wrap {



  overflow: hidden;



  border-radius: var(--border-radius);



}



.accordion-boxed .accordion-btn {



  cursor: pointer;



  position: relative;



  display: flex;



  align-items: center;



  justify-content: space-between;



  padding: 15px 15px 15px 30px;



}



.accordion-boxed .accordion-title {



  margin-bottom: 0;



  margin-right: 30px;



  white-space: pre-line;



}



.accordion-boxed .accordion-icon i {



  font-size: 18px;



  transition: var(--transition-500);



}



.accordion-boxed .accordion-content {



  display: none;



  border-top: 1px solid var(--border-color-dark);



}



.accordion-boxed .accordion-inner {



  padding: 30px 30px 5px;



}



.accordion-boxed.active .accordion-icon i {



  -webkit-transform: rotate(135deg);



          transform: rotate(135deg);



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Accordion Boxed - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Accordion Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.accordion-minimal .accordion-btn {



  cursor: pointer;



  display: flex;



  align-items: center;



  justify-content: space-between;



  padding: 15px 0;



  margin-top: -1px;



  border-top: 1px solid var(--gray-4);



  border-bottom: 1px solid var(--gray-4);



}



.accordion-minimal .accordion-title {



  margin-bottom: 0;



  margin-right: 30px;



  white-space: pre-line;



}



.accordion-minimal .accordion-icon i {



  font-size: 18px;



  transition: var(--transition-500);



}



.accordion-minimal .accordion-content {



  display: none;



}



.accordion-minimal .accordion-inner {



  padding: 30px 30px 5px;



}



.accordion-minimal .accordion-inner._bg-none {



  padding-left: 0;



  padding-right: 0;



}



.accordion-minimal.active .accordion-icon i {



  -webkit-transform: rotate(135deg);



          transform: rotate(135deg);



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Accordion Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Tabs - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.tabs-minimal {



  margin-bottom: 30px;



}



.tabs-minimal .tabs-nav {



  display: flex;



  align-items: center;



  justify-content: space-between;



  padding: 15px 20px;



  text-align: left;



  white-space: pre-line;



  font-weight: var(--font-weight-bold);



  border-radius: var(--border-radius);



  background-color: var(--gray-2);



}



.tabs-minimal .tabs-nav:hover, .tabs-minimal .tabs-nav.active {



  color: var(--white);



  background-color: var(--primary);



}



.tabs-minimal .tabs-pane {



  display: none;



}



.tabs-minimal .tabs-pane:first-of-type {



  display: block;



}







.tabs-minimal.is-horizontal .tabs-wrap {



  display: flex;



  flex-wrap: wrap;



}



.tabs-minimal.is-horizontal .tabs-navs {



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  flex: 0 0 20%;



  width: 100%;



  max-width: 20%;



}



@media (max-width: 991px) {



  .tabs-minimal.is-horizontal .tabs-navs {



    flex: 0 0 100%;



    width: auto;



    max-width: none;



  }



}



.tabs-minimal.is-horizontal .tabs-nav {



  margin-bottom: 5px;



}



.tabs-minimal.is-horizontal .tabs-nav-icon {



  font-size: 14px;



  margin-left: 15px;



}



.tabs-minimal.is-horizontal .tabs-panes {



  flex: 0 0 80%;



  width: 100%;



  max-width: 80%;



  padding-left: 30px;



}



@media (max-width: 991px) {



  .tabs-minimal.is-horizontal .tabs-panes {



    flex: 0 0 100%;



    width: auto;



    max-width: none;



    padding-left: 0;



    padding-top: 25px;



  }



}







.tabs-minimal.is-vertical .tabs-navs {



  display: flex;



  flex-wrap: nowrap;



  overflow-x: auto;



}



.tabs-minimal.is-vertical .tabs-nav {



  flex: 0 0 auto;



  max-width: 300px;



  margin-right: 5px;



}



.tabs-minimal.is-vertical .tabs-nav-icon {



  font-size: 14px;



  margin-left: 30px;



}



.tabs-minimal.is-vertical .tabs-panes {



  padding-top: 30px;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Tabs - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Tabs - Icon - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.tabs-icon {



  margin-bottom: 30px;



}



.tabs-icon .tabs-header {



  position: relative;



  margin-bottom: 30px;



}



.tabs-icon .tabs-nav-indicator {



  pointer-events: none;



  position: absolute;



  left: 0;



  bottom: 0;



  width: 100%;



  height: 3px;



  background-color: var(--border-color-dark);



}



@media (max-width: 991px) {



  .tabs-icon .tabs-nav-indicator {



    display: none;



  }



}



.tabs-icon .tabs-nav-indicator span {



  display: block;



  position: absolute;



  top: 0;



  left: 0;



  height: 100%;



  background-color: var(--primary);



  transition: var(--transition-360);



}



.tabs-icon .tabs-close-btn {



  display: none;



  position: fixed;



  top: 30px;



  right: 30px;



  z-index: 520;



}



.tabs-icon .tabs-close-btn.mobile-active {



  display: block;



}



.tabs-icon .tabs-navs {



  display: grid;



  grid-auto-flow: column;



  grid-auto-columns: 1fr;



  gap: 15px;



  padding-bottom: 30px;



}



@media (max-width: 991px) {



  .tabs-icon .tabs-navs {



    grid-template-columns: repeat(3, 1fr);



    grid-auto-flow: row;



  }



}



@media (max-width: 575px) {



  .tabs-icon .tabs-navs {



    grid-template-columns: repeat(2, 1fr);



  }



}



.tabs-icon .tabs-nav {











  cursor: pointer;



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  align-items: center;



  justify-content: center;



  text-align: center;



  white-space: pre-line;



  font-weight: var(--font-weight-bold);



  transition: var(--transition-200);



}



@media (max-width: 991px) {



  .tabs-icon .tabs-nav {



    padding: 30px;



    border-radius: var(--border-radius);



    background-color: var(--gray-2);



  }



}



.tabs-icon .tabs-nav img {



  width: auto;



  height: 60px;



  margin-bottom: 15px;



  transition: var(--transition-200);



}



.tabs-icon .tabs-nav:hover, .tabs-icon .tabs-nav.desktop-active {



  color: var(--primary);



}



@media (max-width: 991px) {



  .tabs-icon .tabs-nav:hover, .tabs-icon .tabs-nav.desktop-active {



    color: var(--white);



    background-color: var(--primary);



  }



}



@media (max-width: 991px) {



  .tabs-icon .tabs-nav:hover img, .tabs-icon .tabs-nav.desktop-active img {



    -webkit-filter: brightness(0) invert(1);



            filter: brightness(0) invert(1);



  }



}



.tabs-icon .tabs-pane {



  display: none;



}



@media (max-width: 991px) {



  .tabs-icon .tabs-pane {



    z-index: 510;



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    overflow-x: hidden;



    overflow-y: auto;



    padding: 80px 30px 30px;



    background: var(--white);



  }



}



.tabs-icon .tabs-pane.desktop-active {



  display: block;



}



@media (max-width: 991px) {



  .tabs-icon .tabs-pane.desktop-active {



    display: none;



  }



}



.tabs-icon .tabs-pane.mobile-active {



  display: none;



}



@media (max-width: 991px) {



  .tabs-icon .tabs-pane.mobile-active {



    display: block;



  }



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Tabs - Icon - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Tabs - Boxed - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.tabs-boxed {



  margin-bottom: 30px;



}



.tabs-boxed .tabs-wrap {



  overflow: hidden;



  border-radius: var(--border-radius);



  background-color: var(--gray-1);



}



.tabs-boxed .tabs-nav {



  overflow: hidden;



  position: relative;



  text-align: left;



  white-space: pre-line;



  font-weight: var(--font-weight-bold);



}



.tabs-boxed .tabs-nav span {



  display: block;



  position: relative;



}



.tabs-boxed .tabs-pane {



  display: none;



  padding: 30px 30px 1px;



}



.tabs-boxed .tabs-pane:first-of-type {



  display: block;



}







.tabs-boxed.is-horizontal .tabs-wrap {



  display: flex;



  flex-wrap: wrap;



}



.tabs-boxed.is-horizontal .tabs-navs {



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  flex: 0 0 20%;



  width: 100%;



  max-width: 20%;



  border-right: 1px solid var(--border-color-dark);



}



@media (max-width: 991px) {



  .tabs-boxed.is-horizontal .tabs-navs {



    flex: 0 0 100%;



    width: auto;



    max-width: none;



    border-right: none;



  }



}



.tabs-boxed.is-horizontal .tabs-nav {



  padding: 0 30px;



}



.tabs-boxed.is-horizontal .tabs-nav span {



  padding: 15px 0;



  border-bottom: 1px solid var(--border-color-dark);



}



.tabs-boxed.is-horizontal .tabs-nav:before {



  content: "";



  position: absolute;



  left: 0;



  top: 0;



  width: 100%;



  height: calc(100% - 1px);



  background-color: var(--primary);



  transition: var(--transition-200);



  opacity: 0;



  -webkit-transform: translateX(-50%);



          transform: translateX(-50%);



}



.tabs-boxed.is-horizontal .tabs-nav:hover, .tabs-boxed.is-horizontal .tabs-nav.active {



  color: var(--white);



}



.tabs-boxed.is-horizontal .tabs-nav:hover:before, .tabs-boxed.is-horizontal .tabs-nav.active:before {



  opacity: 1;



  -webkit-transform: translateX(0);



          transform: translateX(0);



}



.tabs-boxed.is-horizontal .tabs-panes {



  flex: 0 0 80%;



  width: 100%;



  max-width: 80%;



}



@media (max-width: 991px) {



  .tabs-boxed.is-horizontal .tabs-panes {



    flex: 0 0 100%;



    width: auto;



    max-width: none;



  }



}







.tabs-boxed.is-vertical .tabs-navs {



  display: flex;



  flex-wrap: nowrap;



  overflow-x: auto;



  border-bottom: 1px solid var(--border-color-dark);



}



.tabs-boxed.is-vertical .tabs-nav {



  flex: 0 0 auto;



  padding: 25px 0;



}



.tabs-boxed.is-vertical .tabs-nav span {



  padding: 0 30px;



  border-right: 1px solid var(--border-color-dark);



}



.tabs-boxed.is-vertical .tabs-nav:before {



  content: "";



  position: absolute;



  left: 0;



  top: 0;



  width: calc(100% - 1px);



  height: 100%;



  background-color: var(--primary);



  transition: var(--transition-200);



  opacity: 0;



  -webkit-transform: translateY(50%);



          transform: translateY(50%);



}



.tabs-boxed.is-vertical .tabs-nav:hover, .tabs-boxed.is-vertical .tabs-nav.active {



  color: var(--white);



}



.tabs-boxed.is-vertical .tabs-nav:hover:before, .tabs-boxed.is-vertical .tabs-nav.active:before {



  opacity: 1;



  -webkit-transform: translateX(0);



          transform: translateX(0);



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Tabs - Boxed - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Tabs - Line Divided - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.tabs-line-divided {



  margin-bottom: 30px;



}



.tabs-line-divided .tabs-nav {



  white-space: pre-line;



  font-weight: var(--font-weight-bold);



}



.tabs-line-divided .tabs-pane {



  display: none;



}



.tabs-line-divided .tabs-pane:first-of-type {



  display: block;



}







.tabs-line-divided.is-vertical .tabs-navs {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  margin-bottom: 45px;



  border-bottom: 1px solid var(--border-color-dark);



}



.tabs-line-divided.is-vertical .tabs-nav {



  position: relative;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  margin-right: 60px;



  margin-bottom: 20px;



}



.tabs-line-divided.is-vertical .tabs-nav:before {



  opacity: 0;



  content: "";



  position: absolute;



  left: 0;



  bottom: -20px;



  width: 100%;



  height: 6px;



  background-color: var(--primary);



  transition: var(--transition-200);



}



.tabs-line-divided.is-vertical .tabs-nav:not(:last-of-type):after {



  content: "";



  position: absolute;



  top: 0;



  right: -30px;



  width: 1px;



  height: 100%;



  background-color: var(--border-color-dark);



}



.tabs-line-divided.is-vertical .tabs-nav:hover:before, .tabs-line-divided.is-vertical .tabs-nav.active:before {



  opacity: 1;



}



/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Tabs - Line Divided - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Modal Boxed - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.modal-boxed .modal-container {



  z-index: 510;



  display: none;



  position: fixed;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  overflow-x: hidden;



  overflow-y: auto;



  padding: 60px 15px;



  background-color: rgba(0, 0, 0, 0.5);



}



.modal-boxed .modal-dialog {



  position: relative;



  width: 100%;



  min-height: 100px;



  margin: 0 auto;



}



.modal-boxed .modal-inner {



  overflow: hidden;



  border-radius: var(--border-radius);



  background-color: var(--white);



  box-shadow: var(--shadow-2);



}



.modal-boxed .modal-close-btn {



  z-index: 1;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: -12px;



  right: -12px;



  width: 30px;



  height: 30px;



  color: var(--white);



  border-radius: 50%;



  background: var(--dark);



  box-shadow: var(--shadow-2);



}



.modal-boxed .modal-close-btn:hover {



  background: var(--primary);



}







.modal-boxed.is-sm .modal-dialog {



  max-width: 570px;



}







.modal-boxed.is-md .modal-dialog {



  max-width: 770px;



}







.modal-boxed.is-lg .modal-dialog {



  max-width: 970px;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Modal Boxed - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Popup - Advanced - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.popup-advanced .popup-container {



  z-index: 510;



  display: none;



  position: fixed;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  overflow-x: hidden;



  overflow-y: auto;



  padding: 60px 15px;



  background-color: rgba(0, 0, 0, 0.5);



}



.popup-advanced .popup-dialog {



  position: relative;



  width: 100%;



  min-height: 100px;



  margin: 0 auto;



}



.popup-advanced .popup-inner {



  overflow: hidden;



  border-radius: var(--border-radius);



  background-color: var(--white);



  box-shadow: var(--shadow-2);



}



.popup-advanced .popup-close-btn {



  z-index: 1;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: -12px;



  right: -12px;



  width: 30px;



  height: 30px;



  color: var(--white);



  border-radius: 50%;



  background: var(--dark);



  box-shadow: var(--shadow-2);



}



.popup-advanced .popup-close-btn:hover {



  background: var(--primary);



}







.popup-advanced.is-sm .popup-dialog {



  max-width: 570px;



}







.popup-advanced.is-md .popup-dialog {



  max-width: 770px;



}







.popup-advanced.is-lg .popup-dialog {



  max-width: 970px;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Popup - Advanced - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Video Player - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.video-player-minimal {



  cursor: pointer;



  margin-bottom: 30px;



}



.video-player-minimal .video-player-wrap {



  overflow: hidden;



  position: relative;



  border-radius: var(--border-radius);



}



.video-player-minimal .video-player-video {



  opacity: 0;



  display: block;



  width: 100%;



  transition: var(--transition-200);



}



.video-player-minimal .video-player-poster,



.video-player-minimal .video-player-inner {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  transition: var(--transition-200);



}



.video-player-minimal .video-player-poster {



  -o-object-fit: cover;



     object-fit: cover;



}



.video-player-minimal .video-player-inner {



  display: flex;



  align-items: center;



  justify-content: center;



  background-color: rgba(0, 0, 0, 0.3);



}



.video-player-minimal .video-player-icon {



  font-size: 60px;



  color: rgba(255, 255, 255, 0.8);



  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);



  transition: var(--transition-200);



}



.video-player-minimal:hover .video-player-poster {



  -webkit-transform: scale(1.1);



          transform: scale(1.1);



}



.video-player-minimal:hover .video-player-icon {



  -webkit-transform: scale(0.95);



          transform: scale(0.95);



  color: white;



  text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);



}



.video-player-minimal.active .video-player-video {



  opacity: 1;



}



.video-player-minimal.active .video-player-poster,



.video-player-minimal.active .video-player-inner {



  opacity: 0;



  visibility: hidden;



  pointer-events: none;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Video Player - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Video Player - Youtube - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.video-player-youtube {



  margin-bottom: 30px;



}



.video-player-youtube .video-player-wrap {



  overflow: hidden;



  display: block;



  position: relative;



  padding-bottom: 56%;



  border-radius: var(--border-radius);



}



.video-player-youtube .video-player-embed iframe {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Video Player - Youtube - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Video Player - Youtube Popup - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.video-player-youtube-popup {



  margin-bottom: 30px;



}



.video-player-youtube-popup .video-player-wrap {



  overflow: hidden;



  display: block;



  position: relative;



  padding-bottom: 56%;



  border-radius: var(--border-radius);



}



.video-player-youtube-popup .video-player-poster,



.video-player-youtube-popup .video-player-inner {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



}



.video-player-youtube-popup .video-player-poster {



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}



.video-player-youtube-popup .video-player-inner {



  display: flex;



  align-items: center;



  justify-content: center;



  background-color: rgba(0, 0, 0, 0.3);



}



.video-player-youtube-popup .video-player-icon {



  font-size: 60px;



  color: rgba(255, 255, 255, 0.8);



  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);



  transition: var(--transition-200);



}



.video-player-youtube-popup .video-player-wrap:hover .video-player-poster {



  -webkit-transform: scale(1.1);



          transform: scale(1.1);



}



.video-player-youtube-popup .video-player-wrap:hover .video-player-icon {



  -webkit-transform: scale(0.95);



          transform: scale(0.95);



  color: white;



  text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Video Player - Youtube Popup - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Video Banner - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.video-banner-minimal .video-banner-wrap {



  position: relative;



  overflow: hidden;



  background-size: cover;



  background-position: center;



  background-repeat: no-repeat;



}



.video-banner-minimal video {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



}



@media (max-width: 575px) {



  .video-banner-minimal video {



    display: none;



  }



}



.video-banner-minimal .video-banner-inner {



  position: relative;



  display: flex;



  align-items: center;



  text-align: center;



  background-color: rgba(0, 0, 0, 0.25);



}



.video-banner-minimal .video-banner-title {



  color: var(--white);



}



.video-banner-minimal .video-banner-caption {



  display: block;



}



.video-banner-minimal .video-banner-des {



  margin-left: auto;



  margin-right: auto;



  color: var(--white);



}



.video-banner-minimal .video-banner-btns {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: center;



  -webkit-column-gap: 10px;



     -moz-column-gap: 10px;



          column-gap: 10px;



}



.video-banner-minimal .video-banner-btns .btn {



  flex: 0 0 auto;



  margin-bottom: 10px;



}







.video-banner-minimal.is-large .video-banner-inner {



  height: calc((var(--vh, 1vh) * 100) - var(--header-height));



  min-height: 600px;



  max-height: 1200px;



}



@media (max-width: 991px) {



  .video-banner-minimal.is-large .video-banner-inner {



    height: auto;



  }



}



.video-banner-minimal.is-large .video-banner-title {



  line-height: 1;



  font-size: 80px;



  text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);



}



@media (max-width: 991px) {



  .video-banner-minimal.is-large .video-banner-title {



    font-size: 60px;



  }



}



@media (max-width: 575px) {



  .video-banner-minimal.is-large .video-banner-title {



    font-size: 40px;



  }



}



.video-banner-minimal.is-large .video-banner-caption {



  margin-bottom: 15px;



  font-size: 30px;



}



@media (max-width: 991px) {



  .video-banner-minimal.is-large .video-banner-caption {



    font-size: 18px;



  }



}



.video-banner-minimal.is-large .video-banner-des {



  max-width: 620px;



  text-shadow: 0 0 3px rgba(0, 0, 0, 0.25);



}



@media (max-width: 991px) {



  .video-banner-minimal.is-large .video-banner-des {



    max-width: 495px;



  }



}



@media (max-width: 575px) {



  .video-banner-minimal.is-large .video-banner-des {



    max-width: 375px;



  }



}



.video-banner-minimal.is-medium .video-banner-inner {



  height: 480px;



}



.video-banner-minimal.is-medium .video-banner-title {



  line-height: 1;



  text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);



}



.video-banner-minimal.is-medium .video-banner-caption {



  margin-bottom: 15px;



}



.video-banner-minimal.is-medium .video-banner-des {



  max-width: 495px;



  text-shadow: 0 0 3px rgba(0, 0, 0, 0.25);



}



@media (max-width: 991px) {



  .video-banner-minimal.is-medium .video-banner-des {



    max-width: 375px;



  }



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Video Banner - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Video Banner - Icon Blocks - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.video-banner-icon-blocks .video-banner-wrap {



  position: relative;



  overflow: hidden;



  background-size: cover;



  background-position: center;



  background-repeat: no-repeat;



}



.video-banner-icon-blocks video {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



}



@media (max-width: 575px) {



  .video-banner-icon-blocks video {



    display: none;



  }



}



.video-banner-icon-blocks .video-banner-inner {



  position: relative;



  display: flex;



  align-items: center;



  text-align: center;



  background-color: rgba(0, 0, 0, 0.25);



}



.video-banner-icon-blocks .video-banner-title,



.video-banner-icon-blocks .video-banner-subtitle {



  color: var(--white);



  white-space: pre-line;



}



.video-banner-icon-blocks .video-banner-subtitle {



  font-size: var(--h3-fot-size);



  font-weight: var(--font-weight-thin);



}



@media (max-width: 991px) {



  .video-banner-icon-blocks .video-banner-subtitle {



    font-size: var(--h3-font-size-mobile);



  }



}



.video-banner-icon-blocks .icon-blocks-boxed {



  margin-top: -150px;



}







.video-banner-icon-blocks.is-large .video-banner-inner {



  height: calc((var(--vh, 1vh) * 100) - var(--header-height));



  min-height: 600px;



  max-height: 1200px;



}



@media (max-width: 991px) {



  .video-banner-icon-blocks.is-large .video-banner-inner {



    height: auto;



  }



}



.video-banner-icon-blocks.is-large .video-banner-title {



  line-height: 1;



  font-size: 60px;



  text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);



}



@media (max-width: 575px) {



  .video-banner-icon-blocks.is-large .video-banner-title {



    font-size: 40px;



  }



}



.video-banner-icon-blocks.is-medium .video-banner-inner {



  height: 480px;



}



.video-banner-icon-blocks.is-medium .video-banner-title {



  line-height: 1;



  text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);



}



.video-banner-icon-blocks.is-medium .video-banner-caption {



  margin-bottom: 15px;



}



.video-banner-icon-blocks.is-medium .video-banner-des {



  max-width: 495px;



  text-shadow: 0 0 3px rgba(0, 0, 0, 0.25);



}



@media (max-width: 991px) {



  .video-banner-icon-blocks.is-medium .video-banner-des {



    max-width: 375px;



  }



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Video Banner - Icon Blocks  - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Icon Block - Boxed - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.icon-blocks-boxed .icon-blocks-item-wrap {



  display: block;



  overflow: hidden;



  height: 100%;



  padding: 30px 30px 0;



  text-align: center;



  color: var(--text-color);



}



.icon-blocks-boxed .icon-blocks-item-wrap::after {



  display: table;



  clear: both;



  content: "";



}



.icon-blocks-boxed .icon-blocks-item-img {



  width: auto;



  height: 65px;



  margin-bottom: 20px;



  transition: var(--transition-300);



}



.icon-blocks-boxed .icon-blocks-item-title {



  margin-bottom: 10px;



  font-size: 25px;



  word-break: break-all;



}



@media (max-width: 991px) {



  .icon-blocks-boxed .icon-blocks-item-title {



    font-size: calc(25px * 0.85);



  }



}



.icon-blocks-boxed .icon-blocks-item-title > span {



  display: block;



  transition: var(--transition-300);



}



.icon-blocks-boxed .icon-blocks-item-des {



  transition: var(--transition-300);



}



.icon-blocks-boxed .icon-blocks-item:nth-of-type(even) .icon-blocks-item-wrap:not(:hover) {



  background-color: var(--light);



}



@media (max-width: 991px) and (min-width: 576px) {



  .icon-blocks-boxed .icon-blocks-item:nth-of-type(1) {



    order: 0;



  }



  .icon-blocks-boxed .icon-blocks-item:nth-of-type(2) {



    order: 1;



  }



  .icon-blocks-boxed .icon-blocks-item:nth-of-type(3) {



    order: 3;



  }



  .icon-blocks-boxed .icon-blocks-item:nth-of-type(4) {



    order: 2;



  }



  .icon-blocks-boxed .icon-blocks-item:nth-of-type(5) {



    order: 4;



  }



  .icon-blocks-boxed .icon-blocks-item:nth-of-type(6) {



    order: 5;



  }



}



.icon-blocks-boxed .icon-blocks-item-wrap:not(:hover) {



  background-color: var(--white);



}



.icon-blocks-boxed .icon-blocks-item-wrap:not(:hover) .icon-blocks-item-title {



  color: var(--primary);



}



.icon-blocks-boxed.has-6-item .icon-blocks-item-title {



  font-size: 20px;



}



@media (max-width: 991px) {



  .icon-blocks-boxed.has-6-item .icon-blocks-item-title {



    font-size: calc(20px * 0.85);



  }



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Icon Block - Boxed - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Count Up - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.count-up-minimal {



  text-align: center;



}



.count-up-minimal .count-up-icon {



  width: auto;



  height: 80px;



  margin-bottom: 35px;



}



.count-up-minimal .count-up-top {



  margin-bottom: 25px;



  line-height: 1;



  font-family: citrus-gothic, sans-serif !important;



  font-size: 80px;



}







.count-up-minimal .count-up-top span{



 



  font-family: citrus-gothic, sans-serif !important;



 



}











.count-up-minimal .count-up-label {



  color: var(--primary);



  white-space: pre-line;



  font-weight: 600;



  font-size: 20px;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Count Up - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Card Default - Start







 |



 |



 |-----------------------------------------------------------------------------------------



*/



.content-card-default {



  margin-bottom: 30px;



}



.content-card-default .content-card-wrap {



  overflow: hidden;



  border: 1px solid var(--border-color-dark);



  border-radius: var(--border-radius);



  background-color: var(--white);



}



.content-card-default .content-card-header {



  padding: 15px 30px;



  border-bottom: 1px solid var(--border-color-dark);



  background-color: var(--gray-2);



  word-break: break-word;



}



@media (max-width: 575px) {



  .content-card-default .content-card-header {



    padding: 15px;



  }



}



.content-card-default .content-card-header h1, .content-card-default .content-card-header h2, .content-card-default .content-card-header h3, .content-card-default .content-card-header h4, .content-card-default .content-card-header h5, .content-card-default .content-card-header h6, .content-card-default .content-card-header p, .content-card-default .content-card-header ul, .content-card-default .content-card-header ol, .content-card-default .content-card-header dl, .content-card-default .content-card-header table, .content-card-default .content-card-header .btn {



  margin-bottom: 0;



}



.content-card-default .content-card-body {



  padding: 30px 30px 1px;



  word-break: break-word;



}



@media (max-width: 575px) {



  .content-card-default .content-card-body {



    padding: 15px 15px 1px;



  }



}



.content-card-default .content-card-footer {



  padding: 15px 30px 5px;



  border-top: 1px solid var(--border-color-dark);



  background-color: var(--gray-2);



}



@media (max-width: 575px) {



  .content-card-default .content-card-footer {



    padding: 15px 15px 5px;



  }



}



.content-card-default .content-card-footer h1, .content-card-default .content-card-footer h2, .content-card-default .content-card-footer h3, .content-card-default .content-card-footer h4, .content-card-default .content-card-footer h5, .content-card-default .content-card-footer h6, .content-card-default .content-card-footer p, .content-card-default .content-card-footer ul, .content-card-default .content-card-footer ol, .content-card-default .content-card-footer dl, .content-card-default .content-card-footer table, .content-card-default .content-card-footer .btn {



  margin-bottom: 10px;



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Content Card Default - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Image Card - Boxed - Horizontal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.img-card-boxed-horizontal {



  margin-bottom: 30px;



}



.img-card-boxed-horizontal h1, .img-card-boxed-horizontal h2, .img-card-boxed-horizontal h3, .img-card-boxed-horizontal h4, .img-card-boxed-horizontal h5, .img-card-boxed-horizontal h6, .img-card-boxed-horizontal p, .img-card-boxed-horizontal ul, .img-card-boxed-horizontal ol, .img-card-boxed-horizontal table {



  margin-bottom: 15px;



}



.img-card-boxed-horizontal .img-card-wrap {



  overflow: hidden;



  display: block;



  height: 100%;



  border-radius: var(--border-radius);



  background-color: var(--white);



  box-shadow: var(--shadow-1);



  transition: var(--transition-200);



}



@media (min-width: 576px) {



  .img-card-boxed-horizontal .img-card-wrap {



    display: flex;



    flex-wrap: wrap;



  }



}



.img-card-boxed-horizontal .img-card-wrap:hover {



  box-shadow: var(--shadow-1-hover);



}



.img-card-boxed-horizontal .img-card-wrap:hover .img-card-img img {



  -webkit-transform: scale(1.05);



          transform: scale(1.05);



}



@media (min-width: 576px) {



  .img-card-boxed-horizontal .img-card-header {



    width: 100%;







    max-width: 38.2%;



    flex: 1 1 38.2%;



  }



}



.img-card-boxed-horizontal .img-card-body {



  padding: 30px 30px 1px;



}



@media (min-width: 576px) {



  .img-card-boxed-horizontal .img-card-body {



    display: flex;



    flex-direction: column;



    width: 100%;



    flex: 0 0 61.8%;



    max-width: 61.8%;



  }



}



.img-card-boxed-horizontal .img-card-img {



  overflow: hidden;



  position: relative;



  padding-bottom: 80%;



  background-color: var(--primary-1);



}



@media (min-width: 576px) {



  .img-card-boxed-horizontal .img-card-img {



    height: 100%;



  }



}



.img-card-boxed-horizontal .img-card-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}



.img-card-boxed-horizontal .img-card-title {



  margin-bottom: 15px;



}



.img-card-boxed-horizontal .img-card-des {



  color: var(--text-color);



}



@media (min-width: 576px) {



  .img-card-boxed-horizontal .img-card-btn {



    margin-top: auto;



  }



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Image Card - Boxed - Horizontal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Image Card - Boxed - Vertical - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.img-card-boxed-vertical {



  margin-bottom: 30px;



}



.img-card-boxed-vertical h1, .img-card-boxed-vertical h2, .img-card-boxed-vertical h3, .img-card-boxed-vertical h4, .img-card-boxed-vertical h5, .img-card-boxed-vertical h6, .img-card-boxed-vertical p, .img-card-boxed-vertical ul, .img-card-boxed-vertical ol, .img-card-boxed-vertical table {



  margin-bottom: 15px;



}



.img-card-boxed-vertical .img-card-wrap {



  display: flex;



  flex-direction: column;



  height: 100%;



  overflow: hidden;



  border-radius: var(--border-radius);



  background-color: var(--white);



  box-shadow: var(--shadow-1);



  transition: var(--transition-200);



}



.img-card-boxed-vertical .img-card-wrap:hover {



  box-shadow: var(--shadow-1-hover);



}



.img-card-boxed-vertical .img-card-wrap:hover .img-card-img img {



  -webkit-transform: scale(1.05);



          transform: scale(1.05);



}



.img-card-boxed-vertical .img-card-body {



  flex: 1;



  display: flex;



  flex-direction: column;



  padding: 30px 30px 1px;



}



.img-card-boxed-vertical .img-card-img {



  overflow: hidden;



  position: relative;



  padding-bottom: 80%;



  background-color: var(--primary-1);



}



.img-card-boxed-vertical .img-card-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}



.img-card-boxed-vertical .img-card-title {



  margin-bottom: 15px;



}



.img-card-boxed-vertical .img-card-des {



  color: var(--text-color);



}



.img-card-boxed-vertical .img-card-btn {



  margin-top: auto;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Image Card - Boxed - Vertical - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Image Card - Expand Heading and Reveal Text - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.img-card-expand-heading-and-reveal-text {



  margin-bottom: 30px;



}



.img-card-expand-heading-and-reveal-text .img-card-wrap {



  position: relative;



  display: flex;



  align-items: center;



  justify-content: center;



  min-height: 350px;



  padding: 80px 30px 50px;



}



.img-card-expand-heading-and-reveal-text .img-card-img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



}











.img-card-expand-heading-and-reveal-text .img-card-bg {



  position: absolute;



  left: 0;



  right: 0;



  bottom: 0;



  height: 100%;



  opacity: 0.9;



  transition: var(--transition-300);



}



.img-card-expand-heading-and-reveal-text .img-card-inner {



  position: relative;



  max-width: 350px;



  text-align: center;



  background-color: transparent;



}



.img-card-expand-heading-and-reveal-text .img-card-title > span {



  display: block;



  transition: var(--transition-300);



}



.img-card-expand-heading-and-reveal-text .img-card-des,



.img-card-expand-heading-and-reveal-text .img-card-btn {



  transition: var(--transition-300);



}







.is-touch-device .img-card-expand-heading-and-reveal-text .img-card-bg {



  opacity: 0.7;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Image Card - Expanding Heading and Hidden Text - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Page Banner - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.page-banner-minimal .page-banner-wrap {



  position: relative;



}



.page-banner-minimal .page-banner-inner {



  display: flex;



  position: relative;



  padding: 80px 0;



  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);



  background-color: rgba(0, 0, 0, 0.3);



}



.page-banner-minimal .page-banner-img {



  display: block;



  overflow: hidden;



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  background-color: var(--primary-1);



}



.page-banner-minimal .page-banner-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



}



.page-banner-minimal .page-banner-title {



  color: var(--white);



  font-size: 80px;



  margin: 0 auto 0;



  max-width: 800px;



}



@media (max-width: 991px) {



  .page-banner-minimal .page-banner-title {



    font-size: calc(60px * 0.85);



  }



}



.page-banner-minimal .page-banner-des {



  color: var(--white);



  font-size: 20px;



  max-width: 670px;



  margin-top: 30px;



}



@media (max-width: 1199px) {



  .page-banner-minimal .page-banner-des {



    font-size: 18px;



  }



}



@media (max-width: 991px) {



  .page-banner-minimal .page-banner-des {



    font-size: 16px;



  }



}



.page-banner-minimal .page-banner-des:empty {



  display: none;



}



.page-banner-minimal .page-banner-des p {



  margin-bottom: 0;



}



.page-banner-minimal .page-banner-des p + p {



  margin-top: 15px;



}







.page-banner-minimal.is-text-center .page-banner-inner {



  align-items: center;



  text-align: center;



}



.page-banner-minimal.is-text-center .page-banner-des {



  margin-left: auto;



  margin-right: auto;



}



.page-banner-minimal.is-text-left .page-banner-inner {



  align-items: center;



  text-align: left;



}



.page-banner-minimal.is-text-right .page-banner-inner {



  align-items: center;



  text-align: right;



}



.page-banner-minimal.is-text-right .page-banner-des {



  margin-left: auto;



}



.page-banner-minimal.is-text-top-center .page-banner-inner {



  align-items: flex-start;



  text-align: center;



}



.page-banner-minimal.is-text-top-center .page-banner-des {



  margin-left: auto;



  margin-right: auto;



}



.page-banner-minimal.is-text-top-left .page-banner-inner {



  align-items: flex-start;



  text-align: left;



}



.page-banner-minimal.is-text-top-right .page-banner-inner {



  align-items: flex-start;



  text-align: right;



}



.page-banner-minimal.is-text-top-right .page-banner-des {



  margin-left: auto;



}



.page-banner-minimal.is-text-bottom-center .page-banner-inner {



  align-items: flex-end;



  text-align: center;



}



.page-banner-minimal.is-text-bottom-center .page-banner-des {



  margin-left: auto;



  margin-right: auto;



}



.page-banner-minimal.is-text-bottom-left .page-banner-inner {



  align-items: flex-end;



  text-align: left;



}



.page-banner-minimal.is-text-bottom-right .page-banner-inner {



  align-items: flex-end;



  text-align: right;



}



.page-banner-minimal.is-text-bottom-right .page-banner-des {



  margin-left: auto;



}







.page-banner-minimal.is-img-center .page-banner-img img {



  -o-object-position: center;



     object-position: center;



}



.page-banner-minimal.is-img-top .page-banner-img img {



  -o-object-position: center top;



     object-position: center top;



}



.page-banner-minimal.is-img-bottom .page-banner-img img {



  -o-object-position: center bottom;



     object-position: center bottom;



}







.page-banner-minimal.is-md .page-banner-inner {



  min-height: 480px;



}



.page-banner-minimal.is-sm .page-banner-inner {



  min-height: 320px;



}



.page-banner-minimal.is-lg .page-banner-inner {min-height: 550px;z-index: 99;



/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#050708+0,050708+100&0+52,0.65+100,0.65+100 */



   /* FF3.6-15 */



   /* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(to bottom,  rgba(5,7,8,0) 0%,rgba(5,7,8,.2) 10%,rgba(5,7,8,1) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



   /* IE6-9 */}



.page-banner-minimal.is-fullscreen .page-banner-inner {



  min-height: calc(100vh - var(--header-height));



  min-height: calc((var(--vh, 1vh) * 100) - var(--header-height));



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Page Banner - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Page Banner - Boxed Heading - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.page-banner-boxed-heading .page-banner-wrap {



  display: flex;



  align-items: flex-end;



  position: relative;



  text-align: center;



}



.page-banner-boxed-heading .page-banner-img {



  display: block;



  position: absolute;



  overflow: hidden;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  background-color: var(--primary-1);



}



.page-banner-boxed-heading .page-banner-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



}



.page-banner-boxed-heading .container {



  position: relative;



}



.page-banner-boxed-heading .page-banner-inner {



  position: relative;



  padding: 40px 15px;



}



@media (max-width: 991px) {



  .page-banner-boxed-heading .page-banner-inner {



    padding: 30px 15px;



  }



}



.page-banner-boxed-heading .page-banner-inner-bg {



  pointer-events: none;



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  opacity: 0.9;



}



.page-banner-boxed-heading .page-banner-title {



  position: relative;



  margin-bottom: 0;



}



.page-banner-boxed-heading .page-banner-des {



  position: relative;



  max-width: 670px;



  margin: 30px auto 0;



  font-size: 18px;



}



@media (max-width: 991px) {



  .page-banner-boxed-heading .page-banner-des {



    font-size: 16px;



  }



}



.page-banner-boxed-heading .page-banner-des:empty {



  display: none;



}



.page-banner-boxed-heading .page-banner-des p {



  margin-bottom: 0;



}



.page-banner-boxed-heading .page-banner-des p + p {



  margin-top: 15px;



}







.page-banner-boxed-heading.is-img-center .page-banner-img img {



  -o-object-position: center;



     object-position: center;



}



.page-banner-boxed-heading.is-img-top .page-banner-img img {



  -o-object-position: center top;



     object-position: center top;



}



.page-banner-boxed-heading.is-img-bottom .page-banner-img img {



  -o-object-position: center bottom;



     object-position: center bottom;



}







.page-banner-boxed-heading.is-md .page-banner-wrap {



  min-height: 500px;



}



.page-banner-boxed-heading.is-sm .page-banner-wrap {



  min-height: 350px;



}



.page-banner-boxed-heading.is-lg .page-banner-wrap {



  min-height: 650px;



}



.page-banner-boxed-heading.is-fullscreen .page-banner-wrap {



  min-height: calc(100vh - var(--header-height));



  min-height: calc((var(--vh, 1vh) * 100) - var(--header-height));



}











/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Page Banner - Boxed Heading - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Page Banner - Overlapping Content Box - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.page-banner-overlapping-content-box .page-banner-top {



  position: relative;



}



.page-banner-overlapping-content-box .page-banner-bottom {



  position: relative;



}



.page-banner-overlapping-content-box .page-banner-top-inner {



  display: flex;



  align-items: center;



  position: relative;



  padding: 80px 0;



  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);



}



.page-banner-overlapping-content-box .page-banner-bottom-inner {



  padding: 60px 80px 30px;



}



@media (max-width: 991px) {



  .page-banner-overlapping-content-box .page-banner-bottom-inner {



    padding: 30px 30px 1px;



  }



}



.page-banner-overlapping-content-box .page-banner-img {



  display: block;



  overflow: hidden;



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: calc(100% + 150px);



  background-color: var(--primary-1);



}



.page-banner-overlapping-content-box .page-banner-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



}



.page-banner-overlapping-content-box .page-banner-img:after {



  content: "";



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  background-color: rgba(0, 0, 0, 0.3);



}



.page-banner-overlapping-content-box .page-banner-title {



  color: var(--white);



  font-size: 60px;



  margin-bottom: 0;



}



@media (max-width: 991px) {



  .page-banner-overlapping-content-box .page-banner-title {



    font-size: calc(60px * 0.85);



  }



}



.page-banner-overlapping-content-box .page-banner-des {



  color: var(--white);



  font-size: 20px;



  max-width: 670px;



  margin-top: 30px;



}



@media (max-width: 1199px) {



  .page-banner-overlapping-content-box .page-banner-des {



    font-size: 18px;



  }



}



@media (max-width: 991px) {



  .page-banner-overlapping-content-box .page-banner-des {



    font-size: 16px;



  }



}



.page-banner-overlapping-content-box .page-banner-des:empty {



  display: none;



}



.page-banner-overlapping-content-box .page-banner-des p {



  margin-bottom: 0;



}



.page-banner-overlapping-content-box .page-banner-des p + p {



  margin-top: 15px;



}







.page-banner-overlapping-content-box.is-text-center .page-banner-top-inner {



  text-align: center;



}



.page-banner-overlapping-content-box.is-text-center .page-banner-des {



  margin-left: auto;



  margin-right: auto;



}



.page-banner-overlapping-content-box.is-text-left .page-banner-top-inner {



  text-align: left;



}



.page-banner-overlapping-content-box.is-text-right .page-banner-top-inner {



  text-align: right;



}



.page-banner-overlapping-content-box.is-text-right .page-banner-des {



  margin-left: auto;



}







.page-banner-overlapping-content-box.is-img-center .page-banner-img img {



  -o-object-position: center;



     object-position: center;



}



.page-banner-overlapping-content-box.is-img-top .page-banner-img img {



  -o-object-position: center top;



     object-position: center top;



}



.page-banner-overlapping-content-box.is-img-bottom .page-banner-img img {



  -o-object-position: center bottom;



     object-position: center bottom;



}







.page-banner-overlapping-content-box.is-md .page-banner-top-inner {



  min-height: 400px;



}



.page-banner-overlapping-content-box.is-sm .page-banner-top-inner {



  min-height: 300px;



}



.page-banner-overlapping-content-box.is-lg .page-banner-top-inner {



  min-height: 500px;



}



.page-banner-overlapping-content-box.is-fullscreen .page-banner-top-inner {



  min-height: calc(100vh - var(--header-height));



  min-height: calc((var(--vh, 1vh) * 100) - var(--header-height));



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Page Banner - Overlapping Content Box - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Image and Content - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.img-content-minimal .img-content-wrap {



  display: flex;



  flex-wrap: wrap;



}



.img-content-minimal .img-content-img-area {



  flex: 0 0 50%;



  width: 100%;



  max-width: 50%;



}



@media (max-width: 991px) {



  .img-content-minimal .img-content-img-area {



    flex: 0 0 auto;



    max-width: none;



  }



}



.img-content-minimal .img-content-content-area {



  display: flex;



  align-items: center;



  flex: 0 0 50%;



  width: 100%;



  max-width: 50%;



}



@media (max-width: 991px) {



  .img-content-minimal .img-content-content-area {



    flex: 0 0 auto;



    max-width: none;



  }



}



.img-content-minimal .img-content-img {



  display: block;



  position: relative;



  height: 100%;



  padding-bottom: 56%;



  overflow: hidden;



  background-color: var(--primary-1);



}



.img-content-minimal .img-content-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



}



.img-content-minimal .img-content-content {



  width: 100%;



}



@media (min-width: 576px) {



  .img-content-minimal .img-content-content {



    max-width: 540px;



  }



}



@media (min-width: 768px) {



  .img-content-minimal .img-content-content {



    max-width: 720px;



  }



}



@media (min-width: 992px) {



  .img-content-minimal .img-content-content {



    max-width: calc(960px / 2);



  }



}



@media (min-width: 1200px) {



  .img-content-minimal .img-content-content {



    max-width: calc(1140px / 2);



  }



}



@media (min-width: 1366px) {



  .img-content-minimal .img-content-content {



    max-width: calc(1320px / 2);



  }



}







.img-content-minimal.is-layout-img-content .img-content-content-area {



  justify-content: flex-start;



}



@media (max-width: 991px) {



  .img-content-minimal.is-layout-img-content .img-content-content-area {



    justify-content: center;



  }



}



.img-content-minimal.is-layout-img-content .img-content-content {



  padding: 80px 15px 50px 80px;



}



@media (max-width: 1199px) {



  .img-content-minimal.is-layout-img-content .img-content-content {



    padding: 60px 15px 30px 60px;



  }



}



@media (max-width: 991px) {



  .img-content-minimal.is-layout-img-content .img-content-content {



    padding: 60px 15px 30px 15px;



  }



}



.img-content-minimal.is-layout-content-img .img-content-img-area {



  order: 2;



}



@media (max-width: 991px) {



  .img-content-minimal.is-layout-content-img .img-content-img-area {



    order: 1;



  }



}



.img-content-minimal.is-layout-content-img .img-content-content-area {



  order: 1;



  justify-content: flex-end;



}



@media (max-width: 991px) {



  .img-content-minimal.is-layout-content-img .img-content-content-area {



    order: 2;



    justify-content: center;



  }



}



.img-content-minimal.is-layout-content-img .img-content-content {



  padding: 80px 80px 50px 15px;



}



@media (max-width: 1199px) {



  .img-content-minimal.is-layout-content-img .img-content-content {



    padding: 60px 60px 30px 15px;



  }



}



@media (max-width: 991px) {



  .img-content-minimal.is-layout-content-img .img-content-content {



    padding: 60px 15px 30px 15px;



  }



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Image and Content - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Gallery - Minimal - Start







 |



 |



 |-----------------------------------------------------------------------------------------







*/



.gallery-minimal {



  margin-bottom: 30px;



}



.gallery-minimal .gallery-wrap {



  display: grid;



}



.gallery-minimal .gallery-wrap.is-2-col {



  grid-template-columns: repeat(2, 1fr);



}



.gallery-minimal .gallery-wrap.is-3-col {



  grid-template-columns: repeat(3, 1fr);



}



.gallery-minimal .gallery-wrap.is-4-col {



  grid-template-columns: repeat(4, 1fr);



}



.gallery-minimal .gallery-wrap.is-5-col {



  grid-template-columns: repeat(5, 1fr);



}







@media (max-width: 991px) {



  .gallery-minimal .gallery-wrap.is-3-col, .gallery-minimal .gallery-wrap.is-4-col, .gallery-minimal .gallery-wrap.is-5-col {



    grid-template-columns: repeat(2, 1fr);



  }



}



@media (max-width: 575px) {



  .gallery-minimal .gallery-wrap.is-2-col, .gallery-minimal .gallery-wrap.is-3-col, .gallery-minimal .gallery-wrap.is-4-col, .gallery-minimal .gallery-wrap.is-5-col { 



    grid-template-columns: 1fr;



  }



}



.gallery-minimal .gallery-item-wrap {



  display: block;



  position: relative;



  overflow: hidden;



  border-radius: var(--border-radius);



}



.gallery-minimal .gallery-item-img {



  overflow: hidden;



  position: relative;



  padding-bottom: 80%;



  background-color: var(--primary-1);



}



.gallery-minimal .gallery-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}



.gallery-minimal .gallery-item-inner {



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  padding: 30px;



  opacity: 0;



  text-align: center;



  transition: var(--transition-360);



  background-color: rgba(0, 0, 0, 0.7);



}



.gallery-minimal .gallery-item-icon {



  font-size: 40px;



  color: var(--white);



  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);



}



.gallery-minimal .gallery-item-title {



  margin-bottom: 0;



  color: var(--white);



  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);



}



.gallery-minimal .gallery-item-wrap:hover .gallery-item-inner {



  opacity: 1;



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Gallery - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Gallery - 5 Stack Masonry - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.gallery-5-stack-masonry .gallery-wrap {



  display: grid;



  grid-template-columns: repeat(4, 1fr);



  grid-auto-rows: minmax(0, 1fr);



  gap: 5px;



}



.gallery-5-stack-masonry .gallery-wrap._gap-5 {



  padding: 5px 0;



}



.gallery-5-stack-masonry .gallery-wrap._gap-10 {



  padding: 10px 0;



}



.gallery-5-stack-masonry .gallery-wrap._gap-30 {



  padding: 30px 0;



}



.gallery-5-stack-masonry .gallery-item::after {



  display: table;



  clear: both;



  content: "";



}



  .gallery-5-stack-masonry .gallery-item:nth-child(5n+1) {



    /* grid-column: span 2; */



  }



@media (max-width: 991px) {



  .gallery-5-stack-masonry .gallery-item:nth-child(5n+1) {



    grid-column: span 2;grid-row: span 2;



  }



}



.gallery-5-stack-masonry .gallery-item:nth-child(5n+1) .gallery-item-img {



  padding-bottom: 75%;  



}



.gallery-5-stack-masonry .gallery-item:nth-child(5n+2) {



  grid-row: span 2;



}



@media (max-width: 991px) {



  .gallery-5-stack-masonry .gallery-item:nth-child(5n+2) {



    grid-column: span 2;



  }



}



.gallery-5-stack-masonry .gallery-item:nth-child(5n+3) {



  grid-column: span 2;



}



@media (max-width: 991px) {



  .gallery-5-stack-masonry .gallery-item:nth-child(5n+4), .gallery-5-stack-masonry .gallery-item:nth-child(5n+3) {



    grid-column: span 2;grid-row: span 2;



  }



}



.gallery-5-stack-masonry .gallery-item:nth-child(5n+5) {



  grid-column: span 2;



}



@media (max-width: 991px) {



  .gallery-5-stack-masonry .gallery-item:nth-child(5n+5) {



    grid-column: span 2;grid-row: span 2;



  }



}



.gallery-5-stack-masonry .gallery-item-wrap {



  display: block;



  position: relative;



  overflow: hidden;



  height: 100%;



}



.gallery-5-stack-masonry .gallery-item-img {



  overflow: hidden;



  position: relative;



  height: 100%;



  background-color: var(--primary-1);



}



.gallery-5-stack-masonry .gallery-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



}



.gallery-5-stack-masonry .gallery-item-backdrop {



  position: absolute;



  right: 0;



  bottom: 0;



  width: 40px;



  height: 40px;



  transition: var(--transition-360);



  background-color: rgba(0, 0, 0, 0.7);



}



.gallery-5-stack-masonry .gallery-item-title-wrap {position: absolute;



  top: 50%;



  left: 0;



  width: 100%;



  padding: 30px;



  margin-bottom: 0;  



  -webkit-transform: translateY(-50%);



          transform: translateY(-50%);}



.gallery-5-stack-masonry .gallery-item-title, .gallery-5-stack-masonry .gallery-item-desc {



  opacity: 0;



  color: var(--white);



  text-align: center;



  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);



transition: var(--transition-360);margin-bottom:10px;



}



.gallery-5-stack-masonry .gallery-item-desc {font-size:16px}







.gallery-5-stack-masonry .gallery-item-icon {



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  right: 0;



  bottom: 0;



  width: 40px;



  height: 40px;



  color: var(--white);



  font-size: 22px;



  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);



}



.gallery-5-stack-masonry .gallery-item-wrap:hover .gallery-item-backdrop {



  width: 100%;



  height: 100%;



}



.gallery-5-stack-masonry .gallery-item-wrap:hover .gallery-item-title, .gallery-5-stack-masonry .gallery-item-wrap:hover .gallery-item-desc {



  opacity: 1;



}



@media (max-width:767px) {



  .gallery-5-stack-masonry .gallery-item-desc {font-size:14px;line-height: 1.2;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}



   .gallery-5-stack-masonry .gallery-item-title {font-size:18px; margin-bottom:5px}



}



/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Gallery - 5 Stack Masonry - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Slider - Boxed Text - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.slider-boxed-text .slider-item {



  position: relative;



}



.slider-boxed-text .slider-item-img {



  overflow: hidden;



  position: relative;



  background-color: var(--primary-1);



}



@media (min-width: 992px) {



  .slider-boxed-text .slider-item-img:after {



    content: "";



    position: absolute;



    left: 0;



    bottom: 0;



    width: 100%;



    height: 30%;



    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);



  }



}



.slider-boxed-text .slider-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



}



@media (min-width: 992px) {



  .slider-boxed-text .slider-item-text-area {



    position: absolute;



    left: 0;



    bottom: 0;



    width: 100%;



  }



}



@media (max-width: 991px) {



  .slider-boxed-text .slider-item-text-area .content-area-wrap {



    padding: 0;



  }



}



@media (max-width: 991px) {



  .slider-boxed-text .slider-item-text-area .container {



    max-width: none;



    padding: 0;



  }



}



.slider-boxed-text .slider-item-inner {



  padding: 50px 50px 120px;



}



@media (max-width: 991px) {



  .slider-boxed-text .slider-item-inner {



    padding: 30px 30px 1px;



  }



}







.slider-boxed-text.is-md .slider-item-img {



  height: 550px;



}



@media (max-width: 991px) {



  .slider-boxed-text.is-md .slider-item-img {



    height: auto;



    padding-bottom: 56%;



  }



}



@media (max-width: 575px) {



  .slider-boxed-text.is-md .slider-item-img {



    padding-bottom: 75%;



  }



}



.slider-boxed-text.is-sm .slider-item-img {



  height: 450px;



}



@media (max-width: 991px) {



  .slider-boxed-text.is-sm .slider-item-img {



    height: auto;



    padding-bottom: 56%;



  }



}



@media (max-width: 575px) {



  .slider-boxed-text.is-sm .slider-item-img {



    padding-bottom: 75%;



  }



}



.slider-boxed-text.is-lg .slider-item-img {



  height: 950px;



}



@media (max-width: 991px) {



  .slider-boxed-text.is-lg .slider-item-img {



    height: auto;



    padding-bottom: 56%;



  }



}



@media (max-width: 575px) {



  .slider-boxed-text.is-lg .slider-item-img {



    padding-bottom: 75%;



  }



}



.slider-boxed-text.is-fullscreen .slider-item-img {



  height: calc(100vh - var(--header-height));



  height: calc((var(--vh, 1vh) * 100) - var(--header-height));



}



@media (max-width: 767px) {



  .slider-boxed-text.is-fullscreen .slider-item-img {



    height: calc(100vh - var(--header-height));



    height: calc((var(--vh, 1vh) * 100) - var(--header-height));



  }



}







img.smoke {width: 100%;max-height:950px;position:absolute;bottom: 0 !important;left:0;z-index: 4;opacity: 0.6;}







.slider-boxed-text.is-img-center .slider-item-img img {



  -o-object-position: center;



     object-position: center;



}



.slider-boxed-text.is-img-top .slider-item-img img {



  -o-object-position: center top;



     object-position: center top;



}



.slider-boxed-text.is-img-bottom .slider-item-img img {



  -o-object-position: center bottom;



     object-position: center bottom;



}







.slider-boxed-text .slider-item-img {



  -webkit-transform: translateY(-100%);



          transform: translateY(-100%);



  transition: ease-in-out 600ms;



  transition-delay: 600ms;



}



.slider-boxed-text .slider-item-inner {



  opacity: 0;



  transition: ease-in-out 360ms;



}



.slider-boxed-text .slider-item-title,



.slider-boxed-text .slider-item-des,



.slider-boxed-text .slider-item-btn {



  opacity: 0;



  -webkit-transform: translateY(50px);



}



.slider-boxed-text .slick-current .slider-item-img {



  -webkit-transform: translateY(0);



          transform: translateY(0);



  transition-delay: 100ms;



}



.slider-boxed-text .slick-current .slider-item-inner {



  opacity: 1;



  transition-delay: 300ms;



}



.slider-boxed-text .slick-current .slider-item-title,



.slider-boxed-text .slick-current .slider-item-des,



.slider-boxed-text .slick-current .slider-item-btn {



  opacity: 1;



  -webkit-transform: translateY(0);



          transform: translateY(0);



}



.slider-boxed-text .slick-current .slider-item-title {



  transition-delay: 300ms;



  font-size: 100px;



}



.slider-boxed-text .slick-current .slider-item-des {



}



.slider-boxed-text .slick-current .slider-item-btn {



  transition-delay: 700ms;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Slider - Boxed Text - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Carousel - Center Focused - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.carousel-center-focused .carousel-item {



  position: relative;



  opacity: 0.3;



  margin: 0 30px;



  transition: opacity ease-in-out 1s;



}



@media (max-width: 991px) {



  .carousel-center-focused .carousel-item {



    margin: 0 25px;



  }



}



@media (max-width: 575px) {



  .carousel-center-focused .carousel-item {



    margin: 0 15px;



  }



}



.carousel-center-focused .carousel-item.slick-current {



  opacity: 1;



}



.carousel-center-focused .carousel-item-img {



  display: block;



  overflow: hidden;



  position: relative;



  padding-bottom: 75%;



  border-radius: var(--border-radius);



  background-color: var(--primary-1);



}



.carousel-center-focused .carousel-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}



.carousel-center-focused .carousel-item-popup-mask {



  display: block;



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



}







.carousel-center-focused .slick-slider .slick-prev {



  left: calc(25% - 18px);



}



@media (max-width: 991px) {



  .carousel-center-focused .slick-slider .slick-prev {



    left: 64px;



  }



}



@media (max-width: 767px) {



  .carousel-center-focused .slick-slider .slick-prev {



    left: 70px;



  }



}



@media (max-width: 575px) {



  .carousel-center-focused .slick-slider .slick-prev {



    left: 30px;



  }



}



.carousel-center-focused .slick-slider .slick-next {



  right: calc(25% - 18px);



}



@media (max-width: 991px) {



  .carousel-center-focused .slick-slider .slick-next {



    right: 64px;



  }



}



@media (max-width: 767px) {



  .carousel-center-focused .slick-slider .slick-next {



    right: 70px;



  }



}



@media (max-width: 575px) {



  .carousel-center-focused .slick-slider .slick-next {



    right: 30px;



  }



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Carousel - Center Focused - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Carousel - 3 Column - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.carousel-3-column .carousel-item {



  position: relative;



  margin: 15px;



}



.carousel-3-column .carousel-item-img {



  display: block;



  overflow: hidden;



  position: relative;



  padding-bottom: 135%;



  border-radius: var(--border-radius);



  /* background-color: var(--primary-1); */



}



















.carousel-3-column .carousel-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}



.carousel-3-column .carousel-item-popup-mask {



  display: block;



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Carousel - 3 Column - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Post List - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.posts-list .row > div[style]:not([class]) {



  width: 100%;



}



.posts-list .posts-list-loader {



  width: 50px;



  margin: 30px auto;



}



.posts-list .posts-no-result {



  max-width: 300px;



  padding: 30px 50px;



  margin: 0 auto;



  font-size: 22px;



  text-align: center;



  border-radius: 10px;



  background-color: rgba(0, 0, 0, 0.1);



}



.posts-list .blogs-show-more {



  cursor: pointer;



  text-align: center;



  display: inline-block;



  text-decoration: none;



  font-size: var(--btn-font-size);



  font-weight: var(--btn-font-weight);



  font-family: var(--btn-font-family);



  border-width: var(--btn-border-width);



  border-style: var(--btn-border-style);



  border-radius: var(--btn-border-radius);



  text-transform: var(--btn-text-transform);



  letter-spacing: var(--btn-letter-spacing);



  padding: var(--btn-md-padding-y) var(--btn-md-padding-x);



  margin: 0 auto 30px;



  transition: var(--transition-200);



  color: var(--white);



  border-color: var(--primary);



  background: var(--primary);



}



.posts-list .blogs-show-more:hover {



  color: var(--white);



  border-color: var(--primary-6);



  background: var(--primary-6);



}



.posts-list .blogs-post-crop-icon {



  display: none !important;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Post List - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Posts List - Minimal Vertical - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.posts-list-minimal-vertical .posts-list-item {



  margin-bottom: 30px;



}



.posts-list-minimal-vertical .posts-list-item-wrap {



  display: flex;



  flex-direction: column;



  overflow: hidden;



  height: 100%;



  color: var(--text-color);



  border-radius: var(--border-radius);



  background-color: var(--white);



  box-shadow: var(--shadow-1);



}



.posts-list-minimal-vertical .posts-list-item-img {



  display: block;



  overflow: hidden;



  position: relative;



  padding-bottom: 80%;



  background-image: url("/images/logo.png");



  background-color: var(--gray-9);



  background-repeat: no-repeat;



  background-position: center;



  background-size: 40%;



}



.posts-list-minimal-vertical .posts-list-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}



.posts-list-minimal-vertical .posts-list-item-body {



  flex: 1;



  display: flex;



  flex-direction: column;



  padding: 30px 30px 1px;



}



.posts-list-minimal-vertical .posts-list-item-title {



  margin-bottom: 15px;



  color: var(--text-color);



}



.posts-list-minimal-vertical .posts-list-item-date {



  margin-bottom: 15px;



  font-size: 12px;



}



.posts-list-minimal-vertical .posts-list-item-date i {



  margin-right: 5px;



}



.posts-list-minimal-vertical .posts-list-item-des {



  font-size: 14px;



}



.posts-list-minimal-vertical .posts-list-item-btn {



  margin-top: auto;



}



.posts-list-minimal-vertical .posts-list-item-wrap:hover {



  box-shadow: var(--shadow-1-hover);



}



.posts-list-minimal-vertical .posts-list-item-wrap:hover .posts-list-item-img img {



  -webkit-transform: scale(1.05);



          transform: scale(1.05);



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Posts List - Minimal Vertical - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Posts List - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.posts-list-minimal-horizontal .posts-list-item {



  margin-bottom: 30px;



}



.posts-list-minimal-horizontal .posts-list-item-wrap {



  display: flex;



  flex-direction: column;



  overflow: hidden;



  height: 100%;



  color: var(--text-color);



  border-radius: var(--border-radius);



  background-color: var(--white);



  box-shadow: var(--shadow-1);



}



@media (min-width: 576px) {



  .posts-list-minimal-horizontal .posts-list-item-wrap {



    flex-direction: row;



  }



}



@media (min-width: 576px) {



  .posts-list-minimal-horizontal .posts-list-item-header {



    width: 100%;



    max-width: 38.2%;



    flex: 1 1 38.2%;



  }



}



.posts-list-minimal-horizontal .posts-list-item-body {



  flex: 1;



  display: flex;



  flex-direction: column;



  padding: 30px 30px 1px;



}



@media (min-width: 576px) {



  .posts-list-minimal-horizontal .posts-list-item-body {



    width: 100%;



    flex: 0 0 61.8%;



    max-width: 61.8%;



  }



}



.posts-list-minimal-horizontal .posts-list-item-img {



  display: block;



  overflow: hidden;



  position: relative;



  padding-bottom: 80%;



  background-image: url("/images/logo.png");



  background-color: var(--gray-2);



  background-repeat: no-repeat;



  background-position: center;



  background-size: 40%;



}



@media (min-width: 576px) {



  .posts-list-minimal-horizontal .posts-list-item-img {



    height: 100%;



  }



}



.posts-list-minimal-horizontal .posts-list-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}



.posts-list-minimal-horizontal .posts-list-item-title {



  margin-bottom: 15px;



  color: var(--text-color);



}



.posts-list-minimal-horizontal .posts-list-item-date {



  margin-bottom: 15px;



  font-size: 12px;



}



.posts-list-minimal-horizontal .posts-list-item-date i {



  margin-right: 5px;



}



.posts-list-minimal-horizontal .posts-list-item-des {



  font-size: 14px;



}



.posts-list-minimal-horizontal .posts-list-item-btn {



  margin-top: auto;



}



.posts-list-minimal-horizontal .posts-list-item-wrap:hover {



  box-shadow: var(--shadow-1-hover);



}



.posts-list-minimal-horizontal .posts-list-item-wrap:hover .posts-list-item-img img {



  -webkit-transform: scale(1.05);



          transform: scale(1.05);



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Posts List - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Post Details - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.post-details-minimal .post-details-header-inner {



  padding-top: 200px;



  margin-left: auto;



  margin-right: auto;



  max-width: 670px;



}



.post-details-minimal .post-details-subheading {



  font-weight: var(--font-weight-light);



}



.post-details-minimal .post-details-title,



.post-details-minimal .post-details-subheading {



  color: var(--white);



}







.post-details-minimal .post-details-subheader-inner {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  gap: 30px;



  margin-left: auto;



  margin-right: auto;



  padding: 50px 0 40px;



  max-width: 670px;



  border-bottom: 1px solid var(--border-color-dark);



}



.post-details-minimal .post-details-metas {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  gap: 15px;



}



.post-details-minimal .post-details-meta-divider {



  width: 4px;



  height: 4px;



  border-radius: 50%;



  background-color: var(--text-color);



}



.post-details-minimal .post-details-author {



  display: flex;



  align-items: center;



}



.post-details-minimal .post-details-author-avatar {



  flex: 0 0 auto;



  display: flex;



  align-items: center;



  justify-content: center;



  width: 65px;



  height: 65px;



  margin-right: 10px;



  border-radius: 50%;



  font-size: 35px;



  color: var(--white);



  font-weight: var(--font-weight-thin);



  background-color: var(--primary);



}



.post-details-minimal .post-details-author-text {



  flex: 1 1 auto;



}



.post-details-minimal .post-details-author-name {



  word-break: break-all;



  font-size: 20px;



  margin-bottom: 5px;



  font-weight: var(--font-weight-bold);



}



.post-details-minimal .post-details-author-date {



  font-size: 14px;



}



.post-details-minimal .post-details-author-date i {



  margin-right: 5px;



}



.post-details-minimal .post-details-date i {



  margin-right: 10px;



}







.post-details-minimal .post-details-body-inner {



  padding-top: 60px;



  padding-bottom: 60px;



  margin-left: auto;



  margin-right: auto;



  max-width: 670px;



}







.post-details-minimal .post-details-banner {



  margin-left: auto;



  margin-right: auto;



  max-width: 870px;



}



.post-details-minimal .post-details-banner-img {



  width: 100%;



  border-radius: var(--border-radius);



  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);



}



.post-details-minimal.no-header-img .post-details-header {



  background-color: var(--primary-1);



}



.post-details-minimal.no-header-img .post-details-header-inner {



  padding-bottom: 60px;



}



.post-details-minimal.has-single-img .post-details-header {



  position: relative;



}



.post-details-minimal.has-single-img .post-details-header:before {



  content: "";



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: calc(100% - 80px);



  background-color: var(--black);



  z-index: -1;



}



.post-details-minimal.has-single-img .post-details-header-inner {



  padding-bottom: 30px;



}



.post-details-minimal.has-img-gallery .post-details-header {



  background-color: var(--primary-1);



}



.post-details-minimal.has-img-gallery .post-details-header-inner {



  padding-bottom: 60px;



}



.post-details-minimal.has-img-gallery .post-details-subheader-inner {



  border-bottom: 0;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Post Details - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Team - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.team-minimal {



  margin-bottom: 30px;



}



.team-minimal .team-items {



  display: grid;



  gap: 30px;



}



.team-minimal .team-items.is-2-col {



  grid-template-columns: repeat(2, 1fr);



}



.team-minimal .team-items.is-3-col {



  grid-template-columns: repeat(3, 1fr);



}



.team-minimal .team-items.is-4-col {



  grid-template-columns: repeat(4, 1fr);







}



@media (max-width: 991px) {



  .team-minimal .team-items.is-3-col, .team-minimal .team-items.is-4-col {



    grid-template-columns: repeat(2, 1fr);



  }



}



@media (max-width: 575px) {



  .team-minimal .team-items.is-2-col, .team-minimal .team-items.is-3-col, .team-minimal .team-items.is-4-col {



    grid-template-columns: 1fr;



  }



}



.team-minimal .team-item {



  cursor: pointer;



}



.team-minimal .team-item-img {



  position: relative;



  overflow: hidden;



  padding-bottom: 125%;



  background-color: var(--primary-1);



}



.team-minimal .team-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  -o-object-position: center top;



     object-position: center top;



  transition: var(--transition-200);



}



.team-minimal .team-item-name {



  margin-bottom: 10px;



}



.team-minimal .team-item-job {



  margin-bottom: 0;



  font-size: 14px;



}







.team-minimal .team-pane {



  display: none;



  position: fixed;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  z-index: 510;



  background-color: var(--gray-2);



}



@media (max-width: 767px) {



  .team-minimal .team-pane {



    overflow-x: hidden;



    overflow-y: auto;



    padding: 70px 30px 10px;



  }



}



.team-minimal .team-pane-img {



  position: absolute;



  top: 0;



  left: 0;



  width: 50%;



  height: 100%;



  overflow: hidden;



}



@media (max-width: 767px) {



  .team-minimal .team-pane-img {



    position: relative;



    top: unset;



    left: unset;



    width: unset;



    height: unset;



    padding-bottom: 125%;



    margin-bottom: 30px;



  }



}



.team-minimal .team-pane-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  -o-object-position: center top;



     object-position: center top;



  transition: var(--transition-200);



}



.team-minimal .team-pane-right {



  position: absolute;



  top: 0;



  right: 0;



  width: 50%;



  height: 100%;



  padding: 80px 80px 30px;



  overflow-x: hidden;



  overflow-y: auto;



}



@media (max-width: 991px) {



  .team-minimal .team-pane-right {



    padding: 40px 40px 10px;



  }



}



@media (max-width: 767px) {



  .team-minimal .team-pane-right {



    position: unset;



    top: unset;



    right: unset;



    width: unset;



    height: unset;



    padding: unset;



    overflow-x: unset;



    overflow-y: unset;



  }



}



.team-minimal .team-pane-right-inner {



  display: flex;



  flex-direction: column;



  justify-content: center;



  min-height: 100%;



}



@media (max-width: 767px) {



  .team-minimal .team-pane-right-inner {



    display: unset;



    flex-direction: unset;



    justify-content: unset;



    min-height: unset;



  }



}



.team-minimal .team-pane-name {



  margin-bottom: 5px;



}



.team-minimal .team-pane-close-btn {



  position: fixed;



  top: 20px;



  right: 30px;



}







.team-minimal .team-item:hover .team-item-img img {



  -webkit-transform: scale(1.05);



          transform: scale(1.05);



}







.team-minimal.is-shadow .team-item {



  overflow: hidden;



  border-radius: var(--border-radius);



  box-shadow: var(--shadow-1);



  transition: var(--transition-200);



}



.team-minimal.is-shadow .team-item:hover {



  box-shadow: var(--shadow-1-hover);



}



.team-minimal.is-shadow .team-item-bottom {



  padding: 20px;



  background-color: var(--white);



}







.team-minimal.is-minimal .team-item-img {



  border-radius: var(--border-radius);



  margin-bottom: 30px;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Team - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Team - Minimal Carousel - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.team-minimal-carousel .team-item {



  cursor: pointer;



  margin: 15px;



}







.team-minimal-carousel .team-item-img {



  position: relative;



  overflow: hidden;



  padding-bottom: 125%;



  background-color: var(--primary-1);



}



.team-minimal-carousel .team-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  -o-object-position: center top;



     object-position: center top;



  transition: var(--transition-200);



}



.team-minimal-carousel .team-item-name {



  margin-bottom: 10px;



}



.team-minimal-carousel .team-item-job {



  margin-bottom: 0;



  font-size: 14px;



}







.team-minimal-carousel .team-pane {



  display: none;



  position: fixed;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  z-index: 510;



  background-color: var(--gray-2);



}



@media (max-width: 767px) {



  .team-minimal-carousel .team-pane {



    overflow-x: hidden;



    overflow-y: auto;



    padding: 70px 30px 10px;



  }



}



.team-minimal-carousel .team-pane-img {



  position: absolute;



  top: 0;



  left: 0;



  width: 50%;



  height: 100%;



  overflow: hidden;



}



@media (max-width: 767px) {



  .team-minimal-carousel .team-pane-img {



    position: relative;



    top: unset;



    left: unset;



    width: unset;



    height: unset;



    padding-bottom: 125%;



    margin-bottom: 30px;



  }



}



.team-minimal-carousel .team-pane-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  -o-object-position: center top;



     object-position: center top;



  transition: var(--transition-200);



}



.team-minimal-carousel .team-pane-right {



  position: absolute;



  top: 0;



  right: 0;



  width: 50%;



  height: 100%;



  padding: 80px 80px 30px;



  overflow-x: hidden;



  overflow-y: auto;



}



@media (max-width: 991px) {



  .team-minimal-carousel .team-pane-right {



    padding: 40px 40px 10px;



  }



}



@media (max-width: 767px) {



  .team-minimal-carousel .team-pane-right {



    position: unset;



    top: unset;



    right: unset;



    width: unset;



    height: unset;



    padding: unset;



    overflow-x: unset;



    overflow-y: unset;



  }



}



.team-minimal-carousel .team-pane-right-inner {



  display: flex;



  flex-direction: column;



  justify-content: center;



  min-height: 100%;



}



@media (max-width: 767px) {



  .team-minimal-carousel .team-pane-right-inner {



    display: unset;



    flex-direction: unset;



    justify-content: unset;



    min-height: unset;



  }



}



.team-minimal-carousel .team-pane-name {



  margin-bottom: 5px;



}



.team-minimal-carousel .team-pane-close-btn {



  position: fixed;



  top: 20px;



  right: 30px;



}







.team-minimal-carousel .team-item:hover .team-item-img img {



  -webkit-transform: scale(1.05);



          transform: scale(1.05);



}







.team-minimal-carousel.is-shadow .team-item {



  overflow: hidden;



  border-radius: var(--border-radius);



  box-shadow: var(--shadow-1);



  transition: var(--transition-200);



}



.team-minimal-carousel.is-shadow .team-item:hover {



  box-shadow: var(--shadow-1-hover);



}



.team-minimal-carousel.is-shadow .team-item-bottom {



  padding: 20px;



  background-color: var(--white);



}







.team-minimal-carousel.is-minimal .team-item-img {



  border-radius: var(--border-radius);



  margin-bottom: 30px;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Team - Minimal Carousel - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Testimonials Slider - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.testimonials-slider-minimal {



  margin-bottom: 30px;



  color: var(--primary);



}



.testimonials-slider-minimal .testimonials-slider-item {



  margin: 0 30px;



}



.testimonials-slider-minimal .testimonials-slider-item-top,



.testimonials-slider-minimal .testimonials-slider-item-bottom {



  max-width: 800px;



  margin: 0 auto;



  text-align: center;



}



.testimonials-slider-minimal .testimonials-slider-item-top {



  position: relative;



  padding: 15px 60px 15px;



  margin-bottom: 15px;



}



@media (max-width: 991px) {



  .testimonials-slider-minimal .testimonials-slider-item-top {



    padding: 15px 40px 15px;



  }



}



@media (max-width: 575px) {



  .testimonials-slider-minimal .testimonials-slider-item-top {



    padding: 15px 0 15px;



  }



}



.testimonials-slider-minimal .testimonials-slider-quot-left,



.testimonials-slider-minimal .testimonials-slider-quot-right {



  position: absolute;



}



@media (max-width: 991px) {



  .testimonials-slider-minimal .testimonials-slider-quot-left,



.testimonials-slider-minimal .testimonials-slider-quot-right {



    opacity: 0.3;



  }



}



.testimonials-slider-minimal .testimonials-slider-quot-left svg,



.testimonials-slider-minimal .testimonials-slider-quot-right svg {



  width: 40px;



  height: auto;



}



.testimonials-slider-minimal .testimonials-slider-quot-left {



  top: 0;



  left: 0;



}



.testimonials-slider-minimal .testimonials-slider-quot-right {



  bottom: 0;



  right: 0;



}



.testimonials-slider-minimal .testimonials-slider-des {



  position: relative;



  font-size: 26px;



  font-style: italic;



}



@media (max-width: 991px) {



  .testimonials-slider-minimal .testimonials-slider-des {



    font-size: 20px;



  }



}



.testimonials-slider-minimal .testimonials-slider-des p:last-of-type {



  margin-bottom: 0;



}



.testimonials-slider-minimal .testimonials-slider-name {



  font-size: 20px;



  font-weight: var(--font-weight-bold);



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Testimonials Slider - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Sidebar - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.sidebar .sidebar-open-btn {



  display: none;



}



.sidebar .sidebar-close-btn {



  display: none;



  position: absolute;



  top: 15px;



  right: 30px;



  font-size: 26px;



  line-height: 1;



}



@media (max-width: 575px) {



  .sidebar .sidebar-close-btn {



    right: 15px;



  }



}



.sidebar .sidebar-side {



  z-index: 1;



}







.sidebar-right .sidebar-side {



  order: 2;



}



@media (max-width: 991px) {



  .sidebar-right .sidebar-side {



    order: 1;



  }



}



.sidebar-right .sidebar-main {



  order: 1;



}



@media (max-width: 991px) {



  .sidebar-right .sidebar-main {



    order: 2;



  }



}







.sidebar.sidebar-left.has-border .sidebar-side {



  border-right: 1px solid var(--border-color-dark);



}



@media (max-width: 991px) {



  .sidebar.sidebar-left.has-border .sidebar-side {



    border-right: 0;



  }



}







.sidebar.sidebar-right.has-border .sidebar-side {



  border-left: 1px solid var(--border-color-dark);







}



@media (max-width: 991px) {



  .sidebar.sidebar-right.has-border .sidebar-side {



    border-left: 0;



  }



}







@media (max-width: 991px) {



  .sidebar.is-mobile.active {



    position: relative;



    z-index: 510;



  }



  .sidebar.is-mobile .sidebar-side {



    order: -1;



    z-index: 1;



    margin-bottom: 30px;



  }



  .sidebar.is-mobile .sidebar-side .sidebar-inner {



    display: none;



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    padding: 50px 30px 20px;



    overflow-x: hidden;



    overflow-y: auto;



    background-color: var(--gray-2);



  }



  .sidebar.is-mobile .sidebar-open-btn {



    display: block;



    width: 100%;



    padding: 15px 20px;



    text-align: right;



    font-weight: var(--font-weight-bold);



    border-radius: var(--border-radius);



    background-color: var(--gray-4);



  }



  .sidebar.is-mobile .sidebar-open-btn i {



    margin-left: 10px;



  }



  .sidebar.is-mobile .sidebar-close-btn {



    display: block;



  }



}



@media (max-width: 575px) {



  .sidebar.is-mobile .sidebar-side .sidebar-inner {



    padding: 50px 15px 20px;



  }



}



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Sidebar - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | CTA - Boxed Text - Start



 |







 |



 |-----------------------------------------------------------------------------------------



*/



.cta-boxed-text .cta-wrap {



  position: relative;



}



.cta-boxed-text .cta-img {



  overflow: hidden;



  position: relative;



  background-color: var(--primary-1);



}



.cta-boxed-text .cta-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



}



@media (min-width: 992px) {



  .cta-boxed-text .cta-text-area {



    position: absolute;



    left: 0;



    bottom: 0;



    width: 100%;



  }



}



@media (max-width: 991px) {



  .cta-boxed-text .cta-text-area .content-area-wrap {



    padding: 0;



  }



}



@media (max-width: 991px) {



  .cta-boxed-text .cta-text-area .container {



    max-width: none;



    padding: 0;



  }



}



.cta-boxed-text .cta-inner {



  padding: 50px 50px 20px;



  border-top: 10px solid rgba(0, 0, 0, 0.3);



}



@media (max-width: 991px) {



  .cta-boxed-text .cta-inner {



    padding: 30px 30px 1px;



  }



}







.cta-boxed-text.is-md .cta-img {



  height: 550px;



}



@media (max-width: 991px) {



  .cta-boxed-text.is-md .cta-img {



    height: auto;



    padding-bottom: 56%;



  }



}



@media (max-width: 575px) {



  .cta-boxed-text.is-md .cta-img {



    padding-bottom: 75%;



  }



}



.cta-boxed-text.is-sm .cta-img {



  height: 450px;



}



@media (max-width: 991px) {



  .cta-boxed-text.is-sm .cta-img {



    height: auto;



    padding-bottom: 56%;



  }



}



@media (max-width: 575px) {



  .cta-boxed-text.is-sm .cta-img {



    padding-bottom: 75%;



  }



}



.cta-boxed-text.is-lg .cta-img {



  height: 650px;



}



@media (max-width: 991px) {



  .cta-boxed-text.is-lg .cta-img {



    height: auto;



    padding-bottom: 56%;



  }



}



@media (max-width: 575px) {



  .cta-boxed-text.is-lg .cta-img {



    padding-bottom: 75%;



  }



}



.cta-boxed-text.is-fullscreen .cta-img {



  height: calc(100vh - var(--header-height));



  height: calc((var(--vh, 1vh) * 100) - var(--header-height));



}



@media (max-width: 767px) {



  .cta-boxed-text.is-fullscreen .cta-img {



    height: calc(100vh - var(--header-height));



    height: calc((var(--vh, 1vh) * 100) - var(--header-height));



  }



}







.cta-boxed-text.is-img-center .cta-img img {



  -o-object-position: center;



     object-position: center;



}



.cta-boxed-text.is-img-top .cta-img img {



  -o-object-position: center top;



     object-position: center top;



}



.cta-boxed-text.is-img-bottom .cta-img img {



  -o-object-position: center bottom;



     object-position: center bottom;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | CTA - Boxed Text - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | SNS Link - Default - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.sns-link-default .sns-link-wrap {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



}



.sns-link-default .sns-link-item {



  color: var(--sns-color);



}



.sns-link-default .sns-link-item:hover {



  color: var(--sns-color-hover);



}







.sns-link-default.left .sns-link-wrap {



  justify-content: flex-start;



}







.sns-link-default.center .sns-link-wrap {



  justify-content: center;



}







.sns-link-default.right .sns-link-wrap {



  justify-content: flex-end;



}







.sns-link-default.small .sns-link-wrap {



  gap: var(--sns-margin-sm);



}



.sns-link-default.small .sns-link-item {



  font-size: var(--sns-font-size-sm);



}







.sns-link-default.medium .sns-link-wrap {



  gap: var(--sns-margin-md);



}



.sns-link-default.medium .sns-link-item {



  font-size: var(--sns-font-size-md);



}







.sns-link-default.large .sns-link-wrap {



  gap: var(--sns-margin-lg);



}



.sns-link-default.large .sns-link-item {



  font-size: var(--sns-font-size-lg);



}







.sns-link-default.huge .sns-link-wrap {



  gap: var(--sns-margin-hudge);



}



.sns-link-default.huge .sns-link-item {



  font-size: var(--sns-font-size-huge);



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | SNS Link Default - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | SNS Link - Circle - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.sns-link-circle .sns-link-wrap {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



}



.sns-link-circle .sns-link-item {



  display: flex;



  align-items: center;



  justify-content: center;



  color: var(--sns-circle-color);



  line-height: 1;



  border-radius: 50%;



  background-color: var(--sns-circle-bg);



}



.sns-link-circle .sns-link-item:hover {



  color: var(--sns-circle-color-hover);



  background-color: var(--sns-circle-bg-hover);



}







.sns-link-circle.left .sns-link-wrap {



  justify-content: flex-start;



}







.sns-link-circle.center .sns-link-wrap {



  justify-content: center;



}







.sns-link-circle.right .sns-link-wrap {



  justify-content: flex-end;



}







.sns-link-circle.small .sns-link-wrap {



  gap: var(--sns-circle-margin-sm);



}



.sns-link-circle.small .sns-link-item {



  width: var(--sns-circle-size-sm);



  height: var(--sns-circle-size-sm);



  font-size: var(--sns-circle-font-size-sm);



}







.sns-link-circle.medium .sns-link-wrap {



  gap: var(--sns-circle-margin-md);



}



.sns-link-circle.medium .sns-link-item {



  width: var(--sns-circle-size-md);



  height: var(--sns-circle-size-md);



  font-size: var(--sns-circle-font-size-md);



}







.sns-link-circle.large .sns-link-wrap {



  gap: var(--sns-circle-margin-lg);



}



.sns-link-circle.large .sns-link-item {



  width: var(--sns-circle-size-lg);



  height: var(--sns-circle-size-lg);



  font-size: var(--sns-circle-font-size-lg);



}







.sns-link-circle.huge .sns-link-wrap {



  gap: var(--sns-circle-margin-huge);



}



.sns-link-circle.huge .sns-link-item {



  width: var(--sns-circle-size-huge);



  height: var(--sns-circle-size-huge);



  font-size: var(--sns-circle-font-size-huge);



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | SNS Link Circle - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |







 |



 | SNS Link - Square - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.sns-link-square .sns-link-wrap {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



}



.sns-link-square .sns-link-item {



  display: flex;



  align-items: center;



  justify-content: center;



  color: var(--sns-square-color);



  line-height: 1;



  border-radius: var(--border-radius);



  background-color: var(--sns-square-bg);



}



.sns-link-square .sns-link-item:hover {



  color: var(--sns-square-color-hover);



  background-color: var(--sns-square-bg-hover);



}







.sns-link-square.left .sns-link-wrap {



  justify-content: flex-start;



}







.sns-link-square.center .sns-link-wrap {



  justify-content: center;



}







.sns-link-square.right .sns-link-wrap {



  justify-content: flex-end;



}







.sns-link-square.small .sns-link-wrap {



  gap: var(--sns-square-margin-sm);



}



.sns-link-square.small .sns-link-item {



  width: var(--sns-square-size-sm);



  height: var(--sns-square-size-sm);



  font-size: var(--sns-square-font-size-sm);



}







.sns-link-square.medium .sns-link-wrap {



  gap: var(--sns-square-margin-md);



}



.sns-link-square.medium .sns-link-item {



  width: var(--sns-square-size-md);



  height: var(--sns-square-size-md);



  font-size: var(--sns-square-font-size-md);



}







.sns-link-square.large .sns-link-wrap {



  gap: var(--sns-square-margin-lg);



}



.sns-link-square.large .sns-link-item {



  width: var(--sns-square-size-lg);



  height: var(--sns-square-size-lg);



  font-size: var(--sns-square-font-size-lg);



}







.sns-link-square.huge .sns-link-wrap {



  gap: var(--sns-square-margin-huge);



}



.sns-link-square.huge .sns-link-item {



  width: var(--sns-square-size-huge);



  height: var(--sns-square-size-huge);



  font-size: var(--sns-square-font-size-huge);



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | SNS Link Square - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Share Link - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.share-links {



  display: flex;



  align-items: center;



  gap: var(--sns-margin-md);



  line-height: 1;



}







.share-link {



  display: inline-block;



}







.share-link-default {



  font-size: var(--sns-font-size-md);



  color: var(--sns-color);



}



.share-link-default:hover {



  color: var(--sns-color-hover);



}







.share-link-circle {



  display: flex;



  align-items: center;



  justify-content: center;



  width: var(--sns-circle-size-md);



  height: var(--sns-circle-size-md);



  color: var(--sns-circle-color);



  border-radius: 50%;



  background-color: var(--sns-circle-bg);



  transition: var(--transition-200);



}



.share-link-circle:hover {



  color: var(--sns-circle-color-hover);



  background-color: var(--sns-circle-bg-hover);



}







.share-link-square {



  display: flex;



  align-items: center;



  justify-content: center;



  width: var(--sns-square-size-md);



  height: var(--sns-square-size-md);



  color: var(--sns-square-color);



  border-radius: var(--border-radius);



  background-color: var(--sns-square-bg);



  transition: var(--transition-200);



}



.share-link-square:hover {



  color: var(--sns-square-color-hover);



  background-color: var(--sns-square-bg-hover);



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Share Link - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Mobile Menu Default - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.mobile-menu-default .mobile-menu-backdrop {



  z-index: 1000;



  display: none;



  position: fixed;



  top: 0;



  left: 0;



  bottom: 0;



  width: 100%;



  background-color: rgba(0, 0, 0, 0.5);



}



.mobile-menu-default .mobile-menu-wrap {



  z-index: 1010;



  position: fixed;



  top: 0;



  right: 0;



  bottom: 0;



  width: 100%;



  max-width: 480px;



  padding: 15px;



  transition: var(--transition-400);



  -webkit-transform: translateX(100%);



          transform: translateX(100%);



}



.mobile-menu-default .mobile-menu-inner {



  position: relative;



  display: grid;



  grid-template-rows: auto 1fr auto;



  overflow: hidden;



  height: 100%;



  padding: 80px 0 30px;



  border-radius: var(--border-radius);



  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);



}



@media (max-width: 575px) {



  .mobile-menu-default .mobile-menu-inner {



    padding: 80px 0 30px;



  }



}



.mobile-menu-default .mobile-menu-close {



  position: absolute;



  top: 25px;



  right: 30px;



}



.mobile-menu-default .mobile-menu-header {



  padding: 0 50px;



}



@media (max-width: 575px) {



  .mobile-menu-default .mobile-menu-header {



    padding: 0 30px;



  }



}



.mobile-menu-default .mobile-menu-body {



  overflow-x: hidden;



  overflow-y: auto;



  padding: 0 50px;



}



@media (max-width: 575px) {



  .mobile-menu-default .mobile-menu-body {



    padding: 0 30px;



  }



}



.mobile-menu-default .mobile-menu-footer {



  padding: 15px 50px 0;



}



@media (max-width: 575px) {



  .mobile-menu-default .mobile-menu-footer {



    padding: 0 30px;



  }



}



.mobile-menu-default.active .mobile-menu-wrap {



  -webkit-transform: translateX(0);



          transform: translateX(0);



}







.mobile-menu-default .mobile-menu-nav ul {



  list-style-type: none;



  padding-left: 0;



}



.mobile-menu-default .mobile-menu-nav ul ul, .mobile-menu-default .mobile-menu-nav ul ol {



  list-style-type: none;



}



.mobile-menu-default .mobile-menu-nav ul ul ul, .mobile-menu-default .mobile-menu-nav ul ul ol, .mobile-menu-default .mobile-menu-nav ul ol ul, .mobile-menu-default .mobile-menu-nav ul ol ol {



  list-style-type: none;



}



.mobile-menu-default .mobile-menu-nav ul li {



  margin: 0 0 10px 0;



}



.mobile-menu-default .mobile-menu-nav ul li:last-of-type {



  margin-bottom: 0;



}



.mobile-menu-default .mobile-menu-nav ul li a {



  width: 100%;



  color: var(--primary);



  font-size: 22px;



  font-weight: var(--font-weight-bold);



}



.mobile-menu-default .mobile-menu-nav ul li a:hover {



  color: var(--primary-6);



}



.mobile-menu-default .mobile-menu-nav ul li a > i {



  font-size: 16px;



  transition: var(--transition-200);



}



.mobile-menu-default .mobile-menu-nav ul li.has-children > a {



  display: flex;



  align-items: center;



  justify-content: space-between;



}



.mobile-menu-default .mobile-menu-nav ul li ul {



  display: none;



  margin: 15px 0 0;



  padding: 0 0 0 15px;



  border-left: 1px solid var(--primary-6);



}



.mobile-menu-default .mobile-menu-nav ul li ul li a {



  color: var(--primary-6);



  font-size: 16px;



  font-weight: var(--font-weight-normal);



}



.mobile-menu-default .mobile-menu-nav ul li ul li a:hover {



  color: var(--primary);



}



.mobile-menu-default .mobile-menu-nav ul li ul li a > i {



  font-size: 14px;



}



.mobile-menu-default .mobile-menu-nav ul li.active > a {



  color: var(--primary-6);



}



.mobile-menu-default .mobile-menu-nav ul li.active > a i {



  -webkit-transform: rotate(90deg);



          transform: rotate(90deg);



}







.mobile-menu-default .mobile-menu-btns {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: center;



  margin-left: -5px;



  margin-right: -5px;



  max-width: 200px;



  margin: 0 auto;



}



.mobile-menu-default .mobile-menu-btn {



  flex: 1 1 auto;



  padding: 0 5px;



}



.mobile-menu-default .mobile-menu-btn .btn {



  margin-bottom: 15px;



}



.mobile-menu-default .mobile-menu-btn a {



  width: 100%;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Mobile Menu Default - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Google Translate - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.google-translate {



  overflow: hidden;



  position: relative;



}



.google-translate .google-translate-embed {



  opacity: 0;



}



.google-translate .google-translate-label {



  transition: var(--transition-200);



}



.google-translate .goog-te-gadget {



  font-size: 0;



}



.google-translate .goog-te-gadget > span {



  display: none;



}



.google-translate .goog-te-gadget .goog-te-combo {



  cursor: pointer;



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  margin: 0;



  border: 0;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Google Translate - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Mega Menu Default - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



@media (max-width: 1365px) {



  .mega-menu-default {



    display: none;



  }



}







.mega-menu-default .mega-menu-items {



  display: flex;



  align-items: center;



}



.mega-menu-default .mega-menu-items > li {



  position: relative;



}



.mega-menu-default .mega-menu-items > li > a {



  display: block;



  position: relative;



  height: var(--header-main-height);



  line-height: var(--header-main-height);



  padding: 0 20px;



  color: var(--text-color);



}



@media (max-width: 1659px) {



  .mega-menu-default .mega-menu-items > li > a {



    padding: 0 10px;



  }



}



.mega-menu-default .mega-menu-items > li > a > i {



  margin-left: 8px;



}



.mega-menu-default .mega-menu-items > li > a:before {



  content: "";



  position: absolute;



  left: 50%;



  bottom: 0;



  width: 0;



  height: 5px;



  background-color: var(--secondary-5);



  -webkit-transform: translateX(-50%);



          transform: translateX(-50%);



  transition: width var(--transition-200);



}



.mega-menu-default .mega-menu-items > li > a:hover:before, .mega-menu-default .mega-menu-items > li > a.active:before {



  width: 100%;



}







.mega-menu-default .mwPageBlock.Menu ul li a {



  display: block;



  padding: 10px 20px;



  color: var(--text-color);



  font-size: 16px;



}



.mega-menu-default .mwPageBlock.Menu ul li a:hover {



  color: var(--secondary);



}



.mega-menu-default .mwPageBlock.Menu ul li ul {



  display: none;



}







.mega-menu-default .mega-menu-panel {



  display: none;



  position: fixed;



  top: var(--header-height);



  left: 0;



  width: 100%;



  border-top: 1px solid var(--border-color-dark);



  background-color: var(--white);



  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);



  transition: none;



}



.mega-menu-default .mega-menu-panel h1, .mega-menu-default .mega-menu-panel h2, .mega-menu-default .mega-menu-panel h3, .mega-menu-default .mega-menu-panel h4, .mega-menu-default .mega-menu-panel h5, .mega-menu-default .mega-menu-panel h6, .mega-menu-default .mega-menu-panel p, .mega-menu-default .mega-menu-panel ul, .mega-menu-default .mega-menu-panel ol, .mega-menu-default .mega-menu-panel dl, .mega-menu-default .mega-menu-panel table, .mega-menu-default .mega-menu-panel .btn {



  margin-bottom: 15px;



}



.mega-menu-default .mega-menu-panel-wrap {



  display: grid;



  grid-auto-flow: column;



  grid-auto-columns: 1fr;



  gap: 30px;



  padding: 60px 0 45px;



}



.mega-menu-default .mega-menu-panel.is-fullwidth .mega-menu-panel-wrap {



  width: 100%;



  max-width: 1290px;



  margin-right: auto;



  margin-left: auto;



}



.mega-menu-default .mega-menu-panel.is-content-width {



  left: 50%;



  max-width: 1370px;



  padding: 0 40px;



  -webkit-transform: translateX(-50%);



          transform: translateX(-50%);



}







.mega-menu-default .mega-menu-panel.has-1-col {



  position: absolute;



  top: 100%;



  left: 0;



  width: auto;



  padding: 0;



}



.mega-menu-default .mega-menu-panel.has-1-col .mega-menu-panel-wrap {



  padding: 0;



}



.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul {



  padding: 10px 0;



  margin-bottom: 0;



}



.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li {



  position: relative;



  min-width: 260px;



  transition: var(--transition-200);



}



.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li:hover {



  background-color: var(--gray-2);



}



.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li a {



  display: block;



  padding: 10px 20px;



  color: var(--text-color);



  font-size: 16px;



}



.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li.has-children > a {



  display: flex;



  align-items: center;



  justify-content: space-between;



}



.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li.has-children > a:after {



  content: "\F0DA";



  margin-left: 8px;



  font-family: var(--font-family-icon);



  font-weight: 900;



}



.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li ul {



  display: block;



  opacity: 0;



  visibility: hidden;



  pointer-events: none;



  position: absolute;



  top: 0;







  left: 100%;



  background-color: var(--secondary);



  transition: var(--transition-360);



}



.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li ul li:hover {



  background-color: var(--secondary-5);



}



.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li ul li a {



  color: var(--white);



}



.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li.has-children:hover > ul {



  opacity: 1;



  visibility: visible;



  pointer-events: auto;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Mega Menu Default - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Detailed Map Default - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.detailed-map-default .detailed-map-navs {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: center;



  padding: 30px 15px 25px 15px;



}



@media (max-width: 575px) {



  .detailed-map-default .detailed-map-navs {



    justify-content: flex-start;



  }



}



.detailed-map-default .detailed-map-navs script {



  display: none;



}



.detailed-map-default #map_button_type_showAll,



.detailed-map-default #map_button_type_hideAll,



.detailed-map-default div[id^=map_item_type_],



.detailed-map-default div[id*=" map_item_type_"] {



  cursor: pointer;



  display: flex;



  align-items: center;



  color: var(--primary);



  padding: 0 10px;



  margin-bottom: 5px;



}



.detailed-map-default #map_button_type_showAll:hover,



.detailed-map-default #map_button_type_hideAll:hover,



.detailed-map-default div[id^=map_item_type_]:hover,



.detailed-map-default div[id*=" map_item_type_"]:hover {



  color: var(--primary-6);



}



.detailed-map-default .detailed-map-nav-icon {



  width: auto;



  height: 20px;



  margin-right: 5px;



}



@media (max-width: 575px) {



  .detailed-map-default .detailed-map-main > div[id^=google_map_],



.detailed-map-default .detailed-map-main > div[id*=" google_map_"] {



    height: 480px !important;



  }



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Detailed Map One - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | eShop Events - Calendar - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.eshop-events-calendar-minimal .events-item {



  margin-bottom: 30px;



}



.eshop-events-calendar-minimal .events-item:hover .events-item-img img {



  -webkit-transform: scale(1.05);



          transform: scale(1.05);



}



.eshop-events-calendar-minimal .events-item-wrap {



  display: flex;



  flex-direction: column;



  overflow: hidden;



  height: 100%;



  color: var(--text-color);



  border-radius: var(--border-radius);



  background-color: var(--white);



}



.eshop-events-calendar-minimal .events-item-header {



  position: relative;



}



.eshop-events-calendar-minimal .events-item-img {



  overflow: hidden;



  position: relative;



  padding-bottom: 75%;



  background-image: url("/images/logo.png");



  background-color: var(--gray-2);



  background-repeat: no-repeat;



  background-position: center;



  background-size: 40%;



}



.eshop-events-calendar-minimal .events-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}



.eshop-events-calendar-minimal .events-item-body {



  display: flex;



  flex-direction: column;



  flex: 1;



  position: relative;



  padding: 25px 25px 5px;



}



.eshop-events-calendar-minimal .events-item-body p {



  margin-bottom: 20px;



}



.eshop-events-calendar-minimal .events-item-release {







  position: absolute;



  top: 0;



  left: 0;



  padding: 10px 15px;



  color: var(--white);



  font-size: var(--font-size-sm);



  text-align: center;







  background-color: var(--primary);



}



.eshop-events-calendar-minimal .events-item-release span {



  display: block;



}



.eshop-events-calendar-minimal .events-item-release span:nth-child(1) {



  line-height: 1;



  font-size: 30px;



  font-weight: var(--font-weight-bold);



}



.eshop-events-calendar-minimal .events-item-title {



  margin-bottom: 15px;



}



.eshop-events-calendar-minimal .events-item-item-des {



  font-size: var(--font-size-sm);



}



.eshop-events-calendar-minimal .events-item-btn {



  margin-top: auto;



  margin-bottom: 20px;



}







.eshop-events-calendar-minimal .mwCalendar {



  margin-bottom: 30px;



  border-radius: var(--border-radius);



  background-color: var(--white);



  box-shadow: var(--shadow-6);



}



.eshop-events-calendar-minimal .calendar-header {



  display: flex;



  align-items: center;



  justify-content: space-between;



  padding: 15px;



  border-bottom: 1px solid var(--border-color-dark);



}



.eshop-events-calendar-minimal .mwCalendar-previous:hover,



.eshop-events-calendar-minimal .mwCalendar-next:hover {



  color: var(--primary);



}



.eshop-events-calendar-minimal .calendar-current-month {



  margin-bottom: 0;



  font-size: inherit;



  color: var(--text-color);



}



.eshop-events-calendar-minimal .calendar-weeks {



  display: grid;



  grid-template-columns: repeat(7, 1fr);



  gap: 5px;



  padding: 0 10px;



}



.eshop-events-calendar-minimal .calendar-week {



  display: flex;



  align-items: center;



  justify-content: center;



  aspect-ratio: 1;



}



.eshop-events-calendar-minimal .calendar-week h3 {



  font-size: 14px;



  margin-bottom: 0;



  color: var(--text-color-2);



  font-family: inherit;



  font-weight: var(--font-weight-normal);



}



.eshop-events-calendar-minimal .mwCalendar-daysList {



  display: grid;



  grid-template-columns: repeat(7, 1fr);



  gap: 5px;



  padding: 0 10px 10px;



}



.eshop-events-calendar-minimal .mwCalendar-day {



  display: flex;



  align-items: center;



  justify-content: center;



  aspect-ratio: 1;



  width: auto;



  height: auto;



  padding: 0;



  text-align: center;



  border: none;



  background: transparent;



}



.eshop-events-calendar-minimal .calendar-date {



  margin-bottom: 0;



  color: var(--text-color);



  font-size: 16px;



  font-family: inherit;



  font-weight: var(--font-weight-normal);



}



.eshop-events-calendar-minimal .mwCalendar-day.today .calendar-date {



  color: var(--primary);



  font-weight: var(--font-weight-bold);



}



.eshop-events-calendar-minimal .mwCalendar-day.event {



  border-radius: 50%;



  background-color: var(--primary);



}



.eshop-events-calendar-minimal .mwCalendar-day.event .calendar-date {



  color: var(--white);



  font-weight: var(--font-weight-normal);



}



.eshop-events-calendar-minimal .mwCalendar-day.weekend {



  border: 0;



  color: inherit;



  background-color: transparent;



}



.eshop-events-calendar-minimal .mwCalendar-day.prevMonth .calendar-date, .eshop-events-calendar-minimal .mwCalendar-day.nextMonth .calendar-date {



  visibility: hidden;



  color: var(--text-color-2);



}







.eshop-events-calendar-minimal .calendar-search {



  display: flex;



  margin-bottom: 30px;



}



.eshop-events-calendar-minimal .calendar-search .mwInput {



  z-index: 1;



  flex: 1 1 auto;



  height: 45px;



  border-right-width: 0;



  border-radius: var(--form-border-radius) 0 0 var(--form-border-radius);



}



.eshop-events-calendar-minimal .calendar-search button {



  flex: 0 0 auto;



  height: 45px;



  padding: 0 var(--btn-sm-padding-x);



  color: var(--white);



  border-radius: 0 var(--form-border-radius) var(--form-border-radius) 0;



  border-width: var(--btn-border-width);



  border-style: var(--btn-border-style);



  border-color: var(--primary);



  background-color: var(--primary);



}



.eshop-events-calendar-minimal .calendar-search button:hover {



  color: var(--white);



  border-color: var(--primary-6);



  background-color: var(--primary-6);



}



.eshop-events-calendar-minimal .calendar-accordions {



  margin-bottom: 30px;



}



.eshop-events-calendar-minimal .calendar-accordion {



  margin-bottom: 15px;



}



.eshop-events-calendar-minimal .calendar-accordion .accordion-btn {



  display: flex;



  align-items: center;



  justify-content: space-between;



  cursor: pointer;



  padding: 12px 15px;



  border-radius: var(--border-radius);



  background-color: var(--white);



  box-shadow: var(--shadow-6);



  transition: var(--transition-360);



}



.eshop-events-calendar-minimal .calendar-accordion .accordion-icon {



  transition: -webkit-transform var(--transition-360);



  transition: transform var(--transition-360);



  transition: transform var(--transition-360), -webkit-transform var(--transition-360);



}



.eshop-events-calendar-minimal .calendar-accordion .accordion-content {



  display: none;



}



.eshop-events-calendar-minimal .calendar-accordion .accordion-inner {



  padding: 10px 0 0;



}



.eshop-events-calendar-minimal .calendar-accordion .mwInput.checkbox {



  padding-top: 5px;



}



.eshop-events-calendar-minimal .calendar-accordion:hover .accordion-btn, .eshop-events-calendar-minimal .calendar-accordion.active .accordion-btn {



  color: var(--white);



  background-color: var(--primary);



}



.eshop-events-calendar-minimal .calendar-accordion.active .accordion-icon {



  -webkit-transform: scaleY(-1);



          transform: scaleY(-1);



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | eShop Events - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | eShop Events Details - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.eshop-events-details-minimal {



  margin-bottom: 30px;



}







.eshop-events-details-minimal .eshop-events-details-wrap {



  overflow: hidden;



  position: relative;



  border-radius: var(--border-radius);



  background-color: var(--white);



}



.eshop-events-details-minimal .eshop-events-details-img {



  display: block;



  overflow: hidden;



  position: relative;



  height: 100%;



  padding-bottom: 56%;



  background-image: url("/images/logo.png");



  background-color: var(--gray-2);



  background-repeat: no-repeat;



  background-position: center;



  background-size: 40%;



}



.eshop-events-details-minimal .eshop-events-details-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}



.eshop-events-details-minimal .eshop-events-details-release,



.eshop-events-details-minimal .eshop-events-details-release-mobile {



  display: table;



  padding: 20px;



  margin-bottom: 30px;



  color: var(--white);



  text-align: center;



  background-color: var(--primary);



}



.eshop-events-details-minimal .eshop-events-details-release span,



.eshop-events-details-minimal .eshop-events-details-release-mobile span {



  display: block;



}



.eshop-events-details-minimal .eshop-events-details-release span:nth-child(1),



.eshop-events-details-minimal .eshop-events-details-release-mobile span:nth-child(1) {



  line-height: 1;



  font-size: 40px;



  font-weight: var(--font-weight-bold);



}



@media (max-width: 991px) {



  .eshop-events-details-minimal .eshop-events-details-release {



    display: none;



  }



}



.eshop-events-details-minimal .eshop-events-details-release-mobile {



  position: absolute;



  top: 0;



  right: 0;



}



@media (min-width: 992px) {



  .eshop-events-details-minimal .eshop-events-details-release-mobile {







    display: none;



  }



}



.eshop-events-details-minimal .eshop-events-details-title {



  margin-bottom: 15px;



  color: var(--h4-color);



}



.eshop-events-details-minimal .eshop-events-details-host {



  margin-bottom: 0;



  color: var(--text-color-3);



}



.eshop-events-details-minimal .eshop-events-details-qty {



  display: flex;



  align-items: center;



  -webkit-column-gap: 5px;



     -moz-column-gap: 5px;



          column-gap: 5px;



  margin-bottom: 30px;



}



.eshop-events-details-minimal .eshop-events-details-qty .mwInput {



  max-width: 100px;



  display: inline-block;



  vertical-align: middle;



  border: 1px solid #000;



}



.eshop-events-details-minimal .eshop-events-details-qty .mwInput input {



  text-align: center;



}



.eshop-events-details-minimal .eshop-events-details-qty-inc,



.eshop-events-details-minimal .eshop-events-details-qty-dec {



  display: flex;



  align-items: center;



  justify-content: center;



  width: 36px;



  height: 36px;



  color: var(--white);



  font-size: 18px;



  border-radius: 50%;



  background-color: var(--primary);



}



.eshop-events-details-minimal .eshop-events-details-qty-inc:hover,



.eshop-events-details-minimal .eshop-events-details-qty-dec:hover {



  background-color: var(--primary-6);



}



.eshop-events-details-minimal .eshop-events-details-location {



  white-space: pre-line;



}







.eshop-events-details-minimal .eshop-events-details-header-right {



  height: 100%;



  padding: 0 30px 1px;



  border-left: 1px solid var(--border-color-dark);



  background-color: var(--gray-2);



}



@media (max-width: 991px) {



  .eshop-events-details-minimal .eshop-events-details-header-right {



    padding: 30px 30px 1px;



    border-left: 0;



  }



}



@media (max-width: 575px) {



  .eshop-events-details-minimal .eshop-events-details-header-right {



    padding: 30px 15px 1px;



  }



}



.eshop-events-details-minimal .eshop-events-details-header-top {



  margin-bottom: 60px;



}







.eshop-events-details-minimal .eshop-events-details-price {color:#000}







@media (max-width: 991px) {



  .eshop-events-details-minimal .eshop-events-details-header-top {



    margin-bottom: 30px;



  }



}



.eshop-events-details-minimal .eshop-events-details-header-bottom {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



}







.eshop-events-details-minimal .eshop-events-details-body {



  border-top: 1px solid var(--border-color-dark);



}



@media (max-width: 991px) {



  .eshop-events-details-minimal .eshop-events-details-body-main {



    order: 1;



  }



}



.eshop-events-details-minimal .eshop-events-details-body-side {



  border-left: 1px solid var(--border-color-dark);



}



@media (max-width: 991px) {



  .eshop-events-details-minimal .eshop-events-details-body-side {



    order: 0;



    border-left: 0;



  }



}



.eshop-events-details-minimal .eshop-events-details-body-main-inner {



  padding: 40px 40px 30px; color:#000



}



.eshop-events-details-minimal .eshop-events-details-body-main-inner h1, .eshop-events-details-minimal .eshop-events-details-body-main-inner h2, .eshop-events-details-minimal .eshop-events-details-body-main-inner h3, .eshop-events-details-minimal .eshop-events-details-body-main-inner h4, .eshop-events-details-minimal .eshop-events-details-body-main-inner h5, .eshop-events-details-minimal .eshop-events-details-body-main-inner h6, .eshop-events-details-minimal .eshop-events-details-body-main-inner p {color:#000}



@media (max-width: 991px) {



  .eshop-events-details-minimal .eshop-events-details-body-main-inner {



    padding: 0 30px 1px;



  }



}



@media (max-width: 575px) {



  .eshop-events-details-minimal .eshop-events-details-body-main-inner {



    padding: 0 15px 1px;



  }



}



.eshop-events-details-minimal .eshop-events-details-body-side-inner {



  padding: 40px 30px 30px;



}



.eshop-events-details-minimal .eshop-events-details-body-side-inner p {color:#000}



@media (max-width: 991px) {



  .eshop-events-details-minimal .eshop-events-details-body-side-inner {



    padding: 30px 30px 1px;



  }



}



@media (max-width: 575px) {



  .eshop-events-details-minimal .eshop-events-details-body-side-inner {



    padding: 30px 15px 1px;



  }



}







.eshop-events-details-minimal .tabs-navs {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  margin-bottom: 30px;



}



.eshop-events-details-minimal .tabs-nav {



  flex: 1 0 auto;



  padding: 10px;



  color: var(--text-color);



  text-align: center;



  font-weight: var(--font-weight-bold);



  background-color: var(--gray-2);



}



.eshop-events-details-minimal .tabs-nav:hover, .eshop-events-details-minimal .tabs-nav.active {



  color: var(--white);



  background-color: var(--primary);



}







.eshop-events-details-minimal .eshop-events-details-gallery,



.eshop-events-details-minimal .eshop-events-details-gallery-wrap,



.eshop-events-details-minimal .eshop-events-details-gallery-item-img,



.eshop-events-details-minimal .slick-list,



.eshop-events-details-minimal .slick-track {



  width: 100%;



  height: 100%;



}



.eshop-events-details-minimal .eshop-events-details-gallery-item-img {



  display: block;



  overflow: hidden;



  position: relative;



  padding-bottom: 56%;



  background-image: url("/images/logo.png");



  background-color: var(--gray-2);



  background-repeat: no-repeat;



  background-position: center;



  background-size: 40%;



}



@media (max-width: 767px) {



  .eshop-events-details-minimal .eshop-events-details-gallery-item-img {



    padding-bottom: 75%;



  }



}



.eshop-events-details-minimal .eshop-events-details-gallery-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}







.eshop-events-details-minimal .slick-slider .svg-colored {



  stroke: var(--white);



}



.eshop-events-details-minimal .slick-slider .slick-prev {



  left: 10px;



}



.eshop-events-details-minimal .slick-slider .slick-prev:hover svg {



  -webkit-transform: translateX(-5px);



          transform: translateX(-5px);



}



.eshop-events-details-minimal .slick-slider .slick-next {



  right: 10px;



}



.eshop-events-details-minimal .slick-slider .slick-next:hover svg {



  -webkit-transform: translateX(5px);



          transform: translateX(5px);



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | eShop Events Details - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | eShop Events - Calendar - Line Divided - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.eshop-events-calendar-line-divided .eshop-events-wrap {



  border-top: 1px solid var(--border-color-dark);



}



.eshop-events-calendar-line-divided .eshop-events-left {



  border-right: 1px solid var(--border-color-dark);



}



@media (max-width: 991px) {



  .eshop-events-calendar-line-divided .eshop-events-left {



    border-right: none;



  }



}







@media (max-width: 991px) {



  .eshop-events-calendar-line-divided .events-item:first-of-type {



    border-top: 1px solid var(--border-color-dark);



  }



}



.eshop-events-calendar-line-divided .events-item:not(:last-of-type) {



  border-bottom: 1px solid var(--border-color-dark);



}



.eshop-events-calendar-line-divided .events-item-wrap {



  display: block;



  padding: 30px 60px 0;



}



.eshop-events-calendar-line-divided .events-item-wrap::after {



  display: table;



  clear: both;



  content: "";



}



@media (max-width: 991px) {



  .eshop-events-calendar-line-divided .events-item-wrap {



    padding: 30px 30px 0;



  }



}



@media (max-width: 575px) {



  .eshop-events-calendar-line-divided .events-item-wrap {



    padding: 30px 15px 0;



  }



}



.eshop-events-calendar-line-divided .events-item-wrap:hover .events-item-title {



  -webkit-text-decoration-color: inherit;



          text-decoration-color: inherit;



}



.eshop-events-calendar-line-divided .events-item-release {



  margin-bottom: 20px;



  font-size: 14px;



  color: var(--secondary);



}



.eshop-events-calendar-line-divided .events-item-title {



  color: inherit;



  text-decoration: underline;



  -webkit-text-decoration-color: transparent;



          text-decoration-color: transparent;



  transition: var(--transition-200);



}







.eshop-events-calendar-line-divided .mwCalendar {



  padding: 30px 15px 0;



  margin-bottom: 30px;



}



.eshop-events-calendar-line-divided .calendar-header {



  display: flex;



  align-items: center;



  justify-content: space-between;



  margin-bottom: 30px;



}



.eshop-events-calendar-line-divided .mwCalendar-previous:hover, .eshop-events-calendar-line-divided .mwCalendar-next:hover {



  color: var(--primary);



}



.eshop-events-calendar-line-divided .calendar-current-month {



  margin-bottom: 0;



  font-size: 18px;



  color: var(--text-color);



}



.eshop-events-calendar-line-divided .calendar-weeks {



  display: grid;



  grid-template-columns: repeat(7, 1fr);



  gap: 5px;



  margin-bottom: 30px;



}



.eshop-events-calendar-line-divided .calendar-week {



  text-align: center;



}



.eshop-events-calendar-line-divided .calendar-week h3 {



  margin-bottom: 0;



  font-size: 16px;



  color: var(--text-color-2);



  font-family: inherit;



  font-weight: var(--font-weight-normal);



}



.eshop-events-calendar-line-divided .mwCalendar-daysList {



  display: grid;



  grid-template-columns: repeat(7, 1fr);



  gap: 5px;



}



.eshop-events-calendar-line-divided .mwCalendar-day {



  position: relative;



  display: flex;



  align-items: center;



  justify-content: center;







  width: auto;



  height: auto;



  min-height: 40px;



  padding: 0;



  text-align: center;



  border: none;



  background: transparent;



}



@media (max-width: 575px) {



  .eshop-events-calendar-line-divided .mwCalendar-day {



    min-height: 30px;



  }



}



.eshop-events-calendar-line-divided .calendar-date {



  position: relative;



  margin-bottom: 0;



  font-size: 16px;



  color: var(--primary);



  font-family: inherit;



  font-weight: var(--font-weight-normal);



}



.eshop-events-calendar-line-divided .mwCalendar-day.today .calendar-date {



  color: var(--secondary);



  font-weight: var(--font-weight-bold);



}



.eshop-events-calendar-line-divided .mwCalendar-day.event:before {



  content: "";



  position: absolute;



  top: 0;



  aspect-ratio: 1;



  height: 100%;



  border-radius: 50%;



  background-color: var(--secondary);



}



.eshop-events-calendar-line-divided .mwCalendar-day.event .calendar-date {



  color: var(--white);



  font-weight: var(--font-weight-normal);



}



.eshop-events-calendar-line-divided .mwCalendar-day.weekend {



  border: 0;



  color: inherit;



  background-color: transparent;



}



.eshop-events-calendar-line-divided .mwCalendar-day.prevMonth .calendar-date, .eshop-events-calendar-line-divided .mwCalendar-day.nextMonth .calendar-date {



  visibility: hidden;



  color: var(--text-color-2);



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | eShop Events - Line Divided - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | eShop Events - Calendar - Detailed - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.eshop-events-calendar-detailed .events-item {



  margin-bottom: 30px;



}



.eshop-events-calendar-detailed .events-item:hover .events-item-img img {



  -webkit-transform: scale(1.05);



          transform: scale(1.05);



}



.eshop-events-calendar-detailed .events-item-wrap {



  display: flex;



  flex-direction: column;



  overflow: hidden;



  height: 100%;



  color: var(--text-color);



  border-radius: var(--border-radius);



  background-color: var(--white);



}



.eshop-events-calendar-detailed .events-item-header {



  position: relative;



}



.eshop-events-calendar-detailed .events-item-img {



  overflow: hidden;



  position: relative;



  padding-bottom: 75%;



  background-image: url("/images/logo.png");



  background-color: var(--gray-2);



  background-repeat: no-repeat;



  background-position: center;



  background-size: 40%;



}



.eshop-events-calendar-detailed .events-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}



.eshop-events-calendar-detailed .events-item-body {



  display: flex;



  flex-direction: column;



  flex: 1;



  position: relative;



  padding: 25px 25px 5px;



}



.eshop-events-calendar-detailed .events-item-body p {



  margin-bottom: 20px;



}



.eshop-events-calendar-detailed .events-item-release {



  position: absolute;



  top: 0;



  left: 0;



  padding: 10px 15px;



  color: var(--white);



  font-size: var(--font-size-sm);



  text-align: center;



  background-color: var(--primary);



}



.eshop-events-calendar-detailed .events-item-release span {



  display: block;



}



.eshop-events-calendar-detailed .events-item-release span:nth-child(1) {



  line-height: 1;



  font-size: 30px;



  font-weight: var(--font-weight-bold);



}



.eshop-events-calendar-detailed .events-item-title {



  margin-bottom: 15px;



}



.eshop-events-calendar-detailed .events-item-item-des {



  font-size: var(--font-size-sm);



}



.eshop-events-calendar-detailed .events-item-btn {



  margin-top: auto;



  margin-bottom: 20px;



}







.eshop-events-calendar-detailed .mwCalendar {



  overflow: hidden;



  margin-bottom: 30px;



  border-radius: var(--border-radius);



  background-color: var(--white);



  box-shadow: var(--shadow-6);



}



.eshop-events-calendar-detailed .calendar-header {



  display: flex;



  align-items: center;



  justify-content: space-between;



  padding: 30px 20px;



  border-bottom: 1px solid var(--border-color-dark);



}



@media (max-width: 991px) {



  .eshop-events-calendar-detailed .calendar-header {



    padding: 20px 15px;



  }



}



.eshop-events-calendar-detailed .mwCalendar-previous,



.eshop-events-calendar-detailed .mwCalendar-next {font-size: 18px;color: #000;}



.eshop-events-calendar-detailed .mwCalendar-previous:hover,



.eshop-events-calendar-detailed .mwCalendar-next:hover {



  color: var(--primary);



}



.eshop-events-calendar-detailed .calendar-current-month {



  margin-bottom: 0;



  font-size: 28px;



  color: var(--text-color);



}



@media (max-width: 991px) {



  .eshop-events-calendar-detailed .calendar-current-month {



    font-size: 20px;



  }



}



.eshop-events-calendar-detailed .calendar-weeks {



  display: grid;



  grid-template-columns: repeat(7, 1fr);



  padding: 30px 15px;



}



@media (max-width: 991px) {



  .eshop-events-calendar-detailed .calendar-weeks {



    padding: 20px 15px;



  }



}



@media (max-width: 991px) {



  .eshop-events-calendar-detailed .calendar-week {



    text-align: center;



  }



}



.eshop-events-calendar-detailed .calendar-week h3 {



  margin-bottom: 0;



  font-size: inherit;



  color: var(--text-color);



  font-family: inherit;



  font-weight: var(--font-weight-normal);



}



@media (max-width: 991px) {



  .eshop-events-calendar-detailed .calendar-week h3 > span:first-of-type {



    display: none;



  }



}



.eshop-events-calendar-detailed .calendar-week h3 > span:last-of-type {



  display: none;



}



@media (max-width: 991px) {



  .eshop-events-calendar-detailed .calendar-week h3 > span:last-of-type {



    display: block;



  }



}



.eshop-events-calendar-detailed .mwCalendar-daysList {







  display: grid;



  grid-template-columns: repeat(7, 1fr);



  padding: 0 20px 20px;



}



@media (max-width: 991px) {



  .eshop-events-calendar-detailed .mwCalendar-daysList {



    padding: 0 15px 15px;



  }



}



.eshop-events-calendar-detailed .mwCalendar-day {



  position: relative;



  width: auto;



  height: auto;



  min-height: 180px;



  padding: 15px;



  border-top: 0 solid var(--gray-4);



  border-right: 1px solid var(--gray-4);



  border-bottom: 1px solid var(--gray-4);



  border-left: 0 solid var(--gray-4);



  background: transparent;



}



@media (max-width: 991px) {



  .eshop-events-calendar-detailed .mwCalendar-day {



    aspect-ratio: 1;



    display: flex;



    align-items: center;



    justify-content: center;



    height: auto;



    min-height: 0;



    padding: 0;



  }



}



.eshop-events-calendar-detailed .mwCalendar-day:nth-child(-n+7) {



  border-top-width: 1px;



}



.eshop-events-calendar-detailed .mwCalendar-day:nth-child(7n+1) {



  border-left-width: 1px;



}



.eshop-events-calendar-detailed .mwCalendar-day:after {



  z-index: 1;



  opacity: 0;



  content: "";



  position: absolute;



  left: 0;



  right: 0;



  bottom: -1px;



  height: 3px;



  background-color: var(--blue);



  transition: var(--transition-200);



}



.eshop-events-calendar-detailed .mwCalendar-day:hover:after {



  opacity: 1;



}



.eshop-events-calendar-detailed .calendar-date {



  margin-bottom: 10px;



  color: var(--text-color);



  font-size: 24px;



}











@media (max-width: 991px) {



  .eshop-events-calendar-detailed .calendar-date {



    margin-bottom: 0;



    font-size: 16px;



  }



}



.eshop-events-calendar-detailed .mwCalendar-itemsList {



  margin-bottom: 12px;



}



@media (max-width: 991px) {



  .eshop-events-calendar-detailed .mwCalendar-itemsList {



    display: none;



  }



}



.eshop-events-calendar-detailed .mwCalendar-item {



  position: relative;



  margin-bottom: 8px;



  padding-left: 10px;



}



@media (max-width: 1199px) {



  .eshop-events-calendar-detailed .mwCalendar-item {



    padding-left: 0;



  }



}



.eshop-events-calendar-detailed .mwCalendar-item:before {



  content: "";



  position: absolute;



  top: 6px;



  left: 0;



  width: 5px;



  height: 5px;



  border-radius: 50%;



  background-color: var(--blue);



}



@media (max-width: 1199px) {



  .eshop-events-calendar-detailed .mwCalendar-item:before {



    display: none;



  }



}



.eshop-events-calendar-detailed .calendar-item-title {



  margin-bottom: 0;



  font-size: 14px;



  line-height: 1.1;



  font-weight: var(--font-weight-normal);



}



.eshop-events-calendar-detailed .calendar-item-title a {



  color: var(--black);



}



.eshop-events-calendar-detailed .calendar-item-title a:hover {



  color: var(--black);



  text-decoration: underline;



}



.eshop-events-calendar-detailed .calendar-item-content {



  margin-bottom: 0;



  font-size: 11px;



}



.eshop-events-calendar-detailed .mwCalendar-day.today .calendar-date {



  color: var(--primary);



}



.eshop-events-calendar-detailed .mwCalendar-day.weekend {



  color: inherit;



  background-color: transparent;



}



.eshop-events-calendar-detailed .mwCalendar-day.event {



  background-color: var(--primary-1);



}



.eshop-events-calendar-detailed .mwCalendar-day.event .calendar-date {



  cursor: pointer;



}



.eshop-events-calendar-detailed .mwCalendar-day.prevMonth .calendar-date, .eshop-events-calendar-detailed .mwCalendar-day.nextMonth .calendar-date {



  color: var(--gray-4);



}







.eshop-events-calendar-detailed .calendar-search {



  display: flex;



  margin-bottom: 30px;



}



.eshop-events-calendar-detailed .calendar-search .mwInput {



  z-index: 1;



  flex: 1 1 auto;



  height: 45px;



  border-right-width: 0;



  border-radius: var(--form-border-radius) 0 0 var(--form-border-radius);



}



.eshop-events-calendar-detailed .calendar-search button {



  flex: 0 0 auto;



  height: 45px;



  padding: 0 var(--btn-sm-padding-x);



  color: var(--white);



  border-radius: 0 var(--form-border-radius) var(--form-border-radius) 0;



  border-width: var(--btn-border-width);



  border-style: var(--btn-border-style);



  border-color: var(--primary);



  background-color: var(--primary);



}



.eshop-events-calendar-detailed .calendar-search button:hover {



  color: var(--white);



  border-color: var(--primary-6);



  background-color: var(--primary-6);



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | eShop Events - Calendar - Detailed - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | eShop Events - Calendar - Tabs - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.eshop-events-calendar-tabs .events-item {



  margin-bottom: 30px;



}



.eshop-events-calendar-tabs .events-item:hover .events-item-img img {



  -webkit-transform: scale(1.05);



          transform: scale(1.05);



}



.eshop-events-calendar-tabs .events-item-wrap {



  display: flex;



  flex-direction: column;



  overflow: hidden;



  height: 100%;



  color: var(--text-color);



  border-radius: var(--border-radius);



  background-color: var(--white);



}



.eshop-events-calendar-tabs .events-item-header {



  position: relative;



}



.eshop-events-calendar-tabs .events-item-img {



  overflow: hidden;



  position: relative;



  padding-bottom: 75%;



  background-image: url("/images/logo.png");



  background-color: var(--gray-2);



  background-repeat: no-repeat;



  background-position: center;



  background-size: 40%;



}



.eshop-events-calendar-tabs .events-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



  transition: var(--transition-200);



}



.eshop-events-calendar-tabs .events-item-body {



  display: flex;



  flex-direction: column;



  flex: 1;



  position: relative;



  padding: 25px 25px 5px;



}



.eshop-events-calendar-tabs .events-item-body p {



  margin-bottom: 20px;



}



.eshop-events-calendar-tabs .events-item-release {



  position: absolute;



  top: 0;



  left: 0;



  padding: 10px 15px;



  color: var(--white);



  font-size: var(--font-size-sm);



  text-align: center;



  background-color: var(--primary);



}



.eshop-events-calendar-tabs .events-item-release span {



  display: block;



}



.eshop-events-calendar-tabs .events-item-release span:nth-child(1) {



  line-height: 1;



  font-size: 30px;



  font-weight: var(--font-weight-bold);



}



.eshop-events-calendar-tabs .events-item-title {



  margin-bottom: 15px;



}



.eshop-events-calendar-tabs .events-item-item-des {



  font-size: var(--font-size-sm);



}



.eshop-events-calendar-tabs .events-item-btn {



  margin-top: auto;



  margin-bottom: 20px;



}







.eshop-events-calendar-tabs .mwCalendar {



  overflow: hidden;



  margin-bottom: 30px;



}



.eshop-events-calendar-tabs .calendar-header {



  display: flex;



  align-items: center;



  margin-bottom: 45px;



}



@media (max-width: 991px) {



  .eshop-events-calendar-tabs .calendar-header {



    justify-content: space-between;



  }



}



.eshop-events-calendar-tabs .mwCalendar-previous,



.eshop-events-calendar-tabs .mwCalendar-next {



  font-size: 18px;



  color: var(--gray-4);



}



.eshop-events-calendar-tabs .mwCalendar-previous:hover,



.eshop-events-calendar-tabs .mwCalendar-next:hover {



  color: var(--primary);



}



.eshop-events-calendar-tabs .calendar-current-month {



  padding: 0 30px;



  margin-bottom: 0;



  font-size: 28px;



  color: var(--text-color);



}



@media (max-width: 991px) {



  .eshop-events-calendar-tabs .calendar-current-month {



    font-size: 20px;



  }



}



.eshop-events-calendar-tabs .calendar-weeks {



  display: grid;



  grid-template-columns: repeat(7, 1fr);



  gap: 10px;



  margin-bottom: 45px;



}



@media (max-width: 991px) {



  .eshop-events-calendar-tabs .calendar-weeks {



    gap: 5px;



    margin-bottom: 30px;



  }



}



@media (max-width: 991px) {



  .eshop-events-calendar-tabs .calendar-week {



    text-align: center;



  }



}



.eshop-events-calendar-tabs .calendar-week h3 {



  margin-bottom: 0;



  font-size: inherit;



  color: var(--text-color);



  font-family: inherit;



  font-weight: var(--font-weight-normal);



}



@media (max-width: 991px) {



  .eshop-events-calendar-tabs .calendar-week h3 > span:first-of-type {



    display: none;



  }



}



.eshop-events-calendar-tabs .calendar-week h3 > span:last-of-type {



  display: none;



}



@media (max-width: 991px) {



  .eshop-events-calendar-tabs .calendar-week h3 > span:last-of-type {



    display: block;



  }



}



.eshop-events-calendar-tabs .mwCalendar-daysList {



  display: grid;



  grid-template-columns: repeat(7, 1fr);



  gap: 10px;



}



@media (max-width: 991px) {



  .eshop-events-calendar-tabs .mwCalendar-daysList {



    gap: 5px;



  }



}



.eshop-events-calendar-tabs .mwCalendar-day {



  position: relative;



  width: auto;



  height: auto;



  min-height: 180px;



  padding: 15px;



  border-top: 2px solid var(--border-color-dark);



  border-right: 0 solid var(--border-color-dark);



  border-bottom: 0 solid var(--border-color-dark);



  border-left: 0 solid var(--border-color-dark);



  background: transparent;



  transition: var(--transition-200);



}



@media (max-width: 991px) {



  .eshop-events-calendar-tabs .mwCalendar-day {



    aspect-ratio: 1;



    display: flex;



    align-items: center;



    justify-content: center;



    height: auto;



    min-height: 0;



    padding: 0;



  }



}



.eshop-events-calendar-tabs .mwCalendar-day:hover {



  border-top-color: var(--blue);



}



.eshop-events-calendar-tabs .calendar-date {



  margin-bottom: 10px;



  color: var(--text-color);



  font-size: 24px;



}



@media (max-width: 991px) {



  .eshop-events-calendar-tabs .calendar-date {



    margin-bottom: 0;



    font-size: 16px;



  }



}



.eshop-events-calendar-tabs .mwCalendar-itemsList {



  margin-bottom: 12px;



}



@media (max-width: 991px) {



  .eshop-events-calendar-tabs .mwCalendar-itemsList {



    display: none;



  }



}



.eshop-events-calendar-tabs .mwCalendar-item {



  position: relative;



  margin-bottom: 8px;



  padding-left: 10px;



}



@media (max-width: 1199px) {



  .eshop-events-calendar-tabs .mwCalendar-item {



    padding-left: 0;



  }



}



.eshop-events-calendar-tabs .mwCalendar-item:before {



  content: "";



  position: absolute;



  top: 6px;



  left: 0;



  width: 5px;



  height: 5px;



  border-radius: 50%;



  background-color: var(--blue);



}



@media (max-width: 1199px) {



  .eshop-events-calendar-tabs .mwCalendar-item:before {



    display: none;



  }



}



.eshop-events-calendar-tabs .calendar-item-title {



  margin-bottom: 0;



  font-size: 14px;



  line-height: 1.1;



  font-weight: var(--font-weight-normal);



}



.eshop-events-calendar-tabs .calendar-item-title a {



  color: var(--black);



}



.eshop-events-calendar-tabs .calendar-item-title a:hover {



  color: var(--black);



  text-decoration: underline;



}



.eshop-events-calendar-tabs .calendar-item-content {



  margin-bottom: 0;



  font-size: 11px;



}



.eshop-events-calendar-tabs .mwCalendar-day.today .calendar-date {



  color: var(--primary);



}



.eshop-events-calendar-tabs .mwCalendar-day.weekend {



  color: inherit;



  background-color: transparent;



}



.eshop-events-calendar-tabs .mwCalendar-day.event {



  background-color: var(--primary-1);



}



.eshop-events-calendar-tabs .mwCalendar-day.prevMonth .calendar-date, .eshop-events-calendar-tabs .mwCalendar-day.nextMonth .calendar-date {



  color: var(--gray-4);



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | eShop Events - Calendar - Tabs - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Search Results Default - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.search-results-default .search-results-header {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  margin-bottom: 20px;



}



.search-results-default .search-results-title {



  font-size: 28px;







  margin-bottom: 10px;



}



.search-results-default .search-results-keyword {



  color: var(--primary);



}



.search-results-default .search-results-total {



  font-size: 20px;



  font-weight: var(--font-weight-bold);



  color: var(--text-color-3);



  margin-bottom: 10px;



}







.search-results-default .search-results-filters ul {



  padding: 5px 0;



  border-radius: var(--border-radius);



  background-color: var(--white);



}



.search-results-default .search-results-filters ul li {



  position: relative;



  padding: 0 25px;



  margin: 0;



}



.search-results-default .search-results-filters ul li:after {



  content: "";



  position: absolute;



  top: 50%;



  left: 0;



  width: 4px;







  height: 30px;



  border-radius: 0 var(--border-radius) var(--border-radius) 0;



  background-color: transparent;



  -webkit-transform: translateY(-50%);



          transform: translateY(-50%);



  transition: background-color var(--transition-200);



}



.search-results-default .search-results-filters ul li a {



  display: flex;



  align-items: center;



  padding: 15px 0;



  color: var(--text-color);



  font-size: 14px;



  font-weight: var(--font-weight-bold);



}



.search-results-default .search-results-filters ul li a i {



  font-size: 12px;



  margin-right: 10px;



}



.search-results-default .search-results-filters ul li a:hover {



  color: var(--primary-5);



}



.search-results-default .search-results-filters ul li + li a {



  border-top: 1px solid var(--border-color-dark);



}



.search-results-default .search-results-filters ul li:hover:after {



  background-color: var(--primary);



}



.search-results-default .search-results-filters ul li.active {



  background-color: var(--gray-2);



}



.search-results-default .search-results-filters ul li.active + li a, .search-results-default .search-results-filters ul li.active a {







  border-top-color: transparent;



}



.search-results-default .search-results-filters ul li.active:after {



  background-color: var(--primary);



}







.search-results-default .search-results-item {



  margin-bottom: 30px;



}



.search-results-default .search-results-item-wrap {



  height: 100%;



  overflow: hidden;



  border-radius: var(--border-radius);



  background-color: var(--white);



}



.search-results-default .search-results-item-img {



  display: block;



  overflow: hidden;



  position: relative;



  height: 100%;



  padding-bottom: 50%;



  /* background-image: url("/images/logo.png"); */



  background-color: var(--gray-2);



  background-repeat: no-repeat;



  background-position: center;



  background-size: 40%;



}



.search-results-default .search-results-item-img img {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  -o-object-fit: cover;



     object-fit: cover;



}



.search-results-default .search-results-item-img img[src*=".32x.png"] {



  width: 30px;



  height: 30px;



  left: 50%;



  top: 50%;



  -o-object-fit: unset;



     object-fit: unset;



  -webkit-transform: translate(-50%, -50%);



          transform: translate(-50%, -50%);



}



.search-results-default .search-results-item-body {



  display: flex;



  flex-direction: column;



  padding: 25px;



}



.search-results-default .search-results-item-title {



  margin-bottom: 10px;



  word-break: break-word;



}



.search-results-default .search-results-item-metas {



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  margin-bottom: 5px;



}



.search-results-default .search-results-item-metas > span {



  margin: 0 10px 5px 0;



  font-size: 12px;



  color: var(--text-color-3);



}



.search-results-default .search-results-item-metas > span i {



  margin-right: 5px;



}



.search-results-default .search-results-item-metas .badge {



  margin: 0 10px 5px 0;



}



.search-results-default .search-results-item-des {



  margin-bottom: 20px;



  font-size: 14px;



  color: var(--text-color-3);



}



.search-results-default .search-results-item-btn {



  margin-top: auto;



  font-size: 14px;



  font-weight: var(--font-weight-bold);



}



.search-results-default .search-results-item-btn i {



  font-size: 12px;



  margin-left: 5px;



}







@media (min-width: 576px) {



  .search-results-default .search-results-item-wrap {



    display: flex;



    flex-wrap: wrap;



  }



}



@media (min-width: 576px) {



  .search-results-default .search-results-item-header {



    width: 100%;



    max-width: 38.2%;



    flex: 0 0 38.2%;



  }



}



@media (min-width: 576px) {



  .search-results-default .search-results-item-header + .search-results-item-body {



    width: 100%;



    flex: 0 0 61.8%;



    max-width: 61.8%;



  }



}



@media (min-width: 576px) {



  .search-results-default .search-results-item-body {



    flex: 1;



  }



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Search Results - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Donation Form - Minimal - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.donation-form-minimal .donation-form-amounts-btns {



  display: flex;



  flex-wrap: wrap;



  margin-right: -10px;



  margin-left: -10px;



}



.donation-form-minimal .donation-form-amounts-btns .button {



  padding: 0 10px;



  margin-bottom: 10px;



}



.donation-form-minimal .donation-form-amounts-btns .button span {



  display: block;



  text-align: center;



  font-weight: var(--font-weight-semi-bold);



  transition: var(--transition-200);



}







.donation-form-minimal .donation-form-amounts-btns .button span {



  color: var(--white);



  background-color: var(--primary);



}



.donation-form-minimal .donation-form-amounts-btns .button:hover span, .donation-form-minimal .donation-form-amounts-btns .button.selected span {



  color: var(--white);



  background-color: var(--secondary);



}



.donation-form-minimal .donation-form-amounts-btns .button.border span {



  color: var(--primary);



  border: 1px solid var(--primary);



  background-color: transparent;



}



.donation-form-minimal .donation-form-amounts-btns .button.border:hover span, .donation-form-minimal .donation-form-amounts-btns .button.border.selected span {



  color: var(--white);



  border-color: var(--primary);



  background-color: var(--primary);



}







.donation-form-minimal .donation-form-amounts-btns .button.round span {



  overflow: hidden;



  border-radius: 200px;



}



.donation-form-minimal .donation-form-amounts-btns .button.square span {



  overflow: hidden;



  border-radius: var(--border-radius);



}







.donation-form-minimal .donation-form-amounts-btns .button {



  width: 100%;



}



.donation-form-minimal .donation-form-amounts-btns .button.small {



  flex: 0 0 16.666666%;



  max-width: 16.666666%;



}



@media (max-width: 767px) {



  .donation-form-minimal .donation-form-amounts-btns .button.small {



    flex: 0 0 33.333333%;



    max-width: 33.333333%;



  }



}



@media (max-width: 575px) {



  .donation-form-minimal .donation-form-amounts-btns .button.small {



    flex: 0 0 50%;



    max-width: 50%;



  }



}



.donation-form-minimal .donation-form-amounts-btns .button.small span {



  padding: 18px;



}



.donation-form-minimal .donation-form-amounts-btns .button.medium {



  flex: 0 0 33.333333%;



  max-width: 33.333333%;



}



@media (max-width: 575px) {



  .donation-form-minimal .donation-form-amounts-btns .button.medium {



    flex: 0 0 50%;



    max-width: 50%;



  }



}



.donation-form-minimal .donation-form-amounts-btns .button.medium span {



  font-size: 20px;



  padding: 30px;



}



.donation-form-minimal .donation-form-amounts-btns .button.large {



  flex: 0 0 50%;



  max-width: 50%;



}



.donation-form-minimal .donation-form-amounts-btns .button.large span {



  font-size: 30px;



  padding: 60px;



}







.donation-form-minimal .donation-form-recurring table {



  margin-bottom: 0;



}







.donation-form-minimal .mwPayment-hint {



  display: none;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Donation Form - Minimal - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Header Kampus - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.header-kampus {z-index: 500;position: absolute;width: 100%;}



.header-kampus .header-wrap {}







.header-kampus .header-main {



  position: relative;



  display: flex;



  align-items: center;



  justify-content: space-between;



  height: 155px;



  padding: 0 30px;



}



@media (max-width: 1439px) {



  .header-kampus .header-main {



    padding: 0 30px;



  }



}



@media (max-width: 767px) {



  .header-kampus .header-main {



    height: 80px;



    padding: 0 15px;



  }



}



.header-kampus .header-main-left {



  flex: 0 0 auto;



}







.header-kampus .header-main-right {



  flex: 0 0 auto;



  display: flex;



  align-items: center;



}







.header-kampus .header-logo img {



  width: 150px;



  height: auto;



  max-width: 100%;



}







@media (max-width: 1365px) {



  .header-kampus .header-menu {



    display: none;



  }



}



.header-kampus .header-menu li, .header-kampus .header-menu a {



  position: relative;



  font-size: 18px;



}







.header-kampus .header-menu ul[id] {



  display: flex;



  align-items: center;



}



.header-kampus .header-menu ul[id] > li > a {



  display: block;



  padding: 0 15px;



  height: 60px;



  line-height: 60px;



  color: var(--white);



}



.header-kampus .header-menu ul[id] > li > a:before {



  content: "";



  position: absolute;



  left: 50%;



  bottom: 0;



  width: 0;



  height: 5px;



  background-color: var(--primary);



  -webkit-transform: translateX(-50%);



  transform: translateX(-50%);



  transition: width var(--transition-200);



}



.header-kampus .header-menu ul[id] > li > a:hover:before {



  width: 100%;



}







@media (max-width:1500px) {



  .header-kampus .header-menu li, .header-kampus .header-menu a {



  position: relative;



  font-size: 16px;



  padding: 0;



}



  .header-kampus .header-menu ul[id] > li > a {padding: 0 10px}



}



.header-kampus .header-menu ul li ul {



  opacity: 0;



  visibility: hidden;



  pointer-events: none;



  position: absolute;



  top: 100%;



  left: 0;



  padding: 10px 0;



  background-color: var(--secondary);



  transition: var(--transition-360);



}



.header-kampus .header-menu ul li ul li {



  min-width: 260px;



  transition: var(--transition-200);



}



.header-kampus .header-menu ul li ul li:hover {



  background-color: var(--primary);



}



.header-kampus .header-menu ul li ul li a {



  display: block;



  padding: 10px 20px;



  color: var(--white);



  font-size: 16px;



}



.header-kampus .header-menu ul li ul li.has-children > a {



  display: flex;



  align-items: center;



  justify-content: space-between;



}



.header-kampus .header-menu ul li ul li.has-children > a:after {



  content: "\F0DA";



  margin-left: 8px;



  font-family: var(--font-family-icon);



  font-weight: 900;



}



.header-kampus .header-menu ul li ul li ul {



  top: 0;



  left: 100%;



}



.header-kampus .header-menu li.has-children:hover > ul {



  opacity: 1;



  visibility: visible;



  pointer-events: auto;



}



.header-kampus .header-menu.has-dropdown-caret ul[id] > li.has-children > a:after {



  content: "\F0D7";



  margin-left: 8px;



  font-family: var(--font-family-icon);



  font-weight: 900;



}



.header-kampus .header-menu.has-dropdown-chevron ul[id] > li.has-children > a:after {



  content: "\F078";



  margin-left: 8px;



  font-family: var(--font-family-icon);



  font-weight: 900;



}



.header-kampus .header-menu.has-divider-pipe ul[id] > li:not(:first-child):before {



  content: "";



  position: absolute;



  top: calc(50% - 15px);



  left: 0;



  width: 1px;



  height: 30px;



  background-color: var(--border-color-dark);



}



.header-kampus .header-menu.has-divider-dot ul[id] > li:not(:first-child):before {



  content: "";



  position: absolute;



  top: calc(50% - 2px);



  left: 0;



  width: 4px;



  height: 4px;



  border-radius: 50%;



  background-color: var(--border-color-dark);



}







.header-kampus .header-search-btn {



  display: none;



  color: var(--primary);







  font-size: 22px;



}



@media (max-width: 767px) {



  .header-kampus .header-search-btn {



    display: block;



  }



}



.header-kampus .header-search-btn:hover, .header-kampus .header-search-btn.active {



  color: var(--secondary);



}



.header-kampus .header-search {



  z-index: 400;



  display: none;



  position: fixed;



  top: var(--header-height);



  left: 0;



  width: 100%;



  height: calc(100% - var(--header-height));



}



.header-kampus .header-search-backdrop {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  background-color: rgba(0, 0, 0, 0.5);



}



.header-kampus .header-search-wrap {



  position: absolute;



  top: var(--header-height);



  left: 50%;



  width: 100%;



  max-width: 600px;



  padding: 0 15px;



  -webkit-transform: translateX(-50%);



          transform: translateX(-50%);



}



.header-kampus .header-search-form {



  display: flex;



  align-items: center;



  padding: 15px 20px;



  border-radius: 6px;



  background-color: var(--white);



  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);



}



.header-kampus .header-search-form ::-webkit-input-placeholder {



  opacity: 1;



  letter-spacing: 0.5px;



  color: var(--gray-5);



}



.header-kampus .header-search-form ::-moz-placeholder {



  opacity: 1;



  letter-spacing: 0.5px;



  color: var(--gray-5);



}



.header-kampus .header-search-form :-ms-input-placeholder {



  opacity: 1;



  letter-spacing: 0.5px;



  color: var(--gray-5);



}



.header-kampus .header-search-form ::-ms-input-placeholder {



  opacity: 1;



  letter-spacing: 0.5px;



  color: var(--gray-5);



}



.header-kampus .header-search-form ::placeholder {



  opacity: 1;



  letter-spacing: 0.5px;



  color: var(--gray-5);



}



.header-kampus .header-search-form input {



  flex: 1 1 auto;



  height: var(--form-input-height);



  padding: 0;



  margin: 0;



  border: 0;



  background-color: transparent;



}



.header-kampus .header-search-form button {



  flex: 0 0 auto;



  height: var(--form-input-height);



  color: var(--text-color);



}



.header-kampus .header-search-form button:hover {



  color: var(--primary);



}







.header-kampus .header-burger {



  display: none;



  margin-left: 15px;



}



@media (max-width: 1365px) {



  .header-kampus .header-burger {



    display: block;



  }











.header-utility-bar-search-btn {display:none;}



 



}



@media (max-width: 767px) {



  .header-kampus .burger-lines,



.header-kampus .burger-slashes {







    display: none;



  }



}



@media (max-width: 767px) {



  .header-kampus .burger-text {



    margin-left: 0;



  }



}







.header-kampus .header-btns {



  display: flex;



  align-items: center;



  margin-left: 20px;



}



@media (max-width: 767px) {



  .header-kampus .header-btns {



    display: none;



  }



}



.header-kampus .header-btns .btn {



  margin-bottom: 0;



}







.header-kampus .header-utility-bar {



  display: flex;



  align-items: center;



  justify-content: space-between;



  height: 40px;



  padding: 0 80px;



  background-color: var(--primary);



}



@media (max-width: 1439px) {



  .header-kampus .header-utility-bar {



    padding: 0 30px;



  }



}



@media (max-width: 767px) {



  .header-kampus .header-utility-bar {



    display: none;



  }



}



.header-kampus .header-utility-bar-left {



  flex: 0 1 auto;



}



.header-kampus .header-utility-bar-right {



  flex: 0 0 auto;



  display: flex;



  align-items: center;



}



.header-kampus .header-utility-bar-msg {



  display: flex;







  align-items: center;



}



.header-kampus .header-utility-bar-msg > i {



  margin-right: 10px;



  color: var(--white);



  font-size: 16px;



}



.header-kampus .header-utility-bar-msg > a {



  max-width: 767px;



  color: var(--white);



  font-size: 14px;



  text-decoration: underline;



  -webkit-text-decoration-color: transparent;



          text-decoration-color: transparent;



  display: -webkit-box;



  -webkit-line-clamp: 1;



  -webkit-box-orient: vertical;



  text-overflow: ellipsis;



  overflow: hidden;



}



.header-kampus .header-utility-bar-msg > a:hover {



  -webkit-text-decoration-color: var(--white);



          text-decoration-color: var(--white);



}



.header-kampus .header-utility-bar-menu {



  margin-left: 30px;



}



@media (max-width: 1365px) {



  .header-kampus .header-utility-bar-menu {



    display: none;



  }



}



.header-kampus .header-utility-bar-menu ul {



  display: flex;



  align-items: center;



}



.header-kampus .header-utility-bar-menu ul li {



  margin-right: 30px;



}



.header-kampus .header-utility-bar-menu ul li:last-child {



  margin-right: 0;



}



.header-kampus .header-utility-bar-menu ul li a {



  color: var(--white);



  font-size: 14px;



  text-decoration: underline;



  -webkit-text-decoration-color: transparent;



          text-decoration-color: transparent;



}



.header-kampus .header-utility-bar-menu ul li a:hover {



  -webkit-text-decoration-color: var(--white);



          text-decoration-color: var(--white);



}



.header-kampus .header-utility-bar-menu ul li ul {



  display: none;



}



.header-kampus .google-translate {



  margin-left: 30px;



  color: var(--white);



  font-size: 14px;



  text-decoration: underline;



  -webkit-text-decoration-color: transparent;



          text-decoration-color: transparent;



  transition: var(--transition-200);



}



.header-kampus .google-translate:hover {



  -webkit-text-decoration-color: var(--white);



          text-decoration-color: var(--white);



}



.header-kampus .header-utility-bar-search-btn {



  margin-left: 30px;



  color: var(--primary);



  font-size: 18px;



}



.header-kampus .header-utility-bar-search-btn:hover, .header-kampus .header-utility-bar-search-btn.active {



  color: var(--third);



}



.header-kampus .header-utility-bar-sns {



  margin-left: 20px;



}



.header-kampus .header-utility-bar-sns a {



  color: var(--white);



}



.header-kampus .header-utility-bar-sns a:hover {



  color: var(--secondary);



}







.header-kampus .header-alert-msg {



  position: relative;



  display: none;



}



.header-kampus .header-alert-msg.is-top .alert, .header-kampus .header-alert-msg.is-bottom .alert {



  margin-bottom: 0;



  border-radius: 0;



}



.header-kampus .header-alert-msg.is-float-left, .header-kampus .header-alert-msg.is-float-right {



  position: absolute;



  top: 100%;



  padding: 15px;



}



.header-kampus .header-alert-msg.is-float-left .alert, .header-kampus .header-alert-msg.is-float-right .alert {



  margin-bottom: 0;



}



.header-kampus .header-alert-msg.is-float-left {



  left: 0;



}



.header-kampus .header-alert-msg.is-float-right {



  right: 0;



}







.header-kampus.is-sticky {



  height: var(--header-height);



}



.header-kampus.is-sticky .header-wrap {position: fixed;top: 0;left: 0;width: 100%;background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 80%);}



html.translated-ltr .header-kampus.is-sticky .header-wrap, html.translated-rtl .header-kampus.is-sticky .header-wrap {



  position: relative;



  top: auto;



  left: auto;



  width: auto;



}







.liveEdBlock .header-kampus .header-burger {



  display: block;



}







/*



 |-----------------------------------------------------------------------------------------



 |



 |



 | Header Kampus - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/



/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Footer Kampus - Start



 |



 |



 |-----------------------------------------------------------------------------------------



*/



.footer-kampus {



  font-size: 14px;



}



@media (max-width: 767px) {



  .footer-kampus {



    text-align: center;



  }



}



.footer-kampus a, .footer-kampus button {



  color: var(--text-color);



}



.footer-kampus a:hover, .footer-kampus button:hover {



  color: var(--primary);



}



.footer-kampus ul {



  list-style-type: none;



  padding-left: 0;



}



.footer-kampus ul ul, .footer-kampus ul ol {



  list-style-type: none;



}



.footer-kampus ul ul ul, .footer-kampus ul ul ol, .footer-kampus ul ol ul, .footer-kampus ul ol ol {



  list-style-type: none;



}



.footer-kampus ul li {



  margin: 0 0 5px;



}







.footer-kampus .footer-main {



  /* padding: 80px 0 55px; */



}



@media (max-width: 575px) {



  .footer-kampus .footer-main {



    padding: 60px 0 35px;



  }



}



.footer-kampus .footer-main h1, .footer-kampus .footer-main h2, .footer-kampus .footer-main h3, .footer-kampus .footer-main h4, .footer-kampus .footer-main h5, .footer-kampus .footer-main h6, .footer-kampus .footer-main p, .footer-kampus .footer-main ul, .footer-kampus .footer-main ol, .footer-kampus .footer-main dl {



  margin-bottom: 20px;



}



.footer-kampus .footer-top {



  /* display: flex; */



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  margin-bottom: 30px;



  border-bottom: 1px solid var(--border-color-dark);



  text-align: center;



}



@media (max-width: 575px) {



  .footer-kampus .footer-top {



    justify-content: center;



  }



}



@media (max-width: 1199px) {



  .footer-kampus .footer-col {



    margin-bottom: 15px;



  }



}



.footer-kampus .footer-logo {



  flex: 0 0 auto;



  margin-bottom: 30px;



  min-width: 190px;



}



@media (max-width: 575px) {



  .footer-kampus .footer-logo {



    margin-bottom: 15px;



  }



}



.footer-kampus .footer-sns {



  flex: 0 0 auto;



  margin-bottom: 30px;



  margin-top: 30px;



}



@media (max-width: 575px) {



  .footer-kampus .footer-sns {



    width: 100%;



  }



}



.footer-kampus .footer-logo img {



  width: 210px;



  height: auto;



  max-width: 100%;



}



.footer-kampus .footer-col-newsletter .mwFormStatus {



  margin: 0 0 15px 0;



}



.footer-kampus .footer-col-newsletter .Dialog {



  margin: 0;



}



.footer-kampus .footer-col-newsletter .mwInput.text {



  height: 50px;



  border-radius: 0;



  border: 1px solid var(--border-color-dark);



  box-shadow: none;



}



.footer-kampus .footer-col-newsletter .mwInput.text input {



  padding: 0 18px;



  color: var(--text-color);



}



.footer-kampus .footer-col-newsletter .mwInput.text input::-webkit-input-placeholder {



  color: var(--text-color);



}



.footer-kampus .footer-col-newsletter .mwInput.text input::-moz-placeholder {



  color: var(--text-color);



}



.footer-kampus .footer-col-newsletter .mwInput.text input:-ms-input-placeholder {



  color: var(--text-color);



}



.footer-kampus .footer-col-newsletter .mwInput.text input::-ms-input-placeholder {



  color: var(--text-color);



}



.footer-kampus .footer-col-newsletter .mwInput.text input::placeholder {



  color: var(--text-color);



}



.footer-kampus .footer-col-newsletter .mwInput.button {



  height: 50px;



  border-radius: 0;



  border-width: 1px;



  border-style: solid;



  float: unset !important;



  width: 100%;



  background-color: transparent;



  display: block;



}



.footer-kampus .footer-col-newsletter .mwInput.button input {



  text-transform: uppercase;



  text-align: center;



  color: unset;



}



.footer-kampus .mwInput.button {



  border: 1px solid var(--text-color);



}



.footer-kampus .mwInput.button input {



  color: var(--text-color);



}



.footer-kampus .mwInput.button:hover {



  background-color: var(--text-color);



}



.footer-kampus .mwInput.button:hover input {



  color: var(--white);



}



.footer-kampus .Menu {



  font-size: 16px;



}



.footer-kampus .Menu li {



  margin-bottom: 20px;



}







.footer-kampus .footer-copyright {



  background-color: var(--gray-2);



  padding: 21px 0;



}



@media (max-width: 1199px) {



  .footer-kampus .footer-copyright {



    padding: 15px 0;



  }



}



.footer-kampus .footer-copyright-left {



  /* text-align: left; */



}



@media (max-width: 767px) {



  .footer-kampus .footer-copyright-left {



    text-align: center;



  }



}



.footer-kampus .footer-powered-by-right {



  /* text-align: right; */



}



@media (max-width: 1199px) {



  .footer-kampus .footer-powered-by-right {



    text-align: left;



  }



}



@media (max-width: 767px) {



  .footer-kampus .footer-powered-by-right {



    text-align: center;



  }



}



.footer-kampus .footer-powered-by-right a {



  text-decoration: underline;



}







.footer-kampus._bg-primary .footer-top, .footer-kampus._bg-secondary .footer-top, .footer-kampus._bg-third .footer-top, .footer-kampus._bg-fourth .footer-top, .footer-kampus._bg-dark .footer-top {color: #9D9D9D;}



.footer-kampus._bg-primary .footer-col-newsletter .mwInput.text, .footer-kampus._bg-secondary .footer-col-newsletter .mwInput.text, .footer-kampus._bg-third .footer-col-newsletter .mwInput.text, .footer-kampus._bg-fourth .footer-col-newsletter .mwInput.text, .footer-kampus._bg-light .footer-col-newsletter .mwInput.text, .footer-kampus._bg-dark .footer-col-newsletter .mwInput.text {



  border: 1px solid var(--white);



}



.footer-kampus._bg-primary .footer-col-newsletter .mwInput.button, .footer-kampus._bg-secondary .footer-col-newsletter .mwInput.button, .footer-kampus._bg-third .footer-col-newsletter .mwInput.button, .footer-kampus._bg-fourth .footer-col-newsletter .mwInput.button, .footer-kampus._bg-light .footer-col-newsletter .mwInput.button, .footer-kampus._bg-dark .footer-col-newsletter .mwInput.button {



  border: 1px solid var(--white);



}



.footer-kampus._bg-primary .footer-col-newsletter .mwInput.button input, .footer-kampus._bg-secondary .footer-col-newsletter .mwInput.button input, .footer-kampus._bg-third .footer-col-newsletter .mwInput.button input, .footer-kampus._bg-fourth .footer-col-newsletter .mwInput.button input, .footer-kampus._bg-light .footer-col-newsletter .mwInput.button input, .footer-kampus._bg-dark .footer-col-newsletter .mwInput.button input {



  color: var(--white);



}



.footer-kampus._bg-primary .footer-col-newsletter .mwInput.button:hover, .footer-kampus._bg-secondary .footer-col-newsletter .mwInput.button:hover, .footer-kampus._bg-third .footer-col-newsletter .mwInput.button:hover, .footer-kampus._bg-fourth .footer-col-newsletter .mwInput.button:hover, .footer-kampus._bg-light .footer-col-newsletter .mwInput.button:hover, .footer-kampus._bg-dark .footer-col-newsletter .mwInput.button:hover {



  background-color: var(--white);



}



.footer-kampus._bg-primary .footer-col-newsletter .mwInput.button:hover input, .footer-kampus._bg-secondary .footer-col-newsletter .mwInput.button:hover input, .footer-kampus._bg-third .footer-col-newsletter .mwInput.button:hover input, .footer-kampus._bg-fourth .footer-col-newsletter .mwInput.button:hover input, .footer-kampus._bg-light .footer-col-newsletter .mwInput.button:hover input, .footer-kampus._bg-dark .footer-col-newsletter .mwInput.button:hover input {



  color: var(--text-color);



}



.footer-kampus._bg-primary .footer-copyright, .footer-kampus._bg-secondary .footer-copyright, .footer-kampus._bg-third .footer-copyright, .footer-kampus._bg-fourth .footer-copyright, .footer-kampus._bg-white .footer-copyright, .footer-kampus._bg-light .footer-copyright {



  background-color: rgba(0, 0, 0, 0.2);



}



.footer-kampus._bg-dark .footer-copyright {



  background-color: transparent;



  border-top: 1px solid var(--border-color-light);



}







/*!



 |-----------------------------------------------------------------------------------------



 |



 |



 | Footer Kampus - End



 |



 |



 |-----------------------------------------------------------------------------------------



*/







.gallery-newsletter img {object-fit:contain}



.gallery-newsletter h3 {font-size:18px; text-align:center;}



.directory-sidebar-list ul {list-style-type:none;padding-left: 0;margin-bottom: 5px;} 



.directory-sidebar-list ul li {border-bottom: 1px solid #666;padding-bottom: 10px;}



.sidebar-inner .Login .btn {margin-top:30px;}





#couponRow .mwInput.button {margin-left:10px;}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.post-details-style-1 .post-details-header-inner {
  padding-top: 150px;
  margin-left: auto;
  margin-right: auto;
  max-width: 670px;
}
@media (min-width: 992px) {
  .has-overlap-header .post-details-style-1 .post-details-header-inner {
    padding-top: calc(100px + var(--header-main-wrap-height));
  }
}
.post-details-style-1 .post-details-title {
  color: #fff;
}

.post-details-style-1 .post-details-subheader-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0;
  max-width: 670px;
  border-bottom: 1px solid var(--border-color-dark);
}
.post-details-style-1 .post-details-metas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.post-details-style-1 .post-details-meta-divider {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--text-color);
}
.post-details-style-1 .post-details-author {
  display: flex;
  align-items: center;
  gap: 10px;
}
.post-details-style-1 .post-details-author-avatar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  font-size: 35px;
  color: var(--white);
  font-weight: var(--font-weight-thin);
  background-color: var(--primary);
}
.post-details-style-1 .post-details-author-avatar-img {
  overflow: hidden;
  position: relative;
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
.post-details-style-1 .post-details-author-avatar-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.post-details-style-1 .post-details-author-text {
  flex: 1 1 auto;
}
.post-details-style-1 .post-details-author-name {
  display: block;
  word-break: break-all;
  font-size: 20px;
  font-weight: var(--font-weight-bold);
}
.post-details-style-1 .post-details-author-date {
  display: block;
  font-size: 14px;
}
.post-details-style-1 .post-details-author-date i {
  margin-right: 5px;
}
.post-details-style-1 .post-details-date i {
  margin-right: 10px;
}

.post-details-style-1 .post-details-body-inner {
  padding-top: 60px;
  padding-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  max-width: 670px;
}

.post-details-style-1 .post-details-banner {
  margin-left: auto;
  margin-right: auto;
  max-width: 870px;
}
.post-details-style-1 .post-details-banner img {
  width: 100%;
  border-radius: var(--border-radius);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  max-height: 500px;
  object-fit: cover;
}
.post-details-style-1.no-header-img .post-details-header {
  background-color: var(--primary-1);
}
.post-details-style-1.no-header-img .post-details-header-inner {
  padding-bottom: 60px;
}
.post-details-style-1.has-header-img .post-details-header {
  position: relative;
}
.post-details-style-1.has-header-img .post-details-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 80px);
  background-color: #000;
  z-index: -1;
}
.post-details-style-1.has-header-img .post-details-header-inner {
  padding-bottom: 30px;
}

.post-details-style-1.has-gallery .post-details-subheader-inner {
  border-bottom: 0;
}
.post-details-style-1 .gallery {
  margin: 0;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.gallery-style-1 {
  margin-bottom: 30px;
}
.gallery-style-1 .gallery-wrap {
  display: grid;
}
.gallery-style-1 .gallery-wrap.is-2-col {
  grid-template-columns: repeat(2, 1fr);
}
.gallery-style-1 .gallery-wrap.is-3-col {
  grid-template-columns: repeat(3, 1fr);
}
.gallery-style-1 .gallery-wrap.is-4-col {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 991px) {
  .gallery-style-1 .gallery-wrap.is-3-col, .gallery-style-1 .gallery-wrap.is-4-col {
    grid-template-columns: repeat(2, 1fr);
  }
}
.gallery-style-1 .gallery-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/4;
  background-color: var(--primary-1);
}
.gallery-style-1 .gallery-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.gallery-style-1 .gallery-item-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  opacity: 0;
  text-align: center;
  transition: var(--transition-360);
  background-color: rgba(0, 0, 0, 0.7);
}
.gallery-style-1 .gallery-item-icon {
  font-size: 22px;
  color: var(--white);
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.gallery-style-1 .gallery-item-title {
  color: var(--white);
}
.gallery-style-1 .gallery-item-img:hover .gallery-item-overlay, .gallery-style-1 .gallery-item-img:focus-within .gallery-item-overlay {
  opacity: 1;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/













