/*--

Author: W3layouts

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

--*/

h4, h5, h6,

h1, h2, h3 {margin-top: 0;}

ul, ol {margin: 0;}

p {margin: 0;}

@font-face {

    font-family: 'bebas_neueregular';

    src:url(../fonts/BebasNeue-webfont.ttf) format('truetype');

}

body{

	font-family: 'Open Sans Condensed', sans-serif;

	background:#fff;

}

.logo {

	text-align: center;

}

.logo h1{

    font-size:7em;

	font-family: 'bebas_neueregular';

	margin-bottom:0;

}

.logo h1 a{

	color: #FFF;

}

.logo h1 a:hover{

	text-decoration:none;

}

/*--menu--*/

.h_menu4{

	text-align: center;

	padding:2px 0;

}

.toggleMenu {

    display: none;

	background:#E49E4F;

	width: 100%;

	color: #000;

	font-size: 1.5em;

}

.nav {

    list-style: none;

     *zoom: 1;

}

.nav:before,

.nav:after {

    content: " "; 

    display: table; 

}

.nav:after {

    clear: both;

}

.nav ul {

    list-style: none;

	width: 13em;

	border-bottom:5px solid #fd926d;

	z-index:888;

}

.nav li a {

  display: block;

  color: #000;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -ms-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

  text-decoration: none;

  padding:40px;

  font-size:1.5em;

}

.nav li:nth-child(1){

	margin:0

}

ul.nav li.active a, .nav li a:hover {

	color:#fff;

	background:#000;

}

.nav li a:hover {

	-webkit-transform: rotateY(20deg);

	-moz-transform: rotateY(20deg);

	-ms-transform: rotateY(20deg);

	transform: rotateY(20deg);

}

.nav li {

    position: relative;

}

.nav > li {

     display: inline-block;

}



/***** Media Quries *****/

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

	.h_logo4{

		text-align:center;

		float: none;

		margin: 4% 0;

	}

	/*--.h_menu4{

		float: none;

	}--*/

	.toggleMenu {

		padding:8px 10px;

		width: 100%;

		text-align: center;

		color: #fff;

		font-size:2.5em;

	}

	.nav li a {

		margin:0;

	}

	.nav {

		background:#222;

	}

    .active {

        display: block;

    }

    .nav > li {

        float: none;

    }

    .nav > li > .parent {

        background-position: 64% 50% !important;

    }

   .nav ul {

        display: block;

        width: 100%;

    }

   .nav > li.hover > ul , .nav li li.hover ul {

        position: static;

    }

}

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

	.toggleMenu {

		width:100%;

	}

}

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

	.toggleMenu {

		width:100%;

	}

}

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

	.toggleMenu {

		width:100%;

	}

}

.header{

	background:#FFF;

	padding:0em 0;

}

.header-text {

	float: right;

  margin: -104px 0px;

  font-size: 1.5em;

  color: #E49E4F;

}

.header-text .phone {

	color: #E49E4F;
	 font-size: 1em;

  padding-top: 18px;

  padding-left: 20px;

  display: inline-block;

  margin: 0;

  background: url(../images/phone.png) left 18px no-repeat;

}

.about-banner{

	background:#2f292b;

}

.box_1{

	padding:5em 0;

	text-align:center;

}

.box_1 h2, .style_2 h3{

   font-family: 'bebas_neueregular';

   font-size:3em;

   margin-bottom:0.5em;

}

.box_1 p{

   font-size:1.3em;

   color:#000;

   line-height:1.8em;

}

.style_2 {

  position: relative;

  margin-top: 72px;

  z-index: 2;

}

.style_2:before {

  background: url(../images/box_top.png) no-repeat 50% 0%;

  display: block;

  position: absolute;

  top: -195px;

  right: 0;

  bottom: auto;

  left: 0;

  height: 195px;

  z-index: -1;

  content: '';

}

.style_2 > div {

  background: none;

  padding-top: 0;

  padding-bottom: 0;

}

.style_2:after {

  background: url(../images/box_bottom.png) no-repeat 50% 0%;

  display: block;

  position: absolute;

  right: 0;

  bottom: -195px;

  left: 0;

  height: 195px;

  z-index: -1;

  content: '';

}

.client_box1 {

  position:relative;

}

.box_type {

  background: #000000;

  padding: 7px 20px;

  position: absolute;

  top: 0;

  color: #fff;

  font-size: 1.5em;

}

h3.m_1 {

  color: #F94B4B;

  font-size: 1em;

  margin-top: 1em;

}

