/* */



nav {

    background-color: black

}



nav ul {

    padding: 10px 0

}



nav ul li {

    font-family: "Montserrat", sans-serif;

    text-transform: uppercase;

    margin: 0 10px

}



nav ul li a {

    color: #27b7e9;

    font-size: 1.5em;

    font-weight: 300

}



nav ul li a:hover {

    text-decoration: none;

    color: #27b7e9

}



.section-template {

    min-height: 100vh;

    background-size: cover;

    background-attachment: fixed;

    background-position: center;

    padding: 0

}



@media only screen and (max-width: 768px) {

    .section-template {

        background-attachment: scroll

    }

}



#training-section-template {

    background-image: url("../images/Auto-Detailing_closeup.jpg")

}



#training-section-template #training-logo-container {

    width: 100%;

    margin-top: 130px

}

@media only screen and (max-width: 414px) {

    #training-section-template #training-logo-container {

        margin-top: 110px;

        margin-bottom: 0

    }

}



@media only screen and (max-height: 812px) {

    #training-section-template #training-logo-container {

        margin-top: 170px;

        margin-bottom: 30px

    }

}



@media only screen and (max-height: 811px) {

    #training-section-template #training-logo-container {

        margin-top: 110px;

        margin-bottom: 0

    }

}



@media only screen and (max-width: 360px) {

    #training-section-template #training-logo-container {

        margin-top: 80px;

        margin-bottom: 0

    }

}



#training-section-template #training-logo-container #training-logo-white {

    background-image: url("../images/allin-logo.png");

    background-size: cover;

    width: 340px;

    height: 160px;

    margin-right: 20px

}



@media only screen and (max-width: 414px) {

    #training-section-template #training-logo-container #training-logo-white {

        background-size: 180px 85px;

        width: 180px;

        height: 85px

    }

}



#training-section-template #training-logo-container #training-title {

    padding-left: 10px;

    border-left: 1px solid #fff;

    display: table;

    height: 100%

}



#training-section-template #training-logo-container #training-title p {

    text-transform: uppercase;

    font-size: 2em;

    color: white;

    font-family: "Montserrat", sans-serif;

    font-weight: 300;

    margin-bottom: 0;

    display: table-cell;

    vertical-align: middle

}



@media only screen and (max-width: 414px) {

    #training-section-template #training-logo-container #training-title p {

        font-size: 1em

    }

}



#training-section-template #did-you-know-container {

    margin-top: 100px;

    margin-bottom: 50px

}



@media only screen and (max-width: 414px) {

    #training-section-template #did-you-know-container {

        margin-top: 120px;

        margin-bottom: 50px

    }

}



@media only screen and (max-width: 375px) {

    #training-section-template #did-you-know-container {

        margin-top: 100px;

        margin-bottom: 20px

    }

}



@media only screen and (max-width: 320px) {

    #training-section-template #did-you-know-container {

        margin-top: 70px

    }

}



#training-section-template #did-you-know-container h1 {

    font-size: 7em;

    color: #27b7e9;

    text-transform: uppercase;

    text-align: center;

    font-weight: 700;

    font-family: "Montserrat", sans-serif

}



@media only screen and (max-width: 414px) {

    #training-section-template #did-you-know-container h1 {

        font-size: 3em

    }

}



@media only screen and (max-width: 375px) {

    #training-section-template #did-you-know-container h1 {

        font-size: 2.2em

    }

}



#training-section-template #did-you-know-claim-container {

    text-align: center;

    background-color: #ffc545;

    padding: 50px 0

}



@media only screen and (max-width: 414px) {

    #training-section-template #did-you-know-claim-container {

        padding: 15px 0

    }

}



#training-section-template #did-you-know-claim-container h3 {

    color: black;

    font-size: 2.5em;

    font-weight: 300;

    font-family: "Open Sans", sans-serif

}



@media only screen and (max-width: 414px) {

    #training-section-template #did-you-know-claim-container h3 {

        font-size: 1.2em

    }

}



#training-section-template #did-you-know-claim-container h5 {

    margin-top: 30px;

    color: black;

    text-transform: uppercase;

    font-weight: 700;

    font-family: "Montserrat", sans-serif;

    font-size: 1.5em

}



