/*!
Theme Name: Mathforlove
Theme URI: http://mathforlove.com/
Author: Thomas Digital
Author URI: https://www.thomasdigital.com
Description: Math For Love is crafted with Wordpress, Bootstrap, Underscores
Version: 1.0.0
Text Domain: mathforlove
Tags: math, lessons, curriculum, games
Developer: Billy Aguana
Date Published: 06/08/2019
License: GNU General Public License v2 or later
License URI: LICENSE
*/
.validate-postcode{ display:block !important;}
.ada{ display:none} /*For ADA Compliance to hide fields*/
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells{ display:none;}
.woocommerce span.onsale{top: -3.5em; min-width: 55px; }
.stripe-card-group,
.woocommerce-account .StripeElement,
.woocommerce-checkout .StripeElement {
width: 100%;
}

div.gallery-columns-3 {
	display: flex;
	margin: 0 -5px;
	flex-wrap: wrap;
}

div.gallery-columns-3 .gallery-item {
	float: none;
	padding: 0 5px;
}

div.gallery-columns-3 .gallery-item {
	flex: 0 0 33.33%;
	max-width: 33%;
}

.page-id-18619 .ng-panel .panels .cube{    width: 70px;   height: 45px; background-color: transparent}
.page-id-18204 .bg-img, .postid-18205 .bg-img{
	background-size: auto;}

.page-id-18204 .ng-panel .panels .cube, .postid-18205 .ng-panel .panels .cube{
    background-color: transparent;    width: 91px;
    height: 96px;
}
.payment_method_stripe label{ margin-right:10px; width:40%;}
#wc-stripe-cc-form label{ width:auto;}
.wc-stripe-elements-field, .wc-stripe-iban-element-field, #stripe-card-element iframe { }
.single-product main{ position:relative;}
.btn2{ position:absolute; top:-80px; right:0;}
.btn2 .cart-contents{ margin-left:0;}
.cart-contents {
color: #F36B22 !important;
    background-color: #fff;
    border: 1px solid #F36B22;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    padding: 12px;
	margin-left:25px;
}

.cart-contents:hover {
    text-decoration: none; background-color:#F36B22; color:#FFF !important;
}


.nav-container { position:relative;}

body { 
   font-family: 'Montserrat', sans-serif;    
   font-size: 17px;    
   overflow-x: hidden;
   /* overflow-Y: auto; */
}

p {
    font-size: 15px;
    color: #666666;
    line-height: 150%;
}

h1, h2 {
    color: #183F6A;
    font-size: 36px;
}

h3 {
    font-size: 33px;
    font-weight: 600;
}

a, a:hover, 
a:focus, 
a:active, 
a.active { 
    outline: 0; 
}

a { transition: 0.5s; }
a:hover { cursor: pointer; }

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

img, picture { 
    max-width: 100%;
    height: auto;
}

embed, iframe, object, video { 
    max-width: 100%; 
}

.katex {
    margin-bottom: 20px;
    display: inline-block;
}

.max-1400 { max-width: 1400px; }
.max-1260 { max-width: 1260px; }
.max-1242 { max-width: 1242px; }
.max-1230 { max-width: 1230px; }
.max-1220 { max-width: 1220px; }
.max-1200 { max-width: 1200px; }
.max-1170 { max-width: 1170px; }
.max-1100 { max-width: 1100px; }

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.clear {
    clear: both;
}
.dflex-center {
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.overlay i { 
    color: #fff;
    font-size: 30px;
}

a, a:hover { text-decoration: none; }

p strong { color: #454545; }
article p a, article li a,
.content p a, .content li a {
    color: #F36B22;
    opacity: 1;
}

article p a:hover, article li a:hover,
.content li a:hover, .content li a:hover {
    color: #F36B22;
    opacity: 0.7;    
}

/*------------------------------------------------*/
/* DEFAULT                                        */
/*------------------------------------------------*/

/* Top Scroller */
.scroll-up a {
    background-color: rgba(243, 107, 74, 0.70);
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 38px;
    opacity: 0.7;
    border-radius: 2px;
}
.scroll-up {
    position: fixed;
    display: none;
    z-index: 999;
    bottom: 1.8em;
    right: 1.8em;
}

#main-header .overlay { 
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    top: 0px;
}
#main-header .hlogo {
    line-height: 0;
    margin: 0;
    font-size: 0px;
}

/* for floating top menu : */
.navbar-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    /* height will rely on content */
}

/* for non floating menu ~ set setting in script.js */
.navbar-top-alt {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    /* transition: 0.3s; */
    /* height will rely on content */
}

.orange-btn-1 {
    color: #F36B22;
    background-color: #fff;
    border: 1px solid #F36B22;
    border-radius: 4px;
    font-size: 16px;
    text-transform: uppercase;
    height: 44px;
    width: 180px;
    font-weight: 600;
    padding-top: 10px;
    transition: 0.5s;
}
.orange-btn-1:hover {
    color: #fff;
    background-color: #F36B22;
}
.orange-btn-alt {
    color: #fff;
    background-color: #F36B22;
}
.orange-btn-alt:hover {
    color: #F36B22;
    background-color: #fff;    
}

.white-btn {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    width: 180px;
    height: 45px;
}
.orange-link {
    font-size: 15px;
    color: #F26B20;
    font-weight: 600;    
}

.text-white { 
    color: #fff !important;  
}
.white-bg, .bg-white { 
    background-color: #fff !important;  
}
.blue-bg, .bg-blue { 
    background-color: #1F5387;  
}
.bg-off-white, .off-white-bg { 
    background-color: #F4F4F4; 
}
.bg-orange, .orange-bg {
    background-color: #F36B22;
}
.bg-grid, .grid-bg { 
    background-image: url(../png/grid-bg.png);
    background-repeat: repeat;
}
.bg-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.blue-text, .text-blue { color: #183F6A; }
.fblue-text, .ftext-blue { color: #183F6A !important; }
.orange-text, .text-orange { color: #F26B1F; }
.forange-text, .ftext-orange { color: #F26B1F !important; }
.green-text, .text-green { color: #62BD62; }
.ylw-text, .text-ylw { color: #FDB81F; }
.fylw-text, .ftext-ylw { color: #FDB81F !important; }
.aqa-text, .text-aqa { color: #02B7EB; }
.aqa2-text, .text-aqa2 { color: #20C7B7; }
.vlt-text, .text-vlt { color: #9677BE; }
.vlt2-text, .text-vlt2 { color: #656DA4; }
.red-text, .text-red { color: #FF4447; }

.georgia   { font-family: "Georgia", "Sans"; }
.quicksand { font-family: 'Quicksand', sans-serif;  }
.reenie { font-family: 'Reenie Beanie', cursive; }
.freenie { font-family: 'Reenie Beanie', cursive !important; }
.varela { font-family: 'Varela Round', sans-serif; font-style: normal; }

.border-green { border: 1px solid #62BD62;  }
.border-violet { border: 1px solid #877CB6  }
.border-blue { border: 1px solid #02CDF6;  }
.border-yellow { border: 1px solid #FDB81F;  }
.border-orange { border: 1px solid #F36A22;  }
.border-aqua { border: 1px solid #35C2BA;  }

.sub-title {
    font-family: "Georgia", "sans";
    /* font-size: 17px; */
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    /* letter-spacing: 8.5px; */
    letter-spacing: 5px;
    margin-bottom: 9px;
    margin-left: 12px;
}
.title {
    text-align: center;
    font-weight: 600;
}
.title-alt {
    text-align: center;
    font-weight: 400;
    font-size: 55px;
}
.ftitle-alt {
    text-align: center;
    font-weight: 400 !important;
    font-size: 55px;
}

.box-border {
    border: 1px solid #ccc;
    padding: 5px;
    display: block;
}

.cover-bg { 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.separator { 
    height: 5px; 
    width: 100%; 
    background-repeat: repeat-x;        
}
.separator-blue {
    background-image: url(../png/blue-top-bar.png);
    background-color: #1F5387;
}
.separator-org { 
    background-color: #F36B22;
    background-image: url(../png/orange-top-bar.png); 

}
.separator-grn {
    background-color: #62BD62;
    background-image: url(../png/green-top-bar.png);
}
.separator-ylw {
    background-color: #FDB81F;
    background-image: url(../png/yellow-top-bar.png);
}
.separator-aqa {
    background-color: #35C2BA;
    background-image: url(../png/aqua-top-bar.png);
}
.separator-vlt {
    background-color: #656EA4;
    background-image: url(../png/violet-top-bar.png);
}

.overlay {
    position: absolute;
    background-color: rgba(0,0,0,1);
    opacity: 0.5;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.hide { display: none;}
.show { display: block; }
.forceshow { display: block !important; }
.forcehide { display: none !important; }

.mobile-hide {  }
.mobile-show { display: none !important; }

.play-bg, .play-bg-sm { 
    background-image: url(../png/play-btn.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.play-bg-sm { 
    background-image: url(../png/play-btn-sm.png);
}

.fancybox-close-small {
    border-radius: 100%;
    color: #900;
    background-color: #fff;
    border: 2px solid #900;
    font-weight: 900;
    padding: 2px;
    top: -22px;
    width: 35px;
    height: 35px;
}
.fancybox-close-small:hover {
    color: #f00;
}

/*------------------------------------------------*/
/* HERO                                           */
/*------------------------------------------------*/

/* If you are using a slider or static image */
#Hero {   
    position: relative;
    z-index: 0;
    height: auto;
    width: 100%;
    background-color: #F2F4F5;
    height: 635px;
    margin-bottom: 1px;
}
#Hero .vid-bg { 
    max-width: 1440px;
    margin: 0px auto;
    position: relative;
    height: 636px;
}
#Hero .overlay-line {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0,0,0,0.5);*/
    top: 0px;
    border-left: 1px solid #F2F4F5;
    border-right: 1px solid #F2F4F5;    
}

#side-Hero {
    height: 155px;
    background-image: url(../png/bg-noise.png);
    background-repeat: repeat;
}

#side-Hero .sub-title {
    margin-left: 0px;
}

#side-Hero h1 { 
    /* font-size: 80px; */
    font-size: 45px;
    color: #4A4846;
    margin-top: 14px;
}

#side-Hero .wrap {
    height: 100%;    
}
#side-Hero .container {
    height: 100%;        
}

#Hero .wow-bg { 
    /*
    background-image: url(images/hero-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    */
}

#Hero .wow-bg {
    max-width: 1080px;
    margin: 0px auto;
    position: relative;
    height: 636px;        
}

.wow-bg .hmainlogo { 
    position: absolute;
    left: 50%;
    top: 51.5%;
    transform: translateX(-50%) translateY(-50%);
}

.wow-bg .arrow,
.wow-bg .link {
    position: absolute;
    visibility: hidden;
}

.wow-bg .arrow-1 { 
    left: 705px;
    top: 320px;
}

.wow-bg .arrow-2 { 
    left: 320px;
    top: 315px;
}

.wow-bg .arrow-3 { 
    left: 550px;
    top: 125px;
}

.wow-bg .arrow-4 { 
    left: 250px;
    top: 75px;
}

.wow-bg .arrow-5 { 
    left: 137px;
    top: 373px;
}

.wow-bg .arrow-6 { 
    left: 350px;
    top: 500px;
}

.wow-bg .arrow-7 { 
    left: 890px;
    top: 390px;
}

.wow-bg .link-1 { 
    left: 740px;
    top: 410px;
    width: 127px;
    height: 58px;
}

.wow-bg .link-2 { 
    left: 240px;
    top: 405px;
    width: 112px;
    height: 64px;
    
}

.wow-bg .link-3 { 
    left: 487px;
    top: 33px;
    width: 154px;
    height: 79px;
    
}

.wow-bg .link-4 { 
    left: 221px;
    top: 136px;
    width: 138px;
    height: 106px;
    
}

.wow-bg .link-5 { 
    left: 38px;
    top: 269px;
    width: 125px;
    height: 91px;
    
}

.wow-bg .link-6 { 
    left: 477px;
    top: 500px;
    width: 153px;
    height: 100px;
}

.wow-bg .link-7 { 
    left: 900px;
    top: 300px;
    width: 74px;
    height: 76px;
}
 

.wow-bg .link:hover,
.wow-bg .link:focus { transform: scale(1.4); }


/*---INSERT CSS HERE-------------------------------*/

#main-header .hlogo { 
    max-width: 221px;
    margin-left: 10px;
}

#main-header .navbar-brand {
    margin-right: 0px;
}
#main-header .navbar {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgba(255,255,255,0.9)
}

#main-header .menu-bg {
    height: 90px;
    background-color: #fff;
}

/* Top Level Menu */
#main-header .navbar .nav-link {
    margin-left: 2px;
    font-size: 16px;
    font-weight: 600;
    color: #525252;
}
#main-header .navbar .nav-link:hover {
    color: #F36B22;
}

#main-header .navbar .shop-link {
    color: #F36B22;
    background-color: #fff;
    border: 1px solid #F36B22;
    height: 44px;
    width: 100px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}
#main-header .navbar .s-shop {
    margin-left: 8px;
}
#main-header .navbar .shop-link:hover {
    background-color: #F36B22;
    color: #fff;
}
#main-header .navbar-toggler {
     color: #525252;    
}

#main-header .dropdown-item,
#main-header .dropdown-item ul li a,
#main-header .drop-menu-1 .drop-3rd ul li a {
    font-size: 14px;
}

/* 2nd Level Menu */
#main-header .drop-menu-1 ul { 
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
    width: 420px;
}
#main-header .drop-menu-1 ul li {
    
}
#main-header .drop-menu-1 ul li.item-list,
#main-header .drop-menu-1 ul li.drop-3rd { 
    width: 48%;
    margin: 5px 3px;
}

#main-header .drop-menu-1 .dropdown-item {
    padding: .25rem;
    min-width: 150px;
    color: #525252;
}
#main-header .drop-menu-1 .dropdown-item:hover {
    background-color: #f5f5f5;   
}
#main-header .drop-menu-1 .dropdown-item i { 
    margin: 0 10px;
    opacity: 0.5;
}

/* 3rd Level Menu */
#main-header .drop-menu-1 .drop-3rd ul {  
    display: none;
    overflow: hidden;
}
#main-header .drop-menu-1 .drop-3rd:hover ul {
    /*
    height: 100%;
    width: auto;
    */
}

#main-header .drop-menu-1 .drop-3rd .dropdown-item:after {
    display: inline-block;
    margin-left: .4em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}    

#main-header .drop-menu-1 .drop-3rd ul {
    flex-direction: column;
    width: auto;
}
#main-header .drop-menu-1 .drop-3rd ul li {
    width: 100%;
    position: relative;
    text-indent: 25px;
}
#main-header .drop-menu-1 .drop-3rd ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    position: absolute;
    color: #999;
    left: -15px;
    opacity: 0.5;
    font-size: 12px;
}
#main-header .drop-menu-1 .drop-3rd ul li a {  
    display: block;
    color: #DE550C;
}
#main-header .drop-menu-1 .drop-3rd ul li a:hover {
    color: #525252;    
}

#main-header .drop-menu-1 .drop-3rd:hover .dropdown-item {
    color: #F36B22;
}

/* Menu #2 - image and text */
#main-header .dm-menu ul { 
    padding: 0 10px;
    width: 380px;
}
#main-header .dm-menu li .dropdown-item { 
    padding-left: 10px;
    display: flex;
    align-items: center;
}
#main-header .dm-menu li .dropdown-item img { 
    margin-right: 20px;
    width: 52px;
}
#main-header .dm-menu li .dropdown-item small { 
    display: block;
}
#main-header .dm-menu li a:hover {
   color: #F36B22; 
}

/* defaults */
#main-header .drop-menu-1 .dropdown-item:hover {
    color: #F36B22; 
}

.m-drop-menu { display: none; }

.dropdown-item:focus, 
.dropdown-item:hover {
    background-color: #f5f5f5;    
}


/* lesson menu */
#main-header .lesson-menu {
    display: none;
}
#main-header .lesson-menu ul {
    width: 500px;
}
#main-header .lesson-menu ul li {
    width: 48%;
    display: flex;
    padding-left: 5px;
    align-items: center;
    margin: 2px 0;
}
#main-header .lesson-menu ul li a { 
    font-size: 13px;
}

#main-header .lesson-menu ul li:hover,
#main-header .lesson-menu ul li:hover a {
      background-color: #fff !important;   
      color: #F36B22;
}
#main-header .lesson-menu ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    margin-top: 2px;
    margin-right: 5px;
    opacity: 0.2;
    font-size: 13px;
    opacity: 0;
    transition: 0.5s;
}
#main-header .lesson-menu ul li:hover:before {
    opacity: 1;   
}

#main-header .lesson-menu .dropdown-item {
    white-space: normal;
}

#main-header .drop-menu-normal .dropdown-item {
    margin: 3px 0;
    padding-left: 15px;
    padding-right: 15px;
    color: #525252;   
}
#main-header .drop-menu-normal .dropdown-item:hover {
    color: #F36B22;
}

/* pdf menu */
#main-header .drop-menu-pdf li a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f1c1";
    margin-right: 10px;
    font-size: 16px;
    opacity: 0.6;
}
#main-header .drop-menu-pdf li a.vid-link:before { 
    content: "\f008";
}

.dropdown-menu { margin-top: -1px; }

