
/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */
/*
** Custom Stylesheet
---------------------
Fonts
Icons
Custom CSS
Media Query CSS
*/

:root{font-size:16px;}
body {
	background-color: #283a4d;
	font-family: 'Abrade-Book';
	font-size: 14px;
	line-height:16px;
	position: relative;
}

a:hover, a:focus {text-decoration: none; outline: none; }
a, span, i {display: inline-block; vertical-align: middle; }
.pointer, a, .btn, button {cursor: pointer; }
img{max-width:100%;height:auto;}
a, .btn, button, .transition, header, header .nav-area{
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/*Fonts*/
@font-face {
    font-family: 'Abrade-Book';
    src: url('../divi-child/fonts/Abrade-Book.eot');
    src: url('../divi-child/fonts/Abrade-Book.eot?#iefix') format('embedded-opentype'),
        url('../divi-child/fonts/Abrade-Book.woff2') format('woff2'),
        url('../divi-child/fonts/Abrade-Book.woff') format('woff'),
        url('../divi-child/fonts/Abrade-Book.ttf') format('truetype'),
        url('../divi-child/fonts/Abrade-Book.svg#Abrade-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Abrade-Black';
    src: url('../divi-child/fonts/Abrade-Black.eot');
    src: url('../divi-child/fonts/Abrade-Black.eot?#iefix') format('embedded-opentype'),
        url('../divi-child/fonts/Abrade-Black.woff2') format('woff2'),
        url('../divi-child/fonts/Abrade-Black.woff') format('woff'),
        url('../divi-child/fonts/Abrade-Black.ttf') format('truetype'),
        url('../divi-child/fonts/Abrade-Black.svg#Abrade-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Abrade-Thin';
    src: url('../divi-child/fonts/Abrade-Thin.eot');
    src: url('../divi-child/fonts/Abrade-Thin.eot?#iefix') format('embedded-opentype'),
        url('../divi-child/fonts/Abrade-Thin.woff2') format('woff2'),
        url('../divi-child/fonts/Abrade-Thin.woff') format('woff'),
        url('../divi-child/fonts/Abrade-Thin.ttf') format('truetype'),
        url('../divi-child/fonts/Abrade-Thin.svg#Abrade-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Poly-italic';
     src: url('../divi-child/fonts/Poly-Italic.eot');
    src: url('../divi-child/fonts/Poly-Italic.eot?#iefix') format('embedded-opentype'),
        url('../divi-child/fonts/Poly-Italic.woff2') format('woff2'),
        url('../divi-child/fonts/Poly-Italic.woff') format('woff'),
        url('../divi-child/fonts/Poly-Italic.ttf') format('truetype'),
        url('../divi-child/fonts/Poly-Italic.svg#Poly-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Icon*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?z5r31j');
  src:  url('fonts/icomoon.eot?z5r31j#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?z5r31j') format('truetype'),
    url('fonts/icomoon.woff?z5r31j') format('woff'),
    url('fonts/icomoon.svg?z5r31j#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-android-color:before {
  content: "\e90d";
}
.icon-apple-color:before {
  content: "\e90e";
}
.icon-spotify-color:before {
  content: "\e918";
}
.icon-instagram:before {
  content: "\e906";
}
.icon-pinterest:before {
  content: "\e905";
}
.icon-youtube:before {
  content: "\e907";
}
.icon-share:before {
  content: "\e903";
}
.icon-down-arrow:before {
  content: "\e904";
}
.icon-facebook-logo:before {
  content: "\e900";
}
.icon-linkedin-letters:before {
  content: "\e901";
}
.icon-twitter:before {
  content: "\e902";
}

/*----------- Typography---------- */
h1,.h1{font-size:100px !important;line-height:106px !important;font-family: 'Abrade-Black';}
h2,.h2{font-size:80px !important;line-height:63px !important;font-family: 'Abrade-Black';padding-bottom:0;}
h3,.h3{font-size:40px !important;line-height:46px !important;}
p,.p{font-size:25px !important;line-height:31px !important;}
.font-xl{font-size:50px !important;line-height:66px !important;}
.font-lg{font-size:35px !important;line-height:41px !important;}
.font-md{font-size:30px !important;line-height:36px !important;}
.font-sm{font-size:25px !important;line-height:31px !important;}
.font-extra-sm{font-size:20px !important;line-height:26px !important;}
.font-abrade-book{font-family: 'Abrade-Book';}
.font-abrade-black{font-family: 'Abrade-Black' !important;}
.font-abrade-thin{font-family: 'Abrade-Thin';}
.font-poly-italic{font-family: 'Poly-italic';}
.uppercase{text-transform:uppercase;}




/*----------- Colors---------- */
.text-white{color:#ffffff;}
.text-light-orange{color:#dbba69;}
.text-dark-orange{color:#c79546;}
.text-dark-blue{color:#2b4254;}
.text-medium-blue{color:#3c77a1;}

/*----------- Buttons---------- */
.primary-button,.secondary-button{
    background-color: #fff;
    padding: 16px 31px;
    border-radius: 50px;
    color: #3c77a1 !important;
    display: inline-block;
    vertical-align: middle;
}
.secondary-button{
	background-color: #2a3c4d;
	color: #ffffff !important;
}
.primary-button.leave-button:hover{
	background-color:#2a3c4d;
}
span.dashicons.button-icon {
    font-size: 25px;
    line-height: 30px;
    margin-left: 13px;
	vertical-align: sub;
	color:#dbba69;
	/* -webkit-transition: 0.5s all ease-in-out; */
    /* -o-transition: 0.5s all ease-in-out; */
    /* transition: 0.5s all ease-in-out; */
}
.primary-button:hover{
	background-color:#dbba69;
	color:#ffffff  !important;
}
.primary-button:hover span.dashicons.button-icon{
	color:#ffffff;
}
.et_pb_video .et_pb_video_overlay_hover:hover{
	background:rgba(0,0,0,0.4);
}
/*----Custom CSS------*/
.d-inline-block{
	display:inline-block !important;
}
.d-block{
	display:block !important;
}
.text-center{
	text-align:center;
}
.pb-0{
	padding-bottom:0;
}
.fullpage-valign {
    min-height: 100vh !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
a.down-about {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
	-webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a.down-about:hover {
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
}
/*----Header Menu------*/
header {
    height: 0;
}
#logo{
	-webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.rocket-logo-line-mobile,.rocket-logo-mobile,.rocket-logo-line-tablet{
	display:none!important;
}
.et_header_style_left .logo_container{width:auto;}
.et_fullwidth_nav #main-header .container{
	height: 125px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	background-color:#2a3c4d;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.career-change span {
    color: #acb9bf !important;
    vertical-align: unset;
}
.et_header_style_left .logo_container{
	position:static;
}
.et-fixed-header .logo_container a img {
    width: 70% !important;
	-webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.et-fixed-header .container.clearfix.et_menu_container {
    height: 89px !important;
	-webkit-box-shadow: 0px 0px 4px 1px #00000085;
	box-shadow: 0px 0px 4px 1px #00000085;
}
.et_header_style_left #et-top-navigation nav>ul>li.contact a {
    padding: 7px 19px !important;
    border: 1px solid #fff;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
#top-menu-nav #top-menu li.contact a:hover {
    background-color: #c79546;
    color: #fff !important;
}
.et_header_style_left #et-top-navigation nav>ul>li.contact a:before{
	display:none;
}
div#et-top-navigation {
    padding-left: 0 !important;
	padding-right: 0;
}
#top-menu li{
	padding-right: 40px;
}
#top-menu li a{font-size:22px !important;line-height:28px !important;font-family: 'Abrade-Book';font-weight: normal;}
#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover{
    color: #dbba69 !important;
    opacity:1 !important;
}
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
	 content: "";
	 position: absolute;
	 z-index: 2;
	 left: 0;
	 right: 0;
}
#top-menu li a:before {
	 content: "";
	 position: absolute;
	 z-index: -2;
	 left: 0;
	 right: 100%;
	 bottom: -50%;
	 background: #dbba69; /*** COLOR OF THE LINE ***/
	 height: 3px; /*** THICKNESS OF THE LINE ***/
	 -webkit-transition-property: right;
	 -o-transition-property: right;
	 transition-property: right;
	 -webkit-transition-duration: 0.3s;
	 -o-transition-duration: 0.3s;
	    transition-duration: 0.3s;
	 -webkit-transition-timing-function: ease-out;
	 -o-transition-timing-function: ease-out;
	    transition-timing-function: ease-out;
}
#top-menu li a:hover {
	opacity: 1 !important;
}
#top-menu li a:hover:before {
	right: 0;
}
#top-menu li li a:before {
	bottom: 10%;
}
#main-header #top-menu a.ds-menu-active,
.et_slide_in_menu_container .et_mobile_menu a.ds-menu-active {
    color: #dbba69 !important;
}
#top-menu li a.ds-menu-active:before {
    right: 0;
}
li.home{
	display:none !important;
}
.bottom-arrow{
	position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -50px;
}
.rocket-logo-line-desktop{
	position:absolute;
}
#top-menu li.share_icon > a,#top-menu li li.facebook_in_icon a,#top-menu li li.twitter_in_icon a,#top-menu li li.linked_in_icon a{
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-block;
}
#top-menu li.share_icon > a:after,#top-menu li li.facebook_in_icon a:after,#top-menu li li.twitter_in_icon a:after,#top-menu li li.linked_in_icon a:after{
	display:none;
}
#top-menu li.share_icon > a:before,#top-menu li li.facebook_in_icon a:before,#top-menu li li.twitter_in_icon a:before,#top-menu li li.linked_in_icon a:before{
	content: "\e903";
    color: #acb9bf;
    display: inline-block;
    z-index: 9;
    font-size: 30px;
	line-height:36px;
	position:static;
	font-weight: normal;
    font-style: normal;
    font-family: 'icomoon';
	background-color:transparent;
	height:auto;
	-webkit-transition:0.5s all ease;
	-o-transition:0.5s all ease;
	transition:0.5s all ease;
}
#top-menu li li.facebook_in_icon a,#top-menu li li.twitter_in_icon a,#top-menu li li.linked_in_icon a{
	padding: 5px 10px !important;
}
#top-menu li li.facebook_in_icon a:before,#top-menu li li.twitter_in_icon a:before,#top-menu li li.linked_in_icon a:before{
	height: 35px;
    width: 35px;
    border-radius: 50%;
    padding: 5px;
	font-size:26px;
}
#top-menu li li.facebook_in_icon a:before {
    content: "\e900";
    color: #2a3c4d;
}
#top-menu li li.facebook_in_icon a:hover:before {
    background-color: #3b5998;
    color: #fff;
}
#top-menu li li.twitter_in_icon a:before{
	content: "\e902";
	color: #2a3c4d;
}
#top-menu li li.twitter_in_icon a:hover:before{
	background-color:#38A1F3;
	color: #ffffff;
}
#top-menu li li.linked_in_icon a:before{
	content: "\e901";
	color: #2a3c4d;
}
#top-menu li li.linked_in_icon a:hover:before{
	background-color:#0077B5;
	color: #ffffff;
}
#top-menu li.share_icon > a:hover:before{
	color:#dbba69;
}
.nav li ul.sub-menu {
    border: 0;
    background-color: #fff !important;
    padding:10px 0;
    width: 60px;
    margin-left: -10px;
    border-radius: 15px;
    text-align: center;
    margin-top: 13px;
}
.nav li ul.sub-menu:before {
    content: '';
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 12px;
    border-left-width: 12px;
    border-bottom: 15px solid white;
    display: inline-block;
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.nav li ul.sub-menu li,.nav li ul.sub-menu li a{
	width: 60px !important;
    padding: 0 !important;
}
.nav li ul.sub-menu li a{
	text-align: center;
	padding: 10px !important;
}
/*----Banner section------*/

/*----About Me------*/
.joseph-logo-about .et_pb_image_wrap {
    position: relative;
}
.joseph-logo-about .et_pb_image_wrap:before,.joseph-logo-about .et_pb_image_wrap:after {
    content: '';
    border: 1px solid #acb9bf;
    height: 40px;
    position: absolute;
    left: 50%;
    top: -40px;
}
.joseph-logo-about .et_pb_image_wrap:after {
    left: 50%;
    bottom: -60px;
    top: unset;
}
.featured-icon {
    display: inline-block;
    text-align: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}
.featured-in {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    background-color:rgba(255, 255, 255, 0.9);
    padding: 29px 0;
	border:1px dashed #acb9bf;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-around;
	    -ms-flex-pack: space-around;
	        justify-content: space-around;
}

/*-------Listen---------*/
.listen_section div[class*='et_pb_column'] {
    padding: 0 15px;
}
.listing-column .et_pb_column_1_3 {
    width: 33.10%;
    display: inline-block;
    margin-bottom: 70px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.listing-column .et_pb_column_1_3 {
    padding: 0 15px;
    vertical-align: top;
    margin-top: 60px;
}
.listen-box {
    background-color: #f0f5f8;
    margin-right: 20px;
    margin-left: 20px;
    -webkit-transition:0.5s all ease-in-out;
	-o-transition:0.5s all ease-in-out;
	transition:0.5s all ease-in-out;
}
.listen-box a {
    position: relative;
    display: block;
}
.listen-box a.feat-img p span {
    display: block;
    font-size: 55px;
    color: #acb9bf;
    font-family: Poly-Italic;
    line-height: 45px;
    font-weight: normal;
}
.listen-list-desc {
    padding: 15px 25px;
	overflow: hidden;
}
.listen-list-desc a {
    position: relative;
    font-family: 'Abrade-Black';
    text-transform: uppercase;
    color: #2b4254;
    font-size: 25px;
    line-height: 35px;
    display: block;
    width: 100%;
}
.listen-list-desc a span {
    border-left: 4px solid #3c77a1;
    text-transform: capitalize;
    font-weight: normal;
    line-height: 22px;
    display: inline-block;
    padding-left: 15px;
    color: #c79546;
    font-family: Poly-italic;
}
.listen-box a.feat-img p {
	display:block;
    position: absolute;
    top: 0;
    left: 0;
    width: 78px;
    height: 78px;
    font-family: 'Abrade-Black';
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px !important;
    background: rgba(240, 245, 248, 0.85);
    color: #c79546;
    text-align: center;
    vertical-align: middle;
    line-height: 28px;
}
.listen-box:hover .listen-list-desc {
    background-color: #dbba69;
	height:100%;
	-webkit-transition:0.1s all ease-in-out;
	-o-transition:0.1s all ease-in-out;
	transition:0.1s all ease-in-out;
}
.listen-box:hover .listen-list-desc a.title span,.listen-box:hover a.listen-content span{
    color: #fff !important;
    border-color: #fff !important;
	-webkit-transition:0.1s all ease-in-out;
	-o-transition:0.1s all ease-in-out;
	transition:0.1s all ease-in-out;
}
a.listen-content {
    display: inline-block !important;
    width: auto;
    margin-right: auto;
	float:right;
}
a.listen-content span{
	border:0;
	color: #3c77a1;
	vertical-align: text-top;
}
.listen-box:hover .listen-icon-color {
	-webkit-transition:0.1s all ease-in-out;
	-o-transition:0.1s all ease-in-out;
	transition:0.1s all ease-in-out;
    fill: #2a3c4d !important;
}
/*----Slick Slider----*/
.slick-content {
    width: 84%;
    margin: 0 auto;
}
a.button-primary {
    color: #fff;
    background-color: #565656;
    padding: 8px 20px;
    border-radius: 100px;
}
.rigth-arrow-slider, .left-arrow-slider{
	background-image: url("images/left-arrow.png");
	background-repeat:no-repeat;
	position: absolute;
    left: -60px;
    right: unset;
    top: 40%;
    -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
            transform: translateY(-40%);
	cursor: pointer;
    font-size: 40px;
    color: #fff;
	width: 30px;
    height: 40px;
}
.rigth-arrow-slider{
	background-image: url("images/right-arrow.png");
	right: -60px;
    left: auto;
}

/*----Subscribe-------*/
.subscribe-icon{
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	-webkit-box-flex: 1;
	        flex-grow: 1;
	max-width: 100%;
}
.subscribe{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	width: 100%;
    max-width: 614px;
    margin: 0 auto;
}
.subscribe-icon-section {
    font-size: 60px;
    background-color: #f0f5f8;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
	-webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.icon-apple-color.subscribe-icon-section {
    color: #7a3f98;
}
.icon-android-color.subscribe-icon-section {
    color: #aac147;
}
.icon-spotify-color.subscribe-icon-section {
    font-size: 40px;
}
.icon-spotify-color:before {
    background-color: #6ebe44;
    color: #fff;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    line-height: 58px;
    display: inline-block;
}
.subscribe-icon-section:hover,.icon-spotify-color:hover:before{
    color: #2a3c4d;
    background-color: #dbba69;
}
.icon-spotify-color:hover:before {
    background-color: #2a3c4d;
    color: #dbba69;
}
.subscribe-icon-section svg {
    height: 90px;
    line-height: 70px;
    width: 60px;
}
.subscribe-icon-section:hover .googlepodcast-color,.subscribe-icon-section:hover .stitcher-color{
    fill: #2a3c4d !important;
}
/*-----Tooltip--------*/
/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::before, [tooltip]::after {
    text-transform: none;
    font-size: .9em;
    line-height: 1;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
    content: attr(tooltip);
    font-family: Helvetica, sans-serif;
    text-align: center;
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    background: #333;
    color: #fff;
    z-index: 1000;
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before, [tooltip]::after {
    text-transform: none;
    font-size: 22px;
    line-height: 1;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 12px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
    content: attr(tooltip);
    font-family: 'Abrade-Book';
    text-align: center;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    padding: 5px 14px;
    border-radius: .3ch;
    background: #3c77a1;
    color: #fff;
    z-index: 1000;
    border-radius: 50px;
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}
/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 92%;
  border-top-width: 0;
  border-bottom-color: #3c77a1;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, .5em);
      -ms-transform: translate(-50%, .5em);
          transform: translate(-50%, .5em);
}
/* KEYFRAMES */
@-webkit-keyframes tooltips-vert {
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes tooltips-vert {
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltips-horz {
  to {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
          animation: tooltips-vert 300ms ease-out forwards;
}

/*----Apply Section-----*/
span.percent-value{
	font-family: 'Abrade-Black';
	font-size:54px;
	line-height:60px;
}
.et_pb_number_counter .percent {
    height: 60px;
}
.apply-to-be{
	margin-right:20px;
	vertical-align:middle;
}

/*----Testimonials Section-----*/
.review-slider{
	width:100%;
	max-width: 1088px;
	margin:0 auto;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 53px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: #2a3c4d;
}
.testimonials-slider .quote-image-test{
    text-align: center;
	padding-bottom: 55px;
}
.testimonial-person-name {
    padding-top: 35px;
    border-top: 1px solid #fff;
}
.slickky-test {
    padding-bottom: 35px;
}
ul.slick-dots {
    margin-top: 40px;
	padding:0;
}

/*----Get Involved Section-----*/
.social-icon-involved {
    font-size: 28px;
    padding: 14px;
    border-radius: 50%;
    background-color: #acb9bf;
    color: #fff;
	display: inline-block;
    vertical-align: baseline;
	margin-left: 24px;
	-webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.icon-facebook-logo.social-icon-involved:hover{
    background-color: #3b5998;
    color: #fff;
}
.icon-twitter.social-icon-involved:hover{
    background-color: #38a1f3;
    color: #fff;
}
.icon-linkedin-letters.social-icon-involved:hover{
    background-color:#0077b5;
    color: #fff;
}



#footer-info{
	float:none !important;
	text-align:center;
	padding:0;
}
#footer-subinfo{
	float:none !important;
	text-align:center;
	padding:0;
	font-size: 12px;
	color: #acb9bf;
	margin-top: 5px;
}
#footer-bottom{
	padding:16px;
}
.footer-yellow {
    display: initial;
}
div#custom_html-2{
	display: block;
    width: 100%;
    text-align: center;
	padding-top: 10px;
    padding-bottom: 10px;
}
div#custom_html-3 {
    border-left: 1px solid #acb9bf;
    padding-left: 35px;
	padding-top: 10px;
    padding-bottom: 10px;
}
.footer-about-client p,.testimonial-sslider-content p{
    line-height: 35px !important;
}
.joseph-liu-sign {
    padding: 35px 0 10px 0;
}
.joseph-liu-sign .person{
	padding-bottom:20px;
}
.text-shade-white{color:#eff4f7;}
.footer-left-top {
    border-bottom: 1px solid #acb9bf;
	padding-bottom:65px;
}
.navigate {
    width: 100%;
    max-width: 450px;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
}
img.relaunch-career-footer {
    padding-bottom: 30px;
}
.footer-left-top span.text-dark-orange {
    display: initial;
    vertical-align: baseline;
}
.footer-left p {
    padding-right: 20px;
}
.footer-left-bottom {
    padding-top: 35px;
}
div#footer-widgets {
    padding: 40px 0;
}
.footer-left-bottom span {
    vertical-align: inherit;
    padding-right: 20px;
}
.social-icon-relaunch{
	font-size: 28px;
    padding: 14px;
    border-radius: 50%;
    background-color: #dbba69;
    color: #2a3c4d !important;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 15px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.social-icon-relaunch:hover{
	background-color: #ffffff;
    color: #2a3c4d !important;
}
.subscribe-section .af-element input{
	background: #fff;
    color: #2b4254!important;
    font-family: Abrade-Book,helvetica,arial,sans-serif;
    font-size: 20px;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    width: 100%;
    outline: 0;
    letter-spacing: 0px;
	height: 60px;
    border-radius: 60px!important;
    border: none;
    padding: 10px 30px!important;

}
.subscribe-section .af-element.buttonContainer {
    min-width: auto;
    max-width: none;
    width: auto;
}
.subscribe-section .af-element.buttonContainer input {
	padding: 16px 65px 16px 36px !important;
    border-radius: 50px !important;
    display: inline-block;
    vertical-align: middle;
    background-color: #2a3c4d;
    color: #ffffff !important;
    background: #2b4254 url("images/email.svg") no-repeat center right 27px;
    background-size: 21px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.subscribe-section .af-element {
    margin-right: 40px;
    min-width: auto;
    max-width: 360px;
    width: 100%;
}
.subscribe-section .af-element.buttonContainer input:hover {
    color: #dbba69 !important;
}
.subscribe-section input::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c79546;
  opacity: 1; /* Firefox */
}
.subscribe-section input:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c79546;
  opacity: 1; /* Firefox */
}
.subscribe-section input::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c79546;
  opacity: 1; /* Firefox */
}
.subscribe-section input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c79546;
  opacity: 1; /* Firefox */
}
.subscribe-section input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c79546;
  opacity: 1; /* Firefox */
}
.banner-line-animated{
	position:absolute;
}
.et_pb_scroll_top.et-pb-icon{
	bottom: 60px;
}
#top-menu li.share_icon ul li a { padding: 5px 7px !important }
#top-menu li.share_icon ul li a:before { width: 100%; max-width: 35px; margin: 0 auto; display: block; }
.home .rocket-logo-line-desktop {
	left: 414px;
	right: 79px;
	position: absolute;
	bottom: 116px;
    margin-bottom: 0 !important;
}
.rocket-image-desktop{
	position:absolute;
	right: 0;
	top:7%;
	left: 0;
	text-align: right;
}
.banner-bottom-content {
    width: 100%;
}

