/*-------------------------------------------*/
/* section About Andishe Negar */
/*-------------------------------------------*/

.section-about-andishe-negar p { color: #FFF; }

.section-about-andishe-negar {
    background-image: url(../../img/about-us.jpg);
    position: relative;
}

/*-------------------------------------------*/
/* section services */
/*-------------------------------------------*/

.services-list i { color: #fff; }

.services-list p {
    line-height: 160%;
    color: #555;
}

.section-services img {
    width: 85%; 
    height: auto;
}

.section-services .col.span-1-of-3 { text-align: left;}

/*-------------------------------------------*/
/* section managers */
/*-------------------------------------------*/

 .section-managers  { 
     position: relative;
     padding-top: 110px; 
 }

 .team .thumbnail {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    border: 1px solid #fff;
}
.team .thumbnail:hover .social {
    z-index: 5;
}
.team .thumbnail:hover .social a {
    color:#fff;
}
.team .thumbnail .mask {
    background: #FECE1A;
}
.team .thumbnail .mask h2 {
    margin-top:20%;
}
.team .thumbnail .mask, .team .thumbnail .mask h3, .team .thumbnail .mask p, .team .thumbnail:hover h3, .team .thumbnail:hover .social a:hover {
    color:#181A17;
}
 
.thumbnail {
    width:100%;
    height:100%;
    padding:0;
    overflow: hidden;
    position: relative;
    border:0;
    border-radius:0;
    box-shadow:none;
    text-align:center;
    background: #191a1c;
  }

.thumbnail h3, 
.thumbnail p {
    margin:0;
    padding:0;
    position:relative;
    z-index:4;
}

.thumbnail p {
    text-align: center;
    margin-top: 8px; 
    padding: 0 10px;
}
.thumbnail h3 {
    color: #FECE1A;
    margin-top:10px;
    font-size:20px;
}
.thumbnail > p {
    padding-bottom:20px;
}
.thumbnail .mask {
    opacity:0.85;
    filter: alpha(opacity=85);
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background:#181A1C;
    position:absolute;

    -webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;
}
 .thumbnail:hover .mask {
        top: 0px;
}
 .thumbnail img {
     width: 100%; 
     height: auto;
 }


/*2.4 Socail icons
************/
 .social {
    list-style: none;
    float: none;
    position:relative;
    margin:5px  auto;
}
.social li {
    display:inline-block;
    line-height: 32px;
    font-family:'Porta';
    font-size: 32px;
    padding:0 5px;
}
.social li a {
    margin:0;
    padding:0;
    width:32px;
    height:32px;
    color: #FECE1A;
}
.social li a:hover {
    color:#181A1C;
}

/*-------------------------------------------*/
/* Media Queries */
/*-------------------------------------------*/

/* Small phones from: 768 to 1023px */
@media only screen and (max-width: 1023px) {    
    .section-services i { margin-left: 10px;}
}

/* Small phones to small tablests from: 481 to 767 */
@media only screen and (max-width: 767px) {

    .section-services .col {
        display: block; 
        width: 100%;
    }

    .section-services img { 
        max-width: 300px;
        margin: 8px 0;
    }
    .section-services .col.span-1-of-3 { text-align: center;}

    .section-services i { margin-left: 8px;}
}


/* Small phones from: 0 to 480px */
@media only screen and (max-width: 480px) {

    .section-services i { margin-left: 7px;}

    .section-services img { margin: 3px 0;}
}