/*

Theme Name: Bestate Project Custom Theme

Theme URI: bestate.redmocky.com

Author: Sven Withus

Author URI: http://svenwithus.com

Description: A basic theme which you can use as foundation for you own theme.

Version: 0.3.6.5

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: white, light, one-column, two-columns, right-sidebar, responsive-layout, custom-header, custom-menu, featured-images

Text Domain: Bestate 

*/



body {
font-family: 'Open Sans', sans-serif;
background-repeat:no-repeat;
font-size:1.6em;

}
body.home{
	background-color:#9cc5f1;
}
h1,

h2,

h3,

h4,

h5,

h6{

	

	font-family: 'Montserrat', sans-serif;

}

h1 {

font-size:34px;
margin-bottom: 2%;

}

h1 {

font-size:2.4em;
margin-bottom: 2%;

}

.pos-rel{
	position:relative;
}


.left-blue,
.right-blue{

	background-color: #587988;
	position:absolute;

}
.left-blue-footer,
.right-blue-footer {

	/*background-color:rgba(88, 121, 136,0.7);*/
	background-color:#587988;
	position:absolute;}
.left-blue,
.left-blue-footer{
	top:0px;
	left:0px;
}
.right-blue,
.right-blue-footer{
	top:0px;
	right:0px;
}
.navbar-default {

    background-color: transparent;

    border: 0px;

	text-transform: uppercase;

	border-radius:0px;
	margin-bottom: 3%;

}

.navbar-default .navbar-nav > li > a,

#responsive-menu > li > a {

    color:#fff;

	display:block;

}

.navbar-default .navbar-nav > li > a:hover, 

.navbar-default .navbar-nav > li > a:focus,

#responsive-menu > li > a:hover,

#responsive-menu > li > a:focus {

    color: #fff;

}

.navbar-default li a > strong{

display:block;

font-size:16px;

font-weight:normal;

}

#responsive-menu > li a > strong {

font-size:14px;

font-weight:normal;

}

.navbar-default li a > span {

display:block;

font-size:16px;

line-height:18px;

}

.navbar-default .navbar-nav > .active > a, 

.navbar-default .navbar-nav > .active > a:hover, 

.navbar-default .navbar-nav > .active > a:focus,

#responsive-menu > .active > a,

#responsive-menu > .active > a:hover,

#responsive-menu > .active > a:focus  {

    color: #f00;
    background-color: transparent;
    font-weight: bold;

}

#banner {

	padding:0px;

	border-radius:0px;

	    margin: 0px;

}
#content{
	overflow:visible;
}

.home-page-text{

	background:url(media/wc-background.jpg) top center no-repeat;

	background-size:cover;

	    padding: 3% 2%;

    color: #587988;

    font-size: 16px;

    text-shadow: 0px 0px 1px #fff;

    font-weight: 600;

	}

.text-white,

.text-white a,

.text-white a:hover,

.text-white a:link,

.text-white a:focus,

.text-white a:visited{

	color:#fff;

}
.text-uppercase{
	text-transform:uppercase;
}
.text-capitalize{
	text-transform: capitalize;
}
.sep {
    padding: 30px 0px;
}
	.bg-white{

		background:#fff;

	}

#main-footer{
    /*background: rgba(88, 121, 136,0.7);*/
	background-color:#587988;
    padding-top: 2%;
    padding-bottom: 2.01%;

	}
/*New Fixes*/
.form-control{
	border-color:#000;
	border-radius:0px;
}
h1.page-title {
    color: #587988;
}
.main-back{
	background: rgba(255,255,255,0.9);
}
.btn-inverse{
	background-color:#000;
	color:#fff;
	border-color:#000;
	border-radius:0px;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:link{
	background-color:#000;
	color:#fff;
	border-color:#000;
}
#banner{
	margin-bottom:5%;
}
.home footer{
}
#menu-footer-menu{
	    margin-bottom: 0px;
		}
#menu-footer-menu li{
	padding: 0.5% 0px;
}
#menu-footer-menu li a{
	color: #ffffff;
	text-transform:uppercase;
	line-height: 1.8em;
}
#menu-footer-menu li a:hover,
#menu-footer-menu li a:focus{
	color:#fff;
	text-decoration:none;
}
.img-box{
	    position: relative;
    box-shadow: 10px 10px 30px #555;
}
.img-box img{
	width:100%;
}
.capt{
	position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    background: rgba(255, 255, 255,0.5);
    color: #325a6d;
    text-align: center;
    padding: 3%;
    width: 100%;
    font-size: 20px;
    top: 40%;
    line-height: 1em;
}
.capt a,
.capt a:hover,
.capt a:focus{
    color: #325a6d;
	text-decoration:none;}
.text-large{
	font-size:2em;
}
.capt .text-large,
.capt a .text-large{
	display: block;
    text-transform: uppercase;
    line-height: 1;
    font-weight: bold;
}
.capt strong{
	font-size:24px;
}
.capt .text-small,
.capt a .text-small{
	font-size:16px;
	color:#000;
}