.banner-image-rocket{
	position: absolute;
    right: -8%;
    bottom: 8%;
}
.rocket-logo-line-desktop .hide {
  display: none;
}

.rocket-logo-line-desktop.add-animation .dashed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.rocket-logo-line-desktop.add-animation .dashed .path {
  stroke: #2a3c4d;
  stroke-dasharray: 4 8;
  stroke-dashoffset: 1150;
}

.rocket-logo-line-desktop .line-anim {
  position: relative;
}
.pod_custom_img {
    height: 201px;
    overflow: hidden;
}
.footer_seven{
	font-size:40px;
	margin-top:-12px;
}
/*-----Responsive------*/

/*-------(min-width: 981px)--------*/
@media only screen and (min-width: 981px){
	.et_header_style_left #et-top-navigation nav>ul>li>a {
		padding-bottom: 0 !important;
	}
	.et_header_style_left #et-top-navigation {
		padding-top: 0px !important;
		margin-left:auto;
	}
	.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(1) {
		margin-right: 0;
		padding-right: 30px;
		width: 66%;
		margin-bottom:0;
	}
	.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(2){
		margin-bottom:0;
		width: 34%;
	}
}




@media screen and (max-width: 1800px){
	.career-podcast h3 { font-size: 32px !important; }
	.featured-in { margin-bottom: 30px; }
	#subscribe h2 { font-size: 78px !important; line-height: 86px !important; }
	.subscribe-section .af-element { max-width: 310px; }
	#aboutme .et_pb_column_4_4 { max-width: 850px; float: right; }
	#aboutme .making-the { padding-left: 15px !important; padding-right: 15px !important; }
	div#getinvolved {
		position: relative;
		background-position:top right -100px;
	}
}

