@charset "UTF-8";
@font-face {
	font-family: 'poppinsbold';
	src: url('../fonts/poppins-bold-webfont.woff') format('woff'), url('../fonts/poppins-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'poppinslight';
	src: url('../fonts/poppins-light-webfont.woff') format('woff'), url('../fonts/poppins-light-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'poppinsmedium';
	src: url('../fonts/poppins-medium-webfont.woff') format('woff'), url('../fonts/poppins-medium-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'poppinsregular';
	src: url('../fonts/poppins-regular-webfont.woff') format('woff'), url('../fonts/poppins-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*
font-family: 'poppinsregular', sans-serif;
*/


/*General CSS*/

html {
	overflow-x: hidden;
}

body {
	position: relative;
	font-family: 'poppinsregular', sans-serif;
	font-size: 16px;
	line-height: 32px;
	color: #505050;
}

a,
span,
strong {
	display: inline-block;
}

a,
a:hover,
a:focus {
	color: #505050;
	text-decoration: none;
}

a:focus,
button:focus,
.home__hero:focus,
.slick-slide:focus {
	outline: none;
}

a,
a:hover,
a:focus,
.site__transition {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

img {
	height: auto;
	max-width: 100%;
}

strong,
b,
.bold {
	font-family: 'poppinsbold', sans-serif;
}

.inline__list {
	margin-bottom: 0;
	padding-left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.inline__list>* {
	display: inline-block;
	list-style: none;
}

.clear__list {
	padding: 0;
	margin: 0;
	list-style: none;
}


/*Font Families*/

.secondary_fonts,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
	font-family: 'poppinsbold', sans-serif;
}

.primary_fonts,
.poppins {
	font-family: 'poppinsregular', sans-serif;
	font-weight: normal;
}

.poppinslight {
	font-family: 'poppinslight', sans-serif;
}

.poppinsmedium,
.bttn {
	font-family: 'poppinsmedium', sans-serif;
}


/*Brand Colors*/

.dark__bg {
	background-color: #010101;
}

.yellow__bg {
	background-color: #ffc322;
}

.grey__bg {
	background-color: #f7f7f7;
}

.yellow__txt {
	color: #ffc322;
}

.darkgrey_txt {
	color: #242424;
}

.primary_txt {
	color: #505050;
}

.secondary_txt {
	color: #010101;
}

.white_txt,
.white__txt * {
	color: #ffffff;
}


/*Font Sizes*/

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
	color: #010101;
}

h1,
.h1 {
	font-size: 90px;
	line-height: 112px;
}

h2,
.h2 {
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 42px;
}

h3,
.h3 {
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 20px;
}

h4,
.h4 {
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 20px;
}

.para {
	margin-bottom: 32px;
}


/*Buttons*/

.bttn {
	min-width: 168px;
	border: 1.5px solid;
	line-height: 52px;
	padding: 0;
	border-radius: 28px;
	text-align: center;
	transition: unset;
}

.bttn.dark {
	background: #010101;
	border-color: #010101;
	color: #ffffff;
}

.bttn.dark:hover {
	background-color: #fff;
	color: #000;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .14);
}

.bttn.yellow.inverse {
	background: transparent;
	color: #ffc322;
}

.bttn.yellow:hover {
	background-color: #ffc322;
	border-color: #ffc322;
	color: #010101;
}


/*Slick Slider*/

.slick-initialized {
	z-index: 0;
	position: relative;
}

.slide .slick-slide,
.slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

.slick-initialized .slick-list {
	position: relative;
	overflow: hidden;
}

.slick-initialized .slick-slide {
	display: inline-block;
}

video,
iframe {
	max-width: 100%;
	height: auto;
}


/*Scroll Reveal*/

html.sr .load-hidden {
	visibility: hidden;
}


/* Site Header */

.site__header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 32px 0;
	z-index: 10;
	background: transparent;
}

.nav__brand {
	margin: 0;
}

.nav__brand img {
	vertical-align: top;
}

.site__header li {
	padding: 0 22px;
}

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

.site__header .site__nav-list a:not(.site__nav-cta) {
	position: relative;
	padding: 6px;
	color: #ffffff;
}

.site__header .site__nav-list a:not(.site__nav-cta)::after {
	display: block;
	content: "";
	height: 5px;
	width: 5px;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin: 0 auto;
	background: #ffc322;
	border-radius: 50px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.site__header .site__nav-list a:not(.site__nav-cta):hover::after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.site__header .site__nav-list a:not(.site__nav-cta):hover {
	color: #ffc322;
}

.site__header .site__nav-cta {
	min-width: 166px;
}

.site__header-sticky {
	padding: 16px 0;
	box-shadow: 0 0 4px #222222;
	background: rgba(1, 1, 1, 0.94);
}

.site__toggle {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: visible;
	margin: 0;
	padding: 0 15px 0;
	cursor: pointer;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
}

.site__nav-toggle {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 36px;
	border: 0;
	background: transparent;
	outline: none;
}

.toggle__item,
.toggle__item::before,
.toggle__item::after {
	position: absolute;
	width: 40px;
	height: 4px;
	-webkit-transition: transform .15s ease;
	-moz-transition: transform .15s ease;
	transition: transform .15s ease;
	border-radius: 4px;
	background-color: #ffc322;
}

.toggle__item {
	top: 15px;
	display: block;
	margin-top: -4px;
	-webkit-transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
	-moz-transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
	transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
}

.toggle__item::before,
.toggle__item::after {
	display: block;
	content: "";
}

.toggle__item::before {
	top: 10px;
	-webkit-transition: opacity .125s ease .275s;
	-moz-transition: opacity .125s ease .275s;
	transition: opacity .125s ease .275s;
}

.toggle__item::after {
	top: 20px;
	-webkit-transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
	-moz-transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
	transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
}

.is-active .toggle__item {
	-webkit-transition-delay: 75ms;
	-moz-transition-delay: 75ms;
	transition-delay: 75ms;
	-webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
	-moz-transform: translate3d(0, 10px, 0) rotate(135deg);
	transform: translate3d(0, 10px, 0) rotate(135deg);
}

.is-active .toggle__item::before {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	opacity: 0;
}

.is-active .toggle__item::after {
	-webkit-transition-delay: 75ms;
	-moz-transition-delay: 75ms;
	transition-delay: 75ms;
	-webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
	-moz-transform: translate3d(0, -20px, 0) rotate(-270deg);
	transform: translate3d(0, -20px, 0) rotate(-270deg);
}


/*Home Hero*/

.home__hero .container-fluid {
	position: relative;
	padding: 100px 50px;
	min-height: 100vh;
	overflow: hidden;
}

.home__hero-wrapper {
	position: relative;
	z-index: 1;
	padding-top: 5vh;
}

.home__hero-scroll {
	content: "SCROLL DOWN";
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate(46%, -50%) rotateZ(-90deg);
	-moz-transform: translate(46%, -50%) rotateZ(-90deg);
	transform: translate(46%, -50%) rotateZ(-90deg);
	font-family: 'poppinsmedium';
	letter-spacing: 1.6px;
	color: rgba(255, 255, 255, 0.5);
	display: block;
}

.home__hero-scroll::before {
	content: "";
	margin-right: 18px;
	display: block;
	height: 2px;
	width: 48px;
	background: rgba(255, 255, 255, 0.5);
	-webkit-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
	-moz-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
	-o-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
	animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes elasticus {
	0% {
		-webkit-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
		-o-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
	}
	50% {
		-webkit-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
		-o-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50.1% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
	}
}

.home__hero .hero__cta {
	font-size: 22px;
	line-height: 28px;
	display: block;
}

.home__hero .hero__cta:hover,
.home__hero .hero__cta:focus {
	color: #ffffff;
}

.home__hero .hero__cta>* {
	vertical-align: middle;
}

.home__hero .hero__cta>span {
	padding-right: 5px;
}

.home__hero .hero__cta:hover img {
	-webkit-transform: translateY(4px);
	-moz-transform: translateY(4px);
	transform: translateY(4px);
}

.hero__rotator {
	position: relative;
	margin-bottom: 55px;
	margin-top: 30px;
}

.hero__rotator::before {
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 20vw;
	height: 2px;
	background: #ffc322;
}

.hero__rotator-box {
	position: relative;
	display: inline-block;
	font-size: 60px;
	line-height: 90px;
	padding: 0 20px;
	background-color: #ffc322;
	color: #010101;
}

.hero__rotator-box span {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	vertical-align: middle;
}

@keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.hero__picture {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 51.25%;
	height: 100%;
}

.hero__picture img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
}

.hero__footer {
	position: absolute;
	bottom: 0;
	right: 50px;
	left: 50px;
	padding: 30px 0;
	color: rgba(255, 255, 255, 0.5);
}

.hero__foo-title {
	font-size: 18px;
}

.hero__foo-dash {
	display: block;
	width: 8px;
	height: 2px;
	margin: 0 18px;
	background: rgba(255, 255, 255, 0.5);
}

.social__list li+li:not(:first-child) {
	margin-left: 15px;
}

.social__list a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border: 2px solid;
	border-radius: 100%;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
}

.social__list a:hover {
	background: #ffc322;
	color: #010101;
	border-color: #ffc322;
}


/*Common Section*/

.section {
	padding: 140px 0;
	overflow: hidden;
}

.section__optimize {
	padding-bottom: 40px;
}

.section__info p {
	max-width: 592px;
}

.section__info p strong {
	display: inline;
	font-weight: normal;
	color: #010101;
}

.heading__art {
	position: relative;
}

.heading__art::before {
	position: absolute;
	right: calc(100% + 32px);
	content: "";
	width: 95px;
	height: 2px;
	background: #ffc322;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.yellow__bg .heading__art::before {
	background: #ffffff;
}

.section__info .bttn {
	margin-top: 30px;
}


/*About Me*/

.digital__sign {
	margin-top: 18px;
}

.section__picture {
	position: relative;
	display: inline-block;
}

.section__picture img {
	position: relative;
}

.section:hover .section__picture img.site__transition {
	box-shadow: -7px 0px 30px 0px rgba(0, 0, 0, 0.74);
}

.picture__dots {
	content: "";
	width: 38.86%;
	padding-top: 38.86%;
	background: url('../images/image-backart.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	position: absolute;
	z-index: 0;
	top: -38px;
	left: -42px;
}

.picture__initial {
	position: absolute;
	bottom: -50px;
	right: -52%;
	font-size: 520px;
	line-height: 446px;
	height: 388px;
	color: #ffc322;
	vertical-align: middle;
	mix-blend-mode: multiply;
	z-index: 1;
}


/*Founder*/

.video__button {
	display: block;
	position: absolute;
	width: 91px;
	height: 91px;
	left: -wekit-calc(100% - 45px);
	left: calc(100% - 45px);
	bottom: 20%;
	background-image: url('../images/video-play.svg');
	background-position: center;
	background-size: 100%;
	border-radius: 100%;
	/*

    box-shadow: 0px 0px 0px 20px rgba(237,237,237,0.5);

    */
	border: 0;
	outline: 0;
	/*

    -webkit-animation:ripple 1.6s ease-out infinite; 

    animation:ripple 1.6s ease-out infinite;

    */
}

.video__button::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	width: 131px;
	height: 131px;
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	background: rgba(237, 237, 237, 0.5);
	-webkit-animation: ripple 1.6s ease-out infinite;
	animation: ripple 1.6s ease-out infinite;
}


/*Investor*/

.investor .picture__initial {
	right: 0;
	bottom: -80px;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	transform: translateX(50%);
}

@keyframes ripple {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(.5);
		transform: translate(-50%, -50%) scale(.5);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
}

@-webkit-keyframes ripple {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(.5);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1.5);
		opacity: 0;
	}
}


/*Speaker*/

.speaker {
	position: relative;
	overflow: visible;
	margin-top: 10vw;
}

.speaker .container-fluid {
	position: relative;
	z-index: 1;
	padding-top: 2vw;
	padding-bottom: 2vw;
}

.speaker__tagline {
	font-size: 60px;
	line-height: 60px;
	color: #686868;
	margin-bottom: 25px;
	letter-spacing: 0.2px;
}

.speaker h2 {
	font-size: 120px;
	line-height: 130px;
}

.speaker .heading__art::after {
	position: absolute;
	right: calc(100% + 32px);
	content: "";
	width: 160px;
	height: 289px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url('../images/speaker-art.svg') no-repeat;
}

.speaker p {
	font-size: 28px;
	line-height: 46px;
	letter-spacing: 0.2px;
	max-width: 720px;
}

.speaker__picture {
	position: absolute;
	bottom: 0%;
	left: 0%;
	width: 94%;
	height: auto;
	text-align: right;
}


/*Author*/

.author .section__picture {
	box-shadow: -7px 0px 30px 0px rgba(0, 0, 0, 0.74);
}


/*Footer*/

.section.site__footer {
	padding: 75px 0 40px;
}

.footer__links .site__nav-list {
	max-width: 500px;
}

.footer__links li {
	padding: 0 10px;
}

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

.footer__links a {
	color: #141414;
}

.footer__links a:hover,
.connect__detail a:hover {
	color: #ffc322;
}

.footer__copyrights {
	font-size: 14px;
	line-height: 24px;
	opacity: 0.5;
	margin-top: 15px;
	margin-bottom: 30px;
}

.foo__connect-item {
	margin-bottom: 20px;
}

.connect__icon {
	width: 65px;
	height: 65px;
	line-height: 62px;
	border-radius: 100%;
	text-align: center;
	border: 1px solid #010101;
}

.connect__detail {
	margin-left: 20px;
	line-height: 26px;
}

.connect__title {
	display: block;
	width: 100%;
	font-family: 'poppinsmedium', sans-serif;
	color: #686868;
}

.connect__detail a {
	color: #010101;
	font-family: 'poppinsmedium', sans-serif;
}

.site__footer .social__list {
	text-align: right;
	display: inline-block;
}

.site__footer .social__list a {
	color: #010101;
}

.modal-dialog {
	margin: 30px auto;
}

.modal-body {
	position: relative;
	padding: 0px;
}

.modal-content {
	background: transparent;
}

.close {
	position: absolute;
	right: -30px;
	top: 0;
	z-index: 999;
	font-size: 2rem;
	font-weight: normal;
	color: #fff;
	opacity: 1;
}


/*

** Media Queries

*/

@media only screen and (min-width: 1418px) {
	.container-fluid.container_lg {
		max-width: 1418px;
	}
}

@media only screen and (min-width: 1860px) {
	.container-fluid.container_flex {
		max-width: 100%;
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media only screen and (max-width: 1860px) {
	.container-fluid.container_flex {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.hero__footer {
		left: 30px;
		right: 30px;
	}
	h1,
	.h1 {
		font-size: 5vw;
		line-height: 1.3em;
	}
	.hero__rotator-box {
		font-size: 3vw;
		line-height: 1.6em;
	}
	.hero__picture {
		left: -5vw;
		width: 60%;
		max-width: 100%;
	}
	.speaker .heading__art::after {
		background-size: 7vw;
		background-position: center right;
	}
	.heading__art::before {
		width: 6vw;
	}
}

@media only screen and (max-height: 860px) {
	.home__hero .container-fluid {
		padding: 16vh 50px;
	}
}

@media only screen and (max-height: 700px) and (max-width: 1600px) {
	.home__hero-wrapper {
		padding-top: 10vh;
	}
}

@media only screen and (max-width: 1700px) {
	.picture__initial {
		right: -45%;
		font-size: 490px;
	}
	.heading__art::before {
		width: 4vw;
		right: calc(100% + 22px);
	}
	.speaker h2 {
		font-size: 7vw;
		line-height: 1.2em;
	}
	.speaker__tagline {
		font-size: 3.8vw;
		line-height: 1em;
	}
	.speaker .heading__art::after {
		background-size: 5vw;
		right: calc(100% + 22px);
	}
}

@media only screen and (max-width: 1600px) {
	.picture__initial {
		right: -40%;
		font-size: 393px;
		bottom: -70px;
	}
	.speaker .heading__art::after {
		background-size: 4vw;
		right: calc(100% + 12px);
	}
	.heading__art::before {
		width: 3.6vw;
		right: calc(100% + 12px);
	}
	.home__hero .container-fluid {
		padding: 16vh 30px;
	}
}

@media only screen and (max-width: 1560px) {
	.site__header-sticky {
		padding: 13px 0;
	}
	.site__header .site__nav-cta {
		min-width: 136px;
		line-height: 42px;
	}
	.hero__picture {
		left: -8vw;
		width: 64%;
		max-width: 100%;
	}
	.picture__initial {
		right: -9.5vw;
		font-size: 20vw;
		bottom: -6.5vw;
	}
	.speaker p {
		line-height: 45px;
		letter-spacing: 0.2px;
		max-width: 570px;
	}
	.container-fluid.container_lg {
		max-width: 1200px;
	}
	.speaker h2 {
		font-size: 6.3vw;
	}
	.speaker__picture {
		left: auto;
		right: 0;
	}
	.home__hero-wrapper {
		padding-top: 5.5vh;
	}
	.hero__rotator {
		margin-bottom: 35px;
	}
}

@media only screen and (max-width: 1560px) and (max-height: 680px) {
	.home__hero .container-fluid {
		padding: 20vh 30px;
	}
}

@media only screen and (max-width: 1429px) {
	.hero__picture {
		left: -12vw;
		width: 78%;
		max-width: 100%;
	}
	.home__hero-scroll {
		right: -10px;
	}
	.hero__rotator {
		margin-bottom: 30px;
	}
	.home__hero .container-fluid {
		padding: 16vh 30px;
	}
	.home__hero .hero__cta {
		font-size: 20px;
		line-height: 26px;
	}
	.speaker__picture {
		width: 48vw;
	}
	.speaker .container-fluid {
		padding-top: 0;
		padding-bottom: 0;
	}
	.section {
		padding: 120px 0;
	}
	.hero__rotator-box {
		font-size: 3.5vw;
	}
}

@media only screen and (max-width: 1369px) {
	h2,
	.h2 {
		margin-bottom: 30px;
	}
	.section {
		padding: 100px 0;
	}
	.hero__picture {
		left: -16vw;
	}
	.section__picture img {
		max-width: 400px;
	}
	.section__picture-col {
		text-align: center;
	}
	.heading__art::before,
	.speaker .heading__art::after {
		right: calc(100% + 2px);
	}
	.video__button {
		width: 71px;
		height: 71px;
	}
	.bttn:not(.site__nav-cta) {
		min-width: 152px;
		line-height: 48px;
		margin-top: 20px;
	}
}

@media only screen and (max-width: 1280px) {
	.section {
		padding: 80px 0;
	}
	.video__button {
		width: 61px;
		height: 61px;
	}
	.section__picture img {
		max-width: 376px;
	}
	.speaker__picture {
		width: 43vw;
	}
	.speaker p {
		font-size: 26px;
		line-height: 44px;
	}
	.section__info .bttn {
		margin-top: 20px;
	}
	.amazon__btn img {
		max-width: 140px;
	}
	.speaker {
		margin-top: 6vw;
	}
}

@media only screen and (max-width: 1199px) {
	.site__header li {
		padding: 0 12px;
	}
	.founder {
		background: #f7f7f7;
	}
	.hero__rotator::before {
		width: 11vw;
	}
	.section__picture img {
		max-width: 356px;
	}
	.picture__initial {
		right: -7.5vw;
		font-size: 16vw;
		bottom: -13.5vw;
	}
	.digital__sign {
		max-width: 150px;
	}
	.speaker .heading__art::after {
		display: none;
	}
	.speaker {
		margin-top: 5vw;
	}
	.footer__links .site__nav-list {
		margin-left: auto;
		margin-right: auto;
	}
	.footer__connect {
		max-width: 330px;
		margin-left: auto;
		margin-right: auto;
	}
	.connect__icon {
		width: 55px;
		height: 55px;
		line-height: 22px;
		padding: 14px;
	}
	.footer__links {
		margin-bottom: 30px;
	}
	footer .social__list {
		margin-top: 25px;
	}
	.hero__foo-dash {
		margin: 0 12px;
	}
}

@media only screen and (max-width: 1199px) and (orientation: portrait) and (min-height: 1025px) {
	/*CSS That I will add for responsive*/
	.home__hero .container-fluid {
		min-height: 600px;
	}
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 991px) {
	.site__header li {
		padding: 0 8px;
	}
	.site__header .site__nav-cta {
		min-width: 116px;
	}
	.home__hero .container-fluid {
		padding: 100px 30px 100px;
	}
	.home__hero-wrapper {
		text-align: center;
		padding-top: 6vh;
		padding-bottom: 6vh;
	}
	.hero__rotator::before {
		display: none;
	}
	h1,
	.h1 {
		font-size: 61px;
	}
	h2,
	.h2,
	.speaker h2 {
		font-size: 46px;
		line-height: 54px;
		text-align: center;
		margin-bottom: 23px;
	}
	.heading__art::before {
		display: none;
	}
	.hero__rotator {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.hero__rotator-box {
		font-size: 36px;
	}
	.hero__footer {
		z-index: 1;
	}
	.hero__picture {
		opacity: 0.5;
		width: 100%;
		left: 0;
	}
	.hero__picture {
		left: -17vw;
		max-width: 60%;
	}
	.section__picture img {
		max-width: 276px;
		margin-bottom: 70px;
	}
	.author .section__picture {
		box-shadow: none;
	}
	.author .section__picture img {
		box-shadow: -7px 0px 30px 0px rgba(0, 0, 0, 0.74);
	}
	.speaker h2 {
		text-align: left;
	}
	.section__info:not(.speaker) p {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.digital__sign {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.section:not(.speaker) .cta__wrapper {
		text-align: center;
	}
	.speaker p {
		font-size: 22px;
		line-height: 40px;
		max-width: 500px;
	}
	.speaker {
		margin-top: 0;
	}
	.author .row>div:last-child {
		text-align: center;
	}
	.speaker__tagline {
		margin-bottom: 18px;
	}
	.speaker__picture {
		width: 100%;
		opacity: 0.18;
		height: 109%;
	}
	.speaker__picture img {
		height: 100%;
		width: auto;
	}
}

@media only screen and (max-width: 767px) {
	h1,
	.h1 {
		font-size: 52px;
	}
	h2,
	.h2,
	.speaker h2 {
		font-size: 42px;
		line-height: 50px;
	}
	.hero__rotator {
		margin-top: 30px;
	}
	.hero__rotator-box {
		font-size: 32px;
	}
	.section.site__footer {
		padding: 65px 0 40px;
	}
	.speaker p {
		font-size: 20px;
		line-height: 38px;
		max-width: 470px;
	}
	.site__nav-list {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		display: none;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}
	.site__header li {
		padding: 0;
		display: block;
		width: 100%;
	}
	.site__header .site__nav-list a:not(.site__nav-cta) {
		padding: 8px 20px;
		width: 100%;
	}
	.site__header {
		padding: 26px 0;
	}
	.container-fluid.container_flex {
		padding-left: 20px;
		padding-right: 20px;
	}
	.home__hero .container-fluid {
		padding: 100px 20px 100px;
	}
	.site__header .site__nav-cta {
		width: 100%;
		border-radius: 0;
		text-align: left;
		background: transparent;
		color: #ffffff;
		padding: 0 20px;
		border: 0;
	}
	.site__nav-list {
		background: rgba(1, 1, 1, 0.89);
	}
	.site__header-sticky {
		padding: 20px 0;
	}
	.site__header .site__nav-list a:not(.site__nav-cta)::after {
		display: none;
	}
}

@media only screen and (max-width: 639px) {}

@media only screen and (max-width: 575px) {
	h1,
	.h1 {
		font-size: 42px;
	}
	.home__hero .hero__cta {
		font-size: 18px;
		line-height: 24px;
	}
	.hero__footer>span {
		display: none;
	}
	.section__picture img {
		margin-bottom: 40px;
	}
	.picture__initial {
		bottom: -110px;
	}
	.hero__rotator-box {
		font-size: 25px;
		line-height: 31px;
		padding: 5px 10px;
	}
	.home__hero-scroll {
		right: -13px;
		font-size: 14px;
	}
	.hero__picture {
		max-width: 70%;
	}
	.picture__initial {
		display: none;
	}
	.close {
		position: static;
	}
	.speaker p {
		line-height: 32px;
	}
}

@media only screen and (max-width: 459px) {
	h1,
	.h1 {
		font-size: 38px;
	}
	h2,
	.h2,
	.speaker h2 {
		font-size: 38px;
		line-height: 48px;
		margin-bottom: 20px;
	}
	.speaker__picture {
		height: unset;
	}
	.speaker__picture img {
		height: auto;
		width: auto;
	}
	.speaker p {
		font-size: 18px;
	}
	.amazon__btn img {
		max-width: 120px;
	}
}

@media only screen and (max-width: 359px) {
	.connect__detail {
		margin-left: 0;
		width: 100%;
		text-align: center;
	}
	.foo__connect-item {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
	}
	.connect__icon {
		margin: 0 auto 8px;
	}
}

@media only screen and (max-width: 440px) and (orientation: portrait) {
    .home__hero .container-fluid { min-height: 0; }
    h1, .h1 { font-size: 35px; }
    .home__hero-wrapper { padding-top: 50px; padding-bottom: 90px; }
}