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

/*--Import Global CSS--*/
@import url('/sites/all/themes/tpnperfectbodies/css/global.css');


#edit-field-report-count-this-term,
#edit-field-affilate-id,
#edit-field-trial-expiration-date,
#user-register-form #field-affilate-id-add-more-wrapper {display: none;}


/*body {min-width: 1200px;}*/


.download-full.grey {background: #AAA !important;}
.download-full .loading {margin-right: 10px;}

.printthis-wrapper {border: 2px dashed;box-shadow: 2px 1px 5px;}

#printthis {padding:20px;padding-top: 20px !important;}

.printable-message {font-size: 10px;
    padding: 1px 4px;}

.printthis-wrapper {margin-bottom: 40px;}

#generate-resistance-program {    display: block;
    width: 300px;
    margin: 0 auto;margin-bottom: 60px;}

@media print {
    body {width: 800px;}
    #report-actions,
    .center-heading,
    .node-resistance-form,
    #generate-resistance-program,
    #generate-grocery-list{display:none !important;}

    
    
    #main {background: #FFF !important;}

    .body-part,
    .exercise-wrap {border: none !important;}

    .hide-print, 
    .printable-message {display: none;}

    #printthis {border: none;box-shadow: none;}
    .printthis-wrapper {border: none;box-shadow: none;}

}


.col-sm-9,
.col-sm-3 {float: left;}

/*
#edit-field-fat-free-bodyweight {display: none !important;}
*/


.btn-o {position: relative;}
.btn-o .loading {ertical-align: -3px;
    left: 24px;
    position: absolute;font-size: 24px;margin-right: 10px;color: var(--primary-color);}
.btn-0 .loading svg {
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;}
.btn-o .checkbox {ertical-align: -3px;
    left: 24px;
    position: absolute;font-size: 24px;margin-right: 10px;color: green;}


.small-font {font-style: italic;
    font-size: 14px;
    color: green;
    margin-top: 5px;
    font-weight: bold;text-align: center;}


/* Hide header and footer in application - modify header */

.node-type-evaluation header,
.node-type-evaluation .footer-content,
.page-user-meal-plan header,
.page-user-meal-plan .footer-content,
.page-user-cardio header,
.page-user-cardio .footer-content,
.page-user-resistance header,
.page-user-resistance .footer-content {display: none;}



.node-type-evaluation h1.page-header,
.page-user-meal-plan h1.page-header,
.page-user-cardio h1.page-header,
.page-user-resistance h1.page-header {
    padding: 40px 20px !important;
    color: #FFF;
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: bold;
}









.node-type-evaluation #printthis {padding-top: 20px !important;}
.node-evaluation .content .field-items {font-size: 24px;margin-left: 10px;}
.node-evaluation .content .field .field-label {padding-top: 6px;font-size: 16px;}


#report-actions a {width: 80%;margin: 0 auto;}