.style_2 h3{

	color:#fff;

	text-align:center;

	margin-bottom:1em;

}

.client_box1 h4{

	color:#fff;

	font-size:2em;

	margin: 1em 0 0.5em;

}

.client_box1 p{

	color:#fff;

	font-size:1.1em;

	line-height:1.5em;

}

.client_box1 h5{

	color:#fff;

	font-size:2em;

	margin:20px 0 30px;

}

a.btn_1 {

  display: block;

  overflow: hidden;

  text-align: left;

  text-shadow: none;

  text-transform: uppercase;

  border: none;

  background: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  font-size: 16px;

  line-height: 14px;

  font-weight: bold;

  left: 0px;

  box-shadow: none;

  position: relative;

  z-index: 1;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

  color: #000;

  border-bottom: 3px solid #000;

  padding: 0 0 14px 0;

}

a.btn_1:hover{

  border-bottom: 3px solid #fff;

  color:#fff;

  text-decoration:none;

}

.box_3{

  padding: 278px 20px 169px 20px;

  background:url(../images/1.jpg)no-repeat center top;

  background-size:cover;

  -webkit-background-size:cover;

  -moz-background-size:cover;

  -o-background-size:cover;

}

.banner-info h3{

	color:#fff;

	font-size:3em;

	text-transform:uppercase;

	text-align:center;

	font-family: 'bebas_neueregular';

	margin-bottom: 1em;

}

.banner-info h4{

	color:#fff;

	font-size:2em;

	text-align:center;

	margin:20px 0;

}

span.m_2{

	color:#E49E4F;

}

.banner-info p{

	color:#fff;

	font-size:1.2em;

	line-height:1.8em;

}

.banner-info h5 a{

	color:#E49E4F;

}

.banner-info h5{

	color:#fff;

	font-size:1.1em;

	text-transform:uppercase;

	text-align:right;

	margin-top:1em;

}

/*-- footer --*/

.footer {

  background: #444444;

  padding: 5em 0;

}

.contact-section h4, .follow-us h4 {

  color: #fff;

  text-transform: uppercase;

  font-weight: 300;

  font-size: 1.8em;

  margin-bottom: 1.5em;

}

.contact-section input[type="text"], .contact-section textarea {

  width: 95%;

  color: #fff;

  padding: 15px 15px;

  border: none;

  outline: none;

  margin: 0 0 10px 0;

  background: #575757;

  text-transform: uppercase;

  font-weight: 300;

  font-size: 1.15em;

}

.contact-section textarea {

  resize: none;

  width: 95%;

  height: 8em;

}

.copyright {

  margin: 2em 0 0 0;

}

.copyright p a{

	color:#fff;

}

.social-icons {

  margin: 0 0 12px -8px;

}

.social-icons i {

  width: 60px;

  height: 60px;

  background: url('../images/img-sprite.png') no-repeat 0px 0px;

  display: inline-block;

  cursor: pointer;

}

.social-icons i:hover{

	opacity:0.5;

}

i.facebook {

  background-position: 0px 0px;

}

i.twitter {

  background-position: -60px 0px;

}

i.pinterest {

  background-position: -120px 0px;

}

i.googlepluse {

  background-position: -180px 0px;

}

.follow-us p {

  color: #fff;

  font-size: 1.1em;

  line-height: 1.6em;

}

.contact-section input[type="submit"] {

  color: #fff;

  text-transform: uppercase;

  font-size: 1.4em;

  font-weight: 400;

  background:#E49E4F;

  padding: 12px 45px;

  outline: none;

  border: none;

}

.contact-section input[type="submit"]:hover {

  background: #000;

  color: #fff;

  transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -moz-transition: 0.5s all;

  -o-transition: 0.5s all;

  -ms-transition: 0.5s all;

}

/*-- about --*/

.box_4{

  padding:5em 0;

}

.about_left h2, .sidebar h2{

  color:#000;

  font-size:2em;

  text-transform: uppercase;

  margin-bottom:1em;

  font-family: 'bebas_neueregular';

}

.about_left img{

	margin-bottom:1em;

}

.about_left p{

	color:#555;

	font-size:1.1em;

	line-height:1.8em;

}

.faqs{

  margin-top:2em;

}

.faqs h4{

  color:#000;

  font-size:2em;

  text-transform: uppercase;

  margin-bottom:1em;

  font-family: 'bebas_neueregular';

}

.questions {

	margin-bottom:2em;

}

.questions h4{

	color:#000;

	font-size:1.5em;

}

