/* 
	This CSS file contains the custom css styles for the Schoolzine Website template 
	When adding to this file use the following comment example:
*/

/* 
	Added by: Your Name
	Date: Date Added
	Descriptoin: A breif description of the change 
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
body.szSite, 
.szSite #primary-menu ul li > a, 
.szSite h1, 
.szSite h2, 
.szSite h3, 
.szSite h4, 
.szSite h5, 
.szSite h6, 
.fom label, 
.fom input, 
.fom select, 
.fom textarea, 
.fom form, 
.fom .btn, 
.fwrp.fer .fermsg {
    font-family: rubik, sans-serif;
}
.fom label, 
.fom input, 
.fom select, 
.fom textarea, 
.fom form, 
.fom .btn, 
.fwrp.fer .fermsg {
    font-size:16px;
}
h1, h2, h3, h4, h5{font-weight:700;}

.info{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        column-gap: 45px;
    }
.sz_info p {
    line-height: 1.7;
    margin: 0;
    color: #444444;
    font-size: 13px;
}

.product-heading h1{
    padding: 0 0 20px 0;
    margin: 0;
    font-size: 70px;
    font-weight: 700;
    color: #333333;
    line-height: 1.2;
}

.heading_1 {
    text-align: center;
    padding-bottom: 15px;
}

.product-heading{
    text-align: center;
    padding: 75px 0 30px 0;
}
h3{color: #107587;}
h4.heading_2 {
    text-align: center;
    padding-bottom: 25px;
    margin: 0;
    color: #107587;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2;
}

.feedback_slider .fslider{ width:100%; max-width:500px; padding: 60px; }

.feedback_slider .fslider .flex-control-nav { left: 0; right: auto; bottom:0; top:auto; }
.feedback_slider .fslider .flex-control-nav li{}
.feedback_slider .flex-control-nav li a, .darkBg .flex-control-nav li a { 
    border: 2px solid #dbdbdb;
    width: 13px;
    height: 13px;
}

.feedback_slider .flex-control-nav li:hover a, .feedback_slider .flex-control-nav li a.flex-active {
    background: #107587;
    border-color: #107587;
}

.parent_slider {
    width: 100%;
    height: 500px;
    background-color: #ffffff;
    border-bottom: #CCCCCC solid 1px;
    background-image: url(/parent_bg.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: -webkit-right;
    color: #280000b3;
}
.parent_slider h2 {
    color: #280000b3;
}
.parent_slider .fslider{ width:100%; max-width:500px; padding: 60px; }

.parent_slider .fslider .flex-control-nav { left: auto; right: 0; bottom:0; top:auto; }
.parent_slider .fslider .flex-control-nav li{}
.parent_slider .flex-control-nav li a, .darkBg .flex-control-nav li a { 
    border: 2px solid #280000b3
    width: 13px;
    height: 13px;
}

.parent_slider .flex-control-nav li:hover a, .parent_slider .flex-control-nav li a.flex-active {
    background: #107587;
    border-color: #107587;
}


.customer_slider {
    width: 100%;
    height: 500px;
    background-color: #ffffff;
    border-bottom: #CCCCCC solid 1px;
    background-image: url(/background_grass.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    
    
}

.customer_slider .fslider{ width:100%; max-width:500px; padding: 60px; }

.customer_slider .fslider .flex-control-nav { left: 0; right: auto; bottom:0; top:auto; }
.customer_slider .fslider .flex-control-nav li{}
.customer_slider .flex-control-nav li a, .darkBg .flex-control-nav li a { 
    border: 2px solid #dbdbdb;
    width: 13px;
    height: 13px;
}

.customer_slider .flex-control-nav li:hover a, .customer_slider .flex-control-nav li a.flex-active {
    background: #107587;
    border-color: #107587;
}





.darkBg .flex-control-nav li a{border-color:#fff;}
.darkBg{background:#232323;}
.darkBg .fslider .flex-control-nav {
    left: auto;
    right: auto;
    bottom: 0;
    top: auto;
    left: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.faqBg { background:url('/faq_background.jpg') repeat top center #232323; }

.szapp-prices-table td{
    padding: 5px 0;
    font-size: 18px;
}

.productFeature p{ max-width:600px;  }
.productFeature ul li {margin-bottom:10px;}
.productFeature ul i { margin-right:10px; color:#107587; }


.justifycenter { 
    justify-content: center;
}
.bgdark {background:rgba(0,0,0,0.8);}
a:focus {
    outline: none!important;
}


/*-------------------- Slider  -------------------------*/
.slider_button{
    font-size: 16px;
    width: 195px;
    height: 50px;
    border-radius: 2px;
    text-decoration: none;
    text-align: center;
}

.slider_button p {
    margin: 0;
    padding: 10px 0 10px 0;
}

.productSlide p {margin-bottom:10px; font-size:16px; }
.productSlide i {
    color: #107587;
    font-size: 25px;
    padding: 0 20px 0 20px;
}
.productSlide p.feature_sub_text{ margin-bottom:40px; }


@media (max-width: 990px) {
    .order1{order:1;}
    .order2{order:2;}
    .order3{order:3;}
}

@media (max-width: 768px) {
    .col-lg-4.left, .col-lg-4.tright{text-align:center !important;}
    .col-lg-4.left.order3{margin-top:30px;}
}

@media (min-width: 1445px) {

    .swiper_feature_pagination{
        margin: 0 0 40px 0;
    }

    .icon_right{
        display:none !important;
    }


    .feature_slider_1_contents_column_1_slider_button{
        margin: 40px 285px 0 0;
        right:0;
        position: absolute;
    }

    .feature_slider_1_contents_column_2_slider_button {
        margin: 40px 0 0 286px;
        position: absolute;
    }


    .swiper_feature_size {
        height: 825px;
    }

    .feature_slider_1_contents i {
        font-size: 25px;
        padding: 0 20px 0 20px;
    }

    .feature_slider_1_contents p {
        margin: 5px;
        font-size: 16px;
    }

    .feature_sub_text {
        font-size: 14px !important;
        color: #5f5f5f;
        margin-top: 10px !important;
    }


    /* Column 1 */
    .feature_slider_1_contents_column_1 {
        float: left;
        width: 50%;
        z-index: 50;
        text-align: right;
        position: absolute;
    }


    .feature_slider_1_contents_column_1_row_1 {
        padding-right: 280px;
        margin-top: 50px;
    }

    .feature_slider_1_contents_column_1_row_2 {
        padding-right: 280px;
        margin-top: 50px;
    }

    .feature_slider_1_contents_column_1_row_3 {
        padding-right: 280px;
        margin-top: 50px;
    }

    /* Column 2 */
    .feature_slider_1_contents_column_2 {
        width: 100%;
        position: absolute;
        vertical-align: middle;
        text-align: center;
    }

    /* Column 3 */
    .feature_slider_1_contents_column_3 {
        float: left;
        width: 50%;
        z-index: 50;
        position: absolute;
        right: 0;
    }

    .feature_slider_1_contents_column_3_row_1 {
        padding-left: 280px;
        margin-top: 50px;
    }

    .feature_slider_1_contents_column_3_row_2 {
        padding-left: 280px;
        margin-top: 50px;
    }

    .feature_slider_1_contents_column_3_row_3 {
        padding-left: 280px;
        margin-top: 50px;
    }

    .feature-location-2{
        display:none;
    }

    .feature-btn-margin-1{
        margin: 50px 285px 0 0;
    }


    .feature-btn-margin-2{
        margin: 50px 0 0 285px;
    }

}

