@charset "utf-8";

/* Fonts */

@import "../font/font.css";

@import "../fontawesome/all.min.css";

/* Bootstrap */

@import "../bootstrap/css/bootstrap.min.css";

/* bootstrap-datepicker */

@import "../bootstrap-datepicker/css/bootstrap-datepicker.css";

/* Owl Carousel */

@import "../owlcarousel/css/owl.carousel.min.css";

@import "../owlcarousel/css/owl.theme.default.min.css";

/* Slick */

/* @import "../slick/css/slick.css";

@import "../slick/css/slick-theme.css"; */

/* fancybox */

@import "../fancybox/css/jquery.fancybox.min.css";

/* wow */

@import "../aos/css/aos.css";

/* reset CSS */

:root {

	--black: #1A1A1D;

	--dark: #475460;

    --light-grey:#B6BFC9;

    --grey:#ACB2B0;

	--primary: #E1BCBB;
    --sprimary: #475460;
	--white: #FFFFFF;

	--of-white: #E7E3E3;

	--ff-open-sans: 'Open Sans', sans-serif;

	--ff-roboto: 'Roboto', sans-serif;

}

.text-primary {

    color: var(--sprimary) !important;

}

a.text-primary:focus, a.text-primary:hover {

    color: #ca9594 !important;

}

button:focus,

:focus-visible,

:focus {color: var(--black);outline: 0 !important;}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;font-family: var(--ff-open-sans);}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,

q:before, q:after {content: '';	content: none;}

table {border-collapse: collapse;border-spacing: 0;}

input[type=search]::-webkit-search-cancel-button,

input[type=search]::-webkit-search-decoration,

input[type=search]::-webkit-search-results-button,

input[type=search]::-webkit-search-results-decoration {

    -webkit-appearance: none;

    -moz-appearance: none;

}

input[type=search] {

    -webkit-appearance: none;

    -moz-appearance: none;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}

textarea {

    overflow: auto;

    vertical-align: top;

    resize: vertical;

}

audio,

canvas,

video {

    display: inline-block;

    display: inline;

    zoom: 1;

    max-width: 100%;

}

audio:not([controls]) {display: none;height: 0;}

[hidden] {display: none;}

html {

    font-size: 100%;

    -webkit-text-size-adjust: 100%; 

    -ms-text-size-adjust: 100%;

}

a:focus {outline: thin dotted;}

a:active,

a:hover {outline: 0;}

img {border: 0;-ms-interpolation-mode: bicubic;}

figure {margin: 0;}

form {margin: 0;}

fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}

legend {

    border: 0;

    padding: 0;

    white-space: normal;

    *margin-left: -7px;

}

button,

input,

select,

textarea {

    font-size: 100%;

    margin: 0;

    vertical-align: baseline;

    *vertical-align: middle;

}

button,

input {line-height: normal;}

button,

select {text-transform: none;}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer; 

    *overflow: visible;

}

button[disabled],

html input[disabled] {cursor: default;}

input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    padding: 0;

    height: 13px;

    width: 13px;

}

input[type="search"] {

    -webkit-appearance: textfield;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

button::-moz-focus-inner,

input::-moz-focus-inner {border: 0;padding: 0;}

textarea {overflow: auto;vertical-align: top;}

table {border-collapse: collapse;border-spacing: 0;}

html,

button,

input,

select,

textarea {color: var(--black);}

::-moz-selection {background: #b3d4fc;text-shadow: none;}

::selection {background: #b3d4fc;text-shadow: none;}

img {vertical-align: middle;}

fieldset {border: 0;margin: 0;padding: 0;}

p {

    font-family: var(--ff-roboto);

    line-height: 35px;

    color: var(--black);

    font-size: 16px;

    font-weight: 300;

}
.tab-content ul li{
    font-family: var(--ff-roboto);

    color: var(--black);

    font-size: 16px;

    font-weight: 300;
}
.tab-content ul li::marker {
    color:#777;
}
.tab-content h4{
    font-family: var(--ff-roboto);

    color: var(--sprimary);

    font-size: 22px;
}

.text-underline {text-decoration: underline !important;}

@media (min-width: 576px) {

    .container, .container-sm {max-width: 100%;}

}

@media (min-width: 1366px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}
    .serList .serLBox{padding: 1.5rem 0.8rem !important;}

}

.btnRadio,

.btBForm .input-group-append>span,

.gtList,

.gtList>li,

.gtList>li>.gtlLeft,

.mpDList>li,

.mpmDetails .mpmDRight .mpmDRName,

.mpmDetails,

.businessList>li>.blBox,

.talentsSteps,

.mvImg span,

.serList .serLBox .serLRight a,

.serList .serLBox .serLRight a>i,

.serList .serLBox,

.serList,

.serBanner .seInner .seContent,

.serBanner .seInner,

.mInfo,

.btPagination ul li a,

.btbInner,

.login,

.signup,

.serBanner .seInner .sebtns,

.innerBanner .ibInner .ibImg .ibbtns,

.innerBanner .ibInner .ibContent,

.innerBanner .ibInner,

.hbSlider .owl-dots .owl-dot,

.hbSlider .owl-dots,

.ocBox,

.footrtBottom,

.hbSlider .hbPlay,

.ocBox .ocBoxLeft,

.hbSlider .hbsBox,

.hbSlider .hbsBtns,

.hbSlider .hbProfile,

.serBanner .fbSocials,

.homeBanner .fbSocials,

.hbSlider .hbsImg .hbsCon h3 {

	display: flex;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

}

select.form-control, select {

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    background-image: none;

    background-image: url(/../front-assets/images/selectArrow.png);

    background-repeat: no-repeat;

    background-position: center right 6px;

    background-size: 20px;

    padding-right: 2rem;

}

/* /reset CSS */

#scroll {

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

#scroll:hover {

    -webkit-transform: translateY(-8px);

    -moz-transform: translateY(-8px);

    -ms-transform: translateY(-8px);

    -o-transform: translateY(-8px);

    transform: translateY(-8px);



    box-shadow: 0 10px 30px rgba(26, 26, 29, 0.07);

    -webkit-box-shadow: 0 10px 30px rgba(26, 26, 29, 0.07);

}

 .load_data{

    display: block !important;

  }

/* buttons CSS */

.btn {

    font-weight: 600;

    border-width: 2px;

    font-size: 16px;

    text-transform: uppercase;

    padding: 1.094rem 1.75rem;

    background-color: #f8f8f9;

    font-family: var(--ff-open-sans);    

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

#navIcon:focus,

:focus-visible, 

.btn:not(:disabled):not(.disabled).active:focus, 

.btn:not(:disabled):not(.disabled):active:focus, 

.btn.focus, 

.btn:focus {

    outline: 0;

    box-shadow:none;

}

/* btn-outline-primary */

.btn-outline-primary {

    color: var(--black);

    border-color: var(--primary);

}

.btn-outline-primary:not(:disabled):not(.disabled).active, 

.btn-outline-primary:not(:disabled):not(.disabled):active,

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, 

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, 

.btn-outline-primary.focus, 

.btn-outline-primary:focus,

.btn-outline-primary:hover {

    color: var(--white);

    background-color: var(--primary);

    border-color: var(--primary);



    -webkit-transform: translateY(-8px);

    -moz-transform: translateY(-8px);

    -ms-transform: translateY(-8px);

    -o-transform: translateY(-8px);

    transform: translateY(-8px);



    box-shadow: 0 10px 30px rgba(225, 188, 187, 0.07);

    -webkit-box-shadow: 0 10px 30px rgba(225, 188, 187, 0.07);

}

/* btn-primary */

.btn-primary {

    color: var(--white);

    background-color: var(--primary);

    border-color: var(--primary);

}

.btn-primary:not(:disabled):not(.disabled).active, 

.btn-primary:not(:disabled):not(.disabled):active,

.btn-primary:not(:disabled):not(.disabled).active:focus, 

.btn-primary:not(:disabled):not(.disabled):active:focus, 

.btn-primary.focus, 

.btn-primary:focus,

.btn-primary:hover {

    color: var(--white);

    background-color: var(--black);

    border-color: var(--black);



    -webkit-transform: translateY(-8px);

    -moz-transform: translateY(-8px);

    -ms-transform: translateY(-8px);

    -o-transform: translateY(-8px);

    transform: translateY(-8px);



    box-shadow: 0 10px 30px rgba(26, 26, 29, 0.07);

    -webkit-box-shadow: 0 10px 30px rgba(26, 26, 29, 0.07);

}

.btn-group-sm>.btn, .btn-sm {

    padding: .8rem 3rem !important;

    font-size: 15px !important;

}

/* /buttons CSS */

/* header CSS */

.header {

    position: fixed;width: 100%;top: 0;left: 0;right: 0;background-color: rgba(255, 255, 255, 0.8);z-index: 9;

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.header .navbar {padding: 1.25rem 0;}

.header .navbar #navbarNavDropdown .navbar-nav .nav-item .nav-link {

    font-family: var(--ff-open-sans);

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    color: var(--black);

    position: relative;

    z-index: 2;

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

header.header.sticky {

    box-shadow: 0 2px 12px rgba(3, 0, 71, 0.03);

    -webkit-box-shadow: 0 2px 12px rgba(3, 0, 71, 0.03);

    backdrop-filter: blur(6px);

    -webkit-backdrop-filter: blur(6px);

}

.header .navbar #navbarNavDropdown .navbar-nav .nav-item:hover .nav-link {

    color: var(--primary);

}

@media (min-width: 992px) {

    .header .navbar {padding: 1.5rem 0;}

    .header .navbar-nav.myProfileNav .nav-item .nav-link,

    .header .navbar #navbarNavDropdown .navbar-nav .nav-item .nav-link {padding: 7px 0;}

    .header .navbar #navbarNavDropdown .navbar-nav .nav-item {padding-left: 2rem;}

    .header .navbar #navbarNavDropdown .navbar-nav .nav-item:first-child {padding-left: 0;}

   

    .header .navbar #navbarNavDropdown .navbar-nav .nav-item.active .nav-link:before, 

    .header .navbar #navbarNavDropdown .navbar-nav .nav-item .nav-link:hover:before {width: 100%;}   

    .header .navbar #navbarNavDropdown .navbar-nav .nav-item.active .nav-link {

        color: var(--primary);

    } 

    .header .navbar #navbarNavDropdown .navbar-nav .nav-item.active .nav-link:before {

        width: unset;

    }

}

/*@media (min-width: 1367px) {*/

/*    .header .navbar {padding: 2.5rem 0;}*/

/*}*/

@media (max-width: 991px) {

    .navbarLogo img {max-width: 180px;}

    .header .navbar #navbarNavDropdown > ul {padding-top: 2rem;}

}

@media (max-width: 768px) {

    .navbarLogo img {max-width: 160px;}

}

/* navIcon */

#navIcon {

    width: 26px;

    height: 26px;

    position: relative;

    cursor: pointer;

    border: none;

    

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

#navIcon span {

    display: block;

    position: absolute;

    height: 4px;

    width: 100%;

    background: var(--primary);

    border-radius: 6px;

    opacity: 1;

    left: 0;

    

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

#navIcon span:nth-child(1) {top: 0;}

#navIcon span:nth-child(2), #navIcon span:nth-child(3) {top: 9px;}

#navIcon span:nth-child(4) {top: 18px;}

#navIcon.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}

#navIcon.open span:nth-child(2) {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}

#navIcon.open span:nth-child(3) {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

#navIcon.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}

/* /navIcon */

/* /header CSS */

/* homeBanner */

.homeBanner {min-height: 100vh;background-color: var(--white);padding-left: 2%;padding-right: 2%;}

.homeBanner .hbInner {position: relative;}

.homeBanner .hbInner:before {

    content: "";

    width: 38.5%;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    background: -moz-linear-gradient(0deg, rgba(243,241,241,1) 35%, rgba(71,84,96,1) 35%);

    background: -webkit-linear-gradient(0deg, rgba(243,241,241,1) 35%, rgba(71,84,96,1) 35%);

    background: linear-gradient(0deg, rgba(243,241,241,1) 35%, rgba(71,84,96,1) 35%);

}

.serBanner .fbSocials,

.homeBanner .fbSocials {

    position: absolute;

    top: 35%;

    left: 2%;

    flex-direction: column;

    align-items: center;

    margin: 0;

    z-index: 3;

    

    -webkit-transform: translateY(-35%);

    -moz-transform: translateY(-35%);

    -ms-transform: translateY(-35%);

    -o-transform: translateY(-35%);

    transform: translateY(-35%);

}

.serBanner .fbSocials>a,

.homeBanner .fbSocials>a {color: var(--black);margin: 0 0 20px 0;font-size: 15px;}

.serBanner .fbSocials>a:hover,

.homeBanner .fbSocials>a:hover {color: var(--primary);}

.serBanner .fbSocials>a:last-child,

.homeBanner .fbSocials>a:last-child {margin-bottom: 0;}

/* hbSlider */

.hbSlider {position: relative;}

.hbSlider .owl-stage-outer {position: relative;z-index: 4;}

.hbSlider .hbsBox {align-items: flex-end;}

.hbSlider .hbsBox .hbICount {

    position: absolute;

    left: 0;

    bottom: 30%;

    z-index: 6;    

    color: var(--dark);

    font-size: 12px;

    font-family: var(--ff-open-sans);

    font-weight: 600;

    letter-spacing: 1px;

    

    -webkit-transform: translateY(30%) rotate(-90deg);

    -moz-transform: translateY(30%) rotate(-90deg);

    -ms-transform: translateY(30%) rotate(-90deg);

    -o-transform: translateY(30%) rotate(-90deg);

    transform: translateY(30%) rotate(-90deg);

}

.hbSlider .hbsBox .hbICount:before {

    content: "";

    width: 0;

    height: 2px;

    background-color: var(--dark);

    position: absolute;

    top: 4px;

    left: 200%;

    

	-webkit-transition: all .7s ease-in-out;

	-moz-transition: all .7s ease-in-out;

	transition: all .7s ease-in-out;

}

.hbSlider .owl-item.active .hbsBox .hbICount:before {width: 56px;}

.hbSlider .hbsImg {position: relative;width: calc(76% - 250px);}

.hbSlider .hbsImg .hbsCon {

    position: absolute;

    top: 40%;

    left: 4rem;

    

    -webkit-transform: translateY(-40%);

    -moz-transform: translateY(-40%);

    -ms-transform: translateY(-40%);

    -o-transform: translateY(-40%);

    transform: translateY(-40%);

}

.hbSlider .hbsImg .hbsCon h3 {

    font-size: 50px;

    font-family: var(--ff-open-sans);

    font-weight: 600;

    margin: 0;

    position: relative;

    align-items: center;

}

/*.hbSlider .hbsImg .hbsCon h3:after {content: "";width: 60px;height: 7px;margin-left: 2rem;background-color: var(--primary);}*/

