/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.1.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/


/* master styles */
body {
  margin:0; padding:0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.428571429;
  color:#666;
  background-color: #ffffff;
}

h1, h2, h3 {font-family: 'Raleway', sans-serif;}

h1 {margin:0 0 20px 0 !important; padding:0 0 10px 0; color:#0E100F; border-bottom:2px solid #0E100F; font-weight:400; text-transform:uppercase; display:inline-block;}
h2 {margin:0 0 20px 0; padding:0; font-weight:700; color:#000; text-transform:capitalize; }
h3 {margin:0 0 20px 0; font-weight:400; color:#000; line-height:25px;}
.btn-primary{ background-color: #878787; border-color: #878787; }
.btn-primary:hover, .btn-primary:focus{ background-color: #676767; border-color: #676767; }
strong {font-weight: 700;}



.navbar .navbar-nav {
  font-family: 'Raleway', sans-serif !important;
}
.nav {text-transform:uppercase; font-family: 'Raleway', sans-serif !important;}

.navbar {margin-bottom:0px;}

.navbar-default {
  border-top:none;
  border-bottom:none;
  border-radius:0px;
}

.navbar-default .navbar-nav > li > a {
  font-size: 14px !important;
}

.navbar-collapse {
  max-height: 1000px;
}

.dropdown-menu {padding:0; font-size:12px !important;}
.dropdown-menu .divider {margin: 0;}

	.sub-menu {padding-left:30px !important;}


/* background colour */
.bg-white {background-color:#ffffff;}
.bg-grey {background-color:#f5f5f5;}


/* slideshow */
.slide-text-1 {text-transform:uppercase; background-color: rgba(0,0,0,0.5); padding:5px 10px;}
.slide-text-2 {text-transform:uppercase; background-color:rgba(0,0,0,0.5); padding:5px 10px; line-height:25px;}
.slide-text-3 {text-transform:uppercase; background-color:rgba(0,0,0,0.5); padding:5px 10px;}


/* banner */
.slideshow-wrap {position:relative; border-top:1px solid #0e100f; border-bottom:1px solid #0e100f;}


/* content */
.content-wrap {padding:40px 0 60px 0;}

.content-col {}
.content-col h2 {margin-bottom:10px;}
.content-col p {margin-bottom:20px;}
.content-col a {text-decoration:underline;}
.content-col a:hover {text-decoration:none;}
.content-col .large-title {font-size:24px; font-weight:400; color:#EB3353; line-height:25px;}

.content-col ul {margin:20px 0 20px 10px; padding-left:0px;}
.content-col li {padding-left:15px; line-height:20px; margin-bottom:10px; background:url(../images/li.png) no-repeat 0px 6px; list-style:none;}

.content-col ul ul {margin:0px; padding-left:30px;}
.content-col ul ul li {padding-left:5px; line-height:20px; margin-bottom:10px; background:none; list-style:square;}

.home-line {border-bottom:2px solid #0E100F; margin:-20px 0 30px 0;}


/* title content */
.title {background:#f6f6f6; padding:20px 20px 10px 20px; margin-bottom:30px; text-align:center;}
.title h2 {font-size:30px !important; font-weight:700;}
.title p {text-transform:uppercase; font-size:18px !important; color:#000;}


/* panel */
.panel-title {background: #0e100f/* rgba(255, 198, 46, 1) */;}
.panel-col {margin-bottom:0px;}
.panel-col h3 {margin:0; color:#fff; text-align:center; text-transform:uppercase; font-weight:700;}
.panel-col a {display:block; text-decoration:none;}
.panel-col a:hover {text-decoration:none; opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}

.panel-line {border-bottom:3px solid #fff; margin-top:0;}


/*  */
.small-text {display: block; padding-top:8px; padding-bottom:10px; font-size:12px; line-height:15px;}
.text-center {text-align:center;}


/* images */
.img-border {border:#CCC solid 1px; padding:3px;}



/* top-buttons */
.top-buttons	{font-family: 'Lato', sans-serif; text-transform:uppercase;}


/* buttons */
a.btn {
	text-decoration:none;
	}

.btn-phone {
  color: #a3acb2;
  font-size:18px !important;
  margin:0;
  padding:0;
}
.btn-phone:hover,
.btn-phone:focus,
.btn-phone:active,
.btn-phone.active,
.open .dropdown-toggle.btn-phone {
  color: #ffffff;
}


a.scroll {display:block; text-decoration:none;}
a.block {display:block; text-decoration:none;}


/* antispam */
.antispam-text {padding:0.1em; margin:0 0 0.2em 0; vertical-align: middle; display:inline-block;}
.antispam-img {padding:0.1em; margin:0 0 0.2em 0; vertical-align: middle; display:inline-block;}
.antispam-input {margin-bottom:0; padding-right:5px !important; display:inline-block; width:40%; font-size:12px;}



/* Flexible iFrame */
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

textarea {resize: none;}



/* footer */
.footer-menu-wrap {padding:40px 0 60px 0; font-size:13px; background:#0e100f; color:#fff;}
.footer-menu-wrap p {margin:0; padding:0 0 15px 0; line-height:17px;}
.footer-menu-wrap ul {margin:0 0 0 0; padding:0; list-style:none;}
.footer-menu-wrap li {padding:7px 0 7px 0; border-bottom:1px solid #ffffff;}
.footer-menu-wrap a {color:#ffffff; text-decoration:none;}
.footer-menu-wrap a:hover {color:#ffffff; text-decoration:underline;}
.footer-menu-wrap .title {font-weight:400; color:#ffffff;}

.footer-heading {font-size:16px; font-weight:400; color:#ffffff; border-bottom:1px solid #ffffff;}
.footer-heading a {color:#ffffff; text-decoration:none;}
.footer-heading a:hover {color:#ffffff; text-decoration:underline;}
.footer-spacing {padding-bottom:10px;}

.footer-wrap {margin-top:0px; background-color:#121413; color:#ffffff;}
.footer-wrap a {color:#ffffff; text-decoration:none;}
.footer-wrap a:hover {color:#ffffff; text-decoration:underline;}
footer {padding:15px 0 15px 0; font-size:12px;}
.footer-text {text-align:center;}


@media (min-width: 1200px) {
.navbar-default .navbar-nav > li > a {
  padding-left: 18px;
  padding-right: 18px;
  margin-top:45px;
}

.navbar-brand { height: auto; max-width: 250px; padding: 5px 0; }

.top-buttons 	{margin:0; padding:0;}


/* panel */
.panel-title {top:40px; left:70px; padding:10px 0 15px 0;}
.panel-col h3 {width:250px; font-size:26px;}
.panel-line {width:80px; margin:10px auto 0 auto;}


/* banner */
.slideshow-wrap {max-height:350px; overflow:hidden;}


}



@media (max-width: 1199px) {


}



@media (min-width: 992px) and (max-width: 1199px) {
.navbar-default .navbar-nav > li > a {
  padding-left: 10px;
  padding-right: 10px;
  margin-top:45px;
}


.navbar-brand {margin:0; padding:5px 0; width:230px; height: auto; }


/* panel */
.panel-title {top:30px; left:60px; padding:10px 0 15px 0;}
.panel-col h3 {width:200px; font-size:20px;}
.panel-line {width:60px; margin:10px auto 0 auto;}

}



@media (min-width: 992px) {

.content-bg {background:url(../images/bg-home-side.jpg) top center no-repeat;}

.btn-text-sm {padding-top:8px; padding-bottom:8px; font-size:12px;}

}


@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}



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

.navbar-default .navbar-nav > li > a {
  padding-left: 16px;
  padding-right: 16px;
  margin-top:20px;
}

.navbar.navbar-default .container{ width: 100%; padding: 0 30px; }
.navbar-brand {margin:0; padding:5px  0; width:180px; height:auto; }
.navbar-collapse.collapse{ padding-right: 0; }
.navbar-default .navbar-nav > li > a { font-size: 12px !important; padding: 28px 4px; }
.overlay-container > img{ width: 100%; }
.owl-carousel{ margin-bottom: 15px; }

/* panel */
.panel-title {top:20px; left:50px; padding:10px 0 15px 0;}
.panel-col h3 {width:150px; font-size:15px;}
.panel-line {width:40px; margin:10px auto 0 auto;}


}


@media (min-width: 768px) {

h1 {font-size:24px;}
h2 {margin-bottom:30px; font-size:20px;}
h3 {font-size:18px;}


.navbar-default {margin-bottom:0px; background-color:#ffffff;}


.navbar-default .navbar-nav > li > a {
  padding-bottom:33px; color:#878787 !important;
}


	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
	  color:#ffffff !important;
	  background-color: transparent;
	  padding-bottom:31px;
	  border-bottom:3px solid #ffffff;
	}

a.nav-last {padding-right:0px !important;}

.navbar-collapse {padding-left:0;}

.dropdown {z-index:100;}

.dropdown-menu > li > a {padding-top:10px; padding-bottom:10px; font-size:13px;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0E100F;
}


.banner-wrap {max-height:300px; overflow:hidden;}

.top-buttons	{position:absolute; top:10px; right:15px; padding-bottom:10px; z-index:99999;}

.panel-wrap {padding-top:20px; padding-bottom:10px;}
.panel-col {position:relative;}
.panel-title {position:absolute; display:block;}

.panel-col-1 {padding-left:0px; padding-right:1px;}
.panel-col-2 {padding-left:0px; padding-right:1px;}
.panel-col-3 {padding-left:0px; padding-right:0px;}


.home-text p {font-size:18px !important;}
.home-line {width:350px;}

.content-col p {font-size:16px;}

.small-text {height:50px; overflow:hidden;}

.antispam-input {margin-left:10px;}

.footer-menu-wrap {margin-top:0px;}

.mobile-yes {display:none;}

}


@media (max-width: 767px) {

h1 {font-size:22px;}
h2 {font-size:20px;}

.navbar {padding:0 15px; border:none !important;}

.navbar-header {background:#fff; padding:0;}

.navbar .title-navbar {float:left; display:block;
		font-size:14px;
		text-transform:uppercase;
		color:#666;
		text-align:left;
		padding:0px}

.navbar .navbar-icon {float:right; padding-top:3px}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    background-color: #ffffff; font-size:11px !important;
	padding-left:20px !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
	background-color: #0E100F;
	}

.navbar-default {background-color:#ffffff;}
.navbar-default .navbar-nav > li > a {
  color:#878787;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-default .navbar-toggle{ border-color: #878787; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border-color: #fafafa; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #878787; }

.navbar-toggle {
  padding: 9px 10px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width:100%;
}

.navbar-collapse {
  max-height: 550px;
  padding-right: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  font-size:11px !important;
}

.navbar.navbar-default{ margin: 0; padding: 15px; }
.navbar-header {background:#0E100F; margin:0; padding:0px;}
.navbar-brand {float:none !important; margin:0 auto; padding:0; width:250px; height: auto;}

.top-buttons {float:none !important; margin:-10px auto 0 auto; padding:0; width:160px;}

.panel-wrap {padding-top:20px; padding-bottom:20px;}
.panel-wrap h3 {font-size:18px;}
.panel-col h3 {margin-bottom:0px !important; padding-top:10px; padding-bottom:10px;}
.panel-title {margin-bottom:10px; padding-top:0px; padding-bottom:0px;}

	

/* next-project */
.home-line {width:250px;}

.content-col h1 {font-size:24px;}
.content-col p {font-size:15px !important;}

.footer-menu-wrap {margin-top:20px;}
.footer-heading {margin-top:0px;}
.footer-text {text-align:center;}

.mobile-no {display:none;}

}


@media (min-width: 401px) and (max-width: 767px) {


}


@media (min-width: 401px) {

}


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


}