﻿/*===== Primary Styles ===========================================================
   Author: Bryan Fontaine - Bryan.Fontaine2@carrier.com
  ================================================================================*/

/* Fix for IE10 and Windows 8 Mobile Phones. Microsoft still can't seem to make web browsers correctly and because of this we have to create a hack to trick the browser into rendering the page properly */
@-ms-viewport{width:device-width}
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

/* Extra small devices (portrait phones, less than 576px) No media query for `xs` since this is the default in Bootstrap */
body {
    font-family: Helvetica Neue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
}

nav.bg-light {
    background-color: #fff !important;
    border-bottom: 1px solid;
    border-color: rgba(124, 143, 158, .54);
    padding: 20px 25px;
}

button.navbar-toggler {
    outline: none;
}

li.nav-item {
    width: 100%;
    display: block;
}

li.nav-item a.nav-link {
    color: rgb(210, 18, 69);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.31px;
    display: block;
}

.landing_page {
    background: rgb(141,12,47);
    background: linear-gradient(0deg, rgba(141,12,47,1) 0%, rgba(210,18,69,1) 100%);
    border-radius: 0px;
}

.genesis_landing_page {
    background: rgb(141,12,47);
    background: linear-gradient(0deg, rgba(141,12,47,1) 0%, rgba(210,18,69,1) 100%);
    border-radius: 0px;
}

h1.landing_title {
    color: rgb(255, 255, 255);
    font-size: 42px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.93px;
    padding: 100px 25px 25px 25px
}

p.landing_message {
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    letter-spacing: 0.47px;
    line-height: 36px;
    margin: 0 25px 0 25px;
}

svg.landing_caret_down {
    font-size: 36px;
    color: rgb(255, 255, 255);
    margin: 0 0 40px 25px;
    display: block;
    cursor: pointer;
}

.landing_graphic_container {
    position: relative;
    max-height: 400px;
    min-height: 200px;
}

img.optica_landing {
    width: 100%;
    max-width: 750px;
}

img.optica_detector {
    position: absolute;
    width: 200px;
    top: 0px;
    left: 130px;
}

img.sia_winner {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 0px;
    left: 30px;
}

.video_container {
    position: relative;
}

img.video_player_bg {
    width: 100%;
}

.video_button {
    position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -135px;
	margin-top: -25px;
    width: 270px;
    height: 34px;
    background: rgba(0, 0, 0, 0.6);
    border: 2px solid rgb(255, 255, 255);
    z-index: 100;
    cursor: pointer;
}

span.play_video {
    height: 25px;    
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-transform: uppercase;
    line-height: 18px;
    letter-spacing: 0.6px;
    padding: 5px 10px;
    display: inline-block;
    overflow: hidden;
}

svg.play_icon {
    border-left: 2px solid rgb(255, 255, 255);
    font-size: 30px;
    color: rgb(255, 255, 255);
    line-height: 40px;
    padding: 5px;
    display: inline-block;
}    

.video_section {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.video_section iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

button.close_video {
    position: absolute;
    top: 0;
    right: 0;
    color: rgb(210, 18, 69);
    font-size: 35px;
    line-height: 10px;
    border: 2px solid rgb(210, 18, 69);
    background-color: transparent;
    display: block;
    z-index: 1000;
    cursor: pointer;
}

.facts_gray {
    background: rgb(248, 248, 248);
    border-radius: 0px;
}

.facts_container {
    padding: 50px 25px;
}

h2.facts_title {
    color: rgb(210, 18, 69);
    font-size: 32px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-align: center;
    margin: 0 0 20px 0;
    display: block;
}

p.facts_description {
    max-width: 514px;
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-align: center;
    letter-spacing: 0.35px;
    line-height: 28px;
    margin: 0 auto;
    margin-bottom: 25px;
    display: block;
}

a.facts_button:link,
a.facts_button:visited {
    max-width: 250px;
    color: rgb(210, 18, 69);
    font-size: 18px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    border: 2px solid rgb(210, 18, 69);
    background-color: transparent;
    margin: 0 auto;
    padding: 20px;
    display: block;
}

a.facts_button:hover,
a.facts_button:active { 
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.6px;
    line-height: 25px;  
    background-color: rgb(210, 18, 69);
}

a.edwards_partner_button:link,
a.edwards_partner_button:visited {
    margin: 0 auto;
    max-width: 255px;
}

a.see_how_button:link,
a.see_how_button:visited {
    line-height: 25px;
}

.carousel {
    height: 540px;
}

.facilities_container {
    background: rgba(214,214,214,1);
    background: -moz-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 420%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,214,214,1)), color-stop(40%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 40%);
    background: -o-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 40%);
    background: -ms-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 40%);
    background: linear-gradient(to bottom, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff', GradientType=0 );
}

