body {background-color: #fff;}
    
body,
.navbar-brand,
ul.nav a {font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000; }

p,
.card p {font-size: 1.143em;}


.navbar {background-color: #fff; height: 100px; padding: 15px; border-top: 4px solid #000;}

.navbar > .container .navbar-brand {padding: 0 15px 0 15px;}
    
.navbar .navbar-nav.navbar-uppercase > li > a {
        text-transform: none; font-size: 15px; padding: 10px;}


.navbar-transparent .navbar-nav > li > a:not(.btn) {
        color: #000;}
.navbar .navbar-brand {font-size: 35px; color: #000;} 

.navbar,
.section-we-do-1,
.section-team-1,
.section-clients-2 {
    border-top: 0px;
    border-right: 4px;
    border-bottom: 4px;
    border-left: 4px;
    border-color: #000;
border-style: solid;}

.navbar {background-color: #fff; height: 100px; padding: 15px; border-top: 4px solid #000;}


.logo {position: fixed;}
.logo img {height: 65px; padding-right: 30px;}




h1 {text-transform: none; font-weight: 600; font-size: 360%;}
h2 {text-transform: none; font-weight: 400; font-size: 300%;}
h3 {text-transform: none; font-weight: 500; font-size: 200%; line-height: 140%;}
h4 {text-transform: none; font-weight: 600; font-size: 150%; line-height: 140%;}

.fotos img {max-height: 500px; max-width: 100%; padding-bottom: 10px;}
    
.navbar-burger.navbar-transparent .navbar-toggle .icon-bar {
    background: #000;
}
    
.wrapper ul {
        padding-left: 0px;}
    
.separator-container {display: none;}
.section {background-color: inherit;}
 

.section-we-do-1 .title {max-width: inherit;}    


.section-we-do-1 p {color: #000;}

 
    .section-we-do-1 .card p {
        text-align: left; 
     /*   font-size: 130%; */
        margin-right:10%; 
        min-height: inherit;}

    .section-we-do-1 .card h1 {text-align: left; font-size: ; margin-right:20%; line-height: 130%; text-transform: none; font-weight: 600;
}}
    
    .orange {background-color:#e9dbc9 !important;}
    .section-we-do-1 .title {margin-bottom: 55px;}
    
     .section-we-do-1 .card h1 {
    text-align: left; font-size: 280%; margin-right: 20%;}




.videos {padding-left: 0px; margin-left: -10px;}

.owl-theme .owl-controls .owl-page span,
.owl-theme .owl-controls .owl-buttons div {background: #000000;}



@media (max-width: 768px) {

.section {padding: 0;}
    
.logo img {height: 55px; padding-right: 20px;}

    
    .wrapper {margin: 50px 0 0 0;}
}
    
@media only screen and (max-width: 600px) {

    .logo img {height: 50px; padding-right: 15px;}

    .section-team-1 .text-area {
      margin: 140px 0 0 0; 
      background-color: rgba(70,70,70,0.5) !important;
      padding: 0px;}
             
    h3 {font-size:150%}
    .section-clients-2 .nav-text li {margin: 0 10px;}
    
  
    .section-we-do-1 .card h1 {
    text-align: left; font-size: 250%; margin-right: 2%;}
    
    
}
             
 
    
    .section-team-1 .text-area p {margin-top: 10px; font-size: 130%;}

.full-image {height: 40vh !important; background-position: top center !important;}


    .section .text-area {padding-bottom: 60px;}
    
    .section-clients-2 .tab-content p.large {color: #000;}        
    
    .quotes {position: relative; margin: 0 auto; }
    
    .quotes .large:before,
    .quotes .large:after {content: none;}
    
    .section .text-area {background-color: inherit !important;}
             
             
             
      .section .text-area a.order {
        border: 1px solid #000;
      border-radius: 5px;
      padding: 4px;
      margin-left: 0px;
      line-height: 40px;
      white-space: nowrap;}

    .section .text-area a:not(.btn), 
        .section .text-area a:hover {color:#000 !important;}

    .section-clients-2 {min-height: 560px;}
    .section-clients-2 .nav-text {bottom: 0;
    position: absolute;
    left: 26%;
    width: 50%;}
 
    .section-clients-2 .nav-text > li.active a,
    .section-clients-2 .nav-text > li a:hover {color:#aaa !important; border:none;}
  
    
    
    .project-text iframe {width: 100%; min-height: 537px;}
    
    ul.videos {padding-top: 30px; text-align: center;}
/*    .videos .tab-content {text-align:left;}*/
    
    ul.videos > li  > a {color: #000 !important;}
   ul.videos > li.active > a,
   ul.videos > li.active > a:hover {color: #aaa !important;}
   
    
    /* ul.videos > li {display: block !important;}
    ul.videos > li  > a {padding: 0 !important;}
    ul.videos > li  > a  h3 {padding: 0 !important; margin: 0 !important;} */

        
.embed-container {
position: relative; 
padding-bottom: 56.25%; /* ratio 16x9 */
height: 0; 
overflow: hidden; 
width: 100%;
height: auto;
}

.embed-container iframe {
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}