/******** BANNER *********/

.bannerTitleSection h1
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#ffffff;
font-size:60px; 
line-height:80px;
font-weight:300;
text-align:left;
}

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

.bannerTitleSection span
{
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
color:#FFFFFF;
font-size:22px;
line-height:30px;
font-weight:100;
}

.bannerButtonsSection
{
width:100%;
display:flex;
justify-content:flex-start;
}

/******** BUTTONS *********/

/******** WHITE BORDER BUTTON *********/

.whiteBorderButton
{
height:60px;
position:relative;
display:inline-block;
background:none;
}

.whiteBorderButton div
{
position:absolute;
height:60px;
width:100%;
border-radius:4px;
cursor:pointer;
border:solid 1px #FFFFFF;
background:none;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.whiteBorderButton 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;
}

/******** 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;
}

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

.orangeBorderButton
{
height:60px;
position:relative;
display:inline-block;
background:none;
}

.orangeBorderButton div
{
position:absolute;
height:60px;
width:100%;
border-radius:4px;
cursor:pointer;
border:solid 1px #ff7700;
background:none;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

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

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

.aboutTitle
{
padding:130px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.aboutTitle 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;
}

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

.aboutTitle span
{
margin:10px 0px 60px 0px;
padding:0px 0px 0px 0px;
color:#FF7700;
font-size:36px;
line-height:52px;
font-weight:300;
}

.aboutDescription 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;
}

.aboutMainBackground
{
position:absolute;
background:#EEEEEE;
top:0px;
left:100px;
width:200%;
height:550px;
z-index:100;
}

.aboutBackgroundSection
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:300px;
height:600px;
position:relative; 
///background:#b2b2b2;
z-index:200;
}

.aboutLeftBackground
{
top:100px;
width:300px;
height:350px;
position:absolute;
///background:#ff0000;
}

.aboutRightBackground
{
top:-100px;
width:300px;
height:750px;
position:absolute;
///background:#ff0000;
}

.aboutLeftBackground img
{
width:300px;
height:350px;
border:none;
}

.aboutRightBackground img
{
width:300px;
height:350px;
margin:0px 0px 50px 0px;
border:none;
}

.aboutDescriptionList
{
margin:60px 0px 0px 0px;
}

.aboutDescriptionList div
{
margin:0px 0px 40px 0px;
position:relative;
}

.aboutDescriptionList svg
{
top:-4px;
width:30px;
position:absolute;
fill:#ff7700;
}

.aboutDescriptionList h1
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 50px;
color:#5E5E5E;
font-size:18px;
line-height:20px;
font-weight:300;
text-align:left;
}






/******** SERVICES *********/

.servicesTitle
{
margin:0px 0px 0px 0px;
padding:160px 0px 0px 0px;
}

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

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

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

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

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

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

.serviceLogoSection
{
margin:40px 0px 0px 0px;
width:110px;
height:110px;
background:#ff7700;
}

.serviceLogoSection img
{
padding:18px 0px 0px 0px;
width:80px;
height:80px;
}

.serviceChildTitleSection
{
margin:40px 40px 0px 40px;
}

.serviceChildTitleSection h1
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
///color:#ff7700;
color:#000000;
font-size:22px;
line-height:30px;
font-weight:300;
text-align:center;
}

.serviceChildTitleSection p
{
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#AAAAAA;
font-size:16px;
line-height:28px;
font-weight:100;
text-align:center;
}

.serviceNoteSection
{
margin:180px 0px 100px 0px;
position:relative;
width:100%; 
}

.serviceNoteLayer_1
{
z-index:100; 
position:absolute; 
top:-30px; 
right:-30px; 
height:340px; 
width:340px; 
background:#ff7700;
}

.serviceNoteLayer_2
{
z-index:200; 
position:relative;
padding:100px 0px 100px 0px;
background:#000000;
}

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

.servicesBannerSection
{
///z-index:300; 
position:absolute; 
bottom:-340px; 
left:0px; 
height:340px; 
width:340px; 
background:#ff7700;
}

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

.servicesBannerSection h1
{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 40px;
color:#FFFFFF;
font-size:46px;
line-height:54px;
font-weight:300;
text-align:left;
}

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

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

/******** PROJECTS *********/

.projectsTitle
{
margin:0px 0px 0px 0px;
padding:120px 0px 0px 0px;
}

.projectsTitle 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;
}

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

.projectsTitle span
{
margin:10px 0px 60px 0px;
padding:0px 0px 0px 0px;
color:#FF7700;
font-size:36px;
line-height:52px;
font-weight:300;
}

.projectsSection
{
margin:0px 0px 0px 0px;
height:360px;
display:flex;
justify-content:space-between;
}

.projectsParentSection
{
position:relative;
///cursor:pointer;
}

.projectsLogoSection
{
position:relative;
height:360px;
////background:#ff0000;
///box-shadow: 0px 0px 60px 0px #E0E0E0;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.projectsTitleSection
{
position:absolute;
bottom:0px;
right:0px;
left:0px;
height:120px;
background:#000000;
}

.projectsTitleSection h1
{
margin:0px 0px 0px 0px;
padding:20px 40px 0px 40px;
color:#FFFFFF;
font-size:18px;
line-height:32px;
font-weight:100;
text-align:left;
}

.projectsTitleSection h2
{
margin:0px 0px 0px 0px;
padding:0px 40px 0px 40px;
color:#ff7700;
font-size:18px;
line-height:32px;
font-weight:100;
text-align:left;
}

/******** HISTORY *********/

.logo_1
{
z-index:100; 
position:absolute; 
top:-130px; 
left:-30px; 
height:340px; 
width:340px; 
background:#ff7700;
}

.logo_2
{
z-index:200;  
position:absolute; 
top:-100px; 
left:0px; 
height:550px; 
width:550px;
}

.logo_2 img
{
width:550px;
}

.logo_3
{
z-index:300; 
position:absolute; 
bottom:-60px; 
right:30px; 
height:320px;
width:250px; 
background:#ff7700;
}

.logo_3 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;
}

.logo_3 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;
}

.logo_3 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;
}

.historyTitle
{
margin:0px 0px 0px 0px;
padding:60px 0px 0px 40px;
}

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

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

.historyDescription
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 40px;
}

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





/******** PARTNERS *********/

.partnersTitle
{
margin:0px 0px 80px 0px;
padding:140px 0px 0px 0px;
}

.partnersTitle 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;
}

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

.partnersTitle span
{
margin:10px 0px 60px 0px;
padding:0px 0px 0px 0px;
color:#FF7700;
font-size:36px;
line-height:52px;
font-weight:300;
}



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

.partnersParentSection .child
{
position:relative;
margin:0px 0px 30px 0px;
width:340px; 
height:340px;
cursor:pointer;
}

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

.partnersParentSection .logo
{
bottom:0px;
/////box-shadow: 0px 0px 60px 0px #E0E0E0;
position:absolute;
width:340px;
height:340px;
z-index:200;
}

.partnersParentSection svg
{
top:0px;
right:0px;
bottom:0px;
left:0px;
margin:auto;
position:absolute;
width:200px;
z-index:200;
}

.partnersParentSection .logo img
{
padding:70px 0px 0px 0px;
width:200px;
height:200px;
z-index:300;
}