@import url(http://fonts.googleapis.com/css?family=Exo:400,500,600,700);
@import url(http://fonts.googleapis.com/css?family=Ropa+Sans);
header {
	position:relative;
}
.top-div {
	background-color:#4c4c4c;
}
.social-top a {
	margin:0 1px 0 0;
}
.contacts {
	margin:8px 0 0 0;
	color:#fff;
	font-size:15px;
}
.contacts a {
	color:#fff;
}
.logo {
	margin:12px 0;
}
/* Navigation */
.nav {
	position:relative;
	display:inline-block;
	font-weight:500;
	font-family: 'Exo', sans-serif;
	float:right;
}
.nav-list {
	text-align:left;
	margin:0px;
	padding:0px;
}
.nav-item {
	float:left;
 *display:inline;
	zoom:1;
	position:relative;
	list-style:none;
}
.nav-item a {
	display:block;
	color:#000;
	font-size:16px;
	text-transform:uppercase;
	padding:30px 12px;
	margin-left:1px;
}
.nav-item > a:hover {
	background:#e41e1e;
	text-decoration:none;
	color:#fff;
}
.nav-item > a.active {
	background:#e41e1e;
	color:#fff;
	text-decoration:none;
}
.nav-item:hover .nav-submenu {
	display:block;
	margin:0px;
	padding:0px;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	z-index:999;
	width:220px;
	list-style:none;
}
.nav-submenu-item a {
	background:#e41e1e;
	border-bottom:1px solid #f03e3e;
	font-size:15px;
	text-transform:capitalize;
	display:block;
	color:#fff;
	padding:15px;
}
.nav-submenu-item a:hover {
	background:#4c4c4c;
	color:#fff;
	text-decoration:none;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#e41e1e url(../images/nav.svg) no-repeat center center;
	background-size:18px;
	height:50px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #f03e3e;
	height:49px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../images/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:#e41e1e;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
.slider {
	position:relative;
	text-align:center;
}
.slider img {
	max-width:100%;
	height:auto;
}
.banner img, .inner-banner img {
	width: 100%;
}
/* Carousel base class */
.carousel {
	overflow:hidden;
}
/* Declare heights because of positioning of img element */

.carousel-inner > .item > img {
	top: 0;
	left: 0;
}
.carousel-control {
	width:4%;
}
.carousel-indicators {
	bottom: 0px;
}
.carousel-indicators .active {
	background-color: #e41e1e;
}
.carousel-control.left {
	background:url(../images/right.png) center right no-repeat !important;
	margin-left:0%;
}
.carousel-control.right {
	background:url(../images/left.png) center left no-repeat !important;
	margin-right:0%;
}
.about-bg {
	background:url(../images/content.gif) top left repeat;
	position:relative;
	padding:0 0 30px 0;
}
.welcome {
	text-align:center;
}
.welcome h1 {
	font-size:24px;
	color:#e41e1e;
	text-transform:uppercase;
}
.welcome p {
	font-size:15px;
	color:#3c3c3c;
	line-height:28px;
}
.call {
	background:url(../images/call.png) top left no-repeat;
	height:103px;
	margin:26px 0;
	background-size:100%;
}
.call h1 {
	font-size:30px;
	margin:0 0 0 105px;
	padding:18px 0 0 0;
	color:#fff;
}
.call small {
	font-size:24px;
	color:#fff;
}
.cl1 {
	margin-top:60px;
}
.lists {
	margin:0px;
	padding:0px;
}
.lists li {
	background-color:#534c5d;
	margin-bottom:15px;
	font-size:24px;
	color:#fff;
	list-style:none;
}
.lists a {
	color:#fff;
	text-decoration:none;
}
.shadow {
	position:relative;
	text-align:center;
	margin:20px 0;
}
.shadow img {
	max-width:100%;
	height:auto;
}
.ser-hm {
	position:relative;
}
.ser-hm h1 {
	font-size:24px;
	color:#e41e1e;
	text-transform:uppercase;
	text-align:center;
	margin-top:0px;
}
.ser-hm .img-thumbnail img {
	max-width:100%;
	height:auto;
}
.ser-hm h2 {
	font-size:20px;
	color:#a91000;
	margin-top:10px;
}
.ser-list {
	padding:0px;
	margin:0 0 10px 26px;
}
.ser-list li {
	list-style:none;
	color:#000;
	font-size:15px;
	line-height:30px;
	list-style-image:url(../images/check.png);
}
.testi {
	position:relative;
	text-align:center;
	margin: 0 0 20px 0;
}
.testi h1 {
	font-size:24px;
	color:#e41e1e;
	text-transform:uppercase;
}
.testi p {
	font-size:14px;
	padding:0 60px;
	line-height:24px;
}
footer {
	background:#1e2026 url(../images/footer-bg.jpg) top center repeat-x;
	position:relative;
	min-height:211px;
	padding:30px 0 10px 0;
}
.para {
	margin:0 100px 0 0;
	color:#fff;
	line-height:30px;
}
.para a {
	color:#fff;
}
footer h3 {
	margin-top:0px;
	color:#fff;
	font-size:18px;
}
.copy {
	text-align:center;
	color:#fff;
	margin:35px 0 0 0;
}
.inner-slider {
	position:relative;
	padding:0px;
	max-height:230px;
	border-top:1px solid #e4e4e4;
}
.inner-wrap {
	position:relative
}
.inner-wrap h1 {
	font-size:24px;
	color:#e41e1e;
	text-transform:uppercase;
}
.inner-wrap p {
	font-size:15px;
	text-align:justify;
}
.close {
	color: #F00;
	opacity: 1;
	margin: 10px 10px 0 0;
}
.inner-wrap h3 {
	font-size:16px;
	color:#000;
	line-height:24px;
}
.inner-list {
	margin:0px;
}
.inner-list li {
	list-style:none;
	list-style-image:url(../images/arrows.png);
	line-height:26px;
}
.clients-list {
	margin:0px;
	padding:0px;
}
.clients-list li {
	list-style:none;
	line-height:26px;
	width:164px;
	height:90px;
	text-align:center;
	line-height:80px;
	margin:0 20px 20px 0;
	background-color:#fff;
	float:left;
	border:1px solid #ffdfdf;
}
.form-control {
	padding:10px 12px;
	height:42px;
}
.btn-sub {
	background-color:#bb1e25;
	border:none;
	padding:8px 18px;
	color:#fff;
	font-size:16px;
	outline:none;
}
.text-red{
	color:#F00;
}
.since{
	position:absolute;
	top:3%;
	left:46%;
	z-index:999;
}










/* RESPONSIVE GRID */

@media (max-width: 1300px) {
}
 @media (max-width: 1200px) {
.logo img {
 max-width:100%;
 height:auto;
}
.nav-item a {
 font-size:16px;
 text-transform:capitalize;
 padding:28px 14px;
 margin-left:1px;
}
.nav-submenu-item a {
 font-size:14px;
 padding:10px 15px;
}
.call {
 height:100px;
 margin:6px 0;
}
.call h1 {
 font-size:26px;
 margin:0 0 0 84px;
 padding:12px 0 0 0;
}
.call small {
 font-size:20px;
}
footer {
	padding:10px 0 10px 0;
}
}
@media (min-width: 768px) and (max-width: 980px) {
.logo {
 margin: 10px 0px;
}
.nav-item a {
 font-size:14px;
 text-transform:capitalize;
 padding:20px 8px;
 margin-left:1px;
}
.nav-submenu-item a {
 font-size:14px;
 padding:10px 15px;
}
.call {
 height:80px;
 margin:6px 0;
}
.call h1 {
 font-size:18px;
 margin:0 0 0 70px;
 padding:12px 0 0 0;
}
.call small {
 font-size:16px;
}
footer {
	padding:20px 0 10px 0;
}
.para {
    margin: 0px 10px 0px 0px;
}
}
@media (max-width: 767px) {
.logo img {
 max-width:100%;
 height:auto;
}
.testi p {
padding:0 30px;
}
footer {
 background:#1e2026;
 padding:10px 0 0 0;
}
.para {
 margin:0 0px 10px 0;
}
 .carousel-control.left {
 background:none !important;
}
.carousel-control.right {
 background:none !important;
}
}
 @media (max-width: 640px) {
.call {
 height:182px;
 margin:6px 0;
}
.call h1 {
 font-size:40px;
 margin:0 0 0 180px;
 padding:30px 0 0 0;
}
.call small {
 font-size:28px;
}
}
 @media (max-width: 480px) {
.call {
 height:135px;
 margin:6px 0;
}
.call h1 {
 font-size:35px;
 margin:0 0 0 130px;
 padding:20px 0 0 0;
}
.call small {
 font-size:26px;
}
}
 @media (max-width: 360px) {
.call {
 height:100px;
 margin:6px 0;
}
.call h1 {
 font-size:26px;
 margin:0 0 0 98px;
 padding:18px 0 0 0;
}
.call small {
 font-size:20px;
}
}
 @media (max-width: 320px) {
.call {
 height:100px;
 margin:6px 0;
}
.call h1 {
 font-size:26px;
 margin:0 0 0 84px;
 padding:12px 0 0 0;
}
.call small {
 font-size:20px;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 .nav-mobile {
 display:block;
}
 .nav {
 width:100%;
 padding:50px 0 0;
 background-color:#4c4c4c;
}
 .nav-list {
 display:none;
}
 .nav-item {
 width:100%;
 float:none;
}
 .nav-item > a {
 padding:15px;
 color:#fff;
}
 .nav-click {
 display:block;
}
 .nav-mobile-open {
 border-radius:5px 5px 0 0;
 -webkit-border-radius:5px 5px 0 0;
 -moz-border-radius:5px 5px 0 0;
}
 .nav-item:hover .nav-submenu {
 display:none;
}
 .nav-submenu {
 position:static;
 width:100%;
 padding:0px;
}
}