@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.fontL{font-family: 'Lato', sans-serif;}
.fontOS{font-family: 'Open Sans', sans-serif;}
.fontR{font-family: 'Roboto', sans-serif;}
.fontRC{font-family: 'Roboto Condensed', sans-serif;}

body{background-color:#f7f7f7; background-image: url("../images/pageBG.jpg"); background-repeat: repeat-y; background-size:100%; background-position: center; padding-bottom: 100px;}

.bg-primary{background-color:#084b67 !important; color:#fff;}
.bg-primary h2 strong{color:#3cb5e8;}
.border-primary{border-color:#084b67 !important;}


footer{background-color:#0f1e2f; color:#fff; padding-top:80px; padding-bottom: 80px;}
footer a{color:#fff;}


#amber{ background-image: url('../images/amberBG.jpg'); background-size: 120%; background-position:top; border-radius: 100%; width: 100%; max-width: 420px;}
#amber2{ background-image: url('../images/amberBG.jpg'); background-size: 120%; background-position:top; border-radius: 100%; width:95%; max-width:450px; margin-right: 25px; margin-bottom:; float: left;}

.img-borderShadow{box-shadow: 0px 0px 35px -17px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 35px -17px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 35px -17px rgba(0,0,0,0.75); border: 10px solid #fff;}

p { line-height: 36px; font-weight: normal; font-style: normal; margin-bottom: 0px; font-size: 24px; padding-bottom: 25px; font-family: 'Open Sans', sans-serif;}
p:last-child { padding-bottom: 0;}
h1 { font-size: 65px; line-height: 75px;}
h2 { font-size: 48px; line-height: 58px;}
h3 { font-size: 55px; line-height: 62px;}

.txtBlue{color:#3cb5e8;}
.txtDBlue{color:#084b67;}

.bold{font-weight:700;}
.bolder{font-weight:900;}

.dblock{display: block;}

small{font-size:0.75em; font-weight: normal; font-style: italic; color:#888;}

mark{background-color:yellow;}
mark.alt{background-color:#3cb5e8;}


/**************** HEADER ****************/
header{ background-color:#003749; padding: 0px;}
header .column1{padding-top:10px; padding-bottom: 10px; background-image: url("../images/blueBG.jpg"); background-size: cover;}
header .column2{min-height: 250px; background-color:rgba(255,255,255,0.1); background-image: url("../images/aging.jpg"); background-size:cover; background-repeat: no-repeat; background-position: top center;}
header h1{ line-height:normal; font-size:1.75em; text-align: center; color:#fff; font-weight: 500; max-width:476px; display:inline-block; margin-right:0%; margin-left: calc(100% - 476px); position: relative;}
header h1 span{display:block; font-size:1.8em; color: #39c7ff;}
header h1 span.alt{color:#fdff14; font-size:1.5em}
header b, header strong{font-weight:700; text-transform: uppercase;}
@media only screen and (max-width: 991.98px){
    header .container{max-width:100%;}
    header h1{display:block; margin: auto; position: relative; font-size:1.4em;}
    
    header .column1{background-image: url("../images/blueBG-mobile.jpg");}
header .column2{background-image: url("../images/aging-mobile.jpg");}
}
/********************************/

/**************** HEADER ****************/
#IssueCause h2{font-size:65px; line-height: 72px;}
#cellsTable{text-align: center; box-shadow: 0px 0px 35px -17px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 35px -17px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 35px -17px rgba(0,0,0,0.75);}
#cellsTable .col1, #cellsTable .col2{padding: 45px;}
#cellsTable .col1{border-right:1px solid rgba(0,0,0,0.1);}
#cellsTable .col2{border-left:1px solid rgba(0,0,0,0.1);}
.belowCell{text-align:left;}

@media only screen and (max-width: 991.98px){
    #IssueCause h2{font-size:45px; line-height: 52px;}
    #cellsTable .col1, #cellsTable .col2{display: block; width: 100%;}
    #cellsTable .col1{border-bottom:0.5px solid rgba(0,0,0,0.1); border-right:0px;}
    #cellsTable .col2{border-left:0px;}
    #amber2{display:block; margin: auto; clear: both; float: none;}
}
/********************************/




.badgesCol1 .badges{display:inline-block; width: 100%; padding: 0px; text-align: center;}
.badgesCol2 .badges{display:inline-block; width: calc(100% / 2.1); padding: 0px; text-align: left; min-height: 100px;}
.badges{margin-bottom:30px;}

.badgesCol1 .badges img{width:70px; height:70px; display: block; margin-bottom: 5px;}
.badgesCol1 .badges div{font-size:28px; line-height: 28px; width: 100%; color:#000; display:block; font-weight:400;}

.badgesCol2 .badges img{width:50px; height:50px; margin-right:25px; display: block; float: left;}
.badgesCol2 .badges div{ font-size:24px; line-height: 25px; width: calc(100% - 75px); color:#000; display:block; float:left; font-weight:400; padding-right:50px; min-height: 50px; vertical-align: middle !important;}

@media only screen and (max-width: 991.98px){
.badgesCol1 .badges{text-align:center;}
    .badgesCol2 .badges{ margin-bottom:0px; display:block; float:left;}
    .badgesCol2 .badges img{width:50px; height:50px; margin-right:auto; display: block; float: none; margin-left: auto; margin-bottom: 10px;}
    .badgesCol2 .badges div{ font-size:20px; line-height: 22px; width: 100%; color:#000; display:block; float:none; font-weight:400; padding-right:0px; min-height: 100px; text-align: center;}
}

.plantsDesktop{display:block;}
.plantsMobile{display:none;}


@media only screen and (max-width: 991.98px){
    .plantsDesktop{display:none;}
    .plantsMobile{display:block;}
}