@font-face {
  font-family: 'AlbertSans-Italic-VariableFont_wght';
  src: url('../fonts/AlbertSans-Italic-VariableFont_wght.ttf');
}

@font-face {
  font-family: 'AlbertSans-Light';
  src: url('../fonts/AlbertSans-Light.ttf');
}

@font-face {
  font-family: 'AlbertSans-Bold';
  src: url('../fonts/AlbertSans-Bold.ttf');
}

@font-face {
  font-family: 'AlbertSans-Medium';
  src: url('../fonts/AlbertSans-Medium.ttf');
}

@font-face {
  font-family: 'AlbertSans-VariableFont_wght';
  src: url('../fonts/AlbertSans-VariableFont_wght.ttf');
}

@font-face {
  font-family: 'FontsFree-Net-zuumerough-bold-2';
  src: url('../fonts/FontsFree-Net-zuumerough-bold-2.ttf');
}


@font-face {
  font-family: 'SourceSansVariable-Roman';
  src: url('../fonts/SourceSansVariable-Roman.otf');
}

@font-face {
  font-family: 'SourceSansPro-Semibold';
  src: url('../fonts/SourceSansPro-Semibold.ttf');
}


@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url('../fonts/SourceSansPro-Bold.ttf');
}



input:focus,
textarea:focus,
select:focus {
  outline: none;
}

html {
  overflow-x: hidden; 
}



.panel {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

body {
  margin: 0;
  font-family: 'AlbertSans-VariableFont_wght';

}

#preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: #FCFCFC;
  z-index: 99;
}



ul {
  margin: 0;
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}


ul, ol {
  list-style: none;
}


input {
  outline: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

a {
  text-decoration: none;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}


h1,h2,h3,h4,h6 {
  font-weight: normal;
}

.b_shaddow::after {
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.4);
}



/* Header */

header {
 background: #2B2B2A;
  position: sticky;
  top: 0;
  z-index: 15;
}

header::after {
  content: '';
  background: transparent linear-gradient(270deg, #E4397B 0%, #1BACCB 100%) 0% 0% no-repeat padding-box;
  width: 100%;
  height: 5px;
  display: block;
}


header .header_wrap {
  display: flex;
  padding: 0.7% 0;
}

header .logo img {
  width: 5.78vw;
}


.header_wrap .h_left,
.header_wrap .h_right {
  width: 50%;
  display: flex;
  align-items: center;
}

.header_wrap .h_left .logo {
  padding-left: 1.5%;
}

.header_wrap .h_left #menu-left-menu,
.header_wrap .h_right div,
.header_wrap .h_right div ul {
  display: flex;
  align-items: center;
}

.header_wrap .h_right {
  display: flex;
  justify-content: flex-end;
  padding-right: 3%;
}


/* nav */

#menu-left-menu li a {
  font-size: 0.93vw;
  letter-spacing: 0.0093vw;
  font-family: 'AlbertSans-VariableFont_wght';
  color: rgba(255, 255, 255, 0.75);
  padding-bottom: 145%;
}

#menu-left-menu li.current-menu-item a {
  color: #1FAECC;
}

#menu-left-menu {
  margin-left: 28%;
}

#menu-left-menu li {
  margin-right: 22%;
}

#menu-left-menu li:hover a {
  color: #1FAECC;
}

/* Nav drop */


#menu-left-menu .sub-menu {
  position: absolute;
  top: 7vw;
  opacity: 0;
  z-index: -1;
  width: 12.9vw;
  background: #2B2B2A;
  border: 1px solid #4D4D4D;
  visibility: hidden;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  margin-left: -1%;
}

#menu-left-menu .sub-menu::after {
  content: '';
  background: transparent linear-gradient(90deg, #1CACCB 0%, #3B9BBF 100%);
  width: 100.9%;
  height: 4px;
  display: block;
  margin-left: -1px;
  margin-bottom: -1px;
}

.nav-drop {
  top: 5.25vw !important;
  z-index: 6 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sub-menu li {
  margin: 0;
  width: 100%;
}

.sub-menu li a {
  width: 100%;
  display: block;
  font-size: 0.83vw !important;
  padding: 7% 8% !important;
  border-bottom: 1px solid #4D4D4D;
}


.sub-menu li:last-child a {
  border-bottom: 0;
}


#menu-left-menu li .sub-menu li a {
  color: rgba(255, 255, 255, 0.75);
}

#menu-left-menu li .sub-menu li a:hover,
#menu-left-menu .sub-menu li.current-menu-item a {
  color: #1FAECC;
  background: #242424;
}



/* Regist cart btn */

.h_right #menu-right-meni li a {
  width: 8.8vw;
  height: 2.6vw;
  line-height: 2.6vw;
  background: #FFFFFF19;
  border: 1px solid #FFFFFF24;
  border-radius: 4px;
  font-size: 0.83vw;
  letter-spacing: -0.008vw;
  text-transform: uppercase;
  font-family: 'AlbertSans-VariableFont_wght';
  display: inline-block;
  text-align: center;
  color: #fff;
}

.h_right #menu-right-meni li a:hover {
  background: #009cc0;
}

#menu-right-meni {
  position: relative;
  right: 25%;
}

#menu-right-meni li {
  margin-left: 5%;
  margin-left: 3.7%;
}

.cart_regist li a {
  color: #fff;
  font-size: 1.3vw;
}

.cart_regist li {
  margin-left: 5%;
}

.cart_regist li:first-child {
  position: relative;
  right: 55%;
}

.cart_regist li a:hover {
  color: #1FAECC;
}


/* Homepage baner */

.top_baner {
  position: relative;
}

.top_baner {
  width: 100%;
  height: 40.3vw;
  overflow: hidden;
}


.top_baner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.zoom_img {
  transform: scale(1.2);
  -webkit-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}

.zoom_img.zoom_out {
  transform: scale(1);
}


.top_baner h1 {
  position: absolute;
  z-index: 5;
  font-size: 10.3vw;
  line-height: 8.95vw;
  font-family: 'FontsFree-Net-zuumerough-bold-2';
  color: #fff;
  top: 24.5%;
  margin: 0;
  left: 11%;
}


/* Under banner */

.under_baner {
  padding-left: 11%;
  position: relative;
  background: url(../images/second-section-background.png);
  background-size: cover;
}



.under_baner_wrap {
  display: flex;
  position: relative;
  top: -4.3vw;
}


.under_baner_wrap .under_img {
  width: 26%;
}

.under_baner_wrap .under_img img {
  width: 100%;
  height: 8.85vw;
  object-fit: cover;
}

.under_baner_wrap ul {
  display: flex;
  justify-content: space-between;
  width: 74%;
  background: #189DC3;
  padding-right: 18%;
}

.under_baner_wrap ul li {
  display: flex;
  align-items: center;
  color: #fff;
}

.under_baner_wrap ul li:first-child {
  padding-left: 6%;
}

.under_baner_wrap ul li:first-child p {
  width: 80%;
} 


.under_baner_wrap ul li:last-child p {
  width: 80%;
}

.under_baner_wrap ul li:last-child div {
  padding-left: 2%;
}

.under_baner_wrap ul li:first-child::after {
  content: '';
  border: 1px solid #FFFFFF;
  opacity: 0.3;
  height: 50%;
  position: relative;
  right: -27%;
}

