h1 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Muli, sans-serif;
  color: #212127;
  font-size: 44px;
  line-height: 44px;
  font-weight: 700;
}

h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Muli, sans-serif;
  color: #212127;
  font-size: 38px;
  line-height: 48px;
  font-weight: 700;
}

h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Muli, sans-serif;
  color: #212127;
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Muli, sans-serif;
  color: #212127;
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Muli, sans-serif;
  color: #212127;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  color: #212127;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

p {
  margin-bottom: 10px;
  font-family: Muli, sans-serif;
  color: #9096a4;
  font-size: 15px;
  line-height: 26px;
  font-weight: 300;
}

a {
  text-decoration: underline;
}

blockquote {
  width: 90%;
  margin-bottom: 10px;
  padding: 10px 20px;
  border-left: 5px solid #7567f8;
  font-family: Muli, sans-serif;
  color: #212127;
  font-size: 24px;
  line-height: 34px;
  font-style: normal;
  font-weight: 300;
  text-align: left;
}

.body {
  padding: 0px;
  background-color: #fff;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.bottom-border {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 998;
  width: 100%;
  height: auto;
  margin-top: 100px;
  padding: 0px;
  border-top: 1px solid rgba(0, 0, 0, .13);
  background-color: transparent;
  color: #212127;
}

.bottom-border.coming {
  margin-top: 100px;
  border-top-color: hsla(0, 0%, 100%, .09);
}

.copyright-writter {
  padding-top: 0px;
  padding-bottom: 0px;
}

.column-footer-copyright {
  padding-right: 10px;
}

.column-footer-copyright-2 {
  padding-left: 0px;
}

.social-wrapper {
  position: relative;
  top: 3px;
  margin-left: -9px;
}

.social-wrapper.footer {
  margin-top: 10px;
  margin-left: -15px;
}

.social-wrapper.nav {
  top: 20px;
  margin-right: 50px;
  margin-left: 50px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, .11);
  text-align: left;
}

.social-wrapper.coming {
  display: block;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  text-align: center;
}

.social-wrapper.contact-form {
  margin-top: 30px;
  margin-left: -9px;
}

