/*******************************************************

 *

 * Agent

 *

 *******************************************************/


.ip-banner, p#breadcrumbs{
    display: none;
}


#inner-page-wrapper {

    margin-bottom: 0;

}

#inner-page-wrapper > .container {

    width: 100%;

    padding: 0;

}



.agent-det-canvas {

    position: relative;

}

.agent-det-canvas canvas {

    display: block;

    width: 100%;

    height: auto;

}

.agent-det-canvas img {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    object-fit: cover;

    transition: 0.3s;

}





/* Meet */

.agent-det-meet {

    padding: 20px;

    position: relative;

}

.agent-det-meet .gsite-accent {

    width: 34.81%;

    top: 0;

    right: 0;

}

.agent-det-meet-inner {

    display: flex;

    align-items: center;

}

.agent-det-meet-left {

    width: calc((620 / 1560)* 100%);

    position: relative;

    box-shadow: 0 0 30px #666;

}

.agent-det-meet-video {

    position: absolute;

    bottom: 38px;

    right: -26px;

    /* background: linear-gradient(135deg, rgba(0, 71, 49, 1) 34%, rgba(197, 150, 56, 1) 100%); */
    background: rgba(var(--primary-color), 0.9) !important;
}

.agent-det-meet-video a {

    display: block;

}

.agent-det-meet-video-thumb img {

    padding: 11px;

}

.play-btn {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    display: flex;

    align-items: center;

    justify-content: center;

    width: 112px;

    height: 112px;

    border-radius: 50%;

    border: 2px solid #fff;

    color: #fff;

    font-size: 29px;

}

.play-btn::before {

    position: absolute;

    content: '';

    width: calc(100% + 14px);

    height: calc(100% + 14px);

    border-radius: 50%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border: 1px solid #fff;

    opacity: 0.7;

}

.play-btn i {

    display: block;

    transform: rotateX(37deg);

    margin-left: 5px;

}

.agent-det-meet-right {

    width: calc(100% - calc((620 / 1560)* 100%));

    padding: 0 clamp(20px,5vw,80px) 0 clamp(20px,4.6875vw,75px);

}

.agent-det-meet-role {

    text-transform: uppercase;

    font-family: var(--font-family-title);

    font-size: 24px;

    padding: 10px 0;

    letter-spacing: 0.05em;

}

.agent-det-meet-info {

    display: flex;

    align-items: center;

    padding: 29px 0px 29px clamp(20px,2.5vw,40px);

    position: relative;

    margin-top: 17px;

}