.under_baner_wrap ul li h3 {
  font-size: 0.93vw;
  letter-spacing: -0.18px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'SourceSansPro-Bold';
  opacity: 0.9;
  margin: 0;
  padding-bottom: 2.5%;
}

.under_baner_wrap ul li p {
  font-size: 0.78vw;
  letter-spacing: -0.15px;
  opacity: 0.9;
  font-family: 'AlbertSans-Light';
  margin: 0;
}


.under_baner_wrap ul li a {
  width: 3.22vw;
  min-width: 3.22vw;
  height: 3.22vw;
  line-height: 3.22vw;
  text-align: center;
  border-radius: 50%;
  background: #00000015;
  border: 1px solid #FFFFFF;
  opacity: 0.85;
  color: #fff;
}

.under_baner_wrap ul li a:hover {
  background: #007fb6;
  border: 1px solid #007fb6;
}


/* Three section */

.home_three_box {
  padding: 3.5% 13% 7% 0;
}

.home_three_box img {
  min-width: 3vw;
}

.home_three_box ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 9vw;
}


.home_three_box li {
  display: flex;
}

.home_three_box li .t_h_img {
  padding-right: 6%;
}

.home_three_box li .t_h_desc h3 {
  font-size: 1.45vw;
  letter-spacing: -0.014vw;
  color: #2B2B2A;
  text-transform: uppercase;
  font-family: 'SourceSansPro-Bold';
  margin: 0;
  margin-bottom: 10px;
  line-height: 1;
}

.home_three_box li .t_h_desc p {
  margin: 0;
  letter-spacing: -0.17px;
  color: #40403F;
  font-family: 'AlbertSans-VariableFont_wght';
  font-size: 0.88vw;
  line-height: 1.25vw;
}

.home_three_box li:last-child img {
  min-width: 3.5vw;
}

.home_three_box li:last-child {
  margin-left: -4%;
}


/* Home about us */

.home_about_us {
  padding: 6% 9% 5% 11%;
  background: #FCFCFC
}

.home_about_us .h_a_img {
  width: 50%;
  padding-left: 3%;
}

.home_about_us .h_a_img img {
  width: 100%;
  height: 42.4vw;
  object-fit: contain;
}

.home_about_us .h_a_desc {
  width: 50%;
  padding-right: 10%;
}

.home_about_us .h_a_desc h1 {
  font-size: 4.94vw;
  line-height: 4.68vw;
  letter-spacing: -0.049vw;
  font-family: 'FontsFree-Net-zuumerough-bold-2';
  color: #2B2B2A;
  text-transform: uppercase;
  margin: 0;
  padding-top: 7%;
  padding-bottom: 6.5%;
}

.home_about_us .h_a_desc p {
  font-size: 0.93vw;
  line-height: 1.3vw;
  letter-spacing: -0.009vw;
  color: #40403F;
}

.home_about_us .h_a_desc a {
  width: 9.42vw;
  height: 3vw;
  line-height: 3vw;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 0.83vw;
  background: #1BACCB;
  background: #1BACCB;
  border-radius: 4px;
  display: inline-block;
  letter-spacing: -0.16px;
  font-size: 0.83vw;
  font-family: 'AlbertSans-Bold';
  margin-top: 6%;
}

.home_about_us .h_a_desc a:hover {
  background: #007fb6;
}



/* Homepage classes */

.home_classes {
  background: #FCFCFC;
  padding: 3% 5%;
}

.home_classes li {
  border: 1px solid #40403F;
}



.heading {
  color: #40403F;
  font-size: 3.64vw;
  letter-spacing: -0.03vw;
  font-family: 'FontsFree-Net-zuumerough-bold-2';
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.heading::before {
  content: '';
  background: url('../images/line-heading.svg');
  width: 20.4vw;
  height: 0.67vw;
  display: inline-block;
  margin-right: 3.5%;
}

.heading::after {
  content: '';
  background: url('../images/line-heading.svg');
  width: 20.4vw;
  height: 0.67vw;
  display: inline-block;
  margin-left: 3.5%;
}

.home_classes .home_classes_img {
  width: 100%;
  height: 11.7vw;
  overflow: hidden;
}

.home_classes .home_classes_img img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  object-fit: cover;
}

.home_classes li:hover .home_classes_img img {
  transform: scale(1.1);
}

.home_classes .home_classes_desc {
  background: #40403F;
  padding: 7% 8% 9%;
}

.home_classes .home_classes_desc h3 {
  font-size: 1.8vw;
  letter-spacing: -0.35px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 0.9;
  font-family: 'SourceSansPro-Bold';
  margin: 0;
}

.home_classes .home_classes_desc .title_price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.home_classes .home_classes_desc .title_price p {
  font-size: 1.04vw;
  margin: 0;
  font-family: 'AlbertSans-VariableFont_wght';
  font-weight: bold;
  text-align: right;

  letter-spacing: -0.2px;
  color: #FFFFFF;
  opacity: 0.9;
}

.home_classes .home_classes_desc .title_price p::before {
  content: '$';
  color: #FFFFFF;
  opacity: 0.9;
  font-size: 1.04vw;
  margin: 0;
  font-family: 'AlbertSans-VariableFont_wght';
  font-weight: bold;
}

.home_classes .home_classes_desc .title_price span {
  display: block;
  letter-spacing: -0.12px;
  color: #FFFFFF;
  opacity: 0.9;
  font-size: 0.62vw;
  font-family: 'AlbertSans-VariableFont_wght';
  font-weight: bold;
}

.home_classes .home_classes_desc ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.home_classes .home_classes_desc ul li a {
  font-size: 0.83vw;
  font-family: 'AlbertSans-Bold';
}

.home_classes .home_classes_desc ul li a {
  width: 7.5vw;
  height: 2.34vw;
  line-height: 2.34vw;
  text-align: center;
  display: block;
}

.home_classes .home_classes_desc ul li:first-child {
  border: 1px solid #1BACCB;
  border-radius: 4px;
  background: #424848;
}

.home_classes .home_classes_desc ul li:first-child a {
  color: #68E0FA;
}

.home_classes .home_classes_desc ul li:first-child a:hover {
  background: rgba(27, 172, 203, 0.2);
  color: #fff;
}

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

.home_classes .home_classes_desc ul li:last-child a {
  color: #FFFFFF;
  position: relative;
}

.home_classes .home_classes_desc ul li:last-child a::after {
  content: '';
  width: 81%;
  height: 1px;
  background: #71706f;
  display: block;
  margin: auto;
  margin-top: -7%;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}


.home_classes .home_classes_desc ul li:last-child a:hover::after {
  background: #fff;
}

.all_clas_btn li {
  border: none;
}

.all_clas_btn {
  display: flex;
  justify-content: center;
  margin-top: 4%;
}

.all_clas_btn li {
  margin: 0 7px;
}

.all_clas_btn li a {
  width: 10.8vw;
  height: 3vw;
  line-height: 3vw;
  text-align: center;
  border: 1px solid #1BACCB;
  border-radius: 4px;
  font-size: 0.83vw;
  font-family: 'AlbertSans-Bold';
  display: inline-block;
}


.all_clas_btn li:first-child a {
  background: #1BACCB;
  color: #FFFFFF;
}