.social-icon {
  width: 50px;
  height: 50px;
  background-image: url('../images/facebook-logo-Black.svg');
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat;
  opacity: 0.6;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.social-icon:hover {
  opacity: 0.9;
}

.social-icon.insta {
  background-image: url('../images/instagram-1.png');
  background-size: 30px;
}

.social-icon.twitter {
  background-image: url('../images/twitter-logo-silhouette-1.svg');
  background-size: 30px;
}

.social-icon.twitter.white {
  background-image: url('../images/icons8-twitter-filled-100_1icons8-twitter-filled-100.png');
  background-size: 24px;
}

.social-icon.gmail {
  background-image: url('../images/icon-5.png');
  background-size: 15px;
}

.social-icon.white {
  margin-right: 4px;
  margin-left: 4px;
  background-image: url('../images/icons8-facebook-f-96_1icons8-facebook-f-96.png');
  background-size: 24px;
}

.social-icon.instagram {
  margin-right: 4px;
  margin-left: 4px;
  background-image: url('../images/icons8-instagram-old-filled-100_1icons8-instagram-old-filled-100.png');
  background-size: 24px;
}

.social-icon.google.white {
  margin-right: 4px;
  margin-left: 4px;
  background-image: url('../images/icons8-google-old-100_1icons8-google-old-100.png');
  background-size: 24px;
}

.algin-right {
  text-align: right;
}

.copyright {
  position: relative;
  display: block;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #9096a4;
  font-size: 12px;
  line-height: 26px;
  text-align: left;
}

.copyright.dorian-hoxha {
  top: 0px;
  display: block;
  margin-top: 16px;
  color: #9096a4;
  text-align: left;
}

.copyright.dorian-hoxha.coming {
  color: #fff;
}

.copyright.coming {
  color: #fff;
}

.copyright.light-footer.dark-footer {
  color: #717177;
  font-size: 14px;
  text-align: center;
}

.navigation {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 200;
  width: 100%;
  padding: 30px;
  background-color: transparent;
  color: #212127;
}

.navigation.left-ham-color {
  padding: 30px;
}

.brand {
  left: 0px;
  top: 10px;
  display: block;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  text-align: center;
}

.brand.w--current {
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 10px;
}

.brand.footer {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 0px;
  float: none;
  text-align: left;
}

.nav-menu-style-1.second-style {
  position: absolute;
  display: block;
  overflow: scroll;
  width: 420px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 60px;
  background-color: #fff;
}

.nav-link {
  padding-right: 20px;
  padding-left: 50px;
  background-color: transparent;
  font-family: Muli, sans-serif;
  color: #75757c;
  font-size: 15px;
  font-weight: 500;
}

.nav-link:hover {
  color: #7567f8;
}

.icon {
  margin-top: 25.5px;
  margin-right: 50px;
  color: #7567f8;
  font-size: 11px;
  font-weight: 300;
}

.page-fade-in {
  overflow: hidden;
}

.banner {
  height: 800px;
  background-image: url('../images/1234.png'), url('../images/shutterstock_178724276.jpg');
  background-position: 100% 50%, 50% 50%;
  background-size: cover, cover;
}

.banner.page-title {
  position: static;
  height: auto;
  padding: 150px 10px 100px;
  background-color: #fff;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4)), url('../images/supernova_top.jpg'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4)), url('../images/supernova_top.jpg'), radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
  background-position: 0px 0px, 0px 10px, 0px 0px;
  background-size: auto, 100%, auto;
  background-repeat: repeat, no-repeat, repeat;
  background-attachment: scroll, fixed, scroll;
  color: #7567f8;
}

.banner.page-title.portfolio {
  padding-top: 200px;
  background-color: #7567f8;
  background-image: -webkit-linear-gradient(270deg, rgba(117, 103, 248, .58), rgba(117, 103, 248, .58)), url('../images/squ.png');
  background-image: linear-gradient(180deg, rgba(117, 103, 248, .58), rgba(117, 103, 248, .58)), url('../images/squ.png');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.banner.page-title.portfolio.intro {
  padding-top: 200px;
  padding-bottom: 160px;
  background-color: #7567f8;
  background-image: url('../images/squ.png'), -webkit-linear-gradient(225deg, #7567f8, #8f00ff);
  background-image: url('../images/squ.png'), linear-gradient(225deg, #7567f8, #8f00ff);
  background-position: 50% 50%, 0px 0px;
  background-size: cover, auto;
  background-repeat: no-repeat, repeat;
}

.banner.page-title._3 {
  padding-top: 200px;
  padding-bottom: 150px;
  background-image: -webkit-linear-gradient(270deg, rgba(56, 52, 97, .4), rgba(56, 52, 97, .4)), url('../images/rawpixel-com-284723-1-1.jpg');
  background-image: linear-gradient(180deg, rgba(56, 52, 97, .4), rgba(56, 52, 97, .4)), url('../images/rawpixel-com-284723-1-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.banner.page-title.author {
  padding-top: 200px;
  padding-bottom: 150px;
  background-image: -webkit-linear-gradient(270deg, rgba(33, 33, 39, .73), rgba(33, 33, 39, .73)), url('../images/andreas-palmer-284310-1-1.jpg');
  background-image: linear-gradient(180deg, rgba(33, 33, 39, .73), rgba(33, 33, 39, .73)), url('../images/andreas-palmer-284310-1-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.banner.page-title.categories {
  padding-top: 200px;
  padding-bottom: 150px;
  background-image: -webkit-linear-gradient(270deg, rgba(43, 37, 107, .35), rgba(43, 37, 107, .35)), url('../images/grovemade-239357-unsplash-1.jpg');
  background-image: linear-gradient(180deg, rgba(43, 37, 107, .35), rgba(43, 37, 107, .35)), url('../images/grovemade-239357-unsplash-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.banner.page-title.faq {
  height: auto;
  padding-top: 140px;
  padding-bottom: 100px;
  background-image: url('../images/網站分頁-07.png'), -webkit-linear-gradient(270deg, transparent, transparent), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 51%, #dbdbdb 99%);
  background-image: url('../images/網站分頁-07.png'), linear-gradient(180deg, transparent, transparent), radial-gradient(circle farthest-corner at 50% 50%, #fff 51%, #dbdbdb 99%);
  background-position: 50% 42px, 0px 0px, 0px 0px;
  background-size: 100%, auto, auto;
  background-repeat: no-repeat, repeat, repeat;
  background-attachment: fixed, scroll, scroll;
}

.banner.page-title.resources {
  height: auto;
  padding-top: 140px;
  padding-bottom: 100px;
  background-image: url('../images/網站分頁-06.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
  background-image: url('../images/網站分頁-06.png'), radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
  background-position: 50% 29px, 0px 0px;
  background-size: contain, auto;
  background-repeat: no-repeat, repeat;
  background-attachment: fixed, scroll;
}

.banner.page-title.supernova {
  height: auto;
  padding-top: 140px;
  padding-bottom: 100px;
  background-image: url('../images/網站分頁-05-1.png'), -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4)), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
  background-image: url('../images/網站分頁-05-1.png'), linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4)), radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
  background-position: 50% 25px, 0px 0px, 0px 0px;
  background-size: contain, auto, auto;
  background-repeat: no-repeat, repeat, repeat;
  background-attachment: fixed, scroll, scroll;
}

.banner.page-title.pros {
  background-image: -webkit-linear-gradient(270deg, transparent, transparent), url('../images/pros_top.jpg'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
  background-image: linear-gradient(180deg, transparent, transparent), url('../images/pros_top.jpg'), radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
  background-size: auto, 100%, auto;
}

.banner.blog {
  display: block;
  height: auto;
  margin-top: 0px;
  padding-top: 140px;
  padding-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/網站分頁-03.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 50%, #dbdbdb);
  background-image: url('../images/網站分頁-03.png'), radial-gradient(circle farthest-corner at 50% 50%, #fff 50%, #dbdbdb);
  background-position: 50% -1px, 0px 0px;
  background-size: 100%, auto;
  background-repeat: no-repeat, repeat;
  background-attachment: fixed, scroll;
}

.banner.blog.third {
  padding-top: 200px;
}

.banner.third-page {
  background-color: transparent;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .08), hsla(0, 0%, 100%, .08)), url('../images/34253-1.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .08), hsla(0, 0%, 100%, .08)), url('../images/34253-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.banner.second {
  height: 800px;
  background-color: #f1f1f7;
  background-image: url('../images/squares.png');
  background-position: 50% 50%;
  background-size: cover;
}

.banner.service {
  height: auto;
  padding-top: 200px;
  padding-bottom: 150px;
  background-image: -webkit-linear-gradient(270deg, rgba(117, 103, 248, .23), rgba(117, 103, 248, .23)), url('../images/luke-chesser-2347.jpg');
  background-image: linear-gradient(180deg, rgba(117, 103, 248, .23), rgba(117, 103, 248, .23)), url('../images/luke-chesser-2347.jpg');
  background-size: auto, cover;
}

.banner.service._2 {
  background-image: -webkit-linear-gradient(270deg, rgba(117, 103, 248, .23), rgba(117, 103, 248, .23)), url('../images/rawpixel-com-323215.jpg'), -webkit-linear-gradient(270deg, transparent, transparent);
  background-image: linear-gradient(180deg, rgba(117, 103, 248, .23), rgba(117, 103, 248, .23)), url('../images/rawpixel-com-323215.jpg'), linear-gradient(180deg, transparent, transparent);
  background-position: 0px 0px, 50% 50%, 0px 0px;
  background-size: auto, cover, auto;
}

.banner.service._3 {
  padding-top: 200px;
  background-image: -webkit-linear-gradient(270deg, rgba(117, 103, 248, .73), rgba(117, 103, 248, .73)), url('../images/square.png'), -webkit-linear-gradient(270deg, #7567f8, #7567f8);
  background-image: linear-gradient(180deg, rgba(117, 103, 248, .73), rgba(117, 103, 248, .73)), url('../images/square.png'), linear-gradient(180deg, #7567f8, #7567f8);
  background-position: 0px 0px, 50% 50%, 0px 0px;
  background-size: auto, 100px, auto;
  background-attachment: scroll, fixed, scroll;
}

.banner.portfolio {
  height: auto;
  padding-top: 200px;
  padding-bottom: 150px;
  background-image: -webkit-linear-gradient(270deg, rgba(56, 52, 97, .4), rgba(56, 52, 97, .4)), url('../images/rawpixel-com-323215.jpg');
  background-image: linear-gradient(180deg, rgba(56, 52, 97, .4), rgba(56, 52, 97, .4)), url('../images/rawpixel-com-323215.jpg');
  background-position: 0px 0px, 50% 0px;
  background-repeat: repeat, no-repeat;
}

.banner.portfolio.fullwidth {
  background-image: -webkit-linear-gradient(270deg, rgba(41, 32, 121, .23), rgba(41, 32, 121, .23)), url('../images/grovemade-239357-unsplash-1.jpg');
  background-image: linear-gradient(180deg, rgba(41, 32, 121, .23), rgba(41, 32, 121, .23)), url('../images/grovemade-239357-unsplash-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.banner.portfolio.single {
  padding-bottom: 0px;
  background-image: -webkit-linear-gradient(270deg, rgba(41, 32, 121, .23), rgba(41, 32, 121, .23)), url('../images/arif-wahid-266541.jpg'), -webkit-linear-gradient(270deg, transparent, transparent);
  background-image: linear-gradient(180deg, rgba(41, 32, 121, .23), rgba(41, 32, 121, .23)), url('../images/arif-wahid-266541.jpg'), linear-gradient(180deg, transparent, transparent);
  background-position: 0px 0px, 50% 0px, 0px 0px;
  background-size: auto, cover, auto;
  background-repeat: repeat, no-repeat, repeat;
}

.banner.blog-single {
  position: static;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: auto;
  padding-top: 200px;
  padding-bottom: 150px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: none;
}

.banner.password {
  height: auto;
  background-image: none;
}

.banner.fourth {
  height: 800px;
  background-image: -webkit-linear-gradient(315deg, rgba(99, 84, 231, .94), rgba(112, 0, 255, .94)), url('../images/23134-1.jpg');
  background-image: linear-gradient(135deg, rgba(99, 84, 231, .94), rgba(112, 0, 255, .94)), url('../images/23134-1.jpg');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
  background-repeat: repeat, repeat;
}

.banner.fifth {
  overflow: hidden;
  height: 100vh;
  margin-top: 0px;
  padding-bottom: 0px;
  background-image: url('../images/hero_top_right.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #001191, #000651);
  background-image: url('../images/hero_top_right.png'), radial-gradient(circle farthest-corner at 50% 50%, #001191, #000651);
  background-position: 100% 100%, 0px 0px;
  background-size: 300px, auto;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
  font-size: 16px;
  letter-spacing: 3px;
}

.banner.fifth.home {
  background-image: url('../images/top_right.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #001191, #000651);
  background-image: url('../images/top_right.png'), radial-gradient(circle farthest-corner at 50% 50%, #001191, #000651);
  background-position: 100% 100%, 0px 0px;
  background-size: 300px, auto;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
}

.container-fluid {
  position: relative;
  top: 50%;
  z-index: 10;
  display: block;
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.container-fluid.center {
  margin-top: 30px;
}

.container-fluid.center.video {
  margin-top: 30px;
}

.container-fluid.center.video.padding {
  position: absolute;
  left: 50%;
  top: 60%;
  margin-top: 0px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.algin-center {
  padding-bottom: 0px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #212127;
  text-align: center;
}

.algin-center.padding {
  margin-bottom: 24px;
  padding-bottom: 0px;
}

.algin-center.contact {
  margin-bottom: 30px;
}

.top-padding {
  margin-top: 12px;
}

.top-padding._80 {
  margin-top: 80px;
}

.top-padding.in-testimonial {
  margin-top: 20px;
}

.top-padding._20 {
  margin-top: 20px;
}

.top-padding.center {
  margin-bottom: 0px;
}

.top-padding.center._40 {
  margin-top: 40px;
}

.top-padding.toggle {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.top-padding._40 {
  margin-top: 40px;
}

.top-padding.hero {
  display: inline-block;
}

.link-color-button {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding: 12px 34px;
  border-radius: 100px;
  background-color: #7567f8;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Muli, sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

.link-color-button:hover {
  padding-right: 34px;
  padding-left: 34px;
  box-shadow: 0 10px 20px 0 rgba(117, 103, 248, .28);
}

.link-color-button.suscribe-button {
  width: 30%;
  height: 60px;
  margin-top: 40px;
  padding-right: 34px;
  float: left;
  border: 2px solid #7567f8;
  border-radius: 30px;
  background-color: transparent;
  background-image: none;
  font-family: Muli, sans-serif;
  color: #fff;
  font-weight: 600;
}

.link-color-button.suscribe-button:hover {
  background-color: #7567f8;
  box-shadow: none;
  text-decoration: none;
}

.link-color-button.suscribe-button.newsletter {
  margin-top: 0px;
}

.link-color-button.suscribe-button.newsletter.lighter {
  border-color: #fff;
  background-color: #7567f8;
}

.link-color-button.suscribe-button.newsletter.lighter:hover {
  background-color: #c900fc;
  color: #fff;
}

.link-color-button.stroke {
  border: 2px solid #fff;
}

.link-color-button.stroke:hover {
  box-shadow: 0 10px 20px 0 rgba(43, 38, 95, .28);
}

.link-color-button.inverse {
  position: relative;
  display: inline-block;
  background-color: #55c8d2;
}

.link-color-button.inverse.signup {
  margin-top: 36px;
}

.link-color-button.conatct {
  border: 2px solid #fff;
  background-color: transparent;
}

.link-color-button.conatct:hover {
  background-color: #fff;
  color: #7567f8;
}

.link-color-button.contact {
  display: block;
  width: 100%;
}

.link-color-button.contact.page {
  width: 30%;
  margin-top: 30px;
}

.link-color-button.single {
  margin-top: 0px;
}

.link-color-button.password {
  width: 70%;
  margin-top: 10px;
}

.link-color-button.line {
  border: 2px solid #fff;
}

.link-color-button.padding {
  margin-right: 20px;
}

.section {
  position: static;
  display: block;
  padding: 60px 10px 80px;
  border-bottom: 1px none rgba(71, 114, 217, .15);
  border-radius: 4px;
  background-color: rgba(117, 103, 248, .73);
  background-image: -webkit-radial-gradient(circle farthest-corner at 54% -64%, #f4f5f7, #d1d1e0), -webkit-linear-gradient(270deg, #f1f5f7, #f1f5f7);
  background-image: radial-gradient(circle farthest-corner at 54% -64%, #f4f5f7, #d1d1e0), linear-gradient(180deg, #f1f5f7, #f1f5f7);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.section.color {
  position: static;
  clear: none;
  border-radius: 0px;
  background-color: #7567f8;
  background-image: url('../images/dark_bg-02.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.section.color.squares {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #7567f8;
  background-image: url('../images/dark_bg-02.jpg');
  background-position: 50% 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-size: 16px;
}

.section.image-background.contact {
  padding-bottom: 100px;
  background-image: url('../images/square.png');
  background-position: 0px 0px;
  background-size: 60px;
}

.section.subscribes {
  margin-bottom: 20px;
  padding-top: 70px;
  padding-bottom: 70px;
  border-bottom-style: none;
  background-color: #212127;
  background-image: url('../images/ronald-smeets-198580.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.section.subscribes.blue {
  margin-bottom: 0px;
  background-color: #7567f8;
  background-image: url('../images/1234.png');
  background-position: 0px 0px;
  background-size: 1100px;
}

.section.no-algin {
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.section.color-purple {
  background-color: #7567f8;
  background-image: -webkit-linear-gradient(270deg, rgba(117, 103, 248, .92), rgba(117, 103, 248, .92)), url('../images/helloquence-61189.jpg');
  background-image: linear-gradient(180deg, rgba(117, 103, 248, .92), rgba(117, 103, 248, .92)), url('../images/helloquence-61189.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.section.color-purple.clients {
  background-color: #7567f8;
  background-image: -webkit-linear-gradient(270deg, rgba(117, 103, 248, .92), rgba(117, 103, 248, .92)), url('../images/12345-1.jpg');
  background-image: linear-gradient(180deg, rgba(117, 103, 248, .92), rgba(117, 103, 248, .92)), url('../images/12345-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.section.color-purple.clients.coming {
  padding-top: 125px;
  padding-bottom: 0px;
}

.section.team-section {
  background-color: #7567f8;
}

.section.no-line {
  border-bottom-style: none;
  background-color: #f1f1f7;
}

.section.background-image {
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .77), hsla(0, 0%, 100%, .77)), url('../images/s-465004-1.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .77), hsla(0, 0%, 100%, .77)), url('../images/s-465004-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.section.background-image.para_g {
  display: none;
  background-color: rgba(117, 103, 248, .62);
  background-image: url('../images/dark_bg-02.jpg'), url('../images/squares.png'), -webkit-linear-gradient(315deg, #000, #7567f8, #8f00ff);
  background-image: url('../images/dark_bg-02.jpg'), url('../images/squares.png'), linear-gradient(135deg, #000, #7567f8, #8f00ff);
  background-position: 100% 100%, 100% 50%, 0px 0px;
  background-size: 100% 100%, 300px, auto;
  background-repeat: no-repeat, no-repeat, repeat;
  background-attachment: fixed, fixed, scroll;
}

.section.footer {
  height: 140px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 24px;
  padding-bottom: 0px;
  border-bottom-style: none;
  background-color: transparent;
  background-image: -webkit-radial-gradient(circle farthest-corner at 50% 0%, #f4f5f7, #cfcfdd);
  background-image: radial-gradient(circle farthest-corner at 50% 0%, #f4f5f7, #cfcfdd);
  background-position: 0px 0px;
  color: #212127;
  text-align: left;
}

.section.footer.white {
  margin-top: 0px;
  padding-top: 60px;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .81), hsla(0, 0%, 100%, .81)), url('../images/sq.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .81), hsla(0, 0%, 100%, .81)), url('../images/sq.png');
  background-position: 0px 0px, 0px 100%;
  background-size: auto, cover;
}

.section.footer.dark-footer {
  background-image: -webkit-radial-gradient(circle farthest-corner at 110% -10%, #3558f5, #ac4cef);
  background-image: radial-gradient(circle farthest-corner at 110% -10%, #3558f5, #ac4cef);
  background-position: 0px 0px;
  color: #fff;
}

.section.bottom-padding {
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border-bottom-style: none;
  background-color: #f1f1f7;
}

.section.no-padding {
  padding: 0px;
  background-color: #fff;
}

.section.image2 {
  background-image: url('../images/1234.png');
  background-position: 100% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section.image2.small-footer {
  padding-bottom: 0px;
  background-color: hsla(0, 0%, 100%, .73);
  background-image: none;
}

.section.white {
  display: none;
  background-color: #fff;
  background-image: -webkit-linear-gradient(270deg, #881bff, #090046), -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #881bff, #090046), linear-gradient(180deg, #fff, #fff);
  color: #fff;
}

.section.white.blog-section {
  padding-right: 0px;
  padding-bottom: 60px;
  padding-left: 0px;
}

.section.top {
  padding-top: 0px;
  background-image: url('../images/struckaxiom_2X.png');
  background-position: 0px 0px;
  background-size: 81px;
}

.section.top.gray {
  background-image: none;
}

.section.no-bottom-padding {
  position: relative;
  padding-bottom: 60px;
  background-image: -webkit-linear-gradient(270deg, #f1f5f7, #f1f5f7);
  background-image: linear-gradient(180deg, #f1f5f7, #f1f5f7);
}

.section.video {
  background-image: -webkit-linear-gradient(270deg, rgba(117, 103, 248, .79), rgba(117, 103, 248, .79)), url('../images/ferdinand-stohr-149422-1-1.jpg');
  background-image: linear-gradient(180deg, rgba(117, 103, 248, .79), rgba(117, 103, 248, .79)), url('../images/ferdinand-stohr-149422-1-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.section.service {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.white {
  background-color: #fff;
  background-image: -webkit-linear-gradient(270deg, #881bff, #090046), -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #881bff, #090046), linear-gradient(180deg, #fff, #fff);
  color: #fff;
}

.section.white.blog-section {
  padding-right: 0px;
  padding-bottom: 60px;
  padding-left: 0px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
}

.section.fq_bg {
  background-color: rgba(117, 103, 248, 0);
  background-image: -webkit-linear-gradient(270deg, #f4f5f7, #f4f5f7);
  background-image: linear-gradient(180deg, #f4f5f7, #f4f5f7);
}

.section.lightbg {
  position: static;
  background-image: url('../images/planets.png'), url('../images/lumi_lines.png'), url('../images/planet_m.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #f4f5f7, #d1d1e0);
  background-image: url('../images/planets.png'), url('../images/lumi_lines.png'), url('../images/planet_m.png'), radial-gradient(circle farthest-corner at 50% 50%, #f4f5f7, #d1d1e0);
  background-position: 68px 97%, 19% 69px, 100% 0px, 0px 0px;
  background-size: 25%, 66%, 210px, auto;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
  background-attachment: scroll, fixed, fixed, scroll;
}

.section.purple {
  padding-top: 80px;
  padding-bottom: 80px;
  border-radius: 0px;
  background-color: #ac4cef;
  background-image: -webkit-linear-gradient(270deg, rgba(117, 103, 248, .3), rgba(117, 103, 248, .3)), -webkit-linear-gradient(45deg, #3558f5, #ac4cef 85%);
  background-image: linear-gradient(180deg, rgba(117, 103, 248, .3), rgba(117, 103, 248, .3)), linear-gradient(45deg, #3558f5, #ac4cef 85%);
}

.section.romantic {
  padding-top: 80px;
  border-radius: 0px;
  background-image: -webkit-repeating-radial-gradient(circle farthest-corner at 50% 50%, #001192, #000651), -webkit-linear-gradient(270deg, transparent, transparent);
  background-image: repeating-radial-gradient(circle farthest-corner at 50% 50%, #001192, #000651), linear-gradient(180deg, transparent, transparent);
}

.section.feature {
  padding-top: 80px;
  background-image: -webkit-radial-gradient(circle farthest-corner at 54% -64%, #f4f5f7, #d1d1e0), -webkit-linear-gradient(270deg, #f1f1f1, #f1f1f1);
  background-image: radial-gradient(circle farthest-corner at 54% -64%, #f4f5f7, #d1d1e0), linear-gradient(180deg, #f1f1f1, #f1f1f1);
  box-shadow: none;
}

.section-tittle-hero-white {
  margin-top: 15px;
  margin-bottom: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #212127;
  font-size: 38px;
  font-weight: 400;
}

.section-tittle-hero-white.white {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: Muli, sans-serif;
  color: #fff;
  font-weight: 700;
}

.section-tittle-hero-white.white.in-column {
  margin-bottom: 20px;
  font-size: 38px;
  line-height: 48px;
  font-weight: 700;
  text-align: right;
}

.section-tittle-hero-white.in-half-section {
  margin-bottom: 15px;
  font-family: Muli, sans-serif;
  color: #212127;
  line-height: 48px;
  font-weight: 700;
}

.section-tittle-hero-white.in-half-section.white {
  color: #fff;
}

.subtittle {
  display: none;
  margin-top: 0px;
  font-family: Muli, sans-serif;
  color: #7567f8;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}

.subtittle.white {
  color: #fff;
  line-height: 38px;
  font-weight: 300;
}

.subtittle.white.section-tittle-hero-white {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1px;
}

.subtittle.bold {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: Muli, sans-serif;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.subtittle.bold.white-one {
  color: #fff;
  font-weight: 200;
}

.subtittle.bold.author {
  display: block;
  width: 12%;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, .14);
  border-radius: 8px;
  background-color: hsla(0, 0%, 100%, .6);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
  color: #fff;
  font-size: 14px;
}

.subtittle.top {
  color: #fff;
  text-align: right;
}

.subtittle.left-padding {
  margin-bottom: 15px;
  font-style: italic;
}

.subtittle.left-padding.white-font {
  color: #c1c1fc;
}

.bottom-padding-80 {
  margin-bottom: 16px;
}

.bottom-padding-80.top {
  margin-top: 120px;
}

.bottom-padding-80.small-padding {
  margin-bottom: 40px;
}

.tab-style-2-image {
  width: 100%;
  opacity: 1;
}

.play-button {
  position: relative;
  left: 0px;
  top: 50%;
  right: 0px;
  bottom: 50%;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.play-button.left.purple {
  width: 70px;
  height: 70px;
  border: 0px none #fff;
  border-radius: 100%;
  background-color: transparent;
  background-image: url('../images/icons8-circled-play-filled-100_1icons8-circled-play-filled-100.png');
  background-position: 50% 50%;
  background-size: 70px;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.play-button.left.purple:hover {
  border-style: solid;
  border-color: #7567f8;
  background-color: transparent;
}

.play-button.left.purple.white {
  background-color: #fff;
}

.features-wrapper {
  margin-right: 10px;
  margin-left: 10px;
  padding: 25px;
  border: 1px solid #323e9b;
  border-radius: 5px;
  background-color: transparent;
}

.features-wrapper.style-3 {
  border-style: none;
  text-align: left;
}

.features-wrapper.no-line {
  padding-top: 40px;
  padding-bottom: 40px;
  border-color: #f1f1f7;
  background-color: #fbfbff;
  text-align: center;
}

.features-wrapper.tint {
  padding-top: 40px;
  padding-bottom: 40px;
  border-style: solid;
  border-color: #f1f1f7;
  background-color: #f1f1f7;
  background-image: url('../images/square.png');
  background-position: 50% 50%;
  background-size: 80px;
}

.features-wrapper.lighter {
  padding-top: 36px;
  padding-bottom: 36px;
  border-style: none;
  border-color: #f1f1f7;
  border-radius: 8px;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.features-wrapper.lighter:hover {
  box-shadow: 0 20px 20px 0 rgba(27, 14, 143, .1);
}

.features-wrapper.transparent {
  padding: 0px;
  border-style: none;
}

.features-icon {
  display: block;
  width: 120px;
  height: 120px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  float: none;
  border-bottom: 1px none hsla(240, 3%, 45%, .28);
  background-image: url('../images/ws_feature03.png');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: repeat;
}

.features-icon._2 {
  display: block;
  width: 120px;
  height: 120px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/ws_feature01.png');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: repeat;
}

.features-icon._2.home {
  background-image: url('../images/03-034.png');
}

.features-icon._1 {
  display: block;
  width: 120px;
  height: 120px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/ws_feature02.png');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: repeat;
}

.features-icon._1.home {
  background-image: url('../images/01.png');
}

.features-icon.white-icon {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  float: left;
  border-radius: 10px;
  background-color: #fff;
  background-image: url('../images/icons8-innovation-96_1icons8-innovation-96.png');
  background-size: 38px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .18);
}

.features-icon.white-icon._2 {
  background-image: url('../images/icons8-contact-96_1icons8-contact-96.png');
  background-size: 38px;
}

.features-icon.white-icon._3 {
  background-image: url('../images/icons8-process-96_1icons8-process-96.png');
  background-size: 38px;
}

.features-icon.white-icon._4 {
  background-image: url('../images/icons8-rating-96_1icons8-rating-96.png');
  background-size: 38px;
}

.features-icon._4 {
  background-image: url('../images/icons8-edit-image-96_1icons8-edit-image-96.png');
  background-size: 60px;
}

.features-icon._5 {
  background-image: url('../images/icons8-ios-photos-96_1icons8-ios-photos-96.png');
  background-size: 60px;
}

.features-icon._6 {
  background-image: url('../images/icons8-network-96_1icons8-network-96.png');
  background-size: 60px;
}

.features-icon._10 {
  background-image: url('../images/icons8-book-96_1icons8-book-96.png');
  background-size: 60px;
}

.features-icon.home {
  background-image: url('../images/02-04.png');
}

.paragraph {
  position: relative;
  display: block;
  margin-right: 0px;
  margin-left: 0px;
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #212127;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1px;
  text-decoration: none;
}

.paragraph.testimonial {
  display: block;
  width: 75%;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto;
  color: #fff;
  font-size: 16px;
  line-height: 33px;
  font-weight: 300;
  text-align: center;
}

.paragraph.testimonial.cta-resource {
  margin-top: 36px;
  margin-bottom: 32px;
  font-size: 20px;
}

.paragraph.testimonial.title {
  font-size: 24px;
  letter-spacing: 2px;
}

.paragraph.sub {
  font-family: Muli, sans-serif;
  color: #212127;
  line-height: 24px;
  font-weight: 600;
}

.paragraph.white.subtitle {
  color: #c1c1fc;
  line-height: 25px;
  font-weight: 300;
  letter-spacing: 1px;
}

.paragraph.date {
  text-align: left;
}

.paragraph.text {
  padding-right: 20px;
  padding-left: 20px;
  color: #212127;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
}

.paragraph.text.goal {
  margin-bottom: 20px;
}

.paragraph.descriptions {
  display: block;
  max-width: 760px;
  margin: 48px auto 32px;
  padding: 20px 20px 20px 24px;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  color: #fff;
  font-size: 14px;
  line-height: 32px;
  text-align: left;
}

.features-description {
  position: relative;
  overflow: hidden;
}

.tab-menu {
  display: block;
  max-width: 1170px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  text-align: center;
}

.tab-menu.left-side {
  max-width: auto;
  margin-right: 120px;
  margin-left: 120px;
  padding-left: 0px;
  text-align: center;
}

.tab-link-style-2 {
  z-index: 210;
  width: 200px;
  margin-top: 13px;
  margin-right: 12px;
  margin-left: 5px;
  padding-right: 15px;
  padding-left: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(240, 3%, 45%, .2);
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  color: #75757c;
  font-size: 16px;
  text-align: center;
}

.tab-link-style-2:hover {
  color: #7567f8;
}

.tab-link-style-2.w--current {
  border-bottom-color: #7567f8;
  background-color: #fff;
  color: #7567f8;
}

.project-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  box-shadow: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #212127;
  text-align: center;
  text-decoration: none;
}

.project-wrapper.style2 {
  margin-bottom: 0px;
  float: left;
  box-shadow: none;
}

.project-image {
  position: relative;
  overflow: visible;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.project-content {
  padding: 20px 10px;
  background-color: transparent;
  text-decoration: none;
}

.project-content.style {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0px;
  bottom: 0%;
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 0%;
  margin-right: auto;
  margin-left: auto;
  padding: 22% 0px;
  border-radius: 0px;
  background-color: rgba(117, 103, 248, .86);
}

.project-content.style._1 {
  background-color: rgba(33, 33, 39, .85);
}

.project-content.style._1.full {
  padding-top: 26%;
  padding-bottom: 26%;
}

.project-content.style._1.icon-content {
  background-color: transparent;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
}

.project-content.style._2 {
  width: auto;
  height: auto;
  margin-top: 0px;
  background-color: rgba(255, 175, 6, .86);
}

.project-content.style._2.icon-content {
  background-color: transparent;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.project-content.style._4 {
  background-color: rgba(213, 103, 248, .86);
}

.project-content.style._4.full {
  padding-top: 26%;
  padding-bottom: 26%;
}

.project-content.style._5 {
  background-color: rgba(255, 57, 30, .86);
}

.project-content.style._5.full {
  padding-top: 26%;
  padding-bottom: 26%;
}

.project-content.style.full {
  padding-top: 26%;
  padding-bottom: 26%;
}

.project-content.style.icon-content {
  background-color: transparent;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.project-header {
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: Muli, sans-serif;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.project-header.white-content {
  margin-bottom: 10px;
  color: #212127;
  font-size: 21px;
}

.paragraph-project {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 10px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, .39);
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  line-height: 26px;
  font-weight: 300;
  text-decoration: none;
}

.paragraph-project.dark {
  margin-bottom: 5px;
  padding-right: 0px;
  padding-left: 0px;
  border-style: none none solid;
  border-color: hsla(240, 3%, 45%, .39) hsla(240, 3%, 45%, .39) #7567f8;
  border-bottom-width: 2px;
  border-radius: 0px;
  color: #75757c;
  line-height: 25px;
}

.paragraph-project.dark._1 {
  border-bottom-color: rgba(213, 103, 248, .86);
  color: #75757c;
}

.paragraph-project.dark._2 {
  border-bottom-color: rgba(255, 57, 30, .86);
  color: #75757c;
}

.paragraph-project.dark._3 {
  border-bottom-color: rgba(33, 33, 39, .85);
  color: #75757c;
}

.paragraph-project.dark._5 {
  border-bottom-color: rgba(255, 175, 6, .86);
  color: #75757c;
}

.paragraph-project.dark.portfolio {
  display: block;
  width: 100px;
  margin-right: auto;
  margin-left: auto;
  color: #c1c1fc;
}

.container {
  position: static;
  z-index: 10;
  display: block;
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.container.blog {
  position: relative;
  text-align: left;
}

.container.blog.top {
  margin-bottom: 100px;
}

.container.left-side {
  padding-left: 0px;
}

.container.rich-text {
  position: relative;
  display: block;
  padding-right: 10%;
  padding-left: 10%;
  text-align: left;
}

.container.container-01 {
  height: auto;
  text-align: left;
}

.testimonial-wrapper {
  display: block;
  width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.testimonial-image {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 100%;
  background-image: url('../images/team-6.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.testimonial-image.second {
  background-image: url('../images/team1.jpg');
}

.testimonial-image.third {
  background-image: url('../images/team-4.jpg');
}

.testimonial-name {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 17px;
  line-height: 27px;
  font-weight: 700;
  text-transform: uppercase;
}

.vertical-column-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-padding {
  margin-bottom: 30px;
}

.bottom-padding._50 {
  margin-bottom: 50px;
}

.bottom-padding._15 {
  margin-bottom: 15px;
}

.sub-text {
  margin-top: 0px;
  font-family: Muli, sans-serif;
  color: hsla(0, 0%, 100%, .9);
  font-size: 23px;
  line-height: 26px;
}

.sub-text.dark-on {
  font-family: Lato, sans-serif;
  color: #7567f8;
  font-size: 20px;
  line-height: 30px;
  font-style: italic;
  font-weight: 300;
}

.sub-text.bottom {
  margin-top: 5px;
  color: hsla(0, 0%, 100%, .81);
  font-size: 18px;
  font-weight: 700;
}

.sub-text.bold {
  font-weight: 600;
}

.sub-text.neslwtter {
  margin-top: 0px;
  font-weight: 200;
}

.text-field.transparent {
  width: 100%;
  height: 50px;
  margin-right: 0px;
  margin-bottom: 15px;
  padding-left: 0px;
  border-style: none none solid;
  border-width: 1px;
  border-color: #000 #000 hsla(0, 0%, 100%, .8);
  background-color: transparent;
  font-family: Muli, sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
}

.text-field.transparent:hover {
  color: #fff;
}

.text-field.transparent:focus {
  border-bottom-color: #fff;
}

.text-field.transparent.message {
  height: auto;
  padding-top: 20px;
  padding-bottom: 40px;
  font-family: Muli, sans-serif;
  color: #fff;
}

.text-field.transparent.message.footer {
  background-color: #fff;
}

.text-field.transparent._95 {
  width: 95%;
  font-family: Muli, sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
}

.text-field.transparent.footer {
  padding-left: 12px;
  background-color: #fff;
  color: #75757c;
}

.overflow-map {
  height: auto;
}

.map {
  display: block;
  width: 50%;
  height: 500px;
  margin-right: auto;
  margin-left: auto;
  float: right;
  border-radius: 0px 0px 10px;
}

.center {
  display: block;
  margin-bottom: 0px;
  float: none;
  text-align: center;
}

.center.blog {
  display: block;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.center.text {
  margin-bottom: 0px;
}

.form-block {
  position: relative;
  display: block;
  width: 40%;
  height: 60px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  box-shadow: 0 5px 11px -3px hsla(0, 0%, 100%, .07);
}

.form-block.style-1 {
  width: 100%;
}

.text-field-style-2 {
  width: 70%;
  height: 60px;
  padding-left: 20px;
  float: left;
  border-style: none none solid;
  border-color: rgba(241, 241, 247, .1);
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  background-color: rgba(33, 33, 39, .36);
}

.text-field-style-2.transparent {
  margin-right: -60px;
  border-bottom-color: #fff;
  border-radius: 100px;
  background-color: #fff;
  color: #212127;
}

.column-iteam {
  padding: 0px;
}

.column-iteam.style-2 {
  padding-right: 10px;
  padding-left: 10px;
}

.team-wrapper {
  position: relative;
  display: block;
  height: 440px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 50px 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  text-align: center;
}

.team-wrapper:hover {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 20px 20px 0 rgba(27, 14, 143, .1);
}

.team-member {
  width: 33.333%;
  text-align: center;
}

.team-image {
  width: 140px;
  height: 140px;
  margin-bottom: 40px;
  border: 3px solid #7567f8;
  border-radius: 100%;
}

.team-image._2 {
  width: 160px;
  height: 160px;
  margin-top: 0px;
  margin-bottom: 24px;
  border-style: none;
  border-width: 5px;
}

.team-image._2 {
  width: 160px;
  height: 160px;
  margin-bottom: 24px;
  border-style: none;
}

.team-heading {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  margin-top: 0px;
  margin-bottom: 4px;
  padding-right: 0px;
  color: #7567f8;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  letter-spacing: 3px;
}

.links-block {
  margin-top: 30px;
}

.contact-block {
  display: block;
  width: 60%;
  margin-right: 0px;
  margin-left: 0px;
}

.contact-block._100 {
  width: 100%;
}

.client-logo {
  width: 20%;
  height: 120px;
  background-image: url('../images/logo6.png');
  background-position: 50% 50%;
  background-size: 150px;
  background-repeat: no-repeat;
  opacity: 0.7;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.client-logo._1 {
  background-image: url('../images/logo4.png');
  background-position: 50% 50%;
  background-size: 138px;
}

.client-logo._1.color-link {
  background-color: #fff;
  background-image: url('../images/59c1236d1fc3950001f3d679_partner3.png');
  background-size: 100px;
}

.client-logo._1.color-link:hover {
  opacity: 1;
}

.client-logo._2 {
  background-image: url('../images/logo3.png');
  background-size: 150px;
}

.client-logo._2.color-link {
  background-color: #fff;
  background-image: url('../images/59c1238d1fc3950001f3d68d_partner7.png');
  background-size: 100px;
}

.client-logo._2.color-link:hover {
  opacity: 1;
}

.client-logo._5 {
  background-image: url('../images/logo3.png');
  background-size: 150px;
}

.client-logo._5.color-link {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-image: url('../images/59c1239d221db50001e87de8_partner5.png');
  background-size: 100px;
}

.client-logo.color-link {
  display: inline-block;
  padding: 40px 10px;
  background-color: #fff;
  background-image: url('../images/59c52e354590f30001413982_partner6.png');
  background-size: 100px;
  box-shadow: 0 0 0 1px hsla(220, 7%, 91%, .56);
  opacity: 1;
}

.client-logo.color-link:hover {
  opacity: 1;
}

.client-logo.color-link.first {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-image: url('../images/59c12336221db50001e87484_partner8.png');
  background-size: 100px;
}

.section-tittle {
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 40px;
  font-weight: 300;
  letter-spacing: 5.5px;
}

.section-tittle.dark {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: Muli, sans-serif;
  font-size: 40px;
  line-height: 60px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 10px;
}

.section-tittle.dark.big {
  font-family: Muli, sans-serif;
  color: #fff;
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  letter-spacing: 10px;
}

.section-tittle.dark.author {
  text-decoration: none;
}

.section-tittle.banner-title {
  color: #7567f8;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
}

.section-tittle.banner-title.resource {
  font-size: 40px;
}

.tabs-content {
  margin-bottom: 50px;
}

.white-content {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 8px;
  background-color: transparent;
}

.hover-content {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-left: 10px;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

.hover-content:hover {
  padding-top: 5px;
  padding-left: 0px;
  background-color: #fff;
  opacity: 1;
}

.dropdown-list {
  padding-top: 10px;
}

.dropdown-list.w--open {
  padding: 10px 20px;
  background-color: #f1f1f7;
}

.dropdown-list.vertical.w--open {
  width: 150px;
  padding-right: 0px;
  padding-left: 0px;
  border: 1px solid #f1f1f7;
  background-color: #fff;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .3);
}

.dropdown-link {
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: color 400ms ease;
  transition: color 400ms ease;
  color: #75757c;
  font-size: 14px;
  font-weight: 400;
}

.dropdown-link:hover {
  color: #7567f8;
}

.dropdown-link.w--current {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Muli, sans-serif;
  color: #7567f8;
  font-weight: 600;
}

.blog-icon-image {
  position: absolute;
  left: 0px;
  top: 0%;
  right: 0px;
  bottom: 0%;
  z-index: 100;
  display: block;
  width: 40px;
  height: 40px;
  margin: auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.overlay-image {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.overlay-image:hover {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.overlay-image.style-2:hover {
  background-image: none;
}

.menu-button.background {
  left: 0px;
  top: 0px;
  z-index: 9999;
  display: block;
  overflow: visible;
  width: 60px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  float: right;
  border-radius: 100%;
  background-color: transparent;
  text-align: center;
}

.menu-button.background.color {
  border-radius: 0%;
  background-color: #7567f8;
}

.line-1 {
  position: absolute;
  left: 0px;
  top: 18px;
  right: 0px;
  z-index: 2;
  display: block;
  width: 35px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #212127;
}

.line-1.white {
  background-color: #fff;
}

.line-2 {
  position: absolute;
  left: 0px;
  top: 28px;
  right: 0px;
  display: block;
  width: 35px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #212127;
}

.line-2.white {
  background-color: #fff;
}

.line-3 {
  position: absolute;
  left: 0px;
  top: 38px;
  right: 0px;
  display: block;
  width: 35px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #212127;
  text-align: center;
}

.line-3.white {
  background-color: #fff;
}

.line-features {
  width: 95%;
  height: 1px;
  margin-bottom: 0px;
  background-color: #323e9b;
}

.line-features.lighter {
  margin-bottom: 20px;
  background-color: rgba(241, 241, 247, .46);
}

.line-features.tint {
  overflow: visible;
  margin-bottom: 4px;
  background-color: #f1f1f7;
}

.line-features.white {
  background-color: #fff;
}

.line-features.gray {
  display: none;
  background-color: #e4e4e4;
}

.left {
  float: left;
  text-align: left;
}

.testimonials-slider {
  height: 360px;
  background-color: transparent;
  text-align: center;
}

.left-arrow {
  display: block;
  margin-top: -140px;
}

.right-arrow {
  display: block;
  margin-top: -140px;
}

.testimonial-slide-block {
  text-align: center;
}

.slide-nav {
  font-size: 10px;
}

.learn-more-heading-section {
  font-family: Muli, sans-serif;
  color: #212127;
  line-height: 34px;
}

.white {
  color: #fff;
  line-height: 30px;
  font-weight: 700;
}

.service-title {
  text-align: center;
}

.service-title.padding {
  margin-bottom: 20px;
}

.paragraph-center {
  display: none;
  color: #9096a4;
  line-height: 26px;
  text-align: center;
}

.color-line {
  display: none;
  width: 30%;
  margin: 19px auto 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 3px solid #7567f8;
  background-color: transparent;
}

.color-line.pricing {
  margin-top: 0px;
  margin-bottom: 50px;
  background-color: #7567f8;
}

.color-line.pricing.white {
  border-bottom-color: #fff;
  background-color: #fff;
}

.color-line.white {
  border-bottom-color: #fff;
}

.color-line.gradiant {
  background-image: -webkit-linear-gradient(270deg, rgba(209, 76, 76, .5), rgba(209, 76, 76, .5));
  background-image: linear-gradient(180deg, rgba(209, 76, 76, .5), rgba(209, 76, 76, .5));
}

.color-line.cool {
  display: none;
}

.portfolio-row {
  margin-bottom: 60px;
}

.portfolio-row.style2 {
  margin-bottom: 20px;
  padding-right: 0px;
  padding-left: 0px;
}

.portfolio-row.no-padding {
  margin-bottom: 0px;
}

.portfolio-row.circle {
  margin-bottom: 0px;
}

.section-tittle-hero {
  margin-bottom: 20px;
  line-height: 48px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

.section-tittle-hero.white {
  font-size: 32px;
  letter-spacing: 5px;
}

.section-tittle-hero.white.video {
  margin-bottom: 10px;
  font-weight: 800;
  letter-spacing: 2px;
}

.section-tittle-hero.white.video.intro {
  margin-bottom: 20px;
  font-size: 50px;
  line-height: 62px;
  font-weight: 700;
  letter-spacing: 0px;
}

.section-tittle-hero.white.cta {
  font-size: 32px;
  letter-spacing: 5px;
}

.footer-link {
  display: block;
  margin-top: 13px;
  margin-bottom: 13px;
  font-family: Muli, sans-serif;
  color: #212127;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  text-decoration: none;
}

.footer-link:hover {
  color: #7567f8;
  text-decoration: underline;
}

.tittle-footer {
  margin-bottom: 0px;
  font-family: Muli, sans-serif;
  color: #464646;
  font-size: 16px;
  font-weight: 600;
}

.tittle-footer.lighter {
  color: #fff;
}

.baner-big-text {
  font-family: Muli, sans-serif;
  color: #212127;
  font-size: 57px;
  line-height: 67px;
  font-weight: 800;
  letter-spacing: 1px;
}

.baner-big-text.smaller {
  font-size: 50px;
  line-height: 60px;
}

.baner-big-text.white {
  color: #fff;
}

.baner-big-text.white.center {
  font-size: 52px;
  font-weight: 200;
  letter-spacing: 3px;
}

.baner-big-text.white.center.atf {
  margin-top: 80px;
  margin-bottom: 0px;
  font-size: 48px;
  font-weight: 400;
  letter-spacing: 5px;
}

.baner-big-text.white.center.atf-h2 {
  font-size: 36px;
  font-weight: 300;
}

.play-video-header {
  margin-left: 20px;
  padding: 10px 0px 5px;
  float: right;
  border-bottom: 1px solid #7567f8;
  font-family: Muli, sans-serif;
  color: #212127;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
}

.play-video-header:hover {
  text-decoration: none;
}

.text-span-2 {
  color: #7567f8;
}

.white-portfolio-content {
  padding-top: 10px;
  padding-bottom: 10px;
  clear: left;
  background-color: #fff;
}

.play-icon-style-2 {
  position: absolute;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 4px solid #7567f8;
  border-radius: 100px;
  background-color: transparent;
}

.play-icon-style-2:hover {
  border-style: solid;
}

.play-icon-style-2.white {
  border-color: #fff;
}

.contact-us {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
  background-color: rgba(0, 0, 0, .87);
}

.contact-us-wrapper {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  background-color: #fff;
  opacity: 0;
}

.contact-us-popup {
  position: relative;
  z-index: 3000;
  max-width: 570px;
  padding: 60px 64px 64px;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  text-align: center;
}

.contact-us-popup-button {
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  display: block;
  width: 60px;
  height: 60px;
  margin: 32px 50px 32px 32px;
  border-radius: 8%;
  background-image: url('../images/icons8-new-message-100_1icons8-new-message-100.png'), -webkit-linear-gradient(315deg, #4772d9 18%, #c900fc), -webkit-linear-gradient(270deg, #7567f8, #7567f8);
  background-image: url('../images/icons8-new-message-100_1icons8-new-message-100.png'), linear-gradient(135deg, #4772d9 18%, #c900fc), linear-gradient(180deg, #7567f8, #7567f8);
  background-position: 50% 50%, 0px 0px, 0px 0px;
  background-size: 35px, auto, auto;
  background-repeat: no-repeat, repeat, repeat;
  box-shadow: 0 10px 12px -9px rgba(33, 33, 39, .58);
}

.pricing-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pricing-wrapper {
  padding: 50px;
}

.pricing-wrapper.right {
  width: 335px;
  margin-top: 20px;
  margin-right: -15px;
  margin-bottom: 20px;
  padding-top: 50px;
  float: right;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .08);
  text-align: left;
}

.pricing-wrapper.center {
  position: relative;
  width: 350px;
  height: auto;
  margin-bottom: 0px;
  border-radius: 12px;
  background-color: #7567f8;
  background-image: url('../images/squ.png');
  background-position: 100% 100%;
  background-size: cover;
  text-align: center;
}

.pricing-wrapper.left {
  position: static;
  width: 335px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -15px;
  padding-bottom: 50px;
  float: none;
  border-radius: 12px;
  background-color: #fff;
}

.pricing-plan {
  height: 40px;
  margin-right: -50px;
  margin-left: -50px;
  padding-right: 50px;
  padding-left: 50px;
  border-style: none none solid;
  border-width: 1px;
  border-color: #e7e8ea #000 #f1f1f7;
  background-color: transparent;
  color: #717177;
  font-size: 11px;
  line-height: 40px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
}

.pricing-plan.colored {
  border-top-color: hsla(0, 0%, 100%, .3);
  border-bottom-color: hsla(0, 0%, 100%, .3);
  background-color: transparent;
  color: #fff;
}

.big-pricing-text {
  margin-top: 30px;
  margin-bottom: 20px;
  color: #7567f8;
  font-size: 60px;
  line-height: 80px;
  font-weight: 300;
  text-align: center;
}

.big-pricing-text.white {
  font-family: Muli, sans-serif;
  color: #fff;
}

.big-pricing-text.free {
  margin-top: 0px;
  margin-bottom: 8px;
  font-family: Muli, sans-serif;
  color: #7567f8;
  font-size: 40px;
}

.pricing-plan-features {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px none #f0efef;
  border-bottom: 1px solid #f0efef;
  font-family: Muli, sans-serif;
  color: #75757c;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
}

.pricing-plan-features.white {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: none;
  border-bottom-color: hsla(0, 3%, 94%, .22);
  font-family: Muli, sans-serif;
  color: #fff;
  text-align: center;
}

.pricing-plan-features.white.line {
  border-bottom-color: hsla(0, 3%, 94%, .22);
}

.pricing-plan-features.line {
  border-top-color: #f1f1f7;
  border-bottom-color: #f1f1f7;
  text-decoration: line-through;
}

.middle-column-price-block {
  text-align: center;
}

.progress-line {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 15px;
  padding: 3.5px;
  background-color: #4949b4;
  text-align: right;
}

.progress-line-overlay {
  width: 70%;
  height: 7.5px;
  float: right;
  background-color: #fff;
  text-align: right;
}

.progress-line-overlay._50 {
  width: 50%;
}

.project-heading {
  display: inline-block;
  float: none;
  color: #fff;
  font-size: 15px;
  line-height: 16px;
}

.project-heading.left {
  margin-left: 216px;
  float: none;
}

.project-heading.left.small {
  margin-right: 211px;
  margin-left: 0px;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
}

.project-heading.left.small._50 {
  margin-right: 124px;
  margin-left: 0px;
}

.progress-element {
  width: 100%;
  text-align: left;
}

.progress-wrapper {
  position: relative;
  margin-bottom: 15px;
  text-align: right;
}

.div-left-bars {
  padding-top: 25px;
  padding-right: 50px;
}

.parapgraph.white {
  line-height: 26px;
  font-weight: 300;
}

.half-section {
  width: 50%;
  height: 700px;
  float: left;
  background-color: #fff;
}

.half-section.image-background {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(42, 36, 100, .1), rgba(42, 36, 100, .1)), url('../images/domenico-loia-272251-1.jpg');
  background-image: linear-gradient(180deg, rgba(42, 36, 100, .1), rgba(42, 36, 100, .1)), url('../images/domenico-loia-272251-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.half-section.image-background.ipad {
  background-image: url('../images/53454.png'), url('../images/1234.png');
  background-position: 26% 50%, 103% 0px;
  background-size: 100%, cover;
  background-repeat: no-repeat, no-repeat;
}

.half-section.image-background.intro {
  width: 40%;
  height: 750px;
  background-image: url('../images/2141234.png'), -webkit-linear-gradient(315deg, #7567f8, rgba(136, 13, 250, .93)), url('../images/rawpixel-com-323215.jpg');
  background-image: url('../images/2141234.png'), linear-gradient(135deg, #7567f8, rgba(136, 13, 250, .93)), url('../images/rawpixel-com-323215.jpg');
  background-position: 20% 50%, 0px 0px, 50% 50%;
  background-size: 500px, auto, cover;
  background-repeat: no-repeat, repeat, repeat;
}

.half-section.tint {
  border-right: 1px solid #dfdfe9;
  background-color: #f1f1f7;
}

.half-section.color {
  background-color: #7567f8;
  text-align: left;
}

.half-section.gray {
  width: 60%;
  height: 750px;
  background-color: #f1f1f7;
}

.center-container-content {
  position: static;
  top: 50%;
  z-index: 2;
  display: block;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.center-container-content.intro {
  width: 70%;
}

.team-member-text {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Muli, sans-serif;
  color: #444;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
}

.team-member-text.team-heading {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 400;
  letter-spacing: 1px;
}

.toggle-wrapper {
  margin-top: -1px;
  margin-bottom: 10px;
  text-align: left;
}

.toggle-header {
  width: 100%;
  padding: 20px 15px 17px 30px;
  border: 1px solid #ededed;
  background-color: #fff;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  color: #2e2e2e;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.toggle-tittle {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.toggle-icon {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  float: right;
  background-image: url('../images/down-arrow-3.png');
  background-position: 50% 50%;
  background-size: cover;
}

.toggle-content {
  overflow: hidden;
  margin-top: -2px;
  border: 1px solid #e4e4e4;
}

.toggle-space {
  padding: 30px;
  background-color: #f8f8f8;
  font-size: 16px;
}

.left-side-div-image {
  height: 600px;
  border-radius: 8px;
  background-image: url('../images/rawpixel-com-323215.jpg');
  background-position: 50% 0px;
  background-size: 1100px;
}

.left-side-div-image.about {
  display: none;
  height: 500px;
  background-image: url('../images/S__59809981.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.left-side-div-image.about._2 {
  height: 240px;
  margin-bottom: 20px;
  background-image: url('../images/S__59809974.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.left-side-div-image.about._3 {
  height: 240px;
  background-image: url('../images/S__59809980.jpg');
}

.left-side-div-image.about.big {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/mia-baker-322586-1.jpg');
}

.left-side-div-image.about.left-side {
  background-image: url('../images/grovemade-239357-unsplash-1.jpg');
}

.left-side-div-image.about.right-side {
  background-image: url('../images/nordwood-themes-483520-1.jpg');
  background-position: 97% 50%;
}

.left-side-div-image.about.service {
  height: 600px;
  background-image: url('../images/grovemade-239357-unsplash-1.jpg');
}

.left-side-div-image.first {
  height: 700px;
  margin-bottom: 30px;
  background-image: url('../images/andreas-palmer-284310-1-1.jpg');
  background-size: 1100px;
  box-shadow: 7px 7px 30px 0 rgba(0, 0, 0, .1);
}

.contact-us-tittle {
  color: #fff;
  font-size: 17px;
  line-height: 28px;
  font-weight: 200;
  text-transform: none;
}

.left-side {
  padding-left: 50px;
  text-align: left;
}

.contact-us-content {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  border: 1px solid #dfdfe9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #f1f1f7;
  text-align: center;
}

.contact-us-content.portfolio {
  width: 1170px;
  margin-top: 150px;
  background-color: #f1f1f7;
}

.contact-us-content.author {
  margin-top: 100px;
  padding-bottom: 20px;
  border-bottom-style: none;
  background-color: #fff;
}

.contact-us-content.light {
  background-color: #fff;
}

.contact-us-content.light.contact {
  width: 70%;
}

.contact-small-content {
  font-weight: 400;
}

.contact-small-content.middle {
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}

.contact-small-content.middle.columns {
  border-right-style: none;
}

.contact-us-small-tittle {
  color: #fff;
  font-weight: 600;
}

.contact-us-small-tittle.black {
  margin-bottom: 0px;
  color: #7567f8;
  line-height: 28px;
}

.contact-us-small-tittle.black.full {
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  text-decoration: none;
}

.button-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin-top: auto;
  background-color: #c900fc;
}

.button-overlay.inverse {
  background-color: #3558f5;
  font-size: 16px;
}

.button-overlay.inverse.workshop {
  background-color: #55c8d2;
}

.button-text {
  position: relative;
  -webkit-transition: all 825ms ease;
  transition: all 825ms ease;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
}

.preview-container {
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  border-radius: 8px;
  -webkit-transition: box-shadow 400ms ease;
  transition: box-shadow 400ms ease;
}

.preview-container:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.preview-container.blog {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
}

.preview-container.small {
  width: 70px;
  height: 70px;
  margin-left: 0px;
  float: left;
  border-radius: 4px;
}

.preview-image {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 350px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-image: url('../images/nordwood-themes-483520-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
}

.preview-image.list {
  height: 360px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.preview-image.featured {
  height: 200px;
}

.preview-image.small {
  width: 70px;
  height: 70px;
  border-radius: 4px;
}

.overlay.hover {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: transparent;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  text-align: left;
}

.overlay.hover:hover {
  background-color: rgba(117, 103, 248, .8);
}

.overlay.hover.list {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.overlay.hover.list:hover {
  background-color: rgba(117, 103, 248, .92);
}

.preview-icon {
  position: relative;
}

.link-blog-post {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  text-decoration: none;
}

.link-blog-post:hover {
  color: #7567f8;
  line-height: 34px;
}

.by {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 0px;
  color: #7567f8;
}

.by.light {
  color: #fff;
}

.author-name {
  font-family: Muli, sans-serif;
  color: #75757c;
  font-size: 15px;
  line-height: 26px;
  font-weight: 700;
  text-decoration: none;
}

.author-name.white {
  color: #fff;
}

.simbol {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  color: #7567f8;
}

.simbol.light {
  color: #fff;
}

.blog-date {
  display: inline-block;
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #75757c;
  font-weight: 400;
}

.blog-date.light {
  color: hsla(0, 0%, 100%, .57);
}

.blog-latest-content {
  width: auto;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding: 30px 20px;
  text-align: center;
}

.blog-latest-content.blog-1 {
  margin-bottom: 30px;
}

.about-us-text {
  color: #212127;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  letter-spacing: 1px;
}

.about-us-text.lighter {
  color: #fff;
}

.about-us-text.light-footer {
  color: #fff;
}

.about-us-text.dark-footer {
  color: #fff;
}

.about-us-copy {
  margin-top: 60px;
}

.tab-features-heading {
  margin-top: 0px;
  margin-bottom: 24px;
  padding-right: 20px;
  padding-left: 20px;
  color: #3558f5;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 10px;
}

.tab-features-heading.light {
  color: #fff;
}

.crew-section-header {
  margin-top: 0px;
  margin-bottom: 40px;
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 10px;
}

.crew-section-header.heading-2 {
  margin-top: 0px;
  color: #3558f5;
  font-size: 32px;
  font-weight: 400;
}

.dark {
  display: inline-block;
  margin-top: 16px;
  margin-bottom: 4px;
  padding-top: 0px;
  color: #3558f5;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: 3px;
}

.dark.fact {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 22px;
}

.dark.pricing {
  margin-top: 0px;
}

.service-row {
  display: block;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  padding-top: 0px;
}

.service-row.pricing {
  display: block;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.tab-tittle {
  font-family: Muli, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
}

.tab-tittle:hover {
  color: #7567f8;
}

.close-button {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  background-image: url('../images/58de41e72efbcf655ab45dce_error.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.contact-pop-up {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  display: none;
  padding-top: 100px;
  background-color: #7567f8;
  background-image: url('../images/1234.png');
  background-position: 50% 50%;
  background-size: cover;
  text-align: left;
}

.contact-pop-up.normal {
  position: static;
  display: block;
  margin-top: 0px;
  padding-top: 100px;
  padding-right: 50px;
  padding-left: 50px;
  background-color: #7567f8;
}

.contact-pop-up.normal.black {
  margin-top: 0px;
  padding-right: 50px;
  padding-left: 50px;
  background-color: #161236;
  background-image: -webkit-linear-gradient(270deg, rgba(22, 18, 54, .9), rgba(22, 18, 54, .9)), url('../images/square_1.png');
  background-image: linear-gradient(180deg, rgba(22, 18, 54, .9), rgba(22, 18, 54, .9)), url('../images/square_1.png');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, 1100px;
}

.footer-contact-pop-up-block {
  text-align: left;
}

.footer-home-3-column {
  text-align: left;
}

.footer-form-block {
  text-align: left;
}

.column-6 {
  text-align: left;
}

.useful-pages {
  text-align: left;
}

.latest-news {
  text-align: left;
}

.div-useful-links {
  text-align: left;
}

.column-about {
  text-align: left;
}

.div-right-toggle {
  text-align: left;
}

.project-column-content {
  text-align: left;
}

.project-column-content-2 {
  text-align: left;
}

._70 {
  display: block;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}

.about-content-right-side {
  text-align: left;
}

.about-content-column {
  text-align: left;
}

.about-content-column-2 {
  text-align: left;
}

.image-right {
  padding: 21px;
  float: none;
  text-align: center;
}

.tab-header {
  font-size: 30px;
  text-align: left;
  text-transform: uppercase;
}

.tab-header.left {
  text-transform: none;
}

.tab-header.left.intro {
  line-height: 40px;
  font-weight: 400;
}

.left-content {
  text-align: left;
}

.portfolio-icon {
  display: block;
  width: 68px;
  height: 68px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 100px;
  background-color: #7567f8;
  background-image: url('../images/icons8-google-photos-100_1icons8-google-photos-100.png');
  background-position: 50% 50%;
  background-size: 50px;
  background-repeat: no-repeat;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .47);
}

.headline-sign {
  display: block;
  width: 20%;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

.headline-sign.blog {
  margin-top: 20px;
}

.pop-up-wrapper {
  position: relative;
  top: 50%;
  display: block;
  width: 40%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 8px;
  background-color: #fff;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.pop-up-wrapper.portfolio {
  top: 0%;
  width: 50%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.pop-up-wrapper.portfolio.coming {
  margin-top: 40px;
}

.image-top {
  height: 180px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-image: -webkit-linear-gradient(270deg, rgba(117, 103, 248, .21), rgba(117, 103, 248, .21)), url('../images/fabian-irsara-92113-unsplash-1.jpg');
  background-image: linear-gradient(180deg, rgba(117, 103, 248, .21), rgba(117, 103, 248, .21)), url('../images/fabian-irsara-92113-unsplash-1.jpg');
  background-position: 0px 0px, 50% -40px;
  background-size: auto, cover;
}

.form-wrapper {
  padding: 10px 40px 40px;
  background-image: url('../images/1234.png');
  background-position: 100% 100%;
  background-size: cover;
}

.form-wrapper.transparent {
  display: block;
  width: 70%;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-left: 0px;
  background-image: none;
}

.gray-text-field {
  height: 50px;
  border-style: none;
  background-color: #f1f1f7;
  font-family: Muli, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.gray-text-field.message {
  height: auto;
  padding-top: 20px;
  padding-bottom: 50px;
  font-size: 14px;
  font-weight: 400;
}

.gray-text-field.white {
  border-radius: 6px;
  background-color: #fff;
  color: #75757c;
}

.close-pop-up {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 2000;
  overflow: auto;
  width: 45px;
  height: 45px;
  background-image: url('../images/58de41e72efbcf655ab45dce_error.svg');
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat;
}

.meta-tag {
  display: inline-block;
  margin-top: 10px;
  margin-left: 14px;
  padding: 7px 14px;
  border-radius: 4px;
  background-color: #ffaf06;
  font-family: Muli, sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 23px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

.meta-tag.blog {
  margin-top: 0px;
  margin-bottom: 30px;
}

.info-div-blog {
  height: auto;
  padding: 50px;
  border: 1px solid #e7e7e7;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #fff;
}

.no-padding {
  padding-right: 0px;
  padding-left: 0px;
}

.row-bottom-padding {
  margin-bottom: 60px;
}

.blog-title-top {
  margin-top: 0px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 32px;
  line-height: 44px;
  font-weight: 700;
  letter-spacing: 5px;
  text-transform: none;
}

.blog-title-top:hover {
  color: #7567f8;
}

.divider {
  height: 1px;
  margin-top: 20px;
  margin-bottom: 30px;
  background-color: #dee5eb;
}

.read-more {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #212127;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.read-more:hover {
  color: #7567f8;
  font-weight: 700;
  text-decoration: underline;
}

.div-blocks {
  line-height: 24px;
}

.important-text {
  margin-top: 20px;
  font-family: Muli, sans-serif;
  color: #7567f8;
  font-size: 18px;
  font-weight: 300;
  text-decoration: underline;
}

.important-text.white {
  color: #c1c1fc;
  font-weight: 300;
}

.portfolio-content-side-block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.info-portfolio-div {
  height: 700px;
  text-align: left;
}

.blog-post-div {
  margin-bottom: 30px;
  padding-right: 0px;
  -webkit-transition: box-shadow 400ms ease;
  transition: box-shadow 400ms ease;
}

.blog-post-div:hover {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .08);
}

.blog-and-sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.blog-v2-wrapper {
  width: 66.66%;
  padding-right: 0px;
  padding-left: 0px;
}

.sidebar {
  width: 27.5%;
  padding: 15px 25px;
  background-color: transparent;
  text-align: left;
}

.text-field-blog-sidebar {
  width: 90%;
  float: left;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  background-color: transparent;
  color: #75757c;
}

.text-field-blog-sidebar:hover {
  border-bottom-color: #7567f8;
}

.sidebar-block {
  margin-bottom: 60px;
}

.sidebar-header {
  margin-top: 0px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e4e4e4;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.sidebar-category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #212127;
  font-size: 11px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

.sidebar-category:hover {
  color: #7567f8;
  text-decoration: underline;
}

.text-comment {
  display: inline-block;
  margin-right: 5px;
  color: #75757c;
  font-size: 12px;
  line-height: 22px;
}

.comment-link {
  font-family: Muli, sans-serif;
  color: #212127;
  font-size: 12px;
  line-height: 22px;
  font-weight: 600;
  text-decoration: none;
}

.comment-link:hover {
  color: #7567f8;
  text-decoration: underline;
}

.blog-post-header {
  margin-top: 32px;
  margin-bottom: 0px;
  line-height: 34px;
  font-weight: 700;
}

.blog-post-header:hover {
  color: #7567f8;
}

.blog-post-header.featured {
  margin-top: 20px;
  font-size: 15px;
  line-height: 25px;
}

.blog-post-content {
  margin-right: 10px;
  margin-bottom: 60px;
  margin-left: 10px;
}

.blog-post-content.featured {
  margin-bottom: 30px;
}

.blog-pst-text {
  font-size: 16px;
  line-height: 28px;
}

.post-card-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  padding-top: 8px;
  padding-right: 4px;
  padding-bottom: 24px;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #717177;
  font-size: 13px;
  line-height: 24px;
}

.post-card-author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #717177;
}

.post-card-author.center {
  width: 45%;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.post-card-author.right {
  display: block;
  width: 55%;
  padding-top: 20px;
  padding-bottom: 20px;
  float: right;
  text-decoration: none;
}

.post-card-image-author {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  border-radius: 100px;
}

.post-card-image-author.big {
  width: 100px;
  height: 100px;
}

.date-blogright-side {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.dot {
  width: 1px;
  height: 12px;
  margin-top: 4px;
  margin-right: 8px;
  margin-left: 8px;
  border-radius: 100px;
  background-color: #717177;
  color: #7567f8;
}

.recent-comment {
  margin-bottom: 16px;
  line-height: 24px;
}

.link-block {
  text-decoration: none;
}

.important-link {
  position: relative;
  float: none;
  color: #ac4cef;
  font-weight: 400;
  text-decoration: none;
}

.important-link:hover {
  color: #7567f8;
  text-decoration: underline;
}

.important-link.light {
  color: #c1c1fc;
}

.overlay-blog-div {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: auto;
  display: block;
  width: 100%;
  height: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 0px;
  background-color: rgba(32, 30, 48, .64);
  background-image: -webkit-linear-gradient(0deg, rgba(117, 103, 248, .92), #a300ff);
  background-image: linear-gradient(90deg, rgba(117, 103, 248, .92), #a300ff);
}

.rich-text-block {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  line-height: 30px;
  text-align: left;
  letter-spacing: 2.5px;
}

.rich-text-block.test {
  color: #2a2a2a;
  line-height: 28px;
  letter-spacing: 1px;
}

.text-in-block {
  display: block;
  font-family: Muli, sans-serif;
  color: #75757c;
  font-weight: 600;
}

.nav-link-second {
  display: block;
  padding-left: 50px;
  font-family: Muli, sans-serif;
  color: #75757c;
  font-size: 15px;
  font-weight: 600;
}

.nav-link-second.w--current {
  color: #7567f8;
}

.arrow {
  width: 40px;
  height: 40px;
  padding: 12px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .01);
  color: #7567f8;
  font-size: 14px;
  font-weight: 600;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  padding-top: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f1f1f7;
  background-image: url('../images/1234.png');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.utility-page-wrap._404 {
  padding-top: 0px;
  background-color: #7567f8;
  background-image: url('../images/1234.png');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 20px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .14);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
  text-align: center;
}

.password-headline {
  background-color: transparent;
  font-size: 24px;
  line-height: 38px;
}

.password-headline.white {
  background-color: transparent;
}

.password-field {
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(33, 33, 39, .1);
  font-family: Muli, sans-serif;
  color: #212127;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
}

.five-image {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.x {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.rich-text-block-2 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.block-quote-4 {
  display: block;
  width: 90%;
  margin-top: 30px;
  margin-bottom: 30px;
  border-left-color: #7567f8;
}

.paragraph-2 {
  color: #212127;
  line-height: 25px;
  font-weight: 400;
}

.paragraph-3 {
  line-height: 25px;
}

.list-item {
  color: #7567f8;
  font-size: 20px;
  line-height: 30px;
}

.ordered-list {
  margin-top: 20px;
  margin-bottom: 20px;
}

.unordered-list {
  margin-top: 20px;
}

.div-info-rich-text {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.licence-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -24px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.licence-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 66.66%;
  margin-bottom: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(46, 50, 60, .09);
}

.licence-links-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 64px;
  padding-left: 64px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #717177;
}

.licence-link {
  color: #75757c;
  font-size: 16px;
  line-height: 28px;
  text-decoration: none;
}

.licence-link:hover {
  color: #7567f8;
  text-decoration: underline;
}

.image-div {
  width: 100px;
  height: 100px;
  background-image: url('../images/shutterstock_178724276.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.image-div.two {
  background-image: url('../images/grovemade-239357-unsplash-1.jpg');
}

.image-div.third {
  background-image: url('../images/Screen-Shot-2018-02-25-at-7.28.52-PM.png');
}

.image-div.vimeo {
  background-image: url('../images/Screen-Shot-2018-03-07-at-8.48.40-PM.jpg');
}

.div-center-headline {
  margin-bottom: 80px;
  text-align: center;
}

.homeages-3-hero-image {
  display: block;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto;
  border: 2px none #fff;
}

.sticky-navbar {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1000;
  display: block;
  width: 100%;
  height: auto;
  padding: 0px 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, .11);
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.eight {
  margin-top: 10px;
}

.dropdown {
  padding-right: 40px;
  padding-left: 10px;
  font-family: Muli, sans-serif;
  color: #75757c;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.dropdown:hover {
  color: #7567f8;
}

.dropdown.vertical {
  color: #212127;
  font-size: 14px;
  font-weight: 400;
}

.left-div {
  text-align: left;
}

.div-left-headline.second {
  margin-top: 15%;
}

.avatar-div {
  display: block;
  width: 100px;
  height: 100px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  border-style: solid;
  border-width: 3px;
  border-color: hsla(0, 0%, 100%, .38);
  border-radius: 100px;
  background-image: url('../images/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-content {
  text-align: center;
}

.collection-item {
  margin-bottom: 0px;
  margin-left: 0px;
}

.collection-item.small {
  display: inline-block;
  margin-bottom: 20px;
  float: none;
}

.div-blog-footer {
  position: relative;
  display: block;
  overflow: hidden;
  padding-left: 12px;
  float: none;
}

.latest-blog-text-link {
  font-family: Muli, sans-serif;
  color: #212127;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.latest-blog-text-link:hover {
  color: #7567f8;
  text-decoration: underline;
}

.by-blog-block {
  display: block;
}

.facts-section {
  position: relative;
  padding: 70px 10px;
  background-color: #fff;
}

.facts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.facts-item {
  padding: 8px 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.facts-image {
  width: 56px;
  margin-bottom: 8px;
}

.facts-text {
  color: #75757c;
  font-size: 14px;
  line-height: 24px;
}

.fact-heading {
  margin-bottom: 10px;
  font-weight: 600;
}

.map-div-wrapper {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.map-div-wrapper.contact {
  width: 70%;
}

.office-div-image {
  width: 50%;
  height: 500px;
  float: left;
  border-bottom-left-radius: 10px;
  background-image: url('../images/fabian-irsara-92113-unsplash-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.white-paragraph {
  color: #fff;
}

.intro-wrapper {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.intro-photo-wrapper {
  position: relative;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  box-shadow: 1px 0 5px 1px rgba(64, 51, 180, .14);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  text-decoration: none;
}

.intro-photo-wrapper:hover {
  box-shadow: 0 0 20px 5px rgba(64, 51, 180, .3);
}

.intro-image {
  width: 100%;
}

.home-style-intro-div {
  display: block;
  width: 140px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding: 1px 2px;
  border-radius: 3px;
  background-color: #f1f1f7;
  text-align: center;
}

.row-second {
  margin-top: 30px;
}

.text-span {
  font-family: Muli, sans-serif;
  color: #7567f8;
  font-weight: 700;
}

.fact-numbers {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #7567f8;
  font-weight: 800;
}

.inner-link {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-transition: background-color 400ms ease, box-shadow 400ms ease;
  transition: background-color 400ms ease, box-shadow 400ms ease;
  font-family: Muli, sans-serif;
  color: #212127;
  text-align: center;
}

.inner-link:hover {
  background-color: #7567f8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .23);
  color: #fff;
}

.row-button {
  margin-bottom: 20px;
}

.sucess-mesage {
  border-radius: 8px;
  background-color: #40c30d;
  font-family: Muli, sans-serif;
  font-size: 15px;
}

.error-message {
  border-radius: 8px;
  background-color: red;
  font-family: Muli, sans-serif;
  font-size: 15px;
  text-align: center;
}

.text-block {
  color: #9096a4;
}

.text-block-2 {
  color: #75757c;
}

.text-block-3 {
  color: #75757c;
}

.tabs-wrapper {
  margin-top: -70px;
  padding-top: 0px;
}

.tabs-icon-menu {
  display: block;
  width: 75%;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  border-radius: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .07);
}

.tabs-icon-menu.light {
  background-color: #fff;
}

.tab-icon-link {
  width: 30%;
  margin-right: 5px;
  margin-left: 5px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: transparent;
  color: #75757c;
  text-align: center;
}

.tab-icon-link.w--current {
  width: 30%;
  margin-right: 5px;
  margin-left: 5px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: transparent;
  color: #7567f8;
  text-align: center;
}

.tab-icon-link.border {
  border-right: 1px solid rgba(0, 0, 0, .09);
  border-left: 1px solid rgba(0, 0, 0, .09);
}

.icon-text-tab {
  margin-top: 20px;
  font-family: Muli, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.text-block-4 {
  font-size: 16px;
  font-weight: 300;
}

.text-block-5 {
  font-size: 16px;
  font-weight: 300;
}

.text-block-6 {
  font-size: 14px;
  font-weight: 400;
}

.text-block-7 {
  font-size: 14px;
  font-weight: 400;
}

.image-2 {
  position: relative;
  max-width: 35%;
  padding-top: 20px;
}

.image-3 {
  position: static;
  top: -130px;
  overflow: hidden;
  max-width: 30%;
  margin-top: -140px;
  margin-bottom: 0px;
  padding-top: 0px;
  float: right;
  clear: left;
}

.image-4 {
  position: absolute;
  left: 30%;
  top: 70%;
  overflow: hidden;
}

.image-5 {
  position: absolute;
  left: 60%;
  top: 75%;
  overflow: hidden;
}

.image-6 {
  position: absolute;
  left: 50%;
  top: 75%;
  overflow: hidden;
}

.link {
  padding: 16px 60px;
  border-radius: 60px;
  background-image: -webkit-linear-gradient(270deg, #31d8c3, #31d8c3);
  background-image: linear-gradient(180deg, #31d8c3, #31d8c3);
  -webkit-transition: background-color 200ms ease, opacity 200ms ease;
  transition: background-color 200ms ease, opacity 200ms ease;
}

.link:hover {
  background-color: #05b19b;
  background-image: -webkit-linear-gradient(270deg, #11bba6, #11bba6);
  background-image: linear-gradient(180deg, #11bba6, #11bba6);
}

.heading {
  margin-bottom: 12px;
  color: #fff;
  font-size: 24px;
  line-height: 33px;
  font-weight: 300;
  letter-spacing: 1px;
}

.heading.cta.home {
  margin-bottom: 28px;
}

.class_ingormation {
  margin-bottom: 40px;
}

.cta-combo {
  margin-bottom: 44px;
}

.link-2 {
  display: inline-block;
  margin: 12px auto 0px;
  padding: 0px 24px;
  border-radius: 4px;
  background-color: transparent;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 2px;
  text-decoration: underline;
}

.link-2.cta-resource {
  margin-top: 0px;
  margin-bottom: 0px;
}

.image-7 {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 150px;
  margin-right: 0px;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .75), hsla(0, 0%, 100%, .75));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .75), hsla(0, 0%, 100%, .75));
  text-align: left;
}

.div-block {
  width: 50%;
  height: 1px;
  margin-right: auto;
  margin-left: auto;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, .25));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, .25));
}

.tab-link-tab-1 {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.tab-link-tab-1.w--current {
  display: inline-block;
  background-color: hsla(0, 0%, 100%, 0);
  background-image: -webkit-linear-gradient(270deg, transparent, transparent);
  background-image: linear-gradient(180deg, transparent, transparent);
}

.tab-link-tab-2 {
  background-color: transparent;
}

.tab-link-tab-3 {
  background-color: transparent;
}

.tab-link-tab-4 {
  background-color: transparent;
}

.tab-link-tab-5 {
  background-color: transparent;
}

.tab-link-tab-6 {
  background-color: transparent;
}

.tab-link {
  width: 240px;
  margin-top: 12px;
  margin-right: 12px;
  margin-left: 12px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(117, 103, 248, .48);
  border-radius: 30px;
  background-color: hsla(0, 0%, 100%, 0);
  text-align: center;
}

.tab-link.w--current {
  background-color: rgba(117, 103, 248, .73);
  color: #fff;
}

.text-block-8 {
  color: #444;
}

.text-block-9 {
  color: #444;
}

.tabs-menu {
  margin-bottom: 29px;
}

.nav-link-2 {
  width: 100%;
  height: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-transition: background-color 300ms ease, color 200ms ease;
  transition: background-color 300ms ease, color 200ms ease;
  color: #212127;
  font-size: 16px;
  font-weight: 300;
}

.nav-link-2:hover {
  background-image: -webkit-linear-gradient(270deg, #55c8d2, #55c8d2);
  background-image: linear-gradient(180deg, #55c8d2, #55c8d2);
  color: #fff;
}

.nav-link-3 {
  margin-top: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 50px;
  color: #212127;
  font-size: 16px;
  font-weight: 300;
}

.nav-link-3:hover {
  color: #7567f8;
}

.nav-link-3.backto {
  border: 0px solid #55c8d2;
  -webkit-transition: color 100ms ease, background-color 300ms ease;
  transition: color 100ms ease, background-color 300ms ease;
  color: #3558f5;
}

.nav-link-3.backto:hover {
  border-width: 0px;
  border-color: #3558f5;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  color: rgba(136, 13, 250, .93);
}

.nav-link-4 {
  margin-top: 10px;
  padding: 8px 28px;
  border: 1px solid #55c8d2;
  border-radius: 20px;
  box-shadow: 0 3px 90px 0 transparent;
  color: #55c8d2;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
}

.nav-link-4:hover {
  color: #7567f8;
}

.link-copy {
  padding: 16px 60px;
  border-radius: 60px;
  background-image: -webkit-linear-gradient(270deg, #31d8c3, #31d8c3);
  background-image: linear-gradient(180deg, #31d8c3, #31d8c3);
  -webkit-transition: background-color 200ms ease, opacity 200ms ease;
  transition: background-color 200ms ease, opacity 200ms ease;
}

.link-copy:hover {
  background-color: #05b19b;
  background-image: -webkit-linear-gradient(270deg, #11bba6, #11bba6);
  background-image: linear-gradient(180deg, #11bba6, #11bba6);
}

.starndard-button {
  padding: 16px 60px;
  border-radius: 60px;
  background-image: -webkit-linear-gradient(270deg, #55c8d2, #55c8d2);
  background-image: linear-gradient(180deg, #55c8d2, #55c8d2);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.starndard-button:hover {
  background-image: -webkit-linear-gradient(270deg, #3ea1aa, #3ea1aa);
  background-image: linear-gradient(180deg, #3ea1aa, #3ea1aa);
}

.starndard-button.button-overlay {
  padding-right: 10px;
  padding-left: 10px;
  background-color: #3558f5;
}

.paragraph-4 {
  margin-right: 32px;
  margin-left: 32px;
  text-align: center;
}

.image-8 {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.heading-2 {
  margin-top: 100px;
  font-size: 38px;
  text-align: center;
}

.heading-2.tab-features-heading {
  margin-top: 0px;
  margin-bottom: 40px;
  font-size: 32px;
}

.image-9 {
  display: block;
  margin: 40px auto 20px;
}

.slide {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  background-image: url('../images/slider01.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.nav-link-6 {
  color: #212127;
  font-size: 16px;
  font-weight: 300;
}

.nav-link-6:hover {
  color: #7567f8;
}

.nav-link-6.w--current {
  padding-right: 20px;
  padding-left: 20px;
  font-weight: 300;
}

.heading-3 {
  margin-top: 31px;
  font-size: 38px;
  text-align: center;
}

.section-3 {
  margin-bottom: 47px;
}

.slider {
  height: 400px;
  border-style: none;
}

.paragraph-5 {
  display: none;
}

.paragraph-6 {
  display: none;
}

.slider-2 {
  display: none;
}

.bold-text {
  font-size: 16px;
}

.bold-text-2 {
  font-size: 16px;
}

.paragraph-7 {
  color: #212127;
  font-size: 16px;
}

.paragraph-8 {
  color: #212127;
  font-size: 16px;
}

.bold-text-3 {
  font-size: 16px;
}

.paragraph-9 {
  color: #464646;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 1px;
}

.paragraph-10 {
  color: #212127;
  font-size: 16px;
  letter-spacing: 1px;
}

.bold-text-4 {
  font-size: 16px;
}

.bold-text-5 {
  font-size: 16px;
}

.paragraph-11 {
  color: #212127;
  font-size: 16px;
}

.bold-text-6 {
  font-size: 16px;
}

.paragraph-12 {
  color: #212127;
  font-size: 16px;
  letter-spacing: 1px;
}

.bold-text-7 {
  font-size: 16px;
}

.paragraph-13 {
  color: #212127;
  font-size: 16px;
}

.bold-text-8 {
  font-size: 16px;
}

.paragraph-14 {
  color: #212127;
  font-size: 16px;
}

.paragraph-15 {
  color: #212127;
  font-size: 16px;
}

.bold-text-9 {
  font-size: 16px;
}

.bold-text-10 {
  font-size: 16px;
}

.paragraph-16 {
  color: #212127;
  font-size: 16px;
}

.bold-text-11 {
  font-size: 16px;
}

.paragraph-17 {
  color: #212127;
  font-size: 16px;
}

.bold-text-12 {
  font-size: 16px;
}

.bold-text-13 {
  color: #212127;
  font-weight: 300;
}

.bold-text-14 {
  font-size: 1px;
}

.bold-text-15 {
  font-size: 16px;
}

.bold-text-16 {
  color: #212127;
  font-weight: 300;
}

.bold-text-17 {
  font-size: 16px;
}

.bold-text-18 {
  color: #212127;
  font-weight: 300;
}

.bold-text-19 {
  color: #212127;
  font-weight: 300;
}

.paragraph-18 {
  color: #212127;
  font-size: 16px;
}

.paragraph-19 {
  color: #212127;
  font-size: 16px;
}

.paragraph-20 {
  color: #212127;
  font-size: 16px;
}

.paragraph-21 {
  color: #212127;
  font-size: 16px;
}

.paragraph-22 {
  color: #212127;
  font-size: 16px;
}

.paragraph-23 {
  color: #212127;
}

.paragraph-24 {
  color: #212127;
  font-size: 16px;
}

.paragraph-25 {
  color: #212127;
  font-size: 16px;
}

.paragraph-26 {
  color: #212127;
  font-size: 16px;
}

.paragraph-27 {
  color: #212127;
  font-size: 16px;
}

.div-block-2 {
  background-image: -webkit-linear-gradient(180deg, #28ff5c, #6180ff);
  background-image: linear-gradient(270deg, #28ff5c, #6180ff);
}

.section-4 {
  margin-left: -2px;
  padding-top: 50px;
  padding-bottom: 100px;
  background-color: #7567f8;
  background-image: url('../images/slider-bg-07.png');
  background-position: 0px 0px;
  background-size: cover;
}

.section-4.slider {
  height: auto;
  padding-top: 80px;
  padding-bottom: 120px;
}

.news-slides {
  background-color: transparent;
}

.paragraph-28 {
  margin-bottom: 0px;
  padding: 13px 72px 0px;
  color: #fff;
  text-align: center;
}

.image-10 {
  display: block;
  width: 100%;
  height: 30%;
  margin: 46px auto 0px;
  border-radius: 0px;
  background-image: url('../images/slider-nobg-03.png');
  background-position: 0px 0px;
  background-size: 1999px;
}

.slide-2 {
  background-image: url('../images/重磅登場.png');
  background-position: -38px 50%;
  background-size: cover;
}

.slide-3 {
  background-image: url('../images/一個月讓你.png');
  background-position: 27px 50%;
  background-size: contain;
}

.slide-4 {
  background-image: url('../images/報名吧.png');
  background-position: 0px 0px;
  background-size: contain;
}

.slide-5 {
  background-image: url('../images/高峰會.png');
  background-position: 0px 0px;
  background-size: contain;
}

.heading-4 {
  margin-bottom: 12px;
  padding-bottom: 8px;
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 5.5px;
}

.slide-nav-2 {
  left: 0px;
  top: 300px;
  right: 0px;
  bottom: 0px;
  padding-top: 40px;
  padding-bottom: 0px;
}

.slide-nav-3 {
  padding-top: 0px;
  padding-left: 0px;
}

.div-block-3 {
  display: none;
  width: 10%;
  height: 4px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  background-image: -webkit-linear-gradient(180deg, #1ebfd0 10%, #bf85e6 82%);
  background-image: linear-gradient(270deg, #1ebfd0 10%, #bf85e6 82%);
}

.bold-text-20 {
  font-size: 48px;
  font-weight: 400;
}

.banner-title {
  font-size: 48px;
  font-weight: 400;
  letter-spacing: 10px;
}

.paragraph-light {
  padding-right: 20px;
  padding-left: 20px;
  float: none;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 1px;
}

.link-3 {
  color: #55c8d2;
  text-decoration: none;
}

.paragraph-29 {
  padding-right: 0px;
  padding-left: 0px;
  color: #212127;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0px;
}

.paragraph-29.feature {
  padding-right: 0px;
  padding-left: 0px;
}

.paragraph-30 {
  color: #464646;
  font-size: 16px;
  line-height: 30px;
}

.paragraph-31 {
  color: #464646;
  font-size: 16px;
  line-height: 30px;
}

.section-5 {
  padding: 80px 10px;
  clear: none;
  background-image: -webkit-linear-gradient(270deg, #f4f5f7, #f4f5f7);
  background-image: linear-gradient(180deg, #f4f5f7, #f4f5f7);
}

.full-title {
  margin-top: 0px;
  margin-bottom: 20px;
  padding-top: 0px;
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 5px;
}

.full-title.black-text {
  color: #212127;
}

.full-title.black-text.purple-text {
  color: #000;
  font-weight: 600;
  text-align: center;
}

.full-title.black-text.purple-text.jobtitle {
  text-align: left;
}

.full-title.cta {
  margin-bottom: 16px;
}

.image-11 {
  width: auto;
}

.row {
  margin-top: 29px;
  margin-bottom: 100px;
}

.intro {
  margin: 8px 36px;
  color: #fff;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 1px;
}

.intro.bold {
  margin-top: 24px;
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
}

.intro.resource {
  margin-top: 12px;
  margin-bottom: 40px;
}

.heading-6 {
  font-size: 30px;
  font-weight: 400;
  text-align: center;
}

.heading-6._2-col-title {
  color: #3558f5;
  letter-spacing: 3px;
}

.heading-7 {
  font-size: 30px;
  font-weight: 400;
  text-align: center;
}

.heading-7._2-col-title {
  color: #3558f5;
}

.image-12 {
  width: 100%;
  margin-top: 0px;
}

.image-13 {
  width: 100%;
  margin-top: 0px;
}

.section-6 {
  margin-top: 0px;
  padding-top: 60px;
  padding-bottom: 80px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  letter-spacing: 1px;
}

.column-7 {
  margin-top: 0px;
  padding-right: 48px;
  padding-left: 48px;
}

.column-8 {
  padding-right: 48px;
  padding-left: 48px;
}

.row-2 {
  margin-bottom: 100px;
}

.heading-8 {
  margin-top: 59px;
  text-align: center;
}

.div-block-5 {
  width: 40%;
  height: 1px;
  margin: 36px auto 0px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  color: #fff;
}

.div-block-5.gpu {
  width: 60%;
  height: auto;
  margin-top: 48px;
}

.paragraph-33 {
  height: 150px;
  margin-bottom: 10px;
  color: #212127;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 1px;
}

.column-11 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-12 {
  position: static;
  top: 0px;
  right: 0px;
  bottom: 0px;
  padding-left: 0px;
}

.section-7 {
  padding-top: 60px;
  padding-bottom: 80px;
  background-color: rgba(117, 103, 248, .73);
  background-image: -webkit-linear-gradient(270deg, #f4f5f7, #fff), -webkit-linear-gradient(270deg, #fbfbfb, #fbfbfb);
  background-image: linear-gradient(180deg, #f4f5f7, #fff), linear-gradient(180deg, #fbfbfb, #fbfbfb);
}

.heading-9 {
  font-size: 32px;
}

.div-block-6 {
  width: 80%;
  height: auto;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
}

.heading-10 {
  font-size: 32px;
  text-align: center;
}

.p {
  padding-bottom: 1px;
  color: #212127;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 1px;
}

.p.resource {
  margin-bottom: 32px;
  padding-bottom: 0px;
}

.div-block-7 {
  width: 100%;
  height: 250px;
  margin-top: 44px;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 76%, .5), hsla(0, 0%, 76%, .5));
  background-image: linear-gradient(180deg, hsla(0, 0%, 76%, .5), hsla(0, 0%, 76%, .5));
}

.column-17 {
  padding-right: 32px;
  padding-left: 32px;
}

.column-18 {
  padding-right: 32px;
  padding-left: 32px;
}

.section-8 {
  padding-top: 80px;
  padding-bottom: 80px;
  background-image: -webkit-radial-gradient(circle farthest-corner at 50% 50%, #001192, #000651);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #001192, #000651);
  color: transparent;
  font-size: 16px;
}

.paragraph-35 {
  height: 150px;
  color: #212127;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 1px;
}

._2-col-title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 3px;
}

._2-col-title.jobtitile {
  text-align: left;
}

.dark-text.tittle-footer {
  color: #212127;
  font-size: 20px;
  letter-spacing: 5px;
}

.dark-text.tittle-footer.light-footer {
  color: #fff;
}

.dark-text.tittle-footer.dark-footer {
  color: #fff;
}

.section-9 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url('../images/dark_bg-02.jpg');
  background-position: 0px 0px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.section-9.cta-resource {
  padding-top: 80px;
  padding-bottom: 60px;
  background-size: cover;
  text-align: center;
}

.dorm {
  width: 100%;
  height: 500px;
}

.section-10 {
  margin-top: 0px;
  padding-top: 80px;
  padding-bottom: 80px;
  background-image: -webkit-linear-gradient(310deg, #e4e4e4, #fff);
  background-image: linear-gradient(140deg, #e4e4e4, #fff);
}

.section-10.goals {
  position: static;
  overflow: hidden;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
}

.image-14 {
  margin-top: 40px;
  margin-bottom: 0px;
}

.container-2 {
  font-size: 16px;
  line-height: 34px;
}

.div-block-8 {
  position: absolute;
  overflow: visible;
  width: 100%;
  height: 100%;
  background-color: rgba(32, 30, 48, .64);
}

.brief {
  margin-bottom: 18px;
  color: #212127;
  font-size: 16px;
  text-align: left;
}

.brief.sub-title {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 600;
}

.brief.resource {
  margin-top: 12px;
  margin-bottom: 40px;
  text-align: center;
}

.heading-11 {
  margin-bottom: 32px;
  text-align: center;
}

.paragraph-37 {
  color: #2f3136;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
}

.container-3 {
  text-align: center;
}

.section-11 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.div-block-9 {
  width: 100%;
  margin-top: 64px;
  margin-right: auto;
  margin-left: auto;
}

.heading-12 {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 700;
}

.div-block-10 {
  width: 100%;
  height: 1px;
  margin-bottom: 8px;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .08));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .08));
}

.link-6 {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #0980c3;
  font-size: 16px;
  text-decoration: none;
}

.link-6:hover {
  color: rgba(117, 103, 248, .92);
  text-decoration: underline;
}

.link-5 {
  display: none;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  color: #0980c3;
  font-size: 16px;
  text-decoration: none;
}

.link-5:hover {
  color: rgba(117, 103, 248, .92);
  text-decoration: underline;
}

.link-7 {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #0980c3;
  font-size: 16px;
  text-decoration: none;
}

.link-7:hover {
  color: rgba(117, 103, 248, .92);
  text-decoration: underline;
}

.div-block-11 {
  height: auto;
  min-height: 150px;
  margin-right: auto;
  margin-left: auto;
}

.div-block-12 {
  height: auto;
  min-height: 150px;
  margin-right: auto;
  margin-left: auto;
}

.div-block-13 {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.image-15 {
  width: 100%;
  height: 100%;
}

.image-17 {
  width: 100%;
  height: 100%;
}

.image-18 {
  display: block;
  max-width: 85%;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
}

.bold-text-21 {
  font-size: 16px;
}

.bold-text-22 {
  font-size: 16px;
}

.bold-text-23 {
  font-size: 16px;
}

.bold-text-24 {
  font-size: 16px;
}

.bold-text-25 {
  font-size: 16px;
}

.bold-text-26 {
  font-size: 16px;
}

.bold-text-27 {
  font-size: 16px;
}

.bold-text-28 {
  font-size: 16px;
}

.bold-text-29 {
  font-size: 16px;
}

.bold-text-30 {
  font-size: 16px;
}

.bold-text-31 {
  font-size: 16px;
}

.div-block-15 {
  display: none;
}

.div-block-16 {
  width: 100%;
}

.goal-img {
  width: 90%;
  height: 300px;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/宗旨圖.png');
  background-position: 50% 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.image-19 {
  display: none;
}

.atf-h2 {
  margin-top: 0px;
  margin-bottom: 28px;
  color: #fff;
  font-size: 36px;
  font-weight: 300;
}

.section-12 {
  padding: 60px 10px 80px;
  background-image: url('../images/dark_bg-02.jpg');
  background-position: 0px 0px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.section-12.home {
  position: relative;
  background-image: url('../images/dark_bg-02.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.section-12.home.cta {
  padding-top: 80px;
}

.course-list {
  width: 60%;
  height: 440px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/課程表.png');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.image-20 {
  display: none;
}

.image-21 {
  display: none;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}

.section-13 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 80px 10px;
  background-image: -webkit-linear-gradient(270deg, rgba(209, 209, 224, .26), rgba(209, 209, 224, .26)), -webkit-linear-gradient(270deg, #f8f8f8, #f8f8f8);
  background-image: linear-gradient(180deg, rgba(209, 209, 224, .26), rgba(209, 209, 224, .26)), linear-gradient(180deg, #f8f8f8, #f8f8f8);
  color: #212127;
  font-size: 16px;
  line-height: 32px;
}

.div-block-179 {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding: 50px;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  -webkit-transition: box-shadow 400ms ease;
  transition: box-shadow 400ms ease;
}

.div-block-179:hover {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .08);
}

.div-block-179.div-block-180 {
  display: none;
  opacity: 1;
}

.heading-13 {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #75757c;
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
}

.heading-14 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 36px;
  letter-spacing: 5px;
}

.div-block-18 {
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 30px;
  background-color: #dee5eb;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .08));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .08));
}

.paragraph-40 {
  color: #212127;
  font-size: 16px;
  line-height: 32px;
}

.link-8 {
  color: #212127;
  font-size: 16px;
  line-height: 22px;
}

.link-9 {
  color: #212127;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  text-decoration: none;
}

.link-9:hover {
  color: #7567f8;
  text-decoration: underline;
}

.link-9.news {
  font-size: 18px;
}

.container-4 {
  display: block;
}

.div-block-1801 {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.div-block-1801.div-block-1802 {
  width: 80%;
}

.section-14 {
  padding-top: 200px;
  padding-bottom: 150px;
  background-image: -webkit-linear-gradient(0deg, #8f00ff, #7567f8), -webkit-linear-gradient(270deg, #8f00ff, #8f00ff);
  background-image: linear-gradient(90deg, #8f00ff, #7567f8), linear-gradient(180deg, #8f00ff, #8f00ff);
}

.heading-15 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 60px;
  line-height: 70px;
  letter-spacing: 10px;
}

.heading-16 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.heading-17 {
  margin-top: 0px;
  margin-bottom: 10px;
  color: hsla(0, 0%, 100%, .57);
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
}

.div-block-181 {
  display: block;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.paragraph-41 {
  color: #212127;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0px;
}

.heading-18 {
  margin-top: 30px;
}

.heading-18.heading-20 {
  margin-bottom: 10px;
}

.paragraph-42 {
  color: #212127;
  font-size: 20px;
  line-height: 48px;
  font-weight: 400;
}

.paragraph-42.paragraph-48 {
  font-size: 16px;
  line-height: 32px;
}

.paragraph-43 {
  color: #212127;
  font-size: 16px;
}

.div-block-182 {
  width: 100%;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .08));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .08));
  color: #464646;
  font-size: 24px;
}

.paragraph-44 {
  color: #212127;
  font-size: 16px;
  line-height: 36px;
}

.paragraph-45 {
  color: #212127;
  font-size: 16px;
  line-height: 36px;
}

.heading-19 {
  margin-top: 30px;
}

.paragraph-46 {
  color: #212127;
  font-size: 20px;
  line-height: 48px;
  font-weight: 400;
}

.heading-21 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 48px;
}

.heading-22 {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 48px;
}

.paragraph-49 {
  color: #212127;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}

.heading-23 {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 48px;
}

.paragraph-50 {
  color: #212127;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}

.heading-24 {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 48px;
}

.paragraph-51 {
  color: #212127;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}

.heading-25 {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 48px;
}

.paragraph-52 {
  color: #212127;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}

.heading-26 {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 48px;
}

.paragraph-53 {
  color: #212127;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}

.heading-27 {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 48px;
}

.paragraph-54 {
  color: #212127;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}

.heading-28 {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 48px;
}

.paragraph-55 {
  color: #212127;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}

.heading-29 {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 48px;
}

.paragraph-56 {
  color: #212127;
  font-weight: 400;
}

.heading-30 {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 48px;
}

.paragraph-57 {
  color: #212127;
  font-weight: 400;
}

.paragraph-58 {
  color: #212127;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}

.link-10 {
  margin-bottom: 10px;
  padding: 0px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  font-family: Muli, sans-serif;
  color: #000;
  font-size: 32px;
  line-height: 44px;
  font-weight: 700;
  letter-spacing: 5px;
}

.link-10:hover {
  color: #7567f8;
}

.link-10.news.title {
  margin-bottom: 20px;
}

.link-11 {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 28px;
  border: 1px solid #55c8d2;
  border-radius: 20px;
  background-image: -webkit-linear-gradient(270deg, #55c8d2, #55c8d2);
  background-image: linear-gradient(180deg, #55c8d2, #55c8d2);
  -webkit-transition: background-color 400ms ease, color 300ms ease;
  transition: background-color 400ms ease, color 300ms ease;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.link-11:hover {
  background-image: -webkit-linear-gradient(270deg, #32adb8, #32adb8);
  background-image: linear-gradient(180deg, #32adb8, #32adb8);
  color: #fff;
}

.link-12 {
  margin-top: 10px;
}

.link-13 {
  margin-top: 10px;
}

.link-14 {
  margin-top: 13px;
}

.link-15 {
  margin-top: 14px;
}

.link-16 {
  margin-top: 15px;
}

.link-17 {
  margin-top: 16px;
}

.link-18 {
  margin-top: 15px;
}

.link-19 {
  margin-top: 15px;
}

.link-20 {
  margin-top: 15px;
}

.link-21 {
  margin-top: 14px;
}

.link-22 {
  margin-top: 14px;
}

.link-23 {
  margin-top: 14px;
}

.link-24 {
  margin-top: 13px;
}

.link-25 {
  margin-top: 13px;
}

.link-26 {
  margin-top: 13px;
}

.link-27 {
  margin-top: 13px;
}

.link-28 {
  margin-top: 13px;
}

.link-29 {
  margin-top: 13px;
}

.link-30 {
  margin-top: 14px;
}

.link-31 {
  margin-top: 14px;
}

.link-32 {
  margin-top: 14px;
}

.link-33 {
  margin-top: 15px;
}

.link-34 {
  margin-top: 15px;
}

.link-35 {
  margin-top: 13px;
}

.link-36 {
  margin-top: 11px;
}

.link-37 {
  margin-top: 10px;
}

.link-38 {
  margin-top: 10px;
}

.link-39 {
  margin-top: 9px;
}

.link-40 {
  margin-top: 20px;
}

.link-41 {
  margin-top: 20px;
}

.link-42 {
  margin-top: 23px;
}

.link-43 {
  margin-top: 24px;
}

.link-44 {
  margin-top: 23px;
}

.link-45 {
  margin-top: 18px;
}

.link-46 {
  margin-top: 15px;
}

.link-47 {
  margin-top: 12px;
}

.link-48 {
  margin-top: 12px;
  margin-left: 20px;
  background-image: -webkit-linear-gradient(270deg, #55c8d2, #55c8d2);
  background-image: linear-gradient(180deg, #55c8d2, #55c8d2);
}

.link-block-2 {
  display: block;
  width: 100%;
  height: 100%;
}

.row-3 {
  margin-top: 0px;
  padding-top: 1px;
}

.pricing.sub-title {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: -64px;
  padding-left: 0px;
  color: #9096a4;
  font-weight: 300;
  letter-spacing: 3px;
}

.pricing.info {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #000651;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 2px;
}

.pricing.team {
  margin-left: 12px;
}

.workshop.img {
  display: block;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.dropdown-toggle {
  margin-top: -22px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

.text-block-10 {
  padding-top: 20px;
  padding-right: 8px;
  padding-bottom: 20px;
  color: #212127;
  font-size: 16px;
  font-weight: 300;
}

.text-block-10:hover {
  color: #7567f8;
}

.icon-2 {
  color: #7567f8;
  font-weight: 300;
}

.dropdown-list-2 {
  margin-top: 4px;
  padding-bottom: 0px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .28);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.navbar {
  position: fixed;
  left: auto;
  top: 0px;
  width: 100%;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
}

.button {
  position: fixed;
  right: 7%;
  bottom: 5%;
  z-index: 9999;
  padding: 30px;
  clear: both;
  border-radius: 100px;
  background-image: url('../images/down-arrow-3.png'), -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: url('../images/down-arrow-3.png'), linear-gradient(180deg, #fff, #fff);
  background-position: 50% 57%, 0px 0px;
  background-size: 25px 25px, auto;
  background-repeat: no-repeat, repeat;
  box-shadow: -1px 0 4px 0 rgba(0, 0, 0, .3);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.button.w--current {
  background-image: url('../images/down-arrow-3.png'), -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: url('../images/down-arrow-3.png'), linear-gradient(180deg, #fff, #fff);
  background-size: 20px 20px, auto;
}

.div-block-1803 {
  width: 0px;
  height: 0px;
  margin-right: auto;
  margin-left: auto;
  border-style: none solid solid;
  border-color: #000;
  border-top-width: 1px;
}

.row-4 {
  display: none;
}

.paragraph-59 {
  margin: 12px 12px 0px;
  padding-right: 12px;
  padding-left: 12px;
  color: #212127;
  font-size: 16px;
  line-height: 34px;
  font-weight: 300;
  text-align: justify;
  letter-spacing: 1px;
}

.row-5 {
  margin-top: 42px;
}

.heading-31 {
  margin-bottom: 4px;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 2px;
}

.paragraph-60 {
  color: #fff;
  font-size: 16px;
}

.div-block-1804 {
  position: absolute;
  left: 50%;
  top: 66%;
  width: 1px;
  height: 120px;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49));
}

.image-22 {
  width: 100%;
  padding-right: 42px;
  padding-bottom: 0px;
  padding-left: 72px;
}

.image-23 {
  display: none;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.div-block-1806 {
  width: 100%;
  height: 1px;
  background-image: -webkit-linear-gradient(270deg, rgba(144, 150, 164, .6), rgba(144, 150, 164, .6));
  background-image: linear-gradient(180deg, rgba(144, 150, 164, .6), rgba(144, 150, 164, .6));
}

.button-2 {
  margin-top: 16px;
  padding: 12px 34px;
  border-radius: 50px;
  background-image: -webkit-linear-gradient(270deg, #55c8d2, #55c8d2);
  background-image: linear-gradient(180deg, #55c8d2, #55c8d2);
  font-size: 16px;
  text-align: center;
}

.div-block-1813 {
  display: block;
  width: 75%;
  margin-right: auto;
  margin-left: auto;
}

.container-5 {
  text-align: center;
}

.container-6 {
  text-align: center;
}

.container-7 {
  text-align: center;
}

.single {
  box-shadow: 0 0 6px 0 #fff;
}

.single.pricing {
  margin-right: 12px;
  box-shadow: none;
}

html.w-mod-js *[data-ix="fade-right"] {
  opacity: 0;
  -webkit-transform: translate(-60px, 0px);
  -ms-transform: translate(-60px, 0px);
  transform: translate(-60px, 0px);
}

html.w-mod-js *[data-ix="fade-left"] {
  opacity: 0;
  -webkit-transform: translate(60px, 0px);
  -ms-transform: translate(60px, 0px);
  transform: translate(60px, 0px);
}

html.w-mod-js *[data-ix="fade-left-2"] {
  opacity: 0;
  -webkit-transform: translate(60px, 0px);
  -ms-transform: translate(60px, 0px);
  transform: translate(60px, 0px);
}

html.w-mod-js *[data-ix="fade-left-3"] {
  opacity: 0;
  -webkit-transform: translate(60px, 0px);
  -ms-transform: translate(60px, 0px);
  transform: translate(60px, 0px);
}

html.w-mod-js *[data-ix="fade-left-4"] {
  opacity: 0;
  -webkit-transform: translate(60px, 0px);
  -ms-transform: translate(60px, 0px);
  transform: translate(60px, 0px);
}

html.w-mod-js *[data-ix="fade-up"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-4"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-5"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-6"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-7"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-8"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-9"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="hide-project-overlay-on-initial"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="progress-line-in-scroll"] {
  width: 0px;
}

html.w-mod-js *[data-ix="progress-line-in-scroll-2"] {
  width: 0px;
}

html.w-mod-js *[data-ix="toggle-content-initial"] {
  height: 0px;
}

html.w-mod-js *[data-ix="intitialoverlay-button"] {
  width: 0%;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

html.w-mod-js *[data-ix="sign-initial-appearance"] {
  opacity: 0;
  -webkit-transform: translate(0px, 10px);
  -ms-transform: translate(0px, 10px);
  transform: translate(0px, 10px);
}

html.w-mod-js *[data-ix="display-none-footer-on-load"] {
  display: none;
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="move-up-portfolio-icon"] {
  opacity: 0;
  -webkit-transform: translate(0px, -20px);
  -ms-transform: translate(0px, -20px);
  transform: translate(0px, -20px);
}

html.w-mod-js *[data-ix="display-none-on-load"] {
  display: none;
  opacity: 0;
  -webkit-transform: scale(1.09, 1.09);
  -ms-transform: scale(1.09, 1.09);
  transform: scale(1.09, 1.09);
}

html.w-mod-js *[data-ix="page-fade-in"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="fade-up-1"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

@media (max-width: 991px) {
  .body {
    padding: 20px 0px;
  }
  .bottom-border {
    display: block;
    opacity: 1;
  }
  .bottom-border.coming {
    display: block;
  }
  .copyright-writter {
    display: block;
  }
  .navigation {
    padding-left: 30px;
  }
  .brand {
    margin-top: 0px;
    padding-left: 10px;
  }
  .brand.w--current {
    padding-left: 10px;
  }
  .nav-menu-style-1 {
    background-color: #fff;
  }
  .nav-menu-style-1.second-style {
    display: block;
    overflow: scroll;
    width: 450px;
    margin-top: 0px;
    margin-right: 0px;
  }
  .banner {
    height: 600px;
  }
  .banner.page-title {
    padding-top: 120px;
    padding-bottom: 35px;
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), url('../images/teachers_banner.jpg'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 12%, #e0e0e0);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), url('../images/teachers_banner.jpg'), radial-gradient(circle farthest-corner at 50% 50%, #fff 12%, #e0e0e0);
    background-position: 0px 0px, 0px 50px, 0px 0px;
    background-size: auto, 100%, auto;
    background-repeat: repeat, no-repeat, repeat;
    background-attachment: scroll, fixed, scroll;
  }
  .banner.page-title.portfolio {
    padding-top: 150px;
  }
  .banner.page-title.portfolio.intro {
    padding-top: 150px;
    padding-bottom: 120px;
  }
  .banner.page-title._3 {
    padding-top: 150px;
  }
  .banner.page-title.author {
    padding-top: 160px;
    padding-bottom: 150px;
  }
  .banner.page-title.faq {
    height: auto;
    padding-bottom: 70px;
    background-image: url('../images/網站分頁-07.png'), -webkit-linear-gradient(270deg, transparent, transparent), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
    background-image: url('../images/網站分頁-07.png'), linear-gradient(180deg, transparent, transparent), radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
    background-position: 50% 71px, 0px 0px, 0px 0px;
    background-size: 100%, auto, auto;
    background-repeat: no-repeat, repeat, repeat;
    background-attachment: fixed, scroll, scroll;
  }
  .banner.page-title.resources {
    height: auto;
    padding-top: 140px;
    padding-bottom: 100px;
    background-image: url('../images/網站分頁-06.png'), -webkit-linear-gradient(270deg, transparent, transparent), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
    background-image: url('../images/網站分頁-06.png'), linear-gradient(180deg, transparent, transparent), radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
    background-position: 50% 87px, 0px 0px, 0px 0px;
    background-size: 100%, auto, auto;
    background-repeat: no-repeat, repeat, repeat;
    background-attachment: fixed, scroll, scroll;
  }
  .banner.page-title.supernova {
    height: auto;
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), url('../images/teachers_banner.jpg'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 12%, #e0e0e0);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), url('../images/teachers_banner.jpg'), radial-gradient(circle farthest-corner at 50% 50%, #fff 12%, #e0e0e0);
    background-position: 0px 0px, 0px 50px, 0px 0px;
    background-size: auto, 100%, auto;
    background-repeat: repeat, no-repeat, repeat;
    background-attachment: scroll, fixed, scroll;
  }
  .banner.blog {
    height: auto;
    margin-top: 0px;
    padding: 140px 10px 80px;
    background-image: url('../images/網站分頁-03.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 50%, #dbdbdb);
    background-image: url('../images/網站分頁-03.png'), radial-gradient(circle farthest-corner at 50% 50%, #fff 50%, #dbdbdb);
    background-position: 50% 94px, 0px 0px;
    background-size: 100%, auto;
    background-repeat: no-repeat, repeat;
    background-attachment: fixed, scroll;
  }
  .banner.blog.third {
    padding-top: 150px;
  }
  .banner.third-page {
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 93%, .3), hsla(0, 0%, 93%, .3)), url('../images/34253-1.jpg');
    background-image: linear-gradient(180deg, hsla(0, 0%, 93%, .3), hsla(0, 0%, 93%, .3)), url('../images/34253-1.jpg');
    background-position: 0px 0px, 0px 100%;
  }
  .banner.second {
    height: 1000px;
    padding-top: 100px;
    padding-bottom: 100px;
    background-position: 35% 50%;
  }
  .banner.service {
    padding-top: 150px;
  }
  .banner.service._2 {
    padding-top: 150px;
  }
  .banner.service._3 {
    padding-top: 100px;
  }
  .banner.portfolio {
    padding-top: 150px;
  }
  .banner.fourth {
    height: 700px;
  }
  .container-fluid {
    top: 40%;
    width: 80%;
    max-width: auto;
  }
  .container-fluid.first {
    width: 60%;
    float: left;
  }
  .container-fluid.center.video {
    margin-top: 0px;
  }
  .container-fluid.center.video.padding {
    top: 55%;
    margin-top: 0px;
    padding-top: 0px;
  }
  .container-fluid.border {
    top: 50%;
  }
  .top-padding.toggle {
    width: 90%;
  }
  .link-color-button:hover {
    padding-right: 34px;
    padding-left: 34px;
  }
  .link-color-button.suscribe-button {
    width: 50%;
  }
  .link-color-button.suscribe-button.newsletter.lighter {
    width: 30%;
  }
  .link-color-button.single:hover {
    padding-right: 34px;
    padding-left: 34px;
  }
  .section {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .section.color {
    background-image: url('../images/dark_bg-02.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .section.subscribes {
    background-color: #000;
    background-position: 0px 79px;
  }
  .section.lightbg {
    background-image: url('../images/lumi_lines.png'), url('../images/planet_m.png'), url('../images/planets.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #f4f5f7, #d1d1e0), -webkit-linear-gradient(270deg, transparent, transparent);
    background-image: url('../images/lumi_lines.png'), url('../images/planet_m.png'), url('../images/planets.png'), radial-gradient(circle farthest-corner at 50% 50%, #f4f5f7, #d1d1e0), linear-gradient(180deg, transparent, transparent);
    background-position: 0px 122px, 100% 0px, 68px 97%, 0px 0px, 0px 0px;
    background-size: 80%, 210px, 50%, auto, auto;
  }
  .section.feature {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .section-tittle-hero-white {
    font-size: 34px;
  }
  .section-tittle-hero-white.in-half-section {
    font-size: 38px;
  }
  .subtittle {
    font-size: 20px;
  }
  .subtittle.bold {
    margin-top: 60px;
    font-size: 20px;
  }
  .subtittle.bold.white-one {
    margin-top: 0px;
  }
  .subtittle.bold.author {
    width: 20%;
  }
  .bottom-padding-80.top {
    margin-top: 0px;
  }
  .play-button.left.purple {
    float: left;
  }
  .features-wrapper {
    margin-bottom: 20px;
  }
  .features-wrapper.lighter {
    padding-right: 15px;
    padding-left: 15px;
  }
  .paragraph.testimonial {
    font-size: 16px;
    line-height: 30px;
  }
  .paragraph.white.subtitle {
    line-height: 25px;
  }
  .paragraph.text.goal {
    line-height: 36px;
  }
  .paragraph.descriptions {
    margin-right: 12px;
  }
  .tab-menu.left-side {
    margin-right: 120px;
    margin-left: 120px;
  }
  .project-content.style {
    width: 100%;
    height: 100%;
    padding-top: 29%;
    padding-bottom: 29%;
  }
  .project-content.style._1 {
    width: 100%;
    height: 100%;
    padding-top: 29%;
    padding-bottom: 29%;
  }
  .project-content.style._1.icon-content {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .project-content.style._2 {
    padding-top: 29%;
    padding-bottom: 29%;
  }
  .project-content.style._2.full {
    padding-top: 26%;
    padding-bottom: 26%;
  }
  .project-content.style._2.icon-content {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .project-content.style.icon-content {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .container {
    position: static;
    padding-left: 12px;
  }
  .container.left-side {
    padding-left: 0px;
  }
  .container.container-01 {
    padding-left: 0px;
  }
  .testimonial-wrapper {
    width: 100%;
  }
  .vertical-column-row {
    display: block;
  }
  .sub-text {
    font-size: 21px;
  }
  .sub-text.dark-on {
    font-size: 20px;
    line-height: 30px;
  }
  .sub-text.bottom {
    line-height: 28px;
  }
  .sub-text.bold {
    font-size: 20px;
  }
  .center.blog {
    width: 80%;
  }
  .center.text {
    margin-bottom: 0px;
  }
  .form-block {
    width: 70%;
  }
  .form-block.style-1 {
    margin-top: 40px;
  }
  .text-field-style-2.transparent {
    width: 76%;
    padding-left: 20px;
  }
  .team-wrapper {
    overflow: hidden;
    height: 450px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .team-heading {
    font-size: 20px;
  }
  .section-tittle.dark {
    margin-top: 0px;
    font-size: 40px;
    line-height: 55px;
  }
  .section-tittle.dark.big {
    font-size: 50px;
    line-height: 60px;
  }
  .section-tittle.banner-title {
    font-size: 40px;
  }
  .section-tittle.banner-title.resource {
    font-size: 36px;
  }
  .dropdown-list.w--open {
    background-color: #f1f1f7;
  }
  .dropdown-list.vertical.w--open {
    padding-right: 10px;
    padding-left: 10px;
    background-color: #f1f1f7;
  }
  .dropdown-link.w--current {
    background-color: transparent;
    color: #7567f8;
  }
  .dropdown-link.vertical {
    padding-right: 10px;
    padding-left: 10px;
  }
  .dropdown-link.vertical.w--current {
    padding-right: 10px;
    padding-left: 10px;
  }
  .menu-button {
    background-color: transparent;
  }
  .line-features.tint {
    margin-bottom: 12px;
  }
  .left {
    float: none;
  }
  .testimonials-slider {
    height: auto;
  }
  .slide-nav {
    top: 380px;
  }
  .tittle-footer {
    margin-top: 0px;
  }
  .tittle-footer.lighter {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .tittle-footer.second {
    margin-top: 0px;
  }
  .baner-big-text {
    font-size: 45px;
    line-height: 55px;
  }
  .baner-big-text.smaller {
    font-size: 45px;
    line-height: 55px;
  }
  .baner-big-text.white.center {
    margin-top: 64px;
    padding-top: 0px;
  }
  .baner-big-text.white.center.atf {
    margin-top: 120px;
  }
  .baner-big-text.white.center.atf-h2 {
    margin-top: 24px;
  }
  .contact-us {
    display: none;
  }
  .pricing-wrapper.right {
    width: 47%;
    padding-right: 30px;
    padding-left: 30px;
  }
  .pricing-wrapper.center {
    width: 49%;
    padding-right: 30px;
    padding-left: 30px;
  }
  .pricing-wrapper.left {
    width: 47%;
    padding-right: 30px;
    padding-left: 30px;
  }
  .pricing-plan {
    margin-right: -30px;
    margin-left: -30px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .div-left-bars {
    display: block;
    width: 92%;
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
  }
  .half-section {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
  }
  .half-section.image-background.intro {
    width: 100%;
    background-position: 50% 50%, 0px 0px, 50% 50%;
  }
  .half-section.gray {
    width: 100%;
  }
  .toggle-tittle {
    float: none;
    font-size: 12px;
  }
  .contact-us-tittle {
    font-size: 16px;
  }
  .contact-us-content.portfolio {
    width: 90%;
  }
  .contact-us-content.author {
    padding-bottom: 20px;
  }
  .contact-us-content.light.contact {
    width: 90%;
  }
  .contact-small-content.middle.columns {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .preview-container.blog {
    margin-left: 0px;
  }
  .preview-image {
    height: 300px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .preview-image.list {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
  }
  .overlay.hover {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .overlay.hover.list {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
  }
  .link-blog-post {
    font-size: 16px;
    line-height: 24px;
  }
  .link-blog-post:hover {
    line-height: 24px;
  }
  .by {
    font-size: 14px;
    line-height: 24px;
  }
  .author-name {
    font-size: 14px;
    line-height: 24px;
  }
  .blog-date {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 24px;
  }
  .blog-latest-content {
    padding-right: 0px;
    padding-left: 0px;
  }
  .dark {
    font-size: 20px;
  }
  .service-row.pricing {
    max-width: 90%;
  }
  .contact-pop-up {
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    padding: 8% 8% 0%;
  }
  .contact-pop-up.normal {
    height: auto;
    padding-right: 40px;
    padding-bottom: 0px;
    padding-left: 40px;
    text-align: left;
  }
  .contact-pop-up.normal.black {
    padding-right: 40px;
    padding-left: 40px;
  }
  .useful-pages.bottom {
    margin-top: 40px;
  }
  .latest-news.bottom {
    margin-top: 40px;
  }
  .tab-header {
    font-size: 30px;
    line-height: 40px;
  }
  .tab-header.left.intro {
    margin-bottom: 40px;
    text-align: center;
  }
  .pop-up-wrapper {
    width: 70%;
  }
  .pop-up-wrapper.portfolio {
    width: 70%;
  }
  .form-wrapper.transparent {
    width: 90%;
  }
  .info-div-blog {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 8px;
  }
  .row-bottom-padding {
    margin-right: 0px;
    margin-left: 0px;
  }
  .blog-title-top {
    font-size: 30px;
    line-height: 40px;
  }
  .blog-title-top:hover {
    color: #7567f8;
  }
  .collection-list-wrapper {
    display: block;
    width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
  .info-portfolio-div {
    height: auto;
  }
  .blog-post-div {
    padding-right: 10px;
    padding-left: 10px;
  }
  .sidebar {
    width: 33%;
  }
  .overlay-blog-div {
    margin-top: 20px;
  }
  .text-in-block {
    display: block;
  }
  .div-center-headline {
    margin-top: 0px;
  }
  .sticky-navbar {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    padding: 0px 0px 15px;
  }
  .sticky-navbar.official {
    padding-bottom: 0px;
  }
  .eight {
    margin-top: 15px;
    margin-left: 20px;
    padding-left: 0px;
  }
  .dropdown.vertical {
    padding-left: 10px;
  }
  .second-icon {
    color: #212127;
  }
  .menu-b {
    margin-top: 15px;
    margin-right: 20px;
    margin-bottom: 15px;
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, .12);
    background-color: transparent;
  }
  .menu-b.w--open {
    background-color: transparent;
  }
  .column-column {
    display: block;
  }
  .div-left-headline {
    text-align: center;
  }
  .div-left-headline.second {
    margin-top: 0px;
  }
  .by-blog-block {
    line-height: 24px;
  }
  .map-div-wrapper.contact {
    width: 90%;
  }
  .nav-menu {
    display: block;
    background-color: #fff;
  }
  .nav-menu.vertical {
    display: block;
    padding-right: 0px;
    padding-left: 0px;
  }
  .tabs-icon-menu.light {
    width: 90%;
  }
  .image-7 {
    position: relative;
    left: 0px;
  }
  .nav-link-3.workshop {
    margin-top: 0px;
  }
  .nav-link-4 {
    margin-bottom: 0px;
    padding-top: 18px;
    padding-bottom: 18px;
    border-style: none;
    border-width: 0px;
    border-radius: 0px;
    background-image: -webkit-linear-gradient(270deg, #55c8d2, #55c8d2);
    background-image: linear-gradient(180deg, #55c8d2, #55c8d2);
    color: #fff;
  }
  .slide {
    width: 100%;
    height: 200px;
    background-image: url('../images/slider01.png');
    background-size: cover;
  }
  .slider-2 {
    height: 200px;
  }
  .slide-3 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .slide-4 {
    background-position: 50% 50%;
    background-size: cover;
  }
  .slide-5 {
    background-position: -70px 0px;
    background-size: cover;
  }
  .paragraph-29 {
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .paragraph-29.feature.home {
    text-align: justify;
  }
  .paragraph-30 {
    margin-bottom: 0px;
  }
  .paragraph-30.feature.home {
    text-align: justify;
  }
  .paragraph-31 {
    margin-bottom: 0px;
  }
  .paragraph-31.feature.home {
    text-align: justify;
  }
  .full-title.black-text.purple-text {
    text-align: center;
  }
  .image-12 {
    margin-top: 108px;
  }
  .column-7 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .column-8 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .div-block-5 {
    height: auto;
  }
  .column-10 {
    padding-left: 0px;
  }
  .column-11 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .column-12 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .column-13 {
    padding-left: 20px;
  }
  .column-14 {
    padding-left: 20px;
  }
  .column-15 {
    padding-right: 20px;
  }
  .column-16 {
    padding-right: 20px;
  }
  .div-block-7 {
    margin-top: 71px;
  }
  ._2-col-title {
    text-align: center;
  }
  .section-9.cta-resource {
    background-size: cover;
  }
  .image-14 {
    width: 90%;
    margin-right: 20px;
    margin-left: 20px;
  }
  .section-11 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 100px;
    padding-bottom: 75px;
  }
  .div-block-15 {
    display: none;
  }
  .goal-img {
    display: none;
    height: 200px;
  }
  .section-12.home {
    padding-top: 40px;
    padding-bottom: 40px;
    background-size: cover;
  }
  .section-12.home.cta {
    padding-top: 60px;
  }
  .course-list {
    display: none;
    width: 80%;
    height: 380px;
  }
  .image-20 {
    display: none;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }
  .image-21 {
    display: block;
    width: 60%;
  }
  .div-block-179 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .heading-14 {
    line-height: 40px;
  }
  .paragraph-40 {
    font-size: 16px;
    text-align: justify;
  }
  .link-9.news {
    font-size: 18px;
  }
  .div-block-1801 {
    display: block;
    width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
  .heading-15 {
    font-size: 50px;
    line-height: 60px;
  }
  .body-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .link-10 {
    margin-bottom: 16px;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 6px;
  }
  .link-11 {
    width: 100%;
    height: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 0px;
    background-image: -webkit-linear-gradient(270deg, #55c8d2, #55c8d2);
    background-image: linear-gradient(180deg, #55c8d2, #55c8d2);
    -webkit-transition-property: none;
    transition-property: none;
    color: #fff;
    text-align: left;
  }
  .link-14 {
    margin-left: 0px;
  }
  .pricing.sub-title {
    margin-left: 0px;
  }
  .pricing.info {
    letter-spacing: 1px;
  }
  .workshop.img {
    display: none;
  }
  .dropdown-toggle {
    margin-top: 0px;
  }
  .dropdown-list-2 {
    background-image: none;
    box-shadow: none;
  }
  .paragraph-59 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-left: 12px;
    line-height: 32px;
    text-align: justify;
  }
  .div-block-1804 {
    height: 140px;
  }
  .image-22 {
    width: 60%;
    margin-bottom: 48px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .image-23 {
    display: block;
    max-width: 90%;
  }
  .button-2 {
    margin-top: 6px;
    padding-right: 28px;
    border-radius: 50px;
  }
  .div-block-1807 {
    display: block;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    padding-right: 36px;
    padding-left: 36px;
  }
  .div-block-1808 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .div-block-1813 {
    width: 100%;
  }
  .columns-2 {
    margin-right: auto;
    margin-left: auto;
  }
  .columns-3 {
    margin-right: 12px;
  }
}

@media (max-width: 767px) {
  .body {
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .copyright {
    padding-top: 10px;
    padding-left: 24px;
    line-height: 22px;
    text-align: left;
  }
  .copyright.dorian-hoxha {
    padding-top: 10px;
    padding-bottom: 0px;
    text-align: center;
  }
  .copyright.dorian-hoxha.coming {
    padding-bottom: 0px;
    text-align: center;
  }
  .copyright.coming {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
  }
  .navigation {
    padding-left: 30px;
  }
  .brand {
    margin-top: 0px;
    padding-left: 10px;
  }
  .page-fade-in {
    width: 100%;
  }
  .banner.page-title.portfolio {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .banner.page-title.author {
    padding-top: 150px;
    padding-bottom: 120px;
  }
  .banner.page-title.faq {
    height: auto;
    padding-bottom: 70px;
    background-image: url('../images/網站分頁-07.png'), -webkit-linear-gradient(270deg, transparent, transparent), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
    background-image: url('../images/網站分頁-07.png'), linear-gradient(180deg, transparent, transparent), radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
    background-position: 50% 87px, 0px 0px, 0px 0px;
    background-size: contain, auto, auto;
    background-repeat: no-repeat, repeat, repeat;
    background-attachment: fixed, scroll, scroll;
  }
  .banner.page-title.resources {
    height: auto;
    padding-bottom: 70px;
    background-image: url('../images/網站分頁-06.png'), -webkit-linear-gradient(270deg, transparent, transparent), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
    background-image: url('../images/網站分頁-06.png'), linear-gradient(180deg, transparent, transparent), radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
    background-position: 50% 95px, 0px 0px, 0px 0px;
    background-size: 100%, auto, auto;
    background-repeat: no-repeat, repeat, repeat;
    background-attachment: fixed, scroll, scroll;
    color: #7567f8;
  }
  .banner.page-title.supernova {
    height: 30vh;
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), url('../images/teachers_banner.jpg'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 12%, #e0e0e0);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), url('../images/teachers_banner.jpg'), radial-gradient(circle farthest-corner at 50% 50%, #fff 12%, #e0e0e0);
    background-position: 0px 0px, 0px 50px, 0px 0px;
    background-size: auto, 100%, auto;
    background-repeat: repeat, no-repeat, repeat;
    background-attachment: scroll, fixed, scroll;
  }
  .banner.blog {
    height: 25vh;
    margin-top: 0px;
    padding-top: 120px;
    padding-bottom: 100px;
    background-image: url('../images/網站分頁-03.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 50%, #dbdbdb);
    background-image: url('../images/網站分頁-03.png'), radial-gradient(circle farthest-corner at 50% 50%, #fff 50%, #dbdbdb);
    background-position: 50% 88px, 0px 0px;
    background-size: 100%, auto;
    background-repeat: no-repeat, repeat;
    background-attachment: fixed, scroll;
  }
  .banner.third-page {
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 93%, .3), hsla(0, 0%, 93%, .3)), url('../images/34253-1.jpg');
    background-image: linear-gradient(180deg, hsla(0, 0%, 93%, .3), hsla(0, 0%, 93%, .3)), url('../images/34253-1.jpg');
    background-position: 0px 0px, -124px 50%;
  }
  .banner.second {
    height: 900px;
    background-position: 38% 50%;
  }
  .container-fluid {
    width: 90%;
  }
  .container-fluid.first {
    width: 70%;
  }
  .container-fluid.center.video.padding {
    position: absolute;
    top: 50%;
    width: 80%;
    margin-top: 0px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .link-color-button:hover {
    padding-right: 34px;
    padding-left: 34px;
  }
  .link-color-button.suscribe-button {
    width: 40%;
  }
  .link-color-button.inverse {
    margin-top: 12px;
  }
  .link-color-button.contact.page {
    width: 40%;
  }
  .section.background-image.para_g {
    position: static;
  }
  .section.footer {
    height: auto;
  }
  .section.feature {
    padding-top: 60px;
    padding-bottom: 20px;
  }
  .section.pricing {
    padding-top: 60px;
    padding-bottom: 20px;
  }
  .section-tittle-hero-white.white {
    font-size: 38px;
  }
  .subtittle.white.section-tittle-hero-white {
    line-height: 26px;
  }
  .subtittle.bold {
    font-size: 18px;
    line-height: 28px;
  }
  .subtittle.bold.author {
    width: 30%;
    text-align: center;
  }
  .features-wrapper.lighter {
    margin-right: 20px;
    margin-bottom: 24px;
    margin-left: 20px;
    padding-right: 24px;
    padding-bottom: 36px;
    padding-left: 24px;
  }
  .paragraph {
    font-size: 14px;
    letter-spacing: 0px;
  }
  .paragraph.testimonial.title {
    line-height: 40px;
  }
  .paragraph.testimonial.mobile-big {
    width: 100%;
    margin-bottom: 12px;
  }
  .paragraph.date {
    text-align: center;
  }
  .paragraph.text {
    font-size: 16px;
  }
  .paragraph.text.goal {
    text-align: justify;
  }
  .paragraph.descriptions {
    margin-left: 12px;
  }
  .paragraph.descriptions.steps {
    margin-top: 36px;
    margin-bottom: 20px;
  }
  .tab-menu.left-side {
    margin-right: 0px;
    margin-left: 0px;
  }
  .tab-link-style-2 {
    width: 45%;
    margin-right: 5px;
  }
  .tab-link-style-2.w--current {
    margin-right: 5px;
  }
  .project-wrapper.style2 {
    margin-bottom: 20px;
  }
  .project-content.style {
    padding-top: 27%;
    padding-bottom: 27%;
  }
  .project-content.style._1 {
    padding-top: 27%;
    padding-bottom: 27%;
  }
  .project-content.style._1.icon-content {
    padding-top: 23%;
    padding-bottom: 23%;
  }
  .project-content.style._2 {
    padding-top: 27%;
    padding-bottom: 27%;
  }
  .project-content.style._2.icon-content {
    padding-top: 23%;
    padding-bottom: 23%;
  }
  .project-content.style.icon-content {
    padding-top: 23%;
    padding-bottom: 23%;
  }
  .container {
    max-width: auto;
    padding-left: 0px;
  }
  .sub-text.dark-on {
    font-size: 20px;
    line-height: 30px;
  }
  .text-field.transparent._95.footer {
    width: 100%;
  }
  .overflow-map {
    height: auto;
  }
  .map {
    width: 100%;
    height: 300px;
    border-bottom-left-radius: 10px;
  }
  .center.text {
    margin-bottom: 30px;
  }
  .text-field-style-2.transparent {
    width: 80%;
  }
  .team-wrapper {
    height: auto;
    margin-right: 8px;
    margin-bottom: 40px;
    margin-left: 8px;
    padding-bottom: 50px;
  }
  .team-heading {
    font-size: 24px;
  }
  .client-logo {
    width: 100%;
  }
  .client-logo._5.color-link {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
  }
  .client-logo.color-link.first {
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
  }
  .section-tittle.dark {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 36px;
  }
  .section-tittle.banner-title {
    font-size: 32px;
  }
  .section-tittle.banner-title.resource {
    font-size: 32px;
  }
  .white-content {
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }
  .slide-nav {
    top: 430px;
  }
  .section-tittle-hero.white.video.intro {
    font-size: 38px;
    line-height: 48px;
  }
  .tittle-footer {
    margin-top: 32px;
    margin-bottom: 20px;
  }
  .baner-big-text {
    font-size: 35px;
    line-height: 45px;
  }
  .baner-big-text.smaller {
    font-size: 35px;
    line-height: 45px;
  }
  .baner-big-text.white.center {
    font-size: 32px;
  }
  .baner-big-text.white.center.atf {
    font-size: 32px;
    line-height: 55px;
  }
  .baner-big-text.white.center.atf-h2 {
    font-size: 28px;
  }
  .pricing-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .pricing-wrapper.right {
    width: 66%;
    margin-right: 0px;
  }
  .pricing-wrapper.center {
    width: 69%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .pricing-wrapper.left {
    width: 66%;
    margin-left: 0px;
  }
  .div-left-bars {
    padding-right: 0px;
  }
  .half-section {
    width: 100%;
  }
  .half-section.gray {
    height: auto;
    padding-top: 80px;
  }
  .center-container-content {
    width: 60%;
  }
  .center-container-content.intro {
    position: relative;
    top: 50%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .team-member-text.team-heading {
    font-size: 20px;
  }
  .toggle-tittle {
    font-size: 16px;
  }
  .left-side-div-image.about {
    margin-bottom: 20px;
  }
  .left-side-div-image.first {
    height: 600px;
  }
  .left-side {
    padding-left: 0px;
  }
  .contact-us-content.portfolio {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .contact-us-content.author {
    padding-bottom: 20px;
  }
  .contact-small-content {
    padding-bottom: 20px;
  }
  .contact-small-content.middle {
    padding-top: 20px;
    border-style: solid none;
    border-top-width: 1px;
    border-top-color: #e4e4e4;
    border-bottom-width: 1px;
    border-bottom-color: #e4e4e4;
  }
  .contact-small-content.middle.columns {
    padding-bottom: 0px;
    border-style: solid none none;
    border-top-width: 1px;
    border-top-color: #dfdfe9;
  }
  .contact-us-small-tittle.black {
    margin-bottom: 0px;
  }
  .contact-us-small-tittle.black.full {
    text-align: center;
  }
  .tab-features-heading {
    font-size: 32px;
  }
  .crew-section-header.heading-2 {
    font-size: 28px;
  }
  .dark {
    font-size: 28px;
    font-weight: 400;
  }
  .dark.ws.features.title {
    margin-bottom: 16px;
  }
  .service-row.pricing {
    max-width: 100%;
  }
  .contact-pop-up {
    display: none;
  }
  .contact-pop-up.normal {
    padding-right: 20px;
    padding-left: 20px;
  }
  .contact-pop-up.normal.black {
    padding-right: 20px;
    padding-left: 20px;
  }
  .footer-contact-pop-up-block {
    display: none;
  }
  .footer-home-3-column {
    display: none;
  }
  .column-6 {
    display: none;
  }
  .column-about {
    padding-left: 24px;
  }
  .tab-header.left {
    margin-bottom: 40px;
    text-align: center;
  }
  .tab-header.left.intro {
    margin-bottom: 40px;
    text-align: center;
  }
  .pop-up-wrapper {
    width: 80%;
  }
  .info-div-blog {
    height: auto;
  }
  .blog-title-top {
    font-size: 20px;
    line-height: 30px;
  }
  .collection-list-wrapper {
    width: 85%;
  }
  .info-portfolio-div {
    height: auto;
  }
  .blog-post-div {
    padding-right: 0px;
    padding-left: 0px;
  }
  .blog-and-sidebar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .blog-v2-wrapper {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .sidebar {
    width: 100%;
  }
  .post-card-author.center {
    width: 100%;
    margin-bottom: 0px;
  }
  .post-card-author.right {
    width: 100%;
    float: none;
    text-align: center;
  }
  .post-card-image-author.big {
    margin-bottom: 20px;
  }
  .dot {
    height: 12px;
  }
  .licence-item {
    width: 100%;
  }
  .div-center-headline {
    margin-top: 148px;
  }
  .sticky-navbar.official {
    padding-bottom: 0px;
  }
  .contact-column-adress {
    padding-top: 20px;
  }
  .imac-image {
    display: inline-block;
    margin-top: 40px;
  }
  .facts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .facts-item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .office-div-image {
    width: 100%;
    height: 300px;
    border-bottom-left-radius: 0px;
  }
  .home-style-intro-div {
    margin-top: 50px;
  }
  .home-style-intro-div.first {
    margin-top: 0px;
  }
  .inner-link {
    margin-bottom: 20px;
  }
  .row-button {
    margin-bottom: 0px;
  }
  .brand-link-second {
    padding-left: 0px;
  }
  .tabs-icon-menu.light {
    width: 100%;
  }
  .tab-icon-link {
    width: 30%;
  }
  .icon-text-tab {
    font-size: 12px;
  }
  .image-2 {
    max-width: 50%;
  }
  .heading {
    margin-bottom: 24px;
  }
  .class_ingormation {
    width: auto;
  }
  .image-7 {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .bold-text {
    font-size: 16px;
  }
  .bold-text-2 {
    font-size: 16px;
  }
  .paragraph-7 {
    font-size: 14px;
  }
  .paragraph-8 {
    font-size: 14px;
  }
  .paragraph-9 {
    font-size: 14px;
  }
  .paragraph-10 {
    font-size: 14px;
  }
  .bold-text-4 {
    font-size: 16px;
  }
  .bold-text-5 {
    font-size: 16px;
  }
  .paragraph-11 {
    font-size: 14px;
  }
  .bold-text-6 {
    font-size: 16px;
  }
  .paragraph-12 {
    font-size: 14px;
  }
  .bold-text-7 {
    font-size: 16px;
  }
  .paragraph-13 {
    font-size: 14px;
  }
  .bold-text-8 {
    font-size: 16px;
  }
  .paragraph-14 {
    font-size: 14px;
  }
  .paragraph-15 {
    font-size: 14px;
  }
  .bold-text-9 {
    font-size: 16px;
  }
  .bold-text-10 {
    font-size: 16px;
  }
  .paragraph-16 {
    font-size: 14px;
  }
  .bold-text-11 {
    font-size: 16px;
  }
  .paragraph-17 {
    font-size: 14px;
  }
  .bold-text-12 {
    font-size: 16px;
  }
  .bold-text-15 {
    font-size: 16px;
  }
  .bold-text-16 {
    font-size: 14px;
  }
  .bold-text-17 {
    font-size: 16px;
  }
  .bold-text-18 {
    font-size: 14px;
  }
  .paragraph-18 {
    font-size: 14px;
  }
  .paragraph-19 {
    font-size: 14px;
  }
  .paragraph-20 {
    font-size: 14px;
  }
  .paragraph-21 {
    font-size: 14px;
  }
  .paragraph-22 {
    font-size: 14px;
  }
  .paragraph-23 {
    font-size: 14px;
  }
  .paragraph-24 {
    font-size: 14px;
  }
  .paragraph-25 {
    font-size: 14px;
  }
  .paragraph-26 {
    font-size: 14px;
    letter-spacing: 1px;
  }
  .paragraph-27 {
    font-size: 14px;
  }
  .section-4.slider {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  .slide-2 {
    background-image: url('../images/重磅登場2.png');
    background-position: 50% 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
  }
  .slide-3 {
    background-image: url('../images/一個月讓你2.png');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .slide-4 {
    background-image: url('../images/報名吧2.png');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .slide-5 {
    background-image: url('../images/高峰會2.png');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .heading-4 {
    margin-bottom: 0px;
    font-size: 28px;
  }
  .paragraph-29 {
    font-size: 16px;
    letter-spacing: 1px;
  }
  .paragraph-30 {
    font-size: 16px;
  }
  .paragraph-31 {
    font-size: 16px;
  }
  .full-title {
    margin-bottom: 0px;
    font-size: 28px;
  }
  .full-title.black-text.purple-text {
    margin-bottom: 8px;
    font-size: 28px;
  }
  .intro {
    font-size: 14px;
    line-height: 34px;
  }
  .intro.resource.mobile-big {
    font-size: 16px;
  }
  .heading-7 {
    margin-top: 64px;
  }
  .image-12 {
    margin-top: 24px;
  }
  .div-block-5 {
    width: 90%;
    height: auto;
  }
  .column-9 {
    position: relative;
    left: 0px;
    top: 30px;
  }
  .column-10 {
    padding-right: 0px;
  }
  .div-block-6 {
    width: 90%;
    height: auto;
    margin-top: 12px;
  }
  .heading-10 {
    margin-top: 64px;
  }
  .p {
    margin-right: 36px;
    margin-left: 36px;
    font-size: 14px;
  }
  .p.resource {
    font-size: 16px;
  }
  .div-block-7 {
    margin-top: 12px;
  }
  .section-8 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  ._2-col-title {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 28px;
  }
  .section-9.cta-resource {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .section-10.goals {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .image-14 {
    display: none;
  }
  .brief {
    margin-right: 0px;
    margin-left: 0px;
    font-size: 14px;
    line-height: 34px;
  }
  .brief.sub-title {
    margin: 16px 0px 4px;
  }
  .brief.resource {
    margin-right: 36px;
    margin-left: 36px;
    font-size: 16px;
  }
  .heading-11 {
    font-size: 32px;
  }
  .section-11 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .div-block-11 {
    overflow: hidden;
    width: 90%;
    height: auto;
    min-height: 0px;
    margin-bottom: 18px;
    background-image: none;
  }
  .div-block-12 {
    width: 90%;
    height: auto;
    min-height: 0px;
    background-image: none;
  }
  .div-block-14 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  .image-15 {
    overflow: hidden;
  }
  .paragraph-38 {
    font-size: 14px;
  }
  .bold-text-21 {
    font-size: 16px;
  }
  .paragraph-39 {
    font-size: 14px;
  }
  .bold-text-22 {
    font-size: 16px;
  }
  .bold-text-23 {
    font-size: 16px;
  }
  .bold-text-24 {
    font-size: 16px;
  }
  .bold-text-25 {
    font-size: 16px;
  }
  .bold-text-26 {
    font-size: 16px;
  }
  .bold-text-27 {
    font-size: 16px;
    letter-spacing: 1px;
  }
  .bold-text-28 {
    font-size: 16px;
  }
  .bold-text-29 {
    font-size: 15px;
  }
  .bold-text-30 {
    font-size: 16px;
  }
  .bold-text-31 {
    font-size: 15px;
  }
  .div-block-15 {
    display: block;
    overflow: hidden;
    width: 80%;
    height: 400px;
    margin-right: auto;
    margin-left: auto;
    background-image: url('../images/home-無底線.png');
    background-position: 50% 50%;
    background-size: 450px 450px;
    background-attachment: scroll;
  }
  .goal-img {
    overflow: visible;
    width: 90%;
    height: 140px;
    margin-right: auto;
    margin-left: auto;
    background-size: 100%;
  }
  .image-19 {
    display: block;
  }
  .section-12.home.cta {
    padding-top: 60px;
  }
  .section-13 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .div-block-179 {
    margin-bottom: 40px;
    padding: 40px 24px;
    border-radius: 8px;
  }
  .heading-14 {
    font-size: 20px;
    line-height: 30px;
  }
  .paragraph-40 {
    font-size: 16px;
  }
  .div-block-1801 {
    width: 85%;
  }
  .heading-15 {
    line-height: 60px;
  }
  .link-10 {
    font-size: 28px;
    line-height: 36px;
  }
  .pricing.team {
    max-width: 92%;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .paragraph-59 {
    width: 90%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .paragraph-60 {
    margin-bottom: 20px;
  }
  .div-block-1804 {
    height: 150px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .column-21 {
    margin-bottom: 40px;
  }
  .image-22 {
    width: 80%;
  }
  .single.pricing {
    max-width: 90%;
    margin-right: 0px;
    margin-bottom: 24px;
  }
}

@media (max-width: 479px) {
  .body {
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .bottom-border.coming {
    display: block;
  }
  .social-wrapper.nav {
    margin-right: 20px;
    margin-left: 20px;
  }
  .copyright {
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
  }
  .copyright.light-footer.dark-footer {
    font-size: 12px;
  }
  .navigation {
    padding-left: 30px;
  }
  .brand {
    margin-top: 0px;
    padding-left: 10px;
  }
  .nav-menu-style-1.second-style {
    width: 300px;
  }
  .nav-link {
    padding-left: 20px;
  }
  .banner {
    height: 500px;
  }
  .banner.page-title {
    padding-top: 80px;
    padding-bottom: 10px;
    background-image: -webkit-linear-gradient(270deg, rgba(117, 103, 248, .8), rgba(117, 103, 248, .8)), url('../images/teachers_banner.jpg'), url('../images/elijah-flores-99207.jpg');
    background-image: linear-gradient(180deg, rgba(117, 103, 248, .8), rgba(117, 103, 248, .8)), url('../images/teachers_banner.jpg'), url('../images/elijah-flores-99207.jpg');
    background-position: 0px 0px, 0px 67px, 0px 100%;
    background-size: auto, auto 120px, cover;
  }
  .banner.page-title.portfolio.intro {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .banner.page-title.author {
    padding-top: 130px;
    padding-bottom: 100px;
  }
  .banner.page-title.faq {
    height: auto;
    padding-top: 74px;
    padding-bottom: 40px;
    background-image: url('../images/網站分頁-07.png'), -webkit-linear-gradient(270deg, transparent, transparent), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
    background-image: url('../images/網站分頁-07.png'), linear-gradient(180deg, transparent, transparent), radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
    background-position: 50% 83px, 0px 0px, 0px 0px;
    background-size: contain, auto, auto;
    background-repeat: no-repeat, repeat, repeat;
    background-attachment: fixed, scroll, scroll;
  }
  .banner.page-title.resources {
    height: auto;
    padding-top: 74px;
    padding-bottom: 40px;
    background-image: url('../images/網站分頁-06.png'), -webkit-linear-gradient(270deg, transparent, transparent), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
    background-image: url('../images/網站分頁-06.png'), linear-gradient(180deg, transparent, transparent), radial-gradient(circle farthest-corner at 50% 50%, #fff 32%, #e0e0e0);
    background-position: 50% 85px, 0px 0px, 0px 0px;
    background-size: contain, auto, auto;
    background-repeat: no-repeat, repeat, repeat;
    background-attachment: fixed, scroll, scroll;
    color: #7567f8;
  }
  .banner.page-title.supernova {
    height: auto;
    padding-top: 74px;
    padding-bottom: 40px;
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), url('../images/網站分頁-05-1.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 50%, #dbdbdb);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), url('../images/網站分頁-05-1.png'), radial-gradient(circle farthest-corner at 50% 50%, #fff 50%, #dbdbdb);
    background-position: 0px 0px, 50% 82px, 0px 0px;
    background-size: auto, contain, auto;
    background-repeat: repeat, no-repeat, repeat;
    background-attachment: scroll, fixed, scroll;
  }
  .banner.blog {
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 74px;
    padding-bottom: 40px;
    background-image: url('../images/網站分頁-03.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff 50%, #dbdbdb);
    background-image: url('../images/網站分頁-03.png'), radial-gradient(circle farthest-corner at 50% 50%, #fff 50%, #dbdbdb);
    background-position: 50% 80px, 0px 0px;
    background-size: 100%, auto;
    background-repeat: no-repeat, repeat;
    background-attachment: fixed, scroll;
  }
  .banner.third-page {
    height: 500px;
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 93%, .3), hsla(0, 0%, 93%, .3)), url('../images/34253-1.jpg');
    background-image: linear-gradient(180deg, hsla(0, 0%, 93%, .3), hsla(0, 0%, 93%, .3)), url('../images/34253-1.jpg');
    background-position: 0px 0px, 35% 50%;
  }
  .banner.second {
    height: 650px;
  }
  .banner.blog-single {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  .banner.fourth {
    height: 700px;
  }
  .banner.fifth {
    height: 480px;
    background-image: url('../images/top_right.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #001192, #000651);
    background-image: url('../images/top_right.png'), radial-gradient(circle farthest-corner at 50% 50%, #001192, #000651);
    background-position: 100% 106%, 0px 0px;
    background-size: 200px, auto;
    background-repeat: no-repeat, repeat;
    background-attachment: scroll, scroll;
  }
  .banner.fifth.home {
    background-image: -webkit-radial-gradient(circle farthest-corner at 50% 50%, #001191, #000651);
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #001191, #000651);
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
  }
  .banner.fifth.mobile.ws {
    background-image: -webkit-radial-gradient(circle farthest-corner at 50% 50%, #001192, #000651);
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #001192, #000651);
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
  }
  .container-fluid.first {
    width: 80%;
    float: none;
  }
  .container-fluid.center.video.padding {
    position: absolute;
    top: 30%;
    margin-top: 64px;
    padding-top: 0px;
  }
  .top-padding {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .top-padding.toggle {
    margin-right: 8px;
    margin-left: 8px;
  }
  .link-color-button.suscribe-button {
    width: 100%;
    padding-left: 20px;
    float: none;
    text-align: center;
  }
  .link-color-button.suscribe-button.newsletter.lighter {
    width: 100%;
    float: left;
    text-align: center;
  }
  .link-color-button.inverse {
    display: inline-block;
    width: 100%;
    margin-top: 8px;
  }
  .link-color-button.contact.page {
    width: 80%;
  }
  .link-color-button.padding {
    margin-right: 0px;
  }
  .section {
    height: auto;
    padding-top: 27px;
    padding-bottom: 0px;
  }
  .section.color {
    padding-bottom: 40px;
    border-radius: 0px;
  }
  .section.subscribes {
    height: auto;
  }
  .section.color-purple.clients {
    height: auto;
  }
  .section.footer {
    padding-bottom: 24px;
  }
  .section.white {
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .section.white {
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .section.lightbg {
    background-image: url('../images/planet_m.png'), url('../images/planets.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #f4f5f7, #d1d1e0), -webkit-linear-gradient(270deg, transparent, transparent);
    background-image: url('../images/planet_m.png'), url('../images/planets.png'), radial-gradient(circle farthest-corner at 50% 50%, #f4f5f7, #d1d1e0), linear-gradient(180deg, transparent, transparent);
    background-position: 100% 0px, 24px 97%, 0px 0px, 0px 0px;
    background-size: 210px, 75%, auto, auto;
    background-repeat: no-repeat, no-repeat, repeat, repeat;
    background-attachment: scroll, scroll, scroll, scroll;
  }
  .section.purple {
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 0px;
    background-image: -webkit-linear-gradient(270deg, rgba(117, 103, 248, .3), rgba(117, 103, 248, .3)), -webkit-linear-gradient(45deg, #3558f5, #ac4cef 85%);
    background-image: linear-gradient(180deg, rgba(117, 103, 248, .3), rgba(117, 103, 248, .3)), linear-gradient(45deg, #3558f5, #ac4cef 85%);
    box-shadow: none;
  }
  .section.romantic {
    padding-top: 60px;
    padding-bottom: 40px;
    border-radius: 0px;
  }
  .section.feature {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section.pricing {
    padding-top: 40px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .section-tittle-hero-white.white {
    font-size: 32px;
    line-height: 42px;
  }
  .section-tittle-hero-white.white.in-column {
    font-size: 32px;
    line-height: 42px;
  }
  .section-tittle-hero-white.in-half-section {
    font-size: 32px;
    line-height: 42px;
  }
  .subtittle {
    font-size: 18px;
    line-height: 28px;
  }
  .subtittle.white {
    font-size: 18px;
    line-height: 28px;
  }
  .subtittle.bold {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 26px;
  }
  .subtittle.bold.author {
    width: 50%;
  }
  .features-wrapper.lighter {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 20px;
    padding-bottom: 24px;
    padding-left: 20px;
  }
  .features-icon {
    float: none;
  }
  .paragraph {
    line-height: 25px;
  }
  .paragraph.testimonial {
    width: 100%;
    font-size: 14px;
  }
  .paragraph.testimonial.cta-resource {
    margin-bottom: 20px;
  }
  .paragraph.testimonial.title {
    font-size: 20px;
    line-height: 36px;
  }
  .paragraph.white.subtitle {
    font-size: 14px;
  }
  .paragraph.text {
    margin-bottom: 10px;
    padding-right: 8px;
    padding-left: 8px;
    line-height: 30px;
    text-align: justify;
  }
  .paragraph.descriptions {
    margin-right: auto;
  }
  .paragraph.descriptions.steps {
    margin-left: auto;
  }
  .paragraph.descriptions.steps.mobile {
    margin-top: 20px;
  }
  .tab-link-style-2 {
    width: 100%;
    margin-left: 0px;
  }
  .tab-link-style-2.w--current {
    margin-left: 0px;
  }
  .project-content.style {
    padding-top: 22%;
    padding-bottom: 22%;
  }
  .project-content.style._1 {
    padding-top: 22%;
    padding-bottom: 22%;
  }
  .project-content.style._2 {
    padding-top: 22%;
    padding-bottom: 22%;
  }
  .project-header {
    font-size: 18px;
    line-height: 28px;
  }
  .project-header.white-content {
    font-size: 18px;
  }
  .paragraph-project {
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 22px;
  }
  .container {
    padding-left: 0px;
  }
  .testimonial-name {
    font-size: 16px;
    line-height: 26px;
  }
  .sub-text.bold {
    font-size: 20px;
  }
  .overflow-map {
    height: auto;
  }
  .center.blog {
    width: 100%;
  }
  .center.text {
    margin-bottom: 0px;
  }
  .form-block {
    width: 100%;
  }
  .text-field-style-2 {
    width: 100%;
  }
  .text-field-style-2.transparent {
    width: 100%;
    text-align: center;
  }
  .team-wrapper {
    height: auto;
    margin-right: 0px;
    margin-bottom: 24px;
    margin-left: 0px;
    padding: 40px 20px 20px;
  }
  .section-tittle.dark {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 28px;
    line-height: 50px;
  }
  .section-tittle.dark.big {
    font-size: 40px;
    line-height: 50px;
  }
  .section-tittle.dark.author {
    font-size: 30px;
  }
  .section-tittle.banner-title {
    color: #7567f8;
    font-size: 28px;
  }
  .section-tittle.banner-title.resource {
    color: #7567f8;
    font-size: 28px;
  }
  .section-tittle.banner-title.mobile {
    color: #7567f8;
    letter-spacing: 5px;
  }
  .white-content {
    width: 100%;
  }
  .left-arrow {
    display: none;
  }
  .right-arrow {
    display: none;
  }
  .slide-nav {
    top: 520px;
  }
  .white {
    font-size: 12px;
    line-height: 22px;
  }
  .section-tittle-hero {
    font-size: 32px;
    line-height: 42px;
  }
  .section-tittle-hero.white.video.intro {
    font-size: 32px;
    line-height: 38px;
  }
  .tittle-footer {
    font-size: 20px;
  }
  .baner-big-text {
    font-size: 25px;
    line-height: 35px;
  }
  .baner-big-text.smaller {
    font-size: 25px;
    line-height: 35px;
  }
  .baner-big-text.white.center {
    margin-bottom: 0px;
    font-size: 24px;
    letter-spacing: 2.5px;
  }
  .baner-big-text.white.center.atf {
    margin-top: 100px;
    font-size: 28px;
    line-height: 35px;
    letter-spacing: 3px;
  }
  .baner-big-text.white.center.atf-h2 {
    margin-top: 8px;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 2px;
  }
  .pricing-wrapper.right {
    width: 90%;
  }
  .pricing-wrapper.center {
    width: 100%;
  }
  .pricing-wrapper.left {
    width: 90%;
  }
  .pricing-plan {
    display: block;
    width: auto;
    margin-right: -30px;
    margin-left: -30px;
  }
  .pricing-plan-features.white {
    font-size: 15px;
  }
  .div-left-bars {
    width: 100%;
    padding-right: 0px;
  }
  .parapgraph.white {
    font-size: 15px;
    line-height: 25px;
  }
  .half-section.image-background.intro {
    height: 450px;
    background-size: 300px, auto, cover;
  }
  .center-container-content {
    width: 90%;
  }
  .toggle-header {
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
  }
  .toggle-tittle {
    line-height: 28px;
  }
  .toggle-icon {
    margin-right: 8px;
  }
  .toggle-space {
    padding: 24px 16px;
  }
  .left-side-div-image.about.big {
    width: 100%;
  }
  .left-side-div-image.first {
    height: 500px;
  }
  .contact-us-tittle {
    margin-bottom: 0px;
  }
  .contact-small-content.middle {
    border-right-style: none;
    border-left-style: none;
  }
  .button-overlay.inverse {
    width: 100%;
    padding-bottom: 0px;
  }
  .preview-container {
    margin-right: 0px;
    margin-left: 0px;
  }
  .preview-image {
    height: 270px;
  }
  .about-us-text {
    margin-bottom: 8px;
    font-size: 13px;
  }
  .about-us-text.lighter {
    display: none;
  }
  .tab-features-heading {
    margin-bottom: 0px;
    font-size: 28px;
    line-height: 42px;
  }
  .crew-section-header {
    font-size: 28px;
    line-height: 32px;
  }
  .crew-section-header.heading-2 {
    font-size: 28px;
  }
  .dark.ws.features.title {
    font-size: 24px;
  }
  .service-row {
    padding-right: 8px;
    padding-left: 8px;
  }
  .service-row.pricing {
    max-width: 90%;
    margin-bottom: 20px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .close-button {
    z-index: 100;
  }
  .contact-pop-up {
    display: none;
  }
  .contact-pop-up.normal {
    padding-right: 0px;
    padding-left: 0px;
  }
  .contact-pop-up.normal.black {
    padding-right: 0px;
    padding-left: 0px;
  }
  .column-about {
    margin-bottom: 20px;
    padding-left: 10px;
    text-align: center;
  }
  ._70 {
    width: 100%;
  }
  .pop-up-wrapper {
    width: 95%;
  }
  .pop-up-wrapper.portfolio {
    width: 100%;
  }
  .form-wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
  .blog-title-top {
    font-size: 16px;
    line-height: 24px;
  }
  .collection-list-wrapper {
    width: 95%;
  }
  .blog-post-header {
    font-size: 18px;
    line-height: 26px;
  }
  .date-blogright-side {
    display: none;
  }
  .dot {
    display: none;
  }
  .rich-text-block {
    letter-spacing: 1.5px;
  }
  .nav-link-second {
    padding-left: 20px;
  }
  .nav-link-second.w--current {
    padding-left: 20px;
  }
  .licence-item {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .licence-links-wrapper {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .image-div {
    width: 100px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .div-center-headline {
    margin-top: 0px;
  }
  .sticky-navbar {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    padding-bottom: 10px;
  }
  .eight {
    margin-top: 10px;
    margin-left: 20px;
  }
  .menu-b {
    margin-top: 10px;
    padding: 10px;
  }
  .by-blog-block {
    display: none;
  }
  .facts-section {
    overflow: hidden;
  }
  .facts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .facts-item {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .brand-link-second.w--current {
    padding-left: 20px;
  }
  .tab-icon-link {
    display: block;
    width: auto;
  }
  .tab-icon-link.w--current {
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .tab-icon-link.border {
    border-style: solid none;
    border-top-width: 1px;
    border-top-color: #e4e4e4;
    border-bottom-width: 1px;
    border-bottom-color: #e4e4e4;
  }
  .image-2 {
    max-width: 60%;
  }
  .image-3 {
    max-width: 80%;
  }
  .image-4 {
    display: none;
    overflow: hidden;
  }
  .image-5 {
    display: none;
  }
  .image-6 {
    display: none;
  }
  .heading {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
  }
  .class_ingormation {
    margin-bottom: 0px;
  }
  .cta-combo {
    margin-bottom: 20px;
  }
  .link-2 {
    margin-top: 24px;
    font-size: 16px;
  }
  .link-2.cta-resource {
    font-size: 18px;
  }
  .image-7 {
    position: static;
    width: 100%;
    max-width: 60%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .div-block {
    background-image: none;
  }
  .nav-link-4 {
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    box-shadow: none;
  }
  .heading-2.tab-features-heading {
    margin-bottom: 20px;
    font-size: 28px;
  }
  .slide {
    height: 200px;
    background-image: url('../images/slider01.png');
    background-size: cover;
  }
  .slider-2 {
    background-image: url('../images/example-bg.png');
    background-position: 0px 0px;
    background-size: 125px;
  }
  .paragraph-9 {
    line-height: 30px;
    text-align: justify;
  }
  .section-4 {
    background-image: url('../images/slider-bg.jpg');
    background-position: 0px 0px;
    background-size: 300px;
  }
  .section-4.slider {
    margin-left: 0px;
    padding-top: 40px;
    padding-bottom: 80px;
    background-position: 50% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .slide-2 {
    background-image: url('../images/重磅登場2.png');
    background-size: contain;
    background-repeat: no-repeat;
  }
  .slide-3 {
    background-image: url('../images/一個月讓你2.png');
    background-size: contain;
    background-repeat: no-repeat;
  }
  .slide-4 {
    background-image: url('../images/報名吧2.png');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .slide-5 {
    background-image: url('../images/高峰會2.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .heading-4 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 28px;
  }
  .slide-nav-2 {
    padding-top: 28px;
  }
  .div-block-4 {
    color: #fff;
  }
  .paragraph-light {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
  }
  .paragraph-29 {
    padding-right: 0px;
    padding-left: 0px;
    letter-spacing: 1px;
  }
  .paragraph-29.feature {
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
  }
  .paragraph-29.mobile {
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
  }
  .paragraph-30 {
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
  }
  .paragraph-31 {
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
  }
  .section-5 {
    padding: 40px 20px;
  }
  .full-title {
    margin-bottom: 0px;
    font-size: 28px;
    text-align: center;
  }
  .full-title.black-text.purple-text {
    margin-bottom: 8px;
    text-align: center;
  }
  .full-title.mobile {
    margin-bottom: 20px;
    font-size: 24px;
  }
  .intro {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    line-height: 30px;
    text-align: justify;
  }
  .intro.bold {
    text-align: center;
  }
  .intro.mobile {
    text-align: center;
  }
  .intro.recruit {
    margin-top: 0px;
  }
  .section-6 {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .div-block-5 {
    width: 90%;
    height: auto;
    background-image: -webkit-linear-gradient(270deg, #c1c1fc, #c1c1fc);
    background-image: linear-gradient(180deg, #c1c1fc, #c1c1fc);
    background-position: 0px 0px;
    background-size: auto;
  }
  .column-9 {
    position: relative;
    left: 0px;
    top: 0px;
    margin-bottom: 20px;
    text-align: center;
  }
  .column-10 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .column-11 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .column-12 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .column-13 {
    padding-left: 10px;
  }
  .column-14 {
    padding-left: 10px;
  }
  .column-15 {
    padding-right: 10px;
  }
  .section-7 {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .p {
    margin-right: 0px;
    margin-bottom: 24px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 30px;
    text-align: justify;
  }
  .p.resource.mobile {
    font-size: 14px;
  }
  .section-8 {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  ._2-col-title {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 28px;
    text-align: center;
  }
  .section-9.cta-resource {
    padding: 60px 23px 60px 24px;
  }
  .section-10 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-10.goals {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .image-14 {
    display: none;
    width: 90%;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
  }
  .brief {
    margin-right: 0px;
    margin-bottom: 24px;
    margin-left: 0px;
    padding-right: 16px;
    padding-left: 16px;
    color: #464646;
    line-height: 30px;
    text-align: justify;
    letter-spacing: 0px;
  }
  .brief.sub-title {
    margin-top: 16px;
    margin-bottom: 4px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .brief.resource {
    padding-right: 0px;
    padding-left: 0px;
  }
  .brief.resource.mobile {
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    font-size: 14px;
    text-align: left;
  }
  .heading-11 {
    font-size: 32px;
  }
  .paragraph-37 {
    font-size: 14px;
  }
  .section-11 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .div-block-9 {
    margin-top: 32px;
    margin-bottom: 16px;
  }
  .heading-12 {
    margin-top: 0px;
    font-size: 16px;
  }
  .div-block-10 {
    margin-bottom: 0px;
  }
  .link-6 {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 14px;
  }
  .link-5 {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 14px;
  }
  .link-7 {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 14px;
  }
  .div-block-11 {
    width: 90%;
    height: auto;
    min-height: 0px;
    background-image: none;
    background-size: auto;
  }
  .div-block-11.mobile {
    width: 100%;
  }
  .div-block-12 {
    width: 90%;
    height: auto;
    min-height: auto;
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
  }
  .div-block-12.mobile {
    width: 100%;
  }
  .image-15 {
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .image-16 {
    width: 100%;
    height: 100%;
  }
  .image-18 {
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin-top: 12px;
  }
  .goal-img {
    width: 90%;
    height: 275px;
    background-image: url('../images/home-無底線.png');
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .section-12.home {
    padding: 20px 16px 40px;
    background-position: 0px 0px;
    background-size: auto 100%;
  }
  .section-12.home.cta {
    padding-top: 60px;
  }
  .column-19 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .column-20 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .tab-pane-tab-3 {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .course-list {
    width: 100%;
    height: 360px;
    background-image: url('../images/課程表2.png');
    background-size: 100%;
  }
  .image-21 {
    width: 96%;
  }
  .section-13 {
    padding-top: 27px;
    padding-bottom: 9px;
  }
  .div-block-179 {
    margin-bottom: 24px;
    padding: 20px 16px;
  }
  .heading-14 {
    font-size: 16px;
    line-height: 24px;
  }
  .div-block-18 {
    margin-bottom: 20px;
  }
  .paragraph-40 {
    font-size: 14px;
    line-height: 28px;
  }
  .div-block-1801 {
    width: 95%;
  }
  .heading-15 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 5px;
  }
  .div-block-181 {
    width: 80%;
  }
  .paragraph-41 {
    font-size: 14px;
    line-height: 28px;
  }
  .heading-18 {
    font-size: 16px;
  }
  .paragraph-42 {
    font-size: 14px;
    line-height: 32px;
    font-weight: 700;
  }
  .paragraph-42.paragraph-48 {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
  }
  .paragraph-43 {
    font-size: 14px;
    line-height: 28px;
  }
  .paragraph-44 {
    font-size: 14px;
    line-height: 28px;
  }
  .heading-19 {
    font-size: 16px;
  }
  .paragraph-46 {
    font-size: 14px;
    line-height: 32px;
    font-weight: 700;
  }
  .heading-21 {
    font-size: 16px;
    line-height: 32px;
  }
  .heading-22 {
    font-size: 16px;
    line-height: 32px;
  }
  .paragraph-49 {
    font-size: 14px;
    line-height: 28px;
  }
  .heading-23 {
    font-size: 16px;
    line-height: 32px;
  }
  .paragraph-50 {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 1px;
  }
  .heading-24 {
    font-size: 16px;
    line-height: 32px;
  }
  .paragraph-51 {
    font-size: 14px;
    line-height: 28px;
  }
  .heading-25 {
    font-size: 16px;
    line-height: 32px;
  }
  .paragraph-52 {
    font-size: 14px;
    line-height: 28px;
  }
  .heading-26 {
    font-size: 16px;
    line-height: 32px;
  }
  .paragraph-53 {
    font-size: 14px;
    line-height: 28px;
  }
  .heading-27 {
    font-size: 16px;
    line-height: 32px;
  }
  .paragraph-54 {
    font-size: 14px;
    line-height: 28px;
  }
  .heading-28 {
    font-size: 16px;
    line-height: 32px;
  }
  .paragraph-55 {
    font-size: 14px;
    line-height: 28px;
  }
  .heading-29 {
    font-size: 16px;
    line-height: 32px;
  }
  .paragraph-56 {
    font-size: 14px;
    line-height: 28px;
  }
  .heading-30 {
    font-size: 16px;
    line-height: 32px;
  }
  .paragraph-57 {
    font-size: 14px;
    line-height: 28px;
  }
  .paragraph-58 {
    font-size: 14px;
    font-weight: 300;
  }
  .link-10 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 3px;
  }
  .sub-title.center {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .pricing.sub-title {
    margin-top: 0px;
    font-size: 14px;
  }
  .pricing.info {
    font-size: 24px;
  }
  .pricing.team {
    display: block;
    max-width: 102%;
  }
  .paragraph-59 {
    width: 100%;
    padding-right: 12px;
    font-size: 14px;
    line-height: 28px;
  }
  .paragraph-59.ws {
    padding-right: 20px;
    padding-left: 20px;
  }
  .heading-31 {
    margin-top: 12px;
    margin-bottom: 0px;
    font-size: 20px;
  }
  .paragraph-60 {
    margin-bottom: 0px;
    font-size: 14px;
    letter-spacing: 0px;
  }
  .div-block-1804 {
    top: 53%;
  }
  .image-22 {
    width: 100%;
    margin-top: 16px;
  }
  .div-block-1805 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .column-22 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .column-23 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .column-24 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .image-23 {
    max-width: 90%;
    padding-top: 0px;
  }
  .button-2 {
    width: 100%;
    padding-right: 34px;
    text-align: center;
  }
  .div-block-1809 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-left: 24px;
  }
  .div-block-1810 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .div-block-1811 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .div-block-1812 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .div-block-1814 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .columns-4 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .single.pricing.mobile {
    max-width: 100%;
  }
}