/* 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:#333;
  background-color: #ffffff;
}

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

h1 {margin:0; padding:0 0 10px 0; color:#fff; font-weight:400; text-transform:uppercase;}
h2 {margin:0 0 20px 0; padding:0; font-weight:300; color:#263B89; text-transform: none;}
h3 {margin:0 0 20px 0; font-weight:400; color:#263B89; line-height:25px;}

strong {font-weight: 700;}

a {color:#263B89;}


.navbar .navbar-nav {
  font-family: 'Ubuntu', sans-serif !important;
}
.nav {text-transform: capitalize; font-family: 'Ubuntu', 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: 13px !important;
}

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

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



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


/* slideshow */
.slide-text-1 {text-transform:uppercase; background-color:#273973; padding:5px 10px;}
.slide-text-2 {text-transform:uppercase; background-color:#273973; padding:5px 10px; line-height:25px;}
.slide-text-3 {text-transform:uppercase; background-color:#273973; padding:5px 10px;}


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


/* 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:not(.btn) {text-decoration:underline;}
.content-col a:hover {text-decoration:none;}
.content-col .large-title {font-size:22px !important; font-weight:400; line-height:28px;}

.content-col ul {margin:20px 0 30px 20px;padding-left:10px;}
/*
.content-col li {padding-left:15px; line-height:20px; margin-bottom:10px;}
*/

h1.home {margin-bottom:30px; padding:15px 10px; color:#273973; background:#FCEB39; text-align:center;}

.call-title {font-weight:400; color:#263B89;}


/* panel */
.panel-title {background: rgba(255, 255, 255, 0.8);}
.panel-col {margin-bottom:0px;}
.panel-col h3 {margin:0; text-align:center; text-transform:uppercase; font-weight:400;}
.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 */}



/* sidebar-nav */
ul.sidebar-nav {margin:0;}
ul.sidebar-nav li {color:#273973; list-style:none;}
ul.sidebar-nav li a {margin-bottom:1px; padding:19px; color:#273973; font-weight:400; display:block; text-decoration:none; background:url(../images/sidebar-nav-li.png) right center no-repeat;}
ul.sidebar-nav li a:hover {background:url(../images/sidebar-nav-li.png) right center no-repeat #FCEB39; color:#273973;}

ul.sidebar-nav li:nth-child(even) {background:#D0D0D0;}
ul.sidebar-nav li:nth-child(odd) {background:#DCDCDC}


/*  */
.small-text {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: 'Ubuntu', sans-serif;}


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

.btn-phone {
  color: #273973;
  font-size:22px !important;
  margin:0;
  padding:0;
}
.btn-phone:hover,
.btn-phone:focus,
.btn-phone:active,
.btn-phone.active,
.open .dropdown-toggle.btn-phone {
  color: #273973;
  text-decoration:underline;
}


.btn-enquire {
  color: #273973;
  font-size:24px !important;
  margin:0 !important;
  background:#ffffff;
  font-family: 'Ubuntu', sans-serif;
  text-transform:uppercase;
  border-radius: 0px;
}
.btn-enquire:hover,
.btn-enquire:focus,
.btn-enquire:active,
.btn-enquire.active,
.open .dropdown-toggle.btn-phone {
  background:#FCEB39;
}


/* lighbox */
.overlay-container {margin-bottom:15px;}


/* gallery */
.gallery {font-size:12px !important;}


/* 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;}



/* call-to-action */
.call-to-action {padding:20px 0 20px 0; text-align:center; background:#283974;}
.call-to-action h3 {color:#ffffff; font-weight:400; font-family: 'Montserrat', sans-serif; text-transform:uppercase;}


/* 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%;
}



/* google recaptcha */
.grecaptcha-badge {
  display: none !important;
}

label.error {
  font-size:12px; color:#F00; padding-left:5px; margin-top:0; display:block;
}

textarea {resize: none;}

label2.error {font-size:12px; color:#F00; padding-left:5px; margin-top:0; display:block;} 

small p {font-size:12px !important;}


/* footer */
.footer-menu-wrap {padding:40px 0 60px 0; font-size:13px; background:#ffffff;}
.footer-menu-wrap p {margin:0; padding:0 0 15px 0; line-height:20px;}
.footer-menu-wrap ul {margin:0 0 0 0; padding:0; list-style:none;}
.footer-menu-wrap li {padding:0 0 10px 0;}
.footer-menu-wrap a {color:#C50551; text-decoration:none;}
.footer-menu-wrap a:hover {color:#C50551; text-decoration:underline;}
.footer-menu-wrap .title {font-weight:400; color:#ffffff;}

.footer-heading {font-size:18px; font-weight:400; color:#273973;}
.footer-heading a {color:#273973; text-decoration:none;}
.footer-heading a:hover {color:#273973; text-decoration:underline;}
.footer-spacing {padding-bottom:10px;}

.footer-wrap {margin-top:0px; border-top:1px solid #DBDBDB;}
.footer-wrap a {color:#7B7B7B; text-decoration:none;}
.footer-wrap a:hover {color:#7B7B7B; 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: 10px;
  padding-right: 10px;
  margin-top:60px;
}

.navbar-brand {margin:0; padding:10px 0 0 0;}

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


/* panel */
.panel-title {top:20px; left:15px; padding:20px 0 20px 0;}
.panel-col h3 {width:263px; font-size:18px;}


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

h1.home {font-size:30px;}


/* sidebar-nav */
ul.pl {padding-left:40px;}
ul.sidebar-nav li {font-size:18px;}


/* call-to-action */
.call-to-action h3 {margin-top:10px;}

}



@media (max-width: 1199px) {


}



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


.navbar-brand {margin:0; padding:10px 0 0 0; width:330px;}
.top-buttons 	{top:20px;}


/* panel */
.panel-title {top:20px; left:15px; padding:10px 0 10px 0;}
.panel-col h3 {width:220px; font-size:18px;}

ul.sidebar-nav li {font-size:18px;}
ul.sub li {font-size:14px !important;}


}


@media (min-width: 992px) {


}


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

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


.navbar-brand {margin:0; padding:10px 0 90px 0; width:350px;}
.top-buttons 	{top:30px;}


/* panel */
.panel-title {top:20px; left:15px; padding:10px 0 10px 0;}
.panel-col h3 {width:160px; font-size:15px; line-height:18px;}

ul.sidebar-nav li {font-size:15px;}


}


@media (min-width: 768px) {

/*Makes the tel link look like regular text for non touch devices*/

a[href^="tel"],
a[href^="tel"]:hover,
a[href^="tel"]:focus,
.content-col a[href^="tel"] {
    cursor: text;
    text-decoration: none;
}  
a:not(.btn-phone)[href^="tel"],
a:not(.btn-phone)[href^="tel"]:hover,
a:not(.btn-phone)[href^="tel"]:focus {
    color: #333;
}  
     
  
    
h1 {font-size:30px;}
h2 {margin-bottom:30px; font-size:24px;}
h3 {font-size:18px;}

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


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


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

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: #0079C1;
}


/* banner */
.banner-wrap {height:78px; overflow:hidden; background:url(../images/bg-banner-int.gif) #263B8A center top no-repeat; }
.banner-wrap h1 {padding-top:20px;}

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

.panel-wrap {padding-top:40px; padding-bottom:30px;}
.panel-col {position:relative;}
.panel-col h3 {color:#273973;}
.panel-title {position:absolute; display:block;}


.home-text p {font-size:17px !important;}

.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;}
h3 {font-size:16px;}


.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: #0079C1;
	}

.navbar-default {background-color:#ffffff;}
.navbar-default .navbar-nav > li > a {
  color:#252525;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000;
  background-color: transparent;
}


.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-header {background:#fff; margin:0; padding:0px;}
.navbar-brand {float:none !important; margin:-5px auto; padding:0; width:260px;}

.top-buttons {float:none !important; margin:20px 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; color:#ffffff; background:#273973;}
.panel-title {margin-bottom:10px; padding-top:0px; padding-bottom:0px;}

	
/* banner */
.banner-wrap {background:#263B8A;}
.banner-wrap h1 {padding:15px 5px;}


/* 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) {


}
