/* box shaow */
.box-shadow {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}

.box-shadow-2 {
	-webkit-box-shadow: 0 10px 60px 0 rgba(0,0,0,.2);
	box-shadow: 0 10px 60px 0 rgba(0,0,0,.2);
}


/* grid lines */

.grid-lines {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 100px 0 !important;
    height: 500px;
    max-height: 500px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

/* Timeline Sections */

.timeline-section {

}




/* Subscribe button */

.subscribe {
	width: 110px !important;
    margin: 10px 10px 0 0;
    padding: 0 0 0 44px;
    background: #000;
    color: #fff !important;
    height: 40px;
    float: right !important;
}
.subscribe {
    position:relative;
    z-index: 9999;
}
.subscribe:before {
    position: absolute; 
    top: 12px; 
    left: 10px; 
    content:""; 
    width: 24px; 
    height: 16px;
    background-image: url(https://n2ps.storied.co/uploads/551bec6489e7bbe7349625c643b9f811.svg); 
    background-size: 24px; 
    background-repeat: no-repeat;
}


/* Video UI */

.video, .video-2, .camera {
    position:relative; 
}
.video:before, .video-2:before {
    position: absolute; 
    content:""; 
    width: 24px; 
    height: 16px; 
    background-image: url(https://n2ps.storied.co/uploads/a4c535d72e40a371c90b5764a7305664.svg); 
    background-size: 16px; 
    background-repeat: no-repeat;
}
.video:before {
    top: 5px; 
    left: 0px;
}
.video-2:before {
    top: 6px; 
    left: 10px;
}


/* share no show */

.globalui-icon.globalui-icon-share {
    display: none !important;
}

/* Play button */

@media only screen and (min-width: 600px) {
.play-icon {
background-size: 300px !important;
}
}


/* Play icon */

.play-icon {
	background-image: url(https://n2ps.storied.co/uploads/3e8bf4cecb427163c4df884e4926fef4.svg) !important;
    width: 30% !important;
    height: 100% !important;
    left: 35% !important;
    top: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    background-color: rgba(255, 255, 255, 0) !important;
}
@media only screen and (min-width: 600px) {
.play-icon {
	background-size: 100% !important;
}
}
@media only screen and (max-width: 599px) {
	.play-icon {
		background-image: url(https://n2ps.storied.co/uploads/3e8bf4cecb427163c4df884e4926fef4.svg) !important;
        background-size: 140px !important;
		left: 30% !important;
        width: 40% !important;
	}

}



/* Loading icon */
.n2-loader__color{

background-image: url(https://n2ps.storied.co/uploads/4e0501e68b9c3b0df13b581b2115cef0.png);
background-size: 250px;
    
    background-repeat:no-repeat;
    background-position: center center;
}

/* text links */

.n2-text-link {
	color: rgba(0, 172, 237, 1); 
	background: -moz-linear-gradient(rgba(0, 172, 237, 0) 0%, rgba(0, 172, 237, 0) 55%, rgba(0, 172, 237, 0.3) 55%, rgba(0, 172, 237, 0.3) 100%);
	background: -webkit-linear-gradient(rgba(0, 172, 237, 0) 0%, rgba(0, 172, 237, 0) 55%, rgba(0, 172, 237, 0.3) 55%, rgba(0, 172, 237, 0.3) 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 172, 237, 0)), color-stop(0.55, rgba(0, 172, 237, 0)), color-stop(0.55, rgba(0, 172, 237, 0.3)), to(rgba(0, 172, 237, 0.3)));
	background: -o-linear-gradient(rgba(0, 172, 237, 0) 0%, rgba(0, 172, 237, 0) 55%, rgba(0, 172, 237, 0.3) 55%, rgba(0, 172, 237, 0.3) 100%);
	background: linear-gradient(rgba(0, 172, 237, 0) 0%, rgba(0, 172, 237, 0) 55%, rgba(0, 172, 237, 0.3) 55%, rgba(0, 172, 237, 0.3) 100%); /* FF3.6-15 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b52684', endColorstr='#4db52684',GradientType=0 ); /* IE6-9 */
}
.timeline {
	color: rgba(0, 0, 0, 1); 
	background: -moz-linear-gradient(rgba(0, 0, 0,  0) 0%, rgba(0, 0, 0,  0) 55%, rgba(0, 0, 0,  0.3) 55%, rgba(0, 0, 0,  0.3) 100%);
	background: -webkit-linear-gradient(rgba(0, 0, 0,  0) 0%, rgba(0, 0, 0,  0) 55%, rgba(0, 0, 0,  0.3) 55%, rgba(0, 0, 0,  0.3) 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0,  0)), color-stop(0.55, rgba(0, 0, 0,  0)), color-stop(0.55, rgba(0, 0, 0,  0.3)), to(rgba(0, 0, 0,  0.3)));
	background: -o-linear-gradient(rgba(0, 0, 0,  0) 0%, rgba(0, 0, 0,  0) 55%, rgba(0, 0, 0,  0.3) 55%, rgba(0, 0, 0,  0.3) 100%);
	background: linear-gradient(rgba(0, 0, 0,  0) 0%, rgba(0, 0, 0,  0) 55%, rgba(0, 0, 0,  0.3) 55%, rgba(0, 0, 0,  0.3) 100%); /* FF3.6-15 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b52684', endColorstr='#4db52684',GradientType=0 ); /* IE6-9 */
}

.timeline-white {
	color: rgba(255, 255, 255, 1) !important;
	background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.3) 70%);
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.3) 70%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), color-stop(0.30, rgba(255, 255, 255, 0)), color-stop(0.30, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
	background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.3) 70%);
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.3) 70%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b52684', endColorstr='#4db52684',GradientType=0 );
    width: auto !important;
}


