/*
Theme Name: ETC
Author: Cskills
Version: 1
*/
@charset "utf-8";

/* focus css start */
.visually-hidden {
  width: 100%;
  height: 0;
  opacity: 0;
  text-align: center;
  position: absolute;
  font-size: 19px;
  left: 0px;
  top: 0px;
  color: #ff7fff;
  margin: -10px 0 0;
  line-height: normal;
}

a.visually-hidden {
  text-decoration: none;
  display: block;
}

a.visually-hidden:hover {
  color: #00A650
}

.visually-hidden:focus {
  display: block;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto 15px;
  position: static;
  visibility: visible;
  opacity: 1;
  clip: auto;
  height: auto;
  margin-top: 4px;
  padding-top: 6px;
  padding-bottom: 6px !important;
}

:focus,
#cookie-notice .cn-button:focus,
:-moz-focusring {
  outline: #ff7fff auto 2px;
}

body:focus {
  outline: none;
}

/* focus css end */

header {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 20px 0;
  z-index: 999;
  background-color: #ffffff;
}

.hamburger {
  width: 62px;
  height: 62px;
}

.hamburger-box {
  width: 62px;
  height: 62px;
}

.hamburger--spin-r .hamburger-inner {
  top: 25px !important;
}

.forceAnimateComplete+.col_1_1 {
  opacity: 1 !important;
}

.menuOpen .hamburger--spin-r .hamburger-inner {
  top: 60% !important
}

.hamburger-inner {
  border: 0;
  outline: 0;
}

.login h1 a {

  width: 60% !important;
}

.logo_white {
  width: 160px;
  display: block;
}

.centerBlock {
  width: 100%;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
  position: relative;

}

.contentBlock {
  width: 100%;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
  position: relative;

}

.TBspace {
  padding: 50px 0;
}

.Tspace {
  padding: 50px 0 0 0;
}

.Bspace {
  padding: 0 0 50px 0;
}


.TBspace100 {
  padding: 100px 0;
}

.TBspace50 {
  padding: 50px 0;
}

.Tspace140 {
  padding: 140px 0 0 0;
}

.TBspace30 {
  padding: 30px 0;
}




header.centerBlock {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center !important;
  height: 100%;
}

.sticky {
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 0 !important;

  z-index: 999;
  box-shadow: 0 0px 15px 0px rgba(23, 23, 23, 0.59);
  transition: all .3s cubic-bezier(1, 0, 0, 1);
  -webkit-transition: all .3s cubic-bezier(1, 0, 0, 1);
  -moz-transition: all .3s cubic-bezier(1, 0, 0, 1);
}


.borderButton {
  min-width: 230px;
  font-size: 15px;
  line-height: 20px;
  color: #1c1c1c;
  font-family: 'BTGroup-Headline';
  font-weight: normal;
  font-style: normal;
  text-align: center;
  padding: 18px 26px 14px 26px;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  border: 2px solid #1c1c1c;
  text-align: center;
  margin-bottom: 0px;
  letter-spacing: 2.25px;
}

.borderButton::after {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0px;
  transition: width .5s;

}

.borderButton:hover::after {
  width: 100%;
  background: #1c1c1c;
  z-index: -9;
}

.borderButton:hover {
  text-decoration: none;
  color: #ffffff;
}


.gform_wrapper.gravity-theme input[type="submit"]:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #1c1c1c;
}



span.smallText {
  font-size: 20px;
  line-height: 27px;
  color: #1c1c1c;
  font-family: 'BTGroup-Headline';
  font-weight: normal;
  padding-bottom: 0px;
  display: inline-block;
}

span.smallText::after {
  content: '';
  display: block;
  height: 2px;
  width: calc(100% + 50px);
  background: #1c1c1c;
  margin: 6px 0 34px 0;
}

.typed.pink>span {
  background-image: linear-gradient(180deg, transparent 80%, rgb(255 127 255) 0);
  background-size: 0px 100%;
  background-repeat: no-repeat;
  display: inline-block;


}

