/*! HTML5 Boilerplate v7.1.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

 
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}



/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #ffe400;
    text-shadow: none;
}

::selection {
    background: #ffe400;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}




 /* ==========================================================================
   Author's custom styles
   ========================================================================== */

   /*Poppins Fonts*/

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.montserrat-alternates-thin {
  font-family: "Montserrat Alternates", serif;
  font-weight: 100;
  font-style: normal;
}

.montserrat-alternates-extralight {
  font-family: "Montserrat Alternates", serif;
  font-weight: 200;
  font-style: normal;
}

.montserrat-alternates-light {
  font-family: "Montserrat Alternates", serif;
  font-weight: 300;
  font-style: normal;
}

.montserrat-alternates-regular {
  font-family: "Montserrat Alternates", serif;
  font-weight: 400;
  font-style: normal;
}

.montserrat-alternates-medium {
  font-family: "Montserrat Alternates", serif;
  font-weight: 500;
  font-style: normal;
}

.montserrat-alternates-semibold {
  font-family: "Montserrat Alternates", serif;
  font-weight: 600;
  font-style: normal;
}

.montserrat-alternates-bold {
  font-family: "Montserrat Alternates", serif;
  font-weight: 700;
  font-style: normal;
}

.montserrat-alternates-extrabold {
  font-family: "Montserrat Alternates", serif;
  font-weight: 800;
  font-style: normal;
}

.montserrat-alternates-black {
  font-family: "Montserrat Alternates", serif;
  font-weight: 900;
  font-style: normal;
}

.montserrat-alternates-thin-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 100;
  font-style: italic;
}

.montserrat-alternates-extralight-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 200;
  font-style: italic;
}

.montserrat-alternates-light-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 300;
  font-style: italic;
}

.montserrat-alternates-regular-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 400;
  font-style: italic;
}

.montserrat-alternates-medium-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 500;
  font-style: italic;
}

.montserrat-alternates-semibold-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 600;
  font-style: italic;
}

.montserrat-alternates-bold-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 700;
  font-style: italic;
}

.montserrat-alternates-extrabold-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 800;
  font-style: italic;
}

.montserrat-alternates-black-italic {
  font-family: "Montserrat Alternates", serif;
  font-weight: 900;
  font-style: italic;
}