.agent-det-meet-info:before {

    position: absolute;

    content: '';

    width: 130%;

    height: 100%;

    top: 0;

    left: 0;

    background: linear-gradient(90deg, #29623e, #004731);

}

.agent-det-meet-info > div {

    margin-right: clamp(20px,3.125vw,50px);

}

.agent-det-meet-info div a {

    font-size: clamp(13px,1.125vw,18px);

    font-family: var(--font-family-title);

    letter-spacing: 0.05em;

    transition: 0.3s;

    color: #fff;

    position: relative;

}

.agent-det-meet-info div i {

    color: #fff;

    display: inline-block;

    margin-right: 12px

}

.agent-det-meet-email i {

    font-size: 14px;

}

.agent-det-meet-smi a {

    margin: 0 clamp(7px,1.125vw,18px);

}

.agent-det-meet-smi a:first-child {

    margin-left: 0;

}

.agent-det-meet-smi {

    display: flex;

    align-items: center;

}

.agent-det-meet-smi i {

    margin: 0 !important;

    font-size: clamp(13px, 1.125vw, 18px) !important;

}

.agent-det-meet-info div a:hover {

    opacity: 0.7;

}

.agent-det-meet-desc p {

    letter-spacing: 0.044em;

    line-height: 1.8;

    margin: 22px 0;

}





/* Testimonials */

.agent-det-testi {

    padding: 0 20px;

    position: relative;

}

.agent-det-testi .gsite-accent {

    top: 56%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 33.81%;

}

.agent-det-testi-inner {

    width: 100%;

    max-width: 1370px;

    margin: 0 auto;

    padding: 120px 0 90px;

}

.agent-det-testi-title {

    text-align: center;

}

.agent-det-testi-caption {

    width: 100%;

    max-width: 800px;

    margin: 0 auto;

    padding: 30px 0;

}

.agent-det-testi-caption p {

    font-size: 18px;

    font-family: var(--font-family-title);

    text-align: center;

    line-height: 1.7;

    letter-spacing: 0.025em;

}

.agent-det-testi-slider {

    position: relative;

    padding: 0 120px;

}

.agent-det-testi-slides {

    width: 100%;

    max-width: 900px;

    margin: 0 auto;

}

.agent-det-test-slide p {

    letter-spacing: 0.025em;

    font-size: 14px;

    text-align: center;

    line-height: 1.7;

}

.testi-name {

    display: flex;

    align-items: center;

    font-size: 18px;

    font-family: var(--font-family-title);

    letter-spacing: 0.1em;

    font-weight: 500;

    color: var(--font-color-title);

    justify-content: center;

    margin-top: 50px;

}

.testi-name img {

    margin-right: 17px;

}

.agent-det-testi-navi button {

    position: absolute;

    top: 28%;

    transform: translateY(-50%);

    left: 0;

}

.agent-det-testi-navi button.next {

    left: auto;

    right: 0;

}

.agent-det-testi-btn .gsite-button {

    width: 315px;

}

.agent-det-testi-btn {

    text-align: center;

    margin-top: 50px;

} 

.agent-det-testi-slides:not(.slick-initialized) .agent-det-test-slide:nth-child(n+2) {

    display: none !important;

}



/* Team */



.agent-det-team {

    padding: 0 50px;

    position: relative;

}

.agent-det-team .gsite-bg:before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #fff;

    opacity: 0.8;

}

.agent-det-team .gsite-bg:after {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: linear-gradient(180deg, #fff, #fff, transparent);

}

.agent-det-team-inner {

    width: 100%;

    max-width: 1290px;

    margin: 0 auto;

    display: flex;

    padding: 90px 0 180px;

    position: relative;

}

.agent-det-team-left {

    width: calc((615 / 1290)* 100%);

    padding-right: 74px;

}

.agent-det-team-desc p {

    letter-spacing: 0.025em;

    line-height: 1.8;

    margin: 22px 0;

    font-size: 14px;

}

.agent-det-team-btn {

    padding-top: 17px;

}





.agent-det-team-right {

    width: calc(100% - calc((615 / 1290)* 100%));

}

.agent-det-team-slider {

    position: relative;

}



.agent-det-team-slider .slick-slide > div {

    margin: 0 7px;

}

.agent-det-team-slider .slick-list {

    margin: 0 -7px;

}

.agent-det-team-slide {

    position: relative;

}

.agent-det-team-slide a{

    display: block;

}

.agent-det-team-info {

    position: absolute;

    bottom: 12%;

    z-index: 2;

    padding: 20px;

    /* background: linear-gradient(-90deg, rgba(204, 176, 74, 0.5) 0%, rgba(0, 71, 49, 1) 61%, rgb(0, 71, 49)); */
    background: rgba(var(--primary-color), 0.9);
    width: 100%;

}

.agent-det-team-info span {

    text-transform: uppercase;

    color: #fff;

    font-size: 20px;

    font-family: var(--font-family-title);

    letter-spacing: 0.02em;

    display: block;

}

.agent-det-team-info small {

    display: block;

    text-transform: uppercase;

    color: #fff;

    letter-spacing: 0.025em;

    margin-top: 0px;

    font-size: 0;

    transition: 0.3s;

}

.agent-det-team-slide:hover .agent-det-team-info small {

    font-size: 14px;

    margin-top: 6px;

}

.agent-det-team-navi button {

    position: absolute;

    top: 91%;

    right: -5%;

}

.agent-det-team-slide:hover .agent-det-team-thumb img {

    filter: grayscale(1);

}

.agent-det-team-thumb:before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    border: 5px solid rgba(var(--primary-color), 1);

    -o-border-image: var(--gradient-3) 2;

    border-image: var(--gradient-3) 2;

    z-index: 2;

    transition: 0.3s;

    opacity: 0;

}

