@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');

/*---Media Queries --*/
@media (max-width: 1200px) {
   .half-bar{
		height: 80px !important;
	}
}

@media (max-width: 992px) {
    .half-bar{
		height: 50px !important;
	}
}

@media (max-width: 768px) {
	.half-bar{
		height: 100% !important;
	}
}

@media (max-width: 576px) {
	.half-bar{
		height: 100% !important;
	}
}

.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/

/*
.logo{ display:block !important;}
.navbar-brand{ display:none !important;}
*/

@media (min-width: 1200px) { 
.half-bar{
		height: 60px !important;
	}
	.logo{
		top: 25px !important;
	}
}

.fullWidthBar{
  max-width: 1200px;
  margin: 0 auto;
  background-color:#1D1D33;
}



.top-nav-content {
  max-width: 1200px;
  margin: 0 auto;
 
  background-color:#1D1D33;
  position: relative;
  z-index: 40;
  padding: 0 0;
}

.navbar-brand{ display:none !important;}
.nav-main-menu {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: -180px;
  background-color: #bdbdcf;
  position: relative;
  z-index: 21;
  height: 50px;
}

.slider-wrapper{
  position: relative;
}

.slider-bottom {
  background: url(../img/photo-cover.png);
  height: 240px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 50;
}

.main-content {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  z-index: 40;
  padding: 0 25px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 330px;
}

.clearfix {
  *zoom: 1
}

.clearfix:after {
  clear: both
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table
}

.clear {
  clear: both
}

.title {
  padding: 20px 0;
  border-style: solid;
  border-color: #bdbdcf;
  border-width: 0 0 1px;
  position: relative;
  margin: 0 0 40px;
  width: 100%;
  display: table
}

.title .detail {
  width: 17px;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #bdbdcf
}

.bottom-content {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  z-index: 20;
  padding: 0 25px;
  overflow: hidden;
}

.before-footer {
  background: url(../img/before-footer-1.jpg) 50% 50%;
  float: left;
  width: 100%;
  position: relative;
  padding: 0 0 50px
}

.before-footer .cover {
  background: url(../img/before-footer.png) 50% 0 repeat-x;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 450px;
  z-index: 9
}

.before-footer .center {
  z-index: 10;
  position: relative;
  padding: 0 25px
}

.slider-wrapp {
  position: absolute;
  z-index:5;
}

.slider-wrapp .main-slider {
  position: relative;
  background-color: #1d1d33
}

.slider-wrapp .main-slider .owl-next,
.slider-wrapp .main-slider .owl-prev {
  position: absolute;
  top: 40%;
  width: 35px;
  height: 35px;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: border 300ms ease-out;
  -moz-transition: border 300ms ease-out;
  -o-transition: border 300ms ease-out;
  transition: border 300ms ease-out
}

.slider-wrapp .main-slider .owl-next:hover,
.slider-wrapp .main-slider .owl-prev:hover {
  border-color: #00aeff
}

.slider-wrapp .main-slider .owl-prev {
  left: 3%;
  background: url(../img/arrow-left.png) no-repeat 50% 50%
}

.slider-wrapp .main-slider .owl-next {
  right: 3%;
  background: url(../img/arrow-right.png) no-repeat 50% 50%
}

.slider-wrapp .main-slider .owl-dots {
  display: none
}

.slider-wrapp .main-slider .content {
  position: absolute;
  top: 85px;
  z-index: 11
}

.slider-wrapp .main-slider .item {
  background-size: cover!important;
  height: 600px
}

.slider-wrapp .main-slider .item .cover {
  background-color: rgba(29, 29, 51, .5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.slider-wrapp .main-slider .item h1 {
  font-family: RobotoBold, Arial, Helvetica, sans-serif;
  color: #fff;
  margin: 0 0 25px;
  max-width: 700px
}

.slider-wrapp .main-slider .item .subtitle {
  font-family: RobotoBold, Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #00aeff;
  margin: 0 0 5px;
  display: table
}

.slider-wrapp .main-slider .item p {
  font-size: 16px;
  color: #fff;
  max-width: 700px;
  margin: 0
}

.slider-wrapp .main-slider .item .button {
  margin: 20px 0 0
}

.slider-wrapp .main-slider .img-1 {
  background: url(../img/hero/1.jpg) no-repeat 85% 50%
}

.slider-wrapp .main-slider .img-2 {
  background: url(../img/hero/2.jpg) no-repeat 85% 50%
}

.slider-wrapp .main-slider .img-3 {
  background: url(../img/hero/3.jpg) no-repeat 85% 50%
}

.slider-wrapp .main-slider .img-4 {
  background: url(../img/hero/4.jpg) no-repeat 85% 50%
}

.footer-top{
  background-color:#1D1D33 !important; 
  color:#EEEEEE
}

.footer-bottom {
  background-color:#29293F !important; 
  color:#BDBDCF
}

footer h4 {
  color: #FF9900
}

footer p{
  color:#BDBDCF
}

.footer-logo{
  float:right
}
.footer-get-in-touch{
  float:left;
}

.before-footer-ads{
  background-color:#FF9900; 
  color:#EEEEEE
}

.top-nav{
  width: 100%;
  background-color:#1D1D33;
  position: relative;
  z-index: 10;
  
}
.top-container{
  width: 1200px !important;
}

.nav-link {
  color: #EEEEEE !important;
}

.logo {
  float: left;
  position: relative;
  display: block;
}

.shifter-page {
  min-height: 100%;
  position: relative;
  z-index: 1;
  background: #fff;
 
}

.custom-toggler.navbar-toggler {
    border-color: rgb(255,255,255, 0.9);
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}