@media (min-width: 868px) and (max-width: 1444px) {

    .icon_right{
        display:none !important;
    }


    .swiper_feature_size {
        height: auto;
    }

    .feature_slider_1_contents i {
        font-size: 25px;
        padding: 0 20px 0 20px;
    }

    .feature_slider_1_contents p {
        margin: 5px;
        font-size: 16px;
    }

    .feature_sub_text {
        font-size: 14px !important;
        color: #5f5f5f;
        margin-top: 10px !important;
    }

    /* Column 2 */
    .feature_slider_1_contents_column_2 {
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }

    /* Column 1 */
    .feature_slider_1_contents_column_1 {
        float: left;
        width: 50%;
        z-index: 50;
        text-align: right;
        padding-bottom: 200px;
    }

    .feature_slider_1_contents_column_1_row_1 {
        padding-right: 25px;
        margin-top: 25px;
    }

    .feature_slider_1_contents_column_1_row_2 {
        padding-right: 25px;
        margin-top: 25px;
    }

    .feature_slider_1_contents_column_1_row_3 {
        padding-right: 25px;
        margin-top: 25px;
    }

    .feature_slider_1_contents_column_1_slider_button{
        margin: 25px 226px 0 0;
        position: absolute;
    }

    .feature_slider_1_contents_column_2_slider_button{
        position: absolute;
    }

    .button_float_right{
        margin: 0 224px 0 0;
        float: right;
    }

    /* Column 3 */
    .feature_slider_1_contents_column_3 {
        float: left;
        width: 50%;
    }
    .feature_slider_1_contents_column_3_row_1 {
        padding-left: 25px;
        margin-top: 25px;
    }
    .feature_slider_1_contents_column_3_row_2 {
        padding-left: 25px;
        margin-top: 25px;
    }
    .feature_slider_1_contents_column_3_row_3 {
        padding-left: 25px;
        margin-top: 25px;
    }
    .feature_slider_1_contents_column_2_slider_button {
        margin: 25px 0 0 30px;
    }

    .swiper_feature_pagination{
        margin: 0 0 40px 0;
    }

    .feature-location-2{
        display:none;
    }


    .feature-btn-margin-1{
        margin: 30px 30px 0 0;
    }


    .feature-btn-margin-2{
        margin: 30px 0 0 30px;
    }

}




@media (max-width: 768px) {


    .feature-location-1 {
        display: none;
    }

    .feature-location-2{
margin: 30px 0 0 0;
    }


    .feature-btn-margin-1{
    display: none;
}

    .feature-btn-margin-2{
        display: none;
    }


    .feature_slider_1_contents_column_2_slider_button,
    .feature_slider_1_contents_column_1_slider_button{
         display: none;
     }

    .feature_slider_1_contents_column_1_slider_button{
        display: none;
    }

    .feature_button_solo_1,
    .feature_button_solo_2{
        display: block;
        margin-top: 25px;
    }


    .feature_image_1 {
        width: 100%
    }

    .swiper_feature_size {
        height: auto;
    }

    .feature_slider_1_contents i {
        font-size: 25px;
        padding: 0 20px 0 20px;
    }

    .feature_slider_1_contents p {
        margin: 5px;
        font-size: 16px;
        text-align: center;
    }

    .feature_sub_text {
        font-size: 14px !important;
        color: #5f5f5f;
        margin-top: 10px !important;
    }

    .feature_slider_1_contents_column_3_row_1 {
        margin-top: 25px;
    }
    .feature_slider_1_contents_column_3_row_2 {
        margin-top: 25px;
    }
    .feature_slider_1_contents_column_3_row_3 {
        margin-top: 25px;
    }

    .feature_slider_1_contents_column_1_row_1 {
        margin-top: 25px;
    }

    .feature_slider_1_contents_column_1_row_2 {
        margin-top: 25px;
    }

    .feature_slider_1_contents_column_1_row_3 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .feature_1_buttons_container{
        width: 195px;
        height: 200px;
        margin: 0 auto;
    }

    .feature_button_solo_1 p{
        padding-top: 13px;
    }

    .feature_button_solo_2 p{
        padding-top: 13px;
    }

    .icon_left{
        display:none !important;
    }
    .swiper_feature_pagination{
        margin: 0 0 20px 0;
    }

}


@media (max-width: 540px) {
    .product-heading h1{
        font-size: 10vw;
    }
    .button.button-large{
        line-height: normal;
        height: auto;
        padding: 10px 20px;
        text-align: center;
        max-width: 100%;
        white-space: normal;
    }
    .info {
    -webkit-column-count: 1;
    -moz-column-count:1;
    column-count: 1;
    }
}


@media (max-width: 402px){

    .feature_slider_1_contents p {
        font-size: 4vw;
    }
    .feature_slider_1_contents i {
        font-size: 100% !important;
    }

}
.feedback_slider {
    border-top: 4px solid #c9db2d;
}

