body,html{
     height:100%;
     width:100%
 }

body{
    color: white;
}
 body{
     font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;
     webkit-tap-highlight-color:#fff;
 }
 .btn,.navbar-default,.navbar-default .navbar-header .navbar-brand,h1,h2,h3,h4,h5,h6{
     font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
 }

 section{
     padding:100px 0
 }

 .header,section .header-content{
     position:relative;
     width:100%;
     text-align:center
 }

 hr{
     border-color:#F99937;
     border-width:3px;
     max-width:50px
 }
 

 p{
     font-size:16px;
     line-height:1.5;
     margin-bottom:20px
 }

.seccionOscura{
    background-color:#000
        
}

.seccionClara{
     background-color:#fff;
     color:#000
}

footer {
    background-color: white;
    color: black;
    height: 50px;
    padding-top: 15px; 
}

 .navbar-default{
     background-color:#000;
     border-color:dimgrey;
     transition:all .35s
 }

 .navbar-default .navbar-header .navbar-brand{
     color:#fff;
     font-weight:700;
     text-transform:uppercase
 }

 .navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{
     color:#F99937;
     
 }

 .navbar-default .navbar-header .navbar-toggle{
     font-weight:700;
     font-size:12px;
     color:#fff;
     text-transform:uppercase
 }

 .navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{
     text-transform:uppercase;
     font-weight:700;
     font-size:13px;
     color:#fff
 }

 .navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{
     color:#F99937
 }
 .navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{
     color:#F99937!important;
     background-color:#000
 }
 .navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{
     background-color:#000
 }

.form-group{
    display:flex;
    flex-direction:row;
    justify-content: center
}

.form-group input{
    width: 100%;
    max-width: 500px;
}
.form-group textarea{
    width: 100%;
    max-width: 500px;
}
.form-group span{
    width: 60px;
}

 @media (min-width:768px){
     .navbar-default{
         background-color:#000;
         border-color:rgba(255,255,255,.3)
     }
     .navbar-default .navbar-header .navbar-brand{
         color:rgba(255,255,255,1)
     }
     .navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{
         color:#F99937
     }
     .navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{
         color:rgba(255,255,255,1)
     }
     .navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{
         color:#F99937
     }
     .navbar-default.affix{
         background-color:#000;
         border-color:rgba(255,255,255,.05)
     }
     .navbar-default.affix .navbar-header .navbar-brand{
         color:#fff;
         font-size:14px
     }
     .navbar-default.affix .navbar-header .navbar-brand:focus,.navbar-default.affix .navbar-header .navbar-brand:hover{
         color:#F99937
     }
     .navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{
         color:#fff
     }
     .navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{
         color:#F99937
     }
 }

 .header{
     height: 100vh;
     -webkit-background-size:cover;
     -moz-background-size:cover;
     background-size:cover;
     -o-background-size:cover;
     background-position:center;
     /*background-image:url(/img/portada.jpg);*/
     color:#000
 }

 @media (min-width:768px){
     .header{
         min-height:100%
     }
 }

 .service-box{
     max-width:400px;
     margin:50px auto 0
 }
 @media (min-width:992px){
     .service-box{
         margin:20px auto 0
     }
 }
 .service-box p{
     margin-bottom:0
 }

 .portfolio-box .portfolio-box-caption{
     -webkit-transition:all .35s;-moz-transition:all .35s
 }

 .portfolio-box{
     position:relative;
     display:block;
     max-width:650px;
     margin:0 auto
 }
 .portfolio-box .portfolio-box-caption{
     color:#000;
     opacity:0;
     display:block;
     background:rgba(247,152,55,.8);
     position:absolute;bottom:0;
     text-align:center;
     width:100%;
     height:100%;
     transition:all .35s
 }

.btn-default.active,.btn-default:active,.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-primary{
     background-image:none
 }
 .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:'Open Sans','Helvetica Neue',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:25px;
     color: #fff
 }
 .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:0
 }

 .call-to-action h2{
     margin:0 auto 20px
 }

 .text-primary{
     color:#F99937
 }

 .btn-primary{
     color:#fff;
     background-color:#F99937;
     border-color:#F99937;
     -webkit-transition:all .35s;
     -moz-transition:all .35s;
     transition:all .35s
 }

 .btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{
     color:#fff;
     background-color:#CA7C2E;
     border-color:#F99937
 }


 .btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{
     color:#fff;
     background-color:#CA7C2E;
     border-color:#F99937
 }

 .btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{
     background-color:#F79837;
     border-color:#F79837
 }

.btn-primary .badge{
     color:#F79837;
     background-color:#000
 }
 .btn{
     border:none;
     border-radius:300px;
     font-weight:700;
     text-transform:uppercase
 }
 .btn-xl{
     padding:15px 30px
 }

 ::-moz-selection{
     color:#000;
     text-shadow:none;
     background:#fff
 }
 ::selection{
    color:#000;
    text-shadow:none;
    background:#fff
}
img::selection{
    color:#000;
    background:0 0
}
img::-moz-selection{
    color:#000;
    background:0 0
}

::selection {
    background: #F79837;
    color: black;
}

/* Firefox */
::-moz-selection {
    background: #F79837;
    color: black;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:40%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#id="contactop" {
    color: #F99937;
    font-size: 27px;
    padding: 10px;
}



.proveedor{
    
        width: 100px;
        height: 100px;
}


#miModal{
  position: relative; 
  
}

.modal-body{
    background-color: #000;
    border: none
    
}

.resumen{
    color: white;
}

#contactotitulo {
    color: #F99937;
    font-size: 27px;
    padding: 10px;
}

.bigicon {
    font-size: 35px;
    color: #F99937;
}

.fa, .contactop{
	color:rgba(247,152,55,.8);
	
}

/* CSS DROPDOWN MENU */

@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
    
    /* Color de dropdown en responsive */
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    background-color: black;
    margin-top: 2px;
    
  }
    
    /* Color del texto dropdown en responsive */
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: white;
   }
    
    /* Color dropdown responsive al seleccionar promoción */
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #F79837;
   }
    
    /* Color dropdown responsive linea menu */
   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid #F79837; 
     border-radius: 0;
   }
    
  .dropdown-menu {
      padding-left: 10px;
  }
    
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
    
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
    
}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
    background-color: #F99937;  
  }
}