.all_clas_btn li:first-child a:hover {
  background: #007fb6;
}


.all_clas_btn li:last-child a {
  color: #1BACCB;
}

.all_clas_btn li:last-child a:hover {
  background: #d7f1f5;
}


.cl_ins img {
  width: 1.56vw !important;
  height: 1.56vw;
  min-width: 1.56vw;
  border-radius: 50%;
  border: 1px solid #707070;
}

.cl_ins li,
.cl_ins_title li {
  border: none !important;
  background: transparent !important;
  display: flex;
  align-items: center;
}

.cl_ins_title li p {
  letter-spacing: -0.16px;
  color: #FFFFFF;
  opacity: 0.7;
  font-size: 0.83vw;
  padding-right: 5px;
  white-space: nowrap;
}


.cl_ins_title li,
.cl_ins_title li:nth-child(3) p {
  display: none;
}

.cl_ins_title li:first-child,
.cl_ins_title li:nth-child(2),
.cl_ins_title li:nth-child(3) {
  display: flex;
}

.cl_ins_title li:nth-child(3)::after {
  content: '...';
  letter-spacing: -0.16px;
  color: #FFFFFF;
  opacity: 0.7;
  font-size: 0.83vw;
  margin-left: -4px;
}

.cl_ins_title li:nth-child(2) p::after {
  content: '';
}

.cl_ins_title li:first-child::before {
  content: 'By:';
  letter-spacing: -0.16px;
  color: #FFFFFF;
  opacity: 0.7;
  font-size: 0.83vw;
  margin-right: 5px;
}

.main_class_ins_wrap {
  display: flex;
  align-items: center;
  margin-bottom: 3%;
}

.cl_ins {
  margin-right: 10px;
  padding-left: 10px;
}

.cl_ins .ins_img_box {
  margin-left: -10px;
  display: none;
}

.cl_ins .ins_img_box:first-child,
.cl_ins .ins_img_box:nth-child(2) {
  display: block;
}

#popular_classes {
  padding: 3% 6.5% 0;
}


/* Dots on title */

.ins_desc_box p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 11.4vw;
}


/* Upcomming classes */

.upcomming_classes {
  padding-top: 4.5%;
  background: #FCFCFC;
}

.upcomming_classes img {
  display: flex;
  margin: auto;
}



/* Testimonial slide */


.testimonial .testimonial_slide {
  display: flex;
  height: 42vw;
  background-size: cover;
  background-position: center;
}


.testimonial .tes_title,
.testimonial .tes_slide_main {
  width: 50%;
}

.testimonial .tes_title {
  padding-top: 7%;
  padding-left: 10.9%;
}

.testimonial .tes_slide_main {
  padding-top: 7%;
  padding-left: 9.8%;
}

.testimonial .tes_slide {
  background: #fff;
  width: 29vw;
  padding: 8% 9%;
  padding-right: 10%;
}

.testimonial .ts_top {
  display: flex;
  align-items: center;
}

.testimonial .ts_top p {
  margin: 0;
  color: #2B2B2A;
  font-size: 0.93vw;
  font-family: 'AlbertSans-VariableFont_wght';
  font-weight: bold;
}

.testimonial .ts_top span {
  color: #40403F;
  font-size: 0.72vw;
  font-family: 'AlbertSans-VariableFont_wght';
  margin-top: 5%;
  display: inline-block;
}


.testimonial .tes_slide img {
  width: 3.2vw;
  height: 3.2vw;
  border-radius: 50%;
  border: 1px solid #707070;
  margin-right: 12px;
}

.testimonial .ts_desc p {
  color: #40403F;
  font-size: 0.93vw;
  font-family: 'AlbertSans-VariableFont_wght';
  line-height: 1.3vw;
  margin-top: 7%;
}

.testimonial .owl-dots button {
  width: 0.83vw;
  height: 0.83vw;
  background: #70B7C6;
  opacity: 0.34;
  border: none;
  border-radius: 3px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}


.testimonial .owl-dot.active {
  opacity: 1;
  background: #1BACCB;
}


.testimonial .tes_title h2 {
  font-size: 4.68vw;
  line-height: 4.94vw;
  font-family: 'FontsFree-Net-zuumerough-bold-2';
  color: #fff;
  display: inline;
  position: relative;
}

.testimonial .tes_title h2::after {
  content: '';
  background: url(../images/quote-icon.png);
  background-size: cover;
  width: 15.4vw;
  height: 13.7vw;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 75%;
}

.tes_slide .slider-counter {
  font-size: 0.83vw;
  color: #2B2B2A;
  opacity: 0.5;
  font-family: 'AlbertSans-Bold';
  font-style: italic;
  margin-top: -3.5%;
}


.tes_slide_wrap .owl-dots {
  margin-left: 11%;
  margin-top: 21%;
}

.tes_slide_wrap .owl-nav {
  display: none;
}



/* All classes */

