/* fonts style start */
@font-face {
    font-family: 'Georgia Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts-HTML/georgia/georgia.woff') format('woff');
}

@font-face {
    font-family: 'Brandon_lgt';
    src: url('../../fonts-HTML/Brandonlight/brandongrotesquelight.eot');
    src: url('../../fonts-HTML/Brandonlight//brandongrotesquelight.eot') format('embedded-opentype'),
    url('../../fonts-HTML/Brandonlight//brandongrotesquelight.woff2') format('woff2'),
    url('../../fonts-HTML/Brandonlight//brandongrotesquelight.woff') format('woff'),
    url('../../fonts-HTML/Brandonlight//brandongrotesquelight.ttf') format('truetype'),
    url('../../fonts-HTML/Brandonlight//brandongrotesquelight.svg#brandongrotesquelight') format('svg');
}

@font-face {
    font-family: 'Brandon_reg';
    src: url('../../fonts-HTML/Brandonregular/Brandon_reg.eot');
    src: url('../../fonts-HTML/Brandonregular/Brandon_reg.eot') format('embedded-opentype'),
    url('../../fonts-HTML/Brandonregular/Brandon_reg.woff2') format('woff2'),
    url('../../fonts-HTML/Brandonregular/Brandon_reg.woff') format('woff'),
    url('../../fonts-HTML/Brandonregular/Brandon_reg.ttf') format('truetype'),
    url('../../fonts-HTML/Brandonregular/Brandon_reg.svg#Brandon_reg') format('svg');
}

@font-face {
    font-family: 'Brandon_med';
    src: url('../../fonts-HTML/Brandonmedium/Brandon_med.eot');
    src: url('../../fonts-HTML/Brandonmedium/Brandon_med.eot') format('embedded-opentype'),
    url('../../fonts-HTML/Brandonmedium/Brandon_med.woff2') format('woff2'),
    url('../../fonts-HTML/Brandonmedium/Brandon_med.woff') format('woff'),
    url('../../fonts-HTML/Brandonmedium/Brandon_med.ttf') format('truetype'),
    url('../../fonts-HTML/Brandonmedium/Brandon_med.svg#Brandon_med') format('svg');
}

/* fonts style end */
/* header style start */
.Header-section {
    border-bottom: 2px solid #cecece;
}

.user-name-title {
    font-size: 25px;
    color: #00337c;
    font-family: 'Georgia Regular';
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 353px;
}

.iframtitle .user-name-title {
    font-size: 22px;
}

.navbar-brand .sub-title {
    font-size: 12px;
    color: #7d7d7d;
    font-family: 'Georgia Regular';
    margin-left: 5px;
}

.Header-section #collapsibleNavbar {
    position: relative;
    top: 10px;
}

.Header-section .nav-item .nav-link {
    text-transform: uppercase;
    padding: 8px 13px 15px 14px;
    font-family: 'Brandon_med';
    font-size: 14px;
    color: #00337c;
    cursor: pointer;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #00337c;
}

.Header-section .nav-item .nav-link.active {
    color: #94bf27;
}

@media (min-width: 1167px) and (max-width: 1250px) {
    .Header-section .nav-item .nav-link {
        padding: 8px 12px 15px 12px;
    }
}

@media (min-width: 992px) and (max-width: 1166px) {
    .Header-section .nav-item .nav-link {
        padding: 8px 8px 15px 2px;
        font-size: 13px;
    }

    .iframtitle .user-name-title {
        max-width: 206px !important;
    }
}

@media (min-width: 1600px) {
    .user-name-title {
        max-width: 420px;
    }
}

@media (min-width: 992px) {
    .Header-section ul.navbar-nav {
        align-items: center;
    }

    .Header-section .navbar-collapse {
        position: relative;
        top: 12px;
    }

    .mobile-agency-head, .mobile-close {
        display: none;
    }

    .Header-section {
        position: relative;
        background: #fff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: position 10s;
        -ms-transition: position 10s;
        -o-transition: position 10s;
        transition: all 0.5s ease;
    }

    .headerstick {
        position: fixed;
        z-index: 999;
        top: 0px;
        left: 0px;
        width: 100%;
        background: #fff;
        animation: smoothScroll 0.5s forwards;
    }

    @keyframes smoothScroll {
        0% {
            transform: translateY(-40px);
        }
        100% {
            transform: translateY(0px);
        }
    }
}

@media (max-width: 1300px) {
    .user-name-title {
        max-width: 245px;
    }

    .iframtitle .user-name-title {
        max-width: 340px !important;
    }
}

@media (max-width: 1199px) {
    .user-name-title {
        max-width: 230px;
    }

    .iframtitle .user-name-title {
        max-width: 270px !important;
    }
}

