body {
    width: 100%;
    height: 100%;
    font-family: 'Source Sans Pro', sans-serif;
}

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

/*!
Large
 */



@media(min-width:1200px){

h1,h2,h3,h4,h5,h5{
    font-family: 'Raleway', sans-serif;
    color: #162249;
    font-weight: 700;
 }

.dark-bg{
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
}

.h1-cover{
    margin-top: 18%;
    color: #ffffff;
    text-transform: uppercase;
}

img {
    width: 100%;
    height: auto;
}

.intro-ic {
    height: 48px;
    width: auto;

}

.border {
    width: 40px;
    border: 1px solid #F6D000;
    /* margin-left: auto; */
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 4px;
}

.border-work {
    width: 80px;
    border: 1px solid #F6D000;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 50px;

}

.border-folio {
    width: 40px;
    margin-left: 18px;
    border: 1px solid #F6D000;
    /* margin-left: auto; */
    /* margin-right: auto; */
    margin-top: 4px;
    /* margin-bottom: 4px; */
} 

.border-service {
width: 120px;
border: 1px solid #F6D000;
margin-top: 5px;
margin-bottom: 5px;

}

.enter {
    width: 24px;
    position: absolute;
    left: 92%;
    top: 40%;
}


.border-service_2 {
    width: 120px;
    border: 1px solid #F6D000;
    margin-top: 18.2%;
    position: absolute;
    z-index: 99999;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}


.h4-work{
    margin-top: 30px !important;
    margin-bottom: 0px !important;
}


.h4-padding {
    margin-top: 0px !important;
    margin-bottom: 4px !important;
    text-align: left;
}

.h3-no-padding {
    margin-top: 0px !important;
    margin-bottom: 0px !important;

}


.bwhite {
width: 100%;
height: 100%;
background: #ffffff;
position: relative;
padding: 10px;
text-align: left;
margin-bottom: 30px;
text-decoration: none !important;
}   

.margin{
background: #f9f9fa;
margin-top: 64px;
}

.img-c {

webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
/* margin-top: 20px; */
/* margin-bottom: 20px; */
width: 100%;
height: auto;

}



h5 {
font-size: 18px;
margin-bottom: 0px !important;
margin-left: 18px;

}

.p-gallery{
color: #999999;
margin-left: 18px;  

}

.shadow{
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1);  
box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1);
transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.shadow:hover {
-webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);
-moz-box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);
box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);
}


a{
text-decoration: none !important;
}

h2 {
margin-top: 0px !important;
margin-bottom: 0px !important;
font-size: 28px;
text-align: left;
}

h3 {
text-transform: uppercase;
margin-top: 0px;
font-size: 28px;
margin-bottom: 0px !important;
}

.h3-margin{
margin-top: 40px !important;    
}

/*
.h1-slider {
    color: #fff;
    margin-top: 20%;
    margin-bottom: 0%;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
}
*/

.h2-cover{
    margin-top: 15% !important;
color: #ffffff;
font-size: 30px;
text-align: center !important;
text-transform: uppercase;
position: absolute;
z-index: 999;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}

.h3-cover {
    margin-top: 19%;
    color: #fff;
    text-transform: none !important;
    text-align: center !important;
    font-weight: 400;
    position: absolute;
    z-index: 99999;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.h3-clientes{
font-size: 20px !important;
}

.intro-section {
    height: 60%;
    width: 100%;
    text-align: center;
    background: url(../img/cover.jpg)no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: center;
}

.intro-section2 {
    height: auto;
    padding-top: 100px;
    padding-bottom: 36px;
    width: 100%;
    float: left;
    text-align: center;
    background: #ffffff;
    text-align: center;
}

.service-section {
    width: 100%;
    float: left;
    text-align: center;
}

.customer-section {
    height: auto;
    width: 100%;
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    background: #fff;
}

.works-section {
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
    float: left;
    text-align: center;
    background: #eaebef;
}

.contact-section {
    height: auto;
    width: 100%;
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    background: #f6f6f6;
}


.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
}

ul.nav a:hover { 
    color: #F6D000 !important;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;  
}

ul.nav a:focus{ 
    color: #F6D000 !important;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out; 
}

ul.nav a:active{ 
    color: #162249 !important;
    background: none !important; 
}



.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #162249 !important;
    background: none;
    font-weight: 800;
    border-bottom: 4px solid #F6D000;
    -webkit-transition: font-weight .2s ease-in-out, font-weight .2s ease;
    -moz-transition: font-weight .2s ease-in-out, font-weight .2s ease;
    transition: font-weight .2s ease-in-out, font-weight .2s ease;

}

.navbar {
    padding: 20px 0;
    /* -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out; */
    background: none;
    border-color: none !important;
    -webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
         -o-transition: all .2s ease-in;
            transition: all .2s ease-in;

}

.navbar-default {
border-color: none !important;
}

.top-nav-collapse {
    padding: 0;
    background-color: #ffffff;
    border: none;
    height: 64px;
    -webkit-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.1);

}

.top-nav-collapse li a {
    color: #999999 !important;
}


.navbar-nav > li {
    float: left;
    width: 90px;
    text-align: center;
}    

.navbar-brand{
    background: url(../img/afardiB.png);
    background-size: 59%;
    padding: 0px 32px;
    height: 80px;
    background-repeat: no-repeat;
}


.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
    width: 280px;
    margin-top: 10px;
}

   .top-nav-collapse .navbar-brand > img {
    width: 8%;
    margin-top: -3px;
    }

    .top-nav-collapse .navbar-brand{
    background: url(../img/afardiN.png);
    background-size: 38%;
    background-repeat: no-repeat;

}



.col-img{
    background: url(../img/s1.jpg)no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
    width: 50%;
    padding-bottom: 220px;
    padding-top: 220px;
}

.col-img2{
    background: url(../img/s2.jpg)no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
    width: 50%;
    padding-bottom: 220px;
    padding-top: 220px;
}

.col-img3{
    background: url(../img/s3.jpg)no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
    width: 50%;
    padding-bottom: 220px;
    padding-top: 220px;
}


.col-img4{
    background: url(../img/s4.jpg)no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
    width: 50%;
    padding-bottom: 220px;
    padding-top: 220px;
}

.col-info{
    width: 50%;
    height: 100%;
    padding-top: 7%;
    padding-left: 9%;
    padding-right: 9%;
  background: #f9f9fa; 
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
  }

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }


.p-info{
    font-size: 18px;
    text-align: left;


}


.p-intro{
    text-align: left;


}

.footer {
height: auto;
width: 100%;
float: left;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
background: rgba(22, 34, 73, 0.04);
color: #888888;
}




.img-intro {
    text-align: left;
    padding-bottom: 10px;
}

.no-top{
 margin-top: 0px !important;   
}




}