.testimonials {

  position: relative;

  margin-bottom:3em;

}

.sidebar p {

  font-size: 1em;

  padding: 1.5em 0 0 0;

  color: #000;

  line-height: 1.8em;

  text-indent: 35px;

  font-style: italic;

}

.testimonials span.quotes{

  position: absolute;

  left: 0;

  top:45px;

  width: 30px;

  height: 28px;

  background: url(../images/quotes.png) no-repeat;

}

.sidebar h5 {

  color:#000;

  margin-bottom:0;

  font-size:1.5em;

}

.sidebar h3 span a {

  color:#E49E4F;

  font-size: 0.9em;

  cursor: pointer;

  text-decoration: underline;

  font-weight: normal;

  padding-left: 10px;

  text-transform: lowercase;

}

.sidebar h3 span a:hover{

	text-decoration:none;

}

.about_box h3 {

  color: #000;

  font-size: 4em;

  text-transform: uppercase;

  font-family: 'bebas_neueregular';

  margin-bottom: 1em;

  text-align: center;

}

.about_box {

  margin-bottom: 5em;

}

.row_1 h5 {

  font-size: 1.4em;

  text-transform: uppercase;

  margin-top: 1.5em;

}

.row_1 h5 a{

	color:#000;

}

.row_1 p {

  color: #555;

  font-size:1.1em;

  line-height: 1.8em;

  margin-bottom: 1em;

}

a.btn_2 {

  background: none;

  -webkit-transition: 0.8s;

  -moz-transition: 0.8s;

  -o-transition: 0.8s;

  transition: 0.8s;

  line-height: 16px;

  font-size:2em;

  text-transform: uppercase;

  color:#E49E4F;

}

/* -- services --*/

.dropcap {

  background:#E49E4F;

  float: left;

  color: #FFF;

  height: 45px;

  width: 45px;

  margin: 5px 12px 0 0;

  line-height: 47px;

  text-align: center;

  border-radius: 50%;

  font-size:1.5em;

}

.extra-wrap {

  overflow: hidden;

}

.extra-wrap h5 {

  margin-bottom:0.5em;

  font-size: 1.5em;

}

.extra-wrap p {

  font-size:1.1em;

  padding: 0.3em 0;

  color: #555;

  line-height: 1.5em;

}

.service_1{

  margin-bottom:3em;

}

.service_3 h4 {

  font-size: 1.3em;

  text-transform: uppercase;

  line-height: 1.8em;

  color: #000;

}

.service_3 p {

  font-size:1.1em;

  line-height: 1.8em;

  color: #555;

}

.box_5 {

  padding: 5em 0 0;

}

.box_5 h3, .box_4 h3{

  color: #000;

  font-size: 4em;

  text-transform: uppercase;

  font-family: 'bebas_neueregular';

  margin-bottom: 1em;

  text-align: center;

}

/*-- typography --*/

.box_6{

  padding:5em 0;

}

.head {

  color: #000;

  font-size:3em;

  font-weight: 400;

  margin-bottom:0.5em;

  font-family: 'bebas_neueregular';

}

.col-md-6.page_1 {

  padding: 0;

}

.but_list p, .but_list h1, .but_list h2, .but_list h3, .but_list h4, .but_list h5, .but_list h6{

  margin-bottom: 1em;

}

.grid_3 {

  margin-bottom: 5em;

}

/*-- contact --*/

.map iframe{

	width:100%;

	border:none;

	min-height:300px;

}

.contact_grid{

	padding:5em 0;

}

.contact-top h3 {

  color: #000;

  font-size:2em;

  text-transform: uppercase;

  margin: 0 0 5px;

}

p.contact_msg {

  color: #000;

  font-size:1.1em;

  margin-bottom: 10px;

}

.to input[type="text"] {

  padding: 10px;

  width: 31%;

  font-size: 1em;

  margin: 10px 0;

  border: 1px solid #999;

  color: #999;

  background: none;

  float: left;

  outline: none;

}

.text textarea {

  width: 77.3%;

  font-size: 1em;

  margin: 10px 0;

  border: 1px solid #999;

  color: #999;

  outline: none;

  background: none;

  height: 120px;

  padding: 10px;

  resize: none;

  float: left;

}

.form-submit1 {

  float: left;

  margin: 10px 0px 0 6px;

}

.form-submit1 input[type="submit"] {

  color: #fff;

  font-size: 1.1em;

  padding: 10px 15px;

  text-transform: uppercase;

  background: #E49E4F;

  display: inline-block;

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -ms-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

  border: none;

  cursor: pointer;

  outline: none;

}

