/* Marketing Message
----------------------------------------- */
.marketing { position: relative; }
/*.flexslider { background: url("/uploads/marketing/b21773f3e5b5ed9cc3a67d68c836609e.jpg") center top no-repeat; background-size: cover; }*/
.marketing-image{display:none;}
.marketing-text{padding: 275px 0 25px 0; position: relative; z-index:3; }
.marketing-text p {font-size: 20px; font-weight: 300; max-width: 500px; margin: 0 auto;}
.marketing-text h1, .marketing-text p{color:#FFF;}
.marketing-text h1{font-size: 32px; font-weight: 300;}
.marketing-text .container { text-align: center; }
.marketing-text .blue{border:1px solid transparent;}
.marketing-text .blue:hover{ border: 1px solid #FFF; color:#FFF !important;}
.flexslider { width: 100%; max-width: 100%; z-index: 4; position: relative; zoom: 1; overflow: hidden; }
.loading { display:block; margin:auto; }

.slides li { display:none;}
.slides li:before { content:''; background: url("/images/green-diagonal2.png") no-repeat right top; position:absolute; right: 0; top:0; height:100%; width:100%; z-index:1; }
.slides li img { max-width: 100%; display: block; margin: 0 auto; }

.flex-control-nav { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 10; top: 250px; left: 5%; text-align: center; width: 90%;}
.flex-control-nav li { display:inline-block; margin: 0 0 0 10px; text-align:left; }
.flex-control-nav li a { display:block; width: 50px; height: 10px; background: #FFF; text-indent: -9999em; box-shadow: 0 0 10px rgba(0,0,0,.5),inset 0 0 0 2px #FFF; cursor: pointer; }
.flex-control-nav li .flex-active { background: #006647; }

@media all and (min-width: 767px) {
.marketing-text{ padding: 36% 0 2% 0; }
.marketing-text h1{font-size: 48px; font-weight: 200; min-height: 120px; padding-top: 60px;}
.marketing-text p{ min-height: 200px;max-width: 500px;float: right; max-width: 650px;}
.marketing-text .button{ float: right;maUrgin-bottom: 30px}
.marketing-text .container { text-align: right; }
.slides li:before { background-position: right center; }

.flex-control-nav { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 96%; max-width: 1200px; top: 340px; text-align: right; }
.flex-control-nav li a { width: 75px; }
}
@media all and (min-width: 1700px) {
.slides li:before { background-size: 61.75% auto;}
}