html {position: relative; min-height: 100%;}
body {background:#f1f1f1;}

.row {max-width:1080px; margin:0 auto;}

.fjalla {font-family: 'Fjalla One', sans-serif;}
.roboto {font-family: 'Roboto', sans-serif;}

h1 {font-family: 'Fjalla One', sans-serif; font-size:40px; padding:0 20px;}
h1 small{
font-family: 'Roboto', sans-serif !important; font-size:40px !important; padding:0 20px !important; color:white !important;
}
h2 {font-family: 'Fjalla One', sans-serif; font-size:30px; padding:0 20px;}
h3 {font-family: 'Fjalla One', sans-serif; font-size:20px; padding:0 20px;}
p,
ul,
ol {font-family: 'Roboto', sans-serif; font-size:16px;}

p {padding:0 20px;}

h2 span {position:relative;}
h2 span:before, 
h2 span:after {border-top: 2px solid #dfdfdf; content:""; position: absolute; top: 15px; right: 6em; bottom: 0; width: 100%;}
h2 span:after {position: absolute; top: 15px; left:6em; right:0; bottom: 0;}

header {width:100%; border-bottom:3px solid #cd3f4e; min-height:150px; background:#fff;}
header div.row {position:relative;}

#logo {margin-top:10px; float:left;}

.navbar-default {background-color:#fff; border:none; position:relative;}

#top-nav {position:absolute; top:5px; right:0; text-align:center;}
#top-nav li a {font-family: 'Roboto', sans-serif; font-size:14px; text-transform:uppercase; color:#000; margin:0 0 0 40px;}
#top-nav li:nth-child(2) a{margin: 0 0 0 15px;}
#top-nav li a:hover {color:#cd3f4e; text-decoration:none;}

#main-nav {position:absolute; top:85px; right:0; text-align:center;}
#main-nav li a {font-family: 'Roboto', sans-serif; font-size:15px; color:#000; margin:0 0 0 10px; font-weight:700; padding:10px;}
#main-nav li a:hover {color:#cd3f4e; text-decoration:none;}
#main-nav li a#request {color:#cd3f4e; border:2px solid rgba(205,63,78,.6); border-radius:8px;}
#main-nav li a#request:hover {background:#cd3f4e; color:#fff; border-color:#cd3f4e;}

.carousel-inner {min-height: 435px;}
#carousel-example-generic .item {width:100%; max-height:500px; min-height:435px;}
#carousel-example-generic .item img {width:100%; height:100%;min-height:435px;}
#carousel-example-generic .carousel-caption {top:10%;}
#carousel-example-generic .carousel-caption h1 {font-family: 'Fjalla One', sans-serif; font-size:60px;}
#carousel-example-generic .carousel-caption h2 {font-family: 'Roboto', sans-serif; font-size:40px; font-weight:100;margin:0;}
#carousel-example-generic .carousel-caption p {font-family: 'Roboto', sans-serif; font-size:22px; margin:15px auto; max-width:550px;text-align:center;}
#carousel-example-generic .carousel-caption a.button { background:#cd3f4e; color:#fff; text-transform:capitalize; font-family: 'Fjalla One', sans-serif; font-size:18px; padding:15px 80px; border-radius:10px; display:block; width:100%;max-width:300px; margin:20px auto; text-shadow:none;}
#carousel-example-generic .carousel-caption a.button:hover {background:#fff; color:#cd3f4e; text-decoration:none;}

#banner-sub {min-height:247px; width:100%; background:url(/assets/images/LCC001_homeBG.jpg) no-repeat center; background-size:cover;}
#painting #banner-sub {min-height:247px; width:100%; background:url(/assets/images/LHCC_banner-painting.jpg) no-repeat center; background-size:cover;}
#capabilties #banner-sub {min-height:247px; width:100%; background:url(/assets/images/LCC001_homeBG.jpg) no-repeat center; background-size:cover;}
#about-us #banner-sub {min-height:247px; width:100%; background:url(/assets/images/banner-sub-about.jpg) no-repeat center top; background-size:cover;}
#plastic-coating #banner-sub {min-height:247px; width:100%; background:url(/assets/images/banner-sub-plastic.jpg) no-repeat center; background-size:cover;}
#banner-sub h1 {color:#fff; margin:0; text-align:center; font-size:60px; padding-top:80px;padding-bottom:80px;}
#banner-sub p {color:#fff; text-align:center; padding-top:20px; width:500px; margin:0 auto;}

#main-content {padding-top:50px;}

#index h1,
#index h2,
#index p {text-align:center;}
#index p {margin:20px 150px;}
#index h2 {margin:40px 0;}
#index #main-content {margin-top:0px;padding-top:0px;}
#index #services {min-height:320px;}
#index #services div {}
#index #services div a {color:#000; margin:0;}
#index #services div a:hover {color:#cd3f4e; text-decoration:none;}
#index #services div a img {background:#fff; padding:10px; border:3px solid #ddd;}
#index #services div a:hover img {border-color:#cd3f4e;}
#index #services div p {font-family: 'Fjalla One', sans-serif; font-size:18px; margin:20px 0; text-transform:uppercase;}

#pre-foot {width:100%; min-height:300px; background:url(/assets/images/LCC001_homeMidBG.jpg) no-repeat center; background-size:cover;}
#pre-foot p {font-family: 'Fjalla One', sans-serif; font-size:26px; text-align:center; color:#fff; padding-top:80px;}
#pre-foot p span {font-size:35px;}

#products footer #logos{display:none;}

.product {background:#fff; border:3px solid #ccc; padding:40px; float:left; width:100%; margin-bottom:40px;}
.product img.logo-axalta {margin-top:20px;}
.product img.logo-akzo {margin-top:50px;}
.product img.logo-ic {margin-top:30px; }
.product img.logo-spc {margin-top:25px;}
.product img.logo-3m {margin-top:50px;}
.product img.logo-tiger {margin-top:70px;}
.product img.logo-fiberglass {margin-top:70px;}
.product img.logo-valspar {margin-top:60px;}
.product img.logo-jones {margin-top:60px;}
.product .product-img {width:250px; text-align:center; float:left;}
.product .product-text {float:left; max-width:700px;}
.product .product-text p {font-size:16px; line-height:25px; padding:0;}
.product .product-text h2 {padding:0;}

p.intro {text-align:center;line-height:35px; max-width:780px; margin:0 auto 50px auto; font-size:20px;}
h2.gallery-heading {clear:both;color:#cd3f4e; font-size:36px; text-align:center; text-transform:uppercase; border-top:3px solid #ddd; border-bottom:3px solid #ddd; background:#f9f9f9; padding:55px 0; margin:40px 0;}
h2.first {margin:0 0 20px 0;}
#gallery h3 {text-align:center; font-size:30px; margin:40px 0}
.gallery-container {max-width:850px; margin:30px auto;}
.gallery-container div {}
.gallery-container div i {position:absolute; right:13px; top:69px; padding:10px; font-size:20px; background:#fff;}
.gallery-container div:hover i {color:#cd3f4e;}
.gallery-container div a {color:#000; margin:0;position:relative;}
.gallery-container div a:hover {color:#cd3f4e; text-decoration:none;}
.gallery-container div a img {background:#fff; padding:10px; border:3px solid #ddd;}
.gallery-container div a:hover img {border-color:#cd3f4e;}
.gallery-container div p {font-family: 'Fjalla One', sans-serif; font-size:18px; margin:20px 0; text-transform:uppercase; text-align:center;}

.popup {max-width:700px; min-height:500px; background:#fff; margin:10px; padding:20px; border:3px solid #ddd;}
.popup-img {width:220px; float:left;}
.popup-img img {height:200px; padding:10px; background:#fff; border:3px solid #ddd; margin-bottom:20px;}
.popup-img a.button-request {border-radius:10px; color:#fff; background:#cd3f4e; border:1px solid #cd3f4e; font-family: 'Roboto', sans-serif; font-size:15px; padding:10px 50px;}
.popup-img a.button-request:hover {background:#fff; color:#cd3f4e; text-decoration:none;}
.popup-text {max-width:400px; padding-left:30px; float:right;}
.popup-text p.p1 {font-family: 'Fjalla One', sans-serif; font-size:20px; color:#7f7f7f; margin:0; padding:0;}
.popup-text p.p2 {font-family: 'Fjalla One', sans-serif; font-size:25px; text-transform:uppercase; color:#323232; margin:0; padding:0;}
.popup-text .p3 {font-family: 'Roboto', sans-serif; font-size:15px; color:#323232; line-height:25px; margin:20px 0; padding:0;}
.popup-text ul {font-family: 'Roboto', sans-serif; font-size:15px; color:#323232; line-height:25px; margin:20px 0;}

#jump-menu {max-width:720px; margin:0 auto; height:95px; background:#fff; border-top:3px solid #ddd; background:#fff; border-left:3px solid #ddd; background:#fff; border-right:3px solid #ddd; border-radius:10px 10px 0 0;}
#jump-menu form {max-width:500px; text-align:center; margin:25px auto 0 auto;}
#jump-menu form select {width:100%; border:2px solid #ddd; height:45px;}

form input[type='text'],
form input[type='tel'],
form input[type='email'] {width:700px; padding:10px!important; border-color:#ddd!important; font-size:16px!important;}
form textarea {width:700px; padding:10px!important; border-color:#ddd!important; font-size:16px!important;}
form input[type='submit'] {background:#cd3f4e; border:none; color:#fff; padding:10px 50px!important; border-radius:5px!important;}


footer {width:100%; min-height:388px; background:#000; border-top:3px solid #cd3f4e;}

footer #logos {background:#fff;}
footer #logos .row{max-width:1150px;}
footer #logos h3 {text-align:center; margin-top:40px;}
footer #logos ul {list-style:none; margin:20px 0;}
footer #logos ul li {display:inline; margin:0 8px;}

footer #footer-nav-container {width:100%; background:#323232; border-top:1px solid #919191;}
footer #footer-nav {margin:40px 0; text-align:center;}
footer #footer-nav ul {list-style:none;padding:0;}
footer #footer-nav ul li {display:inline; margin:0 20px;}
footer #footer-nav ul li a {font-family: 'Roboto', sans-serif; font-size:15px; color:#fff; font-weight:700;}
footer #footer-nav ul li a:hover {color:#cd3f4e; text-decoration:none;padding:0;}

footer #bottom-nav {margin:40px 0; text-align:center;}
footer #bottom-nav ul {list-style:none;    padding: 0;}
footer #bottom-nav ul li {display:inline; margin:0 20px;}
footer #bottom-nav ul li a {font-family: 'Roboto', sans-serif; font-size:14px; text-transform:uppercase; color:#fff;}
footer #bottom-nav ul li a:hover {color:#cd3f4e; text-decoration:none;}

footer #copyright {text-align:center; }
footer #copyright p {font-family: 'Roboto', sans-serif; font-size:15px; font-weight:700; color:#777; padding:25px;margin: 20px 0 0 0;}

.fsForm {box-shadow:none!important;}
.thank-quote-text {text-align: center;}

/**************MEDIA QUERIES********************/

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

#main-nav,
#top-nav {position:relative;}
#top-nav {text-align:left; margin-top:-10px;}
#top-nav li a {margin:0 0 0 5px;}
#top-nav li:nth-child(1) img{margin: 0 0 0 25px;}


#main-nav {text-align:left; top:0;}
#main-nav li a {font-family: 'Roboto', sans-serif; font-size:15px; color:#000; margin:0 0 0 10px; font-weight:700; padding:10px;}
#main-nav li a:hover {color:#cd3f4e; text-decoration:none;}
#main-nav li a#request {color:#000; border:none;}
#main-nav li a#request:hover {color:#cd3f4e; background:#fff;}

}

@media only screen 
and (max-width : 991px) {
#index #services div a img{
	display:block;
	margin:0 auto;
}
.gallery-container div i {display:none;}
.gallery-container div a img {margin:0 auto;display:block;}
}

@media only screen 
and (max-width : 875px) {
	.quote-text{text-align:center;}
}

@media only screen 
and (max-width : 767px) {
#top-nav li:nth-child(1) img{display:none;}
}



@media only screen 
and (max-width : 565px) {
.carousel-inner {min-height: 300px;}
#carousel-example-generic .item {width:100%; max-height:500px; min-height:300px;}
#carousel-example-generic .item img {width:100%; height:100%;min-height:300px;}
#carousel-example-generic .carousel-caption {top:0px; padding-top:0;}
#carousel-example-generic .carousel-caption h1 {font-size:30px;}
#carousel-example-generic .carousel-caption h2 {font-size:20px;}
#carousel-example-generic .carousel-caption p {font-size:12px; width:250px;}
#carousel-example-generic .carousel-caption a.button {font-size:14px; padding:15px 50px; width:100%;}
}

@media only screen 
and (max-width : 457px) {
#index p {margin:20px;}
#carousel-example-generic .carousel-caption {top:0px; padding-top:0;}
#carousel-example-generic .carousel-caption h1 {font-size:30px;}
#carousel-example-generic .carousel-caption h2 {font-size:20px;}
#carousel-example-generic .carousel-caption p {font-size:12px; width:250px;}
#carousel-example-generic .carousel-caption a.button {font-size:14px; padding:15px 50px; width:100%;}
#logo {float:none; width:210px; margin:20px auto;}
.product {background:#fff; border:3px solid #ccc; padding:40px; float:none; width:80%; margin:20px auto; text-align:center;}
.product img {float:none; width:140px; margin:0 auto !important;display:block;}
.product .product-img {width:initial;float:none;}
.product .product-text {float:none; max-width:800px;}
.product .product-text p {font-size:16px; line-height:25px; padding:0;}
.product img.logo-3m {margin-top:0px;}
.product img.logo-tiger {margin-top:0px;}
.product img.logo-fiberglass {margin-top:0px;}
.product img.logo-valspar {margin-top:0px;}
.product img.logo-jones {margin-top:0px;}
.gallery-container {text-align:center;}
.gallery-container div {float:none; width:300px; margin:0 auto;}
.popup {text-align:center;}
.popup-img {width:220px; margin-bottom:20px;}
.popup-text {float:none; padding-left:0; text-align:center;}
.popup-text .p1 {padding-top:20px;}
.popup-text .p3 {width:300px;}
.popup-text ul {text-align:left;}
footer {position:relative;}
footer #logos ul li {display:block; text-align:center;}
footer #footer-nav ul li {display:block; text-align:center;}
footer #bottom-nav ul li {display:block; text-align:center;}
}