.agent-det-team-slide:hover .agent-det-team-thumb:before {

    opacity: 1;

}



.agent-det-team-slides:not(.slick-initialized) .agent-det-team-slide:nth-child(n+2) ~ div {

    display: none !important;

}

/* Contact Form */



.agent-det-contact {

    padding: 0 20px;

    position: relative;

}

.agent-det-contact .gsite-bg canvas {

    background-attachment: fixed;

    filter: grayscale(1);

    opacity: 0.2;

}

.agent-det-contact .gsite-bg::before {

    z-index: 1;

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: linear-gradient(180deg, #fff, #fff, transparent);

}



.agent-det-contact-inner {

    width: 100%;

    max-width: 1360px;

    margin: 0 auto;

    display: flex;

    padding: 170px 0 150px;

    position: relative;

    z-index: 2;

}



.agent-det-contact-right {

    width: calc((665 / 1360)* 100%);

}

.agent-det-contact-left {

    width: calc(100% - calc((665 / 1360)* 100%));

    padding: 0 30px;

}

.agent-det-contact-desc {

    padding-right: 100px;

}

.agent-det-contact-desc p {

    font-size: 16px;

    letter-spacing: 0.025em;

    line-height: 1.7;

    margin: 19px 0;

}

.agent-git-field input, .agent-git-field textarea {

    text-transform: uppercase;

    font-size: 15px;

    letter-spacing: 0.1em;

    background: none;

    border: 1px solid #999;

    width: 100%;

    height: 64px;

    padding: 10px 15px;

    outline: none;

}

.agent-git-field textarea {

    resize: none;

    height: 240px;

    padding: 20px 15px;

}

.agent-git-field {

    margin-bottom: 13px;

    width: 48.7%;

}

.agent-git-fields {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.agent-git-field.field-lg {

    width: 100%;

    margin: 0;

}

.agent-det-contact-form form {

    position: relative;

}

.agent-git-sumbit button {

    background: none;

    border: none;

    font-size: 28px;

}

.agent-git-sumbit {

    position: absolute;

    bottom: 7%;

    right: 22px;

}

.agent-git-sumbit .wpcf7-spinner {

    position: absolute;

}

.agent-det-contact-form .wpcf7-response-output {

    position: absolute;

    width: 100%;

    margin: 0 !important;

    top: 103%;

}





.footer .gsite-bg canvas {

    background-attachment: fixed;

}





.safari-true .footer .gsite-bg canvas {

    background-attachment: scroll;

}

div#agent-det-scroll {

    position: fixed;

    z-index: 20;

    padding: 0 60px;

    top: 50%;

    transform: translateY(-50%);

}



#agent-det-scroll ul li {

    display: none;

    font-family: var(--font-family-title);

    font-size: 13px;

    font-weight: 500;

    color: #454545;

    letter-spacing: 0.15em;

    text-transform: uppercase;

    writing-mode: vertical-lr;

    transform: scale(-1);

    align-items: center;

}

#agent-det-scroll.agent-det-meet-scroll ul li#agent-det-meet {

    color: #fff;

}

#agent-det-scroll ul li em {

    display: block;

    width: 1px;

    height: 78px;

    background: rgba(var(--secondary-color), 1);

    margin: 20px 0;

}

#agent-det-scroll ul li small {

    font-family: var(--font-family-default);

}

#agent-det-scroll.agent-det-meet-scroll ul li#agent-det-meet,

#agent-det-scroll.agent-det-testi-scroll ul li#agent-det-testi,

#agent-det-scroll.agent-det-team-scroll ul li#agent-det-team,

#agent-det-scroll.agent-det-contact-scroll ul li#agent-det-contact {

    display: flex !important;

}

div#agent-det-scroll {

    position: fixed;

    z-index: 20;

}



/*******************************************************

 *

 * Mobile styles and other media queries

 *

 *******************************************************/