@media only screen and (max-width: 414px) {

    #training-section-template #did-you-know-claim-container h5 {

        margin-top: 15px;

        font-size: 1em

    }

}



#team-section-template {

    background: #393939;

    background: -moz-linear-gradient(top, #393939 0%, #181818 100%);

    background: -webkit-linear-gradient(top, #393939 0%, #181818 100%);

    background: linear-gradient(to bottom, #393939 0%, #181818 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#181818', GradientType=0)

}



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

    #team-section-template {

        padding: 0 100px

    }

}



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

    #team-section-template {

        padding: 0 200px

    }

}



#team-section-template #team-section-header h2 {

    margin-top: 50px;

    font-size: 4.2em;

    font-weight: 700;

    text-transform: uppercase;

    color: white;

    text-align: center;

    font-family: "Montserrat", sans-serif

}



@media only screen and (max-width: 414px) {

    #team-section-template #team-section-header h2 {

        font-size: 2em

    }

}



@media only screen and (max-width: 375px) {

    #team-section-template #team-section-header h2 {

        font-size: 1.6em

    }

}



#team-section-template #team-section-header p {

    color: #27b7e9;

    font-size: 1.6em;

    text-align: center;

    font-weight: 300;

    font-family: "Open Sans", sans-serif

}



@media only screen and (max-width: 414px) {

    #team-section-template #team-section-header p {

        font-size: .8em

    }

}



#team-section-template #team-yelp {

    text-align: center

}



#team-section-template #team-yelp p {

    font-family: "Open Sans", sans-serif;

    margin-top: 70px;

    color: #ffc545;

    font-size: 2.5em;

    font-weight: 300 !important

}



#team-section-template #team-yelp p span {

    font-weight: 600

}



@media only screen and (max-width: 414px) {

    #team-section-template #team-yelp p {

        font-size: 1.1em;

        margin-top: 40px

    }

}



#team-section-template #team-yelp #yelp-logo {

    margin-top: 30px

}



@media only screen and (max-width: 414px) {

    #team-section-template #team-yelp #yelp-logo {

        width: 150px;

        margin-top: 10px

    }

}



#team-section-template #team-yelp #learn-it-from-us {

    background-color: #343333;

    border-radius: 5px

}



#team-section-template #team-yelp #learn-it-from-us p {

    font-family: "Open Sans", sans-serif;

    text-align: center;

    color: #b3fffb;

    font-size: 2.3em;

    padding: 15px 20px

}



@media only screen and (max-width: 414px) {

    #team-section-template #team-yelp #learn-it-from-us p {

        font-size: 1.2em

    }

}



#team-section-template #team-yelp #learn-it-from-us p span {

    color: #27b7e9;

    font-weight: inherit

}



#team-section-template #allin-photos {

    width: 100%

}



@media only screen and (max-width: 414px) {

    #team-section-template #allin-photos {

        margin-bottom: 30px

    }

}



#team-section-template #allin-photos img {

    position: absolute

}



@media only screen and (max-width: 414px) {

    #team-section-template #allin-photos img {

        position: relative

    }

}



#team-section-template #allin-photos #allin-photo-top {

    max-width: 235px;

    width: auto;

    left: 40%;

    top: 50px

}



@media only screen and (max-width: 414px) {

    #team-section-template #allin-photos #allin-photo-top {

        width: 130px;

        height: 130px;

        top: 10px;

        left: 30px

    }

}



@media only screen and (max-width: 375px) {

    #team-section-template #allin-photos #allin-photo-top {

        width: 115px;

        height: 115px

    }

}



@media only screen and (max-width: 360px) {

    #team-section-template #allin-photos #allin-photo-top {

        left: 20px

    }

}



#team-section-template #allin-photos #allin-photo-middle {

    max-width: 280px;

    width: auto;

    left: 0;

    top: 35%

}

#team-section-template #allin-photos #allin-photo-bottom {

    max-width: 346px;

    width: auto;

    right: 40px;

    top: 63%

}



