@font-face{
font-family: robotoregular;
    src: url('../fonts/roboto/roboto-regular.ttf') format('truetype'), 
    url('../fonts/roboto/roboto-regular.woff') format('woff'),
    url('../fonts/roboto/roboto-regular.eot') format('eot'),
    url('../fonts/roboto/roboto-regular.svg') format('svg');
}
@font-face{
font-family: robotobolditalic;
    src: url('../fonts/roboto/roboto-blackitalic.ttf') format('truetype');    
}
@font-face{
font-family: robotomedium;
    src: url('../fonts/roboto/roboto-medium.ttf') format('truetype');    
}
@font-face{
font-family: robotolight;
    src: url('../fonts/roboto/roboto-light.ttf') format('truetype');    
}
@font-face{
font-family: robotobold;
    src: url('../fonts/roboto/roboto-bold.ttf') format('truetype');    
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../vendor/bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('../vendor/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../vendor/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../vendor/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../vendor/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.mmm-head-slider{
    background-image: url('../../../images/services/first_image.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    color:#ffffff;
    height: 12.5em;
    margin-bottom:0;
 }
 #mission-container{
   margin-top:-6em; 
   width:60%; 
   background-color: #ffffff; 
   -moz-box-shadow: 10px 10px 5px #888;
   -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 0px 0px 5px #888888;
    height:20em;
    display: none;
}
    #mission-container .mission{   
        padding:0.7em;
        text-align: left;
    }
    #what-we-do{
      background-image: url('../../../images/services/map_background.png') ; 
      background-repeat: no-repeat;
      background-size: 100%;
    }
    #what-we-do span{
        font-family: 'robotolight', sans-serif;
    }
    #where-we-work span{
        font-family: 'robotolight', sans-serif;
    }
    .what-we-do-title   span{
        font-family: 'robotolight', sans-serif;
    }
    .what-we-do-title-right   span{
        font-family: 'robotolight', sans-serif;
    }
    .service-what-we-do{
       font-family: 'robotoregular', Fallback, sans-serif;
       font-size:1.4em;
       color:#999b9d;
       padding:0 20% 0 20%;
    }
    .mmm-head-slider-we-work{
        height:15em;
    }
    #where-we-work{
        background:none;
        margin-top:1em;
        margin-bottom:0;        
    }
    #where-we-work p{
        font-family: 'robotoregular', Fallback, sans-serif;
        font-size:2em;
        color:#999b9d;
    }
    #where-we-work h1{
        font-family: 'robotoregular', Fallback, sans-serif;
        font-size:3.3em;
        color: #333333;
    }
    .where-we{
        padding-bottom: 4em;
        margin-bottom: 0;
    }
    .we-work-right{
        background-image: url('../../../images/services/right-background.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
    }

    
    .mmm-head-slider-we-work .where-point-title{   
        padding-bottom: 0.9em;
        font-family: 'robotomedium', Fallback, sans-serif;
        font-size:1.2em;
        color:#3a4449;
        text-align: left;        
    } 
    .where-facts-mob .where-point-title{   
        padding: 0 10% 0.9em 10%;
        font-family: 'robotomedium', Fallback, sans-serif;
        font-size:1.2em;
        color:#3a4449;
        text-align: left;        
    } 
    .mmm-head-slider-we-work .where-point{   
        padding-bottom: 0.9em;
        font-size:1.3em;
        text-align: left;
        color:#696969;
        font-family: 'robotoregular', Fallback, sans-serif;
    }
    .where-facts-mob .where-point{   
        padding: 0 10% 0.9em 10%;
        font-size:1.3em;
        text-align: left;
        color:#696969;
        font-family: 'robotoregular', Fallback, sans-serif;
    }    
    .mmm-head-slider-we-work .where-point-image{   
        margin-left:-3.8em;
    }   
    .mmm-head-slider-we-work .where-point-image img{   
        width:3em;
    }   
    .how-we-work-block{
        height:10em;        
    }
    .where-facts{
        display:none;
    }
    .where-facts-mob{
        display:block;
    }    
    .how-we-work-block .what-we-do-title{
        padding-bottom: 1em;
        padding-top: 1em;
        font-family: 'robotomedium', Fallback, sans-serif;
        font-size:1em;
        color:#3a4449;
        text-align: left;
        height:3.5em;
    }
      .how-we-work-block .what-we-do-title-right{
        padding-bottom: 1em;
        padding-top: 1em;
        font-size:1em;
        text-align: left;
        font-family: 'robotomedium', Fallback, sans-serif;
        color:#3a4449;
        height:3.5em;
    }    
    .how-we-work-block .what-we-do-text{
        padding-bottom: 1em;
        font-family: 'robotoregular', Fallback, sans-serif;
        font-size:0.9em;
        color:#3a4449;
        text-align: left;
    }
    .how-we-work-block .w-d-img img{
            display:none;
    } 

    .how-we-work-block .what-we-do-img{
            margin-left: -1em; 
            width:10%;
            display:none;
    }
    .how-we-work-block .what-we-do-img-right{
        width:10%;
        display:none;
    }  
    #our-history {
     margin-bottom: 0em;   
    }
    .mmm-head-slider-3{
        background-image: url('../../../images/services/fourth_image.jpg');
    }
    .services-main{
        font-family: 'robotoregular', Fallback, sans-serif;
        font-size:1em;
        color: #333333;
    }  
    .where-facts-mob .where-point-image{
        width:40%;
        margin: 0 30% 5% 30%;
    }
    img.what-img{
        margin-left: -2em;
    }
    .orange-bullet-left{       
        color: #FC6501;
        font-size: 3em;
    }
    .orange-bullet-left div{       
        position:absolute;
        margin-top:-7px;
    }    
    .orange-bullet-right{
        color: #FC6501;
        font-size: 3em;
    }
    .orange-bullet-right div{       
        position:absolute;
        margin-top :-7px;
        margin-left:-7px;
    }     
    
    @media (min-width: 640px) {
        .mmm-head-slider{
            height: 22em;
        }
    }
    @media (min-width: 768px) {
        .where-facts-mob .container{
            padding: 0 10% 0 10%;
        }
        .where-facts-mob .hist-abstract{
            width:10%;
        }
        .where-facts-mob .hist-abstract .where-point-image{
            width:100%;
            margin: 0;
        }        
        .where-facts-mob .where-point-title{
            width:30%;
            padding: 0 2% 0.9em 2%;
        }
        .where-facts-mob .where-point{
            width:60%;
            padding: 0 2% 0.9em 2%;
        }
        
        
    } 

 @media (min-width: 960px) {
     
    .mmm-head-slider{
    height: 33.6em;
    }
    .how-we-work-block .w-d-img img{
            display:block;
    }   
   #mission-container{
        margin-top:-2em; 
        width:60%; 
        height:4.4em;
        display:block;
    }
    #mission-container .mission{   
        padding:0.7em;
    }
    .services-main{
        font-family: 'robotoregular', Fallback, sans-serif;
        font-size:1em;
        color: #333333;
    }
    .service-what-we-do{
        font-size:1.4em;
    }
    
    .mmm-head-slider-we-work{
        height:40em;
    }
    #where-we-work{
        margin-top:1em;
        margin-bottom:0;
    }
    #where-we-work p{
        font-size:2em;
    }
    .mmm-head-slider-we-work .where-point-title{   
        padding-bottom: 0.9em;
        font-size:1.2em;   
    } 
    .mmm-head-slider-we-work .where-point{   
        padding-bottom: 0.9em;
        font-size:1.3em;
        text-align: left;
    } 
    .mmm-head-slider-we-work .where-point-image{   
        margin-left:-3.8em;
    }
    .mmm-head-slider-we-work .where-point-image img{   
        width:3em;
    }  
    .how-we-work-block{
        height:10em;
    }
    .how-we-work-block .what-we-do-title{
        padding-bottom: 1em;
        padding-top: 1em;
        font-size:1em;
        text-align: right;
    }
    .how-we-work-block .what-we-do-text{
        padding-bottom: 1em;
        font-size:0.9em;
        text-align: right;
    }
    .how-we-work-block .what-we-do-img{
            margin-left: -1em;   
            display: block;
    }
    .how-we-work-block .what-we-do-img-right{
            display: block;
    }
    .mmm-head-slider .col-sm-2 {
        font-size: 0.35em;
    }
 }
 @media (min-width: 1280px) {
    .mmm-head-slider {
        height: 44.7em;
    }    
}
 @media (min-width: 1366px) {
    .where-facts{
        display:block;
    }
    .where-facts-mob{
        display:none;
    }   
    .mmm-head-slider {
        height: 47.7em;
    }
    #mission-container{
        height:4.7em;
    }
    
 }
  @media (min-width: 1400px) {
      
    .mmm-head-slider{
        height: 37em;
    }
    #mission-container{
       margin-top:-2em; 
       width:60%; 
       height: 4em;
    }
    #mission-container .mission{   
        padding:0.7em;
    }
    .service-what-we-do{
        font-size:1em;
        margin-bottom:3em;
    }
    #what-we-do-container{
        width:70%;
        margin: 0 15% 4em 15%;
    }    
    #what-we-do-container .col-sm-1{
        padding-right: 3em;
    }
    .mmm-head-slider-we-work{
        height:31em;
        width: 70%;
        margin: 0 15% 4em 15%;
    }
    #where-we-work{
    margin-top:1em;
    margin-bottom:0;
}
    #where-we-work p{
        font-size:1.4em;
    }
    .where-we{
        padding-bottom: 4em;
        margin-bottom: 0;
    }
    .mmm-head-slider-we-work .where-point-title{   
        padding-top: 0.7em;
        padding-bottom: 1em;
        font-size:1em;
        text-align: left;        
    } 
    .mmm-head-slider-we-work .where-point{   
        padding-bottom: 0.7em;
        font-size:0.9em;
        text-align: left;
    } 
    .mmm-head-slider-we-work .where-point-image{   
        margin-left:-3.8em;
    }
    .mmm-head-slider-we-work .where-point-image img{   
        width:4em;
    } 
    .how-we-work-block{
        height:10em;
    }
    .how-we-work-block .what-we-do-title{
        padding-bottom: 1em;
        padding-top: 1em;
        font-size:1em;
        text-align: right;
    }
    .how-we-work-block .what-we-do-text{
        padding-bottom: 1em;
        font-size:0.9em;
        text-align: right;
    }
    .how-we-work-block .what-we-do-img{
            margin-left: -1em;
            margin-top: 0.7em;            
    }
        .how-we-work-block img{
            width: 2.7em;                        
    }
      .how-we-work-block .what-we-do-title-right{
        padding-bottom: 1em;
        padding-top: 1em;
        font-size:1em;
        text-align: left;
        font-family: 'robotomedium', Fallback, sans-serif;
        color:#3a4449;
    }
    .how-we-work-block .what-we-do-text-right{
        padding-bottom: 1em;
        font-size:0.9em;
        text-align: left;
        font-family: 'robotoregular', Fallback, sans-serif;
        color:#3a4449;        
    }
    .how-we-work-block .what-we-do-img-right{
            margin-left: -1.5em;
            margin-top: 0.7em;            
    }
    .services-main{
        font-family: 'robotoregular', Fallback, sans-serif;
        font-size:1em;
        color: #333333;
    }
    img.what-img{
        margin-left: 0;
    }
 }
 @media (min-width: 1790px) {
 
    .mmm-head-slider {
        height: 46.5em;
    }
}
@media (min-width: 1915px) {
    .mmm-head-slider {
        height: 50em;
    }
}
@media (min-width: 2250px) {
    .mmm-head-slider {
        height: 58em;
    }
}
#contacts h1 {
    font-family: 'robotoregular', Fallback, sans-serif;
    font-size: 3.3em;
    color: #333333;
}
#contacts .contact-abstract {
    color: #999b9d;
    font-family: "robotoregular",Fallback,sans-serif;
    font-size: 1em;
    width: 60%;
    margin: 0 20% 2em 20%;
    text-align: left;
}
.jumbotron .container.contacts-main {
    width: 80%;
    margin: 0 10% 0 10%;
}
#contacts .txt {
    color: #3d3b3b;
    font-family: "robotomedium",Fallback,sans-serif;
    font-size: 1em;
    text-align: left;
}
#contacts .cont-title {
    font-size: 1.5em;
    color: #3d3b3b;
    font-family: "robotomedium",Fallback,sans-serif;
    margin-bottom: 1.5em;
}
#contacts .conts-lower {
    margin-bottom: 1.5em;
    margin-left: 3em;
}
#contacts .conts-lower .head-lower {
    font-size: 1em;
    color: #FC6501;
    font-family: "robotomedium",Fallback,sans-serif;
    margin-bottom: 0.7em;
    margin-top: 0.7em;
}
#contacts .conts-lower .descrip-lower {
    color: #9b9999;
    margin-bottom: 0.7em;
}
#contacts .txt {
    color: #3d3b3b;
    font-family: "robotomedium",Fallback,sans-serif;
    font-size: 1em;
    text-align: left;
}
#contacts .conts-lower .descrip-lower {
    color: #9b9999;
    margin-bottom: 0.7em;
}
#contacts .conts-lower .head-lower {
    font-size: 1em;
    color: #FC6501;
    font-family: "robotomedium",Fallback,sans-serif;
    margin-bottom: 0.7em;
    margin-top: 0.7em;
}
#contacts p {
    font-size: 1.4em;
    color: #999b9d;
    font-family: "robotoregular",Fallback,sans-serif;
}
#contacts h1 {
    font-family: 'robotoregular', Fallback, sans-serif;
    font-size: 3.3em;
    color: #333333;
}
.back-form {
    width: 40%;
    margin: 0 30% 0 30%;
    text-align: center;
}
#contacts input.contacts-input {
    height: 3em;
    width: 90%;
    margin-top: 1.1em;
    padding-left: 0.5em;
    background-color: #eeeeee;
    border: none;
}
#contacts select.contacts-input {
    height: 3em;
    width: 90%;
    margin-top: 1.1em;
    padding-left: 0.5em;
    background-color: #eeeeee;
    border: none;
    color: #999;
}
#contacts select.contacts-input option{
    color: #999;
}
#contacts textarea.contacts-input {
    height: 6em;
    width: 90%;
    margin-bottom: 0.5em;
    margin-top: 1.1em;
    padding-left: 0.5em;
}
#contacts .contacts-input {
    background-color: #eeeeee;
    border: none;
}