.form-submit1 input[type="submit"]:hover{

	background:#555;

}

.contact-top_right h3 {

  color: #000;

  font-size: 2em;

  text-transform: uppercase;

  margin: 0 0 35px;

}

p.m_msg {

    color: #000;

  font-size: 13px;

  margin: 10px 0;

}

.contact-top_right p {

  color:#000;

  font-size:1.1em;

  line-height: 1.8em;

}

ul.contact_info {

  padding: 0;

  list-style: none;

  margin: 2em 0 0 0;

}

ul.contact_info span {

  color:#000;

  font-size:1.1em;

}

/* -- responsive design --*/

@media(max-width:1366px){

.text textarea {

  width: 76.9%;

}  

}

@media(max-width:1024px){

.logo h1 {

  font-size: 5em;	

}

.header-text {

  margin: -90px 0px;

}

.top-nav ul li a {

  padding: 40px 20px;

}

.sidebar h5 {

  font-size: 1.3em;

}

.box_5 h3, .box_4 h3 {

  font-size: 3em;

}  

.text textarea {

  width: 73.3%;

}  

.client_box1 h4, .client_box1 h5{

  font-size: 1.7em;

}  

.box_3 {

  padding: 200px 20px 100px 20px;

}  

}

@media(max-width:930px){

.col-md-3.client_box1 {

  width: 50%;

  float: left;

  margin-bottom:2em;

}

.client_box1 h5 {

  margin: 10px 0 20px;

}	

.col-md-7.follow-us {

  margin: 3em 0 0 0;

}

.contact-section h4, .follow-us h4 {

  margin-bottom: 1em;

}

.col-md-3.row_1 {

  width: 50%;

  float: left;

  margin-bottom:2em;

}

.box_4 {

  padding: 5em 0 2em;

}

}

@media(max-width:768px){

.logo h1 {

  font-size: 4em;

}

.header-text .phone {

  padding-top: 10px;

  background: url(../images/phone.png) left 10px no-repeat;

}

.header-text {

  margin: -75px 0px;

}

.box_1 h2, .style_2 h3 {

  font-size:2.5em;

}

.nav > li {

  display: block;

}

.nav li a {

  padding: 15px;

  font-size: 1.3em;

  color:#fff;

}

.box_1 p {

  font-size: 1.1em;

}

.box_3 {

  padding:180px 0px 80px;

}  

.container-fluid {

  padding:0 !important;

}

a.toggleMenu:hover{

  text-decoration:none;

  color:#000;

}

.about_box h3 {

  font-size: 3em;

}  

.col-md-4.service_grid {

  margin-bottom: 2em;

}

.service_1 {

  margin-bottom: 0;

}

.head {

  font-size: 2.5em;

}  

.col-md-4.contact-top_right {

  margin: 2em 0 0 0;

}

.contact-top_right h3 {

  margin: 0 0 15px;

}

.style_2:after {

  bottom: -150px;

}  

.style_2:before {

  top: -150px;

}  

}

@media(max-width:640px){

.logo h1 {

  font-size: 3.5em;

}	

.header-text {

  margin: -70px 0px;

}

.toggleMenu {

  font-size: 2em;

}

.box_1 {

  padding: 3em 0;

}

.box_3 {

  padding: 130px 0px 80px;

}

.banner-info h3 {

  font-size: 2.5em;

}  

.box_4 {

  padding: 3em 0 0em;

}

.to input[type="text"] {

  width: 100%;

  margin-left:0 !important;

}  

}

@media(max-width:480px){

.logo h1 {

  font-size: 3em;

}

.header-text {

  margin: 0;

  float: none;

  text-align: center;

}

.logo h1 {

  font-size: 3em;

  margin-bottom:5px;

}	

.header {

  padding: 1em 0;

}

.toggleMenu {

  font-size: 1.5em;

}

.box_1 h2, .style_2 h3, .banner-info h3{

  font-size: 2em;

}

.questions h4 {

  font-size: 1.2em;

}

.about_box h3 {

  font-size: 2.5em;

}

a.btn_2 {

  font-size: 1.5em;

}  

.about_box {

  margin-bottom: 2em;

}

.box_5 h3, .box_4 h3 {

  font-size: 2em;

}

.box_5 {

  padding: 3em 0 0;

}

.service_3 h4 {

  font-size: 1.1em;

  margin: 1em 0;

}

.head {

  font-size:2em;

}

.box_6 {

  padding: 3em 0;

}

.grid_3 {

  margin-bottom: 3em;

}

}