#pricing-section-template #pricing-section-price {

    background-color: #27b7e9;

    margin-top: 230px;

    padding: 70px 50px 0;

    max-height: 650px;

    text-align: center;

    flex-direction: column

}

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

    #allin-photos{

        height:300px;

    }

    #team-section-template #allin-photos #allin-photo-middle{

        width:200px;

        left:40px;

    }

    #team-section-template #allin-photos #allin-photo-top{

            width:220px;

            left:35%;

            top:40px;

    }

    #team-section-template #allin-photos #allin-photo-bottom{

        width:280px;

        right:50px;

        top:20%;

    }

    #pricing-section-template #pricing-section-price{

        padding:70px 50px;

    }

    .site-footer #footer-section-logo-container #training-logo-black {

        background-image: url("../images/allin-logo-black.png");

        background-size: 150px 68px;

        width: 150px;

        height: 68px;

        margin-right: 20px

    }

    .site-footer #cc-social h3,.site-footer #site-links ul h3{

        font-size:1.5em;

    }

    .site-footer #cc-social #footer-section-cc-logos .fa{

        font-size:2.5em;

    }

    .site-footer #site-links ul li{

    font-size:1.3em;

    }

}

@media only screen  and (max-width : 875px) {

    #team-section-template #allin-photos #allin-photo-middle{

        width:200px;

        left:40px;

    }

    #team-section-template #allin-photos #allin-photo-top{

            width:220px;

            left:35%;

            top:40px;

    }

    #team-section-template #allin-photos #allin-photo-bottom{

        width:220px;

        right:50px;

        top:20%;

    }

}

@media only screen  and (max-width : 775px) {

    #team-section-template #allin-photos #allin-photo-middle{

        width:150px;

        left:40px;

    }

    #team-section-template #allin-photos #allin-photo-top{

            width:170px;

            left:35%;

            top:40px;

    }

    #team-section-template #allin-photos #allin-photo-bottom{

        width:190px;

        right:50px;

        top:20%;

    }

}

@media only screen  and (max-width : 650px) {

    #team-section-template #allin-photos #allin-photo-bottom{

        width:190px;

        right:50px;

        top:50%;

    }

}

@media only screen  and (max-width : 590px) {

    #team-section-template #allin-photos #allin-photo-middle{

        width:120px;

        left:40px;

    }

    #team-section-template #allin-photos #allin-photo-top{

            width:140px;

            left:35%;

            top:40px;

    }

    #team-section-template #allin-photos #allin-photo-bottom{

        width:140px;

        right:50px;

        top:50%;

    }

}

@media only screen and (max-width: 414px) {

    #team-section-template #allin-photos #allin-photo-middle {

        width: 140px;

        top: 180px;

        right: 0;

        margin-left: 50px

        left: 0;

    }

}



@media only screen and (max-width: 375px) {

    #team-section-template #allin-photos #allin-photo-middle {

        width: 140px;

        height: 140px

    }

}



@media only screen and (max-width: 360px) {

    #team-section-template #allin-photos #allin-photo-middle {

        margin-left: 50px

    }

}



@media only screen and (max-width: 320px) {

    #team-section-template #allin-photos #allin-photo-middle {

        margin-left: 30px

    }

}







@media only screen and (max-width: 414px) {

    #team-section-template #allin-photos #allin-photo-bottom {

        width: 150px;

        top: 50px;

        left: 0;

    }

}



@media only screen and (max-width: 375px) {

    #team-section-template #allin-photos #allin-photo-bottom {

        width: 170px;

        height: 170px

    }

}



@media only screen and (max-width: 360px) {

    #team-section-template #allin-photos #allin-photo-bottom {

        top: 30px;

        left: 30px

    }

}



@media only screen and (max-width: 320px) {

    #team-section-template #allin-photos #allin-photo-bottom {

        left: 10px

    }

}



#team-section-template #team-section-container {

    padding-bottom: 120px

}



#course-section-template {

    background-image: url("../images/Basic-Exterior-Detailing2.jpg")

}



#course-section-template #course-section-header h1 {

    margin-top: 50px;

    padding: 20px 0;

    background-color: #27b7e9;

    color: #251c09;

    text-transform: uppercase;

    font-size: 5em;

    font-family: "Montserrat", sans-serif;

    font-weight: 700;

    width: 100%;

    text-align: center

}



@media only screen and (max-width: 414px) {

    #course-section-template #course-section-header h1 {

        font-size: 2em;

        padding: 20px

    }

}