.main_bgd {
  height: 21.5vw;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.main_bgd img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main_bgd h1 {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  color: #FFFFFF;
  font-size: 5.2vw;
  letter-spacing: -0.03vw;
  font-family: 'FontsFree-Net-zuumerough-bold-2';
}



.all_classes_list {
  padding: 0 17% 5%;
  background: #FCFCFC;
}

.all_classes_list li {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}


.all_classes_list li .cl_list_img {
  width: 61.5%;
  position: absolute;
  left: 0;
}

.all_classes_list li .cl_list_img img {
  width: 100%;
  height: 16.4vw;
  object-fit: cover;
  -moz-transition: height 0.5s ease;
  -webkit-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
  border: 1px solid #40403F;
}

.all_classes_list .class_content:hover .cl_list_img img {
  height: 23vw;
}


.all_classes_list li .cl_list_desc {
  width: 45%;
  background: #40403F;
  height: 19.5vw;
  margin: 0 0 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 3.55%;
}

.all_classes_list .class_content:nth-child(2n) .cl_list_desc {
  margin: 0;
}

.all_classes_list .class_content:nth-child(2n) .cl_list_img {
  right: 0;
  left: auto;
}

.all_classes_list .class_content {
  margin-top: 125px;
}


.all_classes_list .class_content .title_price h3 {
  font-size: 1.82vw;
  color: #fff;
  letter-spacing: -0.35px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 0.9;
  font-family: 'SourceSansPro-Bold';
  margin: 0;
}

.all_classes_list .class_content .title_price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.all_classes_list .class_content .title_price p {
  font-size: 1.04vw;
  margin: 0;
  font-family: 'AlbertSans-VariableFont_wght';
  font-weight: bold;
  letter-spacing: -0.2px;
  color: #FFFFFF;
  opacity: 0.9;
}

.all_classes_list .class_content .title_price span {
  display: block;
  letter-spacing: -0.12px;
  color: #FFFFFF;
  opacity: 0.9;
  font-size: 0.62vw;
  font-family: 'AlbertSans-VariableFont_wght';
  font-weight: bold;
}

.all_classes_list .class_content .title_price p::before {
  content: '$';
  color: #FFFFFF;
  opacity: 0.9;
  font-size: 1.04vw;
  margin: 0;
  font-family: 'AlbertSans-VariableFont_wght';
  font-weight: bold;
}

.all_classes_list .class_content .single-trim-words {
  font-size: 0.78vw;
  line-height: 1.14vw;
  letter-spacing: -0.15px;
  margin-top: 7%;
  color: #FFFFFF;
  opacity: 0.55;
  font-family: 'AlbertSans-VariableFont_wght';
  text-transform: lowercase;
}

.all_classes_list .class_content .single-trim-words:first-letter {
  text-transform: uppercase;
}

.cl_list_wrap ul {
  display: flex;
  align-items: center;
}

.cl_list_wrap ul li a {
  width: 7.5vw;
  height: 2.34vw;
  line-height: 2.34vw;
  text-align: center;
  display: block;
  font-size: 0.83vw;
  font-family: 'AlbertSans-VariableFont_wght';
}

.cl_list_wrap ul li {
  width: auto;
}


.cl_list_wrap .class_more {
  margin-top: 8%;
}

.cl_list_wrap ul li:first-child a {
  color: #68E0FA;
}

.class_more li:last-child {
  margin-left: 3%;
}

.cl_list_wrap ul li:last-child a {
  color: #FFFFFF;
  position: relative;
}

.cl_list_wrap ul li:last-child a::after {
  content: '';
  width: 79%;
  height: 1px;
  background: #71706f;
  display: block;
  margin: auto;
  margin-top: -7%;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.cl_list_wrap ul li:last-child a:hover::after {
  background: #fff;
}

.cl_list_wrap ul li {
  border: 1px solid #40403F;
}

.cl_list_wrap ul li:first-child a {
  border: 1px solid #1BACCB;
  border-radius: 4px;
  background: #424848;
}

.cl_list_wrap ul li:first-child a:hover {
  background: rgba(27, 172, 203, 0.2);
  color: #fff;
}

.all_classes_list li .cl_list_desc .ins_desc_box p {
  font-size: 0.88vw;
}


.all_classes_list li .cl_list_desc .c_price {
  text-align: right;
}

/* Single classes */

.popular_classes {
  padding: 4.2% 0;
  background: #FCFCFC;
}

.popular_classes .single_classes_left {
  position: sticky;
  top: 19.2%;
  height: 38.1vw;
}

.popular_classes .sticky_img {
  position: relative;
  padding-left: 22%;
}

.popular_classes .sticky_img a {
  letter-spacing: -0.16px;
  color: #1BACCB;
  text-transform: uppercase;
  font-size: 0.82vw;
  font-family: 'AlbertSans-Bold';
  position: absolute;
  z-index: 5;
  bottom: -19%;
}

.mob_all_classes {
  display: none;
}

.popular_classes .sticky_img i {
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.popular_classes .sticky_img::after {
  content: '';
  background: url(../images/left-bottom-background.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 45vw;
  height: 24vw;
  display: inline-block;
  position: absolute;
  top: 54%;
  left: 0;
}

.popular_classes .single_classes_left img {
  width: 36.8vw;
  height: 30vw;
  object-fit: cover;
  position: relative;
  z-index: 5;
  border-radius: 5px;
}

.popular_classes .single_classes_left .gradient_img {
  position: relative;
}

.popular_classes .single_classes_left .gradient_img::before {
  content: '';
  background: transparent linear-gradient(230deg, #E4397B 0%, #1B6CCB 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  left: 0;
  width: 36.8vw;
  height: 30vw;
  z-index: 10;
  opacity: 0.2;
  border-radius: 5px;
}


.popular_classes .single_classes_left,
.popular_classes .single_classes_right {
  width: 50%;
}

.popular_classes .single_classes_right {
  padding-left: 5%;
  padding-right: 11%;
}

.single_classes_links {
  display: flex;
  align-items: center;
  margin: 9% 0 13.5%;
}

.single_classes_links li {
  margin-right: 2.5%;
}

.single_classes_links li a {
  width: 9.48vw;
  height: 2.97vw;
  line-height: 2.97vw;
  text-align: center;
  border: 1px solid #1BACCB;
  border-radius: 4px;
  letter-spacing: -0.16px;
  font-size: 0.82vw;
  display: inline-block;
  font-family: 'AlbertSans-Bold';
}

.single_classes_links li:first-child a {
  color: #fff;
  background: #1BACCB;
} 

.single_classes_links li:first-child a:hover {
  background: #377eb4;
  border: 1px solid #377eb4;
}

.single_classes_links li:last-child a {
  color: #1BACCB;
  background: #fff;
} 

.single_classes_links li:last-child a:hover {
  background: #dfeff5;
  color: #1BACCB;
}

.popular_classes .single_classes_right .single_title {
  font-size: 2.82vw;
  color: #2B2B2A;
  text-transform: uppercase;
  font-family: 'SourceSansPro-Bold';
  margin: 0;
  padding-bottom: 2.5%;
}

.popular_classes .single_classes_price {
  display: flex;
  align-items: flex-end;
}

.popular_classes .single_classes_price p {
  margin: 0;
  letter-spacing: -0.3px;
  color: #2B2B2A;
  font-size: 1.53vw;
  font-family: 'AlbertSans-VariableFont_wght';
  font-weight: bold;
}

.popular_classes .single_classes_price p:before {
  content: '$';
  color: #2B2B2A;
  font-size: 1.53vw;
  margin: 0;
  font-family: 'AlbertSans-VariableFont_wght';
  font-weight: bold;
}

.popular_classes .single_classes_price span {
  font-size: 0.72vw;
  letter-spacing: -0.14px;
  color: #2B2B2A;
  font-family: 'AlbertSans-Medium';
  font-weight: bold;
  margin-left: 7px;
  position: relative;
  bottom: 6px;
}

.popular_classes .single_classes_price span:before {
  content: '/';
  font-size: 0.7vw;
  color: #2B2B2A;
  font-family: 'AlbertSans-VariableFont_wght';
  font-weight: bold;
}

.popular_classes .classes_content h1,
.popular_classes .classes_content h2,
.popular_classes .classes_content h3,
.popular_classes .classes_content h4,
.popular_classes .classes_content h5,
.popular_classes .classes_content strong {
  font-size: 1.28vw;
  letter-spacing: -0.25px;
  color: #2B2B2A;
  font-family: 'SourceSansPro-Bold';
  padding-bottom: 2%;
  display: block;
}

.popular_classes .classes_content p {
  letter-spacing: -0.18px;
  color: #40403F;
  font-family: 'AlbertSans-VariableFont_wght';
  font-size: 0.93vw;
  line-height: 1.3vw;
}

.classes_numbers {
  padding: 4% 0;
}


.classes_numbers ul li {
  width: 33.333%;
  margin-bottom: 7%;
}

.classes_numbers ul li img {
  width: 2.4vw;
  object-fit: contain;
  margin-left: -1%;
  padding-bottom: 7%;
}

.classes_numbers ul li p {
  letter-spacing: -0.16px;
  color: #40403F;
  font-size: 0.83vw;
  line-height: 1.14vw;
  margin: 0;
  font-family: 'AlbertSans-Medium';
  width: 60%;
}

.single_tab_persons {
  display: flex;
  border-top: 1px solid #BFBFBF;
  padding-top: 4.5%;
  margin-top: 5.5%;
}

.single_tab_persons .persons,
.single_tab_persons .s_tag {
  width: 50% ;
}


.single_tags {
  display: flex;
  align-items: center;
}

.single_tab_persons h3 {
  letter-spacing: -0.14px;
  color: #2B2B2A;
  font-size: 0.72vw;
  font-family: 'AlbertSans-Bold';
  margin-bottom: 5%;
}

.single_tags li {
  letter-spacing: -0.16px;
  font-size: 0.82vw;
  border-radius: 4px;
  padding: 0.8% 4%;
  display: block;
  font-family: 'AlbertSans-VariableFont_wght';
  margin-right: 3%;
}

.single_tags li.tag-Beginner {
  background: rgba(200, 93, 219, 0.18);
  color: #C85DDB;
}

.single_tags li.tag-Pro {
  background: rgba(239, 153, 37, 0.18);
  color: #EF9923;
}


.single_cl_ins li {
  display: flex;
  align-items: center;
  margin-bottom: 3%;
}

.single_cl_ins li .cl_img {
  width: 1.56vw;
  height: 1.56vw;
  border: 1px solid #707070;
  border-radius: 50%;
  margin-right: 10px;
}

.single_cl_ins li .cl_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single_cl_ins li p {
  letter-spacing: -0.18px;
  color: #40403F;
  margin: 0;
  font-size: 0.93vw;
  font-family: 'AlbertSans-VariableFont_wght';
}


/* Instructors */

.all_instructors {
  background: #FCFCFC;
  padding: 3.5% 10.8%;
}


.all_instructors_list {
  margin-left: -2%;
}

.all_instructors_list li {
  width: 50%;
  padding-left: 2%;
  padding-top: 2%;
} 

.instructor_box {
  display: flex;
  border: 1px solid #E2E2E2;
  border-radius: 6px;
  background: #fff;
  position: relative;
  padding: 6%;
}

.all_instructors_list li .instructor_img {
  width: 9.3vw;
  min-width: 9.3vw;
  height: 9.3vw;
  border-radius: 50%;
  background: url(../images/team-image-border.svg);
  background-size: cover;
  padding: 0.35%;
}

.all_instructors_list li .instructor_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.all_instructors_list li .instructor_desc {
  position: relative;
}

.all_instructors_list li .instructor_desc h1 {
  letter-spacing: -0.35px;
  color: #40403F;
  text-transform: uppercase;
  font-size: 1.82vw;
  font-family: 'SourceSansPro-Bold';
  margin: 0;
}

.all_instructors_list li .instructor_desc {
  padding-left: 6.5%;
  width: 100%;

}

.all_instructors_list li .instructor_box {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.all_instructors_list li .instructor_box:hover {
  -webkit-box-shadow: 7px 7px 0px 0px rgb(226 226 227);
  -moz-box-shadow: 7px 7px 0px 0px rgba(226,226,227,1);
  box-shadow: 7px 7px 0px 0px rgb(226 226 227);
}


.instructor_decs_box {
  position: absolute;
  width: 95%;
  background: #fff;
  left: 9%;
  top: 0;
  margin: 0;
  bottom: 0;
  right: 0;
  border-radius: 0%;
  display: flex;
  align-items: center;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.instructor_decs_box.open_instructor {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}

.instructor_decs_box p {
  letter-spacing: -0.18px;
  color: #2B2B2A;
  font-size: 0.93vw;
  line-height: 1.3vw;
  font-family: 'AlbertSans-VariableFont_wght';
  padding-right: 7%;
}

.instructor_decs_box .fa-times {
  position: absolute;
  top: -17%;
  right: -2%;
  color: #AFAFAF;
  font-size: 1.4vw;
  cursor: pointer;
}

.instructor_desc .instructor_title {
  margin: 0;
  letter-spacing: -0.18px;
  color: #40403F;
  font-size: 0.93vw;
}

.instructor_desc h3 {
  letter-spacing: -0.13px;
  color: #40403F;
  opacity: 0.6;
  font-size: 0.67vw;
  font-family: 'AlbertSans-Bold';
  margin-top: 5%;
  margin-bottom: 2%;
}

.instructor_desc span {
  cursor: pointer;
  letter-spacing: -0.16px;
  color: #1BACCB;
  font-size: 0.83vw;
  text-decoration: underline;
  margin-top: 4.5%;
  display: inline-block;
}

.ins_classes {
  display: flex;
  align-items: center;
}


.instructor_desc li {
  width: auto;
  margin-right: 7px;
  background: #e8e7e8;
  border-radius: 4px;
  padding: 1% 2%;
}

.instructor_desc li p {
  margin: 0;
  letter-spacing: -0.16px;
  color: #8C8C8C;
  opacity: 0.9;
  font-size: 0.83vw;
}


/* About page */

.about_us {
  background: #FCFCFC;
}

.about_us .ab_page_left,
.about_us .ab_page_right {
  width: 50%;
}

.about_us .ab_page_right {
  padding: 3.7% 11% 4% 0;
  position: relative;
}


.about_us .ab_page_right .top_right_img {
  position: absolute;
  top: 0;
  right: 0;
  width: 76%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}


.about_us .ab_page_right .ab_img {
  position: relative;
  z-index: 5;
  width: 39vw;
  height: 31.7vw;
  object-fit: cover;
}


.about_us .ab_page_left h1 {
  font-size: 5.98vw;
  color: #2B2B2A;
  font-family: 'FontsFree-Net-zuumerough-bold-2';
  margin: 0;
  padding-bottom: 3%;
}

.about_us .ab_page_left p {
  letter-spacing: -0.18px;
  color: #40403F;
  font-size: 0.93vw;
  font-family: 'AlbertSans-VariableFont_wght';
  line-height: 1.3vw;
}

.about_us .ab_page_left {
  padding: 6.7% 7.7% 6% 10.8%;
}

/*  */

.our_core_values {
  background: #EFEFEF;
  padding: 7% 10.8%;
  margin-top: -4%;
}

.our_core_values .core_title h1 {
  margin: 0;
  color: #2B2B2A;
  font-size: 3.64vw;
  font-family: 'FontsFree-Net-zuumerough-bold-2';
}

.our_core_values .core_title {
  display: flex;
  align-items: center;
}


.our_core_values .core_title .core_line {
  background: #707070;
  height: 1px;
  width: 33.5vw;
  position: relative;
  margin-left: 3.7%;
}

.our_core_values .core_title .core_line::after {
  content: '';
  width: 1.14vw;
  height: 1.14vw;
  border-radius: 50%;
  border: 1px solid #707070;
  display: block;
  position: absolute;
  right: 0;
  top: -0.6vw;
  background: #EFEFEF;
}

.our_core_values ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 9vw;
  padding-top: 4.5%;
}

.our_core_values ul li {
  display: flex;
  padding-right: 3%;
}

.our_core_values ul li:last-child {
  margin-left: -7%;
  padding-right: 7%;
}

.our_core_values ul li img {
  height: 2.86vw;
  padding-right: 1%;
}

.our_core_values ul li:last-child img {
  height: 2.5vw;
  padding-right: 1%;
}

.our_core_values ul li h3 {
  margin: 0;
  letter-spacing: -0.28px;
  color: #2B2B2A;
  text-transform: uppercase;
  font-size: 1.45vw;
  font-family: 'SourceSansPro-Bold';
  margin-bottom: 10px;
  margin-top: -2%;
}


.our_core_values ul li p {
  letter-spacing: -0.17px;
  color: #40403F;
  font-size: 0.88vw;
  font-family: 'AlbertSans-VariableFont_wght';
  line-height: 1.25vw;
  margin: 0;
}

.our_core_values ul li div {
  margin-left: 4%;
}

/*  */

.ab_gallery {
  text-align: center;
  padding: 6.7% 12.7% 2%;
  background: #FCFCFC;
}

.ab_gallery h2 {
  color: #2B2B2A;
  font-size: 3.64vw;
  font-family: 'FontsFree-Net-zuumerough-bold-2';
  margin: 0;
  padding-bottom: 3.7%;
}


#about_gallery_slide li {
  list-style: none;
}

#about_gallery_slide li img {
  width: 100%;
  height: 17.44vw;
  object-fit: cover;
}

#about_gallery_slide .owl-next {
  position: absolute;
  top: 45%;
  right: -3%;
  font-size: 0;
}

#about_gallery_slide .owl-prev {
  position: absolute;
  top: 45%;
  left: -3%;
  font-size: 0;
}

#about_gallery_slide .owl-prev span::before {
  content: '\f053';
  font-family: "font awesome 5 pro";
  box-shadow: none;
  font-size: 1.2vw;
  font-weight: 500;
  color: #707070;
}

#about_gallery_slide .owl-next span::before {
  content: '\f054';
  font-family: "font awesome 5 pro";
  box-shadow: none;
  font-size: 1.2vw;
  font-weight: 500;
  color: #707070;
}


