.row.special {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: nowrap;    
  height:100%;
  margin:0;
  margin-top:-7%;
  padding:0 6%;

}
.row.special > [class*='col-'] {
  display:flex;
  flex-direction:column;
  padding:2% 0%;
}

.row.stages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: nowrap;    
  height:100%;
}
.row.stages > [class*='col-'] {
  /*display:flex;*/
  flex-direction:column;
  min-height:100%;
  /*height:10em;*/
  /*padding:2% 0%;*/
}

.row.benefits {

}
.row.benefits > [class*='col-'] {
  /*display:flex;*/
  /*flex-direction:column;
  min-height:100%;*/
  height:13em;
  /*padding:1% 0.5%;*/
}

.textBoxBlue {
    background-color: #25AFB2;
    /*height:15.5em;*/
}
.textBoxCian {
    background-color: #40BEE4;
    /*height:15.5em;*/
}

.textBoxOrange {
    background-color: #F6A314;
    /*height:15.5em;*/
}

.textBoxMustart {
    background-color: #F6C13C;
    /*height:15.5em;*/
}

.textBoxDarkBlue {
    background-color: #2F3A69;
    /*height:15.5em;*/
}

.colorBoxesLeft
{
    width:80%;
    margin-left:12%;    
    color:white;
}

.colorBoxesRight
{
    width:80%;
    margin-left:10%;    
    color:white;
}

h1
{
    text-align:left;
    font-family:Roboto-Light;
    font-size:1.11112em;
}

h1>span
{
    font-family:Roboto-Medium;
    font-size:1.8888em;
    color:#22AFB0;
}

h1.bitTittle
{
    font-family:Roboto-Medium;
    font-size:2.33335em;
    color:#5E5E5E;
}
h1.smallTittle
{
    font-family:Roboto-Light;
    font-size:2.33335em;
    color:#5E5E5E;
}

h1.scrumTitle 
{
    font-family: Roboto-Light;
    font-size: 1.8888em;
    text-align:left;
}

h1.ScrumTheory
{
    font-family:Roboto-Light;
    font-size:2.05554em;
    color:#24AFB2;
    text-align:center;
    line-height:1.6em;
}

h1.ScrumTheory.black
{
    font-family:Roboto;
    font-size:2.05554em;
    color:#4D4D4D;
    text-align:center;
    line-height:1.5em;
}

h1.stageContent
{
    font-family: Roboto-Light;
    font-size: 1.11112em;
    text-align:left;
    color:white;
    margin-top:2% !important;
    margin-bottom:4%;
    line-height:1.5em;
}

h1.stageTitle
{    
    font-family: Roboto-Bold;
    font-size: 1.22223em;
    text-align:left;
    color:white;
    margin-bottom:0 !important;
}

h3.DescriptionText
{
    font-size:1em;
    font-family:Roboto-Light;
    text-align:left;
    padding-bottom:5%;
    line-height:1.5em;
}

.alliancesContainer
{
    padding:0 13%;
    margin-top:5%;
    margin-bottom:5%;
}

.imageContainer
{    
    padding:0 10%;
}

figcaption
{
    font-family:Roboto-Light;
    font-size:1em
}

.centeredIcon
{
    padding:2%;
    border-radius:100%;
    background-color:#F7A937;
    color:white;  
    margin:0;
}

.mediumContainer
{
    padding:0 16%;
    margin-top:5%;
    margin-bottom:5%;
}

.stagesContainer
{
    padding:0 10%;
    margin-top:5%;
    margin-bottom:5%;
}
.generalText
{
    font-family:Roboto-Light;
    font-size:1.111112em;
    line-height:2em;
}

.stageElement
{
    background-color:#27AAAD;
    padding:1% 3% !important;
    margin:0 1%;
    width:48%;
}

.bs-callout 
{
    border: 0px solid #eee;
    border-left-width: 8px; 
    border-left-color:#FBC22B;
}

.mediumContainer.grayBox
{
    padding:4% 13%;
    margin-top:5%;
    margin-bottom:5%;
    background-color:#F4F3F3;
}

.scrumHeader
{
    list-style-image: url("../Images/Industries/list-ornament.png");
    margin-left:-5%;
}

.headderRowScrum
{
    margin:0 5%;
}

img.industries
{
    padding:22% 10%;
}

[class*='col-'].education
{
    width:14.28%;
}

[class*='col-'].financial
{
    width:20%;
}

.industry-body {
    margin-top: 11.57%;
}
.industry-title {
    color: #5d5d5d;
    font-family: Roboto-Medium;
    font-size: 1.77em;
    text-align:left;
}
.industry-description {
    margin-top: 4.1666%;
    margin-bottom:5%;
    -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
    -webkit-column-gap: 2.5em; -moz-column-gap: 2.5em; column-gap: 2.5em;
}



.industry-clients-section {
    margin-top: 81px;
}

        .industry-clients-section .logo > img {
            width: 90px;
            margin-top: 10px;
        }
    .industry-clients-section.small-icon .logo > img {
        width: 65px;
    }
    .industry-clients-section div:last-child > img {
        margin-left: auto;
    }

.industry-benefits-section {
    padding:5% 12%;
    background-color: #27AAAD;
    color: white;
}
    .industry-benefits-section .industry-title { 
        font-family:Roboto-Medium;
        color: white; 
        margin-bottom:4%;
    }
    .industry-benefits-section .industry-benefits-section-list  {
        font-family: Roboto-Light;
        font-size: 1.112em;
        text-align:left;
        margin-left:-5.4%;
        margin-bottom:3%;
        line-height:1.8em;
    }
        .industry-benefits-section .industry-benefits-section-list ul {
            list-style-image: url("../Images/Industries/list-ornament.png");
        }