#course-section-template #watch-listen-learn {

    background-color: rgba(29, 45, 55, 0.65);

    margin-top: 50px;

    padding: 30px 0 0

}



#course-section-template #watch-listen-learn p {

    font-size: 2.3em;

    font-weight: 600;

    font-family: "Montserrat", sans-serif;

    color: #ffc545;

    line-height: 1.3em

}



@media only screen and (max-width: 414px) {

    #course-section-template #watch-listen-learn p {

        font-size: 1.1em;

        padding: 10px 10px 10px 20px

    }

}



#course-section-template #watch-listen-learn p span {

    text-transform: uppercase;

    color: white

}



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

    #course-section-template #watch-listen-learn p {

        padding: 20px 15px 20px 100px

    }

}



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

    #course-section-template #watch-listen-learn p {

        padding: 20px 15px 20px 200px

    }

}



#course-section-template #watch-listen-learn p#p-watch-block,

#course-section-template #watch-listen-learn p#p-listen-block {

    border-bottom: 1px solid white

}



#course-section-template #we-teach-you {

    margin-top: 50px;

    padding-left: 90px;

    padding-right: 0

}



@media only screen and (max-width: 414px) {

    #course-section-template #we-teach-you {

        padding-right: 0;

        padding-left: 0

    }

}



#course-section-template #we-teach-you h3 {

    color: #ffc545;

    font-weight: 700;

    font-size: 3em;

    border-bottom: 1px solid #ffc545;

    font-family: "Montserrat", sans-serif;

    padding-bottom: 30px

}



@media only screen and (max-width: 414px) {

    #course-section-template #we-teach-you h3 {

        font-size: 2em;

        padding-left: 10px;

        padding-bottom: 10px

    }

}



#course-section-template #we-teach-you ul {

    padding-bottom: 50px;

    border-bottom: 1px solid #ffc545

}



#course-section-template #we-teach-you ul li {

    font-size: 2.2em;

    font-weight: 400;

    font-family: "Open Sans", sans-serif;

    color: white;

    border-bottom: none;

    background-color: transparent;

    margin-bottom: 10px

}



@media only screen and (max-width: 414px) {

    #course-section-template #we-teach-you ul li {

        font-size: 1em;

        margin-bottom: 0;

        padding-bottom: 0;

        padding-top: 5px

    }

}



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

    #course-section-template #we-teach-you ul li {

        padding: 0 100px 0 15px

    }

}



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

    #course-section-template #we-teach-you ul li {

        padding: 0 200px 0 15px

    }

}



#contact-section-template {

    background-image: url("../images/Layer 1.jpg")

}



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

    #contact-section-template form {

        padding: 50px 100px

    }

}



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

    #contact-section-template form {

        padding: 50px 200px

    }

}



#contact-section-template #contact-section-header h1 {

    margin-top: 20px;

    padding: 20px 0 0;

    color: #ffc545;

    text-transform: uppercase;

    font-size: 5.6em;

    font-family: "Montserrat", sans-serif;

    font-weight: 700;

    width: 100%;

    text-align: center

}



@media only screen and (max-width: 414px) {

    #contact-section-template #contact-section-header h1 {

        font-size: 2em

    }

}



#contact-section-template #contact-section-header h3 {

    background-color: #f9e5a0;

    width: 100%;

    font-size: 2em;

    font-weight: 300;

    text-transform: uppercase;

    text-align: center;

    font-family: "Open Sans", sans-serif;

    padding: 10px 0

}



@media only screen and (max-width: 414px) {

    #contact-section-template #contact-section-header h3 {

        font-size: 1em;

        padding: 10px

    }

}



#contact-section-template #contact-section-form {

    flex-direction: column

}



@media only screen and (max-width: 414px) {

    #contact-section-template #contact-section-form {

        margin-top: 20px

    }

}



#contact-section-template #contact-section-form label {

    font-family: "Open Sans", sans-serif;

    font-size: 1.7em;

    font-weight: 300;

    color: #27b7e9;

    text-transform: uppercase

}



@media only screen and (max-width: 414px) {

    #contact-section-template #contact-section-form label {

        font-size: 1em;

        margin-bottom: 0

    }

}



#contact-section-template #contact-section-form input[type="text"],

