@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400');

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

/* add to cart sidebar*/


/*----------------------*/
/*Cart - added by keith*/

#merrittsmodal{ POSITION:absolute !important; float:right; border:1px solid #ccc; min-height:50%; top:0;  line-height:30px;  width:22%; margin-left:78%; background-color:#fff;  z-index:50; text-align:center; }
.modal-header{background-color: #01a04e;
    }
.newprice{color:#999; font-size:1.1em}
.modal-header h4{color:#000; }
.cart-modal-title {
    background-color: #7cc24e;
  
}
.newbold{font-weight:600}
.minicontact{width:40%; margin:60px auto; text-align:center}
.mobilelinks{display:none}
.cart-modal-title h2 {color:#fff !important;}
.cart-modal {left:60%; width:40%;}
.attendee{text-align:right; color:silver}
.attendee2{text-align:left;}
.mobilecarttotal{display:none}
.cartbutton{background-color:#7389AE; padding:5px 20px 5px 20px; font-size:15px; MARGIN-top:0PX; color:#fff;width:170px;text-align:center;display:inline-block}
.cartbutton a{color:#fff;font-weight:normal}
.cartlabels{display:inline-block;color:#999;}
.cartitems{display:inline-block;color:#999;margin-bottom:5px}
.cartdesc{display:inline-block;color:#000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cartitem{display:inline-block;color:#999}
.cartcontainer{width:90%;max-width:800px;min-height:370px;display:table;font-size:15px; margin:10px 5% 20px 5%}
.buyallcart{margin:15px 0 15px -145px !important;white-space:nowrap}
.priceqty{ color:#B12704}
.update{margin-left:50%}
.updatesection{margin-left:-35px !important; width:500px; }
#carttitle{font-size:25px;color:#000;margin:10px 0px 10px 0px}
.cartdelete{background-color:#7389AE; padding:5px 0px 5px 0px; font-size:15px; MARGIN-left:0PX; color:#fff;width:60px;display:inline-block;text-align:center;margin-bottom:5px;font-weight:normal}
.cartdelete a{color:#fff;font-weight:normal}
a div{font-weight:normal}
.pushdown{display:table-row;vertical-align:bottom;margin:15px 120px 0 0;float:right}
.update span {font-weight:bold;text-decoration:underline;}
.btn-shop{font-size:17px; font-weight:700; background-color:#2341A3; color:#fff;}
.btn-shop:hover{background-color:#5271DA; color:#fff; }
 .mobilelogodiv{width:80%}
.new-cart-but-row{padding-left:30%}
@media (max-width: 1200px) {
.new-cart-but-row{padding-left:0%}
}
@media (max-width: 640px) {
.buttonlist a {font-size:13px; font-weight:700; width:100%}

.buyallcart{margin:15px 0 15px -100% !important}
.updatesection{margin-left:-50% !important; width:500px; }
}
 /* Hide the carousel text when the screen is less than 600 pixels wide */
 @media (max-width: 570px) {

.updatesection{margin-left:-85% !important; width:auto; }
.buyallcart{margin:15px 0 15px -145% !important}
}
 @media (max-width: 415px) {
.btn-delete{padding:4px;margin-left:5px; font-size:11px}

.field5{width:25px !important}
}
/*end cart*/
/*---------*/

nav {
    visibility: visible !important;}
body {visibility: visible !important; color: #041b15; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:20px; margin:0; padding:0}
body, html {
    height: 100%;
}
h1 {color: #041b15; font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size:55px}
h2 {color: #041b15; font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size: 35px}
h3{color: #7cc24e; font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size: 25px}
jumbotron h3{color: #d8dcdb; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size: 18px}
footer h3{color: #d8dcdb; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size: 18px}
h4{color: #9a9a9a; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size: 26px}
a {color:#01a04e;font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:20px}
.btn-color1{background-color:#7cc24e!important}
.btn-color2{background-color:#00549E!important}
.btn-blue{background-color:#01a04e!important}
.text-yellow{color:#7cc24e}
.text-blue{color:#01a04e}
.btn {border-radius: 6px}
.btn-primary{border-radius: 0; font-size: 24px; border-color: #00a04a; font-weight: 400; height: 45px; width: 160PX; margin-left: 20px}
.page-container{width:70%; margin:auto auto auto auto}
.page-container-alt{width:80%; margin:auto auto auto auto }
.page-container-dropdowns{width:100%; margin:30px 0 !important; }
.newclassdropdown {
    padding: 10px 40px;
}
   
}
/*TOP NAV*/
.right-margin{padding-right:70px}
.top-nav{background-color:#f1f1f1; font-size:19px}
.top-nav a{color: #041b15;}
.google-search{width:57px; margin: -5px 15px 0 -32px;}
.middle-nav{padding: 10px 0 10px 0}
.cart-img{ background-image: url("../images18/cart-img.jpg");  background-position: center center;  background-repeat: no-repeat; margin: 0px -15px 0 15px; border-radius:2px; width: 50px; height: 50px}
.badge{color: #efad00; font-size: 20px;}
.accnt-link{margin: 50px 50px 0 0 !important; padding-top:10px; position:relative; top:10px; }
.accnt-link-sm{margin: 0 20px 0 -50px !important; padding-top:10px; position:absolute; top: 10px;}
.vl {border-left: 4px solid #dddddd; height: 400px;}
.cart-box {position: absolute; margin-top: 20px !important; right: -6px; width: 57px; height: 57px; z-index: 2147483000; cursor: pointer; background-position: 30%; border-radius:2px}
.cart-items-count{color:#01a04e !important; position:relative; display:flex; text-align:center; justify-content: center; top:-47px; right: 0px}
.newgraybar{max-height:58px; }
.searchicon2{margin-top:-30px}
.carticon{ padding:0!important;}
.bluetextbanner{margin-top:-25px}
.newformwidth{width:1200px !important}
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    div {
        top: 0;
    }
    .carticon {
        padding: 0 !important; margin-top:5px !important;
    }
    .searchicon{margin-top:0px !important; top:-300px !important}
    .searchicon2 {
        margin-top: -30px !important
    }
}
/*MENU*/
.logo-img{width:di0px; margin: 10px 10px 10px 35px}
.nav-item{margin: 20px 15px 0 15px}
.navbar{padding: 35px;box-shadow:none!important}
.top-nav{display: block}
.hidden{display:none}
.navbar-toggler-icon { display: inline-block; width: 2.5em; height: 2.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%;}
.mobile-logo{width:230px; margin:0 40% 0 0 !important; position:absolute; float:left; left:80px; top:12px}
/*FOOTER*/
footer{background-color:#041b15; padding:70px}
.footer-link{margin:0 0 15px 0;}
.footer-link a{ font-size: 15px !important; color: #d8dcdb}
footer p{font-size:14px; color: #d8dcdb; line-height:15px; margin-top: -8px}
.foot-nav{text-align:right}
.foot-left{text-align:left}
/*HOMEPAGE*/
.home-img {
    background-color: inherit;
    background-image: url("../images18/home-image1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 890px;
    width: 100%;
    border-radius: 0;
    display: block
}
.home-img h3{font-size: 25px; color: #fff; padding-top: 18%}
.home-img h1{font-size: 55px; color: #fff; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5); font-weight:800; padding-top: 25px}
.btn-large{width: 250px; height: 50px; font-size: 26px; font-weight:100; margin-top: 50px!important;padding: -10px 0 10px 0 !important}
.class-link{color:#01a04e !important;}
.margin-bottom-icon{margin-bottom:25px; margin-top: 55px}
.margin-bottom-icon3{margin-bottom:10px; margin-top: 55px}
.margin-bottom-icon4{margin-bottom:15px; margin-top: 55px}
.blck-bkgd{background-color: #01a04e; color: #fff; margin: 90px auto 25px auto; font-size: 25px; font-weight: 500; text-shadow:0px 3px 2px #333}
.card-title{color: #00549E; font-size: 16px}
.card-text{font-weight:800; height: 80px}
.list-group-item {color: #8f8f8f; font-size:16px}
.card{margin: 35px auto 0 auto; width:85%}
.card2{margin: 35px auto 0 auto; width:85%}
.btn-lng{width: 220px; border-radius: 4px; font-size: 18px; height: 40px; padding: -10px 0 10px 0; margin: 60px auto 100px auto; font-weight: 400}
.row{margin: auto auto auto auto}
.bottom-row{margin-top:50px}
.home-img2 {
    background-color: inherit;
    background-image: url("../images18/home-image2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 560px;
    width: 100%;
    border-radius: 0
}
.sm-view{display:none} 
.feature-class {display: block}
.home-img2 h3{font-size: 1.0em; color: #fff; padding-top: 3%}
.home-img2 h1{font-size: 2.5em; color: #fff; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5); font-weight:800; padding-top: 30px}
.margin-hm{margin-top: 65px}
/*CLASSES*/
.class-link{font-size:18px; font-weight:400}
.bottom-margin{margin-bottom:300px}
.no-padding {padding-left: 0; padding-right: 0;padding-bottom:100px}
/*CLASS LIST*/
.card-title-list{font-size: 20px; line-height:20px; margin: 0 0 0 0}
.card-text-classinfo{font-size: 16px; font-weight: 400}
.card-shadow {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.card-shadow:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.my-1{margin-right: 30px}
/*CLASSES PAGE*/
.card-classes{width: 100% !important }
.card-class-title{font-size: 18px; color: #000}
.card-text-price{font-weight: 400; padding-bottom:0!important; margin-bottom:-10px!important;font-size:35px!important}
.btn-info{font-size: 28px; font-weight: 300; padding: 0 34px 0 34px !important; float:left; margin-bottom: 50px; margin-top:-20px}
.btn-warning{font-size: 28px; font-weight: 300; padding: 0 28px 0 28px !important; float:right; margin-bottom: 50px; margin-top:-20px}
/*PRODUCT LIST*/
.card2{height:400px}
main .card{height:500px}
main .navbar{padding:10px}
main .nav-item{margin-top:5px}
.collapse-categories{margin-top:-60px !important; padding-top:10px !important; height:100% !important; background:#929FBA !important}
    .collapse-categories a{ color:#fff;  padding:7px 15px  7px 10px }
    .product-list-margin {
        margin-top: 60px
    }
    .new-bundle-btn{margin:0 50px 550px 50px !important;}
.a-new {color:#7cc24e !important}
.class-schedule-text{font-size:.8em}
/*INNER PAGE*/
.bg {
    background-image: url("../images18/wine-img.jpg");
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg1 {
    background-image: url("../images18/foodsafety.jpg");
    height: 40%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg2 {
    background-image: url("../images19/expertwitness.jpg");
    height: 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg3 {
    background-image: url("../images18/waitress-server.jpg");
    height: 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg4 {
    background-image: url("../images18/precisionservice.jpg");
    height: 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.text-shadow{text-shadow: 1px 1px 6px #000}



 
@media (max-width: 2320px) {
   #merrittsmodal{    width:28%; margin-left:72%; }

    }
@media (max-width: 1825px) {
    #merrittsmodal{    width:35%; margin-left:65%; }
    }
@media (max-width: 1500px) {

    }
@media (max-width: 1465px) {
    #merrittsmodal{    width:40%; margin-left:60%; }
    .minicontact {
        width: 60%;
        margin: 60px auto;
        text-align: center
    }
    }
@media (max-width: 1285px) {
     #merrittsmodal{    width:50%; margin-left:50%; }
    }
@media (max-width: 1365px) {

    }
@media (max-width: 1200px) {
    .minicontact {
        width: 80%;
        margin: 60px auto;
        text-align: center
    }
    }
@media (max-width: 1040px) {
     #merrittsmodal{    width:60%; margin-left:40%; }
    }
 @media (max-width: 1020px) {
.navbar{padding-left:0!important;padding-right:0}
.logo-img{width:500px; margin: 0 0 0 35px}
body {color: #041b15; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:18px}
h1 {color: #041b15; font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size:45px}
h2 {color: #041b15; font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size: 30px}
h3{ font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size: 22px}

    }
 
   

@media (max-width: 1070px) {

    }
 @media (max-width: 991px) {
     .card2{height:450px}
    }
@media (max-width: 815px) {

    }
@media (max-width: 768px) {
    .home-img {
        background-color: inherit;
        background-image: url("../images18/home-image1.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 570px;
        width: 100%;
        border-radius: 0
    }
    .hidemobileversions{display:none}
    .cart-modal{    left: 20%;    width: 80%;}
    .mobilelinks{display:inline-block}
.attendee{text-align:center; color:silver}
.maincarttotal{display:none}
.mobilecarttotal{display:inline-block !important}
.cartheader{display:none}
.page-container{width: 90%}
.blck-bkgd2{display: none}
.feature-class{display:none}
.home-img2{margin-top: 60px}
.top-nav{display: none}
.hide{display:none}
.logo-img{width:340px; margin: 0 0 0 35px; float:left}
.hidden{display:block}
.navbar{padding-top:15px;padding-bottom:35px}
body {font-size:16px}
h1 { font-size:30px}
h2 { font-size: 25px}
h3{ font-size: 20px}
    .h1-responsive {
        font-size: 2em !important
    }
   #merrittsmodal{    width:80%; margin-left:20%; }
    }
 @media (max-width: 639px) {
.logo-img{width:240px; margin:0;padding:0; float:left}
    .cart-modal {
        left: 0%;
        width: 100%;
    }
    #merrittsmodal{    width:100%; margin-left:0%; }
    }
 @media (max-width:575px){
     .class-schedule-text{font-size:.4em}
.foot-nav{text-align:center!important}
.foot-left{text-align:center}
.foot-fa{text-align:center!important}
.yellowicons{display:none}
body {font-size:14px}
h1 { font-size:30px}
h2 { font-size: 20px}
h3{ font-size: 18px}
.card2{height:350px}
.newformwidth{width:auto !important}
    .newschedulebutton{font-size:1.3em !important}
 }
@media (min-width: 768px) {
.hide-nav{display:none}
  
    }
@media (max-width: 767px) {
    .mobile-logo{width:180px}
    .mobile-hide{display:none}
    .minicontact {
        width: 90%;
        margin: 60px auto;
        text-align: center
    }
    }
@media (max-width: 450px) {
    .mobilelogodiv {position:absolute;
        top: 12px !important; width: 100%
    }
    .mobile-logo{width:180px; margin:0 !important}
    }
@media (max-width: 356px) {
.sm-view {display: block}
.home-img {display:none}
.btn-sm{width: 100%}
    }
   
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}