.clear {clear: both;}
/* Team Section */

.Team-first-section{padding:6% 0;}
.Team-first-section.wpb_row, .Team-first-section .wpb_row {
    margin-bottom: 0 !important;
}

.Team-banner p { font-size: 1.2em; color: #fff;}
.team-second-section  h4 { color: #fff; text-transform: uppercase;} 


.team-member-box {
    width: 50%;
    height: 799px;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 4px solid #555555;
    position: relative;
    overflow: hidden;
    

}
.team-member-box:nth-child(1), .team-member-box:nth-child(5),.team-member-box:nth-child(9) {
    border-right: 4px solid #555555;
}

.team-member-title {
    position: absolute;
    bottom: 0;
    background: rgba(238, 88, 38, 0.80);
    width: 100%;
    padding: 10px 20px;
}

.team-member-title h3 {
    color: #fff;
    margin: 0;
    font-size: 1.5em;
    font-weight: 400;
}
.team-member-title h4 {
    color: #000;
    font-size: 1.5em;
    margin: 3px 0 0;
}

.team-member-info {
    width: 100%;
    height: 100%;
    background: rgba(238, 88, 38, 0.80);
    padding: 2.5em 2.5em;
    text-align: center;

	  display: -webkit-flex;
	  display: -moz-flex;
	  display: -ms-flexbox;
	  display: flex;

	  -webkit-align-items: center;
	  -moz-align-items: center;
	  -ms-align-items: center;
	  -o-align-items: center;
	  align-items: center;

	  -webkit-justify-content: center;
	  -moz-justify-content: center;
	  -ms-justify-content: center;
	  -o-justify-content: center;
	  justify-content: center;
}

.team-member-info h3 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 2.7em;
}
.team-member-info h4{position: relative; font-size: 1.7em;  margin-bottom: 2em; color: #000;}
.team-member-info h4:after {
    content: "";
    height: 3px;
    width: 60px;
    background: #fff;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -1em;
}
.team-other-designation p{ color: #000; font-size: 1.5em; margin-bottom: 15px; }
.team-other-designation .c-white {
    color: #fff;
}
.member-social a {
    font-size: 2em;
    color: #fff;
    margin: 0 18px;
}
.member-social a[href^="#"], .member-social a[href^="javascript"] {
    display: none;
}
.team-member-title{
    transition: all .3s linear;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;

}
.team-member-info {
    transition: all .3s linear;
    transform: translateY(-100px);
    opacity: 0;
    visibility: hidden;
}
a.know_more_btn{display: none;}



.team-info-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity:0;
    visibility: hidden;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    
}
/* .team-info-modal:target {
    opacity:1;
    pointer-events: auto;
} */

.team-info-modal > .team-info-body  
{
    width: 90%;
    position: relative;
    margin: 20% auto 0;
    padding: 20px 20px;
    border-radius: 10px;
    background: rgba(241, 90, 41, 0.80);
    /* background: -webkit-linear-gradient(#fff, #999); */
    max-height: 70vh;
   /*  min-height: 60vh; */
   /*  overflow: auto; */
   text-align: center;
}

.team-info-close {
    background: #555555;
    color: #FFFFFF;
    line-height: 39px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 38px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 50%;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    height: 38px;
    font-size: 23px;
    color: #f15a29;
}

.team-member-mobile h3 {
    color: #fff;
    font-weight: bold;
}
.team-member-mobile h4{color: #000;margin-bottom: 20px;}
.team-member-mobile h4:after {
    content: "";
    height: 3px;
    width: 60px;
    background: #fff;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -1em;
    margin-top: 8px;
}
.team-member-mobile .c-white {color: #fff;}
.team-member-mobile p {font-size: 1.1em;}
.team-member-mobile .team-other-designation p {font-size: 1.1em;}
.team-member-mobile .member-social a { color: #fff;}

.team-cont-form{display: none;     width: 100%;}


.team-cont-form input[type='text'], .team-cont-form input[type='email'] {
    width: 58%;
    display: block;
    margin-bottom: 20px;
    border: 1px solid #fff;
    color: #fff;
    height: 42px;
}



/*  ====== For portfolio =======  */
.portfolio-banner.wpb_row, .portfolio-banner .wpb_row {
    margin-bottom: 0 !important;
}
.portfolio-banner { text-align: center;}

.portfolio-banner h2 { margin-bottom: 10px; }

.portf-info {
    position: absolute;
    top: 0;
    z-index: 9;
    height: 100%;
    width: 100%;
    background: rgba(238, 88, 38, 0.80);
    color: #fff;
    padding: 8% 10%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s linear;
}
.portf-info h4{font-size:2.5rem; color: #fff;}
.portf-info .portf-desc{font-size:1rem; color: #fff; text-align: left;}

.portf-info:after {
    /*border: 1px solid rgba(255, 255, 255, .40);*/
    position: absolute;
    background: transparent;
    content: '';
   /* width: 92%;
    height: 92%;
    left: 4%;
    top: 4%;*/
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s linear;
}
.cd-gallery ul li.mix:hover .portf-info:after,
.cd-gallery ul li.mix:hover .portf-info{
    visibility: visible;
    opacity: 1;
}


ul.cd-filters .placeholder a:after {
    content: "\f107";
    font-family: FontAwesome;
    top: 1px;
    position: absolute;
    font-size: 31px;
    color: #F25A29;
    right: 14px;
}

div.acquired_label {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
    z-index: 1;
}
div.acquired_label:after {
    position: absolute;
    content: '';
    border-top: 100px solid #ee5826;
    border-left: 100px solid transparent;
    top: 0;
    right: 0;
    z-index: -1;
}
.acquired_label span {
    transform: rotate(46deg);
    display: inline-block;
    top: 26px;
    position: relative;
}
.top-portfolio-section{position: relative; font-size: 0;}
.top-portfolio-title{ background: #272b2e; padding:40px 5%;border-top: 4px solid #fff;
    border-bottom: 4px solid #fff; }
.top-portfolio-title h4{ color: #fff; text-align: center;  margin-bottom: 0; font-size: 2rem;}

.top-port-list{display: inline-block; width: 100%; /*margin-left: -4px;*/ font-size: 0;}
.top-port-list .top-port-box {
    border-left: 2px solid #fff;
    position: relative;
    width: 100%;
    float: left;
    background: #f5f5f5;
    /*height: 380px;*/
}
.top-port-list .top-port-box img {    /*width: 100%;*/
    /* height: 100%; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}

.top-port-list .top-port-box:hover .portf-info:after, .top-port-list .top-port-box:hover .portf-info {
    visibility: visible;
    opacity: 1;
}
#content{    overflow-y: hidden;}


@media only screen and (max-width: 1170px)
{
    .top-portfolio-section .top-port-box{margin-bottom: 4px !important;}
}


@media only screen and (min-width: 775px) {
    .team-member-box:hover .team-member-info {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
    }


    .team-member-box:hover .team-member-title{
        transform: translateY(100px);
        opacity: 0;
        visibility: hidden;
    }

    .top-port-list .top-port-box  {
        width: 50%;
        margin-bottom: 0;
    }

    .team-info-modal {
        opacity:0 !important;
        visibility: hidden !important;
    }

    
    .team-member-box.open_con  .team-member-info {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
    }
    .team-member-box.open_con .team-member-title{
        transform: translateY(100px);
        opacity: 0;
        visibility: hidden;
    }

    .team-member-box.open_con  .team-member-info-inner {display: none;}
    .team-member-box.open_con  .team-cont-form {
            display: block;
    }

}

@media only screen and (min-width: 1170px)
{
    .top-port-list .top-port-box {
        width: 20%;
    }
}




@media screen and (max-width: 1441px) and (min-width: 1024px)
{
	.team-member-box{height: 600px;}
	.team-member-info h3 {font-size: 2em;}
	.team-member-info h4, .team-other-designation p {font-size: 1.3em; }
}
@media screen and (max-width: 1023px) and (min-width: 600px) {
	.team-member-box{height: 650px; width: 100%}
}
@media screen and (max-width: 599px)
{
	.team-member-title h3, .team-member-title h4{font-size: 1.2em;  max-width: 60%;}

	.team-member-box{height: 540px; width: 100%}
	.team-member-info h3 {
	    margin-bottom: 5px;
	    font-size: 2em;
	}
	.team-member-info h4, .team-other-designation p {font-size: 1.3em; }
}

@media only screen and (max-width: 768px)
{
    a.know_more_btn {
        position: absolute;
        right: 16px;
        border: 2px solid #fff;
        top: 30%;
        color: #fff;
        padding: 6px 15px;
        display: inline-block;
    }
    .portf-info h4{font-size: 1rem;}
    .portf-info{padding: 6.5%;}
    .top-portfolio-section .top-port-box:nth-child(3),.top-portfolio-section .top-port-box:nth-child(4){margin-bottom: 0 !important;}
    .top-portfolio-section .top-port-box:nth-child(3){border-left: 0 !important;}
}



@media only screen and (max-width: 500px)
{
   .team-info-modal > .team-info-body{margin-top: 35%;} 
}



#footer-sub-form img.ajax-loader {
    position:  absolute;
    bottom: 0;
}

div#footer-sub-form {
    position: relative;
}