h2.startupHeader
{
    font-family:Roboto-Medium;
    font-size:1.0666666666666666em;
}

h4.startupContent
{
    font-family:Roboto-Light;
    font-size:1.1111111111111111em;
}


.grayBox{    
   background-color:rgba(250,250,250,.85);
}


.startupImageTop
{
    height:20%;
    max-height:280px;
    display:table-cell;
    float:none;
    margin: 0 auto;
    margin-top:0;
    
}

.FiveRowElement
{
    margin-left:1.5%; 
    margin-right:1.5%;
}

.FiveRowElement.last
{
     margin-right:3%;
}

.FiveRowElement.second
{
    margin-right:1.5%;
}

@media (max-width:991px) {
    .industry-clients-section .logo {
        text-align: center;
    }

    .noSlider {
        width:90%;
    }
}

@media (max-width:767px) {
    .industry-benefits-section .industry-benefits-section-list ul {
            list-style-image: url("../Images/Industries/list-ornament-sm.png");
        }
}
 
@media all and (max-width: 959px) and (min-width: 600px) 
{

    .FiveRowElement
    {
        margin-left:initial; 
        margin-right:initial;
    }

     .FiveRowElement.last
    {
        margin-right:initial;
    }

    .FiveRowElement.second
    {
        margin-right:initial;
    }
}
 
@media all and (max-width: 599px) and (min-width: 320px) {

    .FiveRowElement
    {
        margin-left:initial; 
        margin-right:initial;
    }

     .FiveRowElement.last
    {
        margin-right:initial;
    }

    .FiveRowElement.second
    {
        margin-right:initial;
    }
}

/* ============================================================================================================================
== BUBBLE WITH AN ISOCELES TRIANGLE ORANGE, CIAN, MUSTARD & DARKBLUE
** ============================================================================================================================ */

.triangle-isosceles-orange {
  position:relative;
  background-color:#F6A314;
}

.triangle-isosceles-cian {
  position:relative;
  background-color:#40BEE4;
}

.triangle-isosceles-mustard {
  position:relative;
  background-color:#F6C13C;
}

.triangle-isosceles-darkblue {
  position:relative;
  background-color:#2F3A69;
}
.triangle-isosceles-purple {
  position:relative;
  background-color:#4E5278;
}
/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-isosceles-orange.right {
  /*margin-right:50px;*/
  background-color:#F6A314;
}

.triangle-isosceles-cian.right {
  /*margin-right:50px;*/
  background-color:#40BEE4;
}

.triangle-isosceles-mustard.right {
  /*margin-right:50px;*/
  background-color:#F6C13C;
}

.triangle-isosceles-darkblue.right {
  /*margin-right:50px;*/
  background-color:#2F3A69;
}
.triangle-isosceles-purple.right {
  /*margin-right:50px;*/
  background-color:#4E5278;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates triangle */
.triangle-isosceles-orange:after {
  content:"";
  position:absolute;
  bottom:-44px; /* value = - border-top-width - border-bottom-width */
  left:360px; /* controls horizontal position */
  border-width:45px 35px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#F6A314 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:100;
}
.triangle-isosceles-cian:after {
  content:"";
  position:absolute;
  bottom:-44px; /* value = - border-top-width - border-bottom-width */
  left:360px; /* controls horizontal position */
  border-width:45px 35px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#40BEE4 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:100;
}

.triangle-isosceles-mustard:after {
  content:"";
  position:absolute;
  bottom:-44px; /* value = - border-top-width - border-bottom-width */
  left:360px; /* controls horizontal position */
  border-width:45px 35px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#F6C13C transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:100;
}

.triangle-isosceles-darkblue:after {
  content:"";
  position:absolute;
  bottom:-44px; /* value = - border-top-width - border-bottom-width */
  left:360px; /* controls horizontal position */
  border-width:45px 35px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#2F3A69 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:100;
}

.triangle-isosceles-purple:after {
  content:"";
  position:absolute;
  bottom:-44px; /* value = - border-top-width - border-bottom-width */
  left:360px; /* controls horizontal position */
  border-width:45px 35px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#4E5278 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:100;
}
/* Variant : right
------------------------------------------ */

.triangle-isosceles-orange.right:after {
  top:auto; /* controls vertical position */
  right:-2.5%; /* value = - border-left-width - border-right-width */
  bottom:50%;
  left:auto;
  border-width:1.5em 0 1.5em 1.5em;
  border-color:transparent #F6A314;
  z-index:99999;
}

.triangle-isosceles-cian.right:after {
  top:auto; /* controls vertical position */
  right:-2.5%; /* value = - border-left-width - border-right-width */
  bottom:50%;
  left:auto;
  border-width:1.5em 0 1.5em 1.5em;
  border-color:transparent #40BEE4;
  z-index:99999;
}

.triangle-isosceles-mustard.right:after {
  top:auto; /* controls vertical position */
  right:-2.5%; /* value = - border-left-width - border-right-width */
  bottom:50%;
  left:auto;
  border-width:1.5em 0 1.5em 1.5em;
  border-color:transparent #F6C13C;
  z-index:99999;
}

.triangle-isosceles-darkblue.right:after {
  top:auto; /* controls vertical position */
  right:-2.5%; /* value = - border-left-width - border-right-width */
  bottom:50%;
  left:auto;
  border-width:1.5em 0 1.5em 1.5em;
  border-color:transparent #2F3A69;
  z-index:99999;
}

.triangle-isosceles-purple.right:after {
  top:auto; /* controls vertical position */
  right:-2.5%; /* value = - border-left-width - border-right-width */
  bottom:50%;
  left:auto;
  border-width:1.5em 0 1.5em 1.5em;
  border-color:transparent #4E5278;
  z-index:99999;
}