@media screen and (max-width: 1576px){
	.footer-left-top p { margin-bottom: 10px; text-align: center; }
	#apply .et_pb_image .et_pb_image_wrap { min-height: 115px; }
	.listen-list-desc a span.color-secondary-dark { display: block; margin-top: 10px; }
	.listen-list-desc { min-height: 185px; }
	#subscribe h2 { font-size: 70px!important; line-height: 76px!important; }
	.subscribe-section .af-element { max-width: 280px; }
	div#getinvolved:before {
		content: '';
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		background-color: rgba(255, 255, 255, 0.70);
	}
	div#getinvolved {
		background-position:top right -160px;
	}
	body .banner-bottom-content { max-width: 1170px; }
	.home .rocket-logo-line-desktop { left: 261px; right: 75px; bottom: 132px; }
	.rocket-image-desktop { top: 8%; }
}
/*-------(max-width: 1440px)--------*/
@media only screen and (max-width: 1440px){
	h1, .h1 {
		font-size: 86px !important;
		line-height: 92px !important;
	}
	h2, .h2 {
		font-size: 63px !important;
		line-height: 63px !important;
	}
	.font-xl {
		font-size: 40px !important;
		line-height: 56px !important;
	}
	.font-lg {
		font-size: 30px !important;
		line-height: 36px !important;
	}
	.et_pb_video_0{
		max-width:670px !important;
	}
	#top-menu li {
		padding-right: 20px;
	}
	.subscribe-section .af-element{
		max-width: 233px;
	}
	.navigate{
		text-align:center;
		padding-right: 0 !important;
		padding-bottom: 20px !important;
	}
	.making-the.et_pb_text_3{
		padding-right: 0 !important;
	}
	.joseph-logo-about{
		padding-bottom: 80px !important;
	}
	.abput-me-quote{
		padding-bottom: 20px !important;
	}
	ul.slick-dots{
		margin-top:0 !important;
	}
	.leave-reviews-content-button.et_pb_code_6 {
		margin-top: 30px !important;
	}

	.et_pb_row_9.et_pb_row.share-your-thought{
		padding-top: 10px !important;
		padding-bottom: 30px !important;
	}
	.et_pb_row_10.et_pb_row.sponsor-career-content{
		padding: 30px 0 !important;
	}
	.et_pb_row.et_pb_row_11.spread-world-content{
		padding-top:30px;
	}
	.bottom-arrow{
		bottom:-15px;
	}
	
	.rigth-arrow-slider, .left-arrow-slider{
		left:-60px;
		right:auto;
	}
	.rigth-arrow-slider{
		right:-60px;
		left:auto;
	}
	#aboutme { background-position: 10% 100%; }
	#aboutme .et_pb_column_4_4 { max-width: 765px;}
	#aboutme .et_pb_text_inner h3 { font-size: 40px !important; }
	#aboutme .joseph-logo-about .et_pb_image_wrap { max-width: 250px; }
	#aboutme  .featured-in img { max-width: 110px; }
	
	h1, .h1 { font-size: 84px !important; line-height: 96px !important;}
	#subscribe h2 { font-size: 60px!important; line-height: 68px!important; }
	.career-podcast h3 { font-size: 28px !important; line-height: 36px !important; }
	.subscribe-section .af-element { max-width: 220px; margin-right: 20px; }
	.footer-about-client p {  font-size: 20px !important; line-height: 28px !important; }

	.rocket-image-desktop img {
		max-width: 80% !important;
	}
	.rocket-image-desktop {
		top: 15%;
	}
	.home .rocket-logo-line-desktop {left: 320px;right: 62px;bottom: 132px;}

	/*--Listen slider--*/
	.pod_custom_img {
		height: auto;
	}
	.listen-list-desc a{
		font-size: 22px;
    	line-height: 28px;
	}
	a.listen-content {
		margin-top: auto;
		margin-bottom: 0;
		-ms-flex-item-align: self-end;
		    -ms-grid-row-align: self-end;
		    align-self: self-end;
		margin-left: auto;
		margin-right: 0;
	}
	a.listen-content svg {
		max-width: 45px;
		height: auto;
	}
	.listen-list-desc{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
    	-ms-flex-wrap: wrap;
    	    flex-wrap: wrap;
	}
}