.footer .n2-text-link {
color: rgba(255, 255, 255, .4);
}
.footer .n2-text-link:hover {
color: rgba(255, 139, 0, 1);
}


/* overlay */

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

.overlay {
position: relative;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
    
.overlay:before {
position: absolute;
content:"";
top:0;
left:0;
background: rgba(255, 255, 255, .2);
height: 100%;
width: 100%;
}
.footer-apple:before {
position: absolute;
content:"";
top:0;
left:0;
background: rgba(0, 0, 0, .4);
height: 100%;
width: 100%;
}

    
}

.footer-apple {
position: relative;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.overlay-2 {
position: relative;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.overlay-2:before {
position: absolute;
content:"";
top:0;
left:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(21, 26, 5, 1) 350px, rgba(21, 26, 5, 0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(21, 26, 5, 1) 350px, rgba(21, 26, 5, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(21, 26, 5, 1) 350px, rgba(21, 26, 5, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151a05', endColorstr='#151a05',GradientType=0 ); /* IE6-9 */
height: 100%;
width: 100%;
}


/* footer overlay */

@media only screen and (max-width : 700px) {
.footer-overlay {
position: relative;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.footer-overlay:before {
position: absolute;
content:"";
top:0;
left:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
height: 100%;
width: 100%;
}


}

/* modal close */

.singular-modal-container .icon-close {
background: url(https://n2ps.storied.co/uploads/c7ce9285b804390c7c67d537fa9c7570.svg) no-repeat center;
    width: 36px;
    height: 36px;
    top: 20px;
    right: 20px;
}

/* Tags */

.mag-button {
    font-family: PBold !important;
    font-size: 16px !important;
    line-height: 14px !important;
    color: #fff !important; 
    padding: 20px 40px;
    float: left;
    width: auto !important;
    border: 2px solid rgba(0, 172, 237, .4);
    border-radius: 5px;

}
.mag-button-2 {
    font-family: PBold !important;
    font-size: 16px !important;
    line-height: 14px !important;
    color: #fff !important;
    text-align: center;
    padding: 10px 20px;
    float: left;
    width: 250px !important;
    border: 2px solid rgba(255, 255, 255, .4);
    border-radius: 5px;

}
.mag-button:hover, .mag-button-2:hover {
	cursor: pointer;
	-webkit-transition: all .4s ease-in-out; 
	-moz-transition: all .4s ease-in-out; 
	 -ms-transition: all .4s ease-in-out; 
	 -o-transition: all .4s ease-in-out; 
	 transition: all .4s ease-in-out; 
	background: rgba(0, 0, 0, .9);
    border: 2px solid rgba(0, 172, 237, 1);
}

.tag-1, .tag-2, .tag-3, .tag-4, .tag-5, .tag-6 {
    font-family: PRegular !important;
    text-transform: uppercase;
    font-size: 12px !important;
    line-height: 10px !important;
    color: #fff !important; 
    padding: 10px 20px;
    float: left;
    width: auto !important;
}
.tag-1 {
    background: rgba(252, 162, 61, .8);
}
.tag-2 {
    background: rgba(5, 176, 244, .8);
}
.tag-3 {
    background: rgba(181, 38, 132, .8);
}
.tag-4 {
    background: rgba(252, 78, 61, .8);
}
.tag-5 {
    background: rgba(249, 61, 61, .8);
}
.tag-6 {
    background: rgba(76, 175, 80, .8);
}


/* Timeline */

.timeline-top, .timeline-bottom {
	position: relative;
}
.timeline-top:before {
	position:absolute; 
    bottom: 0; 
    content:""; 
    background: #086F0C;
    height: 1px;
    width: 20%;
    left: 40%;
}
.timeline-bottom:before {
	position:absolute; 
    bottom: 0; 
    content:""; 
    background: #086F0C;
    height: 1px;
    width: 40%;
    right: -20%;
}

.timeline-1, .timeline-2 {
    position: relative;
    margin-top: 40px !important;
}
.timeline-2 {
	color: rgba(0, 0, 0, .2) !important;
}
.override {
	color: rgba(0, 172, 237, 1) !important;
}
.timeline-1:before, .timeline-2:before {
    position:absolute; 
    top: 8px; 
    content:""; 
    background: #00ACED;
    height: 7px;
    width: 7px;
    border-radius: 50%;
}
.timeline-1:before {
    right: -24px; 
}
.timeline-2:before {
	left: -24px;
}
.no-dot {
	position: relative;
}
.no-dot:before {
	position:absolute; 
    top: 8px; 
    content:""; 
    background: rgba(0, 0, 0, 0) !important;
    height: 7px;
    width: 7px;
    border-radius: 50%;    
}



/* Question */


.question {
    position: relative;
    padding-left: 60px;
    font-family: Panton-Bold;
    font-size: 28px !important;
    line-height: 30px !important;
}

.question:before {
    font-family: Panton-Bold;
    font-size: 72px;
    position:absolute; 
    top: 15px; 
    left: 0; 
    content:"Q"; 
    color: #b80000;
}
.quote {
    position: relative;
    z-index: 9999 !important;
}

.quote:before {
    font-family: Proxima-Extra;
    font-size: 400px;
    position:absolute; 
    top: 70px; 
    left: -140px; 
    content:"“"; 
    color: rgba(255, 255, 255, .4);
    z-index: 999 !important;
}

/* @font-face: auto-generated for: Semibold.woff */
@font-face {
    font-family: 'Proxima-Semi';
    font-style: normal;
    src:  local('.'), local('.'), url('https://n2ps.storied.co/uploads/93a817176cebb2247a7ca0a5531831b7.woff') format('woff')
}
/* @font-face: auto-generated for: Thin.woff */
@font-face {
    font-family: 'Proxima-Thin';
    font-style: normal;
    src:  local('.'), local('.'), url('https://n2ps.storied.co/uploads/d67e7a0b73f968c6e1f828cce17c877b.woff') format('woff')
}
/* @font-face: auto-generated for: Bold.woff */
@font-face {
    font-family: 'Proxima-Bold';
    font-style: normal;
    src:  local('.'), local('.'), url('https://n2ps.storied.co/uploads/f3d40e788a08e79eff79792bd2623c26.woff') format('woff')
}
/* @font-face: auto-generated for: Extrabold.woff */
@font-face {
    font-family: 'Proxima-Extra';
    font-style: normal;
    src:  local('.'), local('.'), url('https://n2ps.storied.co/uploads/da269a851a0ada242ed7082f505d0347.woff') format('woff')
}
/* @font-face: auto-generated for: Light.woff */
@font-face {
    font-family: 'Proxima-Light';
    font-style: normal;
    src:  local('.'), local('.'), url('https://n2ps.storied.co/uploads/5fb0ab3e67371ad434a084fd24e1021c.woff') format('woff')
}
/* @font-face: auto-generated for: Regular.woff */
@font-face {
    font-family: 'Proxima-Regular';
    font-style: normal;
    src:  local('.'), local('.'), url('https://n2ps.storied.co/uploads/1dcfa56d8dda17b7a93a87d6a0493265.woff') format('woff')
}
/* @font-face: auto-generated for: Panton-Thin.ttf */
@font-face {
    font-family: 'Panton-Thin';
    font-style: normal;
    src:  local('.'), local('.'), url('https://n2ps.storied.co/uploads/7470a2f10969879bbcc3019f4d11b7b5.ttf') format('truetype')
}
/* @font-face: auto-generated for: Panton-Bold.ttf */
@font-face {
    font-family: 'Panton-Bold';
    font-style: normal;
    src:  local('.'), local('.'), url('https://n2ps.storied.co/uploads/67c5a1c1c07a929496d84dab9d9abaa0.ttf') format('truetype')
}
/* @font-face: auto-generated for: Panton-Light.ttf */
@font-face {
    font-family: 'Panton-Light';
    font-style: normal;
    src:  local('.'), local('.'), url('https://n2ps.storied.co/uploads/1d7d991ace4a5164d60a8a1bac6fbbac.ttf') format('truetype')
}
/* @font-face: auto-generated for: Panton-Regular.ttf */
@font-face {
    font-family: 'Panton-Regular';
    font-style: normal;
    src:  local('.'), local('.'), url('https://n2ps.storied.co/uploads/efe4ee3dfefd46e18b1ee324f2a8f1c3.ttf') format('truetype')
}