/* Author: Charles Franklin Bear III */
/* April 1,2018 */
body,html,#main{
  height: 100%;
  margin: 0;
  font: 1em "Open Sans", sans-serif;
  /*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
  font-weight: 400;
  line-height: 1.8em;
  color: #666;

  box-sizing: border-box;
}

/*Navigation*/
/*navigation bar*/
.open-slide{display: none;}

.navbar{
  width: 100%;
  background-color: #bf1901;
  height: 60px;
  color: #fff;
  list-style-type: none;

  display: block;
  text-align: center;
}

  .navbar .logo{
    float: left;
    height: 30px;
    padding: 15px 30px;
    font-size: 1.4em;
    line-height: 30px;
  }
  .logo a{
    text-decoration: none;
    color: #fff;
    display: inline-block;
  }
.navbar .btn-login{
  color:#fff;
  background-color: black;
  width: 100px;
}



  nav ul {
    margin: 0;
    padding:0;
    list-style: none;
  }
  .nav a {
    display:block;
    background: #bf1901;
    color:#fff;
    text-decoration: none;
    padding: 14px 16px;
    position: relative;
    line-height: 32px;

  }
  .nav{
    /*vertical-align: top;*/
    float: right;
    display: inline-block;
  }
  .nav li{position: relative;}
  .nav > li {
    float:left;
  }
  .nav > li > a {
  }
  .nav > li:hover , .nav > li:hover >a{  }
  .nav li:hover > a { background-color: #990000;}
.nav > li:first-child  { /*border-radius: 4px 0 0 4px;*/}
.nav > li:first-child>a{/*border-radius: 4px 0 0 0;*/}
  .nav > li:last-child  {
    /*margin-right: 0;*/
  }
.nav > li:last-child >a{/*border-radius: 0 4px 0 0;*/ }
.nav li li a { /*margin-top:1px*/}

    /*.nav li a:first-child:nth-last-child(2):before {
     content:"";
     position: absolute;
     height:0;
     width: 0;
     border: 5px solid transparent;
     top: 50% ;
     right:5px;
   }*/

   /* submenu positioning*/
.nav ul {
  position: absolute;
  white-space: nowrap;
/*border-bottom: 5px solid  orange;*/
  z-index: 1;
  left: -99999em;
}
.nav > li:hover > ul {
  left: auto;
  /*padding-top: 5px  ;*/
  min-width: 100%;
}
.nav > li li ul {  /*border-left:1px solid #fff;*/}


.nav > li li:hover > ul {
 /* margin-left: 1px */
 border-left:1px solid #fff;
  left: 100%;
  top: 0px;
  width: 100%;
}



/*side bar*/
.side-nav{
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #222;
  opacity: 0.95;
  padding-top: 50px;
  transition: 0.5s;
  overflow-x: hidden;
}
.side-nav ul{
  padding: 0;
  list-style: none;
}
/*sub menu*/
.side-nav ul li ul{
  padding-left: 10%;

}
.side-nav ul li ul li{
  display: none;

}
.side-nav ul li ul li ul li{
  display: none;

}
.side-nav ul li:hover ul li{
  display: block;
}

.side-nav ul li ul li:hover ul li{
  display: block;
}
.side-nav a{
  padding: 5px 5px 5px 20px;
  text-decoration: none;
  font-size: 20px;
  color: #f2f2f2;
  display: block;
  transition: 0.3;

}
.side-nav a:hover{
  color: #b30000;
  background-color: #ddd;

}
.side-nav .btn-close{
  position:absolute;
  top:0;
  right: 22px;
  font-size: 36px;
  margin-left: 50px;
}
.side-nav .btn-close:hover{
background-color: inherit;
color: #fff;
}
/*Bear Navigation End*/



/*cflb for Dsk*/
/* setup image first*/
.pimg1,.pimg2,.pimg2space,.pimg3,.pimg4,.pimg5,.pimg6,.pimg7,.pimg1full,.pimg2full,.pimg3full,.pimg4full,.pimg5full,.pimg6full,.pimg7full,.pimgapartmentfull,.pimgcondofull,.pimghotelfull,.pimghostfamilyfull,.pimgconstructionfull{
  position: relative;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;/*parallax*/

}
.pimg1{
  background-image: url('../img/showcase2.jpg');
  min-height: 400px;

}
.pimg2{
  background-image: url('../img/img2.jpg');
  min-height: 400px;
}
.pimg3{
  background-image: url('../img/img3.jpeg');
  min-height: 400px;
}
.pimg4{
  background-image: url('../img/img4.jpeg');
  min-height: 400px;
}
.pimg5{
  background-image: url('../img/img5.jpg');
  min-height: 400px;
}
.pimg6{
  background-image: url('../img/img6.jpeg');
  min-height: 400px;
}
.pimg7{
  background-image: url('../img/img7.jpeg');
  min-height: 400px;
}
.pimg1full{
  background-image: url('../img/showcase2.jpg');
  min-height: 100%;

}
.pimg2full{
  background-image: url('../img/img2.jpg');
  min-height: 100%;
}
.pimg3full{
  background-image: url('../img/img3.jpeg');
  min-height: 100%;
}
.pimg4full{
  background-image: url('../img/img4.jpeg');
  min-height: 100%;
}
.pimg5full{
  background-image: url('../img/img5.jpg');
  min-height: 100%;
}
.pimg6full{
  background-image: url('../img/img6.jpeg');
  min-height: 100%;
}
.pimg7full{
  background-image: url('../img/img7.jpeg');
  min-height: 100%;
}
.pimgapartmentfull{
  background-image: url('../img/apartment.jpg');
  min-height: 100%;
}
.pimgcondofull{
  background-image: url('../img/condo.jpg');
  min-height: 100%;
}
.pimghotelfull{
  background-image: url('../img/hotel.jpg');
  min-height: 100%;
}
.pimghostfamilyfull{
  background-image: url('../img/hostfamily.jpg');
  min-height: 100%;
}
.pimgconstructionfull{
  background-image: url('../img/construction.jpg');
  min-height: 100%;
}
/*spacers*/
.pimg2space{
  background-image: url('../img/img2.jpg');
  min-height: 100px;
}


/*section edits*/
.section{
  padding: 50px 200px;
}
.section h1,.section h2{
  text-align: center;
}
.section h3,.section h4{
  text-align: left;
}
.section p{
  text-align: justify;
}
.section-light{
  background-color: #f4f4f4;
  color: #666;
}

.section-dark{
  background-color: #282e34;
  color: #ddd;
}

.section-lightdark{
  background-color: #282e34;
  color: #ddd;
  opacity: 0.86;
  text-shadow: 2px 2px 8px #000;
}

.section-fcred{
  background-color: #bf1901;
  color: #ddd;
  text-shadow: 2px 2px 12px #000;
}

.section-totheleft{
  overflow: hidden;
}

.section-totheleft-content{
  float: left;
  width: 40%;
  padding: 20px 30px;
}


/*text and display*/
.ptext{
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 27px;
  text-transform: uppercase;
}
.ptext .border{
  background-color: #111;
  color: #fff;
  padding: 20px;
  line-height: 200%;
  font-size: 27px;
}
.ptext .border.trans{
  opacity: 0.7;

}

/*footer*/
footer{
  overflow: hidden;
  padding: 20px;
  margin-top: 20px;
  color: #d91b04;
  text-align: center;
  width: 100%;
}
.section-footer{
  background-color: #bf1901;
  color: #ddd;
  text-shadow: 2px 2px 12px #000;
  float: none;
}


section .footer{
  width: 100%;
  text-align: center;
}
/*bear others*/

.btn{
  background: #e60203;
  color: #fff;
  font-size: 1.2rem;
  padding: 1rem 2rem;
  text-decoration: none;
}
.btn:hover{
  color: white;
  background: #990000;
  cursor: pointer;
}
.btn-center{
  padding: 50px 40px 40px 40px;
}
.btn-up{
  padding: 20px;
  color: #fff;
  text-decoration: none;
}

.tbl-reg{
  padding: 0 6px;

}
.tbl-reg td{
  width: 40%;
}

.box .loc{
  width: 50px;

}

.box .logo{
 width: 250px;
}




/*End */

/*cflb for phone*/


/*cflb for phone*/
@media only screen and (max-width: 940px) {
.navbar a{
  float: left;
  display: block;
  padding: 14px 10px;
  text-decoration: none;

}
.navbar .logo a{
  padding: 0;
  margin: 0;
}
.navbar .logo{
  padding: 10px 14px;
  margin: 0;

}
.nav{display: none;}
.open-slide{display: block;}
.navbar{height: 55px;}
.ptext .border{
  background-color: #111;
  color: #fff;
  padding: 20px;
  font-size: 20px;
}
.section{
  padding: 30px 15px;
}
.tbl-reg{
  font-size: 13px;
}
.section-totheleft-content{
  width: 100%;
  padding: 10% 0;
  margin: 0;
}
.box{
  display: block;
}
footer{
  padding: 0;

}

/*End */

}/* BEar End */