.report-header {padding: 20px;background: #000;margin-top: 20px;display: flex;margin-bottom: 5px;}
.report-header img {}
.report-header .eval-title {color: #FFF;
    width: 100%;
    text-align: center;
    padding-top: 33px;
    font-size: 22px;
    font-weight: bold;}

.region-popup-one {top: 0;position: fixed;width: 100%;height: 100%;overflow-y: scroll;}

.popup-outer-wrapper {height: 100%;background-color: rgba(0,0,0,0.7)}
.popup-full-wrapper {margin: 0 auto;width: 900px;max-width: 100%;padding: 40px;}

.popup-wrapper {background: #e5e5e5;}

.popup-close {float: right;
    background: var(--secondary-color);
    color: #FFF;
    margin: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 20px;
    line-height: 1.3em;}

.popup-close svg {    font-size: 40px;    background: #000;
    padding: 5px;
    border-radius: 50%;}

.popup-header {background: var(--primary-color);text-align: center;}
.popup-header h2 {font-family: var(--font-family);
    color: #FFF;
    padding: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 26px;}
.popup-body {padding: 30px;}
.popup-body p {text-align: center;}

#report-popup .popup-body {padding: 20px;}
#report-popup .report-list {margin-bottom: 20px;}
#report-popup .report-credits {    width: 35px;
    border-radius: 20px;
    font-size: 31px;background: #FFF;color: var(--primary-color);font-weight: bold;}
#report-popup span.checkbox {color: green;
    font-size: 34px;
    margin-right: 15px;}
#report-popup span.checkbox.red {color: var(--primary-color);}
#report-popup span.checkbox i {}

.commerce-line-item-views-form .form-submit {display: none;}


.white-out {color: #FFF !important;}

#save-exercise,
#save-exercise-complete {color: var(--primary-color);margin-right: 20px;text-decoration: underline;}


.radio-input-wrap {float: left; width: 50%;padding: 10px 0;}
.radio-input-wrap .input-label {margin-left: 10px;font-weight: bold;}
.exercise-group-letter {background: var(--primary-color);color: #FFF;font-size: 38px;padding: 16px 0;text-align: center;width: 80px;height: 80px;line-height: initial;}
.exercise-wrap {padding: 40px 20px;border: 1px solid #000;margin: 20px 0;}
.single-exercise {float: left;width: 44%;
    padding: 20px 0;}
.single-exercise span {width: 100%;}
.number-reps-sets , .sets-or-reps{display: inline;margin-right: 5px;}
.exercise-group .exercise-name {font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--primary-color);
    margin-right: 20px;    min-height: 70px;}
.single-exercise {margin-right: 30px;}
span.number-reps-sets {font-size: 16px;
    min-height: 102px;
    display: block;}


.node-type-article .field-name-body div,
.node-type-article .field-name-body span
.node-type-article .field-name-body p {background-color: transparent !important;font-size: 20px !important;}

.add-exercise {
    margin-bottom: 20px;
    color: var(--primary-color);
    text-transform: uppercase;
    border-bottom: 2px solid;
    font-weight: bold;}
#edit-field-all-body-parts,
#field-days-todo-resistance-train-values .field-multiple-drag,
#field-days-todo-resistance-train-values .form-required,
.node-resistance-form #edit-actions {display: none;}

.submitted {font-style: italic;margin-bottom: 10px;font-size: 14px;}
.views-field-title a {color: var(--primary-color)font-size: 24px;}
.views-field-view-node .btn {    padding: 10px 30px;
    line-height: 35px;
    font-size: 23px;margin-bottom: 40px;}
.views-field-view-node a{color: #FFF;}

.day-session-label {margin-top: 40px;font-size: 22px;color: var(--primary-color);text-transform: uppercase;font-weight: bold;padding-bottom: 5px;margin-bottom: 10px;border-bottom: 5px solid #000;}

.edit-add-exercise {background: #e5e5e5;padding: 20px;margin-bottom: 40px;}
.edit-add-exercise .form-control {border-color: #000;}

#save-exercise {margin-top: 20px;}


.container{padding-left:15px; padding-right:15px;}
@media(min-width:1301px){
	.container{max-width:1300px;}
}
@media(max-width:1300px){
	.container{max-width:100%;}
}
.debug h4 {font-size: 16px;
    color: var(--primary-color);}
.debug {padding: 20px;
    background: #283b9b;
    color: #FFF;
    font-size: 14px;
    border-radius: 20px;}
.mini-debug {
    padding: 2px 5px;
    margin: 0 0 5px 5px;
    background: #283b9b;
    color: #FFF;
    font-size: 8px;
    border-radius: 20px;
    display: inherit;
}

.loading-message {text-align: center;}
.loading-buffering {padding: 40px;width: 200px;margin: 0 auto;}


span.refresh,
span.edit,
span.delete {font-size: 29px;
    color: var(--primary-color);}

form .field-multiple-table {margin: 0;width: 100%;}

.dietary-program-label {
    background: var(--primary-color);
    color: #FFF;
    padding: 15px;
    font-weight: bold;
    font-size: 24px;
}

h2.day-number {
    color: #FFF;
    font-weight: bold;
    padding: 10px 20px;
    margin-top: 50px;
    text-transform: uppercase;
    background: #000;}

table.debug td {border: 1px solid;
    padding: 2px 10px;
    min-width: 150px;}
table.debug thead {background: #FFF;color: #000;}

.page-user-evaluation .tabs,
.page-user-evaluation td.field-multiple-drag,
.page-user-meal-plan td.field-multiple-drag {display: none;}

.evaluation-email {display: none;}


span.grams,
span.bpm {font-weight: bold;font-size: 26px;}
.form-select {border: 3px solid var(--primary-color);border-radius: 0px;}

.hide{display: none;}

#bmi-scale {margin: 20px 0}
#bmi-scale span {width: 100%;}
#bmi-scale span.bold {font-weight: bold;color: var(--primary-color);}
#treadmill-speed {border: 2px solid var(--primary-color);padding: 5px;margin-left: 10px;}
.main-section {width: 100%;}
.node-unpublished {background: transparent;}

.node-type-evaluation .field {    border-bottom: 1px solid #CCC;
    margin-bottom: 3px;
    padding-bottom: 3px;}

.node-type-evaluation ul.primary:first-of-type {display: none;}

.node-type-evaluation #main {background: #FFF;}

.back-button {}
.next-button {}
[class^="field-name-field-next-"] {text-align: right;}

[class^="field-name-field-back-"] {text-align: left;}
.page-user-evaluation #edit-submit,
.next-button {    float: right;
    margin-top: -95px;}

#edit-field-next-step-2 {text-align: right;}
#edit-field-next-step-2 .next-button {float: none;margin-top: 0px;}

body.Client {}

body.Trainer .tabs li:nth-of-type(4),
body.Trainer .tabs li:nth-of-type(5),
body.Trainer .tabs li:nth-of-type(6),
body.Trainer .tabs li:nth-of-type(7),
body.Trainer .tabs li:nth-of-type(8),
body.Trainer .tabs li:nth-of-type(9) {display: none}



.Client .tabs li:nth-of-type(3) {display: none}
.Client .filter-wrapper,
.Client .vertical-tabs,
.page-user-evaluation .vertical-tabs,
.page-user-meal-plan .vertical-tabs,
.page-user-resistance .vertical-tabs {display: none;}



.Bronze .main-container {background: #000 !important;}
.Bronze .field-name-field-report-count-this-term,
.Bronze .field-name-field-user-reference,
.Bronze .field-name-field-users-remaining,
.Bronze .field-name-field-evaluation-nid,
.Bronze .tabs {display: none;}


.Client .field-name-field-report-count-this-term,
.Client .field-name-field-user-reference,
.Client .field-name-field-users-remaining,
.Client .field-name-field-evaluation-nid
 {display: none;}

#edit-field-10-select-dietary-program-und label {font-size: 14px;margin-left: 3px}

table.table-tpn-style thead {height: 40px !important;background: var(--primary-color);color: #FFF;text-transform: uppercase;}
table.table-tpn-style thead td {border: 2px solid #000 !important;font-size: 14px;}
table.table-tpn-style tbody td {border: 2px solid #000 !important;background: #ebebeb;padding: 20px 15px;}
table.table-tpn-style tbody td.title {max-width: 200px;}

.black-background {background: #000;color: #FFF;display: block !important;}
.text-right {text-align: right;}

h6.center-heading {text-transform: uppercase;
    text-align: center;
    width: 60%;
    display: block;
    margin: 40px auto;
    padding-bottom: 15px;
    border-bottom: 5px solid var(--primary-color);}

#client-programs-list h5.title {color: #FFF;background: #000;text-transform: uppercase;text-align: center;font-weight: bold;padding: 20px;}
#client-programs-list h5 {text-transform: uppercase;text-align: center;}
#client-programs-list h5.sub-title {padding: 20px;font-weight: bold;min-height: 100px;}
#client-programs-list .border-black {border: 2px solid #000;min-height: 410px;}
#client-programs-list .border-red {border-bottom: 2px solid var(--primary-color)}
#client-programs-list .section {text-align: center;text-transform: uppercase;padding: 20px 0}
#client-programs-list .section-title {text-align: center;text-transform: uppercase;}
#client-programs-list .section span {text-align: center;text-transform: uppercase;}
#client-programs-list .btn {width: 100%;margin-top: 20px;font-size: 16px;}


#cardio-program {padding-bottom: 40px;}

span.cardio-session {width: 100%}
.d-inline {display: inline;}

#edit-submit {margin-right: 20px;}

.region-sidebar-first .btn {padding: 10px;font-size: 18px;margin-top: 20px;width: 100%;background: #000;border: 4px solid var(--primary-color);}
.region-sidebar-first .block {padding: 20px;}

.float-right {float: right;}
.main-container{}
.page-node-2 .main-container{    display: block;}
.page-user .region-content {background: #FFF;padding: 20px;margin-bottom: 20px}
ul.primary li.active a {color: #000}
ul.primary li a {text-transform: uppercase;
    font-weight: bold;color: #FFF;background-color: var(--primary-color);padding: 15px 0;padding: 15px;}
ul.primary li a:hover {color: var(--primary-color);}


.interior-header {background:url(/sites/all/themes/tpnperfectbodies/images/header-bg.jpg);background-size: cover;}
.interior-header h1.page-header {padding: 80px 20px;
    color: #FFF;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;}
.user-details {text-align: right;
    color: #FFF;
    font-size: 14px;
    padding: 2px 5px;}
.user-details .membership-level a {
    background: var(--primary-color);
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 5px;
    padding: 4px 10px;
    border-radius: 5px;
}
.view-content .col {float: left;box-sizing: border-box;margin-top: 20px;}
.view-content .views-field-commerce-price {font-size: 40px;font-weight: bold;color: #FFF;background-color: var(--primary-color);padding: 20px;}
.view-content .views-field-field-tier-label {color: #FFF;font-weight: bold;background: #3b3b3d;padding: 20px;}
.view-content .views-field-field-product-description {min-height:240px;display: block;background: #FFF;padding: 20px;}
.view-content .views-field-add-to-cart-form {background: #FFF;padding: 20px;}
.view-content .views-field-field-product-description span {font-size: 14px;margin-bottom: 0px;}

.btn-o {
    display: block;
    text-align: center;
    padding: 20px 10px;
    line-height: 25px;
    font-size: 15px;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
    border: 5px solid #000;
}
.btn-o:hover {background: #EEE;color: var(--primary-color);border-color: var(--primary-color);}

.red-background{background: var(--primary-color);color: #FFF}
.tabledrag-toggle-weight {display: none;}
.node-form,
.node-resistance-form {width: 500px;
    margin: 0 auto;
    max-width: 100%;}

.field-add-more-submit {font-size: 14px;padding: 5px 10px;font-weight: normal;}


.node-meal_plan-form .field-select-start-date-add-more-wrapper legend {}
.date-padding .description {display: none;}

.center{text-align: center;}
.uppercase{text-transform: uppercase;}

#views-form-commerce-cart-form-default #edit-submit {margin-right: 20px;display: none;}
body{font-family:var(--font-family); background-color:#000; color:#000;font-size:20px;}
#main {background:#CCC;}
p {margin-bottom:20px;line-height: 1.7em;}
.bg-black{color:#FFF;background:#000;}.text-center{text-align: center;}
.title-red-underline, .fieldset-legend {border-bottom:5px solid var(--primary-color);margin: 20px 0;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;text-transform: uppercase;}
.view-testimonials- .views-row {border-top: 10px solid;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px 20px;}
.view-testimonials- .title-red-underline {padding-left:0px !important;}
.view-testimonials- .field-content {width:100%;}
.view-testimonials- .columns{float: left;}
.view-testimonials- img{margin: 20px 0 30px 0;}
.padding-bottom{padding-bottom:30px;}
input.field-add-more-submit,.btn-green {color:#FFF;background:var(--primary-color)}
.form-control{border-radius: 0;border: 3px solid var(--primary-color);}
.header-content{min-height:175px; padding:10px 0;}
.logo img{max-width:260px;}
.menu{background-color:var(--primary-color); padding:5px 0;}
.menu ul{background-color:#000;}
.menu ul li a{font-size:18px; color:#fff; font-weight:900; text-transform:uppercase; display:block; text-align:center; padding:15px 30px; line-height:20px;}
.menu .container-fluid{max-width:1440px; padding:0;}
.menu ul li a.login-link{background-color:var(--primary-color);}
.header-block .login-link{color:#fff; font-size:16px; font-weight:900; color:#fff;}
.header-block .login-link:hover{color:var(--primary-color);}
.header-block .nav-icon:not(:first-child){margin-left:15px;}
.banner{min-height:530px; background:url(/sites/all/themes/tpnperfectbodies/images/banner.jpg) center center no-repeat; background-size:cover; padding:30px 0;}
.banner h1{text-transform:uppercase; font-weight:900; color:#fff;}
.banner h1:not(:last-child){margin-bottom:25px;}
.banner h5{font-weight:900; color:#fff;}
.create-account-strip{background-color:var(--primary-color); padding:20px 0;}
.create-account-strip h5{text-transform:uppercase; color:#fff;}
.create-account-btn{display:block; text-align:center; padding:20px 30px; line-height:25px; font-size:25px; font-weight:900; color:#fff; text-transform:uppercase; border:5px solid #fff; color:#fff;}
.create-account-btn:hover{background-color:#fff; color:var(--primary-color);}
.create-account-strip .row.rows{margin:-10px;}
.create-account-strip .row.rows .columns{padding:10px;}
.program-section{padding:60px 0; background-color:#ccc;}
.program-section .container > .row.rows{margin:-35px -20px;}
.program-section .container > .row.rows > .columns{padding:35px 20px;}
.program > .row.rows{margin:-12px;}
.program > .row.rows > .columns{padding:12px;}
.program-icon{width:175px; height:175px; border-radius:100%; background-color:var(--primary-color); padding:10px; display:flex; align-items:center; justify-content:center;}
.program-icon img{max-width:60%;}
.program h6{color:var(--primary-color); text-transform:uppercase; font-weight:900;}
.program h6:not(:last-child){margin-bottom:10px;}
.article-section{position:relative;}
.article-section::after{position:absolute; right:0; top:0; width:50%; height:100%; background:url(/sites/all/themes/tpnperfectbodies/images/bg-1.jpg) right center no-repeat; background-size:cover; content:"";}
.article h5:not(:last-child), .article figure:not(:last-child){margin-bottom:25px;}
.article-section .article{padding:40px 30px 40px 0;}
.article-section .article h5{color:#fff;}
.article-section .btn{max-width:80%; margin:0 auto; display:block;}
.tpn-software-section-header{padding:25px 0; background-color:var(--primary-color);}
.tpn-software-section-header h2, .tpn-software-section-header h4{color:#fff; text-transform:uppercase;}
.tpn-software-section-header h2{font-weight:900;}
.tpn-software-section-header h4{font-weight:700;}
.tpn-software-section-header h2:not(:last-child){margin-bottom:10px;}
.tpn-software-section-content{background-color:#ccc; padding:30px 0;}
.tpn-software-section-content .row.rows{margin:-20px;}
.tpn-software-section-content .row.rows .columns{padding:20px;}
.tpn-software-section-content ul li:not(:last-child){margin-bottom:30px;}
.tpn-software-section-content ul li{padding-left:50px; position:relative;}
.tpn-software-section-content ul li::before{width:38px; height:38px; border-radius:100%; background:url(/sites/all/themes/tpnperfectbodies/images/check.png) center center no-repeat var(--primary-color); background-size:60% auto; content:""; position:absolute; left:0; top:0;}
.button-group{padding:50px 0; background-color:#2a2a2a;}
.button-group .container > .row.rows{margin:-8px -17px;}
.button-group .container > .row.rows > .columns{padding:8px 17px;}
.button{padding:30px 90px; line-height:28px; border-radius:50px; background-color:var(--primary-color); color:#fff; text-align:center; font-size:25px; font-weight:900; text-transform:uppercase; display:block; position:relative;}
.button:hover{background-color:var(--primary-hover-color); color:#fff;}
.button::after{position:absolute; right:0; top:50%; transform:translateY(-50%); content:""; border-radius:100%; width:88px; height:88px; background:url(/sites/all/themes/tpnperfectbodies/images/double-angle-right.png) center center no-repeat var(--primary-hover-color); background-size:30% auto;}
.button:hover::after{background:url(/sites/all/themes/tpnperfectbodies/images/double-angle-right.png) center center no-repeat var(--primary-color); background-size:30% auto;}
.copyright{min-height:90px; padding:15px 0; background-color:var(--primary-color);}
.copyright h5{    font-weight: initial;
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;}
.copyright h5 a{color:#fff;}
.copyright h5 a:hover{opacity:0.8;}
.footer-content{padding:40px 0;}
.footer-content .container > .row.rows{margin:-15px -40px;}
.footer-content .container > .row.rows > .columns{padding:15px 40px;}
.footer-block:not(:last-child){margin-bottom:80px;}
.footer-block-header:not(:last-child){margin-bottom:30px;}
.footer-block-header h4{font-weight:900; color:#fff; text-transform:uppercase; border-bottom:5px solid var(--primary-color); padding-bottom:10px;}
.footer-links li a{color:#fff; text-transform:uppercase;}
.footer-links li a:hover{color:var(--primary-color);}
.footer-links li:not(:last-child){margin-bottom:25px;}
.social-media a{width:90px; height:90px; border-radius:100%; background-color:var(--primary-color); display:flex; align-items:center; justify-content:center; color:#fff; font-size:33px;}
.social-media a:hover{background-color:var(--primary-hover-color);}
.social-media a:not(:last-child){margin-right:5px;}
.footer-row:not(:last-child){margin-bottom:30px;}
.address h5{color:#fff;}
.address li:not(:last-child){margin-bottom:20px;}
.address li{display:flex;}
.address li span{width:30px; color:var(--primary-color); font-size:25px;}
.address li span:not(:last-child){margin-right:10px;}
.news-letter h5{color:#fff; font-weight:900; text-transform:uppercase;}
.news-letter h5:not(:last-child), .news-letter-field:not(:last-child){margin-bottom:15px;}
.news-letter input{height:65px; background-color:#fff; border:0; width:100%; padding:5px 30px;}
.news-letter-field{position:relative;}
.news-letter-field label{position:absolute; left:0; top:50%; transform:translateY(-50%); color:#2a2a2a; padding:0 30px; pointer-events:none;}
.news-letter-field input:focus ~ label{display:none;}
.news-letter-field label span{color:red;}
.news-letter input, .news-letter-field label, .news-letter-submit{font-size:25px;}
.news-letter-submit{min-width:225px;}

@media(max-width:1399px){
	.menu{padding:3px 0;}
	.menu ul li a{font-size:18px; padding:12px 20px;}
	.logo img{max-width:230px;}
	.header-content{min-height:130px;}
	.banner{min-height:500px;}
	.create-account-btn{font-size:23px; border-width:3px; padding:18px 25px; line-height:23px;}
	.program-section .container > .row.rows{margin:-20px -15px;}
	.program-section .container > .row.rows > .columns{padding:20px 15px;}
	.program-icon{width:150px; height:150px;}
	.tpn-software-section-content .row.rows{margin:-15px;}
	.tpn-software-section-content .row.rows .columns{padding:15px;}
	.button{padding:25px 80px; line-height:24px; font-size:23px;}
	.button::after{width:74px; height:74px;}
	.button-group .container > .row.rows{margin:-8px -15px;}
	.button-group .container > .row.rows > .columns{padding:8px 15px;}
	.footer-content .container > .row.rows{margin:-15px -15px;}
	.footer-content .container > .row.rows > .columns{padding:15px 15px;}
	.news-letter input, .news-letter-field label, .news-letter-submit{font-size:23px;}
}
@media(max-width:1199px){
	.menu{padding:2px 0;}
	.menu ul li a{font-size:16px; padding:10px 15px;}
	.logo img{max-width:200px;}
	.header-content{min-height:auto;}
	.banner{min-height:450px;}
	.banner h1 br{display:none;}
	.create-account-strip{text-align:center;}
	.create-account-btn{font-size:21px; border-width:2px; padding:15px 20px; line-height:20px; max-width:300px; margin:0 auto;}
	.program-icon{width:120px; height:120px;}
	.program > .row.rows{margin:-10px;}
	.program > .row.rows > .columns{padding:10px;}
	.program-section{padding:50px 0;}
	.tpn-software-section-content ul li{padding-left:40px;}
	.tpn-software-section-content ul li::before{width:28px; height:28px;}
	.button{padding:20px 70px; line-height:20px; font-size:21px;}
	.button::after{width:60px; height:60px;}
	.button-group .container > .row.rows{margin:-10px;}
	.button-group .container > .row.rows > .columns{padding:10px;}
	.copyright{min-height:80px;}
	.social-media a{width:70px; height:70px; font-size:21px;}
	.news-letter input, .news-letter-field label, .news-letter-submit, .address li span{font-size:21px;}
	.news-letter input, .news-letter-field label{padding:5px 25px;}
	.news-letter input{height:55px;}
	.footer-block:not(:last-child){margin-bottom:60px;}
}
@media(min-width:992px){
	.menu ul li a:not(.login-link):hover{color:var(--primary-color);}
}
@media(max-width:991px){
	.menu{padding:0; display:none;}
	.logo img{max-width:180px;}
	.menu ul li:not(:last-child){border-bottom:1px solid var(--primary-hover-color);}
	.menu ul li a{text-align:left; background-color:var(--primary-color); padding:12px 15px;}
	.menu ul li a:hover{background-color:var(--primary-hover-color);}
	.banner{min-height:400px;}
	.banner h1:not(:last-child){margin-bottom:20px;}
	.create-account-btn{font-size:20px; padding:13px 15px; line-height:18px;}
	.program-icon{width:100px; height:100px;}
	.program-section{padding:40px 0;}
	.article-section::after{display:none;}
	.article-section .article{padding-right:0; text-align:center;}
	.article figure img{max-width:70%; margin:0 auto;}
	.button{padding:18px 60px; line-height:18px; font-size:16px;}
	.button::after{width:54px; height:54px;}
	.copyright{min-height:70px;}
	.social-media a{width:60px; height:60px; font-size:18px;}
	.footer-block-header h4{border-bottom-width:3px;}
	.news-letter input, .news-letter-field label, .news-letter-submit, .address li span{font-size:20px;}
	.news-letter input, .news-letter-field label{padding:5px 20px;}
	.news-letter input{height:50px;}
	.address li span{width:25px;}
	.footer-block:not(:last-child){margin-bottom:50px;}
}
@media(max-width:767px){
	.interior-header h1.page-header{font-size: 18px;padding: 40px 20px;}
	.logo img{max-width:160px;}
	.menu ul li a, .header-block .login-link{font-size:14px;}
	.banner{min-height:350px;}
	.banner h1:not(:last-child){margin-bottom:15px;}
	.banner h5{max-width:80%; margin:0 auto;}
	.create-account-btn{font-size:18px;}
	.banner{text-align:center;}
	.program-icon{width:80px; height:80px;}
	.program h6:not(:last-child){margin-bottom:5px;}
	.program-section{padding:30px 0;}
	.article h5:not(:last-child), .article figure:not(:last-child){margin-bottom:20px;}
	.article-section .article{padding:30px 0;}
	.button-group{padding:30px 0;}
	.copyright{min-height:auto;}
	.footer-links li:not(:last-child){margin-bottom:15px;}
	.news-letter input, .news-letter-field label, .news-letter-submit, .address li span{font-size:18px;}
	.news-letter input, .news-letter-field label{padding:5px 15px;}
	.address li span{width:20px;}
	.social-media a{width:50px; height:50px;}
	.news-letter-submit{min-width:200px;}
	.footer-block:not(:last-child){margin-bottom:40px;}
	.news-letter input{height:45px;}

    /* Tabs */
    ul.primary li {float: left;margin: 10px 0;}

}
@media(max-width:575px){
	.view-content .col {width: 100%}
	.logo img{max-width:140px;}
	.menu ul li a{padding:10px 15px; font-size:13px;}
	.header-block .login-link{font-size:13px;}
	.create-account-btn{font-size:16px;}
	.banner h5{max-width:90%;}
	.program{text-align:center;}
	.program-icon{margin:0 auto;}
	.program p{max-width:90%; margin:0 auto;}
	.article h5:not(:last-child), .article figure:not(:last-child){margin-bottom:15px;}
	.tpn-software-section-content ul li{padding-left:30px;}
	.tpn-software-section-content ul li::before{width:22px; height:22px;}
	.tpn-software-section-content ul li:not(:last-child){margin-bottom:20px;}
	.news-letter input, .news-letter-field label, .news-letter-submit, .address li span{font-size:16px;}
	.news-letter-submit{min-width:auto; width:100%;}
	.social-media a{width:40px; height:40px;}
}