/*Top Banner for Top Level pages Index */

.herobanner-parent-container {
display:flex;
flex-flow:wrap;
flex-direction:column;
text-align:center;
padding:11em 5em 18em 2em;
background-position:center center; 
background-repeat:no-repeat; 
background-size:cover; 
box-shadow:inset 0px 6px 6px rgba(50, 62, 72, 0.5);
position:relative;
}

/*
.herobanner-img-container {
display:flex;
flex-flow:wrap;
flex-direction:column;
align-items:center;
justify-content:center;
padding:17.5em 5em;
background-position:center center; 
background-repeat:no-repeat; 
background-size:cover; 
box-shadow:inset 0px 6px 6px rgba(50, 62, 72, 0.5);
position:relative;
}
*/

.herobanner-title {
font-size:1.8em;
color:#fff;
padding-bottom:0.2em;
}

.herobanner-subtitle {
font-size:5.8em;
font-weight:bold;
line-height:1.1em;
background:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
padding-bottom:0.3em;
}

.herobanner-caption {
font-size:1.2em;
color:#fff;
padding-bottom:0.2em;
}

.herobanner-parent-button-item {
padding-top:3em;
}

.topbanner-img-index {
background-image:radial-gradient(rgba(90, 103, 113, 0.9), rgba(90, 103, 113, 0.7)), url(../images/herobanner/index-banner.jpg); 
}

.topbanner-img-services {
background-image:radial-gradient(rgba(90, 103, 113, 0.9), rgba(90, 103, 113, 0.7)), url(../images/herobanner/services-banner.jpg); 
}

.topbanner-img-casestudies {
background-image:radial-gradient(rgba(90, 103, 113, 0.9), rgba(90, 103, 113, 0.7)), url(../images/herobanner/case-studies.jpg); 
}

.topbanner-img-pricing {
background-image:radial-gradient(rgba(90, 103, 113, 1), rgba(90, 103, 113, 0.7)), url(../images/herobanner/pricing-banner.jpg);
}

.topbanner-img-contact {
background-image:linear-gradient(to right, rgba(90, 103, 113, 1) 25%, rgba(90, 103, 113, 0.7) 75%), url(../images/herobanner/contact-banner.jpg); 
}

.topbanner-img-rfp {
background-image:linear-gradient(to right, rgba(90, 103, 113, 1) 25%, rgba(90, 103, 113, 0.7) 75%), url(../images/herobanner/rfp-banner.jpg); 
}

.topbanner-img-frameworks {
background-image:linear-gradient(to right, rgba(90, 103, 113, 1), rgba(90, 103, 113, 0.7)), url(../images/herobanner/digital-solutions.jpg); 
}

.topbanner-img-text-box {
position:absolute;
top:50%;
left:0%;
transform:translate(10%, -50%);
background-color:rgb(239, 242, 243, 0.9);
width:400px;
padding:50px 40px;
border-top:4px solid #323e48; 
border-image:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
border-image-slice:1;
}

.topbanner-img-text-box-extended {
position:absolute;
top:50%;
left:0%;
transform:translate(10%, -50%);
background-color:rgb(239, 242, 243, 0.9);
width:520px;
padding:50px 40px;
border-top:4px solid #323e48; 
border-image:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
border-image-slice:1;
}

.topbanner-img-text-box-extended-1 {
position:absolute;
top:50%;
left:0%;
transform:translate(10%, -50%);
background-color:rgb(239, 242, 243, 0.9);
width:750px;
padding:50px 40px;
border-top:4px solid #323e48; 
border-image:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
border-image-slice:1;
}

.topbanner-img-text-box-bottom-left {
position:absolute;
bottom:0px;
left:0px;
/*transform:translate(10%, -50%);*/
background-color:rgb(239, 242, 243, 1);
/*background-color:#5a6771;*/
width:60%;
padding:42px 40px;
border-top:4px solid #323e48; 
border-image:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
border-image-slice:1;
}

.topbanner-img-text-box-about-bottom-left {
position:absolute;
bottom:0px;
left:0px;
/*transform:translate(10%, -50%);*/
background-color:rgb(239, 242, 243, 1);
/*background-color:#5a6771;*/
width:80%;
padding:42px 40px;
border-top:4px solid #323e48; 
border-image:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
border-image-slice:1;
}

.topbanner-img-title {
text-transform:uppercase;
font-size:24px;
/*background:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;*/
font-weight:bold;
}

.topbanner-img-subtitle {
/*font-size:40px;*/
font-size:18px;
font-weight:bold;
padding:20px 0;
}

.topbanner-img-caption {
font-size:14px;
}

/*** Styling ***/