.ab_gallery .ab_more {
  border: 1px solid #1BACCB;
  border-radius: 4px;
  width: 10.3vw;
  height: 3vw;
  text-align: center;
  line-height: 3vw;
  letter-spacing: -0.16px;
  color: #1BACCB;
  text-transform: uppercase;
  font-size: 0.83vw;
  font-family: 'AlbertSans-Bold';
  display: inline-block;
  margin-top: 3%;
}

.ab_gallery .ab_more:hover {
  background: #d7f1f5;
}


/* Faq */

.main_bgd.faq_bgd h1 {
  color: #2B2B2A;
  font-size: 4.42vw;
  top: 42%;
}


/* Accordion */

.questions_answers_wrap .accordion-container {
  margin-top: -8.7%;
  position: relative;
  z-index: 5;
}

.questions_answers_wrap {
  background: #FCFCFC;
  padding: 0 11% 5%;
}

.questions_answers_wrap h1 {
  color: #254964;
  font-family: 'LTWave-Bold';
  font-size: 1.97vw;
  margin-bottom: 3%;
}


.accordion-content {
  display: none;
}

.open .accordion-content {
  display: block;
}

.article-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: -0.22px;
  color: #2B2B2A;
  font-size: 1.14vw;
  font-family: 'AlbertSans-Medium';
  font-style: normal;
  padding: 2.3% 2%;
  cursor: pointer;
}

