@charset "UTF-8";




/* CSS Document */

/* font-family: "Roboto Condensed", sans-serif; */
/* font-optical-sizing: auto; */
/* ont-weight: <weight>; */
/* font-style: normal; */
    
/* Dark Gold: #dbb810 */



body, html {background-color: #fff;margin: 0px;height: 100%;padding: 0px;font-family: "Roboto Condensed", sans-serif;}
#row {margin: 0px;float: left;width: 100%;}

.pers {color: #f6921e;}
.comm {color: #003d77;}
.tran {color: #2992d0;}
.spec {color: #723151;}
.grey {color: #4d4d4f;}
.gold {color: #ffd300;}

.leftline {background-image: url("../images/vertical-line.png"); background-repeat: no-repeat; background-position: left center;}
    
@media only screen and (min-width: 300px)  {
    #row.test {background-color: #FF0004;}
    #content {width: 90%;margin-right: 5%;margin-left: 5%;float: left; padding-left: 0px; padding-right: 0px;}
   .desktop {display: none;}
    .mobile {display: block;}
    } 
@media only screen and (min-width: 640px)  {
    #row.test {background-color: #FA8D00;}
    #content {width: 92%;margin-right: 4%;margin-left: 4%;float: left; padding-left: 0px; padding-right: 0px;}
    .desktop {display: none;}
    .mobile {display: block;}
    } 
@media only screen and (min-width: 768px)  {
    #row.test {background-color: #F9E702;}
    #content {width: 94%;margin-right: 3%;margin-left: 3%;float: left; padding-left: 0px; padding-right: 0px;}
    .desktop {display: block;}
    .mobile {display: none;}
    } 
@media only screen and (min-width: 1024px)  {
    #row.test {background-color: #01F920;}
    #content {width: 92%;margin-right: 4%;margin-left: 4%;float: left; padding-left: 0px; padding-right: 0px;}
    .desktop {display: block;}
    .mobile {display: none;}
    } 
@media only screen and (min-width: 1280px)  {
    #row.test {background-color: #027EF8;}
    #content {width: 1200px;margin-right:auto !important ;margin-left:auto !important ;float:none; max-width: 1280px;}
    .desktop {display: block;}
    .mobile {display: none;}
    } 
    
/* ---------------- TOPNAV ---------------- */

@media only screen and (min-width: 300px)  {
    #row.nav a {font-size: 12px; line-height: 40px; font-weight: 700; padding-right: 7px; padding-left: 0px; margin-left: 7px; margin-right: 0px;}
    #row.nav {text-align: center;}
    } 
@media only screen and (min-width: 640px)  {
    #row.nav a {font-size: 14px; line-height: 40px; font-weight: 700; padding-right: 7px; padding-left: 0px; margin-left: 7px; margin-right: 0px;}
    #row.nav {text-align: right;}
    } 
@media only screen and (min-width: 768px)  {
    #row.nav a {font-size: 14px; line-height: 40px; font-weight: 700; padding-right: 15px; padding-left: 0px; margin-left: 0px; margin-right: 15px;}
    #row.nav {text-align: right;}
    } 
@media only screen and (min-width: 1024px)  {
    #row.nav a {font-size: 13px; line-height: 40px; font-weight: 600; padding-right: 15px; padding-left: 0px; margin-left: 0px; margin-right: 15px;}
    #row.nav {text-align: right;}
    } 
@media only screen and (min-width: 1280px)  {
    #row.nav a {font-size: 13px; line-height: 40px; font-weight: 500; padding-right: 15px; padding-left: 0px; margin-left: 0px; margin-right: 15px;}
    #row.nav {text-align: right;}
    } 
#row.nav {background-color: #4d4d4f; float: left; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); text-transform: uppercase;}
#row.nav a {color: #fff; opacity: 0.5; text-decoration: none; border-right: 1px; border-right-style: solid; border-right-color: #d6d5d5; font-weight: 500;}
#row.nav a:hover {opacity: 1; }

/* ---------------- SMALLNAV ---------------- */


.smallnavbar {display: none; position: fixed; text-align: center; width: 100%; float: left; z-index: 1000; background-image: url("../images/smallnavback.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom; padding-bottom: 20px; padding-top: 5px; vertical-align: text-bottom;}
    
.smallnavbar a {text-decoration: none; color: #a6a2a4; text-transform: uppercase; font-weight: 500; padding-top: 0px; padding-bottom: 0px; display: inline-block;}
.smallnavbar a:hover {color: #4d4d4f;}
.smallnavbar a img {width: auto; margin-right: 20px; margin-left: 0px; margin-bottom: -5px; margin-top: 0px;}

@media only screen and (max-width: 767px)  {
    #smallnavholder {display: none;}
    } 

@media only screen and (min-width: 768px)  {
    .smallnavbar a img {height: 40px;}
    .smallnavbar a {font-size: 14px; line-height: 40px;padding-left: 10px; padding-right: 10px; }
    #smallnavholder {display: block;}
    } 
@media only screen and (min-width: 1024px)  {
    .smallnavbar a img {height: 45px;}
    .smallnavbar a {font-size: 17px; line-height: 45px;padding-left: 15px; padding-right: 15px; }
    #smallnavholder {display: block;}
    } 
@media only screen and (min-width: 1280px)  {
    .smallnavbar a img {height: 50px;}
    .smallnavbar a {font-size: 20px; line-height: 50px;padding-left: 20px; padding-right: 20px; }
    #smallnavholder {display: block;}
    } 

/* ---------------- HEADER ---------------- */

@media only screen and (min-width: 300px)  {
    #row.hdr a #logo {width: 70%; margin-left: 15%; margin-right: 15%;}
    #row.hdr a #hdrlink {font-size: 25px; line-height: 20px; padding-left: 1%; padding-right: 1%; width: 31%; padding-top: 5%;}
    #row.hdr a #hdrlink.last {padding-right: 1%;}
    #row.hdr #hdrlink span {font-size: 20px; line-height: 25px;}
    } 
@media only screen and (min-width: 640px)  {
    #row.hdr a #logo {width: 30%; margin-left: 0%; margin-right: 0%;}
    #row.hdr a #hdrlink {font-size: 22px; line-height: 20px; padding-left: 15px; padding-right: 15px; width: inherit; padding-top: 4%;}
    #row.hdr a #hdrlink.last {padding-right: 15px;}
    #row.hdr #hdrlink span {font-size: 15px; line-height: 20px;}
    } 
@media only screen and (min-width: 768px)  {
    #row.hdr a #logo {width: 30%; margin-left: 0%; margin-right: 0%;}
    #row.hdr a #hdrlink {font-size: 25px; line-height: 22px; padding-left: 25px; padding-right: 25px; width: inherit; padding-top: 5%;}
    #row.hdr a #hdrlink.last {padding-right: 0px;}
    #row.hdr #hdrlink span {font-size: 15px; line-height: 20px;}
    } 
@media only screen and (min-width: 1024px)  {
    #row.hdr a #logo {width: 25%; margin-left: 0%; margin-right: 0%;}
    #row.hdr a #hdrlink {font-size: 30px; line-height: 25px; padding-left: 35px; padding-right: 35px; width: inherit; padding-top: 3%;}
    #row.hdr a #hdrlink.last {padding-right: 0px;}
    #row.hdr #hdrlink span {font-size: 18px; line-height: 22px;}
    } 
@media only screen and (min-width: 1280px)  {
    #row.hdr a #hdrlink {font-size: 38px; line-height: 30px; padding-left: 45px; padding-right: 45px; width: inherit; padding-top: 5%;}
    #row.hdr a #hdrlink.last {padding-right: 0px;}
    #row.hdr #hdrlink span {font-size: 20px; line-height: 25px;}
    #row.hdr a #logo {width: 30%; margin-left: 0%; margin-right: 0%;}
    } 
    
#row.hdr {padding-top: 10px;padding-bottom: 5px; background-color: #fff;}
#row.hdr a  {text-decoration: none; outline: none;}
#row.hdr a #hdrlink:hover  {color:#4d4d4f !important;}
#row.hdr a #logo {float: left; display: inline; text-align: center;}
#row.hdr a #logo img {width: 100%; height: auto;}
#row.hdr a #hdrlink {float: right; display: inline; text-align: center; color: #8a8a8b; font-weight: 500;}
#row.hdr #hdrlink span {color: #ffd300; font-weight: 700;}
    
/* ---------------- QUAD ---------------- */

@media only screen and (min-width: 380px) {
    #row.quad a #quad {width: 40%; border: hidden;padding: 5%;}
    #row.quad a h3 {font-size: 27px; line-height: 28px;}
    #row.quad a h3.pers span, a h3.comm span, a h3.tran span, a h3.spec span {font-size: 15px; line-height: 25px;}
}
@media only screen and (min-width: 640px) {
    #row.quad a #quad {width: 40%; border: hidden;padding: 5%;}
    #row.quad a h3 {font-size: 27px; line-height: 28px;}
    #row.quad a h3.pers span, a h3.comm span, a h3.tran span, a h3.spec span {font-size: 15px; line-height: 25px;}
}
@media only screen and (min-width: 768px) {
    #row.quad a #quad {width:20.5%;border-right: 1px; border-right-style: solid; border-right-color: #d6d5d5;padding: 2%;}
    #row.quad a h3 {font-size: 20px; line-height: 21px;}
    #row.quad a h3.pers span, a h3.comm span, a h3.tran span, a h3.spec span {font-size: 15px; line-height: 25px;}
}
@media only screen and (min-width: 1024px) {
    #row.quad a #quad {width: 20.5%;border-right: 1px; border-right-style: solid; border-right-color: #d6d5d5;padding: 2%;}
    #row.quad a h3 {font-size: 24px; line-height: 25px;}
    #row.quad a h3.pers span, a h3.comm span, a h3.tran span, a h3.spec span {font-size: 15px; line-height: 25px;}
}
@media only screen and (min-width: 1280px) {
    #row.quad a #quad {width: 22.5%;border-right: 1px; border-right-style: solid; border-right-color: #d6d5d5;padding: 1%;}
    #row.quad a h3 {font-size: 27px; line-height: 28px;}
    #row.quad a h3.pers span, a h3.comm span, a h3.tran span, a h3.spec span {font-size: 15px; line-height: 25px;}
}

#row.quad {height: auto; float: left; text-align: center; padding-bottom: 150px; padding-top: 50px; background-color: #fff;}
#row.quad a #quad:hover {opacity: 0.6;}
#row.quad a #quad {height: auto; float: left; text-align: center; }
#row.quad a #quad img {width: 25%; height: auto;}

#row.quad a h3 {text-decoration: none; outline: none; text-transform: uppercase; margin: 0px; padding: 0px; font-weight: 500;}
#row.quad a h3.pers span, a h3.comm span, a h3.tran span, a h3.spec span {text-transform: uppercase; color: #a6a6a7;}

#row.quad a h3.pers {color: #f6921e}
#row.quad a h3.comm {color: #003d77}
#row.quad a h3.tran {color: #2992d0}
#row.quad a h3.spec {color: #723151}

/* ---------------- TITLE ---------------- */

#row.title {text-align: center; margin-top: 15px;padding: 0px;}
#row.title h1 {color: #fff; text-transform: uppercase; font-weight: 500;margin: 0px; position: relative; width: 100%; float: left; background-position: center center; background-size: 100% auto;left: 0;top: 0; z-index: 1;text-shadow: 0px 0px 20px rgba(0,0,0,0.95);}
#row.title h1.promos {}
#row.title h2 {color: #fff; text-transform: uppercase; font-weight: 400;position: relative; width: 60%; float: left; left: 0; z-index: 2;text-shadow: 0px 0px 15px rgba(0,0,0,0.40); margin-left: 15%;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); padding-left: 5%;padding-right: 5%; margin-bottom: 0px;}

#row.title h1.pers, #row.title h2.pers {background-color: #f6921e;}
#row.title h1.comm, #row.title h2.comm {background-color: #003d77;}
#row.title h1.tran, #row.title h2.tran {background-color: #2992d0;}
#row.title h1.spec, #row.title h2.spec {background-color: #723151;}
#row.title h1.grey, #row.title h2.grey {background-color: #4d4d4f;}
#row.title h1.gold, #row.title h2.gold {background-color: #ffd300;}

@media only screen and (min-width: 300px) {
#row.title h1 {font-size: 30px;line-height: 33px; padding-top: 40px; padding-bottom: 40px;border-radius: 10px;}
#row.title h1.promos {padding-top: 80px; padding-bottom: 80px;}
#row.title h2 {font-size: 16px;line-height: 20px; padding-top: 10px; padding-bottom: 10px;border-radius: 7px;top: -35px;}
}
@media only screen and (min-width: 640px) {
#row.title h1 {font-size: 40px;line-height: 43px; padding-top: 50px; padding-bottom: 50px;border-radius: 15px;}
#row.title h1.promos {padding-top: 100px; padding-bottom: 100px;}
#row.title h2 {font-size: 16px;line-height: 20px; padding-top: 10px; padding-bottom: 10px;border-radius: 10px;top: -50px;}
}
@media only screen and (min-width: 768px) {
#row.title h1 {font-size: 40px;line-height: 43px; padding-top: 50px; padding-bottom: 50px;border-radius: 15px;}
#row.title h1.promos {padding-top: 100px; padding-bottom: 100px;}
#row.title h2 {font-size: 16px;line-height: 20px; padding-top: 10px; padding-bottom: 10px;border-radius: 10px;top: -50px;}
}
@media only screen and (min-width: 1024px) {
#row.title h1 {font-size: 50px;line-height: 55px; padding-top: 60px; padding-bottom: 60px;border-radius: 15px;}
#row.title h1.promos {padding-top: 130px; padding-bottom: 130px;}
#row.title h2 {font-size: 20px;line-height: 23px; padding-top: 15px; padding-bottom: 15px;border-radius: 10px;top: -60px;}
}
@media only screen and (min-width: 1280px) {
#row.title h1 {font-size: 55px;line-height: 55px; padding-top: 70px; padding-bottom: 70px;border-radius: 20px;}
#row.title h1.promos {padding-top: 150px; padding-bottom: 150px;}
#row.title h2 {font-size: 25px;line-height: 28px; padding-top: 20px; padding-bottom: 20px;border-radius: 15px;top: -70px;}
}


/* ---------------- TEXT ---------------- */

#row.txt  {padding-bottom: 50px;}
#row.txt hr {height: 1px;background-color: #fff;background-image: linear-gradient(90deg, #fff, #ffd300, #fff);border: 0;margin-top: 25px; margin-bottom: 25px;}
#row.txt #txt-full {width: 90%; margin-left: 5%; margin-right: 5%; margin-top: 0px; margin-bottom: 40px;}
#row.txt .rounded {border-radius: 20px;}
#row.txt a.apply {background-color: #ffd300; padding: 10px; text-align: center; text-decoration: none; color: #4d4d4f; font-size: 18px; font-weight: 500; text-transform: uppercase; border-radius: 10px; margin: 15px;}
#row.txt a.apply:hover {background-color: #4d4d4f; padding: 10px; text-align: center; text-decoration: none; color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; border-radius: 10px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); margin: 15px;}

#row.txt hr.solid {height: 1px;background-color: #4d4d4f;background-image: linear-gradient(90deg, #4d4d4f, #4d4d4f, #4d4d4f);border: 0;margin-top: 25px; margin-bottom: 25px; opacity: 0.20;}

#row.txt #grey-hold {background-color: #e5e4e4; padding: 25px;}
#row.txt #grey-hold hr {height: 2px;background-color: #e5e4e4;background-image: linear-gradient(90deg, transparent, #4d4d4f, transparent);border: 0;margin-top: 15px; margin-bottom: 15px; opacity: 0.3;}

#row.txt #txtbox-four {width: 23%; margin-left: 1%; margin-right: 1%; float: left; text-align: center; border-radius: 10px; padding-bottom: 10px; overflow: hidden;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); margin-bottom: 10px;}
#row.txt #txtbox-four p.txtbox-title {color: #fff; font-size: 20px; line-height: 22px; font-weight: 600; margin-bottom: 15px; width: 80%; padding-left: 10%; padding-right: 10%; margin-top: 0px; background-color: #4d4d4f; text-transform: uppercase; padding-top: 10px; padding-bottom: 20px;}
#row.txt #txtbox-four p.txtbox-title span {color: #fff; font-size: 12px; line-height: 20px; font-weight: 500; opacity: 0.5;}
#row.txt #txtbox-four p.txtbox-desc {color: #fff; font-size: 15px; line-height: 18px; font-weight: 400; margin-bottom: 10px; width: 80%; padding-left: 10%; padding-right: 10%; margin-top: 0px;}

@media only screen and (min-width: 400px) {
    #row.txt #txtbox-four {display: inline;}
    #row.txt #txtbox-four {width: 48%; margin-left: 1%; margin-right: 1%;}
}
@media only screen and (min-width: 640px) {
#row.txt #txtbox-four {display: inline;}
}
@media only screen and (min-width: 768px) {
#row.txt #txtbox-four {display: inline;}
    #row.txt #txtbox-four {width: 23%; margin-left: 1%; margin-right: 1%;}
}
@media only screen and (min-width: 1024px) {
#row.txt #txtbox-four {display: inline;}
    #row.txt #txtbox-four {width: 23%; margin-left: 1%; margin-right: 1%;}
}
@media only screen and (min-width: 1280px) {
#row.txt #txtbox-four {display: inline;}
    #row.txt #txtbox-four {width: 23%; margin-left: 1%; margin-right: 1%;}
}

a:hover table.products-promos {box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); opacity: 0.66}
a table.products-promos {border-radius: 15px; overflow: hidden;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); opacity: 1.0;}
a table.products-promos h6 {font-size: 24px !important; line-height: 28px !important; font-weight: 700; margin: 0px !important; padding: 25px !important; text-transform: uppercase; width: 100%; background-position: center center; background-size: 100% auto; background-repeat: no-repeat;}

/* ---------------- COLUMNS ---------------- */

@media only screen and (min-width: 300px) {#row.txt #content.right-nav #right {display: none;}}
@media only screen and (min-width: 640px) {#row.txt #content.right-nav #left {width:90%;}    }
@media only screen and (min-width: 768px) {
    #row.txt #content.right-nav #left {width:65%; margin-right: 5%; margin-left: 5%; float: left; text-align:left; margin-bottom: 25px; }
    #row.txt #content.right-nav #right {width:20%; margin-right: 5%; float: left; text-align:left; display: block;}
    #row.txt #four-col {width: 46%; padding: 2%; margin: 0px; float: left;}
}
@media only screen and (min-width: 1024px) {
    
}

/* ---------------- FONTS & TYPE ---------------- */

@media only screen and (min-width: 380px) {
    #row.txt #four-col p.home {color: #4d4d4f; text-align: center; margin: 0px; padding-top: 20px; font-size: 15px; line-height: 18px; font-weight: 600;}

}
@media only screen and (min-width: 640px) {
    #row.txt #four-col p.home {color: #4d4d4f; text-align: center; margin: 0px; padding-top: 20px; font-size: 15px; line-height: 18px; font-weight: 600;}
}
@media only screen and (min-width: 768px) {
    #row.txt #four-col p.home {color: #4d4d4f; text-align: center; margin: 0px; padding-top: 20px; font-size: 18px; line-height: 20px; font-weight: 600;}
}
@media only screen and (min-width: 1024px) {
    #row.txt #four-col p.home {color: #4d4d4f; text-align: center; margin: 0px; padding-top: 20px; font-size: 20px; line-height: 22px; font-weight: 600;}
}
@media only screen and (min-width: 1280px) {
    #row.txt #four-col p.home {color: #4d4d4f; text-align: center; margin: 0px; padding-top: 20px; font-size: 20px; line-height: 22px; font-weight: 600;}
}

#row.txt h5 {font-size: 19px; line-height: 21px; font-weight: 500; text-transform: uppercase; margin: 0px; padding-top: 0px; padding-bottom: 20px;}
#row.txt h6 {font-size: 20px; line-height: 24px; font-weight: 700; margin: 0px; padding-top: 0px; padding-bottom: 0px; margin-left: 0px; margin-bottom: 20px;}
#row.txt h6 span {font-size: 18px; font-weight: 300; opacity: 0.66; margin-left: 15px;}

#row.txt h2 {color: #4d4d4f; font-size: 30px; line-height: 35px; font-weight: 500; text-transform: uppercase; text-align: center; margin: 0px; padding-top: 0px; padding-bottom: 0px;}
#row.txt p.home {color: #4d4d4f; font-size: 24px; line-height: 32px; font-weight: 300; text-align: center; margin: 0px; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px}
#row.txt p.lrg {color: #4d4d4f; font-size: 30px; line-height: 35px; font-weight: 300; text-align: center; margin: 0px; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px}

#row.txt p.intro {color: #4d4d4f; font-size: 22px; line-height: 28px; font-weight: 500; margin: 0px; padding-bottom: 0px; }

#row.txt p {color: #4d4d4f; font-size: 18px; line-height: 24px; font-weight: 300; margin-bottom: 15px;margin-top: 0px;}
#row.txt p a {color: #4d4d4f; }
#row.txt p.promos {font-size: 24px; line-height: 30px; font-weight: 500; margin-bottom: 20px;margin-top: 0px; text-align: center;}

#row.txt ul {margin: 0px;}
#row.txt ul li {color: #4d4d4f; font-size: 16px; line-height: 20px; font-weight: 300; margin-bottom: 5px; padding: 0px;}

#row.txt #content #col-nav a {width: 90%; padding: 5%; background-color:#ffd300; display: block; text-align: center; color: #4d4d4f; font-weight: 700; text-transform: uppercase; text-decoration: none; border-radius: 10px; margin-bottom: 10px; font-size: 16px; line-height: 16px;}

#row.txt #content #col-nav a:hover {background-color:#4d4d4f; color: #ffd300; }

#row.txt p.contact-title {color: #4d4d4f; font-weight: 400; text-transform: uppercase; margin-bottom: 10px;margin-top: 20px; font-size: 14px; line-height: 16px; padding: 0px; opacity: 0.6;}
#row.txt p.contact {color: #4d4d4f; font-weight: 700; margin-bottom: 2px;margin-top: 2px; font-size: 16px; line-height: 20px; padding: 0px; opacity: 1;}
#row.txt p.contact-title a, #row.txt p.contact a {color: #4d4d4f;  text-decoration: none;}

#row.txt a p.button-download {color: #4d4d4f; font-size: 18px; line-height: 18px; font-weight: 500; margin-bottom: 0px; margin-top: 0px; float:left; text-transform: uppercase; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; padding-left: 50px; border-radius: 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); background-image: url("../images/button-icon-download.png"); background-repeat: no-repeat; background-size: auto 40%; background-position: 16px center; text-decoration: none; background-color: #ffd300; }

#row.txt a:hover p.button-download {color: #fff; background-color: #4d4d4f;}

#row.txt a p.button-link {color: #fff; font-size: 18px; line-height: 18px; font-weight: 500; margin-bottom: 0px; margin-top: 0px; float:left; text-transform: uppercase; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; padding-left: 50px; border-radius: 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); background-image: url("../images/button-icon-link.png"); background-repeat: no-repeat; background-size: auto 40%; background-position: 16px center; text-decoration: none; background-color: #4d4d4f; }

#row.txt a:hover p.button-link {color: #4d4d4f; background-color: #ffd300;}

#row.txt #right.pers p.contact a {color:#f6921e;}
#row.txt #right.comm p.contact a {color:#003d77;}
#row.txt #right.tran p.contact a {color:#2992d0;}
#row.txt #right.spec p.contact a {color:#723151;}
#row.txt #right.grey p.contact a {color:#4d4d4f;}
#row.txt #right.gold p.contact a {color:#ffd300;}

#row.txt #inset {float: right; background-color: #eeeeee; padding: 25px; margin-top: 0px; margin-right: 0px; margin-left: 20px; margin-bottom: 20px; border-radius: 15px; }




/* ---------------- COLUMNS ---------------- */

@media only screen and (min-width: 300px)  {
    #row.txt #two-col {width: 96%; padding: 2%; margin: 0px; float: left;} 
    #row.txt #four-col {width: 96% ; padding: 2%; margin: 0px; float: left;}
    #row.txt #three-col {width: 96% ; padding: 2%; margin: 0px; float: left;}
} 
@media only screen and (min-width: 640px)  {
    #row.txt #two-col {width: 96%; padding: 2%; margin: 0px; float: left;} 
    #row.txt #four-col {width: 46% ; padding: 2%; margin: 0px; float: left;}
    #row.txt #three-col {width: 29% ; padding: 2%; margin: 0px; float: left;}
} 
@media only screen and (min-width: 768px)  {
    #row.txt #two-col {width: 46%; padding: 2%; margin: 0px; float: left;} 
    #row.txt #four-col {width: 21% ; padding: 2%; margin: 0px; float: left;}
    #row.txt #three-col {width: 29% ; padding: 2%; margin: 0px; float: left;}
} 
@media only screen and (min-width: 1024px)  {
    #row.txt #two-col {width: 46%; padding: 2%; margin: 0px; float: left;} 
    #row.txt #four-col {width: 21% ; padding: 2%; margin: 0px; float: left;}
    #row.txt #three-col {width: 29% ; padding: 2%; margin: 0px; float: left;}
} 
@media only screen and (min-width: 1280px)  {
    #row.txt #two-col {width: 46%; padding: 2%; margin: 0px; float: left;} 
    #row.txt #four-col {width: 21% ; padding: 2%; margin: 0px; float: left;}
    #row.txt #three-col {width: 29% ; padding: 2%; margin: 0px; float: left;}
} 


#row.txt #quotenow {border-radius: 20px; overflow: hidden; margin-top: 50px; }
#row.txt #quotenow #four-col {padding: 1%; width: 23%;}
#row.txt #quotenow #four-col a {text-decoration: none;color:#4d4d4f; }
#row.txt #quotenow #four-col p.home span {display: none;}
@media only screen and (min-width: 640px) {#row.txt #quotenow #four-col p.home span {display: inline;}} 
#row.txt #quotenow #four-col img.quotenow {width: auto; height:25px; vertical-align: middle; opacity: 0.5; padding: 0px; }
@media only screen and (max-width: 640px) {#row.txt #quotenow #four-col img.quotenow {width: auto; height:50px; vertical-align: middle; opacity: 0.5; padding: 15px; }} 



/* ---------------- IMAGES ---------------- */

#row.txt img.right {float: right; margin: 15px;}
#row.txt img.left {float: left; margin: 15px;}

@media only screen and (min-width: 380px) {
     #row.txt img.map {width: 100%; margin-left: 0%;}
    #row.txt img.third {width: 75%; }
    #row.txt img.qtr {width: 50%; }
    #row.txt img.half {width: 50%; }
}
@media only screen and (min-width: 640px) {
     #row.txt img.map {width: 100%; margin-left: 0%;}
    #row.txt img.third {width: 66%; }
    #row.txt img.qtr {width: 50%; }
    #row.txt img.half {width: 50%; }
}
@media only screen and (min-width: 768px) {
    #row.txt img.map {width: 100%; margin-left: 0%;}
    #row.txt img.third {width: 50%; }
    #row.txt img.qtr {width: 33%; }
    #row.txt img.half {width: 33%; }
}
@media only screen and (min-width: 1024px) {
    #row.txt img.map {width: 100%; margin-left: 0%;}
    #row.txt img.third {width: 33%; }
    #row.txt img.qtr {width: 25%; }
    #row.txt img.half {width: 50%; }
}
@media only screen and (min-width: 1280px) {
    #row.txt img.map {width: 100%; margin-left: 0%;}
    #row.txt img.third {width: 33%; }
    #row.txt img.qtr {width: 25%; }
    #row.txt img.half {width: 50%; }
}

#row.txt img.full {width: 100%; height: auto;}
#row.txt img.half {height: auto;}
#row.txt img.qtr {height: auto;}
#row.txt img.third {height: auto;}

#row.txt img.left {float: left; margin-right: 5%; margin-bottom: 1%;}

img {animation: fadeInAnimation ease 3s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;}

/* ---------------- FOOTER LINKS ---------------- */

#row.ftr-links {background-color: #ffd300; padding-top: 50px;padding-bottom: 50px;} 
#row.ftr-links #ftr-links-column {text-align: center;width: 33.1%; float: left;}  
#row.ftr-links p.ftr-links-title {color: #4d4d4f; font-size: 25px; font-weight: 700; margin: 0px; padding-top: 15px; padding-bottom: 15px;}
#row.ftr-links #ftr-links-column a {text-decoration: none; outline: none; background-color: #dbb810; color: #fff; font-size: 18px; line-height: 20px; display: inline-block; width: 70%; margin-left: 15%; margin-right: 15%; margin-top: 5px; margin-bottom: 5px; padding: 10px;border-radius: 10px; font-weight: 500;}
#row.ftr-links #ftr-links-column a.ftr-links-txt {text-decoration: none; outline: none; background-color:#ffd300 ; color: #4d4d4f; font-size: 16px; line-height: 20px; display: inline-block; width: 70%; margin-left: 15%; margin-right: 15%; margin-top: 0px; margin-bottom: 0px; padding: 5px;border-radius: 10px; font-weight: 500;}
#row.ftr-links #ftr-links-column a:hover {background-color: #af961c;} 
#row.ftr-links #ftr-links-column a.ftr-links-txt:hover {background-color: #fff;} 
    
/* ---------------- FOOTER ---------------- */

@media only screen and (min-width: 300px)  {
    #ftr-address {width: 100%; margin-left: 0%; margin-right: 0%; padding: 0px;}
    #ftr-addresses {width: 98%; float: left; margin: 1%; padding: 0px;}
    #row.ftr-links #ftr-links-column img {width: 35%; height: auto;} 
    } 
@media only screen and (min-width: 640px)  {
    #ftr-address {width: 100%; margin-left: 0%; margin-right: 0%; padding: 0px;}
    #ftr-addresses {width: 98%; float: left; margin: 1%; padding: 0px;}
    #row.ftr-links #ftr-links-column img {width: 30%; height: auto;} 
    } 
@media only screen and (min-width: 768px)  {
    #ftr-address {width: 100%; margin-left: 0%; margin-right: 0%; padding: 0px;}
    #ftr-addresses {width: 50%; float: left; margin: 0%; padding: 0px;}
    #row.ftr-links #ftr-links-column img {width: 25%; height: auto;} 
    } 
@media only screen and (min-width: 1024px)  {
    #ftr-address {width: 90%; margin-left: 5%; margin-right: 5%; padding: 0px;}
    #ftr-addresses {width: 50%; float: left; margin: 0%; padding: 0px;}
    #row.ftr-links #ftr-links-column img {width: 20%; height: auto;} 
    } 
@media only screen and (min-width: 1280px)  {
    #ftr-address {width: 80%; margin-left: 10%; margin-right: 10%; padding: 0px;}
    #ftr-addresses {width: 50%; float: left; margin: 0%; padding: 0px;}
    #row.ftr-links #ftr-links-column img {width: 15%; height: auto;} 
    } 
    
#row.ftr {background-color: #4d4d4f; padding-top: 30px;padding-bottom: 30px;}
#row.ftr hr {height: 1px;background-color: #4d4d4f;background-image: linear-gradient(90deg, transparent, #ffd300, transparent);border: 0;height: 1px; margin-top: 25px; margin-bottom: 25px;}
#row.ftr p {text-align: center;margin: 0px; padding: 0px; text-transform: uppercase; }
#row.ftr p.sml-address {color:#ffd300; font-size: 13px; line-height: 20px; font-weight: 300; letter-spacing: 1px;}
#row.ftr p.sml-title {color:#888889; font-size: 10px; line-height: 20px; font-weight: 900; letter-spacing: 1px;}
#row.ftr p.address {color: #ffd300; font-size: 13px; line-height: 20px; font-weight: 300; letter-spacing: 1px;}
#row.ftr p.phone {color:#fff; font-size: 16px; line-height: 20px; font-weight: 700; letter-spacing: 1px;}
#row.ftr p.ftr-name {color: #ffd300; font-size: 14px; line-height: 10px; font-weight: 700; letter-spacing: 1px;}
#row.ftr #social {text-align: center;}
#row.ftr #social a:hover {opacity: 0.5;}
#row.ftr #social img {margin-left: 10px; margin-right: 10px;}

/* ---------------- ALERT ---------------- */

#row.alert {background-color: #990000; float: left; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); color: #fff; font-weight: 500; font-size: 18px; line-height: 22px; }


/* ---------------- END CSS ---------------- */