@media (min-width:320px) and (max-width:499px) {
.herobanner-parent-container{padding:3em 5em 17em 2em;background-position: center center;background-repeat: no-repeat;background-size: cover;box-shadow: inset 0px 6px 6px rgba(50, 62, 72, 0.5);}
.herobanner-title {font-size:1.8em;color:#fff;padding-bottom:0em;}
.herobanner-subtitle {font-size:1.8em;line-height:1.3em;padding:0;margin:0;}
.herobanner-parent-button-item {padding-top:1em;}
.herobanner-img-container {padding:10.5em 0em;}
/*.topbanner-img-text-box {width:80%;}*/
.topbanner-img-text-box, .topbanner-img-text-box-extended {bottom:0px;left:12px;width:93%;transform:translate(0%, 0%);padding:30px 20px 0 20px;}
.topbanner-img-title {font-size:14px;}
.topbanner-img-subtitle {font-size:18px;padding:10px 0;}
.topbanner-img-caption {font-size:12px;}
.topbanner-img-text-box-bottom-left {width:90%;padding:22px 20px;}
}

@media (min-width:500px) and (max-width:625px) {
/*.topbanner-img-title {font-size:18px;}*/
/*.topbanner-img-subtitle {font-size:30px;padding:10px 0;}*/
/*.topbanner-img-caption {font-size:16px;}*/
.topbanner-img-text-box-extended {padding-left:20px;width:75%;}
.topbanner-img-text-box-bottom-left {width:80%;padding:42px 40px;}
.topbanner-img-text-box-about-bottom-left {width:95%;padding:22px 20px;}
}

@media (min-width:500px) and (max-width:565px) {
.herobanner-parent-container{padding:3em 5em 17em 2em;background-position: center center;background-repeat: no-repeat;background-size: cover;box-shadow: inset 0px 6px 6px rgba(50, 62, 72, 0.5);}
.herobanner-title {font-size:3em;color:#fff;padding-bottom:0em;}
.herobanner-subtitle {font-size:3em;line-height:1.3em;padding:0;margin:0;}
.herobanner-parent-button-item {padding-top:2em;}
}

@media (min-width:320px) and (max-width:565px) {
.topbanner-img-index {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 35%, rgba(90, 103, 113, 0.7) 65%), url(../images/herobanner/index-banner.jpg);}
.topbanner-img-career {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 35%, rgba(90, 103, 113, 0.7) 65%), url(../images/herobanner/career-banner.jpg);}
.topbanner-img-about {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 25%, rgba(90, 103, 113, 0.7) 75%), url(../images/herobanner/about-banner.jpg);}
/*.topbanner-img-services{background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 45%, rgba(90, 103, 113, 0.7) 55%), url(../images/herobanner/infrastructure_640.jpg);}*/
/*.topbanner-img-services-ac {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 25%, rgba(90, 103, 113, 0.7) 75%), url(../images/herobanner/technology-consultants.jpg);}*/
.topbanner-img-services-pm {background-image:linear-gradient(rgba(90, 103, 113, 1), rgba(90, 103, 113, 0.7)), url(../images/herobanner/project-management.jpg);}
/*.topbanner-img-services-pm {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 45%, rgba(90, 103, 113, 0.7) 55%), url(../images/herobanner/project-management.jpg);}*/
/*.topbanner-img-services-dt {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 25%, rgba(90, 103, 113, 0.7) 75%), url(../images/herobanner/digital-solutions.jpg);}*/
/*.topbanner-img-services-ms {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 25%, rgba(90, 103, 113, 0.7) 75%), url(../images/herobanner/managed-services.jpg);}*/
.topbanner-img-services-cr {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 45%, rgba(90, 103, 113, 0.7) 55%), url(../images/herobanner/contingent-resourcing.jpg);}
/*.topbanner-img-capabilities {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 45%, rgba(90, 103, 113, 0.7) 55%), url(../images/herobanner/capabilities-medium.jpg);}*/
/*.topbanner-img-industries {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 40%, rgba(90, 103, 113, 0.7) 60%), url(../images/herobanner/industry-banner.jpg);}*/
.topbanner-img-insights {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 40%, rgba(90, 103, 113, 0.7) 60%), url(../images/herobanner/insights-banner.jpg);}
.topbanner-img-careers {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 45%, rgba(90, 103, 113, 0.7) 55%), url(../images/herobanner/careers-banner.jpg);}
.topbanner-img-contact {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 45%, rgba(90, 103, 113, 0.7) 55%), url(../images/herobanner/contact-banner.jpg);}
.topbanner-img-rfp {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 25%, rgba(90, 103, 113, 0.7) 75%), url(../images/herobanner/rfp-banner.jpg);}
.topbanner-img-projects {background-image:linear-gradient(to bottom, rgba(90, 103, 113, 1) 25%, rgba(90, 103, 113, 0.7) 75%), url(../images/herobanner/projects-banner.jpg);}
}