@media only screen and (max-width: 1300px){
	.listen-slider .slick-track {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.listen-slider .slick-slide{
		height:auto;
		display:-webkit-box !important;
		display:-ms-flexbox !important;
		display:flex !important;
	}
	.listen-list-desc a:last-child {
		/* position: absolute;
		bottom: 10px;
		right: 20px; */
		margin-top: 20px;
	}
	.listen-box{
		position:relative;
		width: 100%;
	}
	/* .listen-list-desc{
		padding-bottom: 60px;
	} */
	.listen-list-desc { min-height: auto; }

	.listen-box{
		-webkit-transition:0.1s all ease-in-out;
		-o-transition:0.1s all ease-in-out;
		transition:0.1s all ease-in-out;
	}
	.listen-box:hover {
		background-color:#dbba69;
	}
	.listen-box:hover .listen-list-desc{
		height: auto;
	}
}

/*-------(max-width: 1260px)--------*/
@media screen and only (max-width: 1260px) {
	.subscribe-section .af-element{
		margin-right:20px;
	}
	h2, .h2 {
		font-size: 60px !important;
		line-height: 63px !important;
	}
	.et_pb_text_7.subscribe-font-text {
		padding-bottom: 0 !important;
	}
	.et_pb_video_0{
		max-width:512px !important;
	}
	.fullpage-valign:not(.home-section) {
		min-height:100% !important;
	}
	div#getinvolved.et_pb_section_6.et_pb_section{
		padding-top:0!important;
	}

}
@media screen and only (max-width: 1280px) {
	.home .rocket-logo-line-desktop {
		left: 23%;
		right: 2.2%;
		position: absolute;
		bottom: 14.5%;
		margin-bottom: 0 !important;
	}
}
/*-------(max-width: 1199px)--------*/
@media screen and (max-width: 1199px) {
	h1, .h1 {
		font-size: 76px !important;
		line-height: 82px !important;
	}
	h2,.h2{
		font-size:49px !important;
		line-height:53px !important;
	}
	h3, .h3 {
		font-size: 31px !important;
		line-height: 37px !important;
	}
	.font-md {
		font-size: 25px !important;
		line-height: 31px !important;
	}
	#aboutme .joseph-logo-about .et_pb_image_wrap {max-width: 200px;}
	.joseph-logo-about .et_pb_image_wrap:before, .joseph-logo-about .et_pb_image_wrap:after{height:30px;top:-35px;}
	.joseph-logo-about .et_pb_image_wrap:after{top:auto;bottom:-40px;}
	#top-menu li a{
		font-size:19px !important;
		line-height:25px !important;
	}
	#top-menu .menu-item-has-children>a:first-child {
		padding-right: 0;
	}
	.logo_container a {
		width: 98%;
		display: inline-block;
	}
	.et-fixed-header .logo_container a img{
		width:100%;
	}
	.et_header_style_left .logo_container {
		width: 230px;
	}
	.rigth-arrow-slider, .left-arrow-slider{
		background-size: 70%;
	}
	.listen-box a.feat-img p span{
		font-size: 33px;
		line-height: 35px;
	}
	.listen-list-desc a{
		font-size: 19px;
		line-height: 25px;
	}
	.listen-box a.feat-img p{
		width:78px;
		height:78px;
	}
	.font-extra-sm {
		font-size: 18px !important;
		line-height: 30px !important;
	}
	.subscribe-icon-section{
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 50px;
	}
	.subscribe-icon-section svg {
		height: 80px;
		line-height: 80px;
	}
	span.percent-value{
		font-size:32px;
		line-height:38px;
	}
	.counter-image img {
		height: 110px;
	}
	div.et_pb_section.et_pb_section_6 {
		background-position: bottom right -170px;
	}
	div#aboutme{
		position:relative;
	}
	div#aboutme:before,div#getinvolved:before {
		content: '';
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		background-color: rgba(255, 255, 255, 0.9);
	}
	div.et_pb_section.et_pb_section_1 {
		background-position: top left -160px !important;
	}
	.joseph-logo-about,.making-the.et_pb_text_3,.abput-me-quote{
		padding-left: 0 !important;
	}
	.listen-box{
		margin-right: 20px;
		margin-left:20px;
	}
	.subscribe-section .af-element.buttonContainer {
		margin-top: 20px;
		margin-right: 0;
	}
	.social-icon-relaunch {
		font-size: 24px;
		padding: 12px;
		margin-left: 10px;
	}
	.footer-left-bottom span{
		padding-right:0;
	}
	#footer-info {
		font-size: 17px !important;
	}
	#footer-subinfo {
		font-size: 12px !important;
	}
	.et_header_style_left #et-top-navigation nav>ul>li.contact a{
		padding: 7px 14px !important;
	}
	.testimonials-slider .quote-image-test {
		padding-bottom: 15px;
	}
	#subscribe h2 { font-size: 50px!important; line-height: 50px!important;}
	.career-podcast h3 { font-size: 23px!important; line-height: 29px!important; }
	div.et_pb_section.et_pb_section_6{background-position:130%;}
	div#home {
		padding-top: 80px !important;
	}
	#subscribe .et_pb_code_3{
		padding-top:0!important;
		padding-bottom:0!important;
	}
	#apply .counter-div { padding-bottom: 50px; }
	.counter-image .et_pb_image_wrap  { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	#apply .et_pb_row.et_pb_row_6 { padding-top: 40px; padding-bottom: 50px; }
	#apply .font-md { font-size: 20px !important; line-height: 30px !important; }
	.counter-image img { max-width: 70px; }
	#apply .et_pb_image .et_pb_image_wrap {min-height: 86px;}
	.et_pb_column_1_4 .et_pb_number_counter .percent { height: auto; }
	.subscribe-font-text.et_pb_text_7 { padding-bottom: 5px !important; }
	#subscribe { padding-bottom: 104px; }
	#review ul.slick-dots { padding-top: 20px ; }
	.slick-dots li{ width: 35px; height: 40px; margin: 0; }
	.slick-dots li button, .slick-dots li button:before { width: 40px; height: 40px; }
	.slick-dots li button:before { font-size: 65px; line-height: 40px; }
	#review .leave-reviews-content-button { margin-top: 20px !important; margin-bottom: 30px; }
	#getinvolved .secondary-button { margin-top: 20px; margin-bottom: 20px; }
	#getinvolved .sponsor-career-content, #getinvolved .spread-world-content { margin-top: 20px !important; }
	#review { padding-top: 104px; padding-bottom: 104px; }
	#review h3.font-abrade-black { font-size: 35px !important; line-height: 48px !important; }
	body .banner-bottom-content {max-width: 970px;}
	.home .rocket-logo-line-desktop {left: 247px;right: 60px;bottom: 107px;}
	.rocket-image-desktop { top: 17%; }
}