.typed.yellow>span {
  background-image: linear-gradient(180deg, transparent 80%, #edf23a 0);
  background-size: 0px 100%;
  background-repeat: no-repeat;
  display: inline-block;
}

.typed.lilac>span {
  background-image: linear-gradient(180deg, transparent 80%, #ab8be7 0);
  background-size: 0px 100%;
  background-repeat: no-repeat;
  display: inline-block;
}

.typed.teal>span {
  background-image: linear-gradient(180deg, transparent 80%, #009ba5 0);
  background-size: 0px 100%;
  background-repeat: no-repeat;
  display: inline-block;
}

.text-group.animateComplete {
  min-height: 0 !important;
}

.col_1_1 .col .fullWidthText {
  width: 100%;
}

/*===============Section===============*/

.commonSection>.col_1_1.textImage {
  display: flex;
  flex-direction: row;
}

.commonSection>.col_1_1.imageText {
  display: flex;
  flex-direction: row-reverse;
}

.commonSection>.col_1_1.videoText {
  display: flex;
  flex-direction: row-reverse;
}

.commonSection>.col_1_1.textVideo {
  display: flex;
  flex-direction: row;
}



.commonSection>.col_1_1.textImage>.col.info {
  padding: 0px 30px 0px 60px;
}

.commonSection>.col_1_1.textImage>.col:nth-child(2) {
  padding-left: 30px;
  overflow: hidden;
  position: relative;
}

.commonSection>.col_1_1.imageText>.col.info {
  padding: 0px 60px 0px 30px;
}

.commonSection>.col_1_1.imageText>.col:nth-child(2) {
  padding-right: 30px;
}

.commonSection>.col_1_1 .col .col_1_1 .col span.smallText {
  display: block;
}

.commonSection>.col_1_1 .col .col_1_1 .col span.smallText::after {
  width: 100%;
}

.commonSection h1,
.commonSection h2 {
  font-size: 4.50vw;
  line-height: 5.50vw;
  padding-bottom: 50px;
  letter-spacing: 0;
}

h1,
h2 {
  letter-spacing: 0px;
}

.commonSection .col_1_1:first-child h1 {
  margin-top: -26px;
}

.commonSection .col_1_1 .col .col_1_1 {
  margin: 0 -35px;

}

.commonSection .col_1_1 .col .col_1_1 .col {
  padding: 0 35px;

}



.commonSection .col_1_1 .col .col_1_1 {
  display: flex;
  flex-direction: row;
  opacity: 0;
}


.featuredImage .box::before,
.videobox::before {
  padding-top: 80%;
}

/*Video*/
video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.videoHolder,
.posterimage {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.videoHolder::before {
  content: "";
  position: absolute;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: cubic-bezier(0.25, 0.1, 0, 1.18) 2.5s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.videoHolder.animate.fadeInUp.animateMe::before {
  height: 0;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}


.commonSection .text {
  padding-bottom: 30px;
}

.commonSection .col_1_1 .col:first-child .text {
  /*max-width: 650px;*/
  width: 100%;
}

.commonSection .text a.borderButton {
  margin-top: 30px;
  margin-right: 20px;
}

.home .featuredImage .imageHolder img.lazyLoadImage {
  opacity: 1 !important;
}

/*text animation start*/

.typed {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.typed span {
  background-size: 0px 100%;
  background-repeat: no-repeat;
  display: inline-block;
}

.typed.complete span {
  animation: line 0.3s forwards;
  /* height: calc(140px - 14px);
margin-bottom: 15px; */
}

.mac-os.chrome .typed.complete span {
  animation: line1 0.3s forwards;
}

.textSteps .text-group {
  display: flex;
}

.Summarytext {
  padding-left: 35px;
  padding-right: 35px;
}

.textSteps .col:first-child {
  padding-right: 80px;
}

.stepText p:last-child {
  padding: 0;
}

.textSteps .col h3 .typed {
  float: left;
  margin: 0 20px 0 0;
  min-width: 160px;
}

.stepText {
  font-weight: 200;
  font-size: 18px;
  line-height: 28px;
  padding: 12px 0;
}

.textSteps .stepText,
.textSteps .col_1_1 {
  opacity: 0
}

.textSteps .typed.complete+.stepText,
.textSteps .animateMe+.col_1_1 {
  -webkit-animation: appear-element 1s ease forwards;
  animation: appear-element 1s ease forwards;
  animation-delay: 0.5s;
}

.process.animate .Acclinks,
.process .col_1_1 {
  opacity: 0
}

.process.animateMe .animateComplete+.col_1_1,
.process.animate.animationStart .Acclinks {
  -webkit-animation: appear-element 1s ease forwards;
  animation: appear-element 1s ease forwards;
  animation-delay: 0.5s;
}

.process.animate .contentBox {
  opacity: 0;
}

.process.animationStart .contentBox {
  -webkit-animation: appear-element 1s ease forwards;
  animation: appear-element 1s ease forwards;
  animation-delay: 0.5s;
}

.process h3.text-group {
  display: none;
}

.textSteps h3.text-group {
  display: none;
}

.according .col_1_1,
.FullTextEditor .col_1_1,
.according .Acclinks {
  opacity: 0
}

.FullTextEditor .col_1_1 p {
  width: 100%;
}

.FullTextEditor iframe {
  width: 100% !important;
  border: 0;
}

.animateComplete+.col_1_1,
.animateComplete+.col_1_1+.col_1_1,
.according .animateComplete+.col_1_1+.Acclinks,
.FullTextEditor .animateMe .col_1_1 {
  -webkit-animation: appear-element 1s ease forwards;
  animation: appear-element 1s ease forwards;
  animation-delay: 0.5s;
}

@-webkit-keyframes appear-element {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}


@keyframes appear-element {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}



@keyframes line {
  from {
    background-size: 0px 84%;
  }

  to {
    background-size: 100% 84%;
  }
}

@keyframes line1 {
  from {
    background-size: 0px 102%;
  }

  to {
    background-size: 100% 102%;
  }
}



.typed.started {
  color: #1c1c1c;
}

.typed.complete {
  color: #1c1c1c;
}

.type,
.strings {
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
}

.typed-cursor {
  display: none !important
}

/*text animation end*/

/*image animation*/

.home .featuredImage::before {
  content: "";
  position: absolute;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: cubic-bezier(0.25, 0.1, 0, 1.18) 2.5s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.home .featuredImage.animate.fadeInUp.animateMe::before {
  height: 0;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}


/*===============Template News===============*/


.blog .animateComplete+.col_1_1_1_1 {
  -webkit-animation: appear-element 1s ease forwards;
  animation: appear-element 1s ease forwards;
  animation-delay: 0.5s;
}

.news .featuredImage {
  position: relative;
  width: 100%;
}

.news .featuredImage::before {
  content: '';
  position: relative;
  display: block;
  padding-top: 75%;
}

.news .featuredImage>a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

span.date {
  font-size: 20px;
  line-height: 27px;
  color: #1c1c1c;
  font-family: 'BTGroup-Headline';
  font-weight: normal;
  cursor: default;
}

.news .newsInfo {
  text-decoration: none;
  height: 100%;
  padding-bottom: 85px;
  position: relative;
}

.news a {
  text-decoration: none;
}

.news a:hover {
  color: #ff7fff;
}


.newsInfo img {
  -webkit-transition: -webkit-transform .5s ease-in-out;
  transition: -webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
  transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.no-touch .newsInfo img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.news .featuredImage {
  margin-bottom: 30px;
  overflow: hidden;
}

.news .newsInfo a.moreLink {
  font-size: 20px;
  line-height: 27px;
  color: #1c1c1c;
  font-family: 'BTGroup-Headline';
  font-weight: normal;
  padding: 20px 0;
  position: absolute;
  bottom: 0;
  transition: color 0.3s ease-in;
}

.news .newsInfo .text {
  font-size: 20px;
  line-height: 30px;
  font-family: 'BT Curve';
  font-weight: 400;
  font-style: normal;
  cursor: default;
  /*padding-bottom: 40px;*/
  padding-bottom: 20px;
  color: #1c1c1c;

}

.news .newsInfo h4 {
  font-size: 36px;
  line-height: 42px;
  /*padding: 64px 0 84px 0;*/
  padding: 34px 0 44px 0;
  color: #1c1c1c;
  transition: all 0.3s ease-in;
}

.news .col_1_1_1_1 {
  margin: 0px -20px 0px -20px;
}

.news .col {
  padding: 60px 20px 0px 20px;
}

span.date::after,
a.moreLink::after {
  content: '';
  display: block;
  height: 2px;
  width: 172px;
  background: #1c1c1c;
  margin: 6px 0 0 0;
  transition: all 0.3s ease-in;
}



.newsInfo h4:hover,
.news .newsInfo a.moreLink:hover {
  color: #ff7fff;
}

.news .newsInfo a.moreLink:hover::after {
  background-color: #ff7fff;
}

.blog .pageHeader h1 {
  margin-left: 0px;
}

.postNotfound.TB-Space h2 {
  font-size: 4.50vw;
  line-height: 5.50vw;
  padding: 60px 20px;
  color: #1c1c1c;
}

.news.TBspace {
  padding: 0 0 70px 0;
}

/*===============Template Team===============*/


.team .col_1_1_1_1 {
  margin: 0 -30px;
}

.team .col {
  padding: 60px 30px 60px 30px;
}

.teamInfo {
  margin: 60px 30px 60px 30px;
}

.teamInfo a {
  word-break: break-all;
}

.linkedin img {
  width: 28px;
  height: 28px;
}

a.linkedin img {
  margin: 10px 0;
}

.team .title {
  font-size: 40px;
  line-height: 53px;
  color: #1c1c1c;
  margin: 0px;
  padding-top: 80px;
  padding-bottom: 20px;

}

.team .featuredImage .box::before {
  padding-top: 100%;
}

.team .featuredImage .imageHolder img {

  border-radius: 50%;
}

.teamInfo {
  opacity: 0;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
  display: flex;
  flex-flow: column;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  transition: 0.8s;
  padding: 20px;
  overflow: hidden;
}

.team .col:hover .teamInfo {
  opacity: 1;
  background-color: #ff7fff;
  transition: 0.8s;
}

.teamInfo a {
  text-decoration: none !important;
  color: #000000 !important;
  font-weight: 200;
}

.teamInfo a:hover {
  color: #5514b4 !important;
}

/*===============Page Header===============*/
.pageHeader .col_1_1 {
  justify-content: space-between;
}

.pageHeader .col:first-child {
  width: 50%;
}

.pageHeader .col:last-child {
  width: 50%;
  padding-top: 5.2%;
}

.pageHeader .text {
  text-align: left;
  padding-bottom: 40px;
}

.pageHeader h1 {
  max-width: 990px;
  width: 100%;
}

/*===============Template Contact===============*/

.gform_required_legend {
  display: none;
}

.gform_heading {
  padding-bottom: 20px;
}

.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme textarea {
  color: #000000;
  font-family: 'BTGroup-Headline';
  font-style: normal;
  font-weight: 200;
  font-size: 20px !important;
  line-height: 30px;
}

.gform_wrapper.gravity-theme .ginput_complex label,
.gform_wrapper.gravity-theme .gfield_label {
  font-size: 20px !important;
  line-height: 30px;
  color: #1c1c1c;
  font-family: 'BTGroup-Headline';
  font-style: normal;
  font-weight: 200 !important;

}

.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
  border: 2px solid #1c1c1c;
  font-weight: normal;
}

.gform_wrapper.gravity-theme textarea {
  height: 180px !important;
}

.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme select {
  margin-bottom: 20px !important;
  padding: 9px 8px 5px !important
}

.gform_wrapper.gravity-theme .gfield_description {
  font-size: 15px !important;
  line-height: 20px !important;
  font-family: 'BTGroup-Headline' !important;
  font-style: normal;
  font-weight: 200 !important;
  margin-bottom: 40px;
}

.gform_wrapper.gravity-theme h3 {

  font-size: 40px !important;
  line-height: 42px;
  color: #1c1c1c;
  font-family: 'BTGroup-Headline';
  font-style: normal;
  font-weight: 200 !important;
}

.gform_wrapper.gravity-theme .gfield_checkbox label {
  font-size: 20px !important;
  line-height: 30px;
  color: #1c1c1c;
  font-family: 'BTGroup-Headline';
  font-style: normal;
  font-weight: 200 !important;
}

.gform_wrapper.gravity-theme .gfield-choice-input {

  width: 48px;
  height: 48px;
}

.gfield_checkbox [type="checkbox"]:not(:checked)+label::before {


  background: #fff;
  border: 2px solid #1c1c1c !important;
}


.gform_wrapper.gravity-theme .gfield.gfield--width-full {

  padding-bottom: 20px;
}

select.gfield_select.select-placeholder:first-child {
  color: #b7b5b5 !important;
  font-weight: 200 !important;
}

select.gfield_select option {
  color: #1c1c1c !important;
  font-weight: 200 !important;
}

.selectOption select option {
  color: #1c1c1c;
  font-family: 'BTGroup-Headline', sans-serif;
}

select.gfield_select {
  color: #1c1c1c !important;
  font-weight: normal !important;
}

.gform_wrapper.gravity-theme select {
  font-size: 20px !important;
  line-height: 30px;
  padding: 9px 8px 5px !important;
  /*color: #b7b5b5;*/

  background-color: #ffffff;
  background: #fff url('images/down-arrow.svg') no-repeat;
  background-position: center right 20px;
  font-family: 'BTGroup-Headline';
  font-style: normal;
  font-weight: 200;
  appearance: none;
}



.gform_wrapper .gform_body .gform_fields .gfield_price .ginput_container_select select option {
  font-size: 25px !important;
  line-height: 45px;
  color: #1c1c1c !important;
  background-color: #ffffff !important;
  font-family: 'BTGroup-Headline' !important;

}


.gform_wrapper .gfield_required .gfield_required_text {
  display: none;
}

.gform_wrapper.gravity-theme input,
.gform_wrapper.gravity-theme textarea {

  border-radius: 0 !important;
}

.gform_wrapper.gravity-theme input[type="submit"] {
  font-size: 15px;
  line-height: 20px;
  color: #1c1c1c;
  background-color: #fff;
  font-family: 'BTGroup-Headline';
  font-weight: normal;
  font-style: normal;
  text-align: center;
  padding: 16px 14px 10px !important;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  border: 2px solid #1c1c1c;
  text-align: center;
  width: 280px;
  margin-bottom: 30px;
  -webkit-appearance: none;
}






.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {

  margin-top: -20px !important;

}

.gform_wrapper .gform_validation_errors>h2 {
  font-size: 15px !important;
  line-height: 20px !important;
  padding-bottom: 0px;
}

.gform_wrapper .gfield_error [aria-invalid="true"] {
  border: 2px solid #c02b0a !important;
}

/*.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {

  display: none;
}*/
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
  background: #fff !important;
  /*border: 1px solid #c02b0a;*/
  border: none !important;
  /*padding: 12.992px 24px;*/
  padding: 12.992px 0px !important;

}

.gfield_description.validation_message.gfield_validation_message {
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 0px !important;
}

.gform_wrapper .gfield_validation_message .gfield_required.gfield_required_asterisk {
  display: none
}

.gform_wrapper .gfield_required {
  font-size: 26px !important;
}

.gfield_required.gfield_required_asterisk.asteriskSpace {
  margin: 0 -1%;
}

.name_first label,
.name_last label {
  margin-bottom: 8px;
}

/*text area*/
.gform_wrapper.gravity-theme .gfield textarea {
  width: 100%;
  border: none;
  resize: none;
}

.ginput_container.ginput_container_textarea {
  border: 2px solid #1c1c1c;
}

.word-count-wrapper {
  font-size: 15px;
  line-height: 25px;
  padding: 0px 10px;
}

/*checkbox*/
.checkBox .gchoice {
  position: relative;
}

.checkBox .gchoice label:after {
  content: "";
  background: #fff;
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #1c1c1c !important;
  border-radius: 0px;
  z-index: 0;
}

.checkBox .gchoice label:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 30px;
  border: 2px solid #1c1c1c;
  border-width: 0 3px 3px 0;
  left: 20px;
  top: 4px;
  transform: rotate(45deg);
  opacity: 0;
  z-index: 1;
}

.checkBox .gchoice input[type=checkbox] {
  opacity: 0;
  outline: none;
  z-index: 100;
  width: 48px;
  height: 48px;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.checkBox .gchoice input[type=checkbox]+label {
  cursor: pointer;
  padding-left: 80px;
  padding-top: 10px;
}

.checkBox .gchoice input[type=checkbox]:checked+label:before {
  opacity: 1;
  top: 3px;
}

.gform_wrapper .gfield_required {
  color: #ff7fff !important;
}

/*===============Blog Detail Page===============*/
.blogDetail h1,
.blogDetail h2 {
  font-size: 2.98vw;
  line-height: 3.87vw;
  letter-spacing: 0px;
}

.blogDetail span.date {
  font-size: 20px;
  line-height: 27px;
}

.blogDetail h1 {
  padding-bottom: 20px;
}

.blogDetail {
  margin: 0 auto;
  max-width: 1400px;
}

.blogDetail .date {
  padding: 20px 0 0 0;
}

.blogDetail .date::after {
  margin: 6px 0 40px 0;
}

.blogDetail .featuredImage .box::before {
  padding-top: 48%;
}

.blogDetail .featuredImage {
  margin-bottom: 20px;
}

.blogDetail .featuredImage img {
  margin: 0 auto;
  display: block;
}







.featuredImage .box::before {
  padding-top: 80%;
}



.home .featuredImage .imageHolder img.lazyLoadImage {
  opacity: 1 !important;
}

.Singlepage h1 {
  padding-bottom: 60px;
}

.Singlepage .col:first-child {
  padding-right: 40px;
}

.Singlepage .col:last-child {
  padding-left: 40px;
}

.detailBtn {
  margin: 100px 0 0
}

.detailBtn a {
  margin-right: 16px;
}

.Gallery {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: row wrap;
  margin: 0 -14px;
  padding: 0;
}

.Gallery li {
  list-style-type: none;
  width: 50%;
}

.Gallery li a {
  display: block;
  margin: 0 14px 28px
}

.videoWrapper {
  margin-bottom: 28px;
  position: relative;
}

.videoWrapper .videoinner {
  padding-top: 56.25%;
}

.videoWrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

/* .Singlepage h1 span{    border-bottom:#ff7fff solid 6px;} */
.featuredImage {
  margin-bottom: 18px;
}

.downloadBtn.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.Singlepage h1 span {
  position: relative;
}

.Singlepage h1 span:before {
  content: '';
  width: 100%;
  height: 20%;
  background-color: #ff7fff;
  position: absolute;
  left: 0;
  bottom: 8%;
  z-index: -1;
}

/*PRIVACY PAGE*/
.page .pageHeader h1 {
  max-width: fit-content;
}

/*===============404 page not found===============*/

.errorBox.pageNotFound h2 {
  font-size: 50px;
  text-align: center;
  font-weight: 400;
  padding-top: 2%;
  padding-bottom: 2%;
  margin: 0 auto;
  color: #1c1c1c;
  line-height: 60px;

}



.pageNotFound>div {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-color: #ff7fff;
  margin: 0px auto;
  margin-bottom: 0px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  -webkit-animation: balance 3s ease infinite 1.3s;
  -moz-animation: balance 3s ease infinite 1.3s;
  -o-animation: balance 3s ease infinite 1.3s;
  -ms-animation: balance 3s ease infinite 1.3s;
  animation: balance 3s ease infinite 1.3s;
}


.pageNotFound>div span {
  color: #ffffff;
  font-size: 5rem;
  line-height: 0;
  position: absolute;
  top: 50%;
  font-weight: 500;
  width: 100%;
  text-align: center;
}

.pageNotFound .text {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}


/*Load More Button*/
.alm-btn-wrap .alm-load-more-btn.done {
  display: none;
}

.alm-btn-wrap .alm-load-more-btn {
  background-color: transparent !important;
  border: none !important;
  color: #1c1c1c !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#ajax-load-more {
  margin: 0 auto !important;
  width: 100% !important;
}

.alm-btn-wrap .alm-load-more-btn:hover {
  background-color: transparent !important;
}

/*Lazy load image*/
.lazyLoadImage {
  opacity: 0;
  transition: opacity .8s ease-in-out;
  -webkit-transition: opacity .8s ease-in-out;
  -moz-transition: opacity .8s ease-in-out;
  -o-transition: opacity .8s ease-in-out
}

.lazyLoadImage.entered.lazyloaded,
.lazyLoadImage.lazyloaded {
  opacity: 1
}

/*cookies bar*/
.cli-bar-message {
  font-family: 'BTGroup-Headline';
  font-style: normal;
  font-weight: 200;
  font-size: 16px;
  line-height: 26px;
  color: #1c1c1c;
  width: 100% !important;
  text-align: left;
}

.cli-bar-message a:hover {
  color: #ff7fff;
}

#cookie-law-info-bar {
  background-color: #ffffff !important;
  color: rgb(51, 51, 51);
  font-family: inherit;
  bottom: 0px;
  position: fixed;
  display: block;

}

.cli-plugin-button.wt-cli-accept-all-btn.cookie_action_close_header.cli_action_button {
  background-color: #1c1c1c !important;
  color: #ffffff !important;
  border: 2px solid #1c1c1c;
  font-size: 10px;
  line-height: 15px;
  font-family: 'BTGroup-Headline';
  font-weight: normal !important;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  text-align: center;

}

.cli-plugin-button.wt-cli-accept-all-btn.cookie_action_close_header.cli_action_button:hover {
  background-color: #ff7fff !important;
  color: #fff !important;

}

.cli-plugin-button.cli_settings_button {
  background-color: #fff !important;
  color: #1c1c1c !important;
  border: 2px solid #1c1c1c;
  font-size: 10px !important;
  line-height: 15px !important;
  font-family: 'BTGroup-Headline';
  font-weight: normal !important;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  text-align: center;
  margin: 5px 0;
}

.cli-plugin-button.cli_settings_button:hover {
  background-color: #ff7fff !important;
  color: #fff !important;

}

.cli-tab-footer .wt-cli-privacy-accept-btn,
.cli-switch input:checked+.cli-slider {
  background-color: #1c1c1c !important;
}

.cli-modal .cli-modal-close {
  right: -6px !important;
  top: -6px !important;
}

/*footer*/

footer .col_1_1 .col:first-child {
  width: 200px;
}

footer .col_1_1 .col:last-child {
  width: calc(100% - 200px);
}

.footerMenu {
  max-width: 1400px;
  margin: 0 0 0 auto;
}





footer ul.footerMainNavmenu {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0 0 0 auto;
  text-align: right;
}

footer ul li {
  padding-bottom: 0px;
  display: inline-block;
  margin: 0 0 0 4vw;
}

footer .footerMainNavmenu li:last-child {
  margin-left: 1vw;
}



footer .footerMainNavmenu li:last-child a {
  padding-right: 0px;
}


footer {
  background-color: #fff;
  flex-shrink: 0;
  /*position: fixed;*/
  overflow: hidden;
  clear: both;
  width: 100%;
  bottom: 0;
  top: 0;
  border-top: 2px solid #000;
  position: relative;

}



footer .footerMainNavmenu li a {
  font-size: 12px;
  line-height: 30px;
  padding: 0px 15px;
  color: #1c1c1c;
  text-decoration: none;
  font-family: 'BTGroup-Headline';
  font-style: normal;
  font-weight: 200;
}

footer .footerMainNavmenu li a:hover {
  color: #ff7fff;
}

footer ul.footerMainNavmenu li.current_page_item a {
  color: #ff7fff;
  text-decoration: none;
}



footer ul {
  padding: 0px;
}

footer .col_1_1 {
  justify-content: space-between;
}

footer .footerMainNavmenu li a::before {
  position: absolute;
  content: '';
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: normal;
  background-image: url(images/right-arrow.svg);
  background-repeat: no-repeat;
  width: 6px;
  height: 7px;
  opacity: 1;
  background-size: 100%;
}

footer .footerMainNavmenu li a:hover::before {
  background-image: url(images/right-arrow-pink.svg);

}

footer .footerMainNavmenu li:last-child a::before {
  display: none;
}

footer .footerMainNavmenu li:nth-last-child(2) a::before {
  display: none;
}




/*entry page*/

/*google captcha*/
.grecaptcha-badge {
  display: none;
}

.gform_ajax_spinner {
  vertical-align: middle;
  text-align: center;
  width: 25px;
  height: 25px;
  margin: 25px;
  color: #ff7fff;
}

/*thankyou page */
.gform_confirmation_wrapper {
  color: #fff;
  font-family: 'BTGroup-Headline';
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 40px;
  display: block;
  text-align: center;
  margin: 0 auto;
  background-color: #ff80ff;
  padding: 20px;
}



/*===============WordPress Core Start===============*/
.alignnone {
  margin: 20px 0px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 20px auto 20px auto;
}

.alignright {
  float: right;
  margin: 20px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 20px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 20px 0 20px 20px;
}

a img.alignnone {
  margin: 20px 0px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 20px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  /*background: #fff;*/
  border: 1px solid #f0f0f0;
  max-width: 100%;
  /* Image does not overflow the content area */
  padding: 10px 5px 7px 5px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 20px 0px 20px 0;
}

.wp-caption.alignleft {
  margin: 20px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 20px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*===============WordPress Core End===============*/

/*if images added from gallery*/
.gallery-item img {
  border: none !important;
}

.cli_pg_page_contaner div>p:last-of-type {
  padding: 0px;
}

.cli_pg_page_contaner div+h3 {
  margin-top: 20px;
}

.page-template-template-flexible .page-Wrap section:first-child {
  padding-top: 140px
}

.process {}

.process .flexWrap {
  margin: 0 -30px;
}

.process .flexWrap .col-3 {
  width: 25%;
  margin-bottom: 60px;
}

.process .flexWrap .col-3>div {
  padding: 0 30px;
}

.process .text,
.stepafterEdit {
  width: 70%;
}

.process .text {
  margin-bottom: 40px;
}

.stepafterEdit {
  margin-top: 16px;
}

.contentBox {
  border: #1C1C1C solid 2px;
  padding: 24px;
  margin: 20px 0 30px 0;
}

.arrowtext {
  position: relative;
}

.arrowtext h6 {
  border-bottom: 2px solid #1C1C1C;
}

.arrowtext:before {
  content: " ";
  border-left: 2px solid #1C1C1C;
  border-bottom: 2px solid #1C1C1C;
  width: 20px;
  height: 20px;
  transform: rotate(-136deg);
  cursor: pointer;
  display: block;
  position: absolute;
  bottom: -10px;
  right: 4px;
}

.pinkBanner {
  background: #ff7fff;
  text-transform: uppercase;
  font-weight: normal;
  padding: 4px 10px 0;
  color: #fff;
  margin: 20px 0 0;
}

.cli-plugin-button,
.cli-plugin-button:visited {
  padding: 9px 12px 5px !important
}

/* Accordion Section */
.accRow {
  margin-bottom: 40px;
  width: 80%;
}

.accRow h6 {
  display: block;
  position: relative;
  font-size: 18px;
  line-height: 28px;
  cursor: pointer;
  border-bottom: #1C1C1C solid 2px;
}

.accRow h6:before {
  content: "";
  background: url(./images/plus.svg) no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  left: auto;
  right: 0;
  top: 6px;
  -webkit-transition: -webkit-transform .6s ease;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease;
}

.accRow>h6.active:before {
  content: "";
  background: url(./images/minus.svg) no-repeat;
  right: 0;
  top: 12px;
  left: auto;
}

.accRow>div {
  display: none;
  margin-bottom: 0px;
  position: relative;
}

.ContentB {
  padding: 20px 0 0px;
  color: #000;
  font-family: 'BT Curve'
}

.ContentB p:last-child {
  padding-bottom: 0
}

.Acclinks {
  text-align: center;
}

.Acclinks a {
  margin: 0 20px
}

.fiftyPer {
  width: 50%;
}

.seventyPer {
  width: 70%;
}

.seventyPer p:last-child {
  padding-bottom: 0
}

.commonSection>.col_1_1.textVideo>.col.info,
.commonSection>.col_1_1.videoText>.col.info {
  padding: 0px 30px 0px 60px;
}

.commonSection .animateComplete .animateMe .col_1_1 {
  opacity: 1
}

.mac-os.chrome header .main-nav ul li a::before,
.mac-os.chrome header .main-nav ul li a::after {
  bottom: -5% !important
}

/* .mac-os.chrome h1, .mac-os.chrome h2, .mac-os.chrome h3, .mac-os.chrome h4, .mac-os.chrome h5, .mac-os.chrome h6{ -webkit-font-smoothing: subpixel-antialiased;-webkit-text-stroke:1px transparent}
.mac-os.safari h1, .mac-os.safari h2, .mac-os.safari h3, .mac-os.safari h4, .mac-os.safari h5, .mac-os.safari h6{ -webkit-font-smoothing: subpixel-antialiased;-webkit-text-stroke:2px #000} */
@media screen and (min-width: 1921px) {
  .mac-os h1 {
    font-size: 4.50vw !important;
    line-height: 5.50vw;
  }
}


.multipleCheckbox .gfield_checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.multipleCheckbox .gfield_checkbox>div {
  width: 33.33%;
  margin-bottom: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 22px;
}

.multipleCheckbox .gfield_checkbox>div {
  width: 42%;
}

.multipleCheckbox .gfield_checkbox>div:nth-child(3n - 1) {
  width: 38%;
}

.multipleCheckbox .gfield_checkbox>div:nth-child(3n - 3) {
  width: 20%;
}

.gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large {
  height: 48px;
}

.gform_wrapper.gravity-theme .multipleCheckbox .gfield-choice-input {
  width: 0 !important;
  height: 0 !important;
  opacity: 0;
}
input#input_3_16 {
    overflow: hidden;
}

.gform_wrapper.gravity-theme .multipleCheckbox .gfield_checkbox label {
  font-size: 18px !important;
  line-height: 1.3;
  padding: 0 20px 0 32px;
  accent-color: black;
  position: relative;
}

.gform_wrapper.gravity-theme .multipleCheckbox .gfield-choice-input+label {
  margin-left: 0;
}

.gform_wrapper.gravity-theme .multipleCheckbox .gfield-choice-input+label::before,
.gform_wrapper.gravity-theme .multipleCheckbox .gfield-choice-input+label::after {
  content: "";
}

.multipleCheckbox [type="checkbox"]+label::before {
  background: #fff;
  border: 2px solid #1c1c1c !important;
  width: 18px;
  height: 18px;
  top: -1px;
  left: 0;
  position: absolute;
  display: inline-block;
}

.multipleCheckbox [type="checkbox"]+label::after {
  background: #fff;
  border: 2px solid #1c1c1c !important;
  border-top: none !important;
  border-left: none !important;
  width: 4px;
  height: 10px;
  top: 3px;
  left: 8px;
  position: absolute;
  display: none;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  display: none;
}

.multipleCheckbox [type="checkbox"]:checked+label::after {
  display: inline-block;
}

.ginput_container_fileupload [type="file"] {
  border: 2px solid #000;
  padding: 0;
  cursor: pointer;
  font-size: 20px;
  font-family: "BTGroup-Headline";
  font-style: normal;
  font-weight: normal;
}

.ginput_container_fileupload [type="file"]::-webkit-file-upload-button {
  border: none;
  border-radius: 0px;
  color: white;
  background-color: #000000;
  border-right: 2px solid #000;
  height: 48px;
  cursor: pointer;

  cursor: pointer;
  padding: 10px 15px;
  margin-right: 15px;
  font-size: 15px !important;
  line-height: 30px;
  font-family: "BTGroup-Headline";
  font-style: normal;
  text-transform: uppercase;
  font-weight: normal;
  border-radius:0 !important
}

.ginput_container_fileupload [type="file"]::file-selector-button {
  border: none;
  border-radius: 0px;
  color: white;
  background-color: #000000;
  border-right: 2px solid #000;
  height: 48px;
  cursor: pointer;

  cursor: pointer;
  padding: 10px 15px;
  margin-right: 15px;
  font-size: 15px !important;
  line-height: 30px;
  font-family: "BTGroup-Headline";
  font-style: normal;
  text-transform: uppercase;
  font-weight: normal;
  border-radius:0 !important
}


.ginput_container_fileupload [type="file"]::-webkit-file-upload-button:hover {
  background-color: #fff;
  color: #000;
}

.ginput_container_fileupload [type="file"]::file-selector-button:hover {
  background-color: #fff;
  color: #000;
}

.ginput_preview {
  border: 2px solid #000000;
  position: relative;
  display: flex;
}

.gform_delete_file {
  border-right: 2px solid #000000 !important;
  width: 148px;
  padding: 14px 10px 14px;
  line-height: 1;
  color: #000;
}

.gfield_label~.gfield_description.validation_message.gfield_validation_message {
  margin-top: 0 !important;
}

.gform_delete_file .screen-reader-text {
  font-size: 15px !important;
  position: relative !important;
  top: 4px;
  color: #000000;
  -webkit-clip-path: unset !important;
  clip-path: unset !important;
  font-family: "BTGroup-Headline";
  font-style: normal;
  text-transform: uppercase;
  padding-top: 11px;
}

.gform_delete_file:hover {
  background-color: #000000;
  color: #ffffff;
}

.gform_delete_file:hover span {
  color: #ffffff;
}

.ginput_preview strong {
  width: auto;
  overflow: hidden;
  padding: 10px;
  white-space: nowrap;
}

.organisationBox+.spacer {
  display: none !important;
}

.ginput_container_fileupload{
  margin-bottom: 40px;
}
@media (max-width: 1566px) {
  .multipleCheckbox .gfield_checkbox>div:nth-child(2n - 1) {
      width: 55%;
    }

    .multipleCheckbox .gfield_checkbox>div:nth-child(2n - 2) {
      width: 45%;
    }

}
@media (max-width: 1600px) {

}

@media screen and (max-width: 1200px) {
  .gform_wrapper.gravity-theme .multipleCheckbox label {
    font-size: 14px !important;
  }

  .multipleCheckbox .gfield_checkbox>div {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1080px) {
  .gform_wrapper.gravity-theme .multipleCheckbox .gfield_checkbox label {
      font-size: 15px !important;
    }

    .multipleCheckbox .gfield_checkbox>div {
      width: 100% !important;
    }
}
@media screen and (max-width: 960px){
  .multipleCheckbox .gfield_checkbox>div:nth-child(2n - 1) {
      width: 55% !important;
    }

    .multipleCheckbox .gfield_checkbox>div:nth-child(2n - 2) {
      width: 45% !important;
    }
}
@media (max-width: 575px) {
  .multipleCheckbox .gfield_checkbox>div, .multipleCheckbox .gfield_checkbox>div:nth-child(2n - 1), .multipleCheckbox .gfield_checkbox>div:nth-child(2n - 2) {
    width: 100% !important;
  }
}

input[type="file"]::file-selector-button{ -webkit-appearance: none;-webkit-border-radius:0px;border-radius: 0 !important}