/*End New Fixes*/
@media screen and (min-width:768px){
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
	margin-left:0px !important;
}
}
@media screen and (min-width: 1200px){
/*New Fixes*/
.navbar-collapse{
	margin:0px 0px;
}
.navbar-left.col-md-6{
	background: #587988;
}
.navbar-right.col-md-6 .menu-item{
	background: #587988;
	}
.navbar-nav.navbar-right:last-child{
	    margin-right: 0px !important;
    /* float: left !important; */
    padding-right: 0px;
}
header .pos-rel {
	margin-top: 0%;
	margin-bottom:3%;

}
.main-back{
	    padding-top: 1.5%;
		}
.navbar-header {

    float: right;

}
.padded-left-footer{
	padding-left:2%;
}
/*End New Fixes*/
.navbar-brand{

	float:none;

	padding:0px;

	position:absolute;

	right:0px;

	top:0px;

}

.navbar-nav > li.logo-image > a{

	padding:0px;

	position:relative;

	z-index:11;

	}

.navbar-left{

	margin-left: 0px;
		

	}


.navbar-right{

	margin-right: -15px;
		

	}
.navbar-nav > li.logo-image{

	border:0px;
	padding: 0px 20px;

}
.home .navbar-nav > li.logo-image{
}
.navbar-nav > li > a {

	text-align:center;

	padding: 2em 1.5em;

}

}

@media (max-width: 1199px) {
.nav-bg{
	    background-color: #587988;
	}
.sep {
    padding:0px;
}
	#header{

		min-height:1px !important;

		}

	#responsive-menu-container{

		border-right:3px solid #fff;

	}

	.navbar-default .navbar-toggle{

		    background-color: #2e596e;
    border-radius: 0px;

		}

	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: #3d3c39;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

}

.navbar-default .navbar-nav > li > a{

	min-height:1px !important;

}

.hidden-logo{

	display:none !important;

}

	.visible-logo{

		display:inherit !important;

		visibility: visible !important;

	}

    .navbar-header {

        float: none;

		text-align:right;
		background:#fff;
		    border-bottom: 1px solid #2e596e;

    }

    .navbar-left,.navbar-right {

        float: none !important;

    }

	.navbar-brand{

	    /* float: left; */
    /* padding: 0px; */
    height: auto;;

}

    .navbar-toggle {

        display: block;

    }

    .navbar-collapse {

        border-top: 1px solid transparent;

        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

    }

    .navbar-fixed-top {

        top: 0;

        border-width: 0 0 1px;

    }

    .navbar-collapse.collapse {

        display: none!important;

    }

    .navbar-nav {

        float: none!important;

        margin-top: 7.5px;

    }

    .navbar-nav>li {

        float: none;

    }

    .navbar-nav>li>a,

	#responsive-menu>li>a {

        padding-top: 10px;

        padding-bottom: 10px;

    }

	#responsive-menu>li>a {

        padding-left: 10px;

        padding-right: 10px;

    }

    .collapse.in{

        display:block !important;

    }

	#responsive-menu{

		padding:10px 0px;

		font-size:14px;

	}

	#responsive-menu > li a > strong{

		font-size:14px;

	}

	#responsive-menu > li a > span{

		font-size:14px;

	}

	#responsive-menu > li a > .fa{

		display:none;

	}

	#responsive-menu > li{

		border-bottom:1px solid #fff;

	}

	#responsive-menu > li.dropdown{

		border-bottom:0px solid #fff;

	}

	#responsive-menu .dropdown-menu{

		display: block;

    position: relative;

    border-radius: 0px;

    border: 0px;

	background-color:transparent;

	float:none;

	box-shadow:none;

	border-bottom:1px solid #fff;

	}

	#responsive-menu .dropdown-menu > li > a{

		position:relative;

		padding-top:10px;

		padding-bottom:10px;

    	padding-left: 30px;

	    font-size: 16px;

		color:#fff;

	}

	

	#responsive-menu .dropdown-menu > li > a:hover,

	#responsive-menu .dropdown-menu > li > a:focus{

		background-color:transparent;

	}

	#responsive-menu .dropdown-menu > li > a:before{

		font-family: 'FontAwesome';

    content: "\f054";

    font-size: 12px;

    position: absolute;

    left: 17px;

        top: 30%;

		}

	#responsive-menu > .active > a, #responsive-menu > .active > a:hover, #responsive-menu > .active > a:focus{

		background-color: transparent;

		color:#fff;

	}

	#responsive-menu  .dropdown-menu > .active > a, #responsive-menu  .dropdown-menu > .active > a:hover, #responsive-menu  .dropdown-menu > .active > a:focus {

    color: #fff;

    text-decoration: none;

    outline: 0;

		background-color: transparent;

}

}

@media screen and (min-width:1200px){

	.text-right-md{

		text-align:right;

	}
.overflow-visible{
	overflow:visible !important;
}
.negative-margin {
    margin: -60px 0px !important;
    position: relative;
    top: -15px;
}	
}
@media screen and (min-width:768px) and (max-width:991px){
	.container {
    width: 100%;
}
.capt{
	font-size:14px;
}
}