body 					{font-family: 'Roboto', sans-serif!important;background-color:#d7d6d8 }

.header-wrapper 		{background: #fff}
.navbar-default 		{background: none;border: none;padding: 40px 0;margin-bottom: 0;}
.navbar-default
.navbar-nav > li > a 	{color: #b4c2be;text-transform: uppercase;font-size: 16px;margin: 0 15px}
.navbar-nav > li.active > a 	{border-bottom:solid 2px #cf4747;background: none!important}

.carousel-caption 		{left: 60px;text-align:left;width: 31%;top: 10%;}
.carousel-caption p		{color:#77797c}
.carousel-caption h1	{font-weight: 300;font-family: 'Roboto', sans-serif!important;font-size: 50px;}
.carousel-caption h1 strong 	{font-weight: 500}
.carousel-caption a 	{border: solid 2px #4a4c4f;color:#fff;padding: 10px 20px;margin: 10px 0;display: inline-block;
						text-transform: uppercase;}
.carousel-indicators 	{bottom: 60px}						

.carousel-inner 		{background: #050b12 }
.carousel 				{background: #040910;z-index: 1;}
.carousel-inner > .item > img 		{margin: 0 auto}

.sub-banner 			{background: #d7d6d8;padding: 20px;position: relative;z-index: 2;}
.sub-banner .left-wrap 	{padding: 10px 40px;font-size: 19px;}
.sub-banner .sub-banner-wrap 	{background: #FFF;/* margin-top: -50px; */}
.sub-banner .col-md-5  	{text-align: right;}
.sub-banner h1,p		{font-weight: 300;}
.sub-banner .container 	{margin-top: -50px;z-index: 100;}
/*.sub-banner p 			{color: #fff}*/

.modules 				{background: #fff}
.modules .left  		{text-align: center;padding: 20px;}
.modules .right 		{padding: 75px 30px; }
.modules .right h1 		{font-weight: 300; font-size: 32px; }
.modules .right ul 		{font-weight: 300; font-size: 19px; list-style-image: url('../images/icon-tick.png'); padding-left: 23px; }
.modules .right li 		{margin: 5px 0; }

.features 				{background: #524656;color: #fff;padding: 20px 0;}
.features p 			{font-weight: 300; font-size: 19px;}
.features h1 			{font-weight: 300; font-size: 32px;}
.features ul 			{font-weight: 300; font-size: 19px;}
.features li 			{margin: 5px 0; }
.features .left 		{padding-left: 0;}
.features .row 			{margin-bottom: 20px}

.feature-sub 			{padding: 40px 0; background: #fff; }
.feature-sub .left 		{padding-left: 0}
.feature-sub .middle 	{}
.feature-sub .right 	{}
.feature-sub h1 		{font-size: 32px; font-weight: 300; }
.feature-sub p 			{font-size: 16px; }
.feature-sub .arrows 	{font-size: 0; }
.feature-sub i 			{width: 40px; height: 40px; display: inline-block; font-size: 0;}
.feature-sub .a-left 	{background: url('../images/arrow-left.png') no-repeat;}
.feature-sub .a-right 	{background: url('../images/arrow-right.png') no-repeat}
.feature-sub .a-left.disabled 	{background-image: url('../images/arrow-left-d.png')}
.feature-sub .a-right.disabled 	{background-image: url('../images/arrow-left-d.png')}

.contact 				{background: url('../images/map-bg.jpg'); background-size: cover; height: 490px; }
.contact address 		{background: #272727; color: #fff; margin-top: 90px; padding: 10px 30px; border-left: solid 4px #f26522; }
.contact address h3		{}
.contact address p		{}
.contact form 			{padding: 30px; }
.contact form ul 		{list-style: none; padding-left: 0; }
.contact form li 		{margin: 12px 0; }
.contact form button 	{border: solid 2px #a4421b; background: #f26522; color: #fff; text-transform: uppercase; padding: 10px 14px; }
.contact form input,
.contact form textarea 	{padding: 8px 12px; border: solid 2px #a8a3a9; font-size: 16px; text-transform: uppercase;
						width: 90%; background: none;font-weight: 500;
						-webkit-box-shadow: inset 3px 3px 0px 0px rgba(0,0,0,0.19);
						-moz-box-shadow: inset 3px 3px 0px 0px rgba(0,0,0,0.19);
						box-shadow: inset 3px 3px 0px 0px rgba(0,0,0,0.19);}

::-webkit-input-placeholder { /* WebKit browsers */ color:    #524656; }
:-moz-placeholder 			{ /* Mozilla Firefox 4 to 18 */ color:    #524656; }
::-moz-placeholder 			{ /* Mozilla Firefox 19+ */ color:    #524656; }
:-ms-input-placeholder 		{ /* Internet Explorer 10+ */ color:    #524656; }

.carousel-control 		{width: 12%}



/* Extra small devices (phones, 767px and down) */
@media (max-width: 767px) {

.sub-banner h1 			{font-size: 32px}
.sub-banner p 			{font-size: 16px}
.sub-banner 			{margin-top: 10px}
.banner-caption 		{padding:5px 20px 40px;background: #060e18}
.banner-caption p		{color:#77797c;font-size: 16px}
.banner-caption  h1		{color:#fff;}
.banner-caption  a 		{border: solid 2px #4a4c4f;color:#fff;padding: 10px 20px;margin: 10px 0;display: inline-block;
						text-transform: uppercase;}
.sub-banner .left-wrap 	{padding: 10px 20px 20px}
.modules img 			{margin-top: 10px;zoom: 61%;margin-bottom: 0;}
.modules .left 			{text-align: center;}
.modules .right 		{padding: 0 50px 20px;}
.features 				{padding: 10px 30px;}
.feature-sub 			{padding: 30px;}
.feature-sub img 		{zoom:60%;}
.contact 				{background: #e4e3e1;height: inherit;}
.contact address 		{margin: 28px;}
.contact form input, .contact form textarea 
						{width: 100%}
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 991px) and (min-width: 768px) {

.navbar-nav > li > a 	{padding:10px 7px;}
.carousel-caption h1 	{font-size: 40px}
.carousel-caption 		{left:40px;width: 40%;top: 3%;}
.modules .right h1,
.feature-sub h1,
.features h1 			{font-size: 28px}
.contact 				{background: #e4e3e1;height: inherit;}
.carousel-control 		{width: 7%}
.carousel-caption p 	{display: none; }
.sub-banner h1 			{font-size: 32px}
.feature-sub img 		{margin-top: 20px}
.sub-banner img 		{margin-top: 30px}
.sub-banner .left-wrap 	{padding:0px 10px 10px;}
 }

/* Medium devices (desktops, 992px and up) */
@media (max-width: 1199px) and (min-width: 992px) {

.carousel-caption h1 	{font-size: 40px}
.carousel-caption 		{left:40px;width: 40%;top: 3%;}
.modules .right h1,
.feature-sub h1,
.features h1 			{font-size: 28px}
.contact 				{background-position: -50px 0px}
.carousel-control 		{width: 7%}
}



/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg) {  }