#contact-section-template #contact-section-form input[type="tel"],

#contact-section-template #contact-section-form input[type="email"] {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-background-clip: padding;

    -moz-background-clip: padding;

    background-clip: padding-box;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    -webkit-appearance: none;

    background-color: transparent;

    color: white;

    border-left: 2px solid #27b7e9;

    border-bottom: 2px solid #27b7e9;

    outline: 0;

    margin: 10px 0 20px 0;

    padding: 20px;

    text-align: left;

    height: 1.5em;

    vertical-align: middle;

    text-transform: uppercase;

    font-family: "Open Sans", sans-serif;

    font-size: 1.5em;

    font-weight: 300;

    border-top: 0;

    border-right: 0;

    max-width: 600px;

    min-width: 400px;

    border-bottom-left-radius: 3px

}



@media only screen and (max-width: 414px) {

    #contact-section-template #contact-section-form input[type="text"],

    #contact-section-template #contact-section-form input[type="tel"],

    #contact-section-template #contact-section-form input[type="email"] {

        min-width: 330px;

        font-size: 1em;

        line-height: 1em;

        height: 1em;

        margin-bottom: 0;

        margin-top: 5px;

        padding: 15px

    }

}



@media only screen and (max-width: 360px) {

    #contact-section-template #contact-section-form input[type="text"],

    #contact-section-template #contact-section-form input[type="tel"],

    #contact-section-template #contact-section-form input[type="email"] {

        min-width: 300px

    }

}



@media only screen and (max-width: 320px) {

    #contact-section-template #contact-section-form input[type="text"],

    #contact-section-template #contact-section-form input[type="tel"],

    #contact-section-template #contact-section-form input[type="email"] {

        min-width: 250px

    }

}



#contact-section-template #submit-button-container {

    margin-top: 50px;

    text-align: center

}



@media only screen and (max-width: 414px) {

    #contact-section-template #submit-button-container {

        margin-top: 20px;

        margin-bottom: 20px

    }

}



#contact-section-template #submit-button-container #submit-contact-form-button {

    text-align: center;

    background-color: #ffc545;

    width: 280px;

    font-size: 2.2em;

    font-weight: 600;

    font-family: "Montserrat", sans-serif;

    text-transform: uppercase;

    padding: 15px 0;

    border: none;

    cursor: pointer

}



@media only screen and (max-width: 414px) {

    #contact-section-template #submit-button-container #submit-contact-form-button {

        font-size: 1em;

        padding: 5px 0;

        width: 170px

    }

}



#contact-section-template #calendar-container {

    text-align: center;

    flex-direction: column

}



#contact-section-template #calendar-container #calendar-date {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-background-clip: padding;

    -moz-background-clip: padding;

    background-clip: padding-box;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    -webkit-appearance: none;

    background-color: transparent;

    color: white;

    border-left: 2px solid #27b7e9;

    border-bottom: 2px solid #27b7e9;

    outline: 0;

    margin: 10px 0 20px 0;

    padding: 20px;

    text-align: left;

    height: 1.5em;

    vertical-align: middle;

    text-transform: uppercase;

    font-family: "Open Sans", sans-serif;

    font-size: 1.5em;

    font-weight: 300;

    border-top: 0;

    border-right: 0;

    max-width: 600px;

    min-width: 400px;

    border-bottom-left-radius: 3px;

    padding: 0;

    position: relative

}

.navbar-toggler-icon i{

    color:#ffffff;

}

@media only screen and (max-width: 414px) {

    #contact-section-template #calendar-container #calendar-date {

        min-width: 330px;

        font-size: 1em;

        line-height: 1em;

        height: 1em;

        margin-bottom: 0;

        margin-top: 5px;

        padding: 10px 0 20px

    }

}



@media only screen and (max-width: 360px) {

    #contact-section-template #calendar-container #calendar-date {

        min-width: 300px

    }

}



@media only screen and (max-width: 320px) {

    #contact-section-template #calendar-container #calendar-date {

        min-width: 250px

    }

}



#contact-section-template #calendar-container #calendar-date i {

    padding: 0 0 10px 10px;

    color: #27b7e9

}



#contact-section-template #calendar-container #calendar-date p {

    position: absolute;

    line-height: 1.5em;

    left: 50px;

    top: 0

}