.montserrat-extra-bold {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

  .nav-item {
    font-size: 1.25rem;
    font-weight: 800;
    font-family: "poppins", sans-serif;
  }
  .dropdown-menu-item {
    font-size: 1.25rem;
    font-weight: 800;
    font-family: "poppins", sans-serif;

  }

   .btn-gradientop { 
    color: #ffffff; 
    background-color: #ffffff; 
    border-color: #ffffff; 
    background: linear-gradient(45deg, #ff8e44, #f91362, #35126a);
  } 
   
  .btn-gradientop:hover, 
  .btn-gradientop:focus, 
  .btn-gradientop:active, 
  .btn-gradientop.active, 
  .open .dropdown-toggle.btn-gradientop { 
    color: #ffffff; 
    background-color: #ffffff; 
    border-color: #ffffff; 
    background: linear-gradient(to right, #ff8e44, #f91362, #35126a);
  } 
   
  .btn-gradientop:active, 
  .btn-gradientop.active, 
  .open .dropdown-toggle.btn-gradientop { 
    background-image: none; 
  } 
   
  .btn-gradientop.disabled, 
  .btn-gradientop[disabled], 
  fieldset[disabled] .btn-gradientop, 
  .btn-gradientop.disabled:hover, 
  .btn-gradientop[disabled]:hover, 
  fieldset[disabled] .btn-gradientop:hover, 
  .btn-gradientop.disabled:focus, 
  .btn-gradientop[disabled]:focus, 
  fieldset[disabled] .btn-gradientop:focus, 
  .btn-gradientop.disabled:active, 
  .btn-gradientop[disabled]:active, 
  fieldset[disabled] .btn-gradientop:active, 
  .btn-gradientop.disabled.active, 
  .btn-gradientop[disabled].active, 
  fieldset[disabled] .btn-gradientop.active { 
    background-color: #ffffff; 
    background: linear-gradient(to right, #ff8e44, #f91362, #35126a);
    border-color: #ffffff;  
  } 
   
  .btn-red .badge { 
    color: #fb0000; 
    background-color: #ffffff; 
  }



   

   .btn-red { 
    color: #ffffff; 
    background-color: #fb0000; 
    border-color: #fb0000; 
    font-weight: 700;
  } 
   
  .btn-red:hover, 
  .btn-red:focus, 
  .btn-red:active, 
  .btn-red.active, 
  .open .dropdown-toggle.btn-red { 
    color: #ffffff; 
    background-color: #fb0000; 
    border-color: #fb0000; 
  } 
   
  .btn-red:active, 
  .btn-red.active, 
  .open .dropdown-toggle.btn-red { 
    background-image: none; 
  } 
   
  .btn-red.disabled, 
  .btn-red[disabled], 
  fieldset[disabled] .btn-red, 
  .btn-red.disabled:hover, 
  .btn-red[disabled]:hover, 
  fieldset[disabled] .btn-red:hover, 
  .btn-red.disabled:focus, 
  .btn-red[disabled]:focus, 
  fieldset[disabled] .btn-red:focus, 
  .btn-red.disabled:active, 
  .btn-red[disabled]:active, 
  fieldset[disabled] .btn-red:active, 
  .btn-red.disabled.active, 
  .btn-red[disabled].active, 
  fieldset[disabled] .btn-red.active { 
    background-color: #fb0000; 
    border-color: #fb0000; 
  } 
   
  .btn-red .badge { 
    color: #fb0000; 
    background-color: #ffffff; 
  }

  .btn-blue { 
    color: #ffffff; 
    background-color: #48bfe3; 
    border-color: #48bfe3; 
  } 
   
  .btn-blue:hover, 
  .btn-blue:focus, 
  .btn-blue:active, 
  .btn-blue.active, 
  .open .dropdown-toggle.btn-blue { 
    color: #ffffff; 
    background-color: #004AF7; 
    border-color: #48bfe3; 
  } 
   
  .btn-blue:active, 
  .btn-blue.active, 
  .open .dropdown-toggle.btn-blue { 
    background-image: none; 
  } 
   
  .btn-blue.disabled, 
  .btn-blue[disabled], 
  fieldset[disabled] .btn-blue, 
  .btn-blue.disabled:hover, 
  .btn-blue[disabled]:hover, 
  fieldset[disabled] .btn-blue:hover, 
  .btn-blue.disabled:focus, 
  .btn-blue[disabled]:focus, 
  fieldset[disabled] .btn-blue:focus, 
  .btn-blue.disabled:active, 
  .btn-blue[disabled]:active, 
  fieldset[disabled] .btn-blue:active, 
  .btn-blue.disabled.active, 
  .btn-blue[disabled].active, 
  fieldset[disabled] .btn-blue.active { 
    background-color: #48bfe3; 
    border-color: #48bfe3; 
  } 
   
  .btn-blue .badge { 
    color: #48bfe3; 
    background-color: #ffffff; 
  }
.img-nav {
  /* width:45px; */
  width:100px;
}

.cover-heading {
  
  font-family: "Montserrat", serif;
  font-weight: 800;
  color: #9706ff;
}

.bgimg-cover {
  background: url(../img/bgimg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-red {
 
    background-color: #fb0000; 
}

.pinkme {
  color:#ff0bac;
}
.redme {
  color:#fb0000;
}

.blueme {
  color:#48bfe3;
}
.yellowme {
  color:#ffe400;
}
.glass-main-container {
  width:100%;
  position:relative;
  margin:auto;
  margin-top:40px;
  margin-bottom:40px;
}

.glass-main-details-container {
  width: 80%;
  position: relative;
  padding: 25px;
  border-width: 4px;
  border-style: solid;
  border-image: linear-gradient(to right, #48bfe3, #9706ff, #80ffdb) 1;
  background: white;
  margin: auto;
}
.glass-main-text {
  
  font-family: Times New Roman, 'Tinos', serif;
  font-weight: 900;
  font-style: normal;
  -webkit-text-stroke: 2px black;
  color:#fb0000;
  position:absolute;
  z-index:2;
  text-align:center;
  width:100%;
  top:56px;
  font-size:2.5em;
  /* text-shadow: 0px 1px, 1px 0px, 1px 1px; */
}
.glass-bead-text {
  margin: 0px 0px 39px 0px;
}
.glass-expo-text-rotate {
  transform: rotate(340deg);
}
.main-img-logo {
  position:relative;
  width:250px;
}
.main-title {
  font-family: "Montserrat", serif;
  font-weight: 800;
  font-size: 4em;
  margin-bottom: 0px;
}
.main-slogan {
  font-family: "Montserrat", serif;
  font-weight: 500;
  font-size: 2em;
  color:#9706ff;
}
.instructor-class-header {
  
  font-family: "sirenia", sans-serif;
  font-weight: 400;
  font-style: normal;
  color:#ff0000;
}
.instructor-card {
  border: none;
}
.instructor-card-img {
  border: 5px solid black;

}
.instructor-modal-img {
  border: 5px solid black;
}
.exhibitor-card {
  border: none;
}
.exhibitor-card-img {
  border: 5px solid black;

}
.exhibitor-modal-img {
  border: 5px solid black;
}
.gcbe-card-wrap {
  min-height: 600px;
  text-align: center;
  /* padding: 5px; */
  /* border: 1px solid white; */
  margin-bottom: 5px;
  padding: 5px;
}
/*Heart*/

.heartit {
  text-align: center !important;

  margin: auto;

  display: block;

  position: relative;

  z-index: 100;
}
[id='toggle-heart'] {
  position: absolute;
  left: -100vw;
}
[id='toggle-heart']:checked + label {
  color: #ff0bac;
  -webkit-filter: none;
          filter: none;
  will-change: font-size;
  -webkit-animation: heart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
          animation: heart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
}
[id='toggle-heart']:checked + label:before, [id='toggle-heart']:checked + label:after {
  -webkit-animation: inherit;
          animation: inherit;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
[id='toggle-heart']:checked + label:before {
  will-change: transform, border-width, border-color;
  -webkit-animation-name: bubble;
          animation-name: bubble;
}
[id='toggle-heart']:checked + label:after {
  will-change: opacity, box-shadow;
  -webkit-animation-name: sparkles;
          animation-name: sparkles;
}
[id='toggle-heart']:focus + label {
  text-shadow: 0 0 3px white,  0 1px 1px white, 0 -1px 1px white,  1px 0 1px white, -1px 0 1px white;
}

[for='toggle-heart'] {
  align-self: center;
  position: relative;
  color: rgba(0,0,0,0.3);
  font-size: 2em;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
[for='toggle-heart']:before, [for='toggle-heart']:after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  content: '';
}
[for='toggle-heart']:before {
  box-sizing: border-box;
  margin: -2.25rem;
  border: solid 2.25rem #ff0bac;
  width: 4.5rem;
  height: 4.5rem;
  -webkit-transform: scale(0);
          transform: scale(0);
}
[for='toggle-heart']:after {
  margin: -0.1875rem;
  width: 0.375rem;
  height: 0.375rem;
  box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
}

@-webkit-keyframes heart {
  0%, 17.5% {
    font-size: 0;
  }
}

@keyframes heart {
  0%, 17.5% {
    font-size: 0;
  }
}
@-webkit-keyframes bubble {
  15% {
    -webkit-transform: scale(1);
            transform: scale(1);
    border-color: #cc8ef5;
    border-width: 2.25rem;
  }
  30%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    border-color: #cc8ef5;
    border-width: 0;
  }
}
@keyframes bubble {
  15% {
    -webkit-transform: scale(1);
            transform: scale(1);
    border-color: #cc8ef5;
    border-width: 2.25rem;
  }
  30%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    border-color: #cc8ef5;
    border-width: 0;
  }
}
@-webkit-keyframes sparkles {
  0%, 20% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
  }
}
@keyframes sparkles {
  0%, 20% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
  }
}


.map {
  -webkit-filter: sepia(100%) contrast(100%) brightness(100%) hue-rotate(300deg) saturate(150%);
     -moz-filter: sepia(100%) contrast(100%) brightness(100%) hue-rotate(300deg) saturate(150%);
      -ms-filter: sepia(100%) contrast(100%) brightness(100%) hue-rotate(300deg) saturate(150%);
       -o-filter: sepia(100%) contrast(100%) brightness(100%) hue-rotate(300deg) saturate(150%);
       filter: sepia(100%) contrast(100%) brightness(100%) hue-rotate(300deg) saturate(150%);
}


.hr-sm {
  background-color:#ebd798;
}


/*Classes Page*/

/*Class List*/
.simple-display {
  border-top:3px solid #fb0000;
  margin-top:10px;
  padding-bottom:5px;
  padding-top:4px;
  text-align:left;
}
.smartsearchimg {
  float:left;
}
.class-details-cat {
  font-family: Times New Roman, 'Tinos', serif;
  font-weight: bold;
  font-style: normal;
  color: #fb0000;
}
.class-details-desc {

}
/* .classes-classname {
  font-size:50px;
  border-bottom: 1px solid #fb0000;
  margin-top:0px;
  margin-bottom:5px;
  padding-bottom: 4px;
} */
.classes-classname {
  font-weight:700;
 }
/* .thumb-span {
  float:left;
  padding-right:10px;
  min-height:200px;
} */

.thumb-span {
  float:left;
  padding-right:20px;
  min-height:400px;
}
.button-right {
  float: right;
}

.zone {
  padding-top:20px;
}

.classes-item {
  background: rgb(249, 249, 250) none repeat scroll 0% 0%;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #fb0000;
  padding-bottom:12px;
  height: auto;
  overflow: hidden;
}
.my-classes-imagewrap {
  display:inline-block;
  width:37%;
}
.my-classes-image {
  width:100%;
  vertical-align:top;
}
.mobile-slide-img {
  height:450px;
  width:auto!important;
  margin:auto;
}

.filter-link {
  text-decoration: none;
  color: #fb0000;
  text-transform: uppercase;
  font-weight: 900;
}
/* .my-classes-description {
  width:60%;
  display:inline-block;
  float:right;
  vertical-align:top;
} */
.class-titles {
  color:#fb0000;
  font-weight: 700;
}
.class-outputs {

}
.my-classes-teacher {
  font-size:25px;
  margin-top:0px;
  color:black;
}
.class-display {
  text-align:left;
  display:inline-block;
}
.red-link {
  color:#fb0000 !important;
}
.red-link:hover {
  color:#ff4949 !important;
}
.red-link:active {
  color:#ff4949 !important;
}
.green-link {
  color:#5cb85c !important;
}
.green-link:hover {
  color:#80c780 !important;
}
.green-link:active {
  color:#80c780 !important;
}
/* .my-classes-times {
  font-size:25px;
  margin-top:0px;
  color:black;
}
.my-classes-skilllevel {
  font-size:25px;
  margin-top:0px;
  color:black;
}
.my-classes-tags {
  font-size:25px;
  margin-top:0px;
  color:black;
}
.my-classes-price {
  font-size:25px;
  color:green;
  margin-top:0px;
}

.my-classes-short-descript {
  display:block;
  width:100%;
  margin-top:5px;
  clear:both;
} */
.my-classes-imageteacherwrap {
  display:inline-block;
  width:15%;
}
.teacher-indent {
  width:85%;
  margin-left:14%;
  clear:both;
}
.teacher-wrap {
  width:100%;
  text-align:left;
}
.teacher-heading {
  font-size:30px;
  border-bottom: 1px solid #fb0000;
  margin-top:0px;
  margin-bottom:15px;
  padding-bottom: 4px;
}
.teacher-name {
  font-size:20px;
  color:black;
}
.teaching-since {
  font-size:20px;
  color:black;
}
.teaching-company {
  font-size:20px;
  color:black;
}
.teaching-social {
  font-size:20px;
  color:black;
}
.my-teacher-description {
  display:inline-block;
  width:35%;
  vertical-align:top;
  margin-top:10px!important;
  text-align:left;
  /* margin-top: -11px; */
  width: 80%;
}
.more-classes-heading {
  font-size:22px;
  margin-top: 0px;
  color: black;
  border-bottom: 1px black solid;
}
.fc-center > h2 {
  color:black;
}

.mouse-it {
  cursor: pointer;
}
/* @font-face {
  font-family: 'nlicons';
  src:url('../../Fonts/nlicons/nlicons.eot');
  src:url('../../Fonts/nlicons/nlicons.eot?#iefix') format('embedded-opentype'),
    url('../../Fonts/nlicons/nlicons.woff') format('woff'),
    url('../../Fonts/nlicons/nlicons.ttf') format('truetype'),
    url('../../Fonts/nlicons/nlicons.svg#nlicons') format('svg');
  font-weight: normal;
  font-style: normal;
} */

.nl-form {
  width: 100%;
  margin: 0;
  font-size: 30px;
  line-height: 1.2;
}
.nl-form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nl-form input,
.nl-form select,
.nl-form button {
  border: none;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: inline-block;
  padding: 0;
  margin: 0;
}
.nl-form input:focus {
  outline: none;
}
.nl-field {
  display: inline-block;
  position: relative;
}
.nl-field.nl-field-open {
  z-index: 10000;
}
.nl-field-toggle,
.nl-form input,
.nl-form select  {
  line-height: inherit;
  display: inline-block;
  color: #fb0000;
  cursor: pointer;
  border-bottom: 1px dashed #fb0000;
}
.nl-field-toggle {
  color:#fb0000!important;
}
.nl-field-toggle:hover {
   color:#ff4949!important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  /* outline: black; */
  background-size: 100%, 100%;
  border-radius: 50%;
  /* border: 1px solid black; */
  background-image: none;
  /* background:rgba(0,0,0,.4); */
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 66px;
  color: #9706ff;
  /* background:rgba(0,0,0,0.8); */
  border-radius: 300px;
  padding:10px;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 66px;
  color: #9706ff;
  /* background:rgba(0,0,0,0.8); */
  border-radius: 300px;
  padding:10px;
}

.carousel-control-prev {

  text-decoration: none;

}

.carousel-control-next {

  text-decoration: none;

}


/* .carousel-left {
  width:30%;
  float:left;
} */

/* New Class Search Box */
.search-cat-box-div {
  display:none;
  background-color: white; 
  margin-top:10px; 
  border:3px solid #FFE400;
   border-radius: 10px; 
   padding:10px; 
   font-size: 10px;
   width: 100%;
   position: absolute;
   z-index: 169;
}


.theexit-div{
    width:100%;
    display:block; 
    text-align:left; 
    border-bottom:2px solid #FFE400;
}
.boxes {
  float: left;
  width: 25%;
  padding: 20px 20px 20px 20px;
  font-size: 20px;
  min-height: 90px;
}

.boxcat {background-color:#60935D;color:white;}
.boxteach {background-color:#7D2E68;color:white;}
.boxdiff {background-color:#337CA0;color:white;}
.boxweek {background-color:#FFD3E8;color:black;}
.class-cat {display:none;/*background-color:#60935D;*/background-color:#ffffff;font-size: 10px;width: 100%;position: absolute;z-index: 179;}
.class-cat-boxes {background-color:#60935D;color:white;}
.class-instructor {display:none;/*background-color:#7D2E68;*/background-color:#ffffff;font-size: 10px;width: 100%;position: absolute;z-index: 189;}
.class-instructor-boxes {background-color:#7D2E68;color:white;}
.class-skill{display:none;/*background-color:#337CA0;*/background-color:#ffffff;font-size: 10px;width: 100%;position: absolute;z-index: 198;}
.boxes-class-skill{width:20%;background-color:#337CA0;color:white;}
.class-dayofweek{display:none;background-color:#ffffff; font-size: 10px;width: 100%;position: absolute;z-index: 199;}
.boxes-class-dayofweek{width:20%;background-color:#FFD3E8;color:black;}
.theexit-x {font-size:25px;color:#FFE400; float:right;}
.theexit-div{width:100%;display:block; text-align:left; border-bottom:2px solid #FFE400;}
.simply-search-text{display:inline-block; font-size:26px; color:#FFE400;}
.simply-search-sub-text{color:#ffffff;}
.theexit-x-dubx{color:#ffffff;}


.theexit-div-sub-cat{border-bottom:2px solid #60935D;}
.theexit-x-sub-cat{color:#60935D;}
.search-cat-box-div-subcat{border:3px solid #60935D;}
.simply-search-text-sub-cat{color:#60935D;}

.theexit-div-sub-instructor{border-bottom:2px solid #7D2E68;}
.theexit-x-sub-instructor{color:#7D2E68;}
.search-cat-box-div-instructor{border:3px solid #7D2E68;}
.simply-search-text-sub-instructor{color:#7D2E68;}

.theexit-div-sub-skill{border-bottom:2px solid #337CA0;}
.theexit-x-sub-skill{color:#337CA0;}
.search-cat-box-div-skill{border:3px solid #337CA0;}
.simply-search-text-sub-skill{color:#337CA0;}

.theexit-div-sub-dayofweek{border-bottom:2px solid #FFD3E8;}
.theexit-x-sub-dayofweek{color:#FFD3E8;}
.search-cat-box-div-dayofweek{border:3px solid #FFD3E8;}
.simply-search-text-sub-dayofweek{color:#FFD3E8;}
.moustie{cursor: pointer;}




@media (max-width: 768px) {
  .carousel-inner .carousel-item>div {
      display: none;
  }

  .carousel-inner .carousel-item>div:first-child {
      display: block;
  }


.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.button-right {
  float: none;
  text-align: center;
}
.thumb-span {
  float:none;
  width:100%;
  display:block;
  padding-right: 0px;
  min-height: 0px;

}

.zone {
  margin-bottom: 20px;
  text-align: center;
}
}

/* large - display 6 */
@media (min-width: 992px) {

  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
      transform: translateX(50%);
  }

  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
  }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
  transform: translateX(0);
}


.sponsor-title {
  height: 40px;
  width: 100%;
  background-color: black;
  overflow: hidden;
  border-radius: 5px;
}

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

.sponsor-text {
  margin-top: .5em;
}


.diamondsponsor-title {
  height: 40px;
  width: 100%;
  background-color: #cbe3f0;
  overflow: hidden;
}

.platinumsponsor-title {
  height: 40px;
  width: 100%;
  background-color: #928E87;
  overflow: hidden;
}

.goldsponsor-title {
  height: 40px;
  width: 100%;
  background-color: #daa520;
  overflow: hidden;
}

.silversponsor-title {
  height: 40px;
  width: 100%;
  background-color: #C0C0C0;
  overflow: hidden;
}

.bronzesponsor-title {
  height: 40px;
  width: 100%;
  background-color: #CD7F32;
  overflow: hidden;
}

.sponsor-img {
  background-color: white;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: fill;
}

.swiper {
  width: 100%;
  height: auto;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.plane-symbol {
  font-size: inherit;
  line-height: inherit;
  vertical-align: -7px;
  /* padding-top: 10px; */
}


/* FAQ Page */
.faq-ques {
  cursor: pointer;
}
.faq-link {
  text-decoration: none;
}
.faq-section-heading {
  font-weight: 900;
}
.question-wrap {
  padding: 1em;
  
}

/*Sponsors */
.sponsor-section-heading {
  font-family: "eloquent-jf-small-caps-pro", serif;
  font-weight: 400;
  font-style: normal;
}

/*Footer Page */
/*BBB Logo*/
a#bbblink.ruhzbas, a#bbblink.ruhzbus {
  width: 120px !important; 
  height: 54px !important;
}
  
a#bbblink.sehzbas:hover img, a#bbblink.rbhzbas:hover img, a#bbblink.ruhzbas:hover img, a#bbblink.sehzbus:hover img, a#bbblink.rbhzbus:hover img, a#bbblink.ruhzbus:hover img {
  margin-left: -120px !important;
}


/*Style Updates */
/* .regindex-inputs {
  height: 80px;
  font-size: 40px;
  width: 100%;
}
.regindex-inputemail {
  height: 80px;
  font-size: 40px;
  width: 60%;
}
.continuelrgbtn {
  font-size: 30px;
}
.recoverpswdlrgbtn {
  font-size: 30px;
  background-color:red;
}
.waitlist-purchase-wrap {
  float:right;
}
.waitlist-purchase-btn {
  font-size:14px;
  background-color:#489fdf;
  color:white;
}
.waitlist-purchase-btn:hover {
  background-color:#397fb2;
  color:white;
}
.waitlist-purchase-btn:active {
  background-color:#7ebbe8;
  color:white;
}
.tinysearch-mag-btn {
  background-color:#d9534f;
  color:white;
}
.tinysearch-mag-btn:hover {
  background-color:#ad423f;
  text-decoration:none;
  color:white;
}
.tinysearch-mag-btn:active {
  background-color:#e48683;
  text-decoration:none;
  color:white;
}
.showall-btn {
  background-color:#db7100;
  color:white;
}
.showall-btn:hover {
  background-color:#e28d32;
  text-decoration:none;
  color:white;
}
.showall-btn:active {
  background-color:#af5a00;
  text-decoration:none;
  color:white;
}
.heading-text {
  font-size:30px;
}
.checkoutbtn {
  display:block; */
 /* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

 .hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

 
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* Extra small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap*/

    /* Small devices (landscape phones, 576px and up)*/
    @media (min-width: 576px) {
      .glass-main-text {
        font-size:3em;
        top:86px;
      }
      .main-img-logo {
        position:relative;
        width:335px;
      }
      
    }

    /* Medium devices (tablets, 768px and up)*/
    @media (min-width: 768px) {
      .glass-main-text {
        /* font-size:7em;
        top:75px; */
        font-size: 4em;
        top: 162px;
      }
      .main-img-logo {
        position:relative;
        width:550px;
      }
    }

    /* Large devices (desktops, 992px and up)*/
    @media (min-width: 992px) {
      
    }

    /* Extra large devices (large desktops, 1200px and up)*/
    @media (min-width: 1200px) {
      
    }


  /*@media only screen and (min-width: 35em) {*/
    /* Style adjustments for viewports that meet the condition */
   /*
    }
}*/

@media (max-width: 1600px) {
  .nav-item {
    font-size: 1rem;
    /* font-weight: 800;
    font-family: "poppins", sans-serif; */
  }
  .dropdown-menu-item {
    font-size: 1rem;
  }
}

@media (max-width: 1350px) {
  .nav-item {
    font-size: .85rem;
    /* font-weight: 800;
    font-family: "poppins", sans-serif; */
  }
  .dropdown-menu-item {
    font-size: .85rem;
  }
}


@media (max-width: 1280px) {

  .showhrs-span {
    display:block;
  }
  .boxes{
  	width:50%;
  }

}

@media (max-width: 1200px) {
  .nav-item {
    font-size: .60rem;
    /* font-weight: 800;
    font-family: "poppins", sans-serif; */
  }
  .dropdown-menu-item {
    font-size: .60rem;
  }
}

@media (max-width: 991px) {
  .nav-item {
    font-size: 1rem;
    /* font-weight: 800;
    font-family: "poppins", sans-serif; */
  }
  .dropdown-menu-item {
    font-size: 1rem;

  }

  .glass-main-details-container {
    width:95%;
  }
  .main-title {
    font-size: 2.5em;
  }
  .main-slogan {
    font-size: 1.5em;
  }
  .main-dates {
    font-size: 1.5em;
  }
  .main-location {
    font-size: 1em;
  }
  .main-classes {
    font-size: 1em;
  }
  .main-expo {
    font-size: 1em;
  }
  .main-expohall {
    font-size: 1em;
  }
  .main-expoprice {
    font-size: 1em;
  }
  .mobile-slide-img {
    height:300px;
    width:auto!important;
    max-width:300px!important;
    margin:auto;
  }

}


@media (max-width: 767px) {

  .search-cat-box-div{
    width:95%;
  }
}



@media (max-width: 576px) {

  .mobile-slide-img {
    height:200px;
    width:auto!important;
    max-width:200px!important;
    margin:auto;
  }
  .thumb-span {
    float:none;
    width:100%;
    display:block;
    padding-right: 0px;

  }
  .mobile-class-photo {
    width:100%;
  }
  /* .classes-classname {
    font-size:20px;
  } */
  .my-classes-imagewrap {
    width:100%
  }
  /* .my-classes-description {
    width:100%;
    float:none;
    display:block;
  } */
  /* .my-classes-skilllevel {
    font-size:18px;
  }
  .my-classes-tags {
    font-size:18px;
  } */
  
  
  .teacher-indent {
    width:100%;
    margin-left:0%;
  }
  .teacher-heading {
    font-size:20px;
  }
  .my-classes-imageteacherwrap {
    width: 100%;
    display: block;
  }
  .teacher-name {
    font-size:18px;
  }
  .teaching-company {
    font-size:18px;
  }
  .teaching-social {
    font-size:18px;
  }
  .more-classes-heading {
    font-size:20px;
  }


.boxes {
float:none!important;
width:100%!important;
margin:auto!important;
display:block!important;
padding:10px 10px 10px 10px!important;
}
.searchCategoriesBox {
position:relative!important;
}
/* .carousel-left {
  width:100%;
  float:none;
} */

.cover {
  padding: 0 0.9rem;
}

.glass-main-container {
  margin-top: 2em;
  margin-bottom: 2em;
}

.glass-main-details-container {
  width: 100%;
  padding: 10px;
}


.main-title {
  font-size: 1.8em;
}
.main-slogan {
  font-size: 1em;
}
.main-dates {
  font-size: 1em;
}
.main-location {
  font-size: 1em;
}
.main-classes {
  font-size: 1em;
}
.main-expo {
  font-size: 1em;
}
.main-expohall {
  font-size: 1em;
}
.main-expoprice {
  font-size: 1em;
}


  
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

 
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

   @media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}