@charset "UTF-8";
/* CSS Document */

html,body {font-family: Palatino, Times, serif; font-size: 17px; font-weight: normal; line-height: 1.3em;}
h1,h2,h3,h4,h5,h6 {font-family: 'Raleway', sans-serif; color: #374a59; letter-spacing: 0.15em;}
body,td,th,p,li {color: #374a59;font-family: Palatino, Times, serif; font-size: 17px; font-weight: normal;line-height: 1.3em;}
a {text-decoration: none; color: #a92d2d;}
a:hover {text-decoration: none; color: #b2403a;}
.navbar .navbar-collapse {margin-top: 40px;}
		  
nav .navbar-nav li {text-transform: uppercase; font-size: 13px; letter-spacing: 0.1em; padding-left: 13px;}
nav .navbar-nav li a {color: #374a59 !important;}
nav .navbar-nav li a:hover {color: #4795bf !important;}
.dropdown-menu {border: none; background-color: #f5f6f7; border-radius: 0px; margin-top: 15px;}
.dropdown-menu .dropdown-item {text-transform: uppercase; font-size: 11px; line-height: 2.4em;}

.dropdown-item.active, .dropdown-item:active {
  background-color: #374a59;
}

.red {color: #a92d2d;}
		  
.menu-social {float: right; padding-top: 8px;}
.social-ico {background-color: #c13534; padding: 8px 15px; color: #fff;}
.social-ico:hover {background-color: #374a59; color: #fff;}
		  
.slider {background-color: #f6f6f6; padding-bottom: 100px; margin-top: 10px;}
.carousel-caption {background-color: #fff !important; position:absolute; right:50%; bottom:25%; left:18%; z-index:10; padding: 25px 30px 20px 30px; color:#fff;}
.carousel-caption h1 {text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; padding-right: 20px;}
.carousel-indicators {padding-left: 100px;}
		  
@media only screen and (max-width: 1162px) {
	.slider {padding-bottom: 80px;}
	.carousel-caption {right:50%; left:15%; padding: 25px 20px 5px 20px; color:#fff;}
	.carousel-caption h1 {font-size: 21px;}
	.carousel-caption p {line-height: 1.1em; font-size: 14px;}
	.carousel-indicators {padding-left: 70px;}
}

@media only screen and (max-width: 600px) {
	.navbar .navbar-collapse {margin-top: 10px;}
	
	.slider {padding-bottom: 50px;}
	.carousel-caption {right:50%; left:0%; padding: 25px 20px 5px 20px; color:#fff;}
	.carousel-caption h1 {font-size: 17px;}
	.carousel-indicators {padding-left: 50px;}
}


.main {background-image: url("../images/CreativeIndustriesOutdoorlighting-back.jpg"); background-size: cover; padding-top: 100px; padding-bottom: 100px; background-position: center;}
.body-menu {background-image: url("../images/CreativeIndustriesOutdoorlighting-back2.png"); background-size: 100% auto; background-repeat: repeat; padding-top: 50px; padding-bottom: 50px;}
.menu-box1 {background-image: url("../images/CreativeIndustriesOutdoorlighting-ourstory.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: right; padding: 60px 50px 60px 0;}
.menu-box2 {background-image: url("../images/CreativeIndustriesOutdoorlighting-products.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: right; padding: 60px 50px 60px 0;}
.menu-box3 {background-image: url("../images/CreativeIndustriesOutdoorlighting-susteinability.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: right; padding: 60px 50px 60px 0;}
.link-box {background-color: #fff; padding: 50px; text-align: center; max-width: 450px; text-decoration: none; color: #ffffff;}
.link-box:hover {background-color: #c13534; text-decoration: none; color: #ffffff;}
.link-box h4:hover {color: #ffffff;text-decoration: none;}
.link-box:hover h4 {color: #ffffff;text-decoration: none;}
.link-box p:hover {color: #ffffff;text-decoration: none;}
.link-box:hover p {color: #ffffff;text-decoration: none;}
		  
.text-align-foot {text-align: right;}		  

@media only screen and (max-width: 1100px) {
	.main {background-image: url("../images/CreativeIndustriesOutdoorlighting-back-mobile.jpg") !important; background-size: 100% auto; background-repeat: repeat; }
}

@media only screen and (max-width: 600px) {		  
	.text-align {text-align: center;}
	.text-align-foot {text-align: center;margin-top: 30px;}	
}
	
.stores {background-color: #f6f6f6; padding-bottom: 50px; padding-top: 50px;}
		  
.footer {background-color: #374a59; padding-bottom: 60px; padding-top: 100px;}		
.footer h5 {color: #ffffff;} 
.footer p {color: #ffffff;}  
.footer a {color: #ffffff;}
.footer i {padding: 0px 10px; font-size: 20px;}
		  
		  
.copy {padding-bottom: 10px; padding-top: 20px;}
.copy p {font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em;}

.product-box1 {background-image: url("../products/CreativeIndustriesOutdoorlighting-SolarLights.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: right; padding: 60px 50px 60px 0;}

.product-box2 {background-image: url("../products/CreativeIndustriesOutdoorlighting-LowVoltage.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: right; padding: 60px 50px 60px 0;}

.product-box3 {background-image: url("../products/CreativeIndustriesOutdoorlighting-Commercial.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: right; padding: 60px 50px 60px 0;}

.product-box4 {background-image: url("../products/CreativeIndustriesOutdoorlighting-Outdoor.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: right; padding: 60px 50px 60px 0;}

.product-box5 {background-image: url("../products/CreativeIndustriesOutdoorlighting-OutdoorDecor.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: right; padding: 60px 50px 60px 0;}


.link-product {background-color: #fff; padding: 50px; text-align: left; max-width: 450px; text-decoration: none; color: #ffffff;}
.link-product:hover {background-color: #c13534; text-decoration: none; color: #ffffff;}
.link-product h4:hover {color: #ffffff;text-decoration: none;}
.link-product:hover h4 {color: #ffffff;text-decoration: none;}
.link-product p:hover {color: #ffffff;text-decoration: none;}
.link-product:hover p {color: #ffffff;text-decoration: none;}

.upper {text-transform: uppercase;}

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

	.carousel-caption h1 {font-size: 13px;}
}