/*-------(max-width: 980px)--------*/
@media screen and (max-width: 980px) {
	h1, .h1 {
		font-size: 66px !important;
		line-height: 72px !important;
	}
	h2, .h2 {
		font-size: 45px !important;
		line-height: 51px !important;
	}
	h3, .h3 {
		font-size: 30px !important;
		line-height: 36px !important;
	}
	.font-xl {
		font-size: 30px !important;
		line-height: 46px !important;
	}
	.font-sm {
		font-size: 20px !important;
		line-height: 26px !important;
	}
	.et_pb_number_counter .percent{
		height:52px;
	}
	.primary-button, .secondary-button {
		padding: 7px 15px;
	}
	.subscribe-section .af-element.buttonContainer input{
		background-position: center right 43%;
	}
	.rocket-image-desktop{
		display:none !important;
	}
	.subscribe-section .af-element.buttonContainer{
		width:70%;
	}
	.container{
		padding: 0 20px;
		width:100%;
	}
	div#listen.et_pb_section_2.et_pb_section,div#review.et_pb_section_5{
		padding-top:110px !important;
	}
	.counter-image {
		padding-bottom: 0 !important;
	}
	.counter-div .et_pb_column.et_pb_column_1_4.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough{
		margin-bottom:40px;
	}
	.rocket-logo-line-tablet,.rocket-logo-mobile{
		display:block!important;
		margin-bottom:0 !important;
	}
	.rocket-logo-line-tablet{
		position: absolute;
		left:-220px;
		right:0;
		margin:0 auto;
	}
	.rocket-logo-line-mobile {
		position: absolute;
		left:-140px;
		right:0;
		margin:0 auto;
	}
	.career-change.et_animated h1 span{
		opacity:1;
	}
	/* .hear-inspiring-stories-of, .career-change { */
		/* max-width: 614px; */
	/* } */
	body .hear-inspiring-stories-of{
		text-align:right;
		max-width: 635px;
		width: 100%;
		margin: 0 auto !important;
	}
	.et_header_style_left #logo{
		max-width:100%;
	}
	span.dashicons.button-icon{
		margin-left: 7px;
	}
	.joseph-logo-about img {
		width: 80%;
	}
	.subscribe-font-text h2 {
		text-align: center;
	}
	div#subscribe h3 {
		text-align: center;
	}
	.subscribe{
		max-width:100%;
	}
	.subscribe-icon{
		text-align:center;
	}
	.et_mobile_menu {
		background-color: #ffffff !important;
		width: 100%;
		top: 113px;
		border-color:#ffffff;
		padding:0 20px;
		padding-bottom:20px;
	}
	.et-fixed-header .et_mobile_menu{
		top: 100px;
	}
	.et_mobile_menu li a {
		color: #2a3c4d !important;
		font-weight: normal;
		padding-left: 10px;
		font-size: 18px;
		border-bottom: .5px solid rgba(91, 90, 90, 0.5);
	}
	.et_mobile_menu .ds-menu-active {
		color: #2a3c4d !important;
		background-color: #d4d4d4;
	}
	.mobile_menu_bar:before{
		color:#ffffff;
	}
	.share-your-thought,.sponsor-career-content,.spread-world-content{
		width: 85% !important;
	}
	a.icon-pinterest.social-icon-relaunch, a.icon-instagram.social-icon-relaunch, .icon-youtube.social-icon-relaunch {
		float: right;
		margin-right: 22px;
		margin-top: 20px;
		margin-left: 0;
	}
	.icon-youtube.social-icon-relaunch {
		margin-right: 33px;
	}
	a.icon-instagram.social-icon-relaunch,a.icon-pinterest.social-icon-relaunch{
		margin-right: 14px;
	}
	.et_fullwidth_nav #main-header .container{
		height:auto;
		-webkit-box-shadow: none;
		        box-shadow: none;
		/* background-color: none; */
	}
	.et_fullwidth_nav #main-header{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height:125px;
		-webkit-transition: all 0.1s ease 0s;
		-o-transition: all 0.1s ease 0s;
		transition: all 0.1s ease 0s;
	}
	.et_fullwidth_nav #main-header.et-fixed-header {
		height: 100px;
		position: fixed;
		width: 100%;
		background-color: #2a3c4d;
		-webkit-box-shadow: 0px 0px 4px 1px #00000085;
		box-shadow: 0px 0px 4px 1px #00000085;
	}
	.abput-me-quote img {
		width: 80%;
	}
	.et_header_style_left .logo_container {
		width: 80%;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	.et_fullwidth_nav #main-header.et-fixed-header .logo_container a {
		width: auto;
	}
	.featured-icon a {
		width: 80%;
	}
	.subscribe-section .af-element {
		display: block !important;
		width: 100%;
		max-width: 70%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.subscribe-section .af-element.buttonContainer{
		display: inline-block !important;
	}
	a.icon-pinterest.social-icon-relaunch, a.icon-instagram.social-icon-relaunch, .icon-youtube.social-icon-relaunch {
		float: none;
		margin-left: 10px;
		margin-right: 0;
	}
	.footer-left-bottom span {
		display: block;
	}
	.af-element.buttonContainer {
		margin-bottom: 0;
		margin-top: 0px !important;
	}
	.height-auto-content{
		min-height:auto !important;
		height:auto;
	}
	div#aboutme:before,div#getinvolved:before{
		height:100%;
	}
	.bottom-arrow{
		bottom: -50px;
	}
	div#aboutme,div#subscribe .et_pb_row.et_pb_row_3{
		padding-bottom: 50px;
	}
	div#apply{
		padding-bottom:20px;
	}
	.et_fullwidth_nav #main-header.et-fixed-header { height: auto; padding: 10px 0; }
	.et-fixed-header .container.clearfix.et_menu_container { height: auto !important; }
	.et_header_style_left #logo { max-width: 250px; }
	.social-icon-relaunch { font-size: 18px; padding: 10px;}
	#footer-info { font-size: 14px !important; }
	#footer-subinfo { font-size: 10px !important; }
	img.relaunch-career-footer { max-width: 270px; }
	#aboutme .et_pb_text_inner h3 {font-size: 35px !important;}
	.joseph-logo-about{ padding-bottom: 60px !important; }
	#subscribe h2 { font-size: 37px!important;line-height: 46px !important; }
	.joseph-liu-sign + a > img { max-width: 175px; }

	[tooltip]::before, [tooltip]::after {
		font-size: 14px;
	}

	li.share_icon a,li.share_icon>ul>li>a {
		font-size: 0 !important;
		line-height: 0 !important;
		display: inline-block;
		border:0;
		padding-right: 10px;
	}
	li.share_icon>ul>li {
		font-size: 20px !important;
		display: inline-block !important;
		width: auto;
	}
	.facebook_in_icon a:before {
		content: "\e900";
		color: #3b5998;
		display: inline-block;
		z-index: 9;
		font-size: 25px;
		line-height: 31px;
		position: static;
		font-weight: normal;
		font-style: normal;
		font-family: 'icomoon';
		background-color: transparent;
		height: auto;
	}
	.twitter_in_icon a:before {
		content: "\e902";
		color: #38A1F3;
		display: inline-block;
		z-index: 9;
		font-size: 25px;
		line-height: 31px;
		position: static;
		font-weight: normal;
		font-style: normal;
		font-family: 'icomoon';
		background-color: transparent;
		height: auto;
	}
	.linked_in_icon a:before {
		content: "\e901";
		color: #0077B5;
		display: inline-block;
		z-index: 9;
		font-size: 25px;
		line-height: 31px;
		position: static;
		font-weight: normal;
		font-style: normal;
		font-family: 'icomoon';
		background-color: transparent;
		height: auto;
	}
	body .hear-inspiring-stories-of {
		padding-top: 70px !important;
	}
	#review{
		padding-bottom:40px;
	}
}