#contact-section-template #calendar-container #date-container {

    text-align: left

}



#contact-section-template #calendar-container label {

    font-family: "Open Sans", sans-serif;

    font-size: 1.7em;

    font-weight: 300;

    color: #27b7e9;

    text-transform: uppercase

}



@media only screen and (max-width: 414px) {

    #contact-section-template #calendar-container label {

        font-size: 1em;

        margin-bottom: 0

    }

}



#contact-section-template #calendar-container .new-calendar {

    background-color: #27b7e9;

    padding-top: 10px

}



@media only screen and (max-width: 414px) {

    #contact-section-template #calendar-container .new-calendar .calendar-title {

        font-size: 1.3em

    }

}



#contact-section-template #calendar-container .new-calendar .calendar-title span {

    font-family: "Montserrat", sans-serif;

    text-transform: uppercase;

    font-size: .9em;

    font-weight: 300

}



#contact-section-template #calendar-container .new-calendar .calendar-title a {

    color: black;

    line-height: .9em

}



#contact-section-template #calendar-container .new-calendar .calendar-title a:hover {

    color: black

}



#contact-section-template #calendar-container .new-calendar .calendar-title a#next-month-link {

    margin-left: 10px

}



#contact-section-template #calendar-container .new-calendar .calendar-title a#prev-month-link {

    margin-right: 10px

}



#contact-section-template #calendar-container #calendar-table {

    border: none;

    max-width: 520px;

    margin-bottom: 0

}



@media only screen and (max-width: 414px) {

    #contact-section-template #calendar-container #calendar-table th {

        font-size: .7em;

        padding: .7rem

    }

}



@media only screen and (max-width: 360px) {

    #contact-section-template #calendar-container #calendar-table th {

        padding: .55rem

    }

}



@media only screen and (max-width: 320px) {

    #contact-section-template #calendar-container #calendar-table th {

        padding: .4rem

    }

}



@media only screen and (max-width: 414px) {

    #contact-section-template #calendar-container #calendar-table td {

        padding: .7rem

    }

}



@media only screen and (max-width: 360px) {

    #contact-section-template #calendar-container #calendar-table td {

        padding: .55rem

    }

}



@media only screen and (max-width: 320px) {

    #contact-section-template #calendar-container #calendar-table td {

        padding: .4rem

    }

}



#contact-section-template #calendar-container #calendar-table tr:last-child td {

    border-bottom: none

}



#contact-section-template #calendar-container #calendar-table tr:first-child th {

    border-top: none

}



#contact-section-template #calendar-container #calendar-table tr:first-child th:first-child {

    border-left: none

}



#contact-section-template #calendar-container #calendar-table tr:first-child th:last-child {

    border-right: none

}



#contact-section-template #calendar-container #calendar-table .no-border-left {

    border-left: none

}



#contact-section-template #calendar-container #calendar-table .no-border-right {

    border-right: none

}



#contact-section-template #calendar-container #calendar-table .day {

    font-weight: 600;

    font-family: "Montserrat", sans-serif;

    font-size: 1.5em;

    padding: .5rem

}



@media only screen and (max-width: 414px) {

    #contact-section-template #calendar-container #calendar-table .day {

        font-size: 1em;

        padding: .5rem

    }

}



@media only screen and (max-width: 360px) {

    #contact-section-template #calendar-container #calendar-table .day {

        padding: .4rem

    }

}



@media only screen and (max-width: 320px) {

    #contact-section-template #calendar-container #calendar-table .day {

        font-size: 1em;

        padding: .3rem

    }

}



#contact-section-template #calendar-container #calendar-table .day.valid-day {

    cursor: pointer

}



#contact-section-template #calendar-container #calendar-table .day.expired-date {

    opacity: .4

}



#pricing-section-template {

    background: #fff;

    background: -moz-linear-gradient(top, #fff 0%, #ccc 100%);

    background: -webkit-linear-gradient(top, #fff 0%, #ccc 100%);

    background: linear-gradient(to bottom, #fff 0%, #ccc 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0)

}



#pricing-section-template #pricing-section-course-includes {

    padding-left: 0;

    border-bottom: 1px solid black

}



@media only screen and (max-width: 414px) {

    #pricing-section-template #pricing-section-course-includes {

        padding-right: 0;

        border-bottom: none

    }

}