.limit-height-menu {
    max-height: 150px;
    overflow-y: scroll;
}
.d-drop { display: none; }
.menu-iconic i {
    margin-right: 10px;
    opacity: 0.7;
}
/* end of menus */

main {   }

/* home - mailing list */
.mailing-list .wrap { padding: 35px 0; }

.mailing-list .nr-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.mailing-list .nr-content h3 { 
    margin-top: 6px;
    margin-left: 30px;
}
.mailing-list .nr-content .text {
    max-width: 435px;
    min-height: 50px;
    margin-left: 48px;
    padding-left: 36px;    
    border-left: 1px solid rgba(255,255,255,0.2);
}
.mailing-list .nr-content .text p {
    font-size: 17px;
    font-family: "arial", sans-serif;
    margin-top: 4px;
    letter-spacing: 0.2px;
}

.mailing-list .white-btn {
    margin-left: 40px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.2px;
    justify-content: start;
    padding-left: 28px;
}
.mailing-list .white-btn:hover {
    background-color: #fff;
    color: #1F5387;
}
.mailing-list .white-btn i { 
    margin-right: 15px; 
}


/* home - partners logos */
.partners-slider .pslider {
    max-width: 1080px;
    margin: 0px auto;
    max-height: 36px;
}

.partners-slider .pslider .plogo { 
    min-width: 150px;
}
.partners-slider .pslider .plogo img {
    margin: 0px auto;
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    opacity: 0.6;
    max-height: 36px;
}
.partners-slider .pslider .plogo:hover img {
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
    opacity: 1;    
}

.partners-slider .wrap {
    padding: 22px 0px;
}

.pslider .slick-prev,
.pslider .slick-next { 
    width: 8px;
    height: 23px;
    background-repeat: no-repeat;    
}
.pslider .slick-prev {
    background-image: url(../png/left-arr.png);
}
.pslider .slick-next {
    background-image: url(../png/right-arr.png);
}
.pslider .slick-prev:hover,
.pslider .slick-next:hover { opacity: 0.5; }

.pslider .slick-slide { max-height: 58px; }

.slick-prev::before,
.slick-next::before { content: ""; }

/* home - mission */
.mission .wrap {
    padding: 79px 0 56px;
}
.mission .sub-title {
    color: #F26B1F;
    margin-left: 12px;
}
.mission .title {
    margin-bottom: 30px;
}

.box-row { 
    padding-top: 38px;
    margin-bottom: 1px;
}
.box-row .box {
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    height: 100%;
}

.box-row .box .dimage {
    min-height: 230px;
    position: relative;
    transition: 0.5s;
}
.box .dlink .dimage .overlay-icon { 
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    /* background-color: rgba(243, 107, 34, 0.5); */
    background-color: rgba(31, 83, 135, 0.5);
    z-index: 1;
    opacity: 0;
    transition: 0.5s;
}
.box .dlink .dimage .overlay-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    position: absolute;
    bottom: 6px;
    left: 33px;
    z-index: 2;
    transition: 0.5s;
    text-shadow: 2px 2px 4px #333;
}
.box .dlink .dimage .overlay-icon i {
    color: #fff;
    font-size: 30px;
    margin-top: -50px;
}

.box .dlink .dtext,
.box .dlink-alt .dtext {
    padding: 28px;
    padding-bottom: 0px;
    background-color: #fff;
    position: relative;
    z-index: 3;
    transition: 0.5s;
}
.box .dlink .dtext p,
.box .dlink-alt .dtext p {
    font-size: 14px;
    color: #666666;
    line-height: 160%;
    margin-bottom: 16px;
}

.box .dlink .dmore,
.box .dlink-alt .dmore {  
    color: #F26B21;
    /* padding: 16px 0 9px; */
    opacity: 0;
    padding: 0;
    transition: 0.5s;
    height: 12px;
    display: inline-block;
}
.box .dlink .dmore .arrow,
.box .dlink-alt .dmore .arrow {  
    margin-left: -3px;
    margin-right: 4px;
}
.box .dlink .dmore span,
.box .dlink-alt .dmore span {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
    letter-spacing: 0.2px;
}

.box .dlink:hover .dimage .overlay-icon { 
    opacity: 1;
}
.box .dlink:hover .overlay-title {
    bottom: 56px !important;
}
.box .dlink:hover .dtext {
   margin-top: -50px;
   padding-bottom: 50px;    
}
.box .dlink:hover .dmore {
    opacity: 1;
}
.box .dlink:hover .dmore:hover {
    padding-left: 20px;    
}

.halves {
    display: flex;
    justify-content: center;
}
.halves .half {
    width: 100%;   
    max-width: 720px;
    position: relative;
}

.promo-text {
    text-align: center;
    min-height: 420px;
}
.promo-text .wrap {
    padding: 50px 0px 0px 0;
    height: 100%;
}
.promo-text .title { 
    text-transform: uppercase;
}

hr.divide { 
    border-top: 1px solid #F36B22;
    width: 70px;
    margin: 21px auto 30px;
}

.annon-slider { 
    min-height: 252px;
    padding-bottom: 60px;
    position: inherit;
}
.annon-slider .annon {
    margin: 0px auto;
    max-width: 580px;
}
.annon-slider .annon p {
    font-size: 19px;
    font-weight: 500;
    line-height: 190%;
    margin-bottom: 29px;
}
.annon-slider .annon p a {
    color: #20C7B7;
}

.annon-slider .annon p a:hover {
    text-decoration: underline;
}

/* vid slider */
.promo-vid .vid-slider { 
    height: 100%;
    /* max-height: 420px; */
}

.promo-vid .vid-slider,
.promo-vid .vid-slide {  
    position: relative; 
}

.promo-vid .vid-slide .vid-thumb {
    position: relative;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
}
.promo-vid .vid-slide {
    /* height: 420px; */
    /* height: 100%; */
}
.promo-vid .vid-slide .vid-thumb .overlay {
    opacity: 1;
    background-color: rgba(0,0,0,0.5);
}
.promo-vid .vid-slide .vid-thumb .play-btn {
    position: relative;
    z-index: 2;
    display: block;
    height: 96px;
    width: 96px;
}
.promo-vid .vid-slide .overlay-text {
    color: #20C7B7;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    z-index: 5;
    text-align: center;
    bottom: 137px;
    letter-spacing: 0.3px;
}
.promo-vid .vid-slide .hover-c { 
    opacity: 1; 
    height: 100%;
    transition: 0.5s;
}

/* half prev next controls */
.half .slick-next,
.half .slick-prev {
    top: 100%;
    background-color: #fff;
    transform: translateY(-100%);
}

.half .slick-next {  
    width: 60px;
    height: 60px;
}
.half .slick-prev { 
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
}

.half .slick-next:before,
.half .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 20px;
}
.half .slick-next:before {
    content: "\f054";   
    color: #fff;
}
.half .slick-prev:before {
    content: "\f053";       
    color: #F36B22;    
}

.half .slick-next {
    right: 0px;
    background-color: #F36B22;
}
.half .slick-prev {
    right: 60px !important;
    left: auto !important;
    z-index: 4;
}

/* home - lesons */
.lessons { }
.lessons .wrap { 
    padding: 77px 0px;
}
.lessons .sub-title {
    margin-bottom: 61px;
}
.lessons .row { margin-bottom: 1px; }

.lessons .le_box {
    background-color: #f7f7f7;    
    max-width: 330px;
    margin: 0px auto;
    text-align: center;
    padding: 42px 10px 24px;
    display: block;
    border: 2px solid transparent;
    min-height: 290px;
}
.lessons .le_box:hover {
    border: 2px solid #19B9B1;
}

.lessons .le_box .icon { 
    max-width: 64px;
    margin-bottom: 19px;
}
.lessons .le_box h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #183F6A;
    margin-bottom: 0;
}
.lessons .le_box hr { 
    border-top: 1px solid #F36B22;
    margin: 18px auto 16px;
    max-width: 70px;
}
.lessons .le_box p { 
    font-family: "Arial", sans-serif;
    font-size: 15px;
    color: #666666;
    margin: 0 10px 10px;
    letter-spacing: 0.3px;
}

/* home - games */
.games {}
.games .wrap { padding: 70px 0 32px;}
.games h4.sub-title { margin: 9px 0 12px 8px; }

.games .dgames { margin: 75px 0 0 0; }
.games .dgames .dgame {
    padding-bottom: 50px;
}
.games .dgames .dtext h3 { 
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'Varela Round', sans-serif;
    color: #4C4B51;
    font-weight: normal;
    margin-bottom: 0px;
}
.games .dgames .dtext p.sub {
    font-size: 16px;
    letter-spacing: 0.1px;
    margin-top: -5px;
    margin-bottom: 20px;
}
.games .dgames .dtext hr {
    border-top: 1px solid #F36B22;
    max-width: 70px;
    margin-left: 0px;
}

.games .dgames .gtop {
    margin-bottom: 20px;
}
.games .dgames .gtext {
    margin-bottom: 30px;
}
.games .dgames .gtext p {
    font-size: 15px;
    color: #666666;
    font-family: 'Varela Round', sans-serif;
    line-height: 185%;
}
.games .dgames .gtext ul{ margin-bottom:15px;list-style: inside;}
.games .dgames .gbuttons {
    display: flex;
    margin-bottom: 41px;
}
.games .dgames .gbuttons .more {
    color: #fff;
    background-color: #F36B22;
    width: 135px;
}
.games .dgames .gbuttons .more:hover {
    color: #F36B22;
    background-color: #fff;
}

.games .dgames .gbuttons .amazon {
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    width: 215px;
    margin-left: 10px;
    height: 45px;
    transition: 0.5s;
}
.games .dgames .gbuttons .amazon span {
    font-size: 13px;
    color: #666666;
    font-weight: 600;
    margin-left: 8px;
}
.games .dgames .gbuttons .amazon .logo {
    margin: 7px 0 0 13px;
}
.games .dgames .gbuttons .amazon:hover {
    background-color: #f5f5f5;
}

.games .dgames .gicons { 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 40px;
}
.games .dgames .gicons .icon { 
    display: block;
    height: 62px;
    max-height: 62px;
    margin-bottom: 24px;
}
.games .dgames .gicons .icon img { 
    max-height: 64px;
    max-width: 168px;
}

.games .dgames .dcontent {
    display: flex;
}
.games .dgames .dcontent .dtext .pad {
    padding: 15px 0 0 12px;
}
.games .dgames .dcontent .dtext { 
    width: 44%
}
.games .dgames .dcontent .dimage {
    width: 50%
}
.games .dgames .dcontent .dimage-alt {
    display: none;
}

.games .testimonials .text { padding: 31px 50px; }
.games .testimonials .text p { line-height: 178%; }
.games .testimonials .text .author {  margin-bottom: 0px; }
.games .top { margin-top: -2px; }
.games .top a { color: #4C4B51; }
.games .top .divider {
    font-size: 30px;
    margin: -4px 4px 0px;
}
.games .top .title-link { 
    font-size: 16px; 
    text-transform: uppercase; 
}

/* games in sub page */
.games-alt { }
.games-alt .wrap { padding: 70px 0 19px; }
.games-alt .dgames .dtext h3 { margin-bottom: 5px; }
.games-alt .dgames .dtext p.sub { margin-bottom: 25px; }
.games-alt .dgames .dcontent .dimage { margin-top: 18px; }
.games-alt .dgames .gtext { margin: -3px 0 55px; }
.games-alt .dgames .dgame { padding-bottom: 30px; }
.games-alt .testimonials { margin-bottom: 65px; }

.right-image .dtext { margin-right: 65px; }
.left-image .dtext { 
    margin-left: 65px;
    margin-top: 20px;
}

.testimonials {
    min-height: 180px;
    width: 100%;
    max-width: 1040px;
    margin: 23px auto 70px;
}
.testimonials .text {
    border: 1px solid #E6E6E9;    
    border-radius: 5px;
    text-align: center;
    padding: 31px 20px;
    background-color: #fff;
}
.testimonials .text p {
    font-family: 'Varela Round', sans-serif;
    font-size: 22px;
    color: #666666;
    line-height: 175%;
    letter-spacing: -0.1px;    
}
.testimonials .text .author { 
    font-size: 15px;
    display: block;
    text-align: center;
}
.testimonials .slick-slide {
    height: auto;
}

.testimonials .slick-prev, 
.testimonials .slick-next {
    width: 10px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;    
}
.testimonials .slick-prev {
    background-image: url(../png/left-arr-2.png);
    left: -57px;
}
.testimonials .slick-next { 
    background-image: url(../png/right-arr2.png);
    right: -57px;
}

/* home - curriculum */
.curriculum { }
.curriculum .wrap { 
    padding: 79px 0 64px 0;
}

.curriculum h2 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    margin-bottom: 11px;
}
.curriculum .top { color: #666666;  }
.curriculum .link-more { 
    margin: 0px auto;
    display: block;
    height: 45px;
}

.curr-slider {   
    flex-wrap: wrap;
    margin-top: 50px;
    height: 510px;
    margin-bottom: 45px;
}
.curr-slider .slide {
    width: 410px;
    height: 510px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.curr-slider .curr-slide { 
    width: 100%;
    max-width: 370px;
    height: 470px;    
    display: block;
    border-radius: 4px;
    border: 1px solid #eaeaea;
    position: relative;
    padding: 9px;
    background-color: #fff;
    margin:auto;
}
.curr-slider .curr-img { 
    border-radius: 4px;    
    position: relative;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    opacity: 1;
    transition: 0.8s;
    z-index: 1;
}

.curr-slider .curr-txt {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 2;
    top: 0px;
    left: 0px;
    transition: 0.8s;
    padding: 9px;
    
}
.curr-slider .curr-txt .in-txt { 
    background-image: url(../jpg/bg-temp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 40px 35px;
    border-radius: 5px;
    min-height: 450px;
}
.curr-slider .curr-txt .in-txt h5 { 
    font-size: 29px;
    line-height: 130%;
    width: 280px;
    margin-left: auto;
    margin-right: auto;    
}
.curr-slider .curr-txt .in-txt hr {
    max-width: 63px;
    border-top: 1px solid #fff;
}
.curr-slider .curr-txt .in-txt p {
    font-family: 'Varela Round', sans-serif;
    font-size: 13px;
    color: #fff;
    margin-top: 23px;
    line-height: 160%;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
}    
.curr-slider .curr-txt .in-txt .more {
    display: inline-block;
    font-size: 20px;
    margin: 10px auto;
    color: #F36B22;
    transition: 0.5s;
}
.curr-slider .curr-txt .in-txt .more:hover {
    padding-left: 20px;
}
.curr-slider .curr-txt .in-txt .more span {
    font-size: 14px;
    font-weight: 600;
    margin-right: 17px;
}

.curr-slider .show-me {
    /*max-width: 410px;
    height: 510px;*/
    transform: scale(1.08);
    /*
    -ms-transform: scale(1.21,1.21); 
    -webkit-transform: scale(1.21,1.21);
    //transform: scale(1.1,1.07);

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    //transition: all .5s;  
    */
    z-index: 20        
}
.curr-slider .show-me .curr-img {
    opacity: 0;
}
.curr-slider .show-me .curr-txt {
    opacity: 1;
}

.curr-slider .slick-prev, 
.curr-slider .slick-next {
    width: 10px;
    height: 27px;
    background-position: center center;
    background-repeat: no-repeat;    
}
.curr-slider .slick-prev {
    background-image: url(../png/left-arr-3.png);
    left: -44px;
}
.curr-slider .slick-next { 
    background-image: url(../png/right-arr-3.png);
    right: -44px;
}

/* home - development */

.development { }
.development .wrap { 
    padding: 43px 0;
}
.development .dcontent h4 { margin-left: 9px; }
.development hr { margin: 36px auto; }
.development .dcontent {
    max-width: 510px;
    padding: 18px 0 0 0;
    text-align: center;
}

.development .dcontent p { 
    font-family: 'Varela Round', sans-serif; 
    font-size: 15px;
    color: #666666;
    line-height: 186%;
}
.development .dcontent .more {
    padding-top: 15px;
}
.development .dcontent .btn {
    height: 45px;
}

.development .vid-link { 
    display: block;
    max-height: 320px;
    height: 100%;
    width: 100%;
    position: relative;
    min-height: 320px;
    
    background-size: cover;
    background-position: center center;
}

.development .vid-link {
    flex-direction: column;
}
.development .vid-link .overlay { 
    z-index: 1;
    left: 0px;
}
.development .vid-link .play {
    width: 77px;
    height: 77px;
    position: relative;
    display: block;
    background-image: url(../png/play-btn.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10px;
    z-index: 2;
}

.development .vid-link p {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

.resources { }
.resources .wrap { 
    padding: 69px 0 30px;
}
.resources-p .wrap { 
    padding: 79px 0 71px;
}

.resources h4 { margin-left: 8px; }

.resources .gally .main { 
    border:1px solid #E6E6E6; 
    min-height: 430px;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 20px 20px 0;
    display: block;
    text-align: center;
    background-color: #fff;
}
.resources .gally {
    margin-top: 66px;
}

.resources-p .gally { margin-top: 0px; }


.resources .gally .main-sub { 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.resources .gally .main-sub .sub {
    display: block;
}
.resources .gally .sub {
    max-width: 270px;
    width: 100%;
    border:1px solid #E6E6E6;     
    border-radius: 4px;    
    min-height: 200px;
    margin-bottom: 30px;
    text-align: center;
    padding: 10px;
    background-color: #fff;
}

.resources .gally .main:hover h5,
.resources .gally .sub:hover h6 {
    color: #F36B22;
}
.resources .gally .main:hover,
.resources .gally .sub:hover {
    background-color: #f5f5f5;
}

.resources .gally .sub h6 { 
    font-weight: 600;
    margin-bottom: 0px;
    letter-spacing: 0.4px;
}

.resources .gally .main .dimage { 
    background-color: rgba(0,0,0,0.2);
    min-height: 320px;
    border-radius: 4px;
    margin-bottom: 19px;
}
.resources .gally .main-sub .dimage { 
    width: 100%;
    min-height: 150px;
    margin-bottom: 9px;
    border-radius: 4px;
}

.resources .gally .main .dimage,
.resources .gally .main-sub .dimage { 
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.resources .gally .overlay { 
    opacity: 0;
    transition: 0.5s;
}
.resources .gally .main:hover .overlay {
    opacity: 0.5;
}
.resources .gally .sub:hover .overlay {
    opacity: 0.5;
}

.resources .gally .main h5 {
    font-size: 36px;
    color: #183F6A;
    font-weight: 600;
}

/* home - mailing list alt */
.mailing-list-alt { }
.mailing-list-alt .wrap { 
    padding: 30px 0 41px 0;
}
.mailing-list-alt .nr-content h3 {
    margin-top: 6px;    
}
.mailing-list-alt .nr-content .text p {
    margin-top: 3px;
}
.mailing-list-alt .white-btn {
    margin-top: 0px;
}
.mailing-list-alt .white-btn:hover {
    color: #F36B22;   
}

/* about - what-is-math */
.what-is-math { }
.what-is-math .wrap { 
    padding: 80px 0;
}
.what-is-math .dimage {
    display: flex;
    justify-content: flex-end;
}
.what-is-math .dimage img {
    padding: 9px;
    border-radius: 4px;
    border: 1px solid #E6E6E9;
    background-color: #fff;
}
.what-is-math .row {
    margin-bottom: 5px;
}
.what-is-math .dtext {
    /* margin-top: 45px; */
    margin-left: 2px;
}
.what-is-math .dtext .title {
    margin-bottom: 20px;
}
.what-is-math .dtext .varela {
    margin-bottom: 29px;
}
.what-is-math .dtext p {
    color: #666666;
    line-height: 195%;
}

.who-we-help { }
.who-we-help .wrap {
    padding: 73px 0 64px;
}
.who-we-help .title {
    margin-bottom: 12px;
}

.what-people-say {}
.what-people-say .wrap {
    padding: 69px 0;
}
.what-people-say .title {
    margin-bottom: 47px;
}

.they-say #myTab {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 28px;
}
.they-say #myTab li:before {
    content: "|";
    display: inline-block;
    font-size: 20px;
    margin: 0 22px;
}
.they-say #myTab li:first-child {
    margin-left: -35px;
}
.they-say #myTab li:first-child:before {
    content: "";
}
.they-say #myTab li a {
    text-transform: uppercase;
    font-size: 20px;
    color: #666666;
    font-family: 'Varela Round', sans-serif;
}
.they-say #myTab li a:hover,
.they-say #myTab li a.active {
    color: #4AD2C4;   
}

.they-say .testimonials {
    position: relative;
    margin-bottom: 50px;
    min-height: 240px;
}
.they-say .hide-ex { overflow: hidden; }
.they-say .testimonials .control-prev,
.they-say .testimonials .control-next {
    font-size: 0px;
    width: 10px;
    height: 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 111px;
}
.they-say .testimonials .control-prev {
    background-image: url(../png/left-arr-2.png);
    left: -57px;
}
.they-say .testimonials .control-next {
    background-image: url(../png/right-arr2.png);
    right: -57px;
}

.they-say .testimonials .text {
    padding: 31px 65px;
    background-color: transparent;
    letter-spacing: 0.3px;
}
.they-say .testimonials .text p {
    margin-bottom: 25px;
}
.they-say .testimonials .author {
    margin-bottom: 13px;
}

.they-say .btn { 
    margin: 0px auto 14px;
    display: block;
}
.they-say .nav-tabs .nav-link { border: 0; }
.they-say .nav-tabs { border: 0; } 

.math-team {
    
}
.math-team .wrap {
    padding: 70px 0;    
}
.math-team .title { 
    margin-top: 4px;
    margin-bottom: 38px;
}
.math-team .limiter { 
    max-width: 840px;
    margin: 0px auto;
    text-align: center;
}
.math-team .member {
    max-width: 240px;
    margin: 0px auto;
    position: relative;
    display: block;
    height: 310px;
    margin-bottom: 20px;
    background-color: #fff;
    transition: 0.5s;
}

.math-team .bare {
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 1;
    background-color: #fff;
}
.math-team .flip {
    position: relative;
    z-index: 2;
    opacity: 0;
    transition: 0.5s;
}

.math-team .active-m .flip {
    opacity: 1;
}
.math-team .active-m .bare {
    opacity: 0;
}
.math-team .active-m {
    border: 2px solid #19B9B1;
    border-radius: 4px;
    padding: 31px 20px;
    background-color: #fff;
    min-height: 310px;
    transition: 0.5s;
}
.math-team .active-m .flip .thumb {
    margin-bottom: 18px;
    margin-top: 7px;
}

/*
.math-team .active-m .flip .thumb img {
    max-width: 150px;
    border-radius: 100%;
}
*/

.math-team .active-m .flip .thumb .nphoto {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin-right: auto;
    margin-left: auto;
    background-size: cover;
    background-position: center;    
}

.math-team .active-m .flip .posn {
    font-size: 15px;
    color: #666666;
    line-height: 130%;
}

.math-team .member .name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
}
.math-team .member .bare {
    padding: 14px 0 80px 0;
    left: 0px;
    min-height: 310px;
}
.math-team .member .bare img {
    width: 200px;
    border-radius: 100%;
}
.math-team .member .bare .photo {
    margin-bottom: 24px;
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 100%;
    margin-right: auto;
    margin-left: auto;
}
.math-team .row { height: 330px;}