@media (max-width: 991px) {
    .mobile-agency {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .mobile-agency .navbar-brand {
        margin: 0px;
    }

    .mobile-agency-head {
        float: right;
        margin-top: 1rem;
    }

    .mobile-nav {
        display: none;
    }

    .Header-section {
        border-bottom: 0px solid #cecece;
    }

    .mobile-nav.clickremove {
        display: block;
        position: absolute;
        left: 0px;
        background-color: #fff;
        top: 0px;
        width: 100%;
        height: 105vh;
        z-index: 9999;
        padding-top: 6rem
    }

    .mobile-nav .mobile-item {
        display: none;
    }

    .mobile-close {
        text-align: right;
        padding-right: 6rem;
    }

    body.over-hide {
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .Header-section .navbar {
        display: block;
    }

    .Header-section .navbar, .sub-header {
        padding: .5rem 0.5rem !important;
    }

    .navbar-brand .sub-title {
        font-size: 12px;
    }

    .Header-section .navbar-brand {
        margin: 0px;
    }

    .mobile-close {
        padding-right: 3rem;
    }

    .Header-section.width_common a.mt-1.navbar-brand {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .mobile-agency-head {
        float: none;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0rem;
    }
}

@media (max-width: 574px) {
    .Header-section .navbar .navbar-brand img {
        width: 75px;
    }

    .Header-section.width_common a.mt-1.navbar-brand {
        display: block !important;
    }

    .navbar-brand .sub-title {
        width: 100%;
        display: block;
    }

    .user-name-title {
        font-size: 28px;
        display: block;
        margin: auto;
    }
}

@media (max-width: 380px) {
    .mobile-agency-head img {
        width: 96px;
        position: relative;
        top: 8px;
    }
}

/* header style end */

/* sub header style start */
.sub-header ul {
    padding: 15px 3px 0px 3px;
    margin: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sub-header ul li a {
    padding: 0px 15px;
    padding-bottom: 5px;
}

.audio-video a span:last-child {
    padding-bottom: 5px;
}

.sub-header a {
    font-size: 14px;
    color: #7d7d7d;
    font-family: 'Brandon_med';
}

.sub-header a:hover {
    text-decoration: none;
}

.play-circle img {
    vertical-align: bottom;
}

.audio-video {
    position: relative;
    cursor: pointer;
    width: 200px !important;
}

.audio-video a:after {
    content: ' \007C';
    position: absolute;
    right: -4.1rem;
    font-size: 32px;
    top: -14px;
}

.sub-list a.active, .audio-video a.active span:last-child {
    border-bottom: 2px solid #94BF27;
}

@media (min-width: 1367px) and (max-width: 1700px) {
    .audio-video a:after {
        right: -2rem;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .audio-video a:after {
        right: -1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .audio-video a:after {
        right: 0rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sub-header {
        padding: .5rem 1rem !important;
    }
}

@media (min-width: 992px) {
    .mobile-list, .mobile-subheader {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .sub-header ul li a {
        padding: 0px 6px;
    }

    .audio-video, .sub-list {
        display: none;
    }

    .sub-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 2px solid #cecece;
    }

    .select2-container {
        width: 100% !important;
    }
    .select2-dropdown {
        width: auto !important;
        max-width: 100% !important;
    }

    /*.select2-container--default .select2-selection--single {*/
    /*    width: 150px;*/
    /*    height: 30px !important;*/
    /*    border: 1px solid #707070 !important;*/
    /*    border-radius: 0px !important;*/
    /*    position: relative;*/
    /*}*/

    /*.select2-selection--single div {*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*    font-size: 13px;*/
    /*    color: #7d7d7d;*/
    /*    font-weight: 500;*/
    /*    font-family: 'Brandon_med';*/
    /*}*/

    /*.select2-selection--single div p {*/
    /*    margin: 0px;*/
    /*}*/

    /*.select2-container--default .select2-selection--single .select2-selection__rendered[title="Audio & Video"] div img {*/
    /*    display: block;*/
    /*}*/

    /*.select2-selection--single div img {*/
    /*    margin-right: 7px;*/
    /*    width: 19px;*/
    /*    display: none;*/
    /*}*/

    /*.select2-container--default .select2-results > .select2-results__options {*/
    /*    max-height: initial !important;*/
    /*}*/

    /*.select2-results li:first-child img {*/
    /*    display: block !important;*/
    /*    margin-right: 7px;*/
    /*    width: 19px;*/
    /*}*/

    /*.select2-container--default .select2-results > .select2-results__options img {*/
    /*    display: none;*/
    /*}*/

    /*.select2-search--dropdown {*/
    /*    display: none !important;*/
    /*}*/

    /*.select2-results__option {*/
    /*    font-size: 13px;*/
    /*    color: #7d7d7d !important;*/
    /*    font-weight: 500;*/
    /*    font-family: 'Brandon_med';*/
    /*    text-align: center;*/
    /*}*/

    /*.select2-results__option p {*/
    /*    margin: 0px;*/
    /*}*/

    /*.select2-container--default .select2-results__option--highlighted[aria-selected] {*/
    /*    background-color: transparent !important;*/
    /*}*/

    /*.select2-results li:first-child div {*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*}*/

    /*.select2-results li:first-child div p {*/
    /*    margin: 0px;*/
    /*}*/

    /*.select2-container--default .select2-selection--single .select2-selection__arrow b {*/
    /*    background-image: url('../../images-HTML/header/ios-arrow-down.png');*/
    /*    background-size: auto;*/
    /*    width: 22px !important;*/
    /*    height: 20px !important;*/
    /*    border-color: transparent !important;*/
    /*    background-repeat: no-repeat;*/
    /*    margin-left: -10px !important;*/
    /*    margin-top: -6px !important;*/
    /*}*/

    /*.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {*/
    /*    background-image: url('../../images-HTML/header/ios-arrow-down.png');*/
    /*    border-width: 0px !important;*/
    /*    transform: rotate(178deg);*/
    /*    margin-left: -10px !important;*/
    /*    margin-top: -12px !important;*/
    /*    width: 15px !important;*/
    /*    height: 18px !important;*/
    /*}*/

    /*.select2-dropdown {*/
    /*    width: 150px !important;*/
    /*}*/
}

@media (max-width: 855px) {
    .agency-footer {
        width: 60%;
    }
}

@media (max-width: 767px) {
    .sub-header ul {
        padding: 0px;
    }
}

@media (max-width: 400px) {
    .Header-section .navbar-toggler {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        border: 0px;
    }

    .Header-section .navbar-toggler .navbar-toggler-icon {
        border: 1px solid rgba(0, 0, 0, .1);
        padding: 18px 23px;
        border-radius: .25rem;
        background-size: 24px;
    }
}

/* sub header style end */

/* footer section style start */
.footer-left {
    display: flex;
    align-items: center;
}

.footer-left span p {
    margin: 0px;
    font-size: 16px;
    color: #000000;
    font-family: 'Brandon_lgt';
}

.footer-left p a {
    text-decoration: underline;
    color: #0f4196;
}

.footer-section {
    border-top: 2px solid #cecece;
    padding-top: 25px !important;
    padding-bottom: 6rem !important;
}

@media (min-height: 800px) {
    .footer-section {
        padding-bottom: 150px !important;
    }
}

@media (max-width: 767px) {
    .footer-left {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
}

/* footer section style end */

/* Common style start */
body {
    font-family: 'Nunito', sans-serif;
}

.width_common {
    padding: 0% 5%;
}

:focus-visible {
    outline: 0px;
}

@media (max-width: 1440px) {
    .width_common {
        padding: 0% 2%;
    }
}

@media (max-width: 991px) {
    .width_common {
        padding: 0%;
    }
}

/* Common style end */

/* allimage landing page style start */
.allimage-section1 {
    padding: 45px 0px;
}

.more-details, .less-details, .more-details_bottom {
    margin-top: 10px;
}

.allimages-landing-page .more-details a, .more-details_bottom a {
    font-size: 16px;
}

.more-details a, .less-details a, .more-details_bottom a {
    text-decoration: underline;
    font-size: 15px;
    color: #00337c;
    font-family: 'Brandon_reg';
}

.person-detials-left p, .person-detials-right p, .person-detials-right span {
    margin-bottom: 1.2rem;
    font-size: 14px;
    font-family: 'Brandon_reg';
    white-space: normal;
}

.person-detials-right span:last-child span:last-child {
    display: none;
}

.less_details-section.less-section .person-detials-left p, .less_details-section.less-section .person-detials-right p {
    white-space: normal;
    margin-right: 5px;
}

.person-detials-left p {
    color: #000000;
}

.person-detials-right p, .person-detials-right span {
    color: #7d7d7d;
}

.mobile-float-left, .mobile-float-right {
    margin-right: 4rem;
}

.person-img-right .carousel-control-prev-icon {
    background-image: url('../../images-HTML/allimage/prv.png');
    width: 18px;
    height: 30px;
}

.person-img-right .carousel-control-next-icon {
    background-image: url('../../images-HTML/allimage/next.png');
    width: 18px;
    height: 30px;
}

.person-img-right .carousel-control-next, .person-img-right .carousel-control-prev {
    opacity: 1;
}

.allimage-section1 .carousel-item img {
    height: 550px;
}

.allimages-landing-inner-page .allimage-section1 .carousel-item img {
    height: 550px;
}

.allimage-section2 .row {
    justify-content: center;
}

.allimage-section2 .column {
    float: left;
    width: 360px;
    height: 360px;
    text-align: center;
    padding: 10px;
}

/* .allimage-section2 .column img {
    object-fit: cover;
    height: 300px !important;
    width: 100% !important;
} */
.allimage-section2 {
    padding-bottom: 30px;
}

.carousel-item {
    transition: -webkit-transform -0.6s ease;
    transition: transform -0.6s ease;
    transition: transform -0.6s ease, -webkit-transform .6s ease;
}

@media (min-width: 1200px) and (max-width: 1783px) {
    .mobile-float-left, .mobile-float-right {
        margin-right: 2rem;
    }
}

@media (min-width: 1708px) and (max-width: 1879px) {
    .allimage-section1 .carousel-item img {
        height: 470px;
    }

    .allimages-landing-inner-page .allimage-section1 .carousel-item img {
        height: 470px;
    }
}

@media (min-width: 1600px) and (max-width: 1709px) {
    .allimage-section1 .carousel-item img {
        height: 464px;
    }

    .allimages-landing-inner-page .allimage-section1 .carousel-item img {
        height: 464px;
    }
}

@media (min-width: 1522px) and (max-width: 1600px) {
    .allimage-section1 .carousel-item img {
        height: 440px;
    }

    .allimages-landing-inner-page .allimage-section1 .carousel-item img {
        height: 440px;
    }
}

@media (min-width: 1441px) and (max-width: 1521px) {
    .allimage-section1 .carousel-item img {
        height: 412px;
    }

    .allimages-landing-inner-page .allimage-section1 .carousel-item img {
        height: 412px;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .allimage-section1 .carousel-item img {
        height: 390px;
    }

    .allimages-landing-inner-page .allimage-section1 .carousel-item img {
        height: 390px;
    }
}

@media (min-width: 1301px) and (max-width: 1366px) {
    .allimage-section1 .carousel-item img {
        height: 390px;
    }

    .allimages-landing-inner-page .allimage-section1 .carousel-item img {
        height: 390px;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .allimage-section1 .carousel-item img {
        height: 350px;
    }

    .allimages-landing-inner-page .allimage-section1 .carousel-item img {
        height: 350px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mobile-float-left, .mobile-float-right {
        margin-right: 0rem;
    }

    .allimage-section1 .carousel-item img {
        height: 268px;
    }

    .allimages-landing-inner-page .allimage-section1 .carousel-item img {
        height: 268px;
    }

    .rightside-personimg {
        width: 137px;
    }

    .rightside-personimg div {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mobile-float-left, .mobile-float-right {
        margin-right: 2rem;
    }

    .allimages-landing-page .person-img-right {
        max-width: 40%;
    }

    .allimages-landing-page .allimage-section1 .carousel-item img {
        height: auto;
        width: calc(100% - 4px);
        object-fit: contain;
    }

    .allimages-landing-inner-page .allimage-section1 .carousel-item img {
        height: 177px;
    }
}

@media (min-width: 1200px) {
    .person-detials-left {
        padding-left: 0px;
    }
}

@media (min-width: 768px) {
    .person-img-right .carousel-control-prev {
        left: -2rem;
        justify-content: start;
        width: 19px;
    }

    .person-img-right .carousel-control-next {
        right: -2rem;
        justify-content: flex-end;
        width: 19px;
    }
}

@media (max-width: 1700px) {
    .allimage-section2 .column {
        width: 375px;
        height: 375px;
    }
}

@media (max-width: 1515px) {
    .allimage-section2 .column {
        width: 350px;
        height: 350px;
    }
}

@media (max-width: 1440px) {
    .allimage-section2 .column {
        width: 330px;
        height: 330px;
    }
}

@media (max-width: 1366px) {
    .allimage-section2 .column {
        width: 300px;
        height: 300px;
    }
}

@media (max-width: 1250px) {
    .allimage-section2 .column {
        width: 280px;
        height: 280px;
    }
}

@media (max-width: 767px) {
    .allimages-landing-page .mobile-order, .allimages-landing-inner-page .mobile-order {
        order: 2;
        width: 100%;
    }

    .allimages-landing-inner-page .mobile-order {
        padding: 0rem 6rem;
    }

    .allimages-landing-page .person-img-right, .allimages-landing-inner-page .person-img-right {
        order: 1;
        margin-bottom: 3rem;
        width: 100%;
    }

    .mobile-float-left {
        float: left;
        width: 50%;
    }

    .mobile-float-right {
        float: right;
        width: 50%;
    }

    .mobile-center {
        text-align: center;
        width: 100%;
    }

    .mobile-float-left, .mobile-float-right {
        margin-right: 0rem;
    }

    .allimage-section1 .carousel-item img {
        height: 134px;
    }

    .allimages-landing-inner-page .allimage-section1 .carousel-item img {
        height: 134px;
    }
}

@media (max-width: 575px) {
    .person-img-right #carouselExampleControls {
        padding: 0rem 0rem;
    }

    .mobile-float-left {
        float: none;
        width: 100%;
        text-align: center;
    }

    .mobile-float-right {
        float: none;
        width: 100%;
        text-align: center;
    }

    .allimages-landing-inner-page .mobile-order {
        padding: 0rem 3rem;
    }
}

/* allimage landing page style end */

/* allimage page style start */

.allimages-page .allimage-section1 .person-img-right {
    padding: 0rem 7rem 0rem 7rem;
}

.more_details-section .person-detials-left p, .more_details-section .person-detials-right p,
.less_details-section .person-detials-left p, .less_details-section .person-detials-right p {
    margin-bottom: 8px;
}

.less_details-section {
    margin: 0rem 7rem !important;
    display: none;
}

.less_details-section.less-section {
    display: flex;
}

.less_details-section div {
    padding: 0px;
}

.less-title {
    font-size: 16px;
    color: #00337c;
    font-family: 'Brandon_reg';
    margin-bottom: 2.5rem;
    text-transform: uppercase;
}

.book-out {
    display: flex;
    align-items: start;
    margin-top: 3rem;
}

.book-out .less-title {
    margin: 0px;
}

.book-out span:last-child {
    font-size: 16px;
    font-family: 'Brandon_reg';
    color: #000000;
    margin-left: 2rem;
}

.rightside-personimg {
    width: 217px;
    margin-left: auto;
    height: 581px;
    overflow-y: auto;
    scrollbar-color: #94bf27 #7d7d7d;
    scrollbar-width: thin;
}

.rightside-personimg div {
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
}

.rightside-personimg div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rightside-personimg div.active {
    border: 3px solid #94BF27;
}

/* width */
.rightside-personimg::-webkit-scrollbar {
    width: 7px;
}

/* Track */
.rightside-personimg::-webkit-scrollbar-track {
    background: #7d7d7d;
    border-radius: 10px;
}

/* Handle */
.rightside-personimg::-webkit-scrollbar-thumb {
    background: #94bf27;
    border-radius: 10px;
}

.left-side-allimage {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.menu-thumb-right {
    display: none !important;
}

.menu-thumb-right-add {
    display: flex !important;
}

.menu-thumb-left-remove {
    display: none !important;
}

.more_details-section_bottom.more_bottom {
    display: none !important;
}

.mobile-order.more_details-section.menu-thumb-left.sample3 {
    display: block !important;
}

.mobile-order.more_details-section.menu-thumb-left.menu-thumb-left-remove.sample3.bigger {
    display: none !important;
}

.mobile-order.more_details-section.menu-thumb-left {
    display: block !important;
}

.mobile-order.more_details-section.menu-thumb-left.sample {
    display: none !important;
}

.more_details-section_bottom.menu-thumb-right.more_bottom.menu-thumb-right-add.sample2 {
    display: flex !important;
}

.mobile-order.more_details-section.menu-thumb-left.menu-thumb-left-remove.bigger {
    display: none !important;
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .navbar-brand .sub-title {
        font-size: 11px;
    }

    .sub-header a {
        font-size: 14px;
    }
}

@media (min-width: 1601px) and (max-width: 1799px) {
    .allimages-page .allimage-section1 .person-img-right {
        padding: 0rem 6.2rem 0rem 6.2rem;
    }

    .width-add {
        -ms-flex: 0 0 80.333333%;
        flex: 0 0 80.333333%;
        max-width: 80.333333%;
    }

    .left-right-allimage {
        -ms-flex: 0 0 19.666667%;
        flex: 0 0 19.666667%;
        max-width: 19.666667%;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .allimages-page .allimage-section1 .person-img-right {
        padding: 0rem 5.7rem 0rem 5.7rem;
    }

    .width-add {
        -ms-flex: 0 0 80.333333%;
        flex: 0 0 80.333333%;
        max-width: 80.333333%;
    }

    .left-right-allimage {
        -ms-flex: 0 0 19.666667%;
        flex: 0 0 19.666667%;
        max-width: 19.666667%;
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .allimages-page .allimage-section1 .person-img-right {
        padding: 0rem 2.7rem 0rem 2.7rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .more_details-section_bottom {
        padding: 0% 10%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .width-add {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .left-right-allimage {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .more_details-section_bottom {
        padding: 0% 5%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .width-add {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    .left-right-allimage {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 351px) and (max-width: 575px) {
    .width-add {
        -ms-flex: 0 0 81%;
        flex: 0 0 81%;
        max-width: 81%;
    }

    .left-right-allimage {
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        max-width: 19%;
    }
}

@media (min-width: 320px) and (max-width: 350px) {
    .width-add {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .left-right-allimage {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1800px) {
    .width-add {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .left-right-allimage {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}

@media (min-width: 1200px) {
    .more_details-section_bottom {
        padding: 0% 16%;
    }
}

@media (max-width: 1440px) {
    .less-title, .book-out span:last-child {
        font-size: 16px;
    }
}

@media (max-width: 1199px) {
    .allimages-page .allimage-section1 .person-img-right {
        padding: 0rem 2.6rem 0rem 1rem;
    }

    .less_details-section {
        margin: 0rem 3rem !important;
    }
}

@media (max-width: 991px) {
    .less_details-section {
        margin: 0rem 1rem !important;
    }

    .allimages-page .allimage-section1 .person-img-right {
        padding: 0rem 1.5rem 0rem 1rem;
    }

    .allimages-page .allimage-section1 .person-img-right #carouselExampleControls {
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

@media (max-width: 767px) {
    .allimages-page .allimage-section1 {
        padding: 35px 15px;
    }

    .allimages-page .allimage-section1 .person-img-right {
        padding: 0rem 0rem 0rem 0rem;
    }

    .left-side-allimage {
        display: block !important;
    }

    .left-side-allimage.width-add {
        display: flex !important;
    }

    .left-side-allimage .menu-thumb-left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
    }

    .left-side-allimage #carouselExampleControls {
        order: 1;
        margin-bottom: 20px;
    }

    .mobile-order1 {
        order: 1;
    }

    .mobile-order2 {
        order: 2;
    }

    .mobile-order3 {
        order: 3;
    }

    .mobile-order4 {
        order: 4;
    }

    .less-title {
        margin-top: 1rem;
    }

    .book-out {
        margin: 1rem 0rem;
    }

    .less-title, .book-out span:last-child, .person-detials-left p, .person-detials-right p, .person-detials-right span {
        font-size: 14px;
    }

    .less_details-section.less-section {
        padding-top: 0px !important;
    }

    .rightside-personimg div {
        float: none;
    }

    .rightside-personimg {
        width: 109px;
        margin-right: 0rem;
    }
}

@media (max-width: 575px) {
    .allimages-page .allimage-section1 .d-flex {
        justify-content: center;
    }

    .rightside-personimg div {
        float: none;
        margin-right: 0px;
        margin-bottom: 5px;
    }

    .allimages-page .person-img-right #carouselExampleControls .carousel-control-prev,
    .allimages-page .person-img-right #carouselExampleControls .carousel-control-next {
        display: none;
    }

    .less-title, .book-out span:last-child, .person-detials-left p, .person-detials-right p, .book-out {
        text-align: center;
        justify-content: center;
    }
}

@media (min-width: 1200px) {
    .person-detials-left {
        padding-left: 0px;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .person-detials-right {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}

/* carousel image style start  */
.img-arrage {
    justify-content: space-evenly;
}

.allimages-page .carousel-section-width {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    margin: auto;
}

.allimages-page .mobile-order.more_details-section.menu-thumb-left {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.allimages-page .carousel-section-more {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

.width-add div#carouselExampleControls {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.allimages-page .allimage-section1 .carousel-item img {
    height: 590px;
}

.allimages-page .allimage-section1 .width-add .carousel-item img {
    height: 583px;
}

img.agency-footer {
    width: 350px;
}

@media (max-width: 767px) {
    img.agency-footer {
        width: 200px !important;
    }

    .footer-left span:first-child {
        margin-right: 0 !important;
    }
}

.talent-nodata.text-center.w-100.carousel-section-more {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 1200px) and (max-width: 1879px) {
    .width-add {
        -ms-flex: 0 0 85.333333%;
        flex: 0 0 85.333333%;
        max-width: 85.333333%;
    }

    .left-right-allimage {
        -ms-flex: 0 0 14.666667%;
        flex: 0 0 14.666667%;
        max-width: 14.666667%;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .allimages-page .person-img-right .carousel-control-prev {
        left: 0rem;
    }

    .allimages-page .person-img-right .carousel-control-next {
        right: 0rem;
    }
}

@media (min-width: 1367px) and (max-width: 1879px) {
    .rightside-personimg {
        width: 180px;
    }

    .rightside-personimg div {
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 1708px) and (max-width: 1879px) {
    .allimages-page .allimage-section1 .carousel-item img, .rightside-personimg {
        height: 500px;
    }

    .allimages-page .allimage-section1 .width-add .carousel-item img, .rightside-personimg {
        height: 560px;
    }
}

@media (min-width: 1601px) and (max-width: 1709px) {
    .allimages-page .allimage-section1 .carousel-item img, .rightside-personimg {
        height: 510px;
    }

    .allimages-page .allimage-section1 .width-add .carousel-item img, .rightside-personimg {
        height: 520px;
    }
}

@media (min-width: 1522px) and (max-width: 1600px) {
    .allimages-page .allimage-section1 .carousel-item img, .rightside-personimg {
        height: 490px;
    }

    .allimages-page .allimage-section1 .width-add .carousel-item img, .rightside-personimg {
        height: 495px;
    }
}

@media (min-width: 1441px) and (max-width: 1521px) {
    .allimages-page .allimage-section1 .carousel-item img, .rightside-personimg {
        height: 432px;
    }

    .allimages-page .allimage-section1 .width-add .carousel-item img, .rightside-personimg {
        height: 460px;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .allimages-page .allimage-section1 .carousel-item img, .rightside-personimg {
        height: 457px;
    }

    .allimages-page .allimage-section1 .width-add .carousel-item img, .rightside-personimg {
        height: 460px;
    }
}

@media (min-width: 1301px) and (max-width: 1366px) {
    .allimages-page .allimage-section1 .carousel-item img, .rightside-personimg {
        height: 436px;
    }

    .allimages-page .allimage-section1 .width-add .carousel-item img, .rightside-personimg {
        height: 445px;
    }

    .rightside-personimg {
        width: 173px;
    }

    .rightside-personimg div {
        width: 77px;
        height: 77px;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .allimages-page .allimage-section1 .carousel-item img {
        height: 358px;
    }

    .allimages-page .allimage-section1 .width-add .carousel-item img, .rightside-personimg {
        height: 377px;
    }

    .rightside-personimg {
        width: 160px;
    }

    .rightside-personimg div {
        width: 70px;
        height: 70px;
    }

    .allimages-page .mobile-order.more_details-section.menu-thumb-left {
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        max-width: 22%;
    }

    .allimages-page .carousel-section-more {
        -ms-flex: 0 0 78%;
        flex: 0 0 78%;
        max-width: 78%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .allimages-page .allimage-section1 .carousel-item img, .rightside-personimg {
        height: 268px;
    }

    .allimages-page .allimage-section1 .width-add .carousel-item img, .rightside-personimg {
        height: 311px;
    }

    .width-add {
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%;
    }

    .left-right-allimage {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }

    .rightside-personimg {
        width: 137px;
    }

    .rightside-personimg div {
        width: 60px;
        height: 60px;
    }

    .allimages-page .carousel-section-width {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        margin: auto;
    }

    .allimages-page .mobile-order.more_details-section.menu-thumb-left {
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
        max-width: 24%;
    }

    .allimages-page .carousel-section-more {
        -ms-flex: 0 0 72%;
        flex: 0 0 72%;
        max-width: 72%;
    }

    .width-add div#carouselExampleControls {
        -ms-flex: 0 0 95%;
        flex: 0 0 95%;
        max-width: 95%;
        margin: auto;
    }

    .allimages-page .person-img-right .carousel-control-prev {
        left: -1.3rem;
    }

    .allimages-page .person-img-right .carousel-control-next {
        right: -1rem;
    }
}

@media (min-width: 966px) and (max-width: 991px) {
    .allimages-page .allimage-section1 .carousel-item img {
        height: 177px;
    }

    .allimages-page .allimage-section1 .width-add .carousel-item img, .rightside-personimg {
        height: 311px;
    }

    .width-add {
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%;
    }

    .left-right-allimage {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }

    .rightside-personimg {
        width: 137px;
    }

    .rightside-personimg div {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 768px) and (max-width: 965px) {
    .allimages-page .allimage-section1 .carousel-item img {
        height: 177px;
    }

    .allimages-page .allimage-section1 .width-add .carousel-item img, .rightside-personimg {
        height: 250px;
    }

    .width-add {
        -ms-flex: 0 0 88%;
        flex: 0 0 88%;
        max-width: 88%;
    }

    .left-right-allimage {
        -ms-flex: 0 0 12%;
        flex: 0 0 12%;
        max-width: 12%;
    }

    .rightside-personimg {
        width: 83px;
    }

    .rightside-personimg div {
        width: 70px;
        height: 70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .allimages-page .mobile-order.more_details-section.menu-thumb-left {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }

    .allimages-page .carousel-section-more {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }

    .allimages-page .person-img-right .carousel-control-prev {
        left: -1.3rem;
    }

    .allimages-page .person-img-right .carousel-control-next {
        right: -1rem;
    }
}

@media (max-width: 767px) {
    .allimages-page .allimage-section1 .carousel-item img {
        height: 176px;
    }

    .allimages-page .allimage-section1 .width-add .carousel-item img {
        height: 176px;
    }

    .rightside-personimg {
        height: 300px;
    }

    .rightside-personimg {
        width: 81px;
    }

    .rightside-personimg div {
        width: 60px;
        height: 60px;
    }

    .allimages-page .mobile-order.more_details-section.menu-thumb-left, .allimages-page .carousel-section-more {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .width-add .row.m-0.align-items-start.w-100 {
        padding: 0px !important;
    }

    .allimages-page .carousel-section-width {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .allimages-page .allimage-section1 .carousel-item img {
        max-height: 300px;
        width: auto;
        height: auto;
        max-width: 100%;
        object-fit: contain;
    }

    .allimages-page .allimage-section1 .width-add .carousel-item img {
        max-height: 300px;
        width: auto;
        height: auto;
        max-width: 100%;
        object-fit: contain;
    }

    .rightside-personimg {
        width: 60px;
        margin-right: 0rem;
    }

    .rightside-personimg div {
        width: 50px;
        height: 50px;
    }
}

/* carousel image style end */

/* allimage page style end */

/* resume page style start */
.resume-section1 div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.talent-resume {
    font-size: 20px;
    color: #00337c;
    font-weight: bold;
    text-align: center;
    font-family: 'Brandon_med';
}

.union-last span:first-child {
    font-size: 14px;
    color: #000000;
    font-family: 'Brandon_med';
    margin-right: 2rem;
    white-space: nowrap;
}

@media (max-width: 500px) {
    .union-last span:first-child {
        margin-right: 0.2rem;
    }
}

.union-last span:last-child, .union-last .union-value {
    font-size: 14px;
    color: #7d7d7d;
    font-family: 'Brandon_med';
}

span.union-value:after {
    content: ', ';
}

span.union-value:last-child:after {
    content: '';
}

.union-last {
    margin: 1rem 1rem 0rem 1rem;
}

.resume-section2 {
    padding: 0rem 1rem;
}

.resume-title {
    border: 2px solid #94BF27;
    font-size: 16px;
    color: #00337c;
    font-family: 'Brandon_med';
    padding: 5px 15px;
    border-radius: 10px;
}

.resume-subtitle {
    font-size: 16px;
    color: #000000;
    font-family: 'Brandon_med';
    margin: 1rem 0rem 1rem 0rem;
}

.resume-value p {
    font-size: 16px;
    color: #4d4d4d;
    font-family: 'Brandon_med';
}

@media (max-width: 575px) {
    .resume-section1 div {
        display: flex;
        text-align: center;
    }

    .profile-img {
        margin-right: 0rem;
    }

    .resume-title {
        font-size: 17px;
        text-align: center;
    }

    .resume-value p, .resume-subtitle {
        font-size: 16px;
        text-align: center;
        align-content: center;
    }

    .resume-subtitle {
        height: 50px;
    }
}

/* resume page style end */

/* print page style start */
.print-title p:first-child {
    font-size: 20px;
    color: #00337c;
    font-family: 'Brandon_med';
    margin: 0px;
}

.print-title p:last-child {
    font-size: 16px;
    color: #000000;
    font-family: 'Brandon_reg';
}

.print-title p:last-child a {
    color: #00337C;
}

.printme-section2 .col-xl-2 .print-section {
    border: 2px solid #7D7D7D;
    padding: 35px 18px;
    height: 100%;
}

.print-list {
    font-size: 16px;
    color: #000000;
    font-family: 'Brandon_reg';
    margin-bottom: 1rem;
}

.Comp_Card .height-print {
    align-items: center;
    height: calc(100% - 13%);
}

.Comp_Card .height-print div {
    padding: 1px;
    background-position: center;
}

.Comp_Card .height-print .single-left {
    padding: 3px;
}

.img-bk {
    height: 100%;
    width: 100%;
    background-size: cover;
    display: block;
    background-repeat: no-repeat;
    background-position: top center;
}

.Comp_Card .height-print div img {
    height: 160px;
    object-fit: cover;
}

.headshot-image {
    width: 100%;
    height: 450px;
    padding-top: 7px;
}

.headshot-image div {
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center;
}

.comp-second div {
    width: 100%;
    height: 220px;
    background-repeat: no-repeat;
    background-size: cover;
}

.single-left {
    /* position: relative;
    top: -1rem;
    max-width: 210px;
    height: 250px; */
    margin: auto;
}

.Comp_Card .height-print .single-left div {
    width: 200px;
    height: 187px;
    /* width: 207px;
    height: 211px; */
    background-repeat: no-repeat;
    background-size: cover;
}

.single-right div {
    width: 100%;
    /* height: 103px; */
    height: 106px;
    background-repeat: no-repeat;
    background-size: cover;
}

.comp-one div {
    width: 100%;
    height: 143px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    /* width: 76%;
    height: 143px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    transform: rotate(45deg); */
}

.comp-one div div {
    width: 150px;
    height: 246px;
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(90deg);
    position: relative;
    top: -3rem;
}

/* .comp-three {
    position: relative;
    top: -2.3rem;
} */
.hover-img:hover {
    transform: scale(1.03);
}

/* .resu-img {
    background-position: top -57px right 0px;
    background-repeat: no-repeat;
} */
/* .resu-img div {
   background-position: top -57px right 0px;
   background-repeat: no-repeat;
}  */
/* .resu-img div {
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
} */
.resu-img div {
    background-size: contain;
    width: 100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}

@media (min-width: 1200px) and (max-width: 1900px) {
    .comp-one div div {
        width: 130px;
        height: 180px;
        top: -1.7rem;
    }

    .single-left {
        height: 186px;
        margin-top: 0.5rem !important;
    }

    .single-right div {
        height: 94px;
    }

    .headshot-image {
        padding-top: 0px;
    }

    div#myDiv {
        max-width: 207px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .comp-one div div {
        width: 135px;
        height: 177px;
        top: -1.3rem;
    }

    .single-right div {
        height: 93px;
    }

    div#myDiv {
        max-width: 207px !important;
    }
}

@media (min-width: 200px) and (max-width: 767px) {
    .comp-one div div {
        width: 130px;
        height: 184px;
        top: -1rem;
    }

    .single-right div {
        height: 93px;
        width: 93px;
        margin: auto;
    }

    .Comp_Card .height-print .single-left div {
        width: 180px;
        height: 187px;
    }

    .single-right div div {
        width: 100%;
        height: 100%;
    }

    .single-left {
        margin-top: 1rem !important;
    }
}

@media (min-width: 200px) {
    div#myDiv {
        max-width: 240px;
        height: 190px;
        margin: auto;
    }
}

@media (min-width: 1200px) {
    .printme-section2 .col-xl-2 {
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0px;
        padding-right: 5px;
    }
}

@media (max-width: 1199px) {
    .print-list {
        font-size: 18px;
    }

    .printme-section2 .col-lg-4 {
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) {
    .printme-section2 .col-md-4 {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .printme-section1 {
        padding-bottom: 0rem !important;
    }
}

@media (max-width: 575px) {
    .print-list {
        font-size: 16px;
        margin-bottom: 1rem;
        text-align: center;
    }
}

/* print page style end */

/* contact page style start */
.contact-title {
    text-align: center;
}

.contact-title p:first-child {
    font-size: 20px;
    color: #00337C;
    font-family: 'Brandon_med';
    margin-bottom: 0px;
}

.contact-title p:last-child {
    font-size: 16px;
    color: #000000;
    font-style: italic;
    font-family: 'Brandon_reg';
}

.contect_input input {
    width: 100%;
    height: 35px;
    background-color: #ffffff;
    border: 1px solid #adadad;
    padding: 0px 15px;
    font-size: 14px;
    color: #adadad;
    font-family: 'Brandon_reg';
}

.contect_input input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 14px;
    color: #adadad;
    font-family: 'Brandon_reg';
    opacity: 1; /* Firefox */
}

.contect_input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 14px;
    color: #adadad;
    font-family: 'Brandon_reg';
}

.contect_input input::-ms-input-placeholder { /* Microsoft Edge */
    font-size: 14px;
    color: #adadad;
    font-family: 'Brandon_reg';
}

.contect_input {
    padding: 1em 0em;
}

.contect_input textarea {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #adadad;
    padding: 10px 15px;
    font-size: 14px;
    color: #adadad;
    font-family: 'Brandon_reg';
    resize: none;
    margin-top: 1em;
}

textarea::-webkit-input-placeholder {
    color: #adadad;
}

textarea:-moz-placeholder { /* Firefox 18- */
    color: #adadad;
}

textarea::-moz-placeholder { /* Firefox 19+ */
    color: #adadad;
}

textarea:-ms-input-placeholder {
    color: #adadad;
}

textarea::placeholder {
    color: #adadad;
}

.submit-button button {
    width: 160px;
    height: 50px;
    background-color: #ffffff;
    border: 1px solid #94bf27;
    font-size: 16px;
    color: #00337c;
    text-align: center;
    font-family: 'Brandon_med';
}

@media (max-width: 575px) {
    .contact-title p:first-child {
        font-size: 20px;
    }

    .contact-title p:last-child {
        font-size: 18px;
    }

    .contect_input input {
        margin-bottom: 30px;
    }
}

/* contact page style end */

/* audio & video page style start */
.av-section1 {
    text-align: center;
    padding: 35px 0px;
}

video {
    width: 100%;
}

.av-title {
    font-size: 22px;
    color: #00337c;
    font-weight: bold;
    font-family: 'Brandon_med';
    margin-bottom: 10px;
}

.av-section2 {
    padding: 0rem 11rem;
}

.av-section img {
    width: 100%;
}

.title-av p:first-child {
    font-size: 15px;
    color: #00337c;
    font-family: 'Georgia Regular';
    margin-top: 10px;
    margin-bottom: -3px;
}

.title-av p:last-child {
    font-size: 10px;
    font-family: 'Georgia Regular';
    color: #7D7D7D;
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .av-section1 .container {
        padding: 0rem 12rem;
    }
}

@media (min-width: 992px) {
    .av-section2 .col-xl-2, .av-section2 .col-lg-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0px;
        padding-right: 5px;
    }
}

@media (max-width: 1700px) {
    .av-section2 {
        padding: 0rem 6rem;
    }
}

@media (max-width: 1199px) {
    .av-section2 {
        padding: 0rem 2rem;
    }
}

@media (max-width: 991px) {
    .av-section2 {
        padding: 0rem 1rem;
    }
}

/* audio & video page style end */


/* scroll arrow style start  */
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 20px;
    display: none;
    background-image: url('../../images-HTML/footer/Totop.svg');
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 40px;
}

.portfolioImage {
    display: none;
}

.portfolioImage.active {
    display: block;
}

#resumeStatsSection, #prindmeSection, #contactSection, #audiovideoScetion {
    display: none;
    /* min-height: calc(100vh - 262px); */
}

/* #imageSection{
    min-height: calc(100vh - 262px);
} */
.portfolio_contact {
    display: none;
}

.rightside-personimg div img {
    object-fit: cover;
}

.play-button {
    position: relative;
}

button.audioplaypause {
    width: 100%;
    position: absolute;
    left: 0px;
    height: 100%;
    border: 0px;
    box-shadow: none;
    font-size: 0px;
    background: transparent;
}

.play-button button.audioplaypause .fa-play {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    opacity: 0;
    background: #00000000 url('../../images-HTML/audio/mark-video.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    border: 0px;
    box-shadow: none;
    font-size: 0px;
}

.play-button button.audioplaypause .fa-pause {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    opacity: 1;
    background: #00000000 url('../../images-HTML/audio/mark-pasue.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    border: 0px;
    box-shadow: none;
    font-size: 0px;
}

.play-button:hover button.audioplaypause .fa-play {
    opacity: 1 !important;
}

/* notactive style start */
.notactive-title {
    text-align: center;
    border: 2px solid #94BF27;
    font-size: 16px;
    padding: 15px 15px;
    border-radius: 10px;
    font-weight: normal;
    margin: 6rem 0rem;
}

.notactive-title p:first-child {
    color: #00337c;
    text-transform: uppercase;
    margin: 0px;
}

.notactive-title p:last-child {
    color: #7d7d7d;
    text-transform: capitalize;
    margin: 0px;
}

.notactive-title a, .notactive-title a:hover {
    color: #00337c;
    text-decoration: underline;
}

/* notactive style end */

/* subheader new style start */
@media (min-width: 992px) {
    .sub-header ul.publicPortfolio.one,
    .sub-header ul.publicPortfolio.two,
    .sub-header ul.publicPortfolio.three,
    .sub-header ul.publicPortfolio.four,
    .sub-header ul.publicPortfolio.five,
    .sub-header ul.publicPortfolio.six,
    .sub-header ul.publicPortfolio.seven,
    .sub-header ul.publicPortfolio.eight {
        justify-content: start;
        position: relative;
    }

    .sub-header ul.publicPortfolio.one li.subheader:last-child,
    .sub-header ul.publicPortfolio.two li.subheader:last-child,
    .sub-header ul.publicPortfolio.three li.subheader:last-child,
    .sub-header ul.publicPortfolio.four li.subheader:last-child,
    .sub-header ul.publicPortfolio.five li.subheader:last-child,
    .sub-header ul.publicPortfolio.six li.subheader:last-child,
    .sub-header ul.publicPortfolio.seven li.subheader:last-child,
    .sub-header ul.publicPortfolio.eight li.subheader:last-child {
        width: auto;
        position: absolute;
        right: 0px;
        padding: 0px;
    }

    .sub-header ul.publicPortfolio.one .audio-video a:after,
    .sub-header ul.publicPortfolio.two .audio-video a:after,
    .sub-header ul.publicPortfolio.three .audio-video a:after,
    .sub-header ul.publicPortfolio.four .audio-video a:after,
    .sub-header ul.publicPortfolio.five .audio-video a:after,
    .sub-header ul.publicPortfolio.six .audio-video a:after,
    .sub-header ul.publicPortfolio.seven .audio-video a:after,
    .sub-header ul.publicPortfolio.eight .audio-video a:after {
        right: 1.5rem;
    }

    .sub-header ul.publicPortfolio.one li.subheader,
    .sub-header ul.publicPortfolio.two li.subheader,
    .sub-header ul.publicPortfolio.three li.subheader,
    .sub-header ul.publicPortfolio.four li.subheader,
    .sub-header ul.publicPortfolio.five li.subheader,
    .sub-header ul.publicPortfolio.six li.subheader,
    .sub-header ul.publicPortfolio.seven li.subheader,
    .sub-header ul.publicPortfolio.eight li.subheader {
        /* width: 200px; */
        width: 130px;
        white-space: nowrap;
    }

    .sub-header ul.publicPortfolio.one li.subheader.audio-video a,
    .sub-header ul.publicPortfolio.two li.subheader.audio-video a,
    .sub-header ul.publicPortfolio.three li.subheader.audio-video a,
    .sub-header ul.publicPortfolio.four li.subheader.audio-video a,
    .sub-header ul.publicPortfolio.five li.subheader.audio-video a,
    .sub-header ul.publicPortfolio.six li.subheader.audio-video a,
    .sub-header ul.publicPortfolio.seven li.subheader.audio-video a,
    .sub-header ul.publicPortfolio.eight li.subheader.audio-video a {
        display: block;
        width: 200px;
    }
}

/* subheader new style end */
/* toggle image style start */
.allimages-page td .fa-toggle-off:before {
    content: "";
    float: left;
    width: 40px;
    height: 20px;
    background: url('../../talentbackend/images/common/toggle-off.svg') no-repeat 0 0;
    position: relative;
    top: 5px
}

.allimages-page td .fa-toggle-on:before {
    content: "";
    float: left;
    width: 40px;
    height: 20px;
    background: url('../../talentbackend/images/common/toggle-on.svg') no-repeat 0 0;
    position: relative;
    top: 5px
}

/* toggle image style end */

/* table style start */
.allimages-page .normal-table table th {
    border-top: 0px;
    font-size: 16px;
    padding: .55rem 0rem;
    font-weight: normal;
    white-space: nowrap;
    border-bottom: 2px solid #c0c0c0;
    font-family: 'Brandon_reg';
    color: #000000;
}

.allimages-page .normal-table table td {
    border-top: 2px solid #c0c0c0;
    font-size: 14px;
    padding: 1rem 0rem;
    border-bottom: 2px solid #c0c0c0;
    vertical-align: middle;
    white-space: nowrap;
    font-family: 'Brandon_reg';
    color: #7d7d7d;
}

/* table style end */
.talent-nodata {
    font-size: 20px;
    color: #00337c;
    font-family: 'Brandon_med';
    text-transform: capitalize;
}