/*-------(max-width: 991px)--------*/
@media screen and (max-width: 991px) {
	/*.pod_custom_img{
		height:161px;
	}
	 .listen-list-desc{
		padding-bottom:45px;
	} */
	.subscribe-section .af-element input{
		height:50px;
	}
	.subscribe-section .af-element.buttonContainer input{
		padding:10px 65px 10px 36px !important;
	}
}

/*-------(max-width: 767px)--------*/
@media screen and (max-width: 767px) {
	h1, .h1 {
		font-size: 61px !important;
		line-height: 60px !important;
	}
	h2,.h2{
		font-size:37px!important;
		line-height:43px !important;
	}
	.font-lg{
		font-size:30px !important;
		line-height:36px !important;
	}
	.mobile_menu_bar {
		padding-bottom:0 !important;
	}
	.rocket-logo-line-tablet{
		left: -206px;
	}
	.rocket-logo-line-tablet img{max-width: 210px;}
	div#et-top-navigation{
		padding-top:0 !important;
	}
	.et_header_style_left #logo{
		max-width:80%;
	}
	.et_header_style_left #logo {
		max-width: 70%;
	}
	.joseph-logo-about img{
		width:100%;
	}
	div#subscribe,div#apply{
		padding-top:80px;
		padding-bottom:80px;
	}
	.joseph-logo-about .et_pb_image_wrap:after{
		bottom:-50px;
	}
	.et_pb_text_0.hear-inspiring-stories-of {
		/* padding-top: 20px !important; */
		padding-right:0px !important;
		text-align: right;
	}
	.hear-inspiring-stories-of, .career-change {
		max-width:auto;
	}
	.bottom-arrow {
		display: none !important;
	}
	.rocket-logo-line-mobile {
		position: absolute;
		left:-140px;
		right:0;
		margin:0 auto;
	}
	div#home.et_pb_section_0 {
		padding-top: 83px !important;
	}
	div#custom_html-3 {
		border-left: 0;
		padding-left:0;
		text-align:center;
	}
	.joseph-liu-sign img {
		margin: 0 auto;
	}
	div#getinvolved.et_pb_section_6{
		padding-bottom:90px !important;
	}
	img.relaunch-career-footer{
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.featured-in { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; padding: 10px 0; max-width: 400px; }
	.featured-in .featured-icon { width: 50%; min-height: 53px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	body .hear-inspiring-stories-of{
		max-width: 517px;
	}
	.et_header_style_left #logo {
		max-width: 185px !important;
	}
	.et_fullwidth_nav #main-header.et-fixed-header {
		padding: 5px 0;
	}
	#footer-widgets .footer-widget .fwidget, #footer-widgets .footer-widget:nth-child(n) {
		margin-bottom: 20px !important;
	}
}