@media only screen and (min-width: 992px) {
    .ip-container #main-wrapper {
        padding-top: 10.417vw;
    }

    .header {
        background: rgba(var(--primary-color), 0.9);
        padding: 4px 0;
    }
    
    .header .header-logo a img {
        width: 215px;
    }
    
    .header .header-logo a img.dh-logo {
        opacity: 0;
    }
    
    .header .header-logo a img.fh-logo {
        opacity: 1;
    }
    
    .header .site-navi>li>.sub-menu {
        padding-top: 42px;
    }
}
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 

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

   .footer .gsite-bg canvas {

        background-attachment: scroll;

    }

    .agent-det-meet-info {

        padding: 20px ;

    }

    .agent-det-meet-info > div {

        margin-right: 19px;

    }

    .agent-det-meet-right {

        padding: 0 20px 0 40px;

    }

    .agent-det-meet-info div i {

        font-size: 10px;

        margin-right: 5px;

    }

    .agent-det-meet-info div a {

        font-size: 12px;

    }

    .agent-det-team-info span {

        font-size: 15px;

    }

    .agent-det-team-slide:hover .agent-det-team-info small {

        font-size: 11px;

    }

} 



/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 

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

	

    .agent-det-meet-inner {

        flex-direction: column;

    }

    .agent-det-meet-left {

        width: 100%;

        max-width: 600px;

    }

    .agent-det-meet-video {

        position: relative;

        right: auto;

        bottom: auto;

    }

    .agent-det-meet-right {

        padding: 0;

        width: 100%;

        padding: 50px 0;

    }

    .agent-det-meet-title,

    .agent-det-meet-role {

        text-align: center;

    }

    .agent-det-meet-info:before {

        width: 100%;

    }

    .agent-det-meet-info {

        flex-direction: column;

    }

    .agent-det-meet-info > div {

        margin: 5px 0;

    }

    .agent-det-meet-info div a {

        font-size: 15px;

    }

    .agent-det-meet-info div i {

        font-size: 12px;

    }

    .agent-det-meet-smi i {

        font-size: 22px !important;

    }

    .agent-det-meet-smi a {

        margin: 0 10px !important;

    }

    .agent-det-meet-desc p {

        text-align: center;

    }

    .agent-det-testi-inner {

        padding: 10px 0 50px;

    }

    .agent-det-testi-navi button {

        position: relative;

        left: auto;

        right: auto;

        top: auto;

        transform: none;

        margin: 0 10px;

    }

    .agent-det-testi-navi {

        display: flex;

        justify-content: center;

        padding-top: 40px;

    }

    .agent-det-testi-slider {

        padding: 0;

    }

    .agent-det-team-inner {

        display: block;

        padding: 35px 0;

    }

    .agent-det-team-left {

        padding: 0;

        text-align: center;

        width: 100%;

    }

    .agent-det-team-right {

        width: 100%;

        max-width: 600px;

        margin: 0 auto;

        padding-top: 30px;

    }

    .agent-det-team-navi button {

        position: relative;

        top: auto;

        right: auto;

        margin: 0 10px;

    }

    .agent-det-team-navi button.prev {

        display: flex !important;

    }

    .agent-det-team-navi {

        display: flex;

        justify-content: center;

        margin-top: 40px;

    }

    .agent-det-team-btn {

        text-align: center;

        padding-top: 50px;

    }

    .agent-det-team-info {

        bottom: 0;

    }

    .agent-det-team-info small {

        font-size: 14px !important;

        margin-top: 6px !important;

    }

    .agent-det-team-slides:not(.slick-initialized) .agent-det-team-slide:nth-child(n+2){

        display: none !important;

    }

    .agent-det-team-info span {

        font-size: 20px;

    }

    .agent-det-team-info {

        text-align: center;

        padding: 20px 10px;

    }

    .agent-det-team {

        padding: 0 20px;

    }

    .agent-det-contact-inner {

        display: block;

        padding: 50px 0

    }

    .agent-det-contact-left {

        padding: 0;

        text-align: center;

        width: 100%;

    }

    .agent-det-contact-desc {

        padding: 0;

    }

    .agent-det-contact-right {

        width: 100%;

        max-width: 600px;

        margin: 0 auto;

    }

    .agent-git-field {

        width: 100%;

    }

    #agent-det-scroll {

        display: none;

    }







} 



/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 

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



}



/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 

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

    .agent-det-testi-title .gsite-title {

        font-size: 34px;

    }

}