.content-entry.open .article-title {
  color: #1BACCB;
}

.accordion-container .content-entry i:before {
  display: block;
  font-family: "font awesome 5 Pro";
  content: '\f067';
  font-size: 1vw;
  color: #DDDDDD;
  font-weight: 300;
  font-style: normal;
}


.accordion-container .content-entry.open i:before {
  display: block;
  font-family: "font awesome 5 Pro";
  content: '\f068';
  font-size: 1vw;
  color: #1BACCB;
  font-weight: 300;
}

.accordion-content {
  font-size: 0.88vw;
  line-height: 1.25vw;
  letter-spacing: -0.17px;
  color: #40403F;
  margin-top: -0.7%;
  padding: 0 7% 1% 2%;
}

.accordion-content p {
  margin-top: 0;
}

.content-entry {
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #0000001A;
  border-radius: 5px;
  margin-bottom: 1.3%;
  border: 1px solid transparent;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.content-entry:hover {
  border: 1px solid #C9EBF3;
}

.content-entry.open {
  border: 1px solid #C9EBF3;
  border-radius: 5px;
  box-shadow: 0px 3px 6px #0000001a;
  border-radius: 5px;
  border-bottom: 5px solid #C9EBF3;
}


/*  */

.faq_bottom {
  text-align: center;
  background: #FCFCFC;
  padding-bottom: 2%;
}

.faq_bottom h3 {
  letter-spacing: -0.28px;
  color: #2B2B2A;
  text-transform: uppercase;
  opacity: 0.9;
  font-size: 1.45vw;
  font-family: 'SourceSansPro-Bold';
  margin: 0;
}

.faq_bottom p {
  letter-spacing: -0.17px;
  color: #2B2B2A;
  opacity: 0.9;
  font-size: 0.88vw;
  margin-top: 0.5%;
}

.faq_bottom a {
  border: 1px solid #1BACCB;
  border-radius: 4px;
  width: 9.6vw;
  height: 3vw;
  line-height: 3vw;
  text-align: center;
  letter-spacing: -0.16px;
  color: #1BACCB;
  font-size: 0.8vw;
  font-family: 'AlbertSans-Bold';
  display: inline-block;
  margin-top: 1%;
}

.faq_bottom a:hover {
  background: #d7f1f5;
}



/* Blog */

.blog_page {
  background: #FCFCFC;
  padding: 3.5% 10.7% 5%;
}


.blog_title_search h1 {
  color: #2B2B2A;
  font-size: 3.12vw;
  font-family: 'FontsFree-Net-zuumerough-bold-2';
  margin: 0;
}



.blog_list {
  margin-left: -2%;
  padding-top: 5.2%;
}


.blog_list li {
  width: 33.333%;
  padding-left: 2%;
  padding-bottom: 6.5%;
}

.blog_list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.blog_list li:hover img {
  transform: scale(1.1);
}


.blog_list li .blog_img {
  width: 100%;
  height: 17.2vw;
  overflow: hidden;
}

.blog_list li .date {
  letter-spacing: -0.14px;
  color: #9D9D9D;
  font-size: 0.72vw;
  font-family: 'AlbertSans-VariableFont_wght';
  margin: 3% 0 1.5%;
}

.blog_list li h2 {
  letter-spacing: -0.25px;
  color: #2B2B2A;
  opacity: 0.9;
  font-size: 1.3vw;
  font-family: 'SourceSansPro-Bold';
  margin: 0;
}

.blog_list li p {
  letter-spacing: -0.16px;
  color: #2B2B2A;
  opacity: 0.9;
  font-size: 0.83vw;
  line-height: 1.14vw;
}

.blog_list li .blog_desc a {
  width: 9.6vw;
  height: 3vw;
  line-height: 3vw;
  border: 1px solid #1BACCB;
  border-radius: 4px;
  text-align: center;
  letter-spacing: -0.16px;
  color: #1BACCB;
  font-size: 0.83vw;
  font-family: 'AlbertSans-Bold';
  display: inline-block;
  margin-top: 2%;
}

.blog_list li .blog_desc a:hover {
  background: #d7f1f5;
}


/* Single blog */

.single_blog  {
  padding: 0 10.8%;
  background: #FCFCFC;
}

.single_blog .single_img {
  width: 100%;
  height: 28.4vw;
}

.single_blog .single_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.under_blog_img {
  background: #F0F0F0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E0E0E0;
  padding: 1.6% 0;
}


.under_blog_img ul {
  display: flex;
  align-items: center;
  width: 50%;
}

.under_blog_img .all_post_date li {
  padding: 0 7%;
}

.under_blog_img .all_post_date li:first-child {
  border-right: 1px solid #C7C7C7;
}

.under_blog_img .all_post_date li a,
.under_blog_img .all_post_date li p {
  letter-spacing: -0.16px;
  color: #9D9D9D;
  font-size: 0.83vw;
  font-family: 'AlbertSans-VariableFont_wght';
  margin: 0;
  line-height: 2;
}


.under_blog_img .all_post_date li a i {
  margin-right: 5px;
  font-size: 1vw;
  position: relative;
  top: 1px;
}

.under_blog_img .wplogout-social-wrapper li a {
  color: #9D9D9D;
  font-size: 0.9vw;
}


.under_blog_img .wplogout-social-wrapper li a:hover {
  color: #1BACCB;
}

.wplogout-social-wrapper,
.wplogout-social-wrapper ul {
  display: flex;
  justify-content: flex-end;
}

.under_blog_img .wplogout-social-wrapper {
  width: 50%;
  padding-right: 0.5%;
}


.under_blog_img .wplogout-social-wrapper li {
  margin-right: 5%;
  display: inline-block;
}


.single_blog .s_blog_title {
  letter-spacing: -0.45px;
  color: #2B2B2A;
  font-size: 2.34vw;
  font-family: 'SourceSansPro-Bold';
  margin: 5% 0 2%;
}


.single_blog .content_single p,
.single_blog .content_single ul li {
  letter-spacing: -0.18px;
  color: #40403F;
  font-size: 0.93vw;
  line-height: 1.3vw;
  font-family: 'AlbertSans-VariableFont_wght';
}

.single_blog_wrap {
  padding: 1% 18% 0;
}

.single_blog .content_single h1,
.single_blog .content_single h2,
.single_blog .content_single h3,
.single_blog .content_single h4,
.single_blog .content_single h5 {
  color: #2B2B2A;
  font-family: 'SourceSansPro-Bold';
}

.single_blog .content_single ul li {
  list-style: inside;
}

.single_blog .content_single .all_blog {
  letter-spacing: -0.16px;
  color: #1BACCB;
  font-size: 0.83vw;
  border: 1px solid #1BACCB;
  border-radius: 4px;
  font-family: 'AlbertSans-Bold';
  width: 10.8vw;
  height: 3vw;
  line-height: 3vw;
  text-align: center;
  display: inline-block;
  margin: 6% 0 5%;
}

.single_blog .content_single .all_blog:hover {
  background: #d7f1f5;
}

.single_blog .content_single .all_blog i {
  margin-right: 5px;
  font-size: 1vw;
  position: relative;
  top: 1px;
}

.single_blog .content_single img {
  width: 100%;
}


/* Locations  */

.main_location {
  padding: 0 11%;
  background: #FCFCFC;
}


.main_location .location_link a {
  text-align: center;
  letter-spacing: -0.35px;
  color: #2B2B2A;
  opacity: 0.9;
  font-size: 1.82vw;
  font-family: 'SourceSansPro-Bold';
  padding: 6% 0 4.5%;
  display: block;
}

.main_location .location_link a p {
  margin: 0;
}

.main_location .location_link a:hover {
  color: #1BACCB;
}

.location_map {
  margin-bottom: 2%;
}

.location_map iframe {
  width: 100%;
}

.main_location .ab_gallery {
  padding: 6.7% 2% 2%;
}


/* Contact */

.main_contact {
  background: #FCFCFC;
  margin-bottom: -4%;
}

.contact_baner h1 {
  left: 19.4%;
}

.main_contact .contact_left {
  width: 54%;
}


.main_contact .contact_right {
  width: 46%;
}

.main_contact .contact_left .c_info {
  padding-left: 20%;
  padding-top: 10%;
}

.main_contact .contact_left h2 {
  letter-spacing: -0.35px;
  color: #2B2B2A;
  text-transform: uppercase;
  font-size: 1.82vw;
  font-family: 'AlbertSans-Bold';
  margin: 0;
  padding-bottom: 2.5%;
}

.main_contact .contact_left p {
  letter-spacing: -0.18px;
  color: #40403F;
  font-size: 0.93vw;
  font-family: 'AlbertSans-VariableFont_wght';
  margin: 0;
}

.main_contact .contact_left ul {
  margin-top: 6%;
}

.main_contact .contact_left ul li {
  display: flex;
  align-items: center;
  margin-bottom: 2.5%;
}

.main_contact .contact_left ul li p {
  color: #40403F;
  font-size: 0.78vw;
  font-family: 'AlbertSans-VariableFont_wght';
  min-width: 3vw;
}

.main_contact .contact_left ul li a {
  font-size: 0.93vw;
  font-family: 'AlbertSans-Medium';
  color: #1BACCB;
  margin-left: 1.5%;
  line-height: 1;
}


.main_contact .contact_left .contact_faq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 24.7vw;
  height: 5.98vw;
  line-height: 5.98vw;
  box-shadow: 0px 3px 6px #0000000B;
  border: 1px solid #E2E2E2;
  border-radius: 6px;
  background: #fff;
  color: #40403F;
  text-transform: uppercase;
  opacity: 0.85;
  font-size: 0.83vw;
  padding: 0 5%;
  margin-top: 9.5%;
}