/*-------(max-width: 766px)--------*/
@media screen and (max-width: 766px) {
	.listen-box{
		margin-right: auto;
		margin-left: auto;
	}
	/* .pod_custom_img{
		height: 215px;
	} */
	.listen-box:hover a.feat-img {
	    background-color: #dbba69;
	}
	.listen-box {
		max-width: 400px;
	}
}

/*-------(max-width: 575px)--------*/
@media screen and (max-width: 575px) {
	h1, .h1 {
		font-size: 50px !important;
		line-height: 56px !important;
	}
	.featured-in .featured-icon{
		width:100% !important;
	}
	div#aboutme {
		background-size: auto 60%;
		background-position: bottom left -150px !important;
	}
	div#listen.et_pb_section_2.et_pb_section, div#review.et_pb_section_5,div#subscribe{
		padding-top: 110px !important;
	}
	#apply .counter-div {
		padding-bottom: 20px !important;
	}
	 div#apply{
		padding-top:74px !important;
	 }
	 #review{
		 padding-bottom: 50px !important;
	 }
	div#subscribe .et_pb_row.et_pb_row_3 {
		padding-top: 0;
	}
	div#getinvolved.et_pb_section_6{
		padding-top:70px !important;
		background-size: cover;
	}
	.font-extra-sm{
		font-size: 15px !important;
		line-height: 21px !important;
	}
	#aboutme .et_pb_text_inner h3 {
		font-size: 30px !important;
		line-height: 36px !important;
	}

	.featured-in .featured-icon{
		margin-left: auto;
		margin-right: auto;
		min-height: 63px;
		max-width: 260px;
	}
	.social-icon-relaunch {
		font-size: 18px;
		padding: 13px;
	}
	.rigth-arrow-slider, .left-arrow-slider{
		background-size: 40%;
	}
	.primary-button.font-extra-sm {
		font-size: 15px !important;
		line-height: 30px !important;
	}
	span.dashicons.button-icon{
		font-size: 20px;
		line-height: 20px;
	}
	.subscribe-section .af-element{
		max-width:100%;
	}
	.font-lg, h3, .h3{
		font-size:20px !important;
		line-height:26px !important;
	}
	div.et_pb_section.et_pb_section_1, div.et_pb_section.et_pb_section_6{
		background-image:none !important;
	}
	div#home.et_pb_section_0 {
		padding-top: 123px !important;
	}

	.rigth-arrow-slider, .left-arrow-slider {
		left: -20px;
		right: auto;
	}
	.listen-box {
		margin-right: 20px;
		margin-left: 20px;
	}
	.spread-world-content h3 {
		display: block !important;
	}
	.rigth-arrow-slider {
		right: -30px;
		left: auto;
	}
	.testimonials-slider .rigth-arrow-slider {
		right: -35px;
		left: auto;
	}
	.testimonials-slider .left-arrow-slider {
		left: -30px;
		right: auto;
	}
	.et_pb_text_0.hear-inspiring-stories-of {
		padding-top: 50px !important;
	}
	.rocket-logo-line-tablet img{max-width: 170px;}
	.rocket-logo-line-mobile{
		left:-114px;
	}
	.rocket-logo-line-tablet{
		left: -166px;
	}
	.et_pb_row_0.et_pb_row{
		margin: 0 !important;
		width: 100%;
		padding: 0 15px;
	}
	.et_mobile_menu {
		top: 90px;
		padding:0 10px;
	}
	.et-fixed-header .et_mobile_menu{
		top:77px;
	}
	.listen-list-desc a {
		font-size: 16px;
		line-height: 19px;
	}
	.listen-list-desc a:last-child{
		margin-top: 10px;
	}
	/* .listen-list-desc {
		padding-bottom: 35px;
	} */
	.featured-icon a {
		width: 100%;
	}
	/* .container, .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container, .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container { */
		/* max-width: 100%; */
		/* width: 100%; */
		/* margin: 0 !important; */
		/* padding: 0 15px; */
	/* } */
	.et_header_style_split #logo {
		max-width: 100%;
	}
	.et_header_style_left #logo {
		max-width: 155px !important;
	}
	.et_fullwidth_nav #main-header.et-fixed-header .logo_container a {
		width: 85%;
	}
	div#page-container {
		overflow-y: auto !important;
	}
	.featured-in{
		background-color:transparent;
		border:none;
		display:block;
	}
	.featured-icon{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		text-align: center;
		padding: 0;
		background-color: #fff;
		border: 1px dashed #acb9bf;
		margin-bottom: 20px;
		min-height: 70px;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.subscribe-icon:not(:first-child){
		margin-left:10px;
	}
	.subscribe-icon-section {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 26px;
	}
	.icon-spotify-color:before{
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.icon-spotify-color.subscribe-icon-section{
		font-size:21px;
	}
	.subscribe-icon-section svg{
		width: 32px;
		height: 50px;
	}
	/*.testimonials-slider .slick-arrow{
		display:none !important;
	}*/
	#footer-info{
		word-break: break-word;
		line-height: 20px;
	}
	#footer-subinfo{
		word-break: break-word;
		line-height: 20px;
	}
	span.percent-value {
		font-size: 36px;
		line-height: 36px;
	}
	.et_pb_number_counter .percent {
		height: 38px;
	}
	.featured-in { max-width: 100%; }
	 .subscribe-icon-section svg { width: 32px; height: 40px; }
	 .featured-in .featured-icon:last-child { margin-bottom: 0; }
	#apply .et_pb_column_1_4 .et_pb_number_counter .percent { margin-bottom: 15px; margin-top: 10px; }
	.slick-dots li button:before { font-size: 60px; }
	.slick-dots li { width: 35px; }
	#apply .counter-div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
	#apply .counter-div .et_pb_column.et_pb_column_1_4 { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;min-width: 100%;  padding: 0 10px;}
	span.percent-value { font-size: 28px; line-height: 36px; }
	#apply .font-md { font-size: 17px; line-height: 26px; }
	.listen-box a.feat-img p {width: 58px;height: 58px;font-size: 11px !important;}
	.listen-box a.feat-img p span {font-size: 27px;line-height: 28px;}
	.social-icon-involved:nth-child(2) {
		margin-left: 0;
	}
	.social-icon-involved{font-size: 21px;padding: 11px;}
	/*.home-section .et_animated {opacity: 1; filter: alpha(opacity=100);-webkit-animation: none;-moz-animation: none;-o-animation: none;animation: none;}*/
	#review.et_pb_section_5 {
	    overflow: hidden;
	}
	.listen-list-desc{
		padding: 10px;
	}

}

