/******** TITLE ********/

.aboutTitleSection
{
margin:0px 0px 60px 0px;
padding:0px 0px 0px 0px;
}

.aboutTitleSection h2
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#AAAAAA;
font-size:22px;
line-height:30px;
font-weight:100;
text-align:left;
}

.aboutTitleSection h1
{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000000;
font-size:36px;
line-height:52px;
font-weight:300;
text-align:left;
}

.aboutTitleSection span 
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#FF7700;
font-size:36px;
line-height:52px;
font-weight:300;
text-align:left;
}

/******** ABOUT ********/

.aboutDescriptionSection p
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#5E5E5E;
font-size:18px;
line-height:32px;
font-weight:100;
text-align:left;
}

.aboutBackgroundSection
{
margin:0px 0px 0px 0px;
height:550px;
width:550px;
position:relative;
}

.aboutBackground_1
{
position:relative;
height:550px;
width:550px;
z-index:300;
}

.aboutBackground_1 div
{
top:0px;
right:0px;
position:absolute;
height:550px;
width:550px;
/////background-image:url(/about/desktop/images/bg.png);
background-repeat:no-repeat;
background-size:100% auto;
////box-shadow: 0px 0px 60px 0px #E0E0E0;
////z-index:300;
////filter: sepia(100%) brightness(80%);
}

.aboutBackground_2
{
top:0px;
right:0px;
height:550px;
width:550px;
position:absolute;
background:#FFFFFF;
z-index:200;
}

.aboutBackground_3
{
bottom:-30px;
right:-30px;
position:absolute;
height:340px;
width:340px;
background:#FF7700;
z-index:100;
}

/******** NOTE SECTION ********/

.aboutNoteSection_1
{
z-index:300; 
position:absolute; 
bottom:-60px; 
left:0px; 
right:0px;
margin:auto;
height:320px; 
width:250px; 
background:#ff7700;
}

.aboutNoteSection_1 h1
{
margin:0px 0px 0px 0px;
padding:60px 0px 0px 0px;
color:#FFFFFF;
font-size:22px;
line-height:30px;
font-weight:100;
text-align:center;
}

.aboutNoteSection_1 h1 span
{
margin:0px 0px 0px 0px;
padding:40px 0px 0px 0px;
color:#FFFFFF;
font-size:60px;
line-height:80px;
font-weight:300;
text-align:center;
}

.aboutNoteSection_1 h2
{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
color:#FFFFFF;
font-size:22px;
line-height:30px;
font-weight:100;
text-align:center;
}

.aboutNoteSection_2
{
margin:0px 0px 0px 0px;
padding:100px 0px 100px 0px;
}

.aboutNoteSection_2 p
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#AAAAAA;
font-size:18px;
line-height:32px;
font-weight:100;
text-align:center;
}





/******** DOCUMENTS SECTION ********/

.documentsTitleSection
{
margin:0px 0px 60px 0px;
padding:0px 0px 0px 0px;
}

.documentsTitleSection h2
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#AAAAAA;
font-size:22px;
line-height:30px;
font-weight:100;
text-align:left;
}

.documentsTitleSection h1
{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000000;
font-size:36px;
line-height:52px;
font-weight:300;
text-align:left;
}

.documentsTitleSection span 
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#FF7700;
font-size:36px;
line-height:52px;
font-weight:300;
text-align:left;
}



.documentsSection
{
margin:60px 0px 80px 0px;
height:340px;
display:flex;
justify-content:space-between;
}

.documentsParentSection
{
position:relative;
width:340px; 
height:340px;
}

.documentsShadowSection
{
box-shadow: 0px 0px 60px 0px #E0E0E0;
position:absolute;
width:340px;
height:340px;
z-index:100;
}

.documentsChildSection
{
position:absolute;
width:340px;
height:340px;
z-index:200;
background:#FFFFFF;
}

.documentsChildSection h1
{
margin:0px 0px 0px 0px;
padding:60px 0px 0px 40px;
font-size:22px;
line-height:30px;
font-weight:300;
color:#5E5E5E;
text-align:left;
}

.documentsChildSection p
{
margin:0px 0px 0px 0px;
padding:20px 40px 0px 40px;
font-size:14px;
line-height:22px;
font-weight:100;
color:#5E5E5E;
text-align:left;
}








/******** VIDEO SECTION ********/

/******** VIDEO ********/

.videoSection
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
width:100%;
height:700px;
}

.videoSection video
{
position:relative;
margin:46px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:100;
}

.videoLayerSection
{
top:0px;
width:100%;
height:700px;
position:absolute;
background:#01131C;
z-index:200;
}

.videoControlSection
{
width:160px;
height:160px;
position:absolute;
margin:auto;
top:220px;
right:0px;
left:0px;
z-index:300;
}

.videoControl
{
width:160px;
height:160px;
border:solid 1px #FFFFFF;
border-radius:100%;
cursor:pointer;
}

.videoControl svg
{
position:absolute;
margin:auto;
width:80px;
transform:rotate(180deg);
top:0px;
right:30px;
bottom:0;
}

.videoDescriptionSection
{
width:500px;
height:30px;
position:absolute;
margin:auto;
right:0px;
bottom:220px;
left:0px;
z-index:300;
}

.videoDescriptionSection h1
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:22px;
line-height:30px;
font-weight:100;
color:#AAAAAA;
text-align:center;
}

/******** PRESS SECTION ********/

/******** TITLE ********/

.pressTitleSection
{
margin:60px 0px 80px 0px;
padding:0px 0px 0px 0px;
}

.pressTitleSection h2
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#AAAAAA;
font-size:22px;
line-height:30px;
font-weight:100;
text-align:center;
}

.pressTitleSection h1
{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000000;
font-size:36px;
line-height:52px;
font-weight:300;
text-align:center;
}

.pressTitleSection span 
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#002699;
font-size:36px;
line-height:52px;
font-weight:300;
text-align:left;
}

/******** PRESS ********/

.pressSection
{
margin:80px 0px 0px 0px;
height:340px;
display:flex;
justify-content:space-between;
}

.pressParentSection
{
position:relative;
width:340px;
height:340px;
cursor:pointer;
}

.pressShadowSection
{
box-shadow: 0px 0px 60px 0px #E0E0E0;
position:absolute;
width:340px;
height:340px;
z-index:100;
}

.pressChildSection
{
position:absolute;
width:340px;
height:340px;
z-index:200;
background:#FFFFFF;
}

.pressChildSection svg
{
position:absolute;
margin:auto;
left:0px;
right:0px;
top:0px;
bottom:0px;
width:180px;
}

.pressChildBackgroundSection
{
position:absolute;
margin:auto;
left:0px;
right:0px;
top:0px;
bottom:0px;
width:180px;
height:180px;
background-repeat:no-repeat;
background-size:100% auto;
}

/******** ORANGE BUTTON *********/

.orangeButton
{
height:60px;
position:relative;
display:inline-block;
background:none;
border-radius:4px;
cursor:pointer;
background:#ff7700;
}

.orangeButton p
{
text-align:center;
color:#FFFFFF;
padding:20px 30px 0px 30px;
margin:0px 0px 0px 0px;
font-size:18px; 
line-height:20px;
font-weight:100;
}