@font-face {
    font-family: 'Proxima Nova Th';
    src: url('ProximaNova-ExtrabldIt.woff2') format('woff2'),
        url('ProximaNova-ExtrabldIt.woff') format('woff'),
        url('ProximaNova-ExtrabldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Cn Th';
    src: url('ProximaNovaCond-Extrabld.woff2') format('woff2'),
        url('ProximaNovaCond-Extrabld.woff') format('woff'),
        url('ProximaNovaCond-Extrabld.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Bl';
    src: url('ProximaNova-Black.woff2') format('woff2'),
        url('ProximaNova-Black.woff') format('woff'),
        url('ProximaNova-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('ProximaNova-Regular.woff2') format('woff2'),
        url('ProximaNova-Regular.woff') format('woff'),
        url('ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova BdIt';
    src: url('ProximaNova-BoldIt.woff2') format('woff2'),
        url('ProximaNova-BoldIt.woff') format('woff'),
        url('ProximaNova-BoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Bd';
    src: url('ProximaNova-Bold.woff2') format('woff2'),
        url('ProximaNova-Bold.woff') format('woff'),
        url('ProximaNova-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova LtIt';
    src: url('ProximaNova-LightIt.woff2') format('woff2'),
        url('ProximaNova-LightIt.woff') format('woff'),
        url('ProximaNova-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
.et_pb_slider .et_pb_slide_0 {
    background-color: #fff!important;
}
.mainButton {
background-color: #e50085 !important;
border: 0px !important;
border-radius: 0px !important;
font-family: 'Proxima Nova Cn Th';
text-transform: uppercase;
letter-spacing: 3px;
	color:white;
}
#page-container {
	padding-top:0px!important;
}
.mainSliderSection {
	padding:0px!important;
	height:100vh!important;
}
.mainSliderRow {
	padding:0px!important;
	height:100vh!important;
	width:100%!important;
	max-width:100%!important;
}
.mainSlider {
	padding:0px!important;
	height:100vh!important;
}
.mainSlider .et_pb_slide {
	height:100vh!important;
}
#main-header .container {
	max-width:100%!important;
	width:95%!important;
	height: 175px;
}
#main-header {
	background-color:rgba(0,0,0,0)!important;
	box-shadow: 0 1px 0 rgba(0,0,0,0)!important;
-moz-box-shadow: 0 1px 0 rgba(0,0,0,0)!important;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0)!important;
	background-image:url("http://www.truecreativeportal.com/dev/elements/wp-content/uploads/2021/07/header-bg.png");
	background-size:100%;
	background-position:bottom;
	height:375px;
	background-repeat: no-repeat;
}
#logo {
	max-height: 100%!important;
}
.mainSlider .et_pb_slide_content {
	text-align:left;
	width:50%;
}
.mainSlider h1 {
	font-family: 'Proxima Nova Bl';
	font-size:125px;
	text-transform: uppercase;
	line-height:85% !important;
	text-shadow: 1px 1px 6px rgb(0, 0, 0);
}
.mainSlider .et_pb_slide_description{
    padding: 9% 8%!important;
}
#top-menu li {
    display: inline-block;
    font-size: 25px;
    padding-right: 22px;
    text-shadow: 1px 1px 6px rgb(0, 0, 0);
    text-transform: uppercase;
    letter-spacing: 1px;
}
#top-menu li a {
    color: white !important;
    font-family: 'Proxima Nova Cn Th';
}
.mainSlider .et_pb_button {
	background-color:#e50085!important;
	border:0px!important;
	border-radius:0px!important;
	font-family: 'Proxima Nova Cn Th';
	text-transform: uppercase;
	letter-spacing: 3px;
}
#main-footer {
	display:none;
}
.mainContentSection p{
	font-family: 'Proxima Nova Rg';
	font-size:18px;
	font-weight:bold;
}
.mainContentSection li {
    font-family: 'Proxima Nova Rg';
    font-size: 18px;
    font-weight: bold;
}
.mainContentSection h2 {
	font-family: 'Proxima Nova Bl';
	font-size:42px;
}
.mainContentSection h2 em {
	color:#e50085;
	font-family: 'Proxima Nova Bd';
	text-transform:uppercase;
	font-size:32px;
}
.mainContentSection h3 {
	font-family: 'Proxima Nova Bl';
	font-size:20px;
	letter-spacing:1px;
	text-transform:uppercase;
}
#main-header.et-fixed-header {
    box-shadow: 0 0 7px rgba(0,0,0,0) !important;
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0) !important;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0) !important;
}
.captionText h2 {
	color:#f0871e;
	font-size:20px!important;
	text-transform:uppercase;
	letter-spacing:2px;
}
.captionText p {
	font-family: 'Proxima Nova Bl'!important;
	font-size:16px!important;
	line-height:125%!important;
}
.mainContentSection .et_pb_row {
  width:75%!important;
	max-width:1400px!important;
}
.borderCol .et_pb_image {
	  background: linear-gradient(to right, #f0871e, #843e90, #e50085)!important;
}
.borderCol .et_pb_image .et_pb_image_wrap {
	padding:7px!important;
}
.borderColText .et_pb_text {
	  background: linear-gradient(to right, #f0871e, #843e90, #e50085)!important;
}
.borderColText .et_pb_text .et_pb_text_inner {
	padding:7px!important;
}
.borderColText .et_pb_text h4 {
	background:white!important;
	  font-family: 'Proxima Nova Bl'!important;
    font-size: 20px!important;
    letter-spacing: 1px!important;
    text-transform: uppercase!important;
	color:#e50085!important;
	padding-left:15px!important;
	padding-top:15px!important;
}
.borderColText .et_pb_text ul {
	background:white!important;
	padding-left:30px!important;
	font-family: 'Proxima Nova Bl' !important;
font-size: 16px !important;
line-height: 125% !important;
}
.borderColText .et_pb_text ul li{
  margin-bottom:5px!important;
}
.footerSection {
	background-position:top!important;
	padding-bottom:0px!important;
}
.footerSection .et_pb_row:last-of-type {
	width:98%!important;
	max-width:98%!important;
	color:white!important;
	font-family: 'Proxima Nova Bd';
	font-size:16px!important;
}
.footerSection h1 {
	font-family: 'Proxima Nova Th';
    font-weight: bold;
    font-style: italic;
	color:white;
	padding-top:25px!important;
	text-shadow: 1px 1px 6px rgb(0, 0, 0);
	font-size: 18px;
}
.footerSection .et_pb_button {
	background-color:white!important;
	border:0px!important;
	border-radius:0px!important;
	color:#3193ce!important;
    font-family: 'Proxima Nova Cn Th';
    text-transform: uppercase;
    letter-spacing: 1px;
}
.footerSection .footerMenu a {
    font-size: 25px;
    padding-right: 22px;
    text-shadow: 1px 1px 6px rgb(0, 0, 0);
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    font-family: 'Proxima Nova Cn Th';
}
.mainScroll {
	position:fixed;
	bottom:0px;
	left:48%;
	background-color:rgba(0,0,0,.75);
	padding:20px;
	color:white;
	font-weight:bold;
	z-index:99999999px!important;
}
.nav li ul {
    padding: 0px 0!important;
    background: rgba(0,0,0,.75)!important;
    border-top: 3px solid #e50085!important;
}
#top-menu li li {
	padding:0px!important;
	max-width:100%!important;
	line-height:125%;
}
#top-menu li li a {
	font-size:20px!important;
}
.mainContentSection .borderColText .et_pb_text p {
    font-family: 'Proxima Nova Rg' !important;
    font-size: 16px !important;
    line-height: 125% !important;
	background-color:white;
	padding:15px;
}
.mainContentSection .et_pb_button {
	background-color:#e50085!important;
	border:0px!important;
	border-radius:0px!important;
	font-family: 'Proxima Nova Cn Th';
	text-transform: uppercase;
	letter-spacing: 3px;
	color:white;
}
.et_pb_contact_field_4 {
	width:45%!important;
	float:left!important;
	margin-right:0px;
	clear:none!important;
}
.et_pb_contact_field_5 {
	width:45%!important;
	float:left!important;
	margin-right:0px;
	clear:none!important;
}
.et_pb_contact p input[type="checkbox"]:checked + label i::before {
	color: #e50085 !important;
}
.et_pb_contact p input, .et_pb_contact p textarea, .et_pb_subscribe .et_pb_contact_field input, .et_pb_subscribe .et_pb_contact_field textarea {
	background-color:white!important;
	border:3px solid #333!important;
	    font-family: 'Proxima Nova Rg';
    font-size: 18px!important;
    font-weight: bold;
}
.et-pb-contact-message p {
	color: #e50085 !important;
}
@media screen and (max-width: 2400px){
}
@media screen and (max-width: 2200px){
}
@media screen and (max-width: 1920px){
.mainSlider h1 {
    font-size: 90px;
}
.mainScroll {
    left: 47%;
}
.mainFooterLogo {
	margin-bottom:200px!important;
}
#main-header {
    background-position: top;
    left: -10px;
}
	.mainSlider .et_pb_slide_content {
    width: 70%;
}
#main-header {
	height:270px;
}	
}
@media screen and (max-width: 1600px){
.mainSlider .et_pb_slide_description {
    padding-top: 20% !important;
}
.mainFooterLogo {
	width:300px;
}
}
@media screen and (max-width: 1440px){
.mainSlider .et_pb_slide_content {
    width: 70%;
}
#top-menu li {
    font-size: 20px;
}
}
@media screen and (max-width: 1366px){
}
@media screen and (max-width: 1280px){
.mainSlider .et_pb_slide_content {
    width: 65%;
}
.mainSlider h1 {
    font-size: 75px;
}
}
@media screen and (max-width: 1024px){
#top-menu li {
    font-size: 16px;
}
.mainScroll {
    left: 44%;
}	
}
@media screen and (max-width: 980px){
.mobile_menu_bar::before {
	color:#e50085!important;
	padding-left:8px;
	top:8px!important;
}
.et_header_style_left #et-top-navigation {
	padding-top:0px!important;
}
#main-header .container {
  width:100%!important;
}
#main-header {
    left: 0px;
}
#et_mobile_nav_menu {
    width: 50px;
    height: 50px;
    background-color: white;
}
#main-header {
    background-size: 200%;
    background-position: top left !important;
}
.et_mobile_menu {
    left: auto;
    padding: 0%;
    width: 50%;
    border-top: 5px solid #e50085!important;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    right: 0;
}
.et_mobile_menu a {
	font-family: 'Proxima Nova Bl' !important;
font-size: 16px !important;
line-height: 125% !important;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\4c';
    top: 11px;
    right: 13px;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}

.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}
.et_pb_contact_field_4 {
	width:100%!important;
	float:left!important;
	margin-right:0px;
	clear:none;
}
.et_pb_contact_field_5 {
	width:100%!important;
	float:left!important;
	margin-right:0px;
	clear:none;
}	
}
@media screen and (max-width: 800px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 414px){
.mainSlider h1 {
    font-size: 40px;
    line-height: 95%!important;
}
.mainSlider .et_pb_slide_content {
    width: 75%;
}
.mainSlider .et_pb_slide_description {
    padding-top: 20% !important;
    padding-left: 0% !important;
    padding-right: 0% !important;
}
#main-header {
    background-size: 400%;
}
.mainContentSection h2 {
    font-size: 35px;
}
}
@media screen and (max-width: 375px){
}
@media screen and (max-width: 320px){
}