@charset "utf-8";
/* CSS Document

colours:
Purple: #6f4494
Black: #000000
font: #5c5c5c
Dark font: #231f20
Yellow: #ffc229

*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@400;700&display=swap');
.text-primary { color: #6f4494!important; }

.bg-light { background-color: #fff !important; }
.btn { white-space: normal; }
a { font-weight: bold; }
p, li { font-family: 'Open Sans', sans-serif; font-size: 16px; }
h1, h2, h3, h4 { font-family: 'Teko', sans-serif; text-transform: uppercase; color: #6f4494; }
a { text-decoration: none; }
h1, .personaldetails h2 { font-size: 32px; font-weight: bold; color: #6f4494; margin-bottom: 0px; margin-top: 0px; }
h2, .normalh2 { font-size: 24px; color: #555555; font-weight: 400; margin-top: 0px; margin-bottom: 30px; }
.personaldetails h2 { font-size: 24px; margin-bottom: 20px; }
.logo { text-align: center; background: #fff; margin-top: -12px; margin-bottom: 10px;  }
.logo img { max-width: 100%; }

.logodiv { border-bottom: 3px solid #6f4494; }

.topnav { text-align: left; margin-top: 26px; font-family: 'Teko', sans-serif; }
.navbar { margin-bottom:  0px; padding-top: 0px !important; max-width:1150px;}
.topnav a { padding: 8px 14px; font-weight: bolder; color: #6f4494 !important; text-transform:uppercase; font-size: 18px; line-height: 1; font-family: 'Teko', sans-serif; text-align: center;  }
.topnav .dark { color: #231f20; }
.btn-default { border: 0px; }
.topnav a.btn:hover { border: 0px; box-shadow: none; border-radius: 8px; }
.btn-default.active { color: #6f4494; }
.navbar .container { display: block; }

.stickycta { position: absolute; top: 105px; width: 100%; }
.headercta { text-align: right; color: #fff;  font-family: 'Teko', sans-serif; text-transform: uppercase; font-size: 24px; padding: 5px 20px; background: url("../images/top-splash.png") no-repeat left center; }
.callus { float: right; margin-left: 60px; }
.headercta a { color: #fff; }

.virtualbtn { position: absolute; bottom: -172px; left: 0px; }

.herobanner, .bottomcta { padding: 220px 0px 200px 0px; text-align: center;background: url("../images/hompeage-header2.jpg") no-repeat center top; background-size: cover; }
.herobootcamp { background: url("../images/bootcamp-banner-dark.jpg") no-repeat center center; background-size: cover; }
.heropersonal { background: url("../images/header-personal.jpg") no-repeat center top; background-size: cover; }
.herocorporate { background: url("../images/corp-header.jpg") no-repeat center top; background-size: cover; }
.herovirtual  { background: url("../images/header-virtual.jpg") no-repeat center top; background-size: cover; }
.heromums { background: url("../images/header-mums.jpg") no-repeat center top; background-size: cover; }
.herodownload { background: url("../images/download-bg.jpg") no-repeat center top; background-size: cover; }
.herocontact { background: url("../images/contactus-bg.jpg") no-repeat center top; background-size: cover; }
.heromentalhealth { background: url("../images/mental-health-banner.png") no-repeat 15% 55%!important; background-size: cover!important;padding-top:350px; }
/*.vipondemand { background: url("../images/ondemandbanner.jpg") no-repeat center center; background-size: cover; padding: 110px 0px;}*/
.vipbanner { background-color: #161616; }
.vipbanner img { width:100%; height:auto; max-width:1000px; display:block; }
.heroviparea { background: url("../images/header-vip2.jpg") no-repeat center top; background-size: cover; padding: 110px 0px; }
.heroviparea svg { margin-right: 0px; }
.blackbg { background-image: none; background-color: #000; }
.herotestimonials  { background:url("../images/header-testimonials.jpg") no-repeat center top; background-size: cover; padding: 200px 0px 150px 0px  }

.glyphicon { color: #231f20; margin-right: 20px; }

.herobanner h1, .herobanner h3, .bottomcta h2 { text-align: center; font-family: 'Teko', sans-serif; font-size: 58px; text-transform: uppercase; text-shadow: 6px 6px #000000; color: #ffffff; line-height: 0.8; margin-bottom: 5px;  }

.herobanner p { background: url("../images/splash.png") no-repeat center center; background-size: contain; padding: 10px 0px; color: #fff; text-transform: uppercase; font-size: 17px; font-weight: 400; }


.herobanner .btn, .bottomcta .btn { background-color: transparent; color:#fff; font-size: 16px; margin-top: 30px; border: 1px solid #fff; font-weight: 600; font-family: 'Open Sans', sans-serif; text-transform: uppercase; padding: 15px 25px; }


.btn:hover, .nav-link.active, .dropdown-item.active, .nav-pills .show>.nav-link, .nav-link:hover, .dropdown-item:hover { background-color: #7c4297 !important;;  color: #fff !important; border-radius: 10px; }
/*.nav-link {white-space: nowrap;}*/


.herobanner .btn:hover, .bottomcta .btn:hover { background-color: #fff; color: #7c4297; box-shadow: none;   }
svg { color: #fff; margin-top: -3px;  }
.herobanner .btn:hover .glyphicon { color: #7c4297; }


.lead { font-weight: bold !important; }


.contenthome { border-top: 1px solid #BCBCBC; border-bottom: 1px solid #BCBCBC; padding-top: 50px; padding-bottom: 50px; background:#fff; text-align: center; }

    .wrapper {
        text-align: center;
    }
    .wrapper ul {
        display: inline-block;
        margin: 0;
        padding: 0;

    }
    .wrapper li {
        float: left;
        padding: 2px 5px;
        margin-left: 40px;
    }


.content p, .contenthome p, .testimonials p, li { color: #5c5c5c; font-weight:normal; font-family: 'Open Sans', sans-serif; }
.contenthome li { font-weight: bold; }
.contenthome ul { margin-bottom: 20px; }
.content { border-top: 1px solid #BCBCBC; border-bottom: 1px solid #BCBCBC; padding-top: 20px; padding-bottom: 20px; background:#fff; margin-top:30px;}
.content a, .contenthome a { color: #6f4494 !important; }
.trainingoptions a { color: #ffffff !important; }

.contenthome .btn-primary, .testimonialspage a.btn-primary, .measurementbox button.btn-primary { background-color: #6f4494; color: #ffffff !important; font-size: 16px;border: 0px; font-weight: 600; font-family: 'Open Sans', sans-serif; text-transform: uppercase; padding: 15px 25px; }
.measurementbox button.btn-primary, .measurementbox a.btn-primary {  padding: 5px 5px !important; }
.contenthome a.btn-secondary, .testimonialspage a.btn-secondary { background-color: #231f20; color:#ffffff !important ; font-size: 16px; border: 0px; font-weight: 600; font-family: 'Open Sans', sans-serif; text-transform: uppercase; padding: 15px 25px; }
.contenthome .btn-secondary .glyphicon, .testimonialspage .btn-secondary .glyphicon { color: #6f4494; }

.btn-check:checked+.btn-secondary { background-color: #6f4494; color: #ffffff; }

.trainingoptions { padding: 50px 0px; background:url("../images/services-bg.jpg") no-repeat center top; background-size: cover;  }
.trainingoptions h2, .testimonials h2 { font-size: 32px; text-align: center; font-weight: bold; color: #ffffff; margin-bottom: 40px; margin-top: 30px; }
.trainingoptions .box img, .trainingoptions .box, .virtualbtn img {
    text-align: center;
    -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.trainingoptions img { max-width: 100%; }

.virtualbtn img {    -webkit-transform: scale(0.8);
	transform: scale(0.8); }

.trainingoptions .box { margin-top: 40px; margin-bottom: 40px; }
.trainingoptions .container .box:hover img, .virtualbtn:hover img {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
 .virtualbtn:hover img {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

.testimonials .box { background-color: #fff; padding: 15px; border: 1px solid #BCBCBC; min-height: 390px; }
.testimonials .box img { max-width: 100%; border: 1px solid #BCBCBC; margin-bottom: 20px; }
.testimonials .box p { font-size: 12px; min-height: 125px;}
.testimonialspage .box { margin-bottom: 30px; }

.testimonials .box p:before, .testimonial:before { content: url(../images/speech.jpg); width: 14px; margin-right: 5px; }
.testimonials .box p:after, .testimonial:after { content: url(../images/speech2.jpg); width: 14px; margin-left: 5px; }


.downloads.testimonials .box p:before, .downloads.testimonial:before { content: none; }
.downloads.testimonials .box p:after, .downloads.testimonial:after { content: none; }

.testimonials .moreinfo, .testimonials h2 { color: #5c5c5c; }
.testimonials h2 { color: #6f4494;  }
.testimonials .box h2 { font-size: 20px; font-weight: bold; margin: 15px 0px; color: #5c5c5c; margin-bottom: 15px; }
.downloads .box h2 { margin-bottom: 0px; }
.testimonials .moreinfo { text-align:center; border: 1px solid #BCBCBC; padding: 10px; margin-top: 0px; margin: 0 auto ; font-size: 12px;color: #fff;background: #6f4494;display:block; text-transform:uppercase; padding-right: 0px;  }
.testimonials .moreinfo:hover { background-color: #000000; text-decoration:none; color: #ffffff;}


.testimonials { padding: 20px; background-color: #F0F0F0; width:100%; padding-bottom: 100px; text-align: center; }

.downloads {  padding-top: 50px;  background-color: #fff; padding-bottom: 80px; }
.downloads h1 { margin-bottom: 30px;  }
.downloads .box img { border: 0px; margin-bottom: 0px; }
.downloads .box { min-height: 220px; background-color: #F5F5F5; }
.downloads h2 { min-height: 50px; }
img.downloadimg { border: 1px solid #C8C8C8 !important; }

.downloadbtn { max-width: 60%; }

i{position:relative; width:25px;margin-left:10px; top: 2px; }
i::before{font-size:20px;font-weight:700;}



.contactform  .contactus { text-align: center; }

.bottomcta, .bottomcta h2 { text-align: left; }
.bottomcta { background:url("../images/bottomcta-bg.jpg") no-repeat center top; background-size: cover;  }
.bottomctavirtual { background:url("../images/bottomcta-virutal-bg.jpg") no-repeat center top;background-size: cover;  }
.bottomctacorp { background:url("../images/bottomcta-corp-bg.jpg") no-repeat center top;background-size: cover;}

.contactform { margin-top: 0px; border: 1px solid #E1E1E1; background:rgba(243,243,243,1.00); padding: 5px;}


.info h2 { margin-bottom: 0px;}
.info { margin:0px !important;}
label.desc, legend.desc { padding: 0px !important;}

.contactusline { margin-top: 10px; clear: both; }



.testimonialbox { margin-top: 20px; margin-bottom: 20px; }
.testimonialbox strong { font-family: 'Teko', sans-serif; font-size: 20px; }
.moreinfo { text-align:center; padding: 5px; font-size: 16px; color: #ffffff; display:block; text-transform:uppercase; }
.moreinfo:hover { font-weight: bold; color: #fff; text-decoration: none; }

.testimonials .header { margin-top: 10px; margin-bottom: 10px; }
.content h2 { font-family: 'Teko', sans-serif; font-size: 20px;}

.content h2 { margin-bottom:0px; margin-top: 30px;}

.footerlogos { margin-top: -45px; }
.footer { background-color: #000000; text-align:center; padding: 20px; }
.footerlogos img { margin-left: 5px; margin-right: 5px;}
.footer a { color: #6f4494; }

.content h3, .contenthome h3 { margin-top: 30px; font-weight:bold; }

.header { font-family: 'Teko', sans-serif; font-size: 32px;}
.contentpic { float: right; border: 1px solid #BCBCBC; margin-left: 15px; padding:3px; max-width: 50%; }
.reg { color: #fff; text-align:center; padding-top: 20px;}

.footerlogos img:hover, .stickycta img:hover { margin-top: -10px;}
.bottomcta .glyphicon  { color: #ffffff; }
.bottomcta .btn:hover .glyphicon { color: #7c4297 }

.bottomcta .btn { margin-top: 10px; }
.logodiv { display: none; }
.navbarmobile a { color: #fff !important; text-align: center;  }
.navbar { padding: 0px; }
.mobilelogo { max-width: 80px; padding-top: 8px; }
.social { z-index: 1000; }
.imagerows img { max-width: 100%; margin: 15px; border:1px solid #DCDCDC; }


/* VIP AREA */
.contentviparea { text-align: left; }
.glyphicon-star { color: #DCBB32; line-height: 1; margin-right: 5px; font-size: 24px; }
.measurementbox, .personaldetails { padding: 15px; border: 1px solid #C0C0C0; border-radius: 8px; background-color: #EDEDED; }
.personaldetails { margin-top: 20px; }
.measurementbox h3, .measurementsarea h4 { margin-top: 0px; color: #6f4494; font-size: 20px; }
.purple { color: #6f4494!important; }
.measurementsarea h4 { margin-bottom: 0px; }
.measurementsarea .smalldate { margin: 0px;  line-height: 1; font-size: 12px; margin-bottom: 15px; }
.measurementtotallost { }
.weightimages { border: 1px solid #C0C0C0; margin: 10px 0px; position: relative; background-color: #fff; overflow: hidden; height: 235px; }
.weightimages label { position: absolute; bottom: 15px; left: -1px; background-color: #EDEDED; border: 1px solid #C0C0C0; padding: 0px 10px; font-size: 12px; color: #6f4494; text-transform: uppercase; font-weight: bold; }
.weightimages img { width: 100%; }
.measurementbox table tr { border-top: 1px solid #C0C0C0; }
.measurementbox table td { padding: 3px 0px; font-size: 14px; width: 40%;  }
.measurementbox table { width: 100%; text-align: center; }
.measurementbox td.measurementslabel { border-right: 1px solid #C0C0C0;  text-align: left; width: 60%; }
.measurementslabel { font-weight: bold; }
input#username { margin-bottom: 15px; }
.form-check-label { text-align: left; }
.filecard {border:0px;width:20%;}
.filecard h2 {margin-bottom:5px;}
.videofolder { position:relative }
.videofolder img { width:100%;height:auto; }
.videofolder h4 { color:#fff!important;position:absolute;top:55%;left:50%;transform:translate(-45%, -50%);margin:0px; }
.favouritesbutton img { height:25px;width:25px; }
.favouritesbutton span { visibility:hidden;position:absolute;background-color:#6f4494;color:#fff;border-radius:0.25rem;padding:5px;text-transform: uppercase; }
.favouritesbutton:hover span { visibility:visible; }
.videobox { position:relative; padding-bottom:35px; }
.loadmorecommentcontainer { position:absolute; bottom:0px; left:50%; transform: translate(-50%, 0%); }
.btn-comments { font-size:0.875rem!important; padding:0.25rem 0.5rem!important; margin-top:5px; margin-bottom:25px; }
.videoheader { min-height:35px; }
.accordion-button:not(.collapsed) { background-color:#886abb;color:#fff; }
.accordion-button { background-color:#6f4494;color:#fff; }
.accordion-button { font-size:1.5rem; }
.form-control:disabled {  background-color:#dee2e7; }

#paginationback, #paginationforward { position: absolute; top: -20px; z-index: 200; }
#paginationforward { right: -32px; }
#paginationback { left: -32px; }
#mainuserinfocontainer { position: relative; }
#paginationback:hover, #paginationforward:hover { background-color: transparent!important; }
/*#paginationforward:hover { right: -34px;  }
#paginationback:hover { left: -30px; }*/
#paginationforward:hover, #paginationback:hover { top: -18px; }

.pagination .page-link { color:#6f4494; }
.pagination .active>.page-link { background-color:#6f4494; border-color:#6f4494; color:#fff!important; }
#paginationButtons .page-link { border-radius:0px;}
#nextPagination a { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); }
.pagination .page-item.disabled .page-link { background-color: #dee2e6; border-color:#dee2e6; color:#fff!important; }

.crown { max-height: 35px; float: left; margin-right: 10px; }
h3 .crown { float: none; }
.weightimages a.imgenlarge { width: 100%; }

/* Vip sidebar */
.sidebararea .btn { text-align: left; padding: 10px 20px !important;  }
.sidebararea .btn:hover { background-color: #333 }
.sidebararea .btn .glyphicon { color: #fff; }
.currentweight {}
.sidebararea p { font-size: 14px; margin-bottom: 10px; }
.sidebararea p.totallost { font-size: 20px; color: #5c5c5c; font-weight: bold; line-height: 1.1;  }
.sidebararea p.totallost strong {color: #6f4494; }
#filterform label { display:inline; }

/*calorie calculator*/
.activitybutton { min-height:90px; height:100%; display:flex; }
.activitybutton span { margin:auto;text-transform:uppercase;font-family: 'Teko', sans-serif;font-size: calc(1.275rem + .3vw);line-height:1; }
.activitybutton small { margin:auto;text-transform:lowercase;font-family:var(--bs-font-sans-serif);font-size:14px;line-height:21px; }
.resultbox { background-color:#7c4297;border-radius:5px;padding:0.5rem;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); }
#calculatorresults p { color:#fff!important;  }
#calculatorresults h4 { color:#fff!important;margin-top:10px;  }

/* Login Modal */
.modal-login {	color: #636363;	width: 350px; }
.modal-login .modal-content { padding: 20px; border-radius: 5px; border: none; }
.modal-login .modal-header { border-bottom: none; position: relative; justify-content: center; }
.modal-login h4 { text-align: center;	font-size: 26px; margin: 30px 0 -15px; }
.modal-login .form-control:focus { border-color: #6f4494; }
.modal-login .form-control, .modal-login .btn {	min-height: 40px; border-radius: 3px; }
.modal-login .close { position: absolute;	top: -5px; right: -5px; border: 1px solid #AFAFAF; background-color: #DBDBDB; border-radius: 3px; }
.modal-login .modal-footer { background: #ecf0f1; text-align: center;	justify-content: center;	margin: 0 -20px -20px;	border-radius: 5px;	font-size: 13px; }
.modal-login .modal-footer a {	color: #999; }
.modal-login .avatar {position: absolute;margin: 0 auto;left: 0;right: 0;top: -65px;width: 145px;height: 95px;border-radius: 50%;z-index: 9;background: #6f4494;padding: 19px;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}

.modal-login .avatar img {	width: 100%; }
.modal-login.modal-dialog {	margin-top: 180px; }
.modal-login .btn, .modal-login .btn:active { color: #fff; border-radius: 4px;	background: #6f4494 !important;	text-decoration: none;	transition: all 0.4s;
	line-height: normal; border: none; }
.modal-login .btn:hover, .modal-login .btn:focus {	background: #6f4494 !important;	outline: none; }
.trigger-btn {display: inline-block;}
#myModal label { font-weight: normal; }
#myModal .btn {margin: 0 auto; }
.modal-title { color: #6f4494; font-weight: bold; }
.sideloginbox { position: absolute; right: 0px; top: 175px; background-color: #fff;  border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 10px 20px; font-family: 'Teko', sans-serif; font-size: 24px; line-height: 0.9; text-transform: uppercase; padding-top: 12px;  }
.sideloginbox a { color: #6f4494; }
.sideloginbox a:hover { color: #fff; }
.leftsideloginbox { position: absolute; left: 0px; top: 175px; background-color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 10px 20px; font-family: 'Teko', sans-serif; font-size: 24px; line-height: 0.9; text-transform: uppercase; padding-top: 12px;  }
.sideloginbox .glyphicon.glyphicon-chevron-right {font-size: 16px; }
.sideloginbox:hover, .leftsideloginbox:hover {background-color: #6f4494; color: #fff; }
.sideloginbox:hover .purple, .leftsideloginbox:hover .purple { color: #fff; }
.sideloginbox a:hover, .leftsideloginbox a:hover { text-decoration: none; }
.form-group { margin-bottom: 15px; margin-top: 15px; }
.modal-body { text-align: center; }
.form-check .form-check-input { float: none; }
.modal-login .modal-footer { background-color: #d6d6d6; }
.modal-footer { border-top: 1px solid #b7b7b7; }
#registerform { min-height: 340px; }
#registerform, #registrationform { color: #fff; }
.signup label { color: #000!important; }
.signup { background:url(../images/hompeage-header2.jpg) no-repeat center top; }
#registerform label { font-weight: 400; }
#passwordsetup, #dateofbirthsetup { font-size: 12px; }
#confirmnewpassword { margin-top: 15px; }
.form-select { padding: 6px 12px; font-size: 14px; }
button.btn-close { position: absolute; top: 10px; right: 10px; }

a.navbar-brand { }
.navbar-brand img { text-align: left; margin-top: -20px; }
button.navbar-toggler { margin-top: 15px; }
.portalboxes p {background-color:#6f4494;color:#fff;padding:10px;font-weight: 600;font-size: 15px;border-radius: .25rem}
.portalboxes .btn:hover p {background-color:#7c4297;border-radius: 10px}
.portalboxes .unlock {background-color:#482c60!important;color:#c0c0c0;}

.fullimagemodal img {max-width: 100%; max-height: 510px; border: 1px solid #C9C9C9; }
#imageModal .modal-body { height: 700px; }
.fullimagemodal { margin-top: 10px; border: 0px; padding-top: 0px; padding-bottom: 10px }
h5#imageModalLabel { text-align: center; }
#imageModal {width: 70%; margin-left: 15%; }
.newuserbutton { margin-top: 0px !important; margin-bottom: 30px; }
.controluserstable {  text-align: left;}
.controluserstable td, .controluserstable th  { border: 1px solid #fff; color: #fff; }
.controluserstable tbody tr:nth-child(4n-3), .controluserstable tbody tr:nth-child(4n-2) {background-color:#212529;}
/*.controluserstable tbody tr:nth-child(4n-1), .controluserstable tbody tr:nth-child(4n) {background-color:#212529;}*/
.controluserstable thead tr th { background-color: #fff; color: #000 !important; border: 1px solid #000; }
.controluserstable thead { border: 1px solid #fff !important; }
.table .editbutton { padding: 3px 6px; margin: 0px; font-size: 10px; text-align: center; }
.table .editbutton:hover, #registerform .newuserbutton:hover { color: #000 !important; }
.center { text-align: center; }
#userselect { margin-bottom: 30px; }
#invitationform { color: #fff; }

.arrow-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; margin:2px; }
.arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; margin:2px; }
.arrow-right { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; }
.arrow-left { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; }
.arrow-up, .arrow-down, .arrow-right, .arrow-left { position: absolute; top: 8px; right: 0px;  }
.arrow-up { right: 10px; border-bottom: 5px solid #6f4494; }
.arrow-down { border-top: 5px solid #6f4494; }
.nohref:hover{ cursor:pointer; }
a.stretched-link { color: #000; }
#parqform label, #preconsultationform label {color: #fff; text-align: left; }
#internalparqform label {color: #000; text-align: left; }
#parqform h2 {font-weight: bold; color: #fff;}
#internalparqform h2 {font-weight: bold; color: #6f4494;}
.longform { background-color: #000; background-image: none; }
#internalparqform .well { padding: 20px; border: 1px solid #000; border-radius:15px; margin-top: 40px; padding-bottom: 10px; }
.well { padding: 20px; border: 1px solid #fff; border-radius:15px; margin-top: 40px; padding-bottom: 10px; }
#consent { height: 2em; width: 2em; margin-right: 15px;}
.well label { width: 100%; }
.form-check-input:checked { border-color: #6f4494; background-color: #6f4494; }
#filterform { text-align:left; }


.herobanner.longform p { text-transform: unset; font-size: 14px; }
#contentarea h4 { color: #6f4494; }
#contentarea .col { margin-bottom: 30px; }

iframe { border: 1px solid rgba(188,188,188,1.00); }
.youtubeside h2 { margin-bottom: 0px; font-size: 1.3em; }
.youtubeside h3 { margin-top: 0px; font-size: 1.2em; }
.ytvideos { margin-top: 30px; }
.ytvideos iframe { margin-bottom: 10px; }
.ytvideos input { margin-bottom: 15px; }
.sidebararea .btn-primary { width: 100%; text-align: center;}

.portalboxes .btn, .portalboxes .disabledbtn { width: 100%; height: 200px; margin-bottom: 30px; display: inline-flex;
  align-items: center; text-align: center; justify-content: center; }
.disabledbtn {font-family: 'Open Sans', sans-serif;font-weight:600;color:#fff;padding:15px 25px;text-transform:uppercase;border-radius: .25rem;}
.portalboxes .btn svg, .portalboxes .disabledbtn svg { margin-left: 10px; }
.portalboxes .small { text-align: center; color: #fff; margin-top: -70px; text-transform:uppercase; }

.usercomments small {  font-size: 12px; color: #A0A0A0; }
.usercomments svg { color: #6f4494; }

.hidefrommobile { display:block }
.showonmobile { display:none }

.progress-bar { background-color:#7c4297; }

@media (min-width: 1200px) {
    .logodiv { display: block; }
    .navbarmobile { display: none; }
    a.navbar-brand  { float: left ; }
    .hidefrommobile { display:block }
    .showonmobile { display:none }

}

@media (min-width: 980px) and (max-width: 1200px) {
      a.navbar-brand  { float: left ; }
    .logodiv { display: block; }
     .navbarmobile { display: none; }
	.topnav a { padding: 12px 30px;}
	.h1, h1 { font-size: 28px;}
	.video iframe { min-height: 535px;}
	.box iframe { height: 155px;}
    .stickycta { top: 122px;}
    .navbar {max-width:1200px;}
    .hidefrommobile { display:block }
    .showonmobile { display:none }
    .testimonials .moreinfo { font-size:10px; }
    .stickycta { display: none; }
}

@media (min-width: 768px) and (max-width: 979px) {
	/*.topnav a { padding: 12px 15px; font-size: 12px;}*/
	h1, h1 { font-size: 20px;}
	h3 { font-size: 20px; }
	.video iframe { min-height: 400px;}
	.box iframe { height: 155px;}
	.contentpic { max-width: 45%;}
	.box { margin-bottom: 30px;}
    .stickycta { display: none; }
    .topnav { margin-top: 0px; }
    .herobanner { padding-top: 190px; }
    .herobanner h1 { width: 100%; margin: 0px; font-size: 50px; }
    .herobanner p { font-size: 15px; }
    .testimonials .moreinfo { bottom: 16px;font-size:10px; }
  .filecard {width:50%;}
  .hidefrommobile { display:block }
  .showonmobile { display:none }
  .topnav a { text-align: left; }
  .sideloginbox, .leftsideloginbox { top: 101px; }
  .portalboxes p { font-size:12px; }
  .portalboxes svg { width:12px; height:12px; }
}

@media (max-width: 767px) {
	.logo img { max-width: 100%;}
	.btn-group-vertical>.btn, .btn-group>.btn { float:none;}
	.video iframe { min-height: 172px;}
	.contentpic { max-width: 50%;}
	h1, h1 { font-size: 20px;}
	.box { margin-top: 40px;}
	.box iframe {}
    .footerlogos img { margin-bottom: 10px;}
    .stickycta { display: none; }
    .herobanner .btn { padding: 15px 10px; }
    .topnav { margin-top: 0px; }
    .trainingoptions .box { margin-top: 20px; margin-bottom: 20px; }
    .contenthome a.btn-secondary { margin-top: 10px; }
    .testimonials h2 { margin-top: 10px; margin-bottom: 10px; }
    .ctabuttons { text-align: center; }
     .sideloginbox, .leftsideloginbox { top: 75px; }

    .topnav a { text-align: left; }
     .navbar-brand img { max-width: 100px; margin-bottom: 5px; margin-top: 5px; }
	 .navbar-light .navbar-toggler { float: right; margin-bottom: 15px;}
	 #imageModal { width: 94%; margin-left: 3%; }
	 #paginationforward { right: 10px; }
	 .measurementbox { margin-bottom: 10px; }
	 /*#paginationback, #paginationforward { display: none !important;}*/
   #paginationforward { position: absolute; top: 99%; left:50%; right:0; width:70px; z-index: 200; transform:translate(-50%, 0)}
   #paginationback { position: absolute; top:-20px; left:50%; right:0; width:70px; z-index: 200; transform:translate(-50%, 0)}
   #paginationforward:hover { top: 99%; }
   #paginationback:hover { top: -20px; }
   .filecard {width:50%;}
   .portalboxes .small { margin-bottom: 50px;}
   .vipheading {white-space:normal!important}
   .vipheadingcol {min-width:70%;}
   .hidefrommobile { display:none }
   .showonmobile { display:block }
   #closefilter { position:absolute; top: 8px; right: 8px; }
   #openfilter { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin-left:0px; width:auto; }
   .responsivefilter { position:fixed; bottom: 30px; right:30px; width:auto; z-index:999; }
   .responsivefilter:not(.filteropened) { bottom:30px; border-radius:50%; height:70px; width:70px; }
   .responsivefilter:not(.filteropened) h4, .responsivefilter:not(.filteropened) div, .responsivefilter:not(.filteropened) #closefilter { display:none; }
   .filteropened #openfilter { display:none }
}

@media (max-width: 550px) {
    iframe { max-width: 100%; }
    .contenthome img { max-width: 100%; }
    .logo img { max-width: 100%;}
	.btn-group-vertical>.btn, .btn-group>.btn { float:none;}
	.video iframe { min-height: 172px;}
	.contentpic { max-width: 50%;}
	h1, h1 { font-size: 26px;}
	.box { margin-top: 40px;}
	.box iframe { height: 155px;}
    .footerlogos img { margin-bottom: 10px;}
    .stickycta { display: none; }
    .herobanner h1, .herobanner h3 { font-size: 32px; }
    .herobanner { padding: 112px 0px; padding-bottom: 60px;  }
    .trainingoptions .box { margin-top: 20px; margin-bottom: 20px; }
    .contenthome a.btn-secondary { margin-top: 10px; }
    .contenthome {padding-top:30px;}
    .testimonials h2 { margin-top: 10px; margin-bottom: 10px; }
    .ctabuttons { text-align: center; }
    .navbar-brand img { max-width: 100px; margin-bottom: 5px; margin-top: 5px; }
    .topnav a { text-align: left; }
    .sideloginbox, .leftsideloginbox { top: 75px; padding: 9px 12px; font-size: 18px; }
    /*.sideloginbox, .leftsideloginbox { background-color: #6f4494; color: #fff; }*/
    /*.sideloginbox .purple, .leftsideloginbox .purple { color: #fff; }*/
    .contentviparea { text-align: center; }
    #contentarea iframe { margin-bottom: 30px; }
    .sidebararea { margin-bottom: 30px; }
    .portalboxes .small { margin-bottom: 50px;}
    .vipheading {white-space:normal!important}
    .vipheadingcol {min-width:70%;}
    .hidefrommobile { display:none }
    .showonmobile { display:block }
    .signup h1 { font-size:14px!important; }
    .signup { padding-top:0px!important;}
    .signup .well { padding:10px!important; }
    .pagination .page-link {
        font-size: 0.85rem;
        padding: 0.3rem 0.65rem;
    }
}