.row.member_backend_container{max-width:100%; width:100% !important;}
.row.member_menu {background:#1f314c}
.row.member_menu i{color:#546786; background:rgba(0,0,0,0) !important;}
.row.member_menu a{color:#C4d1e2;width:90%;}
.row.member_menu a:hover, .member_menu_active{color:white !important;background:#142139 !important;}
.row.member_menu a:hover i, #home_message_box i.fa-lightbulb, .member_menu_active i {color:#42a0bd !important}
.col-lg-2.col-md-12.mbc_left{padding:0px;  background:#33425b;}
.sup_header_row div{min-height:100% !important;}
.sup_header_row p
{display: flex;
flex-direction: column;
justify-content: center;
height: 100%;}
section.review-notes ~ section ~ a,
#form-topheader [type="button"]{padding:14px 18px;margin:3% auto;}
.finalize-overlay{z-index: 999;}
#terms #container_full h3{
	font-family: Quasimoda !important;
line-height: 1.8;
font-size: 22px !important;
}

#my-resources .col-md-3 .box-link{display:none;}
#terms #container_full .step_form_container{width:1200px; padding:30px 80px;}

#terms #container_full .step_form_container > h3 {margin-top: -25px; }

.tooltip-inner p{color:white;}

.btn-main.btn-light.form_5_top_btn{position:relative; left:-40px;}
.btn-main.btn-white.form_5_top_btn{}

.btn-main.btn-light.form_5_top_btn,
.btn-main.btn-white.form_5_top_btn{border:1px solid white !important; font-size:0.8em; font-weight:bold; padding: 16px 18px;}

.btn-main.btn-light.form_5_bottom_btn,
.btn-main.btn-white.form_5_bottom_btn{border:1px solid #2b859b !important; font-size:0.8em; font-weight:bold; padding:16px 18px;}

.form_row_bottom > div:first-of-type{text-align:right;}
.form_row_bottom > div:last-of-type{text-align:left}

.row.form_row_bottom{margin:40px auto !important}

#home_message_box ~ .row-eq-height{margin-bottom:12px !important; margin-top:20px !important;}

#form-topheader [type="button"]{float:right;}
#form-topheader 
.row{width:1320px; max-width:100%;padding-right: .75rem;
padding-left: .75rem;}

.hero_container .centered a.btn-light:hover{color:white !important;}
.hero_container .centered a.btn-light:focus{box-shadow:none !important;}

@media screen and (min-width:991px){
.col-lg-2.col-md-12.mbc_left{min-height:85vh;}}
.row.member_backend_container{padding:0px;}
.member-container{background-image: linear-gradient(white,#E2EEF1)}
.mem_home_box{background:white;}

.trainee-summary>div{padding:0px;}
.row.trainee_box, .row.trainee_box .row, .trainee_box input[type="text"]{width:100%;}
.trainee_box input[type="checkbox"]{margin: auto;
display: block;}
.trainee_box .row, .trainee_box input[type="checkbox"]{height:100%;}
.trainee_box:first-of-type > .row:nth-of-type(2), .trainee_box:first-of-type > .row:nth-of-type(2) > div,.trainee_box .row{padding:0px;}
.row .trainee-col-inner{border-left:1px solid #c6cacd}
.row .trainee-col-inner:last-of-type{border-right:1px solid #c6cacd}
.member_box.trainee_box .row .row:first-of-type .trainee-col-inner:last-of-type{border-right:0px solid #c6cacd}

.trainee_box > .row:not(first-of-type), .trainee_box > .row:not(last-of-type){border-bottom:1px solid #c6cacd}

.trainee-gray-background{background:#eef2f3}

#free-resources .row.resources{width:1375px;}

#free-resources .row.resources  .col-sm-3.col-12 > div:hover{border:2px solid #43a4bf; border-radius:6px;box-shadow: 0px 0px 15px #b7bacc45;}
#free-resources .row.resources  .col-sm-3.col-12 > div
{margin-right: 35px;
margin-left: 35px; background-image: url(/images/fileman/Free-Resources-Background.png); overflow:hidden; background-repeat:no-repeat; background-size:cover;position:relative ; border-radius:12px;border:2px solid rgba(0,0,0,0)}
#free-resources .row.resources  > *{ padding:0px !important ; padding-bottom:55px !important;}
#free-resources .row.resources  .col-sm-3.col-12 > div:hover a{display:block; background-image:url(/images/fileman/fr_download.png); background-repeat:no-repeat; background-size:contain; background-position:center; padding:62%;}

#free-resources .step_form_container{margin-top:50px;}

#feedback-mf{max-width:100%; width:800px;}

#free-resources .row.resources .col-sm-3.col-12 > div a,
#free-resources .row.resources .col-sm-3.col-12 > div p
{ position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); color:white;text-align:center;font-size:25px !important}

#free-resources .row.resources .col-sm-3.col-12 > div a{z-index:99}
#free-resources .row.resources .col-sm-3.col-12 > div p{z-index:9; min-width:67%;}

#blog #container_full{ background: linear-gradient(#ffffff, #E2EEF1);}
#youtube-box *{ text-align:center;}
#youtube-box .mbe_button.btn-main.btn-light {display:block; font-size:14px;margin: 15px 20px;}

#youtube-box .mbe_button.btn-main.btn-light a{display:block; font-size:14px;  background-color: #32849a !important; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #32849a , #44a8c2) !important;}

#youtube-box .mbe_button.btn-main.btn-light a:hover{background:#43a4bf !important;}
#youtube-box img{display: block; margin:auto; max-width:100%; width:250px; margin-bottom:20px;}

.all-blogs p.blog_date, .all-blogs .blog_date, .price_duration {
    font-weight: 500;
    margin: 10px 0px 0px 0px;
}

.recent-blogs div div h2, .recent_blogs h2, .all-blogs .blog_container h2, .all-blogs .blog_inner h2 {
    margin: 0px 0px 15px 0px;

}

.all-blogs .blog_content {
    padding: 15px 30px 25px 30px;

}

.all-blogs .blog_content p:not(:first-of-type){
    font-size: 16px !important;
    color: #3f4854 !important;
    line-height: 1.6 !important;}

.single-blog h2{font-size:35px !important; padding:0 0 10px 0; margin:0px !important;}
.single-blog > p:not(:first-of-type){color: #384961;
    padding: 0px 0px 15px 0px;
    font-size: 16px !important;}

.row.blog-container.single-blog {
	padding-bottom: 60px;
}


.blog_prev_post a,
.blog_next_post a{font-weight:500;}

.blog_prev_post a:hover,
.blog_next_post a:hover{color:#2b859a !important;}

.all-blogs .blog_pic_bg {
        border-radius: 5px 5px 0px 0px;
}


@media screen and (max-width:767px) and (min-width:576px){
	#free-resources .row.resources .col-sm-3.col-12 > div p{font-size:16px !important}

}

.hero_container{padding: 10%; background-repeat:no-repeat;background-size:cover}



#contact-us .hero_container{background-image: url(/images/fileman/contact_hero.jpg);}
#how-it-works .hero_container{background-image: url(/images/fileman/how-it-works-hero.jpg);}

#about .hero_container{background-image: url(/images/fileman/supervisor_aba_who_we_are.jpg);padding: 5% 10%;}
#free-resources .hero_container{background-image: url(/images/fileman/resources_hero_supervisor_aba.jpg);}
#pricing .hero_container{background-image: url(/images/fileman/pricing_hero.jpg); padding:5% 10%;}
#member-registration .hero_container{background-image: url(/images/fileman/signup_hero.jpg);}

@media screen and (max-width:767px){
	.col-1,.col-2{width:auto;}

.pricing-container > div > .col-1,
.pricing-container > div > .col-2,
	.pricing-container > div > .col-3{width:100%;}


	.pricing-container > div > .col-2 .col-sm-5,
	.pricing-container > div > .col-3 .col-sm-5{width:41.666666666%;}

	.pricing-container > div > .col-2 .col-sm-2,
	.pricing-container > div > .col-3 .col-sm-2

	{width:16.666666666%;}

	.pricing_inner{margin-bottom:50px;}
}

@media screen and (max-width:991px){
	.navbar-light .navbar-toggler{color:rgba(0,0,0,0); border:0;}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
	.navbar-toggler.collapsed:hover {background:#43a4bf !important;}.navbar-toggler {background:#43a4bf;}
	.navbar-toggler.collapsed, .navbar-toggler:hover{background:#329898 !important;}

}

@media screen and (min-width:992px){

	#top_navbar ul.navbar.nav > li >a{padding:50px 0}
	#top_navbar{padding:0;}
	.row.member_backend_container > .col-lg-10.col-md-12.mbc_right {
    padding: 20px 50px !important;
}
	

}

.row.member_backend_container > .col-lg-10.col-md-12.mbc_right .row {
    margin:0px; width:100%;
}

.c_modal label {text-align:left;}
.blog_content{padding:15px 30px}

.blog_pic_bg{background-size: cover;height: 350px;background-position: center;}
.col-md-6 .blog_pic_bg{height: 250px;}

@media screen and (max-width:767px){
	.col .blog_pic_bg{height:225px;}
	
}
.col-md-6 .blog_pic_bg
{height: 250px;}

body{padding:0px;}
.home_top_content h2:first-of-type{line-height:40pt}
.home_container h1{line-height:58pt}


.row.pricing-container > .three-col > .col-sm-4:nth-of-type(1) .pricing_inner{border: 2px solid #3fa6bf; border-radius:10px;background:#f9fafa;}
.row.pricing-container > .three-col > .col-sm-4:nth-of-type(2) .pricing_inner{border: 2px solid #1a2e4b; border-radius:10px;background:#f9fafa;}
.row.pricing-container > .three-col > .col-sm-4:nth-of-type(3) .pricing_inner{border: 2px solid #2b869c; border-radius:10px;background:#f9fafa;}




.pricing-container.row {width:950px; margin-top:50px;}
.pricing_inner p{margin:0 auto; padding:0}
.pricing_inner .go-btn{margin-bottom:30px;}

.row.pricing-container > .three-col > .col-sm-4:nth-of-type(1) .pricing_inner .go-btn > a{border: 2px solid #3fa6bf; border-radius:5px;background:#3fa6bf;  box-shadow: 5px 5px 10px -6px rgb(3 8 56 / 25%);}
.row.pricing-container > .three-col > .col-sm-4:nth-of-type(2) .pricing_inner .go-btn > a{border: 2px solid #1a2e4b; border-radius:5px;background:#1a2e4b;  box-shadow: 5px 5px 10px -6px rgb(3 8 56 / 25%);}
.row.pricing-container > .three-col > .col-sm-4:nth-of-type(3) .pricing_inner .price,
.row.pricing-container > .three-col > .col-sm-4:nth-of-type(2) .pricing_inner .price
{
    color: #3fa6bf !important;
    font-size: 45px !important;
}
.row.pricing-container > .three-col > .col-sm-4:nth-of-type(3)
.pricing_inner .go-btn > a{border: 2px solid #2b869c; border-radius:5px;background:#2b869c;  box-shadow: 5px 5px 10px -6px rgb(3 8 56 / 25%);}

.pricing_inner .row.three-col {padding: 0px 15px 25px 15px !important;}


.row.pricing-container > .three-col > .col-sm-4:nth-of-type(1) .pricing_inner .go-btn > a:hover{background:white; color:#3fa6bf;}
.row.pricing-container > .three-col > .col-sm-4:nth-of-type(2) .pricing_inner .go-btn > a:hover{background:white; color:#1a2e4b;}
.row.pricing-container > .three-col > .col-sm-4:nth-of-type(3) .pricing_inner .go-btn > a:hover{background:white; color:#2b869c;}


p.blog_date, .blog_date, .price_duration {
	line-height: 1.3; }



.row.pricing-container > .three-col > .col-sm-4:nth-of-type(1) .pricing_inner > h2:first-of-type{font-family: "Quasimoda", sans-serif !important;background:#3fa6bf; color:#f9fafa;padding:15px 0px; magin:0px;font-size:20px ;margin-bottom: 35px;}
.row.pricing-container > .three-col > .col-sm-4:nth-of-type(2) .pricing_inner > h2:first-of-type{font-family: "Quasimoda", sans-serif !important;background: #1a2e4b; color:#f9fafa;padding:15px 0px; magin:0px;font-size:20px ;margin-bottom: 42px;}
.row.pricing-container > .three-col > .col-sm-4:nth-of-type(3) .pricing_inner > h2:first-of-type{background: #2b869c; color:#f9fafa;padding:15px 0px;font-family: "Quasimoda", sans-serif !important; magin:0px;font-size:20px;margin-bottom: 42px;}
.row.pricing-container > .three-col .pricing_inner > h2:first-of-type{   color: #f9fafa !important;
    padding: 25px 0px !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;}

.row.pricing-container:nth-of-type(1) .pricing_inner,
.row.pricing-container:nth-of-type(2) .pricing_inner,
.row.pricing-container:nth-of-type(3) .pricing_inner {text-align:center;}

#about #E2{background-image:url("/images/fileman/program_hero.jpg");background-position: center;background-size:cover; padding:0 10%}
#about #E2 *{color:#f9fafa !important;}
#about #E2 img{display:none !important;}
#about #E2 .row.two-col-right{max-width:100%; width:1600px;min-height:65vh;}
#about #E2 .row.two-col-right > div{display:flex;}
#about #E2 .row.two-col-right > div .centered{margin: auto;}

#about #E2 p {
color: #ffffffcc !important;
    font-size: 18px !important;
}

@media screen and (max-width:1199px) {
	#about #E2{background:#48adc4 !important;}
	#about #E2 img{display:block !important; width:100% !important;}
	#about #E2 .col-xl-6.col-sidebar.image p{margin-bottom:0px !important; padding-bottom:0px !important}

}



#about .step_form_container .row.two-col > .col-sm-6 .col-content{background:#f9fafa;margin:30px;padding:50px; padding-bottom:0px; border-radius:10px;box-shadow: 0px 0px 15px #b7bacc45;min-height:90%;}

#about .step_form_container .row.two-col > .col-sm-6 .col-content p:last-of-type{clear: left;
top: -65px;
position: relative;}

#about .step_form_container .row.two-col > .col-sm-6 .col-content img{top: -90px;
position: relative;float: left; max-width:25%;}
#about .container_full {padding-bottom:0px !important;}

#about .step_form_container .row.two-col > .col-sm-6 .col-content p:first-of-type{margin-bottom:70px;}

#about .step_form_container .row.two-col > .col-sm-6 .col-content span
{width: 70%;
display: block;
margin-left: auto;
text-align: left;
max-width:100%;}
#about .education{color:#50b0c6;font-size:14pt; margin-top:5px; margin-bottom:5px;}
#about .name{color:#1b2e4a; font-size:21pt; font-weight:501;}
#about .step_form_container .row.two-col{max-width:100%; width:1350px;}
#about .step_form_container {background:#e9f4f6}

/*.row-eq-height .col-md-2.hb_cont, */
.mem_home_box{
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 20px;
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,.05);
	height: 100%;
}



#about .step_form_container >h2:first-of-type{margin-top:50px; margin-bottom:50px}

#about .step_form_container p:last-of-type{color:#3f4854; line-height:1.7; font-size:16px;}
.dropdown-menu .navbar-nav li, .navbar-nav li a {
    padding-bottom: 8px;
}
@media screen and (max-width:767px){#about .step_form_container .row.two-col > .col-sm-6 .col-content span{width:100%; clear:left;}

	#about .step_form_container .row.two-col > .col-sm-6 .col-content img{max-width:100%; top:-35px;margin: auto;float:none;
display: block;}}
h2{line-height:1.2 !important; margin-bottom:20px;}

.blog_row .col-lg-7{padding: 15px 30px;}
.topheader .navbar-nav .dropdown-menu{background-image: linear-gradient(#e1edf1, #f9fafa) !important; border:0px !important;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.topheader .navbar-nav .dropdown-menu li, .navbar-nav .dropdown-menu a{background:rgba(0,0,0,0) !important;}
.topheader .navbar-nav{top:10px;}

.topheader .navbar-nav .dropdown-menu {padding: 20px 35px 15px 10px !important;}

.dropdown-toggle.open ~ ul {
	display: block !important;
	transition: 1s;
}

/*
.hero_container .centered{

	 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/
@media screen and (min-width:769px) {
	ul.navbar-nav li:hover>ul.dropdown-menu {
	    display: block!important;
	    transition: all 1s;
	}
}

.navbar-nav .dropdown-menu {
	position: absolute !important;
}

#top_navbar{z-index:999}

.dropdown-menu .submenu {
	left: 100%;
	top: -7pt;
}

.hero_container > p{margin-bottom:0; padding-bottom:0px;}
.hero_container .centered *{color:#f9fafa !important; text-align:center !important;}
.hero_container .centered a:hover{color:#43a4bf !important; text-align:center !important;}

/************ELEMENTS************/

hr{max-width:85% ; margin:1rem auto; background-color:#E3E4E9; opacity: 1}

#member-registration .hero_container .centered *{text-align:left !important;}


#member-registration .hero_container .centered{

 max-width: 100%;
width: 1200px;
}

.col-sm-4 .col-lg-1.col-md-2 i.fa-envelope:before{color:#43a4bf !important}


html {
    position: relative;
    min-height: 100%;
}
body {background-color: #ffffff;  margin: 0 0 20px; position: static; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
#pie-holder {z-index: 9999;}
.currentsub .mbe_button {
    float: none;
}
#member_home_inc > .row{width:100% !important; max-width:100% !important}

#how-it-works .row.two-col{width:100%;}
span.how-it-works img{height:auto !important;}

#how-it-works .row.two-col > div{margin-top:50px;}

#how-it-works .row.two-col:nth-of-type(2){background-image:url("../images/fileman/supervisor-aba-how-it-works-row-background.png");background-position:bottom right;background-size:85%; background-repeat:no-repeat}


#how-it-works .row.two-col:last-of-type{background-image:url("../images/fileman/supervisor-aba-how-it-works-row-background2.png");background-position:bottom left;background-size:85%; background-repeat:no-repeat}

#how-it-works #container_full{padding-bottom:0px !important}
#how-it-works .step_form_container{background:white !important;}

#how-it-works .row.two-col:nth-of-type(3){background:#EDF6F8;}

@media screen and (min-width:768px){
	.member_menu > *, .visited-forms{padding-left:35px !important;}
	#how-it-works .row.two-col h2{margin-top:22%;}
	#how-it-works .row.two-col > div:first-of-type{padding-left:9%; padding-right:2%}

#how-it-works .row.two-col > div:last-of-type{padding-left:2%; padding-right:9%;}
}

.pricing-container {text-align: center;}

.member_menu .menu_subtitle{font-size:13px !important;}
.resources h2 {
    font-family: "Quasimoda",sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}
.resources h4{
	font-weight: 600;
}
.resources a{
	font-weight: 600;
}
.price_container {
    background-color: #f9fafa;
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    margin-left: auto;
    margin-right: auto;
 margin-top: 70px;
    max-width: 880px;
    width: 100%;
	position: relative;
}

.renew {  background: #329898 none repeat scroll 0 0 !important;
    color: #f9fafa !important;
    display: block !important;
    font-size: 0.8em !important;
    padding: 10px 15px !important;
	font-family: "Quasimoda",sans-serif !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
	border: none !important;
	border-radius: 0px !important;}
.price-row [class*="col-lg-"] {min-height: 0px !important;}
.price-header-row h1 {
    display: table-cell;
    font-size: 38pt;
    height: 50px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    vertical-align: middle;
    width: 135px;
}



.navbar-light .navbar-nav .nav-link, .side_nav a{color:#1b2e4a; font-weight: 600;
    font-size: 16px;}

.price-header-row {background: #329898;}
.price-header-row h1 {color: #f9fafa;}
.col_ben {border-left: 1px solid #e5e5e5;}
.col_left_list {}
.col_left_list p {
    margin: 0;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-top: 9px !important;
}
.col_ben p {
    display: table-cell;
    height: 40px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 135px;
}
.col_ben .fa {
    color: #329898;
    font-size: 1.5em;
}
.col_ben a {
    background: #329898 none repeat scroll 0 0;
    color: #f9fafa;
    display: block;
    font-size: 1em;
    padding: 5px 10px;
	font-family: 'Quasimoda',sans-serif;
	text-transform:uppercase;
	font-weight: bold;
}
.price-row {min-height: 0px !important;}
.price-row:nth-child(even) {background: #f9f9f9}
.price_additional {
    bottom: -30px;
    position: absolute;
    right: 0;
    width: auto;
}
.infographic {text-align: center;}
.infographic img {
    max-width: 130px;
}

.ef_image {
    float: right;
    padding-top: 15px;
}
.cta_img {
    background: #f9fafa none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    padding: 10px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
.hiwtext img {  background: #f9fafa none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    padding: 10px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75); margin-bottom: 20px;}

.hiwtext { padding-left: 20px !important; padding-right: 20px !important;  }
.hiwtext p {font-size: .9em;}
.bigheader {  font-family: "Quasimoda",sans-serif;
    font-size: 2.2em;
    font-weight: bold;
    margin-bottom: 50px;
	text-align: center;}
	.fandbtext {
    text-align: center;
}
	.fandbimg {
    margin-bottom: 10px;
	text-align: center;
}
	.fandbimg p {
    font-size: 1.1em;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
}
.fandbimg img {max-width: 75px;}
.notes textarea {
    font-family: "Roboto",sans-serif;
    margin-top: 0;
    padding: 10px;
}
.notes textarea:focus {
    box-shadow: none;
	border-color: #329898;
}
#sup_change_form {max-width: 400px;}
.cta_text { background: #f9f9f9 none repeat scroll 0 0;
    border: 3px solid #eee;}
.cta_img img {}
.cta_text h1 {
    font-family: "Quasimoda",sans-serif;
    font-size:38pt;
    font-weight: bold;
}
.cta_text li {
    font-family: "Roboto",sans-serif;
    font-size: .95em;
    line-height: 1.8em;
    list-style: outside none none;
  text-align: left;
}
.cta_row {max-width: 1200px;width:100%}
.cta_button {
    font-family: "Quasimoda",sans-serif;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
     padding-bottom: 2px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}
.cta_button a {
    background: #329898 none repeat scroll 0 0;
    color: #f9fafa;
    display: block;
    font-size: 1.3em;
    padding: 5px 10px;
}
.psfull {background: #ffffff;}
.psfull h1 {
    font-family: "Quasimoda",sans-serif;
    font-size: 38pt;
    font-weight: bold;
    margin-top: 15px;
 margin-bottom: 15px;
 text-align:center;
}
#index .recent-blogs{padding-bottom:70px;}
/****FOLLOW US ON FACEBOOK BTN******/
.facebook-btn{
	max-width:1200px;
	width:100%;
	margin:auto;
	padding:2px 7px 0;
	}
.facebook-btn a {
  background: #4267b2 none repeat scroll 0 0;
  clear: both;
  color: #f9fafa;
  display: block;
  margin-left: auto;
  max-width: 207px;
  padding: 2px 10px;
  font-family: "Quasimoda",sans-serif;
}
/****START NOW BTN******/

.go-btn > a {
  background: #329898 none repeat scroll 0 0;
  color: #f9fafa;
  display: block;
  font-family: "Quasimoda", sans-serif !important;
	padding: 18px 25px !important;
border-radius: 5px !important;
  font-size: 16px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  max-width: 100%;
  width: 182px;
}
.go-btn > a:hover{  background: #329898 none repeat scroll 0 0;}
.signup_btn a {
    background: #2c3e50 none repeat scroll 0 0;
    border-radius: 1px;
    color: #f9fafa !important;
    display: block;
    float: left;
    font-family: "Quasimoda",sans-serif;
    font-size: .8em;
    font-weight: bold;
    margin: -10px auto 20px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.signup_btn a:hover {  background: #2c3e50 none repeat scroll 0 0;
    }
.topheader {
    background: #ffffff none repeat scroll 0 0;

    float: left;
    padding-bottom: 15px;
    padding-top: 18px;
    position: fixed;
    top: 0;
    width: 100%;
	z-index:9999;
	box-shadow: 0px 3px 10px 3px rgba(0,0,0,.1);
}
table{background:white;}
table td{padding:22px}
.member_box.row.trainee_box > .row.my-supervisees-row {padding:10px 0px}
.project_radio.trainee-col-inner.vertical-column{border-right:1px solid white !important;padding-right:5px;}
.performance-evaluation table, .projects_table_content_areas{width:100%;margin-bottom:30px;}
.projects_form .row, table{width:100%; max-width:100% !important}

td{vertical-align: top;}
td.vertical-column{vertical-align: middle}

.performance-evaluation .trainee-col-inner, .projects_table_content_areas .trainee-col-inner{position: relative; background:white; background-clip: padding-box}
.performance-evaluation  tbody, .projects_table_content_areas tbody{border-left: 1px solid #c6cacd;border-right: 1px solid #c6cacd;border-bottom: 1px solid #c6cacd;}
.performance-evaluation  tr td:not(:last-of-type), .projects_table_content_areas  tr td:not(:last-of-type){border-right: 1px solid #c6cacd;}
.performance-evaluation  tr:not(:last-of-type), .projects_table_content_areas tr:not(:last-of-type){border-bottom: 1px solid #c6cacd;}
.performance-evaluation  thead, .projects_table_content_areas thead, .row.sup_header_row{background: #142139; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.row.sup_header_row *{color:white;padding:0px 10px;}
.performance-evaluation th, .projects_table_content_areas th{color: #f9fafa; font-family:'Quasimoda',sans-serif !important; font-weight: bold !important; text-transform:uppercase !important; text-align:center;  padding: 40px !important; font-size:0.8em}
th .check {top:25px;}

.row_ca p {font-weight: 500 !important;}
.sup_header_row [class*="col-lg-"] {min-height: 0px !important; padding-left: 0px !important;}
.my_sup_container {
    background: #f7f7f7 none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}
.supervisee_col {min-height: 0px !important; position:relative}
.supervisee_col p {}
.my-supervisees-row {
/*    border-bottom: 1px solid #ccc;*/
    padding-bottom: 10px;
    padding-top: 10px;
}
.my-supervisees-row{position:relative;}

.member_box.row.trainee_box p{padding-top:5px;}

#my-supervisees .sup_header_row p{display:block;}
#my-supervisees .sup_header_row p a i{padding-left:0px;}
#my-supervisees .my-supervisees-row > .supervisee_col:first-of-type
{padding-left:20px !important;}

#my-supervisees .sup_header_row > .supervisee_col:first-of-type
{padding-left:10px !important;}

/*
.my-supervisees-row:not(:last-of-type)::before{
	content: "";
position: absolute;
left: 1%;
bottom: 0;
height: 1px;
width: 98%;
	border-bottom: 1px solid #d0d5d9 !important;
}
*/
#supervisee-details i.fas.fa-eye {display:inline-block;}
#supervisee-details .accordion-section > div .row.row_ca_sub .col-lg-3.col-md-12:last-of-type .mbe_butt.btn-main a, #supervisee-details .accordion-section > div .row.row_ca_sub .col-lg-3.col-md-12:last-of-type button{width:170px; max-width:100%; display:block; margin:auto; padding:10px; text-align:center;}
#supervisee-details .accordion-section > div .row.row_ca_sub .offset-lg-2 ~ div ~ div ~ div.col-lg-3.col-md-12 div.mbe_butt.btn-main{margin-left:0px;}
#supervisee-details .accordion-section > div .row.row_ca_sub .col-lg-3.col-md-12:last-of-type .mbe_butt.btn-main {margin:5px 0;}
#supervisee-details .accordion-section > div .row.row_ca_sub .col-lg-3.col-md-12:last-of-type div.mbe_butt.btn-main {width:170px !important; max-width:100% !important;display:block; margin-left:auto; margin-right:auto;}
#supervisee-details .accordion-section > div .row.row_ca_sub .col-lg-3.col-md-12:last-of-type .mbe_butt.btn-main a{width:100%;}
#supervisee-details .accordion-section > div .row.row_ca_sub{padding:30px 0 !important;}
.btn-main:hover{cursor:pointer;}
.project-light-button-outer{text-align:center;margin-top:7px;}
.project-light-button-outer  button.mbe_butt.btn-main.btn-light{text-align:center;width:120px !important; max-width:100%}

.topheader_container {max-width: 1200px; margin-left: auto; margin-right: auto;}
.container_full {padding-top: 75px; padding-bottom: 50px;}
.login_container {
    float: right;
    margin-left: 10px;
    padding-top: 5px;
}
.login_btn {
    font-family: "Quasimoda",sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.login_btn a {
    background: #329898 none repeat scroll 0 0;
    color: #f9fafa;
    display: block;
    font-size: 0.8em;
    padding: 5px 10px;
}
.mmicon {
    background: #329898 none repeat scroll 0 0;
    border-radius: 30px;
    color: #f9fafa;
    font-size: 1.35em;
    height: 30px;
    padding-top: 7px;
    position: relative;
    text-align: center;
    width: 30px;
	margin-right: 5px;
}
.member-menu-button {
    font-family: "Roboto",sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
	margin-top:5px;
	margin-bottom: 5px;
	float: left;
	clear: both;
	color:#546786;
}
.member_menu_active div, .member_menu a:hover div{color:white;}

.mbc_left {padding-top: 15px;}
.mbc_right {padding-top: 30px;}
.mbc_right p{  font-family: "Roboto",sans-serif; font-weight: 400; margin-bottom: 0px; margin-top: 0px;}
.mbe_button {
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 10px;
    margin-top: 20px;
}
/*
#piechart {}

.mbe_button a{ background: #43a4bf none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #f9fafa !important;
    cursor: pointer;
    padding: 13px 30px;
    text-transform: uppercase;
	font-family: "Roboto",sans-serif;
	font-size: 13px;}


#upd_sub_but a{background-color: #f9fafa !important; color: black !important;}*/

.mbe_butt {background: #43a4bf; color: white; padding: 10px; border: 0px solid #000; border-radius: 3px; width: auto !important}
.mbe_butt:hover{ background: #43a4bf }

.overlay{
	position:fixed; 
	width: 100%; 
	height:100vh; 
	background-color: rgba(0,0,0,.5); 
	z-index:9999; 
	top:0; left:0;
}
.c_modal{
	display:block; 
	background: white; 
	padding: 20px; 
	width: 400px;
	max-width:90%;
	height: auto; 
	border-radius: 5px; 
	text-align: center; 
	position: relative;
	margin: auto;
}

/*
.c_modal button[value="Cancel"]{
	background-color: #ddd !important;
	color: black !important
}
*/
#add_modal, #edit_modal{
/*	margin: 7.5% auto;*/
    position: sticky!important;
    top: 200px;
    left: 37.5%;
}
#delete_modal, #complete_modal, #save_modal{
/*	margin: 15% auto;*/
    position: sticky!important;
    top: 400px;
    left: 37.5%;
}
#finalize_modal {
    position: sticky !important;
    top: 300px;
    left: 30%;
    width: 35% !important;
}

.c_modal ul{
    text-align: left;
    margin: 0% 5%;
}


.modal_x{
	border: 0px; 
	position: absolute; 
	top: 10px; right: 10px; 
	color: black;
    z-index: 9999 !important;
}


.currentsub {
/*    background: #f9fafa none repeat scroll 0 0;*/
	background: url("/images/fileman/member-home-gradient.jpg");
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    padding: 30px 20px !important;
    text-align: center;
	background-size:cover;
	
}
.currentsub h2 {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 1.2em;
    font-weight: 400;
/*	text-align: left !important;*/
}
.currentsub p {
	color: #fff;
/*	text-align: left !important;*/
}

.sub_paragraph{
	color: white;
	text-align: center;
	font-size: 20px;
}

.renew{
	margin: auto;
}

.supervisee-detail-row { background: #f9fafa none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;}

.sd_cat {padding-left: 16px !important; min-height: 0px !important}
.sd_date { min-height: 0px !important}
.sd_reprint { min-height: 0px !important}
.sd_checl { min-height: 0px !important}

/********** MEMBER QUICKLINK LEFT MENU **********/
ul.left_menu_quicklink  {
	margin-left: -3em;}
.left_menu_quicklink li
{
	/*background: #329898 none repeat scroll 0 0;
	border-bottom: 1px solid #ccc;*/
	color: #f9fafa !important;
	display: inline-block;

	padding: 10px;
	width: 100%;
	line-height: 1em;
}

.left_menu_quicklink li a
{
	color: #f9fafa;
}

/********** STEPS FORMS **********/

/*custom font*/
@font-face {
  font-family: Quasimoda Light;
  src: url("../fonts/quasimoda-light.otf");
}


.step_form_container 
{
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
	padding: 0;}

#member-login .step_form_container, 
#select-subscription .step_form_container, 
#member-forgot-password .step_form_container,
#member-reset-password .step_form_container
{
 
	background: url("/images/fileman/member-home-gradient.jpg");
	background-size: cover;
}
.bacbfooter {
    position: absolute;
    left: 0;
    bottom: 55px;
    height: 50px;
    width: 100%;
	background: #f9fafa;
}
.bacbfooter p {
    color: #000;
	font-size:9px;
    padding-top: 0px;
	margin-left:auto;
	margin-right:auto;
    text-align: center;
}
.bacbfooter a{color: #000;}

.stickyfooter {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    width: 100%;
	background: #329898;
}
.stickyfooter p {
    color: #f9fafa;
    padding-top: 8px;
    text-align: center;
}
.stickyfooter a{color: #f9fafa;}

/*form styles*/
#msform {
    height: 100%;
    margin: 0px auto;
    position: relative;
    text-align: center;
}
#msform fieldset {
	background: #f9fafa;
	border: 0 none;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,.1);
	-moz-box-shadow:    0px 0px 10px 3px rgba(0,0,0,.1);
	box-shadow:         0px 0px 10px 3px rgba(0,0,0,.1);
	padding: 20px 30px;

	overflow:hidden;
	box-sizing: border-box;
	width: 80%;
	/*stacking fieldsets above each other*/
	position: relative
;
}
.trainee-col-inner{position: relative;}
.trainee-col-inner label{width:100%; height:100%; position:absolute; z-index:99999; left: 0px; top:0}
.supervisee_col label{width:100%;height:50%; position:absolute; z-index:99999; left:0px; /*margin-top: -12%*/}
.FS_container {}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#msform input, #msform textarea, .trainee-col-inner input, .action-button.btn-grey{
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 13px;
}

#msform input[type="submit"] {
    line-height: inherit;
    text-shadow: none;
}
/*Radio Buttons*/

.step_form_radio ul li{

  display: block;
  position: relative;
  float: left;
  width: 100%;

}

.step_form_radio ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.step_form_radio ul li label{
  display: block;
  position: relative;
  font-weight: normal;
  font-size: 1em;
   padding: 6px 25px 0 55px;
  margin: 10px auto;
  height: auto;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
 font-family: 'Roboto', sans-serif;
 text-align:left;
}

.step_form_radio ul li:hover label{
	color: #000;
}

.step_form_radio ul li .check{
  display: block;
  position: absolute;
  border: 5px solid #e5e5e5;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 10px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.step_form_radio ul li:hover .check {
  border: 5px solid #43a4bf;
}

.step_form_radio ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 11px;
  width: 11px;
  top: 2px;
	left: 2px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.step_form_radio input[type=radio]:checked ~ .check {
  border: 5px solid #43a4bf;
}

.step_form_radio input[type=radio]:checked ~ .check::before{
  background: #43a4bf;
}

.step_form_radio input[type=radio]:checked ~ label{
  color: #000;
}

/*Checkbox Buttons*/

.step_form_check ul li{

  display: block;
  position: relative;
  float: left;
  width: 100%;
  padding: 5px;

}

.step_form_check ul li input[type=checkbox], .trainee-col-inner input[type=checkbox]{
  position: absolute;
  visibility: hidden;
}

.hidden-input{
	visibility: hidden;
	position: absolute;
}

.step_form_check ul li label{
  display: block;
  position: relative;
  font-weight: normal;
  font-size: 1em;
   padding: 4px 25px 0 55px;
  margin: 10px auto;
  height: auto;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
 font-family: 'Roboto', sans-serif;
 text-align:left;
}

.step_form_check ul li:hover label{
	color: #000;
}

.step_form_check ul li .check{
  display: block;
  position: absolute;
  border: 5px solid #e5e5e5;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 10px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.trainee-col-inner .check{  margin: auto;
    display: block !important;
    width: 25px;
    position: relative;
  border: 5px solid #e5e5e5;
  border-radius: 100%;
  height: 25px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
  
}
.supervisee_col .check{
	margin: auto;
    display: block !important;
    width: 25px;
    position: relative;
	
  	border: 5px solid #e5e5e5;
  	border-radius: 100%;
  	height: 25px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
	min-height: 25px !important;
	margin-top: -25px;
}

.step_form_check ul li:hover .check, .trainee-col-inner:hover .check {
  border: 5px solid #43a4bf;
}

.step_form_check ul li .check::before, .trainee-col-inner .check::before, .checkmark::before, .check::before {
  display: block;
  position: absolute;
	font-family: "Font Awesome 5 Free";
content: "\f00c";
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
font-size: 14px;
left: 0px;
top: -4px;
color: white;
  border-radius: 100%;
  height: 11px;
  width: 11px;

  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
	z-index:9999;
}
.checkmark::before{
	
	left: 5px !important;
	top: 0px !important;
	
}


.step_form_check input[type=checkbox]:checked ~ .check,
.trainee-col-inner input[type=checkbox]:checked ~ .check,
.supervisee_col input[type=checkbox]:checked ~ .check,
.step_form_check input[type=radio]:checked ~ .check,
.trainee-col-inner input[type=radio]:checked ~ .check,
.supervisee_col input[type=radio]:checked ~ .check,
.vertical-column input[type="radio"]:checked ~ .check,
.step_form_radio input[type="radio"]:checked ~ .check
{
	background:#43a4bf;
	border:5px solid #43a4bf;
  font-family: "Font Awesome 5 Free" !important;
   content: "\f111";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
}

.step_form_check input[type=checkbox]:checked ~ .check::before, .step_form_radio input[type="radio"]:checked ~ .check::before {
   font-family: "Font Awesome 5 Free";
      content: "\f00c";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
   font-size: 14px;
left: 0px;
    top: -4px;
    color: white;

}



.step_form_check input[type=checkbox]:checked ~ label{
  color: #43a4bf;
}




/*buttons*/
#msform .action-button:hover,.mbe_button a:hover {background: #43a4bf;}
#msform .action-button,.mbe_button  {
/*
	
	background: #43a4bf;
	text-transform: uppercase;
	color: #f9fafa;
	border: 0 none;
	border-radius: 5%;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;width: 100px;
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,.05);*/
	
color: #ffffff;
background: #2b859b;
border-radius: 5px;
font-weight: bold;
	border:0px !important;

}
dl, ol, ul{font-size:16px}
.recently-visited-forms, .visited-forms dl,.visited-forms  ol,.visited-forms  ul{font-size:0.875em}
#msform .action-button, .gggg {

	padding: 10px 25px;}

.previous.action-button{
	background: #2c3e50 !important;
	color: #ffffff;
border-radius: 5px;
font-weight: bold;
	border:0px !important;
}
/*
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px #f9fafa, 0 0 0 3px #27AE60;
}
*/
/*headings*/
.fs-title {
    color: #2c3e50;
    font-family: "Roboto",sans-serif;
    font-size: 1.5em !important;
    font-weight: normal;
    margin-bottom: 10px;
/*    text-transform: uppercase;*/
}
.fs-subtitle {
	font-weight: normal;
	font-size: 1.3em !important;
	color: #666;
	margin-bottom: 20px;
	font-family: "Roboto",sans-serif;
}

.step_form_review li {font-family: "Roboto",sans-serif; text-align:left;}

/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	padding: 0px;
	width:80%;
}
#progressbar li {
	list-style-type: none;
	color: #000;
	text-transform: uppercase;
	font-size:12px;
	width: 25%;
	float: left;
	position: relative;
	font-family: 'Roboto', sans-serif;
}
#progressbar li::before {
    background: #f9fafa none repeat scroll 0 0;
    border-radius: 20px;
    color: #43a4bf;
    content: counter(step, decimal);
    counter-increment: step;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 20px;
    left: 0;
    line-height: 32px;
    margin: 0 auto 5px;
    position: relative;
    width: 36px;
    z-index: 3;
}
/*progressbar connectors*/
#progressbar li::after {
    background: #f9fafa none repeat scroll 0 0;
    content: "";
    height: 4px;
    left: -50%;
    position: absolute;
    top: 14px;
    width: 100%;
    z-index: 0;
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #43a4bf;
	color: #f9fafa;
}

#progressbar li:before {
	border: 2px solid #43a4bf !important;
}

li[class='active'] + li:not([class='active'])::after{
	background: linear-gradient(90deg, #43a4bf, #C5E2Eb) !important;
}

li[class='active'] + li:not([class='active']) + li::after{
	background: linear-gradient(90deg, #c5e2eb, #fff) !important;
}


.style_select select {
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #2c3e50;
    cursor: pointer;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-left: 15px;
    padding-top: 0;
    width: 100%;
	 -webkit-appearance: none;
   appearance:none;
   -moz-appearance: none;
   background-image:url(../images/fileman/down_arrow_drop.png);
   background-repeat:no-repeat;
   background-position:right center;

}

.style_select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.style_select select option {padding: 15px;outline: none;}
.style_select select option:focus {background: #e5e5e5}

/*MAIN*/
#container_outer {
    background-image: none !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-top: 20px;
    width: 100%;
}
#container_inner {background-color:#f9fafa; width: 1024px; margin-left:auto; margin-right:auto; padding:0px; -webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 0px 13px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 0px 13px 0px rgba(50, 50, 50, 0.4); overflow: hidden; margin-top: 10px; margin-bottom: 20px;}
.topheadercontainer {max-width: 1024px; width:80%; margin-left: auto; margin-right: auto;}
.logocontainer_content {width: 1024px; margin-left: auto; margin-right: auto;}
.logogourmet_content {}

.hometopheader {max-width: 1024px !important; padding: 10px;}

h1.heading-3 {
    clear: both;
    color: #000;
    float: right;
    font-family: arial;

    font-style: italic;
    line-height: 1.3em;
    text-align: center;
    text-transform: none;
    width: auto;
	margin-top: 0px;
}

h1.heading-3 a {color: #000; font-weight:bold;}
h1.heading-3 a:hover {color: #9cabf8;}

.mobilephone {display:none;}
.desktopphone {}

.button:active, a.button:active {box-shadow:none;}
.link-button:active, button:active, input[type="submit"]:active {border: none;}

#container_outer1 { background-color: #f9fafa;
 background-image: none;
    margin: -10px auto auto;
    width: 100%;}

/* HOME CONTENT */
.home_box {background-color: rgba(255,255,255,0.8); border-radius:10px; border:solid 1px #d9d9d9; margin:0.5% ; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);}

/*FOOTER*/
#footer_container {width: 100%; background-image:url(../images/html/Image/theme/diamond-plate.jpg); background-repeat:repeat; height: 100%; float:left; -webkit-box-shadow: 0px -2px 8px 0px rgba(50, 50, 50, 0.86);
-moz-box-shadow:    0px -2px 8px 0px rgba(50, 50, 50, 0.86);
box-shadow:         0px -2px 8px 0px rgba(50, 50, 50, 0.86);}
#footer_container2 {background-color: #f9fafa;
    background-repeat: repeat;
    box-shadow: 0 -2px 8px 0 rgba(50, 50, 50, 0.86);
    float: none;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    width: 80%;}
#footer_inner{ width: 80%; margin-left:auto; margin-right:auto; padding-bottom: 20px; max-width: 1024px; }
#footer_inner2{ width:96%; margin-left:auto; margin-right:auto; padding-bottom: 20px; max-width: 1024px; }
/*** copied from coffeegrinder.css columns in the footer*/
.row .coffee-377-span-12, .row .coffee-694-span-12 { display:block; background-color:#f9fafa; height:auto; }

.footer-row p, .footer-row li a{font-size:.8em; color:#000; margin-top: -5px;}
.footer-row li a:hover{color:#00CCFF;}

.bottomfooter {width: 80%; max-width: 1024px; background-color:#0CF;}
#copyright p {text-align:right}

.footerrow {max-width: 1024px !important;}

.hometext {max-width: 1024px; margin-left: auto; margin-right: auto;}
.homeboxes{max-width: 1024px; margin-left: auto; margin-right: auto;}

.prod_detail_image .mainimage, .prod_detail_left .mainimage {
    border: 1px solid #ccc;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.41);

}


/*Social*/
#social {float: left;  width: 100%; margin-bottom: 20px; background-image:url(../images/html/Image/background.png); background-repeat:repeat; }
#socialinner {margin-top: 10px; margin-bottom: 10px; float: left; width:308px;}

/*SITEMAP*/
.sitemap_list ul{}
.sitemap_list li{}


h1 {
    color: #000;
    font-family: 'DM Serif Text', serif !important;

    font-weight: 400;
    letter-spacing: normal;
	margin-top: 20px;
	text-align: left;
}


.account {float:right; width:358px; margin-top: 5px;}

.account a {
	-moz-box-shadow:inset 0px 1px 0px 0px #f9fafa;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9fafa;
	box-shadow:inset 0px 1px 0px 0px #f9fafa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:4px 19px;
	text-decoration:none;
	text-shadow:0px 1px 0px #f9fafa;
}
.account a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.account a:active {
	position:relative;
	top:1px;
}

.view_print_add a {
    background: #329898 none repeat scroll 0 0;
    color: #f9fafa;
    display: block;
    font-family: "Quasimoda",sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
}


/* Text Elements */
.top-txt {
  color: #329898;
  font-weight: bold;
}

h4.heading-1 {
  text-align: center;
  font-size: 25px;
  font-family: 'Quasimoda', sans-serif;
}

h5.image-callout {
  color: #f57e00;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  font-family: 'Quasimoda', sans-serif;
}

h6.heading-2 {
  color: #00CCFF;
  text-align: left;
  font-size: 16px;
  font-family: 'Quasimoda', sans-serif;
}

p.paragraph.reason-text {
  margin-right: auto;
  margin-left: auto;
  width: 80%;
  text-align: center;
}


p.paragraph.paragraph-1 {
  color: #5c5c5c;
  text-align: right;
  font-family: Georgia, Times, 'Times New Roman', serif;
  line-height: 1.4;
}

.bottom_home1 p {font-size: .8em;  }
.bottom_home1 h2 {}

span.text-element.text-1 {
  text-align: right;
}

a.link-text.nav-link {
  display: block;
  float: right;
  margin-right: 3%;
  margin-left: 3%;
  width: auto;
  font-size: 20px;
}

/* Image Elements */
.about-img {
  float: left;
  max-width: 200px;
  margin-right: 10px;
}

img.image-1-1.image-1 {
  display: block;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 155px;
}

img.image-4-3.main-image {
  display: block;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1024px;
}

/* Interaction Elements */

button[type=button].action-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  width: auto;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Quasimoda', sans-serif;
}

/* Layout Elements */



body > .row.reasoning-row {
  margin-top: 40px;
}

body > .row.action-row {
  margin-top: 20px;
}

body > .row.footer-row {
  margin-top: 50px;
  background-color: #f9fafa;
}


.cc-map-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}
.cc-map-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.bottom_home1 {width: auto; margin-left: 0px; margin-right: 0px; float: none; background: #83a9d9!important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRlMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;
	background: -moz-linear-gradient(top, #83a9d9 0%, #6385b0 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83a9d9), color-stop(100%,#6385b0))!important;
	background: -webkit-linear-gradient(top, #83a9d9 0%,#6385b0 100%)!important;
	background: -o-linear-gradient(top, #83a9d9 0%,#6385b0 100%)!important;
	background: -ms-linear-gradient(top, #83a9d9 0%,#6385b0 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83a9d9', endColorstr='#6385b0',GradientType=0 )!important;}
.seemore {padding-bottom: 17px;}

.seemore a {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#f9fafa;
	font-family:arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.seemore a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.seemore a:active {
	position:relative;
	top:1px;
}



#wowslider-container1 {margin-top: 10px !important; z-index: 1 !important;}

ul.topnav {width:119%; margin-left: -20px;}
#nav {width:100%; height: auto; border-radius: 10px; background-color:#f9fafa;}

#sidenav {width: 100%; margin: 0px; margin-top: 10px;}

.sf-vertical, .sf-vertical ul {width: 100%; margin: 0px; margin-top: 10px;}
.sf-vertical, .sf-vertical li {width: 100%}
.menu-menu li.first {border-radius: 0px;background:none}
.menu-menu li li {background: none}
.menu-menu li {background:none}

.menu-menu {padding-left: 10px; padding-top: 10px;}
.menu-menu a, .menu-menu a:visited {color: #000099; font-family:Arial, Helvetica, sans-serif; font-size: .6em; line-height: .7em;}
.menu-menu a:hover {color:#3CF}

 .menu-menu li li a:hover {color:#3CF !important}

.footerspace a, .footerspace p {color:#f9fafa;}

.phone {font-size: 1.1em; margin: 0px;}

.logocontainer {
    float: left;
width:250px;
	max-width:100%;
    padding-left: 8px;
}
.tophead_right {
    float: right;
    padding-top: 2px;
	padding-right: 8px;
}
.bacblogo {
    float: right;
    margin-right: 10px;
    max-width: 43px;
}
.account {width: auto}

.searchbox {float:right; clear: both; width: auto; margin-top: -10px;}
.searchbox input[type="text"] {float:right; background-image:url(../images/html/Image/search.png); background-position:left; background-repeat:no-repeat; padding-left: 25px; margin-top: 0px;}



.continue {
    border: 0 none;
    float: left;
    font-size: 0.8em;
    margin-bottom: 0;
    margin-top: 7px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: center !important;
    width: 120px;
}

.updatebtn {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#f9fafa;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
	width: 130px;
	float: left;
}
.updatebtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.updatebtn:active {
	position:relative;
	top:1px;
}

/* Basic FAQ */
.accordion, .accordion * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);

	background:#f7f7f7;
}
.accordion-section-title, #members-faqs .ui-accordion-header {
    background: #2c3e50 none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    color: #f9fafa !important;
    display: inline-block;
    font-family: "Quasimoda",sans-serif;
	text-transform: uppercase;
	font-weight: bold;
    font-size: .9em;
    padding: 10px;

    transition: all 0.15s linear 0s;
    width: 100%;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover
{border:1px solid #cccccc !important;}

#members-faqs .ui-accordion-header-icon{display:none;}
.accordion-section-title.active, .accordion-section-title:hover, #members-faqs .ui-accordion-header:hover, #members-faqs .ui-accordion-header-active {
	background:#43a4bf;
	text-decoration:none;
}
.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}
.accordion-section-content {
	padding:15px;
	display:none;
}

.percent_complete_ca {float: right;}
.col_ca {}
.row_ca {
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.row_ca_sub {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.row_ca [class*="col-lg-"] {min-height: 0px !important;}

.row_ca_sub:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}

	input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] {
/*    font-family: arial;*/
/*    font-size: 0.8em;*/
/*    line-height: 1.4;*/
/*    margin-top: 7px;*/
/*    padding: 2px 4px;*/
    width:100%;
}
input[type="email"]:focus , input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="text"]:focus {box-shadow: none; border: 1px solid #ffffff;}
#form-topheader ~ div >.header.row{width:100%;}

.supervisee_col a {  color: #000;}
.supervisee_col a:hover {color: #43a4bf;}
i.fas.fa-eye{display: none;}
a:hover i.fas.fa-eye{display: inline-block;}

.supervisee_col_btn a {
    background: #43a4bf none repeat scroll 0 0;
    color: #f9fafa;
    display: block;
    font-family: "Quasimoda",sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
	border-radius: 3px;
}
.supervisee_col_btn a:hover {color: white;}

.new_project a {
	background: #fff !important;
	border: 1px solid #43a4bf !important;
	color: #43a4bf !important;
}

.supervisee_col .fa-pie-chart {
    color: #329898;
    font-size: 1.2em;
    left: 10px;
    position: relative;
    top: 1px;
}

.navcontainer {
    float: right;
    width: auto;
}
.navstrip {	background: #c64900!important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2NDkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZTNhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;
	background: -moz-linear-gradient(top, #c64900 0%, #9e3a00 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c64900), color-stop(100%,#9e3a00))!important;
	background: -webkit-linear-gradient(top, #c64900 0%,#9e3a00 100%)!important;
	background: -o-linear-gradient(top, #c64900 0%,#9e3a00 100%)!important;
	background: -ms-linear-gradient(top, #c64900 0%,#9e3a00 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c64900', endColorstr='#9e3a00',GradientType=0 )!important; width: 100%}

	.menu-menu li ul {display: block; margin-top: 0px; margin-left: 10px; font-size: .8em;}
	.menu-menu ul {position: static}
	.menu-menu li li a, .menu-menu li li a:visited {color: #000099}

	#content {width: 100%; padding: 20px; margin-top:0px; background: #e5e5e5}
	.homecontent {min-height: 570px !important}
	.category_list_boxes {margin: 0px; width: 100%}

	.category_list_boxes li h3 {
    background-color: #f9f9f9;
    border-radius: 0;
    display: table-cell;
    height: 50px;
    padding: 5px;
    vertical-align: middle;
    width: 150px;
}
.category_list_boxes li h3 a {
    color: #000;
    font-family: arial;
    font-size: 0.9em;
    font-style: italic;
}

	.prod_result_boxes {width: 100% !important; margin: 0px;}
.prod_result_boxes li h3 {
    color: #000;
    font-family: arial;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
    width: 90%;
}
.prodimgborder {width: 100%; margin-left: 0px; }
.product_price_button a {color: #f9fafa}


.product_price_button {color: #f9fafa !important}
.account a {color: #777777}

ul li a {padding: 0px;}

.prod_detail_left {width: 48%; height: auto;}
.prod_detail_right {width: 50%}
.prod_detail_right h1 {width: 100%; margin-bottom: 10px;}

.cart_heading {
    background-color: #f9f9f9;
    border-right: 3px solid #f9fafa;
    color: #000;
    font-family: arial;
    font-size: 0.9em;
    text-align: center;
}

.cart_desc {
    color: #666666;
    float: left;
    font-family: arial;
    font-size: 0.9em;
    width: auto;
}
/*.memregleft {}*/
.memregleft .form_addsupbox {
    max-width: none;
}
.memregright {}
.memregright h1{   font-family: "Quasimoda",sans-serif;
    font-size: 2.2em;
    font-weight: bold;
	text-align: center;
}
.memregright p {
    font-size: 0.9em;
    margin-bottom: 15px;
    margin-top: 15px;
}
.signup-list {
    background-image: url("/images/fileman/signup_check.png");
    background-repeat: no-repeat;
    background-size: 40px auto;
    padding-left: 65px;
    padding-right: 20px;
	   min-height: 65px;
}

.feedback-complete-box{
	display: block;
	width: 50%;
	margin: auto;
	text-align: center;
}


@media screen and (min-width:1631px){
	#register1_form{position: absolute;
top: 135px;
width: 595px;
/*right: 250px;*/
	}}
#register1_form{border: 1px solid #eee;
	border-radius: 5px;
	padding: 20px;
	background:white;
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,.05);}

#member-login .step_form_container > p:last-of-type,
#select-subscription .step_form_container > p:last-of-type
{margin:0px;}

.button:hover {color: #f9fafa}

.category_list_boxes {padding-top: 20px;}

.category_list_boxes a:hover {border: 0px solid #ccc}

.category_list_boxes li h3 a:hover {border: 0px solid #000; color: #000;}


.category_list_boxes li {margin-left: 10px; margin-right: 10px; max-width: 150px; min-height: 100px; border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.41);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.41);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.41);}
.catimgborder {width: auto;}

.catimgborder {border-radius: 0px; border: 0px solid #ccc}

.category_list_boxes img {
    height: auto;
    margin-bottom: 0;
    margin-top: 0;
    padding: 5px;
    width: 100%;
}
.pay_radio {list-style:none;}

.form_billingarea {width:100%}
.form_shippingarea {width: 100%}
.form_messagearea {width: 100%}

.sform h2 {background: none; box-shadow:none; color: #000; 
	margin-bottom: 30px;
    margin-left: 0px;
    text-decoration: none;
	padding: 0px !important;
	font-family:'Roboto',sans-serif; text-align:center;  font-weight:400;
	height: auto;
}
.rform h2 {background: none; box-shadow:none; color: #000; margin-bottom: 15px;
    margin-left: 0px;
    text-decoration: none;
	padding: 0px;
	font-family:'Roboto',sans-serif; text-align:center; text-transform:uppercase; font-weight:400;
}
#loginform, #forgotpass_form, #resetpass_form {
    margin-left: auto;
    margin-right: auto;
    max-width: 420px;
	padding-top: 75px;margin-top:0px; margin-bottom:0px;
}
.form_loginbox, .form_forgotpass, .form_password_reset {border-radius:15px;width: 100%; margin: 5% auto; background-color: #f9fafa; -webkit-box-shadow: 0px 0px 15px #6c6e7745;;
-moz-box-shadow:  0px 0px 15px #6c6e7745;
box-shadow:  0px 0px 15px #6c6e7745;;   border: none; padding: 30px 60px; position: relative;}
form#resetpass_form ~ p{display:none;}

#sub_back{
	text-align: center;
	width:50%;
	margin: auto;
	display: block;
	line-height: 400%;
}
html .sform .submit{border:0px !important;}
.msg_success, .msg_success_sform{background:white !important; }

.sform .form_password_reset h2, .sform .form_forgotpass h2{ margin-bottom:30px;}

.sform .form_password_reset > p:last-of-type, .sform .form_forgotpass > p:last-of-type
{text-align:center; position:relative; top:15px;z-index:1;}

.sform .form_password_reset input,
.sform .form_forgotpass input,
.sform .form_password_reset button{position: relative;z-index:2;}

.sform .form_password_reset button{border-radius:5px;}

/*
.form_addsupbox {width: 100%; margin-top:10px; background-color: #f9fafa; min-height: 145px;-webkit-box-shadow: 0px 0px 15px #6c6e7745;;
-moz-box-shadow:0px 0px 15px #6c6e7745;;
box-shadow: 0px 0px 15px #6c6e7745;;  border-radius: 15px; border: none; padding: 20px 30px; position: relative; max-width: 100%; margin-left: auto; margin-right: auto;}
*/
.form_addsupbox label { color: #444444;
    font-family: "Quasimoda",sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    width: 100%;}
.form_addsupbox input[type="text"], .form_addsupbox input[type="file"], .form_addsupbox input[type="password"],  .form_addsupbox select {
    background: #f1f8f8 none repeat scroll 0 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #2c3e50;
    font-family: "Quasimoda",sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 15px;
    width: 100%;
	border:0px; box-shadow:none;
}

.form_addsupbox > .row:not(:nth-of-type(3)){margin-bottom:30px !important;}


.formstar{color:#429cc6 !important;}
.form_addsupbox input:focus-visible,
.form_addsupbox select:focus-visible,
.form_addsupbox select:focus
{outline: 2px solid #429cc6 !important; background:#f9fafa !important;}
.form_addsupbox select {margin-top: 7px; cursor: pointer;}
.form_addsupbox .submit {
color: white;
background: #43a4bf;
border-radius: 5px;
font-weight: 700;
font-style: normal;
letter-spacing: .5px;
padding: 18px 28px;
font-size: 1rem;
border: 2px solid #43a4bf;
box-shadow: none;
text-shadow: none;
text-transform: uppercase;
	margin: auto;
	display: block;
}
.form_addsupbox .submit:hover {
    background: #2b859b;
	border: 2px solid #2b859b;
}
.form_addsupbox h2 {
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #000;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    margin-left: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.form_registerbox {width: 100%; margin-top:10px; margin-left: 0px;background-color: #f9f9f9; min-height: 145px;}
.form_loginbox label {width: 100px;}
.form_registerbox p {text-align:left}

.sform {margin: 0px; clear: both;}
/*.sform .blank_title {display: none}*/
.sform .checkb {margin-top: 3px; margin-left: -5px;}
.sform .blank_field {width: 134px;}
.sform select {width: 300px;}
.sform textarea {width: 300px}
.sform label {
    color: #666;
    font-family: "Quasimoda",sans-serif;
    font-size: 0.9em;
    font-weight: normal;
	width: 100%;
	margin-bottom: 0px;
}
.sform select {
border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #2c3e50;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 15px;
    width: 100%;
	background: #f9fafa;
	cursor: pointer;
	margin-top: 10px;
}
.sform input[type="text"], .sform input[type="file"], .sform input[type="password"] {

    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #2c3e50;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 15px;
    width: 100%;
	background: #f9fafa;

}
.sform input[type="text"]:focus, .sform input[type="password"]:focus {border: 1px solid #43a4bf}
.sform .submit {
    background: #2b859b none repeat scroll 0 0;
    border-radius: 1px;
    color: white;
    display: block;
    float: left;
    font-family: "Quasimoda",sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    margin: 10px auto 5px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.sform .submit:hover {background: #43a4bf none repeat scroll 0 0;}

	.sbuconf_container {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    padding: 20px;
}
.sbuconf_container input[type="submit"] { background: #2b859b none repeat scroll 0 0;
    border-radius: 1px;
    color: #f9fafa;
    display: block;
    float: left;
    font-family: "Quasimoda",sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    margin: 10px auto 5px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;}
.sbuconf_container input[type="submit"]:hover {background: #43a4bf none repeat scroll 0 0;}
.change_user_info {  background: #f9fafa none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    padding-top: 10px !important;
    text-align: center;
	padding: 20px;  margin-left: auto;
    margin-right: auto;
    max-width: 400px;}
	.change_user_info label, .change_user_info input[type="submit"] {float: none !important}
#mem_password {}
.rform {margin: 0px; clear: both;}
/*.sform .blank_title {display: none}*/
.rform .checkb {margin-top: 6px; margin-left: -5px;}
.rform .blank_field {width: 150px; margin-top: -7px; height: 38px;}
.rform select {width: 300px;}
.rform textarea {width: 300px}
.rform label {
    font-family: arial;
    font-size: 0.8em;
    font-weight: normal;

}
.rform select {
    background: none repeat scroll 0 0 #f9fafa;
    border: 1px solid #ccc;
    color: #781351;
    float: left;
    font-family: arial;
    font-size: 0.7em;
    line-height: 1em;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 300px;
	cursor: pointer;
}
.rform input[type="text"], .rform input[type="file"], .rform input[type="password"] {
    background: none repeat scroll 0 0 #f9fafa;
    border: 1px solid #ccc;
    clear: none;
    color: #781351;
    float: left;
    margin-left: 0;
	margin-top: 0px;
    margin-bottom: 10px;
	line-height: 1.2em;

}
.rform input[type="text"]:focus, .sform input[type="password"]:focus {border: 1px solid #329898}
.rform .submit {width: 120px; margin: 0px; clear: both;}

.blank_field p { margin-top: 2px;}
.space15 {padding-top: 0px;}

.signupformheader {

    float: left;
    padding-bottom: 30px !important;
    padding-left: 0 !important;
    padding-top: 7px !important;
    width: 100%;
}

.billingdetailscontainer {background-color: #f9f9f9; border: 1px solid #ccc; padding-top: 8px; padding-bottom: 8px;  margin-right: 5px; margin-left: 5px; max-width: 482px}
.logindetailscontainer { background-color: #f9f9f9; border: 1px solid #ccc; padding-top: 8px; padding-bottom: 8px;  margin-right: 5px; margin-left: 5px; max-width: 482px}

.backandplace {padding-top: 10px;}

.msg_errors, .msg_errors_sform {
    background-color: #990000;
    border: 1px solid #ff0000;
    color: #000000;
    height: auto;
    list-style-type: none;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 10px;
    width: 99%;}

.cart_image {
    color: #56a39c;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 0;
    margin-right: 10px;
    width: 45px;
}

.product_summary_list li {list-style: none; font-family: Arial, Helvetica, sans-serif; text-align: left; float: left;}

.product_summary .figure {
    color: #000;
    font-family: arial;
    font-size: 0.9em;
    width: 50%;
	text-align:right;
}

.paymentoptions {text-align: left; font-size: 1em}
.pay_radio {
    float: left;
    font-family: arial;
    font-size: 0.9em;
    list-style: outside none none;
    text-align: left;
    width: 85px;
}
.pay_title {
    float: right;
    padding-top: 2px;
}
.payselect {
    float: left;
    font-size: 0.7em;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 0;
}

.member_menu { padding:20px 0;}
.member_menu > *{ padding-left: 20px; padding-right:20px;}
.member_menu a {color: #000}
.member_menu a:hover {color: #329898;}
.member_menu .col-lg-3 {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    color: #000;
    font-family: arial;
    font-size: 0.8em;
    margin-left: 5px;
    margin-right: 5px;
    min-height: 0 !important;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 18.9% !important;
}

.msg_success, .msg_success_sform {
    background-color: #2dabf9;
    border: 1px solid #00F;
    color: #000000;
    list-style-type: none;
    margin-right: 0;
    padding: 10px;
    width: 99%;
}

.msg_success_sform li {font-family: Arial, Helvetica, sans-serif; color: #f9fafa;}

.makepayment {float:left; clear: both; border: none !important;}

#payment_form {width: 99%;}

.cart_subtitle {margin-left:0px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration:none;   border-bottom: 2px dotted #000 !important;   border-top: 2px dotted #000 !important; font-weight: lighter; width: 100%; margin-bottom: 10px; text-align:left;}
.cart_summary {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-left: 5px;
   min-height: 175px !important;
    padding-top: 10px;
    width: 49% !important;
	margin-bottom: 3px;
}
.product_summary {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-left: 10px;
    min-height: 175px !important;
    padding-top: 10px;
    width: 49% !important;
	margin-bottom: 3px;
}
.product_summary .title {
    color: #000;
    font-family: arial;
    font-size: 0.9em;
    margin-left: 0;
    width: 50%;
}
.cart_summary .title {
    color: #000;
    font-family: arial;
    font-size: 0.9em;
    margin-left: 0;
    width: 50%;
}

.cart_summary ul {width: 100%; margin-left:0px; margin-top: 10px;}
.cart_summary .figure {
    color: #000;
    font-family: arial;
    font-size: 0.9em;
    width: 50%;
}
.cart_summary .total	{background:none; border-top: 1px solid #ccc; font-weight: bold;}
.cart_summary .padtotal{ font-weight: bold;}

ul.topnav ul {top:43px; border: 0px solid #000}

.cart_option_select1 {
    cursor: pointer;
    font-family: arial;
    font-size: 0.8em;
    line-height: 1em;
    padding-bottom: 3px;
    padding-top: 3px;
}

ul.topnav li {text-align: left}


b, strong {font-weight:bold}

.freesamples {margin-top: 200px; float: none;}

#footer {
	 box-shadow: 0 8px 13px 0 rgba(50, 50, 50, 0.4);
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;

    width: 100%;

	background-color: #000;

}

.footericon {width: 25px; float: left; margin-right: 3px;}

.leftalignimage {float: left; width: 25%}
.rightaligntext {float: right; width: 75%}
.footerspace {margin-top: 10px; height: 100px; }

.creditcards {margin-left: auto; margin-right: auto; width: 171px;}

.footerspace p {font-family: arial; font-size: .8em; margin-top: 0px; text-align:left}

.homeslider {background-color:#e6e5e5;}

.featurepic {
    border: 1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    width: 240px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.41);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.41);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.41);
}
.featurecol h1 {
    color: #000;
    font-family: arial;
    text-align: center;
    text-transform: none;
}
.prod_result_boxes img {width: 100%; margin: 0px; }
.prod_result_boxes li {
    background-color: #f9fafa;
    border: 1px solid #ccc;
    color: #000;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    list-style-type: none;
    margin: 0 0 25px;
    min-height: 0px;
    padding: 0 0 15px;
    text-align: center;
    width: 150px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.41);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.41);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.41);
margin-right: 20px;
}

.prod_result_boxes li span {
	-moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
	-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#f9fafa;
	font-family:arial;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.prod_result_boxes li span:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
}
.prod_result_boxes li span:active {
	position:relative;
	top:1px;
}

.promobutton input[type="submit"] {}
.add2, .cart_continue, .ckout, .promobutton input[type="submit"], .cart_qtybutton input[type="submit"]{
	-moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
	-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#f9fafa;
	font-family:arial;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	width: auto;
}
.add2:hover, .cart_continue:hover, .ckout:hover, .promobutton input[type="submit"]:hover, .cart_qtybutton input[type="submit"]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
}
.add2:active, .cart_continue:active, .ckout:active, .promobutton input[type="submit"]:active, .cart_qtybutton input[type="submit"]:active {
	position:relative;
	top:1px;
}

.prod_description p {font-size: .8em;}
.cart_option_box {width: 100%; float: left;}
.cart_option_label {float: left; font-family: Arial, Helvetica, sans-serif; font-size: .8em;}
.prod_detail_price {
    color: #cc9900;
    float: left;
    font-family: arial;
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
    margin: 5px 0 0;
    text-align: left;
}

.cart_footer_text {
    float: right;
    font-family: arial;
    font-size: 0.8em;
    font-style: italic;
    margin-top: 10px;
}

.forgotpass, .signup {
    float: left;
    margin-bottom: 0;
    margin-top: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
	padding-bottom: 0px; padding-top: 0px;
}
.forgotpass a, .signup a, .backtologin a {color: #43a4bf;}
.backtologin {text-align: center;}


.msg_success li {font-family:Arial, Helvetica, sans-serif}

.promocontainer {float: left;}
.promodesc {float: left;}
.promoinput {float: left;}
.promoinput input[type="promo"] {
    font-family: arial;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 7px;
	border: 1px solid #ccc;
}
.promoinput input[type="promo"]:focus { border: 1px solid #2dabf9;}
.promobutton {float:left;}
.promobutton input[type="submit"] {
    font-size: 0.8em;
    margin-left: 0;
    margin-top: 6px;
    padding-bottom: 6px;
    padding-top: 6px;
}
.promoerror {
    color: #F00;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    font-style: italic;
    padding-left: 3px;
    padding-top: 7px;
}

.cart_qtybutton {width: auto;}

.shopcarttable {border-bottom: 1px solid #ccc;}
.cart_desc a {color: #000 }
.itemprice {font-family: Arial, Helvetica, sans-serif; font-size: .9em}
.totalprice {font-family: Arial, Helvetica, sans-serif; font-size: .9em}
.cart_totallabel {font-size: .8em; font-family:Arial, Helvetica, sans-serif;}
#subtotal {font-size: .6em; font-family:Arial, Helvetica, sans-serif;}

.cartmoney_sub {margin: 0px; padding: 0px; font-size: 1em;}
.cartmoney_tax {margin: 0px; padding: 0px; color: #999; font-size: .6em}
.cartmoney_ship {margin: 0px; padding: 0px; color: #999; font-size: .6em}
.cartmoney_grand {
    color: #cc9900;
    font-size: 0.6em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
#but_continueshopping {
    float: right;
    margin-left: 10px;
}
.extrashoptable td {padding: 5px;}

.last {border-bottom: 1px solid #000;}

.msg_errors_sform li {font-family: arial; font-style:italic; color: #f9fafa;}
.msg_errors li {font-family: arial; font-style:italic; color: #f9fafa;}
.msg_title {font-family:Arial, Helvetica, sans-serif; font-style:normal !important;}

.memberscontainer {float:right; clear:both;}
.members_inner {
    float: right;
    margin-right: -15px;
    margin-top: 0px;
}
.subform {max-width: 460px; margin: 5% auto;}
.mycart {float:left;}
.myaccount {float: left;}
.myaccount .fa-user {float:left; padding-top: 3px}
.mycart .fa-shopping-cart {float:left;  padding-top: 3px}
.mycart p, .myaccount p {
    color: #000;
    float: left;
    font-style: italic;
    margin-left: 5px;
    margin-right: 15px;
    margin-top: 0;
}
.memberscontainer_content {margin-right: -25px; float:right;}

.sform .blank_title {font-family: Arial, Helvetica, sans-serif;}

.logindetails {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    float: left;
    margin-left: 5px;
    padding: 10px;
    width: 98.5%;
}

.member_tablehead {
    font-family: arial;
    font-size: 0.8em;
    font-style: italic;
    text-align: left;
    text-decoration: underline;
    width: 20% !important;
}

.orderlist {width: 99%;}

.memdetails {min-height: 445px !important;}

.breadcrumb {
    font-family: arial;
    font-size: 0.8em;
    font-style: italic;
    margin-bottom: 10px;
    margin-top: -25px;
    padding: 0;
    text-align: left;
}

.shopmainimg {width: 100%; max-width: 300px;}
.shopthumbimg {width: 25%; float: left;}
.thumblist {width:100%; max-width: 310px;}

.shoprightcol {border-left: 2px solid #ccc; margin-top: 25px; margin-bottom: 25px;}
.prod_detail_image_nav .thumbimage, .prod_detail_left .thumbimage {
    border: 0 solid #9c9696;
    height: 70px;
    margin: 5px;
    width: 70px;
}

.prod_detail_extras {
    clear: both;
    padding: 5px 0 0;
}



.menusidenav, .roundedTwo input[type="checkbox"]{display: none;}

/* ROUNDED TWO */
.roundedTwo {
margin: auto;
display: block !important;
width: 25px;
position: relative;
border: 5px solid #e5e5e5;
border-radius: 100%;
height: 25px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
}
.roundedTwo:hover{border:5px solid #43a4bf}
.roundedTwo label {
	cursor: pointer;
	width: 25px;
height: 25px;

}


.roundedTwo input[type=checkbox]:checked + label::after {
	display: block;
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f00c";	
	color:white;
	top: 5px;
left: 4px;
font-sizE: 15px;
}


.roundedTwo input[type=checkbox]:checked + label {
	display: block;
position: relative;
font-family: "Font Awesome 5 Free";
content: "\f00c";
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
font-size: 14px;
left: -5px;
top: -5px;
color: white;
border-radius: 100%;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
z-index: 9999;
	background: #43a4bf;
width: 25px;
height: 25px;
border: 0px !important;
}
.login_container_mobile {display: none;}

.fa-chevron-down{
	margin: 0px 0px -25px 5px;
}

.footernav.inner{
	display: none;
	transition: .3s;
}

.row{
		margin: auto !important;
	}

.blog_next_post{
	float: right;
	clear: none;
}

#member_home_inc h1{
	text-transform:capitalize;
}

.footer_outer_container.member-footer {
	background:#43a4bf; padding:20px 5px;color: white;font-size: .75em;}
.member-footer a {color: white;}
.copyright {color:#fff;}
.menu_title{
	color: white;
	font-size: 16px;
	text-transform:capitalize;
}

#member_home_inc h1{    padding-left: 11px;
}

.visited-forms{
	color:white; 
	/*text-transform:uppercase;*/
	padding:20px}

.menu_subtitle{
	color: #aaa;
	font-size: 12px;
}

/*
.mem_home_box{
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 20px;
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,.05);
	height: 100%;
}
*/
.mem_home_box li {
	list-style-type: none;
}

.trainee_box{
	padding: 0px !important;
}

.member_box {
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 20px;
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,.05);
	background:white;
}
.member_box h4{
	text-align: left !important;
}

.member_box.box_back{
	background: url("/images/fileman/member-home-gradient.jpg");
	padding: 0px !important;
	color: white;
}

.project_links{
	line-height: 50px;
}
.project_links a{font-weight: 600;}

.box_back{
	padding: 10px;
}
#my-resources .box_back{padding: 25px;}
.box_back h4, .box_back p{
	color:white;
	text-align: center !important;
}
/*

.resources >.row{
	margin-left: 10% !important;
}
*/

.hb_cont{
	margin: 0px 0px 10px 0px !important;
	position:relative;
}
.box-link{
	text-align: center;
	display:block;
	margin:auto;
/*	padding: 10px;*/
	background-color: #43a4bf;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.box-link a {
	color: white !important;width: 100%;
height: 100%;
display: block;
padding: 10px;
}
#my-resources .box-link a{padding:15px;}
.row-eq-height .col-md-2.hb_cont .mem_home_box{padding:0px !important; border:0px !important;background:url("/images/fileman/member-home-gradient.jpg");background-size: cover;
background-repeat: no-repeat;}
.row-eq-height .col-md-2.hb_cont .mem_home_box > div a{ margin:auto}
.row-eq-height .col-md-2.hb_cont .mem_home_box > div{ display: flex;
align-items: center;
text-align: center;
	justify-content: center;
/*padding: 10px;*/
}
.row-eq-height .col-md-2.hb_cont .mem_home_box > div:first-of-type{ height:60%; font-size:1.2em; color:white;}
.row-eq-height > .col-md-2.hb_cont:first-of-type .mem_home_box > div:first-of-type{ line-height: 25px;}
.row-eq-height .col-md-2.hb_cont .mem_home_box > div:last-of-type{ height:40%;}
.row-eq-height .col-md-2.hb_cont{border:0px !important;}

@media screen and (min-width:768px){
	.col-md-4.hb_cont{width:28% !important;}
	.col-md-2.hb_cont{width:22% !important;}
}

.box-link a i{font-size:10px;}
.box-link a{font-weight: 500;
font-size: 14px;
letter-spacing: 1px;}

h5{font-weight:bold;}

#trainee_count{
	display:inline-block;
	font-size: 35px;
color: white;
padding: 11px 11px 11px 0;
}
#trainee_count_label{
	display: inline-block;
	text-align: left;
	line-height:25px;
}

#home_message_box{
	background: rgb(221,234,240);
	border:1px solid #43a4bf;
	padding: 15px;
	margin: 13px;
}

@media screen and (max-width: 930px){
	ul.menu > li > a {
  display: inline-block;
  padding: 8px 10px;
  text-decoration: none;
}
	.logocontainer img {
  max-width: 135px;
}
	}
@media screen and (max-width: 821px) {
	.container_full {  padding-top: 100px;}
	.cta_row {
    max-width: 650px !important;
    width: 100%;
}
	.row_ca {display: none;}
	.topheader {  margin-bottom: 20px;
	}
.tophead_right {
    float: left;
    padding-right: 0;
    padding-top: 0;
    width: 100%;
}
.login_container {
    float: right;
    margin-right: 10px;
    padding-top: 5px;
    width: 48%;
}

	.bacblogo {display: none;}
	.logocontainer img {
  max-width: 218px;
}
	.logo, .logo a {float:none; margin-left: auto; margin-right: auto;}
	.logocontainer {width:200px; margin-left: auto; margin-right: auto;}
	h1.heading-3 {
    float: none;
    margin-bottom: -15px;
    margin-top: 10px;
    text-align: center;
    width: auto;
}
#content {margin-top: 0px;}
.shoprightcol {border-left: 0px;}
.phone {float:none; text-align:center; font-size:1.1em; margin-top: 10px;}
.searchbox {width: 100%}
input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] {width: 65%}
.shopleftcol {display: none;}

.account {float: none}
.account a {padding:7px 7px; font-size: 9px; }

.shopleftcolhome {display: none;}
.menusidenav {display: block;}

.sidenavicon {}
.sidenavicon h1 {
    color: #f9fafa;
    float: left;
    padding-top: 2px;
}
#menuside {
    background: none repeat scroll 0 0 #666;
    bottom: 0;
    left: 0;
    margin-left: -150px;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 150px;
    z-index: 1000;
}
#layout.active .menu-link {
    left: 200px;
}
#layout.active #menuside {
    left: 150px;
    width: 200px;
}

ul.menu > li > a { padding: 8px 15px;}

#menuside li a {
    color: #f9fafa !important;
    font-family: arial !important;
    font-size: 0.6em !important;
    font-weight: normal !important;
    text-transform: none !important;
}


.menu-link {
    background: none repeat scroll 0 0 #666;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    color: #f9fafa !important;
    display: block;
    font-size: 1.5em;
    height: auto;
    left: 0;
    padding: 0 25px 0 15px;
    position: fixed;
    top: 10px;
    width: auto;
    z-index: 1000;
}
.sidenavshopicon {
    float: left;
    font-size: 0.7em;
    margin-left: -7px;
    padding: 9px 10px 6px 0;
}


#socialinner {float: none;
    margin: 10px auto;
    width: 308px;}

#copyright p {text-align: center}

.category_list_boxes li {float: none; margin-left: auto; margin-right: auto}

ul li a {padding: 0px}
.prod_result_boxes li {float: left}

.prod_detail_left {width: 100%}
.prod_detail_right {width: 100%; min-height: 0px;}


.promodesc {width: auto; text-align: left;}
.promoinput {width: auto; text-align: left;}
.promobutton {width: auto; text-align: left; clear: both;}
.prodquantity {width: 100%; }
.cart_desc {width: 100%; text-align: left; font-size: 1.2em; padding-top: 10px;}
.cart_qtybutton {width: 200px}
.promobutton input[type="submit"] {margin-top: 0px;}
.promoerror {padding-top: 0px;}
.prod_desc {width: 100%}
.shopcarttable tr {border: none;}
.cart_totallabel {width:100%; float: left;}
.cart_total {float:left; width: 100%; border-bottom: 1px solid #ccc; margin-top: -25px; color: #222;}
.cartmoney_sub {margin-top: 10px}
.cartmoney_tax {margin-top: 10px}
.cartmoney_ship {margin-top: 10px}
.cartmoney_grand {margin-top: 10px}
#checkout_buttons { width: 260px;}

.shopcarttable td {padding:0px;}

.itemprice {float: left; width: 100%; text-align: left;}
.totalprice {float: left; width: 100%; text-align: left; border-bottom: 1px solid #ccc !important;}

.cart_summary .figure {
    color: #000;
    text-align: left;
    width: 43%;
}

.cart_summary .title {width: 100%}

  #wowslider-container1 .ws-title {font-size: 5px !important;}

.bottom_home1 p {min-height: 0px;}
.bottom_home1 h2 {min-height: 0px;}


.footericon {margin-bottom: 10px;}
.footerspace {border-bottom: 1px solid #ccc; height:auto}

.leftalignimage {
    float: left;
    padding-right: 10px;
    width: 50px;
}
.rightaligntext {float: none; width: 100%}

.creditcards  {float: left;}

input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] {width: 135px; margin-left: 0px; line-height: 1.45}

#container_inner {width: 98%; margin-top: 30px;}

#wowslider-container1 {clear: both;}
.logocontainer {width: 100%; margin-top: 0px;}
.logogourmet {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    width: 200px;
}
.login_btn {
    font-family: "Quasimoda",sans-serif;
    font-weight: bold;
    margin-left: auto;

    max-width: 127px;
    text-align: center !important;
    text-transform: uppercase;
}
.navcontainer {
    float: left;

    width: 45%;
}
ul.menu.full-width {padding-left: 0px; padding-right: 0px; border-radius: 0px;}
ul.menu li {
    background-image: none;
    float: none;
}
.topheader {padding-bottom: 0px;}
ul.menu > li > a {
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
}
.grey .page_highlight {width: 100%;}
.hometext {padding: 10px;}
.homeslider {background-color: #f9fafa; float:left; clear:both; margin-top: 200px;}
#wowslider-container1 {width: 100%; }
.hometext {width: 100%;}
.homeboxes {width: 100%; margin-left: auto; margin-right: auto;}

.logocontainer_content {width: 100%; margin-top: 0px;}
.logogourmet_content {width: 200px; margin-left: auto; margin-right: auto; padding-top: 20px;}
.navcontainer_content {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 100%;
}
.category_list_boxes {width: 510px;}
.category_list_boxes li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.logocontainer {
    float: none;
    padding-right: 10px;
    width: 100%;
}
.login_container_mobile {display: block;}
.billingdetailscontainer { max-width: none; margin-left: 0px; margin-right: 0px; margin-bottom: 10px;}
.logindetailscontainer { max-width: none; margin-left: 0px; margin-right: 0px; margin-bottom: 10px;}

.rform label {width: 100%;}

.cart_summary {margin-left: 0px; width: 100% !important;}

.product_summary {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 3px;
    margin-left: 0;
    margin-top: 8px;
    min-height: 0px !important;
    padding-top: 10px;
    width: 100% !important;
}

.product_summary .title {padding-bottom: 10px;}

.member_menu .col-lg-3 {width: 100% !important; margin-top: 10px;}

.logindetails {width: 100%;}
.member_tablehead {width: 100% !important;}

.memberscontainer_content {margin-right: 0px; float: left;}
.member_menu {margin-left: -5px;}
.logindetails {margin-left: 0px;}

.searchbox {
    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 218px;
}

.searchbox input[type="text"] {
    float: none;
    margin-top: 0;
    padding-left: 25px;
	width: 207px;
}

.memberscontainer_content {
    clear: both;
    float: none;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding-top: 5px;
    width: 217px;
}
.members_inner {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 217px;
}

.homeslider {margin-top: 0px;}
.memberscontainer {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 215px;
}
.members_inner {
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 219px;
}
 .facebook-btn{padding-bottom:10px}

}

@media screen and (max-width: 694px) {
  /* Text Elements */

  ul.link-list.footer-links {
    margin-left: 16%;
  }

  /* Layout Elements */

  body > .row > [class*='col-lg-'].copyright-column {
    margin-top: 15px;
  }

}
/******* event calendar table responsive ******/
 @media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
		/* tooltip display has tables and we don't want them affected by the below stuff*/


		/* Force table to not be like tables anymore */
	.eventcal_table table, .eventcal_table thead, .eventcal_table tbody, .eventcal_table th, .eventcal_table td,  .eventcal_table tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
	.eventcal_table	thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

	.eventcal_table	tr { border: 1px solid #ccc; }

	.eventcal_table	td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left:5px;
		}

	.eventcal_table	td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 14px;
			left: 26px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}


	/*	Label the data	*/
	.eventcal_table td:nth-of-type(1):before { content: "Monday"; }
.eventcal_table	td:nth-of-type(2):before { content: "Tuesday"; }
.eventcal_table	td:nth-of-type(3):before { content: "Wednesday"; }
.eventcal_table	td:nth-of-type(4):before { content: "Thursday"; }
.eventcal_table	td:nth-of-type(5):before { content: "Friday"; }
.eventcal_table	td:nth-of-type(6):before { content: "Saturday"; }
.eventcal_table	td:nth-of-type(7):before { content: "Sunday"; }

  .eventcal_txt, .eventcal_txt a{ width:100%; height:45px; }
  .eventcal_txt span{position: relative;  top: -55px; margin-left:105px;}
  .eventcal_date {}

.shopcarttable td:before	{background-color:#000; color:#f9fafa; font-size:12px; font-family:Verdana, Geneva, sans-serif; text-align:left; font-weight:100; display: none;}
}

@media screen and (max-width: 545px) {
  /* Text Elements */



  h5.image-callout {
    font-size: 28px;
  }

  a.link-text.nav-link {
    font-size: 18px;
  }

  ul.link-list.footer-links {
    margin-left: 4%;
  }

  ul.link-list.footer-links li a {
    font-size: 13px;
  }

  /* Layout Elements */

  body > .row.reasoning-row {
    margin-top: 20px;
  }


}

@media screen and (max-width: 377px) {
  /* Text Elements */

  h1.heading-3 {
    text-align: center;
  }

  h5.image-callout {
    font-size: 21px;
  }

  a.link-text#last-nav {
    margin-right: 0;
  }

  a.link-text.nav-link {
    margin-left: 0;
    width: 30%;
  }

  ul.link-list.footer-links {
    margin-right: 0;
    margin-left: 20%;
  }

  ul.link-list.footer-links li {
    text-align: left;
  }

  /* Image Elements */

  img.image-4-3.main-image {
    margin-top: 20px;
  }

  /* Layout Elements */

  body > .row > [class*='col-lg-'].column-2 {
    margin-right: 0;
    margin-left: 0;
  }

  body > .row > [class*='col-lg-'].column-3 {
    display: none;
  }


  img.logo.logo-1 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .category_list_boxes li {margin-left: -10px;}
  .prod_result_boxes li { float: none;
    margin-left: auto;
    margin-right: auto;}

  .ckout {float:none}
  .cart_continue {float: none}
  .cart_qtybutton {width: auto; text-align: left}

  .account a {width: 100%; margin-bottom: -15px;}

  #nav {margin-top: 20px;}

  .member_menu li {display: inherit; margin: 10px;}

  input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] {width: 68%; line-height: 1.4}

 .navcontainer { float: none;}
 .tophead_right {padding-bottom: 0px;}

 .topheader {position: relative;}
 #wowslider-container1 {display: none;}
.hometext {width: 300px; float: none;}
.homeboxes {width: 300px;}
.navcontainer_content {
width: 300px;}
.logocontainer {float: none; margin-bottom: 5px;}
.homeslider {display: none;}
#container_inner {width: 93%;}
.category_list_boxes {width: 200px;}
.category_list_boxes li {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
	max-width: 200px;
}
.category_list_boxes li h3 {width: 200px;}
.prod_result_boxes li {width: 200px;}

.promodesc p {font-size: .7em;}
.promoinput {width: 100%;}
.promoinput input[type="promo"] {margin: 0px; width: 96%;}
.shopcarttable {border: none;}
.promobutton {
    border-bottom: 1px solid #ccc;
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    width: 100%;
}
#but_continueshopping, #but_checkout {margin-left: 0px; float: none; width: 100%;}
.thumblist {
    float: left;
    margin-bottom: 15px;
    max-width: 310px;
    width: 100%;
}
.mobilephone {display:block;}
.desktopphone{display:none}

.mobilephone a {
	-moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
	-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#f9fafa !important;
	font-family:arial;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.mobilephone a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
}
.mobilephone a:active {
	position:relative;
	top:1px;
}

.memberscontainer {margin-top: 20px;}
#nav {margin-top: 0px;}

.leftalignimage {
    float: left;
    margin-top: 10px;
    padding-right: 10px;

}

.prod_detail_image_nav .thumbimage, .prod_detail_left .thumbimage {
    border: 0 solid #9c9696;
    height: 50px;
    margin: 5px 5px;
    width: 50px;
}

.zoomWindowContainer {width: auto !important;}
.forgotpass {
    float: left;
    font-style: italic;
    margin-bottom: -5px;
    margin-top: 10px;
    padding-right: 15px;
    text-align: right;
}

}

@media screen and (max-width: 289px) {
  /* Text Elements */

  a.link-text.nav-link {
	  width: 100%;}}


/*General*/

.step_form_container .fab.fa-facebook-f::before{
	top: 15px;
color: #f9fafa !important;
background: #43a4bf;
padding: 7px 10px;
border-radius: 200px;
border: 1px solid #43a4bf;
}
a{text-decoration:none; color:#43a4bf;}
a:hover{color:#43a4bf;}
blockquote, button, dd,  dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, td, textarea, th, ul{font-family:Quasimoda, sans-serif }
body, div, div a, h4, h5, h6{font-family:Quasimoda, sans-serif !important}
p{font-size:17px !important; font-family:Quasimoda !important;}
h1, h2, h3 {font-family:'DM Serif Text', serif !important;}
h2{padding:0px;}
h4{text-align: center !important;
font-size: 21px !important;
letter-spacing: 0.0px !important;
text-transform: none !important;}
h2,h3{font-size:35px !important;}
.logocontainer img{max-width:100% !important; width:250px;}
h2,h3,h4{color:#1a2e4b;}
.container_full{padding:0px !important;
}

.page_highlight, .grey .page_highlight {color:#329898 !important}

blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, td, textarea, th, ul{line-height:1.8;}

.navbar-nav li, .navbar-nav li a {line-height: 10pt; font-size:12pt}
#footernav li, #footernav li a {line-height: 1.8; font-size:12pt}

h4 *, h5 *, h6 *, h4, h5, h6{font-size:20px !important;}

/*Icons Font Awesome 4.3.0*/
.footer_outer_container [class*="fa-"]::before{top:7px;
position:relative}

/*Top Header*/
.topheader .login_btn a{padding:14px 18px; color:#ffffff; background:#2b859b; border-radius: 5px;font-weight:bold;}
.topheader .login_btn a:hover{background: #43a4bf;
    background-color: rgb(67, 164, 191); }
.topheader .login_btn {max-width:145px !important; }
.topheader li{background:#ffffff !important; background-image:none !important;}

/*home hero*/
.row.cta_row {width:100%; max-width:100%; border:0px}
.row.cta_row h1{color:#ffffff;font-size:50px;margin:20px 8%;font-weight: 500;
    line-height: 1.15 !important;}
.row.cta_row{display:table; width:100%}
.row.cta_row > div{display:table-cell; float:none; padding:0px; border:0px}
.row.cta_row > div:nth-of-type(2){background:#1a2e4b;
    vertical-align: middle;}


#footernav a, .footer_row a{color:#1b2e4a !important;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .dropdown-item:focus, .dropdown-item:hover,#footernav a:hover, #footernav a:focus, .footer_row a:focus, .footer_row a:hover, .side_nav a:hover, .side_nav a:focus{color:#43a4bf !important;}

/*Home Boxes*/
.infographic img{border-radius:7px !important; padding:20px 20px 40px 20px;}

.infographic * {padding:0px 20px;}
.infographic i {padding:0px 2px;}

/*Who We Are Home Section*/
.who-we-are-container{
	  background-image: url("/images/fileman/supervisor_aba_who_we_are.jpg");

  background-position: center right;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
/*	background-attachment: fixed;*/
}
.who-we-are-text{
  color: #f9fafa;
text-align:left;
	padding-bottom:90px;
}

.mem_home_box p{margin-top:10px !important; margin-bottom:15px !important;}

.who-we-are-text h2, .who-we-are-text p{color:#f9fafa;}
.who-we-are-text .col-xl-6{margin-top:50px;}
.who-we-are-text .col-xl-6 .col-sm-9 p:first-of-type{padding:0; margin:0; font-weight:600}
.who-we-are-text .col-xl-6 .col-sm-9 p:nth-of-type(2){padding:0; margin:0;color:#b3d6e0}

.who-we-are-text .col-xl-6 .row > div >div{padding-left: 8px;
padding-right: 8px;
float: left;}

.who-we-are-text .col-xl-6:first-of-type > .row{padding-top:20px;}


.who-we-are-text > div > a, .action_button:nth-of-type(2){ background: white;} 
.who-we-are-text > div > a, .action_button:nth-of-type(2), 
.mbe_button a{
	font-weight:401;
	
padding: 18px 28px;
	max-width:100% !important;
    border-radius: 5px;
}

.box-link a{display:flex;align-items: center;
text-align: center;
justify-content: center;}
#upd_sub_but.mbe_button a
{ color:#1b2e4a; background:#f9fafa; border-radius: 5px;font-weight:bold;}
.home_container .cta_text a, .action_button:nth-of-type(1),.top_2 .login_btn a:hover{padding:18px 13px; color:#f9fafa; background:#43a4bf; border-radius: 5px;font-weight:600; letter-spacing:1.2px}
.home_cta_button{margin:8%;}

.who-we-are-text a{top: 50px;
float: none;
display: block;
width: 276px;
	max-width:100% !important;
	padding: 18px 28px;
position: relative;}

.recent-blogs div div h2, .recent_blogs h2, .blog_container h2, .blog_inner h2{ font-family: Quasimoda, sans-serif !important;
    font-weight: 600;
    margin: 8px 0px 5px 0px;
    font-size: 20px !important;}

#member-registration .hero_container img{height: 300px;
width: 100%;}


.who-we-are-text > div > a:hover,#upd_sub_but.mbe_button a:hover,.action_button:hover:nth-of-type(2){color:#43a4bf;}
.home_container .cta_text a:hover, .action_button:hover:nth-of-type(1), .hero_button:hover{color:#43a4bf; background:#f9fafa;}
.home_top_content{max-width:100%; margin:20px auto;}
.home_top_content p{max-width:100%; width:750px ; margin:auto; font-size: 18px !important;
    line-height: 1.5;
    font-weight: 400;
    color: #2d3849;
    margin-bottom: 15px;}

/*Blogs*/

.recent-blogs .row > div{border-radius:5px;background:#f1f6f7; display:table;margin:auto;border:2px solid #f1f6f7;padding:0px}
 .blog_inner{background:#f9fafa; display:table;margin:auto;border:2px solid #f9fafa;padding:0px;border-radius: 7px;}
.recent-blogs .col-lg-5.col-sm-12:hover{box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.15);}
.recent-blogs .row > div:hover, .blog_inner:hover{border:2px solid #43a4bf;box-shadow: 0px 0px 5px #ddd;}
.recent-blogs .row > div.break{width:1% !important;background:#f9fafa !important; border:2px solid #f9fafa !important;display: table-cell;}
.recent-blogs >div [class*="col-lg-"]{ display: table-cell; float:none;}
.recent-blogs img{height:100% !important;}
.recent-blogs > h2{text-align:center; padding:50px 2% !important}

/*.recent-blogs div div h2{ font-family:Quasimoda, sans-serif !important; font-weight:501; margin:8px 0px 5px 0px;font-size:27px !important}*/
.recent-blogs div div p{ margin:0px;paddin:0px;}
.recent-blogs > div > div{padding-left:10px;}
.home_action p{color:#bdbdbd !important;}

.blog_row{margin:auto}
.blog_row .col-lg-5{background-size: auto 100%;
overflow: hidden;
background-position-x: center;}
.single-blog p.blog_date, .single-blog .blog_date{    padding: 30px 0px 0px 0px;}
p.blog_date, .blog_date, .price_duration
{
    color: #a6afbd !important;
    font-size: 14px !important;
    font-weight: 500;
}P


.pricing_inner .price, .price_duration .price{color:#3fa6bf !important; font-size:35px !important;}
.pricing_inner p.price{font-size:60px !important;color:#3fa6bf !important; font-family: Quasimoda Light, quasimoda, sans-serif !important;}
#dollar{font-size: 40px !important;
top: -7px !important;
position: relative !important;}


.fas.fa-chevron-right{padding-left:5px !important;}


/*#blog .container_full{background-image: linear-gradient(#f9fafa,#e1edf1 ) !important;}*/

.readmore_blog{height: 30px; font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
display: inline-block;}
.readmore_blog:hover{border-bottom: 3px solid #43a4bf; color:#43a4bf !important; }
.home_top_content a:hover {color:#2b859b;  }
/*Action*/

.home_action{background:#1b2e4a; padding:75px 20px 100px 20px;}
.home_action *{text-align:center;}
.home_action h2{color:#f9fafa;}
.home_action p{font-size:18pt;}

.action_button{max-width: 100% !important;
padding:18px 25px !important;border-radius: 5px !important;}


/*Footer CSS*/
.footer_row li{text-align:left; list-style:none;}
.footer_row *{font-size:16px;}
.footer_row h3{border-bottom: 3px solid #43a4bf;
    font-size: 25px !important;
    padding-bottom: 10px;
    width: 85%;
    margin-bottom: 25px;
padding-left:0px}

.footer_row .fab.fa-facebook-f::before{ top:15px;color:#f9fafa !important; background:#1b2e4a; padding:7px 10px; border-radius:200px;border:1px solid #1b2e4a}
.footer_row .fab.fa-facebook-f:hover::before{ ;color:#1b2e4a !important; background:rgba(0,0,0,0); cursor:pointer}

.footer_row div{color:#1b2e4a;}
.footer_row a:hover{color:#43a4bf !important;}

.footer_row > [class*="col-lg-"]{padding-left:1%; padding-right:1%}

.footer_row > div:nth-of-type(3) h3{max-height: 44px;
overflow-y: hidden;}

.footer_row > div:nth-of-type(3) i::before{color:#43a4bf}
.footer_row > div:last-of-type img{max-width:125px; margin:auto; display:block;}

.footer_outer_container{  background-color: #E2EEF1; /* For browsers that do not support gradients */
  background-image: linear-gradient(#E2EEF1, white);max-width:100% !important;}

.row.footer_row{max-width:100% !important; width:1305px; padding:55px 0;margin:auto;}
.footer_row .navcontainer{float:none;}

.footer_outer_container p{text-align:center !important; color:#848484 !important; }

.footer_row li {
    text-align: left;
    list-style: none;
    padding-bottom: 8px;
}
/*Liz's Styles*/

#member-registration h1{font-size:50px; margin-bottom:25px; line-height:50px}
#member-registration .step_form_container .col-sm-6.col-1{margin-top:20px !important}
#member-registration .step_form_container .col-sm-6.col-1 .signup-list{margin-bottom:30px !important; color:#1a2e4a}
#member-registration .hero_container{padding: 5% 30% 5% 10%;}
#member-registration .hero_container .centered * p  {font-size:18px !important; line-height:1.8}

#how-it-works h1, #about h1,
 #free-resources h1, #contact-us h1, #pricing h1, #blog h1, #blog-category h1
{font-size: 50px;
line-height: 50px;}

#contact-us .col-sidebar.col-md-4 .col-md-1.col-lg-2 i.fab.fa-facebook-f{padding-top: 10px;}

.pricing-container.row {
    width: 1250px;
    margin-top: 50px;
	padding-bottom:0px !important;
	margin-bottom:0px !important

}

.pricing-container.row > .row > .col-2.col-sm-4  .col-2.col-sm-2 p,
.pricing-container.row > .row > .col-3.col-sm-4 .col-2.col-sm-2 p{    position: relative;
    top: 30px;
    font-size: 18px !important;
    font-weight: 500;}
@media screen and (min-width:576px){

	#member-registration .col-sm-6.col-2 #register1_form{position:relative; top:-265px !important;}
.pricing-container.row > .row > .col-2.col-sm-4
	{ top:-20px; position:relative}


	.pricing-container.row > .row > .col-2.col-sm-4 .go-btn
	{ margin-bottom:50px;margin-top: 64px;}

}

#contact-us .hero_container p:last-of-type{margin-top:41px;}

#how-it-works .hero_container, #free-resources .hero_container, #contact-us .hero_container  {
    padding: 5% 30%;
}
#how-it-works #container_full p {
   color:#505b6c;
   font-size: 16px !important;
   line-height: 1.6;
}
#how-it-works .hero_container p,
 #free-resources .hero_container p,
 #contact-us .hero_container p
{
    font-size: 18px !important;
    line-height: 1.8;

}

@media screen and (min-width:576px){
	#contact-us #container_full .col-sm-8.col-main{Padding-right:50px !important;}
	#contact-us #container_full .col-sm-4.col-sidebar{padding-left:50px !important}

}

#contact-us .step_form_container {
    max-width: 100%;
	width:1000px;
}
#contact-us #container_full{background:white;}
#contact-us #container_full .col-sm-4.col-sidebar .fas.fa-envelope{ padding:5px 0 0 0}
#contact-us #container_full .col-sm-4.col-sidebar .fab.fa-facebook-f{ padding:20px 0}
#contact-us #container_full .col-sm-4.col-sidebar .fab.fa-facebook-f:before{ font-size:17.5px;}
#contact-us #container_full .col-sm-8.col-main > p{   font-size: 18px !important;
    font-weight: 500;}

#how-it-works #container_full h2 {
font-size: 25px !important;
}

#how-it-works #container_full .step_form_container > .row.two-col:last-of-type img{max-width:80%; margin:auto; height:auto; display:block;}

.row .col-lg-7 {
    width: 55%;
}

.row .col-lg-5 {
    width: 45%;
}

.home_container .cta_text a, .hero_button  {
    color: #f9fafa;
    background: #43a4bf;
    border-radius: 5px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .5px;
    padding: 18px 28px;
	font-size:1rem;

}

.footer_row [class*="fa-chevron"] {
	color: #329898;
}


.footer_row [class*="fa-chevron"]:hover {
	color: #43a4bf;
cursor:pointer;
}

.footer_row a{
    color: #329898;
    text-decoration: none;
    font-family: quasimoda, sans-serif !important;
    font-style: normal;
    font-size: 15px !important;
    letter-spacing: 0px;
	font-weight:400;
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-intepolation-mode: bicubic;
}
.row {
	width:1200px;
	max-width:100%;

}

p, .p{font-size: 16px !important; }
.info_row .col-lg-4.col-md-12.infographic p{width: 90%;
    margin: auto;
    font-size: 16px !important;
    line-height: 1.6;
    font-weight: 400;
    color: #4a5567;}

.info_row .col-lg-4.col-md-12.infographic a{ font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

a:hover, a *:hover{transition: background-color .2s ease-out;}
/*
.paragraph-l{font-size: 13pt!important;}
.paragraph-m1{font-size: 15pt !important;}
.paragraph-m2{font-size: 14pt !important;}
.paragraph-s{font-size: 13pt !important;}
*/

.home_container h1{text-transform:capitalize}

.hero_container {  position: relative;
  text-align: center;
  color: #ffffff;}

#blog  .hero_container, #blog-category .hero_container{ padding:40px;background:linear-gradient(to right, #2c3e50,#43a4bf ); margin-bottom:15px;}
#blog  .side_nav, #blog-category .side_nav{   margin-top: 50px;
  margin-left: 20px;
}
.footer_row >div:nth-of-type(3) div.paragraph-m{line-height:17pt}
.footer_row >div:nth-of-type(4) div.paragraph-m1{line-height:20pt}

#pricing .step_form_container{background-image: linear-gradient(#ffffff, #E2EEF1); padding-bottom:50px;}
#pricing .container_full{padding-bottom:0px !important;}

.side_nav hr{max-width:100%; background:#c5cfd5; margin:35px auto}
.side_nav .latest_section p{margin-bottom:0px;padding:9px 0px 7px 0; border-bottom:1px solid #e9f3f4}
.side_nav .latest_section p:last-of-type{ border-bottom:0px !important;}
.side_nav a{    font-weight: 401 !important;}
.side_nav h6{  font-family: 'DM Serif Text', serif !important;

    font-weight: 500; font-size:22px !important; color:#1b2e4a; }
.side_nav .search_section h6{margin:0px}
.side_nav h6{margin-bottom:30px}
.category_section  p{margin-bottom:0px;padding:9px 0px 7px 0; }


.input-tip{
	position: relative;
	display: inline-block;
}

.input-tip .tip-box{
	visibility: hidden;
	width: 200px;
	background-color: #444;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 5;
	top: -10px;
	left: 450%;
	opacity: 0;
	font-size: 14px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	margin-left: -60px;
	transition: opacity 0.3s;
}

.input-tip .tip-box::after{
	content: "";
	position: absolute;
	top: 15px;
	left: -2%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #555 transparent transparent;
}

.input-tip:hover .tip-box{
	visibility: visible;
	opacity: 1;
}
.trainees_row{display:flex}
.row.sup_header_row > .supervisee_col{padding:20px 0px;}
.row.sup_header_row > .supervisee_col{font-size:0.8em}
.row.sup_header_row > .supervisee_col p{text-transform:capitalize !important;}
.row.my-supervisees-row > .trainees_row:last-of-type >div{padding:0px 3px;}
.row.my-supervisees-row > .trainees_row:last-of-type .btn-white{border: 2px solid #43a4bf !important;}
.row.my-supervisees-row > .trainees_row:last-of-type .btn-white:hover{border: 2px solid #2c3e50 !important;}
/* BUTTONS */
div.btn-light, div.btn-dark{background:rgba(0,0,0,0) !important;border:0px solid rgba(0,0,0,0) !important;}

.link-button, button, input[type="submit"]{line-height:24px}
.btn-main{border-radius:5px;}

.btn-main a, a.btn-main,  input.btn-main{ border-radius:5px !important;}
div.btn-main{ padding:0px !important;}

a.btn-light, .btn-light a, input.btn-light, button.btn-light{
	color: white !important;
	background: #2b859b !important;
	font-family: Quasimoda, sans-serif !important;
/*	border: !important;*/
}
#my-supervisees .col-lg-10.col-md-12.mbc_right > button{font-size:0.8em; margin-bottom:18px;}
a.btn-light:hover, .btn-light a:hover, input.btn-light:hover,button.btn-light:hover{
	background: #43a4bf !important;
	color:white !important;
/*	border: !important;*/
}
#breadcrumb{margin:13px 0 18px 0;display: block;}
a.btn-white, .btn-white a, input.btn-white{
	color: #43a4bf !important;
	background: white !important;
/*	border: !important;*/
}

a.btn-white:hover, .btn-white a:hover, input.btn-white:hover{
	color:#2c3e50 !important;
/*	border: !important;*/
}
a.btn-dark, .btn-dark a, input.btn-dark{
	color: white !important;
	background: #2c3e50 !important;
/*	border: !important;*/
}

a.btn-dark:hover, .btn-dark a:hover, input.btn-dark:hover{
	background:rgb(80,112,154) !important
/*	border: !important; */
/*		Non-hover is 44-62-80*/
}

a.btn-grey, .btn-grey a, input.btn-grey, button.btn-grey, .action-button.btn-grey{
	color: #2c3e50 !important;
	background: #bfbfbf !important;
	border:0px !important;
	font-family: Quasimoda, sans-serif !important;
}

a.btn-grey:hover, .btn-grey a:hover, input.btn-grey:hover,button.btn-grey:hover, .action-button.btn-grey:hover{
	background:#cfcfcf !important;
	color:#2c3e50 !important;
/*	border: !important; */
}
#my-account-page > div > .col-lg-8.col-md-12 p > strong{font-weight:401; color:#1a2e4b;}
/* END BUTTONS */
/*Media Queries*/
@media screen and (max-width:455px){
	.action_button{display:block;}

}
@media screen and (max-width:648px){
.blog_row > div{display:block !important; width:100% !important; margin-bottom:20px !important;}
	.blog_row > div.break{display:none !important;}}
@media screen and (min-width:1288px){.row.cta_row h1{font-size:50px;}}
@media screen and (max-width: 821px) {

	.home_container .cta_row {
    max-width: 100% !important;
    width: 100%;
	}}


@media screen and (min-width:768px)
{
	#member-registration .hero_container .centered{max-width:68%}
	#member-registration .step_form_container > .row:first-of-type{max-height: 850px !important;}
	#member-registration .step_form_container .row.two-col > .col-1{padding-right:60px;}
	#member-registration .step_form_container .row.two-col > .col-2{padding-left:60px;}
	#how-it-works .row.two-col > div:first-of-type {
    padding-left: 10%;
    padding-right: 2%;
}
	#how-it-works .row.two-col > div:last-of-type {
    padding-left: 2%;
    padding-right: 10%;
}
}

@media only screen and (max-width:768px){ .row.cta_row > div{display:block; width:100%;}.home_container .cta_text{padding:50px 0 !important}}