/* GLOBAL STYLES
----------------*/

/*Myriad PRO font face */
@font-face {
  font-family: 'Myriad Pro';
  src: url('includes/fonts/myriad_pro/myriad.eot');
  src: url('includes/fonts/myriad_pro/myriad.eot#iefix') format('embedded-opentype'),
       url('includes/fonts/myriad_pro/myriad.woff') format('woff'),
       url('includes/fonts/myriad_pro/myriad.ttf') format('truetype');
}
@font-face{
  font-family: 'Myriad Pro Light';
  src: url('includes/fonts/myriad_pro/myriad-light.eot');
  src: url('includes/fonts/myriad_pro/myriad-light.eot#iefix') format('embedded-opentype'),
       url('includes/fonts/myriad_pro/myriad-light.woff') format('woff'),
       url('includes/fonts/myriad_pro/myriad-light.ttf') format('truetype');
}

/*
Reset Helvetica rendering for chrome
February 11th 2016
*/
@font-face {
font-family: Helvetica;
src: local('Arial');
}
@font-face {
font-family: "Helvetica Neue";
src: local('Arial');
}
@font-face {
font-family: 'Helvetica Neue Custom';
src: local('Arial');
}
@font-face {
font-family: Helvetica;
font-weight: bold;
font-weight: 700;
src: local('Arial');
}
@font-face {
font-family: "Helvetica Neue";
font-weight: bold;
font-weight: 700;
src: local('Arial');
}
@font-face {
font-family: "Helvetica Neue Custom";
font-weight: bold;
font-weight: 700;
src: local('Arial');
}

/* Preventing the onset of a secondary scroll bar */
html, body {
width: 100%;
padding: 0px;
margin: 0px;
}
#wrapper {
  overflow-x: initial;
  min-width: 300px;
}
/* Prevent images from being stretched/distorted */
.widget_woothemes_features .feature img, .learnmorerow img {
  height: auto;
}
.visible-sm{display: none!important;}
/* ============== Begin Navigation Styles ================== */
/* Temporary solution to current duplicate items*/
#main-nav li ul li#menu-item-57 a { color: #666666 !important; }
#main-nav li ul li#menu-item-57 a:hover {
  background: #f0f0f0 !important;
  color: #3088ff !important; }
/* Level 1 */
#main-nav li a {
  background: transparent !important;
  color: #666666 !important;
}
#main-nav li a:hover {
  background: #e6e6e6 !important;
  color: #414141 !important;
}
#main-nav li.current-menu-item a {
  background: #e6e6e6 !important;
  color: #3088ff !important;
}
/* Level 2 */
#main-nav li ul.sub-menu li a {
  background: transparent !important;
  color: #666666 !important;
}
#main-nav li ul.sub-menu li a:hover {
  background: #f0f0f0 !important;
  color: #3088ff !important;
}
#main-nav li ul.sub-menu li.current-menu-item a {
  background: #e6e6e6 !important;
  color: #3088ff !important;
}
/* Level 3 onwards */
#main-nav li ul.sub-menu li ul.sub-menu li a {
  background: transparent !important;
  color: #666666 !important;
}
#main-nav li ul.sub-menu li ul.sub-menu li a:hover {
  background: #f0f0f0 !important;
  color: #3088ff !important;
}
#main-nav li ul.sub-menu li.menu-item-has-children ul.sub-menu li.current-menu-item a {
  background: #e6e6e6 !important;
  color: #3088ff !important;
}
#main-nav li ul.sub-menu li.menu-item-has-children ul.sub-menu li.current-menu-parent a {
  background: #e6e6e6 !important;
  color: #3088ff !important;
}
#navigation h3 {
  display: none;
}

/* ============== End Navigation Styles ================== */
/* ================== Shared Buttons ===================== */
.share {
display: block;
width: 100%;
background: none;
height: 80px;
margin-bottom: 10px;
}
.fb-like iframe {
max-width: none !important;
position: relative;
}
#cboxLoadedContent {
overflow: hidden !important;
}
#full_lesson_space {
display: inline-block;
float: left;
margin-top: 15px;
}
.share_balloons {
display: inline-block;
float: right;
/*bottom: -33px;*/
position: relative;
    margin-right: 7px;
}
#full_lesson_space a.woo-sc-button {
margin: 2px;
}
.fb-like {
position: relative;
top: -5px !important;
}

/*FB SHARE BUTTON QUICKVIEW ALIGNMENT*/
#fb_share_quick{
    top: -6px;
}
/* ================== END Shared Buttons ===================== */
/* Center elements in certain rows */
.signupaction, .learnmore_box {
  text-align: center;
}

/* Don't underline on hover */
.promos a:hover, .learnmore_box a:hover, .levelpromos a:hover {
  text-decoration: none;
}

#sidebar ul{
 list-style-type: none;
}

.current-cat a{
  cursor: default;
  color: #333;
  font-weight: bold;
}

.current-cat a:hover{
  text-decoration: none !important;
}



/*---------------------------------------------------------------
  TOUR PAGE STYLES
  -----------------------------------------------------------------*/
  .tourskillrow {
    text-align: center;
  }

  .learningpathbox {
    margin-bottom:20px;
  }

  .learningpath_header {
    margin-bottom:1em;
    font: 300 20px/1.2em 'Open Sans',arial,sans-serif;
    color: rgb(34, 34, 34);
  }

  .tourfeatures .widget_woothemes_features .feature .feature-content {
    font-family: Open Sans,sans-serif;
    font-weight: 200;
    font-size: 9pt;
  }

  .tourfeatures .widget_woothemes_features .columns-4 .feature img {
    padding-top:20px;
    opacity:0.8;
    filter:alpha(opacity=80);
  }


  .tourfeatures a:link, .tourfeatures a:visited {
    color: rgb(85, 85, 85);
    text-decoration: none;
  }

  .tourinstructors {
    text-align: center;
  }

  .instructorvid .image img{
    box-shadow: 0px 2px 2px rgb(136, 136, 136);
  }

  .instructorvid, .instructorcopy{
    float:left;
  }
  .instructorcopy {
    text-align: left;
  }

  .tour_instructor_heading {
    font-family: Open Sans,sans-serif;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 0.8em;
    color: rgb(0, 0, 0);
  }

  .tour_instructor_copy{
    margin-bottom: 20px;
  }



  #main .tourfeatures .widget_woothemes_features .btnorange:hover {
    background-color: #f3ac30;
  }
  #main .tourfeatures .widget_woothemes_features .btncran:hover {
    background-color: #f5514d;
  }
  #main .tourfeatures .widget_woothemes_features .btnyellow:hover {
    background-color: #efe31c;
  }
  #main .tourfeatures .widget_woothemes_features .btnlime:hover {
    background-color: #9fdd18;
  }
  #main .tourfeatures .widget_woothemes_features .btngreen:hover {
    background-color: #1cef62;
  }
  #main .tourfeatures .widget_woothemes_features .btnturq:hover {
    background-color: #1cefc5;
  }
  #main .tourfeatures .widget_woothemes_features .btnblue:hover {
    background-color: #1c98ef;
  }
  #main .tourfeatures .widget_woothemes_features .btnpurp:hover {
    background-color: #a248e7;
  }

  #main .tourfeatures .widget_woothemes_features .feature {
    text-align: center;
    background-color: #f2f2f2;
    border-radius: 5px;
    width: 23%;
    margin-right: 2.5%;
  }

  .tourbtn {
   width: 141px;
   height: 83px;
   margin-top:20px;
   margin-bottom:10px;
   opacity:0.8;
   filter:alpha(opacity=80);
   float: none;
   margin-left: auto;
   margin-right: auto;
 }

 .skillpic .image img{
  border-radius: 5px;
  box-shadow: 0px 2px 2px #888888;
  margin-bottom: 10px;
}

.learningpathrow{
  text-align:center;
  margin-bottom: 30px;
}


.skill_img {
  background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/skill_sprite.png") no-repeat scroll 0px 0px transparent;
}

.instructor_img {
  background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/instructor_sprite.png") no-repeat scroll 0px 0px transparent;
}

.paths_img {
  background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/map_sprite.png") no-repeat scroll 0px 0px transparent;
}

.demand_img {
  background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/cloud_sprite.png") no-repeat scroll 0px 0px transparent;
}

.cube_img {
  background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/cube_sprite.png") no-repeat scroll 0px 0px transparent;
}

.camera_img {
  background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/camera_sprite.png") no-repeat scroll 0px 0px transparent;
}

.screen_img {
  background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/screen_sprite.png") no-repeat scroll 0px 0px transparent;
}

.star_img {
  background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/star_sprite.png") no-repeat scroll 0px 0px transparent;
}



#main .tourfeatures .widget_woothemes_features .feature:hover .skill_img{
 background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/skill_sprite.png") no-repeat scroll 0px -83px transparent;
 opacity:1;
 filter:alpha(opacity=100);
}

#main .tourfeatures .widget_woothemes_features .feature:hover .instructor_img{
 background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/instructor_sprite.png") no-repeat scroll 0px -83px transparent;
 opacity:1;
 filter:alpha(opacity=100);
}

#main .tourfeatures .widget_woothemes_features .feature:hover .paths_img{
 background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/map_sprite.png") no-repeat scroll 0px -83px transparent;
 opacity:1;
 filter:alpha(opacity=100);
}

#main .tourfeatures .widget_woothemes_features .feature:hover .demand_img{
 background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/cloud_sprite.png") no-repeat scroll 0px -83px transparent;
 opacity:1;
 filter:alpha(opacity=100);
}

#main .tourfeatures .widget_woothemes_features .feature:hover .cube_img{
 background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/cube_sprite.png") no-repeat scroll 0px -83px transparent;
 opacity:1;
 filter:alpha(opacity=100);
}

#main .tourfeatures .widget_woothemes_features .feature:hover .camera_img{
 background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/camera_sprite.png") no-repeat scroll 0px -83px transparent;
 opacity:1;
 filter:alpha(opacity=100);
}

#main .tourfeatures .widget_woothemes_features .feature:hover .screen_img{
 background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/screen_sprite.png") no-repeat scroll 0px -83px transparent;
 opacity:1;
 filter:alpha(opacity=100);
}

#main .tourfeatures .widget_woothemes_features .feature:hover .star_img{
 background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/star_sprite.png") no-repeat scroll 0px -83px transparent;
 opacity:1;
 filter:alpha(opacity=100);
}


a.button.download_guide { 
  margin-bottom:30px;
}

.tourfeatures .widget_woothemes_features .feature .feature-content {
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
}
#main .tourfeatures .widget_woothemes_features .feature:hover .feature-content,#main .tourfeatures .widget_woothemes_features .feature:hover .feature-title {
color: white;
}

 .tourfeatures .widget_woothemes_features .feature .feature-title {
  padding-left:10px;
  padding-right:10px;
}

.tourcontent_row {
  text-align: center;
}

.tour_contentbox {
  margin-bottom: 20px;
}

.tourcontent_third {
  float: left;
  background-color: #f2f2f2;
  min-height: 220px;
}

.tourcontent_third img {
  margin-top:20px;
}
.tourcontent_blurb {
  margin-bottom:10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  line-height:1.4em;
}

.tour_hours {
  font-family: Open Sans,sans-serif;
  font-weight: 400;
  font-size: 46pt;
  text-align: center;
  margin-top: .8em;
  margin-bottom: .5em;
  color: #3bc2b7;
}

.tour_hours_subhead {
  margin-bottom: .6em;
}

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

.threedbox {
  background-color: rgb(242, 242, 242);
  text-align: center;

}

.threedbox img{
  text-align: center;
  margin-top: 10px;
}

.threedtourbox {
  margin-bottom:30px;
}

.threedfeat{
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  line-height: 1.4em;

}

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

.images_row h2 {
  font-family: Open Sans,sans-serif;
  font-weight: 200;
  font-size: 22pt;
  text-align: center;
  margin-top: 1.2em;
  margin-bottom: .5em;
}

.image_subhead {
  margin-bottom: 10px;
  margin-top: 0px;
  font: 300 20px/1.2em 'Open Sans',arial,sans-serif;
  color: rgb(34, 34, 34);
}

.images_box {
  margin-bottom: 20px;
  margin-left: 2%;
  margin-right: 2%;
}
.images_box.first{
  margin-left: 0;
}

.mobile_row {
}


/*---------------------------------------------------------------
      END TOUR PAGE STYLES
      -----------------------------------------------------------------*/


      .pullright {
        text-align: right;
      }


      .categorypic:hover img, .testimonials-list a:hover img {
        opacity:0.8;
        filter:alpha(opacity=80);
      }

      .learnmore_box:hover h3, .levelbox:hover h4, .fpinstructors .feature:hover h3 {
        color: rgb(0, 136, 204);
      }

      /* Add some margin beneath an image */
      .categorypic img {
        margin-bottom: 8px;
      }

      .learnmore_box h3 {
        font-weight: 400;
      }

      .author .title {
        font: 300 14px/1.2em 'Open Sans',arial,sans-serif;
        color: rgb(34, 34, 34);
        margin-bottom: .2em;
        color: rgb(85, 85, 85);
      }
      .home .widget_woothemes_testimonials .quote .author {
        float: right;
        width: 70%;
        margin-top: 1em;
      }

      .home .widget_woothemes_testimonials .quote .author span{
        clear:both;
        display:block;
      }

      .post-meta {
        margin: 0px 0px .7em;
      }

      .title a{
        color: rgb(85, 85, 85);
      }


      .mobile_row h2, .threedtourrow h2, .tourcontent_row h2,.fpcategories h2, .learningpathrow h2, .tourinstructors h2, .tourskill h2, .fpinstructors h2, .testrow h2, .signupaction h2, .fpfeatures h2, .tourfeatures h2, .levelrow h2, .learnmorerow h2, .threedrow h2 {
        font-family: Open Sans,sans-serif;
        font-weight: 200;
        font-size: 22pt;
        text-align: center;
        margin-top:1.2em;
        margin-bottom:1em;
      }


      .fpfeatures .widget h3, .tourfeatures .widget h3 {
        font-family: Open Sans,sans-serif;
        font-weight: 200;
        font-size: 16pt;
      }

      .fpfeatures .widget_woothemes_features .feature .feature-content  {
        font-family: Open Sans,sans-serif;
        font-weight: 200;
        font-size: 11pt;
      }



      .fpfeatures .widget_woothemes_features .feature .feature-content strong, .tourfeatures .widget_woothemes_features .feature .feature-content strong {
        font-weight: 500;
        font-family: Open Sans,sans-serif;
        font-size: 11pt;
      }
      .widget_woothemes_features .feature .feature-title {
        font-weight: 400;
      }



      .widget_woothemes_testimonials .quote blockquote {
        font-family: Open Sans,sans-serif;
        font-weight: 200;
        font-size: 14pt;
        line-height: 1.2em;
        padding-left: 0;
        letter-spacing: -0.03em;

      }


      .signupaction a.woo-sc-button span {
        text-transform: none;
        display: inline-block;

      }



      .fpinstructors .widget_woothemes_features .feature img {

       border:1px solid #979797;

     }



     .fpinstructors h3 {
      font-family: Open Sans,sans-serif;
      font-weight: 400;
    }


    .hero_background{
      width: 100%;
      /* background: none repeat scroll 0% 0% rgb(226, 226, 226); */
      background: none repeat scroll 0% 0% rgb(226, 226, 226);
    }

    .hero_tagline {
      font: 300 68px/1.2em 'Open Sans',arial,sans-serif;
      color: rgb(0, 0, 0);
    }

    .hero_paragraph {
      font-family: Open Sans,sans-serif;
      font-weight: 200;
      font-size: 18px;
      margin-bottom: 1em;
    }

    .black_hero_tagline {
      font: 300 68px/1.2em 'Open Sans',arial,sans-serif;
      color: rgb(255, 255, 255);
    }

    .black_hero_paragraph {
      font-family: Open Sans,sans-serif;
      font-weight: 200;
      font-size: 18px;
      /* margin-bottom: 1em; */
      color: rgb(255, 255, 255);
    }


    #wrapper .woo-sc-button.xl{
      text-transform:none;
    }







    .threedrow h2{
      margin-bottom: 2em;
    }

    .threed_text {
      text-align: center;
    }

    .threed_pic {
    }

    .threed_header {
      text-align: center;
      font-family: Open Sans,sans-serif;
      font-weight: 600;
      font-size: 23px;
      margin-bottom: .8em;
      color: rgb(0, 0, 0);
      line-height: 1.2em;
    }

    .threed_subhead {
      text-align: center;
      font-family: Open Sans,sans-serif;
      font-weight: 200;
      font-size: 24px;
      margin-bottom: .8em;
      color: rgb(0, 0, 0);
    }

    .threed_blurb {
      text-align: center;
      font-size: 13px;
      margin-bottom: 1.3em;
    }

    .threed_button a.woo-sc-button span, .instructorvideo_button a.woo-sc-button span {
      text-transform: none;
      display: inline-block;

    }



    .contain_hero {
        display: flex;
        flex-flow: column;
        justify-content: center;
        height: 100%;
        padding-left: 1.618em;
        padding-right: 1.618em;
    }

    .container_banner_video {
      display: none;
    }

    .video_close_button {
      background: url('images/close_button.png') no-repeat top center;
      width: 46px;
      height: 46px;
      display: inline-block;
      text-indent: -9999px;
      position: absolute;
      top: 0px;
    }
    .hero_tour{
        background-color: #000;
    }
    .hero_tour .hero{
        max-width: 960px;
        height: 280px;
        margin: 0 auto;
        background-position: center;
        background-repeat: no-repeat;
    }

    body.post-type-archive-courses .hero_tour{
        background-color: #3bc2b7;
    }
    .hero_tour .hero .contain_hero .hero_box .tourplay {
        display: flex;
        align-items: center;
    }
    .hero_tour .hero_tagline, .black_hero_tagline {
      font: 300 43px/1.2em 'Open Sans',arial,sans-serif;
      margin-bottom: .em;
    }
    .hero_tour .black_hero_paragraph {
      font-family: Open Sans,sans-serif;
      font-weight: 200;
      font-size: 16px;
      /* margin-bottom: 1.5em; */
      color: rgb(255, 255, 255);
    }
    .hero_tour .black_hero_paragraph + a.tourplay{
      margin-top: 1.5em;
    }

    a.tourplay{
      color: white;
      /* width: 100%; */
    }

    .tourplay_btn {
      background: url("images/nma_play_white.png") no-repeat scroll 0px 0px / 46px 46px transparent;
      background-image: url("images/nma_play_white.svg");
      background-size: 100%;
      display: block;
      width: 50px;
      height: 50px;
    }

    .tour_play_text {
     font-family: Open Sans,sans-serif;
     font-weight: 200;
     font-size: 16px;
     padding-left: 8px;
     color: rgb(255, 255, 255);
   }

   .hero_background.black {
    background: none repeat scroll 0% 0% rgb(0, 0, 0);
  }

  .hero_background.lightgrey {
    background: none repeat scroll 0% 0% rgb(226, 226, 226);
  }

  .videothumb .playbutton {
    width: 100%;
    height: 77%;
    position: absolute;
    left: 0;
    background-size: 50px 50px;
    cursor: pointer;
    background: url("images/nma_play_white.png") no-repeat 50% 50% / 50px transparent;
    background-image: url("images/nma_play_white.svg");
    background-repeat: no-repeat;
    background-position: center center;
  }

  .playbutton:hover
  {
    background: url("images/nma_play_blue.png") no-repeat 50% 50% / 50px transparent;
    background-image: url("images/nma_play_blue.svg");
  }


  .videothumb img, .levelthumb img {
    display: block;
    border-radius: 4px;
    margin-bottom: 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.7) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.7) 0 1px 3px;
  }

  .promos {

    margin-bottom: 30px;

  }

  .levelbox {
    vertical-align: middle;
    display: inline-block;
    margin-right:3%;
  }

  .levelpromos{
    margin-bottom: 30px;
    text-align: center;

  }

  .promos h4, .levelpromos h4 {
    font-family: Open Sans,sans-serif;
    font-weight: 200;
    font-size: 18px;
    color: rgb(82, 82, 82);
    padding-bottom: 1em !important;
  }



  .nav_login {
    /*margin: 8px 0px 0px 10px;*/
    float: right;
  }

  .nav_login a.woo-sc-button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 1.1em;
    margin-top: 0em;
    margin-bottom: .5em;
    display: block;
  }
  #top #main-header{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #top ul.nav li a {
    padding-top: 1.2em;
    padding-bottom: 1em;
    text-decoration: none;

  }
  #top ul.nav li a .ico {}



    #top ul.nav li a .user-name strong{float: left;}
    #top ul.nav li a .ico-avatar-user-white{
        width: 16px;
        height: 18px;
        background: url(/wp-content/themes/canvas/images/icons/avatar-user-white.png) no-repeat center center;
        background: url(/wp-content/themes/canvas/images/icons/avatar-user-white.svg) no-repeat center center;
        display: inline-block;
        margin-left: 5px;
        background-size: cover;
        float: left;
    }
    #top ul.nav li a strong {
        color: #3bc2b7;
    }
    #top #sub-nav{
        display:none;
        background: #191919;
    }
    #top #sub-nav .nav.fr{margin:0}
    #top #sub-nav ul.nav li a,#top #sub-nav ul.contact-phone li{
        border-bottom: 2px solid #191919;
        border-top: 2px solid #191919;
        margin: 0 5px;
        border-radius: 0;
    }
    #top #sub-nav ul.contact-phone li span{
        color:#fff;
        font-weight: bold;
        font-family: 'Myriad Pro'!important
    }
    #top #sub-nav ul.nav>li:hover{
        background: none;
    }
    #top #sub-nav ul.nav li a:hover{
        /*background: none;*/
        border-bottom: 2px solid #ffb900;
    }
    #top > .col-full > .nav > li:hover {
        border-radius: 5px;
    }
  #top ul.nav li a.sign_up,#top ul.nav li a.sign_up:hover{
    /*background:#ffcc33;
    border-radius: 5px;*/
  }
  #top #sub-nav ul.nav li.current_page_item a{
    border-bottom: 2px solid #ffb900;
    background: none;
  }
  #top #sub-nav-mobile .col-full{padding-left:0;padding-right:0}
  .nav_login h5{
    margin: 0px;
    padding: 0px;
    list-style: none outside none;
  }

#header #top span.topbar_warning,
#wrapper span.topbar_warning{
    display: block;
    clear: both;
    text-align: center;
    padding: 1%;
    color: #ffcc33!important;
    padding-left: 1.618em;
    padding-right: 1.618em;
    box-sizing: border-box;
}
#wrapper div.envelop_topbar{
  background-color: #000;
}
#header #top span.topbar_warning .dismiss-notice,
#wrapper span.topbar_warning .dismiss-notice{
  margin-right: 7px;
  color:#ffcb33;
}
#header #top span.topbar_warning strong,
#wrapper span.topbar_warning strong{
  color:#fff;
}

  .post-type-archive-3dmodels .post-more,
  body.search-results article.type-3dmodels .post-more{
    display:none !important;
  }

  .post-type-archive-videolessons .post-more{
    display:none !important;
  }


  /* 3D Archive Styles */

  .post-type-archive-3dmodels article.gridView,
  body.search-results article.type-3dmodels.gridView{
    float: left;
    display: block;
    margin-right: 5%;
    margin-bottom: 10px;
    width: 30%;
  }
  body.search-results article.type-3dmodels.gridView{
    margin-right: 13.5%;
    width: 24%;
  }

  .post-type-archive-3dmodels .alignleft,
  body.search-results .alignleft{
    margin-bottom: 5px;
    margin-right: 0;

  }

  .post-type-archive-3dmodels h2,
  body.search-results article.type-3dmodels h2 {
    font: bold 18px/1em "Helvetica Neue",Helvetica,sans-serif;
  }

.subscribenow-3d {
  position:absolute;
  width: 90%;
  height:146px;
  margin-left:5%;
  top:50%;
  margin-top:-29px;
}
.subscribenow-3d h4{
  display: block;
  position: relative;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  Word-spacing: 4px;
}
.subscribenow-3d p{
  color: #fff;
  text-align: center;
  font-size: 18px;
}
.btn_subscribenow-3d span {
  font-size: 26px;
  margin: 0px;
}
.btn_subscribenow-3d {
  text-align: center;
  text-shadow: -1px -1px 2px rgba(65, 65, 65, 1);
  display: block;
  position: relative;
  width: 31%;
  min-width: 130px;
  margin: 24px auto;
  background: #e16b3d;
  background-image: -webkit-linear-gradient(top, #e16b3d, #b84213);
  background-image: -moz-linear-gradient(top, #e16b3d, #b84213);
  background-image: -ms-linear-gradient(top, #e16b3d, #b84213);
  background-image: -o-linear-gradient(top, #e16b3d, #b84213);
  background-image: linear-gradient(to bottom, #e16b3d, #b84213);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #414141;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 16px;
  padding: 18px 20px 18px 20px;
  border: solid #cc4319 1px;
  text-decoration: none;
}

.btn_subscribenow-3d:hover {
  background: #b84213;
  background-image: -webkit-linear-gradient(top, #b84213, #e16b3d);
  background-image: -moz-linear-gradient(top, #b84213, #e16b3d);
  background-image: -ms-linear-gradient(top, #b84213, #e16b3d);
  background-image: -o-linear-gradient(top, #b84213, #e16b3d);
  background-image: linear-gradient(to bottom, #b84213, #e16b3d);
  text-decoration: none;
  color: #ffffff !important;
}
.form-sales-recipient{
  text-align: center;
  margin:0 auto;
  width: 50%;
}
.form-sales-recipient .woocommerce_subscriptions_gifting_recipient_email{
  width:100%;
}
@media (max-width: 896px) {
    .subscribenow-3d {
      height:126px;
    }
    .btn_subscribenow-3d span {
      font-size: 20px;
      margin: 10px;
    }
    .subscribenow-3d h4{
      font-size: 21px;
    }
    .btn_subscribenow-3d {
      width: 33%;
    }
}
@media (max-width: 725px) {
    .subscribenow-3d {
      height:116px;
    }
    .btn_subscribenow-3d span {
      font-size: 16px;
      margin: 0px;
    }
    .subscribenow-3d h4{
      font-size: 18px;
    }
    .btn_subscribenow-3d {
      font-size: 12px;
      padding: 14px 16px 14px 16px;
      width: 36%;
    }
}
@media (max-width: 500px) {
    .subscribenow-3d {
      height:80px;
      top:40%;
      margin-top:-29px;
    }
    .btn_subscribenow-3d span {
      font-size: 12px;
      margin: 10px;
    }
    .subscribenow-3d h4{
      font-size: 14px;
    }
    .btn_subscribenow-3d {
      font-size: 10px;
      padding: 6px 7px 6px 7px;
    }
}

      /* Responsive Player Styles */
/*      @media (min-width: 767px) {
            #BCLcontainingBlock {
              min-height: 235px;
            }
      }*/
      #BCLcontainingBlock {
        width: 100%;
        height: 300px;
        margin-left: 10px;
        margin-bottom: 0px;
        float: right;
        clear: both;
      }
      .BCLvideoWrapper {
        position: relative;
        /*padding-top: 1px;*/
        /*padding-bottom: 56.25%;*/
        padding-bottom: 56.25%; /* 16/9 ratio */
        padding-top: 0px; /* IE6 workaround*/
        height: 0;
        height:0;
        overflow: hidden;
      }
      * html .BCLvideoWrapper {
        margin-bottom: 45px;
        margin-top: 0;
        width: 100%;
        height: 100%;
      }

      .BCLvideoWrapper div,
      .BCLvideoWrapper embed,
      .BCLvideoWrapper object,
      .BrightcoveExperience {
        position: relative; /*position: absolute; */
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
      }

      #paidContent,
      #placeHolder,
      #placeHolder figure,
      #playButton-VideoPlayer-div{
        position: relative;
      }

      #BCL_playlistSelector {
        display:none;
      }


      .playlist-item:hover {
        background-color: #fafafa;

      }

      .playlist-item-selected {
        background-color: #8e9090;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#8e9090), to(#5c5c5d));
        background-image: -webkit-linear-gradient(top, #8e9090, #5c5c5d);
        background-image: -moz-linear-gradient(top, #8e9090, #5c5c5d);
        background-image: -o-linear-gradient(top, #8e9090, #5c5c5d);
        background-image: -ms-linear-gradient(top, #8e9090, #5c5c5d);
        background-image: linear-gradient(top, #8e9090, #5c5c5d);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#8e9090', EndColorStr='#5c5c5d');
      }

      .playlist-item-selected strong{

        color: #ffffff;

      }


      .lessontitle p strong, .lessontitle p b {
        float: left;
      }


      .titlecont {
        margin-top:12px;
        float: left;
      }



      /* Style the video meta on single-videolesson.php */

      .videolessons h1 {
        margin-bottom: .3em;
      }

      .videometa {
       padding:0;
       margin-bottom: 1.5em;

     }
     .videometa dl {
       width:100%;
       overflow:hidden;

     }
     .videometa dt {
       float:left;
       width:50%; /* adjust the width; make sure the total of both is 100% */
       color: rgb(153, 153, 153);
       padding-bottom: 4px;

     }
     .videometa dd {
       float:left;
       width:50%; /* adjust the width; make sure the total of both is 100% */
       padding-bottom: 4px;

     }
     /* Create the tab navigation in the single page video lesson */

     ul.tabsnav {
       display: block;
       margin:0;
       padding:0;
       border-bottom: 2px solid #eee;
       list-style-type: none;
       margin-bottom: 10px;
     }
     ul.tabsnav li {
         display: inline;
     }
     ul.tabsnav li.tab {
      font-weight: 400;
      font-size:12pt;
      line-height: 1.2;
      font-family: "Open Sans",sans-serif;
      cursor:pointer;
      padding: 0px 10px;
      white-space: nowrap;
     }
     ul.tabsnav li.selected_tab{
         border-bottom: 1px solid #3bc2b7;
         padding-bottom:1px;
         font-weight: bold;
     }
     #tabs_wrapper .tab-content{
       display: none;
     }
     #tabs_wrapper .tab-content.selected_tab{
       display: block;
     }
     /* ========= Make left sidebar scrollable when his size is bigger than 500px and the screen width is bigger than 768 px === */
     @media only screen and (min-width: 768px){
         #details,#questions,#transcript{
             height: 100%; /*500px; */
             overflow: auto;
     }
     #wrapper .sales-page .woo-sc-button.nma-btn{}
    .sales-page section#main-promo h1{
      font-size: 3em;
    }
    .sales-page section#main-promo h2{
      font-size: 3.5em;
    }
    .sales-page section#main-promo h3 {
      font-size: 2.5em;
    }
    .sales-page section#main-promo h4 {
      font-size: 1.5em;
    }
     }
     @media only screen and (min-width: 767px){
     .flex-grid{
      display: flex;
      flex-wrap:wrap;
      justify-content: space-between;
    }

    .flex-grid.flex-third-cols .col {
      width: 32%;
    }

    .flex-grid.flex-five-cols .col {
      flex: 0 1 calc(20% - 10px);
    }

        .flex-grid.flex-two-cols .col {
          flex: 0 1 calc(50% - 10px);
        }
     }
     @media only screen and (max-width: 420px){
    .flex-grid.flex-five-cols .col {
      flex: 0 1 calc(20% - 10px);
      }
      ul.tabsnav li.selected_tab{
        padding-bottom:3px;
      }
      ul.tabsnav li.tab{
        font-size:13px;
      }
     }
     @media only screen and (max-width:353px){
       ul.tabsnav li.tab{
         padding:0px 5px;
       }
       ul.tabsnav li.selected_tab{
         padding-bottom: 2px;
       }
     }
     @media only screen and (max-width:321px){
      ul.tabsnav li.tab{
        padding:0px 1px;
      }
      ul.tabsnav li.selected_tab{
        padding-bottom: 2px;
      }
    }
      /*======== Hide the questions and transcript tab ===*/
     #questions,#transcript,#details,#references, #models,#assignments{
        position: relative;
        width: 100%;
        height: 100%;
     }
     body.live-stream .nma-live-stream-chat{
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom:2px solid #eee;
    }
     #tabs_wrapper {
        /*height: 500px;*/
        width: 100%;
        position: relative;
        padding: 10px;
        box-sizing: border-box;
     }
     .sketchfab-embed-wrapper {
      position: relative;
      padding-bottom: 75%;
      height: 0;
     }
     .sketchfab-embed-wrapper iframe{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
     }
     /*========Styles for the 'reference images' cover*==*/
     .reference_img{
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
        padding-top: 18px;
        max-width: 295px;
        margin-bottom: 10px;
     }
     .reference_img img{
         width: 78.14278385366235%;
         height: auto;
     }
     .reference_img a:hover img{
        opacity: 0.8;
     }
     body.single-videolessons .reference_img h2{
        display: inline-block;
        width: 78.14278385366235%;
        text-align: center;
        font-size: 15px;
        color: #7f7f7f;
     }
     .reference_img span {
        display:block;
     }
     .reference_img span.count {
        display: inline-block;
        font-size: 15px;
        color: #7f7f7f;
     }
     .gallery_reference{
         display: none;
     }



/*---------------------------------------------------------------
          OVERLAY SUBSCRIBE/PLAY
          -----------------------------------------------------------------*/
          .overlay_play{
  /*height:119px;
  width:118px;
  position:absolute;
  top:50%;
  left:50%;
  margin:-58px 0 0 -58px;*/
}

.overlay_play a{
  display:block;
  height:82px;
  width:82px;
  /*height:119px;
  width:118px;*/
  /*background:url('images/playbutton.png') no-repeat;*/
  background: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/nma_play_black.png") no-repeat scroll 0px 0px / 80px 80px transparent;
  /*background-image: url("https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/nma_play_white.svg");*/
  position: absolute;
  top: 50%;
  left: 50%;
  margin:-40px 0 0 -40px;
}

/*.overlay_play a:hover{
  background:url('images/playbutton-hover.png') no-repeat;
  }*/

  .overlay_subscribe{
   height:100%;
   width:100%;
   position:absolute;
   top:0;
   left:0;
   background:rgba(0,0,0,0.8);
 }
 .overlay_subscribe a.subscribe-btn-overlay{
   display:block;
   height:50%;
   width:100%;
   background:url('images/subscribe.png') center center no-repeat;
 }
 .overlay_subscribe a.login-btn-overlay{
   display:block;
   height:50%;
   width:100%;
   background:url('images/login-btn.png') center top no-repeat;
 }
 .overlay_subscribe a:hover,.login-btn-overlay a:hover{
   opacity:0.6;
 }

 /*---------------------------------------------------------------
          RIGHT BOX
          -----------------------------------------------------------------*/

          .right-box{
           width:680px;
           float:right;
         }
         .tuts_list{
           margin-bottom:20px;
           background-color:white;
           -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
           -ms-border-radius: 5px;
           -o-border-radius: 5px;
           border-radius: 5px;
           border: 1px solid #edeff0;
/*           max-width:34%;*/
         }

         .tuts_open{
           margin-bottom:20px;
/*           max-width:34%;*/
         }

         .content_header{
           padding:10px 20px;
         }
         .content_header h1{
           margin:0px;
           color: rgb(85, 85, 85);
           font-family: Open Sans,sans-serif;
           font-weight: 400;
           font-size: 13pt;
           line-height: 1.2;
         }

         .achievement-steps {
           padding: 0 0 10px;
           border-top: 1px solid #e2e5e8;
           -webkit-border-radius: 0 0 5px 5px;
           -moz-border-radius: 0 0 5px 5px;
           -ms-border-radius: 0 0 5px 5px;
           -o-border-radius: 0 0 5px 5px;
           border-radius: 0 0 5px 5px;

         }
        /*

== Make the chapter list  div scrollable ==== */
        /* Size of the box when the user is not logged in*/
        .chap_scroll{
            /* height: 295px; */
            height: auto;
            overflow-y: auto;
        }
        /* Size of the box when the user IS logged in*/
        .tuts_open + .tuts_list div.chap_scroll_paid{
            max-height: 315px;
            overflow-y: auto;
        }
        .tuts_open {
            max-height: 500px;
            overflow-y: auto;
        }
         .tuts_list .achievement-steps {
           background: #f9fafa;
         }

         .tuts_open .achievement-steps li a:hover{
           background-color:#f9fafa;
         }
         .tuts_open .achievement-steps li a.selected:hover{
           background-color:#bcbcbc;
         }

         .achievement-steps ul{
           padding:0px;
           margin:0px;
           list-style-type: none !important;
         }
         .achievement-steps li {
           list-style-type: none !important;
         }

         .achievement-steps li a:hover{
           background-color:#fff;
         }
         .achievement-steps li a.selected{
           background-color:#bcbcbc;
           color: #ffffff;
         }
         .achievement-steps li a:after {
           content: "";
           display: table;
           clear: both;
         }
         .achievement-steps li a{
           text-decoration:none;
           color: rgb(0, 0, 0);
           font-size: 12px;
           font-family: Open Sans,sans-serif;
           font-weight: 200;
           display: block;
           line-height: 1.8;
           display: block;
           padding: 10px 30px 10px 80px;
           overflow: hidden;
           -webkit-transition-duration: 0.2s;
           -moz-transition-duration: 0.2s;
           -o-transition-duration: 0.2s;
           transition-duration: 0.2s;*;
           zoom: 1;
           position: relative;
         }


         .achievement-steps li a p {
           float: right;
           text-decoration:none;
           color: rgb(0, 0, 0);
           font-size: 12px;
           font-family: Open Sans,sans-serif;
           font-weight: 200;
           display: block;
           line-height: 1.8;
           margin: 0 0 0 10px;
         }

         .achievement-steps li a.selected p {
           color: #ffffff;
         }

         .achievement-steps li a em {
           float: right;
           margin-right: -70px;
           font-size: 1.4em;
           font-weight: bold;
           color: #d4d9dd;
         }
         .achievement-steps li a .chaptericon {
           float: left;
           margin: 0px -60px;
         }
         .icon-video {
           /*background: url("../img/img.svg") no-repeat -120px -86px;*/
           width: 45px;
           /*height: 28px;*/
         }
         .chaptericon {
           display: -moz-inline-stack;
           display: inline-block;
           vertical-align: middle;
           zoom: 1;
         }
/** Show a play icon when a chapter is hovered **/
.achievement-steps li a div.chap_playIcon{
    width: 72px;
    height: 30px;
    visibility: hidden;
    position: absolute;
    left: 10px;
    top: 18px;
    bottom: 0px;
    right: 0px;
    background: url("images/nma_play_white_darkbck_rollover.png") no-repeat 50% 50% / 50px transparent;
    background-image: url('images/nma_play_white_darkbck_rollover.svg');
    background-size: 20px 62px;
}
.achievement-steps li a div.chap_playIcon:before{
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}
.achievement-steps li:hover div.chap_playIcon{
    display: inline-block;
    vertical-align: middle;
}

.achievement-steps li:hover div.chap_playIcon{
    visibility: visible;
}

article.listView .post-meta a{
  color: #3bc2b7;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
}

article.listView .post-meta a:hover{
  color: #3bc2b7;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: underline;
  color: #FF4800;
}
#sort_bt, #sort_closed { display: none;}
#sort_bt {
  background-image: url('images/icone-ordeby.png');
  background-position: top center;
  background-repeat: no-repeat;
  height: 22px;
  width: 26px;
  float: left;
  cursor: pointer;
}
.sort_active {
  background-position: bottom center !important;
}
.sort_text {float:left;    line-height: 2.5;    margin-right: 0.5em;}
#sort_content {
  position: relative;
  width: auto;
  float: left;
  display: inline-block; }
#sort_closed { cursor: pointer;}

#sort_dropdown {
  cursor: pointer;
  -webkit-appearance:none;
  -moz-appearance: none;
  padding: 1px 12px 1px 3px;
  border-radius: 0px;
  border: 1px solid #cccccc;
  margin-right: 4px;
  background: #FFF url(images/sort_dropdown_bg.png) no-repeat 96% center;
  padding-right: 0px\0; /* ie8, ie9, ie10, ie11 only */
  margin-left: 10px;
  padding: 8px;
  width: 100%;
  float:right;
  }

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
  /* Desktop styles go below this line */



  #main .tourfeatures .widget_woothemes_features .columns-4 .feature {
    width: 23%;
    margin-right: 2.5%;
  }



  .playlist-item {
    height: 65px;
    padding: 3px;
    cursor: pointer;
    cursor: hand;
  }


  /* Hide old navigation from desktop (still used for mobile navigation) */
  /*#navigation { display: none !important; }*/

  /* Style header navigation */
/*  #header #navigation {
    display: block !important;
    float: right;
    width: auto;
    clear:none;
    margin-top:0.5em;
    max-width: 100%; /* This can be changed   background: none;
  }*/
}
@media (min-width: 940px) {
  .closeSort {
    display: inline-block !important;
  }
}
/* MOBILE STYLES */
@media (max-width: 940px) {
  #form_sort { margin-left: 0px !important; }
  #form_sort #sort_dropdown {
    cursor: pointer;
    /*width: 180px;*/
    margin-right: 2px;
  }
  .frileft {
    float: left;
    display: inline-block;
    position: relative;
    width: 100px;
    }
}
@media (max-width: 632px){
  .divsort_a,
  .divsort_b,
  .divsort_b .frileft,
  .divsort_b .frileft #sort_content,
  .divsort_b .frileft #sort_content #sort_dropdown{
    width: 100%!important;
    display:block!important;
    float:none!important;
  }
  .divsort_b .frileft,
  .divsort_b .frileft #sort_content,
  .divsort_b .frileft #sort_content #sort_dropdown{
    margin:0;
  }
  .divsort_b .frileft #sort_content #sort_dropdown{
    padding-right: 11%!important;
  }
  .divsort_a .search_container{
    margin-bottom: 10px;
  }
}
/*@media only screen and (max-width: 447px) {
  #sort_content { right: auto;}
  .divsort_b {
  width: auto;
  float:none;
  display: block;
  clear: left;
  }
  .searchInput {
  background-image: url('images/icons/toolbar_find2.png') !important;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0px 0px 0px 23px !important;
  width: 190px;
  height: 28px;
  margin-top: -3px;
  margin-right: -5px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  -webkit-appearance: none;
  }
  #inputSearch { margin-left: -26px;}
}*/
@media only screen and (max-width: 633px) {
  /*.durationspan { display: none;  }*/
  .instructorspan { max-width: 40%;   text-align: right; }
}
@media only screen and (max-width: 767px) {
  /* Hide new navigation from mobile */
  /*#header #navigation { display: none !important; }*/

  #main .tourfeatures .widget_woothemes_features .columns-4 .feature {
    padding:10px;
  }


  .fpinstructors .widget_woothemes_features .feature h3 a {
    margin-bottom: 2.4em;
  }


#BCLcontainingBlock {
  height: 200px;
}

#wrapper .woo-sc-button.xl {
  font-size:1.5em;
}

.hero_tagline, .black_hero_tagline {
  font: 300 38px/1.2em 'Open Sans',arial,sans-serif;
}

.hero_paragraph, .black_hero_paragraph{
  font-family: Open Sans,sans-serif;
  font-weight: 200;
  font-size: 14px;
  margin-bottom: 1em;
}

.playlist-item {
  height: 65px;
  width: 500px;
  padding: 3px;
  padding-left:10px;
  cursor: pointer;
  cursor: hand;
}


.playlist-item .alignleft {
  display:none;
}

#logo {
    height: 75px;
}

#logo img {

  width: 199px !important;
  height: 75px !important;
  position: absolute !important;

}

.videothumb img, .levelthumb img {

  margin-bottom: 24px;

}

.promos h4 {
  font: 300 18px/1.2em "Helvetica Neue",Helvetica,sans-serif;
  color: rgb(82, 82, 82);
  padding-bottom: 1em !important;
}

}


@media only screen
and (max-width : 480px) {
  /* Hide new navigation from mobile */
  #header #navigation { display: none !important; }

  .pl_item a p{
    display:none !important;
  }

  #wrapper .woo-sc-button.xl {
   font-size:1.5em;
 }

 .hero_tagline, .black_hero_tagline {
   font: 300 26px/1.2em 'Open Sans',arial,sans-serif;
 }

 .hero_paragraph, .black_hero_paragraph{
   font-family: Open Sans,sans-serif;
   font-weight: 200;
   font-size: 12px;
   margin-bottom: 1em;
 }

 .chap_title{
   top: 14px !important;
   left: 17% !important;
   width: 168px;
   overflow:hidden;
 }
 .chap_title h1 {
   font-size: 12px !important;
 }
 .chap_title span {
   font-size: 10px !important;
 }

}
a.see_all_videos{
  font-size: 16px;
  margin-bottom: 20px;
  display: block;
}

div.instructor {
  background-color: #639ac9;
}

div.instructor div.comment-head{
  color: #ccc;
}

div.instructor div.comment-head a {
  color: #fff;
}

/* This is the Canvas Standart (23% setted in shortcodes.css doesn´t make any sense) */
.fourcol-one {
  width: 22%;
}


/*
* Learning Paths Archive Route
*/

.green_bg {
  background-color: #3bc2b7;
  clear: both;
}

.type-courses.threecol-one{
    margin-right: 5.310880829015544%;
    width: 29.79274611398964%;
    min-height: 150px;
}
body.search-results .type-courses.threecol-one{
    margin-right: 14.310881%;
    width: 23.792746%;
}
body.single-instructors .type-courses.threecol-one {
  margin-right: 2.310881%;
  width: 31.192746%;
}
body.post-type-archive-courses section#main article.threecol-one:nth-of-type(3n+4){
  clear: both;
}

body.post-type-archive-courses #main-sidebar-container {
  /*padding-top: 25px;*/
}

article.type-courses.threecol-one .post_image img,
article.search_results.courses .post_image img {
 background-color: #000;
 border: 2px solid #b5b5b5;
 height: auto;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

article.type-courses.threecol-one .post_image span.lesson,
article.search_results.courses span.lesson,
div.learning_path-item article.item_thumb span.lesson{
  position: absolute;
  left: 5%;
  color: white;
  background: #3bc2b7;
  padding: 2px 13px;
  bottom: 8%;
  font-size: 13px;
}
article.type-courses.threecol-one .post_image{
  display: block;
  position: relative;
}
article.type-courses.threecol-one .post_image + h2 {
  margin-top: 6%;
}

@media only screen and (min-width : 480px) and (max-width: 587px) {
  article.type-courses.threecol-one .post_image span.lesson{
    font-size: 12px;
    padding: 2px;
  }

}

@media only screen and (max-width : 480px) {

  body.post-type-archive-courses section#main article.type-courses.threecol-one:nth-of-type(even),
  body.search-results article.type-courses.threecol-one:nth-of-type(even){
    margin-right: 0;
    clear:right;
  }

  body.post-type-archive-courses section#main article.threecol-one:nth-of-type(3n+4),
  body.search-results article.type-courses.threecol-one:nth-of-type(3n+4),
  body.search-results article.type-courses.threecol-one:nth-of-type(3n),
  body.post-type-archive-courses section#main article.threecol-one:nth-of-type(3n){
    clear: none;
  }
  .hero_tour .hero .contain_hero .hero_box .tourplay .tourplay_btn{
    height: 40px;
    width: 40px;
  }
  body.single-instructors .posts-courses {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width : 900px) {}

@media only screen and (min-width: 768px) and (max-width : 900px) {}

@media only screen and (max-width: 480px) {

  .type-courses.threecol-one{min-height: 150px}

}

/**
* Learning Paths Single Route
*/

#alert-deprecated-course.backtov3{
  background-color: #3bc2b7;
}
#alert-deprecated-course.backtov3 p.warning{
  color: #fff;
  padding: 0 10px;
}
#alert-deprecated-course.backtov3 p.warning strong{
  line-height: 25px;
}
#alert-deprecated-course.backtov3 p.warning a{
font-weight: bold;
margin-left: 0;
color: #fff;
}
#alert-deprecated-course.backtov3 p.warning .warning-icon{
  float:left;
  width: 25px;
  height: auto;
  margin-right: 5px;
}

@media only screen and (min-width : 900px) {
  #alert-deprecated-course.backtov3 p.warning .warning-icon{
    margin-right: 20px;
  }
  #alert-deprecated-course.backtov3 p.warning a{    
    margin-left: 20px;
  }
}



#alert-deprecated-course{
  padding: 5px 0;
  background: #ffba00;
  box-sizing: border-box;
  min-height: 50px;
  display: flex;
  align-items: center;
}
#alert-deprecated-course .col-full{
  padding-left: 1.618em;
  padding-right: 1.618em;
}
#alert-deprecated-course p,
#alert-deprecated-course a{
  color: #000;
}
#alert-deprecated-course a{
  text-decoration: underline;
}
.single-courses .banner-image{
  float: right;
}

.single-courses .hero_tour {
  background-color: #2D2D2D;
  min-height: 418px;
  height: auto;
}

.single-courses .hero,
.single-courses .hero .contain_hero {
  min-height: 418px;
  height: auto;
}

.single-courses .hero{
  max-width: 960px;
  width: 100%;
}

.single-courses .hero_tour .hero_box {
  padding-top: 2%;
  position: relative;
  text-align: left;
  width: 50%;
  top: 0;
}
.single-courses .hero_tour .title_banner {
  margin: 0 1.5em;
}
.single-courses .hero_box .black_hero_paragraph {
  font-size: 14px;
}

.single-courses .black_hero_paragraph.breadcrumb {
  margin-bottom: 0.2em;
  border: 0;
  padding: 0;
}

.single-courses .black_hero_paragraph.common_questions {
  font-size: 13px;
  position: relative;
  width: 50%;
  margin-bottom: 0.7em;
}
.fancybox__container.preview-video .fancybox__content{
  width: 80%;
  background: transparent;
  padding: 0;
}
#commonQuestions {
  margin-top: 20px;
}
#commonQuestions div.twocol-one{
    margin-top: 20px;
    clear: left;
  }
.single-courses .livestream-status {
    font-size: 10px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 2px solid #4e9792;
    padding: 0px 5px;
    border-radius: 5px;
    max-width: 60px;
    text-align: center;
}
.single-courses .course-level-title {
  padding: 20px 0px 0px;
}
.single-courses .is-live-now {
  color: #fff;
  background: #3bc2b7;
}
.single-courses #commonQuestions .twocol-one.right{
    float: right;
    clear: right;
    margin-right: 0;
  }

.single-courses #commonQuestions .answer{
  padding-top: 8px;
  font: 300 15px/1.2em 'Myriad Pro', arial, sans-serif;
  text-align: justify;
}

.single-courses .black_hero_paragraph.duration {
  position: relative;
  width: 50%;
}

.single-courses .hero_box h1 {
  font: 300 2.2em 'Open Sans',arial,sans-serif;
  margin-bottom: 0.2em;
}

.single-courses #over-image {
  height: 67px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  cursor: pointer;
  position: absolute;
  right: 73px;
  width: 334px;
  bottom: 50px;
}

.single-courses .hero_box > div,
.single-courses .hero_box > h1,
.single-courses .hero_box > p {
  width: 95%;
}

.single-courses .learning-image {
  display: block;
  float: right;
  height: auto;
  position: relative;
  width: auto;
}

.single-courses .tourplay {
  left: 6%;
  position: absolute;
  top: 10px;
}

.single-courses .tourplay_btn {
  width: 15%;
  height: auto;
  background: none;
}
#content{padding-top: 1.618em}
.home #content, .single-videolessons #content,.single-courses #content{
  padding-top: 0;
}

@media only screen and (min-width: 768px) and (max-width : 900px) {
  .single-courses .learning-image{
    width: 45%;
    margin-top: 55px;
  }
  .title_banner {
    margin: 1.7em;
  }
}

@media only screen and (max-width : 900px) {
  .single-courses .tourplay_btn {
    width: 19%;
  }

  .single-courses .tour_play_text {
    display: inline-block;
    float: none;
    font-size: 0.9em;
    padding-top: 5px;
    position: relative;
    width: 68%;
  }

  .single-courses #over-image {
    margin-right: -130px;
    right: 50%;
    width: 260px;
    bottom: 15px;
  }
}

@media only screen and (max-width : 670px) {
  .single-courses #over-image {
    margin-right: -90px;
    right: 50%;
    width: 180px;
    bottom: 10px;
  }
  .single-courses .tourplay_btn {
    margin: 7px 0;
  }

}

@media only screen and (min-width: 480px) and (max-width: 768px) {
  .single-courses .learning-image{
    width: 40%;
    margin-top: 85px;
  }
  .single-courses .hero_tour .hero_box{
    width: 58%;
  }
  .title_banner {
    margin: 1em;
  }
}

@media only screen and (max-width: 480px) {
  .single-courses .banner-image{
    width: 100%;
    float: none;
  }
  .single-courses .hero_tour .hero_box {
    width: 100%;
  }
  .single-courses p.black_hero_paragraph.duration,
  .single-courses p.black_hero_paragraph.common_questions {

    width: 100%;
  }
  .title_banner {
    margin: 1.2em;
  }

  .single-courses #over-image {
    height: 67px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    width: 90%;
    bottom: 15px;
    left: 5%;
    margin-right: 0;
    right: auto;
    z-index: 2;
  }

  .single-courses .tourplay {
    left: 6%;
    position: absolute;
    top: 10px;
  }

  .single-courses .tour_play_text{
    font-size: 1.2em;
  }

  .single-courses .tourplay_btn {
    width: 12%;
    height: auto;
    background: none;
    margin: 0;
  }
}

@media only screen and (max-width: 400px) {
  .single-courses .tourplay_btn {
    margin-top: 9px;
  }
  .title_banner {
    margin: 1.2em;
  }
}

/*
position: absolute; top: 5px;width: 244px
*/
#divsort {
  /*background-color: rgb(243, 243, 243);*/
  padding: 5px;
/*  height: 25px;*/
  margin-bottom: 15px;
  display: block;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px;
}
.divsort_a {
  width:48%;
  /*min-width: 291px !important;*/
  float:left;
  display: inline-block;
}
.divsort_b {
  width:48%;
  float:right;
  display: inline-block;
  }
.divsort_b .view-toggle {
  margin-right: 0px !important;
  float: left !important;
  padding: 7px;
}
.viewList,.viewGrid {
  background-image: url('images/gridList.png');
  height: 22px;
  width: 26px;
  float: left;
  cursor: pointer;

}

.viewList {
  background-position: 26px 22px;
}

.viewList.activated {
  background-position: 26px 0px;
}

.viewGrid.activated {
  background-position: 0px 22px;
}
.view-toggle {
  float: right;
  margin-right: 20px;
}
.fright {
  float: right;
}
.frileft {
float: right;
  display: block;
  position: relative;
  width: auto;
  margin-left: 1em;
  /*padding: 5px;*/
}
.title.listType {
  float: left;
  margin-right: 10px;
}

/*.durationspan {
  min-width: 130px;
  text-align: right;
  border-left: 1px solid rgb(213, 213, 213);
  margin-left: 10px;
}*/
#removeSearch {
  font-size: 12px;
  padding-right: 5px;
}
span.filterItem {
  background-color: rgb(243, 243, 243);
  margin-right: 8px;
  padding: 2px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
  color: #555555;
}
/*div.divSelectedFilters {
    margin-bottom: 8px;
}*/
.sidebarNew ul {
  margin-bottom: 30px;
}

div.platbtn {
  transition-property: box-shadow;
  border-radius: 30px;
  transition-duration: 0.2s;
}
div.platbtn:hover { box-shadow: 0px 0px 20px 5px white; }

#form_sort{
  float: right;
  width: 100%;
  display: inline-block;
}

#form_search{
  float: left;
  width: 100%;
  min-width: 286px;
}
#form_loop_search
{
/*  float: left;*/
  width: 100%;
  position: relative;
}

.checkedLi{
  background-position: 0px -16px !important;
}

.checkedLi{
  background-position: 0px -16px !important;
}

.term-item a span {
  display: block;
  /* background-image: url('images/checkbox-sprite.png'); */
  background-position: 0px 0px;
  float: left;
  height: 16px;
  margin-top: 3px;
  width: 16px;
  margin-right: 5px;
}
body #archivesSidebarForm .term-item a{
  color: #999;
}

.single-instructors img.attachment-full{
  height: auto;
}

@media only screen and (max-width: 480px) {
  .single-instructors h2.title{
    display: block;
    clear: both;
  }
  .single-instructors textarea,
  .single-instructors input[type=file]{
    width: 100%;
  }
}
.post-type-archive #inputSearch{
  width: 100%;
  float: left;
  padding: 8px 0;
}
.post-type-archive .searchInput{
  padding: 5px 0 5px 33px !important;
    width: 100%;
}
.searchInput
{
  background-image: url('images/icons/toolbar_find2.png') !important;
  background-repeat: no-repeat;
  background-position: 5px center;
  padding: 10px 0 10px 33px !important;
  min-width: 211px !important;
/*  width: 100%;
  height: 28px;*/
  margin-bottom: 0;
/*  margin-top:-3px;*/
  margin-right: -5px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  -webkit-appearance:none;
}
/*Search bar on top*/
#search-top {
    padding-top: 12px;
    width: 50%;
    position: relative;
}
#search-top-field{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin: 0;
    border: none;
    padding: 7px;
    height: 30px;
    width: 90%;
}
#search-top-submit{
    background-image: url(images/icons/toolbar_find.png);
    background-image: url(images/icons/toolbar_find.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-left: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -webkit-appearance: none;
    background-color: #f0f0f0;
    margin: 0;
    border: none;
    height: 30px;
    width: 10%;
}
form#form_loop_search .searchInput {
    width: 90%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


#inputSearch{
  background-color: lightgray;
  position: relative;
/*  top: -2px;
  left: -5px;*/
/*  height: 27px;*/
  color: #656565 !important;
  border: 1px solid #bbb;
  font: 300 14px/1.2em "Helvetica Neue", Helvetica, sans-serif;
  padding: 11px 18px;
  text-transform: none;
  width: 10%;
  -webkit-appearance: button;
  /* Remove input shadowing on iOS */
  -moz-appearance: button;
  /* mobile firefox too! */
  margin-bottom: 0;
  border-radius: 0 3px 3px 0;
}

#form_search .search_side {
   width: 78%;
    display: inline-block;
    float: left;
}
#form_search .button_side {
   width: 20%;
    display: inline-block;
    float: left;
}

@media only screen and (max-width: 480px) {
  form#form_loop_search .searchInput {
    width: 100%;
    border-radius: 0;
    border: none;
  }
  #inputSearch,
  #searchField{
     width: 100%;
     border-radius: 0;
     border: none;
  }

  .listView.listView header{
    clear: left;
  }

  #form_search .search_side,
  #form_search .button_side{
    width: 100%;
    display: block;
    float: none;
  }
  .divsort_a,
  .divsort_b{
    width: 100% !important;
  }
  #form_search {
    min-width: auto;
  }
}

body.search-results h2.ui-accordion-header {
  font-size: 16px;
  background-color: #e6e6e6;
  margin-bottom: 5px;
  clear: both;
}

body.search-results #results h2 + div.results > article:nth-child(1) {
  margin-top: 0;
}

body.search-results h3 {
    width: 100%;
    float: left;
}
.search_results a.featured + header h3  {
    float: left;
    width: 100%;
}
.search_results.learningpaths .durationspan {
  min-width: auto;
  text-align: left;
  margin-left: 0;
  float: left;
  border: 0;
}

.search_results_3dmodels div.post-meta span{
  display: block;
}

body.search-results p.show_results {
    margin: 15px 0;
}

body.search-results #main-search-container article:nth-of-type(even){

}

body.search-results #main-search-container article:nth-of-type(odd){

}

body.search-results article.search_results header{
  display: inline-block;
}

body.search-results article.search_results_page   {
  margin: 0;
}

body.search-results .ui-accordion .ui-accordion-content {
  padding: 0;
  border: 0;
  overflow: visible;
}

body.search-results .entry p {
  margin-bottom: 1.2em;
}

article.search_results.courses a.featured{
  display: block;
  position: relative;
}

article.search_results a.featured {
  float: left;
/*  width: 24.79166666666667%;*/
  margin-right: 1.5625%;
  min-width: 230px;
}

article.search_results h3 a {
  margin: 5px 0 5px 0;
}

body.search-results article.search_results {
  padding: 0.5em;
  margin: 0.5em 0;
}

body.search-results #loading {
    display: block;
    padding: 20px;
    text-align: center;
}

.searchInputVideo
{
  width: 300px;
  margin-top:-3px;

}
p.copyright_note{
  font-style: italic;
    background: #e2dedb;
    padding: 7px;
    font-size: 15px;
}

/**
* Quick View Thumbnails
*/
p.showTooltip {
  position: relative;
  display: inline;
}
p.showTooltip span {
  opacity: 0;
  position: absolute;
  width:100px;
  color: #FFFFFF;
  background: #000000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  font-weight: bold;
  transition: opacity .5s;
  -moz-transition: opacity  .5s;
  -webkit-transition: opacity .5s;
}
p.showTooltip span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
p:hover.showTooltip span {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
  left: 50%;
  margin-left: -55px;
  z-index: 999;
}
.ui-tooltip, .ui-tooltip .arrow:after {
  background: black;
}
.ui-tooltip {
  padding: 10px;
  color: #fff;
  font-size: 14px;
  border-radius: 10px;
  box-shadow: none;
  border:none;
  z-index: 50;
}
.ui-tooltip .arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.ui-tooltip .arrow.top {
  top: -16px;
  bottom: auto;
}
.ui-tooltip .arrow.left {
  left: 20%;
}
.ui-tooltip .arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ui-tooltip .arrow.top:after {
  bottom: -20px;
  top: auto;
}
div.playlist_page .watched,
.courses .watched{
    position: absolute;
    top: 0;
    left: 0; /* left 139 */
    width: 90px;
    background: rgba(94, 185, 174, 0.5);
    text-align: center;
    color: white;
    cursor: pointer;
    font-size: 14px;
}
.courses .watched{
  top: inherit;
  bottom: 0;
}
#main article .quickView, body.search-results article .quickView{
    display: none;
    position: absolute;
    top: 0;
    right: 0; /* left 139 */
    width: 90px;
    background: rgba(66, 139, 202, 0.78);
    text-align: center;
    color: white;
    cursor: pointer;
    font-size: 14px;
    z-index: 1;
}
#main article .captions{
    position: absolute;
    bottom: 0;
    right: 0; /* left 139 */
    width: 24px;
    height: 24px;
    text-align: center;
    color: white;
    cursor: pointer;
    font-size: 14px;
}
/* watch later */
#main article .watchLater,
#main article .watchLaterLoading,
body.search-results article .watchLater{
    display: none;
    position: absolute;
    top: 0;
    left: 0; /* left 139 */
    width: 22px;
    height: 22px;
    background: rgba(66, 139, 202, 0.78);
    text-align: center;
    color: white;
    cursor: pointer;
    margin: 0;
    z-index: 1;
}
#main article .watchLaterLoading{
  background: #ccc !important;
}
#main article .watchLater img,
#main article .watchLaterLoading img{
    vertical-align: top;
    margin-top: 3px;
}
#main article .watchLaterOpaque,
#main article .watchLaterLoading.showLoading{
    display: table;
    background: rgba(94, 185, 174, 1);
}
#main article .add_to_playlist,
body.search-results article .add_to_playlist{
    display: none;
    position: absolute;
    top: 0;
    left: 25px;
    width: 22px;
    height: 22px;
    background: rgba(66, 139, 202, 0.78);
    text-align: center;
    color: white;
    cursor: pointer;
    margin: 0;
    z-index: 1;
}
#main article .add_to_playlist img,
.entry .add_to_playlist img,
.entry .watchLater img,
.watchLaterLoading img{
    padding: 0;
    border: none;
    background: none;
    vertical-align: top;
    margin-top: 3px;
}
#content .related-videoCarrousel article a,
#content .also_watched-videoCarrousel article a{
  position: relative;
}
#main article .playbtn,
#content article .playbtn{
/*    background: url("images/nma_play_white_darkbck.png") no-repeat 50% 50% transparent;
    background-image: url("images/nma_play_white_darkbck.svg");
    background: url("images/nma_play_white_darkbck.png") no-repeat 50% 50% transparent;
    background-image: none, url("images/nma_play_white_darkbck.svg"),url("images/nma_play_white_darkbck.png");*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 50px 50px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 0;
}
#main article:hover .playbtn,
#content article:hover .playbtn{
/*    background: url("images/nma_play_white_darkbck_rollover.png") no-repeat 50% 50% / 50px transparent;
    background-image: url("images/nma_play_white_darkbck_rollover.svg"); */
    background: url("images/nma_play_white_darkbck_rollover.png") no-repeat 50% 50% transparent;
    background-image: none, url("images/nma_play_white_darkbck_rollover.svg"),url("images/nma_play_white_darkbck_rollover.png");
    background-size: 50px 50px;
    z-index: 1;
}
#main article a.quickthumb,
body.search-results article a.quickthumb{
  position: relative;
}
#main article:hover a.quickthumb .quickView{
   display:block;
}

@media only screen and (min-width: 600px) {
  #main article:hover a.quickthumb .quickView,
  body.search-results article:hover a.quickthumb .quickView{
    display:block;
  }
  #main article:hover a.quickthumb .add_to_playlist{
      display:block;
  }
  #main article:hover a.quickthumb .watchLater{
    display:block;
  }
}

/**
* My Account
*/
#menu-myaccount li.menu-item a{
  padding: 11px 3px;
  display: block;
  margin: 1px 0;
}
#menu-myaccount li.menu-item.current_page_item a{
  color: #333;
}
#menu-myaccount li.menu-item a i.badge{
    margin-top: 0
  }

#menu-myaccount h3{
  background: #ccc;
  padding: 2px;
  margin-bottom: 2px;
}
body.two-col-right-960:not(.logged-in) #main-sidebar-container #main.myaccount {
  width: 100%;
}
/* The container */
form.woocommerce-checkout .radio_wrapper {
      display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    width: 37px;
    height: 20px;
}
body.woocommerce-checkout ul{
  /*padding: 0;*/
}
body.woocommerce-checkout li{
  list-style: none;
}
body.woocommerce-checkout li input[type=radio] + label{
  cursor: pointer;
}
body form p.mailchimp-newsletter{
  display: none;
}
body.woocommerce-checkout .entry ul.woocommerce-error,
body.woocommerce-checkout .entry ul.woocommerce_error {
  background-color: #DD432E;
  margin-left: 0 !important;
  list-style: none;
  color: #fff;
}
body.woocommerce-checkout .form-row.woocommerce-validated .input-text,
.form-row.woocommerce-validated .chzn-single{
  border-color: #3BC2B7;
}

/* Hide the browser's default radio button */
form.woocommerce-checkout .radio_wrapper input {
  position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0 !important;
    top: 0 !important;
    z-index: 14;
    padding: 10px;
}

/* Create a custom radio button */
form.woocommerce-checkout .radio_wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
form.woocommerce-checkout .radio_wrapper:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
form.woocommerce-checkout .radio_wrapper input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
form.woocommerce-checkout .radio_wrapper .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
form.woocommerce-checkout .radio_wrapper input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
form.woocommerce-checkout .radio_wrapper .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
body.woocommerce-checkout form.woocommerce-checkout label{
  font-weight: bold;
}

body.woocommerce-checkout form.woocommerce-checkout #account_password_field{
  width: 100%;
}
body.woocommerce-checkout.woocommerce-page #sub-nav {
  display: none;
}
body.full-width.woocommerce-checkout ul.woocommerce-error.cc_abuse,
body.full-width.woocommerce-checkout ul.woocommerce-error.recurrent_user {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #3bc2b7;
    border: none;
}
body.full-width.woocommerce-checkout ul.woocommerce-error.cc_abuse li a,
body.full-width.woocommerce-checkout ul.woocommerce-error.recurrent_user li a{
  color: #000;
  font-weight: bold;
}
body.full-width.woocommerce-checkout ul.woocommerce-error .col-full{
    padding-left: 1.618em;
    padding-right: 1.618em;
    box-sizing: border-box;
}
body.woocommerce-checkout .first-payment-date small {
  color : #ccc;
}
body.woocommerce-checkout input:read-only{
  background: #ddd;
  border: 1px solid #ccc;
}
section.myaccount .woocommerce-error:before{display: none}
section.myaccount .woocommerce-error .close-icon:before{
    content: "\f05c";
    color: rgba(0, 0, 0, 0.4);
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 100%;
    margin-right: .618em;
    font-weight: normal;
    line-height: 1em;
    width: 1em;
    position: absolute;
    top: 1.387em;
    left: 1em;
}
section.myaccount .repass{
  display:none;
}
section.myaccount #password_current {
  background: #dedede;
}
section.myaccount p.middle {
  margin: 1.8em 0 0;
}
section.myaccount p.middle label{
  cursor: pointer;
}

section.myaccount #opt_notification_email .ui-state-default{
    border: 1px solid #aaaaaa;
    background: #ffffff url(../../plugins/nma-videoPlayer-plugin/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}
section.myaccount #opt_notification_email .ui-state-active {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../../plugins/nma-videoPlayer-plugin/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}
section.myaccount #beta-program-content label{
  cursor:pointer;
}

/**
* Top Nav Bar
*/
img.magGlass{
  width: 23px;
  position: absolute;
  top: 10px;
  left: 3px;
}
@media only screen and (max-width: 767px) {
  img.magGlass{
    width: 23px !important;
    position: relative !important;
    display: inline-block !important;
    top: -4px !important;
    left: 0 !important;
}
}
li.Mag {
  height: 44px;
}

li.Mag a {
  height: 16px;
}

/**
* Archives Sidebar
*/
.term-item span.check {
  display: block;
  /* background-image: url('images/checkbox-sprite.png'); */
  background-position: 0px 0px;
  float: left;
  height: 16px;
  margin-top: 3px;
  width: 16px;
  margin-right: 5px;
}

.term-item span.check input {
    cursor: pointer;
    margin: -2px -2px -2px 4px;
    height: 16px;
    width: 14px;
}

.term-item span.term_count {
  color: #999;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
}

.term-item a.term_link{
  font-size:13px;
  line-height: 22px;
  font-family:'Helvetica Neue', Helvetica, sans-serif;
}

div.sidebarNew h4{
  font: bold 14px/1.2em "Helvetica Neue", Helvetica, sans-serif;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 0.8em 0;
  padding: 0 0 0.8em 0;
}
.showMore{
    display:none;
    margin:auto!important;
}
.showMoreLink{
  font-family: "Helvetica Neue",Helvetica,sans-serif;
}
.arrow:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 0;
  height: 0;
}
.arrow.top:before{
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #3bc2b7;
}
.arrow.right:before{
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #3bc2b7;
}

/**
* My Account
*/
div.avatar_loading {
  width: 150px;
  height: 150px;
  position: absolute;
  background: url('functions/images/ajax-loader.gif') center center no-repeat rgba(255,255,255,0.85);
  margin: 4px 0 0 4px;
  display: none;
  z-index: 3;
}
.woocommerce-account div.avatar{
  width: 158px;
  height: 158px;
  position: relative;
  display: block;
}
#comments div.avatar{
  width: auto;
  height: auto;
}
label.change_picture{
  position: absolute;
  bottom: 4px;
  padding: 4px 0;
  background-color: rgba(0,0,0,0.8);
  width: 150px;
  text-align: center;
  left: 4px;
  cursor: pointer;
  color: #999;
  display: none;
}
.woocommerce-account div.avatar:hover label.change_picture{
  display: block;
}
div.file_upload input {
  display: none;
}
div.file_upload span{
  width: 158px;
  display: block;
  text-align: center;
}

aside #profile{
/*  margin-bottom: 25px;*/
  text-align: center;
  padding: 10px 0;
  text-align: center;
}

aside #profile span {
  display: block;
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
}

aside #profile span {
  word-break: break-word;
}

aside #profile img {
  max-width: 100px;
  border: 2px solid #e6e6e6;
  border-radius:100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
}

a.remove_pic img{
  max-width:15px;
  background: transparent;
  border: none;
}
a.remove_pic{
  position: absolute;
  top: 4px;
  padding: 4px 0;
  background-color: rgba(0,0,0,0.8);
  width: auto;
  text-align: center;
  right: 4px;
  cursor: pointer;
  color: #999;
  display: none;
}
.woocommerce-account div.avatar:hover a.remove_pic{
  display: block;
}
a.remove_pic.ghost,
.woocommerce-account div.avatar:hover a.remove_pic.ghost
{
  display: none;
}

form#profile_form {
  margin-bottom: 22px;
}

figure{
  margin: auto;
}

.type-videolessons + div .nav-prev img,
.type-videolessons + div .nav-next img{
/*  display: block;*/
  max-width: 150px;
  height: auto;
}

.type-videolessons + div .nav-next a{
  text-align: right;
  display: block;
}

.type-videolessons + div .nav-prev a{
  text-align: left;
  display: block;
}

.type-videolessons + div .nav-prev {
  text-align: left;
}

.type-videolessons + div .nav-next {
  text-align: right;
}

.type-videolessons + div .box_to_collide {
  width: 230px;
}

.type-videolessons + div .next_label,
.type-videolessons + div .prev_label,
.type-videolessons + div .lesson_title {
  display: block;
}

@media only screen and (max-width: 530px) {
  .type-videolessons + div .nav-next,
  .type-videolessons + div .nav-prev{
    text-align: center;
    width: 100%;
  }
  .type-videolessons + div .nav-next a,
  .type-videolessons + div .nav-prev a{
    text-align: center;
  }
  .type-videolessons + div .nav-prev{
    margin-bottom: 25px;
  }
}

table.preferences td {
  text-align: center;
  vertical-align: middle;
}

table.preferences .option_label {
  text-align: left;
}

table.preferences #opt_submit .button{
  padding: 10px 35px;
}

.myaccount #comments {
  position: relative;
  margin: 40px 0;
  padding: 40px 0 0 0;
  border-top: 1px solid rgba( 0, 0, 0, 0.07 );
  border-bottom: 1px solid rgba( 0, 0, 0, 0.07 );
}

.myaccount #no-comments{
  border: 1px solid #eee;
  margin: 1em 0;
  padding: 20px;
}

.myaccount #no-comments p{
  margin: 0;
}

.myaccount h1.title {
    font: 300 24px/1.2em 'Open Sans', arial, sans-serif;
    color: #3bc2b7;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
body.search-results h2.ui-state-active {
  border: 1px solid #999999;
  background: #3bc2b7 url(images/ui-bg_glass_75_dadada_1x400_BLUE.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-autocomplete{
  position: relative;
  width: 100%;
  max-width: 283px;
}
#search-top .ui-autocomplete{
    max-width: 850px;
    width: 100% !important;
    /* height: 300px; */
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
}


/** ====== My playlist page ====== **/

    div.playlist_page.archive h2,
    div.playlist_page.archive h2 a {
        font: 300 18px/1.2em 'Open Sans', arial, sans-serif;
        color: #222222;
        text-transform: uppercase;
    }
    section.myaccount div.playlist_page.archive h2 {
        margin: 0;
    }
    div.playlist_page .remove_button{
        float: left;
        width: 80%!important;
        margin: 0 9%;
    }
    div.playlist_page .video_thumb{
      max-width: 230px;
      /* min-height: 230px; */
      padding-right: 10px;
      /* float: left; */
      /* padding-bottom: 10px; */
    }
    div.playlist_page .add_list{
        text-align: center;
    }
    div.playlist_page div.add_list span,div.playlist_page div.add_list input[type=text],div.playlist_page div.editList input[type=text]{
        margin-right: 1%;
    }
    div.playlist_page div.add_list input[type=submit]{
        padding-top: 8px;
    }
    div.playlist_page div a.button{
        margin-right: 2%;
    }
    div.playlist_page div.editList{
        display: none;
    }
    div.playlist_page .item_wrapper{
      display: block;
      width: 100%;
      clear: both;
    }
    div.playlist_page article.listItems{
      position: relative;
      width: 100%;
      display: block;
      clear: both;
      min-height: 215px;
    }
    div.playlist_page article.listItems div.art_content .video_thumb img{
      padding: 0;
      border: 0;
    }
    div.playlist_page article.listItems div.art_content{
      float: left;
      display: inline;
      clear: both;
      padding: 10px;
      border: 1px solid #eee;
      cursor: move;
      margin: 1% 0;
    }

    div.playlist_page article.listItems div.art_content:active{
      background: #eee;
    }

    div.playlist_page .fix {
      height: 0;
    }
   div.playlist_page.archive article:nth-of-type(odd) header h2 a{
      background-color: rgb(241,241,241);
    }

    div.playlist_page.archive header h2 a{
      display: block;
      padding: 8px 5px;
    }
  @media (max-width: 540px) {
      div.playlist_page article.listItems div.art_content .lesson-preview-footer .captions-box,
      div.playlist_page article.listItems div.art_content .lesson-preview-content .lesson-with,
      div.playlist_page article.listItems div.art_content section >p,
      div.playlist_page article.listItems div.art_content:hover .playbtn{
        display: none;
      }
      div.playlist_page article.listItems .art_content div.post-meta .lesson-preview-footer{
        display: block;
      }
      div.playlist_page article.listItems .art_content:hover .video_thumb a.quickthumb div.playbtn{
        display: none;
        z-index: 0;
      }
      div.playlist_page article.listItems div.art_content .lesson-preview-left {
        width: 50%;
        float: left;
      }
      div.playlist_page article.listItems div.art_content .lesson-preview-right {
        width: 50%;
        float: right;
        text-align: left;
      }
      div.playlist_page article.listItems div.art_content .lesson-preview-right div.post-meta {
        margin: 0;
        width: 100%;
        padding-left: 0%;
        line-height: 1.2em;
      }
      div.playlist_page .video_thumb {
        max-width: 230px;
        /* min-height: 230px; */
        padding-right: 0px;
        float: right;
        padding-bottom: 0;
      }

      div#history-content #post_items .lesson-preview-left {
          width: 50%;
          float: left;
      }
      div#history-content #post_items .lesson-preview-right {
          width: 50%;
          float: right;
      }
      div#history-content #post_items article.videolessons.gridView {
          padding-top: 10px;
          padding-bottom: 10px;
      }
      div#history-content #post_items .duration_box, .skill-box, .captions-box {
        font-size: .9em;
        margin-left: 5px;
      }
      div#history-content #post_items div.lesson-preview-right .lesson-preview-summary,
      div#history-content #post_items div.lesson-preview-right .lesson-preview-footer .last-view,
      div#history-content #post_items div.lesson-preview-right .lesson-preview-footer .captions-box,
      div#history-content #post_items div.lesson-preview-right .lesson-preview-footer .progress_div,
      div#history-content #post_items div.lesson-preview-content .title .lesson-with,
      .lesson-preview-summary, .lesson-preview-footer .post-meta .last-view , .lesson-preview-footer .post-meta .progress_div, .lesson-with,
      #main article:hover .playbtn,
      #content article:hover .playbtn,
      #main article:hover a.quickthumb .quickView{
        display: none;
      }
      body.post-type-archive-videolessons article.gridView .lesson-preview-right .lesson-preview-footer {
        display: block;
      }
      div#history-content #post_items div.lesson-preview-footer .post-meta{
        margin-top: 5px;
      }
      div.item_wrapper .listItems .art_content:hover .video_thumb a.quickthumb div.playbtn,
      div#history-content #post_items article.videolessons.gridView:hover .playbtn{
        display: none;
        z-index: 0;
      }

    .lesson-preview-left {
      width: 50%;
    }
    .lesson-preview-right {
      width: 50%;
    }

    #results .results .videolessons >.lesson-preview-left {
      width: 50%;
    }
    #results .results .videolessons >.lesson-preview-right {
      padding: 19px 0px 10px;
      width: 50%;
    }

    body section#main article.videolessons.gridView{
      min-height: initial;
      padding-top: 3%;
      padding-bottom: 3%;
    }
    section#main article.videolessons.gridView .lesson-preview-right{
      width:50%;
    }
    section#main article.videolessons.gridView .lesson-preview-left{
       width: 50%;
       /*min-width: 180px;*/
    }
    .single-courses .livestream-status{
      display: block;
    }
    .single-courses .livestream-date span:last-child{
      font-size: 10px;
    }
  }

  @media (max-width: 540px){
     section#main article.videolessons.gridView .lesson-preview-footer .captions-box{
      display: none;
     }
  }
  @media (max-width: 465px) {
    section#main article.videolessons.gridView .lesson-preview-left{
      width: 50%;
      padding-left: 0;
    }
     section#main article.videolessons.gridView .lesson-preview-right{
      width:50%;
      padding-right: 0;
    }
  }

/*============ My history page ====== */
div#history-content .title{
  text-align: left;
}
div#history-content #historyTable .h-title{
 width: 100%
}
div#history-content #historyTable .h-title a.video_link{
    font-size: 17px;
    text-align: left;
    color: black;
    text-decoration: none;
}
div#history-content #historyTable .h-image{
    max-width: 230px;
    margin-bottom: 0;
}
div#history-content #historyTable .h-info{
    width: 35%;
}
div#history-content #historyTable .h-image a img{

}
div#history-content #historyTable .whitebackground{
    background: white;
}
div#history-content #historyTable .graybackground{
    background: rgb(241,241,241);
}
div#history-content #historyTable .progress_div .progress{
    height: 10px;
    /*width: 90%;*/
    margin: 3px;
}
div.playlist_page .item_wrapper article.listItems div.art_content section .lesson-preview-footer .progress_div .progress,
div#history-content #post_items div.lesson-preview-right .lesson-preview-footer .progress_div .progress{
  margin-top: 0.8%;
}
.slick-slide article.item_thumb .progress_div .progress{
  margin-top: 2%;
}

div.playlist_page div article.listItems .art_content header h2.title,
div.playlist_page article.listItems div.art_content header h2 .title,
div#history-content #post_items div.lesson-preview-content .title {
    text-decoration: none;
    color: #555;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent none repeat scroll 0% 0%;
    font: 300 24px/1.2em "Open Sans",arial,sans-serif;
}
div.playlist_page div article.listItems .art_content header h2.title,
div#history-content #post_items div.lesson-preview-content h2.title {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
}

div.playlist_page article.listItems:after ,
div.playlist_page article.listItems:before ,
div#history-content #post_items article.gridView:after ,
div#history-content #post_items article.gridView:before {
    clear: both;
}

div#history-content #post_items .duration-icon{
  background: url('images/icons/duration.png') no-repeat center center;
  background-size:     cover;                      /* <------ */
  background-repeat:   no-repeat;
  background-position: center center;
  float: left;
  width: 13px;
  height: 13px;
  margin-right: 2px;
}
article.listItems .art_content header h2.title,
div#history-content #post_items .title .lesson-with {
  font-size: .6em;
  font-weight: normal;
}

div#history-content #post_items .entry p {
  margin:0;
    margin-bottom:1.2em;
}

div#history-content #post_items .entry {
  margin: 5px 0;
}

div#history-content #post_items .lesson-preview-left .thumbnail {
    max-width: 230px;
    position: relative;
}
div.playlist_page article.listItems div.art_content .video_thumb a img,
div#history-content #post_items article a.quickthumb{
    display: inline-block;
    width: 100%;
    height: 100%;
}

div#history-content #post_items div.post-meta {
  margin: 0;
    font: 300 18px/1.5em "Helvetica Neue", Helvetica, sans-serif;
    color: #999999;
}

div#history-content #post_items .lesson-preview-left {
    display: inline-block;
    float: left;
    padding: 0px;
    width: 30%;
    position: relative;
    min-height: 1px;
    box-sizing: border-box;
}

div#history-content #post_items .lesson-preview-right {
    display: inline-block;
    float: none;
    font-weight: 400;
    font-size: 13px;
    min-height: 150px;
    width: 69%;
}

div#history-content #post_items .duration_box, .skill-box, .captions-box {
  font-size: .8em;
}
div#history-content #post_items .fix:after,
div#history-content #post_items .fix:before {
    clear: both;
}

div#history-content #post_items .duration_box {
  margin-left: 0px;
}
/*
div#history-content #post_items .lesson-preview-left .thumbnail {
    position: relative;
} */
div#history-content #post_items .lesson-preview-left .thumbnail img {
    width: 100%;
    padding:0;
    border: none;
}
/* div#history-content #post_items .lesson-preview-left .thumbnail article.playbtn {
  position: absolute;
  z-index: 9999;
} */
div#history-content #post_items .lesson-preview-right .lesson-preview-summary .post-meta .duration_box>p{
  font:300 14px/1.5em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}
div#history-content #post_items .lesson-preview-right .lesson-preview-summary{
  font:300 14px/1.5em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}
article.listItems .art_content div.post-meta .last-view,
div#history-content #post_items .lesson-preview-right .lesson-preview-footer .post-meta {
    font: 300 12px/1.5em "Helvetica Neue", Helvetica, sans-serif;
    color: #999999;
}

div#history-content #post_items div.lesson-preview-summary p {
  font: 300 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  line-height: 16px;
  max-height: 2.5em;
  overflow: hidden;
  word-wrap: break-word;
  margin: 1px 0;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 13px;
  color: #333;
}
div.playlist_page article.listItems div.art_content p{
  font: 300 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  line-height: 16px;
  word-wrap: break-word;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 13px;
  color: #333;
}
div#history-content #post_items div.lesson-preview-content .title .lesson-with {
    font-size: 0.6em;
    font-weight: normal;
}
article.listItems .art_content header h2.title a,
div#history-content #post_items div.lesson-preview-content .title a {
    color: rgb(85, 85, 85);
}
div#history-content #post_items div.lesson-preview-footer .post-meta{
    width: 100%;
}
div#history-content #post_items div.post-meta strong{
    margin: 0;
    font: 300 14px/1.5em "Helvetica Neue", Helvetica, sans-serif;
    color: #999999;
}
div#history-content #post_items div.lesson-preview-footer .post-meta .progress_div span,
div#history-content #post_items div.lesson-preview-footer .post-meta .h-times {
  font-size: 14px;
  line-height: 1;
  text-decoration: none !important;
}

div#history-content #post_items #main article a.quickthumb{
    display:inline-block;
    width:100%;
    height:100%;
}
@media screen and (max-width: 480px){
  div#history-content #historyTable .progress_div .progress{
    margin: 0;
  }
}
div#history-content #historyTable .progress_div{
    width: 24%;
    float: right;
}
div.playlist_page article.listItems div.art_content span{
  font: 300 11px/1.5em "Helvetica Neue", Helvetica, sans-serif;
}
i.fa.fa-cc,
i.fa.fa-clock-o {
    margin-right: 3px;
    vertical-align: middle;
}
@media screen and (max-width: 640px){
  div#history-content #historyTable .progress_div{
    width: 22%;
  }
}
div#history-content #historyTable .progress_div .h-times{
    text-align: center;
    /*padding-left: 15px;*/
}
@media screen and (max-width: 480px){
  div#history-content #historyTable .progress_div .h-times{
    text-align: left;
  }
}

div#history-content #historyTable .h-info .h-view{
    padding-top: 8%;
}
@media screen and (max-width: 990px){
    div#history-content #historyTable .h-info{
        width: 30%;
    }
    div#history-content #historyTable .progress_div .h-times{
        font-size: 12px;
    }
}
@media screen and (min-width: 768px) and (max-width: 780px){
    div#history-content #historyTable .h-image{
        max-width: 225px;
    }
    div#history-content #historyTable .progress_div .h-times{
        font-size: 11px;
    }
}

@media screen and (max-width: 768px){
    div#history-content #historyTable .h-image{
        max-width: 235px;
    }
    div#history-content #historyTable .h-info{

  }

  .flex-grid .col {
    flex: 0 1 calc(50% - 10px);
  }
}
@media screen and (max-width: 660px){
    div#history-content #historyTable .h-image{
        max-width: 190px;
    }
    div#history-content #historyTable .h-image img{
        max-width: 180px;
    }
    div#history-content #historyTable .h-info .h-title{
        font-size: 15px;
    }
    div#history-content #historyTable .h-info{
        width: 40%;
    }
    div#history-content #historyTable .h-info .h-view{
        padding-top: 3%;
    }
}
@media screen and (max-width: 612px){
    div#history-content #historyTable .h-image{
        max-width: 170px;
    }
    div#history-content #historyTable .h-image img{
        max-width: 160px;
    }
    div#history-content #historyTable .progress_div {
        width: 25%;
    }
}
@media screen and (max-width: 600px){
    div#history-content #historyTable .h-image{
        max-width: 130px;
    }
    div#history-content #historyTable .h-image img{
        max-width: 120px;
    }
    div#history-content #historyTable .h-title a{
        font-size: 12px
    }
    div#history-content #historyTable .h-info{
        font-size: 12px;
        width: 30%;
    }
    div#history-content #historyTable .progress_div{
        width: 35%;
    }
}
@media screen and (max-width: 480px){
  div#history-content #historyTable .h-image{
    display: none;
  }
  div#history-content #historyTable .progress_div{
    float:none;
    /* margin: -3px -18px; */
    width: 58%;
  }
  div#history-content #historyTable .h-info{
    width: 100%;
  }
}
@media (max-width: 691px) {
    div#history-content #post_items .lesson-preview-left {
        width: 40%;
    }
    div#history-content #post_items .lesson-preview-right {
        width: 59%;
    }
    div#history-content #post_items .lesson-preview-summary{
        display: none;
    }
    div#history-content #post_items .lesson-preview-footer{
        display: inline;
    }
    div#history-content #post_items div.lesson-preview-footer .duration_box{
        width: 100%;
        display: inline;
    }
}

article.listItems .art_content div.post-meta .progress_div .h-times,
div#history-content #post_items div.lesson-preview-footer .progress_div .h-times {
    display: inline-table;
}

div.item_wrapper .listItems .video_thumb a.quickthumb div.playbtn,
div#history-content #post_items article.videolessons.gridView .playbtn{
  display: none;
}
div.item_wrapper .listItems .art_content:hover .video_thumb a.quickthumb div.playbtn,
div#history-content #post_items article.videolessons.gridView:hover .playbtn{
  display: block;
}
/* div#history-content #post_items article.videolessons.gridView h2.title{
  font:300 15.6px "Open Sans",arial,sans-serif;
  font-weight: bold;
} */
    /* div#history-content #post_items div.lesson-preview-footer .post-meta .duration_box,
    div#history-content #post_items div.lesson-preview-footer .post-meta .skill-box{
      display: flex;
    } */
/* end my history page */
 /*
* Instructors List
*/
.instructors-box{
    background: #f0f0f2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f0f0f2 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f2), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f0f0f2 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f0f0f2 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f0f0f2 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f0f0f2 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f2', endColorstr='#ffffff',GradientType=0 );
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 0px solid rgba(155, 155, 155, 0.01);
    -moz-box-shadow: 0 0 4px #666666;
    -webkit-box-shadow: 0 0 4px #666666;
    box-shadow: 0 0 4px #666666;
    padding: 0px;
    margin-bottom: 20px;
    -moz-box-shadow: 0 0 4px #666666, inset 0 0 10px #fff;
    -webkit-box-shadow: 0 0 4px #666666, inset 0 0 10px #fff;
    box-shadow: 0 0 4px #666666, inset 0 0 10px #fff;
}
.instructors-box:hover img{opacity: .8}
.instructors-header{
    min-height: 50px;
    color: #484848;
    display: block;
    font-size: 28px;
    font-weight: 700;
    line-height: 25px;
    padding: 15px;
    text-align: left;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #ddd;
}
.instructors-header a{color: #484848;float: left;}
.instructors-header a:hover{text-decoration: none}
.instructors-header span {
    color: #949494;
    font-size: 17px;
    font-weight: 400;
}
.instructors-header img{display: block;clear: both;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}
.instructors-header p{clear: both;margin-bottom: 10px}
.instructors-header .toggle-content,
.instructors-header .shortcode-toggle h4 a {background-color: transparent!important;}
.instructors-header .toggle-content {
    display: block;
    font: 300 14px/1.5em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    clear: both;
}
.instructors-header .shortcode-toggle h4 a {
    padding: 3px 20px 3px 10px;
}
/*
* Instructors Single Page
*/
body.single-instructors.two-col-right #main-sidebar-container #main {
  width: 60.3%;
  padding-left: 3.125%;
  /*border-left: 1px solid #ccc;*/
}
body.single-instructors.two-col-right #main-sidebar-container #sidebar{
  width: 33%;
  padding-right: 3.125%;
  border-right: 1px solid #ccc;
}
body.single-instructors.two-col-right #tabs_wrapper{
  padding:0;
}
body.single-instructors.two-col-right #tabs_wrapper #tab-work{
  padding-top:20px
}
body.single-instructors.two-col-right .lesson-preview-left{
  padding-left: 0;
}
div.instructor_thumb img {
  border: 5px solid #9d9d9d;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.instructor_thumb {
  text-align: center;
}
body.single-instructors.two-col-right #main-sidebar-container #sidebar h1.title{
  margin-top: 10px;
  font-size: 30px;
  letter-spacing: -1px;
  color: #606060;
}
body.single-instructors.two-col-right #main-sidebar-container #sidebar section p {
  color: #959595;
}
body.single-instructors.two-col-right #main-sidebar-container #sidebar h2{
  font: 300 14px/1.5em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  color: #959595;
}
body.single-instructors.two-col-right #main-sidebar-container #sidebar .instructor_subhead p{
  font-size: 18px;
  color: #a3a3a3;
  letter-spacing: -1px;
  line-height: 20px;
}
body.single-instructors.two-col-right #main-sidebar-container #sidebar header{
  margin-bottom: 40px;
}
body.single-instructors.two-col-right #main-sidebar-container #sidebar .toggle-content{
  padding: 10px 0;
}
body.single-instructors.two-col-right #main-sidebar-container #main article.videolessons{
  margin-bottom: 0; /*15px */
}
body.single-instructors.two-col-right #main-sidebar-container #main article.videolessons:first-of-type{
  padding-top: 0;
}
body.single-instructors.two-col-right #main-sidebar-container #main article.videolessons a{
  margin: 0 0 0 0;
}
body.single-instructors.two-col-right #main-sidebar-container #sidebar #portfolio-gallery .gallery-item{
  width: 30%;
  margin-right: 5%;
  padding-right: 0; /* removing optimizepressplugin intrusion */
}
body.single-instructors.two-col-right #main-sidebar-container #sidebar #portfolio-gallery .gallery-item:nth-child(3n){
  margin-right: 0;
}
body.single-instructors.two-col-right #main-sidebar-container #sidebar #portfolio-gallery figure{
  width: 100%;
  height: auto;
  float: left;
}
body.single-instructors.two-col-right #main-sidebar-container #sidebar #portfolio-gallery figure img{
  height: auto;
  padding: 2px;
  border: 1px solid #cfcfcf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.single-instructors.two-col-right #pre-main-sidebar .post-entries{
  float: right;
  clear: none;
}
body.single-instructors.two-col-right #pre-main-sidebar .post-entries a{
  text-transform: uppercase;
  letter-spacing: 0;
}
body.single-instructors.two-col-right #pre-main-sidebar .post-entries i.icon-angle-left {
  background: url('images/prev.png');
  display: inline-block;
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 7px;
}
body.single-instructors.two-col-right #pre-main-sidebar .post-entries .icon-angle-left:before,
body.single-instructors.two-col-right #pre-main-sidebar .post-entries .icon-angle-right:before{
  content: '';
}
body.single-instructors.two-col-right #pre-main-sidebar .post-entries .nav-prev{
  float: left;
  line-height: 20px;
  padding-right: 8px;
}
body.single-instructors.two-col-right #pre-main-sidebar .post-entries .nav-next{
  float: left;
  line-height: 20px;
  padding-left: 8px;
}
body.single-instructors.two-col-right #pre-main-sidebar .post-entries .nav-prev + .nav-next{
  border-left: 1px #a7a7a7 solid;
}
body.single-instructors.two-col-right #pre-main-sidebar .post-entries i.icon-angle-right {
  background: url('images/next.png');
  display: inline-block;
  width: 18px;
  height: 18px;
  float: right;
  margin-left: 7px;
}
body.single-instructors.two-col-right #pre-main-sidebar .woo-sc-hr {
  margin-bottom: 25px;
  padding-top: 8px;
}
body.single-instructors.two-col-right #pre-main-sidebar .goto-archive {
  float: left;
}
body.single-instructors.two-col-right #pre-main-sidebar .goto-archive a{
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 0.9em;
  color: #888;
  line-height: 20px;
}
body.single-instructors.two-col-right #pre-main-sidebar .goto-archive a:hover{
  text-decoration: none;
  color: #666;
}
body.single-instructors.two-col-right #pre-main-sidebar .goto-archive i{
  background: url('images/gotoarchive.png');
  display: inline-block;
  width: 22px;
  height: 22px;
  float: left;
  margin-right: 7px;
}

@media only screen and (max-width: 767px) {
  body.single-instructors.two-col-right #main-sidebar-container #sidebar {
    clear: both;
    width: 100%;
  }
  div.instructor_thumb {
    text-align: left;
  }
  body.single-instructors.two-col-right #main-sidebar-container #sidebar #portfolio-gallery .gallery-item:nth-child(4n){
    margin-right: 0;
  }
  body.single-instructors.two-col-right #main-sidebar-container #sidebar #portfolio-gallery .gallery-item,
  body.single-instructors.two-col-right #main-sidebar-container #sidebar #portfolio-gallery .gallery-item:nth-child(3n) {
    width: 20%;
    margin-right: 6.66%
  }
  body.single-instructors.two-col-right #main-sidebar-container #main {
    width: 100%;
    padding-left: 0;
    border-left: none;
    padding-top: 0px;
    border-top: none;
    margin-top: 0px;
    float: left;
  }
  .post-entries:not(.npvl) {
      display:none;
  }

  .sales-page .col-full{
    padding-left:20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 500px) {
  body.single-instructors.two-col-right #main-sidebar-container #sidebar #portfolio-gallery .gallery-item:nth-child(3n){
    margin-right: 0;
    width: 30%;
  }
  body.single-instructors.two-col-right #main-sidebar-container #sidebar #portfolio-gallery .gallery-item,
  body.single-instructors.two-col-right #main-sidebar-container #sidebar #portfolio-gallery .gallery-item:nth-child(4n) {
    width: 30%;
    margin-right: 5%;
  }
}


/*
* Fix the positioning of the pagination
*/
.woo-pagination {
    float:left;
    width:100%;
}
/*=========== Sets archive page styles =============== */
/* Stack effect*/
article.sets-archive{
  float: left;
  width: 48.9637%;
  margin-bottom: 15px;
}
article.sets-archive:nth-of-type(even){
  float: right;
}
article.sets-archive:nth-of-type(odd){
  clear:both;
  }
div.stack.sets-archive{
    float: left;
    position: relative;
    margin: 18px;
    margin-bottom: 30px;
    height: auto;
    width: 87.3015%; /* 330px x 230px */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.stack.sets-archive img {
  width: 100%;
  /*height: 100%;*/
}
div.stack.sets-archive, div.stack.sets-archive:before, div.stack.sets-archive:after {
    border: 6px solid #fff;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

div.stack.sets-archive:before, div.stack.sets-archive:after {
    width: 100%;
    height: 100%;
    background: #999;
    content: "";
    position: absolute;
    z-index: -1;
    top: 5px; left: 0px;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    /*Dirty IE8 hack*/
    height: 0px\9; width: 0px\9;
    border: none\9;
}

div.stack.sets-archive:before {
    background: #999;
    top: 0px;
    left: -10px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.sets-title{
    /*margin-top: 30px;*/
    margin-bottom: 10px;
    clear:both;
    text-align: center;
}
/*========= Stack effect for 480px width screen ======*/
@media only screen and (max-width: 480px){
    article.sets-archive,
    article.sets-archive:nth-child(even){
        /*height: 150px; width: 230px;*/
        float: none;
        clear: both;
        width: 100%;
    }
}
/*======= Set single page gallery =========*/
.set-gallery-item{
    float:left;
    margin: 1.42487046632124% 1.42487046632124% 0.71243523316062% 0; /* 10 10 5 0 */
    width: 48.57512953367876%;
}
li.set-gallery-item:nth-of-type(even){
    margin: 1.42487046632124% 0 0.71243523316062% 1.42487046632124%; /* 10 0 5 10 */
}
/*====== resize the gallery images =======*/
.set-gallery-item img{
    height: auto;
    max-width: 375px;
    width: 100%;
    background-position: center center;
    background-color: #dedede;
    display: inline-block;
    -webkit-transition: width 0.3s ease-out, height 0.3s ease-out; /* For Safari 3.1 to 6.0 */
    transition: width 0.3s ease-out, height 0.3s ease-out;
    /*width: 250px;
    box-shadow: 5px 5px 10px black;*/
}
/*==== style for the image of the gallery ===*/
.set-gallery-item img:hover{
    filter: alpha(opacity=80);
    opacity: .8;
}
/*==== we can´t auto resize images since are cropped on background (height cant be 'auto')===*/
@media only screen and (max-width: 630px) {
  .set-gallery-item,
  li.set-gallery-item:nth-of-type(even){
    margin: 1.42487046632124% 0 0.71243523316062%; /* 10 10 5 0 */
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
  }
}
/*================= Fix the sidebabar ==========*/
@media only screen and (max-width: 800px){
    aside#sidebar{
        float: left;
        width: 100%;
    }
    /*
  .card-content .author.vcard.lesson-info{
    display: none;
  }
  #inner-wrapper .list-videos .getting_started-item .image,
  #inner-wrapper .list-videos .learning_path-item .image{
    float: left;
    width: 31.20759837177748%;
  }
    */
}
@media only screen and (max-width: 900px){
    body.woocommerce-account.two-col-right-960 #main-sidebar-container aside#sidebar{
        float: left;
        width: 100%;
    }
    body.woocommerce-account.two-col-right-960 #main-sidebar-container #main.myaccount{
      width: 100%;
    }
}
/*================= What's new page ==========*/
.hero_whatsNew .video_close_button {
        background: url('images/close_button.png') no-repeat top center;
        width: 46px;
        height: 46px;
        display: inline-block;
        text-indent: -9999px;
        position: absolute;
        top: -6px;
        z-index: 100;
        right: 12px;
    }
    .hero_whatsNew #placeholder-inner-content
    {
        float: left;
        width: 48%;
        height: 42%;
        background: rgba(0, 0, 0, 0.78);
        position: relative;
        top: 30%;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        position: absolute;
    }

    .hero_whatsNew #placeholder-inner-content-text
    {
        width: 60%;
        height: 100%;
    }

    .hero_whatsNew #placeholder_heading_msg
    {
        position: absolute;
        font-family: Open Sans,sans-serif;
        font-weight: 200;
        font-size: 1.5em;
        top: 28%;
        float: right;
        color: white;
        height: 20%;
        left: 35%;
    }

    .hero_whatsNew #placeHolder
    {
        width: 100%;
        max-height: 400px;
        background-color: #000;
    }

    .hero_whatsNew #placeholder_sub_msg
    {
        font-size: 1em;
        position: absolute;
        font-family: Open Sans,sans-serif;
        font-weight: 200;
        top: 46%;
        float: right;
        color: white;
        height: 18%;
        left: 39%;
    }

    .hero_whatsNew #playButton_div a
    {
        top: 14%;
        left: 73%;
    }

    .hero_whatsNew #playButton_div
    {
        width: 100%;
        height: 100%;
    }

    .hero_whatsNew #playButton
    {
        background: url('https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/nma_play_white.png') no-repeat scroll center center transparent;
        background-image: url('https://s3.amazonaws.com/uploads.nma.art/uploads/2014/01/nma_play_white.svg');
        background-size: 81px 81px;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 0 0 0;
        width: 82px;
        height: 82px;
    }

    .hero_whatsNew .contain_hero{
      height: auto;
    }


    @media only screen and (min-width: 949px) {
    .hero_whatsNew #placeholder-inner-content{
            border-bottom-right-radius: 6px;
            border-top-right-radius: 6px;
            width: 48%;
            height: 42%;
            top: 30%;
            position: absolute;
        }
    .hero_whatsNew     #placeholder_heading_msg{
            font-size: 1.5em;
        }

    .hero_whatsNew     #placeholder_sub_msg{
            font-size: 1em;
        }
    }


    @media only screen and (max-width: 950px) {
    .hero_whatsNew #placeholder-inner-content{
            border-bottom-right-radius: 0px;
            border-top-right-radius: 0px;
            width: 100%;
            height: 100%;
            top: 0px;
            background: rgba(0, 0, 0, 0.20);
        }
    .hero_whatsNew     #placeholder_heading_msg{
            font-size: 4.5vw;
        }
        #placeholder_sub_msg{
            font-size: 3vw;
        }
        .hero_whatsNew #playButton_div a{
          top:50%;
          left: 52%;
        }
        .hero_whatsNew #placeholder_sub_msg{
          top:41%;
          left:47%;
        }
        .hero_whatsNew #placeholder_heading_msg{
          top:30%;
          left: 38%;
        }
      .hero_whatsNew #playButton{
          background-size: 50px 50px;
          width: 50px;
          height: 50px;
      }
    }

    @media only screen and (max-width: 750px){
        .hero_whatsNew #placeholder_heading_msg{
          top:30%;
          left: 35%;
        }
        .hero_whatsNew #placeholder_sub_msg{
          top:41%;
          left:41%;
        }
        .hero_whatsNew #playButton_div a{
          top:50%;
          left: 51%;
        }
      .hero_whatsNew #playButton{
          background-size: 35px 35px;
          width: 35px;
          height: 35px;
      }
    }

    @media only screen and (max-width: 600px){
        .hero_whatsNew #placeholder_heading_msg{
          top: 30%;
          left: 33%;
        }
        .hero_whatsNew #placeholder_sub_msg{
          top: 41%;
          left: 36%;
        }
        .hero_whatsNew #playButton_div a{
          top: 53%;
          left: 46%;
        }
    }

    @media only screen and (max-width: 520px){
        .hero_whatsNew #placeholder_heading_msg{
          top: 30%;
          left: 30%;
          font-size: 2em;
        }
        .hero_whatsNew #placeholder_sub_msg{
          top: 41%;
          left: 36%;
        }
        .hero_whatsNew #playButton_div a{
          top: 53%;
          left: 46%;
        }
    }

    @media only screen and (max-width: 440px){
        .hero_whatsNew #placeholder_heading_msg{
          top: 24%;
          left: 23%;
        }
        .hero_whatsNew #placeholder_sub_msg{
          top: 41%;
          left: 32%;
        }
        .hero_whatsNew #playButton_div a{
          top: 55%;
          left: 46%;
        }
    }

    @media only screen and (max-width: 330px){
        .hero_whatsNew #placeholder_heading_msg{
          top: 5%;
          left: 5%;
        }
        .hero_whatsNew #placeholder_sub_msg{
          top: 29%;
          left: 20%;
        }
        .hero_whatsNew #playButton_div a{
          top: 55%;
          left: 40%;
        }
    }

    .hero_whatsNew .how_use_video{
        display: none;
        cursor:pointer;
    }
    .hero_whatsNew{
        max-height:400px;
        background-color: #000;
    }
    .whats_new-item{
        float: left;
        width: 33.33333333333333%;
        display: block;
    }
    .whats_new-item.lessons,
    .whats_new-item.conten3d,
    .whats_new-images article,
    .whats_new-item.blogNews{
       width: 100%; /* auto --- bug fix in safari */
    }
    .whats_new-item.lessons article{
        width: 225px; /* 230px */
        margin: 0 auto;
    }
    .whats_new-item.lessons article a.quickthumb {
      margin-right: 0;
      width: 100%;
      margin-bottom: 8px;
    }
    .whats_new-item.lessons article a.quickthumb img {
      width: 100%;
    }
    .slick-slider {
      margin-bottom: 5px;
      padding: 5px 0;
    }
    .slick-next, .slick-previous {
      right: -21px;
    }
    .whats_new-item_title{
        /*margin-top: 30px;*/
        margin-bottom: 10px;
        clear:both;
        text-align: center;
    }
    .whats_new-item_title.left{
        /*margin-top: 30px;*/
        text-align: left;
    }
    .whats_new-title{
      margin: 5px 0;
      clear: both;
    }
    .whats_new-title.view_more {
      margin: 0 0 25px;
      float: left;
      width: 100%;
    }
    .hero_whatsNew #placeHolder img{
        width: 100%;
        height: auto;
    }
    .hero_whatsNew .hero{
        max-width: 960px;
        height: auto;
        width: 100%;
    }
    #main.whats-new {
      padding-top: 15px;
    }
/*============ switch plans box billing and subscription page ======*/
div.billing-and-subscription-page .my_account_plans {
    float: left;
    text-align: center;
    position:relative;
    width:22%;
    /*padding:1em;*/
    margin: 2em 2%;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
div.billing-and-subscription-page .my_account_plans h3 {
    padding: 5%;
    font-size: 1.2em;
    line-height: 1.4;
}
div.billing-and-subscription-page .my_account_plans .payment-mode{
  display: block;
  padding: 6px 0;
}
div.billing-and-subscription-page .my_account_plans:nth-of-type(1){
  margin: 2em 2% 2em 0;
}
div.billing-and-subscription-page .my_account_plans:nth-of-type(4){
  margin: 2em 0 2em 2%;
}

@media screen and (max-width: 960px){
  div.billing-and-subscription-page .my_account_plans {
    width: 46%;
  }
  div.billing-and-subscription-page .my_account_plans:nth-of-type(1),
  div.billing-and-subscription-page .my_account_plans:nth-of-type(3){
    margin: 2em 4% 2em 0;
  }
  div.billing-and-subscription-page .my_account_plans:nth-of-type(2),
  div.billing-and-subscription-page .my_account_plans:nth-of-type(4){
    margin: 2em 0 2em 4%;
  }
}
@media screen and (max-width: 900px){
  div.billing-and-subscription-page .my_account_plans .price{
    font-size: 4.5em;
  }
}

div.billing-and-subscription-page .my_account_plans h1,.my_account_plans p{
    font-family: 'Helvetica Neue', 'Helvetica', 'sans-serif';
}

div.billing-and-subscription-page .my_account_plans:before,
div.billing-and-subscription-page .my_account_plans:after {
    content:"";
    position:absolute;
    z-index:-2;
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
}

div.billing-and-subscription-page .my_account_plans:after{
    right:10px;
    left:auto;
}

div.billing-and-subscription-page .round {
    -moz-border-radius:4px;
    border-radius:4px;
}

div.billing-and-subscription-page .round:before,
div.billing-and-subscription-page .round:after {
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}

div.billing-and-subscription-page .round:after {
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}
div.billing-and-subscription-page .exchange-plan{
    width: 100%;
    float: left;
}
div.billing-and-subscription-page span.price {
    font-size: 3.5em;
    line-height: 50px;
    padding-top: 10px;
    display: block;
    text-align: center;
    letter-spacing: -2px;
}
div.billing-and-subscription-page span.price .sub-price {
    font-size: 17px;
    letter-spacing: 0px;
}
div.billing-and-subscription-page span.plans_tooltip{
    margin: 0.5em 0;
    display: block;
    color: #8F8F8F;
    line-height: 1.2;
    padding: 5px;
}
div.billing-and-subscription-page span.my-plan{
    display: block;
}
@media screen and (max-width: 475px){
    div.billing-and-subscription-page .my_account_plans{
        width: 80%;
        margin: 2em 10% !important;
    }
}
div.billing-and-subscription-page a.button.gray{
    background-color: #cccccc;
    color: #000!important;
}
div.billing-and-subscription-page a.button.gray:hover{
    background-color: #8F8F8F;
}
/* ====== billing and subscription table responsive ==== */
@media screen and (max-width: 680px){
        table.my_account_subscriptions .subscription-next-payment{
            display: none;
        }
    }
    @media screen and (max-width: 720px){
        table.my_account_subscriptions .subscription-end{
            display: none;
        }
    }
    @media screen and (max-width: 475px){
        table.my_account_orders .order-status{
            display: none;
        }
    }
    @media screen and (max-width: 520px){
      table.my_account_subscriptions .subscription-status{
        display: none;
      }
    }
    @media screen and (max-width: 425px){
        table.my_account_orders .order-number,
        table.my_account_subscriptions .subscription-order-number{
            display: none;
        }
    }
table.my_account_orders .order-actions a{
  margin: 5px;
}


/*
* Custom PrettyPhoto
*/

.woocommerce-account .subscription p.nma_modal_box.main_message,
.watchlater p.nma_modal_box.main_message,
.watchlater p.nma_modal_box.main_message span {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 16px;
  color: #555;
  text-align: center;
  padding: 5%;
}
.woocommerce-account .subscription div.pp_content,
.watchlater div.pp_content{
  background: #efefef;
}
.woocommerce-account .subscription div.nma_modal_box.buttons,
.watchlater div.nma_modal_box.buttons{
  margin-top: 10px;
  float: left;
  width: 100%;
  text-align: center;
}
.woocommerce-account .subscription .woo-sc-button.large,
.watchlater .woo-sc-button.large{
  padding: 7px 24px;
}
.woocommerce-account .subscription .woo-sc-button,
.watchlater .woo-sc-button
 {
  cursor: pointer;
  display: inline-block;
  margin: 0;
}
.woocommerce-account .subscription .woo-sc-button + .woo-sc-button,
.watchlater .woo-sc-button + .woo-sc-button{
  margin-left: 35px;
}
#saveList{
    display: none
}
#listname{
    display:none;
    border: 1px solid #CCC;
}
#playlistItems{
    cursor: pointer;
    padding: 3px;
    border-radius: 0px;
    border: 1px solid #cccccc;
    margin-right: 4px;
    width: 100%;
}
.selectList{
    padding: 2% 7% 2%;
}
.addList{
    text-align: center;
    padding: 3%;
}
#addStatus{
    display: none;
    margin: 10px 0;
    font-size: 14px;
}
.pp_content{
    min-height:180px;
}
#generalStatus{
    text-align: center;
    padding: 7%;
}
/*============Home page responsive =========*/
@media screen and (max-width: 320px){
    div#home_page #main,div#home_page .hero,div#home_page .hero_background{
        max-width: 280px;
        width: 100%
    }
    div#home_page div.signupaction h2{
        font-size: 20pt;
    }

}
@media screen and (min-width: 300px) and (max-width: 360px){
    div#home_page #main,div#home_page .hero,div#home_page .hero_background{
        max-width: 330px;
        width: 100%
    }
    div#home_page div.signupaction h2{
        font-size: 20pt;
    }
    div#home_page section#main div.promos h4{
        text-align: center;
    }
    div#home_page section#main div.promos div.videothumb img{
        margin: 0 auto;
    }
}
@media screen and (min-width: 340px) and (max-width: 375px){
    div#home_page #main,div#home_page .hero,div#home_page .hero_background{
        max-width: 350px;
        width: 100%
    }
}
@media screen and (min-width: 360px) and (max-width: 414px){
    div#home_page #main,div#home_page .hero,div#home_page .hero_background{
        max-width: 390px;
        width: 100%
    }
}
@media screen and (min-width: 390px) and (max-width: 540px){
    div#home_page #main,div#home_page .hero,div#home_page .hero_background{
        max-width: 510px;
        width: 100%
    }
}
@media screen and (min-width: 525px) and (max-width: 720px){
    div#home_page #main,div#home_page .hero,div#home_page .hero_background{
        max-width: 690px;
        width: 100%
    }
    div#home_page .hero_box{
        top: 80px;
        left: auto;
    }
}
@media screen and (min-width: 748px) and (max-width: 960px){
    div#home_page #main,div#home_page .hero,div#home_page .hero_background{
        max-width: 960px;
        width: 100%
    }
    div#home_page section#main div.promos h4{
        font-size: 16px;
    }
}
/*Styles for the message
  "You have reached your maximum number of full resolution image downloads  for today. Please wait 24 hours and try again"
  In the modal of single-images.php
*/
.image_sets_message.reached_limit{
  color: #ff0000;
  position: absolute;
  bottom:0;
  text-align: left;
  width: 100%;
  background: #000;
  left: 0;
  display: none;
  padding: 20px 10px;
  box-sizing:border-box;
}
.nma-gallery-caption{
  opacity: 1;
  visibility: visible;
}
.pp_nav p{
    margin: -1px 4px;
}

body a.full_res_btn,
#loadtext {
  display: inline-block;
  padding-top: 2px;
  color: #ccc;
}

body a.full_res_btn:hover,
#loadtext:hover {
  color: #3bc2b7;
}

div.col-full {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
body .login_box #sidebar-wp-submit{
    background: #fff;
    color: #3bc2b7!important;
    box-shadow: none;
}
.login_box {
  width: 156px;
  border-radius: 2px;
  background-color: #3bc2b7;
  position: absolute;
  right:0;
  top: 54px;
  z-index: 10000;
  padding: 15px;
  display: none;
}
.login_box:after {
  content: '';
  position: absolute;
  top: -15px;
  left: 60px;
  border: 10px solid;
  border-color: transparent transparent #3bc2b7 transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.login_box form label {
  color: #fff;
}
.login_box form input {
    background: rgb(226, 226, 226);
}
.login_box form input[type="text"],
.login_box form input[type="password"] {
    padding: 5px;
    width: 146px;
  }
.login_box form label i {
    color: #fff;
    float: right;
}
.login_box form label i:hover {
    text-decoration: none;
    font-size: 16px;
  }
.login_box #sidebar-wp-submit {
  text-decoration: none;
  background: #3bc2b7;
  padding: 7px 15px;
  vertical-align: middle;
  margin: 10px 0 0;
}
.login_box p.remember_pass label {
  cursor: pointer;
}

/*
Set remember me required / hidden / and lasting 2 years
*/
#rememberme, label[for=rememberme]{display:none;}

@media only screen and (min-width: 768px){
  body.two-col-right-960.woocommerce-account #main-sidebar-container #sidebar,
  body.two-col-right-960 .contact-us #main-sidebar-container #sidebar {
    width: 21.2%;
  }
  body.two-col-right-960.woocommerce-account #main-sidebar-container #main,
  body.two-col-right-960 .contact-us #main-sidebar-container #main {
    width:   76.385%;
  }
    .nma_bread .bread-left{float: left;width: 80%;}
    .nma_bread .bread-right{float: right;width: 20%;}
    .nma_bread .bread-left{padding: 5px 0}
    .nma_bread .bread-right{padding: 15px 0}
    .nma_bread .actions-buttons{
      justify-content: flex-end;
    }
    .nma_bread .actions-buttons .playlist-box-btn a{
      margin-right: 0;
    }
    body.live-stream.single-videolessons .nma_bread h1.video_name{
      margin-right: 30px;
    }
    .share-box-btn{
    }
}

body.two-col-right-960.woocommerce-account #main-sidebar-container #sidebar{
  background-color: #3bc2b7;
}
body.two-col-right-960.woocommerce-account #main-sidebar-container aside#sidebar{
    padding: 2px;
}
#menu-myaccount li a{
  background-color: #fafafa;
  color: #666;
  text-transform: uppercase;
  font: 300 12px/1.5em "Helvetica Neue", Helvetica, sans-serif;
}
#menu-myaccount li a:hover{
  background-color: #dbdbdb;
  text-decoration: none;
}
#menu-myaccount li.menu-item.current_page_item a {
  background-color: #3bc2b7;
  color: #fff;
}
#menu-myaccount li a{
  text-indent: 4px;
}

div.playlist_page.archive .add_list form{
    text-align: left;
  margin-bottom: 20px;
}

body.single-videolessons #main-sidebar-container article #video_details{
  float: right;
  margin-right: 0;
  margin-bottom: 2%;
  position: relative;
  width: 65.33%;
  display: none;
}
body.live-stream #main-sidebar-container article #video_details{
  width: 100%;
}
body.single-videolessons #main-sidebar-container article section.entry #video_chapters{
  float: left;
  /*clear: right;*/
  margin-right: 2%;
  width: 100%;
  display: none;
}
body.single-videolessons h1.video_name{
    font-family: Open Sans,sans-serif;
    font-weight: 200;
    font-size: 17px;
    position: relative;
    color: white;
    /*margin-bottom: 0.2em;*/
}
body.single-videolessons h2{
    margin: 0;
    color: rgb(85, 85, 85);
    font-family: Open Sans,sans-serif;
    font-weight: 400;
    font-size: 13pt;
    line-height: 1.2;
}
body.single-videolessons h2.related-title,
body.single-videolessons h2.also_watched-title,
body.single-videolessons h2.learning_path-title {
    font-size: 18px;
    color: #8e8e8e;
    background-color: #fff;
    font-weight: bold;
    padding: 6px 12px;
    text-transform: capitalize;
    border-bottom: 0.5px solid #e0e0e0;
    margin-bottom: 2px;
}
body.single-videolessons .slick-slider{
    margin-bottom: 25px;
}

body.single-videolessons .slick-slider.related-videoCarrousel,
body.single-videolessons .slick-slider.also_watched-videoCarrousel,
body.single-videolessons .slick-slider.learning_path-videoCarrousel,
body.single-videolessons .slick-slider.product-related-carrousel{
  background: #fff;
}

body.single-videolessons .slick-slider.related-videoCarrousel .progress_div span[class^='percentage'],
body.single-videolessons .slick-slider.also_watched-videoCarrousel .progress_div span[class^='percentage']{
  display: inline-block;
  text-align: center;
  width: 100%;
  color: #999999;
  font: 300 11px/1.5em "Helvetica Neue", Helvetica, sans-serif;
}
.related_instructor-name,
.also-watched_instructor-name{
  font-weight:inherit!important;
}
/*
* slick
*/
.single-videolessons .slick-slider article {
  width: 210px;
  margin: 0 auto;
}
.single-videolessons .slick-slider article img{
  border:none;
  padding:0;
  background: none;
}
.single-videolessons .slick-slider .slick-prev {
  background-image: url('images/icons/arrow-left-black.svg');
}
.single-videolessons .slick-slider .slick-arrow::before,
.single-videolessons .slick-slider .slick-arrow::after{
    content: none;
}
.single-videolessons .slick-slider .slick-next{
  background-image: url('images/icons/arrow-right-black.svg');
  background-position: right;
}
.single-videolessons .slick-slider .slick-arrow{
  opacity: .3;
}
.single-videolessons .slick-slider .slick-prev{
  left: -20px;
}
.single-videolessons .slick-slider .slick-next{
  right: -20px;
}
.single-videolessons .slick-slider .slick-arrow:hover{
  opacity: .8;
}
.single-videolessons .slick-slider .slick-arrow{
  z-index: 5;
  background-repeat: no-repeat;
  background-size: contain;
  height: 32px;
  width: 22px;
}
/*

#main-sidebar-container div.related-videoCarrousel div.related-item,
#main-sidebar-container .related-title,
#main-sidebar-container div.also_watched-item,
#main-sidebar-container .also_watched-title,
#main-sidebar-container .learning_path-title,
#main-sidebar-container div.learning_path-item { display :none;}
*/
/* carrousel page whats-new slick slider - to show after loading the slick*/
@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.whats_new-videoCarrousel:not(.slick-inicialized),
.whats_new-history:not(.slick-inicialized),
.whats_new-3dCarrousel:not(.slick-inicialized),
.whats_new-imagesCarrousel:not(.slick-inicialized),
.whats_new-blogCarrousel:not(.slick-inicialized){
  display: none;
}
.whats_new-videoCarrousel.slick-slider,
.whats_new-history.slick-slider,
.whats_new-3dCarrousel.slick-slider,
.whats_new-imagesCarrousel.slick-slider,
.whats_new-blogCarrousel.slick-slider{
  display: block;
  -webkit-animation: fadeIn 1s ease-in-out;
  -moz-animation: fadeIn 1s ease-in-out;
  -o-animation: fadeIn 1s ease-in-out;
  animation: fadeIn 1s ease-in-out;
}

#main-sidebar-container .learning_path-title:before,
#main-sidebar-container .also_watched-title:before,
#main-sidebar-container .related-title:before{
  content: '';
  clear: both;
  display: block;
}

.temp-lesson-related {
  background-color: rgba(155, 155, 155, 0.1);
  height:220px;
  width:100%;
  margin-bottom: 25px;
   -moz-box-shadow:    inset 0 0 0 1px rgba(100, 100, 100, 0.1);
  -webkit-box-shadow: inset 0 0 0 1px rgba(100, 100, 100, 0.1);
  box-shadow: inset 0 0 0 1px rgba(100, 100, 100, 0.1);
  display:none;
}

body.single-videolessons div.post-entries {
  margin: 20px 0;
}
body.single-videolessons div.lazyvideo {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #000;
  opacity:0;
  z-index: 10000;
  clear: both;
  top:0;
  left:0;
  cursor: progress
}
body.single-videolessons div.lazymessage{
  width: 500px;
  padding: 20px;
  z-index: 10001;
  background-color: #fff;
  opacity: 1;
  position: fixed;
  left: 50%;
  margin-left: -250px;
  top: 40%;
  text-align: center;
}
body.single-videolessons div.lazymessage p {
    color: #000;
  font-size: 20px;
}
section.myaccount ol.commentlist {
  padding: 0;
}
section.myaccount section.entry .preferences td {
  padding: .857em 0.8em;
}
section.myaccount section.entry .preferences .ui-buttonset{
  margin: 0;
}
section.myaccount section.entry .preferences td.button_col{
  width: 25%;
}
@media only screen and (max-width: 630px){
  section.myaccount section.entry .preferences td.button_col{
    width: 28%;
  }
}
@media only screen and (max-width: 565px){
  section.myaccount section.entry .preferences td.button_col{
    width: 33%;
  }
}
@media only screen and (max-width: 490px){
  section.myaccount section.entry .preferences td.button_col{
    width: 50%;
  }
  section.myaccount section.entry .preferences td{
    padding: .857em 0.3em;
  }
}

section.myaccount #billing_country_chosen,
section.myaccount #billing_state_chosen,
section.myaccount #shipping_country_chosen,
section.myaccount #shipping_state_chosen {
  width: 100% !important;
}
/*========= Transcript box =========*/

div.transcript_box *{
  border:0;
  font-size: 11px;
  font-family: verdana;
  font-style: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -0-box-shadow: none;
  box-shadow: none;
  text-rendering: auto;
}

#transcript { position: relative }
div.transcript_box{
  display     : none;
  border-top  : 1px solid #c2c2c2;
  font-family : verdana;
  position    : relative;
}
div.transcript_box div.transcript_bar{
  height: 25px;
  background: url('images/h.png') #f5f5f5;
  padding-top: 4px;
  border-style: solid;
  border-color: #c2c2c2;
  border-width: 0 1px 1px;
  overflow: hidden;
}
div.transcript_box div.transcript_text{
  max-height: 450px;
  overflow: auto;
  padding: 5px;
  resize: vertical;
  height: 450px;
  max-height: 825px;
}
div.transcript_box div.transcript_text span.active{
  background: #ccc;
}
div.transcript_box div.transcript_text span{
  cursor:pointer;
}
div.transcript_box div.transcript_text span:hover{
  background: #f6f6bd;
}
div.transcript_box div.transcript_logo{
  height: 22px;
  width: 66px;
  background: url('images/nma_logo_small.png') no-repeat;
  float: left;
  margin-top: 1px;
  margin-left: 11px
}
div.transcript_box input.transcript_search{
  background: url('images/fs.png') no-repeat;
  border:0;
  padding-top: 4px;
  padding-bottom: 3px;
  margin-top: 1px;
  margin-left: 2%;
  padding-left: 20px;
  padding-right: 5px;
  width: 150px;
  font-size: 10px;
  line-height: 12px;
  color: #3e3e3e;
  float: left;
}
div.transcript_box input.transcript_search:focus{
  outline: 0 none;
}
div.transcript_box div.transcript_prevButton{
  background: url('images/s.png') -31px -56px no-repeat;
  height: 7px;
  width: 7px;
  margin: 7px 2px 7px 5px;
  cursor: pointer;
  float: left;
}
div.transcript_box div.transcript_nextButton{
  background: url("images/s.png") -39px -56px no-repeat;
  height: 7px;
  width: 7px;
  margin: 7px 2px 7px 3px;
  cursor: pointer;
  float: left;
}
div.transcript_box div.transcript_increaseFont,div.transcript_box div.transcript_decreaseFont{
  background: url("images/increase_font.png") no-repeat;
  width: 22px;
  height: 21px;
  margin-top: 2px;
  margin-left: 20%;
  cursor: pointer;
  float: left;
}

 @media only screen and (max-width: 600px){
    div.transcript_box div.transcript_increaseFont{
        margin-left: 5%;
      }
}
div.transcript_box div.transcript_decreaseFont{
  background: url("images/decrease_font.png") no-repeat;
  margin-top: 3px;
  height: 20px;
  margin-left: 0.7%;
}
div.transcript_box div.transcript_increaseLHeight,div.transcript_box div.transcript_decreaseLHeight{
  background: url("images/increase_lheight.png") no-repeat;
  width: 22px;
  height: 21px;
  margin-top: 2px;
  margin-left: 0.7%;
  cursor: pointer;
  float: left;
}
div.transcript_box div.transcript_decreaseLHeight{
  background: url("images/decrease_lheight.png") no-repeat;
}
div.transcript_box div.transcript_autoScroll{
  height: 18px;
  width: 66px;
  margin-top: 3px;
  cursor: pointer;
  float: right;
  font-weight: bold;
  font-size: 7px;
  color: #9d9d9d;
}
div.transcript_box div.transcript_autoScroll.on{
  color: #68b11f;
  text-shadow: 0 1px #fff;
}
div.transcript_box div.trancscript_autoScroll.off{
  text-shadow: 0 1px #fff;
}
div.transcript_box div.transcript_autoScroll.off:hover{
  color: #7a7a7a;
  text-shadow: 0 1px #fff;
}
#transcript div.transcript_text span{
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
}
#transcript.smallFont div.transcript_text span{
  font-size: 11px;
}
#transcript.mediumFont div.transcript_text span{
  font-size: 15px;
}
#transcript.largeFont div.transcript_text span{
  font-size: 18px;
}
#transcript.smallLH div.transcript_text span{
  line-height: 21px;
}
#transcript.mediumLH div.transcript_text span{
  line-height: 23px;
}
#transcript.largeLH div.transcript_text span{
  line-height: 28px;
}
div.transcript_box div.transcript_text span.highlight{
  background-color: #79b1e6;
  color: #000;
  font-size: inherit;
}
div.transcript_box div.transcript_text span.highlight.featured{
  background-color: #216fb9;
}
/**
* JWPlayer
*/
#jw_placeholder_logo {
  visibility: hidden !important;
}
#jw_placeholder_related .jw-related-container .jw-related-item-title .jw-related-next-up-text + .jw-item-index-text{font-size:inherit;}
.jw-related-item-title .jw-item-index-text em{font-size:15px}
/********** Related lessons, also watched and timed drawing sessions **********/
    .related-item,
    .also_watched-item,
    .learning_path-item{
        float: left;
        width: 33.33333333333333%;
        display: block;
    }
    .learning_path-item article,
    .learning_path-item.lessons{
       width: 100%; /* auto --- bug fix in safari */
    }
    .related-item.lessons article a.quickthumb,
    .also_watched-item.lessons article a.quickthumb,
    .learning_path-item.lessons article a.quickthumb {
      margin-right: 0;
      width: 100%;
      margin-bottom: 8px;
    }
    .related-item.lessons article a.quickthumb img,
    .also_watched-item.lessons article a.quickthumb img,
    .learning_path-item.lessons article a.quickthumb {
      width: 100%;
    }
    .slick-slider {
      margin-bottom: 5px;
      padding: 5px 0;
    }
    .slick-slide img{
      margin: 0 auto;
    }
    .slick-next, .slick-previous {
      right: -21px;
    }
    .related-item_title,
    .also_watched-item_title,
    .learning_path-item_title{
        /*margin-top: 30px;*/
        margin-bottom: 10px;
        clear:both;
        text-align: center;
    }
    .related-item_title.left,
    .also_watched-item_title.left,
    .learning_path-item.left{
        /*margin-top: 30px;*/
        text-align: left;
    }
    .related-title,
    .also_watched-title,
    .learning_path-title{
      margin: 5px 0;
      clear: both;
    }

    .reference_title,
    .learning_path-videoCarrousel{
      margin-bottom: 15px;
    }
    div.learning_path-item article.item_thumb a.quickthumb{
      position: relative;
    }

    #footer-widgets .block {
      width: 22%;
      margin-left: 2.4%;
      margin-right: 0;
    }

    body.full-width #footer-widgets,
    body.full-width #footer {
      padding-left: 0;
      padding-right: 0;
    }

    body.full-width #footer-widgets{
      border-top: none;
      border-bottom: 1px solid #e6e6e6;
    }

    #footer #copyright p{
      padding-left: 1.618em;
    }

    #footer-widgets {
      background: #000000;
    }

    #footer-widgets .widget ul {
      list-style: none;
    }

    #footer-widgets .widget ul li a{
      color: #999;
    }

    #footer-widgets .widget h3{
      color: #DDD;
    }
    #footer{
      float: left;
      background: #000;
      min-width: 100%;
      border:none;
      padding-top: 0px;
      padding-bottom: 0px;
    }
    #footer div#copyright{
      float: none;
      margin-bottom: auto;
    }
    #footer div#copyright section.footer-widgets{
      max-width: 960px;
      padding: 20px 0;
      margin: 0 auto;
    }
    @media only screen and (max-width: 768px){
      #footer-widgets .block {
        width: auto;
        margin-right: 2.4%;
      }
    }
    #outer_footer {
      background: #000000;
    }
    #toggle-top-menu {
        float: left;
        width: 10%;
        text-align: left;
        background-color: transparent;
        border: 0;
        padding: 0;
        font-size: 25px;
        color: #fff;
        text-decoration: none;
        margin-left: -1px;
        margin-top: 18px;

    }

    #logo{
        width: 80%;
      /*margin-bottom: 24px;
      margin-top: -11px;
      */
        margin: 0;
    }

    #logo a {
        width: 145px;
        height: 54px !important; 

        display: block;
        background: url(/wp-content/themes/canvas/images/nma_logo_white.png) no-repeat center center transparent;
        background: url(/wp-content/themes/canvas/images/nma_logo_current_white.svg) no-repeat center center;
        
        background-size: 100%;
        margin: 0 auto;
    }

    #logo img {

      display: none;

    }

    /* #toggle-search{
        float: right;
        top: 18px;
        position: relative;
        cursor: pointer;
        width: 20px;
        height: 20px;
    }
    #toggle-search .ico-search-top-menu {
        width: 20px;
        height: 20px;
        display: block;
        background: url(/wp-content/themes/canvas/images/icons/toolbar_find_white.png) no-repeat center center transparent;
         background: url(/wp-content/themes/canvas/images/icons/toolbar_find_white.svg) no-repeat center center;
        background-size: 100%;
        margin: 0 auto;
    } */
    .top-navigation  .ico-avatar{
    float: left;
    margin-top: -2px;
    margin-left: 5px;
  }
  #responsive-menu-left .ico-avatar{
    margin-left: 0;
    margin-right: 5px;
  }
  .ico-avatar{
    float: right;
    margin-top: 15px;
    position: relative;
    }
  .ico-avatar  img{
    border-radius: 50%;
  }
    #inner-wrapper {
        -webkit-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease;
        left: 0;
    }
    html.nav-opened.csstransforms3d.csstransitions #inner-wrapper {
        left: 80%!important;
        -webkit-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease;
    }
    html.nav-opened {
        height: 100%;
    }
    html.nav-opened #wrapper{
        height: 100%;
        overflow-x: hidden;
    }
    #top .logged-in .nav_login li.has-submenu ul{
      width: auto;
      right: 0;
      border-radius: 0 0 5px 5px;
    }
    #top .col-full .nav li.has-submenu ul{padding-bottom: 0;display: none;background: #373737}
    .tds_thumb{
      position: relative;
    }
    .tds_thumb a img{
      border: 2px solid #b5b5b5;
      height: auto;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
    }
    @media screen and (max-width: 768px){
        #logo,#logo a{height: 100%;}
        #logo a{
        }
      .tds_thumb{
        max-width: 230px;
      }
      #main .tds-videos article{
        max-width: 30%;
      }
      #main .tds-videos article.pos-0{
        margin-right:2.5%;
      }
      #main .tds-videos article.pos-1{
        margin-right:2.5%;
        margin-left:2.5%;
      }
      #main .tds-videos article.pos-2{
        margin-left:2.5%;
      }
    }

    @media screen and (max-width: 500px){

      .tds_thumb{
        max-width: 230px;
      }
      #main .tds-videos article{
        width:32%;
        max-width: none;
      }
      #main .tds-videos article.pos-0{
        margin-right:1%;
      }
      #main .tds-videos article.pos-1{
        margin-right:1%;
        margin-left:1%;
      }
      #main .tds-videos article.pos-2{
        margin-left:1%;
      }
    }
    @media screen and (max-width: 400px){
      #main .tds_thumb{
        max-width: none;
      }
       #main .tds-videos article{
        width: 100%;
        text-align:center;
        float: none;
      }
    }
    .tds-videos article.pos-0{
      float:left;
      margin-left:0;
      margin-right: 2%;
    }
    .tds-videos article.pos-1{
      margin-left:2%;
      margin-right: 2%;
    }
    .tds-videos article.pos-2{
      float:right;
      margin-left:2%;
      margin-right: 0;
    }
    /*
    * CUSTOM JWPLAYER 7 NMA VIDEOS
    */
    video.jw-video {
      max-width: none;
    }
    ul.jw-playlist li.jw-option span.jw-label{
      display:none;
    }
    #jw_placeholder ul.jw-playlist{
      padding: 10px;
      max-height: 18em;
    }
    ul.jw-playlist,
    #jw_placeholder ul{
      padding: inherit;
      margin: inherit;
      list-style: none;
    }
    body div.jw-controls ul.jw-playlist li.jw-active-option,
    .jw-skin-seven .jw-playlist-container .jw-option.jw-active-option,
        .jw-skin-seven .jw-playlist-container .jw-option.jw-active-option:hover{
      background-color: #ff0046;
    }
    .jw-skin-seven .jw-playlist-container .jw-option:hover{
      background-color: #444;
    }
     #tabs_wrapper div.transcript_text{
        max-height: none;
        height: 450px;
        resize: vertical;
    }
    #video_chapters .content_header {
      padding: 10px 20px;
    }
    #sidebar_singlevideolesson{
      width: 30.66%;
      float: left;
      display: none;
    }
    #jw_placeholder ul.jw-menu{
      margin: 0;
      padding: 12px;
    }
/* Videolessons post exerpt styles*/
.duration_box,
.skill-box,
.captions-box{
  vertical-align: middle;
  display: inline-table;
  font-family: "Myriad Pro";
  font-size: 13px;
  margin-left: 10px;
}
.duration_box:first-child,
.skill-box:first-child,
.captions-box:first-child{
  margin-left:0;
}
.duration-icon{
  background: url('images/icons/duration.png') no-repeat center center;
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 2px;
}
.duration_text,
.caption-text,
.skill-text{
display: table-cell;
vertical-align: middle;
font-size: 1.307em;
font-weight: normal;
}

.duration_text,
.caption-text a,
.skill-text a{
  margin-left:1px;
}
div#history-content #post_items article.gridView .duration_text,
div#history-content #post_items article.gridView .caption-text,

div#history-content #post_items article.gridView .skill-text{
  display: inherit;
  vertical-align: inherit;
}
.with,.author.vcard{
  font-family: 'Myriad Pro';
  font-size: 1.307em;
  vertical-align: center;
  display: inline-table;
}
.with{
  margin-right: 3px;
}
.no-bars,
.one-bar,
.two-bars,
.three-bars{
  float: left;
  width: 18px;
  height: 18px;
  background: url('images/icons/appropriate_for_all.png') repeat-y center center;
  margin-right: 2px;
}
.one-bar{
  background: url('images/icons/beginner.png') repeat-y center center;
}
.two-bars{
  background: url('images/icons/intermediate.png') repeat-y center center;
}
.three-bars{
  background: url('images/icons/advanced.png') repeat-y center center;
}
.caption-icon{
  float: left;
  width: 19px;
  height: 22px;
  margin-right: 2px;
  background: url('images/icons/cc_icon.png') no-repeat center center;
}
.caption-text a{
  font-weight: normal!important;
}
/* Videolessons dynamic bar styles*/
.vl_bar{
    margin-bottom: 2%;
}
.vl_bar p{
    font-family: 'Myriad Pro';
    font-size: 1.2857em;
    padding: 1%;
}
/*-------------------------------------------------------------------------------------------*/
/* NMA Buttons */
/*-------------------------------------------------------------------------------------------*/
a.nma_button {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  line-height: 1em;
  padding: 6px 13px;
  margin: 0 0.5em;
  border: 1px solid #4081af;
  border-bottom-color: #20559a;
  color: white !important;
  text-align: center;
  text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
  text-decoration: none !important;

  /*Border radius*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

  /*Background*/
  background-color: #237fd7; /*Fallback*/
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(.2, #52a8e8),
          color-stop(1, #2e76cf)
        );
  background: -moz-linear-gradient(
          center top,
          #52a8e8 20%,
          #2e76cf 100%
        );

  /*Box shadow*/
  -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
            inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
            0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
  -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
          inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
          0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
  box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
        inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
        0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

a.nma_button.small { padding:2px 10px; font-size:0.9em;}
a.nma_button.large { padding:7px 16px; font-size:1.4em;}
a.nma_button.xl { padding:9px 20px; font-size:1.8em;}

a.nma_button:hover,
a.nma_button.hover,
a.nma_button.active {
  text-decoration: none !important;
  /*Background*/
  background: #0073d2; /*Fallback*/
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(.2, #3e9ee5),
          color-stop(1, #1666ca)
        );
  background: -moz-linear-gradient(
          center top,
          #3e9ee5 20%,
          #1666ca 100%
        );
}

a.nma_button:active,
a.nma_button.active  {
  border-color: #20559a;

  /*Box shadow*/
  -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
            0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
  -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
          0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
  box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
        0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}

a.nma_button.dark span { color:#555; text-shadow:0 1px #fff;}
a.nma_button.custom:hover { opacity:0.85; }

a.nma_button span { line-height:1.2em; min-height: 16px; }
a.nma_button span.woo-info { background:url( "../images/ico-info.png") no-repeat 0 45%; padding-left:25px; display:block; }
a.nma_button span.woo-download { background:url( "../images/ico-download.png") no-repeat 0 45%; padding-left:25px; display:block; }
a.nma_button span.woo-tick { background:url( "../images/ico-tick.png") no-repeat 0 45%; padding-left:25px; display:block; }
a.nma_button span.woo-note { background:url( "../images/ico-note.png") no-repeat 0 45%; padding-left:25px; display:block; }
a.nma_button span.woo-alert { background:url( "../images/ico-alert.png") no-repeat 0 45%; padding-left:25px; display:block; }

a.nma_button.red {
  border-color: #af4040; border-bottom-color: #9a2020; background-color: #d72323;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e85252),color-stop(1, #cf2e2e));
  background: -moz-linear-gradient(center top,#e85252 20%,#cf2e2e 100%);
}
a.nma_button.red:hover {
  background: #d20000;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e53e3e),color-stop(1, #ca1616));
  background: -moz-linear-gradient(center top,#e53e3e 20%,#ca1616 100%);
}

a.nma_button.orange {
  border-color: #af7440; border-bottom-color: #9a5420; background-color: #d76b23;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e88e52),color-stop(1, #cf6e2e));
  background: -moz-linear-gradient(center top,#e88e52 20%,#cf6e2e 100%);
}
a.nma_button.orange:hover {
  background: #d25e00;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116));
  background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%);
}

a.nma_button.green {
  border-color: #87bf00; border-bottom-color: #7ca122; background-color: #8dc11e;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ace53e),color-stop(1, #8dca16));
  background: -moz-linear-gradient(center top,#ace53e 20%,#6bca16 100%);
}
a.nma_button.green:hover {
  background: #87c000;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a0d53a),color-stop(1, #60b513));
  background: -moz-linear-gradient(center top,#a0d53a 20%,#60b513 100%);
}

a.nma_button.aqua {
  border-color: #40af96; border-bottom-color: #209a82; background-color: #23d7af;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52e8c6),color-stop(1, #2ecfab));
  background: -moz-linear-gradient(center top,#52e8c6 20%,#2ecfab 100%);
}
a.nma_button.aqua:hover {
  background: #00d2a8;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ee5c0),color-stop(1, #16ca9e));
  background: -moz-linear-gradient(center top,#3ee5c0 20%,#16ca9e 100%);
}

a.nma_button.teal {
  border-color: #23a6d6; border-bottom-color: #20799a; background-color: #23abd7;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52c3e8),color-stop(1, #2eabcf));
  background: -moz-linear-gradient(center top,#52c3e8 20%,#2eabcf 100%);
}
a.nma_button.teal:hover {
  background: #009ed2;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ebce5),color-stop(1, #16a2ca));
  background: -moz-linear-gradient(center top,#3ebce5 20%,#16a2ca 100%);
}

a.nma_button.purple {
  border-color: #234dd6; border-bottom-color: #20489a; background-color: #2356d7;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #526ee8),color-stop(1, #2e58cf));
  background: -moz-linear-gradient(center top,#526ee8 20%,#2e58cf 100%);
}
a.nma_button.purple:hover {
  background: #0036d2;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3e5ae5),color-stop(1, #1638ca));
  background: -moz-linear-gradient(center top,#3e5ae5 20%,#1638ca 100%);
}

a.nma_button.pink {
  border-color: #d623cb; border-bottom-color: #9a2096; background-color: #d723d5;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e852e6),color-stop(1, #cd2ecf));
  background: -moz-linear-gradient(center top,#e852e6 20%,#cd2ecf 100%);
}
a.nma_button.pink:hover {
  background: #bc00d2;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #c83ee5),color-stop(1, #ae16ca));
  background: -moz-linear-gradient(center top,#c83ee5 20%,#ae16ca 100%);
}

a.nma_button.silver {
  color: #444 !important;
  text-shadow:0 1px #fff;
  border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e9e9e9),color-stop(1, #ccc));
  background: -moz-linear-gradient(center top,#e9e9e9 20%,#ccc 100%);
}
a.nma_button.silver:hover {
  background: #ccc;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e0e0e0),color-stop(1, #bebebe));
  background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%);
}

/*================ top menu ===============*/

@media (max-width: 1023px){
  body #top ul.nav li a.sale_warning{
    padding-right: 5px !important;
  }
  #top #main-header > .nav{display: none}
}

/* sale special */
body #top ul.nav li a.sale_warning {
  float: left;
  background: none;
  /*padding-right: 20px !important;*/
  margin: 0 !important;
}
body #top #sub-nav ul.nav li a.sale_warning + a {
  margin: 0 !important;
}
body #top ul.nav li a.sale_warning strong{
  color: #fff;
}
body #top #sub-nav ul.nav li a.sale_warning:hover {
  text-decoration: none;
  border-bottom: none;
}

ul.nav_login li a span{
  color: #fff!important;
}
ul.top-navigation li a,
ul.top-navigation li a span{
  font-family: 'Myriad Pro'!important;
  /*font-weight: bold;
  font-size: 1em;*/
}
#top ul.library-menu.nav li.has-submenu > a{
  text-transform: uppercase;
  font-size: 13px;
}
ul.nav_login li{
  margin-top: -1px;
}
#top ul.nav li a{
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px solid rgba(43,43,43,.75);
}
#top ul.nav > li:hover, #top ul.nav > li a:hover{
    background: #373737;
}
ul.nav_login li a.unlogged span,
ul.nav_login li a.logged span{
  /*font-size: 1.3em!important;*/
}
#top .top-navigation .yellow-text a,strong.yellow-text,
ul.nav_login li a.upgrade span{
  color: #ffcc33!important;
}
.gray-text a{
  color: #c7c7c7!important;
}
.blue_circle{
  background: #3bc2b7 none repeat scroll 0% 0%;
  padding: 7px 8px 3px;
  border-radius: 12px;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  color: #fff;
}


/* ========= Video lessons trailer styles ========= */
.vl_tb{
    background: #000;
    max-height: 400px;
    width: 100%;
    /* height property commented to display banner-top on safari version 9.1 - no other error was displayed by this line */
    /*height: 100%;*/
    margin-bottom:1%;
}
.vl_tph_txt{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
}
.vl_tph_txt .txt{
    text-align: center;
    margin: 5% auto;
}
.vl_tph{
    position: relative;
    max-width: 960px;
    margin: 0 auto;
}
.vl_tph img{
    max-height: 400px;
    max-width: 960px;
    width: 100%;
    height: auto;
}

.vl_tph_txt p,
.vl_tph_txt a,
.vl_tph_txt a:visited{
    font-family: "Myriad Pro Light";
    color: #fff;
}
a.full-banner-link,
.vl_tph_txt a:hover{
  text-decoration: none;
}
.vl-tr_title,
.vl-tr_subtitle,
.vl-tr_pl{
    font-size: 6vw;
}
.vl-tr_subtitle{
    font-size: 2.5vw;
}
.vl-tr_pl{
    font-size: 2vw;
    line-height: 1em;
    display: inline-table;
    padding-top: 5%;
}
.vl-tr_pl span.buttonText{
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}
.vl-tr_video{
    position:relative;
    display:none;
    max-width: 960px;
    margin: 0 auto;
}
body .vl_tb .trailerVideo_container #bannerVideo{
  position: relative;
  z-index: 0;
}

.vl-tr_video #bannerVideo.jw-flag-aspect-mode:not(.jw-flag-fullscreen){
  max-height: 400px;
}

.vl-trailer_closeButton{
  background: url('images/close_button.png') no-repeat top center;
  width: 46px;
  height: 46px;
  display: inline-block;
  text-indent: -9999px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}
.playButton{
    background: url("images/nma_play_white_50px.svg") no-repeat center center;
    background-size: 100% auto;
    width: 50px;
    height: 50px;
    display: inline-block;
}
@media only screen and (max-width: 767px){
    #navigation {
        z-index: 10;
        margin-bottom:0;
    }
    ul.nav.top-navigation li.responsive-menu-container div.responsive-menu.show{
        z-index: 20
    }
}
/* =========== Responsive rules for videolessons archive trailer ========= */
@media screen and (max-width: 320px){
  .playButton{
    height: 30px;
    width:30px;
  }
}
@media screen and (min-width: 320px){
  .vl-tr_title{
    font-size:2em;
  }
  .vl-tr_subtitle{
    font-size:1em;
  }
  .vl-tr_pl{
    font-size: 14px;
    padding-top: 3%
  }
  .playButton{
    height: 30px;
    width:30px;
  }
}
@media screen and (min-width: 375px){
  .vl-tr_title{
    font-size: 2.5em
  }
  .vl-tr_subtitle{
    font-size: 16px;
  }
}

@media screen and (min-width: 480px){
  .vl-tr_title{
    font-size: 3em;
  }
  .vl-tr_subtitle{
    font-size: 1.5em;
  }
  .vl-tr_pl{
    font-size: 2em;
  }
  .playButton{
    width: 35px;
    height: 35px;
  }
  body.single-instructors .posts-courses {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 568px){
  .vl-tr_title{
    font-size: 4em;
  }
  .vl-tr_subtitle{
    font-size: 1.8em;
  }
  .vl-tr_pl{
    padding-top: 0;
  }
  .playButton{
    height: 40px;
    width: 40px;
  }
}
@media screen and (min-width: 667px){
  .vl-tr_title{
    font-size:4.5em;
  }
  .vl-tr_subtitle{
    font-size:2.1em;
  }
}
@media screen and (min-width: 960px){
    .vl-tr_title{
        font-size: 6em;
    }
    .vl-tr_subtitle{
        font-size: 2.7em;
    }
    .vl-tr_pl{
        font-size: 2em;
    }
}

@media screen and (max-width: 568px){
  .vl-tr_pl span.buttonText{
    font-size: 17px;
  }
}
/* =========== dynamic bar responsive rules ===========*/
@media screen and (min-width: 320px) and (max-width: 600px){
  a.nma_button{
    display: block;
    width: 140px;
    margin:0.5em auto;
  }
}
/*========= Badge =========*/
.badge{
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    margin: 1px 0 0 2px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 0 6px;
    font-style: normal;
    text-align: center;
    font-weight: normal;
    min-width: 7px;
    vertical-align: top;
    text-indent: 0;
}
.badge.badge-blue{
    background-color: #3bc2b7;
}
/*============ search bar ==============*/
.search_container{
    position: relative;
    display: table;
    border-collapse: separate;
}

.search_input{
    -webkit-appearance:textfield;
    -webkit-padding-before: 9px!important;
    box-sizing: border-box;
    border-collapse: separate;
    margin: 0px;
    font: inherit;
    box-shadow: inset 0px 1px 1ox rgba(0,0,0,0.075);
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #CCC;
    color: #666;
    line-height: 1.42857;
    font-size: 14px;
    padding: 8px 0px 7px 30px;
    height:34px;
    float:left;
    z-index: 2;
    position: relative;
    display: table-cell;
    width: 100%;
    background-image: url("images/icons/toolbar_find2.png") !important;
    background-repeat: no-repeat;
    background-position: 5px center;
}

.buttonContainer{
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    display: table-cell;
    vertical-align: middle;
}

.buttonContainer input{
    -moz-appearance:button;
    -webkit-appearance: button;
    box-sizing: border-box;
    -moz-user-select: none;
    font: 300 14px/1.2em "Helvetica Neue",Helvetica,sans-serif;
    margin: 0px;
    overflow: visible;
    text-transform: none;
    font-family:inherit;
    border-radius: 0 4px 4px 0;
    border: 1px solid #BBB;
    border-collapse: separate;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    line-height: 1.42857;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    position: relative;
    background-color: #D3D3D3;
    height: 34px;
    color:#656565 !important;
}
.buttonContainer input:hover{
    background-color: #D3D3D3;
}
.buttonContainer input:active{
    border-color: #BBB;
}
article.videolessons h2.title,
.list-videos .getting_started-item .title_card h4,
#learning .learning_path-item .card-content h4,
#featured .learning_path-item .card-content h4,
#mlp-learning .learning_path-item .card-content h4{
  text-decoration: none;
  color: #555;
  margin: 0px;
  padding: 0px;
  border: 0px none;
  outline: 0px none;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent none repeat scroll 0% 0%;
  font: 300 24px/1.2em "Open Sans",arial,sans-serif;
}
article.videolessons h2.title.listType{
  margin-right: 10px;
  font: 300 14px/1.2em "Open Sans",arial,sans-serif;
}
.separator{
  border-left: 1px solid rgb(213, 213, 213);
  margin: 0 5px;
}
.hidden{
  display: none;
}
/*Fix to calculate the height of posts container correctly (learningpaths,3dmodels and images)*/
.pi_left{
  float:left;
}
.page_anchor{
  float:left;
}
.page_anchor.images_anchor{
  clear: both;
}
#post_items {
  width: 100%;
}
.invalid-nonce-pagination{clear: both;}
/*List mode*/
article.listView .post-meta span h2.title{
  margin: auto;
}
article.listView .post-meta span h2.title a,
article.listView .post-meta span span.first_meta a,
article.listView .post-meta span span.first_meta,
article.listView .post-meta span span.second_meta{
  color:#3bc2b7;
  font: 300 14px/1.2em 'Helvetica Neue', Helvetica, sans-serif;
}
article.listView .post-meta span span.second_meta,
article.listView .post-meta span span.first_meta{
  color: #999;
}
@media screen and (max-width: 768px){
  .separator.first_separator{
    display: none;
  }
  article.listView .post-meta span.meta_container{
    float:left;
    clear:both;
  }
}
@media screen and (max-width: 450px){

  .skill-box {
    margin-left: 0;
    clear: right;
    display: block;
    margin-top: 0.4em;
  }
  .skill-text{
    display: initial;
    vertical-align: unset;
  }
  .separator{
    display:none;
  }

  article.listView .post-meta span.first_meta,
  article.listView .post-meta span.second_meta{
    float:left;
    clear:both;
  }
  article.listView .post-meta span.first_meta{
    max-width: 100%;
  }
}
/*Fixing infinite load size problem*/
article.videolessons.gridView,
article.instructors-archive.gridView{
  min-height: 139px;
}
body.single-instructors article.videolessons.gridView{
  min-height: auto;
}
body.single-instructors #instructor-courses{
  margin-bottom: 20px;
  /* border-bottom: 1px solid #ddd; */
  padding-bottom: 20px;
}
body.single-instructors .posts-courses{
  display: grid;
  grid-gap: 10px;
}
body.single-instructors .entry .posts-courses .carrousel-item img{
 box-sizing: border-box;
}
body.single-instructors .entry .posts-courses p{
  font-size: 12px;
  margin: 0;
}
body.single-instructors #tabs_wrapper h3{
  border-bottom: 1px solid #ddd;
}
body.single-instructors #tabs_wrapper h3 .ico-arrow-down {
  width: 20px;
  height: 10px;
  display: inline-block;
  background-image: url('images/icons/arrow-down-black.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: rotate(-90deg);
  opacity: 0.5;
}
body.single-instructors #tabs_wrapper h3 a{
  display: inline-block;
  color: #222222;
  margin:0;
}
body.single-instructors #tabs_wrapper h3 a small{
  font-size: 12px;
  color: #8b8b8b;
}
body.single-instructors #tabs_wrapper h3 a:hover{
  text-decoration: none;
}
.learningpath_load
.sets_load{
  width: 100%;
  padding-bottom: 52.2%;
  border:0;
}
.sets_load{
    padding-bottom: 60.09%; /*222px*/
}
#breadcrumbs{
  margin-bottom: 8px;
}
/*Main menu fix*/
#quickViewLoad{
  background: #2d2d2d;
  width:100%;
  padding-bottom: 56.25%;
  position: relative;
  display: block;
}
#quickViewLoad #floatingCirclesG {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}
div#title_space p{
  padding: 10px;
}
body.post-type-archive-videolessons #jw_placeholder{
  display: none;
  opacity: 0;
}


/*Sidebar mobile fix */
@media screen and (max-width: 770px){
  #main:not(.myaccount) + #sidebar{
    background: black;
    display: none!important;
  }
  #main:not(.myaccount){
    width: 100%!important;
    float: left!important;
  }
  #footer-widgets.col-4 .block{
    width:auto;
    float:none;
  }
}
/*Size size switcher*/
.site-size-switch{
  display:none;
}

@media screen and (max-width: 768px){
  .site-size-switch{
    display:inline-block;
  }
}


#inner-wrapper #content {
  width: 100%;
  box-sizing: border-box;
}
body.live-stream.single-videolessons #inner-wrapper #content{
  padding-left: 0;
  padding-right: 0;
}

/*Media queries for tour page banner*/

@media screen and (max-width: 1024px){

  .hero_tour .hero .contain_hero .hero_box .tourplay .tourplay_btn{

  }

  .hero_tour .hero .contain_hero .hero_box .tourplay .tour_play_text{

  }
  .btn-container {
    margin-top: 5px;
  }
  .trailer_placeholdera .nma_btn_banner.woo-sc-button.large,
  #wrapper .btn-container a.nma_btn_banner.woo-sc-button.large{
    font-size: 1.2em;
  }
  .hero_tour .black_hero_paragraph {
    margin-bottom: 0;
  }

  .hero_tour .black_hero_paragraph {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 960px){}
@media only screen and (max-width: 900px) and (min-width: 768px){
  #wrapper .btn-container a.nma_btn_banner.woo-sc-button.large{
    font-size: 1.2em;
  }
}

@media only screen and (max-width: 635px){

  #wrapper .btn-container a.nma_btn_banner.woo-sc-button.large{
    font-size: 1.1em;
  }
  .hero_tour .hero .contain_hero .hero_box .btn-container a.nma_btn_banner.woo-sc-button.large{
    margin-bottom: 25px;
  }
  .btn-container a {
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 580px){
  .hero_tour .hero .contain_hero .hero_box .black_hero_paragraph{
    display: none;
  }
  .tour-page .hero .contain_hero .hero_box .black_hero_tagline{
    margin-bottom: 10px;
  }

}


@media only screen and (max-width: 350px){
  .hero_tour .hero .contain_hero .hero_box .black_hero_tagline{
    margin-bottom: 3px;
    font-size: 18px;
  }

}

.threecol-one.ad-video{
  width:30.625%;
  margin:0 2.03125% 2%;
}
.threecol-one.ad-video:nth-child(1){
  margin-left: 0;
}
.threecol-one.ad-video:nth-child(3){
  margin-right: 0;
}
.page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature{
  width:16%;
}
.page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(5){
  margin-right: 0;
}
.page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature:nth-child(6){
  clear: both;
}
.page-template-template-tour #main .fpfeatures .widget_woothemes_features .features .feature:nth-child(4),
.page-template-template-home #main .fpfeatures .widget_woothemes_features .features .feature:nth-child(4){
  clear:both;
}
.page-template-template-tour #main .fpfeatures .widget_woothemes_features .features .feature:nth-child(3),
.page-template-template-home #main .fpfeatures .widget_woothemes_features .features .feature:nth-child(3){
  margin-right: 0;
}
.page-template-template-tour #main .fpfeatures .widget_woothemes_features .features .feature,
.page-template-template-home #main .fpfeatures .widget_woothemes_features .features .feature{
  width: 30%
}
.page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(5){
  clear:both;
}
.page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(4),
.page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(8){
  margin-right: 0px;
}
@media screen and (max-width: 900px){
  .threecol-one.ad-video h4{
    font-size:16px;
  }
}

@media screen and (max-width: 808px){
  .threecol-one.ad-video h4{
    font-size: 14px;
  }
}

@media screen and (max-width: 786px){
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature{
    width: 31.6%;
  }
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(4){
    margin-right: 2.5%;
  }
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(4),
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(7){
    clear: both;
  }
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(3),
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(6){
    margin-right: 0;
  }
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(5){
    clear:initial;
    margin-right: 2.5%;
  }
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(7){
    margin-left: 17%;
  }
}

@media screen and (max-width: 768px){
  .page-template-template-tour .fpcatrow a.twocol-one{
    text-align: center;
  }
}

@media screen and (max-width: 700px){
  .threecol-one.ad-video h4{
    font-size: 12px;
  }
}

@media screen and (max-width: 602px){
  .threecol-one.ad-video h4{
    font-size: 10px;
  }
}
@media screen and (max-width: 528px){
  .threecol-one.ad-video h4{
    font-size:9px;
  }
 .page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature:nth-child(6){
    clear: initial;
  }

  .page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature:nth-child(4),
  .page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature:nth-child(7),
  .page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature:nth-child(10){
    clear:both;
  }

  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(5){
    margin-right: 5%;
  }

  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(3),
  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(6),
  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(9){
    margin-right: 0;
  }

  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature{
    width:30%;
  }

  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature.last{
    margin-left: 35%;
  }
}

@media screen and (max-width: 486px){
  .page-template-template-tour .promos{
    text-align: center;
  }
  .threecol-one.ad-video{
    float:none;
    margin:0;
  }
  .threecol-one.ad-video h4{
    font-size:18px;
  }
  .page-template-template-tour .videothumb img{
    display: initial;
  }

  .page-template-template-tour .videothumb{
    position:relative;
  }

  .page-template-template-tour .videothumb .playbutton{
    height: 88%
  }

  .page-template-template-tour .fpfeatures .widget_woothemes_features .features .feature:nth-child(3),
  .page-template-template-tour .fpfeatures .widget_woothemes_features .features .feature:nth-child(5){
    clear:both;
  }

  .page-template-template-tour #main .fpfeatures .widget_woothemes_features .features .feature:nth-child(2),
  .page-template-template-home #main .fpfeatures .widget_woothemes_features .features .feature:nth-child(2),
  .page-template-template-tour #main .fpfeatures .widget_woothemes_features .features .feature:nth-child(4),
  .page-template-template-home #main .fpfeatures .widget_woothemes_features .features .feature:nth-child(4){
    margin-right: 0px;
  }

  .page-template-template-tour #main .fpfeatures .widget_woothemes_features .features .feature:nth-child(4),
 .page-template-template-home  #main .fpfeatures .widget_woothemes_features .features .feature:nth-child(4){
    clear:initial;
  }

  .page-template-template-tour #main .fpfeatures .widget_woothemes_features .features .feature:nth-child(3),
  .page-template-template-home #main .fpfeatures .widget_woothemes_features .features .feature:nth-child(3){
    margin-right: 5%;
  }

  .page-template-template-tour #main .fpfeatures .widget_woothemes_features .features .feature,
  .page-template-template-home #main .fpfeatures .widget_woothemes_features .features .feature{
    width: 47.5%;
  }

  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(2){
    margin-right: 0;
  }
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(3){
    clear:both;
    margin-right: 2.5%;
  }
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(4){
    clear:initial;
    margin-right: 0;
  }
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(5){
    clear:both;
  }
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(7){
    margin-right: 2.5%;
    margin-left: 0;
  }
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature{
    width: 48.7%;
  }
}

@media screen and (max-width: 350px){
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature,
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(3),
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(4),
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(5),
  .page-template-template-tour #main .tourfeatures .widget_woothemes_features .features .feature:nth-child(7){
    clear:both;
    margin-right:0;
    width: 100%;
  }
}

@media screen and (max-width: 330px){
  .page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature:nth-child(4),
  .page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature:nth-child(7),
  .page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature:nth-child(10){
    clear:initial;
  }
  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(3),
  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(6),
  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(9){
    margin-right: 5%;
  }

  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature.last{
    margin-left: 0;
  }

  .page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature:nth-child(3),
  .page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature:nth-child(5),
  .page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature:nth-child(7),
  .page-template-template-tour .fpinstructors .widget_woothemes_features .features .feature:nth-child(9){
    clear:both;
  }

  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(2),
  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(4),
  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(6),
  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(8){
    margin-right: 0;
  }

  .page-template-template-tour #main .fpinstructors .widget_woothemes_features .features .feature{
    width:47%;
  }
}
@media screen and (max-width: 308px){
  .threecol-one.ad-video h4{
    font-size: 16px;
  }
}

@media screen and (max-width: 281px){
  .threecol-one.ad-video h4{
    font-size: 14px;
  }
}

@media screen and (max-width: 258px){
  .threecol-one.ad-video h4{
    font-size:12px;
  }
}

@media screen and (max-width: 228px){
  .threecol-one.ad-video h4{
    font-size: 10px;
  }
}

@media screen and (max-width: 205px){
  .threecol-one.ad-video h4{
    font-size: 8px;
  }
}

.reference_thumbs a{
  display: inline-grid;
}

.reference_thumbs a img{
  border:none;
  padding: 0;
}

.reference_thumbs a.file-item img{
    margin-bottom: -10px;
}

.reference_thumbs a.file-item{
  display:inline-block;
  width: 115px;
}

.reference_thumbs a.file-item span.file-title{
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
  display: inline-block;
  margin-top: 10px;
}
.reference_thumbs a.file-item,
.reference_thumbs a.file-item:hover{
  color:#7f7f7f;
  text-decoration: none;
}
.reference_thumbs a.file-item img{
  background: transparent;
}

@media screen and (max-width: 767px){
  .referebce_thumbs{
    clear: both;
  }
  .reference_img{
    max-width: 100%;
  }
}
.reference-images-item,
.reference-file-item{
  list-style: none;
  display:inline-block;
}
.reference-images-carrossel,
.reference-file-carrossel{
  clear: both;
}
.reference-images-container ul,
.reference-file-container ul{
  margin: 0;
  padding: 0;
}
.subscribe-required{
  display:none;
  background:rgba(0, 0, 0, 0.85);
  max-width: 540px;
  color: #fff;
  border-radius:20px;
}
.references-locked-header{
  color:#fff;
  text-align: center;
}
.references-lock-container{
  text-align: center;
}

.references-lock-container .woo-sc-button{
  margin-top: 20px;
  margin-bottom: 5px;
  cursor: pointer;
}

.references-lock-container .woo-sc-button .btn-subtext{
  font-size:0.5em;
}

@media screen and (max-width: 578px){
  body.single-videolessons div.pp_pic_holder[style]{
    left: 16.5px!important;
    width: 450px!important;
  }

  body.single-videolessons div.pp_content[style],
  body.single-videolessons div.pp_details[style],
  body.single-videolessons div.ppt[style]{
    width: 100%!important;
  }
}

@media screen and (max-width: 490px){
  body.single-videolessons div.pp_pic_holder[style]{
    left:10%!important;
    width: 380px!important;
  }
}

@media screen and (max-width: 450px){
  body.single-videolessons div.pp_pic_holder[style]{
    left:6%!important;
  }
}

@media screen and (max-width: 430px){
  body.single-videolessons div.pp_pic_holder[style]{
    left:3%!important;
  }
}

@media screen and (max-width: 415px){
  body.single-videolessons div.pp_pic_holder[style]{
    left:5%;
    width: 347px;
  }
}

@media screen and (max-width: 390px){
  body.single-videolessons div.pp_pic_holder[style]{
    left:3%!important;
  }
}

@media screen and (max-width: 380px){
  body.single-videolessons div.pp_pic_holder[style]{
    left:13%!important;
    width: 274px!important;
  }

  .references-locked-header{
    font-size: 1.5em;
  }
  .references-lock-container{
    font-size: 0.7em;
  }
  .references-lock-container a.woo-sc-button.custom.large{
    font-size: 1.2em;
  }
}

  @media screen and (max-width: 340px){
    body.single-videolessons div.pp_pic_holder[style]{
      left:7%!important;
    }
  }

  @media screen and (max-width: 315px){
    body.single-videolessons div.pp_pic_holder[style]{
      left:3%!important;
    }
  }

  @media screen and (max-width: 310px){
    body.single-videolessons div.pp_pic_holder[style]{
      width: 200px!important;
      left:15%!important;
    }
  }

  @media screen and (max-width: 260px){
  body.single-videolessons div.pp_pic_holder[style]{
    left: 10%!important;
  }
}

@media screen and (max-width: 245px){
  body.single-videolessons div.pp_pic_holder[style]{
    left:5%!important;
  }
}
@media screen and (max-width: 230px){
   body.single-videolessons div.pp_pic_holder[style]{
    left:15%!important;
    width: 140px!important;
  }
  body.single-videolessons div.pp_content[style]{
    height: 190px!important
  }
  body.single-videolessons a.pp_close{
    right: 15px;
  }
  .references-locked-header{
    font-size: 1em;
  }
}
@media screen and (max-width: 190px){
  body.single-videolessons div.pp_pic_holder[style]{
    left:7%!important;
  }
}
@media screen and (max-width: 175px){
  body.single-videolesssons div.pp_pic_holder[style]{
    left: 4%!important;
  }
}

.locked{
  width: 16px;
  height: 16px;
  background: url('images/padlock.png') no-repeat;
  background: url('images/padlock.svg'),linear-gradient(transparent, transparent), no-repeat ;
  display: inline-block;
}

.trial-header,
.trial-footer{
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  padding: 10px 0;
}

.trial-header .text-container{
  max-width: 80%;
  display: inline-block;
  float: left;
}
.subscription_flow .trial-header .text-container{max-width: 100%}
#wrapper .trial-header .btn-container a.woo-sc-button.large{
  font-size: 1.2em;
}

.trial-footer .text-container,
.trial-footer .btn-container{
  text-align: center;
}

.trial-header .text-container h1,
.trial-header .text-container p.heading,
.trial-header .text-container p.subheading,
.trial-header .text-container h2,
.trial-footer .text-container h1,
.trial-footer .text-container h2,
.trial-footer .text-container p.heading,
.trial-footer .text-container p.subheading{
  color: white;
  text-shadow: 0px 0px 2px #000;
}

.trial-header .text-container p.heading{
  font: 300 28px/1.2em 'Open Sans', arial, sans-serif;
}

.trial-header .text-container h2,
.trial-header .text-container p.subheading{
  font-size: 1.2em !important;
  font: 300 24px/1.2em 'Open Sans', arial, sans-serif;

}

.trial-footer .text-container h1,
.trial-footer .text-container p.heading{
  font-size: 4em !important;
  font: 300 28px/1.2em 'Open Sans', arial, sans-serif;
}

.trial-footer .text-container h2,
.trial-footer .text-container p.subheading
{
  font-size: 2em !important;
    font: 300 24px/1.2em 'Open Sans', arial, sans-serif;
}

.trial-header .btn-container{
  display: inline-block;
  float:left;
  margin-left: 15px;
  margin-top: 7px;
  float:right;
}

.trial-header .btn-container a.woo-sc-button{
  margin-bottom: 5px;
}
.trial-footer .btn-container{
  padding-top: 10px;
}

@media screen and (max-width: 942px){
  .trial-header .text-container h2{
    font-size: 1em;
  }
}

@media screen and (max-width: 830px){
  .trial-header .text-container{
    max-width: 50%;
  }
}

@media screen and (max-width: 580px){
  .trial-header .text-container,
  .trial-header .btn-container{
    display: block;
    float: none;
    max-width:100%;
    text-align: center;
  }
}

@media screen and (max-width: 530px ){
  .trial-footer .text-container h1{
    font-size: 3em;
  }
  .trial-footer .text-container h2{
    font-size: 1em;
  }
}

@media screen and (max-width: 380px){
  #wrapper .btn-container a.nma_btn_banner.woo-sc-button.large,
  #wrapper .trial-footer .btn-container a.woo-sc-button.large{
    font-size: 1.1em;
  }

  #wrapper .trial-header .btn-container a.woo-sc-button.large{
    font-size:1em;
  }
}

@media screen and (max-width: 345px){
  .trial-footer{
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 300px){
  #wrapper .trial-header .btn-container a.woo-sc-button.large,
  #wrapper .trial-footer .btn-container a.woo-sc-button.large{
    font-size: 10px;
  }

  .trial-header{
    background-size: 100% 100%;
  }

  .trial-header .text-container h2,
  .trial-footer .text-container h3{
    display:none;
  }

  .trial-footer .text-container h1{
    font-size:2em;
  }
}

@media screen and (max-width: 250px){
  #wrapper .trial-header .btn-container a.woo-sc-button.large,
  #wrapper .trial-footer .btn-container a.woo-sc-button.large{
    font-size:10px;
  }
}
.nma_bread .bread-left{
  display: flex;
  flex-wrap: wrap;
}
.nma_bread .bread-box-title{
  display:flex;
  flex-direction: column;
}
 .nma_bread .bread-left .first-line-bread{
    display: inline-block;
    color:#8f8f8f;
    font-family: 'Open Sans',sans-serif;
    font-weight: 200;
    position: relative;
}
.nma_bread .actions-buttons{
  display: flex;
}
.nma_bread .actions-buttons a{margin-bottom: 0}
.share-box-btn{position: relative;}
.share-popover {
  border-radius: 20px;
  background-color: #3bc2b7;
  position: absolute;
  right: 1%;
  top: 54px;
  z-index: 10000;
  padding: 15px;
  display: none;
}

body.logged-in .share-popover {
  right:12%;
}

.share-popover:after {
  content: '';
  position: absolute;
  top: -15px;
  right: 20px;
  border: 10px solid;
  border-color: transparent transparent #3bc2b7 transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fb-share-btn{
  display: inline-block;
}

.fb-share-link{
  background: url('images/fb-share-icon.png') no-repeat;
  background: url('images/fb-share-icon.svg') no-repeat;
  background-size: 50px;
  width: 50px;
  height: 50px;
  display: inline-block;
}

.twitter-share-btn{
  display: inline-block;
}

.twitter-share-link{
  background: url('images/twitter-share-icon.png') no-repeat;
  background: url('images/twitter-share-icon.svg') no-repeat;
  background-size: 50px;
  width: 50px;
  height: 50px;
  display: inline-block;
}

.embed_input{
  padding-right: 75px;
  width: 228px;
}

.copy_btn{
  margin-left: -65px;
}

.embed-container h3,
.share-popover h3,
.embed-container p{
  color: #FFF;
}

.share-popover h3{
  margin-bottom: 10px;
}

.embed-container p{
  margin-bottom: 10px;
}
.copy_btn{
  margin-right: 12px;
}

@media screen and (max-width: 768px){

 .share-popover{
  left:0;
  right: 0;
 }
 .share-popover:after{
  left:20px;
  right: initial;
 }
}

@media screen and (max-width: 430px){
  .embed_input{
    width: 100px;
  }
}

@media screen and (max-width: 300px){
  .embed_input{
    width:50px;
  }
}

.jw-menu.jw-playlist-container.jw-background-color.jw-reset{
  left:-81px;
}

.jw-name.jw-reset{
  width: inherit;
}

.lessons-details-col1{
  width: 20%;
  float: left;
  text-align: center;
  margin-right: 19px;
}

.lessons-details-col2{
  width: 60%;
  float: left;
}

.lessons-details-col3{
  width: 16%;
  float: left;
  text-align: center;
}

.views-icon,
.likes-icon{
  margin-top: 10px;
  height: 24px;
  width: 100%;
  display: block;
}

.likes-icon{
  margin-top: 20px
}
.skill-icon{
  float: none;
  display: block;
  width: 100%;
  height: 15px;
}

.views-icon{
  background: url('images/views_icon.png') no-repeat top center;
  background-image: url("images/views_icon.svg");

}

.yellow-btn{
  background: #f8f997 !important; /* Old Browsers */
  background: -webkit-linear-gradient(top,#f8f997,#e5dd00)!important; /*Safari 5.1-6*/
  background: -o-linear-gradient(top,#f8f997,#e5dd00)!important; /*Opera 11.1-12*/
  background: -moz-linear-gradient(top,#f8f997,#e5dd00)!important; /*Fx 3.6-15*/
  background: linear-gradient(to bottom, #f8f997, #e5dd00)!important; /*Standard*/
}
.gray-btn{
  background: #a9a9a9 !important;
  background: -webkit-linear-gradient(top,#fafafa,#ececec)!important;
  background: -o-linear-gradient(top,#fafafa,#ececec)!important;
  background: -moz-linear-gradient(top,#fafafa,#ececec)!important;
  background: linear-gradient(to bottom, #fafafa, #ececec)!important;
}
#wrapper .yellow-btn{
  color: black!important;
}
.yellow-btn:hover{
  opacity: 0.95;
}

#showTranscript{
  display: none;
}
.post-type-archive-3dmodels section#main .button-more,
.post-type-archive-images section#main .button-more{
  border-top: 1px solid #eee;
}

section#main .btn-load-more {
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    background-color: #f7f7f7;
    border: 1px solid #eee;
    border-top: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    clear: both;
}
section#main button{
  font-weight: 700;
  font-family: bold,"Helvetica Neue",Helvetica,sans-serif;
}

/**
 * Styles grid of plans
 */
div.row-fluid {
  margin-top:20px;
  width: 103%;
  float: left;
  margin-left: -3%;
}
.step-box .step-header{
    background: #efefef;
    padding: 10px 0;

}
.step-box.step-subscription{
    border-bottom: 1px solid #ddd;
}
.step-box.step-payment{
    border-top: 1px solid #ddd;
}
.step-box .step-title{
    font: 300 16px/1.2em 'Open Sans', arial, sans-serif;
    display: inline-block;
    margin-top: 5px;
    float: left;
}
.step-box.active .step-title{font-weight: bold;}
.step-box .step-plan-choice{
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.step-number {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    padding: 3px;
    margin-right: 5px;
    line-height: 21px;
    text-indent: 1px;
    float: left;
}
.step-box.active .step-number {}
.step-box #change-subscription{
    line-height: 30px;
    font-size: 13px;
    font-weight: bold;
}
.step-box a:hover{text-decoration: none}
.step-box .step-bottom #tab-your-subscription{display: none}
div.get-starteds {

}
a.button.orange {
    background-color: #f37200;
}
a.button.orange:hover {
    background-color: #DA6803;
}
div.row-fluid .span6 {
    width: 47%;
    margin-left: 3%;
    float: left;
}
h3.icon-membership {
  width: 87%;
    width: calc(100% - 60px);
    text-align: left !important;
    background-image: url(/wp-content/themes/canvas/images/GroupPlans.png);
    background-repeat: no-repeat;
    height: 43px;
    padding-left: 60px !important;
    line-height: 43px;
    padding-bottom: 5px !important;
    margin-bottom: 10px;
  display: block;
}
.plan-box ul {
  list-style: url(/wp-content/themes/canvas/images/bullet.png);
  line-height: 29px;
}
div.row-fluid .span3 {
  width: 22%;
  margin-left: 3%;
  float: left;
}

div.row-fluid .span7 {
  width: 55.333333333333333333333333333333%;
  margin-left: 3%;
  float: left;
}
div.row-fluid .span5 {
  width: 38.666666666666666666666666666667%;
  margin-left: 3%;
  float: left;
}


div.plan-box-color {
    /*background-color: #858585;
    color:white;*/
    font-family: Tahoma;
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
}
div.plan-box>span {
  font-size: 11px;
  color:#8f8f8f;
}
div.plan-box-color h3,div.plan-box-color h4 {
    /*color: white;*/
    text-align: center;
    padding: 2px 0px;
    font-family: Tahoma;
}
span.price {
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 4px;
    padding-top: 20px;
    display: block;
    text-align: center;
}
span.price .sub-price {
    font-size: 17px;
    letter-spacing: 0px;
}
span.payment-mode {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
.plan-box a {
  padding: 3px 40px;
  text-transform: none;
  font-family: Tahoma;
  font-size: 18px;
  border-radius: 0px;
  background-color: #00bff3;
  margin-bottom: 10px;
}
a.button:hover {
    background-color: #009BC5;
}
div.get-starteds ul {
    float: left;
    margin-left: 28px;
}
a.button.green {
    background-color: #08cf8b;
}
a.button.green:hover {
    background-color: #06B87B;
}
div.plan-box.group-membership-plans-box h4 {
    text-align: left !important;
    margin-bottom: 10px;
}
div.plan-box.group-membership-plans-box p {
    color: white;
    text-align: justify;
    margin-bottom: 15px;
}

div.testimonial-box {
    background-color: #e9e9e9;
    background-image: url(/wp-content/themes/canvas/images/QuoteIcon.png);
    background-repeat: no-repeat;
    padding: 25px 20px 20px 80px;
    background-position: 20px 20px;
}
span.middle-dash {
    border-top: 1px solid black;
    width: 10px;
    float: left;
    margin-top: 11px;
}
.italic {
    font-style: italic;
}
.myborder {
  border-bottom: 1px solid white;
  height: 2px;
  display: block;
  float: none;
  width: 99%;
  position: relative;
  margin: -9px 0 10px 0;
}
@media screen and (max-width: 890px) {
  div.row-fluid .span5,div.row-fluid .span6,div.row-fluid .span7,div.row-fluid .span6 {
    width: 97% !important;
    margin-bottom: 20px;
  }
  body #main a.button {
    padding-left: 15px;
    padding-right: 15px;
  }
  div.row-fluid.plan-list .span3 {
          width:47% !important;
  }
  .plan-list div.plan-box {
      max-width: 280px;
      margin: 0 auto;
  }
}
@media screen and (max-width: 500px){
  div.row-fluid.plan-list .span3 {
  width: 100% !important;
  display: block !important;
  float: none !important;
  }
}
@media screen and (max-width: 380px){
  h3.icon-membership {
      line-height: 43px !important;
    font-size: 16px !important;
  }
}
@media screen and (max-width: 330px){
  h3.icon-membership {
      line-height: normal !important;
    font-size: 16px !important;
  }
}
/**
 * SignUp Pages
 */
body.subscription_flow .signup-page {
    background: url( 'https://s3.amazonaws.com/uploads.nma.art/uploads/2018/02/bg-signup3.jpg') center center no-repeat fixed;
    background-size: cover;
}
body.subscription_flow #footer #copyright .footer-widgets p{text-align: center;padding-left: 0}
.signup-page{
    padding-top: 20px;
    padding-bottom: 20px;
}
h1.heading-choose-plans{
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}
.sales-page h1.heading-choose-plans{
    font: 300 28px/1.2em 'Open Sans', arial, sans-serif;
    color: #222222;
    padding:0;
    font-weight: bold;
}
.sales-page #box-choose-plans {
  padding-top: 0;
  padding-bottom: 0;
}
.sales-page #content{
  padding-bottom: 0;
}
.plan-choice {
    position: relative;
    padding: 20px 0px

}
.plan-choice label {
    bottom: 1px;
    cursor: pointer;
    display: block;
    font-size: 16px;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
    color: #999;
    text-align: center;
    line-height: 65px;
    border-radius: 5px;
}
#box-choose-plans .button-next-step{
    display: block;
    /*border: 1px solid #dcd83c;*/
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
    cursor: pointer;
    text-align: center;
    text-decoration: none;

}
#first-step-checkout button#button-first-step{
  margin: 0;
}
#box-choose-plans button.button-next-step {width: 100%}
/*#box-choose-plans .button-next-step:hover{*/
    /*background: #FFEB3B;*/
    /*background: -webkit-linear-gradient(top,#FFEB3B,#e5dd00)!important;*/
    /*background: -o-linear-gradient(top,#FFEB3B,#e5dd00)!important;*/
    /*background: -moz-linear-gradient(top,#FFEB3B,#e5dd00)!important;*/
    /*background: linear-gradient(to bottom, #FFEB3B, #e5dd00)!important;*/
/*}*/
/**
 * SignUp Pages - Step Billing Cycle
 */
#box-choose-plans.cycle-step{}
#box-choose-plans #billing-cycle ul{
    border-bottom: 1px solid #ddd;
    /* clear: both; */
    /* height: 135px; */
    /* margin-left: -40px; */
    /* margin-right: -40px; */
    padding: 20px 0px 20px;
    background: #f7f7f7;
    /* margin: -40px -40px 10px; */
    border-radius: 5px 5px 0 0;
    /* padding-top: 40px; */
    height: 124px;
}
#box-choose-plans.none{padding-bottom:0;}
#box-choose-plans.none #billing-cycle ul{
    border-bottom: none;
    padding-top: 40px;
    padding-bottom: 40px;
    height: 125px;
}
#box-choose-plans.cycle-step ul.tabs{}
#box-choose-plans.cycle-step ul.tabs li{
   position: relative;
}
/*#box-choose-plans.cycle-step .arrow{display: none;}*/
#box-choose-plans.cycle-step .arrow {
   display: none;
}
#box-choose-plans.cycle-step.annual .annual .arrow{display: block;}
#box-choose-plans.cycle-step.annual .annual .arrow:after {
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: transparent transparent #fff;
    bottom: -30px;
    content: " ";
    display: block;
    margin-left: -10px;
    position: absolute;
    left: 50%;
}
#box-choose-plans.cycle-step.annual .annual .arrow:before {
    content: " ";
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: transparent transparent #ddd;
    bottom: -29px;
    cursor: default;
    left: 50%;
    margin-left: -10px;
    position: absolute;
}
#box-choose-plans.cycle-step.monthly .monthly .arrow{display: block;}
#box-choose-plans.cycle-step.monthly .monthly .arrow:after {
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: transparent transparent #fff;
    bottom: -30px;
    content: " ";
    display: block;
    margin-left: -10px;
    position: absolute;
    left: 50%;
}
#box-choose-plans.cycle-step.monthly .monthly .arrow:before {
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: transparent transparent #ddd;
    bottom: -29px;
    content: " ";
    display: block;
    margin-left: -10px;
    position: absolute;
    left: 50%;
}
#box-choose-plans.cycle-step ul.tabs .active{border-bottom: none;}
#box-choose-plans.cycle-step .tab-content{display: none;color: #000;}
#box-choose-plans.cycle-step .cycle-plan .cycle-block {
    box-shadow: 0 3px 19px rgba(0,0,0,.2);
    background: #3bc2b7;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    margin: 0;
    opacity: .55;
    padding: 20px 0;
    text-align: center;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    width: 100%;
    display: inline-block;
    text-align: center;
    box-shadow: 0 3px 19px rgba(0,0,0,.2);
    min-height: 68px;
}
#box-choose-plans.none .cycle-plan .cycle-block{opacity: 1}
#box-choose-plans.cycle-step .cycle-plan.active .cycle-block{opacity: 1}
#box-choose-plans.cycle-step .cycle-plan .cycle-block p{
    color: #fff;
    letter-spacing: -1px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0;
}
#box-choose-plans.cycle-step .cycle-plan .cycle-block p:nth-child(1) {
    font-size: 26px;
    line-height: 25px;
    margin-bottom: 10px;
    text-transform: capitalize;
}
#box-choose-plans.cycle-step .cycle-plan.monthly{ padding-right: 0 }


.plan-item .icon{
    width: 17px;
    height: 13px;
    display: block;
    margin: 5px auto;
}
.plan-item .icon-checkmark{
    background-image: url(/wp-content/themes/canvas/images/icons/icon-checkmark.png);
    background-repeat: no-repeat;
}
.plan-item .icon-close-x{
    width: 14px;
    height: 14px;
    background-image: url(/wp-content/themes/canvas/images/icons/icon-close-x.png);
    background-repeat: no-repeat;
}
#box-choose-plans .plan-item .plan-benefit{
    color: #ccc;
    margin: 0;
}
#box-choose-plans .plan-item .plan-benefit .plan-premium{
    color: #3bc2b7;
    /* background: #f7f7f7; */
}
#box-choose-plans span.visible-xs .premium,
#box-choose-plans span.visible-xs .standard {
    display: none;
}
#box-choose-plans.premium span.visible-xs .premium,
#box-choose-plans.standard span.visible-xs .standard {
    display: inline-block;
    color: #3bc2b7;
}

#box-choose-plans .plan-item .inner .visible-xs {
    position: absolute;
    right: 10px;
    top: calc(50% - 11px);
}
#box-choose-plans.cycle-step .row.outline {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#box-choose-plans.cycle-step .row.discount .price{color: #7cb82f}
#box-choose-plans.cycle-step .row.total {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
#signup-gift-option label{
  cursor: pointer;
  font-weight: bold;
}
#signup-gift-option label .italic{
  display: block;
  font-weight: normal;
}
#signup-gift-email{
  display: none;
  margin-top: 10px;
}
ul.payment-review li{list-style-type: disc;color: #000}
ul.payment-review li a {
    text-decoration: underline;
    margin-left: 5px;
}
/**
 * Show Plans sumary on reactive flow on checkout page
 */
.btn{
    padding: 10px 20px;
    color: #fff;
    display: inline-block;
}
.btn.btn-blue{
    background: #3bc2b7;
    color: #fff;
}
#tab-your-subscription .plans-groups{
    max-width: 710px;
    margin: 0 auto;
}
#tab-your-subscription .plans-groups h2{
    font-weight: bold;
    margin-bottom: 15px;
}
#tab-your-subscription .btn{
    width: 50%;
    margin-top: 30px;
    border: 0;
    cursor: pointer;
}
#tab-your-subscription .plans-groups .plan-item{padding: 0 15px;}
#tab-your-subscription .plans-groups .plan-item p{
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    text-align: left;

}
#tab-your-subscription .plans-groups .plan-item.line-through p{
    text-decoration: line-through;
    color: #ccc;
}
#tab-your-subscription .plans-groups .plan-item [class^="col"]{
    margin-top: 5px;
    margin-bottom: 0;
}
#tab-your-subscription .plans-groups .box{
    padding: 30px 0;
}
#tab-your-subscription .plans-groups ul {
    min-height: 85px;
}
#tab-your-subscription .plans-groups .box:nth-child(2){
    margin-right: 0;
}
.box{
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
}
.reactivate-sumary{}
.reactivate-sumary .box{
    padding: 10px 25px;
    min-height: 105px;
    position: relative;
}

.reactivate-sumary .box.active{border: 1px solid #239cff;}
.reactivate-sumary .box.active .label-checkmark{
    position: absolute;
    background: url(/wp-content/themes/canvas/images/icons/icon-checkmark-plan.png) no-repeat;
    background: url(/wp-content/themes/canvas/images/icons/icon-checkmark-plan.svg) no-repeat;
    width: 17px;
    height: 13px;
    right: 15px;
    top: 12px;
}
.reactivate-sumary .box .title-plan{
    font-weight: bold;
    font-size: 15px;
}
.reactivate-sumary .box .price-plan{
    font-size: 40px;
    position: relative;
    margin-top: 20px;
    max-width: 126px;
    margin: 20px auto;
}
.reactivate-sumary .box p,
.reactivate-sumary .box .price-plan{color: #999;}
.reactivate-sumary .box.active p,
.reactivate-sumary .box.active .price-plan{color: #239cff;}
.reactivate-sumary .box .price-symbol{
    font-size: .5em;
}
.reactivate-sumary .box .price-value{
    font-size: 1.2em;
    letter-spacing: -7px;
    margin-right: 5px;
}
.reactivate-sumary .box .price-decimal{
    float: left;
    font-size: 0.6em;
    line-height: 12px;
    text-align: left;
    margin-top: -5px;
}
.reactivate-sumary .box .per-month{
    display: block;
    font-size: 0.5em;
    margin-top: 3px;
}
.reactivate-sumary .box .save-off-plan{
    line-height: 14px;
    color: #8BC34A!important;
    display: block;
    clear: both;
    margin-top: 15px;
    /* font-family: "Helvetica Neue", Helvetica, sans-serif; */
}
/**
 * Contact Page
 */
.contact-us .google-maps {
    padding: 5px 6px 0px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    background: #fbfbfb;
}
.contact-us .wpcf7-form input[type="submit"]{
    padding: 5px 10px;
    font-size: 14px;
    text-transform: none;
}
/**
 * About Page
 */
.about-us .about-us-top-links{}
.about-us .about-us-top-links li{
    float: left;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    margin-right: 15px;
}
.about-us .about-us-top-links li:last-child{margin-right: 0}
.about-us #main h1{
    color: #1a1a1a;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
}
.about-us #main h2{
    display: block;
    color: #7b7b7b;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
}
.about-us .column h3{
    margin-bottom: 10px;
    text-align: left;
    font-size: 26px;
}
.about-us .column p{margin: 0 0 20px 0;}
/**
 * alert to reactivate subscriptions
 */
#alert-reactivate{}
#alert-reactivate .text-container{
    background-image: url(/wp-content/themes/canvas/images/icons/icon-reloaded.png);
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/canvas/images/icons/icon-reloaded.svg);
    padding-left: 60px;
    padding-top: 5px;
    background-position: 15px 12px;

}
#alert-reactivate p{color: #fff;}
#alert-reactivate h3{font-weight: bold;}
#alert-reactivate .btn-container a.woo-sc-button.large{text-transform: none;}

.alert-promo-line{
  padding: 10px 0;
  background: #000;
  box-sizing: border-box;
}
.alert-promo-line .col-full{
max-width: 960px;
}
.alert-promo-line .alert-promo-line-message{
display:flex;
align-items: center;
justify-content: center;
}
.alert-promo-line-message a,
.alert-promo-line-message a:hover{
color:#fff
}
.alert-promo-line-message a:hover{
  text-decoration: underline;
}

/**
 * Coaching Program Page
 */
.pricing-table{clear: both;overflow: hidden;}
.pricing-table-item{
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0 29px 20px 0;
    border-radius: 3px;
    border: 1px solid #ddd;
    text-align: center;
}
.pricing-table .pricing-table-item .plan-title{}
.pricing-table .pricing-table-item .plan-title h3{
    font-weight: 700;
    padding: 1em 0;
}
.pricing-table .pricing-table-item .plan-price {
    background-color: #333;
    width: 100%;
    height: auto;
    padding: .2em 1px .6em;
    margin-top: 0;
    margin-left: -1px;
    font-size: 4em;
    font-weight: 700;
    color: #fff;
}
.pricing-table .pricing-table-item .plan-price .plan-price-inner{}
.pricing-table .pricing-table-item .plan-price .cycle-period {
    font-weight: 400;
    font-size: .25em!important;
    vertical-align: text-top;
    margin-top: 15px;
    display: inline-block;
}
.pricing-table .pricing-table-item ul.features{padding: 10px; min-height: 550px;}
.pricing-table-item ul.features li{margin-bottom: 12px;}
.pricing-table .plan-btn{
    color: #fff;
    display: inline-block;
    padding: .5em 1.25em;
    text-decoration: none;
    background: #3bc2b7;
    border-radius: 5px;
    margin: 20px 0;
}
.pricing-table .plan-btn:hover{background: #296ca7;}
/**
 * Custom Coaching Program Page
 */
#coaching-program section{ padding: 40px 0;}
#coaching-program img{height:auto}
#coaching-program a{text-decoration: none;}
#coaching-program a:hover{opacity: 0.9}
#coaching-program .panel {
    border-radius: 8px;
    border: 1px solid #dfdfdf;
    box-shadow: 0 0 8px rgba(0,0,0,.08);
    color: #626262;
}
#coaching-program .panel .panel-title {
    background-color: #edf5fc;
    color: #405768;
    padding: 20px;
    font-size: 17px;
    font-weight: 700;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 0;
}
#coaching-program .panel .panel-content {
    padding: 20px;
    background-color: #fdfeff;
    color: #626262;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
/**
 * Custom Coaching Program Page Explanation
 */
#coaching-program.page-explanation #main-banner{background: #000}
#coaching-program.page-explanation #main-banner h1,
#coaching-program.page-explanation #main-banner h2,
#coaching-program.page-explanation #main-banner p{color: #fff}
#coaching-program.page-explanation #main-banner h1{font-size: 44px;}
#coaching-program.page-explanation #main-banner h2{font-size: 25px;}
#coaching-program.page-explanation #main-banner p{font-size: 18px;color:#d9d9d9}
#coaching-program.page-explanation #main-banner a,
#coaching-program.page-explanation #coaching-program-footer a{
    display: inline-block;
    margin: 15px 0;
    padding: 25px 30px;
    border-color: #000000;
    border-width: 0px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #80c421;
    text-align: center;
    width: 79%;
    color: #fff;
    font-size: 20px;
}
#coaching-program.page-explanation #main-banner a:hover{text-decoration: none}
#coaching-program.page-explanation #personalized-learning-plan{
    background: #fafaf9;
    border-bottom: 1px solid #ddd;
}
#coaching-program.page-explanation #doing-is-tough,
#coaching-program.page-explanation #coaching-program-footer,
#coaching-program.page-learn-more  #why-choosse-coaching-program {
    background: #fafaf9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#coaching-program.page-explanation #coaching-program-benefits{border-bottom: 1px solid #ddd;}
#coaching-program.page-explanation #personalized-learning-plan p,
#coaching-program.page-explanation #doing-is-tough p{font-size: 16px}
#coaching-program.page-explanation #plan-for-success ul{margin-top: 40px;}
#coaching-program.page-explanation #plan-for-success ul li{margin-bottom: 40px;}
#coaching-program.page-explanation #plan-for-success .feature-thumbnail{
    float: left;
    height: 130px;
    width: 70px;
    text-align: center;
}
#coaching-program.page-explanation #plan-for-success .feature-thumbnail .fa{
    font-size: 60px;
    color: #000;
}
#coaching-program.page-explanation #plan-for-success .feature-content{padding-left: 85px;}
#coaching-program.page-explanation #coaching-program-footer{padding: 15px 0;}
#coaching-program.page-explanation #coaching-program-footer .fourcol-one{margin-bottom: 0;}
#coaching-program.page-explanation #coaching-program-footer h2{margin-top: 30px;}
/**
 * Custom Coaching Program Page Learn More
 */
#coaching-program.page-learn-more h2{margin-bottom: 30px;}
#coaching-program.page-learn-more #main-title{padding-bottom: 0}
#coaching-program.page-learn-more #main-title h1{
    font-size: 60px;
    text-align: center;
    padding-bottom: 20px;
    font-weight: 500;
    color: #4d4d4d;
    border-bottom: 1px solid #ddd;
}
#coaching-program.page-learn-more #main-banner h2{
    font-weight:500;
    color: #4d4d4d;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
#coaching-program.page-learn-more #main-banner p{font-size: 19px;}
#coaching-program.page-learn-more #plan-features{border-top: 1px solid #ddd;}
#coaching-program.page-learn-more #plan-features h2{font-weight: 500;}
#coaching-program.page-learn-more #plan-features .price-box{text-align: center;margin-bottom: 20px;}
#coaching-program.page-learn-more #plan-features .price-box a, #coaching-program a.sales-button-button {
    display: inline-block;
    padding: 30px 50px;
    border-color: rgba(0,0,0,0);
    border-width: 0px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #fea23f;
    font-size: 25px;
    color: #ffffff;
}
#coaching-program.page-learn-more #plan-features .price-box h1{
    color: #3dbe42;
    font-size: 150px;
    font-weight: 500;
    margin-bottom: 0;
}
#coaching-program.page-learn-more #plan-features .price-box p{font-size: 30px;}
#coaching-program.page-learn-more #plan-features ul{margin-top: 20px;}
#coaching-program.page-learn-more #plan-features ul li{
    background-image: url(/wp-content/themes/canvas/images/icons/icon-arrow-right-circle.png);
    background-image: url(/wp-content/themes/canvas/images/icons/icon-arrow-right-circle.svg);
    background-repeat: no-repeat;
    background-position: 0 3px;
    margin-bottom: 20px;
    font-size: 16px;
    padding-left: 22px;
}
#coaching-program.page-learn-more #why-choosse-coaching-program{background: #f0f0f0}
#coaching-program.page-learn-more #why-choosse-coaching-program h2{ text-align: center; font-weight: 500}
#coaching-program.page-learn-more #why-choosse-coaching-program p{margin-top: 10px;line-height: 25px;}
#coaching-program.page-learn-more #why-choosse-coaching-program .feature-block-title{overflow: hidden;}
#coaching-program.page-learn-more #why-choosse-coaching-program .feature-block-title .fa{font-size: 40px;float: left;margin-right: 10px;}
#coaching-program.page-learn-more #why-choosse-coaching-program .feature-block-title h3{float: left;font-weight: 500;padding-top:8px;}
#coaching-program.page-learn-more #why-choosse-coaching-program .feature-block-content{margin-top: 20px;}
#coaching-program.page-learn-more #why-choosse-coaching-program .threecol-one{margin-right: 4%}
#coaching-program.page-learn-more #private-coaching h2{
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
#coaching-program.page-learn-more #coaching-program-footer{background: #c9c9c9}
#coaching-program.page-learn-more #coaching-program-footer h2{
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 1px 1px 0px #000;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    margin-bottom: 5px;
    letter-spacing: -1px;
}
#coaching-program.page-learn-more #coaching-program-footer h3{
    font-size: 23px;
    color: #4f4f4f;
    text-shadow: 1px 1px 0px #fff;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
}
#coaching-program.page-learn-more #coaching-program-footer a{
    display: inline-block;
    padding: 30px 40px;
    border-color: rgba(0,0,0,0);
    border-width: 0px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #53a540;
    font-size: 25px;
    color: #ffffff;
    float: right;
    text-align: center;
}
/**
 * Coaching Addons to purshase
 */
.box-coaching-addons{padding: 4px;}
.carrousel-coaching-addons.slick-slider{
    background: none;
   /* border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
}
.box-coaching-addons ul li{
    border: 1px solid #ddd;
    border-radius: 5px;
}
.box-coaching-addons .box-inner{
    padding: 10px;
    text-align: center;
        border: 1px solid #ddd;
}
.box-coaching-addons .box-inner .plan-price{
    font-size: 27px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
    color: #3bc2b7;
    font-weight: bold;
}
.box-coaching-addons .box-inner .plan-price .cycle-period{
    font-size: 15px;
    font-weight: normal;
}
.box-coaching-addons .box-inner h2{
    font-size: 16px;
    margin-top: 10px;
    min-height: 75px;
}
.box-coaching-addons .box-inner .description .shortcode-toggle .toggle-content{min-height: 198px}
.box-coaching-addons .box-inner .description .shortcode-toggle.white h4 a{background-image: none}
.column{
    float: left;
    padding: 0 1%;
}
.column h1,.column h2,.column h3,.column p{margin-bottom: 10px;}
.one-half{
   width: 48%;
}
.cart_item a.remove {
    text-decoration: none;
    float: right;
    color: #fff;
    font-weight: bold;
    background: #c00;
    display: inline-block;
    height: 1.1em;
    width: 1.1em;
    line-height: 15px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
/**
 * Checkout Custom Styles
 */
.create-account{
    float: none;
    clear: both;
}
.payment_methods li{
    overflow: hidden;
}
.payment_method_paypal img{width: 25%;}
.payment_method_paypal .about_paypal{
  font-size: 15px;
}
/**
 * Break Points
 */
@media (max-width: 1023px) and (min-width: 768px){
    .visible-sm {
        display: block!important;
    }

}
@media (min-width: 768px) and (max-width: 1024px){

    #header .coll-ful,#top #main-header {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .nav-opened #toggle-top-menu{
        left: 81%!important;
    }
}
@media (max-width: 1023px) and (min-width: 768px){
    .hidden-sm {
        display: none!important;
    }
}

@media (max-width: 1023px){
    #top .col-full .nav li a:hover{}
    #top .col-full .nav li.has-submenu{padding-bottom: 2px;background: none;}
    #top .col-full .nav li.has-submenu > a{
        border-bottom: 1px solid rgba(43,43,43,.75);
    }
    #top ul.nav li a .user-name strong{float: none;color: #fff}
    #top ul.nav li a .ico-avatar-user-white{display: none}
    #top .col-full .nav li.has-submenu ul {
        margin-top: 2px;
        position: relative;
        visibility: visible;
    }
    #top .col-full .nav li.has-submenu ul li a{font-size: 18px!important;color: #fff!important;cursor:pointer;}
    #top .col-full .nav li.has-submenu ul li a:hover{
        color: #ccc!important;
    }
    #top #responsive-menu-left ul.nav{clear: both;overflow: hidden;}
    #top #responsive-menu-left ul.nav li > a{
        cursor: pointer;
        background-image: url(/wp-content/themes/canvas/images/icons/arrow-right-white-responsive.png);
        background-image: url(/wp-content/themes/canvas/images/icons/arrow-right-white-responsive.svg);
        background-repeat: no-repeat;
        background-position: right 17px top 15px;
        background-size: 12px 20px;
    }
    #top #responsive-menu-left ul.nav li.signin-menu > a,
    #top #responsive-menu-left ul.nav li.signup-menu > a{
      background-image:none;
    }
    #top ul.nav li > a:hover{background-color: #191919}
    #top ul.nav li a,#responsive-menu-left ul.nav li span {
        /* background-color: #191919; */
    }
    #responsive-menu-left ul.nav li:hover{background: none;}
    #top ul.nav li ul li a {border:0;}
    #top #responsive-menu-left ul.nav li a,#top ul.contact-phone li span {
        padding: 14px 18px 14px 18px;
        color: #fff;
    }
    #top #responsive-menu-left ul.contact-phone li{
      border-bottom: 1px solid rgba(43,43,43,.75);
      margin:0;
    }
    #top ul.nav li span{font-size: 17px}
    #top ul.nav>li:hover, #top ul.nav>li a:hover{border-radius: 0;}
    #top #sub-nav ul.nav li a:hover{border-bottom: 1px solid rgba(43,43,43,.75);}
    #top ul.contact-phone li span { display: block;}
    #toggle-top-menu i {
        background-image: url(/wp-content/themes/canvas/images/icons/toggle-menu.png);
        background-image: url(/wp-content/themes/canvas/images/icons/toggle-menu.svg);

        background-size: contain;
        background-repeat: no-repeat;
        height: 16px;
        width: 24px;
        display: block;
    }
    .nav-opened #toggle-top-menu i {
        background-image: url(/wp-content/themes/canvas/images/icons/toggle-close-menu.png);
        background-image: url(/wp-content/themes/canvas/images/icons/toggle-close-menu.svg);
        width: 16px;

    }
    #top #responsive-menu-left ul.nav li.has-submenu a{

        cursor: pointer;
        background-color: #000;
        background-image: url(/wp-content/themes/canvas/images/icons/arrow-down-white-responsive.png);
        background-image: url(/wp-content/themes/canvas/images/icons/arrow-down-white-responsive.svg);
        background-repeat: no-repeat;
        background-position: right 17px top 21px;
        background-size: 20px 12px;
    }
    #top #responsive-menu-left ul.nav li.has-submenu.opened a{

        background-image: url(/wp-content/themes/canvas/images/icons/arrow-up-white-responsive.png);
        /*background-image: url(/wp-content/themes/canvas/images/icons/arrow-down-white-responsive.svg);*/
        background-repeat: no-repeat;
        background-position: right 17px top 21px;
        background-size: 20px 12px;
    }
    #top ul.nav li.item_sign_up{display: none;}
    #responsive-menu-left{
        position: absolute;
        background-color: #000;
        border: 1px solid #000;
        top: 0;
        left: -80%;
        z-index: 9999;
        width: 80%;
        /* overflow-x: hidden; */
        /* overflow-y: auto; */
    }
    #responsive-menu-left{display: none;}

     #top #sub-nav ul li.yellow-text a:hover{color: #fff!important}
    #search-top{
        /* display: none;
        position: absolute;
        padding: 0;
        top: 73px;
        left: 0;
        right: 0;
        z-index: 100;
        */
        width: 100%;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
    }
    #search-top #search-top-field{
        width: 100%;
        height: 45px;
        border-radius: 0;
    }
    #search-top #search-top-submit{display: none;}
    #navigation{margin-bottom: 0;display: none!important}
    /* #search-top:before {
        content: "";
        bottom: -14px;
        right: 4px;
        border: solid transparent;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 8px;
        top: -16px;
        right: 14px;
    } */
    #top #sub-nav .col-full{padding: 0}
    #top #responsive-menu-left .top-navigation{
        width: 100%!important;
        float: none;
    }
    #top #responsive-menu-left .top-navigation li{
        width: 100%!important;
        float: none;
    }
    .hero_tour .hero .contain_hero .hero_box{
        text-align: center;
    }
    .hero_tour .hero .contain_hero .hero_box .tourplay{
      justify-content: center;
    }
}
@media only screen and (min-width: 980px) {
    .pricing-table-item{width: 22.39%;}
    .pricing-table-item.medium-item{width: 30.9%}
}
@media only screen and (min-width: 767px) and (max-width: 980px) {
    .pricing-table-item.medium-item{width: 29.9%}
    .pricing-table-item.small-item:nth-child(3n+2){margin-right: 0}
    .pricing-table-item.small-item{width: 47%;}
}
@media (max-width: 960px){
    .post-type-archive-3dmodels article.gridView{margin-right: 4.5%}
    .post-type-archive-3dmodels article.type-3dmodels.gridView,
    body.search-results article.type-3dmodels.gridView {
        min-height: 320px;
    }
    #coaching-program.page-explanation #coaching-program-footer .fourcol-one{width: 100%}
    #coaching-program.page-explanation #main-banner a,
    #coaching-program.page-explanation #coaching-program-footer a,
    #coaching-program.page-learn-more #coaching-program-footer a{width: 100%;padding-left: 0;padding-right: 0}

}
@media (min-width: 801px){
    .post-type-archive-3dmodels article.type-3dmodels.gridView {
        min-height: 325px;
    }

}
@media (min-width: 768px){

    html.nav-opened #inner-wrapper{
        left: 40%!important;
    }
    .reactivate-sumary div:first-child{margin-left: 0}

    #responsive-menu-left{}


    #box-choose-plans #billing-cycle ul{
        padding-top: 40px;
        margin-top: -40px;
        margin-left: -40px;
        margin-right: -40px;
        padding-left: 40px;
        padding-right: 40px;
        border-radius: 5px;
    }

    .pricing-table-item:nth-child(3),.pricing-table-item:last-child{margin-right: 0}
    .pricing-table-item.medium-item:last-child{margin-right: 0}
    .pricing-table-item.small-item:last-child{margin-right: 0}
    #coaching-program.page-explanation #plan-for-success ul li{min-height: 150px;}
    #top > #sub-nav{display:block;}
}
@media (min-width: 1024px){
    body.full-width #wrapper{overflow: hidden;}
    .subscription_flow .item_sign_up{display: none}
    #sub-nav-mobile{display:none}
    #top ul.nav li a .ico-arrow-white{
    width: 10px;
    height: 6px;
    background: url(/wp-content/themes/canvas/images/icons/arrow-down-white.png) no-repeat;
    display: inline-block;
    margin-left: 5px;
  }
  #responsive-menu-left{display: none;}
    #top ul.nav>li:hover,#top ul.nav>li a:hover {
        border-radius: 5px;
    }
    #top ul.nav ul {
        border-radius: 0 5px 5px;
    }
    #top ul.nav > li a:hover{background: none;}
    #top .col-full .nav li.has-submenu:hover{border-radius: 5px 5px 0 0;background: #373737;}
    #top .col-full .nav li.has-submenu ul li:hover a:first-child{border-radius: 0 5px 0 0;}
    #top .col-full .nav li.has-submenu:hover ul{display: block;}
    #top .col-full .nav li.has-submenu ul li:hover{border-radius:none}
    #top .col-full .nav li.has-submenu ul li:last-child a,
    #top .col-full .nav li.has-submenu:hover ul li:last-child{
        border-radius: 5px;
    }
    #top ul.nav li.has-submenu ul li a:hover{border-radius: 0;}
    #top .col-full  .nav  li.has-submenu:hover ul li a{
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s;
    }
    #top .col-full  .nav li.has-submenu ul li a{
        border-left: 5px solid #373737;
        padding: 7px;
        font-size: 14px!important;
        font-weight: normal!important;
    }
    #top .col-full  .nav  li.has-submenu:hover ul li a:hover{
        border-left: 5px solid #3bc2b7;
        background: #444!important;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s;
    }
    #top .col-full .nav li.has-submenu ul li:last-child,
    #top .col-full .nav li.has-submenu ul li:last-child a:hover{
      border-radius: 0 0 5px 5px
    }
    #top .col-full  .nav li.has-submenu ul li a{padding: 7px!important}
    #top #sub-nav ul.nav li a,#top #sub-nav ul.contact-phone li{
        padding: 5px 5px 5px 0!important;
    }
    #top > ul.nav{
        margin-left: 1em;
        padding-top: 0.8em;
    }
    #top ul.nav{
        margin-left: 1em;
        padding-top: 0;
        padding-bottom: 0;
    }
    #top ul.library-menu{
      margin-right: .5em;
      margin-left: .5em;
    }
    #top ul.nav_login{margin: 0}
    #top #sub-nav ul,#top ul.nav .has-submenu ul{
        margin-left: 0;
    }
    #top ul.nav li a {
        font-size: 14px;
        font-weight: bold;
        padding-top: 1.2em !important;
        padding-bottom: 1em !important;
        border-bottom: 0;
        float: right;
    }

    #responsive-menu-left {
        position: relative;
        left: auto;
        bottom: auto;
        top: auto;
        right: auto;
        width: 100%;
        /* padding: 0 0 0 140px; */
        /* overflow: visible; */

    }
    #top #sub-nav:before {
        background: #191919;
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        right: -100%;
        z-index: -1;
        /*box-shadow: 0 0 5px rgba(0,0,0,.5);*/
    }
    #toggle-search {

    }
    #header .coll-ful,#top #main-header {
        margin:0 auto;
        max-width: 960px;
    }
    #logo{width: auto!important;}

    .hero_tour .hero_box{
      width: 50%;
    }
 }

@media only screen and (max-width: 780px) {
    ul.nav{text-align: left;}
    form#form_loop_search .searchInput {
        width: 80%
    }
    #inputSearch{
         width: 20%;
    }
    #box-choose-plans{max-width: 100%}
}

  #box-choose-plans{padding: 40px;border-radius: 5px;}

@media only screen and (max-width: 767px) {
    .hidden-xs {
        display: none!important;
    }
    .visible-sm {
        display: block!important;
    }

    #box-choose-plans .plan-item .inner {
        width: 85%
    }
    #box-choose-plans{max-width: 100%}
    .one-half{width: 98%}
    .instructors-header span {
        line-height: 15px;
        padding: 0;
        font-weight: 400;
        display: block;
        font-size: 15px;
        margin-bottom: 10px;
    }    
    .pricing-table-item:nth-child(2n+2){margin-right: 0}
    .pricing-table-item{width: 46%}

    #coaching-program .feature-block{margin-bottom: 20px;}

    #coaching-program.page-explanation #plan-for-success ul li {
        margin-bottom: 60px;
    }
    .nma_bread .bread-left{padding:15px 0 0}
    .nma_bread .bread-right{padding:20px 0;position: relative;}
    body.single-videolessons h1.video_name{font-size: 19px;padding-top: 15px}
    .csstransforms3d .woocommerce-checkout #inner-wrapper{
      transform: none;
      -webkit-transition:none;
      -webkit-transform:none;
    }
}
@media (min-width: 720px) and (max-width: 990px){
    .reactivate-sumary {
        width: 65%;
    }
}
@media only screen and (max-width: 720px) {
}
@media only screen and (min-width: 720px) {
 .box-coaching-addons ul li:nth-of-type(3n+3){margin-right: 0}
 .type-courses.threecol-one{min-height: 200px}
 .page-template-template-sales-page #footer-widgets.col-4{width: 100%}
}
@media only screen and (min-width: 680px) {

}
@media only screen and (max-width: 680px) {
    .post-type-archive-3dmodels article.type-3dmodels.gridView {
        min-height: 300px;
    }

    .pricing-table-item:nth-of-type(2n+2){margin-right: 0}

}
@media screen and (max-width: 600px ){

}
@media screen and (max-width: 580px ){
    #alert-reactivate .text-container{background: none;padding-left: 0;text-align: left;}
    #alert-reactivate p{margin-bottom: 5px;}
    #alert-reactivate .btn-container{margin-left: 0}
    #alert-reactivate .text-container h3{display: block;}
    #alert-reactivate .btn-container a{width: 100%}
    .post-type-archive-3dmodels article.type-3dmodels.gridView,
    body.search-results article.type-3dmodels.gridView {
        min-height: 265px;
    }
}
@media only screen and (max-width: 480px) {
    .post-type-archive-3dmodels #post_items .gridView,
    body.search-results article.type-3dmodels.gridView{width: 46%}
    body.search-results article.type-3dmodels.gridView{margin-right: 4.5%}
    .post-type-archive-3dmodels #post_items .gridView:nth-of-type(2n+2),
    body.search-results article.type-3dmodels.gridView:nth-of-type(2n+2){margin-right: 0}
    .pricing-table-item{width: 98%!important}
    .nma_bread .bread-right{padding:15px 0;}
    .post-type-archive-3dmodels article.gridView:nth-of-type(2n+1){
      clear:left;
    }
}
@media only screen and (min-width: 480px) {
    .post-type-archive-3dmodels #post_items .gridView:nth-of-type(3n+3),
    body.search-results article.type-3dmodels.gridView:nth-of-type(3n+3){margin-right: 0}
    .type-courses.threecol-one:nth-of-type(3n),
    body.search-results .type-courses.threecol-one:nth-of-type(3n),
    body.single-instructors .type-courses.threecol-one:nth-of-type(3n){
        clear: right;
        margin-right: 0;
    }
    .post-type-archive-3dmodels article.gridView:nth-of-type(3n+1){
      clear:left;
    }
}
@media only screen and (max-width: 420px) {
    #change-subscription{
        float: none;
        text-align: left;
        display: block;
        clear: both;
        margin-left: 35px;
    }
}
@media only screen and (max-width: 480px){
    body.post-type-archive-courses section#main article.type-courses.threecol-one,
        body.search-results article.type-courses.threecol-one{
            margin-right: 4%;
            width: 48%;
      }
    body.search-results .type-courses.threecol-one:nth-of-type(2n){
        clear: right;
        margin-right: 0;
    }

}
@media only screen and (max-width: 320px) {
    .post-type-archive-3dmodels #post_items .gridView,
    body.search-results article.type-3dmodels.gridView {
       min-height: 200px;
    }
}
@media only screen and (max-width: 379px) {
    #top #sub-nav ul.contact-phone li span strong{display: block;}
}

/**
 * Quick view style
 **/
#quick-view-box{
  background: white;
  text-align: left;
  max-width: 1420px;
  margin: 40px auto;
  position: relative;
}

#quick-view-box .clearfix{
  width: 100%;
  clear: both;
}
#quick-view-box .quick-view-header{
  background: #000;
  padding: 15px 30px;
  position: relative;
}

#quick-view-box .quick-view-video{
  width: 70%;
  position: relative;
  float:left;
}

#quick-view-box .quick-view-video .quick-view-loading{
  background: url('includes/images/loading.gif') center center no-repeat rgba(255,255,255,0.85);
  height: 100%;
  min-height: 319px;
  background-size: 100px;
}

#quick-view-box .quick-view-info{
  position: relative;
  float: right;
  width: 30%;
}

#quick-view-box .quick-view-close-btn{
  position: absolute;
  font-size: 2em;
  color:#FFF;
  right: 1%;
  top:32%;
}

#quick-view-box .quick-view-close-btn:hover{
  text-decoration: none;
}

#quick-view-box .trial-button{
  /*border-radius: 8px!important;
  -moz-border-radius: 8px!important;
  -webkit-border-radius: 8px!important;*/
  margin: 0!important;
  position: absolute;
  top:23%;
  color:#000!important;
  cursor:pointer;
  right: 4%;
}

#quick-view-box a.woo-sc-button{
  color:#000!important;
  font-weight: bold;
  border: #000;
  text-shadow: none;
}

#quick-view-box .quick-view-title{
  max-width: 800px;
  display: inline-block;
  color:#fff;
  font-size: 23px;
}

#quick-view-box .quick-view-info .quick-view-about .author-box,
#quick-view-box .quick-view-info .quick-view-about .skill-box,
#quick-view-box .quick-view-info .quick-view-about .duration-box{
  width: 100px;
  float:left;
  text-align: center;
}

#quick-view-box .quick-view-info .quick-view-about .author-box .author-title{
  color:#000;
  margin-top: 10px;
}

#quick-view-box .quick-view-info .quick-view-about .author-box .author-photo{
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
#quick-view-box .quick-view-info .quick-view-about .author-box .author-photo a img{
  max-width: 80px;
  max-height: 80px;
}

#quick-view-box .quick-view-info .quick-view-about .author-box .author-name{
  color: #000;
}

#quick-view-box .quick-view-info .quick-view-about .skill-box{
  margin-top: 12px;
}

#quick-view-box .quick-view-info .quick-view-about .skill-box .skill-icon{
  margin-bottom: 10px;
}


#quick-view-box .quick-view-info .quick-view-about .skill-box .skill-icon i.dark-bar{
  background: gray;
}

#quick-view-box .quick-view-info .quick-view-about .duration-box .duration-text{
  color:#fff;
  background: gray;
  border-radius: 5px;
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
  padding: 10px;
  margin-top: 10px;
}

#quick-view-box .separator{
  clear: both;
}

#quick-view-box .quick-view-info .quick-view-exerpt-box .quick-view-exerpt-content{
  padding:10px;
}

#quick-view-box .quick-view-info .quick-view-exerpt-box .quick-view-exerpt-content p{
  font-size: 13px;
}

#quick-view-box .quick-view-info .quick-view-exerpt-box .quick-view-exerpt-button{
  text-align: center;
  font-size: 17px;
}

#quick-view-box .quick-view-info .quick-view-exerpt-box .quick-view-exerpt-button .course-details-btn{
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  color:#fff!important;
  cursor:pointer;
  margin: 15px;
  background: transparent;
  color:#4081af!important;
  text-shadow: none;
  border: 1px solid #4081af;
  font-weight: normal;
  font-size:14px;
  padding: 0.7em 2.5em;
  box-shadow: none;
}
#quick-view-box .quick-view-info .quick-view-exerpt-box .quick-view-exerpt-button .course-details-btn:hover{
  opacity: 1;
  color:#32658a!important;
  border-color: #32658a!important;
}
/**
 * Quick view responsive style
 **/
 @media screen and (min-width: 1196px) and (max-width: 1520px){
  #quick-view-box{
    max-width: 1096px;
  }
 }
@media screen and (max-width: 1360px){
  #quick-view-box .quick-view-video{
    width: 100%;
    display:block;
    position: inherit;
  }

  #quick-view-box .quick-view-video.quick-view-loading{
    min-height: 300px;
  }

  #quick-view-box .quick-view-close-btn{
    top:28%;
  }

  #quick-view-box .quick-view-info{
    width: 100%;
    position: inherit;
  }
  #quick-view-box .quick-view-title{
    max-width: 545px;
  }
}

@media screen and (max-width: 1024px){
  #quick-view-box .quick-view-title{
    max-width: 335px;
  }
}

@media screen and (max-width: 720px){
  #quick-view-box .quick-view-title{
    max-width: 300px;
    line-height: 1em
  }

  #quick-view-box .quick-view-close-btn{
    top:26%;
  }

  #quick-view-box .trial-button{
    right: 5%;
  }
}

@media screen and (max-width: 620px){
  #quick-view-box .quick-view-header{
    text-align:center;
  }
  #quick-view-box .trial-button{
    position:inherit;
    right:0;
    margin-top: 10px!important;
  }
  #quick-view-box .quick-view-close-btn{
    top:3%;
  }
  #quick-view-box .quick-view-title{
    max-width: 100%;
  }
}

@media screen and (max-width: 450px){
  #quick-view-box{
    max-width: 100%;
    margin:inherit;
  }
  .mfp-container{
    padding-left: 0px;
    padding-right: 0px;
  }
  #quick-view-box .quick-view-info .separator{
    display: block;
  }
}

@media screen and (max-width: 300px){
  #quick-view-box .quick-view-info .quick-view-exerpt-box .quick-view-exerpt-button .course-details-btn{
    margin:15px;
  }
  #quick-view-box .quick-view-title{
    font-size: 1.5em;
  }
}

@media screen and (max-width: 225px){
  #quick-view-box .quick-view-info .quick-view-about{
    text-align: center;
  }
  #quick-view-box .quick-view-info .quick-view-about .author-box,
  #quick-view-box .quick-view-info .quick-view-about .skill-box,
  #quick-view-box .quick-view-info .quick-view-about .duration-box{
    float: none;
    margin: auto;
  }
  #quick-view-box .quick-view-info .quick-view-about .skill-box{
    margin-top: 12px;
  }
}

/*---Getting Started---*/
.init-video{
  text-align: center;
  box-sizing: border-box;
}
.init-video .tabs{
  width: 100%;
  margin-top: -25px;
  display: -webkit-inline-box;
}
.tabs .tab_video-title1,
.tab_video-title2,
.tab_video-title3 {
  margin: 0px 10px 0px 5px;
  border-bottom: 4px solid transparent;
}
.tabs li a:hover {
  border-bottom: 2px solid #3bc2b7;
}
.tabs .active {
    border-bottom: 2px solid #3bc2b7;
    font: 600 19px/1.2em "Open Sans",arial,sans-serif;
}
.tabs li a{
  border-bottom: 3px solid #fff;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  background-color: transparent;
  font: 500 19px/1.2em "Open Sans",arial,sans-serif;
  color: #222222;
}

@media only screen and (min-width: 801px){
  .list-videos .getting_started-item:nth-child(4n),
  .list-videos .learning_path-item:nth-child(4n){
    margin-right: 0;
    clear:right;
  }
  .list-videos .getting_started-item:first-child,
  .list-videos .getting_started-item:nth-child(4n+1),
  .list-videos .learning_path-item:first-child,
  .list-videos .learning_path-item:nth-child(4n+1){
    margin-left: 0;
        clear: left;
  }
}

.list-videos .getting_started-item,
.list-videos .learning_path-item {
  float: left;
  box-sizing: border-box;
/*  width: 23%;*/
    width: 24%;
    margin: 0.6666666666666667%;
  border: 1px solid #e6e6e6;
}

.list-videos .item_card .card-content p > a {
  text-decoration: none;
  color: #888;
}
.list-videos .item_card .card-content p > a:hover {
    color: #ff0000;
}
.list-videos .getting_started-item .title_card {
  text-decoration: none;
}
.list-videos .card img {
  width: 100%;
  max-width:230px;
  border:0;
  padding:0;
}

.list-videos .card .image {
    overflow: hidden;
}

.list-videos #featured .card{min-height: 220px}
.list-videos .card .image {
  width: 100%;
  max-height: 122px;
}
.list-videos .learning_path-item {
   /* width: 100%;
    border: 1px solid #e6e6e6;
    margin: 5px 0 5px 0;*/
}
.learning_path-item .card-content {
    margin: 0.5em 0px;
    height: 85px;
    width: 100%;
    position: relative;
}
body .list-videos .learning_path-item .card-content h4{
  font-weight: bold;
}
.list-videos  div.learning_path-item article.item_thumb span.lesson {
    position: absolute;
    left: 2%;
    color: white;
    /*background: #3bc2b7;*/
    background: rgba(59, 194, 183, 0.78);
    padding: 2px 12px;
    bottom: unset;
    top: 2%;
    font-size: 14px;
}
.list-videos .learning_path-item .item_thumb .alignleft {
    float: left;
    text-decoration: none;
    margin: 0;
}
span.topic-name {
  font-size: 17px;
  line-height: 19px;
  text-shadow: 0 0 13px rgba(0,0,0,.55);
}
.tile .title-text span {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 10px;
}
.button-more {
  padding-top: 0;
  text-align: center;
  clear: both;
  margin-bottom: 0px;
    position: relative;
    top: 0px;
}
.mlp-more{
  top:0px;
}

section#main .button-more {
  text-align: center;
  color: #222222;
  padding: 0;
}
.button-more .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
  border-color: transparent;
}
.button-more .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.button-more .btn-link {
  padding-bottom: 20px;
  padding-top: 0px;
  color: #282323;
  font-family: "Helvetica Neue",Helvetica,sans-serif;
  font-weight: bold;
}
body section#main .btn-load-more{
  line-height: 15px;
  font-size: 15px;
  font-weight: bold;
}
body section#main .btn-load-more .fa{
  line-height: 15px;
  margin-left: 10px;
  float: right;
  }
.button-more button.btn-link:hover {
  text-decoration: underline;
}
.button-more button.btn-link {
  cursor: pointer;
  font: normal 13px sans-serif;
}
.button-more button.btn-link i.fa{
    font-size: 23px;
    margin-left: 5px;
    line-height: 15px;
    float: right;
}
@media only screen and (max-width: 480px) {
  div.truncate .card:nth-child(n+4),
  div.truncate .card:nth-child(n+4) { display: none; }
  #getting:not(.truncate) .card:nth-child(n+7),
  #learning:not(.truncate) .card:nth-child(n+7){ display: none; }
  .tabs li a {
     font: 500 17px/1em "Open Sans",arial,sans-serif;
     cursor: pointer;
     text-decoration: none;
  }
  .tabs .active {
    border-bottom: 2px solid  #3bc2b7;
    font: 600 18px/1em "Open Sans",arial,sans-serif;
  }
  .init-video .list-videos h1{
    text-align: center;
  }
  .list-videos .getting_started-item,
  .list-videos .learning_path-item {
    float: left;
    width: 99%;
    margin: 1%;
  }

  .list-videos .getting_started-item .card-content,
  .list-videos .learning_path-item .card-content {
    padding-top: 1%;
  }
  .list-videos .card .card-content h4 {
      font: bold 16px/1em 'Open Sans', arial, sans-serif;
      color: #555555;
  }
  .list-videos .getting_started-item a.title_card {
    float: left;
  }
  .list-videos .card img {
    width: 100%;
    max-width:230px;
    border:0;
    padding:0;
  }
  .list-videos div.learning_path-item article.item_thumb span.lesson {
      position: absolute;
      left: 2%;
      color: white;
      background: rgba(66, 139, 202, 0.78);
      padding: 1px 10px;
      top: 2%;
      bottom: unset;
      font-size: 14px;
  }
  span.topic-name {
    font-size: 17px;
    line-height: 19px;
    text-shadow: 0 0 13px rgba(0,0,0,.55);
  }
  .tile .title-text span {
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 10px;
  }
  .list-videos .item_card .card_text .card-content p > a {
    text-decoration: none;
    color: #888;
  }
  .button-more {
    /*border-top: 1px solid #e6e6e6;*/
    padding: 0px 5px 15px;
  }


}


.list-videos .getting_started-item .title_card h4,
.card-content .author.vcard,
#learning .learning_path-item .card-content h4,
#featured .learning_path-item .card-content h4,
#mlp-learning .learning_path-item .card-content h4 {
    margin-left: 10px;
    margin-right: 10px;
}

    /* Caleb CSS Changes */


#main .archive_header {
    margin-bottom:10px;
}

@media only screen and (max-width: 800px) {
    .list-videos .card-content {
        float: left;
        padding: 0;
        margin: 0;
        height: 100%;
        width: 60%;
        padding-top: 0;
    }


    .list-videos .card .image {
        padding: 0;
        margin: 0;
        max-height: unset;
        width: 40%;
        float: left;
    }

    .list-videos .learning_path-item.card .image, .list-videos .learning_path-item.card .image img {
        max-height: 182px;
    }

    .list-videos .getting_started-item h4.truncate-multiline-text,
    .list-videos .learning_path-item h4.truncate-multiline-text,
    #learning .learning_path-item .card-content h4,
    .list-videos .getting_started-item p.author.vcard,
    #featured .learning_path-item .card-content h4,,
    #mlp-learing .learning_path-item .card-content h4  {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 5px;
    }

    .list-videos .card img {
        max-width: unset;
    }

    .list-videos  div.learning_path-item article.item_thumb span.lesson {
        left:1%;
        top:4%;
/*
        position: absolute;
        left: 3%;
        color: white;
        background: #3bc2b7;
        padding: 2px 12px;
        bottom: 3%;
        font-size: 14px;
*/
  }
}

@media only screen and (min-width: 500px) and (max-width: 800px) {
    .card-content .author.vcard.lesson-info {
        position: relative;
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .card-content .author.vcard.lesson-info {
        display: none;
    }

}


/*@media (max-width: 440px){
  .list-videos .getting_started-item .card-content, .list-videos .learning_path-item .card-content{
    width: 50%;
  }
}
@media (max-width: 370px){
  .list-videos .getting_started-item .card-content, .list-videos .learning_path-item .card-content{
    width: 30%;
  }
}*/

@media (max-width: 800px) {
  div.truncate .card:nth-child(n+4),
  div.truncate .card:nth-child(n+4) { display: none; }
  #getting:not(.truncate) .card:nth-child(n+7),
  #learning:not(.truncate) .card:nth-child(n+7){ display: none; }
  .learning_path-videoCarrousel .list-videos .getting_started-item,
  .learning_path-videoCarrousel .list-videos .learning_path-item {
    width: 100%;
    margin: 0.5% 0;
  }


  .list-videos .card .card-content h4 {
      font: bold 17px/1.2em 'Open Sans', arial, sans-serif;
      color: #555555;
      float: none;
  }
  .list-videos .item_card .card_text .card-content p > a {
    text-decoration: none;
    color: #888;
  }

  .list-videos  .learning_path-item.lessons article a.quickthumb {
    margin-bottom: 0px;
  }
  .list-videos .card img {
    width: 100%;
    max-width:unset;
    border:0;
    padding:0;
  }

  .button-more {
   /* border-top: 0.5px solid #e6e6e6;*/
    padding: 5px 5px 5px;
    top:0;
  }
}

@media (max-width: 800px) {
   .learning_path-videoCarrousel .list-videos #featured .getting_started-item,
   .learning_path-videoCarrousel .list-videos #featured .learning_path-item{
    min-height: initial;
   }
}

@media (min-width: 801px) and (max-width: 992px) {
  div.truncate .card:nth-child(n+5),
  div.truncate .card:nth-child(n+5) { display: none; }
  #getting:not(.truncate) .card:nth-child(n+9),
  #learning:not(.truncate) .card:nth-child(n+9){ display: none; }
  .list-videos .card img {
    width: 100%;
    border:0;
    padding:0;
  }
  .list-videos .getting_started-item,
  .list-videos .learning_path-item {
/*    width: 32%;
    margin: 0.5%;*/
  }
  .list-videos .getting_started-item .image {
    float: left;
    width: 100%;
  }
  .list-videos .getting_started-item .card-content {
    width: 100%;
    float: left;
    /*height: 50px;*/
    height: 70px;
  }
  .list-videos .card .card-content h4 {
    font: bold 17px/1.2em 'Open Sans', arial, sans-serif;
    color: #555555;
    float: none;
    padding: 3px;
  }
  .list-videos .item_card .card_text .card-content p > a {
    text-decoration: none;
    color: #888;
  }
}
@media (min-width: 993px) and (max-width: 1023px) {
  div.truncate .card:nth-child(n+5),
  div.truncate .card:nth-child(n+5) { display: none; }
  #getting:not(.truncate) .card:nth-child(n+9),
  #learning:not(.truncate) .card:nth-child(n+9){ display: none; }

  .init-video .list-videos.slick-list.draggable {
      width: 100%;
      /* margin: 0.4%; */
      /* padding-left: 0%; */
      /* height: 185px; */
  }
  .list-videos .item_card .card_text .card-content p > a {
    text-decoration: none;
    color: #888;
  }
/*  .list-videos .getting_started-item,
   .list-videos .learning_path-item{
    width: 32%;
    margin: 0.5%;
  }*/
  .list-videos .getting_started-item .card-content {
    width: 100%;
    float: left;
    bottom: 0;
  }
  .list-videos .card img {
    width: 100%;
    max-width:unset;
    vertical-align: baseline;
    border:0;
    padding:0;
  }
  .list-videos .card .card-content h4 {
    font: 400 17px/1.2em 'Open Sans', arial, sans-serif;
    color: #555555;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1220px) {
  div.truncate .card:nth-child(n+5) { display: none; }

/* .list-videos .getting_started-item,
  .list-videos .learning_path-item {
    width: 24%;
    margin: 0 0.6666666666666667%;
  }*/
  .list-videos .card .card-content h4 {
    font: 400 17px/1.2em 'Open Sans', arial, sans-serif;
    color: #555555;
    font-weight: bold;
  }
  .list-videos .getting_started-item .card-content {
      width: 100%;
      float: left;
  }

  .list-videos .card img {
    width: 100%;
    max-width:230px;
    border:0;
    padding:0;
  }
}

@media screen and (min-width: 1221px) and (max-width: 1366px){
   div.truncate .card:nth-child(n+5) { display: none; }

  .list-videos .card article .card-content span {
    text-decoration: none;
    color: #9E9E9E;
  }
  .list-videos .card img {
    width: 100%;
    max-width:230px;
    border:0;
    padding:0;
  }
/* .list-videos .getting_started-item,
  .list-videos .learning_path-item {
    width: 24%;
    margin: 0.3%;
    color: #ffffff;
  }*/
  .button-more a.btn-link {
    cursor: pointer;
  }
  .list-videos .card .card-content h4 {
    font: bold 17px/1.2em 'Open Sans', arial, sans-serif;
    color: #555555;
  }
  /*.list-videos .getting_started-item .card-content {
    width: 100%;
    float: left;
    margin: 5px 0px;
    height: 45px;
  }*/
}

.list-videos .getting_started-item .card-content {
    position: relative;
}

@media screen and (min-width: 801px) {
  div.truncate .card:nth-child(n+5) { display: none; }

/*  .list-videos .getting_started-item,
  .list-videos .learning_path-item {
    width: 23%;
    margin: 0.5%;
  }*/
  .list-videos .card .card-content h4 {
    font: 400 17px/1.2em 'Open Sans', arial, sans-serif;
    color: #555555;
    font-weight: bold;
  }
  .list-videos .getting_started-item .card-content {
    width: 100%;
    float: left;
    margin: 0.5em 0px;
    height: 85px;
  }
  .list-videos .card img {
    width: 100%;
    max-width:230px;
    border:0;
    padding:0;
  }
}
@media screen and (min-width: 1600px) {
  div.truncate .card:nth-child(n+5) { display: none; }

 /* .list-videos .getting_started-item,
  .list-videos .learning_path-item {
    width: 23%;
    margin: 0.5%;
  }*/
  div.learning_path-item article.item_thumb span.lesson {
      position: absolute;
      /* left: 5%; */
      color: white;
      background: #3bc2b7;
      padding: 2px 12px;
      bottom: 30%;
      font-size: 14px;
  }
  .list-videos .card img {
    width: 100%;
    max-width:230px;
    border:0;
    padding:0;
  }
}
.learning_path-videoCarrousel {
    margin-bottom: 20px;
}
/*---Getting Started-fim-----*/

/*PrettyPhoto NMA theme*/
div.nma_images_theme .pp_left,
div.nma_images_theme .pp_middle,
div.nma_images_theme .pp_right,
div.nma_images_theme .pp_content{
  background:transparent;
}
div.nma_images_theme .pp_description{
  color:#fff;margin:0 85px 0 0
}
div.nma_images_theme .pp_loaderIcon{
  background:url(css/images/prettyPhoto/dark_square/loader.gif) center center no-repeat
}
div.nma_images_theme .pp_expand{
  background:url(css/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
  cursor:pointer
}
div.nma_images_theme .pp_expand:hover{
  background:url(css/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer
}
div.nma_images_theme .pp_contract{
  background:url(css/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer
}
div.nma_images_theme .pp_contract:hover{
  background:url(css/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer
}
div.nma_images_theme .pp_close{
  width:22px;
  height:22px;
  background:url(css/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
  cursor:pointer;
  top: -10px;
  display: none;
}
div.nma_images_theme .pp_nav{
  clear:none
}
div.nma_images_theme .pp_nav .pp_play{
  background:url(css/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
  height:15px;
  width:14px
}
div.nma_images_theme .pp_nav .pp_pause{
  background:url(css/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
  height:15px;
  width:14px
}
div.nma_images_theme .pp_arrow_previous{
  background:url(css/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}
div.nma_images_theme .pp_arrow_next{
  background:url(css/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}
div.nma_images_theme .pp_next:hover{
  background:url(css/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer
}
div.nma_images_theme .pp_previous:hover{
  background:url(css/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer
}
div.nma_images_theme #pp_full_res .pp_inline{
  color:#fff
}
div.nma_images_theme .currentTextHolder{
  color:#c4c4c4
}
div.nma_images_theme .pp_arrow_next.disabled{
  background-position:-22px -87px;cursor:default
}
div.nma_images_theme .pp_arrow_previous.disabled{
  background-position:0 -87px;cursor:default
}
div.nma_images_theme .pp_details{
  position: absolute;
  bottom: 0px;
  left: 1%;
  z-index: 9999;
}

.reference-container{
  margin:10px 0;
}

.reference-container a{
  text-align: center;
}

div#references div.foogallery-container div.item a img{
  border:none;
}

.full_res_btn{
  background: rgba(0,0,0,0.5);
  border-radius: 5px;
  padding: 2px 5px;
}

/* CALEB STYLES */

article.videolessons h2.title,
.list-videos .getting_started-item .title_card h4,
#learning .learning_path-item .card-content h4,
#featured .learning_path-item .card-content h4,
#mlp-learning .learning_path-item .card-content h4{
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
  text-align: left;
}

.duration-icon{
  background: url('images/icons/duration.png') no-repeat center center;
  background-size:     cover;                      /* <------ */
  background-repeat:   no-repeat;
  background-position: center center;
  float: left;
  width: 13px;
  height: 13px;
  margin-right: 2px;
}

.title .lesson-with {
  font-size: .6em;
  font-weight: normal;
}

.entry p {
  margin:0;
    margin-bottom:1.2em;
}

.entry {
  margin: 5px 0;

}

article.videolessons.gridView,
article.instructors-archive.gridView {
  position: relative;
  border-bottom: 1px solid #eee;
  padding-top: 20px;
  padding-bottom: 20px;
}
article.instructors-archive.gridView .lesson-preview-left{
  width: 16%;
}

div.post-meta {
  margin: 0;
}
article.listItems .art_content div.post-meta {
    margin: 0;
    line-height: 1.2em;
}
@media (max-width: 900px) {
  article.listItems .art_content div.post-meta {
    width: 100%;
  }
}
@media (min-width: 641px) and (max-width: 740px){
  article.listItems .art_content div.post-meta {
    width: 100%;
  }
}
@media (min-width: 540px) and (max-width: 640px){
  article.listItems .art_content div.post-meta {
    width: 100%;
    padding-left: 0;
  }
}

.lesson-preview-left {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding: 0 10px;
  width: 33%;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
}

.lesson-preview-right {
  padding: 19px 15px 10px;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  float: none;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  position: relative;
  white-space: normal;
  width: 66%;
  min-height: 1;
  box-sizing: border-box;
}

/*.lesson-preview-left .watch-options {
  border-radius: 3px;
    text-align: center;
    font-weight: 300;
    display: block;
    position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #fff;
background-color: rgba(0,0,0,.75);
z-index: 1;
box-sizing: border-box;
font-size: 13px;
cursor: auto;
}

.lesson-preview-left .watch-options .video-launch {
  width: 50%;
    height: 100%;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    font-weight: 300;
    color: #fff;
    font-size: 13px;
}*/

.duration_box, .skill-box, .captions-box {
  font-size: .8em;
}


@media (max-width: 540px) {
  .flex-grid{
    flex-flow:column
  }
.lesson-preview-left {
width: 50%;
}

.lesson-preview-right {
  width: 50%;
}

article.instructors-archive.gridView .lesson-preview-left{
  width: 40%;
  float: left;
}
article.instructors-archive.gridView .lesson-preview-right{
  width: 60%;
}

.lesson-preview-summary, .lesson-preview-footer {
  display: none;
}

}

.duration_box {
  margin-left: 0px;
}


.lesson-preview-left .thumbnail {

position: relative;

}

.lesson-preview-left .thumbnail a {
  position: absolute;
}

.lesson-preview-left .thumbnail img {
    width: 100%;
    padding:0;
    border: none;

}

lesson-preview-left .thumbnail article.playbtn {
  position: absolute;
  z-index: 9999;
}


div.lesson-preview-summary p {
  line-height: 16px;
  /*max-height: 2.5em;*/
  /*overflow: hidden;*/
  word-wrap: break-word;
  margin: 5px 0;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 13px;
  color: #333;
}


#main article a.quickthumb,
body.search-results article a.quickthumb {
    display:inline-block;
    width:100%;
    height:100%;
}

.vl_tph.trailer_placeholder {
    position: relative;
    min-height: 350px;
    height: 350px;
}

.vl_tph_txt {
    position:relative;
    display: table;
}

.vl_tph_txt .txt {
margin:0;
    display: table-cell;
    vertical-align: middle;

}

.vl_bar {
    display: none;
}

/*
@media screen and (max-width: 320px){
    .playButton{
        height: 30px;
        width:30px;
    }
}
@media screen and (min-width: 320px){
    .vl-tr_title{
        font-size:2em;
    }
    .vl-tr_subtitle{
        font-size:1em;
    }
    .vl-tr_pl{
        font-size: 14px;
        padding-top: 3%
    }
    .playButton{
        height: 30px;
        width:30px;
    }
}
@media screen and (min-width: 375px){
    .vl-tr_title{
        font-size: 2.5em
    }
    .vl-tr_subtitle{
        font-size: 16px;
    }
}

@media screen and (min-width: 480px){
    .vl-tr_title{
        font-size: 3em;
    }
    .vl-tr_subtitle{
        font-size: 1.5em;
    }
    .vl-tr_pl{
        font-size: 2em;
    }
    .playButton{
        width: 35px;
        height: 35px;
    }
}
@media screen and (min-width: 568px){
    .vl-tr_title{
        font-size: 4em;
    }
    .vl-tr_subtitle{
        font-size: 1.8em;
    }
    .vl-tr_pl{
        padding-top: 5%;
    }
    .playButton{
        height: 40px;
        width: 40px;
    }
}
@media screen and (min-width: 667px){
    .vl-tr_title{
        font-size:4.5em;
    }
    .vl-tr_subtitle{
        font-size:2.1em;
    }
}
@media screen and (min-width: 960px){
    .vl-tr_title{
        font-size: 6em;
    }
    .vl-tr_subtitle{
        font-size: 2.7em;
    }
    .vl-tr_pl{
        font-size: 2em;
    }
}

@media screen and (max-width: 568px){
    .vl-tr_pl span.buttonText{
        font-size: 17px;
    }
}
*/


.vl_tb.trailer_background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top 21% center;
}


.vl_tb.trailer_background.vidplay {
    background-image: none !important;
    background: #000 !important;
}

.nma-btn {
    font-weight: normal !important;
    text-shadow: none !important;
    text-transform: none !important;
    -moz-box-shadow: 0 0 0 0 #888888 !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}



.nma-btn.yellow {
    /*background: black !important;*/
    border-color: #ffb900 !important;
    color: #000!important;
    background: -moz-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%) !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(2%,#ffe6a0),color-stop(100%,#ffba00)) !important;
    background: -webkit-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%) !important;
    background: -o-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%) !important;
    background: -ms-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%) #ffba00 !important;
    background: linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%) #ffba00 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6a0', endColorstr='#ffba00', GradientType=0) !important;
    border-color: #ffb900 !important;


}

#box-choose-plans .nma-btn.yellow.loading:hover{
    background: linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%) #ffba00 !important;
    opacity:0.5;
    cursor: auto;
}


/* END CALEB STYLES */

/* footer - changes logo /copyrigth /social icons*/
.widget_social_widget {
  margin-right: 2.4%;
}
.social li {
    display: inline-block;
}

.widget_social_widget .subscribe a:hover{
  background-color: #1f1f1f;
}
.widget_social_widget .footer-text p{
  font: 300 13px/1.5em "Helvetica Neue", Helvetica, sans-serif;
  color: #999;
}
.widget_social_widget .subscribe{
    margin-top: 10px;
    margin-bottom: 0px;
    display: inline-flex;
}
.widget_social_widget .social li {
    display: inline-block;
    background-color: #414040;
    border-radius: 7px;
    margin-right: 5px;
    overflow: hidden;
    padding: 1px;
}
#footer-widgets .widget_social_widget .social li .fa {
    height: 32px;
    width: 32px;
    display: block;
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 6px;
    left: 6px;
}
.widget_social_widget .social li a .fa {
    left: 10px;
}
.widget_social_widget .social li a:hover {
    text-decoration: none;
}
.widget_social_widget .social li:hover {
    background-color: #1f1f1f;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
.img-logo {
    margin-top: 15px;
}

/**
 *New Videolesson's banner rules
 **/
#placeHolder figure img{
  box-sizing: border-box;
  width: 100%;
}

.with-blur{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

#becomeMemberBlur{
  position: absolute;
  background:rgba(0,0,0,0.5);
  height:99%;
  display: none;
}

#becomeMemberText{
  position: absolute;
  height: auto;
  margin-top: 8%;
  text-align: center;
  display: none;
}

#becomeMemberText h1,
#becomeMemberText p{
  color:#fff;
}

/**
 *New Videolesson's banner responsive rules
 **/
 @media screen and (max-width: 768px) {

 }

 @media screen and (max-width: 668px){
  #becomeMemberText{
    margin-top: 4%;
  }
 }

 @media screen and (max-width: 635px){
  #becomeMemberText p{
    margin-bottom: 5px;
  }
  #becomeMemberText .btn-container .woo-sc-button.yellow-btn.custom.large{
    font-size: 1em;
  }
 }

 @media screen and (max-width: 543px){
  #becomeMemberText h1{
    font-size: 1.7em
  }
  #becomeMemberText p{
    font-size: 12px;
  }
  #becomeMemberText .btn-container .woo-sc-button.yellow-btn.custom.large{
    font-size: 11px;
  }
 }

 @media screen and (max-width: 455px){
  #becomeMemberText p{
    display: none;
  }
  #becomeMemberText h1{
    font-size: 1.6em;
  }
 }

 @media screen and (max-width: 422px){
  #becomeMemberText h1{
    font-size:1.3em;
  }
 }

 @media screen and (max-width: 363px){
  #becomeMemberText h1{
    font-size: 1em;
  }
 }

 @media screen and (max-width: 287px){
  #becomeMemberText h1{
    font-size: 12px;
  }
 }

 @media screen and (max-width: 240px){
  #becomeMemberText h1{
    font-size: 10px;
  }
 }

/*-======     tlp-Library    ======*/
section .library li.subjects{
   list-style-type: none;
   margin-left: 1.2em;
}
section .library_page{
   width: 100%;
}
.library .library-title {
    font: bold 18px/1em Arial, sans-serif;
    color: #222222;
}
.library .library-title {
    border-bottom: 2px solid #e6e6e6;
    width: 92%;
    margin: 10px 0 15px 0px;
    padding: 0 0 10px;
}
.library_page .library {
   display: inline-grid;
   margin: 0;
   padding: 0;
}
@media (max-width: 500px){
   .library_page .library {
      width: 100%;
      margin-bottom: 2vh;
   }
}
@media (min-width: 500px) and (max-width: 900px){
   .library_page .library {
      width: 50%;
      margin-bottom: 2vh;
   }
}
@media (min-width: 801px){
   .library_page .library{
      width: 33%;
      margin-bottom: 2vh;
   }
}
@media (min-width: 500px){
  .library_page .library:nth-child(odd){
    float:left;
    clear:left;
  }
  .library_page .library:nth-child(even){
    float:right;
    clear:right;
  }
}

/***
** Adjustments user name menu top ***
***/
ul .has-submenu ul#topbar_logged_user {
  width: 100%;
}
.logged-in  ul.nav_login{
  width: 20%;
}
ul.nav_login li.has-submenu > a{
  padding: 5em .5em;
}
ul.nav_login li.has-submenu a .user-name strong{
  max-width: 14ch;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  font-weight: normal;
}
.nav_login li.has-submenu {
  float: right;
  width: 88%;
}
body.woocommerce-checkout  .login_box:after,
.page-template-template-signup .login_box:after {
  left: 145px;
}
.nav_login ul.nav.top-navigation.fl {
    text-align: right;
}


.BCLvideoWrapper #placeHolder figure img{
  border: none;
  padding:0px;
}



/***
      ** Fix home page ***

      Instruction from total beginner to working professional --> .skillpic .image img & #main .tourskill .tourskillrow
      Get instant access to our entire video lesson library --> .tourcontent_row .threecol-one
      Learn from world-class master artists. --> #main .fpinstructors .widget_woothemes_features .features .feature
      Unleash your creative potential with instruction for --> .fpcategories .fpcatrow
***/
#main .testrow p.pullright{
  text-align: center;
}
.skillpic .image img {
    box-shadow: 0px 3px 7px #888888;
}
.testrow .element-container{
  max-width: 100%;
  display: flex;
  margin-bottom: 2em;
}
.testrow .element-container .element{
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}
blockquote #testimonial .testimonial-style-7{
    font-size: 14px;
    line-height: 1.4em;
    width: 100%;
}
blockquote.testimonial-style-7 .testimonial-style-7-container {
    line-height: inherit;
    line-height: 1.4em;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
    background-color: #fff;
    position: relative;
    display: block;
    margin: 0;
    padding: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    box-shadow: 0 2px 3px 1px rgba(0,0,0,.05);
}
blockquote .testimonial-style-7-container p{
    font-size: 17px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}
blockquote.testimonial-style-7 .tip-bordera{
    position: absolute;
    left: 25%;
    margin: 0 0 0 -15px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #e6e6e6;
}
blockquote.testimonial-style-7 .tip-borderb{
    position: absolute;
    left: 75%;
    margin: 0 0 0 -15px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #e6e6e6;
}
blockquote.testimonial-style-7 .tipa{
      position: absolute;
    left: 25%;
    margin: -3px 0 0 -15px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
}
blockquote.testimonial-style-7 .tipb{
    position: absolute;
    left: 75%;
    margin: -3px 0 0 -15px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
}
.testimonial-style-7-img-container{
    margin: 25px auto;
}
.testimonial-style-7-img-container {
    display: block;
    margin: 35px auto;
    height: 80px;
    width: 80px;
    border-radius: 100px;
    position: relative;
    border: 1px solid #eee;
    line-height: 1.4em;
    overflow: hidden;
}
blockquote.testimonial-style-7 img {
    height: auto;
    width: 80px;
    vertical-align: middle;
}
blockquote.testimonial-style-7 cite {
    text-align: center;
    margin: 20px auto 0;
}
blockquote cite {
    display: block;
    color: #555;
}
blockquote.testimonial-style-7 cite strong {
    display: block;
    font-family: Open Sans,sans-serif;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 0.8em;
    color: rgb(0, 0, 0);
}
.fpcategories .fpcatrow a .categorypic:hover img {
    opacity: 1;
}
@media only screen and (max-width: 480px) {
  #main .fpinstructors .widget_woothemes_features .features .feature {
      width: 48%;
      margin-left: 1%;
      margin-right: 1%;
  }
  #wrapper .sales-page .woo-sc-button.nma-btn{
    width: 100%;
    margin-right: 0;
  }
  .form-sales-recipient{width:100%}
}
@media screen and (min-width : 769px){
  .fpcategories .fpcatrow {
      width: 100%;
      display: flex;
  }
  .fpcategories .fpcatrow .twocol-one {
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
  }
  #main .tourskill .tourskillrow .threecol-one{
     float: left;
    margin-right: 1.5%;
    margin-left: 1.5%;
    width: 30.33333333%;
    margin-bottom: 2%;
    position: relative;
  }
  .tourcontent_row .threecol-one{
    margin-right: 1%;
    width: 31.33333333%;
    margin-bottom: 2%;
    margin-left: 1%;
  }
}
@media screen and (max-width : 768px){
  .fpcategories .fpcatrow .twocol-one {
    text-align: center;
  }
  #main .fpinstructors .widget_woothemes_features .features .feature {
      width: 30.333333333%;
      margin-left: 1.5%;
      margin-right: 1.5%;
  }
   .videothumb {
      width: 78%;
      text-align: center;
      margin-left: 11%;
      margin-right: 11%;
  }
  .threecol-one.ad-video {
    text-align: center;
  }
  .testrow .element-container {
    max-width: 100%;
    display: inline;
  }
  .testrow .element-container .element{
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
  }
  blockquote.testimonial-style-7 .tip-bordera{
    left: 50%;
  }
  blockquote.testimonial-style-7 .tipa{
    left: 50%;
  }
  blockquote.testimonial-style-7 .tip-borderb{
    left: 50%;
  }
  blockquote.testimonial-style-7 .tipb{
    left: 50%;
  }
}
@media only screen and (max-width: 600px){
  #main .fpinstructors .widget_woothemes_features .features .feature {
    margin-right: 1%;
    width: 31.333333333%;
    margin-left: 1%;
  }
  #main .fpinstructors .widget_woothemes_features .features .feature:nth-child(3n+1){
    clear:left
  }
}
@media (min-width: 600px) and (max-width: 667px){
  #main .fpinstructors .widget_woothemes_features .features .feature {
    margin-right: 2%;
    width: 29.333333333%;
    margin-left: 2%;
  }
}
@media (min-width: 668px) and (max-width: 920px){
  #main .fpinstructors .widget_woothemes_features .features .feature {
     margin-right: 1%;
     width: 23%;
     margin-left: 1%;
  }
}
@media only screen and (min-width: 920px){
  #main .fpinstructors .widget_woothemes_features .features .feature {
     float: left;
     margin-right: 0%;
     width: 20%;
     margin-left: 0;
  }
}

/**
* Put here the background images to retina displays
*
*/
@media all and (-webkit-min-device-pixel-ratio: 1.5),
       all and (-o-min-device-pixel-ratio: 3 / 2),
       all and (min--moz-device-pixel-ratio: 1.5),
       all and (min-device-pixel-ratio: 1.5) {
  /**
   * Example to how use images background on retina displays
   *
   *  #item {
   *    background: url("/images/url-of-image.png") center center no-repeat;
   *    background-size: cover;
   *  }
  */
}
/** Adjustment thumb image in page Videolessons and search **/
.lesson-preview-left .thumbnail {
  max-width: 230px;
}

@media (min-width: 540px){
  #results .results .videolessons >.lesson-preview-left {
    width: 40%;
  }
  #results .results .videolessons >.lesson-preview-right {
    padding: 19px 5px 10px;
    width: 60%;
  }
}
@media (min-width: 700px){
  #results .results .videolessons >.lesson-preview-left {
    width: 27%;
  }
  #results .results .videolessons >.lesson-preview-right {
    padding: 19px 5px 10px;
    width: 73%;
  }
}
/** Adjustment in Image of search **/
#results .results article.sets-archive .stack a img {
  width: 100%;
}
#results .results article.sets-archive .stack{
  width: 70.21%;
  margin-left: 16%;
}
#results .results article.sets-archive{
  width:49%;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.white-popup h3{margin-bottom: 20px;}
.white-popup p{margin-bottom:10px;}
.white-popup ul{margin-left: 20px;margin-bottom: 10px;}
.white-popup ul li{list-style: circle;}
.white-popup .button{font-size: 14px;}
.white-popup #option-rather-cancel .actions a{margin-bottom:10px;}
.popup-cancel-dap #option-rather-cancel .actions a {display:block}
#popup-cancel-subscription{}
#popup-cancel-subscription select{
  padding: 5px;
  display: block;
  width: 100%;
  margin:10px 0;
}
#popup-cancel-subscription .actions{
  margin:10px 0;
}
#popup-cancel-subscription #form-cancel-message{
  width: 97%;
}
body #wrapper #inner-wrapper{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

body #wrapper #inner-wrapper #main,
body #wrapper #inner-wrapper #content{
  flex:1;
}
body.bbpress { background: #eeeeee; }
#bbpress-forums div.bbp-the-content-wrapper input{color:#000!important;}
#bbpress-forums #bbp-your-profile fieldset #wpua-upload-messages-existing{overflow: hidden;}
#bbpress-forums #bbp-your-profile fieldset [id^="wpua-"] span.description{margin-left: 0}

.woocommerce-account .myaccount .confirmation-page-subscription-cancelled textarea.wpcf7-form-control.wpcf7-textarea {
    width: 96% !important;
}
/* style in slingle 3d, prev/next */
body.single-3dmodels div.post-entries {
    clear: both;
    margin-top: 1.7em;
    padding: 10px 0px;
    border-top: 1px solid #ccc;
}
body.single-3dmodels div.post-entries .nav-prev a,
body.single-3dmodels div.post-entries .nav-next a {
    font-size: 1.1em;
}
body.single-3dmodels div.post-entries a i,
body.single-3dmodels div.post-entries a i {
    padding: 5px;
}
body.single-3dmodels div.post-entries a{
  font: 400 30px/1.2em 'Open Sans', arial, sans-serif;
  color: #888;
}
body.single-3dmodels div.post-entries a:hover{
  color: #383838;
}
.truncate-text {
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inherit;
}
.card-content .truncate-text{
  display: block;
  text-align: left;
  float: left;
}
.card-content .author.vcard{
  font-size:12.25px;
}

.truncate-multiline-text{
  display: block;
  display: -webkit-box;
  max-width: 98%;
  margin: 0 auto;
  line-height: 1.2;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Caleb NMANS-392 - homepage style adjustments */

body.home .fpfeatures h2, body.home .fpinstructors h2, body.home .threedrow h2, body.home .testrow h2, body.home .tourskill h2, body.home .tourcontent_row h2, body.home .images_row h2, body.home .signupaction h2 {
    font: 300 38px/1em 'Open Sans',arial,sans-serif;
    margin-top: 10px;
    margin-bottom: 30px;
}

body.home .images_row h2 {
    margin-bottom: 10px;
}

body.home .fpinstructors .widget_woothemes_features .feature {
    margin-bottom: .5em;
}


body.home .fpfeatures .widget_woothemes_features .feature .feature-title {
    margin-bottom: 0.4em;
    font-size: 1.4em;
}

body.home .fpfeatures .widget_woothemes_features .feature .feature-content, .fpfeatures .widget_woothemes_features .feature .feature-content strong, body.home .tourfeatures .widget_woothemes_features .feature .feature-content strong {
    font-size: 1em;
}

body.home .fpfeatures .widget_woothemes_features .feature {
    margin-bottom: 1em;
}

@media only screen and (max-width: 768px){

    body.home .fpfeatures h2, body.home .fpinstructors h2, body.home .threedrow h2, body.home .testrow h2, body.home .tourskill h2, body.home .tourcontent_row h2, body.home .images_row h2, body.home .signupaction h2 {
        font-size: 1.8em;
    }

    .threed_header, .image_subhead {
        font-size: 1.4em;
    }

    .black_hero_tagline {
        font-size:2em;
    }

    body.home #main .widget_woothemes_features .columns-6 .feature img {
        width: 25%;
    }
    body.home .fpinstructors .feature.last {
        display: none;
    }

    #outer_footer {
        text-align: center;
    }

    #outer_footer .social li {
        text-align: left;
    }

    /* For getting started tab area */
    .tabs a {
        font-size:14px !important;
    }
}

#outer_footer .social li:last-of-type {
    margin-right:0;
}

body.home .signupaction .woo-sc-button.yellow-btn.custom.large.nma-btn.yellow, #outer_footer .woo-sc-button.yellow-btn.custom.large.nma-btn.yellow {
    margin-right: 0;
}

.threed_subhead {
    display: none;
}

.threed_header {
    font-weight: normal;
}

.testimonial-style-7-img-container {
    margin-bottom: 0;
}

blockquote.testimonial-style-7 cite strong {
    margin-bottom: 5px;
}

body.home .testrow cite {
    margin-bottom:.5em;
    margin-top:.5em;
}

.testrow .element-container {
    margin-bottom:.5em;
}

body.home .images_row .images_box {
    margin-bottom: 0;
}


/*
    JONAS: We can remove this after the footer banner is actually removed from the HP
    I want this to be hidden when Joshua checks it out
*/
body.home .trial-footer, body.home .trial-header {
    display: none;
}


/* End Caleb NMANS-392 */

/*
* This is to force all bbpress pages to have full-content (without sidebar)
*/
body.bbpress.forum #content #main-sidebar-container #main,
body.bbpress.topic #content #main-sidebar-container #main {
  width: 100%;
}


body #bbpress-forums #bbp-your-profile fieldset.submit button{
  font-size:inherit;
  background: inherit;
}
body #bbpress-forums #bbp-your-profile fieldset.submit button:hover{
  background: #3bc2b7;
}
body #bbpress-forums #bbp-your-profile fieldset.submit #bbp_user_edit_submit:hover{
  background: inherit;
}

#main article.gridView .thumbnail a.quickthumb .watchLater,
#main article.gridView .thumbnail a.quickthumb .add_to_playlist{
    height: 21px;
}
#main article.gridView:hover .thumbnail a.quickthumb .watchLater,
#main article.gridView:hover .thumbnail a.quickthumb .add_to_playlist{
    display: table;
}

#main article.gridView .thumbnail i.fa {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#main article.gridView .thumbnail i.fa:before{
  line-height: normal;
}


/* CALEB COACHING STYLES */

ul.payment-review {
    list-style-type: none;
    margin: 0 !important;
    padding: 1em !important;
    margin-bottom: 1.618em !important;
    -webkit-border-radius: 0.327em;
    -moz-border-radius: 0.327em;
    border-radius: 0.327em;
    color: rgba(0, 0, 0, 0.6);
}

ul.payment-review li {
    list-style: none;
    font-size: 100%;
    border-bottom: 1px solid #ccc;
    color: rgba(0, 0, 0, 0.6);
}

ul.payment-review li:last-child {
    border: none;
}

ul.payment-review li a {
}

ul.payment-review li a:hover {

}

/* END CALEB COACHING STYLES */

/*CALEB LEARNING PATH OVERRIDE*/

.my-courses.lpb-container>article>div.left-container>a>span {
    background: rgba(66, 139, 202, 0.78) !important;
}

.lpb-content {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 650px) {
    .lpb-content .btn-container a {
        width: 100% !important;
    }
}

.whats_new-item.lessons article a.quickthumb img, .related-item article a.quickthumb img, .also_watched-item article a.quickthumb img {
    height:100%;
}

.whats_new-item.lessons article a.quickthumb, .related-item article a.quickthumb, .also_watched-item article a.quickthumb {
    max-height: 122px;
    overflow: hidden;
}

.whats_new-item_title a.item_title, .related-item_title a.item_title, .also_watched-item_title a.item_title {
    font: 400 17px/1.2em 'Open Sans', arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    text-align: left;
    color: #555555;
}

.whats_new-title.view_more {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-top: 10px;
}

#results .post-more {
    display: none;
}
/*END CALEB LEARNING PATH OVERRIDE*/

/* CALEB PROGRESS BAR */

.ui-widget-header {
    background: #3bc2b7;
}

#learningpath-progressbar {
    height: 0.5em;
}

.slick-slide article.item_thumb .progress_div .progress {
    width: 70% !important;
    height: 8px !important;
    margin-top:7px !important;
}

.progress_div .percentage, .progress_div .h-times {
    line-height: 10px;
    font-size:10px;
}

.progress_div .h-times {
    margin-bottom: 10px;
    display: block !important;
}

/* END CALEB PROGRESS BAR */

/* CALEB MISC STYLES */

.type-videolessons + div .box_to_collide {
    margin-bottom:20px;
}

body.single-videolessons h2.related-title, body.single-videolessons h2.also_watched-title, body.single-videolessons h2.learning_path-title {
    padding-left:0;
}

.lpb-content .black_hero_tagline {
    max-width: 50%;
}

@media screen and (max-width: 650px) {
    .lpb-content .black_hero_tagline {
        max-width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    #play_copy_subjead {
        display: none;
    }
}

.top-navigation .fa {
    width: 24px;
}

.box-coaching-addons h1 {
    font-size: 1.4em;
}
.place-order{
  width: 100%;
box-sizing: border-box;
}
.place-order #place_order {
    font-size: 1.2em;
    float: right;
}
/**
* Hide the paypal user email near on "place order" button
*/
.place-order .ppcp-vaulted-paypal-details{
  display: none!important;
}
.woocommerce-checkout div.submit_area {
  display: block;
  text-align: right;
}
.woocommerce-checkout div.submit_area #siteseal{
  display: inline-block;
  padding: 8px 10px;
}
.woocommerce-checkout div.submit_area #siteseal img{
  padding: 0;
  border: 0;
}
.woocommerce-checkout .woocommerce-password-strength { font-weight: bold; }
.woocommerce-checkout .woocommerce-password-strength.short,
.woocommerce-checkout .woocommerce-password-strength.bad{
  color: #f00;
}
.woocommerce-checkout .woocommerce-password-strength.good{
  color:#ff9400;
}
.woocommerce-checkout .woocommerce-password-strength.strong{
  color:green;
  }

body.woocommerce-checkout .place-order #place_order{
    background: #080 ;
    font-size: 1.5em;
    height: auto;
    line-height: 1.5;
}
body.woocommerce-checkout .place-order #place_order:before{
    content:none;
  }
body.woocommerce-checkout .place-order #place_order:hover{
  background: #080 ;
  opacity: 0.8;
}

#quick-view-box .quick-view-info .quick-view-about .author-box .author-name {
    font-size: .8em;
}

#quick-view-box .quick-view-info .quick-view-about .duration-box .duration-text {
    margin-top:0;
}


#quick-view-box .quick-view-info .quick-view-about .author-box .author-title, #quick-view-box .duration-box .duration-info {
    color: #000;
    margin-top: 10px;
    font-size: 1em;
}



/* END CALEB MISC STYLES */



/* CALEB SALES PAGE */

#coaching-program .sales-button-container {

}

#coaching-program a.sales-button-button {
    text-align: center;
    padding: 30px 0;

}

#coaching-program.page-learn-more #main-banner .sales-text-callout {

}

#coaching-program.page-learn-more #main-banner .sales-text-callout h2 {
    font-size:24px;
    text-align: center;
    border-bottom: none !important;
    margin: 20px 0;
    padding-bottom:0;
}

#coaching-program.page-learn-more.page-lifetime #why-choosse-coaching-program .threecol-one, #coaching-program.page-learn-more.page-lifetime #why-choosse-coaching-program .feature-block-title, #coaching-program.page-learn-more.page-lifetime #why-choosse-coaching-program .feature-block-title h3 {
    text-align: center;
}
#coaching-program.page-learn-more.page-lifetime #why-choosse-coaching-program .feature-block-title h3 {
    width: 100%;
}

.flex-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.flex-grid .col{
  margin-bottom: 20px;
}
.flex-third-cols,
.flex-five-cols{
  text-align:center;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sales-page iframe{
  display:block;
  width: 100%;
}
.sales-page section h1{text-align:center;font-weight: bold;}
.sales-page section#features{
  padding:20px 0;
  text-align:center;
  background:#f6f6f6;
}

.sales-page section h1{
  margin:10px 0 20px  ;
}

.sales-page section#main-promo h3{
  padding: 10px 0;
}
.sales-page section#main-promo h4{
  background: #f6f6f6;
  padding: 10px 0;
}
.sales-page section#main-promo h1,
.sales-page section#main-promo h2,
.sales-page section#main-promo h3,
.sales-page section#main-promo h4,
.sales-page section#main-promo p{
  margin:10px 0;
}
.sales-page section#main-promo h2{}
.sales-page section#main-promo h3{}
.sales-page section#main-promo p{text-align:center;}
.sales-page section#main-promo small{
  font-size: 0.9em;
  font-style: italic;
}
.sales-page section#plans-comparison{
  background: #f6f6f6;
  padding:20px 0;
  clear: both;
}
.sales-page section#plans-comparison h1{
  margin:0 0 20px;
  font-size: 1.5em;
}
.sales-page section#sales-features .title-video-lesson-releases{
  font-weight: bold;
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 3px solid #ddd;
    text-align:center;
}
.sales-page section#sales-features img{max-height:50px;margin-bottom:20px;}
.sales-page section#sales-features h2{
  font-size:16px;
  margin: 0 0 10px;
  font-weight:bold
}
.sales-page section#sales-video-lessions-releases{padding:20px 0 0}
.sales-page section#sales-video-lessions-releases p{
  font-size:14px;
  margin:20px 0;
}
.sales-page section#sales-faq{}
.sales-page section#sales-faq h3{
  font-weight:  bold;
  font-size: 14px;
  margin-bottom: 10px;
  color:#333
}
.sales-page section#sales-faq span{
  margin-right: 10px;
  color:#000;
  font-weight: bold;
}
.sales-page section#sales-faq p{
  color: #666;
  margin-top:10px;
}
.sales-page section#sales-testimonial{}

.sales-page section#sales-testimonial .testimonial-text{
  min-height: 105px;
  background-color: #fff;
  position: relative;
  display: block;
  padding: 20px;
  margin-bottom:30px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  box-shadow: 0 2px 3px 1px rgba(0,0,0,.05);
}
.sales-page section#sales-testimonial .testimonial-text:before{
  content: "";
  vertical-align: middle;
  margin-right: 10px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #f1f1f1;
  bottom: -17px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.sales-page section#sales-testimonial .testimonial-text:after{
  content: "";
  vertical-align: middle;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #fff;
  bottom: -13px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.sales-page section#sales-testimonial .testimonial-avatar{
  display: block;
  height: 80px;
  width: 80px;
  border-radius: 100px;
  border: 1px solid #eee;
  overflow: hidden;
  margin: 0 auto;
}
.sales-page section#sales-testimonial .testimonial-avatar img{
  height: auto;
  width: 80px;
  vertical-align: middle;
}
.sales-page section#sales-testimonial .testimonial-author{
  margin-top: 20px;
  text-align:center;
}
#wrapper .sales-page .woo-sc-button.nma-btn{}
body #main.signup-page {
    padding: 0 15px;
    box-sizing: border-box;
}

#plan-faqs .section-title, #nma-testimonials .section-title {
    text-align: center;
    font-weight: 500;
}

.feature-block-title .feature-icon .fa {
    float: none !important;
    margin:0 !important;
    text-align: center;
    font-size: 80px !important;
}

.feature-block-title .feature-icon {
    height: 80px;
}

.sales-button-button {
    width:80%;
    margin-left:10%;
    margin-right:10%;
}

@media only screen and (max-width: 768px) {
    .sales-button-button {
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    #coaching-program.page-learn-more #main-title h1 {
        font-size: 32px;
    }
}
/* END CALEB SALES PAGE */

/* add icon in buttom - PAGE CHECKOUT Adolfo */
.woocommerce-checkout button#place_order:before {
    display: inline-block;
    font-family: FontAwesome;
    float: left;
    content: "\f023";
    font-weight: 300;
    margin-right: .5em;
}

/*@media only screen and (min-width: 45em){

.woocommerce-checkout .cols-1-3 > div:first-child{
  float: left;
}
.woocommerce-checkout .cols-1-3 > .col-4{
  width: 32%;
}
.woocommerce-checkout .cols-1-3 > .col-8{
  width: 65%;
}
.woocommerce-checkout .cols-1-3 > div:last-child{
  float:right;
  }
}*/

body.woocommerce-checkout form div#payment.woocommerce-checkout-payment ul.payment_methods li img{
  margin: 0 3px;
}
body.woocommerce-checkout form div#payment.woocommerce-checkout-payment ul.payment_methods li > label{
  cursor: pointer;
  font-size: 17px;
    font-weight: bold;
    padding: 0 0 20px;
}
body.woocommerce-checkout form div#payment.woocommerce-checkout-payment ul.payment_methods li.gateway_active > label{
      font-size: 22px;
}

.woocommerce-checkout .privacy-notice-checkout{
  font-style: italic;
}
.woocommerce-checkout #stripe-payment-data p {
  font-style: italic;
}

.spinner.loading i.fa{
    font-size: 3em;
    left: 50%;
    top: 50%;
    position: absolute;
    margin: 0 auto;
    margin-left: -11px;
    margin-top: -21px;
}
.spinner.loading:before {
  content: "";
  height: 100px;
  width: 100px;
  margin: 0 auto;
  position: absolute;
  top: 14%;
  left: 24%;
  border-width: 5px;
  border-style: solid;
  border-color: #2180c0 #ccc #ccc;
  border-radius: 100%;
  animation: rotation 0.8s infinite linear;
}
.float-banner {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 205px;
  height: 150px;
  z-index: 1102;
  margin-left: -102px;
  margin-top: -75px;
  background-color: #fff;
  border-radius: 5px;
}
div#overlay {
  background: rgba(1,1,1,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1100;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.woocommerce-checkout .woocommerce-mailchimp-opt-in,
.woocommerce-account .woocommerce-mailchimp-opt-in{
  display:none;
    background: #3bc2b7;
    clear: both;
    width: 100%;
    float: left;
    padding: 17px;
    color: #fff;
    line-height: normal;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.woocommerce-checkout .woocommerce-mailchimp-opt-in input,
.woocommerce-account .woocommerce-mailchimp-opt-in input{
  margin-bottom: 0;
}

.order-total{
  font-size: 18px;
}
.order-total.recurring-total{ font-size: inherit; }
.first-payment-date { color: #FF4800; }
.woocommerce table.shop_table td .first-payment-date small { color:#3BC2B7; font-weight: bold;}
table.woocommerce-checkout-review-order-table .recurring-totals th{
  font-size: 15px;
}

/* HOMEPAGE STYLE */

#main .promos h4 {
    text-align: center;
}

.widget_woothemes_features {
    margin-top: 20px;
}

.woo-sc-button.yellow-btn.custom.large.nma-btn.yellow {
    margin-bottom: 20px;
}

.testrow {
    margin-bottom: 20px;
}

/* END HOMEPAGE STYLES */

/* START ADMIN CSS MOVE */

.trial-header, .trial-footer {
    background-size: cover !important;
}

#subscription-toggle a {
    font-weight: bold;
    padding: 0 2px 0 2px;
}

/* Account */

.menu-myaccount-container #profile {
    display: none;
}

.entry .basic-font blockquote, .page-template-template-about-us blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 0px;
    padding: .5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
.entry .basic-font blockquote:before, .page-template-template-about-us blockquote:before {
    font-family: "FontAwesome";
    content: "\f10d";
    color: #ccc;
    font-size: 1.5em;
    line-height: inherit;
    margin-right: 0.25em;
    vertical-align: -0.2em;
    left: 5px;
}

.entry .basic-font blockquote h2 {
    margin-left:22px !important;
}

.entry .basic-font blockquote p, .page-template-template-about-us blockquote p {
    display: inline;
}

.page-template-template-about-us.page h1, .page-template-default h1.title {
    font: 300 32px 'Open Sans',arial,sans-serif !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.page-template-default.woocommerce-checkout h1.title.groupaccount{
  padding-bottom: 20px;
}

.page-template-default.woocommerce-checkout h1.standard_checkout_title{
    float: left;
    line-height: 2;
    font-size: 3.5em;
}
.page-template-default.woocommerce-checkout .seals{
  float: right;
  max-width: 470px;
  height: auto;
}

.about-us-top-links.fr {
    margin-top: 15px
}

.basic-font, .basic-font p {
    font: 15px/1.5em Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* HIDE EMBED FOR NOW */
#share-popover .embed-container {
    display: none;
}

/* fix FF signup button */

body #main.signup-page #box-choose-plans .button-next-step {
    border: none;
    background: #3bc2b7;
    color: #fff;
}

body #main.signup-page {
    padding: 0 15px;
    box-sizing: border-box;
}

/* WOOCOMMERCE THANK YOU STYLES */
.woocommerce-thankyou-order-details.order_details {
    font-size: .9em !important;
}

.woocommerce-thankyou-order-details.order_details li {
    border-right: none !important;
}

/* END WOOCOMMERCE THANK YOU STYLES */

.woocommerce-checkout .woocommerce-info {
    display:none;
}

body.single-videolessons.videolessons-template-default .woocommerce-error{
  margin-top: 20px;
    background: #ffbdbd;
    color: red;
    border: 1px solid #f00;
    padding: 5px;
}
body.single-videolessons #tabs_wrapper .tab-content{
  padding:0;
}
.videolessons-template-default .woocommerce-error {
    margin-top:20px;
}

/* Letter spacing for billing cycle buttons */

#box-choose-plans.cycle-step .cycle-plan .cycle-block p {
    letter-spacing: .009em;
}

/* RENEWAL USER STYLES */
body.expired-user #header {
    /*height: inherit;*/
}

.expired-user.subscription_flow .trial-header, .woocommerce-page.woocommerce-order-received .trial-header {
    background-image: url('https://s3.amazonaws.com/uploads.nma.art/uploads/2018/02/darkbg2.jpg');
}

#alert-reactivate {
    background: #191919;
    color: white;
}

#alert-reactivate h3 {
    color:white;
    font-size: 18px;
}

#wrapper #alert-reactivate .woo-sc-button {

    background: black !important;
    border-color: #ffb900 !important;
    color: #000!important;
    background: -moz-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%) !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(2%,#ffe6a0),color-stop(100%,#ffba00)) !important;
    background: -webkit-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%) !important;
    background: -o-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%) !important;
    background: -ms-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%) #ffba00 !important;
    background: linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%) #ffba00 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6a0', endColorstr='#ffba00', GradientType=0) !important;
    border-color: #ffb900 !important;

}

.woocommerce-checkout.woocommerce-page .reactivate-sumary, .woocommerce-checkout.woocommerce-page .step-box.step-payment {
    display: none;
}




/* END RENEWAL USER STYLES */

/* HIDE QUICK VIEW SEARCH @TODO: fix this */

body.search-results .results.ui-accordion-content .openQuickView.quickView {
    display: none;
}

/* END HIDE QUICK VIEW SEARCH */

.promos .videothumb .image img {
    margin: auto !important;
}

@media only screen and (max-width: 767px) {
    .promos h4 {
        font-family: Open Sans,sans-serif;
        font-weight: 200;
        font-size: 18px;
        color: rgb(82, 82, 82);
        padding-bottom: 1em !important;
    }
}

.promos .threecol-one {
    margin-right: 4%;
}

/* EDN ADMIN CSS MOVE */

.woocommerce-grouped-product-list-item__price{
  padding:5px;
}

body .bottom-zero{
  margin-bottom: 0;
}

.fancybox-caption:after{border-bottom: 0}
/**
 * Lifetime landing page
 */
.lifetime-landing-page section#main-promo h1,.lifetime-landing-page section#main-promo h2{
    font-weight: bold;
    text-align: center;
}
.lifetime-landing-page section#main-promo h1{
    color: #ff0000;
    font-size: 48px;
}
.lifetime-landing-page section#main-promo h2{
    margin: 0;
    font-size: 28px;
}
.lifetime-landing-page section#main-promo{padding: 10px 0}
.lifetime-landing-page .enrollment-text{
    background: #f6f6f6;
    padding: 10px 0;
    margin: 5px 0;
}
.lifetime-landing-page .enrollment-text p{
    font-weight: bold;
    text-align: center;
    color: #000
}
.lifetime-landing-page #sales-video-lessions-releases .promos h4{text-align: center;}
.lifetime-landing-page #why-choosse-coaching-program .feature-block{min-height: 215px;}
.lifetime-landing-page section#plan-faqs{
    background: #f0f0f0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;

}
.lifetime-landing-page blockquote .tipa,
.lifetime-landing-page blockquote .tipb,
.lifetime-landing-page blockquote .tipc,
.lifetime-landing-page blockquote .tip-bordera,
.lifetime-landing-page blockquote .tip-borderb,
.lifetime-landing-page blockquote .tip-borderc{left: 50%;}
.lifetime-landing-page blockquote .testimonial-style-7-container{padding:12px;}
.lifetime-landing-page blockquote .testimonial-style-7-container p {
    font-style: normal;
    font-size: 13px;
    line-height: 24px;
    color: #000;
    text-align: center;
}
.signup-page.login-error .woocommerce-form-login-toggle,
.signup-page.login-error .woocommerce-form-login{display: block!important;}
.signup-page .woocommerce-form-login .woocommerce-form__label-for-checkbox{
  margin-top: 15px;
}
.signup-page .woocommerce-form-login .lost_password{
  float: left;
  clear: both;
  margin-top: 5px;
  margin-left: 5px;
}
.woocommerce-error .dismiss-notice{
  position: absolute;
  left: 0;
  top: 15px;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}
.woocommerce-error.cc_abuse,
.woocommerce-error.recurrent_user{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  opacity: 0.98;
  z-index: 200;
}
.woocommerce-error.cc_abuse strong,
.woocommerce-error.recurrent_user strong{color:#000}
.woocommerce-error.cc_abuse:before,
.woocommerce-error.recurrent_user:before{
  content: none;
}
/*
GIFTING
*/
.form-row.form-row.woocommerce_subscriptions_gifting_recipient_email

{ width:100%; }

.form-row.form-row.woocommerce_subscriptions_gifting_recipient_email label:first-child

{ font-family: arial; font-weight: bold; }

.cart_item a.remove {
    position: relative;
    float: left;
    margin: 2px;
    margin-right: 7px;
}

/*
* CUSTOM PAGE FOR EDUCATORS
*/
body.page-template-tpl-educators-program #FAQ.nma-section .entry strong{
  font-weight: bold;
}
body.page-template-tpl-educators-program .nma-section .entry h1.btn-container{
  font: 300 28px/1.2em 'Open Sans', arial, sans-serif;
}
body.page-template-tpl-educators-program .nma-section .entry h3{
  font: 300 20px/1.2em 'Open Sans', arial, sans-serif;
}
body.page-template-tpl-educators-program .nma-section .entry strong {
  font-weight: bold;
}

body.page-template-tpl-educators-program .nma-section {
    width: 100%;
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
    box-sizing: border-box;
}
body.page-template-tpl-educators-program .nma-section .entry p{
     font-family: 'Open Sans' !important;
    line-height: 1.5;
    font-weight: 400;
    font-size: 16px;
}
body.page-template-tpl-educators-program .entry .woo-sc-button.large {
  font-size: 2.2rem !important;
}
body.page-template-tpl-educators-program .woo-sc-button.large {
  font-size: 1.4rem !important;
}
body.page-template-tpl-educators-program p,
body.page-template-tpl-educators-program li{
  font-size: 18px;
  margin-bottom: 10px;
}
body.page-template-tpl-educators-program h1 a {
  margin-right: 0;
}
/*
* CUSTOM PAGE FOR EDUCATORS
* copied from bootstrap for FAQ section
*/
body.page-template-tpl-educators-program #FAQ .container .col, body.page-template-tpl-educators-program #FAQ .container .col-1, body.page-template-tpl-educators-program #FAQ .container .col-10, body.page-template-tpl-educators-program #FAQ .container .col-11, body.page-template-tpl-educators-program #FAQ .container .col-12, body.page-template-tpl-educators-program #FAQ .container .col-2, body.page-template-tpl-educators-program #FAQ .container .col-3, body.page-template-tpl-educators-program #FAQ .container .col-4, body.page-template-tpl-educators-program #FAQ .container .col-5, body.page-template-tpl-educators-program #FAQ .container .col-6, body.page-template-tpl-educators-program #FAQ .container .col-7, body.page-template-tpl-educators-program #FAQ .container .col-8, body.page-template-tpl-educators-program #FAQ .container .col-9, body.page-template-tpl-educators-program #FAQ .container .col-auto, body.page-template-tpl-educators-program #FAQ .container .col-lg, body.page-template-tpl-educators-program #FAQ .container .col-lg-1, body.page-template-tpl-educators-program #FAQ .container .col-lg-10, body.page-template-tpl-educators-program #FAQ .container .col-lg-11, body.page-template-tpl-educators-program #FAQ .container .col-lg-12, body.page-template-tpl-educators-program #FAQ .container .col-lg-2, body.page-template-tpl-educators-program #FAQ .container .col-lg-3, body.page-template-tpl-educators-program #FAQ .container .col-lg-4, body.page-template-tpl-educators-program #FAQ .container .col-lg-5, body.page-template-tpl-educators-program #FAQ .container .col-lg-6, body.page-template-tpl-educators-program #FAQ .container .col-lg-7, body.page-template-tpl-educators-program #FAQ .container .col-lg-8, body.page-template-tpl-educators-program #FAQ .container .col-lg-9, body.page-template-tpl-educators-program #FAQ .container .col-lg-auto, body.page-template-tpl-educators-program #FAQ .container .col-md, body.page-template-tpl-educators-program #FAQ .container .col-md-1, body.page-template-tpl-educators-program #FAQ .container .col-md-10, body.page-template-tpl-educators-program #FAQ .container .col-md-11, body.page-template-tpl-educators-program #FAQ .container .col-md-12, body.page-template-tpl-educators-program #FAQ .container .col-md-2, body.page-template-tpl-educators-program #FAQ .container .col-md-3, body.page-template-tpl-educators-program #FAQ .container .col-md-4, body.page-template-tpl-educators-program #FAQ .container .col-md-5, body.page-template-tpl-educators-program #FAQ .container .col-md-6, body.page-template-tpl-educators-program #FAQ .container .col-md-7, body.page-template-tpl-educators-program #FAQ .container .col-md-8, body.page-template-tpl-educators-program #FAQ .container .col-md-9, body.page-template-tpl-educators-program #FAQ .container .col-md-auto, body.page-template-tpl-educators-program #FAQ .container .col-sm, body.page-template-tpl-educators-program #FAQ .container .col-sm-1, body.page-template-tpl-educators-program #FAQ .container .col-sm-10, body.page-template-tpl-educators-program #FAQ .container .col-sm-11, body.page-template-tpl-educators-program #FAQ .container .col-sm-12, body.page-template-tpl-educators-program #FAQ .container .col-sm-2, body.page-template-tpl-educators-program #FAQ .container .col-sm-3, body.page-template-tpl-educators-program #FAQ .container .col-sm-4, body.page-template-tpl-educators-program #FAQ .container .col-sm-5, body.page-template-tpl-educators-program #FAQ .container .col-sm-6, body.page-template-tpl-educators-program #FAQ .container .col-sm-7, body.page-template-tpl-educators-program #FAQ .container .col-sm-8, body.page-template-tpl-educators-program #FAQ .container .col-sm-9, body.page-template-tpl-educators-program #FAQ .container .col-sm-auto, body.page-template-tpl-educators-program #FAQ .container .col-xl, body.page-template-tpl-educators-program #FAQ .container .col-xl-1, body.page-template-tpl-educators-program #FAQ .container .col-xl-10, body.page-template-tpl-educators-program #FAQ .container .col-xl-11, body.page-template-tpl-educators-program #FAQ .container .col-xl-12, body.page-template-tpl-educators-program #FAQ .container .col-xl-2, body.page-template-tpl-educators-program #FAQ .container .col-xl-3, body.page-template-tpl-educators-program #FAQ .container .col-xl-4, body.page-template-tpl-educators-program #FAQ .container .col-xl-5, body.page-template-tpl-educators-program #FAQ .container .col-xl-6, body.page-template-tpl-educators-program #FAQ .container .col-xl-7, body.page-template-tpl-educators-program #FAQ .container .col-xl-8, body.page-template-tpl-educators-program #FAQ .container .col-xl-9, body.page-template-tpl-educators-program #FAQ .container .col-xl-auto{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
body.page-template-tpl-educators-program #FAQ .container .h1, body.page-template-tpl-educators-program #FAQ .container .h2, body.page-template-tpl-educators-program #FAQ .container .h3, body.page-template-tpl-educators-program #FAQ .container .h4, body.page-template-tpl-educators-program #FAQ .container .h5, body.page-template-tpl-educators-program #FAQ .container .h6,body.page-template-tpl-educators-program #FAQ .container h1,body.page-template-tpl-educators-program #FAQ .container h2,body.page-template-tpl-educators-program #FAQ .container h3,body.page-template-tpl-educators-program #FAQ .container h4,body.page-template-tpl-educators-program #FAQ .container h5,body.page-template-tpl-educators-program #FAQ .container h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
@media (min-width: 576px){
  body.page-template-tpl-educators-program #FAQ .container {
      max-width: 540px;
  }
}
@media (min-width: 768px){
  body.page-template-tpl-educators-program #FAQ .container .col-md-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }
  body.page-template-tpl-educators-program #FAQ .container {
    max-width: 720px;
  }
}
@media (min-width: 992px){
  body.page-template-tpl-educators-program #FAQ .container {
      max-width: 960px;
  }
}
@media (min-width: 1200px){
  body.page-template-tpl-educators-program #FAQ .container {
      max-width: 1140px;
  }
}

body.page-template-tpl-educators-program #FAQ .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
body.page-template-tpl-educators-program #FAQ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
body.page-template-tpl-educators-program #FAQ *,
body.page-template-tpl-educators-program #FAQ ::after,
body.page-template-tpl-educators-program #FAQ ::before{
    box-sizing: border-box;
}
body.page-template-tpl-educators-program #FAQ .text-center {
    text-align: center!important;
}
body.page-template-tpl-educators-program #FAQ .mb-4,
body.page-template-tpl-educators-program #FAQ .my-4 {
    margin-bottom: 1.5rem!important;
    margin-top: 1.5rem!important;
}
body.page-template-tpl-educators-program #FAQ .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
body.page-template-tpl-educators-program #FAQ p {
    margin-top: 0;
    margin-bottom: 1rem;
}
body.page-template-tpl-educators-program .trial-header .btn-container,
body.page-template-tpl-educators-program .trial-footer .btn-container{
  display:none;
}
body.page-template-template-education-program-step-2 .inner-content .institution-subjects .wpcf7-select-big{
  min-height: 8.5em;
  line-height: 1.5;
}

body.page-template-template-education-program-step-2 .inner-content input,
body.page-template-template-education-program-step-2 .inner-content select,
body.page-template-template-education-program-step-2 .inner-content textarea{
    width: 100%;
    box-sizing: border-box;
  }
  body.page-template-template-education-program-step-2 .inner-content select{
    line-height: 1.5;
    min-height: 2.5em;
        padding: 5px;
    background: #fff;
    border-color: #efefef;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1em;
    color: #666;
    font-family: inherit;
  }
  body.page-template-template-education-program-step-2 .inner-content input[type=submit]{
    width: 50%;
  }


/* caleb styles */
.wc_payment_method.payment_method_paypal, .woocommerce-SavedPaymentMethods-new {
border-bottom:none !important;
}

.beta_endpoint .wc_payment_methods.payment_methods{
  background-color: #555;
}

.beta_endpoint .entry-summary h1{
  color: #e9ebf0;
}
.beta_endpoint p.price,
.beta_endpoint #product-short-description h2,
.beta_endpoint ul li{
  color :#ccc;
}

.wc_payment_methods.payment_methods {
  background: #fafafa;
  padding: 20px !important;
  border: 1px solid #eee;
  -webkit-border-radius: 0.327em;
  -moz-border-radius: 0.327em;
  border-radius: 0.327em;
}


.woocommerce-checkout div.social_proof{
    position: relative;
    width: auto;
    clear: both;
    background: #fafafa;
    margin-top: 20px;
    display: block;
    float: left;
    border: 1px solid #eee;
    border-radius: 0.327em;
}

.woocommerce-checkout div.social_proof ul.testmonials li{
    float: left;
    position: relative;
    text-align: center;
    margin-bottom:20px
  }
  .woocommerce-checkout div.social_proof ul.testmonials li span.testmonial{
  display:block;
}
  .woocommerce-checkout div.social_proof ul.testmonials li blockquote p{
    font-style: italic;
  }
    .woocommerce-checkout div.social_proof ul.testmonials li blockquote cite{
      clear: both;
      margin-top: 10px;
      font-weight: bold;
    }
.woocommerce-checkout div.social_proof ul.testmonials li img{
   clip-path: circle(50px at center);
   max-width: 150px;
 }

@media (min-width: 1450px){
    .woocommerce-checkout div.social_proof ul.testmonialsli{
      margin: 0;
    }
    .woocommerce-checkout div.social_proof ul.testmonials {
      margin-top: 100px;
      padding: 2%;
    }
    .woocommerce-checkout div.social_proof {
        position: absolute;
        width: 265px;
        left: 50%;
        margin-left: -730px;
        top: 0;
        display: none;
        background: transparent;
      }
  body.woocommerce-checkout div.social_proof{
    display: block;
  }
  body.woocommerce-checkout #wrapper #inner-wrapper #content  {
    padding-bottom: 85px;
   }
  .woocommerce-checkout div.social_proof ul.testmonials li{
        width: 225px;
    }
  .woocommerce-checkout div.social_proof {
      border: none;
      border-radius: none;
  }

}
@media (min-width: 60em){
    .woocommerce-checkout div.social_proof ul.testmonials {
      width: 100%;
    }
  }

  @media only screen and (min-width: 30em) and (max-width: 60em) {
    .woocommerce-checkout div.social_proof ul.testmonials li.col-6-sm:nth-child(3n){
        clear:both;
    }
  }
  @media only screen and (min-width: 1px) and (max-width: 45em){
    .woocommerce-checkout div.social_proof{
      width: 100%;
    border: none;
    border-radius: 0;
    background: transparent;
    }
    .woocommerce-checkout div.social_proof ul.testmonials {
      min-height: 300px;
      width: 100%;
    }
    .woocommerce-checkout div.social_proof ul.testmonials li.sm-active{
      opacity: 1;
    }
    .woocommerce-checkout div.social_proof ul.testmonials li{
      width: 96%;
      transition: opacity 1s;
      opacity: 0;
      position: absolute;
      border: 1px solid #eee;
      border-radius: 0.327em;
      background: #fafafa;
      padding: 0 2% 20px;
      margin: 0;
    }
    .woocommerce-checkout div.social_proof ul.testmonials li{
      opacity: 0;
      display: block;
    }
   /* .woocommerce-checkout div.social_proof ul.testmonials li:first-child{
      display: block;
    }*/
  }

  .vimeo_embed_wrapper {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
     }
  .vimeo_embed_wrapper iframe{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
     }
     img {  max-width: 100%;}
/*bbpress recent topics widget*/
.bbpress .widgettitle{
  font: 300 28px/1.2em 'Open Sans', arial, sans-serif;
  margin: 5px 0 5px 0;
  }
.bbpress .bbp-topics-widget{
  list-style-type: none;
  }
.bbpress .widget.widget_display_topics{
    margin:0;
}

.pl_item2{
  padding-bottom:10px;
  padding-top:10px;
  display:flex;
  flex-direction:column
}
.pl_item2 .pl_info{
  display:flex;
  flex-direction:row;
}
.pl_item2.selected{
  background-color:#bcbcbc;
  color: #fff;
}
.pl_item2 .chaptericon{
  margin:0% 6% 0% 7%;
  position:relative;
}
.pl_item2{
  /* flex:2; */
  font-size: 12px;
  font-family: Open Sans,sans-serif;
  font-weight: 200;
  /* width:70%; */
}
.pl_description{
  /* margin-left:18px; */
  width:51%;
}
.chap_playIcon{
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: absolute;
  left: 6%;
  top: 0;
  bottom: 0px;
  right: 0px;
  background: url("images/nma_play_white_darkbck_rollover.png") no-repeat 50% 50% / 50px transparent;
  background-image: url("images/nma_play_white_darkbck_rollover.svg");
  background-size: 20px 62px;
}
.pl_item2:hover .chap_playIcon{
  visibility:visible;
  display:inline-block;
  vertical-allign:middle;
}
.pl_item2:not(.selected):hover{
  background-color:#f9fafa;
}
.duration_container{
  display:flex;
  flex-direction:column;
  width:20%;
  text-align:center;
}
.pl_item2{
  cursor:pointer;
}
.pl_status{
  text-align:center;
  display:none;
}
.pl_item2.selected .pl_status{
  display:initial;
}
.pl_item2 .pl_description.closed{
  width:45%;
}
#video_chapters #mark-all-as-watched.watched,
#video_chapters .watched i{
  opacity:0.3;
}
.pointer{
  cursor:pointer;
}

/* Swal Alert */
.swal2-actions .swal2-styled.swal2-confirm{
  background-color: #3bc2b7;
}
.swal2-actions .swal2-styled:focus{
  box-shadow: none;
}
.swal2-header .swal2-close{
  font-size: 1.5em;
}
.swal2-content .swal2-validation-message{
  font-size: .8em;
}

#add-playlist-modal button{
  text-transform: initial;
}
#add-playlist-modal button:hover{
  background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
  background-color: #3bc2b7;
}
#add-playlist-modal select{
  height: 25px;
  margin:10px 0;
}

section.bbpress.whats-new #bbpress-forums > ul{  margin-bottom: 0;}
.carrousel_bbpress_last_images .carrousel_bbpress_wrapper{
  padding-left: 30px;
  padding-right: 30px;
  max-height: 100px;
}

.carrousel_bbpress_last_images div.items{
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.carrousel_bbpress_last_images div.items.slick-initialized {
    visibility: visible;
    opacity: 1;    
}

.carrousel_bbpress_last_images .title{
  font-size: 1.5rem;
  font-weight: 500;
  color: #3bc2b7;
  clear: both;

}
.carrousel_bbpress_last_images .slick-slider{
    background-color: transparent;
}
.carrousel_bbpress_last_images .carrousel-item{
    text-align: center;
}
.carrousel-item figure{
  position: relative;
}
.carrousel-item .time{
  position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: rgba(0,0,0,0.5);
    display: block;
    color: white;
    padding: 3px;
    font-size: 12px;
}
.carrousel_bbpress_last_images .slick-next{
    background-image: url(images/icons/arrow-right-black.svg);
    background-position: left;
    z-index: 5;
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 22px;
    right: -30px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: transparent;
    opacity: 0.5;
    background-position: center;
}
.carrousel_bbpress_last_images .slick-prev{
    background-image: url(images/icons/arrow-left-black.svg);
    left: -30px;
    z-index: 5;
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 22px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: transparent;
    opacity: 0.5;
    background-position: center;
}
.carrousel_bbpress_last_images .slick-prev:hover, .carrousel_bbpress_last_images  .slick-next:hover{
    opacity: 1;
}
.carrousel_bbpress_last_images .slick-slide footer{
    padding: 0 5px;
}
.carrousel_bbpress_last_images .post-meta{
  width: 85px;
  margin:auto;
  
}
.carrousel_bbpress_last_images .item_title{
  
    font-size: 1.0em ;
    
    line-height: 1.0em ;
    font-weight: normal ;
}

/* temp hide the re-size option for the users */
body.bbpress .mce-container-body.mce-abs-layout > div:nth-child(4) * { display:none; }

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
  margin-bottom: 20px;
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

.material-list-info{
  background-color: #e6e6e6;
  padding: 10px 14px;
  border-radius: 3px;
}

.viewer-pdf-link img{
  border: none;
  width: 32px;
  vertical-align: middle;
}
/* Discord */
.discord-app{
  width: 45%;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  background: #f7f7f7;
  box-sizing: border-box;
}
.discord-app-header{
  display:flex;
  align-items: center;
  justify-content: center;
  border-bottom:1px solid #ddd;
  margin-bottom:20px;
  padding-bottom:20px;
}
.discord-app-logo img{
  border: 0;
  background: none;
  border-radius: 50%;
}
.discord-app-info{
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  flex: 2;
  align-items: center;
}
.discord-app-info p{
  margin-bottom:0;
}
.discord-app-info a{
  background: none;
  border: 1px solid #3bc2b7;
  color: #3bc2b7;
  border-radius: 4px;
  text-align: center;
  padding: 3px 0;
  transition: all 0.2s ease;
  width: 100%;
}
.discord-app-info a:hover{
  background: #3bc2b7;
  color:#fff;
}
.discord-app-info .fa{
  color: #3bc2b7;
}
.discord-app-info a.btn-disconnect{
  color: #f5514d;
  border-color: #f5514d;
}
.discord-app-info a.btn-disconnect:hover{
  color: #fff;
  background-color: #f5514d;
  border-color: #f5514d;
}
.discord-app-info a.btn-disconnect .fa{
  color: #f5514d;
}
.discord-app-info a.btn-disconnect:hover .fa{
  color: #fff;
}
.discord-app-info small{
  font-size: 12px;
  text-align: center;
}
.discord-app-info small.label-disconected,
.discord-app-info small.label-disconected .fa{
  color: #f00;
}
@media only screen and (max-width: 992px){
  .discord-app{
    width: 100%;
  }
}
/* 3D MODELS */

.lesson-3dmodels .gridView {
    float: left;
    display: block;
    margin-right: 5%;
    margin-bottom: 10px;
    width: 30%;
}
body.live-stream .lesson-3dmodels .gridView{
  max-width: 199px;
}
.form-agree-trial label,
.form-agree-privacy label{
  cursor:pointer;
}
.form-agree-trial strong {
  /*font-weight: bold;
  display: block;*/
      font-weight: bold;
    display: inline-block;
    clear: both;
}
.form-agree-trial span {
  font-weight: normal;
}
input#agree_trial{
  margin-bottom: 0px;
}
.form-row.place-order .required{
  display: none;
}
@media only screen and (min-width: 480px){
  body:not(.live-stream) .lesson-3dmodels .gridView:nth-of-type(3n+3) {
    margin-right: 0px;
  }
  body.live-stream .lesson-3dmodels .gridView:nth-of-type(4n+4) {
    margin-right: 0px;
  }
}

@media (max-width: 960px){
  .lesson-3dmodels .gridView {
    min-height: 300px;
    margin-right: 4.5%;
}
}

@media (min-width: 801px){
  .lesson-3dmodels .gridView {
    min-height: 300px;
}
}

@media only screen and (max-width: 680px){
  .lesson-3dmodels .gridView {
    min-height: 300px;
}
}

@media only screen and (max-width: 580px){
  .lesson-3dmodels .gridView {
    min-height: 265px;
}
}

@media only screen and (max-width: 480px){
  .lesson-3dmodels .gridView {
    width: 45%;
}
}

@media only screen and (max-width: 320px){
  .lesson-3dmodels .gridView {
    min-height: 200px;
}
}
/*
* BETA PROGRAM ---- init
*/
.beta_endpoint #header {
  display: none;
}

.beta_endpoint #wrapper aside#sidebar {
  display: none;
}

.beta_endpoint #wrapper #main-sidebar-container #main.myaccount {
  width: 100%;
}

.beta_endpoint section.trial-footer  {
  display: none;
}

.beta_endpoint section#outer_footer {
  display: none;
}

.beta_endpoint div#inner-wrapper {
  background-color: #222222;
}
.beta_endpoint.light div#inner-wrapper {
  background-color: #fff;
}

.beta_endpoint.light p{
  color: #000 !important
}

.beta_endpoint .entry h1.itr-title {
  font: 300 28px/1.42857143 Apple-System,Arial,Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","STXihei",sans-serif !important;
  color:  #3ac2b6;
}

.beta_endpoint .itr-form p, .beta_endpoint legend {
  font: 300 14px/1.42857143 Apple-System,Arial,Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","STXihei",sans-serif !important;
  color: #e9ebf0;
}

.beta_endpoint.light .itr-form p, .beta_endpoint.light legend { 
  color: #fff
}

.beta_endpoint .itr-form label {
  margin-bottom: 4px;
}

.beta_endpoint .itr-form button.itr-button {
  font-size: 14px;
  padding: 8px 12px;
  text-transform: none;
}

.beta_endpoint .itr-form input {
  background: #000;
  color: #fff;
  border: 1px solid #000;
  border-radius: 6px;
  transition: border-color .3s ease-in-out;
  -webkit-transition: border-color .3s ease-in-out;
  padding: 7px 11px;
  line-height: 1.42857143;
}

.beta_endpoint .itr-form input:focus, .beta_endpoint input:hover {
  border-color: #169de0;
  outline: 0;
    }
    
    /*second file*/

.beta_endpoint .beta_endpoint .entry .itr-form p, .beta_endpoint legend {
  font: 300 14px/1.42857143 Apple-System,Arial,Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","STXihei",sans-serif !important;
  color: #e9ebf0;
}


.beta_endpoint .entry .itr-form p label {
  font: 300 14px/1.42857143 Apple-System,Arial,Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","STXihei",sans-serif !important;
  margin-bottom: 4px;
}

.beta_endpoint .itr-form input.itr-button {
  font-size: 14px;
  padding: 8px 12px;
  text-transform: none;
}

.beta_endpoint .itr-form input:not(.itr-button) {
  background: #000;
  color: #fff;
  border: 1px solid #000;
  border-radius: 6px;
  transition: border-color .3s ease-in-out;
  -webkit-transition: border-color .3s ease-in-out;
  padding: 7px 11px;
  line-height: 1.42857143;
}

.beta_endpoint .itr-form input:hover:not(.itr-button){
  border-color: #169de0;
  outline: 0;
}

.beta_endpoint .itr-form input:focus:not(.itr-button){
  border-color: #169de0;
  outline: 0;
}

/* Select Input */
.beta_endpoint .selection .select2-selection {
  background: #000;
}

/* Select Dropdown */
.beta_endpoint .select2-container .select2-dropdown {
  background: #000;
  color: #fff;
  border-color: #169de0;
}

/* Selection Box */
.beta_endpoint .select2-container--default .select2-selection--single {
  border: 1px solid #000;
  transition: border-color .3s ease-in-out;
  -webkit-transition: border-color .3s ease-in-out;
}

.beta_endpoint .select2-container--open .select2-selection--single {
  border-color: #169de0;
}

.beta_endpoint .select2-container--default .select2-selection--single:focus, .beta_endpoint .select2-selection--single:hover {
  border-color: #169de0;
  outline: 0;
}

.beta_endpoint .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
}

.beta_endpoint .select2-container--default .select2-selection--single .select2-selection__rendered:focus, .beta_endpoint .select2-selection--single:hover {
  border-color: #169de0;
  outline: 0;
}

    /* third file */

.beta_endpoint .entry h1 {
  font: 300 28px/1.42857143 Apple-System,Arial,Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","STXihei",sans-serif !important;
  color:  #3ac2b6;
}

.beta_endpoint .entry p {
  font: 300 14px/1.42857143 Apple-System,Arial,Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","STXihei",sans-serif !important;
  color: #e9ebf0;
}

.beta_endpoint .entry table {
  background: #1a1d24;
  border: 0;
  box-shadow: none;
  border-collapse: collapse;
}

.beta_endpoint .entry table thead tr th {
  background: #1a1d24;
  color: #e9ebf0;
  border: 0;
  padding: 13px 10px;
  vertical-align: middle;
}

.beta_endpoint .entry table thead tr {
  background: #1a1d24;
  border-bottom: 1px solid #292d33;
  transition: background-color .3s linear;
}

.beta_endpoint .entry table tbody tr {
  background: #1a1d24;
  border-bottom: 1px solid #292d33;
  transition: background-color .3s linear;
}

.beta_endpoint .entry table tbody tr td {
  color: #e9ebf0;
  border: 0;
  padding: 13px 10px;
  vertical-align: middle;
}

.beta_endpoint.light .entry table tbody tr td{
  color: #000
}

.beta_endpoint .entry table tbody tr td.order-total {
  color: #000;
}

.beta_endpoint .entry table tbody tr td .button {
  padding: 8px 12px;
}

.beta_endpoint .entry table tbody tr:hover {
       background: #3c3f43;
    }
    /* fourth file */

    .beta_endpoint .entry h2, .beta_endpoint address  {
        color: #e9ebf0;
    }
    address p.woocommerce-customer-details--phone {
      margin: 0;
    }

    .beta_endpoint h1.title,
    .beta_endpoint h1.standard_checkout_title,
    .beta_endpoint .checkout h3{
      color: #FFF;
    }
    .beta_endpoint.light h1.title,
    .beta_endpoint.light h1.standard_checkout_title,
    .beta_endpoint.light .checkout h3{
      color: #000;
    }

    .beta_endpoint .entry p,
    .beta_endpoint .payment_methods label {
        font: 300 14px/1.42857143 Apple-System,Arial,Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","STXihei",sans-serif !important;
        color: #e9ebf0;
    }

    .beta_endpoint .entry table {
        background: #1a1d24;
        border: 0;
        box-shadow: none;
        border-collapse: collapse;
    }

    .beta_endpoint .entry table thead tr th {
        background: #1a1d24;
        color: #e9ebf0;
        border: 0;
        padding: 13px 10px;
        vertical-align: middle;
    }

    .beta_endpoint .entry table thead tr {
        background: #1a1d24;
        border-bottom: 1px solid #292d33;
        transition: background-color .3s linear;
    }

    .beta_endpoint .entry table tbody tr {
        background: #1a1d24;
        border-bottom: 1px solid #292d33;
        transition: background-color .3s linear;
    }

    .beta_endpoint.light .entry table,
    .beta_endpoint.light .entry table thead tr th,
    .beta_endpoint.light .entry table thead tr,
    .beta_endpoint.light .entry table tbody tr{
      background-color: #f1f1f1;
      color: #000
    }
    .beta_endpoint.light .entry p{
      color: #000;
    }




    .beta_endpoint.light .entry table thead tr,
    .beta_endpoint.light .entry table tbody tr,
    .beta_endpoint.light .entry table tbody tr td{
        background: #f1f1f1;
      }
    .beta_endpoint .entry table tbody tr td {
        color: #e9ebf0;
        border: 0;
        padding: 13px 10px;
        vertical-align: middle;
    }

    .beta_endpoint .entry table tbody tr td.order-total {
        color: #000;
    }

    .beta_endpoint .entry table tbody tr td .button {
        padding: 8px 12px;
    }

    .beta_endpoint .entry table tbody tr:hover {
        background: #3c3f43;
    }

    .beta_endpoint.light .entry table tbody tr td {
      background: #f1f1f1;
    }

    /* fifth file */

    .beta_endpoint .itr-table {
          background: #1a1d24;
    }

    .beta_endpoint .entry table tbody tr {
    background: #1a1d24;
    border-bottom: 1px solid #292d33;
    transition: background-color .3s linear;
  }

  .beta_endpoint .entry table tfoot tr {
    background: #1a1d24;
    border-bottom: 1px solid #292d33;
    transition: background-color .3s linear;
  }

  .beta_endpoint .entry table tfoot tr th, .beta_endpoint td {
      color: #e9ebf0;
  }

  .beta_endpoint .entry table.my_account_orders tbody tr td {
  color: #e9ebf0;
  border: 0;
  padding: 13px 10px;
  vertical-align: middle;
}
.beta_endpoint.light .itr-table,
.beta_endpoint.light .entry table tbody tr,
.beta_endpoint.light .entry table tfoot tr,
.beta_endpoint.light .entry table tfoot tr th,
.beta_endpoint.light td,
.beta_endpoint.light .entry table.my_account_orders tbody tr td{
  background: #f1f1f1;
}
.beta_endpoint.light .entry table.my_account_orders tbody tr td{
  color: #000;
}

.beta_endpoint .entry table.my_account_orders tbody tr td.order-total {
  color: #000;
}

.beta_endpoint .entry table tfoot tr:hover {
  background: #3c3f43;
}
    
    /* sixth file */

.beta_endpoint .entry h2, .beta_endpoint address  {
  color: #e9ebf0;
}

.beta_endpoint.light .entry h2, .beta_endpoint.light address  {
  color: #000;

}

.beta_endpoint .entry table tbody tr {
  background: #1a1d24;
  border-bottom: 1px solid #292d33;
  transition: background-color .3s linear;
}
.beta_endpoint.light .entry table tbody tr{
  background: #f1f1f1;
  color: #000;
}

.beta_endpoint .entry table tfoot tr {
  background: #1a1d24;
  border-bottom: 1px solid #292d33;
  transition: background-color .3s linear;
}

.beta_endpoint .entry table tfoot tr th, .beta_endpoint td {
  color: #e9ebf0;
}

.beta_endpoint.light .entry table tbody tr,
.beta_endpoint.light .entry table tfoot tr,
.beta_endpoint.light .entry table tfoot tr th,
.beta_endpoint.light td{
 color:#000;
}
    
    /* seventh */

.beta_endpoint .itr-form input:focus, .beta_endpoint input:hover {
    border-color: #169de0;
    outline: 0;
  }
/*
* BETA PROGRAM ---- end
*/

/**
 * Live Stream Chat
*/
.nma-live-stream-chat .external-chat-link{
  float: right;
  font-size: 13px;
  padding: 5px;
}

/**
 * Live Stream Non-member's
 */
.nma-live-stream-video .BCLvideoWrapper div{
  height: auto;
}

.nma-live-stream-video .btn-container{
  margin-top: 10px;
  margin-bottom: 0;
}
.nma-live-stream-video #placeHolderBackground{
  background-size: cover;
  padding-bottom: 56.25%;
}
.nma-live-stream-video #becomeMemberBlur{
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
}
.nma-live-stream-video #becomeMemberText{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  bottom: 0;
  margin-top: 0;
}
/**
 * Live Stream Countdown
 */
 .livestream-countdown{
   float:left;
 }
 .livestream-countdown ul{
  list-style: none;
  margin-top: 5px;
  display: flex;
  text-align: center;
}
.livestream-countdown ul li{
  margin-right: 20px;
}
.livestream-countdown ul li span,
.livestream-countdown ul li p{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.livestream-countdown ul li span{
  font-size: 1rem;
  color: #fff;
  font-weight: 300;
}
.livestream-countdown ul li p {
  color: #fff;
  font-size: 0.7rem;
  text-transform: uppercase;
}
@media( max-width: 768px ){
  .livestream-countdown{
    width: 100%;
    margin-top:10px;
  }
}
/**
 * Live Stream Alert
 */
.alert-live-stream{
    padding: 10px 0;
    background: #000;
    box-sizing: border-box;
}
.alert-live-stream .col-full{
  max-width: 960px;
}
.alert-live-stream-container{
  display:flex;
  align-items: center;
  justify-content: center;
}
.alert-live-stream-container a,
.alert-live-stream-container a:hover{
  color:#fff
}
.live-pulse {
  margin-left:10px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f30808;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse-red 2s infinite;
}
@keyframes pulse-red{
  0% {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}
.checkout .error{
  color:red;
  font-style: normal;
}
.checkout span.error{
  display: block;
}
.invalid-form .checkboxes{
  border: solid 1px red;
  padding: 15px 15px 0;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.checkout .input-checkbox {
  margin-bottom: 5px;
}
html {
  scroll-behavior: smooth;
}
.hls-video #nma-player-container::before{
  content: "\f7c0";
  color: #fff;
  font-weight: bold;
  z-index: 99;
  position: absolute;
  font-family: 'FontAwesome';
  right: 10px;
  top: 10px;
  opacity: 0.3;
}
form.checkout_coupon.woocommerce-form-coupon{
  border-bottom: none;
}

form[name=checkout] h3{
  clear:both;
}

form[name=checkout] #payment_information_heading{
    background-color: #fff; 
    margin-top: 20px !important;
}

@media(max-width: 45em){
  .woocommerce-checkout #stripe-payment-data p {
    margin-top: 35px;
    clear: both;
  }
}

.woocommerce-checkout .adds_on_checkout{
  display:none;
}

/* special notes sidebar styles*/
#wrapper-specialnotes{
  margin-top: 10px;
}
#wrapper-specialnotes span{
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  font-style: italic;
}
#wrapper-specialnotes strong{
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
}

.discord_link{
  font-size:14px;
}
.discord_link::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMEAYAAAAG5YCkAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAAB3RJTUUH5QgNDxgFsWqYZgAAAzxJREFUOMuVk29MlXUUxz/neR64PliNCVLDP1mJ4lBrbg7cNaathdcCC6aYrnqB4NbMzeUMZ4xs/S8L2axESHDqtBVKK660hQJGqExDxBjKcP4dSFxc6BW8z+/0guxFGy86786b8/nsnPMV/mf5G5reD353v1uwiiEaiHqhF8Mgtl1Pqf5IWqSHuXpRVtfmOP7Kxm+Cobg8CniF5kyYwFWGH81gBpeJ4SkMFkoiYVyItGk/W7hd+4dMRSVv/F426EHtyp2OTQdnnzBE08kp/YGzkqz7+N6hmF+48VIxNlkkrSxjkazgzolWljPMNa+GEcCiDDBEmyvicUnyzSpNkPXyYdMmSdOf9PThI1xgMt66TCKMw/gW84Zkccqe77BZ6rkyq4sKvYDvN8ebdC9BNxS9F2V8XVJot3CNAR6gV3aRwSVdca9Khyi23pRe/dykZ2fRzgEa5ixjCTOZsCOHDuLpXxZmkF5uezEOsSRgJAUfEcIR225x3pIPoGmbPz0Q8NL86xoDtRdBLO3Wz6xnrJel1JqXPZ3HGMZd8zGdxJNYsZk+e4adc+hL/jR4jcE2UvUm/qElFooCof8ec0FpQ2GwBMxdHZZya63Ok/nW5ewIT9LHw2u/4Hlq6NvtST7lVmb1OUbMp6Zu1n49SBo3Bss1RTL5tmWmM9a3yGJN4hbwHHMZF7uI9bKPwNPttLEU76uINOhsgodWSpXTqlOZo0mmXH1ZV2WTfo3PJI+KtzIm4KGN4XbNA03lE9zQi3+VuI7s2Opqi5zEHeyw4qz9vG4apZOb6rP3MIUphKLu4BJGvN5/NoODoFiSAoCh/j7gSF2gZOlkoI4SUJd3AQb+FViY0dQcrAEKeJUh+lCEWLaOzmMjjAIsrjORc6aSRwgz0dpidkmBnoBn3z4We/T42IHTNXQTAN2uhXJcKgkywoN2NQO49HCSEC49IP7+xv7g7vwkdtJNbu5OznCLjl+juU4MfeYAFopFzhic04zg4EZN4gzJxKUu1CGJp3XvO6MWVeWSvu3Y9rrH4yq816zVpij7I/bIckLJ50mkn9nWeBTB09/HAMQzjMNdijjMNLrPH9UywtJc/fOo2MC0vwH7ql4BKyk0qQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wOC0xM1QxNToyNDowNS0wNDowMGbfcDUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDgtMTNUMTU6MjQ6MDUtMDQ6MDAXgsiJAAAAAElFTkSuQmCC);
  margin: 0 0px 0 5px; 
}
.discord_link, .entry-title{
  display: inline-block;
}

/**
 * Show or not show the thumbnails depending on cache
 */
body.single-videolessons .chaptericon {
  visibility: visible;
  /* height: auto;
  width: auto; */
}
/*
body.single-videolessons .chaptericon img{ display: none }
body.single-videolessons .chaptericon img[src*="d_100x75"]{
  display: block;
}

* New course ID 1923513
* Introduction to Inking

body.single-videolessons.postid-1923512 .chaptericon img,
body.single-videolessons.postid-1923514 .chaptericon img,
body.single-videolessons.postid-1923515 .chaptericon img,
body.single-videolessons.postid-1923516 .chaptericon img,
body.single-videolessons.postid-1923531 .chaptericon img,
body.single-videolessons.postid-1923532 .chaptericon img,
body.single-videolessons.postid-1923521 .chaptericon img,
body.single-videolessons.postid-1923519 .chaptericon img,
body.single-videolessons.postid-1923522 .chaptericon img,
body.single-videolessons.postid-1923520 .chaptericon img,
body.single-videolessons.postid-1923533 .chaptericon img,
body.single-videolessons.postid-1923524 .chaptericon img{
  display: block;
}
*/

/**
 * Mobile button for Flush Video Lesson Cache admin bar
 */

#wpadminbar #wp-admin-bar-videolesson-flush-vimeo-cache > .ab-item::before {
  top: 2px;
  content: "\f27d";
  font-family: 'FontAwesome' !important;
}

@media( max-width: 1000px ){
  #wpadminbar #wp-admin-bar-videolesson-flush-vimeo-cache{
    display: block;
  }

  #wpadminbar #wp-admin-bar-videolesson-flush-vimeo-cache > .ab-item{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 52px;
    padding: 0;
    color: #a0a5aa;
    position: relative;
  }

  #wpadminbar #wp-admin-bar-videolesson-flush-vimeo-cache > .ab-item::before {
    display: block;
    text-indent: 0;
    top: 7px;
    width: 52px;
    text-align: center;
    font-size: 30px;
  }
}

@media( max-width: 45em ){
  #wpadminbar #wp-admin-bar-videolesson-flush-vimeo-cache > .ab-item::before {
    font-size: 30px;
    top: 9px;
  }
}

@media( max-width: 430px ){
  #wpadminbar #wp-admin-bar-videolesson-flush-vimeo-cache > .ab-item::before {
    font-size: 15px;
    top: 17px;
    width: 30px;
  }
  #wpadminbar #wp-admin-bar-videolesson-flush-vimeo-cache > .ab-item{
    width: 30px;
  }
}
.fblShowcaseWidget img, .fblShowcaseWidget .fblplatform img {
  width: inherit !important;
}