#contacts .send-message-button {
    color: #ffffff;
    font-family: "robotobold",Fallback,sans-serif;
    background-color: #FC6501;
    border: 1px #FC6501 solid;
    border-radius: 25px;
    padding: 1.1em;
    width: 30%;
    margin: 21px 35% 0 35%;
    font-size: 0.7em;
    text-align: center;
    cursor: pointer;
}
@media (max-width: 454px) {
    #contacts .send-message-button {
        width: 40%;
        margin: 21px 30% 0 30%;
    }
}

.jumbotron .row.contact-table-row{
    width: 80%;
    margin: 0 10%;
}

#contacts .contact-table-row h1.get-touch-title {
    font-family: 'robotolight', Fallback, sans-serif;
    font-size: 3.1em;
    color: #333333;
    text-transform: capitalize;
    margin-left: 9px;
}
@media (max-width: 450px) {
    #contacts .contact-table-row h1.get-touch-title {
        font-size: 2.7em;
    }
}


#contacts .contact-table-row .get-touch-subtitle {
    font-size: 16px;    
    text-transform: uppercase;
    color: #999b9d;
    font-family: "robotoregular",Fallback,sans-serif;
    margin: 14px 0 21px 9px;
}
#contacts .contact-table-row .get-touch-introtext {
    font-size: 16px;    
    color: #999b9d;
    font-family: "robotoregular",Fallback,sans-serif;
    padding: 3px;
}
#contacts .contact-table-row .get-touch-address {
    margin-top: 21px;
}
#contacts .contact-table-row .row.contact-back-form {
    margin-top: 118px;
}
.map-section .jumbotron.map-title{
    background-color: #fff;
    margin-bottom: 0;
    padding-bottom: 37px;
}

.map-section .jumbotron.map-title h1.get-touch-title{
    font-family: 'robotolight', Fallback, sans-serif;
    font-size: 3.1em;
    color: #333333;
    text-transform: capitalize;
    margin-left: 9px;
    text-align:left;   
}
.cz_social{
    margin-top: 49px;
}
.cz_social a{
    font-size: 30px;
    color: #666666;
    background-color: rgba(254,136,2,0.08);
    margin-right: 4px;
    border-radius: 4px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 31px;
    width: 63px;
    height: 63px;
    line-height: 2em;
}
.cz_social a:hover{
    text-decoration: none;
    color: #fff;
}
.cz-facebook:hover{
    background-color: #3f63b5;
}
.cz-instagram:hover{
    background-color: darkorchid;
}
.cz-youtube:hover{
    background-color: #e52d27;
}
.cz-twitter:hover{
    background-color: #459bd9;
}
.cz-linkedin:hover{
    background-color: #1d8cb5;
}
.soc-label{
    background-color: #fc6501;
    position: absolute;
    color:#fff;
    margin-top: -25px;
    padding: 3px;
    font-size: 12px;
    font-family: 'robotolight', Fallback, sans-serif;
    border-radius: 3px;
    display:none;
}