.main_contact .contact_left .contact_faq i {
  font-size: 1.3vw;
}

.main_contact .contact_left .contact_faq a {
  color: #40403F;
}

.main_contact .contact_left .contact_faq:hover a,
.main_contact .contact_left .contact_faq:hover i {
  color: #1BACCB;
}

.main_contact .contact_right {
  background: #4A4A48;
  padding: 7.5% 11% 9.5% 6.7%;
  position: relative;
  margin-top: -13%;
}

.main_contact .contact_right::before {
  content: '';
  width: 50%;
  height: 100%;
  background: #4A4A48;
  display: block;
  position: absolute;
  left: -16%;
  top: 0;
  -moz-transform: skew(345deg, 0deg);
  -webkit-transform: skew(345deg, 0deg);
  -o-transform: skew(345deg, 0deg);
  -ms-transform: skew(345deg, 0deg);
  transform: skew(345deg, 0deg);
}

.main_contact .contact_right h3 {
  letter-spacing: -0.35px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 0.9;
  font-size: 1.82vw;
  font-family: 'AlbertSans-Bold';
  margin-top: 0;
  margin-bottom: 4%;
}

.main_contact .contact_right form {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 5;
}

.main_contact .contact_right form input {
  width: 100%;
  height: 3vw;
  border: 1px solid #ACACAC;
  border-radius: 4px;
  background: #F5F5F5;
  margin-bottom: 15px;
  padding: 0 20px;
}

.main_contact .contact_right form textarea {
  width: 100%;
  border: 1px solid #ACACAC;
  border-radius: 4px;
  background: #F5F5F5;
  height: 8.2vw;
  padding: 20px;
  padding-top: 15px;
}