@media (min-width: 670px){
.feedback_slider {
    width: 100%;
    height: 540px;
    background-color: #ffffff;
    border-bottom: #CCCCCC solid 1px;
    background-image: url(/feedback_banner_2.png);
}
    
}
.szSite .fslider .product-heading {
    padding: 75px 0 0 0;
}
.szborder{border-top: 4px solid #c9db2d;}
#content01 > .content-wrap {padding-bottom:0;}
.section > .testimonial{max-width:none;}

.szSite #content01 > .content-wrap {
    padding-top: 0;
}
.szSite .swiper_wrapper {border-bottom:4px solid #107587;}
.products-anchor-tag-container{padding:40px 0; margin:0 auto;}

.ImageFloatRight {float:right; margin-left:20px;}

body.szPlus .content-wrap.container {padding:40px 40px;}
.container.szcal {background:#fff; padding:20px 40px;}

body.szPlus h1{text-align:center; color:#fff; background:#1987a2; padding: 15px; border-radius: 5px 40px;}
body.szPlus h2, body.szPlus h3, body.szPlus h4, body.szPlus h5, body.szPlus h6 {color: #1987a2;}

body.szPlus .button, body.szPlus .btn, body.szPlus .button.button-large, body.szPlus .button.button-border.button-large  { height: auto; line-height: normal; padding: 10px 22px; white-space: normal; }

body.szPlus #header-wrap .button-white {line-height:normal;}



/* 
	Added by: Karl
	Date: 06-06-19
	Descriptoin: szSite Changes
*/

.result-wrapper.container {padding:20px; background:#fff;}

.szSite h1, .szSite h2, .szSite h3, .szSite h4, .szSite h5{font-weight:700; min-height:1px;}

.szSite p{min-height:1px;}

.szSite .info{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        column-gap: 45px;
    }
.sz_info p {
    line-height: 1.7;
    margin: 0;
    color: #444444;
    font-size: 13px;
}

.product-heading h1{
    padding: 0 0 20px 0;
    margin: 0;
    font-size: 70px;
    font-weight: 700;
    color: #333333;
    line-height: 1.2;
}

.szSite .heading_1 {
    text-align: center;
    padding-bottom: 15px;
}
.szSite .product-heading{
    text-align: center;
    padding: 0 0 25px 0;
}
.szSite .fslider .product-heading{
    padding: 75px 0 0 0;
}
.szSite h3{color: #107587;}
.szSite h4.heading_2 {
    text-align: center;
    padding-bottom: 25px;
    margin: 0;
    color: #107587;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2;
}
.szSite .button, .szSite .btn, .szSite .button.button-xlarge, .szSite .button.button-large {
    height:auto;
    line-height:normal;
    padding:10px 20px;
    white-space:normal;
    text-align:center;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    min-width:150px;
}
.szSite .button.button-xlarge{
    padding: 18px 22px; 
}
.szSite .button.button-large  {
    padding: 14px 22px; 
}
.szSite .button.button-border.button-xlarge{ 
    padding: 16px 22px; 
}
.szSite .button.button-border.button-large{
    padding: 12px 22px; 
}
.szSite .button.button-reveal.button-small, .szSite .button.button-small{
    padding: 5px 22px;
}

.szSite #mainFooter .button{ padding: 8px 5px; }
.feedback_slider .fslider{ width:100%; max-width:500px; padding: 60px; }

.feedback_slider .fslider .flex-control-nav { left: 0; right: auto; bottom:0; top:auto; }
.feedback_slider .fslider .flex-control-nav li{}
.feedback_slider .flex-control-nav li a, .darkBg .flex-control-nav li a { 
    border: 2px solid #dbdbdb;
    width: 13px;
    height: 13px;
}

.feedback_slider .flex-control-nav li:hover a, .feedback_slider .flex-control-nav li a.flex-active {
    background: #107587;
    border-color: #107587;
}
.darkBg .flex-control-nav li a{border-color:#fff;}
.darkBg{background:#232323;}
.darkBg .fslider .flex-control-nav {
    left: auto;
    right: auto;
    bottom: 0;
    top: auto;
    left: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.szSite .bgPicture {
    
    background-size: cover;
    background-repeat: no-repeat;
    min-height:200px; 
}
.szSite .bgPicture.bgRight{
    background-position: top right;
}
.szSite .bgPicture.bgLeft{
    background-position: top left;
}

.faqBg { background:url('/faq_background.jpg') repeat top center #232323; }

.szapp-prices-table td{
    padding: 5px 0;
    font-size: 18px;
}

.productFeature p{ max-width:600px;  }
.productFeature ul li {margin-bottom:10px;}
.productFeature ul i { margin-right:10px; color:#107587; }

/*-------------------- Slider  -------------------------*/
.slider_button{
    font-size: 16px;
    width: 195px;
    height: 50px;
    border-radius: 2px;
    text-decoration: none;
    text-align: center;
}

.slider_button p {
    margin: 0;
    padding: 10px 0 10px 0;
}

.productSlide p {margin-bottom:10px; font-size:16px; }
.productSlide i {
    color: #107587;
    font-size: 25px;
    padding: 0 20px 0 20px;
}
.productSlide p.feature_sub_text{ margin-bottom:40px; }


@media (max-width: 990px) {
    .order1{order:1;}
    .order2{order:2;}
    .order3{order:3;}
}

@media (max-width: 768px) {
    .col-lg-4.left, .col-lg-4.tright{text-align:center !important;}
    .col-lg-4.left.order3{margin-top:30px;}
}

@media (min-width: 1445px) {

    .swiper_feature_pagination{
        margin: 0 0 40px 0;
    }

    .icon_right{
        display:none !important;
    }


    .feature_slider_1_contents_column_1_slider_button{
        margin: 40px 285px 0 0;
        right:0;
        position: absolute;
    }

    .feature_slider_1_contents_column_2_slider_button {
        margin: 40px 0 0 286px;
        position: absolute;
    }


    .swiper_feature_size {
        height: 825px;
    }

    .feature_slider_1_contents i {
        font-size: 25px;
        padding: 0 20px 0 20px;
    }

    .feature_slider_1_contents p {
        margin: 5px;
        font-size: 16px;
    }

    .feature_sub_text {
        font-size: 14px !important;
        color: #5f5f5f;
        margin-top: 10px !important;
    }


    /* Column 1 */
    .feature_slider_1_contents_column_1 {
        float: left;
        width: 50%;
        z-index: 50;
        text-align: right;
        position: absolute;
    }


    .feature_slider_1_contents_column_1_row_1 {
        padding-right: 280px;
        margin-top: 50px;
    }

    .feature_slider_1_contents_column_1_row_2 {
        padding-right: 280px;
        margin-top: 50px;
    }

    .feature_slider_1_contents_column_1_row_3 {
        padding-right: 280px;
        margin-top: 50px;
    }

    /* Column 2 */
    .feature_slider_1_contents_column_2 {
        width: 100%;
        position: absolute;
        vertical-align: middle;
        text-align: center;
    }

    /* Column 3 */
    .feature_slider_1_contents_column_3 {
        float: left;
        width: 50%;
        z-index: 50;
        position: absolute;
        right: 0;
    }

    .feature_slider_1_contents_column_3_row_1 {
        padding-left: 280px;
        margin-top: 50px;
    }

    .feature_slider_1_contents_column_3_row_2 {
        padding-left: 280px;
        margin-top: 50px;
    }

    .feature_slider_1_contents_column_3_row_3 {
        padding-left: 280px;
        margin-top: 50px;
    }

    .feature-location-2{
        display:none;
    }

    .feature-btn-margin-1{
        margin: 50px 285px 0 0;
    }


    .feature-btn-margin-2{
        margin: 50px 0 0 285px;
    }

}

@media (min-width: 868px) and (max-width: 1444px) {

    .icon_right{
        display:none !important;
    }


    .swiper_feature_size {
        height: auto;
    }

    .feature_slider_1_contents i {
        font-size: 25px;
        padding: 0 20px 0 20px;
    }

    .feature_slider_1_contents p {
        margin: 5px;
        font-size: 16px;
    }

    .feature_sub_text {
        font-size: 14px !important;
        color: #5f5f5f;
        margin-top: 10px !important;
    }

    /* Column 2 */
    .feature_slider_1_contents_column_2 {
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }

    /* Column 1 */
    .feature_slider_1_contents_column_1 {
        float: left;
        width: 50%;
        z-index: 50;
        text-align: right;
        padding-bottom: 200px;
    }

    .feature_slider_1_contents_column_1_row_1 {
        padding-right: 25px;
        margin-top: 25px;
    }

    .feature_slider_1_contents_column_1_row_2 {
        padding-right: 25px;
        margin-top: 25px;
    }

    .feature_slider_1_contents_column_1_row_3 {
        padding-right: 25px;
        margin-top: 25px;
    }

    .feature_slider_1_contents_column_1_slider_button{
        margin: 25px 226px 0 0;
        position: absolute;
    }

    .feature_slider_1_contents_column_2_slider_button{
        position: absolute;
    }

    .button_float_right{
        margin: 0 224px 0 0;
        float: right;
    }

    /* Column 3 */
    .feature_slider_1_contents_column_3 {
        float: left;
        width: 50%;
    }
    .feature_slider_1_contents_column_3_row_1 {
        padding-left: 25px;
        margin-top: 25px;
    }
    .feature_slider_1_contents_column_3_row_2 {
        padding-left: 25px;
        margin-top: 25px;
    }
    .feature_slider_1_contents_column_3_row_3 {
        padding-left: 25px;
        margin-top: 25px;
    }
    .feature_slider_1_contents_column_2_slider_button {
        margin: 25px 0 0 30px;
    }

    .swiper_feature_pagination{
        margin: 0 0 40px 0;
    }

    .feature-location-2{
        display:none;
    }


    .feature-btn-margin-1{
        margin: 30px 30px 0 0;
    }


    .feature-btn-margin-2{
        margin: 30px 0 0 30px;
    }

}




@media (max-width: 768px) {


    .feature-location-1 {
        display: none;
    }

    .feature-location-2{
margin: 30px 0 0 0;
    }


    .feature-btn-margin-1{
    display: none;
}

    .feature-btn-margin-2{
        display: none;
    }


    .feature_slider_1_contents_column_2_slider_button,
    .feature_slider_1_contents_column_1_slider_button{
         display: none;
     }

    .feature_slider_1_contents_column_1_slider_button{
        display: none;
    }

    .feature_button_solo_1,
    .feature_button_solo_2{
        display: block;
        margin-top: 25px;
    }


    .feature_image_1 {
        width: 100%
    }

    .swiper_feature_size {
        height: auto;
    }

    .feature_slider_1_contents i {
        font-size: 25px;
        padding: 0 20px 0 20px;
    }

    .feature_slider_1_contents p {
        margin: 5px;
        font-size: 16px;
        text-align: center;
    }

    .feature_sub_text {
        font-size: 14px !important;
        color: #5f5f5f;
        margin-top: 10px !important;
    }

    .feature_slider_1_contents_column_3_row_1 {
        margin-top: 25px;
    }
    .feature_slider_1_contents_column_3_row_2 {
        margin-top: 25px;
    }
    .feature_slider_1_contents_column_3_row_3 {
        margin-top: 25px;
    }

    .feature_slider_1_contents_column_1_row_1 {
        margin-top: 25px;
    }

    .feature_slider_1_contents_column_1_row_2 {
        margin-top: 25px;
    }

    .feature_slider_1_contents_column_1_row_3 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .feature_1_buttons_container{
        width: 195px;
        height: 200px;
        margin: 0 auto;
    }

    .feature_button_solo_1 p{
        padding-top: 13px;
    }

    .feature_button_solo_2 p{
        padding-top: 13px;
    }

    .icon_left{
        display:none !important;
    }
    .swiper_feature_pagination{
        margin: 0 0 20px 0;
    }

}


@media (max-width: 576px) {
    .product-heading h1{
        font-size: 10vw;
    }
    .button.button-large{
        line-height: normal;
        height: auto;
        padding: 10px 20px;
        text-align: center;
        max-width: 100%;
        white-space: normal;
    }
    .button.button-border.button-large{ 
        line-height: normal;
        height: auto;
        padding: 8px 20px;
        text-align: center;
        max-width: 100%;
        white-space: normal; 
    } 
    .info {
    -webkit-column-count: 1;
    -moz-column-count:1;
    column-count: 1;
    }
    .szSite .col-padding{
        padding:40px;
    }
    .szSite .tright {
        text-align: left !important;
    }
}


@media (max-width: 402px){

    .feature_slider_1_contents p {
        font-size: 4vw;
    }
    .feature_slider_1_contents i {
        font-size: 100% !important;
    }

}
.feedback_slider {
    border-top: 4px solid #c9db2d;
}
@media (min-width: 670px){
.feedback_slider {
    width: 100%;
    height: 600px;
    background-color: #ffffff;
    border-bottom: #CCCCCC solid 1px;
    background-image: url(/feedback_banner_2.png);
    background-size: cover;
    display:flex;
    align-items:center;
}
    
}
@media (min-width: 992px) {
.col-lg-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.szSite .heading-block.center:after{ margin: 30px auto 0; }

.szSite .pricing-box.best-price .pricing-price { font-size:45px; margin-bottom: 10px; padding-top: 10px; }
.szSite .pricing-box .pricing-price { font-size:32px; margin-bottom: 10px; padding-top: 10px; }
.szSite .pricing-price span{ font-size:18px; margin:0 3px 0 0;}
.szSite .pricing-box.best-price .pricing-title, .szSite .pricing-box .pricing-title {  }
.szSite .pricing-box .btn{ margin:0; }

.szSite #content01 > .content-wrap {padding-bottom:0;}
.szSite .section > .testimonial{max-width:none;}
.alignitemcenter {
    align-items: center;
}
#contactDivider.divider.divider-rounded i { background-color:#107587; color:#fff;  }
#contactDivider.divider.divider-center:before, #contactDivider.divider:after { border-top: 2px solid #c9dc33;  }
#szMap { height: 200px; width:100%; position:relative; background-position: center; background-size: cover; border-top:2px solid #c9dc33; }

.clients-grid { margin:0; padding:0; }
.clients-grid li a img{width:auto;}

.szPlus #Offline { padding:20px; max-width:800px; background:#fff; margin:0 auto;}
.form_text_input{
        display: block;
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom:20px;
}
.formHolder .form_h2_name{display:none !important;}
.formHolder.container {max-width:560px;}
label{letter-spacing:normal;}
.custom_field_edit.radiof label{ 
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    margin-bottom:10px;
}
.aboutSchool { background:#fff url('/about_classroom.jpg') right center no-repeat / cover;}
.aboutTest .flex-control-nav{ right:auto; top:auto; left:50%; bottom:0;  transform: translateX(-50%);}
.section.dark.green { background-color: rgb(25,135,162); }

body.szPlus #content01{clear:both;}

body.szPlus{background-image:url('/szplus-background.jpg');}



.products-anchor-tag-content{
    margin: 0 auto;
}


.anchor-button{
    display:inline-block;
    text-decoration: none;
    color: #444444;
    text-align: center;
    font-size: 19px;
    padding: 0 40px;
}

.anchor-button i {
    font-size: 27px;

}




.anchor-button:hover{
    color: rgba(68, 68, 68, 0.66);
}


@media (min-width: 879px){
    .products-anchor-tag-content{
        
    }

}

@media (max-width: 878px) and (min-width: 646px){
    .anchor-button{
        padding: 0 18px;
    }

    .products-anchor-tag-content{
        width: 650px;
    }

}
@media (max-width: 991px){
    .szSite #mainFooter .col-lg-2, .szSite #mainFooter .col-lg-4, .szSite #mainFooter .col-lg-3{ border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 20px; padding-bottom: 20px; }
.rowmargin  .col-1, .rowmargin  .col-2, .rowmargin  .col-3, .rowmargin  .col-4, .rowmargin  .col-5, .rowmargin  .col-6, .rowmargin  .col-7, .rowmargin  .col-8, .rowmargin  .col-9, .rowmargin  .col-10, .rowmargin  .col-11, .rowmargin  .col-12, .rowmargin  .col, .rowmargin  .col-auto, .rowmargin  .col-sm-1, .rowmargin  .col-sm-2, .rowmargin  .col-sm-3, .rowmargin  .col-sm-4, .rowmargin  .col-sm-5, .rowmargin  .col-sm-6, .rowmargin  .col-sm-7, .rowmargin  .col-sm-8, .rowmargin  .col-sm-9, .rowmargin  .col-sm-10, .rowmargin  .col-sm-11, .rowmargin  .col-sm-12, .rowmargin  .col-sm, .rowmargin  .col-sm-auto, .rowmargin  .col-md-1, .rowmargin  .col-md-2, .rowmargin  .col-md-3, .rowmargin  .col-md-4, .rowmargin  .col-md-5, .rowmargin  .col-md-6, .rowmargin  .col-md-7, .rowmargin  .col-md-8, .rowmargin  .col-md-9, .rowmargin  .col-md-10, .rowmargin  .col-md-11, .rowmargin  .col-md-12, .rowmargin  .col-md, .rowmargin  .col-md-auto, .rowmargin  .col-lg-1, .rowmargin  .col-lg-2, .rowmargin  .col-lg-3, .rowmargin  .col-lg-4, .rowmargin  .col-lg-5, .rowmargin  .col-lg-6, .rowmargin  .col-lg-7, .rowmargin  .col-lg-8, .rowmargin  .col-lg-9, .rowmargin  .col-lg-10, .rowmargin  .col-lg-11, .rowmargin  .col-lg-12, .rowmargin  .col-lg, .rowmargin  .col-lg-auto, .rowmargin  .col-xl-1, .rowmargin  .col-xl-2, .rowmargin  .col-xl-3, .rowmargin  .col-xl-4, .rowmargin  .col-xl-5, .rowmargin  .col-xl-6, .rowmargin  .col-xl-7, .rowmargin  .col-xl-8, .rowmargin  .col-xl-9, .rowmargin  .col-xl-10, .rowmargin  .col-xl-11, .rowmargin  .col-xl-12, .rowmargin  .col-xl, .rowmargin  .col-xl-auto { margin-bottom:20px;  }
    .footContainer .col-lg-2{ margin-bottom:20px;}
    
    .anchor-button {
    width: 136px;
    padding: 20px 0;
}
}

@media (max-width: 645px){

    .anchor-button{
        width:136px;
        padding: 20px 0;
    }

    .szSite .cookies{ padding:20px; border-bottom:1px solid #ccc; line-height: normal; }
    .szSite #top-bar .switch{ margin-top: 10px; margin-left:0; }
    .szSite .top-links ul li { border-color: #ccc; width: calc(50% - 2px); }
    .szSite .button.button-large, .szSite .button.button-xlarge {width:100%; margin-left:0; margin-right:0;}
    .aboutSchool {background:none;}
    
    .custom_field_edit.radiof label{ display:inline; }
    .custom_field_edit.radiof .emspace{display:block; margin-bottom:10px;}
}

.szSite .center .heading-block > span { margin-bottom:20px; font-size:22px; }



@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px), not all, not all, not all, only screen and (max-width: 991px) and (min-resolution: 192dpi), only screen and (max-width: 991px) and (min-resolution: 2dppx) {
	#logo a.standard-logo { display: inline-block; }
}
.fslider.testimonial.testimonial-full .slider-wrap img{width:auto; display:inline-block;}


.greenBG { background:#1693a5;  }
.greenBG a.anchor-button {color:#fff;}
.greenBG a.anchor-button:hover{
    color: rgba(255, 255, 255, 0.66);
}
.szSite .slider-caption h2{text-transform:none;}
#primary-menu ul ul li:hover > a { padding-left:10px; }

.szSite .pep-slide {}
.szSite .pep-slide .slider-caption {max-width:1400px; display: flex; align-items: center; justify-content: center;}
/* .szSite .pep-slide h2{ display:inline-block; width:60%; text-transform:uppercase; font-size:55px; font-weight: 400; } 
.szSite .pep-slide .slider-caption div {display:inline-block; width:40%;} */

.szSite .pep-slide h2 {display:none;}
.szSite .pep-slide .slider-caption div {    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.szSite .pep-slide .slider-caption div h3 { text-transform:uppercase; font-size:55px; font-weight: 400; color:#fff; margin-bottom:0; line-height:1.2em; }
.szSite .pep-slide .slider-caption div p { text-transform:uppercase; font-size:20px; font-weight:400; }

.szSite .clients-grid.grid-4 li { 
    height: 250px;
    display: flex;
    align-items: center;
}

.szSite .clients-grid li a img {
    max-width: 150px;
    max-height: 150px;
}

.szSite .fwrp .button span { float:none; padding:0; line-height:normal; }

ul.schoollistnew {list-style:none; padding:0; margin:0;}
.schoollistnew li {
    float: left;
    width: 45%;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    
}

@media (max-width: 575px){
    .szSite .clients-grid li a img{ max-width:100%; max-height:100%; }
    .schoollistnew li{float:none; width:100%;}
    .szSite .top-links li > a{ padding: 0 20px; }
}
@media (max-width: 767px){
   .szSite .pep-slide .slider-caption div h3{font-size:30px;} 
   .szSite .pep-slide .slider-caption div p {font-size:16px;}
}
@media (max-width: 645px){
    .szSite .pep-slide .slider-caption div h3{font-size:20px;} 
    .szSite .pep-slide .slider-caption div p {font-size: 14px;}
}

#sideItem90 p {
    padding-left: 16px;
    color: #fff !important;
}

@media screen and (min-width: 1500px) {
.setHeight {height: 500px;}
}

.emergency-communication .col-md-4.bottommargin {
    padding: 0% 3%;
}

.emergency-communication .feature-box.fbox-plain.fbox-small h3 {
    margin-bottom: 30px;
}

 .szSite .emergency-communication .button.button-xlarge {
    padding: 14px 22px !important;
}

 .szSite .emergency-communication .button.button-xlarge a {
     font-size: 16px;
 }
 
 .szSite .covid-slide.pep-slide .slider-caption div {
    justify-content: flex-end;
}

.szSite .covid-slide.pep-slide .slider-caption div h3 {
    width: 100%;
    text-align: left;
}

.szSite .covid-slide.pep-slide .slider-caption .txt-content {
    padding-left: 170px;
}

.fb-page blockquote a{display:none;}

@media screen and (max-width: 769px){
    .szSite .covid-slide.pep-slide .slider-caption .txt-content {
    padding-left: 0px;
}
.swiper-slide.dark.covid-slide.pep-slide.swiper-slide-active{
    background-image: url('https://www.schoolzineplus.com/_image/media/1690/covid_full_blue_slider.jpg') !important;
}
.szSite .covid-slide.pep-slide .slider-caption div h3 {
    text-align: center !important;
}
}

.contentHolder{
    max-width:800px;
}

/* Hide search bar on Website - Luke O */
.szSite #top-search {
    display: none;
}

.icon-search3:before {
    display: none;
}




a.block2 {
    color: #fff;
    padding: 15px 30px 20px;
    position: fixed;
    z-index: 1000;
    left: -250px;
    background: #f36523;
    top: 200px;
    border-radius: 2px;
    transition: all 0.2s;
} 
a.block2 h3{
    color:#fff;
}
a.block2:hover{
  background:#333;  
  color:#fff;
}

.block2 a { color:#fff; }

@media (max-width:768px){
    a.block2{
        position: relative;
        top: auto;
        left: auto;
        display: block;
        text-align: center;
    }
}

.testimonialToggle .toggle .togglet {
    padding: 0px;
}

.testimonialToggle .faqs {
    max-width: 800px;
    margin: 0 auto;
}

.schoolzineBg{
    background-image: url('/szplus_background.jpg'); 
    background-position: 50% 0; 
}
.blueClouds {
    background-image:url('/blue_clouds');
    background-position: 50% 0; 
    background-size:cover;
}

/*-------------------------------BW CSS for Sponsorship-Invitation page-----------------------------*/

.greybg {background: #eee;}

.whitebg{background:rgba(255,255,255,0.8); color:#22597d;}
.whitebg h3, .dark .whitebg .feature-box p, .dark .whitebg .feature-box h3{color:#22597d;}
.dark .whitebg .feature-box.fbox-light .fbox-icon i, .dark .whitebg.feature-box.fbox-light .fbox-icon img{
    border-color: rgba(34,89,125,0.1);
    background-color: rgba(34,89,125,0.1);
    color: #22597d;
}
.dark .process-steps li:before, .dark .process-steps li:after, .dark .feature-box.fbox-center:not(.fbox-bg) h3:after{
        border-top-color: rgba(34,89,125,0.2);
}

.schoolLogos{ background: url(/banner_background-sz.jpg); }
.szSite .schoolLogos h2{ 
    font-size: 50px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    font-weight: 100;
    max-width:900px;
    margin:0 auto;
}
.asSeen{
    background:url('/blue_white.jpg');
    background-size:cover;
    background-attachment:fixed;
    padding:50px 0;
}
.asseenin {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    border-radius: 5px;
    margin-bottom: 35px;
    padding: 35px;
    text-align: center;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.postcontent.col_last, .sidebar.col_last {
    padding-bottom: 20px;
}


/*------------------------------------------example products page CSS------------------------------------------------*/
.productsHeight {min-height: 600px;}

.demonstation-padding {padding-left: 90px;}

.light-blue-gradient {background: linear-gradient(to right, #45ADC6 , #1C738C);}

@media screen and (min-width: 1500px) {
    .szapp-padding {padding-left: 150px;}
}

@media screen and (max-width: 770px) {
    .szapp-padding {padding-bottom: 20px;}
    
    #product-3 img {
        display: block;
        margin: 0 auto;
    }

    .productSlider img.szImg {
        max-height: 330px;
    }
    
    .mob-padding-bot {padding-bottom: 30px;}
    
    .s2 .row {padding: 60px 0 !important;}
    
    .mobFlexCenter {display: flex; justify-content: center; }
}

.newProductsSlider .product-heading h1 {font-size: 60px;}

.productSlider .slide.s1 {padding: 23px 0;}

.productSlider .slide.s1 .subheading {color: #2b89a2;}

.productSlider .slide.s1 .mainHeading, .productSlider .slide.s1 .subheading {text-align: center;}

.productSlider .slide.s1, .productSlider .slide.s2, .productSlider .slide.s3, .productSlider .slide.s4 {
    background: #f7f7f7;
}

.newProductsSlider .mainHeading {color: #444;}

.newProductsSlider .subheading {color: #2b89a2;}

.productSlider .s2 img {max-height: 330px;}

/*.productSlider .slide.s2 {*/
/*    background: #226e80;*/
/*}*/


/*.s2 .heading_1 {color: #fff;}*/
/*body .s2 .heading_2 {color: #e8e8e8;}*/

/*.s2 a.button {*/
/*    background-color: #ffffff;*/
/*    color: #1b768b;*/
/*}*/

.productSlider .slide.s3 img {max-height: 400px;}

.productSlider .slide.s3 div.row {padding: 55px 20px !important;}

.productSlider .slide.s3 h2.mainHeading {margin-top: 0;}

/*.productSlider .slide.s3 {*/
/*    background: #f7f7f7;*/
/*}*/

/*.productSlider .slide.s4 {*/
/*    background: rgb(89,48,78);*/
/*    background: -moz-linear-gradient(top,  rgba(89,48,78,1) 0%, rgba(94,39,81,1) 99%);*/
/*    background: -webkit-linear-gradient(top,  rgba(89,48,78,1) 0%,rgba(94,39,81,1) 99%);*/
/*    background: linear-gradient(to bottom,  rgba(89,48,78,1) 0%,rgba(94,39,81,1) 99%);*/
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59304e', endColorstr='#5e2751',GradientType=0 );*/
/*}*/

.button-maroon {background-color: #5d2950; color: #eaeaea;}

.slide.s4 {
    padding: 100px 0;
    overflow: visible;
}

.productSlider .slide.s4 img {max-height: 330px;}

.websiteSlideText {padding: 2% 0;}

/*.productSlider .s4 p {color: #fff;}*/

.productSlider .s4 .button-maroon {padding: 10px 22px;}

div.section.newProductsSlider {padding: 0;}

.newProductsSlider .testimonial.testimonial-full  ol.flex-control-nav {
    margin-top: -20px;
    padding-bottom: 20px;
}

.productsHeadingHolder {padding: 40px 0 0 0;}

.product-website .button-teal {background-color: #007d8a; color: #fff;}

.product-website .button-teal:hover {background-color: #242424;}


#side-item-330{
    display:none;
}

/*.product-selector .teal-hover:hover {color: #1B768B;}*/
/*.product-selector .orange-hover:hover {color: #f36523;}*/
/*.product-selector .maroon-hover:hover {color: #5d2950;}*/
/*.product-selector .green-hover:hover {color: #59BA41;}*/
/*.product-selector .black-hover:hover {color: #242424;}*/

.product-selector a:hover {color: #1B768B;}

.products-page .button:hover {background: #242424;}

.szapp-img {
    width: 370px !important;
    margin: 43.5px 30px !important;
}

@media screen and (min-width: 770px) {
.products-page .demonstation-padding {margin-top: -40px;}
}

@media screen and (max-width: 500px) {
    .products-page #pptb {top: 15% !important;}
    .products-page .demonstation-padding {padding-left: 10px;}
    .products-page #skc {top: 11% !important;}
}

@media screen and (max-width: 992px) {
    .products-page .newProductsSlider .testimonial {padding: 0 !important;}
    .newProductsSlider .mobMargin {margin-left: 30px; margin-right: 30px;}
}

.flexcenter {
    display: flex;
    justify-content: center;
    margin: auto 0;
}

@media screen and (max-width: 600px) {
    .productSlider .slide.s1 {padding: 150px 0;}
}

.col-md-7th{ 
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
}
.stepBoxes { margin:20px auto; }
.stepBoxes .pricing-box { padding:10px; height:100%; }
.stepBoxes .pricing-features{font-size:13px; border:none;}
.stepBoxes .pricing-features p {
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
}
.stepBoxes .pricing-features .largeFa{ font-size:40px; color:#13b89b;  }
.stepBoxes .pricing-features{ border-bottom:none; }
.pricing-title {
    padding: 0;
}

@media (max-width:991px){
    .col-md-7th{
        -ms-flex: 0 0 24.56%;
        flex: 0 0 24.56%;
        max-width: 24.56%;
        margin-bottom:10px;
    }
}
@media (max-width:767px){
    .col-md-7th{
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        margin-bottom:10px;
    }
}

.lightBg {
    background:#F9F9F9;
}
.testPadding{ 
    padding:50px; 
}
.testMarginTop{
    margin-top:-40px;
}
.testMarginBottom{
    margin-bottom:-40px;
}

.swiper-slide .slider-caption:not(.dark), .slider-caption:not(.dark) h2, .slider-caption p {
    color: #fff;
}
.slider11 .swiper-slide .slider-caption:not(.dark), .slider11 .slider-caption:not(.dark) h2, .slider11 .slider-caption p{
    color: #333;
}

.dark .slider-caption h2{
    text-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 700;
}

.slider11 .slider-caption h2, .slider11 .dark .slider-caption h2 {
    color: #333;
    text-shadow: none;
    font-size: 40px;
    font-weight: normal;
    text-transform: none;
}

.etbackground {
    
}
.etbackground .container {
    max-width:none;
}

.szSite .etbackground .container .slider-caption{
    max-width:600px;
}
.szSite .etbackground .slider-caption p{
    margin-top:0;
}


.szSite .top-links li.regionSelect a {
     display:none;

}

#primary-menu > h3 {
    display:none;
}

.stepBoxes {     
    margin: 20px auto;
    display: flex;
    justify-content: center;
    
}
.stepBoxes .pricing-box { padding:10px; height:100%; }
.stepBoxes .pricing-features{font-size:13px; border:none;}
.stepBoxes .pricing-features p {
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
}
.stepBoxes .pricing-features .largeFa{ font-size:40px; color:#13b89b;  }
.stepBoxes .pricing-features{ border-bottom:none; }
.pricing-title {
    padding: 0;
}

@media (max-width:991px){
    .col-md-7th{
        -ms-flex: 0 0 24.56%;
        flex: 0 0 24.56%;
        max-width: 24.56%;
        margin-bottom:10px;
    }
}
@media (max-width:767px){
    .col-md-7th{
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        margin-bottom:10px;
    }
}

.order2{
    order:2;
}



/************ New Styles for 2022 Site *************/
.dFlex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.minH600{
    min-height:600px;
}
.productEntry, .productEntry > p {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 100px;
    padding-bottom: 100px;
    flex-wrap: wrap;
}
.productEntry a {
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 200px;
    text-align: center;
    border: 1px solid #ddd;
    margin: 10px;
    flex-wrap: wrap;
    padding-top: 35px;
}
.productEntry a:hover {
    background:#F1604B ;
    border-color: #F1604B;
}
.productEntry a i {
    font-size: 60px;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.productEntry a span {
    display: block;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    font-family: rubik;
}

.productEntry a:hover i,
.productEntry a:hover span {
    color: #fff;
}


.blueBg{
    background: url('https://www.schoolzineplus.com/platformbg.jpg') no-repeat center;
    color: #fff;
    background-size: cover;
}
.blueBg h2 {
    color: #fff;
}
.blueBg.col-padding{
    padding: 100px;
}
.videoBg{
    background: url('https://www.schoolzineplus.com/happy_girl_father.jpg') no-repeat center;
    color: #fff;
    background-size: cover;
    padding: 0;
    display: flex;
}

.entryBlocks {

}
.largepadding {
    padding-top: 200px;
    padding-bottom: 200px;
}
.entryBlocks .content {
    padding: 20px 20px 40px;
    background: #fff;
    border-bottom: 2px solid #1987A2;
}
.entryBlocks img {
    width: 100%;
}
.entryBlocks h3 {
    color: #0A405C;
    font-size: 18px;
    font-family: rubik, sans-serif;
}

.entryBlocks p {
    font-family: rubik, sans-serif;
    font-weight: 200;
    color: #333;
}

.entryBlocks a.btn.orange {
    background-color: #F1604B;
    text-transform: uppercase;
    text-shadow: none;
    margin-top: 20px;
    border-radius: 1px;
    padding: 15px 10px;
}

.entryBlocks a.btn.orange:hover {
    background-color: #ea3d24;
}

.newTest .fslider .flexslider {
    overflow: visible;
}

.newTest .flex-control-nav {
    position: absolute;
    top: 0;
    left: auto;
    right: auto;

}
.newTest .col-padding{
    padding: 100px 150px;
}

.newTest a.btn.orange {
    margin-top: 20px;
    background-color: #F1604B;
    text-transform: uppercase;
    text-shadow: none;
    margin-top: 20px;
    border-radius: 1px;
    padding: 15px 10px;
    font-size: 18px;
}
.newTest, 
.newTest h2, 
.newTest p, 
.newTest a {
    font-family: rubik, sans-serif;
}
.newTest h2 {
    text-transform: uppercase;
}
.newTest p {
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 1.8;
    font-size: 18px;
}

.newTest .flex-control-nav li a {
    width: 15px !important;
    height: 15px !important;
}
.newTest .flex-control-nav li {
    width: 15px;
    height: 15px;
}

.webHeader{
    background: url('/website_headarea_sml2.jpg') no-repeat right center; 
    background-size: cover;
    padding: 200px;
}

.webHeader.szappHeader {
    background: url(/szapp_background_download_right.jpg) no-repeat 15% center;
    background-size: cover;
}

.webHeader h1 {
    font-family: rubik, sans-serif;
    font-size: 80px; 
    text-transform: uppercase;
    color: #0A405C;
}

.webHeader p.lrgSubtext {
    font-family: rubik, sans-serif;
    font-size: 24px;
}

.webHeader a.btn.orange, 
.featureArea a.btn.orange,
.governance a.btn.orange
{
    margin-top: 20px;
    background-color: #F1604B;
    text-transform: uppercase;
    text-shadow: none;
    margin-top: 20px;
    border-radius: 1px;
    padding: 15px 40px;
    font-size: 30px;
    font-family: rubik, sans-serif;
}

.aboutCol h2, 
.templateArea h2, 
.featureArea h2, 
.governance h2{
    color: #0A405C;
    font-family: rubik, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.padding100{
    padding: 100px;
}

.webHeader .container{
    padding-bottom: 20px;
}

@media (min-width: 1200px) {

    .webHeader .container {
        max-width: 1400px;
    }

}

@media (max-width: 1750px) {
    .webHeader .container{
        background: rgba(255,255,255,0.8);
        
    }
}
.featureArea .whiteBg > .col-lg-11, 
.featureArea .whiteBg > .col-lg-8{
    background: rgba(255,255,255,0.95);
    font-family: rubik, sans-serif;
}

.featureArea a.btn.orange {
    font-size: 25px;
    margin: 0 auto;
}
.featureArea ul li{
    margin-bottom: 5px;
}
.featureArea ul li{
    list-style: none;
}
.icon-line-circle-check{
    color: #F1604B;
    margin-right: 10px;
}


.governance{ 
    font-family: rubik, sans-serif; 
}
.governance h2 {
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
}
.featureArea a.btn.orange,
.governance a.btn.orange {
    font-size: 20px;
}
.governance a.btn.orange{
    margin-bottom: 20px;
}



.faqBg.darkBg{
    background: rgb(47,190,199);
    background: linear-gradient(138deg, rgba(47,190,199,1) 0%, rgba(8,47,69,1) 100%);
}
.faqBg.darkBg.dark .acctitle, .faqBg.darkBg.dark .acctitlec{
    color: #fff;
}

.szSite .top-links li.regionSelect a {
     display:none;

}  
.solutionFitNeeds .slider-caption:not(.dark) h2 {
    color: #0a405c;
    font-size: 59px;
    text-transform: uppercase;
    font-weight: bold;
}
.solutionFitNeeds .slider-caption:not(.dark) h3 {
    color: #0a405c;
    font-size: 59px;
    text-transform: uppercase;
    font-weight: bold;
}
.szSite .solutionFitNeeds .slider-caption {
    max-width:600px;
}

.swiper-slide:not(.dark).solutionFitNeeds .slider-caption{
    background:none;
}
.solutionFitNeeds p.sliderSubHead{
    color:#0a405c;
}

@media (max-width: 991px) {

    .webHeader{
        padding: 20px;
       
    }
    .webHeader .container{
        padding-bottom: 20px !important;
    }
    .webHeader h1 {
        font-size: 50px;
    }
    .blueBg.col-padding,
    .padding100,
    .newTest .col-padding{
        padding: 100px 50px;
    }
      
    .solutionFitNeeds .slider-caption:not(.dark) h2 {
         font-size: 23px;
    }
    .szSite .solutionFitNeeds .slider-caption {
      max-width:200px;
    }
}`

@media (min-width: 768px){
    .padding100{
        padding: 100px 30px;
    }
  
    
}
#footer6 { background: rgb(25 76 102); }
#footer6 .col-md-5 .fa.fa-home{display:none;}

a.block2 {
    color: #fff;
    padding: 15px 30px 20px;
    position: fixed;
    z-index: 1000;
   /* right: -250px; */
    background: #f1604b;
    top: 45%;
    border-radius: 2px;
    transition: all 0.2s;
} 

a.block2 h3{
    color:#fff;
}
a.block2:hover{
  background:#333;  
  color:#fff;
}
#sideItem313, #side-item-313 {
    margin:0;
}

#primary-menu ul li > a,
.szSite .top-links li > a {
    font-size:14px;
}

.button-orange {
    background-color: #F1604B;
}

@media (max-width:768px){
    a.block2{
       display:none;
    }
}

/************ LO 26/04/22 *************/

.darkBg {
    background: #232323;
}

.section.dark.green { 
    background-color: rgb(25,135,162); 
    padding-left:20px;
    padding-right:20px;
}

/*--lach for ballarat --*/
.section.dark.purple { 
    background-color: rgb(57,27,118); 
    padding-left:20px;
    padding-right:20px;
}

.szSite .center .heading-block > span { 
    margin-bottom:20px; font-size:22px; 
}
.darkBlue {
    background: #005a71;
}

/*--lach for ballarat --*/
.darkPurple {
    background: #391b76;
}

.szSite .dark.darkBg h2 {
    margin-top: 0;
}



@media only screen and (max-width: 991px) {

.button, .btn, .button.button-border{
    overflow-wrap: break-word;
    width: auto;
    height: auto;
    white-space: break-spaces;
    line-height: normal;
    padding: 10px;
}
}

.col-md-7th{ 
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
}
.stepBoxes {     
    margin: 20px auto;
    display: flex;
    justify-content: center;
    
}
.stepBoxes .pricing-box { padding:10px; height:100%; }
.stepBoxes .pricing-features{font-size:13px; border:none;}
.stepBoxes .pricing-features p {
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
}
.stepBoxes .pricing-features .largeFa{ font-size:40px; color:#13b89b;  }
.stepBoxes .pricing-features{ border-bottom:none; }
.pricing-title {
    padding: 0;
}

@media (max-width:991px){
    .col-md-7th{
        -ms-flex: 0 0 24.56%;
        flex: 0 0 24.56%;
        max-width: 24.56%;
        margin-bottom:10px;
    }
}
@media (max-width:767px){
    .col-md-7th{
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        margin-bottom:10px;
    }
}

.order2{
    order:2;
}

.productEntry.greyBg {
    background-color:#f1f1f1;
    margin-top:0;
    margin-bottom:0;
}
 
.szSite .product-heading.allProducts {
    padding-bottom:0;
    
}
.szSite .product-heading.allProducts .heading_1 {
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 100px;
}
@media (max-width: 576px){
    .szSite .product-heading.allProducts .heading_1 {
        font-size: 10vw;
    }
    .device-xs .container .container.content-wrap{padding:40px 0 !important;}
}

.szSite .dFlex h2 {
    margin-top:0;
    margin-bottom:0;
}
.solutionFitNeeds .slider-caption:not(.dark) h2 {
    color: #0a405c;
    font-size: 59px;
    text-transform: uppercase;
    font-weight: bold;
}

.slider-caption p { color:#0a405c; }

@media (max-width: 991px){
.solutionFitNeeds .slider-caption:not(.dark) h2{
    font-size:23px;
}
}

body.device-touch.device-sm .portfolio-notitle .portfolio-desc, 
body.device-touch.device-xs .portfolio-notitle .portfolio-desc {
    display:block !important;
}
footer .col-md-5.right img.safety {
    max-width: 120px;
    margin-top: -80px;
}
@media (max-width: 991px){
    #footer6 .col-md-5.right {
        margin-top:40px;
    }
}


#templateDesigns{}
#templateDesigns .row{
    margin:0;
    justify-content:center;
}
#templateDesigns .col-md-4{
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;
}
#templateDesigns .col-sm-4 img{
    width:100%;
}
@media (max-width:767px){
    .contentSub .col-md-6{
        margin-bottom:20px;
    }
}
.spotsClubForm .form_h2_name {
    display:none !important;
}

.ltoppadding {
    padding-top:120px;
}

.lbottompadding {
    padding-bottom:120px;
}