/*-------(max-width: 480px)--------*/
@media screen and (max-width: 479px) {
	div#home {
		height: 100vh;
	}
	h1, .h1 {
		font-size: 32px !important;
		line-height: 36px !important;
	}
	.rocket-logo-line-mobile{
		display:block !important;
		margin-bottom:0 !important;
	}
	.rocket-logo-line-tablet{
		display:none !important;
	}
	.subscribe-section .af-element.buttonContainer input {
		background-position: center right 34%;
	}
	body .hear-inspiring-stories-of{ max-width: 327px; }
	.et_pb_text_0.hear-inspiring-stories-of {
		padding-top: 30px !important;
	}
	#footer-widgets .footer-widget:nth-child(n){
		margin-bottom:0;
	}
}


/*-------(max-width: 400px)--------*/
@media screen and (max-width: 400px) {
	h2, .h2, #subscribe h2 {
		font-size: 26px !important;
		line-height: 32px !important;
	}
	.et_pb_text_0.hear-inspiring-stories-of {
		padding-right: 0 !important;
	}
	.et_fullwidth_nav #main-header {
		height: 90px;
	}
	.et_pb_text_0.hear-inspiring-stories-of{
		padding-right:0 !important;
	}
}

/*----Navigation-manu-----*/
/**** Nesting Menu ****/

    /* when mobile menu is open, change hamburger icon to x icon */

    #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
        content: '\4d';
    }
    /* makes sub sub menu icon be right arrow instead of down arrow */

    #top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after,
    #et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
        content: '5';
    }
    /* - mobile menu toggling elements, injected via jQuery - */
    /* make menu list item be relative, to be able to position toggle within this item */

    #main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
        position: relative;
    }
    /* the new toggle element, which is added via jQuery */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
        position: absolute;
        z-index: 1;
        width: 36px;
        height: 36px;
        line-height: 36px;
        border-radius: 50%;
        top: 5px;
        right: 30px;
        cursor: pointer;
        text-align: center;
    }
    /* the new toggle element when popped */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
        background-color: rgba(255,255,255, 0.2);
    }
    /* toggle icon */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
        font-family: "ETmodules" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 36px;
        font-size: 24px;
        text-transform: none;
        speak: none;
        content: '\33';
        color: #da1755;
    }
    /* toggle icon when triggered */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
        content: '\32';
    }
    /* hide sub menus by default */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
        display: none !important;
        padding-left: 0;
    }
    /* show sub menu when triggered via jQuery toggle, and add slight bg color */

    #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
        display: block !important;
    }
    /* remove sub menu list item left padding, since padding will be on anchors */

    #main-header #mobile_menu.et_mobile_menu li li {
        padding-left: 0;
    }
    /* adjust mobile menu anchors side paddings */

    /* indent sub sub menus further */

    #main-header #mobile_menu.et_mobile_menu li li li a {
        padding-left: 60px;
        padding-right: 20px;
    }

    #main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
        background-color: transparent;
        font-weight: inherit;
		border: 0;
    }
    /* make the current page's mobile menu link be different */

    #main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
        font-weight: bolder;
    }

    /****** Code Style: Menu Slide-In ******/

    /* Font Awesome */
    .fa {
        margin-right: 15px ;
      }

    @media only screen and (max-width: 980px){
    #mobile_menu {
        display: block !important;
        min-height: 100vh;
        height: 100%;
        top: 0;
        right: 0;
        position: fixed;
        z-index: 9998;
        overflow: scroll;
        border-top: none;
        padding-top: 60px !important;
    }

    .et_mobile_menu li a {
        color: #2a3c4d !important;
        width: 100%;
        /* float: left; */
        text-align: left;
        border-bottom: 1px solid #ddd;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
    }
    .mobile_nav ul#mobile_menu .current_page_item > a {
        color: #fff !important;
		background-color: rgba(255, 255, 255, 0.1);
    }

    .mobile_nav.closed #mobile_menu {
        background: #fff !important;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.4s 0s;
        transition: -webkit-transform 0.4s 0s;
        -o-transition: transform 0.4s 0s;
        transition: transform 0.4s 0s;
        transition: transform 0.4s 0s, -webkit-transform 0.4s 0s;
        background: #fff !important;
    }

    .mobile_nav.opened #mobile_menu {
        background: #ffffff !important;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-overflow-scrolling: touch;
        -webkit-transition: -webkit-transform 0.4s 0s;
        transition: -webkit-transform 0.4s 0s;
        -o-transition: transform 0.4s 0s;
        transition: transform 0.4s 0s;
        transition: transform 0.4s 0s, -webkit-transform 0.4s 0s;
    }

    #main-header .container.clearfix.et_menu_container {
        width: 100%;
    }

    .mobile_menu_bar:before {
        color: #ffffff !important;
    }
    .mobile_nav.opened .mobile_menu_bar:before {
        content: '\4d';
        color: #2a3c4d !important;
        z-index: 9999;
    }
    }

    @media only screen and  (max-width: 980px) {
      .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
        z-index: 9999;
      }
      #et-top-navigation {
        padding-right: 5px;
      }
    }

    @media only screen and (min-width: 481px)  {
      #mobile_menu {
        width: 340px;
        margin-left: calc(100% - 340px);
      }
    }
    @media only screen and (max-width: 480px)  {
      #mobile_menu {
        width: 290px;
        margin-left: calc(100% - 290px);
      }
	  /* .pod_custom_img {
		height: 150px;
	  } */
    }
	@media only screen and  (max-width: 390px) {
	  /* .pod_custom_img {
		height: 115px;
	  } */
	}


/* .rocket-logo-line-desktop { */
	/* opacity: 0; */
/* } */
.rocket-logo-line-desktop.add-animation {
	opacity: 1;
}
.rocket-logo-line-desktop svg {
	width: 0%;
	-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}
.rocket-logo-line-desktop.add-animation svg {
  width: 100%;
  -webkit-transition: all ease-in-out 2.8s;
  -o-transition: all ease-in-out 2.8s;
  transition: all ease-in-out 2.8s;
}

.rocket-logo-line-desktop.add-animation svg:not(.dashed) .path {
  stroke-dasharray: 1150;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1s linear 0.3s;
          animation: dash 1s linear 0.3s;
  stroke: #ffffff;
}

@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 1200;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  from {
    stroke-dashoffset: 1200;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.pod_custom_img img{width:100%;}