.press-media {
    
}
.press-media .wrap {
    padding: 70px 0 48px;
}
.press-media .top { 
    justify-content: space-between;
    padding-top: 2px;
    margin-bottom: 36px;
}
.press-media .top a {
    color: #F26B21;
    font-weight: 600;
}
.press-media .top a:hover {
    opacity: 0.7;
}
.press-media h2 {
    font-size: 25px;
    font-weight: 600;
    margin-left: 2px;
    margin-bottom: 0px;
    margin-top: 4px;
}
.press-media .press-group a.link {
    display: block;
    border: 1px solid #E2E6EC;
    margin-bottom: 13px;        
}
.press-media .press {
    border: 2px solid transparent;
    padding: 31px 20px 17px;
}
.press-media .link:hover {
    border: 1px solid transparent;
}
.press-media .link:hover .press {
    border: 2px solid #19B9B1;
    height: 100%;
}

.press-media .press .date {
    font-size: 13px;
}
.press-media .press .title {
    color: #065999;
    font-size: 25px;
    line-height: 145%;
    margin-bottom: 7px;
}
.press-media .press p {
    color: #666666;     
    line-height: 195%;
    margin-bottom: 0px;
}

.foot-contact { }
.foot-contact .wrap {
    padding: 70px 0;
}
.foot-contact .title {
    font-size: 50px;
    font-weight: normal;
    margin-top: 6px;
    margin-bottom: 0px;
}    
.foot-contact .sub-text a { color: #065999; }
.foot-contact .sub-text a:hover { color: #F36B22; }
.foot-contact .sub-text {
    margin-bottom: 34px;
}
.foot-contact .btn {
    margin-bottom: 9px;
}


/* what people say */
.wps-all {}
.wps-all .wrap { 
    padding: 80px 0;
}
.wps-all .title { 
    margin-top: 5px;
    margin-bottom: 13px;
}
.wps-all .top {
    margin-bottom: 62px;
}
.wps-all .pad {
    padding-top: 57px;
}
.wps-all .btn {
    margin-top: 10px;
}
.wps-cards .card {
    max-width: 370px;
    margin-bottom: 26px;
}
.wps-cards .card-body {
    padding: 21px 29px;
    text-align: center;
}
.wps-cards .card .card-text {
/*
    font-size: 22px;
    line-height: 175%;
    margin-bottom: 5px;
    color: #666;
*/    
}

.wps-cards .card .card-text p {
    font-size: 22px;
    line-height: 175%;
    margin-bottom: 5px;
}

/* curriculum */
.curr-gallery { }
.curr-gallery .wrap {
    padding: 70px 0 55px;
}
.curr-gallery .row-books { 
    max-width: 990px;
    margin: 9px auto 0;
}
.curr-gallery .row-books .book { 
    width: 100%;
    height: 386px;
    padding: 8px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    display: block;
    max-width: 300px;
    margin: 0px auto 27px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
.curr-gallery .row-books .book .image {
    height: 100%;
    border-radius: 5px;
    background-position: top center;
    transition: 0.8s;
}
.curr-gallery .row-books .book:hover {
    background-color: #1F5387;    
    border: 1px solid transparent;
}
.curr-gallery .row-books .book:hover .image {
    opacity: 0;
}
.curr-gallery .row-books .book:hover .info {
    opacity: 1;
}

.curr-gallery .row-books .book .info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    color: #fff;
    padding: 78px 11px 0;
    opacity: 0;
    transition: 0.8s;
}
.curr-gallery .row-books .book .info p {
    margin-bottom: 19px;
}
.curr-gallery .row-books .book .info .title {
    font-size: 33px;
    line-height: 115%;
    margin-bottom: 18px;
}
.curr-gallery .row-books .book .info .more {
    font-size: 15px;
    color: #F26B20;
    font-weight: 600;
    transition: 0.5s;
}
.curr-gallery .row-books .book .info .more:hover {
    margin-left: 15px;
}

.the-vision {}
.the-vision .wrap {
    padding: 80px 0;
}
.the-vision .title { 
    margin-top: 4px;
    margin-left: 2px;
    margin-bottom: 32px;
}
.the-vision .text {
    margin-left: 2px;
}
.the-vision .text p {
    line-height: 186%;
    margin-bottom: 18px;
}

.the-vision .our-goal {
    display: flex;
    justify-content: flex-end;
}

.the-vision .row {
    margin-bottom: 3px;
}
.the-vision .our-goal .dcontent {
    width: 460px;
    text-align: center;
    padding: 0px 8px 0px 0px;
    position: relative;
}
.the-vision .our-goal .dcontent p { margin-bottom: 0px; }

.the-vision .our-goal .dcontent .circout img {
    padding: 5px;
    border: 1px solid #e5e5e5;
}
.the-vision .our-goal .dcontent .circout .circ {
    width: 100%;
    min-height: 265px;
    position: relative;
    margin: 0px auto;
    align-items: center;
    display: flex;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.the-vision .our-goal .dcontent .circin .circ {
    width: 330px;
    height: 345px;
    position: relative;
    margin: 0px auto;
    align-items: center;
    display: flex;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
}


.the-vision .our-goal .dcontent .circ p {
    font-size: 18px;
    margin: 0px 40px 0;
}
.the-vision .our-goal .dcontent .circ h3 {
    margin-top: 12px;
    font-weight: 400;
    margin-bottom: 0px;
}
.the-vision .our-goal .dcontent .dflex-center {
    justify-content: space-between;
    align-items: flex-start;
}
.the-vision .our-goal .dcontent .positive {
    margin: 0px 33px 0px;
}
.the-vision .our-goal .dcontent .productive {
    max-width: 200px;
    margin: 8px 0 0 -10px;
}    
.the-vision .our-goal .dcontent .playful {
    max-width: 200px;
    margin: 8px -9px 0 0;
}

.the-vision .our-goal-alt {
    display: flex;
    justify-content: flex-end;
}
.the-vision .our-goal-alt img {
    margin: 32px 8px 0px 0px;
}
.the-vision .mobile { display: none; }

hr.short {
    border-top: 1px solid #F36B22;
    max-width: 70px;
    margin: 15px 0px;
}

.the-results { }
.the-results p {
    font-family: 'Varela Round', sans-serif;    
}
.the-results .wrap { 
    padding: 55px 0;
}
.the-results .title {
    margin-bottom: 19px;
}

.the-results .img-left { 
    margin-top: 55px;
}
.the-results .img-left .dimage {
    margin: 0px 0 20px 54px;
}
.the-results .img-left .dcontent {
    padding-top: 34px;
    margin-bottom: 20px;
}
.the-results .img-left .dcontent .title {
    line-height: 130%;
    margin-left: 2px;
    margin-bottom: 28px;
}
.the-results .img-left .dcontent p {
    line-height: 186%;
    margin-left: 2px;
}

.the-results .img-right { 
    margin-top: 55px;
}
.the-results .img-right .dcontent { 
    padding-top: 59px;
    margin-left: 2px;
    margin-bottom: 20px;
}
.the-results .img-right .dimage { 
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;    
}
.the-results .img-right .dimage img {
    margin-right: 40px;
}

.the-results .img-right .dcontent p {
    line-height: 186%;
}
.the-results .img-right .dcontent .title {
    margin-bottom: 22px;
}
.the-results .img-right .dcontent hr {
    margin-bottom: 24px;
}

.the-results .title-left {
    margin-top: 25px;
    margin-bottom: 40px;
}
.the-results .title-left .dimage { 
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.the-results .title-left .dimage img { 
    margin-right: 60px;   
}
.the-results .title-left .dcontent { 
    padding: 22px 0 0 0;
    margin-bottom: 20px;
}
.the-results .title-left .dcontent .title { 
    font-size: 36px;
    line-height: 150%;
    margin-bottom: 12px;
}

.the-results .spacer { height: 9px; }
.page-curriculum .testimonials { margin-bottom: 29px; }
.page-curriculum .testimonials .text { 
    padding: 41px 60px 44px;
}
.page-curriculum .testimonials .text p {
    margin-bottom: 36px;
}

.page-curriculum .content-wrapped {
    padding-bottom: 30px;
    max-width: 960px;
    margin: 0px auto;
}    

.the-survey { } 
.the-survey .wrap { 
    padding: 26px 0 0 0;
} 
.the-survey .img-right .dimage img {
    margin-right: 2px;
}
.the-survey .img-right .dcontent .title { 
    font-size: 36px;
    line-height: 150%;
    margin-bottom: 7px;
}
.the-survey .img-right .dcontent {
    padding-top: 44px;
}
.the-survey .img-right .dcontent .sub-text {
    margin-bottom: 31px;
}
.the-survey .img-right .dcontent .btn {
    margin-left: -1px;
}
.the-survey .text-below {
    max-width: 470px;
    margin-left: auto;
}
.the-survey .text-below p {
    line-height: 177%;    
}

.circ-graph .wrap {
    padding: 35px 0 65px;
}

/* normal */
/* img-right */
.normal .img-right {  }
.normal .img-right .dimage,
.normal .img-right-border .dimage {
    text-align: right;
}
.normal .img-right .dimage img { 
    margin-right: 70px;
    margin-bottom: 30px;
}
.normal .img-right .dcontent {
    padding: 51px 0 0px 2px;
    margin-bottom: 30px;
}
.normal .img-right .dcontent .title {
    font-size: 36px;
    text-align: left;
    padding-bottom: 10px;
}
.normal .img-right .dcontent p {
    line-height: 200%;
}
.normal .img-right-border .dimage {
    margin-top: 3px;
}
.normal .img-right-border .dimage span {
    display: inline-block;
    padding: 9px;
    border: 1px solid #efefef;
    background-color: #fff;
    border-radius: 5px;    
}
.normal .img-right-border .dimage img { 
    border-radius: 5px;
}
.normal .img-right-border .dcontent p {
    line-height: 200%;
}
.normal .img-right-border .dcontent .title { 
    margin-bottom: 7px;
}

/* vid-left */
.vid-left { padding: 40px 0; }
.vid-left .vid-thumb { 
    padding-top: 4px;
    margin-bottom: 25px;
}
.vid-left .vid-link { 
    display: block;
    min-height: 286px;
    height: 100%;
    width: 100%;
    position: relative;
    max-width: 510px;
    background-size: cover;
    background-position: center center;
}
.vid-left .vid-link {
    flex-direction: column;
}
.vid-left .vid-link .overlay { 
    z-index: 1;
    left: 0px;
}
.vid-left .vid-link .overlay,
.vid-left .vid-link { border-radius: 7px; }
.vid-left .vid-link .play {
    width: 96px;
    height: 96px;
    position: relative;
    display: block;
    background-image: url(../png/play-btn.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10px;
    z-index: 2;
}
.vid-left .vid-link p {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}
.vid-left .dcontent {   }
.vid-left .dcontent .title {
    text-align: left;
    padding-left: 2px;
    line-height: 150%;
    margin-top: -4px;
}
.vid-left .dcontent .text {
    padding-left: 2px;
}
.vid-left .dcontent .text p {
    line-height: 200%;
}

/* featured post */
.flex-post .blog-post {  
    display: flex;
    justify-content: space-between;
    padding-top: 45px;
}
.flex-post .blog-post .top {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 22px;
}
.flex-post .blog-post .top p {
    margin-bottom: 0px;
}
.flex-post .blog-post .fpost {
    width: 100%;
    max-width: 270px;
    margin-bottom: 20px;
}
.flex-post .blog-post .post-link {
    display: block;
}
.flex-post .blog-post .post-link .overlay {
    opacity: 0;
    transition: 0.5s;
}
.flex-post .blog-post .post-link .feat-img:hover .overlay {
    opacity: 1;
    background-color: rgba(31, 83, 135, 0.5)
}

.flex-post .blog-post .feat-img {
    min-height: 180px;
    border-radius: 5px;
    margin-bottom: 17px;
    margin-top: 3px;
    position: relative;
}
.flex-post .blog-post .post-title {
    font-weight: 600;
    color: #065999;
    font-size: 25px;
    padding-left: 2px;
    line-height: 130%;
    padding-top: 2px;
    transition: 0.5s;
}
.flex-post .blog-post .post-title:hover {
    color: #F36B22;  
}
.flex-post .blog-post .post-date {
    font-size: 13px;
    padding: 1px 0px 0px 1px;
}
.flex-post .blog-post .post-excerpt {
    padding: 25px 0 1px 1px;
}
.flex-post .blog-post .post-excerpt p {
    line-height: 160%;
}
.flex-post .blog-post .read-more {
    color: #F36B22;
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    letter-spacing: -0.3px;
    transition: 0.5s;
}
.more-arrow-1:before { 
    content: "→";
    font-size: 25px;
    margin-right: 11px;
    
}
.flex-post .blog-post .read-more:hover {
    margin-left: 20px;
}


/* what-is-math */
.math-is-art { }
.math-is-art .wrap {  
    padding: 34px 0 19px 0;
}

.math-is-art .testimonials {
    margin: 11px auto 33px;
}
.math-is-art .testimonials .text {
    padding: 31px 51px;
}
.math-is-art .testimonials .text p {
    margin-bottom: 35px;
}
.math-is-art .testimonials .author {
    margin-bottom: 3px;
}

.what-math-feels { }
.what-math-feels .wrap {
    padding: 66px 0;
    max-width: 1000px;
    margin: 0px auto;    
}
.what-math-feels .title { 
    margin-bottom: 11px;
}

/* who-we-help */
.page-who-we-help .who-we-help .wrap {
    padding: 56px 0;   
}
.page-who-we-help .who-we-help .sub-title {
    letter-spacing: 3.5px;
}
.page-who-we-help .img-right-border {  
    padding-top: 40px;
}
.page-who-we-help .top {
    margin-bottom: 43px;
}
.page-who-we-help .row .title {
    line-height: 150%;
    padding-left: 2px;
}
.page-who-we-help .m-cat {
    padding-bottom: 27px;
}

.page-who-we-help .testimonials .text {
    padding: 31px 50px;
}
.page-who-we-help .testimonials .text p {
    margin-bottom: 25px;
}
.page-who-we-help .testimonials .text .author {
    margin-bottom: 13px;
}
.page-who-we-help .testimonials {
    margin-bottom: 21px;
}

.page-who-we-help .gally {
    padding-bottom: 40px;
}

.wwh-resources {
    
}
.wwh-resources .le_box {
    padding: 10px;
    border: 1px solid #19B9B1;
    border-radius: 4px;
    display: block;
    color: #183F6A;
}

.wwh-resources .le_box:hover {
    border: 1px solid #F36B22;
    color: #F36B22;
    background-color: #f5f5f5;
}

.wwh-resources .card-img {
    height: 180px;
    background-color: #e5e5e5;
    margin-bottom: 18px;
}


/* shop-main */
.shop-main .wrap {
    padding: 70px 0 61px;
}

.top-filter .top {
    justify-content: space-between;
    padding: 11px 0;
}
.top-filter .top .title,
.top-filter .top .filter { margin-bottom: 24px; }
.top-filter .top .filter { color: #33396B; }
.top-filter .top .filter .custom-select,
.woocommerce .woocommerce-ordering .custom-select {
    font-size: 13px;
    height: 40px;
    width: 300px;
    border-radius: 0;
    margin-left: 21px;
    margin-right: 7px;
}

.shop-main .prod-title {
    font-weight: 600;
    padding: 1px 0 0 4px;
    letter-spacing: 0.5px;
}
.shop-main .items-curriculum .pad,
.shop-main .items-games .pad,
.shop-main .items-others .pad {
    padding-top: 20px;
}
.shop-main .items-curriculum .ic-top {
    margin-bottom: 35px;
}
.shop-main .items-games .ic-top {
    margin-bottom: 37px;
}
.shop-main .items-others .ic-top {
    margin-bottom: 44px;
}

.shop-main .product { 
    
}

.flex-products {
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 36px;
    width: 100%;
	row-gap: 40px;
}
.flex-products .slick-list {
    width: 100%;
}
.shop-main .flex-products .product-curr {
    height: 349px;
    border-radius: 4px;
    /* overflow: hidden; */
}
.shop-main .flex-products .prod-link {
    display: block;
    position: relative;
    height: 100%;
    margin: 0px auto;
    border-radius: 4px;
    overflow: hidden;
}

.shop-main .product-group-3 .product {
    height: 355px;
    border-radius: 4px;
    /* overflow: hidden; */
}
.shop-main .product-group-3 .product h4,
.shop-main .product-group-3 .product p {
    margin-left: 30px;
    margin-right: 30px;
}
.shop-main .product-group-3 .product h4 {
    font-size: 33px;
}
.shop-main .product-group-3 .product p { 
    font-size: 18px;
}
.shop-main .product-group-3 .product .prod-thumb .overlay {
    display: none;
}

.shop-main .flex-products .prod-thumb {
    width: 100%;
    height: 100%;
    text-align: right;
}

.shop-mian .flex-products .product-curr .prod-thumb {
    min-height: 350px;
}

.shop-main .flex-products .product-game .prod-thumb {
    min-height: 337px;
}

.shop-game-related .flex-products .product-game .prod-thumb {
    min-height: 350px;
}


.shop-main .flex-products .prod-thumb .overlay {
    background-color: rgba(22,60,97,0.8);
    opacity: 0;
    transition: 0.5s;
    z-index: 2;
}
.shop-main .flex-products .prod-link:hover .overlay {
    opacity: 1;
}
.shop-main .flex-products .price {
    color: #fff;
    font-family: "Roboto";
    font-size: 20px;
    text-align: center;
    display: inline-block;
    min-width: 110px;
/*
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
*/  
    
    margin: 11px 10px 0 0;
    background-color: #FDB81F;
    border-radius: 5px;
    padding: 7px 20px;
    font-weight: 300;
    position: relative;
    z-index: 3;
}
.shop-main .flex-products .ptext {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
.shop-main .flex-products h4 {
    font-weight: 600;
    font-size: 30px;
}
.shop-main .flex-products p {
    color: #fff;
    text-align: center;
}
.shop-main .flex-products span.view {
    color: #FDB81F;
    font-weight: 500;
    display: inline-block;
}

.shop-main .product-group-4 .prod-link {
    width: 270px;    
}
.shop-main .product-group-3 .prod-link {
    padding: 5px;
    width: 350px;
    border: 1px solid #efefef;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    margin-left: 5px;
    max-height: 350px;
}
.shop-main .product-group-3 .prod-link .overlay {
    background-color: rgba(22,60,97,0.8);
    opacity: 0;
    transition: 0.5s;
    z-index: 2;
    left: 0px;
}
.shop-main .product-group-3 .prod-link:hover {
    border: 1px solid transparent;
}
.shop-main .product-group-3 .prod-link:hover .overlay {
    opacity: 1;
}
.shop-main .product-group-3 .more {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.shop-main .product-group-3 .spacer {
    min-height: 20px;
}
.shop-main .product-group-3 .prod-thumb {
    border-radius: 5px;
}
.shop-main .product-group-3 .more:hover {
    margin-left: 20px;   
}

.shop-main .product-group-3  span.view { 
    color: #F36B22;
    font-weight: 500;
    font-size: 15px;
}

.flex-products .slick-next,
.flex-products .slick-prev {
    width: 46px;
    height: 46px;
    background-color: #F36B22;
    border-radius: 100%;
    z-index: 10;
    opacity: 0.85;
}
.flex-products .slick-next:hover,
.flex-products .slick-prev:hover {
    opacity: 1;
}

.flex-products .slick-next:before,
.flex-products .slick-prev:before {
    width: 17px;
    height: 17px;
    display: block;
    margin: 0px auto;
}
.flex-products .slick-prev:before {
    background-image: url(../png/arrow-left.png);
}
.flex-products .slick-next:before {
    background-image: url(../png/arrow-right-2.png);
}

.flex-products .slick-prev {
    left: -10px;
}
.flex-products .slick-next {
    right: -10px;
}
.shop-main .product-group-3 .slick-next { 
    right: 20px;
}

.product-curr .onsale,
.product-game .onsale {  
    background-color: #F36B22;
    color: #fff;
    border-radius: 100%;
    text-transform: uppercase;
    font-size: 13px;
    height: 50px;
    width: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0px;
    z-index: 5;
    opacity: 0.8;
} 

/* professional development */

.page-professional-development .content-wrapped {
    padding-bottom: 20px;
}

.featured-videos { }
.featured-videos .wrap { 
    padding: 50px 0;
}
.featured-videos .title {
    padding: 4px 0 0 2px;
    margin-bottom: 27px;
}
.featured-videos .f-videos {
    padding-top: 20px;
    margin-bottom: 15px;
}
.f-videos .vid-thumb {
    border-radius: 5px;
    position: relative;
}
.featured-videos .f-videos .vid-thumb {
    width: 510px;
    height: 286px;
    margin-bottom: 32px;
}
.f-videos .vid-thumb .overlay {
    opacity: 1;
    background-color: rgba(68,68,68,0.2);
    border-radius: 5px;
}
.f-videos .vid-thumb .play-btn {
    width: 75px;
    height: 75px;
    position: relative;
    z-index: 2;
}

.featured-videos .vid-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}
.featured-videos .vid-title:hover {
    color: #F36B22;
}
.featured-videos .video-left,
.featured-videos .video-right,
.featured-videos .video-lr {
    max-width: 510px;
    margin-bottom: 20px;
}
.featured-videos .video-lr .vid-link {
    display: block;
}

.featured-videos .video-right { 
    margin-left: auto;
}
.featured-videos .varela p {
    line-height: 185%;
    margin-left: 1px;
}

.video-series { }
.video-series .wrap { 
    padding: 44px 0 33px;
}
.video-series .ic-top {
    padding: 29px 0 29px 18px;
    letter-spacing: 0.3px;
    margin-bottom: 6px;
}
.video-series .ic-top h4 { font-weight: 600; }
.video-series .product-video {  

}

.video-series .product-video .vid-title {
    padding: 10px 18px;
    display: block;
    font-size: 15px;
    font-weight: 500;
}

.video-series .prod-link {
    max-width: 370px;
    margin: 0px auto;
    display: block;
}
.video-series .vid-thumb {
    width: 370px;
    height: 208px;
}
.video-series .vid-thumb .play-btn {
    width: 55px;
    height: 55px;
}
.video-series .flex-products {
    margin-bottom: 29px;    
}

/* team single */
.author-info { }
.author-info .wrap { 
    padding: 50px 0;
}
.author-info {
    padding: 0 0 0 3px;    
}
.author-info .container {
    max-width: 1215px;
}
.author-pad {
    padding: 32px 0;
}
.author-info .bord {
    padding: 9px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    border-radius: 5px;
    max-width: 370px;
}
.author-info img {
    border-radius: 5px;
    width: 100%;
}
.author-info .title {
    margin-bottom: 0px;
}
.author-info .top {
    margin-bottom: 30px;
}
.author-info .position {
    font-size: 15px;
    margin-left: 1px;
}
.author-info .info {
    padding: 1px 10px 0 0;
}
.author-info .info p {
    line-height: 200%;
}

.author-info .testimonials { margin-top: 27px; }
.author-info .testimonials .text {
    padding: 41px 60px;
}
.author-info .testimonials .text p {
    margin-bottom: 33px;
}
.author-info .testimonials .text .author {
    margin-bottom: 3px;
}

.author-info .content-col-6 {
    padding: 11px 0;
}
.author-info .video-content-1 { 
    margin-left: 10px;
}
.author-info .video-content-1 .thumb { 
    width: 510px;
    height: 286px;
}
.author-info .video-content-1,
.author-info .title-content-1 {
    margin-bottom: 16px;
}

.background-list .wrap { 
    padding: 54px 0;
}
.background-list .title {
    margin-bottom: 36px;    
}
.background-list .bullet-row {
    margin-bottom: 18px;
}

/* careers */
.experience { }
.experience .wrap { 
    padding: 46px 0;
}
.reenie-top .top .title-top {
    font-size: 50px;
    font-weight: normal;
    margin-bottom: -8px;
}
.reenie-top .top .title-main {
    margin-bottom: 19px;
}
.reenie-top .top .text p {
    font-size: 18px;
}
.reenie-top .top {
    margin-bottom: 41px;
}

.page-careers .video-content-1 {
    padding: 9px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin: 0px 20px 56px;
}
.page-careers .video-content-1 .thumb {
    height: 470px;
}
.page-careers .video-content-1 .text {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
}
.page-careers .video-content-1 .holder {
    padding-top: 9px;    
}
.page-careers .video-content-1 .overlay {
    background-color: rgba(68,68,68,0.6);
}
.page-careers .video-content-1 .play-btn {
    width: 152px;
    height: 152px;
}

.job-posting .wrap {
    padding: 80px 0px;
}
.job-posting .top .title-top {
    margin-bottom: 3px;
}
.job-posting .top {
    margin-bottom: 54px;
}
.job-posting .postings-top {
    max-width: 1070px;
    margin: 0px auto 0px;
    padding: 20px 6px 20px;
    border-bottom: 2px solid #e5e5e5;
}
.job-posting .postings-top span {
    font-size: 15px;
    color: #62BD62;
}
.job-posting .postings {
    max-width: 1070px;
    margin: 0px auto;
    /* padding-bottom: 30px; */
    border-bottom: 2px solid #e5e5e5;
}
.job-posting .postings p,
.job-posting .postings li {
    font-family: 'Varela Round', sans-serif;
    font-size: 15px;
    color: #666;
}
.job-posting .postings ul {
    margin-left: 20px;
    margin-bottom: 20px;
}
.job-posting .postings li { 
    display: flex;
    align-items: center;
}
.job-posting .postings li:before {
    content: "\2022";
    font-size: 15px;
    padding-top: 3px;
    margin-right: 8px;
}
.job-posting .postings .row-job {
    padding: 5px 10px;
}
.job-posting .postings a {
    color: #666;
    border-bottom: 1px solid #efefef;
    padding-top: 20px;
    transition: 0.5s;
}
.job-posting .postings .posn { 
    font-size: 15px;
    font-family: 'Varela Round', sans-serif;
}
.job-posting .postings a:hover {
    background-color: #f5f5f5;
}
.job-posting .postings a:hover .posn { 
    color: #F36B22;
}
.job-posting .postings a:last-child {
    border-bottom: 0;
    margin-bottom: 0px;
}

/* contact us */
.ncontact {
    background-image: url(../png/contact-bg.png);
    background-repeat: repeat-y;
    background-position: center center;
}
.ncontact .wrap {
    padding: 60px 0;
}
.ncontact .nform-bg {
    /* background-color: #f9f9f9; */    
}
.ncontact .nform {
    max-width: 500px;
    margin-left: auto;
}
.ncontact h2 {
    font-weight: normal;
    /* font-size: 50px; */
    font-size: 22px;
    margin-left: 1px;
    /* line-height: 80%; */
    line-height: 150%;
    margin-top: 10px;
    margin-bottom: 13px;
}
.ncontact .nform .text {
    margin-left: 1px;
}
.ncontact .pad {
    padding: 74px 0 32px;
}
.ncontact .ninfo .list {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 9px;
}
.ncontact .ninfo .title {
    margin-bottom: 22px;
}
.ncontact .ninfo li {
    font-family: 'Varela Round', sans-serif;
    margin-bottom: 23px;
    line-height: 160%;
}
.ncontact .ninfo {
    max-width: 500px;
}
.ncontact .ninfo .email-hold {
    padding: 26px 3px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 22px;
}
.ncontact .ninfo .email-hold span,
.ncontact .ninfo .email-hold a {
    font-family: 'Varela Round', sans-serif;
    font-size: 18px;
    display: block;
}
.ncontact .ninfo .email-hold a {
    margin-bottom: 3px;
}
.ncontact .ninfo .note {
    font-family: 'Varela Round', sans-serif;
    font-size: 13px;
    color: #666;
    padding-left: 2px;
}
.ncontact .ninfo .note span {
    color: #F26B20;
    margin-right: 4px;
}

.gform-wrap {
    padding: 19px 0;
}
.gform-wrap input[type=text],
.gform-wrap textarea {
    padding: 24px 12px;
    font-family: 'Varela Round', sans-serif;
    font-size: 13px;
}
.gform-wrap textarea { 
    padding-top: 17px;
    min-height: 170px;
}
.gform-wrap .ginput_container {
    margin-bottom: 29px;
}
.gform-wrap .btn {
    margin-top: 10px;
}

/* free lessons */
.page-free-lessons .lessons .wrap {
    padding: 60px 0 30px;
    box-shadow:0 8px 8px -4px #e5e5e5;
}
.page-free-lessons .lessons .le_box {
    min-height: 310px;
    padding-top: 32px;
    margin: 0 0px 10px;
    position: relative;
}
.page-free-lessons .lessons .le_box:hover,
.page-free-lessons .lessons .le_box_active {
    background-color: #fff;
    border: 2px solid #19B9B1;
}
.page-free-lessons .lessons .le_box:hover .down-arrow,
.page-free-lessons .lessons .le_box_active .down-arrow {
    opacity: 1;
}
.page-free-lessons .lessons .le_box p {
    margin: 0px 16px 10px;
}
.page-free-lessons .down-arrow {
    opacity: 0;
    position: absolute;
    width: 30px;
    height: 19px;
    background-image: url(../png/highlight-arrow.png);
    bottom: -17px;
    left: 118px;
    transition: 0.3s;
}
.page-free-lessons .lessons {
    margin-bottom: 6px;
}

.page-free-lessons .lessons .content-wrapped { 
    padding-bottom: 30px;
}

.content-wrapped p,
.content-wrapped li {
    font-family: 'Varela Round', sans-serif;
}

.lesson-text .wrap {
    padding: 50px 0 42px;
}
.lesson-text .title {
    margin-left: 1px;
    padding-bottom: 3px;
}
.lesson-text hr {
    border-top: 1px solid #F36B22;
    max-width: 70px;
    margin-left: 0px;
}
.lesson-text .content {
    padding: 9px 0px;
}

.lesson-grid .wrap {
    padding: 70px 0;
}
.lesson-grid .title {
    padding: 2px 0 0 0;
}
.lesson-grid .control-text {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #183F6A;
}
.lesson-grid .grid-control .pad {
    padding-top: 60px;
}
.lesson-grid .grid-control .control-text {
    margin-bottom: 22px;
}
.grid-control .filter-counter {
    max-width: 1100px;
    margin: 0px auto;
}
.grid-control .filter-counter ul {
    display: flex;
    justify-content: space-between;
}
.grid-control .filter-counter .tic {
    height: 40px;
    text-align: center;
    font-family: 'Varela Round', sans-serif;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding-top: 7px;
    width: 100px;
    cursor: pointer;
    margin-bottom: 20px;
}
.grid-control .filter-counter .tic:hover {
    color: #F26B21;
    border: 1px solid #F26B21;
}

.grid-control .filter-counter .tic-active { 
    background-color: #F26B21;
    color: #fff;
    border: 1px solid #F26B21;
}

.grid-control .filter-counter .tic-active:hover {
    opacity: 0.7;
    color: #fff;
}

.grid-control .filter-counter .tic-all {
    width: 140px;
}
.grid-control .filter-drop {
    padding: 15px 0 0 0;
    margin-bottom: 31px;
}
.filter-drop .filter-link {
    font-size: 16px;
}
.lesson-grid hr {
    border-top: 3px solid #e5e5e5;
    max-width: 1100px;
    margin: 0px auto;
}
.filter-drop .filter-link span { 
    margin-right: 6px;
}
.filter-drop .filter-link i {
    font-size: 11px;
    color: #666;
}
.filter-drop-menu { display: none;}
.filter-drop ul.dropme {  
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 750px;
    margin: 0px auto;
}
.filter-drop .dropme li { 
   position: relative;
}
.filter-drop-menu {
    position: absolute;
    background-color: #f0f0f0;
    padding: 5px 0px;
    top: 22px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 10;
}
.filter-drop .dropme .menu-1 {
    min-width: 300px;
}
.filter-drop .dropme .menu-2 {
    min-width: 200px;
}
.filter-drop .dropme .menu-3 {
    min-width: 190px;
}
.filter-drop-menu li {
    border-bottom: 1px solid #e5e5e5;
}
.filter-drop-menu li:first-child {
    /* border-top: none; */
}

.filter-drop-menu li a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 12px;
    content: "\f00c";
    opacity: 0;
    margin-right: 10px;
    transition: 0.5s;
}
.filter-drop-menu li a {
    font-family: 'Varela Round', sans-serif;
    font-size: 13px;
    display: block;
    padding: 10px 15px;
}
.filter-drop-menu li:hover a,
.filter-drop-menu li.tic-active a {
    color: #F26B21 !important;
}
.filter-drop-menu li:hover a:before,
.filter-drop-menu li.tic-active a:before {
    opacity: 1;
}
.filter-drop-menu li a:hover {
    background-color: #fff;
}

.filter-drop-menu li.tic-active a {
    background-color: #F26B21;
    color: #fff !important;
}



.filter-items  {
    
}
.filter-items  .pad {
    margin: 0px auto 60px;
    padding: 42px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#filter-opt {
    /*
    height: 0px;
    overflow: hidden;
    */
    display: none; 
}

.option-set {
    font-size: 12px;
    font-display: 'varela round';
}

.filter-items .item {
    background-color: #fff;
    position: relative;
    border: 1px solid #e5e5e5;
    width: 330px;
    height: 280px;
    border-radius: 4px; 
    margin: 0 35px 30px;
}
.filter-items .item-border {
    height: 100%;
    width: 100%;
    border: 2px solid transparent;
    border-radius: 3px;
    position: relative;
}
.filter-items .item-thumb {
    width: 310px;
    height: 220px;
    margin: 7px auto 8px;
    border-radius: 4px;
    position: relative;
}
.filter-items .item-thumb .overlay {
    opacity: 1;
    background-color: rgba(0,0,0,0.3);
    border-radius: 4px;
    transition: 0.5s;    
    z-index: 1;
}
.filter-items .item-thumb i {
    position: relative;
    z-index: 3;
    font-size: 30px;
    transition: 0.5s;
    opacity: 0;
}

.filter-items .item-title {
    font-size: 16px;
    color: #183F6A;
    padding: 5px 10px;
}
.filter-items .item-date {
    position: absolute;
    top: 17px;
    right: 17px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    border-radius: 3px;
    padding: 3px 10px;
    letter-spacing: -0.5px;
    z-index: 2;
    text-transform: capitalize;
    min-width: 118px;
    text-align: center;
}
.filter-items .item-info {
    position: relative;
    padding-top: 8px;
    bottom: 8px;
    background-color: #fff;
    height: 38px;
    overflow: hidden;
    transition: 0.5s;
    z-index: 2;
}
.filter-items .item-info .more {
    font-size: 15px;
    color: #F26B21;
    display: inline-block;
    font-weight: 600;
    width: 120px;
    float: right;
    margin: 5px 6px 0 0;
     transition: 0.5s;
}
.filter-items .item-info .more img {
    margin-right: 5px;
}

.filter-items .item:hover { 
    border: 2px solid #19B9B1;
    border-radius: 4px;    
}
.filter-items .item:hover .item-info { 
    bottom: 48px;   
    height: 80px;
}
.filter-items .item:hover .item-border { 
    border: 1px solid transparent;    
}
.filter-items .item:hover .overlay { 
    background-color: rgba(0,0,0,0.1);
}
.filter-items .item:hover .item-thumb i {
    opacity: 1;
}

.filter-items .item .more:hover {
    color: #183F6A;
}

.more-holder .pagination {
    justify-content: center;
}
.more-holder .post-pagination {
    margin-bottom: 19px;
}

/* blog archive */

.blog-list { }
.blog-list .wrap { padding: 70px 0px; }
.blog-list .wrap-alt { padding: 50px 0px; }
.b-post {
    max-width: 800px;
    border-bottom: 1px solid #E1E4EA;
    padding-bottom: 28px;
    margin-bottom: 35px;
}

.b-post .thumb {
    width: 270px;
    height: 180px;
    border-radius: 4px;
    position: relative;
    transition: 0.5s;
    margin-left: 10px;
    /* margin-bottom: 20px; */
}
.b-post .post-icon {
    position: absolute;
    right: 20px;
    bottom: 15px;
}
.b-post .post-link { 
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0;
    transition: 0.5s;
}

.b-post .post-link .overlay {
    opacity: 0;
    background-color: rgba(0,0,0,0.4);
    border-radius: 4px;
    transition: 0.5s;
}
.b-post .post-link:hover { 
    /* background-color: #f0f0f0; */
    border-radius: 5px;
}
.b-post .post-link:hover .overlay {
    opacity: 1;
}
.b-post .post-link:hover .title {
    color: #F36B22;
}
.b-post .post-link:hover p {
    color: #044371;
}

.b-post .post-info {
    margin-top: -2px;
    padding-left: 10px;
    max-width: 500px;
    transition: 0.5s;
}

.b-post .post-link .nmx-width {
    max-width: 100%;
    padding: 0 15px;
}

.b-post .post-date { 
    font-size: 13px;
    color: #19B8B1;
    margin-bottom: -1px;
    transition: 0.5s;
}
.b-post .title { 
    color: #065999;
    font-size: 25px;
    margin-bottom: 14px;
    line-height: 140%;
    margin-right: 10px;
    transition: 0.5s;
}
.b-post .post-excerpt {
    /* margin-bottom: 20px; */
    transition: 0.5s;
    min-width: 475px;
    padding-right: 20px;
}
.b-post .post-excerpt p {
    line-height: 195%;
    letter-spacing: -0.01px;
    margin-bottom: 0px;
    transition: 0.5s;
}
.no-thumb .post-info { 
    max-width: 100%;
}

.b-post .post-cats {
    margin-top: 10px;
    font-size: 13px;
    color: #afafaf;
}

.b-post .post-cats .icat-0 { display: none; }
.b-post .post-cats .icat { color: #8f8f8f; }

.blog-posts .post-pagination {
    padding-top: 9px;
    margin-bottom: 19px;
}
.blog-sidebar {
    padding-top: 7px;
}

.blog-sidebar aside p, 
.blog-sidebar aside li {
    font-size: 14px;
    margin-bottom: 20px;
}
.blog-sidebar aside h3 {
    font-size: 25px;
}

.blog-sidebar aside small {
    display: block;
    font-weight: normal;
    color: #aaa;
}

.blog-sidebar aside a {
    color: #666;
}

.blog-sidebar aside a:hover {
    color: #F36B22;
}

.blog-sidebar aside.p-archives {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 22px 30px 25px;
    margin-bottom: 30px;
}
.blog-sidebar aside.p-default {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 22px 30px 25px;
    margin-bottom: 30px;
}

.blog-sidebar aside.p-search {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 20px 20px;
    margin-bottom: 30px;
}

.blog-sidebar aside.p-search .text-search {
    font-size: 13px;
    padding-right: 30px;
}

.blog-sidebar aside.p-search .s-contain {
    position: relative;
}
.blog-sidebar aside.p-search .submit-link {
    position: absolute;
    top: 4px;
    right: 1px;
    display: block;
    height: 25px;
    width: 25px;
}

.blog-sidebar aside.p-tags { 
    padding: 3px 0 0 1px;
    margin-bottom: 30px;
}
.blog-sidebar aside.p-tags .title {
    margin-bottom: 15px;
}
.blog-sidebar aside .post-tags {
    padding: 21px 5px 21px 19px;
    background-image: url(../png/aside-tags.png);
    background-repeat: repeat;
    border-radius: 5px;
}
.blog-sidebar aside .post-tags .tag { 
    color: #666;
    font-size: 13px;
    display: inline-block;
    border: 1px solid #E5E5E5;
    padding: 4px 11px 4px;
    border-radius: 4px;
    margin: 0 5px 10px 0;
    background-color: #fff;
}
.blog-sidebar aside .post-tags .tag:hover {
    background-color: #E5E5E5;
}
.blog-sidebar aside .title {
    font-weight: 600;
    color: #60BD60;
    font-size: 25px;
    text-align: left;
    margin-bottom: 10px;
}
.blog-sidebar aside .archive-list li {
    line-height: 144%;
    display: flex;
    align-items: center;
    min-height: 26px;
    font-size: 12px; color: #ccc;
    width: 100%;
}
.blog-sidebar aside .archive-list a {
    color: #A7A7A7;
    font-size: 13px;
    margin-left: 1px;
    display: inline-block;
    width: 85%;
    line-height: 155%;
} 
.blog-sidebar aside .archive-list a:hover {
    color: #065999;
}

.blog-sidebar aside .cat-list li {
    justify-content: space-between;
    padding: 3px 0;
}
.blog-sidebar aside .cat-list li a { 
    width: auto;
}

.blog-sidebar aside .post-links li a {
    font-size: 14px;
}

.blog-sidebar aside.p-default li {
    margin-bottom: 0px;
}


.blog-sidebar aside .post-links li {
    display: flex;
    align-items: center;
}

.blog-sidebar aside .post-links li:before { 
    font-size: 9px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    content: "\f054";
    margin: 0px 15px 0 4px;
    color: #F36B22;
}




.single-post .blog-posts {
    
}
.single-post article {
    max-width: 800px;
    padding-bottom: 78px;
    border-bottom: 2px solid #DFE2E8;
}
.single-post article .top {
    padding: 10px 0 0 2px;
    margin-bottom: 29px;
}
.single-post article .top .date {
    font-size: 13px;
}
.single-post article .content {
    padding-left: 2px;
}
.single-post article p {
    letter-spacing: -0.05px;
    line-height: 194%;
    margin-bottom: 31px;
}
.single-post article img {
    margin-bottom: 19px;
}
.single-post article h3 {
    color: #205488;
    font-size: 26px;
    margin-bottom: 17px;
}
.single-post article .video-content-1 {
    padding-top: 5px;
    margin-bottom: 36px;
}
.single-post article .video-content-1 .thumb {
    min-height: 450px;
    border-radius: 5px;
}
.single-post article .video-content-1 .overlay {
    border-radius: 5px;
}
.single-post article .video-content-1 .overlay { 
    background-color: rgba(0,0,0,0.3);
}

.single-post .p-comments {
    /* max-width: 700px; */
    padding: 36px 0 0px 0;
    margin-bottom: -3px;
}
.single-post .p-comments h3 {
    color: #18406A;
    font-size: 25px;
    text-transform: uppercase;
    margin-left: 3px;
    margin-bottom: 30px;
}

.temp-comments {
    background-color: rgba(0,0,0,0.1);
    min-height: 435px;
}

/* lesson single */
.crumbs {
        padding: 23px 0 23px 1px;
}
.crumbs a,
.crumbs .active {
    color: #666666;
    font-size: 13px;
}
.crumbs span.active,
.crumbs a:hover,
.crumbs a.active:hover { 
    color: #F26B20;
}
.crumbs .separator {
    font-size: 11px;
    color: #666666;
    margin: 0 6px;
}

.autobio .wrap {
    padding: 57px 0;
}
.autobio .title { 
    margin-bottom: 31px;
    margin-top: 10px;
}
.autobio .info { 
    max-width: 1075px;
    margin: 0px auto;
    padding-left: 2px;
}
.autobio .info p { 
    line-height: 197%;
    margin-bottom: 31px;
    letter-spacing: 0px;
}

.bullet li {
    font-size: 15px;
    color: #666666;
    position: relative;
    margin-left: 23px;
    line-height: 135%;
    margin-bottom: 16px;
}
.bullet li:before { 
    content: "\2022";
    font-size: 20px;
    color: #F36B22;
    display: inline-block;
    margin-left: -21px;
    margin-right: 13px;
    position: relative;
    top: 4px;
}
.bullet li ul {
    margin-left: -2px;
    margin-top: 22px;
}
.bullet li ul li {
    margin-bottom: 17px;
}
.bullet li ul li:before {
    color: #66D9CD;
}

.accord-list { }
.accord-list .wrap { 
    padding: 61px 0;
}
#acc-parent {
    margin-bottom: 14px;
}
.accord-list .acc-bar {
    border: 2px solid #f4f4f4;
    border-radius: 4px;
    background-color: #f4f4f4;
    margin-bottom: 9px;
}
.accord-list .active-bar {
    border: 2px solid #19B9B1;
    background-color: #ffffff;
}
.accord-list .a-block {
    padding: 9px 50px;    
}
.accord-list .acc-body {
    padding: 0px 50px 17px;
}
.accord-list .acc-body p {
    line-height: 180%;
}
.accord-list .acc-body p img { 
    margin-bottom: 25px;
}

.accord-list .a-block .title {
    font-size: 25px;
    display: flex;
    justify-content: space-between;
    margin-top: 2px;
}
.accord-list .a-block .title span {
    display: block;
    margin-right: -27px;
}
.accord-list .a-block .title span:before {
    content: "+";
    color: #F36B22;
}
.accord-list .a-block .showme span:before {
    content: "-";
    color: #F36B22;
}

.accord-list .a-block .title h4 {
    font-weight: 600;
    color: #1F5387; 
    font-size: 25px;
}
.accord-list .a-block .showme {
    margin-top: 18px;    
}


/* .testimonials .text { background-color: transparent; }  */

/* CONTENT TEMPLATE */
.video-content-1 { } 
.video-content-1 .thumb { 
    border-radius: 4px;
    position: relative;
    /* height and width : parent */
} 
.video-content-1 .overlay {
    opacity: 1;
    border-radius: 4px;
    background-color: rgba(32,30,30,0.6);
}
.video-content-1 .vid-link {
    display: block;
}
.video-content-1 .play-btn {
    width: 96px;
    height: 96px;
    position: relative;
    z-index: 2;
    margin: 0px auto 15px;
}
.video-content-1 .text {
    font-size: 18px;
    font-weight: bold;
}
.video-content-1 .holder {
    padding: 40px 0 0 0;
}

/* usage : see template file */

.title-content-1 { } 
.title-content-1 .pad {
    padding: 49px 0 0 0;
}
.title-content-1 .sub-title { 
    margin-bottom: 8px;
}
.title-content-1 .title {
    max-width: 450px;
    margin: 0px auto;
    line-height: 150%;
    
}

/* item-content split-2 */
.item-content .img-holder {
    border: 1px solid #efefef;
    padding: 9px;
    margin-bottom: 20px;
    border-radius: 5px;
    margin-top: 3px;
}
.item-content .img-holder img {
    border-radius: 5px;
}
.item-content .item-row {
    margin-top: 35px;
}
.item-content {
    padding-bottom: 40px;
    margin-bottom: 3px;
}
.item-content .item-info {
    width: 645px;
    margin-left: auto;
    margin-bottom: 30px;
}
.item-content .item-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 33px;
}
.item-content .item-head .item-top{ min-width:370px;}
.item-content .item-head .wcppec-checkout-buttons {overflow: visible;
    height: 25px;}
.item-content .item-name {
    font-size: 25px;
    padding-left: 2px;
    color: #1F5387;
}
.item-content .item-head .back {
    font-size: 15px;
    color: #F26B21;
    font-weight: 600;
    letter-spacing: -0.2px;
    display: inline-block;
    padding: 3px 2px 0 0;
}
.item-content .item-head .back img {
    margin-right: 6px;
}
.item-content .item-head .back:hover {
    opacity: 0.7;
}
.item-content .item-desc h5 {
    color: #19B8B1;
    margin-left: 2px;
    margin-bottom: 20px;
}

.lesson-top .item-desc h5 {
    font-weight: 600;
}

.item-content .item-meta { 
    padding-left: 2px;
    margin-bottom: 31px;
} 
.item-content .item-meta .meta-list li {
    display: flex;
    font-size: 15px;
    color: #666;
    margin-bottom: 2px;
    line-height: 173%;
}
.item-content .item-meta .meta-list li .name {
    min-width: 90px;
}
.item-content .item-meta .meta-list li .value {
    margin-right: 50px;   
}
.item-content .item-meta .meta-list li a { color: #888; }
.item-content .item-meta .meta-list li a:hover { color: #F26B20;  }

.item-content .item-desc .btn {
    min-height: 45px;
    width: 175px;
    color: #fff;
    background-color: #F36B22;
}
.item-content .item-desc .btn:hover {
    background-color: #fff;
    color: #F36B22;
}
.item-content .item-text {
    margin-left: 3px;
}
.item-content .item-text p {
    line-height: 185%;
    margin-bottom: 29px;
}
.item-content .item-text ul {
    margin-left: 25px;
    margin-bottom: 29px;
    list-style: disc;
}
.item-content .item-text li {
    font-size: 15px;
    color: #666;
    margin-bottom: 10px;
    text-indent: 10px;
}
.item-content .item-file {
    padding-top: 7px;
}
.item-content .item-text .note {
    text-transform: uppercase;
}
.item-content .amazon-btn {
    display: inline-block;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
}
.item-content .amazon-btn:hover {
    border: 1px solid rgba(255, 153, 0, 0.3);
}

.curriculum-top { }
.curriculum-top .item-content,
.game-top .item-content { 
    margin-bottom: 30px;
}
.curriculum-top .item-top,
.game-top .item-top {
    padding-top: 10px;
}
.curriculum-top .item-head,
.game-top .item-head { 
    margin-bottom: 41px;
}
.curriculum-top .item-top .item-price,
.game-top .item-top .item-price,
.item-price-copy {
    font-size: 25px;
    color: #FDB81F;
    font-weight: 600;
    margin: -7px 0 0 4px;
}
.game-top .item-top .item-price {
    font-weight: normal;
}

.curriculum-top .item-head .btn,
.game-top .item-head .btn {
    width: 155px;
    height: 45px;
    margin-right: 1px;
    margin-top: 14px;
}
.curriculum-top .item-desc h5,
.game-top .item-desc h5 {
    font-size: 18px;
    font-weight: 600;
    color: #666;
    margin-bottom: 10px;
}
.curriculum-top .item-desc .btn,
.game-top .item-desc .btn {
    width: 220px;
    font-size: 16px;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 500;
}
.game-top .item-name {
    letter-spacing: 0.2px;
}

.shop-related .wrap {
    padding: 38px 0;
}
.shop-related .items-curriculum {
    margin-bottom: 57px;
}
.shop-related .items-curriculum .ic-top {
    justify-content: space-between;
    margin-bottom: 45px
}
.shop-related .items-curriculum .ic-top h4 {
    margin-left: 14px;
}
.shop-related .items-curriculum .ic-top img {
    margin-top: -4px;
    margin-right: 5px;
}
.shop-related .items-curriculum .ic-top .back {
    font-size: 16px;
    font-weight: 600;
    margin-top: -13px;
}
.shop-related .flex-products .price {
    display: none;
}

.shop-related .product-group-4 .product-curr .prod-link {
    width: 270px;
}
.shop-related .product-group-4 .product-game .prod-link {
    width: 340px
}

.shop-related .product-group-4vw .slick-slide {
    min-width: 270px;
    margin: 0 15px;
}
.shop-related .product-group-4vw .slick-slide .product-curr {
    max-width: 270px;
}
.shop-related .product-group-4vw .slick-slide .product-game {
    width: 340px !important;
}

.shop-game .items-curriculum { 
    padding-bottom: 1px;
    margin-bottom: 26px;
}

/* normal or default page */
.page-normal { } 
.page-normal .wrap { 
    padding: 70px 0;
} 

/* video training */
.video-group .vid-single .vid-thumb {
    width: 370px;
    height: 200px;
    position: relative;
}

.video-group .vid-link {
    display: block;
    margin-bottom: 20px;
}
.video-group .vid-single {
    background-color: #fff;
    border-radius: 5px;
}
.video-group .vid-single .vid-title {
    font-weight: 600;
    margin-bottom: 10px;
}

.video-group .vid-single .vid-title small {
    opacity: 0.6;
    display: block;
}

.video-group .vid-single .vid-title a {
    color: #065999;
}
.video-group .vid-single .vid-title a:hover {
    color: #F36B22;
}

.video-group .vid-single .pad {
    padding: 0 20px;
}

.video-group .vid-single .varela p {
    line-height: 180%;
    font-size: 14px;
}

.video-group .vid-single .play-btn {
    width: 75px;
    height: 75px;
    position: relative;
    z-index: 2;
    opacity: 1;
}

.video-group .vid-single .overlay {
    background-color: rgba(0,0,0,0.25);
    opacity: 1;
}

.video-group .vid-single .overlay,
.video-group .vid-single .vid-thumb {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.video-group .vid-single .info { 
    margin-bottom: 10px;
}
.video-group .vid-single .more {
    padding-bottom: 20px;
}
.video-group .vid-single .learn-more {
    color: #F36B22;
    font-size: 15px;
    font-weight: 600;
    opacity: 0.7;
}
.video-group .vid-single .learn-more i {
    margin-right: 6px;
}

.video-group .vid-single .learn-more:hover {
    opacity: 1;
}

/* footer */

footer { 
    background-color: #1F5387;
}
footer .wrap {
    padding: 10px 0 0 0;
}
footer .dgroup { 
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 33px;
    border-bottom: 1px solid rgba(255,255,255,0.2);    
}

footer .logo {
    display: inline-block;
    margin: 0px auto 20px;
}

footer .dgroup .dpart {
    width: 100%;    
    padding-top: 15px;
}
footer .dgroup .dpart h6 {
    font-size: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 16px;
    padding-left: 4px;
    margin-bottom: 23px;
}

footer .dgroup .dpart .social {
    display: flex;
    justify-content: center;
    padding-top: 21px;
    margin-right: 14px;
}
footer .dgroup .dpart .social a {
    display: block; 
    border: 1px solid #fff;
    color: #fff;
    font-size: 15px;
    width: 39px;
    height: 39px;
    border-radius: 39px;
    margin: 0px 6px;
    padding-top: 7px;
    text-align: center;
}
footer .dgroup .dpart .social a:hover {
    color: #fff;
    border: 1px solid #fff;
    background-color: #F36B22;
}

footer .dgroup .dpart .links {
    display: flex;
    justify-content: space-between;
}
footer .dgroup .dpart .links a {
    font-size: 13px;
    font-family: 'Varela Round', sans-serif;
    color: #fff;
}
footer .dgroup .dpart .links a:hover {
    color: #F36B22;
}
footer .dgroup .dpart .links ul {
    margin-right: 17px;
}
footer .dgroup .dpart .links ul li {
    margin-bottom: 5px;
    line-height: 137%;
}
footer .dgroup .dpart .links ul li:before {
    font-size: 8px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f054";
    margin: 0 15px 0 4px;
    color: #F36B22;
}

footer .search-container {
    display: flex;
}
footer .search-container .text-search {
    background-color: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    height: 44px;
    width: 100%;
    max-width: 215px;
    color: #fff;
}
footer .search-container .btn {
    width: 90px;
    margin-left: -5px;
    color: #fff;
    background-color: #F36B22;
}
footer .search-container .btn:hover {
    background-color:#fff;
    color: #F36B22;
}

footer .dgroup .dpart-3 h6 { 
    margin-bottom: 30px;
}
footer .dgroup .dpart-1 { 
    max-width: 310px;
    text-align: center;
}
footer .dgroup .dpart-1 .dcontent { 
    margin-right: 31px;
}
footer .dgroup .dpart-2,
footer .dgroup .dpart-3 {
    padding-top: 25px;
}
footer .dgroup .dpart-2 { 
    max-width: 480px;
}
footer .dgroup .dpart-3 { 
    max-width: 300px;
}

footer .copyright {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-family: 'Varela Round', sans-serif;
    color: #fff;
    padding: 16px 0 14px 3px;
    flex-wrap: wrap;
}
footer .copyright a { color: #e0e0e0; }
footer .copyright a:hover { text-decoration: underline; }

.mobile-bg { display: none; }
.bullet li p {
    margin-bottom: 0px;
    margin-top: -19px;
    line-height: 135%;
}


/*------------------------------------------------*/

/*------------------------------------------------*/
/* SLICK HACK                                     */
/*------------------------------------------------*/
.curr-slider { visibility: hidden; }
.games .testimonials, .page-curriculum .testimonials, .testimonial-n {
    visibility: hidden;
}
.annon-slider { visibility: hidden; }
.vid-slider { visibility: hidden; }
.product-group-3 { visibility: hidden; }
/* .product-group-4vw { visibility: hidden; } */
/* .product-group-4 { visibility: hidden; } */
.pslider { visibility: hidden; }

.shop-items-curr .woocommerce-pagination { display: none; }

/*------------------------------------------------*/
/* EFFECTS                                        */
/*------------------------------------------------*/

/* Start Zoom BG */

.dparent {
    /* sample dimension */
    width: 400px; 
    height: 300px;
}

.dchild {
    width: 100%;
    height: 100%;
    background-color: black; /* fallback color */
    /* background-image: url("images/city.jpg"); - inline me */ 
    background-position: center;
    background-size: cover;
    transition: all 0.5s;    
}

.dparent:hover .dchild,
.dparent:focus .dchild {
    transform: scale(1.2);
}

/* proper overlay */

.dchild::before {
    content: "";
    opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52, 73, 94, 0.75);
}

.dparent:hover .dchild:before,
.dparent:focus .dchild:before {
    opacity: 1;
}

/* End Zoom BG */

/*------------------------------------------------*/
/* Wordpress                                      */
/*------------------------------------------------*/

#dlesson1 {
    min-width: 300px;
}
.load_list li {
    display: none;
}

.entry-footer { display: none; }

/** quotes **/
.wps-parents .wps-cards .card,
.wps-teachers .wps-cards .card, 
.wps-students .wps-cards .card {
    display: none;
    opacity: 0;
    transition: 0.5s;
}

.wps-parents .wps-cards .visible-card,
.wps-teachers .wps-cards .visible-card, 
.wps-students .wps-cards .visible-card {
    display: inline-block;
    opacity: 1;
    transition: 0.5s;
}

.wps-parents .wps-cards .new-card,
.wps-teachers .wps-cards .new-card, 
.wps-students .wps-cards .new-card { 
    background-color: #f5f5f5;
}

.wps-all .btn {
    color: #F36B22 !important;
}

.wps-all .btn:hover {
    color: #fff !important;   
}

.wps-parents .btn-out,
.wps-teachers .btn-out,
.wps-students .btn-out {
    border-color: #ccc;
    color: #ccc !important;
    cursor: default;
}

.wps-parents .btn-out:hover,
.wps-teachers .btn-out:hover,
.wps-students .btn-out:hover {
    background-color: #e5e5e5;
}

/** MODS **/
section.lesson-text {
    
}

section.lesson-text .content p {
    line-height: 195%;
}

.item-content .item-file .btn {
    min-width: 175px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.bullet-acc {
    margin-left: 20px;
}
.bullet-acc li:before {
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    content: "\f1c1";
    top: 1px;
}
.bullet-acc li a {
    color: #F36B22;
    opacity: 0.7;
}

.bullet-acc li a:hover {
    opacity: 1;
}

.blog-posts .p-comments {
    max-width: 800px;
}

.single-post article .top span {
    font-size: 13px;
}

.single-post .post-featured-img {
    border: 1px solid #e5e5e5;
    padding: 5px;
    border-radius: 9px;
}

.search-list { }
.search-list .search-this { 
    max-width: 800px;
}
.search-list article { 
    padding: 30px 10px;
    border-bottom: 1px solid #ccc;
}

.search-this article .varela {
    font-size: 13px;
}

.search-this article .entry-title a {
    font-weight: 600;
    color: #183F6A;
    font-size: 32px;
    
}

.search-this article .entry-title a:hover {
    color:  #F36B22;
}

.not-found .searchform {
    max-width: 400px;
    margin: 50px auto;
}
.not-found {
    text-align: center;
    max-width: 800px;
}

.not-found .searchform #s {
    margin-bottom: 20px;
}

.no-border {
    border-bottom: 0 !important;
    font-size: 13px;
}

.blog-posts .vid-lay {
    max-width: 800px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 50px;
    padding-bottom: 0px;
}

.blog-posts .vid-lay .ttop { 
    display: none;
}

.blog-posts .vid-lay:first-child .ttop {
    display: block;
}

.blog-posts .vid-lay p {
    line-height: 180%;
}

.blog-posts .title-main {
    font-size: 25px;
}

.blog-posts .page-careers .video-content-1 {
   
}

.blog-posts .page-careers .video-content-1 .thumb {
    height: 400px;
}

.blog-posts .page-careers .reenie {
    font-size: 40px;;
    font-weight: normal;
    margin-bottom: -10px;
}

.blog-posts .page-careers .title-main {
    margin-bottom: 25px;
}

.blog-posts .dquote {
    padding: 25px;
    max-width: 900px;
    margin: 0px auto;
    border: 1px solid #efefef;
}
.blog-posts .dquote p {
    font-size: 22px;
    line-height: 175%;
    margin-bottom: 20px;
}

.blog-posts .dquote .author { 
    font-size: 14px;
}

.blog-posts .b-post-press .thumb {
    border: 1px solid #efefef;
}

.b-post .post-div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0;
    transition: 0.5s;
}

.b-post .post-div .thumb,
.b-post .post-div .overlay {
    border-radius: 5px;
}

.b-post .post-div .title:hover {
    color: #F36B22;
}


.b-post .post-div .play-btn {
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 3;
}

.b-post .post-div .overlay {
    opacity: 1;
    background-color: rgba(0,0,0,0.3);
}

.d-modal-body {
    width: 100%;
    max-width: 900px;
    padding: 30px;
}

.job-modal-title {
    font-size: 32px;
    font-weight: 700;
}
.job-modal-title small {
    font-size: 15px;
}

.d-modal-body .gform_footer {
    border-top: 1px solid #e5e5e5;
    text-align: center !important;
    margin-top: 40px !important;
}

.d-modal-body .gform_footer .gform_button {
    margin-right: 0px;
}

.job-form .gform_fields li {  
    margin-top: 0px !important;
    margin-bottom: 8px;
}

.job-form .gform_wrapper {
    margin: 0px !important;
}

.job-form .gform_wrapper .top_label li.gfield.gf_left_half::before {
    display: none !important;
}

.job-form .ginput_container .form-control {
    padding: 20px 12px !important;
    border-radius: 0px;
    font-family: 'Montserrat', sans-serif !important;    
}

.job-form .required .ginput_container input[type=text] {
    border-left: 4px solid #F36B22;
}

.job-form .gform_wrapper textarea.medium {
    border-left: 4px solid #F36B22;
    height: 100px;
    padding: 10px !important;
}

.job-form .ginput_container_textarea {
    width: 100%;
    margin-top: 12px !important;
}

.modal-lg { max-width: 900px; }

.dp-for-ie h4 {
    font-size: 20px;
    font-weight: 600;
}
.box .dlink .dtext .dp-for-ie p {
    line-height: 175%;
}

.box-row .box .dimage-alt {
    min-height: 185px;
}


.page-blog-single .flex-content-wysiwyg {  
    max-width: 800px;
}

.page-blog-single .flex-content-wysiwyg iframe {
    min-height: 400px;
    width: 100%;
}

/*------------------------------------------------*/
/* Woocommerce                                    */
/*------------------------------------------------*/
.woocommerce .woocommerce-breadcrumb {
    margin-bottom: 0;
}
.woocommerce-breadcrumb a {
    font-weight: normal;
}
.woocommerce-breadcrumb a:hover {
    color: #F26B20;
}
.woocommerce-breadcrumb span.active {
    font-size: 13px;
    color: #F26B20;
}
.item-content .img-holder figure {
    margin-bottom: 0px;
}

.single-product-wc form.cart .quantity {
    visibility: hidden; display:none;
}

.single-product-wc figure img.wp-post-image {
    min-width: 450px;
}

.single-product-wc .woocommerce-product-gallery__wrapper 
.woocommerce-product-gallery__image:first-child {
    float: none;
    margin: 0;
}

.single-product-wc .woocommerce-product-gallery__wrapper 
.woocommerce-product-gallery__image:first-child img {
    border: 0;
    padding: 0;
    
}

.single-product-wc .woocommerce-product-gallery__wrapper 
.woocommerce-product-gallery__image {
    float: left;
    margin: 0 8px 15px;
}

.single-product-wc .woocommerce-product-gallery__wrapper 
.woocommerce-product-gallery__image img {
    border: 1px solid #f0f0f0;
    padding: 5px;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background-color: #F26B20;
}

.woocommerce-page .entry-title,
.woocommerce-page .cart_totals h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

.woocommerce div.product form.cart {
    margin-bottom: 0px;
}

.shop-items-hide .woocommerce-notices-wrapper,
.shop-items-hide .woocommerce-result-count,
.shop-items-hide .woocommerce-ordering {
    display: none;
}

.woocommerce-billing-fields p {
    display: block;
}

.woocommerce-billing-fields {
    margin-right: 25px;
}

.woocommerce-input-wrapper {
    display: block;
    width: 100%;
}

.prod-accord-list .a-block .title h4 {
    font-weight: 300;
}


.select2-container .select2-selection--single {
    height: 36px;
    padding-top: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;    
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
}

#ship-to-different-address {
    margin-bottom: 0px;
}

.item-file-copy .btn { 
    width: 210px !important;
}

.page-bob .box .dlink:hover .dtext .overlay-title { color:#F26B1F;  }
.page-bob .box .dlink-alt .dtext .overlay-title { transition: 0.5s; }
.page-bob .box .dlink-alt:hover .dtext .overlay-title { color:#F26B1F;  }

.page-bob .box:hover {
    background-color: #f5f5f5;
}
.page-bob .box {
    position: relative;
}
.page-bob .box .dlink-alt .overlay-title {
    bottom: 56px !important;
    font-size: 22px;
    margin-bottom: 15px;
}
.page-bob .box .dlink-alt .dtext {
   padding: 23px; 
   background-color: transparent;
   position: unset;
   padding-bottom: 40px;    
    
}
.page-bob .box .dlink-alt .dmore {
    opacity: 1;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 0px;
    display: block;
    width: 100%;
}

.page-bob-dev .pad {
    padding: 8px;
    border: 1px solid #e5e5e5;
}
.page-bob-dev .dimage {
    height: 300px;
}

.page-bob-dev .pad, .page-bob-dev .dimage {
    border-radius: 5px;
}

.page-bob .box .dlink-alt .dtext-t {
    padding: 18px;
}
.page-bob .box .dlink-alt .dtext-t h4 { 
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 150%;
}
.page-bob .box-t {
    padding-bottom: 20px;
}

.page-bob .box-t .dp-for-ie {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 145px;
}

.page-fob .crumbs {
    padding: 40px 0;
}
.page-fob .fob-grid {
    padding: 20px 0 50px 0;
}

.page-fob .fob-grid .dimage { 
    padding: 15px;
    height: 150px;
    border: 1px solid #E2E6EC;
    border-radius: 5px;
    transition: 0.5s;
    color: #F36B22;
}

.page-fob .fob-grid .dimage img { 
    max-height: 120px;
}
.page-fob .fob-grid .dtitle {
    color: #18406A;
    font-size: 17px;
    font-weight: 600;
    margin: 19px 0 15px;
    transition: 0.5s;
}
.page-fob .fob-grid .dtext {
    font-size: 15px;
    color: #666666;
}

.page-fob .fob-grid .dlink {
    display: block;
    margin-bottom: 65px;
}
.page-fob .fob-grid .dimage:hover {
    background-color: #f5f5f5;
    border: 1px solid #F36B22;
}
.page-fob .fob-grid .dtitle:hover {
    color: #F36B22;
}

.page-events .crumbs {
    padding: 25px 0 25px 1px;
}

.page-events .ef_theme_1 .ef_right {
    display: flex;
    justify-content: flex-end;
}

.page-events .ef_theme_1 {
    padding-top: 31px;
    padding-bottom: 70px;
}

.page-events .ef_theme_1 .r_content {
    max-width: 570px;
    width: 100%;
    margin-left: 72px;
    margin-bottom: 32px;
}

.page-events .ef_theme_1 .h-title,
.page-events .ef_theme_1 .h-image {
    font-size: 25px;
    margin-bottom: 22px;
}

.page-events .ef_theme_1 .h-image img { 
    border: 1px solid #efefef;
    border-radius: 5px;
}
.event-info p, .event-info, .event-info dd {
    color: #666666;
    font-size: 15px;
    font-weight: normal;
}
.page-events .event-info dl {
    margin-bottom: 8px;
}
.page-events .event-info dd { 
    margin-bottom: 1px;
    display: flex;
}
.page-events .event-info dd p {
    margin-bottom: 0px;
    line-height: 180%;
}

.page-events .event-info {
    padding: 30px 0 0 0;
}

.page-events .event-info-alt {
    padding-top: 4px;
}

.page-events .event-info-alt p {
    line-height: 185%;
    margin-bottom: 29px;
}

.page-events .wrap {
    padding: 48px 0;
}

.page-events .event-info span { 
    display: inline-block;
    min-width: 90px;
}
.page-events .event-info .linkme {
    font-size: 15px;
}
.page-events .event-info .text {
    padding-top: 5px;
    padding-bottom: 8px;
}
.page-events .event-info .text p {
    margin-bottom: 30px;
    line-height: 178%;
}

.page-events .testimonials .text {
    padding: 31px 50px;
}
.page-events .testimonials {
    margin-bottom: 40px;
}
.page-events .ef_theme_2 {
    padding: 31px 0;
}

.page-events h2 {
    font-weight: 600;
    letter-spacing: 0.1px;
}
.page-events h2.dtitle { 
    margin: 25px 0;
}

.page-events-alt h2.dtitle { 
    margin: 18px 0;
}

.page-events .ef_theme_3 .h-image {
    background-color: #fff;
    padding: 8px;
    border: 1px solid #efefef;
    margin-top: 8px;
    border-radius: 5px;
}

.page-events .ef_theme_3 {
    padding-bottom: 26px;
}

.page-events .ef_theme_3 .event-info-alt {
    padding-top: 0px;
}

.page-events-alt .ef_theme_3 {
    padding-top: 17px;
    padding-bottom: 13px;
}
.page-events-alt .ef_theme_3 .h-image {
    margin-top: 0px;
}

.page-events .spacer { min-height: 20px; }

.section-faqs { }
.section-faqs .wrap { 
    padding: 70px 0;
}
.section-faqs h2 {
    margin-top: 3px;
    margin-bottom: 45px;
}

.section-faqs .accord-list .a-block {
    padding: 10px 50px 9px;
}
.section-faqs .accord-list .acc-bar {
    margin-bottom: 7px;
}

.section-faqs .accord-list .acc-bar .showme h4 {
    color: #F36B22;    
}
.section-faqs .spacer {
    min-height: 92px;
}

.puzzle-single .item-content .item-head .back {
    min-width: 160px;
    margin-left: 20px;
}

.page-puzzle .video-group .vid-single .overlay {
    opacity: 0;
    transition: 1s;
}
.page-puzzle .video-group .vid-single .vid-thumb:hover .overlay {
    opacity: 1;
}

.page-puzzle .video-group .vid-single .learn-more {
    font-size: 14px;
}

.page-puzzle .video-group .vid-single .vid-thumb {
    width: 100%;
    background-position: top;
}
.item-content .vid-single {
    padding: 5px;
    border: 1px solid #d5d5d5;
    margin-right: 20px;
}    
.item-content .vid-link {
    margin-bottom: 0px;
}

.item-content .vid-single .vid-thumb {
    width: 100%;
    height: 315px;
    border-radius: 5px;
}

.item-content .video-info {
    width: 100%;    
}

.vid-list {
    padding: 50px 0;
}

.vid-list h2 {
    font-weight: 600;
}
.vid-list .slink h4 {
    color: #183F6A;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 165%;
}
.vid-list .slink h4:hover {
    color: #F26B1F;
}
.vid-list .sthumb {
    width: 100%;
    min-height: 150px;
}

.vid-list .sborder {
    padding: 5px;
    border: 1px solid #d5d5d5;
}

/*------------------------------------------------*/
/* NEW PAGE STYLING                               */
/*------------------------------------------------*/

.wcppec-checkout-buttons {
    position: absolute;
    right: 10px;
    top: 55px;
}

.page-new-awg { }
.page-new-awg .wrap {
    padding: 77px 0;
}

.page-new-awg .game {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    position: relative;
    min-height: 656px;
    display: block; margin-bottom:30px;
    transition: 0.5s;
}
.page-template-page-awg-new .page-new-awg .col-lg-6{ margin-right:auto; margin-left:auto;}
.page-new-awg .game .g-border {
    border: 2px solid transparent;
    transition: 0.5s;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.page-new-awg .game:hover {
    border: 1px solid #62BD62;
}

.page-new-awg .game:hover .g-border {
    border: 2px solid #62BD62;
}

.page-new-awg .game .game-pic {
    text-align: center;
}
.page-new-awg .game .game-pic img {
    max-width: 500px;
}

/* Top */

.game-top { 
    position: relative;
    top: 34px;
    margin-bottom: 75px;
}
.game-top h3 { 
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'Varela Round', sans-serif;
    color: #4C4B51;
    font-weight: normal;
}

.game-top p.sub {
    font-size: 16px;
    letter-spacing: 0.1px;
    margin-top: -5px;
}

.games .s-dgames {
    padding: 0px;
    margin: 0;
}
.side-hero-alt {
    
}

.side-hero-alt .game-top {
    top: 0px;
    margin-bottom: 0;
    padding-top: 30px;
}

.side-hero-alt h3 {
    font-size: 45px;
}

.ng-panel .wrap {
    padding: 35px 0px;
}

.ng-panel .dgames .dcontent .dtext .pad {
    padding: 67px 2px 0;
}

.ng-panel .dgames .gtext {
    margin-bottom: 22px;
}

.ng-panel .dgames .gbuttons {
    margin-bottom: 34px;
}

.ng-panel .panels {
    margin-bottom: 60px;
}

.ng-panel .panels .boxes { 
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    flex-wrap: wrap;
}

.ng-panel .panels .boxes-alt { 
    display: flex;
    justify-content: space-between;
    padding: 7px 0px;
}

.ng-panel .panels .boxes .box-link { 
    min-height: 230px;
    width: 100%;
    max-width: 280px;
    display: block;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: white;
}

.ng-panel .panels .boxes-alt .box-link { 
    max-width: 226px;
}

.ng-panel .panels .boxes .box-link { 
    color: #183F6A;
}

.ng-panel .panels .boxes .box-link h4 {
    font-size: 20px;
    margin: 0 25px;
    text-align: center;
}

.ng-panel .panels .boxes .box-link:hover {
    color:  #EEA22E;
    background-color: #FFFFF0;
}

.ng-panel .panels .circ {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.ng-panel .panels .cube {
    border-radius: 7px;
    width: 85px;
    height: 85px;
    margin: 41px auto 23px;
    background-color: #ccc;
}

.ng-panel .panels .circ-o {
    width: 85px;
    height: 85px;
    border: 1px solid #e5e5e5;
    margin: 47px auto 25px;
    position: relative;
}

.ng-panel .panels .circ-o hr {
    position: absolute;
    top: 40px;
    width: 76px;
    margin: 0;
    border-top: 3px solid #fff;
}

.ng-panel .panels .circ-i { 
    border-radius: 100%;
    height: 76px;
    width: 76px;    
}

.c-gray {
    background-color: #D2D3D5;
}

.c-orange {
    background-color: #EEA22E;
}

.c-green {
    background-color: #87C65F;
}

.ng-panel .panels .circ span {
    color: #444;
    font-weight: bold;
    font-size: 21px;
    border-radius: 100%;
    height: 38px;
    width: 38px;
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.ng-panel .testimonials {
    margin-bottom: 30px;
}

.ggtop h2 {
    color: #1F5387;
    font-size: 45px;
    margin-bottom: 0px;
}

.less-text p {
    font-size: 15px !important;
}

.tgame .text {
    min-height: 220px;
}

.new-hero {
    height: 145px !important;
}

.tabbers .wrap {
    padding-bottom: 60px;
}

.tabbers .c-text {
    padding-bottom: 20px;
}

.tabbers .c-text p {
    margin-bottom: 33px;
    line-height: 175%;
}

.tabbers .c-text p a {
    color: #F26B20;
}

.tabbers .c-text p a:hover {
    text-decoration: underline;
}
.tabbers .c-text ul {
    font-size: 15px;
    color: #666666;
    margin-left: 4.5em;
    margin-bottom: 30px;
}

.tabbers .c-text ul li {
    margin-bottom: 10px;
}

.tabbers .c-text ul li::before {
  content: "\2022";  
  color: #F26B20; 
  display: inline-block; 
  width: 1.3em; 
  margin-left: -1em; 
}
.tabbers .c-text ul.links {
    margin-bottom: 30px;
    margin-left: 0px !important;
}
.tabbers .c-text .links li:before {
    display: none;
}
.tabbers .c-text .links li:after {
    content: '';
    border-right: 1px solid #e5e5e5;
    padding-right: 20px;
    margin-right: 20px;
    position: relative;
    height: 40px;
    display: inline-block;
    top: 15px; 
}
.tabbers .c-text .links li:last-child:after {
    display: none;
}
.tabbers .c-text ul.links li {
    margin-left: 0px;
    position: relative;
}

.tabbers .c-text ul li a {
    color: #F36B22;    
}

.tabbers .c-text ul.arrow {
    margin-left: 0px;
}
.tabbers .c-text ul.arrow li:before {
    font-size: 9px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    content: "\f054";
    margin: 0px 15px 0 4px;
    color: #F36B22;
}    

.tabbers .c-text .red  {
    color: #A52714;
}
.tabbers .c-text .blue  {
    color: #0086D1;
}
.tabbers .c-text .green  {
    color: #7CB342;
}

.tabbers .accord-list { 
    margin-bottom: 35px;
}
.tabbers .accord-list .acc-bar { 
    margin-bottom: 8px;
}

.tabbers .accord-list .acc-bar h4 {
    font-weight: 600;
}

.tabbers .accord-list .acc-body p {
    margin-bottom: 30px;
}

.tabbers .accord-list .acc-body p,
.tabbers .accord-list .acc-body li {
    font-family: "Varela Round";
    font-size: 15px;
    color: #666666;
}
.tabbers .accord-list .acc-body li {
    margin-bottom: 10px;
}
.tabbers .accord-list .acc-body ul.half {
    float: left;
    width: 100%;
    max-width: 47%;
}
.tabbers .accord-list .acc-body ul.half li {
    width: 100%;
}

.tabbers .treviews {
    max-width: 800px;
    margin: 0px !important;
}

.tabbers .treviews #myList li {
    display: none;
}

.tabbers .treviews #myList .visible-card {
    display: block;
}

.tabbers .treviews .text {
    margin-bottom: 20px;
}

#quote-btn { 
    color: #F36B22;
}

#quote-btn:hover {
    color: #fff;
}

.btn-hide {
    display: none !important;
}

.tabbers .gal-3 {
    padding-bottom: 30px;
}

.tabbers .gal-3 .timg {
    border: 1px solid #e5e5e5;
    padding: 7px;
    width: 100%;
}

.tabbers .gal-3 .timg-2 {
    margin-bottom: 34px;
}

.tabbers .gal-3 .timg-1 .bg-img { 
    min-height: 640px;
}

.tabbers .gal-3 .bg-img { 
    min-height: 295px;
}

.g-sidebar {
    padding: 40px 32px 32px;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    margin-bottom: 18px;
}
.g-sidebar ul li {
    margin-bottom: 10px;
}
.g-sidebar ul li a {
    color: #A6A6A6;
    font-size: 14px;
}
.g-sidebar ul li a.active,
.g-sidebar ul li a:hover {
    color: #19B8B1;
}

.sidebar-game {
    margin-bottom: 20px;
}

.sidebar-game .img-pic {
    min-height: 320px;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.sidebar-game .img-pic .sdow {
    width: 100%;
    height: 150px;
    position: absolute;
    bottom: 0px;
    background-image: linear-gradient(transparent, rgba(0,0,0,0.45));    
    z-index: 0;
}

.sidebar-game .img-pic .meta {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 15px;
}
.sidebar-game .meta span {
    color: #fff;
    font-family: "Georgia";
    font-size: 24px;
     text-shadow: 2px 2px 3px #000000;
}
.sidebar-game .meta .amazon-btn {
    display: block;
    width: 215px;
    height: 45px;
    background-image: url(../png/amazon-btn-2.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.sidebar-game .meta .amazon-btn:hover {
    opacity: 0.8;
}

.side-testimonial { 
    background-color: #f4f4f4;
    border-radius: 6px;
}
.side-testimonial .text { 
    text-align: center;
    padding: 27px 32px;
}
.side-testimonial .text p { 
    font-size: 22px;
    color: #666;
    line-height: 135% !important;
    margin-bottom: 42px;
}

.side-testimonial .text span {
    font-size: 15px;
    color: #20C7B7;
}

/*------------------------------------------------*/
/* FLEX CONTENT                                   */
/*------------------------------------------------*/
.flex-img-right-1 { }
.flex-vid-left-1 { }

.flex-img-right-1 {  }
.flex-img-right-1 .dimage,
.flex-img-right-1 .normal .img-right-border .dimage {
    text-align: right;
}
.flex-img-right-1 .dimage img { 
    margin-right: 70px;
    margin-bottom: 30px;
}
.flex-img-right-1 .dcontent {
    padding: 51px 0 0px 2px;
    margin-bottom: 30px;
}
.flex-img-right-1 .dcontent .title {
    font-size: 36px;
    text-align: left;
    padding-bottom: 10px;
}
.flex-img-right-1 .dcontent p {
    line-height: 200%;
}
.flex-img-right-1 .img-right-border .dimage {
    margin-top: 3px;
}
.flex-img-right-1 .img-right-border .dimage span {
    display: inline-block;
    padding: 9px;
    border: 1px solid #efefef;
    background-color: #fff;
    border-radius: 5px;    
}
.flex-img-right-1 .img-right-border .dimage img { 
    border-radius: 5px;
}
.flex-img-right-1 .img-right-border .dcontent p {
    line-height: 200%;
}
.flex-img-right-1 .img-right-border .dcontent .title { 
    margin-bottom: 7px;
}

/* vid-left */
.flex-vid-left-1 { padding: 40px 0; }
.flex-vid-left-1 .vid-thumb { 
    padding-top: 4px;
    margin-bottom: 25px;
}
.flex-vid-left-1 .vid-link { 
    display: block;
    min-height: 286px;
    height: 100%;
    width: 100%;
    position: relative;
    max-width: 510px;
    background-size: cover;
    background-position: center center;
}
.flex-vid-left-1 .vid-link {
    flex-direction: column;
}
.flex-vid-left-1 .vid-link .overlay { 
    z-index: 1;
    left: 0px;
}
.flex-vid-left-1 .vid-link .overlay,
.flex-vid-left-1 .vid-link { border-radius: 7px; }
.flex-vid-left-1 .vid-link .play {
    width: 96px;
    height: 96px;
    position: relative;
    display: block;
    background-image: url(../png/play-btn.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10px;
    z-index: 2;
}
.flex-vid-left-1 .vid-link p {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}
.flex-vid-left-1 .dcontent {   }
.flex-vid-left-1 .dcontent .title {
    text-align: left;
    padding-left: 2px;
    line-height: 150%;
    margin-top: -4px;
}
.flex-vid-left-1 .dcontent .text {
    padding-left: 2px;
}
.flex-vid-left-1 .dcontent .text p {
    line-height: 200%;
}

.testimonials .text .text-spacer {
    height: 30px;
}

.bullet li p a,
.info p a,
.dcontent p a {
    color: #F36B22;
    opacity: 0.7;
}
.bullet li p a:hover,
.info p a:hover,
.dcontent p a:hover {
    opacity: 1;
}

.flex-content-wysiwyg p {
    line-height: 200%;
}

.flex-title-top p {
    margin-bottom: 0px;
}

.content-video-single .vid-thumb {
    height: 210px;
    width: 370px;
}

.content-video-single .prod-link {
    width: 100%;
    max-width: 370px;
    display: block;
    margin: 0px auto;
}

.content-insert {}
.content-insert .wrap {
    padding: 50px 0 30px;
}

article .flex-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #F26B1F;
    border: 1px solid #F26B1F;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-family: 'Quicksand';
}

article .flex-btn:hover {
    color: #F26B1F;
    background-color: #fff;
}

.flex-content-button {
    padding: 10px 0 20px;
}

.wp-caption-text {
    margin-bottom: 0px;
    line-height: 160%;
    font-size: 11px;
    text-align: center;
}

.single-video .text p a {
    color: #F26B1F;
}

.single-post article .text div {
    letter-spacing: -0.05px;
    line-height: 194%;
    margin-bottom: 31px;
    font-size: 15px;
    color:#666666;
}    

.single-post article .text h2 {
    /* font-family: 'Quicksand'; */
}

.single-post article h5 a {
    font-family: 'Quicksand';
    font-size: 24px;
    color:  #02B7EB;
}

.single-post article .testimonials {
    margin: 20px auto 30px;
}

.single-post article .testimonials .text p {
    font-family: 'Quicksand';
    font-size: 20px;
    margin-bottom: 0px;
}

.single-post article .testimonials .text-spacer {
    display: none;
}

/*------------------------------------------------*/
/* WP ARTICLE                                     */
/*------------------------------------------------*/

article .alignleft { 
    float: left;
    margin: 0px 20px 20px 0px;
}
article .alignright { 
    float: right;
    margin: 0px 0px 20px 20px;
}
article .aligncenter { 
    display: block;
    margin: 0px auto;
}

article ul {
    margin-bottom: 1rem;    
}

article .entry-content ul li { 
    margin-left: 20px;
}

.flex-content-wysiwyg img.alignleft {
    float: left;
    margin: 15px 25px 15px 0px
}

.flex-content-wysiwyg img.alignright {
    float: right;
    margin: 15px 0px 15px 25px
}

.flex-content-wysiwyg p img {
    padding: 5px;
    border: 1px solid #e5e5e5;
}

.single-post article {
    
}

.single-post article strong {
    color: #444;
}

.single-post article li { 
    font-size: 15px;
    color: #666;
    line-height: 194%;
}

.single-post article ol li { 
    margin-bottom: 15px;
}

.single-post article ul li { 
    /*
    display: inline-flex;
    width: 100%;
    */
}
.single-post article h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 34px;
    margin-bottom: 20px;
}

.single-post article h2 em { 
    font-weight: 500;
}

.single-post article blockquote {
    font-family: 'Quicksand', sans-serif;
    display: block;
    padding: 15px;
    background-color: #efefef;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 30px;
}   

.single-post article blockquote p {
    font-size: 18px;
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 10px;
}

.single-post article blockquote cite {
    font-size: 16px;
}

.single-post article ul li:before { 
    font-size: 9px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    content: "\f054";
    margin: 0px 15px 0 4px;
    color: #F36B22;
}

.single-post article iframe {
    width: 100%;
    min-height: 400px;
}

.single-post article p a {
    color: #F36B22;
    /* display: inline-block; */
    position: relative;
    vertical-align: bottom;
    /* white-space: nowrap; */
    border-bottom: 1px solid rgba(243,107,34,0.4);
}

.single-post article a:hover { 
    background-color: #f5f5f5;
}

.single-post article {
    padding-bottom: 50px;
}

.blog-sidebar aside .post-tags .tag {
    text-transform: capitalize;
} 

.blog-sidebar aside .post-tags {
   padding-bottom: 11px;
}

.single-post .flex-content-youtube { padding: 0px; }
.single-post .flex-content-youtube .vid-link {
    max-width: 100%;
}
.single-post .flex-content-youtube .overlay, 
.single-post .flex-content-youtube .vid-link {
    border-radius: 0px;
}

.single-post .flex-content-youtube .play-btn {
    width: 120px;
    height: 120px;
}

.single-post article .flex-vid-left-1 .vid-link .overlay, 
.single-post article .flex-vid-left-1 .vid-link .thumb {
    border-radius: 7px;
}

.accord-list .acc-body li {
    font-size: 15px;
    color: #666;
}
.accord-list .acc-body ul,
.accord-list .acc-body ol {
    margin-bottom: 20px;
    margin-left: 20px;
}

.accord-list .acc-body ol { 
    margin-left: 0px;
}
.accord-list .acc-body ol li { 
    margin-bottom: 10px;
}

.accord-list .acc-body ul li:before { 
    font-size: 9px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    content: "\f054";
    margin: 0px 15px 0 4px;
    color: #F36B22;
    top: -1px;
}

.accord-list .acc-body ul.half li {
    padding-left: 20px;
    position: relative;
}

.accord-list .acc-body ul.half li:before {
    font-size: 9px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline-block;
    content: "\f054";
    margin: 0px 15px 0 4px;
    color: #F36B22;
    top: 4px;
    position: absolute;
    left: 0px;
}    

.accord-list .acc-body li:before { 
    margin-right: 15px;
}


.accord-list .acc-body p a,
.accord-list .acc-body li a {
    color: #F36B22;
}

.accord-list .acc-body p a:hover,
.accord-list .acc-body li a:hover {
    opacity: 0.75;
}

.lesson-grid .menu-3 ul {
    display: flex;
    width: 370px;
    flex-wrap: wrap;
}

.lesson-grid .menu-3 ul li { 
    flex: 0 0 50%;
}

/*------------------------------------------------*/
/* Gravity Forms                                  */
/*------------------------------------------------*/
/* Reference :
https://docs.gravityforms.com/css-ready-classes   */

.gform { padding-top: 0px; }
.gform_wrapper { margin: 0; }

#gform_1 label.gfield_label, 
#gform_1 legend.gfield_label {
    font-weight: normal !important;
    font-size: 15px !important;
}

.gform_wrapper ul.gfield_checkbox li, 
.gform_wrapper ul.gfield_radio li { overflow: visible !important; }

.gchoice_select_all, 
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, 
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
    font-weight: normal !important;
}

.gform .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #B93A3E;
    background-color: #B93A3E;      
}

.gform .custom-control-label::before {
    border: 1px solid #B93A3E;
    margin-right: 20px;
}
.gform .custom-control-label { 
    padding-left: 5px; 
}

.gfield_checkbox li { 
    width: 50%;
    float: left;
}
.gfield_checkbox { 
    margin-left: 50px !important; 
}

.gform_button { 
    width: 120px !important; 
}
.ginput_container .form-control {
    width: 100% !important;
    padding: 24px 12px !important;
    font-family: 'Varela Round', sans-serif !important;
    font-size: 13px !important;
}

.gform_wrapper .gform_footer .orange-btn-1 {
    width: 180px !important;
}


/*------------------------------------------------*/
/* PAGINATION                                     */
/*------------------------------------------------*/

.post-pagination ul li a { 
    color: #444;
    background: #fff;
}

.post-pagination ul li.active a,
.post-pagination ul li.active a:hover,
.post-pagination ul li a:hover {
    background: #F36B22;
    color: #fff;
    border: 1px solid #F36B22;
}

.post-pagination {
    margin-bottom: 53px; 
}
.post-pagination ul {
    /* justify-content: center; */
}
.post-pagination ul li {
    display: inline-block;
    margin-left: 11px; 
}
.post-pagination ul li:first-child {
    margin-left: 0; 
}

.post-pagination ul li a {
    font-family: "Varela Round", sans-serif;
    font-size: 18px;
    border: 1px solid #E2E6EC;
    padding: 7px 13px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 2px 0 rgba(51, 51, 51, 0.08), 0 0 2px 0 rgba(51, 51, 51, 0.08);
    box-shadow: 0 0 2px 0 rgba(51, 51, 51, 0.08), 0 0 2px 0 rgba(51, 51, 51, 0.08); }
.ul-center ul {
    justify-content: center;
}

@media only screen and ( max-width: 840px ) {
	.btn2{ position:relative; top:0; right:0; margin-bottom:15px;}
	.btn2 a{ display:block; width:100%; text-align:center;}
	.games.games-alt .dflex-center{ display:block !important}
	.games .top .title-link{ display:inline-block !important;}
}

@media only screen and ( max-width: 540px ) {
	.games .top .title-link{ display:block !important;margin-bottom: 12px;}	
	.games .top .divider{ display:none}

}

.post-19904 .entry-header {
	display: none;
}

.mail-iframe {
	width: 100%;
	height: 850px;
	border: none;
}

@media only screen and ( max-width: 540px ) { 
	#main-header { height: 90px; }
	#Hero { height: 290px; }
	.mobile-bg { height: auto; }
	#Hero img { width: 100%; height: 100%; object-fit: contain; }
}

.postid-20865 .ng-panel .panels .cube {
	background-color: transparent;
}

.trr {
	text-align: center;
	font-size: 34px;
	color: #20C7B6;
	font-weight: 400;
	margin-bottom: 30px;
}

.ng-panel .panels .boxes.alt {
	display: flex;
	row-gap: 30px;
	flex-wrap: wrap;
	justify-content: center;
    gap: 20px;
}

.ng-panel .panels .boxes.alt .box-link {
	flex: 0 0 370px;
	max-width: 370px;
}

.ng-panel .panels .boxes.alt .box-link:nth-child(1) h4 { color: #7BA824; }
.ng-panel .panels .boxes.alt .box-link:nth-child(2) h4 { color: #24599B; }
.ng-panel .panels .boxes.alt .box-link:nth-child(3) h4 { color: #5D3560; }
.ng-panel .panels .boxes.alt .box-link:nth-child(4) h4 { color: #568138; }
.ng-panel .panels .boxes.alt .box-link:nth-child(5) h4 { color: #CD156F; }
.ng-panel .panels .boxes.alt .box-link:nth-child(6) h4 { color: #0E2046; }



.ng-panel .panels .boxes.alt .box-link .bg-img {
	width: 310px;
	height: 193px;
	margin: 20px auto;
}

.ng-panel .panels .boxes .box-link h4 {
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

/* EDITS */

#main-header .dm-menu .with-dmenu a {
    position: relative;
}

#main-header .dm-menu .with-dmenu a::after {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);

    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

#main-header .dm-menu li .dropdown-item {
    padding-left: 5px;
    padding-right: 20px;
}

#main-header .dm-menu li .dropdown-item img {
    margin-right: 15px;
}

#main-header .dm-menu li .dropdown-item {
    position: relative;
}

#main-header .dm-menu .ddrop-lesson {
    position: relative;
}

#main-header .dm-menu .ddrop-lesson {
    position: absolute;
    background-color: white;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 10px;
    border-radius: 5px;
    display: none;
}

#main-header .dm-menu ul {
    justify-content: space-between;

}

.f_editor p:last-child,
.f_text p:last-child { margin-bottom: 0; }

.f_editor a,
.f_text a { 
	color: #F36B22; 
	text-decoration: underline; }

.f_editor, .f_text {
	margin: 70px 0;
}

.flexic {
    display: flex;
    margin: 0 -15px;
    justify-content: center;
	flex-wrap: wrap;
}

.f_linkers .div-link {
	display: flex;
	background-color: rgba(0,0,0,0.1);
	gap: 25px;
	padding: 20px 38px;
	align-items: center;
	justify-content: flex-start;
	border-radius: 20px;
	position: relative;
}
.f_linkers .div-link img {
	transition: transform 0.3s ease;
}
.f_linkers .div-link:hover img {
	animation: cbounce 0.6s;
}

.f_linkers .flex-item:nth-child(1) .div-link {
	background-color: #F5EAF2;
}
.f_linkers .flex-item:nth-child(2) .div-link {
	background-color: #D2F4F0;
}
.f_linkers .flex-item:nth-child(3) .div-link {
	background-color: #DDFCD7;
}

.f_linkers img.c_soon {  
	position: absolute;
	bottom: -36px;
	left: 41%;
	width: auto;
	height: 49px;
	transform: translateX(-50%);
}

.f_linkers img {
	height: 60px;
}

.flexic .flex-item {
    padding: 0 15px;
    flex: 0 0 25%;
}

.linkers .flex-item {
    padding: 0 15px;
    flex: 0 0 330px;
	position: relative;
}

.linkers .title {
	color: #09335C;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	text-align: left;
}

.cardic .title {
	color: #09335C;
	font-size: 23px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

.f_cards .container {
	max-width: 1200px;
}

.f_cards .dmedia {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 24px;
	width: 240px;
	height: 240px;
}

.f_cards .dmedia img {
	width: auto;
}

.f_cards .div-link {
	display: block;
	background-color: rgba(0,0,0,0.1);
	border-radius: 30px;
	height: 100%;
	min-height: 400px;
	padding-top: 24px;
}

.f_cards a.div-link:hover img {
	animation: cwiggle 0.4s ease-in-out;
}

.f_cards .flex-item:nth-child(1) .div-link {
	background-color: #FCF1D7;
}
.f_cards .flex-item:nth-child(2) .div-link {
	background-color: #F6E3E3;
}
.f_cards .flex-item:nth-child(3) .div-link {
	background-color: #D2F4F0;
}
.f_cards .flex-item:nth-child(4) .div-link {
	background-color: #F8E3D3;
}

.f_cards .cardic-2 .flex-item:nth-child(1) .div-link {
	background-color: #F5EAF2;
}
.f_cards .cardic-2 .flex-item:nth-child(2) .div-link {
	background-color: #DEEAF6;
}



@keyframes cbounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-8px);
  }
}

@keyframes cwiggle {
  0%, 100% { transform: rotate(0); }
  25% { transform: rotate(-5deg); }
  75% { transform: rotate(5deg); }
}