.navbar-default,a{-webkit-transition:all .35s;-moz-transition:all .35s}
   header,header .header-content{position:relative;width:100%;text-align:center}
   body,html{height:100%;width:100%}
   body{font-family:'Roboto',Arial,sans-serif;webkit-tap-highlight-color:#222}
   .btn,.navbar-default,.navbar-default .navbar-header .navbar-brand,h1,h2,h3,h4,h5,h6{font-family:'Roboto',Arial,sans-serif;}
   h1{margin-bottom:5%;margin-top:3%;}
   h2{margin-bottom:2%;}
   h4 {line-height: 24px;}
   hr{border-color:#F05F40;border-width:3px;max-width:50px}
   hr.light{border-color:#fff}
   a{transition:all .35s;color:#ff6e1a}
   a:focus,a:hover{color:#ff6e1a !important;text-decoration:none;}
   p{font-size:16px;line-height:1.5;margin-bottom:20px}
   .bg-primary{background-color:#F05F40}
   .bg-dark{background-color:#222;color:#fff}
   .text-faded{color:rgba(255,255,255,.7)}
   section{padding:100px 0}
   aside{padding:50px 0}
   .no-padding{padding:0}
   .no-margin{margin:0 !important}
   .navbar-default{background-color:#fff;border-color:rgba(34,34,34,.05);transition:all .35s}
   .btn-default,.portfolio-box .portfolio-box-caption{-webkit-transition:all .35s;-moz-transition:all .35s}
   .navbar-default .navbar-header .navbar-brand{color:#F05F40;text-transform:uppercase}
   .navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#eb3812}
   #mainNav.navbar-default .navbar-header .navbar-toggle{font-size:12px;color:#fff;text-transform:uppercase}
   #mainNav.navbar-default .nav>li>a, #mainNav.navbar-default .nav>li>a:focus{text-transform:uppercase;font-size:14px;color:#fff}
   .navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#F05F40}
   .navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:#F05F40!important;background-color:transparent}
   .navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{background-color:transparent}
   
    #mainNav.navbar-default{background-color:rgba(0, 0, 0, 0.5);border-color:rgba(255,255,255,.3);}
    #HomeNav.navbar-default{border-bottom:1px solid #FE9A2E}
    .navbar-default .navbar-header .navbar-brand{color:rgba(255,255,255,.7)}
    .navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#fff}
    .navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#FF5722}
    .navbar-default .dropdown-menu li a{color:black !important;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .dropdown-menu>li>a:hover{color:#FF5722 !important;}

    #mainNav.navbar-default .dropdown-content{background-color:rgba(0, 0, 0, 0.5); color:#fff !important}
    .navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#FE9A2E !important;}
    #mainNav.navbar-default .dropdown-content >li >a{color:#fff !important}
    #mainNav.navbar-default .dropdown-menu >li >a:hover,.navbar-default .nav >li >a:focus{background-color:transparent !important}
    #mainNav.navbar-default.affix{background-color:#fff;border-color:rgba(34,34,34,.05);border-bottom:1px solid #FE9A2E}
    #mainNav.navbar-default.affix .navbar-collapse,.navbar-default.affix .navbar-form{border-color:#FE9A2E !important;}
    #mainNav.navbar-default.affix .navbar-header .navbar-brand.img{background-image:url(../images/OTLogo_s.png)}
    #mainNav.navbar-default.affix .navbar-header .navbar-brand{color:#F05F40;font-size:14px}
    #mainNav.navbar-default.affix .navbar-header .navbar-brand:focus,.navbar-default.affix .navbar-header .navbar-brand:hover{color:#eb3812}
    #mainNav.navbar-default.affix .nav>li>a, #mainNav.navbar-default.affix .nav>li>a:focus{color:#222}
    #mainNav.navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{color:#FF5722}
    #mainNav.navbar-default.affix .dropdown-content{background-color:#fff; color:#fff !important}
    #mainNav.navbar-default.affix .dropdown-content >li >a{color:black !important}
    #mainNav.navbar-default.affix .dropdown-content >li >a:hover{color:#FF5722 !important}
    #mainNav.navbar-default.affix .dropdown-menu >li >a:hover{background-color:transparent !important}

   .navbar-default .navbar-toggle{border-color:transparent} /*button toggle border color*/
   .navbar-default .navbar-toggle:focus, #mainNav.navbar-default .navbar-toggle:hover{background-color:transparent} /*toggle button background color-profile when focus/hover*/
   .navbar-default .navbar-toggle .icon-bar{background-color:#FF5722} /*toggle button color*/

    .no-gutter > [class*='col-'] {
      padding-right: 0;
      padding-left: 0;
    }

.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto;
  
}
.portfolio-box .portfolio-box-caption {
  color: white;
  opacity: 0;
  display: block;
  background: rgba(255, 87, 34, 0.2);
  /*border:1px solid darkorange;*/
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-family: 'Roboto', Arial, sans-serif;
  padding: 0 15px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 18px;
}
.portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}
.portfolio-box:focus {
  outline: none;
}


@media (max-width:767px) {
#mainNav.navbar-default .dropdown-content >li >a{color:#fff !important}
#mainNav.navbar-default.affix .dropdown-content >li >a{color:black !important}
#mainNav.navbar-default.affix .dropdown-content >li >a:hover{color:#FF5722 !important}
h1{margin-bottom:15%;margin-top:15%;}
    #PropertiesPage h4 {
    font-size: 14px !important;
    }
}

@media (min-width:768px)
{
    h1{font-size:60px}
    h1{margin-bottom:5%;margin-top:3%;}

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 16px;
    }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 22px;
    }
}