/*******************************************************
 *
 * SINGLE AGENT
 *
 *******************************************************/

.single-aios_agent #content-sidebar, 
.single-aios_agent #content-full{
    margin-top: 0;
}

.single-aios_agent  #content .entry {
    background-image: url(../../images/bg-dotted.png);
    padding-top: 2px;
}

.single-aios_agent .ip-banner canvas {
    background: url(../../images/our-team-bg.jpg) center/cover no-repeat !important;
}


.single-aios_agent .agent-info {
    display: block;
    margin-bottom: 40px;
}

/*.single-aios_agent .agent-info span {
    font-size: 17px;
    display: block;
    position: relative;
}

.single-aios_agent .agent-info span a {
    color: #333333;
    -webkit-transition: 0.3s all ease-in;
    transition: 0.3s all ease-in;
}

.single-aios_agent .agent-info span a:hover {
    color: #000;
}

.single-aios_agent em.ai-font-phone {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #000;
}

.single-aios_agent em.ai-font-envelope-f {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #000;
}*/



.ip-agents-list {
    font-size: 0;
    display: block;
    position: relative;
}

.ip-agents-item {
    display: block;
    position: relative;
    margin-bottom: 50px;
}

    .ip-agents-item .agent-photo, 
    .ip-agents-item .agent-details {
        display: inline-block;
        vertical-align: top;
    }

    .ip-agents-item .agent-photo { width: 42%; padding-top: 55px; position: relative;}

        .ip-agents-item .agent-photo .photo-wrap{
            max-width: 520px;
            width: 100%;
            position: relative;
            /*padding-bottom: 90px;*/
            background-color: #fff;
        }

        .ip-agents-item .agent-photo canvas{
            width: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        .ip-agents-item .agent-cinfo {
            position: relative;
            text-align: center;
            /*padding: 45px 0;*/
            /*background: #000;*/
            display: block;
            bottom: 0;
            z-index: 1;
            width: 100%;
            max-width: 520px;
            padding: 20px 0;
            border: 1px solid;
        }

            .ip-agents-item.right-pos .agent-cinfo {
                left: initial;
                right: 150px;
            }

            .ip-agents-item.right-pos .agent-photo .photo-wrap {
                margin-left: auto;
            }


            #content .ip-agents-item .agent-cinfo ul{
                font-weight: 300;
                font-family: 'Poppins', sans-serif;
                line-height: 1;
                letter-spacing: .050em;
                margin: 0;
            }

            .ip-agents-item .agent-cinfo li{
                display: inline-block;
                vertical-align: middle;
                padding: 5px 22px;
            }

            .ip-agents-item .agent-cinfo li:first-child{
                padding-left: 0;
            }

            .ip-agents-item .agent-cinfo li:last-child{
                padding-right: 0;
            }

            .ip-agents-item .agent-cinfo a,
            .ip-agents-item .agent-cinfo em{
                font-size: 16px;
                color: #000;
                display: inline-block;
                vertical-align: middle;
            }

            .ip-agents-item .agent-cinfo span[class^="cm-icon"],
            .ip-agents-item .agent-cinfo span[class^="ai-font"]{
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
                color: #000;
                font-weight: 500;
                font-size: 16px;
                text-transform: uppercase;
            }

            .ip-agents-item .agent-cinfo span[class^="ai-font-envelope"]{
                font-size: 13px;
            }

    .ip-agents-item .agent-details {
        width: 58%;
        background: #fff;
        padding: 50px 80px 45px 60px;
    }

        .ip-agents-item .agent-details .agent-name {
            display: block;
            padding-bottom: 40px;
            position: relative;
        }

        #content .ip-agents-item .agent-name h3,
#content .ip-agents-item .agent-name h1{
            font-size: 40px;
            color: #000;
            font-weight: 400;
            /*font-family: 'Lora', serif;*/
            font-family: 'Playfair Display', serif;
            margin: 0;
            line-height: 1;
            letter-spacing: 0;
            display: block;
            margin-bottom: 5px;
            text-transform: uppercase;
        }

        .ip-agents-item .agent-name span,
#content .ip-agents-item .agent-name h2{
            font-size: 15px;
            font-weight: 400;
            text-transform: uppercase;
            font-family: 'Poppins', sans-serif;
            display: block;
            color: #000;
            line-height: 1;
            letter-spacing: .050em;
        }

/*
        .ip-agents-item .agent-details .agent-name:after {
            content: '';
            height: 1px;
            width: 130px;
            background: #000;
            position: absolute;
            bottom: 0;
            left: -30px;
        }
*/
        .ip-agents-item .agent-desc{
            margin-bottom: 30px;
        }

            #content .ip-agents-item .agent-desc p{
                font-size: 15px;
                font-family: 'Poppins', sans-serif;
                line-height: 30px;
                letter-spacing: .025em;
                font-weight: 400;
            }




/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

@media only screen and (max-width: 1366px) {

.ip-agents-item .agent-photo {
    padding-top: 75px;
}

.ip-agents-item .agent-details {
    padding: 30px 30px 30px 50px;
}


} 

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {

.ip-agents-item .agent-cinfo {
    padding: 30px 0;
    max-width: 100%;
    width: 485px;
}

#content .ip-agents-item .agent-desc p {
    font-size: 15px;
    line-height: 24px;
}

#content .ip-agents-item .agent-name h3 {
    font-size: 32px;
}

.ip-agents-item .agent-details .agent-name {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.ip-agents-item .agent-cinfo li{
    padding: 5px 10px;
}

.ip-agents-item .agent-cinfo a, .ip-agents-item .agent-cinfo em{
    font-size: 14px;
}

} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {

.ip-agents-item .agent-photo {
    width: 100%;
    display: block;
    padding: 0;
}


.ip-agents-item .agent-cinfo,
.ip-agents-item.right-pos .agent-cinfo {
    right: 0;
    position: relative;
    width: 100%;
    left: 0;
    border: 0;
    top: 0;
}


.ip-agents-item .agent-photo .photo-wrap {
    padding: 0;
}


.ip-agents-item .agent-details {
    padding: 30px;
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.ip-agents-item .agent-details .agent-name:after {
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
}

.ip-agents-item {
    max-width: 520px;
    margin: 0 auto 30px;
}

.ip-agents-item .agent-cinfo li {
    display: block;
    padding: 0;
    margin-bottom: 10px;
}

.ip-agents-item.right-pos {
    display: flex;
    flex-direction: column-reverse;
}
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {

.ip-agents-item .agent-details {
    padding: 15px;
}

#content .ip-agents-item .agent-desc p {
    font-size: 13px;
}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {


}