@media(max-width:320px){

.logo h1 {

  font-size: 2.5em;

}	

.box_1 h2, .style_2 h3, .banner-info h3 {

  font-size: 1.5em;

}

.style_2 {

  margin-top: 30px;

}

.col-md-3.client_box1 {

  padding: 2px;

}

.box_type {

  padding: 5px 10px;

  font-size: 1.1em;

}

.client_box1 h4, .client_box1 h5 {

  font-size: 1.5em;

}

.client_box1 p {

  font-size: 1em;

}  

a.btn_1 {

  font-size: 14px;

  padding: 0 0 5px 0;

}

.client_box1 h4 {

  margin: 10px 0;

}

.style_2:before {

  top: -130px;

}

.style_2:after {

  bottom: -120px;

}

.banner-info h4 {

  font-size: 1.2em;

  margin: 10px 0;

}

.banner-info p {

  font-size: 1em;

  line-height: 1.5em;

}

.box_3 {

  padding: 60px 0 50px 0;

}

.banner-info h5 {

  font-size: 1em;

}  

.footer {

  padding: 3em 0;

}

.col-md-5.contact-section {

  padding: 0;

}

.contact-section h4, .follow-us h4 {

  font-size: 1.5em;

}  

.contact-section input[type="text"], .contact-section textarea {

  padding: 10px;

  font-size: 0.95em;

}

.contact-section input[type="submit"] {

  font-size: 1.1em;

  padding: 10px 30px;

}  

.col-md-7.follow-us {

  padding: 0;

}

.follow-us p {

  font-size: 1em;

}  

.copyright {

  margin: 1em 0 0 0;

}

.nav li a {

  padding: 8px;

  font-size: 1em;

}

.col-md-8.about_left {

  padding: 0;

}

.about_left h2, .sidebar h2, .faqs h4 {

  font-size: 1.5em;

}  

.questions h4 {

  font-size: 1.1em;

  margin-bottom: 5px;

}

.col-md-4.sidebar {

  padding: 0;

}

.sidebar h5 {

  font-size: 1.2em;

}

.testimonials {

  margin-bottom:1em;

}

.sidebar p {

  padding: 1em 0 0 0;

}  

.testimonials span.quotes {

  top: 32px;

}  

.about_box h3 {

  font-size:1.7em;

}

.col-md-3.row_1 {

  margin-bottom: 1em;

  padding: 2px;

}

.row_1 h5 {

  font-size: 1.2em;

  margin-top: 1em;

}

.row_1 p {

  font-size: 1em;

  line-height: 1.5em;

}  

a.btn_2 {

  font-size: 1.2em;

}

.box_4 {

  padding: 2em 0;

}

.col-md-6.service_3 {

  padding: 0;

}

.toggleMenu {

  padding: 5px 10px;

}

.service_3 h4 {

  font-size: 1em;

  margin: 1em 0 0.5em;

}

.box_5 h3, .box_4 h3 {

  font-size: 1.7em;

}  

.col-md-4.service_grid {

  margin-bottom: 1em;

  padding: 0;

}

.extra-wrap h5 {

  margin-bottom: 0.2em;

  font-size: 1.3em;

}

.extra-wrap p {

  font-size: 1em;

}  

.grid_3 {

  margin-bottom: 0em;

}

.pagination {

  margin: 5px 0;

}

.btn-lg, .btn-group-lg > .btn {

  font-size: 15px;

}

.label {

 font-size: 52%;

}

.but_list h1, .but_list h2, .but_list h3, .but_list h4, .but_list h5, .but_list h6 {

  margin-bottom:10px;

}

.pagination-lg > li > a, .pagination-lg > li > span {

  padding: 6px 14px;

  font-size: 18px;

}

.head {

  font-size:1.7em;

}

.map iframe {

 min-height:150px;

}

.contact_grid {

  padding: 2em 0;

}

.col-md-8.contact-top {

  padding: 0;

}

.contact-top h3 {

  font-size: 1.5em;

}

.text textarea {

  width: 100%;

}

.col-md-4.contact-top_right {

  margin: 1em 0 0 0;

  padding: 0;

}

.contact-top_right h3 {

  margin: 0 0 10px;

  font-size: 1.5em;

}

ul.contact_info {

  margin: 1em 0 0 0;

}

.social-icons {

  margin: 0 0 0 -8px;

}

.col-md-7.follow-us {

  margin: 2em 0 0 0;

}

}