File: /home/aliazzsr/html.vqode.com/courses/css/custom.css
/*
Fameworx Code
*/
/*----- HTML Code Start ----- */
html
{
scroll-behavior: smooth;
}
/*----- HTML Code End ----- */
/*----- Body Code Start ----- */
body
{
font-family: 'Montserrat', sans-serif;
margin: 0;
background-color: black;
}
/*----- Body Code End ----- */
/*----- Website Background Color Code Start ----- */
.blackBackground
{
background-color: black;
}
.goldBackground
{
background-color: #fae2be;
}
/*----- Website Background Color Code Start ----- */
/*----- Heading Code Start ----- */
h1
{
font-family: 'Vidaloka', serif;
font-size: 85px;
color: black;
letter-spacing: 8px;
text-transform: uppercase;
padding: 7px 0;
display: inline-block;
transform: scale(1, 1.5);
/* Safari and Chrome */
-webkit-transform: scale(1, 1.5);
/* Firefox */
-moz-transform: scale(1, 1.5);
/* IE 9+ */
-ms-transform: scale(1, 1.5);
/* Opera */
-o-transform: scale(1, 1.5);
}
h2
{
font-family: 'Vidaloka', serif;
font-size: 24px;
color: black;
letter-spacing: 3px;
text-transform: uppercase;
padding: 5px 0 7px 27px;
display: inline-block;
transform: scale(1, 1.5);
/* Safari and Chrome */
-webkit-transform: scale(1, 1.5);
/* Firefox */
-moz-transform: scale(1, 1.5);
/* IE 9+ */
-ms-transform: scale(1, 1.5);
/* Opera */
-o-transform: scale(1, 1.5);
}
h3
{
font-size: 42px;
color: #fae2be;
font-family: 'Vidaloka', serif;
letter-spacing: 5px;
width: 100%;
text-align: center;
padding: 7px 0;
display: inline-block;
transform: scale(1, 1.5);
/* Safari and Chrome */
-webkit-transform: scale(1, 1);
/* Firefox */
-moz-transform: scale(1, 1.5);
/* IE 9+ */
-ms-transform: scale(1, 1.5);
/* Opera */
-o-transform: scale(1, 1.5);
}
h4
{
font-size: 18px;
color: white;
letter-spacing: 0;
width: 100%;
text-align: center;
font-weight: 500;
padding-bottom: 8px;
}
h5
{
font-size: 20px;
color: #fae2be;
text-align: center;
font-weight: bold;
padding: 0;
margin: 0;
}
h6
{
font-size: 16px;
color: #fae2be;
text-align: center;
font-weight: 600;
padding: 0;
margin: 0;
text-transform: uppercase;
padding: 30px 0 0 0;
}
h6::before
{
content: '';
width: 24px;
height: 1px;
background-image: url(../images/home/title-style.png);
position: absolute;
margin-top: 9px;
margin-left: -23px;
}
h6::after
{
content: '';
width: 24px;
height: 1px;
background-image: url(../images/home/title-style.png);
position: absolute;
margin-top: 9px;
margin-left: -3px;
}
p
{
font-size: 15px;
color: white;
text-align: left;
font-weight: normal;
padding: 0;
margin: 0;
line-height: 31px;
}
/*----- Heading Code End ----- */
/*----- Menu Code Start ----- */
@font-face {
font-family: 'Butler';
src: url(../fonts/Butler_ExtraBold.otf);
}
@font-face {
font-family: 'Butler Light';
src: url(../fonts/Butler_Light.otf);
}
#menu
{
width: 400px;
height: 100vh;
background-color: #242424;
float: right;
}
#menu::before
{
content: '';
width: 164px;
height: 284px;
background-image: url(../images/menu/menu-circle.png);
background-repeat: no-repeat;
position: absolute;
}
.menu-flex
{
display: flex;
padding: 0 0 0 30px;
position: relative;
z-index: 1;
height: 100%;
align-items: center;
}
.menu-link
{
width: 82%;
}
.menu-icon
{
width: 18%;
height: 100%;
border-left: 1px solid #3a3734;
display: grid;
justify-content: center;
padding: 20px 0;
align-content: space-between;
text-align: center;
}
.menu-navlink
{
font-size: 21px !important;
color: white !important;
text-transform: uppercase !important;
font-weight: bold !important;
font-family: 'Butler';
letter-spacing: 2px;
padding: 10px 0 !important;
}
.menu-link > nav > a:hover
{
color: #fae2be !important;
text-decoration: unset !important;
}
.menu-dash
{
font-weight: normal !important;
padding-right: 8px;
font-family: 'Butler Light';
}
.menu-icon-fb
{
margin-top: 30px;
}
/*----- Menu Code End ----- */
/*----- Navbar Code Start ----- */
#navbar
{
width: 100%;
height: 70px;
padding: 5px 0;
position: fixed;
z-index: 1;
}
.navFlex
{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.navbar-menu
{
margin-left: 10px;;
}
.navbar-login
{
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
padding: 0 5px;
margin: 0;
color: #fae2be;
}
a:hover
{
color: #fae2be;
}
.navbar-instagram
{
margin-right: 10px;
}
/*----- Navbar Code End ----- */
/*-------------------------------------------*/
/*----- Footer Section Code Start ----- */
#footer
{
width: 100%;
background-color: #fae2be;
padding: 25px 0 15px 0;
margin: 50px 0 0 0;
}
.footer-title
h5
{
font-size: 15px;
color: black;
font-weight: 700;
text-align: left;
padding: 10px 0 0 0;
margin: 0;
text-transform: uppercase;
}
.nav-link
{
display: block;
padding: 5px 0;
font-size: 13px;
color: #3b3b3b;
font-weight: 500;
}
.nav-link:focus, .nav-link:hover
{
color: black !important;
text-decoration: underline;
}
.footer-inner-addon
{
position: relative;
}
.footer-inner-addon input
{
padding-right: 35px !important;
border: 1px solid #d1ba98;
background-color: #d1ba98;
font-size: 13px;
color: #393429;
height: 50px;
border-radius: 8px;
font-weight: 500;
padding: 15px 15px;
}
.footer-inner-addon .form-control:focus
{
border: 1px solid black;
background-color: #d1ba98;
color: #393429;
}
.footer-inner-addon input::placeholder
{
color: #393429;
}
.footer-inner-addon img
{
position: absolute;
right: 0px;
padding: 15px 15px;
pointer-events: none;
}
.footer-message
{
border: 1px solid #d1ba98;
background-color: #d1ba98;
font-size: 13px;
color: #393429;
border-radius: 8px;
font-weight: 500;
padding: 15px 15px;
}
.footer-message::placeholder
{
color: #393429;
}
.footer-form .form-control:focus
{
border: 1px solid black;
background-color: #d1ba98;
color: #393429;
}
.footer-flex
{
display: flex;
justify-content: flex-end;
}
.footer-submit-btn
{
width: 104px;
height: 40px;
border: 0;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
border-radius: 8px;
border: 1px solid black;
color: #fae2be;
}
.footer-submit-btn:hover
{
background-color: #fae2be;
border: 1px solid black;
color: black;
}
.footer-news-flex
{
display: flex;
justify-content: space-between;
}
.footer-news-title
h5
{
font-size: 12px;
color: black;
text-align: left;
padding: 5px 0 0 0;
margin: 0;
font-weight: 500;
}
.footer-news-title
p
{
font-size: 12px;
color: #3b3b3b;
text-align: left;
padding: 5px 0 0 0;
margin: 0;
font-weight: 500;
line-height: 18px;
}
.footer-social
{
font-size: 13.5px;
color: black;
font-weight: 600;
}
.nav
{
margin: 15px 0 0 0;
}
.nav
a:hover
{
color: black;
text-decoration: underline;
}
.footer-copyright
{
font-size: 12px;
color: black;
font-weight: 600;
}
.footer-border
{
width: 100%;
height: 1px;
background-color: #d7c4a7;
margin: 10px 0 0 0;
}
.footer-contact-flex
{
display: flex;
align-items: center;
}
.footer-contact-title
h5
{
font-size: 16px;
color: black;
font-weight: 700;
text-align: left;
padding: 0 0 0 15px;
}
.footer-model
{
font-size: 12px;
color: black;
font-weight: 700;
text-align: left;
}
/*----- Footer Section Code End ----- */
/*-------------------------------------------*/
/*---------- HOME PAGE CODE START ---------- */
/*----- Sign Up Modal Code Start ----- */
.modal-lg
{
max-width: 1000px !important;
}
.home-modal-header
{
border: 0;
background-image: url(../images/home/signup-bg.jpg);
background-repeat: no-repeat;
width: 100%;
height: 310px;
margin-top: -3px;
background-size: cover;
}
.modal-content
{
border-radius: 0;
border: 0;
margin-top: 300px;
}
.home-modal-title
h3
{
font-size: 38px;
color: white;
text-align: center;
font-family: 'Montserrat', sans-serif;
transform: unset;
font-weight: 500;
letter-spacing: 1px;
padding-top: 30px;
}
.home-modal-title
h3 span
{
font-weight: 600;
font-size: 45px;
}
.popup-tab-border
{
border: 0 !important;
}
.popup-tab
{
width: 151px !important;
height: 42px !important;
background: #545454 !important;
border-radius: 50px !important;
font-size: 16px !important;
text-transform: unset !important;
font-weight: 500 !important;
color: #ffffff !important;
margin: 0 20px 0 0;
border: 0 !important;
}
.popup-tab.active
{
background: #fbd870 !important;
color: black !important;
font-weight: 700 !important;
text-decoration: unset !important;
}
.popup-tab:hover
{
text-decoration: unset !important;
}
.popup-flex
{
display: flex;
justify-content: center;
}
.popup-title
p
{
font-size: 15px;
text-align: center;
color: white;
font-weight: normal;
width: 77%;
padding: 25px 0 0 0;
}
.popup-close
{
position: absolute;
z-index: 1;
right: 22px;
top: 5px;
}
.popup-content-wrp
{
width: 100%;
padding: 0px 30px 15px 30px;
}
.popup-title
h4
{
font-size: 16px;
text-align: center;
color: black;
font-weight: 700;
margin: 0;
padding: 0;
}
.popup-title-content
p
{
font-size: 14px;
text-align: center;
color: #5c5c5c;
font-weight: normal;
margin: 0;
font-style: italic;
}
.popup-label {
font-size: 14px;
font-style: italic;
color: #343434;
padding-left: 25px;
padding-top: 20px;
font-weight: 500;
}
.popup-form
{
width: 100%;
border-radius: 50px;
height: 48px;
padding: 10px 25px;
border: 0;
font-size: 14px;
font-style: italic;
color: #afafaf !important;
background-color: #efefef;
}
.popup-alert
{
color: #f4213f !important;
}
.popup-form:active
{
color: #afafaf !important;
background-color: #efefef;
}
.popup-form:focus
{
color: #afafaf !important;
background-color: #efefef !important;
}
.popup-wtsapp
{
position: absolute;
right: 30px;
margin-top: -36px;
}
.popup-dropdown
{
width: 100%;
border-radius: 50px;
height: 48px;
padding: 10px 25px;
border: 0;
font-size: 14px;
font-style: italic;
color: #afafaf !important;
background-color: #efefef;
display: flex;
justify-content: space-between;
align-items: center;
}
.popup-dropdown:hover
{
color: #afafaf !important;
background-color: #efefef;
}
.popup-dropdown:active
{
color: #afafaf !important;
background-color: #efefef;
box-shadow: unset !important;
}
.popup-dropdown:focus
{
color: #afafaf !important;
background-color: #efefef;
box-shadow: unset !important;
}
.popup-drop-menu
{
width: 100%;
border-radius: 10px;
}
.popup-radio-flex
{
display: flex;
margin: 25px 0 0 0;
}
.popup-radio[type="radio"]:checked,
.popup-radio[type="radio"]:not(:checked)
{
position: absolute;
left: -9999px;
}
.popup-radio[type="radio"]:checked + label,
.popup-radio[type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 34px;
cursor: pointer;
line-height: 24px;
display: inline-block;
color: black;
font-style: italic;
}
.popup-radio[type="radio"]:checked + label:before,
.popup-radio[type="radio"]:not(:checked) + label:before
{
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border: 2px solid black;
border-radius: 100%;
}
.popup-radio[type="radio"]:checked + label:after,
.popup-radio[type="radio"]:not(:checked) + label:after
{
content: '';
width: 12px;
height: 12px;
background: #fbd870;
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.popup-radio[type="radio"]:not(:checked) + label:after
{
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.popup-radio[type="radio"]:checked + label:after
{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.popup-signup-btn
{
width: 336px;
height: 47px;
background: #fbd870;
border-radius: 50px;
font-size: 14px;
font-style: italic;
font-weight: 600;
margin-top: 0;
}
.popup-signup-title
p
{
font-size: 14px;
text-align: left;
font-style: italic;
width: 100% !important;
padding-left: 50px;
color: black;
padding-top: 6px;
line-height: 25px;
}
.popup-signup-log
{
color: black;
text-decoration: underline;
}
.popup-signup-guide
{
padding-left: 0 !important;
letter-spacing: 1px !important;
padding-top: 15px !important;
color: #a1a1a1 !important;
}
.modal-footer
{
padding: 1rem;
margin: 0;
border: 0;
}
/*----- Sign Up Modal Code End ----- */
/*----- Banner Section Code Start ----- */
#home-banner
{
width: 100%;
height: 630px;
background-image: url(../images/home/home-banner.jpg);
background-repeat: no-repeat;
background-position: right;
background-size: cover;
position: relative;
top: 68px;
}
#home-banner::before
{
content: '';
width: 26px;
height: 52px;
background-image: url(../images/home/home-banner-previous-icon.png);
position: absolute;
top: 50%;
margin-left: 40px;
cursor: pointer;
}
#home-banner::after
{
content: '';
width: 26px;
height: 52px;
background-image: url(../images/home/home-banner-next-icon.png);
position: absolute;
right: 0;
bottom: 41%;
margin-right: 40px;
cursor: pointer;
}
.home-first-title
{
font-family: 'Vidaloka', serif;
font-size: 23px;
color: black;
letter-spacing: 2px;
text-transform: uppercase;
display: inline-block;
transform: scale(1, 1.5);
/* Safari and Chrome */
-webkit-transform: scale(1, 1.5);
/* Firefox */
-moz-transform: scale(1, 1.5);
/* IE 9+ */
-ms-transform: scale(1, 1.5);
/* Opera */
-o-transform: scale(1, 1.5);
}
.home-banner-paragraph
{
font-size: 18px;
font-weight: 500;
text-align: center;
margin: 0;
padding: 0;
color: black;
}
.banner-button
{
width: 152px;
height: 35px;
font-size: 14px;
color: white;
text-transform: uppercase;
border-radius: 50px;
border: 1px solid black;
font-weight: 600;
margin: 20px 0 0 0;
}
.banner-button:hover
{
background-color: unset;
border: 1px solid black;
color: black;
}
.button-center
{
display: flex;
justify-content: center;
}
.home-banner-mt
{
margin-top: 130px;
}
.home-banner-flex
{
display: flex;
justify-content: center;
}
.home-banner-dots
{
width: 13px;
height: 13px;
background-color: white;
opacity: 0.8;
border-radius: 20px;
margin: 100px 0 0 0;
margin-right: 5px;
}
.home-banner-dots-active
{
background-color: black;
opacity: 1;
}
/*----- Banner Section Code End ----- */
/*-------------------------------------------*/
/*----- Model Talent Section Code Start ----- */
.MDTalent-section-wrapper
{
width: 100%;
padding: 0 52px;
}
.talent-color
{
color: white !important;
}
.talent-color:hover
{
color: white !important;
text-decoration: unset !important;
}
.home-talent-nav
{
display: inline-flex !important;
width: 96%;
justify-content: space-between;
}
.HMDTalent-pre-icon
{
margin-top: 35px;
margin-right: 8px;
}
.HMDTalent-next-icon
{
margin-top: 35px;
margin-left: 8px;
}
.nav-item > a
{
color: unset;
}
.nav-tabs .nav-link
{
border: 0;
font-size: 11px;
color: white;
text-transform: uppercase;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
color: white;
background-color: unset;
border-bottom: 1px solid white;
}
.nav-tabs
{
border-bottom: 1px solid #131313;
}
.talent-mt
{
margin-top: 75px;
}
.home-talent-slider-mt
{
margin: -30px 0 0 0;
position: relative;
}
.home-talent-space
{
margin-right: 20px;
}
.home-talent-model-wrp
{
padding: 0 50px;
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 8px;
}
.home-talent-description
{
font-size: 12px;
color: #cfcccc;
}
.home-talent-mt200
{
margin: -200px 0 0 0;
}
.home-talent-slider-wrapper
{
display: flex;
overflow: hidden;
margin-left: -130px;
margin-top: 20px;
align-items: center;
}
.home-talent-space-hover
{
margin-right: 0 !important;
margin-bottom: 20px;
}
/*----- Model Talent Section Code End ----- */
/*-------------------------------------------*/
/*----- Artiste Division Section Code Start ----- */
.homeDivision-BG
{
width: 100%;
height: 842px;
background-image: url(../images/home/home-division.png);
background-repeat: no-repeat;
margin: 20px 0 0 0;
padding: 60px 0;
}
.home-division-promogirl
{
width: 100%;
padding: 9px;
border: 1px solid #fae2be;
margin: 20px 0 0 0;
}
.home-division-others
{
width: 100%;
padding: 5px;
border: 1px solid #fae2be;
margin: 10px 0 0 0;
}
.promow100
{
width: 100%;
}
.home-division-title-box
{
padding: 9px 70px;
background-color: black;
border: 1px solid #fae2be;
border-radius: 50px;
width: max-content;
-ms-transform: rotate(270deg);
transform: rotate(270deg);
position: absolute;
left: 0;
margin-left: -116px;
margin-top: 275px;
}
.home-division-title
{
font-size: 20px;
color: #fae2be;
text-align: center;
font-weight: bold;
padding: 0;
margin: 0;
}
.home-division-title-others
{
font-size: 12px;
color: #fae2be;
text-align: center;
font-weight: bold;
padding: 0;
}
.home-division-others-box
{
padding: 5px 35px;
background-color: black;
border: 1px solid #fae2be;
border-radius: 50px;
width: max-content;
-ms-transform: rotate(270deg);
transform: rotate(270deg);
position: absolute;
left: 0;
margin-left: -61px;
margin-top: 160px;
width: 155px;
height: 39px;
text-align: center;
}
/*----- Artiste Division Section Code End ----- */
/*-------------------------------------------*/
/*----- Production Service Section Code Start ----- */
#production-BG
{
width: 100%;
height: 762px;
background-image: url(../images/home/production-background.png);
background-repeat: no-repeat;
margin: 70px 0 0 0;
padding: 70px 0;
}
.home-production-description
{
text-align: center;
width: 81%;
}
.home-production-center
{
display: flex;
justify-content: center;
}
.semibold
{
font-weight: 600;
}
nav
{
display: flex;
margin: 30px 0 0 0;
}
.production-categories
{
font-size: 12px;
color: #fae2be;
padding: 0 10px;
}
.home-production-video
{
width: 100%;
height: 425px;
border: 1px solid #fae2be;
padding: 10px;
border-radius: 20px;
margin: 40px 0 0 0;
}
.home-production-w100
{
width: 100%;
}
.home-production-title
h6
{
font-size: 12px;
color: #fae2be;
text-align: center;
font-weight: 600;
padding: 0;
margin: 0;
text-transform: uppercase;
padding: 10px 0 0 0;
}
.home-production-title
h6::before
{
content: '';
width: 24px;
height: 1px;
background-image: url(../images/home/title-style.png);
position: absolute;
margin-top: 7px;
margin-left: -23px;
}
.home-production-title
h6::after
{
content: '';
width: 24px;
height: 1px;
background-image: url(../images/home/title-style.png);
position: absolute;
margin-top: 7px;
margin-left: -3px;
}
.home-production-title
h4
{
font-size: 23px;
color: #fae2be;
font-weight: 500;
text-align: center;
font-family: 'Vidaloka', serif;
padding: 15px 0 0 0;
}
.home-production-title
h4 span
{
font-size: 20px;
}
.right-inner-addon
{
position: relative;
}
.right-inner-addon input
{
padding-right: 35px !important;
border: 1px solid #fae2be;
background-color: black;
font-size: 12px;
color: #fae2be;
height: 38px;
}
.right-inner-addon input::placeholder
{
color: #fae2be;
}
.right-inner-addon img
{
position: absolute;
right: 0px;
padding: 12px 12px;
pointer-events: none;
}
.form-control:focus
{
background-color: unset;
border-color: #fae2be;
box-shadow: unset;
color: #fae2be;
}
.home-production-form-wrp
{
padding: 0 20px;
}
.home-production-textarea
{
border: 1px solid #fae2be;
background-color: black;
font-size: 12px;
color: #fae2be;
margin: 12px 0 0 0;
}
.home-production-textarea::placeholder
{
color: #fae2be;
}
.home-pro-mt12
{
margin-top: 12px;
}
.home-pro-contact-btn
{
width: 100%;
background: #fae2be;
border: 0;
color: black;
font-size: 12px;
font-weight: 600;
height: 37px;
border: 1px solid #fae2be;
}
.home-pro-contact-btn:hover
{
background-color: black;
border: 1px solid #fae2be;
color: #fae2be;
}
/*----- Production Service Section Code End ----- */
/*-------------------------------------------------*/
/*----- Client Testimonial Section Code Start ----- */
#home-client-BG
{
width: 100%;
height: 740px;
background-image: url(../images/home/client-testimonial-bg.png);
background-repeat: no-repeat;
margin: 80px 0 0 0;
padding-bottom: 30px;
background-size: cover;
}
.home-client-title
{
text-align: center;
width: 60%;
}
.home-client-flex
{
display: flex;
justify-content: center;
align-items: center;
}
.home-client
{
width: 100%;
}
.home-client::before
{
content: '';
width: 9px;
height: 14px;
background-image: url(../images/home/client-slider-previous.png);
position: absolute;
margin-top: 163px;
cursor: pointer;
}
.home-client::after
{
content: '';
width: 9px;
height: 14px;
background-image: url(../images/home/client-slider-next.png);
position: absolute;
right: 0;
cursor: pointer;
}
.home-client-box
{
width: 103px;
height: 103px;
border: 1px solid #1c1914;
border-radius: 100%;
padding: 2px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.home-client-box-active
{
width: 163px;
height: 163px;
border: 1px solid #fae2be;
border-radius: 100%;
padding: 2px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.home-client-name
h4
{
font-size: 18px;
color: white;
font-weight: 600;
text-align: center;
padding: 25px 0 0 0;
margin: 0;
}
.home-client-dflex
{
display: flex;
justify-content: space-between;
}
.home-client-paragraph
{
width: 80%;
text-align: center;
}
.home-client-center
{
display: flex;
justify-content: center;
}
.home-client-slide
{
width: 13px;
height: 13px;
background-color: #101010;
border-radius: 50px;
margin: 30px 5px 0 0;
}
.home-client-slide-active
{
width: 22px;
height: 22px;
background-color: #fae2be;
border-radius: 50px;
margin: 30px 5px 0 0;
}
.home-client-align
{
align-items: center;
}
/*----- Client Testimonial Section Code End ----- */
/*-------------------------------------------------*/
/*----- Partners Section Code Start ----- */
#home-partners-BG
{
width: 100%;
background-color: #070707;
border-top: 1px solid #161616;
padding: 20px 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
/*----- Partners Section Code End ----- */
.web-none
{
display: none;
}
.gradient1
{
background: -webkit-linear-gradient(0deg, white 60%, #5a5343 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gradient2
{
color: #5a5343 !important;
}
.gradient3
{
background: -webkit-linear-gradient(0deg, #5a5343 0%, white 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.overlay {
position: absolute;
width: 285px;
height: 205px;
margin-top: -205px;
background-image: url(../images/home/home-overlay.png);
background-repeat: no-repeat;
}
/*-------------------------------------------------*/
/*---------- HOME PAGE CODE END ---------- */
/*-------------------------------------------------*/
/*---------- ABOUT PAGE CODE START ---------- */
#about-banner
{
width: 100%;
padding: 63px 0 0 0;
background-image: url(../images/about/about-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.about-title
h1
{
font-size: 65px;
text-transform: unset;
}
.about-title
p
{
font-size: 18px;
text-align: left;
color: black;
}
.about-title-mt
{
margin-top: 150px;
}
.about-top-img
{
width: 100%;
margin-top: 13px;
}
.about-heading
h5
{
font-size: 13px;
color: #fae2be;
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding: 25px 0 0 0;
}
.about-heading
h2
{
font-size: 50px;
letter-spacing: 0;
color: #fae2be;
text-align: center;
font-weight: bold;
text-transform: unset;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
}
.about-heading
h2 span
{
color: black;
text-shadow: -1px 1px 0 #fae2be,
1px 1px 0 #fae2be,
1px -1px 0 #fae2be,
-1px -1px 0 #fae2be;
font-weight: 800;
position: relative;
top: -26px;
letter-spacing: 2px;
}
.about-heading
p
{
font-size: 15px;
text-align: center;
color: white;
line-height: 25px;
}
.about-title-flex
{
display: flex;
justify-content: center;
}
.about-mini-width
{
width: 58%;
margin-top: -15px;
}
.about-company-intro-bg
{
width: 100%;
height: auto;
background-image: url(../images/about/company-intro-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.abt-cmp-title-circle
{
width: 10px;
height: 10px;
border: 2px solid #fae2be;
border-radius: 20px;
}
.about-heading
h4
{
font-size: 16px;
color: #fae2be;
text-align: left;
font-weight: 600;
text-transform: unset;
margin: 0;
padding: 0 0 0 10px;
}
.abt-cmp-flex
{
display: flex;
align-items: center;
}
.abt-cmp-title
p
{
font-size: 14px;
color: #e9e8e6;
text-align: left;
line-height: 28px;
padding: 20px 0 0 0;
}
.abt-fame-logo
{
position: absolute;
top: 45px;
}
.abt-intro-img
{
float: right;
margin-top: 100px;
}
.abt-project-flex
{
display: flex;
justify-content: space-between;
align-items: center;
}
.abt-project-flex::before
{
content: '';
width: 12px;
height: 21px;
background-image: url(../images/about/project-slider-pre-icon.png);
background-repeat: no-repeat;
position: absolute;
left: -20px;
cursor: pointer;
}
.abt-project-flex::after
{
content: '';
width: 12px;
height: 21px;
background-image: url(../images/about/project-slider-next-icon.png);
background-repeat: no-repeat;
position: absolute;
right: -20px;
cursor: pointer;
}
.abt-project-slide
{
width: 15px;
height: 15px;
background-color: white;
opacity: 0.4;
border-radius: 20px;
margin: 20px 0 0 3px;
}
.abt-project-slide.active
{
opacity: 1 !important;
}
.abt-slider-flex
{
display: flex;
justify-content: center;
}
.about-video-pl
{
padding-left: 3px;
}
.about-video-pr
{
padding-right: 0;
}
.about-video-w100
{
width: 100%;
height: 289px;
margin: 3px 0 0 0;
}
/*---------- ABOUT PAGE CODE END ---------- */
/*---------------------------------------------------*/
/*---------- Services Page Code Start ---------- */
.services-staff-outer
{
width: 96%;
border: 1px solid #444444;
padding: 15px;
}
.staff-img-width
{
width: 100%;
}
.service-staff-name
{
width: 173px;
padding: 10px 0px;
background-color: black;
border: 1px solid #444444;
border-radius: 50px;
font-size: 15px;
color: white;
font-weight: 600;
-ms-transform: rotate(270deg);
transform: rotate(270deg);
margin-top: -65%;
position: absolute;
left: -71px;
text-align: center;
}
.service-fame-logo
{
position: absolute;
top: 10px;
}
.service-img
{
float: right;
margin-top: 50px;
}
/*---------- Services Page Code End ---------- */
/*---------------------------------------------------*/
/*---------- News Page Code Start ---------- */
.news-box
{
width: 100%;
padding: 15px;
color: white;
border-image: linear-gradient(#fae2be, black) 10;
border-width: 1px;
border-style: solid;
background: black;
height: 400px;
}
.news-title
h5
{
font-size: 15px;
color: #fae2be;
text-align: left;
font-weight: 500;
padding: 15px 0 0 0;
line-height: 24px;
}
.news-title
p
{
font-size: 12px;
color: #c5c2ba;
text-align: left;
font-weight: normal;
padding: 10px 0 0 0;
line-height: 25px;
}
.news-readmore-btn
{
background: unset;
border: 0;
color: #fae2be;
padding: 0;
font-size: 13px;
text-decoration: underline;
font-weight: 500;
margin: 30px 0 0 0;
}
.news-date
{
width: max-content;
background-color: #fae2be;
padding: 5px 20px;
border-radius: 50px;
font-size: 13px;
color: black;
text-align: center;
font-weight: 600;
position: absolute;
margin-top: -16px;
margin-left: 12px;
}
.news-mt25
{
margin-top: 25px;
}
.news-mt50
{
margin-top: 50px;
}
/*---------- News Page Code End ---------- */
/*---------------------------------------------------*/
/*---------- Contact Us Page Code Start ---------- */
.contact-fame-logo
{
position: absolute;
top: 10px;
}
.contact-img
{
float: right;
margin-top: 50px;
}
.contact-form-field
{
padding-right: 35px !important;
border: 1px solid white;
background-color: black;
font-size: 12px;
color: white !important;
height: 53px !important;
border-radius: 0;
padding-left: 20px;
font-style: italic;
}
.contact-form-field::placeholder
{
color: white !important;
font-size: 14px;
font-style: italic;
}
.contact-form-icon
{
position: absolute;
right: 0px;
padding: 17px 20px !important;
pointer-events: none;
}
.contact-field-mt
{
margin-top: 40px;
}
.contact-message
{
padding: 12px 20px;
background: black;
border-radius: 0;
border: 1px solid white;
margin-top: 40px;
color: white !important;
font-size: 14px;
font-style: italic;
}
.contact-message::placeholder
{
color: white !important;
font-size: 14px;
font-style: italic;
}
.contact-btn-flex
{
display: flex;
justify-content: flex-end;
}
.contact-btn
{
width: 161px;
height: 53px;
background: white;
border-radius: 0;
font-size: 15px;
font-weight: 600;
font-style: italic;
margin: 40px 0 0 0;
}
.contact-info-wrp
{
width: 100%;
padding: 50px 100px;
padding-bottom: 0;
}
.contact-title
p
{
font-size: 15px;
text-align: center;
font-weight: normal;
line-height: 25px;
}
.contact-info-box
{
width: 90%;
border: 1px solid #af9f85;
padding: 25px 25px;
margin-top: 34px;
}
.contact-title
h4
{
font-size: 16px;
text-align: left;
font-weight: 500;
font-style: italic;
padding: 0;
margin: 0;
color: white;
}
.contact-title
h5
{
font-size: 15px;
text-align: left;
font-weight: normal;
font-style: italic;
padding: 10px 0 0 0;
margin: 0;
text-decoration: underline;
color: white;
}
.contact-dep-icon
{
position: absolute;
right: 18px;
margin-top: -1px;
}
.contact-fameworx-box
{
width: 100%;
border: 1px solid #af9f85;
padding: 33px 40px 33px 40px;
margin-top: 58px;
}
.contact-title
h3
{
font-size: 21px;
text-align: left;
font-weight: 700;
font-style: italic;
padding: 0;
margin: 0;
color: white;
font-family: 'Montserrat', sans-serif;
letter-spacing: 0;
}
.contact-fame-wrp
{
width: 100%;
padding: 30px 30px 0 30px;
}
.contact-phone
{
font-size: 15px;
color: white;
display: block;
width: 100px;
}
.contact-bold
{
font-weight: 600;
font-style: italic;
color: white;
padding-left: 30px;
font-size: 15px;
}
.con-flex
{
display: flex;
margin-bottom: 25px;
}
.con-set
{
width: 265px;
}
/*---------- Contact Us Page Code End ---------- */
/*---------------------------------------------------*/
/*---------- Join Us Page Code Start ---------- */
#join-wrp
{
width: 100%;
padding: 70px 0 0 0;
}
#join-wrp::before
{
content: '';
width: 22px;
height: 42px;
background-image: url(../images/join/previous-slide-icon.png);
background-repeat: no-repeat;
position: absolute;
top: 50%;
left: 8%;
cursor: pointer;
}
#join-wrp::after
{
content: '';
width: 22px;
height: 42px;
background-image: url(../images/join/next-slide-icon.png);
background-repeat: no-repeat;
position: absolute;
top: 50%;
right: 8%;
cursor: pointer;
}
.join-banner
{
width: 100%;
}
.join-slide-dot
{
width: 15px;
height: 15px;
background-color: black;
opacity: 0.4;
border-radius: 50px;
margin: 0 3px 0 0;
}
.join-slide-dot.active
{
background-color: black;
opacity: 1;
}
.join-slide-flex
{
display: flex;
justify-content: center;
margin-top: -40px;
}
.become-title
h2
{
font-size: 38px;
color: white;
padding: 50px 0 0 0;
margin: 0;
text-align: center;
font-family: 'Montserrat', sans-serif;
transform: unset;
text-transform: unset;
letter-spacing: 2px;
display: block;
font-weight: 800;
}
.join-model-tab.active
{
background: #fbd870 !important;
border: 0;
border-radius: 50px !important;
font-size: 16px !important;
text-transform: unset !important;
font-weight: bold !important;
color: black !important;
}
.join-model-tab
{
background: #545454 !important;
border: 0 !important;
padding: 9px 50px !important;
border-radius: 50px !important;
font-size: 16px !important;
text-transform: unset !important;
font-weight: 500 !important;
color: white !important;
margin: 0 7px 0 7px;
}
.join-tab-ul
{
border: 0;
display: flex;
justify-content: center;
margin-top: 25px;
}
.join-tab-ul>li>a:hover
{
text-decoration: unset;
}
.become-title
p
{
font-size: 15px;
color: white;
text-align: center;
font-weight: normal;
width: 65%;
padding: 25px 0 0 0;
}
.join-model-flex
{
display: flex;
justify-content: center;
}
.join-model-box-wrp
{
width: 100%;
padding: 30px 70px 20px 70px;
}
.join-model-box
{
width: 100%;
background-color: #222222;
padding: 25px 30px;
}
.become-title
h3
{
font-size: 26px;
color: white;
padding: 0;
margin: 0;
text-align: center;
font-family: 'Montserrat', sans-serif;
transform: unset;
text-transform: unset;
letter-spacing: 0;
display: block;
font-weight: 600;
font-style: italic;
}
.join-step-title
{
width: 100% !important;
font-size: 14px !important;
font-style: italic;
padding: 5px 0 10px 0 !important;
}
.join-form
{
width: 100%;
border-radius: 50px;
height: 48px;
padding: 10px 25px;
border: 0;
font-size: 14px;
font-style: italic;
color: #6d6d6d !important;
background-color: white;
}
.join-form::placeholder
{
font-style: italic;
color: #6d6d6d !important;
}
.join-form-label
{
font-size: 14px;
font-style: italic;
color: white;
padding-left: 25px;
padding-top: 5px;
}
.join-form:focus
{
background-color: white;
}
.join-alert
{
color: #f4213f !important;
}
.join-form-dropdown
{
width: 100%;
border-radius: 50px;
height: 48px;
padding: 10px 25px;
border: 0;
font-size: 14px;
font-style: italic;
color: #6d6d6d !important;
background-color: white;
display: flex;
justify-content: space-between;
align-items: center;
}
.join-form-dropdown:hover
{
background-color: white;
}
.join-form-dropdown:active
{
background-color: white !important;
box-shadow: unset !important;
}
.join-form-dropdown:focus
{
background-color: white !important;
box-shadow: unset !important;
}
.join-drop-menu
{
width: 100%;
border-radius: 10px;
}
.join-phone-whatsapp
{
position: absolute;
right: 30px;
margin-top: -37px;
}
[type="radio"]:checked,
[type="radio"]:not(:checked)
{
position: absolute;
left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 34px;
cursor: pointer;
line-height: 24px;
display: inline-block;
color: white;
font-style: italic;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before
{
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border: 1px solid white;
border-radius: 100%;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after
{
content: '';
width: 12px;
height: 12px;
background: white;
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after
{
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
[type="radio"]:checked + label:after
{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.join-selection-flex
{
display: flex;
}
.joinUs-btn
{
width: 336px;
height: 47px;
background: #fbd870;
border-radius: 50px;
font-size: 14px;
font-style: italic;
font-weight: 600;
margin-top: 20px;
}
.join-acount-title
p
{
font-size: 14px;
text-align: left;
font-style: italic;
width: 100% !important;
padding-left: 50px;
padding-top: 6px;
}
.joinUs-log
{
color: white;
text-decoration: underline;
}
.join-guide
{
padding-left: 0 !important;
letter-spacing: 1px !important;
padding-top: 15px !important;
}
/*---------- Join Us Page Code End ---------- */
/*---------------------------------------------------*/
/*---------- Join Us Steps Page Code Start ---------- */
@font-face {
font-family: 'Loverica DEMO';
src: url(../fonts/Loverica\ DEMO.otf);
}
#stepsBanner
{
width: 100%;
height: auto;
background-image: url(../images/join/steps-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0 25px 0;
}
.steps-title
h4
{
font-size: 26px;
color: white;
font-weight: bold;
font-style: italic;
text-align: center;
padding-top: 42px;
margin: 0;
padding-bottom: 0;
}
.steps-title
p
{
font-size: 14px;
color: white;
font-weight: normal;
font-style: italic;
text-align: center;
padding-top: 0;
}
.join-steps-bg
{
width: 100%;
padding: 40px 0;
background-color: white;
}
.stepsStyle
{
font-size: 45px !important;
color: black !important;
letter-spacing: 2px;
text-transform: uppercase;
padding: 7px 0;
display: inline-block;
font-weight: normal;
padding: 0 30px;
text-align: center;
text-decoration: unset;
font-family: 'Loverica DEMO';
line-height: 30px;
}
.stepsStyle.active
{
border-bottom: 1px solid black !important;
}
.stepsUl>li> a:hover
{
text-decoration: unset !important;
}
.stepsUl>li> a:active
{
text-decoration: unset !important;
}
.stepsUl>li> a:focus
{
text-decoration: unset !important;
}
.stepsUl
{
border-bottom: 1px solid #d1d1d1;
}
.step-info
{
font-size: 14px;
display: block;
text-align: center;
font-family: 'Montserrat', sans-serif;
letter-spacing: 0;
font-style: italic;
text-transform: math-auto;
}
.steps-li
{
padding: 0 20px;
}
.steps-content-box
{
width: 100%;
background-color: #ececec;
padding: 20px 30px 40px 30px;
margin: 30px 0 0 0;
}
.step-name
{
font-size: 13px;
color: #343434;
font-style: italic;
padding-top: 20px;
display: block;
font-weight: 500;
}
.step-username
{
font-size: 15px;
color: #343434;
padding-top: 20px;
display: block;
font-weight: 500;
}
.step-add-wtsapp
{
margin-left: 30px;
margin-top: -4px;
}
.join-step-label {
font-size: 13px;
font-style: italic;
color: #343434;
padding-left: 25px;
padding-top: 20px;
font-weight: 500;
}
.step-form
{
width: 100%;
border-radius: 50px;
height: 48px;
padding: 10px 25px;
border: 0;
font-size: 14px;
font-style: italic;
color: #6d6d6d !important;
background-color: white;
}
.step-p-0
{
padding: 0;
}
.step-pl
{
padding-left: 45px;
}
.step-contact-wtsapp
{
position: absolute;
right: 30px;
margin-top: -36px;
}
.step-form:active
{
background-color: white;
}
.step-form:focus
{
background-color: white;
}
.join-step-dropdown
{
width: 100%;
border-radius: 50px;
height: 48px;
padding: 10px 25px;
border: 0;
font-size: 14px;
font-style: italic;
color: #6d6d6d !important;
background-color: white;
display: flex;
justify-content: space-between;
align-items: center;
}
.join-step-dropdown:hover
{
background-color: white;
}
.join-step-dropdown:active
{
background-color: white !important;
box-shadow: unset !important;
}
.join-step-dropdown:focus
{
background-color: white !important;
box-shadow: unset !important;
}
.steps-pl25
{
padding-left: 25px;
}
.steps-pt0
{
padding-top: 0 !important;
}
.step-alert
{
color: #f4213f !important;
}
.display
{
display: unset;
}
.Steps-next-btn
{
width: 336px;
height: 47px;
background: #fbd870;
border-radius: 50px;
font-size: 14px;
font-style: italic;
font-weight: 600;
margin-top: 40px;
}
.next-step-flex
{
display: flex;
justify-content: space-between;
margin: 20px 0 0 0;
align-items: center;
}
.next-step-title
h4
{
font-size: 18px;
color: black;
font-weight: 600;
font-style: italic;
text-align: left;
margin: 0;
padding: 0;
}
.next-step-title
p
{
font-size: 14px;
color: #5f5f5f;
font-weight: 500;
font-style: italic;
text-align: left;
}
.step-add-btn
{
width: 156px;
height: 37px;
background: black;
border-radius: 0;
color: white;
font-size: 12px;
font-style: italic;
text-transform: uppercase;
}
.step-add-btn:hover
{
color: white;
}
.next-step-box
{
width: 100%;
padding: 20px 20px 10px 20px;
background-color: white;
margin: 15px 0 0 0;
}
.step-portfolio-img
{
width: 164px;
height: 224px;
box-shadow: 0 0px 6px rgba(0,0,0,0.10), 0 3px 13px rgba(0,0,0,0.12);
}
.step-portfolio-line
{
display: flex;
}
.step-portfolio-del-btn
{
background: black;
color: white;
font-size: 12px;
border: 0;
border-radius: 50px;
padding: 5px 15px;
font-style: italic;
position: relative;
margin-left: 50px;
margin-top: -28px;
}
.step-portfolio-del-btn:hover
{
color: white;
}
.step-video
{
width: 223px;
height: 224px;
}
.step-portfolio-del-btn1
{
background: black;
color: white;
font-size: 12px;
border: 0;
border-radius: 50px;
padding: 5px 15px;
font-style: italic;
position: relative;
margin-left: 81px;
margin-top: -28px;
}
.step-resume-box
{
width: 164px;
height: 224px;
border: 1px solid #b8b8b8;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
}
.last-step-box
{
width: 100%;
background-color: white;
padding: 20px 15px;
margin: 10px 0 0 0;
border: 1px solid white;
}
.last-step-box.active
{
border: 1px solid black;
}
.input[type=checkbox] + label {
font-size: 12px;
color: black;
font-weight: 500;
font-style: italic;
padding: 0;
margin: 0;
cursor: pointer;
display: block;
}
.input[type=checkbox] {
display: none;
}
.input[type=checkbox] + label:before {
content: "\2714";
border: 0.1em solid #a6a6a6;
border-radius: 0;
display: flex;
width: 17px;
height: 17px;
padding-left: 2px;
padding-bottom: 0;
margin-right: 0;
vertical-align: bottom;
color: transparent;
transition: .2s;
align-items: center;
float: right;
}
.input[type=checkbox] + label:active:before {
transform: scale(0);
}
.input[type=checkbox]:checked + label:before {
background-color: black;
border-color: black;
color: #fff;
}
.input[type=checkbox]:disabled + label:before {
transform: scale(1);
border-color: #aaa;
}
.input[type=checkbox]:checked:disabled + label:before {
transform: scale(1);
background-color: #bfb;
border-color: #bfb;
}
.step-skills
{
height: 56px;
border: 0;
padding: 10px 25px;
color: #aaaaaa !important;
font-size: 13px;
font-weight: 500;
font-style: italic;
background-color: white;
}
.step-skills:active
{
background-color: white;
}
.step-skills:focus
{
background-color: white;
}
.step-skills::placeholder
{
color: #aaaaaa !important;
}
.autoselect-box
{
width: max-content;
padding: 10px 30px;
background-color: white;
border: 1px solid #a7a7a7;
margin: 15px 0 10px 0;
display: inline-flex;
color: black;
font-size: 14px;
font-style: italic;
text-align: center;
font-weight: 500;
}
.interest-textarea
{
border: 0;
border-radius: 0;
padding: 15px 25px;
color: #aaaaaa !important;
font-size: 13px;
font-weight: 500;
font-style: italic;
background-color: white;
}
.interest-textarea:active
{
background-color: white;
}
.interest-textarea:focus
{
background-color: white;
}
.interest-textarea::placeholder
{
color: #aaaaaa !important;
}
.input1[type=checkbox] + label {
font-size: 15px;
color: black;
font-weight: 500;
font-style: italic;
padding: 0;
margin: 10px 0 0 0;
cursor: pointer;
display: block;
}
.input1[type=checkbox] {
display: none;
}
.input1[type=checkbox] + label:before {
content: "\2714";
border: 0.1em solid #a6a6a6;
border-radius: 0;
display: inline-flex;
width: 17px;
height: 17px;
padding-left: 2px;
padding-bottom: 0;
margin-right: 13px;
color: transparent;
transition: .2s;
align-items: center;
}
.input1[type=checkbox] + label:active:before {
transform: scale(0);
}
.input1[type=checkbox]:checked + label:before {
background-color: black;
border-color: black;
color: #fff;
}
.input1[type=checkbox]:disabled + label:before {
transform: scale(1);
border-color: #aaa;
}
.input1[type=checkbox]:checked:disabled + label:before {
transform: scale(1);
background-color: #bfb;
border-color: #bfb;
}
/*---------- Join Us Steps Page Code End ---------- */
/*------------------------------------------------------*/
/*---------- Talent Bank Page Code Start ---------- */
.bank-banner
{
width: 100%;
height: 590px;
background-image: url(../images/talent-bank/bank-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
position: relative;
top: 60px;
display: flex;
align-items: flex-end;
padding: 0 0 40px;
}
.bank-banner-circle
{
width: 17px;
height: 17px;
background-color: black;
border-radius: 50px;
}
.bank-banner-title
h4
{
font-size: 25px;
color: black;
font-weight: bold;
text-align: left;
font-style: italic;
text-transform: uppercase;
padding: 12px 0 0 0;
transform: scale(1, 1.5);
-webkit-transform: scale(1, 1.5);
letter-spacing: 1px;
}
.bank-banner-title
h5
{
font-size: 13px;
color: black;
font-weight: 500;
text-align: left;
font-style: italic;
text-transform: uppercase;
padding: 10px 0 0 0;
transform: scale(1, 1.5);
-webkit-transform: scale(1, 1.5);
letter-spacing: 1px;
}
.bank-slider-border
{
width: 100%;
height: 2px;
background-color: #c2c2c4;
margin: 30px 0 0 0;
}
.bank-slider-border>.active
{
width: 25%;
height: 2px;
background-color: black;
margin: 30px 0 0 0;
}
.bank-section-wrapper
{
width: 100%;
padding: 0 15px;
margin: 63px 0 0 0;
}
.bank-color
{
color: white !important;
}
.bank-color:hover
{
color: white !important;
text-decoration: unset !important;
}
.bank-talent-nav
{
display: inline-flex !important;
width: 96%;
justify-content: space-between;
}
.bank-pre-icon
{
margin-top: 35px;
margin-right: 8px;
}
.bank-next-icon
{
margin-top: 35px;
margin-left: 8px;
}
.bank-filter-flex
{
display: flex;
justify-content: flex-end;
margin: 20px 0 0 0;
}
.bank-filter
{
font-size: 13px;
color: #fae2be;
position: relative;
top: 2px;
}
.cursor
{
cursor: pointer;
}
.bank-box {
width: 100%;
padding: 6px;
color: white;
border-image: linear-gradient(#fae2be, black) 10;
border-width: 1px;
border-style: solid;
background: black;
height: 350px;
margin: 25px 0 0 0;
}
.bank-img
{
width: 100%;
}
.bank-title-wrp
{
margin: -20px 0 0 0;
}
.bank-title
h5
{
font-size: 14px;
color: #fae2be;
font-weight: 500;
text-align: center;
text-transform: unset;
padding: 0 0 10px 0;
}
.bank-title-wrp-active
{
margin: -150px 0 0 0;
}
.bank-hover-detail-wrp
{
padding: 0 25px;
}
.bank-hover-detail
{
font-size: 12px;
color: white;
padding-top: 5px;
}
.bank-model-flex
{
display: flex;
justify-content: space-between;
}
.talent-pagination
{
padding: 10px 3px;
}
.talent-plink
{
background: unset;
border: 1px solid #fae2be;
color: #fae2be;
border-radius: 6px !important;
padding: 0;
width: 35px;
height: 35px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 500;
}
.talent-plink.active
{
background-color: #fae2be !important;
color: black !important;
font-weight: 600;
}
.talent-plink:hover
{
background-color: black !important;
color: #fae2be !important;
font-weight: 600;
border: 1px solid white;
}
.talent-JC
{
display: flex;
justify-content: center;
}
/*---------- Talent Bank Filter Code Start ---------- */
.filter-box
{
width: 100%;
padding: 10px 20px 20px 20px ;
background-color: black;
border: 1px solid #595959;
margin: 15px 0 0 0;
}
.filter-dropdown
{
width: 100%;
border-radius: 0;
height: 55px;
padding: 10px 25px;
border: 1px solid #968872;
font-size: 14px;
font-style: italic;
color: #fae2be !important;
background-color: white;
display: flex;
justify-content: space-between;
align-items: center;
background-color: black;
margin: 20px 0 0 0;
}
.filter-dropdown:hover
{
background-color: unset !important;
}
.filter-dropdown:active
{
background-color: black !important;
box-shadow: unset !important;
border: 1px solid #968872;
}
.filter-dropdown:focus
{
background-color: black !important;
box-shadow: unset !important;
border: 1px solid #968872;
}
.filter-drop-menu
{
width: 100%;
border-radius: 0;
background-color: black;
border: 1px solid #968872;
}
.filter-drop-menu > a
{
color: #fae2be !important;
font-size: 13px;
}
.filter-drop-menu > .dropdown-item:hover
{
background-color: unset !important;
}
.filter-btn
{
width: 95px;
height: 42px;
border-radius: 0;
font-size: 15px;
color: black;
font-weight: 500;
font-style: italic;
background-color: #fae2be;
margin: 20px 0 0 0;
}
/*---------- Talent Bank Filter Code End ---------- */
/*---------- Talent Bank Page Code End ---------- */
/*---------------------------------------------------*/
/*---------- Talent Profile Page Code Start ---------- */
#talent-profile-banner
{
position: absolute;
width: 100%;
}
.TP-title
h1
{
font-size: 45px;
text-align: left;
text-decoration: underline;
color: #fae2be;
}
.TP-title-wrp
{
width: 100%;
padding: 5px 190px 20px 50px;
}
.TP-flex
{
display: flex;
justify-content: space-between;
margin: 25px 0 0 0;
}
.TP-title
h5
{
font-size: 10px;
color: white;
text-transform: uppercase;
font-weight: 500;
transform: scale(1, 1.5);
-webkit-transform: scale(1, 1.5);
letter-spacing: 1px;
text-align: left;
}
.TP-title
h5 span
{
font-weight: 600;
}
.TP-mt
{
margin-top: 110px;
}
.TP-w170
{
width: 170px;
}
.TP-transform
{
text-transform: unset !important;
}
.star-margin
{
margin: 30px 5px 0 0;
}
.TP-booking-btn
{
width: 225px;
height: 28px;
border: 1px solid #fae2be;
color: #fae2be;
border-radius: 0;
font-size: 10px;
text-transform: uppercase;
transform: scale(1, 1.5);
-webkit-transform: scale(1, 1.5);
letter-spacing: 1px;
margin: 15px 0 0 0;
}
.TP-booking-btn:hover
{
border: 1px solid #fae2be;
color: black;
background-color: #fae2be;
}
.TP-ml
{
margin-left: 20px;
}
.TP-profile-border
{
width: 100%;
height: 631px;
border: 1px solid #fae2be;
}
.TP-model
{
position: absolute;
top: 30px;
left: -15px;
}
.TP-model-mt
{
margin-top: 110px;
}
.TP-id-box
{
width: max-content;
padding: 10px 25px;
background-color: black;
text-align: center;
font-size: 15px;
font-style: italic;
color: #fae2be;
text-transform: uppercase;
transform: scale(1, 1.5);
-webkit-transform: scale(1, 1.5);
letter-spacing: 1px;
transform: rotate(270deg);
position: absolute;
top: 0;
left: 0;
margin-left: -119px;
margin-top: 91px;
}
.TP-tabs
{
width: 88%;
border: 1px solid #343434;
padding: 13px 5px;
}
.TP-tabs-btn
{
width: max-content;
font-size: 10px;
font-style: italic;
color: #ababab !important;
transform: scale(1, 1.5);
-webkit-transform: scale(1, 1.5);
padding: 5px 32px;
}
.TP-tabs-btn:hover
{
color: #fae2be !important;
}
.TP-tabs-btn.active
{
background-color: #fae2be !important;
border-radius: 0 !important;
color: black !important;
padding: 5px 32px !important;
text-decoration: underline !important;
font-weight: 600 !important;
}
.TP-custom-mt
{
margin-top: 32px;
}
.TP-model-img
{
width: 100%;
margin: 30px 0 0 0;
}
/*---------- Talent Profile Page Code End ---------- */
/*---------------------------------------------------*/
/*---------- News Detail Page Code Start ---------- */
.ND-banner
{
width: 100%;
background-size: cover;
}
.ND-img
{
width: 100%;
border: 1px solid white;
margin: 60px 0 0 0;
}
.ND-title
h4
{
font-size: 25px;
color: white;
font-weight: 600;
font-style: italic;
text-align: left;
margin: 0;
padding: 35px 0 0 0;
}
.ND-title
p
{
font-size: 16px;
color: white;
font-weight: normal;
font-style: italic;
text-align: left;
margin: 0;
padding: 25px 0 0 0;
}
.ND-title
h5
{
font-size: 16px;
color: white;
font-weight: normal;
font-style: italic;
text-align: left;
margin: 0;
padding: 30px 0 0 0;
}
.ND-title
h5 span
{
font-weight: 500;
padding-left: 7px;
}
/*---------- News Detail Page Code End ---------- */
/*---------------------------------------------------*/
/*---------- Fame Academy Page Code Start ---------- */
.academy-banner
{
width: 100%;
background-size: contain;
margin-top: 69px;
}
.academy-title
h2
{
font-size: 50px;
letter-spacing: 0;
color: #fae2be;
text-align: center;
font-weight: bold;
text-transform: unset;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
}
.academy-title
h2 span
{
color: black;
text-shadow: -1px 1px 0 #fae2be,
1px 1px 0 #fae2be,
1px -1px 0 #fae2be,
-1px -1px 0 #fae2be;
font-weight: 800;
position: relative;
top: -26px;
letter-spacing: 2px;
}
.academy-title
p
{
font-size: 15px;
text-align: center;
color: white;
line-height: 25px;
}
.academy-title-width
{
width: 58%;
margin-top: -15px;
}
.academy-title-flex
{
display: flex;
justify-content: center;
}
.academyBox
{
width: 100%;
padding: 35px 30px 0px 30px;
color: white;
border-image: linear-gradient(#b3b3b3, black) 10;
border-width: 1px;
border-style: solid;
background: black;
margin: 50px 0 0 0;
height: 423px;
}
.academy-title
h4
{
font-size: 17px;
letter-spacing: 0;
color: white;
text-align: left;
font-weight: 600;
text-transform: unset;
padding: 0;
margin: 0;
font-style: italic;
line-height: 28px;
}
.academy-CourseTitle
p
{
font-size: 15px;
text-align: left;
color: white;
line-height: 30px;
font-style: italic;
padding: 25px 0 0 0;
}
.academy-title
h5
{
font-size: 15px;
letter-spacing: 0;
color: #fae2be;
text-align: left;
font-weight: normal;
text-transform: unset;
padding: 30px 0 0 0;
margin: 0;
font-style: italic;
}
.academy-title
h5 span
{
font-weight: 500;
padding-left: 7px;
}
.academy-btn
{
background: unset;
border: unset;
color: white;
font-size: 14px;
font-weight: 600;
font-style: italic;
padding: 35px 0 0 0;
text-decoration: underline;
}
.academy-headline
{
width: max-content;
background-color: white;
border-radius: 50px;
padding: 8px 25px;
text-align: center;
font-size: 15px;
font-style: italic;
margin: 50px 0 0 28px;
position: relative;
font-weight: 600;
}
.academy-mt
{
margin-top: -18px;
}
.academy-course-img
{
width: 100%;
margin: 50px 0 0 0;
}
.academy-mt70
{
margin-top: 70px;
}
/*---------- Fame Academy Page Code End ---------- */
/*---------- Talent Search Code Start ---------- */
.modal-xl
{
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.TS-modal
{
height: 100vh;
background: black;
margin-top: 0;
}
.TS-header
{
border: 0;
}
.TS-input
{
border: 0;
background: unset;
border-bottom: 1px solid #968872;
border-radius: 0;
color: #fae2be;
font-size: 14px;
padding: 30px 0px 30px 45px;
font-style: italic;
}
.TS-input::placeholder
{
color: #fae2be;
}
.TS-search
{
position: absolute;
margin-top: 22px;
margin-left: 17px;
}
.TS-close
{
padding: 0 !important;
margin: 21px 0 0 0 !important;
position: absolute;
right: 30px;
}
/*---------- Talent Search Code End ---------- */
/*---------- Fame Academy Course 1 Code Start ---------- */
.FA-course-banner1
{
width: 100%;
background-image: url(../images/academy/courses/course1-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 590px;
position: relative;
top: 69px;
}
.FA-signup-wrp
{
width: 390px;
height: 590px;
padding: 30px 30px;
box-sizing: border-box;
position: absolute;
}
.FA-signup-transparent
{
position: absolute;
}
.FA-title
h4
{
font-size: 23px;
color: white;
text-align: left;
font-weight: bold;
font-style: italic;
}
.FA-signup-field
{
width: 100%;
height: 56px;
background: unset;
color: white;
font-size: 14px;
font-weight: 500;
font-style: italic;
padding: 20px;
border-radius: 0;
border: 1px solid white;
margin: 20px 0 35px 0;
}
.FA-signup-field:active
{
color: white;
border: 1px solid white;
}
.FA-signup-field:focus
{
color: white;
border: 1px solid white;
}
.FA-signup-field::placeholder
{
color: white;
}
.FA-height
{
height: 105px !important;
}
.FA-btn-flex
{
display: flex;
justify-content: flex-end;
}
.FA-submit-btn
{
width: 100px;
height: 46px;
background: white;
border: 0;
border-radius: 0;
font-size: 14px;
color: black;
text-align: center;
font-style: italic;
font-weight: 600;
}
.FA-title-mt
{
margin: 100px 0 0 0;
}
.FA-title
h2
{
font-size: 50px;
letter-spacing: 0;
color: #fae2be;
text-align: center;
font-weight: bold;
text-transform: unset;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
}
.FA-title
h2 span
{
color: black;
text-shadow: -1px 1px 0 #fae2be,
1px 1px 0 #fae2be,
1px -1px 0 #fae2be,
-1px -1px 0 #fae2be;
font-weight: 800;
position: relative;
top: -26px;
letter-spacing: 2px;
}
.FA-title
p
{
font-size: 15px;
text-align: center;
color: white;
line-height: 0px;
}
.FA-course-wrp
{
width: 100%;
padding: 0 60px;
}
.FA-course-img
{
width: 100%;
margin: 50px 0 0 0;
}
.FA-title
h3
{
font-size: 35px;
letter-spacing: 0;
color: black;
text-align: left;
font-weight: bold;
text-transform: unset;
padding: 40px 0 0 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
font-style: italic;
text-shadow: -1px 1px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
}
.FA-course-info
{
text-align: left !important;
line-height: 30px !important;
font-style: italic !important;
font-size: 18px !important;
padding: 35px 0 0 0 !important;
}
.FA-course-session-box
{
width: 100%;
background-color: #222222;
padding: 40px 50px;
margin: 60px 0 0 0;
height: 340px;
}
.FA-title
h5
{
font-size: 25px;
color: white;
text-align: left;
font-weight: 600;
font-style: italic;
}
.FA-course-inner-wrp
{
width: 100%;
padding: 0 20px;
}
.FA-title-inner
p
{
font-size: 15px;
font-weight: 500;
font-style: italic;
text-align: left;
color: white;
padding: 20px 0 0 0;
line-height: 25px;
}
.FA-dash
{
margin-right: 12px;
margin-top: 31px;
}
.FA-flex
{
display: flex;
}
.FA-trainer-img
{
width: 100%;
margin: 65px 0 0 0;
}
.FA-trainer-slider
{
width: 15px;
height: 15px;
background-color: white;
border-radius: 50px;
opacity: 0.3;
margin: -28px 5px 0 0;
}
.FA-trainer-slider.active
{
background-color: white;
opacity: 1;
}
.FA-trainer-flex
{
display: flex;
justify-content: center;
}
.FA-trainer-arrow-box
{
width: 35px;
height: 35px;
border: 1px solid #b3b3b3;
display: flex;
justify-content: center;
align-items: center;
margin: 20px 5px 0 0;
cursor: pointer;
}
.FA-trainer-title
h4
{
font-size: 24px;
color: white;
font-weight: 500;
font-style: italic;
text-align: left;
line-height: 37px;
margin: 0;
padding-bottom: 0;
}
.FA-trainer-pl
{
padding-left: 30px;
margin: 55px 0 0 0;
}
.FA-trainer-info
{
font-size: 16px !important;
font-weight: normal !important;
line-height: 32px !important;
}
/*---------- Fame Academy Course 1 Code End ---------- */
/*---------- Fame Academy Course 2 Code Start ---------- */
.FA-course-banner2
{
width: 100%;
background-image: url(../images/academy/courses/course2-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 590px;
position: relative;
top: 69px;
}
/*---------- Fame Academy Course 2 Code End ---------- */
/*---------- Fame Academy Course 3 Code Start ---------- */
.FA-course-banner3
{
width: 100%;
background-image: url(../images/academy/courses/course3-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 590px;
position: relative;
top: 69px;
}
.FA-course3
{
height: 480px;
}
/*---------- Fame Academy Course 3 Code End ---------- */
/*---------- Fame Academy Course 4 Code Start ---------- */
.FA-course-banner4
{
width: 100%;
background-image: url(../images/academy/courses/kid-course-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 590px;
position: relative;
top: 69px;
padding: 29px;
}
.kid-signup-transparent
{
position: absolute;
width: 336px;
height: 461px;
}
.kid-signup-wrp
{
width: 334px;
height: 590px;
padding: 10px 10px;
box-sizing: border-box;
position: absolute;
}
.kid-title h4
{
font-size: 23px;
color: white;
text-align: left;
font-weight: 900;
font-style: italic;
}
.kid-title h3
{
font-size: 35px;
letter-spacing: 0;
color: black;
text-align: left;
font-weight: bold;
text-transform: unset;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
font-style: italic;
text-shadow: -1px 1px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
}
.kid-txtright
{
text-align: right !important;
}
.kid-title p
{
font-size: 16px;
color: white;
text-align: left;
font-weight: normal;
font-style: italic;
padding: 20px 0 0 0;
}
.kid-w100
{
width: 100%;
}
.kid-title h2
{
font-size: 66px;
letter-spacing: 0;
color: white;
text-align: left;
font-weight: bold;
text-transform: unset;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
font-style: italic;
text-shadow: 0px 0px 15px black;
}
.kid-title h2 span
{
font-size: 86px;
letter-spacing: 5px;
color: black;
text-align: left;
font-weight: bold;
text-transform: unset;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
font-style: italic;
text-shadow: -1px 1px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
}
.kid-abs
{
position: absolute;
margin-top: -181px;
margin-left: 15px;
}
.kid-mt
{
margin: 25px 0 0 0;
}
.kid-modeling h2
{
font-size: 100px;
letter-spacing: 0;
color: white;
text-align: left;
font-weight: 800;
text-transform: uppercase;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
font-style: italic;
height: 110px;
}
.kid-modeling h2 span
{
font-size: 75px;
letter-spacing: 9px;
color: black;
text-align: left;
font-weight: 800;
text-transform: unset;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
font-style: normal;
text-shadow: -1px 1px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
}
.kid-modeling-mt
{
margin: 30px 0 0 0;
}
.kid-modeling-handle
{
text-align: right !important;
position: relative;
top: -80px;
}
.kid-modeling h3
{
font-size: 73px !important;
letter-spacing: 4px;
color: black;
text-align: left;
font-weight: 700;
text-transform: unset;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
text-shadow: -1px 1px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
}
.kid-course-session-box
{
width: 100%;
background-color: #222222;
padding: 30px 40px;
margin: 15px 0 0 0;
}
.kid-modeling
h5
{
font-size: 25px;
color: white;
text-align: left;
font-weight: 600;
font-style: italic;
}
.kid-course-inner-wrp
{
width: 100%;
padding: 0 20px;
}
.kid-title-inner
p
{
font-size: 15px;
font-weight: 500;
font-style: italic;
text-align: left;
color: white;
padding: 20px 0 0 0;
line-height: 25px;
}
.kid-dash
{
margin-right: 12px;
margin-top: 31px;
}
.kid-flex
{
display: flex;
}
.kid-modeling-img
{
width: 100%;
margin: 0;
height: 462px;
}
.kid255
{
height: 255px;
}
.kid310
{
height: 310px;
}
.kid-p-0
{
padding-left: 0;
padding-right: 0;
}
.acting-wrp
{
width: 100%;
padding: 50px 60px;
}
.acting-img
{
width: 100%;
position: relative;
z-index: -1;
}
.kid-acting h2
{
font-size: 100px;
letter-spacing: 0;
color: white;
text-align: left;
font-weight: 800;
text-transform: uppercase;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
font-style: italic;
height: 96px;
padding-left: 90px;
}
.kid-acting h2 span
{
font-size: 75px;
letter-spacing: 0;
color: black;
text-align: left;
font-weight: 700;
text-transform: unset;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
font-style: normal;
text-shadow: -1px 1px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
position: relative;
}
.kid-acting-p0
{
padding-left: 0;
padding-right: 0;
}
.kid-acting-column
{
margin-left: -58px;
position: relative;
z-index: -1;
margin-top: -8px;
}
.kid-acting-session
{
padding: 50px 40px;
}
.kid-acting-info
{
padding: 26px 0 0 0 !important;
line-height: 27px !important;
}
.kid-acting-dash
{
margin-right: 12px;
margin-top: 39px;
}
.kid-acting-col
{
max-width: 555px;
}
.kid-acting-padding
{
padding: 30px 20px 50px 30px;
}
.kid-acting-last-box
{
background: unset;
border-right: 1px solid #222222;
border-bottom: 1px solid #222222;
margin: 0;
padding-top: 44px;
}
.runway-img
{
width: 100%;
position: relative;
z-index: -1;
}
.runway-wrp
{
width: 100%;
padding: 0 100px;
}
.runway-box
{
height: 350px;
margin: -70px 0 0 0;
}
.runway-title h2
{
font-size: 75px;
letter-spacing: 0;
color: black;
text-align: center;
font-weight: 700;
text-transform: uppercase;
padding: 40px 0 0 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
font-style: normal;
text-shadow: -1px 1px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
position: relative;
height: 114px;
}
.runway-enroll-wrp
{
width: 100%;
padding: 86px 0;
}
.runway-enroll-box
{
width: 100%;
border: 1px solid #585858;
padding: 20px;
}
.runway-title h3
{
font-size: 50px;
letter-spacing: 0;
color: white;
text-align: center;
font-weight: 800;
text-transform: uppercase;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
font-style: italic;
height: 105px;
}
.runway-title h3 span
{
font-size: 45px;
letter-spacing: 0;
color: black;
text-align: right;
font-weight: 700;
text-transform: uppercase;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
font-style: normal;
text-shadow: -1px 1px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
position: relative;
top: -27px;
}
.runway-title p
{
font-size: 16px;
text-align: center;
padding: 10px 0 0 0;
margin: 0;
color: white;
font-style: italic;
}
.runway-title p span
{
font-size: 25px;
font-weight: 600;
text-decoration: underline;
}
.kid-benifit-mt
{
margin-top: 50px;
}
.kid-benifit-box
{
width: 209px;
height: 243px;
background-color: #222222;
border: 1px solid #888888;
padding: 30px 15px;
margin: 15px 10px 0 10px;
text-align: center;
}
.kid-benifit-flex
{
display: flex;
justify-content: space-between;
}
.kid-benifit-title h5
{
font-size: 14px;
text-align: center;
padding: 15px 0 0 0;
margin: 0;
color: white;
font-style: italic;
font-weight: 500;
}
.kid-benifit-title h5 span
{
font-size: 25px;
font-weight: 600;
}
.kid-benifit-title p
{
font-size: 13px;
text-align: center;
padding: 15px 0 0 0;
margin: 0;
color: white;
font-style: italic;
font-weight: normal;
line-height: 23px;
}
.kid-benifit-height
{
height: 100px;
}
.kid-partner-box
{
width: 100%;
border: 1px solid white;
padding: 30px 30px;
margin: 35px 0 0 0;
}
.kid-partner-title p
{
font-size: 16px;
text-align: left;
margin: 0;
color: white;
font-style: italic;
font-weight: normal;
line-height: 27px;
height: 300px;
}
.kid-partner-title h4
{
font-size: 20px;
text-align: left;
margin: 0;
color: white;
font-style: italic;
font-weight: 500;
line-height: 18px;
text-transform: uppercase;
padding: 40px 0 0 0;
}
.kid-partner-title h4 span
{
font-size: 16px;
font-weight: normal;
}
/*---------- Fame Academy Course 4 Code End ---------- */
/*---------- Production Code Start ---------- */
#production-banner-wrp
{
width: 100%;
display: flex;
align-items: center;
padding: 70px 0 0 0;
}
#production-banner-wrp::before
{
content: '';
width: 32px;
height: 62px;
background-image: url(../images/production/previous.png);
background-repeat: no-repeat;
position: absolute;
left: 50px;
cursor: pointer;
}
#production-banner-wrp::after
{
content: '';
width: 32px;
height: 62px;
background-image: url(../images/production/next.png);
background-repeat: no-repeat;
position: absolute;
right: 50px;
cursor: pointer;
}
.production-banner-img
{
width: 25%;
}
.production-banner-flex
{
display: flex;
justify-content: center;
}
.production-slider
{
width: 14px;
height: 14px;
background-color: black;
border-radius: 20px;
opacity: 0.5;
margin: -30px 2px 0 2px;
}
.production-slider.active
{
opacity: 1;
}
.agency-title
h2
{
font-size: 50px;
letter-spacing: 0;
color: #fae2be;
text-align: center;
font-weight: bold;
text-transform: unset;
padding: 0;
transform: unset !important;
display: block;
font-family: 'Montserrat', sans-serif;
margin: 0;
height: 100px;
}
.agency-title
h2 span
{
color: black;
text-shadow: -1px 1px 0 #fae2be,
1px 1px 0 #fae2be,
1px -1px 0 #fae2be,
-1px -1px 0 #fae2be;
font-weight: 800;
position: relative;
top: -26px;
letter-spacing: 2px;
}
.agency-title
p
{
font-size: 17px;
text-align: left;
color: white;
line-height: 33px;
font-style: italic;
padding: 30px 0 0 0;
margin: 0;
}
.agency-title
p span
{
font-weight: 600;
}
.agency-mt
{
margin-top: 30px;
}
.agency-img
{
width: 100%;
margin: 30px 0 0 0;
}
.prosuction-sercvices-mt
{
margin: 70px 0 0 0;
}
.agency-title
h5
{
font-size: 15px;
text-align: center;
color: white;
font-style: italic;
padding: 15px 0 0 0;
margin: 0;
font-weight: 600;
}
.production-services-img
{
width: 100%;
border: 1px solid #808080;
margin: 25px 0 0 0;
}
.crew-flex
{
display: flex;
justify-content: center;
}
.crew-nav
{
display: flex;
margin: 20px 0 25px 0;
}
.crew-categories
{
font-size: 12.5px;
color: #fae2be;
padding: 0 5px;
}
.crew-img-flex
{
display: flex;
justify-content: space-between;
}
.crew-imgs
{
margin: 0 0 0 -175px;
}
.prosuction-pricing-mt
{
margin: 50px 0 0 0;
}
.pricing-box
{
width: 100%;
border: 1px solid #333333;
margin: 30px 0 0 0;
}
.pricing-wrp
{
width: 100%;
padding: 8px;
}
.pricing-inner
{
width: 100%;
background-color: #262626;
padding: 15px;
margin: 0 0 10px 0;
}
.pricing-title
h5
{
font-size: 15px;
color: white;
font-weight: 500;
font-style: italic;
margin: 0;
padding: 0;
text-align: left;
}
.pricing-title
h2
{
font-size: 45px;
color: white;
font-weight: 500;
font-style: italic;
margin: 0;
padding: 8px 0 0 0;
text-align: left;
transform: unset !important;
font-family: 'Montserrat', sans-serif;
letter-spacing: 0;
}
.pricing-title
h2 span
{
font-size: 25px;
position: relative;
top: -12px;
padding-right: 6px;
}
.pricing-title
p
{
font-size: 15px;
color: white;
font-weight: normal;
font-style: italic;
margin: 0;
padding: 5px 0 0 0;
text-align: left;
line-height: 23px;
}
.pricing-col-flex
{
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
height: 65px;
}
.pricing-item
p
{
font-size: 14px;
color: white;
font-weight: normal;
font-style: italic;
margin: 0;
padding: 0;
text-align: left;
line-height: 23px;
}
.pricing-devider
{
width: 100%;
height: 1px;
background-color: #2e2e2e;
}
.pricing-delivery
{
font-size: 14px;
color: white;
font-style: italic;
font-weight: 500;
position: relative;
top: 1px;
}
.delivery-flex
{
display: flex;
justify-content: center;
align-items: center;
padding: 20px 0;
}
.pricing-input
{
border: 1px solid white;
border-radius: 0;
background: unset;
height: 56px;
width: 100%;
margin: 15px 0 0 0;
color: white;
font-style: italic;
font-weight: 500;
font-size: 14px;
padding: 20px;
}
.pricing-input:active
{
border: 1px solid white;
color: white;
}
.pricing-input:focus
{
border: 1px solid white;
color: white;
}
.pricing-input::placeholder
{
color: white;
}
.pricing-textarea
{
height: auto;
}
.pricing-flexend
{
display: flex;
justify-content: flex-end;
}
.pricing-submit
{
background: white;
border-radius: 0;
border: 1px solid white;
width: 105px;
height: 44px;
font-size: 14px;
font-weight: 600;
font-style: italic;
margin: 15px 0 0 0;
}
/*---------- Production Code End ---------- */
/*---------- Success Modal Code Start ---------- */
.success-modal
{
max-width: 620px !important;
}
.success-header
{
border: 0;
padding: 16px 20px 0 0;
}
.success-bg
{
width: 618px;
background-image: url(../images/success/success-bg.jpg);
background-repeat: no-repeat;
height: 274px;
}
.success-info
p
{
font-size: 22px;
text-align: center;
color: white;
line-height: 36px;
padding: 15px 0;
}
.success-padding
{
padding: 20px 70px;
}
.success-flex
{
display: flex;
justify-content: flex-end;
}
.success-close
{
cursor: pointer;
}
/*---------- Success Modal Code End ---------- */
/*---------- Mobile Media Query Start ---------- */
@media only screen and (max-width: 600px)
{
/*---------- For All Mobile Pages ---------- */
.mobile-none
{
display: none;
}
/*---------- For All Mobile Pages ---------- */
/*----- Menu Code Start ----- */
#menu
{
width: 100%;
}
.menu-navlink
{
font-size: 16px !important;
}
.menu-flex
{
padding: 0 0 0 15px;
}
.menu-link
{
width: 80%;
}
.menu-icon
{
width: 20%;
}
/*----- Menu Code End ----- */
/*---------- Sign Up Modal Mobile CODE Start ---------- */
.home-modal-title h3
{
font-size: 20px;
padding-top: 15px;
margin: 0;
}
.popup-tab
{
width: max-content !important;
padding: 10px 25px !important;
margin: 0 15px 0 0 !important;
}
.popup-title p
{
font-size: 14px;
width: 100%;
padding: 10px 0 0 0;
}
.home-modal-header
{
height: auto;
}
.popup-content-wrp
{
padding: 0px 0px 15px 0px;
}
.modal-content
{
margin-top: 90px;
}
.popup-title-content p
{
line-height: 20px;
padding-top: 6px;
}
.popup-signup-btn
{
width: 100%;
}
.modal-footer
{
padding: 0 15px 10px 15px;
}
.popup-signup-title p
{
padding-left: 40px;
}
/*---------- Sign Up Modal Mobile CODE End ---------- */
/*---------- HOME PAGE Mobile CODE Start ---------- */
#navbar
{
padding: 5px 10px;
}
#home-banner
{
width: 100%;
height: auto;
background-image: url(../images/home/mobile-banner.jpg);
background-repeat: no-repeat;
background-size: unset;
background-position: top;
}
.home-first-title
{
font-size: 16px;
text-transform: unset;
letter-spacing: 2px;
}
.home-banner-mt
{
margin-top: 35px;
}
h1
{
font-size: 40px;
display: block;
margin: 0;
line-height: 8px;
padding-top: 22px;
letter-spacing: 3px;
text-transform: unset;
}
h2
{
font-size: 13px;
padding: 0;
text-transform: unset;
letter-spacing: 1px;
margin-bottom: 0;
padding-bottom: 0;
line-height: 0;
padding-top: 24px;
}
#home-banner::before
{
content: unset;
position: unset;
top: unset;
margin-left: unset;
}
#home-banner::after
{
content: unset;
position: unset;
}
.home-banner-paragraph
{
font-size: 13px;
font-weight: 500;
text-align: left;
margin: 0;
padding: 0;
color: black;
line-height: 21px;
padding-top: 12px;
width: 56%;
}
.home-banner-dots
{
width: 13px;
height: 13px;
background-color: white;
opacity: 0.8;
border-radius: 20px;
margin: 25px 0 15px 0;
margin-right: 5px;
}
.home-banner-dots-active
{
background-color: black;
opacity: 1;
}
.navFlex
{
height: 58px;
}
.mobile-navlogo
{
width: 100%;
}
h3
{
font-size: 25px;
letter-spacing: 3px;
}
.web-none
{
display: block;
}
p
{
text-align: center;
}
.mobile-talent-img
{
width: 170px;
}
.mobile-talent-img-hover
{
width: 235px;
}
.home-talent-slider-wrapper
{
margin-left: -90px;
}
.nav-mobile-logo
{
width: 110px;
}
.homeDivision-BG
{
padding: 10px 0;
height: auto;
}
.mobile-division-wrp
{
width: 100%;
padding: 0 15px;
display: flex;
align-items: center;
}
.mobile-division-wrp::before
{
content: '';
width: 9px;
height: 14px;
background-image: url(../images/home/mobile-slider-pre.png);
background-repeat: no-repeat;
position: absolute;
}
.mobile-division-wrp::after
{
content: '';
width: 9px;
height: 14px;
background-image: url(../images/home/client-slider-next.png);
background-repeat: no-repeat;
position: absolute;
right: 0;
margin-right: 14px;
}
.mobile-division-slider
{
padding: 0 23px;
margin-top: 25px;
width: 100%;
}
.home-division-others
{
padding: 10px;
}
.home-division-others-box
{
margin-top: -20px;
top: 180px;
transform: unset;
position: unset;
margin-left: 0;
}
.division-mobile-p-0
{
padding: 0;
}
.division-mFlex
{
display: flex;
justify-content: center;
width: 100%;
}
.division-m-slider-dot
{
width: 15px;
height: 15px;
background-color: white;
opacity: 0.4;
border-radius: 20px;
margin-top: 20px;
margin-right: 5px;
}
.m-division-slider-active
{
background-color: white;
opacity: 1;
}
#production-BG
{
margin: 0px 0 0 0;
padding: 0px 0;
}
.home-production-description
{
width: 100%;
}
.home-production-video
{
height: auto;
}
.right-inner-addon input
{
height: 45px;
}
.right-inner-addon img
{
padding: 17px 12px;
}
.home-pro-contact-btn
{
height: 42px;
border: 1px solid #fae2be;
font-size: 14px;
margin-top: 15px;
margin-bottom: 10px;
}
.home-production-form-wrp
{
padding: 0 10px;
}
.m-client-h6
{
padding: 0;
}
#home-client-BG
{
height: auto;
margin: 0;
}
.m-client-contact-btn
{
background: black;
border: 1px solid #fae2be;
border-radius: 55px;
color: #fae2be;
width: 180px;
font-weight: 600;
text-transform: uppercase;
height: 45px;
}
.m-client-contact-btn:hover
{
background: #fae2be;
border: 1px solid #fae2be;
color: black;
}
.home-client-box-active
{
padding: 2px 8px;
height: 133px;
}
.home-client-box
{
padding: 2px 8px;
}
.m-client-img-active
{
width: 115px;
}
.home-client-paragraph
{
width: 94%;
margin-top: -26px;
}
.home-client-dflex
{
margin-top: 13px;
}
.m-client-p-0
{
padding: 0;
}
.home-client::after
{
margin-top: 25px;
z-index: 1;
}
.home-client::before
{
margin-top: 158px;
z-index: 1;
}
#home-partners-BG
{
padding: 5px 12px;
overflow: scroll;
}
.m-partner-mlr
{
margin: 0 15px;
}
.m-w100
{
width: 100%;
}
.home-pro-mt12
{
display: flex;
align-items: center;
}
/*---------- HOME PAGE Mobile CODE END ---------- */
/*---------- About PAGE Mobile CODE Start ---------- */
#about-banner
{
height: auto;
position: unset;
padding: 0;
}
.about-title p
{
padding-top: 50px;
}
.about-heading h2
{
padding: 25px 0 0 0;
font-size: 30px;
}
.about-heading h2 span
{
position: relative;
top: 20px;
line-height: 38px;
}
.about-mini-width
{
width: 100%;
margin-top: 35px;
}
.abt-fame-logo
{
top: 25px;
width: 60px;
}
.abt-intro-img
{
margin-top: 33px;
width: 100%;
}
.abt-project-flex::before
{
left: 12px;
}
.abt-project-flex::after
{
right: 12px;
}
.abt-m-project
{
width: 100%;
}
.abt-project-flex
{
padding: 0 30px;
margin: 40px 0 0 0;
}
.about-title h1
{
font-size: 45px;
}
.about-video-pl
{
padding-left: 15px;
}
.about-video-pr
{
padding-right: 15px;
}
.about-video-w100
{
width: 100%;
height: auto;
margin: 3px 0 0 0;
}
/*---------- About PAGE Mobile CODE END ---------- */
/*---------- Services Page Mobile Code Start ---------- */
.services-staff-outer
{
width: 100%;
}
.service-staff-name
{
transform: unset;
margin-top: -25px !important;
position: relative;
left: 0;
margin: 0 auto;
}
.service-staff-mt
{
margin-top: 35px;
}
.service-img
{
width: 100%;
float: unset;
margin-top: 30px;
}
/*---------- Services Page Mobile Code End ---------- */
/*---------- News Page Mobile Code Start ---------- */
.news-mt25
{
margin-top: 30px;
}
.news-mt50
{
margin-top: 30px;
}
.news-box
{
height: auto;
}
.mobile-mb1
{
margin-bottom: 30px;
}
/*---------- News Page Mobile Code End ---------- */
/*---------- Contact Page Mobile Code Start ---------- */
.contact-img
{
width: 100%;
float: unset;
margin-top: 30px;
}
.contact-info-wrp
{
padding: 50px 15px;
}
.contact-dep-icon
{
right: 14px;
}
.contact-fameworx-box
{
margin-top: 30px;
padding: 23px 20px 23px 20px;
}
.contact-fame-wrp
{
padding: 30px 10px 0 10px;
}
.con-flex
{
display: block;
margin-bottom: 15px;
}
.contact-bold
{
padding-left: 0;
padding-top: 10px;
}
/*---------- Contact Page Mobile Code End ---------- */
/*---------- Join Page Mobile Code Start ---------- */
.become-title h2
{
font-size: 28px;
line-height: 40px;
padding-top: 115px;
}
#join-wrp
{
position: relative;
top: 70px;
padding: 0;
}
.joinUs-btn
{
width: 100%;
}
.become-title p
{
width: 100%;
}
.join-model-box-wrp
{
padding: 30px 0 20px 0;
}
.join-model-box
{
padding: 25px 16px;
}
/*---------- Join Page Mobile Code End ---------- */
/*---------- Join Steps Page Mobile Code Start ---------- */
.stepsStyle
{
line-height: 19px;
font-size: 25px !important;
padding: 0;
}
.step-info
{
font-size: 10px;
}
.join-steps-bg
{
padding: 20px 0;
}
.steps-li
{
padding: 0 10px;
}
.steps-pl25
{
padding: 0;
}
.step-p-0
{
padding-left: 15px;
padding-right: 15px;
}
.step-pl
{
padding-left: 15px;
}
.steps-content-box
{
padding: 20px 20px 40px 20px;
}
.Steps-next-btn
{
width: 100%;
}
.step-portfolio-line
{
overflow: scroll;
}
.next-step-flex
{
display: block;
}
.next-step-title p
{
line-height: 20px;
}
.step-add-btn
{
width: 100%;
margin-top: 15px;
}
.step-portfolio-del-btn
{
width: 100%;
margin-left: 0;
border-radius: 0;
}
.step-portfolio-del-btn1
{
width: 100%;
border-radius: 0;
margin-left: 0;
}
.join-step-label
{
padding-top: 10px;
}
/*---------- Join Steps Page Mobile Code End ---------- */
/*---------- Talent Bank Page Mobile Code Start ---------- */
.bank-banner
{
height: auto;
top: 70px;
padding: 90px 0 30px;
}
.bank-banner-title h4
{
font-size: 20px;
}
.bank-banner-title h5
{
padding: 5px 0 0 0;
}
.bank-slider-border
{
margin: 20px 0 0 0;
}
.bank-slider-border>.active
{
margin: 20px 0 0 0;
}
.bank-filter-flex
{
margin: 90px 0 0 0;
}
.bank-filter
{
top: 1px;
}
.bank-box
{
height: auto;
}
.bank-mobile-flex
{
display: flex;
}
.bank-box
{
margin: 10px 0 0 0;
}
.filter-btn
{
width: 100%;
}
/*---------- Talent Bank Page Mobile Code End ---------- */
/*---------- Talent Profile Page Mobile Code Start ---------- */
#talent-profile-banner
{
padding: 69px 0 0 0;
height: 290px;
}
.TP-title-wrp
{
width: 100%;
padding: 35px 20px 20px 20px;
}
.TP-booking-btn
{
width: 100%;
margin-bottom: 20px;
}
.TP-ml
{
margin-left: 0;
}
.TP-model-mt
{
margin-top: 10px;
}
.TP-model
{
position: unset;
width: 100%;
border: 1px solid #ffffff;
padding: 7px;
}
.TP-id-box
{
padding: 5px 25px;
transform: unset;
margin-left: 23px;
margin-top: 7px;
top: unset;
}
.TP-custom-mt
{
margin-top: 0;
}
.TP-tabs
{
width: 100%;
border: 1px solid #343434;
padding: 13px 5px;
display: flex;
justify-content: space-between;
}
.TP-tabs-btn
{
padding: 5px 7px;
}
.TP-tabs-btn.active
{
padding: 5px 7px !important;
}
/*---------- Talent Profile Page Mobile Code End ---------- */
/*---------- Fame Academy Page Mobile Code Start ---------- */
.academy-title h2
{
margin: 30px 0 0 0;
font-size: 35px;
}
.academy-title h2 span
{
top: 40px;
}
.academy-title-width
{
width: 100%;
margin-top: 0;
}
.academy-title p
{
padding: 75px 0 0 0
}
.academy-headline
{
margin: 40px 0 0 28px;
font-size: 12px;
}
.academyBox
{
height: auto;
padding: 35px 20px 0px 20px;
}
.academy-mt70
{
margin-top: 40px;
}
.academy-course-img
{
margin: 40px 0 0 0;
}
.academy-title h4
{
font-size: 15px;
}
.academy-CourseTitle p
{
font-size: 13px;
padding: 15px 0 0 0;
}
/*---------- Fame Academy Page Mobile Code End ---------- */
/*---------- Talent Search Code Start ---------- */
.TS-modal
{
margin: 0;
}
/*---------- Talent Search Code End ---------- */
/*---------- Fame Academy Course 1 Start ---------- */
.FA-signup-transparent
{
width: 100%;
height: 100%;
}
.FA-signup-wrp
{
width: 100%;
}
.FA-title-mt
{
margin: 20px 0 0 0;
}
.FA-title h2
{
font-size: 25px;
line-height: 32px;
}
.FA-title h2 span
{
top: 0;
}
.FA-title p
{
padding: 25px 0 0 0;
line-height: 22px;
}
.FA-course-wrp
{
padding: 0;
}
.FA-title h3
{
font-size: 25px;
padding: 20px 0 0 0;
}
.FA-course-info
{
font-size: 14px !important;
padding: 20px 0 0 0 !important;
}
.FA-course-session-box
{
height: auto;
padding: 30px 30px;
margin: 30px 0 0 0;
}
.FA-trainer-img
{
margin: 35px 0 0 0;
}
.FA-trainer-title h4
{
font-size: 20px;
}
.FA-trainer-pl
{
padding-left: 15px;
margin: 25px 0 0 0;
}
.FA-trainer-info
{
line-height: 30px !important;
padding: 10px 0 0 0 !important;
}
/*---------- Fame Academy Course 1 End ---------- */
/*---------- Fame Academy Course 4 Start ---------- */
.kid-signup-wrp
{
width: 100%;
}
.kid-signup-transparent
{
width: 100%;
}
.FA-course-banner4
{
padding: 0;
}
.kid-title h3
{
font-size: 25px;
}
.kid-abs
{
position: unset;
margin-top: 0;
margin-left: 15px;
}
.kid-title h2
{
font-size: 40px;
line-height: 80px;
text-align: center;
}
.kid-title h2 span
{
font-size: 56px;
line-height: 30px;
text-align: center;
}
.kid-modeling h2
{
font-size: 40px;
height: auto;
text-align: center;
}
.kid-modeling h2 span
{
font-size: 30px;
letter-spacing: 0;
text-align: center !important;
}
.kid-modeling-handle
{
top: 35px;
}
.kid-modeling-mt
{
margin: 70px 0 0 0;
}
.kid-modeling h3
{
font-size: 30px !important;
padding: 57px 0 0 0;
text-align: center;
}
.kid255
{
height: auto;
}
.kid310
{
height: auto;
}
.kid-p-0
{
padding-left: 15px;
padding-right: 15px;
}
.kid-modeling-img
{
height: auto;
margin: 15px 0 0 0;
}
.kid-acting h2
{
font-size: 40px;
padding-left: 0;
text-align: center;
height: 66px;
}
.kid-acting h2 span
{
font-size: 30px;
text-align: center !important;
}
.acting-wrp
{
padding: 50px 15px;
}
.kid-acting-p0
{
padding-left: 15px;
padding-right: 15px;
}
.kid-acting-column
{
margin-left: 0;
margin-top: 0;
position: unset;
z-index: unset;
}
.kid-acting-last-box
{
border: 0;
background-color: #222222;
padding: 30px 20px 50px 30px;
margin-top: 15px;
}
.kid-acting-session
{
padding: 30px 25px;
}
.kid-course-session-box
{
padding: 30px 25px;
}
.runway-title h2
{
font-size: 30px;
height: 70px;
}
.runway-title h3
{
font-size: 25px;
line-height: 57px;
height: 80px;
}
.runway-title h3 span
{
font-size: 20px;
text-align: center;
}
.runway-wrp
{
padding: 0;
}
.runway-img
{
margin: 20px 0 0 0;
}
.runway-box
{
height: auto;
margin: 15px 0 0 0;
}
.runway-enroll-wrp
{
padding: 20px 0;
}
.runway-title p span
{
font-size: 20px;
}
.kid-benifit-flex
{
display: block;
padding: 0 15px;
}
.kid-benifit-box
{
width: 100%;
margin: 15px 0 0 0;
height: auto;
}
.kid-benifit-mt
{
margin-top: 20px;
}
.kid-benifit-height
{
height: 70px;
}
.kid-partner-box
{
margin: 15px 0 0 0;
}
.kid-partner-title p
{
height: auto;
}
/*---------- Fame Academy Course 4 End ---------- */
/*---------- Production Start ---------- */
#production-banner-wrp::before
{
width: 15px;
height: 29px;
left: 20px;
background-image: url(../images/production/mobile-previous.png);
}
#production-banner-wrp::after
{
width: 15px;
height: 29px;
right: 20px;
background-image: url(../images/production/mobile-next.png);
}
.production-slider
{
margin: -25px 2px 0 2px;
}
.agency-title h2
{
font-size: 25px;
line-height: 29px;
height: 50px;
}
.agency-title h2 span
{
font-size: 25px;
top: 0;
}
.prosuction-sercvices-mt
{
margin: 40px 0 0 0;
}
.mobile-crew-img
{
width: 100%;
margin: 20px 0 0 0;
}
.pricing-title h2
{
line-height: 50px;
}
.pricing-input
{
margin: 0;
}
.pricing-submit
{
width: 100%;
}
/*---------- Production End ---------- */
/*---------- Success Modal Start ---------- */
.success-padding
{
padding: 10px 15px;
}
.success-info p
{
font-size: 18px;
}
/*---------- Success Modal End ---------- */
/*---------- Academy Courses Start ---------- */
.FA-course-banner1
{
background-size: cover;
height: 178px;
}
.signup-course
{
margin: 85px 0 0 0;
width: 100%;
border: 0;
background: white;
height: 42px;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
}
.course-modal-header
{
border: 0;
padding: 0;
background-image: url(../images/success/success-bg.jpg);
width: 100%;
height: max-content;
border-radius: 0;
}
.course-modal-title
h4
{
font-size: 22px;
text-align: center;
color: white;
font-weight: 600;
text-transform: uppercase;
padding: 30px 0px 20px 0;
}
.course-w100
{
width: 100%;
}
.course-input
{
background: black;
margin: 10px 0 0 0;
}
.course-submit-btn
{
width: 100%;
background-color: white;
border: 1px solid black;
font-size: 16px;
}
.course-close
{
position: absolute;
right: 12px;
margin-top: 10px;
}
.FA-course-banner2
{
background-size: cover;
height: 178px;
}
.FA-course-banner3
{
background-size: cover;
height: 178px;
}
.FA-course-banner4
{
background-size: cover;
height: 178px;
background-image: url(../images/academy/courses/kid-course-mobile-banner.jpg);
}
/*---------- Academy Courses End ---------- */
/*---------- Footer Mobile Code Start ---------- */
#footer
{
margin: 50px 0 0 0;
}
.m-footer-flex
{
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-logo
{
width: 45%;
}
.mobile-footer
p
{
color: black;
font-size: 12px;
padding-top: 5px;
}
/*---------- Footer Mobile Code End ---------- */
}
/*---------- Mobile Media Query End ---------- */