/*
Theme Name: Turbo Stream
Theme URI: http: http://thememotive.com/
Description: Child theme is the recommended way to modify an existing theme if you want to make changes in the theme.
Author: ThemeMotive
Author URI: http://thememotive.com/
Template: multipurpose
Version: 1.0.0
*/



/*Add your custom styles below:*/

/* ====================================================================================================================
* GENERAL STYLES
* ====================================================================================================================*/
.page-template-page-flexible .main-header, .contentWrapper, footer section{
    max-width:1400px;
    box-sizing:border-box;}
.root > section.contentFullWidth{
    padding-top:100px;
    padding-bottom:100px}
.sidebar > .widget{
    background-color:#e0e0e0;
    padding:20px}
.root > section.contentFullWidth.darkBg{
    background-color:#eee}
.heroContent .btn{
    color: #fff !important;
    background: #0093B5 !important;
    border: 4px solid #0093B5;
    font-size:1.5rem;
    text-align:center;
    padding: 1rem 2rem;
    border-radius:0;
    box-shadow:none;    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.columnButton a,.page-template-page-flexible .btn{
    color: #fff;
    text-align:center;
    border-radius:0;
    box-shadow:none;
    background: #03174c;
    padding: 1.25rem 2rem 1rem 2rem;
    border-style: none;
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;}
.heroContent .btn:hover {
    background: #011656 !important;
}

.color-custom .heroContent .btn:hover,.color-custom .columnButton a:hover,.color-custom.page-template-page-flexible .btn:hover{
    color:#212121;
    background-color:#f5f5f5;
    border:4px solid #f5f5f5}
@media screen and (max-width: 800px){
    .root > section.contentFullWidth{
        padding-top:60px;
        padding-bottom:60px}
}

/* ====================================================================================================================
* RESET STYLES
* ====================================================================================================================*/
html,body,p{
    font-size:1.05rem;
    line-height:1.6;;}
body{
    color:#3f3f3f}
a{
    transition: all ease .2s !important;
    color: #0a1e57;
    font-size: .9rem;
    font-weight: 700;}
a:hover{
    transition:all ease .2s !important;
    color: #0093B5;}
a.btn{
    text-transform:none}
div.flexslider{
    margin-bottom:0}
div.flexslider .flex-direction-nav li{
    margin:0}
.contentWrapper{
    background-color:transparent}
.col{
    margin-bottom:0}
.contentFullWidth{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat}
.color-custom footer{
    margin-top:-1px !important}
h1,h1:first-child,h2,h3,h4,h5,h6{
    margin:0 0 20px;
    line-height:2rem}
@media (max-width: 980px){
    .col2 {
        width:50%}
}
@media screen and (max-width: 800px){
    .col2,.col3,.col4,.col5,.col6,.col23,.col34{
        width:100%;
        max-width:100%}
    .columns .col{
        margin-top:0px}
    .columns .col:first-of-type{
        margin-top:0}
    .contentWrapper .sidebar{
        margin-top:40px}
    h3 {
        font-size: 24px;
    }
}

/* ====================================================================================================================
* MIKE'S CUSTOM STYLES (Feel free to delete these)
* ====================================================================================================================*/
.gridSectionClass .columnContent{
    background-color:#eee}
.alternatingSec .columns .col2{
    margin-bottom:2rem}
.alternatingSec .columns .col2:nth-last-of-type(-n+2){
    margin-bottom:0}
.centerColBtn,.sectionBtnA .col1{
    text-align:center}
.centerColBtn .columnButton a,.sectionBtnA .btn{
    padding:1rem 2rem;margin-top:4rem}

@media screen and (max-width:800px){
    .alternatingSec .columns>:nth-child(3){
        order:4}
    .alternatingSec .columns>:nth-child(4){
        order:3}
}

/* ====================================================================================================================
* TOP BAR & HEADER STYLES
* ====================================================================================================================*/
header section{
    padding: 0 10px}
header section.top{
    background-color: #000}
header.h2 nav.mainmenu>ul>li>a{
    float:left;
    height:40px !important;
    padding:0 19px !important;
    border-left:none;
    border-bottom:3px solid transparent;
    color:#212121 !important;
    font:400 1.231em/40px "Open Sans",sans-serif !important;
    transition:all 0.4s ease-out 0s !important}
.color-custom header.h2 nav.mainmenu>ul>li.current-menu-item>a, .color-custom header.h2 nav.mainmenu>ul>li.current-menu-ancestor>a{
    border-bottom: 2px solid #b28d2f !important;
    color: #3FFf3F !important}
.color-custom header.h2 nav.mainmenu>ul>li:hover>a{
    border-bottom:3px solid #212121 !important}
header nav ul ul li{
    display:block;
    float:none;
    position:relative;
    margin:0}
header li:hover>ul{
    display:block;
    width:400px;}
.main-header-wrapper{
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width:1000px){
    header p.title{
        float:none;
        display:inline-block;
        width:300px}
    header p.title a{
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex !important;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center}
    header p.title img{
        width:100%}
    .menu-toggle{
        margin-top:2px}
}
a.headCtaBtn {
    display: block;
    color: #fff !important;
    /*    background: linear-gradient(#0093B5, #883337);*/
    background: #0093B5;
    padding: 10px 20px;
    margin-top: .5rem;
    margin-bottom: 1rem;
}
.color-blue .main-header .headCta a:hover {
    background: #5d5d5d;
}
@media screen and (max-width: 460px){
    header p.title{
        margin-top:5px;
        width:200px}
    .menu-toggle{
        margin-top:15px}
}
@media screen and (min-width: 800px){
    header.h2 nav.mainmenu{
        margin-top:42px!important}
}



@media screen and (max-width: 1200px){
    header.h2 nav.mainmenu>ul>li>a {
        font-size: 15px !important;
        padding: 0 14px !important;
    }
}
@media screen and (max-width: 1000px){
    .headCta {
        margin-top: 15px;
    }
}
@media screen and (max-width: 700px){
    .headCta {
        width: 100%;
    }
    span.headCtaTxt {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: stretch;
    }
    span.headCtaTxt a {
        flex-grow: 1;
        text-align: center;
    }
}

.color-blue header.h2 nav.mainmenu>ul>li.current-menu-ancestor>a {
    border-bottom: 3px solid #aaa !important;
}

.breadcrumb div {
    margin: 0 auto -5px;
}

/* ====================================================================================================================
* HERO STYLES
* ====================================================================================================================*/
div.flexslider:not(.carousel) .slides,div.flexslider .slides > li{
    min-height:auto}
div.flexslider .slides > li,.heroSection.static > section{
    padding: 0;
    height: 750px;
}
.heroSection.static.secondary-hero section {
    height: 500px;
}
div.flexslider .slides > li,.heroSection section{
    background-size: 40% !important;
    background-position: 95% 50% !important;
    background-repeat: no-repeat;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-align-items: center;
    -ms-flex-align: center;
}

ul.slides li .basic a:last-of-type{
    color: #FFF;
    background-color: #f03e22;
    border: 4px solid #f03e22}
div.flexslider .flex-direction-nav a{
    color:#000;
    width: 100px;
    height: 100px}
div.flexslider .flex-direction-nav a:before{
    font-family: "fontAwesome";
    font-size: 50px;
    display: inline-block;
    content: '\f054';
    color: #3f3f3f;
    text-shadow: none}
.flexslider .flex-direction-nav a.flex-prev:before{
    content: '\f053'}
.flexslider .flex-direction-nav a.flex-next:before{
    content: '\f054'}
.flexslider .flex-control-paging li a{
    background: #0b164c;
    border: 2px solid #fff;}
.flexslider .flex-control-paging li a.flex-active,.flexslider .flex-control-paging li a:hover{
    background: #0093b5 !important;
    border: 2px solid #fff;
    box-shadow: none;}
.heroContent{
    padding:0 100px}
@media screen and (max-width:980px){
    div.flexslider .slides > li,.heroSection section{
        background-size: 60% !important;}
    .slider{
        margin: 0}
    div.flexslider .flex-direction-nav a{
        width:50px;
        height:50px}
    div.flexslider .flex-direction-nav a:before{
        font-size:50px}
    .flexslider .flex-direction-nav a.flex-prev{
        left:2px}
    .flexslider .flex-direction-nav a.flex-next{
        right:2px}
    .heroContent{
        padding:0 3rem !important;}
    .heroSection.static .heroContent{
        padding:0 10px}
}
/* ===============================
* HERO CONTENT DEFAULT STYLES
* ===============================*/
.heroContent .hero-title,
.heroContent h1 {
    margin: 0 0 .5rem;
    font-weight: bold;
    font-size: 4rem;
    line-height: 4rem;
    color: #03174c;
    padding-bottom: 0;
    /*    max-width: 700px;*/
    text-transform: uppercase;
}
.heroContent p{
    margin: 0 auto 3rem 0;
    font-size: 1.5rem;
    line-height: 1.25;
    color: #424242;
    font-weight: 100;
}

@media screen and (max-width: 1100px){
    .heroContent .hero-title,
    .heroContent h1{
        font-size: 2.5rem;
        line-height: 2.25rem;
    }

    .heroContent p {
        font-size: 1.25rem;
        margin: 0 auto 1.5rem 0;
    }

    .columnButton a, .page-template-page-flexible .btn {
        font-size: 1rem;
    }

}

@media screen and (max-width: 760px){
    .heroContent .hero-title,
    .heroContent h1{
        font-size: 1.3rem;
        line-height: 1.7rem;
        margin-top: 150px;}
    .heroContent p{
        margin: 0 0 1rem;
        font-size:1rem;
        display: block;
        width: 100%;}
    .heroContent .btn{
        font-size:.9rem;
        padding: .25rem 1rem;}
    div.flexslider .slides > li,.heroSection section{
        background-size: 80% !important;
        background-repeat: no-repeat;}
    .flexslider.home-hero .slides li {
        background-position: 50% 10% !important;
    }
    div.flexslider .slides > li > div,.heroSection > section > div{
        width:100%;
    }
}
/* ===============================
* GRID DEFAULT STYLES
* ===============================*/
.columnContent{
    box-sizing: border-box;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    height: 100%;
    position:relative;
    z-index:0}
.contentFullWidth,#fullwidth-container-1{
    position:relative;
    z-index:0}
.columnContent:after,.contentFullWidth:after,#fullwidth-container-1:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    z-index:-1}
.columnTitle,.columnImage{
    display:block}
.columnImage img{
    width:100%}
.columnTitle{
    margin:2rem ;
    font-weight: 700;
    font-size:2.5rem;
    line-height:1;
    color:#3f3f3f;
}
.columnDescription{
    margin:2rem}
.columnButton a {
    display: inline-block;
    padding: 1rem 2rem;
    font-size: .9rem;
    margin-left: 2rem;}
.columnButton a:hover {
    background: #15bad3;
    color: #fff !important;
}
.columnButton a.block{
    display:block;
    text-align:center}
.columnLink{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:''}

/* custom css */

.col img {
    height: auto;
}

/* Header Section */

section.main-header p.title {
    margin-top: 1rem;
}

.headCta a.headCtaBtn {
    text-transform: uppercase;
    font-weight: bold;
    padding: .75rem 1.75rem .5rem 2rem;
    margin-top: 0;
    margin-bottom: .25rem;
    background: #011656;
    border: none;
    color: #fff!important;
}

.headCta a.headCtaBtn:hover {
    background: #0093b5;
}

header .main-header nav.mainmenu>ul>li>a {
    font-size: 1.1rem !important;
    font-weight: 500 !important;
}

/* Hero */



.heroContent {
    height: auto;
    display: block;
    padding: 0 0 0 13%;
    width: 40%;
    max-width: 750px;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

.heroSection section {
    background-size: 900px !important;
    background-repeat: no-repeat;
    background-position: 0% 100% !important;
}



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

    div.flexslider .slides > li, .heroSection.static > section {
        height: 400px;
        padding: 2rem 0;
    }

    .heroSection ul.slides li:after, .heroSection.static.page-hero .fullwidth:after{
        opacity: .75;
    }

    .columnTitle{
    font-size:1.75rem;
    }

}


/* why turbo spray section */

li.mobile {
    display: inherit;
}

.home section.split-section.why-turbo .columnContent {
    margin-right: auto;
}

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

    li.mobile {
    display: none;
    }

    article.col.col3.img-side.order-1.clearfix {
        -webkit-clip-path: polygon(0 0, 85% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 85% 0%, 100% 100%, 0% 100%);
    }
	
	.order-2 .columnContent { padding: 130px 1rem 1rem 1rem !important; }
	
	.order-2 .columnImage img { width: 70% !important; }
	
	.order-2 .columnContent { align-content: center; }
	
	.flyer .columnImage img { width: 30%; display: block; margin-left: auto; margin-right: auto; }

    .historical article.col.col3.img-side.order-1.clearfix {
    -webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    }

    section.split-section, section.split-section:nth-child(odd) {
        background: #fff;
    }

    section.split-section:nth-child(odd) {
    background: #f5f5f5;
    }

}

@media (max-width: 800px) {
	.page-id-2293 .order-2 {
		order: 0;
	}
}

.split-section .columnButton {
    margin-right: -1.5rem;
    display: inline-block;
    margin-right: -1.5rem;
}

section.contentFullWidth.split-section {
    padding: 0;
}

section.contentFullWidth.split-section>div {
    max-width: none;
}

section.contentFullWidth.split-section>div section>article {
    padding: 0;
}

section.contentFullWidth.split-section>div section>article .columnContent {
    padding: 130px 1rem;
}

.home section.contentFullWidth.split-section>div section>article .columnContent {
    padding: 100px 1rem 180px;
}

.section-title {
    text-align: center;
}

.products .contentWrapper.clearfix {
    max-width: none;
}

article.col.col2.spray-guns.clearfix .columnContent, article.col.col2.finishing-systems.clearfix .columnContent {
    max-width: 700px;
}

article.col.col2.spray-guns.clearfix .columnContent {
    margin-left: auto;
    /*    background: #3f3f3f;*/
}

article.col.col2.finishing-systems.clearfix .columnContent {
    margin-right: auto;
}

.split-section.why-turbo {
    background-color: #f5f5f5 !important;
}

.home article.col.col2.text-side.order-2.clearfix {
    background: #f5f5f5;
}

.home article.col.col2.text-side.order-2.clearfix>div {
    margin-right: auto;
    margin-left: 0;
}

.fanuc-section .contentWrapper {
    max-width: 900px;
    z-index: 3;
    position: relative;
}

.fanuc-section .columnImage {
    max-width: 240px;
    margin: 0 auto;
}

.fanuc-section .columnContent {
    text-align: center;
}

.fanuc-section .columnTitle {
    color: #fff;
    font-size: 4rem;
}

.contentFullWidth.fanuc-section {
    background-image: url(https://www.turbospray.com/wp-content/uploads/sites/106/2018/12/fanuc-full-width.jpg);
    position: relative;
    z-index: 0;
    background-attachment: fixed;
}

.contentFullWidth.fanuc-section:after {
    content: "";
    height: 100%;
    width: 100%;
    background: #424242;
    opacity: .75;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

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

    section.contentFullWidth.split-section>div section>article .columnContent {
        padding:  50px 1rem 50px;
    }

    .home section.contentFullWidth.split-section>div section>article .columnContent {
        padding:  50px 1rem 50px;
    }

    .img-side .columnContent.clearfix {
        min-height: 300px;
    }

    .contentFullWidth.fanuc-section {
        background-attachment: inherit;
    }

    .fanuc-section .columnTitle {
    font-size: 1.75rem;
    }

}



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

    article.col.col2.spray-guns.clearfix .columnContent, article.col.col2.finishing-systems.clearfix .columnContent {
        margin-left: auto;margin-right: auto;
    }

}
/* products section */

.products .columns .title .columnContent {
    max-width: 1500px;
    margin: auto;
    background: none;
    border: none;
}

.products .columns .title .columnContent .columnTitle {
    line-height: 1;
    margin: 2rem 2rem 0;
}

.products .columns>article>div {
    margin: 1rem;
    background-color: #f5f5f5;
    /*    background-image: linear-gradient(to right top, #004482, #00538e, #006299, #0070a2, #007fab, #008cb3, #009aba, #00a7bf, #00b6c3, #00c5c2, #00d3bc, #23e0b2);*/
    background-attachment: fixed;
    border: 1px solid #ddd;
}

.products .columns>article>div .columnCustom.bg-img {
    min-height: 400px;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
    background-size:cover;
    background-position:center;
}

.products .columns>article.finishing-systems>div .columnCustom.bg-img {
    background-image: url(https://www.turbospray.com/wp-content/uploads/sites/106/2018/12/turntable.jpg);
    background-position: 50% 80%;
}

.products .columns>article.spray-guns>div .columnCustom.bg-img {
    background-image: url(https://www.turbospray.com/wp-content/uploads/sites/106/2018/12/gif-sample-preload.jpg);
}

.products article {
    padding-bottom: 20px;
}

.products .columnTitle {
    color: #0a1e57;
}

.products .columnButton a {
    background: #fff;
    color: #0a1e57;
    border: 1px solid #ddd;

}

.products .columnButton a:hover {
    background: #0a1e57;
    color: #fff;
}


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

    .why-turbo .columnButton {
        width: 100%;
    }

    .why-turbo .columnButton a {
        width: calc(100% - 2rem);
        padding:.5rem 1rem;
        margin-left: 0;
    }

    .products .columns>article>div .columnCustom.bg-img {
    min-height: 200px;
    }

}

/* Services & Industries section */

.services-industries .columnCustom  {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;
}

.services-industries .card {
    width: calc(33% - 1rem);
    margin: .5rem;
    box-sizing: border-box;
    background: #f5f5f5;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: stretch;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

section.contentFullWidth.clearfix.services-industries {
    padding: 0;
}

section.services-industries>div {
    max-width: none;
}

section.services-industries>div article.services>div {
    max-width: 720px;
    margin-left: auto;
    padding: 100px 1rem;
}

section.services-industries>div article.industries>div {
    max-width: 720px;
    margin-right: auto;
    padding: 100px 1rem;
}

article.col.col2.services.clearfix {
    background:#3f3f3f;
    background-image: url(https://www.turbospray.com/wp-content/uploads/sites/106/2018/12/spray-top-left.png);
}

.services-industries a.btn.card-btn {
    background: #3f3f3f;
    font-size: .9rem !important;
    font-weight: 700;
}

.services-industries .services a.btn.card-btn {
    background: #ddd;
    color:#3f3f3f;
}

article.col.col2.industries.clearfix {
    background-color: #f5f5f5;
    background-image: url(https://www.turbospray.com/wp-content/uploads/sites/106/2018/12/spray-top-right.png);
}

.card-img {
    width: 50%;
    height: 100%;
    background-image: url();
}

.card-txt {
    width: 100%;
    text-align:center;
}

.card-txt h3 {
    padding: 1rem 0 .5rem;
    margin: 0;
    background: #fff;
    font-size: 1rem;
    font-weight: bold;
}

a.btn.card-btn {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: .75rem 1rem .5rem;
    height: auto;
    border-width: 0 !important;
    margin: 0;
}

.services .columnTitle, .services .columnDescription {
    color: #fff;
}

.services-industries .columnTitle, .services-industries .columnDescription {
    margin: 1rem;
}

.services-industries .services a.btn.card-btn:hover, .services-industries .industries a.btn.card-btn:hover {
    background: #aaa;
    color: #fff;
}

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

    .services-industries .columnDescription {
        min-height: 150px;
    }

}

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

    .services-industries .card {
        width: 100%;
    }

    .card-txt {
        width: 100%;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-wrap: wrap;
        -ms-flex-wrap: wrap;
        align-items: stretch;
    }

    a.btn.card-btn { padding: .65rem 1rem .5rem;}

}

/* CTA Section */

.ctaContainer {
    background-image: url(https://www.turbospray.com/wp-content/uploads/sites/106/2018/12/schematic.jpg);
    background-size:contain;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
    padding: 0 !important;
}

.cta {
    background-size: 60px;
    position:relative;
    z-index:2;
    padding: 100px 20px !important;
}

.cta h3 {
    color: #fff;
    padding-bottom: 0;
    font-weight: 300 ;
    font-size: 4.75rem ;
    margin-bottom: 2rem;
}

.cta h2 {
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-top: -1rem;
}

a.ctabtn {
    background: #fff;
    color: #0a1e57;
    font-size: 20px;
    font-weight: bold;
    border-radius: 0;
    width: 100%;
    max-width: 505px;
    margin-top: -2rem;
}

section.ctaContainer:after {content: "";
    height: 100%;
    width: 100%;
    background: #004482;
    /*    background-image: linear-gradient(to right top, #004482, #00538e, #006299, #0070a2, #007fab, #008cb3, #009aba, #00a7bf, #00b6c3, #00c5c2, #00d3bc, #23e0b2);*/
    background-attachment: fixed;
    opacity: .925;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    left: 0;
}

.cta p {
    color: #fff;
    margin-top: 0;
    margin-bottom: 2rem;
}

/* Footer */

.color-azure footer {
    background: #030e2d !important;
    padding: 4rem 0 0 !important;
}

footer article.col4:first-child a {
    width: calc(100% - 1rem);
    display: block;
    padding: 1rem 0;
    text-align: center;
    box-sizing: border-box;
    margin: .5rem;
}

footer strong {
    color: #eee;
    font-size: 1rem;
}

 footer a {
    font-size: 1rem;
    font-weight: normal;
    color: #15bad3 !important;
}

footer a:hover {
    color: #fff !important;
}

footer .col {
    padding: 0 2rem;
}

/* Replace footer bullets */
footer article ul li:before {
    width: 0;
    height: 0;
    margin-top: 6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #ffffff;
}

footer i.fa.fa-star {
    font-size: 3rem;
    flex-grow: 1;
    color: #fff;
}

.stars {
    max-width: 320px;
    display: flex;
    align-items: stretch;
    margin-top: 1rem;
}

strong.phone-no {
    color: #aeaeae;
}

/* Breadcrumb */

section.breadcrumb.p07 {
    background: #eee;
}

.breadcrumb>div {
    color: #091e57;
    font-weight: bold;
    max-width: 1400px;
}

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

    footer strong, footer a, footer p {
        font-size: .9rem;
    }

    footer article.col4:first-child a {
        width: calc(100% - .5rem);
        margin: .5rem 0;
    }

    .cta h3 {
        padding: 1rem;
        font-size: 2.5rem;
        margin-bottom: 0;
    }

    .cta h2 {
        font-size: 1.6rem;
        margin-top: -1.5rem;
    }

    a.ctabtn {
        max-width: 234px;
    }

}


/* Secondary Page */

section.contentFullWidth.clearfix.split-section:nth-child(even) {
    background: #fff;
}

.innerbannerArea {
    background: #081d54 !important;
}

.headertitle {
    z-index: 2;
    max-width: 1400px;
}

.headertitle h1 {
    margin: 1rem 0 0;
    z-index: 2;
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: bold;
}

.innerbannerArea:after {
    content: "";
    height: 100%;
    width: 100%;
    background: #0b1e59 !important;
    opacity: .85;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.innerbannerArea {
    position: relative;
}

section.contentFullWidth.clearfix.split-section:nth-child(odd) .text-side .columnContent {
    max-width: 800px;
    margin-right: auto;
}

section.contentFullWidth.clearfix.split-section .col23.text-side .columnContent {
    max-width: 1100px;
}

section.contentFullWidth.clearfix.split-section:nth-child(even) .text-side .columnContent {
    margin-left: auto;
}

.cards {
    display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    -webkit-box-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0 1rem;
}

section.contentFullWidth.split-section>div section>article .columnContent .columnButton {
    margin-bottom: .5rem;
}

.card.award-card {
    flex-grow: 1;
    width: 100%;
    background: #081d54;
    margin: .5rem;
}

.award-card .card-txt h3 {
    background: transparent;
}

.card.award-card .card-txt h3 {
    font-weight: bold;
    text-transform: uppercase;
    color: #eee;
}

section.bg-inverse {
    background-color: #072048;
    color: #fff;
}

.bg-inverse .columnTitle {
    color: #fff;
}

.testify .card-txt {
    text-align: left;
}

.testimonials .columnContent {
    max-width: 600px;
    margin: 0 auto;
}

.card.testify {
    width: calc(33% - 2rem);
    flex-grow: 1;
    margin: 1rem;
    padding: 0;
    box-sizing: border-box;
    color: #072048;
}

.card-txt strong {
    display: block;
    text-align: right;
    font-size: .8rem;
}



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

    .headertitle h1 {
    font-size: 2rem;
    }


}

/* Products Page */

.product-intro .columnImage {
    width: calc(33% - 2rem);
    margin: 1rem;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.product-intro .columnContent {
    display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    -webkit-box-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    align-items: center;
    background-color: #f5f5f5;
    justify-content: center;
    border: 1px solid #ddd;
}

.product-intro .columnDescription {
    width: calc(66% - 4rem);
    box-sizing: border-box;
}

.product-intro .columnDescription p {
    font-size: .95rem;
}

.woocommerce ul.products li.product.type-product {
    background: #f5f5f5;
    padding: 1rem;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.woocommerce .woocommerce-breadcrumb {
    margin-left: 10px;
}

h1.woocommerce-products-header__title.page-title, .product-grid h3 {
    border-bottom: 2px solid;
    font-weight: 700;
    font-size: 2rem;
}

article.col.col1.product-intro.clearfix {
    margin-bottom: 2rem;
}

h2.woocommerce-loop-product__title {
    font-size: 1rem !important;
    font-weight: 700;
}

/* fix placeholder image size */
img.woocommerce-placeholder.wp-post-image {
    padding-top: 1.5%;
    background: #fff;
}
@media screen and (min-width: 1000px){

    h2.woocommerce-loop-product__title {
        min-height: 80px;
    }

}


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

    h2.woocommerce-loop-product__title {
        min-height: 50px;
    }

}

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

    h2.woocommerce-loop-product__title {
        min-height: 74px;
        font-size:.9rem !important;
    }

    .woocommerce ul.products li.product.type-product {
        padding: .5rem;
    }

    .product-intro .columnImage {
        display: none;
    }

    .product-intro .columnDescription {
        width: 100%;
    }

}

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

    h2.woocommerce-loop-product__title {
        min-height: 50px;
    }

}


img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, .woocommerce ul.products li.product .woocommerce-placeholder {
    border: 1px solid #ddd;
}

a.button.product_type_simple {
    width: 100%;
    display: block;
    box-sizing: border-box;
    background: #111d57 !important;
    padding: .75rem 1rem .6rem;
    margin-top: 0 !important;
    text-transform: capitalize;
    text-align: center;
}

a.button.product_type_simple:hover {
    background: #0093b5 !important;
}


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

    a.button.product_type_simple {
        padding: .75rem 0 .6rem;
        font-size: .9rem;
    }

}

/* Individual product page */

.woocommerce-page h1.product_title.entry-title {
    font-size: 2rem;
}

a.btn.schematic-btn {
    background: #111d57;
    padding: .5rem 1rem .4rem;
    border-radius: 3px;
    border: none;
    font-weight: normal;
    font-size: 16px;
}

a.btn.schematic-btn:hover {
    background: #0093B5 ;
}

/* Shop Sidebar */

aside.sidebar {
    background: transparent;
}

.sidebar section.widget {
    margin: 0 2rem 1rem !important;
    border: 1px solid #ddd;
    background: #f5f5f5;
}

.sidebar section.widget_text.widget h3 span {
    font-size: 1.75rem;
    font-weight: bold;
}

.shop-sidebar .widget_text h3, .single-product .contentWrapper .widget_text h3, .archive .contentWrapper .widget_text h3, .single-post .contentWrapper .widget_text h3 {
    font-size: 3rem;
    line-height: 2.5rem;
    margin-bottom: 0;
    text-align: center;
}

.shop-sidebar .widget_text a, .single-product .contentWrapper .sidebar .widget_text a, .archive .contentWrapper .sidebar .widget_text a, .single-post .sidebar .widget_text a {
    font-size: 1.5rem;
    line-height: 2rem;
    background: #0093B5 !important;
    border: 4px solid #0093B5;
    color: #fff;
    padding: 1rem .25rem;
    border-radius: 8px;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.shop-sidebar .widget_text a:hover, .single-product .widget_text a:hover, .archive .widget_text a:hover, .single-post .widget_text a:hover {
    background: #fff !important;
    border: 4px solid #0093B5 !important;
    color: #0093B5 !important;
}

.shop-sidebar .widget_text h3 span, .single-product .widget_text h3 span, .archive .widget_text h3 span, .single-post .widget_text h3 span {
    border-bottom: none;
}

.shop-sidebar aside .widget h3, .single-product aside .widget h3, .archive aside .widget h3, .single-post aside .widget h3 {
    margin-top: 0 !important;
    border-bottom: none;
}

.single-post aside .widget h3 {
    margin-bottom: 0;
    text-align: center;
    padding: 0;
}

.sidebar .widget ul.product-categories>li.cat-item>a {
    font-weight: bold;
    border-bottom: 2px solid #fff;
}

.sidebar .widget ul.product-categories>li.cat-item {
    margin: .25rem 0 1rem;
    padding-bottom: .5rem;
}

.shop-sidebar .sidebar .widget ul.product-categories>li.cat-item:before, .single-product .sidebar .widget ul.product-categories>li.cat-item:before, .shop-sidebar .sidebar .widget ul li:before, .single-product .sidebar .widget ul li:before, .archive .sidebar .widget ul li:before {content: none;}

.shop-sidebar .sidebar .widget ul ul.children, .single-product .sidebar .widget ul ul.children, .archive .sidebar .widget ul ul.children {
    display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    -webkit-box-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    align-items: stretch;
    padding-left: 0 !important;
    margin-top: .25rem;
}

ul.children ul.children {
    display: none !important;
}

.shop-sidebar .sidebar .widget ul ul.children li a, .single-product .sidebar .widget ul ul.children li a, .archive .sidebar .widget ul ul.children li a {
    padding: .5rem .25rem;
    color: #fff;
    padding: .5rem .25rem .33rem;
    font-size: .85rem;
}

.shop-sidebar .sidebar .widget ul ul.children li, .single-product .sidebar .widget ul ul.children li, .archive .sidebar .widget ul ul.children li {
    width: calc(50% - 1rem);;
    background: #3f3f3f;
    margin: .25rem;
    border-radius: 3px;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 0;
    line-height: 18px;
}

.shop-sidebar .sidebar .widget ul li.cat-item-19 ul.children li, .single-product .sidebar .widget ul li.cat-item-19 ul.children li, .archive .sidebar .widget ul li.cat-item-19 ul.children li {
    background: #111d57;
    line-height: 18px;
    padding: 0;
}

.shop-sidebar .sidebar .widget ul ul.children li:hover, .single-product .sidebar .widget ul ul.children li:hover, .archive .sidebar .widget ul ul.children li:hover {
    background: #0093b5 !important;
}

li.cat-item.cat-item-17 {
    display: none;
}

span.posted_in {
    font-size: 1rem;
}

.entry-summary li {
    font-size: .9rem;
}

.panel h2 {
    display: none;
}

@media screen and (min-width:800px) and (max-width: 1000px){

    .shop-sidebar .sidebar .widget ul li.cat-item-19 ul.children li, .shop-sidebar .sidebar .widget ul ul.children li {
        width: 100%;
    }

}

/* Company Page */

.company-grid .col4, .company-grid .col3 {
    padding: 2rem;
    background: #f5f5f5;
    margin: .5rem;
    border: 1px solid #ddd;
}

.company-grid .columnTitle {
    font-size: 1.25rem;
}

.company-grid p {
    font-size: .9rem;
    margin: 1em 0;
}

.company-grid .columnContent>div {
    margin: 0;
}

.company-grid .columnContent a.inline {
    margin-left: 0;
    font-size: .9rem;
    padding: .5rem 1rem;
}

.company-grid .col .columnButton {
    position: absolute;
    bottom: 0;
}

.company-grid .col .columnContent {padding-bottom: 4rem;}
.company-grid .title .columnContent.clearfix { padding-bottom: 1rem; }

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

    .company-grid .col4 {
        width: calc(25% - 1rem);
    }

    .company-grid .col3 {
        width: calc(33% - 1rem);
    }

}

/* Contact Page */

.locations-contact h5 {
    margin: 2rem 0 .25rem;
}

.contact .contentWrapper.clearfix {
    max-width: 1200px;
}

.text-side .columnImage {
    max-width: 400px;
}

.split-section.contact-map .columnContent.clearfix {
    margin: auto !important;
    text-align: center;
}

.split-section.contact-map .columnContent.clearfix .columnImage {
    margin: auto;
}

.split-section.contact-map .text-side {
    background: #f5f5f5;
}

body:not(.page-template-template-form-simple) span.select {
    height: 43px !important;
}

/* Hide career category dropdown selector */
.page-id-795 span.select {
    display: none !important;
}

.contact article.col .columnContent>div {
    margin: 2rem 0;
}

.contact article .columnContent {
    margin: 0 1rem;
}

article.contact-info {
    background: #f5f5f5;
    border: 1px solid #ddd;
}

.contact-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.contact article.contact-info .columnContent {
    height: auto;
    margin: 0 2rem;
}

.contact .contact-info .columnImage {
    margin: 3rem auto !important;
    text-align: center;
}

.contact .contact-info .columnImage img {
    max-width:300px;
}





/*blog page*/

.blog-feed section.columns article {
    width: calc(33% - 20px);
    background: #fff;
    margin: 0 20px 1rem 0;
    padding: 0 0 70px 0;
    position: relative;
    border-radius: 0 0 .25rem .25rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border: 1px solid #eee;
}

.blog-feed section.columns {
    display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    -webkit-box-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 1rem;
}

.blog-feed section.columns article h2, .blog-feed section.columns article p {
    margin: 20px;
}

.blog-feed section.columns article p.more {
    background-color: #0a1d58;
    border: 0 solid;
    margin: 0;
    padding: 1rem 2rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

footer section.columns {
    max-width: 1400px !important;
    margin: 0 auto 2rem !important;
}

header .footer-only, footer ul.sub-menu{display:none;}
.color-blue footer {
    background: #2a0235 !important;
}

footer .patient-info a {
    color: #4eb747 !important;
    font-weight: bold;
}

footer li.call-now {
    display: none;
}


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

    .blog-feed section.columns article {
    width: calc(50% - 20px);
    }

}


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

    .blog-feed section.columns article {
    width: calc(100% - 20px);
    }

}

/*BLOG*/

.blog-feed h2 a {
    font-size: 1.5rem !important;
}

.main.single {
    max-width: 1400px;
    margin-bottom: 0;
}

.hp-latest2 img {
    margin-bottom: 2rem;
}

.posts .columnContent {
    max-width: 1400px;
    margin: auto;
}

.hp-latest2 article {
    background: #fff;
    width: 25%;
    padding: 0;
}

.hp-latest2 article p, .hp-latest2 article h2 {
    padding: 0 2rem;
}

.hp-latest2 article p.more {
    background: #3396c7;
    margin-bottom: 0;
    text-align: center;
}

.hp-latest2 article p.more a {
    width: 100%;
    display: block;
    padding: 1rem 0;
    margin-top: 2rem;
}

article.post span img {
    width: 100%;
    max-width: 300px !important;
}

.single header {
    border-bottom: 4px solid #10255c;
    margin-bottom: 2rem;
}

nav.mainmenu .only-footer {
    display: none;
}

.job-postings .columnTitle {
    text-align: center;
}

.job-postings .contentWrapper {
    max-width: 1400px;
}

input.button.wp_job_manager_send_application_button {
    border: 2px solid #3396c7 !important;
    background: #3396c7;
    color: #fff;
    border-radius: 6px;
}

.single aside.sidebar, .archive aside.sidebar {
    float: right;
    width: 24%;
    max-width: none;
    display: block;
}

.single aside.sidebar>section.widget, .archive aside.sidebar>section.widget {
    width: 100%;
    padding: 20px;
    max-width: 100%;
}

.single .sidebar a.inline-btn.alt-btn, .archive .sidebar a.inline-btn.alt-btn {
    padding: 1rem .25rem;
    border-radius: .25rem;
    border-bottom: 2px solid #1e739e;
    font-size: 1rem;
    color: #fff;
}

.single .sidebar a.inline-btn.alt-btn.prime-btn, .archive .sidebar a.inline-btn.alt-btn.prime-btn {
    border-bottom: 2px solid #67207b;
    color: #fff;
}

.single .sidebar a.inline-btn.alt-btn:hover, .archive .sidebar a.inline-btn.alt-btn:hover {
    background: #1e739e;
    color: #fff;
}

.single .sidebar a.inline-btn.alt-btn.prime-btn:hover, .archive .sidebar a.inline-btn.alt-btn.prime-btn:hover {
    background: #67207b;
    color: #fff;
}

.single p.share {
    margin-top: 3.5em;
}

.single .content-slider .controls {
    margin: 10px 10px 0 0;
}

.single .columns > h2.underline {
    margin-left: 0px;
}

.blog-feed section.columns article h2 a {
    font-size: 2.5rem;
}


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

    .single aside.sidebar, .archive aside.sidebar {
        width: calc(100% - 5rem);
    }

    .shop-sidebar .widget_text a, .single-product .widget_text a, .archive .widget_text a {
        padding: 1rem 0rem;
    }

    .sidebar section.widget {
        margin: 0 1rem 1rem !important;
    }

}


/* Partners Page */

.company-grid .col.partner .columnContent {
    height: 100%;
    padding-bottom: 0;
}

.company-grid .col.partner .columnContent .columnTitle {padding: 1rem 0 0;text-align: center;}

.company-grid .col4.partner {
    flex-grow: 1;
    padding: 1rem;
}

.company-grid .col4.partner .columnImage {
    min-height: 110px;
    background: #fff;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
}

/* Product Videos */

li#tab-title-description {
    background-color: #fff;
}

li#tab-title-description a {
    width: 200px;
    text-align: center;
    color: #fff;
    background-color: #fff
}

.video-grid {
    display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    -webkit-box-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    align-items: stretch;
    height: auto;
}

.video-grid div.vid {
    width: calc(50% - 1rem);
    margin: .5rem;
}

/* Bounce animation */

.bounce {
  display: inline-block;
  position: relative;
  -moz-animation: bounce 0.7s infinite linear;
  -o-animation: bounce 0.7s infinite linear;
  -webkit-animation: bounce 0.7s infinite linear;
  animation: bounce 0.7s infinite linear;
  colr:000;
}
.fa-arrow-right{
	color: #fff;
  font-size: 30px;
}
@-webkit-keyframes bounce {
    0% { right: 0; }
    50% { right: -0.1em; }
    70% { right: -0.2em; }
    100% { right: 0; }
}
@-moz-keyframes bounce {
    0% { right: 0; }
    50% { right: -0.1em; }
    70% { right: -0.2em; }
    100% { right: 0; }
}
@-o-keyframes bounce {
    0% { right: 0; }
    50% { right: -0.1em; }
    70% { right: -0.2em; }
    100% { right: 0; }
}
@-ms-keyframes bounce {
    0% { right: 0; }
    50% { right: -0.1em; }
    70% { right: -0.2em; }
    100% { right: 0; }
}
@keyframes bounce {
    0% { right: 0; }
    50% { right: -0.1em; }
    70% { right: -0.2em; }
    100% { right: 0; }
}

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

    .order-1 {order: 1;}
    .order-2 {order: 2;}
    .order-3 {order: 3;}
    .order-4 {order: 4;}
    .order-5 {order: 5;}
    .order-6 {order: 6;}
}
.woocommerce-tabs.wc-tabs-wrapper {
    display: flex;
    flex-direction: column;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs {
/*    order: 2;*/
}

.woocommerce-Tabs-panel h4 {
    width: 100%;
    padding: 2rem 0 1rem 12px;
    margin: 0;
    /* background: #eee; */
}

.woocommerce-Tabs-panel .foogallery {
    margin-bottom: 1rem;
}

.woocommerce-Tabs-panel .video-grid h4 {
    padding: 2rem 0 0rem 15px;
}

.widget-product-background {
    background-color: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
}

#attachment_2200 {
    display: flex;
    flex-wrap:wrap;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1em;
    padding-left: 1em;
}

#attachment_2211 {
    display: flex;
    flex-wrap:wrap;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1em;
    padding-left: 1em;
}

#attachment_2198 {
    display: flex;
    flex-wrap:wrap;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1em;
    padding-left: 1em;
}

#attachment_2220 {
    display: flex;
    flex-wrap:wrap;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1em;
    padding-left: 1em;
}

/* New Video */
.new-video {
	margin-bottom: 2rem;
}
.new-hero .columns {
	justify-content: space-between;
}
.new-hero .content-col {
	width: 40%;
}
.new-hero .video-col {
	width: 57%;
	align-self: center;
}
.new-hero-title {
	color: #fff;
	margin: 0 0 .5rem;
    font-weight: bold;
    font-size: 4rem;
    line-height: 3rem !important;
    padding-bottom: 0;
    text-transform: uppercase;
}
.new-hero .columnDescription {
	margin: 0 auto 3rem 0;
}
.hero-text {
	color: #fff;
	font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 100;
}
.new-hero .columnButton a.block {
	text-align: center;
	padding: 1.25rem 2rem 1rem 2rem;
	font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
    background: #0093B5;
	border: 4px solid #0093B5;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}
.new-hero .columnButton a {
	margin-left: 0;
	display: inline-block;
}
.new-hero .columnButton a.block:hover {
    background: #011656;
	border: 4px solid #011656;
}

@media (max-width: 991px) {
	.new-hero .content-col, .new-hero .video-col {
		width: 100%;
	}
	.new-hero .content-col {
		margin-bottom: 60px;
	}
}