.hbSlider .hbsImg .hbsCon h3:after {content: "";width: 60px;}
.hbSlider .hbsImg .hbsCon small {font-size: 20px;font-family: var(--ff-open-sans);text-transform: uppercase;font-weight: 600;color: var(--black);text-shadow:0px 1px 15px #fff;}

.hbSlider .owl-dots {

    counter-reset: my-awesome-list;

    flex-direction: column;

    position: absolute;

    right: 8%;

    bottom: 8%;

    z-index: 5;

    margin-top: 0 !important;

}

.hbSlider .owl-dots .owl-dot {

    counter-increment: my-awesome-list;

    margin: .75rem 0;

    align-items: center;

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.hbSlider .owl-dots .owl-dot::before {

    content: counter(my-awesome-list, decimal-leading-zero);

    color: var(--dark);

    position: relative;

    left: -70px;

    font-size: 12px;

    font-family: var(--ff-open-sans);

    font-weight: 600;

    opacity: .4;

    letter-spacing: 1px;

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.hbSlider .owl-dots .owl-dot > span {

    width: 60px;

    height: 2px;

    border-radius: 0 !important;

    margin: 0 !important;

    position: relative;

    background-color: transparent !important;

}

.hbSlider .owl-dots .owl-dot > span:before {

    content: "";

    width: 0;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-color: var(--dark) !important;

    

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.hbSlider .owl-dots .owl-dot.active > span:before {width: 100%;}

.hbSlider .owl-dots .owl-dot.active::before {opacity: 1;}

.hbSlider .hbsBtns {position: relative;z-index: 5;max-width: 220px;}

.hbSlider .hbProfile {

    background-color: var(--dark);

    align-items: center;

    justify-content: center;

    min-width: 100%;

    padding: 1.5rem 2rem;

    font-size: 15px;

    font-weight: 600;

    color: var(--white);

    font-family: var(--ff-open-sans);

    letter-spacing: 2px;



	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.hbSlider .hbPlay {

    background-color: var(--white);

    align-items: center;

    padding: 1.5rem 2rem;

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.hbSlider .hbPlay>img {width: 18px;}

.hbSlider .hbPlay:hover,

.hbSlider .hbProfile:hover {background-color: var(--primary);text-decoration: none;}

@media (min-width: 1200px) {

    .hbSlider .hbsImg {width: calc(78% - 250px);}

    .hbSlider .hbsImg img{width: auto;height: 75vh;}

    .hbSlider .hbsBox {height: 100vh;}

}

@media (max-width: 1200px) {

    .hbSlider {padding-top: 7rem;}

}

@media (min-width: 1367px) {

    .hbSlider .hbsBtns {max-width: 250px;}

    .hbSlider .hbProfile {padding: 2rem 2.5rem;font-size: 16px;}

    .hbSlider .hbPlay {padding: 2rem 2.5rem;}

    .hbSlider .hbPlay>img {width: 22px;}

}

@media (min-width: 1466px) {

    .hbSlider .hbsImg {width: calc(80% - 250px);}

    .hbSlider .hbsImg .hbsCon h3 {font-size: 70px;}

}

@media (min-width: 1566px) {

    .hbSlider .hbsImg .hbsCon h3 {font-size: 80px;}

}

/* /hbSlider */

@media (min-width: 1400px) {

    .homeBanner .hbInner::before {width: 41.5%;}

}

/* /homeBanner */

/* about */

.about {padding-top: 100px;padding-bottom: 50px;}

.ctTitle {margin-bottom: 50px;}

.ctTitle h2 {font-size: 32px;font-weight: 700;color: var(--dark);font-family: var(--ff-open-sans);}

/* /about */

/* homeGallery */

.homeGallery {padding-top: 70px;padding-bottom: 70px;}

.homeGInner {padding: 80px;background-color: #f4f5f7;position: relative;}
.homeGInner::before {right:5%; top:-58px !important;}

.homeGInner::before, 

.homeGInner::after {

    content: "";

    position: absolute;

    background-image: url(/front/images/cnt.png);

    background-position: bottom;

    background-repeat: no-repeat;

    background-size: 100%;

    width: 215px;

    height: 100px;

    z-index: -1;

}

.homeGInner::before {top: -50px;}

.homeGInner::after {bottom: -65px;}

.hgBox {position: relative;overflow: hidden;}

.hgBox:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    opacity: 0;

    z-index: 2;



    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

.homeGInner .hgBox:before {background-color: rgba(255, 255, 255, 0.7);}

.hgBox:hover::before {opacity: 1;}

.hgShare {

    width: 56px;

    height: 56px;

    align-items: center;

    justify-content: center;

    

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

.homeGInner .hgShare {background-color: #251616;}

.homeGInner .hgShare:hover {background-color: var(--primary);}

.hgShare img {width: auto !important;}

.hgBox .hgbCont, 

.hgBox .hgbConb {

    position: absolute;

    opacity: 0;

    z-index: 3;    

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}

.hgBox .hgbCont {

    top: 20px;

    right: 20px;

    -webkit-transform: translate3d(0,-10px,0);

    transform: translate3d(0,-10px,0);

}

.hgBox:hover .hgbCont {

    opacity: 1;

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.hgBox .hgbConb {

    bottom: 1rem;

    left: 0;

    padding: 1rem;

    width: 100%;

    text-align: center;

    -webkit-transform: translate3d(0,10px,0);

    transform: translate3d(0,10px,0);

}

.hgBox:hover .hgbConb {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.homeGallery .hgList {margin-left: 0;margin-right: 0;}

.hgBox .hgbConb h3>a,

.hgBox .hgbConb h3 {

    font-size: 26px;

    letter-spacing: 1px;

    color: var(--black);

    font-weight: 700;

    font-family: var(--ff-open-sans);

}

.hgBox .hgbConb h3>a:hover {text-decoration: none;}

.hgBox .hgbConb small {

    font-size: 14px;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: var(--dark);

    font-family: var(--ff-open-sans);

}

.hgBox .hgbImg img {

    width: 100%;

    height: 100%;

    object-fit: cover;



    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

.hgBox:hover .hgbImg img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}

@media (min-width: 768px) {

    .homeGallery > .container {max-width: 100%;}

}

@media (min-width: 1367px) {  

    .homeGInner {padding-left: 120px;padding-right: 120px;}

    .homeGInner::before {right: 120px;}

    .homeGInner::after {left: 120px;}

    .hgBox .hgbConb h3>a,

    .hgBox .hgbConb h3 {font-size: 30px;}

}

@media (min-width: 1466px) {  

    .homeGInner {padding-left: 145px;padding-right: 145px;}

    .homeGInner::before {right: 145px;}

    .homeGInner::after {left: 145px;}

}

/* /homeGallery */

/* hireTalent */

.hireTalent {padding-top: 30px;}

.hireTInner {

    padding-top: 80px;

    padding-bottom: 80px;

    position: relative;

    overflow: hidden;

}

@media (min-width: 768px) {

    .hireTInner:before {

        content: "";

        width: 34%;

        height: 100%;

        position: absolute;

        right: 0;

        top: 0;

        background-color: #475460;

    }
    .bcTInner:before {
        content: "";
        width: 34%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #f0dddd;
    }

}

@media (max-width: 768px) {

    .bcTInner:before, .hireTInner:before {

        content: "";

        width: 100%;

        height: 34%;

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        background-color: #f0dddd;

    }

    .hireTInner .ht-img {margin-top: 2rem;}
    .hireTalent.bcTalent .ht-img {order: 2;}    
    .hireTalent.bcTalent .ht-text {order: 1;}

}



/* /hireTalent */

/* ourCustomers */

.ourCustomers {

    padding-top: 100px;

    padding-bottom: 100px;

    /*background-image: url(/front-assets/images/oc-bg.png);*/

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-color: #4c4c4c;

    position: relative;

}

.oCSlider {max-width: 520px;margin: 3.5rem auto 0;}

.ocBox {align-items: center;justify-content: center;}

.ocBox .ocBoxLeft {align-items: center;}
/*.ocBox .ocBoxLeft {align-items: center;border-right: 1px solid var(--primary);}*/

.ocBox .ocBoxLeft .ocblImg {width: 92px;height: 92px;border-radius: 50%;overflow: hidden;}

.ocBox .ocBoxLeft .ocblImg>img {width: 100%;height: 100%;object-fit: cover;}

.ocBox .ocBoxLeft .ocblText {padding: 0 3rem;}

.ocBox .ocBoxLeft .ocblText h4 {font-size: 22px;color: var(--primary);font-family: var(--ff-open-sans);font-weight: 600;}

.ocBox .ocBoxLeft .ocblText small {font-size: 14px;color: var(--white);font-family: var(--ff-roboto);font-weight: 300;}

.ocBox .ocBoxRight {padding: .5rem 2.5rem;}

.ocBox .ocBoxRight .ocbrStar {margin-bottom: .5rem;}

.ocBox .ocBoxRight .ocbrStar>i {color: var(--primary);font-size: 14px;}

.ocBox .ocBoxRight .ocbrRating {font-family: 'Playfair Display';font-size: 30px;font-weight: 600;color: var(--white);}
.ocBox .ocBoxRight .ocbrRatinga {font-family: 'Playfair Display';font-size: 30px;font-weight: 600;color: var(--black);}

/* /ourCustomers */

/* ABOUT PAGE */

.serBanner,

.innerBanner {position: relative;}

.innerBanner:before {

    content: "";

    width: 40%;

    height: 50%;

    position: absolute;

    top: 0;

    right: 0;

    background-color: var(--of-white);

}

.innerBanner .ibInner .ibImg {-ms-flex: 0 0 38%;flex: 0 0 38%;max-width: 38%;position: relative;}

.serBanner .seInner .seImg .ser-bg,

.innerBanner .ibInner .ibImg .about-banner {width: 100%;height: 100%;object-fit: cover;}

.serBanner .seInner .sebtns,

.innerBanner .ibInner .ibImg .ibbtns {position: absolute;left: 0;bottom: 0;}

.icContact {

    padding: 1.5rem 2rem;

    font-size: 15px;

    color: var(--white);

    font-weight: 600;

    text-transform: uppercase;

    background-color: var(--sprimary);

    

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

.ibUser {

    padding: 1.5rem 2rem;

    background-color: var(--white);



    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

.ibUser:hover,

.icContact:hover {

    background-color: var(--black);

    text-decoration: none;

    color: var(--white);

}

.ibUser:hover img {

    filter: invert(1);

    -o-filter: invert(1);

    -ms-filter: invert(1);

    -moz-filter: invert(1);

    -webkit-filter: invert(1);

}

.innerBanner .ibInner .ibContent {

    -ms-flex: 0 0 52%;

    flex: 0 0 52%;

    max-width: 52%;

    position: relative;

    z-index: 3;

    padding-left: 3rem;

    padding-right: 3rem;

    background-color: var(--white);

    flex-direction: column;

    justify-content: flex-end;

}

.serBanner .seCInner h1,

.innerBanner .ibInner .ibContent h1 {font-family: var(--ff-open-sans);color: var(--black);font-size: 50px;margin-bottom: 1.5rem;}

.innerBanner .ibInner .ibContent h1 {font-weight: 800;}

.serBanner .seCInner h1 small,

.innerBanner .ibInner .ibContent h1 small {

    font-family: var(--ff-open-sans);

    color: var(--light-grey);

    font-size: 15px;

    display: block;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 600;

}

.innerBanner .ibInner .ibContent h1 small {

    margin-bottom: .5rem;

}

.innerBanner .ibInner .ibContent .ibBottom {

    padding: 1.5rem;

    background-color: var(--sprimary);

    color: var(--white);

    margin-top: 0;

}

@media (min-width: 1367px) {

    .ibUser {padding: 2.5rem;}

    .icContact {padding: 2.5rem 6rem;font-size: 16px;}

}

/* whyUs */

.whyUs {padding-top: 80px;padding-bottom: 80px;background-color: #f4f5f7;}

.wuTabs #wuTab {margin-bottom: 2rem;}

.wuTabs #wuTab .nav-item {

    margin: 0;



	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.wuTabs #wuTab .nav-item .nav-link {

    border-radius: 0;

    border-width: 1px 0 1px 1px;

    border-style: solid;

    border-color: #d7dee6;

    font-family: var(--ff-open-sans);

    font-weight: 600;

    font-size: 16px;

    color: var(--dark);

    padding: 1rem 2rem;

}

.wuTabs #wuTab .nav-item:last-child .nav-link {border-right-width: 1px;}

.wuTabs #wuTab .nav-item:hover {background-color: var(--of-white);color: var(--black);}

.wuTabs #wuTab .nav-item.show .nav-link, 

.wuTabs #wuTab .nav-link.active {background-color: var(--sprimary);color: var(--white);}

/* ourTalents */

.ourTalents {padding-top: 80px;padding-bottom: 80px;}

.ourTalents .hgShare {background-color: var(--sprimary);}

.ourTalents .hgShare:hover {background-color: var(--black);}

.ourTalents .hgBox:before {background-color: rgba(3, 4, 9, 0.65);}

.ourTalents .hgBox:hover .hgbConb h3>a, 

.ourTalents .hgBox:hover .hgbConb h3,

.ourTalents .hgBox:hover .hgbConb small {color: var(--white);}

.utSlider {padding-left: 6rem;padding-right: 6rem;}

.utSlider .owl-nav {

    position: absolute;

    margin: 0;

    top: 50%;

    width: 100%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.utSlider .owl-nav .owl-next,

.utSlider .owl-nav .owl-prev {margin: 0;position: absolute;top: 0;}

.utSlider .owl-nav .owl-next:hover,

.utSlider .owl-nav .owl-prev:hover {background: transparent;}

.utSlider .owl-nav .owl-prev {left: -60px;}

.utSlider .owl-nav .owl-next {right: -60px;}

/* aourCustomers */

.aourCustomers {padding-bottom: 80px;}

.aoCSlider {max-width: 800px;margin: 0 auto;}

.aocBox .aocSay p:last-child {margin-bottom: 0;}

.aocBox .aocCust {margin-top: 2.5rem;margin-bottom: 2.5rem;}

.aocBox .aocCust h4 {font-size: 20px;font-weight: 700;color: var(--dark);font-family: var(--ff-open-sans);}

.aocBox .aocCust small {color: var(--light-grey);font-size: 16px;}

.aoCSlider .owl-dots {margin: 0 !important;}

@media (min-width: 1200px) { 

    .innerBanner {min-height: 100vh;}

    .innerBanner .ibInner,

    .innerBanner .ibInner .ibImg,

    .innerBanner .ibInner .ibContent {height: 100vh;}

    .innerBanner .ibInner {align-items: flex-end;}

}

@media (min-width: 1467px) {

    .innerBanner .ibInner .ibContent {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

        padding-left: 3rem;

        padding-right: 3rem;

    }

    .innerBanner .ibInner .ibContent h1 {font-size: 60px;margin-bottom: 2rem;}

    .serBanner .seCInner h1  {font-size: 60px;margin-bottom: 3rem;}
    
   

    .serBanner .seCInner h1 small,

    .innerBanner .ibInner .ibContent h1 small {font-size: 16px;}

    .innerBanner .ibInner .ibContent h1 small {margin-bottom: .5rem;}

    .innerBanner .ibInner .ibContent .ibBottom {padding: 2.5rem 1.5rem;margin-top: .5rem;}

}

@media (min-width: 1567px) {

    .innerBanner .ibInner .ibContent {padding-left: 8rem;padding-right: 8rem;}

    .innerBanner .ibInner .ibContent h1 {font-size: 70px;}

    .innerBanner .ibInner .ibContent .ibBottom {padding: 3.5rem 2.5rem;margin-top: 1.5rem;}

}

@media (min-width: 1667px) {

    .innerBanner .ibInner .ibContent {

        -ms-flex: 0 0 48%;

        flex: 0 0 48%;

        max-width: 48%;

        padding-left: 10rem;

        padding-right: 10rem;

    }

    .serBanner .seCInner h1,

    .innerBanner .ibInner .ibContent h1 {font-size: 80px;}

    .serBanner .seCInner h1 small,

    .innerBanner .ibInner .ibContent h1 small {font-size: 17px;}

    .innerBanner .ibInner .ibContent h1 small {margin-bottom: 1rem;}

    .innerBanner .ibInner .ibContent .ibBottom {padding: 3.5rem 2.5rem;margin-top: 1.5rem;}

}

@media (max-width: 1200px) {

    .innerBanner .ibInner .ibContent {padding-top: 6rem;}

}

/* /ABOUT PAGE */

/* LOGIN PAGE */

.account {min-height: 100vh;}

.login,

.signup {width: 100%;height: 100%;align-items: center;justify-content: flex-end;}

.alBox {

    background-color: #f8f8f9;

    padding: 2rem;

    width: 500px;

    border-radius: 10px;

    margin: 0 5rem;

}

.account .ctTitle h2 {color: var(--black);margin-bottom: 1rem;}

.account .ctTitle h2 > span {display: block;}

.account form .form-control {height: calc(3rem + .75rem + 2px);border-radius: 6rem;border-color: var(--dark);padding: 1rem 2rem;}

.account form .form-control::-webkit-input-placeholder,

.account form .form-control::-moz-placeholder,

.account form .form-control:-ms-input-placeholder,

.account form .form-control:-moz-placeholder {color: var(--light-grey);}

.or {margin: 1.5rem 0;text-align: center;position: relative;font-family: var(--ff-roboto);}

.or span {background-color: #f8f8f9;padding: 0 1rem;position: relative;z-index: 2;}

.or:before {content: "";width: 100%;height: 1px;background-color: #d0d0e4;position: absolute;top: 8px;left: 0;right: 0;}

@media (min-width: 1467px) {

    .alBox {padding: 3rem 2.5rem;}

    .btBForm .form-group{margin-bottom:1rem}

    .form-group{margin-bottom:1.5rem}

}

@media (min-width: 1367px) {

    .alBox {padding: 2.5rem;width: 580px;}

    .or {margin: 2rem 0;}

}

@media (max-width: 1367px) {

    .login .ctTitle,

    .signup .ctTitle {margin-bottom: 30px;}

    .login .ctTitle h2,

    .signup .ctTitle h2 {font-size: 28px;}

    .login .btn,

    .signup .btn {padding: 1rem  3rem;}

}

/* /LOGIN PAGE */

/* BROWSE TALENT PAGE */

.btBanner {background-repeat: no-repeat;background-size: cover;background-position: center;}

.btbInner {align-items: center;justify-content: center;text-align: center;flex-direction: column;margin: 0 auto;padding: 8rem 15px 6rem 15px;}

.btbInner h2 {font-size: 48px;color: var(--white);font-weight: 600;margin-bottom: 3rem;}
.btbInner h1 {
    font-size: 48px;
    color: var(--white);
    font-weight: 600;
    margin-bottom: 3rem;
}
.btbForm {background-color: var(--white);padding: .75rem;border-radius: 10rem;width: 100%;}

.btbForm .form-control:focus {box-shadow: none !important;}

.btbForm .col {border-right: 1px solid #eeeeee;}

.btbForm .col.btfOne {padding-left: 2rem;}

.btbForm .col.btfThree {border-right: none;}

.btbForm .col.btfTwo input {background-image: url(/../front-assets/images/location.png);background-repeat: no-repeat;background-position: center right 6px;background-size: 14px;padding-right: 1.75rem;}

#btTab {justify-content: space-around;margin-bottom: 80px;-webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.06);box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.06);}

#btTab .nav-item  {margin: 0;}

#btTab .nav-item .nav-link {

    text-align: center;

    height: 100%;

    position: relative;

    padding-top: 1.75rem;

    padding-bottom: 1.75rem;

    border: none;

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

#btTab .nav-item .nav-link::before {

    content: "";

    width: 0;

    height: 2px;

    background-color: transparent;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

#btTab .nav-item .nav-link:hover::before {width: 100%;background-color: var(--light-grey);}

#btTab .nav-item .nav-link .btNImg {display: block;position: relative;}

#btTab .nav-item .nav-link.active:hover::before,

#btTab .nav-item .nav-link.active::before {width: 100%;opacity: 1;background-color: var(--primary);}

#btTab .nav-item .nav-link.active .btNImg .btNIP {opacity: 1;}

#btTab .nav-item .nav-link .btNImg .btNIG {opacity: 1;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;z-index: 2;}

#btTab .nav-item .nav-link:hover .btNImg .btNIG {opacity: 10;}

#btTab .nav-item .nav-link .btNImg .btNIP {opacity: 0;position: relative;z-index: 3;}

#btTab .nav-item .nav-link:hover .btNImg .btNIP {opacity: 1;}

#btTab .nav-item .nav-link .btNCon {font-size: 16px;color: #2c3e50;font-weight: 600;padding-top: 2rem;display: block;}

#btTabContent {padding-bottom: 60px;}

.btcBox .btcBImg {overflow: hidden;position: relative;}

.btcBox .btcBImg>img {

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.btcBox .btcBImg:hover>img {

	-webkit-transform: scale(1.15) rotate(4deg);

	-moz-transform: scale(1.15) rotate(4deg);

	-ms-transform: scale(1.15) rotate(4deg);

	-o-transform: scale(1.15) rotate(4deg);

	transform: scale(1.15) rotate(4deg);

}

.btcBox .btcBImg .instaReview {position: absolute;right: 1.75rem;bottom: 1.25rem;font-family: var(--ff-roboto);color: #e1bcbb;font-size: 16px;z-index: 3;}

.btcBox .btcBCon {padding-top: 1.5rem;padding-bottom: 3rem;}

.btcBox .btcBCon h3,

.btcBox .btcBCon h3>a {

    font-size: 22px;

    font-weight: 600;

    color: var(--black);

    margin-bottom: .25rem;



	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.btcBox .btcBCon h3>a:hover {color: var(--primary);text-decoration: none;}

.btcBox .btcBCon p,

.btcBox .btcBCon h5 {font-size: 18px;color: var(--dark);font-family: var(--ff-roboto);}

.btcBox .btcBCon h5 {font-weight: 400;margin-bottom: .25rem;}

.btcBox .btcBCon p {font-weight: 300;line-height: unset;margin-bottom: 0;}

.btPagination ul li a {

    width: 70px;

    height: 62px;

    font-size: 18px;

    font-weight: 600;

    margin: 0 .5rem;

    color: var(--black);

    align-items: center;

    justify-content: center;

    border-radius: 60px !important;

    background-color: #eceff0;

    border: 0 !important;



	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}
.btPagination ul li.active span {

    /* width: 70px; */

    /* height: 62px; */

    /* font-size: 18px; */

    font-weight: 600;
    
    background-color: var(--dark)!important;

    margin: 0 .5rem;

    color: var(--black);

    align-items: center;

    justify-content: center;

    border-radius: 60px !important;

    background-color: #eceff0;

    border: 0 !important;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.btPagination ul li a:hover {background-color: var(--primary);color: var(--black);}

.btPagination ul li a:focus {box-shadow: none !important;}

.btPagination ul li.active a {background-color: var(--dark)!important;}


.btPagination ul li a[aria-label='Next']>span,

.btPagination ul li a[aria-label='Previous']>span {

    width: 22px;

    height: 18px;

    background-size: 100%;



	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.btPagination ul li a[aria-label='Previous']>span {background-image: url(/../front-assets/images/prev.png);}

.btPagination ul li a[aria-label='Next']>span {background-image: url(/../front-assets/images/next.png);}

.btPagination ul li a:hover[aria-label='Next']>span {

    -webkit-transform: translateX(6px);

    -moz-transform: translateX(6px);

    -ms-transform: translateX(6px);

    -o-transform: translateX(6px);

    transform: translateX(6px);

}

.btPagination ul li a:hover[aria-label='Previous']>span {

    -webkit-transform: translateX(-6px);

    -moz-transform: translateX(-6px);

    -ms-transform: translateX(-6px);

    -o-transform: translateX(-6px);

    transform: translateX(-6px);

}

@media (min-width: 993px) {

    .btbInner {min-height: 100vh;max-width: 1170px;}

}

/* /BROWSE TALENT PAGE */

/* MODEL PROFILE PAGE */

.mGllery {padding-top: 80px;}

.mGllery .ctTitle span {color: #9c9896;}

.mInfo {justify-content: center;margin-bottom: 3rem;padding: 0;}

.mInfo li {padding-left: 2rem;padding-right: 2rem;text-align: center;}

.mInfo li:last-child {padding-right: 0;}

.mInfo li:first-child {padding-left: 0;}

.mInfo li span {color: #9c9896;font-size: 13px;}

.mInfo li h5 {margin: .5rem 0 0 0;font-size: 18px;font-weight: 600;color: var(--dark);}

.mGllery .fbSocials {position: absolute;top: 1rem;right: 15px;z-index: 3;}

.mGllery .fbSocials>a {margin-right: 1rem;}

.mpmDetails .mpmDLeft .fbSocials>a:hover,

.mGllery .fbSocials>a:hover {color: var(--dark);}

.modelProfile {min-height: 620px;background-size: cover;background-repeat: no-repeat;background-position: center;filter: grayscale(1);}

.msBox .msbImg>a:before {

    content: "";

    width: 0;

    height: 0;

    background-color: var(--dark);

    position: absolute;

    top: 50%;

    left: 50%;

    opacity: 0;

    

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

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

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

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

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

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.msBox .msbImg>a:hover:before {opacity: 0.6;width: 100%;height: 100%;}

.mvImg span,

.msBox .msbImg span {

    position: absolute;

    top: 50%;

    left: 50%;

    opacity: 0;

    z-index: 2;

    

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

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

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

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

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

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.mvImg:hover span,

.msBox .msbImg:hover span {opacity: 1;}

.modelSlider .owl-dots {margin-top: 3rem !important;}

.modelVideo {padding-top: 30px;padding-bottom: 80px;}

.mvImg {position: relative;overflow: hidden;}

.mvImg>a:before {

    content: "";

    width: 100%;

    height: 100%;

    background-color: var(--dark);

    position: absolute;

    top: 50%;

    left: 50%;

    opacity: 0.5;

    z-index: 2;

    

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

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

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

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

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

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.mvImg span {

    width: 6rem;

    height: 6rem;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border: 3px solid var(--primary);

    color: #fff;

    font-size: 20px;

    opacity: 1;

}

.mvImg img {

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.mvImg:hover img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}

@media (min-width: 1367px) {

    .modelSlider {padding-left: 6rem;padding-right: 6rem;}

}

@media (min-width: 769px) {

    .mGllery .fbSocials {margin: 0;}

}

/* /MODEL PROFILE PAGE */

/* SERVICES PAGE */

.serBanner .seInner {background-color: #f1eeee;position: relative;}

.serBanner .seInner:before {content: "";width: 40%;height: 50%;position: absolute;top: 0;right: 0;background-color: #f0dddd;}

.sebtns .icContact {background-color: var(--dark);}

.sebtns .icContact:hover {background-color: var(--primary);}

.sebtns .ibUser:hover {background-color: var(--primary);}

.serBanner .seInner .seContent {max-width: 59%;flex: 0 0 59%;align-items: center;justify-content: flex-end;}

.serBanner .seInner .seContent .seCInner {max-width: 80%;padding: 4rem 6rem;background-color: var(--white);}

.serBanner .seCInner h1 {font-weight: 700;}

.serBanner .seCInner h1 small {margin-top: 1rem;}

.serBanner .seInner .seImg {max-width: 34%;flex: 0 0 34%;position: relative;z-index: 2;}

.services {padding-top: 80px;padding-bottom: 80px;}

.serList {padding: 0;flex-wrap: wrap;-ms-flex-wrap: wrap;}

.serList li {flex: 0 0 50%;max-width: 50%;padding: 2.25rem 1rem;}

.serList .serLBox {border-top: 4px solid var(--of-white);border-radius: 4px;box-shadow: 0 8px 12px rgba(0, 0, 0, 0.08);padding: 3rem 2.5rem;overflow: hidden;

    height:100%;

}

.serList .serLBox .serLLeft {padding-right: 2.5rem;}

.serList .serLBox .serLRight {width: 100%;}

.serList .serLBox .serLRight h5 {font-weight: 600;font-size: 21px;color: var(--dark);margin-bottom: 1.5rem;}

.serList .serLBox .serLRight p {line-height: 30px;}

.serList .serLBox .serLRight a {

    font-weight: 600;

    color: var(--dark);

    align-items: center;



	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.serList .serLBox .serLRight a>i {

    color: var(--sprimary);

    width: 26px;

    height: 26px;

    border: 1px solid var(--sprimary);

    align-items: center;

    justify-content: center;

    margin-left: .75rem;



	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.serList .serLBox .serLRight a:hover {text-decoration: none;color: var(--primary);}

.serList .serLBox .serLRight:hover a>i {margin-left: 1.25rem;}

.serBanner .seInner .sebtns {z-index: 3;}

@media (min-width: 1200px) { 

    .serBanner {min-height: 100vh;}

    .serBanner .seInner {height: 100vh;}

    .innerBanner .ibInner {align-items: flex-end;}

}

@media (min-width: 1367px) {

    .serBanner.conBanner .seInner .seContent .seCInner {padding: 5rem 6rem;}

    .serBanner .seInner .seContent .seCInner {padding: 6rem 9rem;}

}

/* /SERVICES PAGE */

/* HOW IT WORKS PAGE */

.htwBanner .seInner:before {height: 100%;background-color: var(--white);}

.talents {padding-top: 80px;padding-bottom: 80px;position: relative;background-color: var(--white);}

.talents::before {

    content: "";

    width: 100%;

    height: 100%;

    background-image: url(/front-assets/images/Clip.png);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: .1;    

}

.talentsSteps {padding: 0;margin-top: 2rem;}

.talentsSteps>li {flex: 0 0 50%;max-width: 50%;padding-left: 30px;padding-right: 30px;position: relative;}

.talentsSteps>li:before {

    content: "";

    width: 11px;

    height: 18px;

    position: absolute;

    top: 96px;

    right: 0;

    background-image: url(/front-assets/images/tStepArrow.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.mpmDRName .mpmDRNL .mpmDRNLI>span:last-child:before,

.talentsSteps>li:last-child:before {display: none;opacity: 0;visibility: hidden;}

.talentsSteps>li>h5 {font-size: 24px;font-family: var(--ff-open-sans);font-weight: 600;color: var(--dark);margin-bottom: 1.5rem;margin-top: 2rem;}

.talentsSteps>li>p {line-height: 30px;}

.business {padding-top: 80px;padding-bottom: 80px;}

.businessList {padding: 0;max-width: 820px;margin: 4rem auto 0;counter-reset: section;}

.businessList>li>.blBox {justify-content: space-between;position: relative;}

.businessList>li>.blBox::before {

    counter-increment: section;

    content: "0" counter(section) "";

    position: absolute;

    top: 0;

    left: 0;

    font-family: var(--ff-open-sans);

    font-size: 32px;

    color: var(--sprimary);

    font-weight: 600;

    background-color: var(--white);

    z-index: 2;

    padding: 1rem 0;

}

.businessList>li>.blBox::after {content: "";width: 2px;height: 100%;background-color: #bac3cc;position: absolute;top: 0;left: 0;}

.businessList>li:last-child>.blBox>.blBLeft,

.businessList>li:last-child>.blBox>.blBRight {padding-bottom: 0;}

.businessList>li>.blBox>.blBLeft h5 {font-size: 24px;font-family: var(--ff-open-sans);font-weight: 600;color: var(--dark);margin-bottom: 1.5rem;}

.businessList>li>.blBox>.blBLeft p {color: var(--sprimary);line-height: 24px;margin-bottom: 0;}

@media (min-width: 1200px) {

    .talentsSteps>li {flex: 0 0 25%;max-width: 25%;}

}

@media (min-width: 769px) {

    .businessList>li>.blBox>.blBLeft,

    .businessList>li>.blBox>.blBRight {max-width: 300px;padding-bottom: 4rem;}

    .businessList>li:nth-child(even)>.blBox>.blBLeft {order: 2;}    

    .businessList>li>.blBox::before,

    .businessList>li>.blBox::after {top: 0;left: 50%;

        -webkit-transform: translateX(-50%);

        -moz-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        -o-transform: translateX(-50%);

        transform: translateX(-50%);

    }    

}

@media (max-width: 1200px) {

    .talentsSteps {flex-wrap: wrap;}

}

@media (max-width: 768px) {

    .businessList {max-width: 400px;margin-top: 2rem;}

    .businessList > li > .blBox {flex-direction: column;padding-bottom: 3rem;padding-left: 4rem;}

    .businessList > li:last-child > .blBox {padding-bottom: 0;}

    .businessList > li > .blBox::before {font-size: 26px;top: -16px;}

    .businessList > li > .blBox::after {left: 12px;}

    .businessList > li > .blBox .blBLeft {padding-bottom: 1.5rem;}

}

@media (max-width: 640px) {

    .talentsSteps > li {flex: 0 0 100%;max-width: 100%;padding: 0 0 1.5rem 0;text-align: center;}
    .talentsSteps > li:last-child {padding-bottom: 0 ;}
    .talentsSteps>li>h5 {margin-bottom: 0;}
    .talentsSteps>li:before {
        top: unset;
        bottom: 20px;
        right: 0;
        left: 0;
        transform: rotate(90deg);
        margin: 0 auto;
    }

}

/* /HOW IT WORKS PAGE */

/* MY PROFILE MODEL PAGE */

#myProfile {position: relative;}

.mpModelNav {

    height: 100%;

    background: var(--white);

    padding: 10rem 2rem 2rem 2rem;

    min-width: 270px;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1;

    -webkit-box-shadow: 4px 0px 8px rgb(0 0 0 / 1%);

    box-shadow: 4px 0px 8px rgb(0 0 0 / 1%);

}

.mpmNav .nav>a {

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 600;

    color: var(--black);

    padding: 1.75rem .5rem;

    align-content: space-between;

    border-bottom: 1px solid var(--of-white);

}

.mpmNav .nav>a>.mpmNText {

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.mpmNav .nav>a:hover>.mpmNText {color: var(--primary);}

.mpmNav .nav > a.goP {position: relative;}

.mpModelInfo {background-color: #f8f8f9;padding-top: 11rem;padding-bottom: 80px;}

.header .navbar-nav.myProfileNav .nav-item {margin-left: 3rem;}

.header .navbar-nav.myProfileNav .nav-item .nav-link {position: relative;padding-left: 4rem;z-index: 9999;}

.header .navbar-nav.myProfileNav .nav-item .nav-link .mpImg {

    width: 50px;height: 50px;display: inline-block;overflow: hidden;border-radius: 50%;position: absolute;top: 50%;left: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.header .navbar-nav.myProfileNav .nav-item .nav-link .mpImg>img {width: 100%;height: 100%;object-fit: cover;}

.header .navbar-nav.myProfileNav .nav-item .nav-link .mpName {

    font-family: var(--ff-open-sans);

    font-size: 18px;

    font-weight: 600;

    color: var(--black);

    position: relative;

    z-index: 2;

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.header .navbar-nav.myProfileNav .nav-item .dropdown-menu {

    right: 0;

    left: auto;

    top: 2.5rem;

    border-radius: 0;

    border: none;

    padding: 0;



    -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);

    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);



    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.header .navbar-nav.myProfileNav .nav-item.dropdown:hover .dropdown-menu:before {

    content: "";

    width: 100%;

    height: 38px;

    background-color: transparent;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 100%;

    z-index: 1;

}

.header .navbar-nav.myProfileNav .nav-item .dropdown-menu .dropdown-item {border-bottom: 1px solid var(--of-white);padding: 1.5rem 1.25rem;}

.header .navbar-nav.myProfileNav .nav-item .dropdown-menu .dropdown-item .dmIcon {padding-right: .5rem;}

.header .navbar-nav.myProfileNav .nav-item .dropdown-menu .dropdown-item .dmItem {

    font-size: 16px;

    font-weight: 600;

    color: var(--black);

    

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.header .navbar-nav.myProfileNav .nav-item .dropdown-menu .dropdown-item.active, 

.header .navbar-nav.myProfileNav .nav-item .dropdown-menu .dropdown-item:active {background-color: #f8f9fa;}

/* mpmDetails */

.mpmDetails {padding-bottom: 60px;padding-left: 40px;padding-right: 40px;}

.mpmDetails .mpmDLeft {padding-right: 50px;}

.mpmDetails .mpmDLeft .mpmDLImg {width: 200px;height: 200px;margin-bottom: 2rem;border-radius: 50%;overflow: hidden;}

.mpmDetails .mpmDLeft .mpmDLImg>img {width: 100%;height: 100%;object-fit: cover;}

.mpmDetails .mpmDLeft .fbSocials {text-align: center;margin: 0;}

.mpmDetails .mpmDLeft .fbSocials>a {margin-right: 1rem;font-size: 18px;}

.mpmDetails .mpmDRight .mpmDRName {justify-content: space-between;margin-bottom: 2rem;}

.mpmDetails .mpmDRight .mpmDRName .mpmDRNR .btn {padding: 0.85rem 2.5rem;}

.mpmDRName .mpmDRNL h2 {font-size: 36px;font-weight: 600;color: var(--dark);}

.mpmDRName .mpmDRNL .mpmDRNLI>span {position: relative;padding-right: 1.2rem;font-size: 16px;font-weight: 500;color: var(--light-grey);}

.mpmDRName .mpmDRNL .mpmDRNLI>span:last-child {padding-right: 0;}

.mpmDRName .mpmDRNL .mpmDRNLI>span:before {content: "";width: 5px;height: 5px;border-radius: 50%;background-color: var(--primary);position: absolute;right: 5px;top: 9px;}

.mpmDetails .mpmDRight .mInfo li span {color: var(--light-grey);}

.hide {display: none;}

.mpmDetails .mpmDRight .mpmDCon .readMoreS {color: var(--primary);}

.mpmDetails .mpmDRight .mpmDCon .readMoreS,

.mpmDetails .mpmDRight .mpmDCon .readMoreH {color: var(--primary);font-weight: 500;text-transform: uppercase;}

.mpmDetails .mpmDRight .mpmDCon .readMoreS>span {font-weight: 300;}

.mpmDetails .mpmDRight .mpmDLoc a {font-size: 16px;font-weight: 500;color: var(--light-grey);}

.mpmDetails .mpmDRight .mpmDLoc a>i {color: var(--primary);}

/* mpmGallery */

#mmgTab>li>a {font-size: 14px;color: var(--black);border: none;border-radius: 0;padding: 1rem 2rem;position: relative;text-transform: uppercase;}

#mmgTab>li>a:after {width: 100%;height: 3px;background-color: var(--primary);content: "";position: absolute;left: 0;right: 0;bottom: 0;opacity: 0;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

#mmgTab>li>a.active {background: transparent;font-weight: 600;}

#mmgTab>li>a:hover:after {opacity: .3;}

#mmgTab>li>a.active:after {opacity: 1;}

.mpmVideos,

#mmgContent {padding-top: 40px;padding-left: 40px;padding-right: 40px;}

.mpmVideos h4,

#mmgContent h4 {margin-bottom: 30px;font-size: 16px;font-weight: 600;}

.mmgspBox .mmgspBT {margin-bottom: 15px;}

.mmgPhotosSlider .owl-dots {margin-top: 2rem !important;}

/* mpmVideos */

@media (min-width: 992px) {

    .mpmNav .nav {flex-direction: column;}

    .mpmNav .nav>a>.mpmNImg {display: none;}

    .header .myProfileNav .dropdown-toggle:after {content: "";border: 0;margin-left: .5rem;width: 17px;height: 10px;background-image: url(/front-assets/images/droArrow.svg);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;top: 3px;

        

        -webkit-transition: all .3s ease-in-out;

        -moz-transition: all .3s ease-in-out;

        transition: all .3s ease-in-out;

    }

    .header .navbar-nav.myProfileNav .nav-item:hover .dropdown-toggle:after {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg);

    }

    .header .navbar-nav.myProfileNav .nav-item .dropdown-menu {opacity: 0;top: 3rem;display: block !important;visibility: hidden;    

        -webkit-transform: translateY(50px);

        -moz-transform: translateY(50px);

        -ms-transform: translateY(50px);

        -o-transform: translateY(50px);

        transform: translateY(50px);

    }    

    .header .navbar-nav.myProfileNav .nav-item.dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;    

        -webkit-transform: translateY(0px);

        -moz-transform: translateY(0px);

        -ms-transform: translateY(0px);

        -o-transform: translateY(0px);

        transform: translateY(0px);

    }        

    .mpmNav .nav > a.goP:after {content: "";width: 21px;height: 27px;background-image: url(/front-assets/images/gop-icon.png);position: absolute;top: 0;right: 0;top: 50%;

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        transform: translateY(-50%);

    }

}

@media (min-width: 1143px) {

    /*#mmgTab {*/

    /*    justify-content: space-between;*/

    /*}*/

    #mmgTab>li>a {

        padding: 16px 20px;

    }

 } 

 @media (min-width: 1400px){

    #mmgTab>li>a {

        padding: 16px 22px;

    }

 }



@media (min-width: 1200px) {

    .header>.container-fluid {padding-left: 2rem;padding-right: 2rem;}

}

@media (min-width: 1600px) {

    .mpModelNav {min-width: 300px;}

}

@media (min-width: 1700px) {

    .mpModelNav {min-width: 340px;}

}

@media (max-width: 991px) {

    .header .myProfileNav .dropdown-toggle:after,

    .header .navbar-nav.myProfileNav .nav-item .nav-link .mpName,

    .mpmNav .nav>a>.mpmNText {display: none;}

    .header .navbar-nav.myProfileNav .nav-item {margin-left: 0 !important;}

    .header .navbar-nav.myProfileNav .dropdown-menu {position: absolute;right: 0;left: auto;}

    .header .navbar-nav.myProfileNav .nav-item .nav-link .mpImg {width: 42px;height: 42px;}

    .header .navbar-nav.myProfileNav {position: absolute;top: 24px;right: 20px;}

    

}

@media screen and (min-device-width: 769px) and (max-device-width: 991px){

    /*#mmgTab {*/

    /*    justify-content: space-between;*/

    /*}*/

    #mmgTab>li>a {

        font-size: 12px;

        padding: 16px 20px;

    }

}

.mpDBox {padding: 2.5rem;background-color: var(--white);-webkit-box-shadow: 4px 0px 8px rgba(0, 0, 0, 0.01);box-shadow: 4px 0px 8px rgba(0, 0, 0, 0.01);}

.mpmGallery #mmgContent {padding-left: 0;padding-right: 0;}

#paymentModal form h5,

#mmgContent .mpDBox h4,

.mpDBox h4 {text-align: center;font-size: 24px;color: var(--dark);font-weight: 600;}

.mpDList {padding: 0;}

.mpDList>li {align-items: center;justify-content: space-between;border-bottom: 1px solid var(--of-white);padding: .5rem 0;}

.mpDList>li:last-child {border-bottom: none;}

.mpDList>li p {margin: 0;font-size: 14px;}

.mpDList>li>.mpDLLeft p {color: var(--grey);}

.mpDList>li>.mpDLRight p {color: var(--black);font-weight: 400;}

.mpDLRight.mpDLRImg>span {width: 50px;height: 50px;display: inline-block;border-radius: 50%;overflow: hidden;}

.mpDLRight.mpDLRImg>span>img {width: 100%;height: 100%;object-fit: cover;}

.mpDBox .epd-btn {display: block;text-align: center;padding-top: 1rem;}

.epd-btn {color: var(--primary);font-size: 14px;text-decoration: underline;font-weight: 600;text-transform: uppercase;}

.epd-btn:hover {color: var(--primary);text-decoration: none;}

/* /MY PROFILE MODEL PAGE */

/* CONTACT PAGE */

.serBanner.conBanner .seInner {background-color: #e9ecef;}

.serBanner.conBanner .seCInner h1 {margin-bottom: 0;}

.serBanner.conBanner .seCInner h1 small {line-height: 1.7;}

.serBanner.conBanner .seInner:before {bottom: 0;right: 0;top: unset;height: 100%;background: linear-gradient(0deg, rgba(240,221,221,1) 40%, rgba(255,255,255,1) 40%);}

.serBanner.conBanner .seInner:after {content: "";width: 60%;height: 10%;position: absolute;bottom: 0;left: 0;background-color:var(--white);}

.serBanner.conBanner .fbSocials {top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.conMap,

.getTouch {padding-top: 80px;padding-bottom: 80px;}

.gtList {padding: 0;margin: 2rem auto 0;justify-content: center;}

.gtList>li {align-items: center;}

.gtList>li>.gtlLeft {width: 84px;height: 84px;border-radius: 50%;background-color: var(--white);align-items: center;justify-content: center;

    -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.38);

    box-shadow: 0 0 28px rgba(0, 0, 0, 0.38);

}

.gtList>li>.gtlRight {width: calc(100% - 84px);padding-left: 2rem;padding-right: 3rem;}

.gtList>li>.gtlRight>h4 {font-size: 24px;font-weight: 600;color: var(--dark);}

.gtList>li>.gtlRight>p {margin: 0;line-height: 24px;}

.gtList>li>.gtlRight a {color: var(--dark);text-decoration: none;}

.conMap {background-color: #f9f9f9;position: relative;}

.conMap:after {

    content: "";

    width: 100%;

    height: 100%;

    background-image: url(/front-assets/images/map-bg.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

}

.conForm {position: relative;z-index: 2;}

.conForm .form-control {height: calc(3rem + .75rem + 2px);border-radius: 0;border: none;-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);}

.conForm .form-control:focus {background-color: var(--light-grey);color: var(--white);box-shadow: none;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.conForm .form-control:focus::-webkit-input-placeholder {color: var(--white);}

.conForm .form-control:focus::-moz-placeholder {color: var(--white);}

.conForm .form-control:focus:-ms-input-placeholder {color: var(--white);}

.conForm .form-control:focus:-moz-placeholder {color: var(--white);}

@media (min-width: 1367px) {

    .serBanner.conBanner .seInner .seImg {max-width: 36%;flex: 0 0 36%;}

    .serBanner.conBanner .seInner .seContent {max-width: 49%;flex: 0 0 49%;}

}

/* /CONTACT PAGE */

/* BOOK TALENT PAGE */

.bookTalent {min-height: 100vh;background-repeat: no-repeat;background-size: auto;background-position: center;padding-top: 11rem;padding-bottom: 80px;}

.btBox {background-color: var(--white);padding: 3.5rem;  width: 750px; margin: 0 auto;}
@media (max-width: 991px) {
    .btBox {width: 100%;}
}

.btBox .ctTitle {margin-bottom: 10px ;}

.btBox .btBForm {max-width: 100%;margin: 0 auto;} 

#btbOne, #btbTwo, #btbThree, #btbFour{

	max-width: 520px;

    margin: 0 auto;

}

.mulitsummarylist .row .summarycol:first-child {

    margin: 0 auto;

}

#btbFive .mpDBox h4 {

    margin-bottom: 30px;

}

.btBForm .form-control {height: calc(2.4rem + .75rem + 2px);border-radius: 0;border-color: #e2e4e5;padding-right: 3.25rem;}

.btBForm .form-control:focus {box-shadow: none;border-color: #b7b7b7;}

.btBForm .input-group-append {position: absolute;top: 0px;right: 0;z-index: 4;padding: 10px 0;}

.btBForm .input-group-append>span {background: transparent;border-width: 0 0 0 1px;border-color: #e2e4e5;padding: 0;width: 50px;height: 32px;align-items: center;justify-content: center;}

.btnTitle h4 {font-size: 24px;font-weight: 600;color: var(--dark);}

.btnTitle p {font-size: 13px;color: #acb2b0;line-height: 20px;}

.btnRadio {flex-wrap: wrap;-ms-flex-wrap: wrap;}

.btnRadio .crBox {max-width: 50%;flex: 0 0 50%;padding: 0 5px 10px 5px;}

.btnRadio .crBox .custom-radio {width: 100%;margin: 0;padding: 1rem 1rem 1rem 2rem;border: 1px solid #e2e4e5;}

.btnRadio .crBox .custom-control-label {color: #acb2b0;font-size: 14px;padding-left: 8px;text-align: left;}

.btnRadio .crBox .custom-control-label::before {border-color: #e2e4e5;}

.btbrate.btnTitle p {color: var(--black);font-size: 16px;margin-bottom: 1rem;font-weight: 400;}

.btbrate.btnTitle {margin-bottom: 2.5rem;}

/* slidecontainer */

.slidecontainer {max-width: 400px;margin: 0 auto;}

.slidecontainer input[type='range'] {

    position: relative;

    z-index: 1000;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background: linear-gradient(90deg, #ffb830 0%, #ff5e5a 100%);

    height: 6px;

    border-radius: 36px;

    outline: none;

    margin: 0;

    padding: 0;

    width: 100%;

}

.slidecontainer input[type='range']::-webkit-slider-thumb {

    position: relative;

    -webkit-appearance: none;

    appearance: none;

    width: 26px;

    height: 26px;

    background: #b6bfc9;

    border: 3px solid var(--white);

    border-radius: 100%;

    cursor: pointer;

    z-index: 5000;

    -webkit-transition: background 0.3s ease-in-out;

    transition: background 0.3s ease-in-out;

}

.slidecontainer input[type='range']::-webkit-slider-thumb:hover,

.slidecontainer input[type='range']::-webkit-slider-thumb:active {

    background: var(--primary);

    -webkit-transition: background 0.3s ease-in-out;

    transition: background 0.3s ease-in-out;

}

/* /slidecontainer */

#paymentModal .modal-content {

    border: none;

    border-radius: 0;

}

#paymentModal .close {

    position: absolute;

    top: 1rem;

    right: 1rem;

}

#paymentModal form {

    max-width: 300px;

    margin: 0 auto;

}

#paymentModal form h5 {

    margin-bottom: 2rem;

}

#paymentModal form .btnRadio {

    margin-bottom: 2rem;

}

#paymentModal form .btnRadio .crBox {

    max-width: 100%;

    flex: 0 0 100%;

    padding: 5px;

}



  

  







/* /BOOK TALENT PAGE */

.btBForm textarea.form-control,

.conForm  {height: auto;}

/* footer CSS */

footer.footer {
    padding-top: 45px;
    background-color: var(--dark);
    position: relative;
    z-index: 2;
}
.footrtTop {padding: 0 0rem 2.5rem 0rem;border-bottom: 1px solid var(--primary);}

.footrtTop form label {font-family: var(--ff-open-sans);font-size: 14px;font-weight: 600;}

.footrtTop .newsletterForm .form-control {width: 336px;height: 40px;color: var(--white);padding: .25rem 3.5rem .25rem 1.5rem;border-radius: 40px;background: transparent;border: 1px solid var(--light-grey);}

.footrtTop .newsletterForm .form-control:focus {box-shadow: 0 0 0.6rem 0.2rem rgba(182, 191, 201, 0.25) !important;}

.newsletterForm>button {position: absolute;border: none;background: transparent;padding: 0;color: var(--primary);font-size: 20px;width: 55px;height: 40px;top: 0;right: 50px;}
@media(max-width:1365px){
    .newsletterForm>button {right: 100px;}
}
@media(max-width:1300px){
    .newsletterForm>button {right: 80px;}
}

.btBForm .form-control::-webkit-input-placeholder,

.conForm .form-control::-webkit-input-placeholder,

.newsletterForm input::-webkit-input-placeholder {color: var(--light-grey);font-family: var(--ff-roboto);}

.btBForm .form-control::-moz-placeholder,

.conForm .form-control::-moz-placeholder,

.newsletterForm input::-moz-placeholder {color: var(--light-grey);font-family: var(--ff-roboto);}

.btBForm .form-control:-ms-input-placeholder,

.conForm .form-control:-ms-input-placeholder,

.newsletterForm input:-ms-input-placeholder {color: var(--light-grey);font-family: var(--ff-roboto);}

.btBForm .form-control:-moz-placeholder,

.conForm .form-control:-moz-placeholder,

.newsletterForm input:-moz-placeholder {color: var(--light-grey);font-family: var(--ff-roboto);}

.newsletterForm label {font-family: var(--ff-open-sans);}

.footrtBottom {padding: 25px 0rem 12px 0rem;justify-content: space-between;}

.fbSocials {margin-bottom: 1.25rem;}

.fbSocials>a {

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;



    color: var(--primary);margin-right: 15px;}
    
.footrtTop .row{
    align-items: center;
}

.fbSocials>a:hover {color: var(--white);}

.mpmDetails .mpmDLeft .fbSocials>a:last-child,

.fbSocials>a:last-child {margin-right: 0;}

.coppyRights {font-family: var(--ff-roboto);font-weight: 300;color: var(--white);font-size: 15px;}

.fbrLinks>a {

    font-family: var(--ff-open-sans);

    font-weight: 500;

    text-transform: capitalize;

    color: var(--white);

    font-size: 14px;

   padding: 0 10px;



	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.fbrLinks>a:hover {color: var(--primary);text-decoration: none;}

.fbrLinks>a:first-child {padding-left: 0;}

/* /footer CSS */

/* scroll */

#scroll {

    position: fixed;

    right: 10px;

    bottom: 10px;

    cursor: pointer;

    width: 44px;

    height: 44px;

    background-color: var(--black);

    display: none;

    color: var(--primary);

    z-index: 9;



    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

#scroll i {

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

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

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

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

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



    position: absolute;top: 50%;left: 50%;}

/* /scroll */

.pagination::-webkit-scrollbar,

#btTab::-webkit-scrollbar,

.wuTabs #wuTab::-webkit-scrollbar,

#mmgTab::-webkit-scrollbar {display: none;}

/* media */

/* 23/08/2021*/

.btbForm .btfOne::after {

    width: 14px;

    height: 20px;

    background-image: url(../images/location1.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    position: absolute;

    top: 50%;

    right: 15px;

    content: '';

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.btfFour .select2::after {

    width: 14px;

    height: 20px;

    background-image: url(../images/selectArrow.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    position: absolute;

    top: 50%;

    right: 15px;

    content: '';

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.btfFour .select2-container--default.select2-container--focus .select2-selection--multiple {

    border: unset !important;

    outline: 0;

}

.btfFour .select2-container--default .select2-selection--multiple {

    border: unset !important;

}

.goP .mpmNText {

    color: var(--primary);

}

 .mpModelInfo {padding-left: 270px;}

/* 23/08/2021*/



@media (max-width: 1500px) {

    .mpModelInfo > .container {max-width: 100%;}

    .mpModelInfo .mpModelMain {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .mpModelInfo {padding-left: 270px;}

    .mpmDetails,

    .mpmVideos, 

    #mmgContent {padding-left: 20px;padding-right: 20px;}

    .mpModelNav,

    .mpModelInfo {padding-top: 8rem;}

}

@media (max-width: 1366px) {
    .account .btn {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
    .account form .form-control {
        height: calc(2.5rem + .75rem + 2px);
    }
    #login_box .ctTitle {
        margin-bottom: 20px;
    }
    #login_box .ctTitle h2 {
        font-size: 24px;
    }
    #login_box .ctTitle h5 {
        font-size: 15px;
    }
    #modal-default .account {
        min-height: auto;
    }
    #modal-default .account #registration_box .alBox.position-absolute {
        position: unset !important;
    }
    #registration_box {
        height: auto !important;
    }
    .modelProfile {min-height: 560px;}

    .serBanner.conBanner .seInner .seContent .seCInner {padding: 4rem 6rem;max-width: 100%;}

    .serBanner.conBanner .seInner .seContent {max-width: 56%;flex: 0 0 56%;}

    .serBanner.conBanner .seInner .seImg {max-width: 40%;flex: 0 0 40%;}

    .serBanner .seInner .seContent .seCInner {padding: 2rem 3rem;max-width: 86%;}

    .header .navbar-nav.myProfileNav .nav-item .nav-link .mpName {font-size: 16px;}

}

@media (max-width: 1200px) {

    .ctTitle {margin-bottom: 30px;}

    .homeGInner {padding-left: 15px;padding-right: 15px;}

    .hbSlider .hbsImg .hbsCon h3 {font-size: 40px;}

    .hbSlider .hbsImg .hbsCon small {font-size: 15px;}

    .hbSlider .hbsImg .hbsCon {left: 2rem;}

    .hbSlider .hbsImg {width: calc(80% - 250px);}

    .hbSlider .owl-dots {right: 5%;bottom: 5%;}

    .serBanner .fbSocials,

    .homeBanner .fbSocials {

        top: 26%;

        -webkit-transform: translateY(-26%);

        -moz-transform: translateY(-26%);

        -ms-transform: translateY(-26%);

        -o-transform: translateY(-26%);

        transform: translateY(-26%);

    }

    .serBanner .seCInner h1,

    .innerBanner .ibInner .ibContent h1 {font-size: 40px;}

    .wuTabs #wuTab .nav-item .nav-link {font-size: 15px;padding: .75rem 1.5rem;}

    .modelProfile {min-height: 500px;}

    .serBanner .seInner .seContent .seCInner {padding: 1.5rem 2.5rem;}

    .serList li {padding: 1rem;}

    .serList .serLBox {padding: 2rem;height: 100%;}

    .serList .serLBox .serLLeft {padding-right: 1.5rem;}

    .header .navbar-nav.myProfileNav .nav-item {margin-left: 2rem;}

    #myProfile .header .navbar #navbarNavDropdown .navbar-nav .nav-item {padding-left: 2rem;}

    .header .navbar-nav.myProfileNav .nav-item .dropdown-menu .dropdown-item {padding-top: 1rem;padding-bottom: 1rem;}

    .header .navbar-nav.myProfileNav .nav-item .nav-link .mpName,

    .header .navbar-nav.myProfileNav .nav-item .dropdown-menu .dropdown-item .dmItem {font-size: 15px;}

    .mpmDetails .mpmDLeft .mpmDLImg {width: 160px;height: 160px;margin-bottom: 1.5rem;}

    .mInfo li {padding-left: 1.5rem;padding-right: 1.5rem;}

    .mpmDetails .mpmDLeft {padding-right: 30px;}

    .mpmDRName .mpmDRNL h2 {font-size: 32px;}

    .mpmDetails .mpmDRight .mpmDRName .mpmDRNR .btn {padding: 0.75rem 2rem;font-size: 15px;}    

    #btTab {flex-wrap: nowrap;overflow: scroll;-ms-scroll-chaining: none;overscroll-behavior: none;scrollbar-width: none;-ms-overflow-style: none;justify-content: flex-start !important;}

    #btTab > li > a {white-space: nowrap;}

    .gtList > li > .gtlLeft {width: 76px;height: 76px;}

    .gtList > li > .gtlRight {width: calc(100% - 76px);padding-left: 1rem;padding-right: 2rem;}

}

@media (max-width: 991px) {

    .getTouch,

    .conMap,

    .business,

    .talents,

    .services,

    .ourTalents,

    .whyUs,

    .homeGInner,

    .hireTInner,

    .ourCustomers,

    footer.footer {padding-top: 60px;padding-bottom: 60px;}

    .mGllery,

    .about {padding-top: 60px;}

    .aourCustomers {padding-bottom: 60px;}

    .ctTitle {margin-bottom: 20px;}

    .oCSlider {margin-top: 2rem;}

    /*.homeGInner::before, .homeGInner::after {width: 460px;}*/

    .homeGInner::before {top: -50px;}

    .homeGInner::after {bottom: -50px;}

    .hbSlider .hbPlay {padding: 1rem 1.5rem;}

    .hbSlider .hbProfile {padding: 1rem;}

    .hbSlider .hbsBtns {max-width: 180px;}

    .hbSlider .hbsImg {width: calc(80% - 180px);}

    .hbSlider .owl-dots .owl-dot::before {left: -30px;}

    .hbSlider .hbsImg .hbsCon h3 {font-size: 32px;}

    .hbSlider .hbsImg .hbsCon small {font-size: 14px;}

    .hbSlider .owl-dots .owl-dot {margin: .5rem 0;}

    .hbSlider .hbsBox .hbICount {bottom: 25%;}

    .serBanner .fbSocials,

    .homeBanner .fbSocials {top: 22%;-webkit-transform: translateY(-22%);-moz-transform: translateY(-22%);-ms-transform: translateY(-22%);-o-transform: translateY(-22%);transform: translateY(-22%);}

    .serBanner .fbSocials > a,

    .homeBanner .fbSocials > a {margin-bottom: 15px;}

    .innerBanner .ibInner .ibContent {padding-left: 1.5rem;padding-right: 1.5rem;}

    .serBanner .seCInner h1,

    .innerBanner .ibInner .ibContent h1 {font-size: 32px;}

    .innerBanner .ibInner .ibContent .ibBottom {padding: 1rem;}

    .innerBanner .ibInner .ibContent {-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;}

    .btPagination ul li a {width: 50px;height: 42px;font-size: 15px;margin: 0 .15rem;}

    .btPagination ul li a[aria-label="Next"] > span, .btPagination ul li a[aria-label="Previous"] > span {width: 16px;height: 12px;}

    .modelProfile {min-height: 400px;}

    .modelSlider .owl-dots {margin-top: 2rem !important;}

    .serBanner .seInner .seImg {max-width: 40%;flex: 0 0 40%;}

    .serBanner .seCInner h1 {margin-bottom: 1rem;}

    .serBanner .seCInner h1 small {margin-top: .5rem;}

    .serBanner .seCInner p {line-height: 30px;font-size: 15px;}

    .serBanner .seInner .seContent .seCInner {padding: .75rem 1.75rem;}

    .serList .serLBox {flex-direction: column;}

    .serList .serLBox .serLLeft {padding-right: 0;padding-bottom: 1.5rem;}

    #myProfile .header .navbar #navbarNavDropdown .navbar-nav .nav-item,

    .mpModelInfo {padding-left: 0;}

    .mpModelNav {min-width: 100%;position: fixed;top: unset;bottom: 0;min-height: auto;z-index: 9;padding: 0;height: auto;}

    .mpmNav .nav {align-content: center;justify-content: center;}

    .mpmNav .nav > a {border-bottom: none;position: relative;padding-left: 2rem;padding-right: 2rem;}

    .mpmNav .nav > a:before {content: "";width: 1px;height: 24px;background-color: var(--of-white);position: absolute;top: 50%;right: 0;

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        transform: translateY(-50%);

    }

    .mpmNav .nav > a:last-child:before {display: none;}

    .serBanner.conBanner .seInner .seContent .seCInner {padding: 3rem 4rem;}

    .gtList > li {flex-direction: column;align-items: center;max-width: 33.33%;flex: 0 0 33.33%;}

    .gtList > li > .gtlLeft {margin-bottom: 2rem;}

    .gtList > li > .gtlRight {padding-left: 0rem;padding-right: 1rem;width: calc(100% - 0px);text-align: center;}

    .bookTalent {

        padding-top: 6rem;

        padding-bottom: 40px;

    }





    .footrtTop form label {margin-bottom: .5rem !important;}

    .footrtTop .newsletterForm .form-control,

    .footrtTop form .col-md-auto {width: 100%;}

    .footrtBottom {justify-content: space-between;flex-direction: column;}

    .fbLeft {order: 2;text-align: center;}

    .fbRight {order: 1;text-align: center;margin-bottom: 2rem;}   

}
@media (max-width: 768px) {
    .ourCustomers{
        background-position: 65%;
    }
}
@media (max-width: 768px) {

    .getTouch,

    .business,

    .talents,

    .ourTalents,

    .whyUs,

    .homeGallery,

    .about,

    .hireTInner,

    .ourCustomers,

    footer.footer {padding-top: 40px;padding-bottom: 40px;}    

    .mGllery {padding-top: 40px;}

    .aourCustomers {padding-bottom: 40px;}

    .ctTitle {margin-bottom: 1rem;}

    p {line-height: 28px;margin-bottom: 1.5rem;}

    .hireTalent {padding-top: 0;}

    .hbSlider .hbsImg {width: calc(100% - 0px);}

    .hbSlider .hbsBtns {position: absolute;left: 0;bottom: 0;}

    .hbSlider .hbsBox .hbICount {bottom: 15%;left: 6px;}

    .serBanner .fbSocials,

    .homeBanner .fbSocials {left: 3.4%;}

    .serBanner .fbSocials, 
    .homeBanner .fbSocials {
        background-color: #fff;
        padding: .35rem;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    }
    .homeBanner {min-height: auto;padding-left: 0;padding-right: 0;margin-bottom: 2.5rem;}

    .hbSlider {padding-top: 5rem;}

    .hbSlider .owl-dots .owl-dot::before {left: -7px;}

    .hbSlider .owl-dots .owl-dot > span {width: 30px;}

    .hbSlider .owl-dots .owl-dot {margin: .5rem 1rem .5rem 0;}

    .hbSlider .owl-dots {right: 0;bottom: -52px;flex-direction: row;background-color: #fff;padding: .75rem .75rem .75rem 2rem;left: 0;justify-content: center;}

    .innerBanner .ibInner {flex-direction: column;}

    .innerBanner .ibInner .ibContent,

    .innerBanner .ibInner .ibImg {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .innerBanner .ibInner .ibContent {padding-top: 2rem;}

    .innerBanner .ibInner .ibContent {padding-left: 1rem;padding-right: 1rem;}

    .utSlider {padding-left: 2.5rem;padding-right: 2.5rem;}

    .utSlider .owl-nav .owl-prev {left: -35px;}

    .utSlider .owl-nav .owl-next {right: -35px;}

    .aocBox .aocCust {margin-top: 1.5rem;}

    .login, .signup {height: auto;}

    .alBox {padding: 2rem;width: 94%;margin: 3rem auto;max-width: 490px;}

    .btbForm {padding: 1.8rem;border-radius: 1.5rem;max-width: 560px;}

    .btbForm .form-control {border-bottom: 1px solid #ddd !important;border-radius: 0;padding-left: 0;padding-right: 0;height: calc(2.75rem + .75rem + 2px);}

    .btbForm .btfThree {margin-bottom: 1.75rem;}

    .btbInner h2 {font-size: 38px;margin-bottom: 2rem;}

    .modelProfile {min-height: 350px;}

    .mGllery .fbSocials {position: unset;}

    .mInfo li h5 {font-size: 16px;}

    .mInfo {margin-bottom: 2rem;}

    .mInfo li {padding-left: 1.5rem;padding-right: 1.5rem;}

    .mGllery .ctTitle {margin-bottom: 1.5rem;}

    .modelSlider .owl-dots {margin-top: 1rem !important;}

    .modelVideo {padding-top: 20px;padding-bottom: 50px;}

    .serBanner .seInner {flex-direction: column;}

    .serBanner .seInner .seContent {max-width: 100%;flex: 0 0 100%;order: 2;}

    .serBanner .seInner .seContent .seCInner {max-width: 100%;}

    .serBanner.conBanner .seInner .seImg,

    .serBanner .seInner .seImg {max-width: 100%;flex: 0 0 100%;order: 1;}

    .serBanner.conBanner .seInner .seContent,

    .serBanner .seInner .seContent {max-width: 90%;flex: 0 0 90%;order: 2;position: absolute;left: 0;right: 0;bottom: 20%;z-index: 3;}

    .serBanner .seInner .sebtns {top: 110%;bottom: unset;}

    .mpmDetails, .mpmVideos, #mmgContent, #mmgTab {padding-left: 0;padding-right: 0;}

    .mpmDetails {flex-direction: column;}

    .mpmDetails .mpmDLeft {padding-right: 0;padding-bottom: 1.5rem;max-width: 160px;}

    .mpmDetails .mpmDLeft .mpmDLImg {margin-bottom: 1rem;}

    .mpmDRName .mpmDRNL h2 {font-size: 28px;}

    #myProfile #scroll {display: none;opacity: 0;visibility: hidden;}

    #mmgTab > li > a {padding-left: 1rem;padding-right: 1rem;}

    .pagination,

    .wuTabs #wuTab {flex-wrap: nowrap;overflow: scroll;-ms-scroll-chaining: none;overscroll-behavior: none;scrollbar-width: none;-ms-overflow-style: none;justify-content: flex-start !important;}

    .pagination> li > a,

    .wuTabs #wuTab > li > a {white-space: nowrap;}

    .mpDBox {margin-bottom: 2rem;}

    .serBanner.conBanner .seInner .seContent .seCInner {width: 100%;}

    .serBanner.conBanner .seInner .seContent {left: 0;right: unset;bottom: 4%;width: 90%;}

    .btnTitle h4, #paymentModal form h5, #mmgContent .mpDBox h4, .mpDBox h4 {font-size:22px;}





    .footrtTop form {margin-top: 2rem;}

    .footrtTop {padding: 0 0 1.5rem 0;}

    .footrtBottom {padding: 1.5rem 0 0 0;}

    .fbrLinks > a {padding-left: 1rem;margin-bottom: .5rem;display: inline-block;}



    #mmgTab {flex-wrap: nowrap;overflow: scroll;-ms-scroll-chaining: none;overscroll-behavior: none;scrollbar-width: none;-ms-overflow-style: none;}

    #mmgTab > li > a {white-space: nowrap;}

}

@media (max-width: 640px) {

    .serBanner .fbSocials,

    .homeBanner .fbSocials {right: 3.4%;left: unset;}

    .hbSlider .hbsBox .hbICount {bottom: 7%;left: unset;right: 3.4%;}

    .hbSlider .owl-item.active .hbsBox .hbICount::before {width: 30px;}

    .btPagination ul li a {width: 40px;height: 32px;}

    .btPagination ul li a[aria-label="Next"] > span, .btPagination ul li a[aria-label="Previous"] > span {width: 12px;height: 10px;}

    .modelProfile {min-height: 300px;}

    .mInfo li {padding-left: 1rem;padding-right: 1rem;}

    .serList li {flex: 0 0 100%;max-width: 100%;}

    .serList li {padding-left: 0;padding-right: 0;}

    .mpDBox {padding: 1.5rem;}

    .gtList {flex-wrap: wrap;}

    .gtList > li {max-width: 100%;flex: 0 0 100%;margin-bottom: 2rem;text-align: center;}

    .gtList > li > .gtlLeft {margin: 0 auto 1rem;}

    .gtList > li > .gtlRight {padding-right: 0;}

    .btBox {padding: 1.5rem;}

    .btnTitle h4, #paymentModal form h5, #mmgContent .mpDBox h4, .mpDBox h4 {

        font-size:20px;

    }



}

@media (max-width: 575px) {

    .ocBox .ocBoxLeft .ocblText {padding: 0 1rem;}

    .homeGInner::before, .homeGInner::after {width: 115px;}

    .homeGInner::before {top: -77px !important;}

    .homeGInner::after {bottom: -30px;}

    .hbSlider .hbsImg .hbsCon h3::after {width: 30px;height: 5px;margin-left: .5rem;}

    .utSlider {padding-left: 1.5rem;padding-right: 1.5rem;}

    .utSlider .owl-nav .owl-prev {left: -25px;}

    .utSlider .owl-nav .owl-next {right: -25px;}
    .serBanner .sebtns .icContact,
    .serBanner .sebtns {width: 100%;text-align: center;}
    .flowers {text-align: center;}

    .flowers .btn {margin-bottom: 1rem;}

    .login .ctTitle h2, .signup .ctTitle h2 {font-size: 26px;}

    .alBox {padding: 1.5rem 1rem;}

    .btbInner {padding-top: 6rem;padding-bottom: 4rem;}

    .btbInner h2 {font-size: 32px;margin-bottom: 1rem;}

    .btbForm {padding: 1.5rem 1rem;}

    #btTab {margin-bottom: 40px;}

    .serBanner .seInner {padding-bottom: 4rem;}
    .serBanner.conBanner .seInner .seContent{max-width: 100%;flex: 0 0 100%;width: 100%;bottom: 0 !important;}
    .serBanner.conBanner .seInner {
        padding-bottom: 0 !important;
    }
    .serBanner .seInner .seContent {max-width: 100%;flex: 0 0 100%;position: unset;margin-top: -11rem;}

    .serBanner .seInner .sebtns {top: unset;bottom: 0;}

    .mpDBox {padding-left: 1rem;padding-right: 1rem;}

    .serBanner.conBanner .seInner .seContent .seCInner {padding-left: 1rem;padding-right: 1rem;}

    .BusinessProfileEdit .btn, .TabentModelMain .btn {

        font-size: 14px;

        padding: 10px 20px;

    }

}

@media (max-width: 480px) {

    .ocBox {flex-direction: column;}

    .ocBox .ocBoxLeft {border-right: none;border-bottom: 1px solid var(--primary);padding-bottom: 1rem;}

    .ocBox .ocBoxRight .ocbrRating {text-align: center;}

    .hbSlider .hbPlay {padding: .75rem 1.5rem;}

    .hbSlider .hbsBtns {max-width: 170px;}

    .hbSlider .hbPlay > img {width: 14px;}

    .hbSlider .hbsImg .hbsCon {left: 1rem;}

    .wuTabs #wuTab .nav-item .nav-link {border-width: 1px;margin: 2px;}

    .modelProfile {min-height: 200px;}

    .mInfo li {padding-left: .35rem;padding-right: .35rem;}

    .mpmNav .nav > a {padding-left: 1.6rem;padding-right: 1.6rem;}

    .mpmDetails .mpmDRight .mpmDRName {flex-direction: column;}

    .mpmDetails .mpmDRight .mpmDRName .mpmDRNL {padding-bottom: 1rem;}

    .mpModelInfo {padding-top: 7rem;}

    .btnRadio .crBox {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .btBForm .mpDBox {

        padding-left: 0;

        padding-right: 0;

    }

}

@media (min-width: 786px) {

    .btbForm .btfOne, .btbForm .btfTwo, .btbForm .btfThree {

        position: relative;

    }

    .btbForm .btfOne::before, .btbForm .btfTwo::before, .btbForm .btfThree::before {

        width: 1px;

        height: 38px;

        background-color: #eeeeee;

        position: absolute;

        top: 0;

        right: 0;

        content: '';

    }

}

/* /media */

.nbTSlider .owl-item .item {

    height: 100%;

    padding-left: 2rem;

    padding-right: 2rem;

    padding-top: 2rem;

}



.nbTSlider .owl-item a, #btTab .nav-item .nav-link {

    text-align: center;

    height: 100%;

    position: relative;

    padding-bottom: 2rem;

    display: block;

    border: none;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.nbTSlider .owl-item a::before, #btTab .nav-item .nav-link::before {

    content: "";

    width: 0;

    height: 2px;

    background-color: transparent;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.nbTSlider .owl-item a .btNImg .btNIG, #btTab .nav-item .nav-link .btNImg .btNIG {

    opacity: 1;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    z-index: 2;

    display: block;

    width: auto;

}

.nbTSlider .owl-item a .btNImg .btNIP, #btTab .nav-item .nav-link .btNImg .btNIP {

    opacity: 0;

    position: relative;

    z-index: 3;

    width: auto;

    display: unset;

}

.nbTSlider .owl-item a .btNCon, #btTab .nav-item .nav-link .btNCon {

    font-size: 16px;

    color: #2c3e50;

    font-weight: 600;

    padding-top: 2rem;

    display: block;

}

.nbTSlider .owl-item a:hover .btNImg .btNIG, #btTab .nav-item .nav-link:hover .btNImg .btNIG {

    opacity: 10;

}

.nbTSlider .owl-item a:hover .btNImg .btNIP, #btTab .nav-item .nav-link:hover .btNImg .btNIP {

    opacity: 1;

}

.nbTSlider .owl-item a:hover {

    text-decoration: none;

}

.CardDetailsEditBtn .btn {

    padding: 8px 10px;

}

.FormHeading {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-bottom: 20px;

}



.CardDetailsForm .form-control[readonly] {

    border: 0;

    border-radius: 0;

    background-color: transparent;

    border-bottom: 1px solid #e1bcbb;

    padding: 0;

    font-size: 14px;

}

.form-control:focus {

    background-color: transparent;

    border-color: unset;

    box-shadow:unset;

}

.CardDetailsForm select.form-control {

    height: calc(2rem + .75rem + 2px);

    border-radius: 6rem;

    border-color: var(--dark);

}



.CardDetailsForm .btn-primary{

    color: #fff;

    background-color: #e1bcbb;

    border-color: #e1bcbb;

}

.CardDetailsForm .btn-primary:hover{

    color: var(--white);

    background-color: var(--black);

    border-color: var(--black);

}

.BusinessProfileEdit .form-group, .TalentProfileEdit .form-group {

    margin: 16px 0;

}

.BusinessProfileEdit .form-control, .TalentProfileEdit .form-control{

    border-color: var(--dark);

}

.BusinessProfileEdit .select2-container--default .select2-selection--single, .TalentProfileEdit .select2-container--default .select2-selection--single, .TalentProfileEdit .select2-container--default .select2-selection--multiple {

    min-height: calc(2rem + .75rem + 2px);

    border-radius: 6rem;

    border-color: var(--dark);

}

.BusinessProfileEdit .select2-container--open .select2-selection--single, .TalentProfileEdit .select2-container--open .select2-selection--single,   .TalentProfileEdit .select2-container--open .select2-selection--multiple{

    border-radius: 4px;

  }





.BusinessProfileEdit .select2-container--default .select2-selection--single .select2-selection__rendered, .TalentProfileEdit .select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 42px;

}

.BusinessProfileEdit .select2-container--default .select2-selection--single .select2-selection__arrow, .TalentProfileEdit .select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 10px;

    right: 10px;

}



.BusinessProfileEdit .select2-container .select2-selection--single .select2-selection__rendered, .TalentProfileEdit .select2-container .select2-selection--single .select2-selection__rendered {

    padding-left: 20px;

    padding-right: 20px;

}

.BusinessProfileEdit .select2-container, .TalentProfileEdit .select2-container{

    width:100% !important;

}



.TalentProfileEdit .select2-container--default .select2-selection--multiple .select2-selection__rendered {

    box-sizing: border-box;

    list-style: none;

    margin: 0;

    padding: 6px 18px;

    width: 100%;

}



.TalentProfileEdit .select2-container--default .select2-search--inline .select2-search__field::placeholder {

    color: #444;

}

.TalentProfileEdit .select2-container--default.select2-container--focus .select2-selection--multiple {

    border: solid var(--dark) 1px;

}



.BusinessModelMain .ctTitle a, .TabentModelMain .ctTitle a {

    flex: auto;

    text-align: right;

    padding: 0;

}

.BusinessModelMain .ctTitle, .TabentModelMain .ctTitle {

    display: flex;

    align-items: center;

}

.BusinessModelMain .ctTitle h2 span, .TabentModelMain .ctTitle h2 span {

    font-size: 16px;

}

@media (max-width: 1140px) {

    .header .navbar #navbarNavDropdown .navbar-nav .nav-item {

        padding-left: 10px;

    }

}

@media (max-width: 991px) {

    .BusinessProfileEdit label, .TalentProfileEdit label {

        line-height: 22px;

    }

}

@media (max-width: 786px) {

    .TabentModelMain .ctTitle h2 span {

        display: block;

    }

}

@media (max-width: 400px) {

    .BusinessModelMain .ctTitle h2, .TabentModelMain .ctTitle h2 {

        font-size: 24px;

    }

    .TabentModelMain .ctTitle h2 span {

        font-size: 12px;

    }   

}



/* 13/09/2021 **** Message Css **** */



.userBox {

    position: relative;

    padding: 1rem 0;

    border-right: 1px solid #e6ecf3;

    height: 100%;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .chatSearch {

    -webkit-border-radius: 3px 0 0 0;

    -moz-border-radius: 3px 0 0 0;

    border-radius: 3px 0 0 0;

    padding: 0 1rem 1rem 1rem;

    border-bottom: 1px solid #e6ecf3;

  }

  .chatSearch .input-group .form-control {

    height: calc(2rem + .75rem + 2px);

    background-color: #f8f8f9;

  }

  .chatSearch .input-group-btn {

    position: absolute;

    top: 50%;

    right: 10px;

    opacity: .3;

    z-index: 3;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

  }

  .btn:not(:disabled):not(.disabled) {

    cursor: pointer;

  }

  .chatSearch .input-group .input-group-btn .btn i {

    font-size: 16px;

    vertical-align: middle;

  }

  .userList {

    padding: 0;

  }

  .userList .person {

    position: relative;

    width: 100%;

    padding: 14px 1rem;

    cursor: pointer;

    border-bottom: 1px solid #f0f4f8;

    align-items: center;

  }

  .selectedUser {

    width: 100%;

    padding: 0 15px;

    min-height: 79px;

    border-bottom: 1px solid #e6ecf3;

    /*-webkit-border-radius: 0 3px 0 0;*/

    /*-moz-border-radius: 0 3px 0 0;*/

    /*border-radius: 0 3px 0 0;*/

    flex-direction: column;

    justify-content: center;

  }

  .selectedUser span.name {

    font-weight: 700;

  }

  .selectedUser span.info {

    font-size: 13px;

    margin-top: .4rem;

    opacity: .6;

  }

  .selectedUser .userDrop {

    position: absolute;

    right: 1rem;

  }

  .selectedUser .userDrop .dropdown-menu {

    position: absolute;

    right: 0;

    left: auto;

    top: 20px;

    border-radius: 0;

    border-color: #f7f7f7;

    -webkit-box-shadow: 0 8px 12px rgb(0 0 0 / 10%);

    box-shadow: 0 8px 12px rgb(0 0 0 / 10%);

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

  }

  .selectedUser .userDrop .dropdown-menu .dropdown-item {

    padding-top: .75rem;

    padding-bottom: .75rem;

    font-size: 14px;

  }

  .chatContainer {

    position: relative;

  }

  .chatBox {

    padding: 1rem;

  }

  .sendMsg {

    padding: 1rem;

    border-top: 1px solid #e6ecf3;

  }

.sendMsg textarea.form-control {

    resize: none;

    position: relative;

    height: 50px;

    padding: 14px 12px !important;

    border-radius: 50px;

    overflow-y: hidden;

    background: #f5f5f5;

    white-space: nowrap;

}

  .btn:not(:disabled):not(.disabled) {

    cursor: pointer;

  }

  .userList .person .clUser {

    display: inline-block;

    position: relative;

    margin-right: 10px;

  }

  .userList .person .clUser img {

    width: 48px;

    height: 48px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

        object-fit: cover;

  }

  .userList .person .clUser .status.busy {

    background: #fd7274;

  }

  .userList .person p.nameTime {

    font-weight: 600;

    font-size: .85rem;

    display: inline-block;

    line-height: inherit;

  }

  .userList .person p.nameTime {

    font-weight: 600;

    font-size: .85rem;

    display: inline-block;

    line-height: inherit;

  }

  .userList .person p.nameTime .time {

    font-weight: 400;

    font-size: 12px;

    margin-top: 0.4rem;

    color: var(--light-grey);

    display: block;

  }

  .selectedUser, .chatContainer li .chatHour, .chatContainer li.chatLeft, .chatContainer li.chatRight {

    display: flex;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

  }

  .chatContainer li.chatLeft, .chatContainer li.chatRight {

    flex: 1;

    flex-direction: row;

    margin-bottom: 40px;

  }

  .chatContainer li .chatAvatar {

    margin-right: 20px;

  }

  .chatContainer li img {

    width: 48px;

    height: 48px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

  }

  .chatContainer li .chatText {

    padding: .4rem 1rem;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    background: #f5f5f5;

    font-weight: 300;

    line-height: 160%;

    position: relative;

    font-size: 14px;

  }

  .chatContainer li .chatText:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border: 10px solid;

    top: 10px;

    left: -20px;

    border-color: transparent #f5f5f5 transparent transparent;

  }

  .chatContainer li .chatHour {

    padding: 0;

    margin-bottom: 10px;

    font-size: .75rem;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    margin: 0 0 0 15px;

    color: var(--grey);

  }

  .chatContainer li .chatHour > span {

    font-size: 15px;

    color: #9ec94a;

    padding-left: 6px;

  }

  .chatContainer li.chatRight {

    justify-content: flex-end;

  }

  .chatContainer li.chatRight > .chatText:before {

    right: -20px;

    border-color: transparent transparent transparent #f5f5f5;

    left: inherit;

  }

  .chatContainer li .chatText:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border: 10px solid;

    top: 10px;

    left: -20px;

    border-color: transparent #f5f5f5 transparent transparent;

  }

  .chatContainer li.chatRight > .chatText {

    text-align: right;

  }

  .chatContainer li.chatRight > .chatAvatar {

    margin-left: 20px;

    margin-right: 0;

  }

  .chatContainer li.chatRight > .chatHour {

    margin: 0 15px 0 0;

  }

  .sendMsg .send {

    margin-left: 1.25rem;

    margin-right: 1rem;

    font-size: 20px;

    color: var(--grey);

  }



/* 13/09/2021  **** Message Css End **** */



/*20-09-2021*/



.TabentModelMain .ctTitle {

     display: unset; 

     align-items: unset; 

}



.badge {

    background: red;

    color: #fff;

    position: relative;

    top: -6px;

    border-radius: 100%;

}



.mpmDRight {

    width: 100%;

}



.mpmVideos {

    padding-left: 0;

}



.mpmNav .nav>a {

    padding: 0.75rem .5rem;

}

.mpModelNav .mpmNav .nav>a {

    padding: 1.75rem .5rem;

}

.coppyRights {

    margin-bottom: 20px;

}



.chatBox, .ChatMessage, .userList {

    max-height: 400px;

    min-height: 400px;

        position: relative;

}

.chatBox .text-danger {

    position: absolute;

    width: 32%;

    bottom: 20%;

    font-weight: 500;

    border: 1px solid black;

    padding: 10px;

    border-radius: 35px;

    margin: 0 auto;

    left: 0;

    right: 0;

    background: #E1BCBB;

    color: #000 !important;

}

.logo_img_2, .ChatMessage .logo_img {

    opacity: 0.2;

    position: absolute;

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

    top: 50%;

    left: 50%;

}



.userList, .chatBox {

       overflow-y: auto;

}

.userList .person {

    display: flex;

}

.userList a:hover, .userList a:focus, .userList a:active {

    text-decoration: none;

}

.chatBox {

    margin-bottom: 0;

}

.sendMsg {

    margin-top: 0px !important;

}







.userList::-webkit-scrollbar {

    width: 4px;

    height: 0px;

}

.userList::-webkit-scrollbar-button {

    background: #ccc

}

.userList::-webkit-scrollbar-track-piece {

       background: #fff;

}

.userList::-webkit-scrollbar-thumb {

    background: #d0d0d0

}



.chatBox::-webkit-scrollbar {

    width: 4px;

    height: 0px;

}

/*.chatBox::-webkit-scrollbar-button {*/

/*    background: #ccc*/

/*}*/

.chatBox::-webkit-scrollbar-track-piece {

       background: #fff;

}

.chatBox::-webkit-scrollbar-thumb {

    background: #d0d0d0

}



.userList .person .clUser .status {

    width: 10px;

    height: 10px;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    border-radius: 100px;

    background: #e6ecf3;

    position: absolute;

    top: 0;

    right: 0;

}

  .alBox {

    margin-top: 30px;

    margin-bottom: 30px;

}
.account .alBox {
    margin-top: 0 ;
    margin-bottom: 2rem;
    box-shadow: rgb(102, 102, 102) 0px 2px 5px 1px;
}
  .SignupBtn, .SignInBtn {

    white-space: nowrap;

}

.btcBox .btcBImg img{

    object-fit:cover;

}



.nbTSlider .owl-item a::before, #btTab .nav-item .nav-link::before {

    content: "";

    width: 0;

    height: 2px;

    background-color: transparent;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.nbTSlider .owl-item a:hover::before, #btTab .nav-item .nav-link:hover::before {

    width: 100%;

    background-color: var(--light-grey);

}

.nbTSlider .owl-item a, #btTab .nav-item .nav-link {

    text-align: center;

    height: 100%;

    position: relative;

    padding-bottom: 2rem;

    display: block;

    border: none;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.bTalents {

    background: #f5f5f5;

}

.nbTSlider {

    background: #ffffff;

}

#btTabContent {

    padding-top: 80px;

}

.btNIG {

    max-width: 40px;

    max-height: 40px;

    min-width: 40px;

    min-height: 40px;

}



.hgBox .hgbImg img {

    max-height: 364px;

    min-height: 364px;

}







.nbTSlider .owl-carousel .owl-nav button.owl-next, .nbTSlider .owl-carousel .owl-nav button.owl-prev {

    position: absolute;

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

    top: 50%;

}

.nbTSlider .owl-carousel .owl-nav button.owl-next{

     right:0;

}

.nbTSlider .owl-carousel .owl-nav button.owl-prev {

   left:16px;

}

.nbTSlider .owl-theme .owl-nav [class*=owl-]:hover {

    background: #fff;

    color: #FFF;

    text-decoration: none;

}

.form-control {

    padding: .375rem .75rem !important;

}

#loginform .btn {

    white-space: nowrap;

}

.chatWrapper .swRight {

    position: relative;

}

.chatWrapper .swRight .logo_img, .chatWrapper .swRight .logo_img_2 {

    opacity: 0.2;

    position: absolute;

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

    top: 50%;

    left: 50%;

    padding:10px;

}

.btbForm .select2-container {

    border-top: 1px solid hsl(0deg 0% 0% / 0%) !important;

    border-left: 1px solid hsl(0deg 0% 0% / 0%) !important;

    border-right: 1px solid hsl(0deg 0% 0% / 0%) !important;

}

.btbForm .select2-container--open {

    border: 1px solid #b1b1b1 !important;

    border-bottom: 1px solid #b1b1b1 !important;

}

#registerform .btn {

    white-space: nowrap;

}

#modal-default .account {

    background-position: left !important;

}
#modal-default .account {
    border-radius: 15px;
}
#forget-box .alBox {
    margin-top: 2rem;
}

.cntbtrate input, .cntbtrate input:focus, .cntbtrate input:hover {

    background: transparent !important;

}

.cntbtrate .btn:hover input {

    color: #fff;

}



@media (max-width: 768px){

.alBox {

    padding: 2rem;

    width: 100%;

    margin: 3rem auto;

    max-width: 100%;

}

.registration_box .alBox {

    position: unset !important;

}

}

/********responsive css********/



@media (max-width: 997px){

.footrtTop form label {

    margin-bottom: .5rem !important;
    padding-top:10px;
}



}

@media (max-width: 991px){

.btbForm .form-control {

    border-bottom: 1px solid #ddd !important;

    border-radius: 0;

    padding-left: 0;

    padding-right: 0;

    height: calc(2.75rem + .75rem + 2px);

}

.btbForm {

    padding: 1.8rem;

    border-radius: 1.5rem;

    max-width: 560px;

}

.btbForm .row {

    flex-direction: column;

}

.btbForm .select2-container {

    width: 100% !important;

    border-bottom: 1px solid #ddd !important;

    padding: 12px 0;

    margin-bottom: 20px;

}



.login .btn, .signup .btn {

    padding: 13px 18px;

}

.btbForm .btfTwo::after {

    right: 32px;

}

#search .select2-container .select2-search--inline .select2-search__field {

    padding-left: 5px;

}

#modal-default .alBox {

     margin: 0 !important; 

}

#modal-default .alBox {

     margin-top: 0px; 

     margin-bottom: 0px; 

}

#modal-default .account {

    background-position: right !important;

}

}

@media (max-width: 767px){

.chatSearch {

    display: none;

}

.chatWrapper .swLeft {

    width: 65px;

    flex: 0 0 auto;

}

.userList .nameTime {

    white-space: nowrap;

}

.userList .person {

    padding: 14px 8px;

}

.chatWrapper .swRight {

    width: calc(100% - 65px);

    flex: 0 0 auto;

    max-width: 100%;

}

.userBox {

    padding: 0;

}

.chatContainer li.chatRight .chatHour {

    justify-content: flex-start;

    order: 2;

}

.chatContainer li .chatText {

    font-size: .8rem;

}

.chatContainer li.chatRight .chatAvatar {

    order: -1;

    margin: 0 0 5px 0;

    align-items: center;

    display: flex;

    justify-content: right;

    flex-direction: row-reverse;

}

.chatContainer li.chatLeft, .chatContainer li.chatRight {

    flex-direction: column;

    margin-bottom: 30px;

}

.header .alert-warning {

    font-size: 14px;

    line-height: 18px;

}

.login .btn, .signup .btn {

    padding: 1rem 3rem;

}

.serBanner .seInner .fbSocials {

    left: 1.5%;

}



.serBanner .seInner .fbSocials {

    background: #fff;

    padding: 8px;

    border-radius: 4px;

}

}



@media (max-width: 640px){

.serBanner .seInner .fbSocials {

    right: 1.5%;

    left:unset;

}

}

@media (max-width: 575px){

    .hgBox .hgbImg img {

        max-height: 100%;

        min-height: 100%;

    }

}

@media (max-width: 480px){

.mpmNav .nav > a {

    padding-left: .6rem;

    padding-right: .6rem;

}

.mpmNav .nav>a {

    padding: 0.75rem .5rem;

}

.coppyRights {

    margin-bottom: 26px;

}

#scroll {

    width: 30px;

    height: 30px;

}

.sendMsg textarea::placeholder {

    font-size: 12px;

}



}

@media (min-width: 1367px){

    .header .navbar {

        padding: 2.25rem 0;

    }

}



/*20-09-2021*/

/*23-10-2021*/

.mpmDCon p {

    margin: 0;

    line-height: 24px;

}

.mpmDLoc a {

    margin: 5px 0;

    display: inline-block;

}

.btbForm .select2-container--open {

   border: 1px solid #fff !important;

    border-bottom: 1px solid #fff !important;

    border-radius: 35px;

    padding: 0 8px;

}



img#video_box {

    width: 100%;

    height: 270px;

    object-fit: cover;

}

.dropzone {

    background: #f8f8f9;

}

.btbForm  .col-md.btfFour.border {

    padding: 7px 6px 7px 5px;

}

.alBoxModelMain {

    margin: 0;

    width: 100%;

    padding: 0 10px;

    height: 100%;

}

.alBoxModelMain .mpDBox {

    padding: 20px;

}

   .container2{

   background: #fff;

    height: 100%;

   }

   .dateTime{

   justify-content: center !important;

   display: flex !important;

   margin: -26px 0 5px 0 !important;

   }

   .dateTime b{

   background: #fff !important;

   padding: 0 10px !important;

   }

   .container1 .col-md-6:first-child {

    border-right: 1px solid #ceced1;

}

.msg_dropdown:hover .msg_dropdown-content {

     display: none !important; 

}

.prv_img img {

    object-fit: cover;

}

@media(max-width:991px){

    .col-md.border {

    margin: 0 0px 18px 0px !important;

}

.btbForm .select2-container {

    border-bottom: none !important;

    padding: 10px 0 ;

     margin-bottom: 0px; 

}

}

@media(max-width:767px){

   

   .mpmDetails .mpmDRight {

    width: 100% !important;

}

}

@media(max-width:575px){

    .talent_jobs input.form-control.border-0 {

        height: 48px;

    width: 100%;

  }

  .talent_jobs .form-group{

      margin-bottom:0px;

  }

  }
  
.btfFour .select2-container .select2-selection--single .select2-selection__rendered {
    overflow: visible !important;
}

/*23-10-2021*/


 .one-word-per-line {
    word-spacing: 1; 
}

.hbsCon h3{
    width: min-intrinsic;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: table-caption;
    display: -ms-grid;
    -ms-grid-columns: min-content;
}
.quote{
     text-align: center;
    font-family: 'Font Awesome 5 Free';
    font-size: 100px;
    color: var(--sprimary) !important;
}
.serLLeft img {
    width: 3rem;
}
.hgBox .hgbImg {
    filter: grayscale(1);
}
.blBox img{
    filter: grayscale(1);
}

/* START /-10-12-2021/ */
.btn:not(.btbrate .btn){
    border-radius: 50rem!important;
    color: var(--white) !important;
    background-color: var(--sprimary) !important;
    border-color: var(--sprimary) !important;
}
.btn:not(.btbrate .btn):hover{
     background-color: #fff !important;
    color: #000 !important;
    border-color: var(--primary) !important;
}
#comments_dropzone_form #postSubmitForm .BtnSubmit button.btn{
     border-radius: 50rem!important;
    color: var(--white) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
#comments_dropzone_form #postSubmitForm .BtnSubmit button.btn:hover{
     background-color: #fff !important;
    color: #000 !important;
    border-color: var(--primary) !important;
}
.btBanner .btbForm {
    padding: 0px 10px;
}

@media(min-width:1090px){
.contactPage {
    max-width: 70%;
    padding: 4rem 6rem;
    background-color: var(--white);
    width: 69%; 
}
}
@media(min-width:1400px) and (max-width:1900px){
.contactPage {
    max-width: 80%;
    width: 75%; 
}
.contactPage h1 {
    font-size: 60px !important;
}
}
@media(max-width:1452px) and (min-width:1367px){
.contactPage h1 {
    font-size: 40px !important;
}
}
@media(max-width:1300px) and (min-width:1200px){
.contactPage h1 {
    font-size: 45px !important;
}
}

@media(max-width:1090px){
.contactPage {
    max-width: 79%;
    padding: 4rem 6rem;
    background-color: var(--white);
    width: 79%; 
}
}
/* END /-10-12-2021/ */
/* START /-14-12-2021/ */
#paymentModal .paySubmit {
    /*width: 90%;*/
}
/* END /-14-12-2021/ */
.ui-timepicker-viewport{ 
   padding-right:0px !important;
}


.google{
    width: 100% !important;
}
.fb{
    width: 100% !important;
}
/* 02-JAN-2022 */
.pJobBanner * {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.ctTitle.t2 h2 {border-bottom: 1px solid #b6bfc9;padding-bottom: 1rem;}
.bjList {margin: 0;padding: 0;}
.bjList li {padding-bottom: .75rem;display: flex;}
.bjList li>span {width: 110px;}
.bjList li>b {width: calc(100% - 110px);word-break: break-word;white-space: inherit;}
.pJobBanner {background-color: #e7e3e3;}
.pJobBanner .tab-content {min-height: 100vh;}
.pJobBanner .tab-pane {min-height: 100vh;}
.pJobBanner .postTContent {min-height: calc(100vh - 92px);padding-left: 2%;padding-right: 2%;display: flex;}
.pJobBanner .postTContent .postTCLeft {max-width: 58%;flex: 0 0 58%;align-items: center;justify-content: flex-end;background-color: #fff;margin-top: 12%;margin-bottom: 6%;padding: 3rem 4rem;}
.pJobBanner .postTContent .postTCLeft h1 {font-family: var(--ff-open-sans);color: var(--black);font-size: 50px;margin-bottom: 1.5rem;font-weight: 700;}
.pJobBanner .postTContent .postTCLeft h1>small {font-family: var(--ff-open-sans);color: var(--light-grey);font-size: 15px;display: block;text-transform: uppercase;letter-spacing: 2px;font-weight: 600;}
.ptPList {display: flex;flex-wrap: wrap;margin-left: -5px;margin-right: -5px;}
.ptPList>li {max-width: 25%;flex: 0 0 25%;padding: 0 5px 30px;text-align: center;}
.ptPList>li>.ptPLImg {width: 80px;height: 80px;border-radius: 50%;}
.ptPList>li>.ptPLImg>img {width: 100%;height: 100%;object-fit: cover;}
.ptPList>li>p {line-height: unset;margin-bottom: 0.5rem;margin-top: 0.5rem;min-height: 32px;font-size: 15px;display: flex;align-items: center;justify-content: center;}
.pJobBanner .postTContent .postTCRight {max-width: 42%;flex: 0 0 42%;position: relative;z-index: 2;}
.pJobBanner .postJbtns {position: relative;z-index: 2;padding: 1rem 0;background-color: #fff;box-shadow: 0 -10px 15px rgb(0 0 0 / 8%);}
/* inputCounter */
.inputCounter {border: 1px solid #b7b7b7;border-radius: 50px;width: 70px;height: 24px;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.inputCounter.active {border-color: #e1bcbb;background-color: #e1bcbb;}
.inputCounter .icMinus, 
.inputCounter .icPlus {background: transparent;border: none;color: var(--black);}
.inputCounter.active input,
.inputCounter.active .icMinus, 
.inputCounter.active .icPlus {color: var(--white);}
.inputCounter span {cursor:pointer;}
.inputCounter input {height: 100%;width: 34px;font-size: 14px;text-align: center;border: none;background: transparent;}
/* inputCounter */
.postJTRight {border-radius: 10px;padding: 2rem;height: 100%;}
#postJFour h5,
#postJThree h5 {font-size: 18px;}
#postJFour h5 small,
#postJThree h5 small {font-size: 70%;}
#postJFour .mwbtn,
#postJThree .mwbtn {max-width: 340px;width: 100%;}
.prlItemLeft>small {font-family: var(--ff-open-sans);color: var(--light-grey);font-size: 15px;display: block;text-transform: uppercase;letter-spacing: 2px;font-weight: 600;}
.prlItemLeft>h5 {font-size: 18px;font-weight: 600;color: var(--dark);margin-top: 0.75rem;margin-bottom: 0.25rem;}
.prlItemLeft>p {font-size: 13px;line-height: unset;color: var(--dark);}
.proRateList {margin-top: 3rem;}
.proRateList .prlItem {margin-bottom: 2.5rem;}
.proRateList .prlItem:last-child {margin-bottom: 0;}
#postJFive .form-control,
#postJFour .form-control,
#postJThree .form-control,
#postJOne .form-control,
#postJSix .form-control {border-color: var(--primary);border-width: 2px;border-radius: 30px;height: calc(2.375em + 0.75rem + 2px);}
#postJSix textarea.form-control , #postJOne textarea.form-control {height: auto;padding: 1.25rem 1.75rem !important;}
.pJobBanner .postTContent .ser-bg {width: 100%;height: 100%;object-fit: cover;}
.btn-outline-next:not(.btbrate .btn) {background-color: var(--white) !important;border-color: var(--primary) !important;color: var(--black) !important;}
.btn-outline-next:not(.btbrate .btn) {background-color: var(--white) !important;border-color: var(--primary) !important;color: var(--black) !important;}
.btn-outline-next:not(.btbrate .btn).active,
.btn-outline-next:not(.btbrate .btn):hover {background-color: var(--primary) !important;color: var(--white) !important;border-color: var(--primary) !important;}
.btn-outline-next.disabled:not(.btbrate .btn) {background-color: #c2c2c2 !important;border-color: #c2c2c2 !important;color: var(--white) !important;}
/* customFile */
.inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.inputfile + label {font-size: 16px;font-weight: 500;color: var(--dark);text-overflow: ellipsis;white-space: nowrap;cursor: pointer;overflow: hidden;padding: 0.375rem 0.75rem;max-width: 340px;width: 100%;border: 1px solid var(--primary);border-width: 2px;border-radius: 30px;height: calc(2.5em + 0.75rem + 2px);margin: 0 auto;text-align: center;display: flex;align-items: center;justify-content: center;}
.no-js .inputfile + label {display: none;}
.inputfile:focus + label,
.inputfile.has-focus + label {outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px;}
.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {outline: none !important;}
/* /customFile */
.prlItemRight .form-control {max-width: 140px;text-align: center;}
#postJTwo .postJTLeft .btn {text-transform: inherit !important;padding-left: 2rem !important;padding-right: 2rem !important;}
.bjBanner .btbForm .btfOne::after {display: none;opacity: 0;visibility: hidden;}
.bjBanner .btbForm .btLocation::after {
    width: 14px;
    height: 20px;
    background-image: url(../images/location1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 15px;
    content: '';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* datepicker */
#postJThree .datepicker table tr td.active:hover, 
#postJThree .datepicker table tr td.active:hover:hover, 
#postJThree .datepicker table tr td.active.disabled:hover, 
#postJThree .datepicker table tr td.active.disabled:hover:hover, 
#postJThree .datepicker table tr td.active:focus, 
#postJThree .datepicker table tr td.active:hover:focus, 
#postJThree .datepicker table tr td.active.disabled:focus, 
#postJThree .datepicker table tr td.active.disabled:hover:focus, 
#postJThree .datepicker table tr td.active:active, 
#postJThree .datepicker table tr td.active:hover:active, 
#postJThree .datepicker table tr td.active.disabled:active, 
#postJThree .datepicker table tr td.active.disabled:hover:active, 
#postJThree .datepicker table tr td.active.active, 
#postJThree .datepicker table tr td.active:hover.active, 
#postJThree .datepicker table tr td.active.disabled.active, 
#postJThree .datepicker table tr td.active.disabled:hover.active, 
#postJThree .open .dropdown-toggle.datepicker table tr td.active, 
#postJThree .open .dropdown-toggle.datepicker table tr td.active:hover, 
#postJThree .open .dropdown-toggle.datepicker table tr td.active.disabled, 
#postJThree .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background-color: #e1bcbb !important;
    color: #fff !important;
}
#postJThree .datepicker table tr td.day:hover, 
#postJThree .datepicker table tr td.day.focused {
    background: #1a1818;
    color: #fff !important;
}
#postJThree .datepicker table tr td, 
#postJThree .datepicker table tr th {
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    border-radius: 46px;
    vertical-align: middle;
    font-size: 14px;
}
#postJThree .datepicker {
    padding: 0 !important;
    border-radius: 0 !important;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
    opacity: .4;
}
#postJThree #sandbox-container {
    max-width: 320px;
}
#postJThree #sandbox-container th.next, 
#postJThree #sandbox-container th.prev {
    color: #e1bcbb;
    font-size: 17px !important;
}
/* /datepicker */
.beautyBrand .mpDList .mpDLLeft {
    display: flex;
    align-items: center;
}
.beautyBrand .mpDList .mpDLLeft input {
    margin-right: .5rem;
}
.btBanner.bjBanner .btbForm .btfFive .btn:hover {transform: unset;}
@media (min-width: 1200px) {
    .ptPList>li {max-width: 20%;flex: 0 0 20%;}
    .pJobBanner .postTContent {padding-left: 5%;padding-right: 5%;}
    #postJSix .PCInner textarea {min-height: 250px;}
}
@media (min-width: 1367px) {
    .postJTRight {padding: 3rem;}    
    .ptPList>li>.ptPLImg {width: 100px;height: 100px;}
    .pJobBanner .postTContent {padding-left: 12%;padding-right: 6%;}
    #postJSix .PCInner textarea {min-height: 300px;}   
}
@media (min-width: 1467px) {
    .pJobBanner .postTContent .postTCLeft h1 {font-size: 55px;margin-bottom: 3rem;}
    #postJSix .PCInner textarea {min-height: 400px;}
}
@media (min-width: 1500px) {
    .ptPList>li>.ptPLImg {width: 120px;height: 120px;}
    #postJTwo .postJTLeft {margin-right: 3rem !important;}
}
@media (min-width: 1667px) {
    .pJobBanner .postTContent .postTCLeft h1 {font-size: 60px;}
}
@media (max-width: 1500px) {
    .pJobBanner .postTContent .postTCLeft {padding: 3rem;}    
}
@media (max-width: 1366px) {
    .pJobBanner .postTContent .postTCLeft h1 {font-size: 40px;}    
}
@media (max-width: 992px) {
    .pJobBanner .postTContent .postTCLeft h1 {font-size: 32px;}
    .ptPList > li > p {font-size: 14px;}    
}
@media (max-width: 768px) {
    .pJobBanner .postTContent {flex-direction: column;}
    .pJobBanner .postTContent .postTCRight,
    .pJobBanner .postTContent .postTCLeft {max-width: 100%;flex: 0 0 100%;}
    .pJobBanner .postTContent .postTCRight {order: 1;max-height: 600px;}
    .pJobBanner .postTContent .postTCLeft {order: 2;margin-top: 0%;}    
}
@media (max-width: 640px) {
    .pJobBanner .postTContent .postTCRight {max-height: 500px;}    
}
@media (max-width: 575px) {
    .pJobBanner .postTContent .postTCRight {max-height: 450px;}
    .pJobBanner .postTContent .postTCLeft {padding-left: 2rem;padding-right: 2rem;}
    .prlItemRight {margin-top: 1rem;}    
}
@media (max-width: 480px) {
    .postJbtns .btn-group-sm > .btn, 
    .postJbtns .btn-sm {padding: .6rem 2.5rem !important;font-size: 14px !important;}
    .pJobBanner .postTContent .postTCRight {max-height: 400px;}
    .ptPList > li {max-width: 33%;flex: 0 0 33%;}    
}
@media (max-width: 380px) {
    .pJobBanner .postTContent .postTCLeft {padding-left: 1rem;padding-right: 1rem;}    
}
/* /02-JAN-2022 */
button.btn.btn-outline-next.btn-sm.rounded-pill:disabled {
    background-color: #666 !important;
    border-color: #666 !important;
    color: var(--white) !important;
}
#myAccor .card {
    margin-bottom: .5rem;
    background-color: var(--white);
    border-radius: 8px;
    border: 1px solid #e7e3e3;
}
#myAccor.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
#myAccor.accordion>.card {
    overflow: hidden;
}
#myAccor .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
#myAccor .card .card-header {
    background-color: var(--white);
    padding: 0;
}
#myAccor.accordion>.card>.card-header {
    border-radius: 0;
}
#myAccor .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
#myAccor .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
#myAccor .card .card-header button {
    position: relative;
    border: none;
    background: none;
    font-size: 18px;
    font-weight: 600;
    padding: 1.75rem;
}
#myAccor .card .card-body {
    border-bottom: 1px solid #cecece;
    
}
#myAccor .card .card-header button>i {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    -webkit-transform: translateY(-50%) rotate(
0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(
0deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
 .seImg .hgbImg{
    filter: grayscale(1);
}
.howToRecruit h5{
    font-size: 18px !important;
}
.serLBox h3 {
    font-size: 18px;
    font-weight: 700;
}
#myAccor h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    margin: 4px;
}
.listview{
    font-family: var(--ff-roboto);
    line-height: 35px;
    color: var(--black);
    font-size: 16px;
    font-weight: 300;
}














/* cntProfile */
.ctnPNav a,
.cntProfile .form-control,
.cntProfile label {
    font-family: var(--ff-open-sans);
}
.cntProfile {background-color: #f8f8f9;padding-top: 11rem;padding-bottom: 80px;}
.cntPBox {background-color: #fff;border: 1px solid #EEF0F7;border-radius: 10px;}
.ctnPNav a {position: relative;font-weight: 600;color: #5F5F5F;}
.ctnPNav a i {width: 34px;font-size: 16px;text-align: center;}
.ctnPNav a.active,
.ctnPNav a:hover {color: var(--sprimary);text-decoration: none;}
.cntPRight .cntPBox {padding: 40px;}
.cntTitle {font-weight: 600;font-size: 20px;color: #1A1A1D;border-bottom: 1px solid #EEF0F7;padding-bottom: 1.75rem;margin-bottom: 2rem;}
.cntPTCover {position: relative;height: 7.5rem;padding: 1.75rem 2rem;border-radius: 0.75rem;}
.cntPTCWrapper {position: absolute;top: 0;right: 0;left: 0;height: 7.5rem;background-color: #e7eaf3;border-radius: 0.75rem;}
.cntPTCImg {width: 100%;height: 7.5rem;-o-object-fit: cover;object-fit: cover;vertical-align: top;border-radius: 0.75rem;}
.cntPTCBtn {position: absolute;bottom: 0;right: 0;padding: 1rem 2rem;z-index: 1;}
.cntCustomFileBtn {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    overflow: hidden;
    padding: 10px 20px;
    line-height: 1.5;
    border-radius: 38px;
    color: var(--primary);
    background-color: var(--white);
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.cntCustomFileBtn:hover {color: var(--white);background-color: var(--primary);}
.cntCustomFileInput {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.ctnPAvatar {
    position: relative;
    display: inline-block;
    border: 0.1875rem solid var(--white);
    width: 7.875rem;
    height: 7.875rem;
    cursor: pointer;
    transition: .2s;
    margin-bottom: 0;
    margin: -6.3rem auto 0.5rem auto;
}
.ctnPAvatar:hover {border-color:  var(--primary);}
.ctnPAvatar:hover .ctnPAvatarUploader i {background-color: var(--primary);color: var(--white);}
.avatarImg {display: block;max-width: 100%;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;pointer-events: none;}
.ctnPAvatarInput {
    position: absolute;
    top: -5px;
    right: 0;
    left: -5px;
    opacity: 0;
    width: 117%;
    height: 117%;
    background-color: rgba(19,33,68,.25);
    border-radius: 50%;
    transition: .2s;
    z-index: 5;
}
.ctnPAvatarUploader {position: absolute;bottom: 0;right: 0;cursor: pointer;}
.ctnPAvatarUploader i {
    width: 2.1875rem;
    height: 2.1875rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #677788;
    background-color: var(--white);
    transition: .2s;
    box-shadow: 0 3px 6px 0 rgba(140,152,164,.25)!important;
}
.ctnPTitle {font-weight: 700;font-size: 24px;color: #1A1A1D;}
.ctnPInfo li, .ctnPInfo li a {font-weight: 500;font-size: 14px;align-items: center;color: #A3A9AF;}
.ctnPInfo li i {color:  var(--sprimary);margin-right: .25rem;}
.ctnPInfo li {margin-right: 1rem;}
.ctnPInfo li:last-child {margin-right: 0;}
.cntPbtn:not(.btbrate .cntPbtn) {
    color: var(--sprimary) !important;
    background-color: var(--white) !important;
    border-color: var(--sprimary) !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    font-size: 14px !important;
}
.cntPbtn:not(.btbrate .cntPbtn):hover {color: var(--white) !important;background-color: var(--sprimary) !important;}
.ntnNoti {
    position: relative;
    border-radius: 50rem;
    color: var(--white);
    background-color: var(--sprimary);
    border-color: var(--sprimary);
    font-weight: 600;
    border-width: 2px;
    font-size: 16px;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.ntnNoti:hover {color: var(--white);text-decoration: none;}
.ntnNoti .cntCount {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -4px;
    top: -4px;
    background: #FF0000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: -0.03em;
    color: var(--white);
    border-radius: 50%;
}
.line-height-inherit {line-height: inherit !important;}
.cntProfile .form-control {font-size: 15px;border-color: #e4e6ed;height: calc(2.001em + 0.75rem + 2px);}
.cntProfile textarea.form-control {height: auto;}
.cntProfile label {font-weight: 600;font-size: 15px;color: #212529;}
.required {color: red;}
/* custFile */
#custFile {height: 200px;background: #FCFDFF;border: 1px dashed var(--primary);border-radius: 10px;padding: 1rem;cursor: pointer;position: relative;}
#custFile i,
#custFile small,
#custFile h4 {
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
#custFile h4 {font-weight: 600;font-size: 15px;color: #5F5F5F;margin-bottom: 0;}
#custFile small {font-weight: 400;font-size: 11px;color: #5F5F5F;}
#custFile i {font-size: 30px;display: block;margin-top: 1rem;color: var(--primary);}
#custFUpload {position: absolute;left: 0;right: 0;top: 20px;font-weight: 400;font-size: 15px;color: #5F5F5F;width: 90%;text-align: center;margin: 0 auto;}
.dragDrop {border: 2px dashed #888;color: #888;text-align: center;width: 100%;height: 100px;font-size: 20px;}
#dragDrop {opacity: 0;position: absolute;width: 100%;height: 100%;}
/* /custFile */
.idiItem {width: 135px;height: 90px;border-radius: 10px;position: relative;margin: 0.5rem;text-align: center;}
.idiItem > img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.dItem {position: absolute;top: 5px;right: 5px;width: 28px;height: 28px;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 12px;color: red;cursor: pointer;}
.idiItem > p {font-size: 14px;font-weight: 400;}
.idUploasded {display: flex;justify-content: center;align-items: center;}
.idiItem:before {content: "";width: 100%;height: 100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;border-radius: 10px;opacity: 0.5;background: #4c4c4f;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.idiItem:hover:before {opacity: 0.2;}
.addCard {height: 118px;background: var(--sprimary);border-radius: 16px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.addCard:hover {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
.addCard:hover {text-decoration: none;}
/* cusModal */
.cusModal .modal-content {border-radius: 14px;}
.cusModal .modal-header {padding: 2rem;border-bottom: none;}
.cusModal .modal-title {font-weight: 600;font-size: 18px;color: #1A1A1D;}
.cusModal .modal-body {padding: 0 2rem 2rem 2rem;}
/* /cusModal */
.adForm .form-group {background: #F8FAFF;border: 1px solid #EDEFF7;border-radius: 5px;padding: .5rem 1.25rem;margin-bottom: 0.75rem;}
.adForm .form-group > label {font-weight: 600;font-size: 11px;text-transform: uppercase;color: #868C93;margin-bottom: 0.1rem;}
.adForm .form-group > input, 
.adForm .form-group > select {background: transparent;border: none;color: #4A4C4E;font-size: 16px;font-weight: 600;padding-left: 0 !important;padding-right: 0 !important;}
.adForm ::-webkit-input-placeholder {color: #4A4C4E;font-size: 16px;font-weight: 600;}
.adForm ::-moz-placeholder {color: #4A4C4E;font-size: 16px;font-weight: 600;}
.adForm :-ms-input-placeholder {color: #4A4C4E;font-size: 16px;font-weight: 600;}
.adForm :-moz-placeholder {color: #4A4C4E;font-size: 16px;font-weight: 600;}
.rounded-tl-0 {border-top-left-radius: 0 !important;}
.rounded-tr-0 {border-top-right-radius: 0 !important;}
.rounded-bl-0 {border-bottom-left-radius: 0 !important;}
.rounded-br-0 {border-bottom-right-radius: 0 !important;}
/* acCardBox */
.acCardBox {height: 240px;padding: 1.5rem;background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;border-radius: 16px;overflow: hidden;}
.acCardBox small {font-weight: 400;font-size: 10px;letter-spacing: 0.1em;text-transform: uppercase;}
.acCardBox h4 {font-weight: 700;font-size: 16px;letter-spacing: 0.05em;text-transform: uppercase;}
.acCardBox p {font-weight: 400;letter-spacing: 0.1em;font-size: 14px;}
.acCardBox h3 {font-weight: 600;font-size: 25px;letter-spacing: 0.03em;}   
/* /acCardBox */
.custom-checkbox label {color: #5F5F5F;padding-left: .5rem;}
.custom-checkbox.custChecked a, 
.custom-checkbox.custChecked label {color: var(--primary);}
.custom-control-input:checked~.custom-control-label::before {border-color: var(--primary);background-color: var(--primary);box-shadow: 0 0 10px var(--primary);}
.socialLinks {margin: 0;padding: 0;}
.socialLinks > li {display: flex;margin-bottom: 1.75rem;padding-bottom: 1.75rem;border-bottom: 1px solid #EEF0F7;}
.socialLinks > li:last-child {border-bottom: none;}
.socialLinks > li > i {font-size: 20px;width: 22px;text-align: center;}
.socialLinks > li h4 {font-weight: 600;font-size: 16px;color: #1A1A1D;margin: 0;}
.socialLinks > li p {font-weight: 500;font-size: 14px;color: #5F5F5F;margin: 0;display: flex;align-items: center;}
.socialLinks > li p > .form-control {max-width: 120px;height: 36px;margin-left: 10px;background: #FFFFFF;}
.socialLinks > li p > a {color: var(--primary);margin-left: 10px;}
.socialLinks > li button {margin-left: auto;}
.pgBox {max-height: 130px;}
#custFile.pgBox h4 {font-size: 14px;}
#custFile.pgBox i {font-size: 20px;}
.pfTitle {font-weight: 600;font-size: 16px;}
.pgItem {position: relative;height: 210px;border-radius: 10px;overflow: hidden;}
.pgItem img {object-fit: cover;}
.cfUSigla {position: relative;height: 44px;background: #FCFDFF;border: 1px dashed #e4e6ed;border-radius: 5px;}
.cfUSigla input {opacity: 0;position: absolute;width: 100%;height: 100% !important;z-index: 3;}
.cfUSigla > i {position: absolute;right: 15px;top: 50%;color: #5F5F5F;font-size: 14px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.cfUSigla span {position: absolute;left: 15px;top: 50%;font-size: 14px;color: #5F5F5F;font-weight: 500;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
/* 13-nov-2022 */
.notAva button {width: 36px;height: 36px;border-radius: 50px;}
.notAva button.btnAdd {border: 1px dashed var(--primary);color: var(--primary);}
.notAva button.btnRemove i {color: #757575;}
.notAva .input-group > input {padding-right: 36px !important;border-top-right-radius: .25rem !important;border-bottom-right-radius: .25rem !important;}
.notAva .input-group > .input-group-addon {position: absolute;right: 10px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.notAva .input-group > .input-group-addon i {color: #E1E3E4;}
/* myDPicker */
.myDPicker {background: var(--white);border: 1px solid #F1F1F1;box-shadow: 0px 5px 80px rgb(0 0 0 / 5%);border-radius: 12px;}
.acI .aciBox {width: 12px;height: 12px;border-radius: 3px;display: inline-flex;}
.acI .aciBox.co01 {background-color: #E1BCBB;}
.acI .aciBox.co02 {background-color: #475460;}
.datepicker table tr td, .datepicker table tr th {border-radius: 8px !important;vertical-align: middle !important;}
.datepicker .datepicker-days tbody.notAvailable {background-color: #475460;color: var(--white);}
.datepicker .datepicker-days td.booked {background-color: #E1BCBB;color: var(--white);}
/* /myDPicker */
/* 13-nov-2022 */
@media (min-width: 992px){
    .cntPTCover {height: 10rem;}
    .cntPTCWrapper {height: 10rem;}
    .cntPTCImg {height: 10rem;}
}
@media (max-width: 1500px) {
    .cntProfile {padding-top: 8rem;}
}
@media only screen and (max-width: 992px) and (min-width: 768px)  {
    .cntProfile .cntPLeft {padding-right: 0;}
    .ctnPNav a {padding-left: 20px;padding-right: 20px;}
}
@media (min-width: 768px) {
    .cntPLeft .cntPBox {padding-top: 25px;padding-bottom: 25px;margin-bottom: 1rem;}
    .ctnPNav a {display: block;padding: 16px 30px;font-size: 15px;}    
    .ctnPNav a:before {content: "";width: 3px;height: 28px;background-color: var(--sprimary);position: absolute;left: 0;top: 50%;opacity: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    .ctnPNav a.active:before {opacity: 1;}
    .ctnPNav a:hover:before {opacity: 0.4;}
}
@media (max-width: 768px) {
    .cntPbtn:not(.btbrate .cntPbtn) {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
    .cntPLeft .cntPBox {margin-bottom: 3rem;}
    .ctnPNav {display: flex;justify-content: space-around;}
    .ctnPNav a {padding-top: 30px;padding-bottom: 30px;text-align: center;font-size: 14px;}
    .ctnPNav a:before {content: "";width: 28px;height: 3px;background-color: #E1BCBB;position: absolute;left: 0;right: 0;bottom: -2px;margin: 0 auto;opacity: 0;}
    .ctnPNav a.active:before,
    .ctnPNav a:hover:before {opacity: 1;}
    .ctnPNav a > span {display: none;opacity: 0;position: absolute;left: 50%;margin: 0 auto;bottom: -40px;width: 190%;height: 30px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
    .ctnPNav a.active > span {display: flex;align-items: baseline;justify-content: center;opacity: 1;}
    .ctnPNav a:last-child.active > span {text-align: right;}
    .ctnPNav a:last-child > span {left: unset;right: 0;-webkit-transform: unset;transform: unset;}
    .ctnPNav a:first-child > span {left: 0;-webkit-transform: unset;transform: unset;}
    .cntPRight .cntPBox {padding: 30px;}
    .acCardBox {padding: 1rem;}
}
@media (min-width: 575px)  {
    .socialLinks > li {align-items: center;}
    .socialLinks > li > i {margin-right: 1.25rem;}    
}
@media (max-width: 575px)  {
    .cntPbtn:not(.btbrate .cntPbtn) {padding: 0.5rem 1rem !important;margin: 0.25rem !important;}
    .cntPRight .cntPBox {padding: 20px;}
    .acCardBox {padding: .5rem;height: 180px;}
    .acCardBox h3 {font-size: 20px;}
    .acCardBox h4 {font-size: 14px;}
    .socialLinks > li {flex-direction: column;}
    .socialLinks > li > i {margin-bottom: 1.25rem;}
    .socialLinks > li .cntPbtn:not(.btbrate .cntPbtn) {max-width: 160px;margin-left: 0 !important;margin-top: .75rem !important;}
}
@media (max-width: 480px) {
    .cntProfile {padding-top: 7rem;}
}
/* /cntProfile */
.nav-pills .nav-link, .nav-pills .show>.nav-link span.font-weight-bold.small.text-uppercase {
    color: var(--sprimary) !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link span.font-weight-bold.small.text-uppercase{
    color: var(--white) !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: var(--sprimary) !important;
}