.carousel_content {
    padding: 25px;
}

h2.facilities_title {
    color: rgb(124, 143, 158);
    font-size: 32px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-align: center;
    padding: 20px 20px 0 20px;
    display: block;
    overflow: hidden;
}

svg.facility_icon {
    color: rgb(124, 143, 158);
    font-size: 100px;
    text-align: center;
    letter-spacing: 1.59px;
    margin: 0 auto;
    display: block;
}

span.facility_type_title {
    width: 280px;
    color: rgb(125, 144, 160);
    font-size: 24px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-align: center;
    letter-spacing: 0.39px;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0;
    display: block;
}

p.facility_type_description {
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-align: center;
    letter-spacing: 0.35px;
    line-height: 28px;
    margin: 0 auto;
    padding: 20px 0 0 0;
    display: block;
}

.ul_container {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 60%, rgba(214,214,214,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(59%, rgba(255,255,255,1)), color-stop(60%, rgba(254,254,254,1)), color-stop(100%, rgba(214,214,214,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 60%, rgba(214,214,214,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 60%, rgba(214,214,214,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 60%, rgba(214,214,214,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 60%, rgba(214,214,214,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6', GradientType=0 );
}

h2.ul_title {
    max-width: 620px;
    color: rgb(124, 143, 158);
    font-size: 32px;
    font-family: HelveticaNeue-Bold, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.62px;
    margin: 0 auto;
    margin-bottom: 35px;
    margin-top: 25px;
    padding: 0 20px;
}

h3.ul_sub_title {
    max-width: 655px;
    color: rgb(125, 144, 160);
    font-size: 24px;
    font-family: HelveticaNeue, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-align: center;
    letter-spacing: 0.47px;
    line-height: 36px;
    margin: 0 auto;
    margin-bottom: 25px;
    padding: 0 20px;
}

.ul_data_content {
    padding: 65px;
    border-bottom: 1px solid rgb(125, 144, 160);
}

.no_border_bottom {
    border-bottom: none;
}

.border_right {
    border-right: none;
}

p.ul_description {
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-family: HelveticaNeue, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-align: center;
    letter-spacing: 0.35px;
    line-height: 28px;
    margin: 0 auto;
    padding: 0 20px;
}

.carousel-control-next, 
.carousel-control-prev {
    top: -70%;
    color: rgb(255, 255, 255);
    opacity: 1 !important;
}

svg.carousel_icon {
    width: 50px !important;
    height: 50px !important;
    color: rgb(125, 144, 160);
    opacity: .3;
}

svg.carousel_icon:focus, 
svg.carousel_icon:hover, 
svg.carousel_icon:focus, 
svg.carousel_icon:hover {
    width: 50px !important;
    height: 50px !important;
    color: rgb(125, 144, 160);
    opacity: 1;
}

.carousel-indicators {
    bottom: -1%;
}

.carousel-indicators li {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    border: 1px solid rgba(51, 51, 51, .1);
    background: rgb(125, 144, 160);
    opacity: .3;
    cursor: pointer;
}

.carousel-indicators .active {
    background-color: rgb(125, 144, 160);
    opacity: 1;
}

.contact_container {
    background: rgb(248, 248, 248);
    padding: 50px 25px;
    margin: 0 auto; 
}

h2.contact_title {
    color: rgb(210, 18, 69);
    font-size: 32px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-align: center;
    margin: 0;
    padding: 0 20px;
    display: block;
    overflow: hidden;
}

p.contact_description {
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-align: center;
    letter-spacing: 0.35px;
    line-height: 28px;
    margin: 0 0 40px 0;
}

footer {
    width: 100%;
    height: 250px;
    background: rgb(51, 51, 51);
}

.footer_branding {
    margin: 25px;
}

p.copyright_info {
    color: #fff;
    margin: 0 0 5px 10px;
}

p.copyright_info_right {
    color: #fff;
    margin: 5px 0 5px 30px;
}

p.copyright_info a:link,
p.copyright_info a:visited,
p.copyright_info_right a:link,
p.copyright_info_right a:visited {
    color: rgb(210, 18, 69);
    text-decoration: none;
}

p.copyright_info a:hover,
p.copyright_info a:focus,
p.copyright_info a:active
p.copyright_info_right a:hover,
p.copyright_info_right a:focus,
p.copyright_info_right a:active {
    color: rgb(210, 18, 69);
    text-decoration: underline;
}

a.footer_edwards {
    display: inline-block;
    margin: 25px 20px 0 25px;
}

img.ul_logo {
    float: right;
    margin: 25px 25px 0 0;
}

/* Begin Priority Landing Page Styles */
h1.priority_title {
    font-size: 36px;
    padding: 100px 0 10px 25px;
}

.distributor_button_container {
    margin: 20px 0;
    display: block;
    overflow: hidden;
}

a.edwards_partner_home:link,
a.edwards_partner_home:visited {
    color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    margin: 0 0 0 25px;
    max-width: 270px;
}

a.edwards_partner_home:hover,
a.edwards_partner_home:active,
a.edwards_partner_home:focus {
    background-color: rgb(255, 255, 255);
    color: rgb(210, 18, 69);
    border: 2px solid rgb(255, 255, 255);
    margin: 0 0 0 25px;
    max-width: 270px;
}

.why_edwards_background {
    background: url('../Images/LandingPages/city_future_bg.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #000;
}

h1.why_edwards_title {
    color: rgb(255, 255, 255);
    font-size: 32px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.62px;
    margin: 40px 0;
    padding: 0 25px;
}

p.why_edwards_description {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-align: center;
    letter-spacing: 0.35px;
    line-height: 28px;
    margin: 0 0 40px 0;
    padding: 0 25px;
}

p.why_edwards_details {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-align: center;
    letter-spacing: 0.35px;
    line-height: 28px;
    padding: 10px 25px;
}

.product_row {
    margin-bottom: 25px;
}

h2.section_title {
    color: rgb(124, 143, 158);
    font-size: 32px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.62px;
    margin: 40px 0 0 0;
    padding: 0 25px;
}

p.section_description {
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-align: center;
    letter-spacing: 0.35px;
    line-height: 28px;
    padding: 20px 25px;
}

.products_container {
    background: rgba(214,214,214,1);
    background: -moz-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 420%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,214,214,1)), color-stop(40%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 40%);
    background: -o-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 40%);
    background: -ms-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 40%);
    background: linear-gradient(to bottom, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff', GradientType=0 );
}

img.optica_product {
    max-width: 205px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 25px;
}

img.genesis_product {
    max-width: 260px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 25px;
}

h3.product_title {
    max-width: 560px;
    color: rgb(125, 144, 160);
    font-size: 24px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0.47px;
    line-height: 30px;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0 25px;
}

p.product_description {
    max-width: 560px;
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    letter-spacing: 0.35px;
    line-height: 28px;
    text-align: center;
    margin: 0 0 35px 0;
    padding: 0 25px;
}

a.est_btn:link,
a.est_btn:visited {
    margin-bottom: 25px;
}

a.optica_btn:link,
a.optica_btn:visited {
    margin-bottom: 25px;
}

a.genesis_btn:link,
a.genesis_btn:visited {
    margin-bottom: 25px;
}

/* Begin Priority EST4 Landing Page Styles */

img.est4_landing {
    width: 100%;
    max-width: 750px;
}

img.est4_panel_landing {
    position: absolute;
    width: 50%;
    max-width: 300px;
    top: 0px;
    left: 0px;
}

.est4_background {
    min-height: 600px;
    background: url('../Images/LandingPages/see_the_difference_bg.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #000;
}

h1.see_the_difference_title {
    max-width: 560px;
    color: rgb(255, 255, 255);
    font-size: 32px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.62px;
    margin: 0 auto;
    margin-top: 104px;
    padding: 0 10px;
}

p.see_the_difference_description {
    max-width: 760px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-align: center;
    letter-spacing: 0.35px;
    line-height: 28px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 0 15px;
}

ul.see_the_difference_list {
    max-width: 560px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    letter-spacing: 0.35px;
    line-height: 28px;
    margin: 0 auto;
    margin-top: 25px;
    padding: 0 20px 64px 40px;
}

h2.est4_future {
    max-width: 618px;
    color: rgb(210, 18, 69);
    font-size: 32px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.62px;
    margin: 0 auto;
    padding: 64px 10px;
}

svg.network_icon {
    font-size: 64px !important;
    display: block;
    color: rgb(210, 18, 69);
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

svg.audio_icon {
    font-size: 68px !important;
    display: block;
    color: rgb(210, 18, 69);
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

svg.forward_icon {
    font-size: 72px !important;
    display: block;
    color: rgb(210, 18, 69);
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

svg.security_icon {
    font-size: 60px !important;
    display: block;
    color: rgb(210, 18, 69);
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

.est4_container {
    background: rgba(214,214,214,1);
    background: -moz-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 420%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,214,214,1)), color-stop(40%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 40%);
    background: -o-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 40%);
    background: -ms-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 40%);
    background: linear-gradient(to bottom, rgba(214,214,214,1) 0%, rgba(255,255,255,1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff', GradientType=0 );
}

h2.est4_title {
    max-width: 618px;
    color: rgb(210, 18, 69);
    font-size: 32px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.62px;
    margin: 0 auto;
    margin-top: 104px;
    margin-bottom: 24px;
    padding: 0;
}

p.est4_description {
    max-width: 560px;
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-align: center;
    letter-spacing: 0.35px;
    line-height: 28px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 0 20px;
}

img.est4_design {
    width: 80%;
    max-width: 960px;
    display: block;
    margin: 0 auto;
    margin-bottom: 50px;
}

.est4_button_container {
    margin-bottom: 104px;
}

a.spec_est4_button:link,
a.spec_est4_button:visited {
    margin-bottom: 20px;
}

p.copyright_info_est4 {
    color: #fff;
    margin: 0 25px;
}

p.copyright_info_est4 a:link,
p.copyright_info_est4 a:visited {
    color: rgb(124, 143, 158);
    text-decoration: none;
}

p.copyright_info_est4 a:hover,
p.copyright_info_est4 a:focus,
p.copyright_info_est4 a:active {
    color: rgb(124, 143, 158);
    text-decoration: underline;
}

/* Begin Priority Optica Landing Page Styles */
.optica_background {
    min-height: 610px;
    background: url('../Images/see_the_difference_bg.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
    overflow: hidden;
}

.play_video_button {
    width: 270px;
    height: 34px;
    background: rgba(0, 0, 0, 0.6);
    border: 2px solid rgb(255, 255, 255);
    display: block;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 25px;
    padding: 0;
    z-index: 100;
    cursor: pointer;
}

.play_video_button span.play_video {
    height: 25px;    
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-transform: uppercase;
    line-height: 18px;
    letter-spacing: 0.6px;
    padding: 5px 10px;
    display: inline-block;
    overflow: hidden;
}

.play_video_button svg.play_icon {
    border-left: 2px solid rgb(255, 255, 255);
    font-size: 30px;
    color: rgb(255, 255, 255);
    line-height: 40px;
    padding: 5px;
    display: inline-block;
}    

a.spec_optica_button:link,
a.spec_optica_button:visited {
    margin-bottom: 20px;
}

a.optica_link:link,
a.optica_link:visited {
    color: rgb(210, 18, 69);
}

a.optica_link:focus,
a.optica_link:hover,
a.optica_link:active {
    text-decoration: underline;
}

/* Begin Priority Genesis Landing Page Styles */

h1.genesis_title {
    margin-top: 20px;
}

.genesis_background {
    width: 100%;
    min-height: 610px;
    background: url('../Images/LandingPages/genesis_background.jpg') no-repeat;
    background-position: left left;
    background-size: cover;
    display: block;
    overflow: hidden;
}

.genesis_video_background {
    min-height: 610px;
    background: url('../Images/LandingPages/genesis_restaurant.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
    overflow: hidden;    
}

svg.performance_icon {
    font-size: 82px !important;
    display: block;
    color: rgb(124, 143, 158);
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

svg.audible_icon {
    font-size: 64px !important;
    display: block;
    color: rgb(124, 143, 158);
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

svg.design_icon {
    font-size: 64px !important;
    display: block;
    color: rgb(124, 143, 158);
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

svg.install_icon {
    font-size: 64px !important;
    display: block;
    color: rgb(124, 143, 158);
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

/* Begin Priority Education Landing Page Styles */

.education_landing_page {
     background-color: #fff;
     padding: 100px 0 0 0;
}

a.find_dealer:link {
    margin: 25px 0 25px 25px;
}

.education_section_container {
    background-color: #d21245;
}

.education_type_container {    
    margin: 50px 0 0 0;
}

img.education_group {
    width: 250px;
    height: 167px;
    display: block;
    box-shadow: 0 0 8px #fff;
    margin: 0 auto;
    margin-bottom: 30px;
}

h2.education_title {
    color: #fff;
    font-size: 32px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-align: center;
    margin: 0 auto;
    padding: 20px 20px 0 20px;
    display: block;
    overflow: hidden;    
}

p.education_description {
    max-width: 550px;
    color: #fff;
    font-size: 18px;
    font-family: HelveticaNeue, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    text-align: center;
    letter-spacing: 0.35px;
    line-height: 28px;
    margin: 0 auto;
    padding: 25px;
}

h2.section_file_title {
    color: rgb(210, 18, 69);
    font-size: 32px;
    font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-align: center;
    margin: 20px 0 25px 0;
    padding: 0;
    display: block;
    overflow: hidden;
}

a.file_download_link img {
    width: 150px;    
    box-shadow: 0 0 8px #000;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block;
    overflow: hidden;
}

/* Small devices (landscape phones, 576px and up) */  
@media (min-width: 576px) { 

    h1.landing_title {
        max-width: 460px;
        font-size: 48px;
    }

    /*p.landing_message {
        max-width: 460px;
    }*/
    
    img.optica_landing {
        width: 100%;
        max-width: 750px;
    }
    
    img.genesis_strobe {
        position: absolute;
        width: 200px;
        top: 0px;
        left: 60px;
    }

    img.optica_detector {
        position: absolute;
        width: 200px;
        top: 0px;
        left: 150px;
    }

    img.sia_winner {
        position: absolute;
        width: 100px;
        height: 100px;
        top: 0px;
        left: 30px;
    }

    a.edwards_partner_button:link,
    a.edwards_partner_button:visited {
        max-width: 350px; 
    }

    a.edwards_partner_home:link,
    a.edwards_partner_home:visited {
        max-width: 350px;
    }
    
    a.see_how_button:link,
    a.see_how_button:visited {
        max-width: 350px;
        line-height: 25px;
    }

    p.ul_description {
        padding: 0 30px;
    }

    p.why_edwards_description {
        padding: 0 50px;
    }

    p.why_edwards_details {
        padding: 10px 50px;
    }

    p.see_the_difference_description {
        padding: 0 25px;
    }

    a.closer_look:link,
    a.closer_look:visited {
        max-width: 502px;
    }

    a.design_optica_button:link,
    a.design_optica_button:visited {
        margin-bottom: 64px;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    img.optica_landing,
    img.est4_landing {
        float: right;
    }

    .video_button,
    .play_video_button {
        width: 350px;
        height: 50px;
    }
    
    span.play_video,
    .play_video_button span.play_video {
        border-right: 2px solid rgb(255, 255, 255);
        height: 48px;
        font-size: 24px;
        font-weight: bold;
        padding: 15px 5px 15px 5px;
        overflow: visible;        
    }
    
    svg.play_icon,
    .play_video_button svg.play_icon {
        border-left: none;
        width: 38px;
        height: 38px;
        font-size: 38px;
        line-height: normal;
        margin: 0 0 0 5px;
        padding: 8px 0 0 0;
    }

    h1.landing_title {
        font-size: 48px;
    }

    .facts_container {
        padding: 100px 50px;
    }

    a.see_how_button:link,
    a.see_how_button:visited {
        max-width: 650px;
        height: 70px;
        line-height: 30px;
    }

    .contact_container {
        width: 600px;
        height: 365px;
    }
    
    h2.contact_title {
        margin: 60px 0 40px 0;
    }
    
    p.contact_description {
        margin: 0 0 40px 0;
    }

    p.why_edwards_details {
        padding: 10px 25px;
    }

    h3.product_title {
        max-width: 560px;
        text-align: left;
    }

    p.product_description {
        max-width: 560px;
        text-align: left;
    }

    a.est_btn:link,
    a.est_btn:visited {
        
    }
    
    a.optica_btn:link,
    a.optica_btn:visited {
        max-width: 360px;
        margin: 0 0 20px 25px;
    }
    
    a.genesis_btn:link,
    a.genesis_btn:visited {
        max-width: 360px;
        margin: 0 0 20px 25px;
    }

    .contact_container {
        margin-bottom: 60px;
    }

    .est4_button_container {
        width: 465px;
        margin: 0 auto;
        margin-bottom: 75px;
    }
    
    a.est_btn:link,
    a.est_btn:visited {
        max-width: 184px;
        margin: 0 0 20px 25px;
    }

    a.spec_est4_button:link,
    a.spec_est4_button:visited {
        width: 182px;
        display: inline-block;
        margin-right: 25px;
    }

    a.design_est4_button:link,
    a.design_est4_button:visited {
        width: 256px;
        display: inline-block;
    }

    footer.no_ul {
        height: 120px;
    }

    p.copyright_info_est4 {
        margin: 25px;
    }

    .optica_button_container {
        width: 740px;
        margin: 0 auto;
        margin-bottom: 75px;
    }

    a.spec_optica_button:link,
    a.spec_optica_button:visited {
        float: left;
        max-width: none;
        width: 318px;
        display: inline-block;
        margin-right: 25px;
    }

    a.design_optica_button:link,
    a.design_optica_button:visited {
        max-width: none;
        width: 393px;
        display: inline-block;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    li.nav-item {
        width: auto;
    }

    .landing_page {
        background: url('../Images/kidde_optica_bg.jpg') no-repeat;
        border-radius: 0px;
        background-position: center center;
        background-size: cover;
    }

    .genesis_landing_page {
        background: url('../Images/LandingPages/genesis_background.jpg') no-repeat;
        border-radius: 0px;
        background-position: left left;
        background-size: cover;
        min-height: 550px;
    }
    
    img.sia_winner {
        position: absolute;
        width: 100px;
        height: 100px;
        top: 150px;
        left: 30px;
    }  

    img.optica_detector {
        position: absolute;
        width: 315px;
        top: 250px;
        left: 0px;
        margin: 0;
    }

    img.genesis_product {
        float: none;
        position: absolute;
        max-width: 300px;
        top: 180px;
        left: 20px;
        margin: 0;
        padding: 0;
    }

    .video_button {
        left: 50%;
        top: 50%;
        margin-left: -225px;
        margin-top: -30px;
        width: 430px;
        height: 52px;
    }

    .play_video_button {
        width: 430px;
        height: 52px;
    }

    .play_video_button span.play_video,
    span.play_video {
        border-right: 2px solid rgb(255, 255, 255);
        color: rgb(255, 255, 255);
        font-size: 30px;
        font-family: HelveticaNeue-Bold, Helvetica, 'Roboto', Liberation Sans, Arial, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        padding: 7px 10px;
        display: inline-block;
        vertical-align: top;
        line-height: 35px;
    }

    .play_video_button svg.play_icon,
    svg.play_icon {
        width: 42px;
        height: 42px;
        font-size: 42px;
        color: rgb(255, 255, 255);
        margin: 3px 0 0 6px;
        padding: 3px;
        display: inline-block;
    }

    .facts_container {
        padding: 100px;
    }

    .carousel {
        height: 350px;
    }

    .facilities_container {
        padding: 100px 150px;
    }

    h2.facilities_title {
        width: 600px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    span.facility_type_title {
        max-width: none;
    }

    p.facility_type_description {
        max-width: 800px;
        min-height:unset;
    }

    .no_border_bottom {
        border-bottom: none;
    }

    .no_border_bottom_lg {
        border-bottom: none;
    }
    
    .border_right {
        border-right: 1px solid rgb(125, 144, 160);
    }

    .carousel-control-next, 
    .carousel-control-prev {
        top: -10%;
    }


    ol.carousel-indicators {
        bottom: -50px;
    }

    p.copyright_info {
        margin-left: 25px;
    }

    p.copyright_info_right:first-child {
        margin-top: 25px
    }

    p.copyright_info_right {
        text-align: right;
        margin: 5px 30px 5px 0px;
    }

    h3.product_title {
        text-align: left;
        margin: 25px 0;
    }

    p.product_description {
        text-align: left;
    }

    p.why_edwards_description {
        max-width: 768px;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    p.section_description {
        max-width: 768px;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    p.first_detail {
        max-width: 280px;
        float: right;
    }

    p.second_detail {
        max-width: 280px;
        margin: 0 auto;
    }

    p.third_detail {
        max-width: 280px;
        float: left;
    }

    img.est4_product {
        float: right;
    }

    img.optica_product {
        float: right;
    }

    img.genesis_product {
        float: right;
    }

    h2.contact_title {
        margin: 10px 0 40px 0;
    }

    img.est4_panel_landing {
        top: 100px;
    }

    p.copyright_info_est4 {
        text-align: right;
        margin-top: 40px;
    }

    .why_edwards_background {
        min-height: 510px;
    }

    h1.why_edwards_title,
    h2.products_title {
        margin: 104px 0 20px 0;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    h1.landing_title {
        max-width: 590px;
        font-size: 48px;
        margin: 50px 0 0 0;
    }

    p.landing_message {
        font-size: 24px;
        letter-spacing: 0.47px;
        line-height: 36px;
        margin: 20px 0 0 25px;
    }

    p.prority_message {
        max-width: 560px;
    }

    svg.landing_caret_down {
        font-size: 42px;
        margin: 0 0 60px 25px;
    }

    img.sia_winner {
        position: absolute;
        width: 100px;
        height: 100px;
        top: 160px;
        left: 30px;
    }  

    img.optica_detector {
        position: absolute;
        width: 315px;
        top: 250px;
        left: 100px;
        margin: 0;
    }

    img.genesis_product {
        max-width: 400px;
    }

    img.genesis_detector {
        margin-top: 150px;
        margin-left: 80px;
    }

    p.ul_description {
        padding: 0 50px;
    }

}

/* Extra Extra large devices (large desktops, 1600px and up) */
@media (min-width: 1600px) {

    h1.landing_title {
        max-width: 540px;
        font-size: 48px;
        margin: 50px 0 0 0;
    }

    p.landing_message {
        max-width: none;
        font-size: 24px;
        letter-spacing: 0.47px;
        line-height: 36px;
        margin: 0 0 0 25px;
    }

    svg.landing_caret_down {
        font-size: 42px;
        margin: 25px 0 60px 25px;
    }

    img.optica_detector {        
        top: 150px;
        left: 150px;
        margin: 0;
    }

    img.genesis_strobe {
        top: 150px;
        left: 100px;
        margin: 0;
    }

    p.ul_description {
        padding: 0 100px;
    }

}