.main_contact .contact_right form button {
  background: #1BACCB;
  border: 1px solid #1BACCB;
  height: 3vw;
  border-radius: 4px;
  text-align: center;
  letter-spacing: -0.16px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 0.83vw;
  font-family: 'AlbertSans-Bold';
  margin-top: 20px;
  cursor: pointer;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.main_contact .contact_right form button:hover {
  background: #007fb6;
}

.main_contact .contact_right form input::-webkit-input-placeholder,
.main_contact .contact_right form textarea::-webkit-input-placeholder {  
  letter-spacing: -0.17px;
  color: #40403F;
  opacity: 0.45;
  font-size: 0.88vw;
  font-family: 'AlbertSans-VariableFont_wght';
}
.main_contact .contact_right form input::-moz-placeholder,
.main_contact .contact_right form textarea::-moz-placeholder { 
  letter-spacing: -0.17px;
  color: #40403F;
  opacity: 0.45;
  font-size: 0.88vw;
  font-family: 'AlbertSans-VariableFont_wght';
}
.main_contact .contact_right form input:-ms-input-placeholder,
.main_contact .contact_right form textarea:-ms-input-placeholder {
  letter-spacing: -0.17px;
  color: #40403F;
  opacity: 0.45;
  font-size: 0.88vw;
  font-family: 'AlbertSans-VariableFont_wght';
}
.main_contact .contact_right form input:-moz-placeholder,
.main_contact .contact_right form textarea:-moz-placeholder { 
  letter-spacing: -0.17px;
  color: #40403F;
  opacity: 0.45;
  font-size: 0.88vw;
  font-family: 'AlbertSans-VariableFont_wght';
}



/* Footer */

.mob_logo,
.mob_links {
  display: none;
}

.top_footer {
  display: flex;
  align-items: center;
  padding-left: 9%;
  padding-right: 15.3%;
  justify-content: space-between;
}

.top_footer ul {
  display: flex;
  align-items: center;
  margin: 0 9% 0 auto;
}

.top_footer ul li a {
  letter-spacing: -0.18px;
  color: #FFFFFF;
  font-size: 0.93vw;
  font-family: 'AlbertSans-Medium';

  display: flex;
  align-items: center;
}

/* ovo */

.top_footer {
  background: url(../images/footer_line.png);
  background-size: cover;
}

.f_logo {
  -moz-transform: skew(43deg, 0deg);
  -webkit-transform: skew(43deg, 0deg);
  -o-transform: skew(43deg, 0deg);
  -ms-transform: skew(43deg, 0deg);
  transform: skew(43deg, 0deg);
  padding: 0.5% 2.5%;
  background: rgb(253,253,253);
  background: linear-gradient(180deg, rgba(253,253,253,1) 0%, rgba(252,245,247,1) 100%);
}


.f_logo a img {
  -moz-transform: skew(317deg, 0deg);
  -webkit-transform: skew(317deg, 0deg);
  -o-transform: skew(317deg, 0deg);
  -ms-transform: skew(317deg, 0deg);
  transform: skew(317deg, 0deg);
}

.top_footer .footer_links {
  margin: 0;
  padding-left: 8.5%;
}

.footer_links li {
  margin-right: 23%;
  white-space: nowrap;
  padding-right: 27%;
  position: relative;
}

.footer_links li::after {
  content: '';
  border-right: 1px solid #FFFFFF;
  opacity: 0.45;
  position: absolute;
  right: 0;
  z-index: 5;
  display: block;
  height: 1.3vw;
  top: 0;
}

.footer_links li img {
  margin-right: 20px;
}

.footer_links li a {
  color: #fff;
}

.f_social li {
  margin-right: 65%;
}

.top_footer .f_social li a {
  font-size: 1vw;
}


/*  */

footer {
  background: url(../images/f_bgd.png);
  background-size: cover;
  padding: 4% 0;
}

.footer_wrap {
  display: flex;
  justify-content: space-between;
  padding: 4.8% 11% 0;
}

.footer_wrap .f_first p {
  margin: 0;
}

.footer_wrap .f_first p {
  color: #40403F;
  font-size: 0.72vw;
  line-height: 1.04vw;
  font-family: 'AlbertSans-Light';
  padding-bottom: 6%;
}

.footer_wrap .f_first p.f_copy {
  color: #40403F;
  font-family: 'AlbertSans-VariableFont_wght';
  font-size: 0.78vw;
}

.footer_wrap .f_first ul {
  display: flex;
  align-items: center;
}

.footer_wrap .f_first ul li a {
  color: #40403F;
  text-transform: uppercase;
  font-size: 0.67vw;
  font-family: 'AlbertSans-VariableFont_wght';
}

.footer_wrap .f_links li a {
  color: #40403F;
  font-size: 0.88vw;
  font-family: 'AlbertSans-VariableFont_wght';
}

/*  */

.footer_wrap .f_first {
  width: 22%;
  margin-right: 1%;
}

.footer_wrap .f_fourth {
  padding-right: 1%;
}

.footer_wrap .f_first li {
  padding: 0;
  display: inherit;
}

.footer_wrap .f_first li:first-child {
  padding-right: 5%;
  border-right: 1px solid;
  margin-right: 5%;
}


/*  */


.footer_wrap .f_second li a,
.footer_wrap .f_third li a,
.footer_wrap .f_fourth li a {
  color: #40403F;
  font-size: 0.88vw;
  font-family: 'AlbertSans-VariableFont_wght';
  line-height: 2vw;
}

.footer_wrap .f_second,
.footer_wrap .f_third,
.footer_wrap .f_fourth {
  margin-top: -0.5%;
} 


.footer_wrap li:last-child {
  padding-bottom: 0;
}

.footer_wrap li a:hover {
  color: #1BACCB;
}


.f_fifth.news_letter {
  width: 23%;
}

.news_letter h3 {
  color: #2B2B2A;
  font-size: 0.93vw;
  font-family: 'AlbertSans-Bold';
  margin: 0;
  margin-bottom: 6%;
}

.news_letter form {
  position: relative;
}



.news_letter input {
  width: 100%;
  background: #FCFCFC;
  border: 1px solid #ACACAC;
  border-radius: 4px;
  height: 3.02vw;
  padding: 0 10px;
}

.news_letter input::-webkit-input-placeholder {  
  letter-spacing: -0.16px;
  color: #40403F;
  opacity: 0.45;
  font-size: 0.83vw;
  font-family: 'AlbertSans-VariableFont_wght';
}
.news_letter input::-moz-placeholder { 
  letter-spacing: -0.16px;
  color: #40403F;
  opacity: 0.45;
  font-size: 0.83vw;
  font-family: 'AlbertSans-VariableFont_wght';
}
.news_letter input:-ms-input-placeholder {
  letter-spacing: -0.16px;
  color: #40403F;
  opacity: 0.45;
  font-size: 0.83vw;
  font-family: 'AlbertSans-VariableFont_wght';
}
.news_letter input:-moz-placeholder { 
  letter-spacing: -0.16px;
  color: #40403F;
  opacity: 0.45;
  font-size: 0.83vw;
  font-family: 'AlbertSans-VariableFont_wght';
}


.news_btn {
  position: absolute;
  top: 5%;
  right: 1%;
}

.news_btn input {
  border: none;
  background: transparent;
  color: transparent;
  cursor: pointer;
  cursor: pointer;
}


.news_letter form button {
  color: #1BACCB;
  background: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5vw;
}



/* === FLEX GRID  === */


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

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

.space-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-center {
  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;
}