#pricing-section-template #pricing-section-course-includes h3 {

    color: #2f2f2f;

    font-weight: 700;

    font-size: 3.3em;

    border-bottom: 1px solid black;

    font-family: "Montserrat", sans-serif;

    padding-bottom: 30px;

    text-transform: uppercase;

    margin-top: 70px

}



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

    #pricing-section-template #pricing-section-course-includes h3 {

        padding: 0 15px 0 100px

    }

}



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

    #pricing-section-template #pricing-section-course-includes h3 {

        padding: 0 15px 0 200px

    }

}



@media only screen and (max-width: 414px) {

    #pricing-section-template #pricing-section-course-includes h3 {

        font-size: 1.8em;

        padding-left: 10px;

        margin-top: 30px;

        padding-bottom: 10px

    }

}



#pricing-section-template #pricing-section-course-includes ul {

    padding-bottom: 50px;

    border-bottom: 1px solid #ffc545;

    margin-top: 20px

}



#pricing-section-template #pricing-section-course-includes ul li {

    color: #2f2f2f;

    font-size: 2em;

    font-weight: 600;

    font-family: "Open Sans", sans-serif;

    border: none;

    background-color: transparent;

    margin-bottom: 10px;

    text-transform: capitalize

}



@media only screen and (max-width: 414px) {

    #pricing-section-template #pricing-section-course-includes ul li {

        font-size: 1em;

        margin-bottom: 5px;

        padding-bottom: 0;

        padding-top: 0

    }

}



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

    #pricing-section-template #pricing-section-course-includes ul li {

        padding: 0 15px 0 100px

    }

}



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

    #pricing-section-template #pricing-section-course-includes ul li {

        padding: 0 15px 0 200px

    }

}



#pricing-section-template #pricing-section-course-includes ul li ul {

    margin-top: 0;

    list-style-type: disc;

    list-style-position: inside;

    padding-bottom: 0px

}



#pricing-section-template #pricing-section-course-includes ul li ul li {

    display: list-item;

    font-weight: 300;

    font-size: .8em;

    padding-left: 20px;

    text-transform: none

}



@media only screen and (max-width: 414px) {

    #pricing-section-template #pricing-section-course-includes ul li ul li {

        font-size: 1em

    }

}



@media only screen and (max-width: 375px) {

    #pricing-section-template #pricing-section-course-includes ul li ul li {

        font-size: .8em

    }

}





@media only screen and (max-width: 414px) {

    #pricing-section-template #pricing-section-price {

        margin-top: 20px;

        padding: 20px 0px

    }

}



#pricing-section-template #pricing-section-price h1 {

    color: #2f2f2f;

    padding-bottom: 30px;

    border-bottom: 1px solid black;

    text-align: center;

    margin-top: 50px;

    font-size: 6em;

    font-weight: 700;

    font-family: "Montserrat", sans-serif

}



@media only screen and (max-width: 414px) {

    #pricing-section-template #pricing-section-price h1 {

        font-size: 2.7em;

        margin-top: 20px;

        padding-bottom: 10px

    }

}



#pricing-section-template #pricing-section-price h3 {

    text-align: center;

    color: #2f2f2f;

    font-family: "Montserrat", sans-serif;

    font-size: 3.7em;

    font-weight: 300;

    margin-top: 20px

}



@media only screen and (max-width: 414px) {

    #pricing-section-template #pricing-section-price h3 {

        font-size: 2em

    }

}



#pricing-section-template #pricing-section-price #pricing-section-materials {

    text-align: center;

    margin-top: 50px;

    color: #2f2f2f;

    font-family: "Montserrat", sans-serif;

    font-size: 2.2em;

    font-weight: 300

}



@media only screen and (max-width: 414px) {

    #pricing-section-template #pricing-section-price #pricing-section-materials {

        font-size: 1.5em;

        margin-top: 20px

    }

}



#pricing-section-template #pricing-section-price #pricing-section-cc-logos {

    color: white;

    width: 70%;

    text-align: center;

    margin-top: 30px

}



@media only screen and (max-width: 414px) {

    #pricing-section-template #pricing-section-price #pricing-section-cc-logos {

        width: auto;

        font-size: .7em;

        margin: 0

    }

    #pricing-section-template #pricing-section-price #pricing-section-cc-logos i {

        margin: 0 5px

    }

}



.container-fluid .section-title {

    color: white

}



.site-footer {

    padding-top: 120px;

    padding-bottom: 20px;

    background-color: black

}



@media only screen and (max-width: 414px) {

    .site-footer {

        padding-top: 40px;

        padding-bottom: 20px

    }

}



.site-footer .container-fluid {

    padding-right: 0

}



@media only screen and (max-width: 414px) {

    .site-footer .container-fluid {

        padding-right: 15px

    }

}



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

    .site-footer #site-links ul {

        padding: 0 0 5px 100px

    }

}



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

    .site-footer #site-links ul {

        padding: 0 0 5px 200px

    }

}



.site-footer #site-links ul h3 {

    color: #27b7e9;

    font-family: "Open Sans", sans-serif;

    font-weight: 700;

    font-size: 2.3em;

    text-transform: uppercase

}



@media only screen and (max-width: 414px) {

    .site-footer #site-links ul h3 {

        font-size: 1.5em

    }

}



.site-footer #site-links ul li {

    color: white;

    font-family: "Open Sans", sans-serif;

    background: transparent;

    border-bottom: none;

    font-size: 1.7em;

    font-weight: 300;

    padding-top: 0;

    padding-bottom: 0;

    padding-right: 0

}



@media only screen and (max-width: 414px) {

    .site-footer #site-links ul li {

        font-size: 1.2em

    }

}



.site-footer #site-links ul li#allin-link {

    margin-bottom: 10px

}



.site-footer #site-links ul li#allin-link a {

    color: black;

    padding: 5px 7px;

    background-color: #b3fffb;

    text-decoration: none;

    border-radius: 3px

}



.site-footer #site-links ul li a {

    color: white;

    text-transform: uppercase

}



.site-footer #site-links ul li a:hover {

    color: white;

    text-decoration: none

}



.site-footer #cc-social h3 {

    color: #27b7e9;

    font-family: "Open Sans", sans-serif;

    font-weight: 700;

    font-size: 2.3em;

    text-transform: uppercase

}



@media only screen and (max-width: 414px) {

    .site-footer #cc-social h3 {

        font-size: 1.5em;

        margin-top: 20px

    }

}



.site-footer #cc-social #footer-section-cc-logos {

    color: white;

    width: 70%;

    text-align: center;

    margin-top: 30px;

    margin-bottom: 20px

}



@media only screen and (max-width: 414px) {

    .site-footer #cc-social #footer-section-cc-logos {

        font-size: .7em

    }

}



@media only screen and (max-width: 414px) {

    .site-footer #cc-social #footer-section-cc-logos i {

        margin: 0 5px

    }

}



.site-footer #cc-social #footer-section-social-logos {

    color: white;

    width: 70%;

    text-align: center;

    margin-top: 30px

}



.site-footer #footer-section-logo-container {

    width: 100%;

    background-color: #ffc545;

    padding: 20px;

    margin-top: 20px

}



@media only screen and (max-width: 414px) {

    .site-footer #footer-section-logo-container {

        padding: 20px 0

    }

}



.site-footer #footer-section-logo-container #training-logo-black {

    background-image: url("../images/allin-logo-black.png");

    background-size: 265px 120px;

    width: 265px;

    height: 120px;

    margin-right: 20px

}



@media only screen and (max-width: 414px) {

    .site-footer #footer-section-logo-container #training-logo-black {

        background-size: 180px 85px;

        width: 180px;

        height: 85px

    }

}



.site-footer #footer-section-logo-container #training-title-black {

    padding-left: 10px;

    border-left: 1px solid black;

    display: table;

    height: 100%

}



.site-footer #footer-section-logo-container #training-title-black p {

    text-transform: uppercase;

    font-size: 2em;

    color: black;

    font-family: "Montserrat", sans-serif;

    font-weight: 300;

    margin-bottom: 0;

    display: table-cell;

    vertical-align: middle

}



@media only screen and (max-width: 414px) {

    .site-footer #footer-section-logo-container #training-title-black p {

        font-size: 1em

    }

}