/* RESET
====================================================================================== */
html, body, div, span, a, img, ul, li,
header, article, service, aside, nav, footer  {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    outline: none;
}
    html, body {
    font-size:18px;
    line-height: 1.3;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #404040;
    font-weight:400;
    background-color: #ffffff;
    width:100%;
    cursor: default;
/*
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
*/

}
html {
    overflow-y: auto;
    scroll-behavior: smooth;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, service {
    display: block;
}
/* Prevent iOS text size adjust after orientation change, without disabling user zoom */
html {
    -webkit-text-size-adjust: 100%;
}
* {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
ul {
    margin: 0;
    padding: 0 0 0 40px;
}
ul li {
    padding: 2px 0 2px 0;
}
img {
    width: 100%;
    height:auto;
}
img .margins {
    margin: 10px;
}

/*  Sets item width */
/* BBC Grid Groups
Grid Group	   Width	          Margins	Gutters
Group 1        0-399px	          8px	    8px
Group 2	        400px - 599px	   16px	    8px
Group 3       	600px - 1007px   16px	    16px
Group 4	Fixed  1008px+	         16px	    16px
Group 5	Fixed  1280px+	         16px	    16px
*/
.container {
    width: 90%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 1008px) {
    .container {
        width: 96%;
    }
}
@media (max-width: 600px) {
    .container {
        width: 98%;
    }
    p {
        font-size:16px;
        line-height: 1.5;
    }
}
@media (max-width: 400px) {
    .container {
        width: 98%;
    }
}

/* LINKS AND HEADINGS
======================================================================================
*/
a {
    outline: none;
    text-decoration:none;
    text-align: left;
    color: #000000;
    border:none
}
a:hover {
    color:#333333;
}
h1, h2, h3, h4 {
    font-family: 'Mulish', sans-serif;
    :600;
    color: #555555;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}


/* Header
====================================================================================== */
.header {
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom: 90px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 2px;
    height: 90px;
    background-color: #ffffff;
	  background: rgba(255, 255, 255, 0.90);
    z-index: 99;
    border-bottom: 1px solid rgba(66,175, 214, 0.2);
    border-top: 1px solid rgba(66,175, 214, 0.2);
}
.header_margin {
    margin-top:90px;
    min-height: calc(100vh - 300px);
    width: 100%;
}
.header .logo{
    grid-column: 1/3;
    grid-row: 1;
    padding-left: 15px;
    padding-top: 15px;
}
.header .logo img{
    width: 280px;
}
@media (max-width: 860px) {
  .header .logo img{
      width: 240px;
  }
}
@media (max-width: 390px) {
  .header .logo img{
      width: 180px;
    padding-top: 15px;
  }
}
.header .menu {
    position: relative;
    grid-column: 3/7;
    grid-row: 1;
    padding-top: 26px;
}
.header .menu .menu_top a{
    margin-right: 24px;
    padding-bottom: 10px;
    padding-top: 4px;
    float:right;
    font-size: 17px;
    letter-spacing: 1px;
    color: #404040;
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
}
.header .menu .menu_top a.active{
    border-bottom: 6px solid #42afd6;
}
.header .menu .menu_top a:hover{
    color: #999999;
}
.header .overlay .overlay_dropdown .menu .menu_top .services_dropdown,
.header .menu .menu_top .services_dropdown {
  position: relative;
  display: inline-block;
  float:right;
}
.header .overlay .overlay_dropdown .services_dropdown_list,
.header .menu .menu_top .services_dropdown_list {
  display: none;
  background-color: #f9f9f9;
  width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 18px 0 18px 18px;
  z-index: 1;
}
.header .menu .menu_top .services_dropdown_list {
  float:left;
  position: absolute;
  top:34px;
  left:-50px;
 }
.header .overlay .overlay_dropdown .services_dropdown .services_dropdown_list {
   position: absolute;
   top: 110px;
   right: 20px;
   padding:5px;
   text-align: left;
   width:220px;
}
.header .overlay .overlay_dropdown .services_dropdown .services_dropdown_list a{
   width: 100%;
   font-size: 18px;
   padding:10px;
}
.header .overlay .overlay_dropdown .services_dropdown_list a,
.header .menu .menu_top .services_dropdown_list a{
  float: left;
}
.header .overlay .overlay_dropdown .services_dropdown:hover .services_dropdown_list,
.header .menu .menu_top .services_dropdown:hover .services_dropdown_list {
  display: inline-block;
    z-index: 100;
}
.mobile_page {
    display:none;
    grid-column: 1/5;
    color: #42afd6;
    text-align: center;
}
.mobile_page h2{
   color: #42afd6;
   text-align: center;
}
@media (max-width: 800px) {
    .mobile_page {
        display:grid;
    }
}

/* Overlay Menu
======================================================================================
*/
.header .menu .burger_btn,
.overlay {
   display: none;
}
@media (max-width: 800px) {
    .header .menu .menu_top {
        display:none;
    }
    .header .menu .burger_btn{
        display: block;
        width:100%;
        padding-right: 24px;
        padding-bottom: 17px;
        text-align: right;
        font-size:36px;
        cursor:pointer
    }
    .overlay{
       width:100%;
       display: block;
     }
     .overlay_dropdown{
       display:none;
       position:absolute;
       top:90px;
       right:0;
       left:0;
       bottom: 0;
       z-index: 99;
       height: calc(100vh - 90px);
       border: 2px solid #42afd6;
       width: 100%;
       padding:60px 0 40px 0;
       text-align: center;
       background-color: #ffffff;
	     background: rgba(255, 255, 255, 0.90);
       transition: 0.5s;
     }
     .overlay_show {
       display:block;
     }
    .overlay_dropdown a {
      display:block;
      padding: 20px;
      text-decoration: none;
      font-size: 24px;
      color: #000000;
      text-align: center;
      margin: auto;
      transition: 0.3s;
      letter-spacing: 1px;
      color: #000000;
      font-family: 'Mulish', sans-serif;
      :600;
    }
    .overlay_dropdown a:hover{
        color: #999999;
    }
    .overlay_dropdown .bottom {
        position: fixed;
        bottom:0;
        width:100%;
    }
    .overlay_dropdown .bottom i{
        display:inline-block;
        padding:0 10px 50px 20px;
        margin:auto;
        font-size: 18px;
    }
}

/* HOME PAGE
====================================================================================== */
/* following css placed inline in index.php in order to preload hero image quicker
.home .hero {
    width:100%;
    height: calc(100vh - 90px);
    background: url(/../assets/images/hero/hero_preload.jpg) no-repeat center center fixed; ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
*/
.home .hero .splash {
    position: absolute;
    top: 10%;
    left: 5%;
    font-family: 'Mulish', sans-serif;
    width: 40%;
  }
.home .hero .splash p{
      font-size:40px;
  }
@media (max-width: 1008px) {
  .home .hero .splash p{
        font-size:34px;
   }
}
@media (max-width: 600px) {
  .home .hero .splash {
      top: 8%;
      width: 50%;
    }
    .home .hero .splash p{
        font-size:28px;
    }
}
@media (max-width: 400px) {
  .home .hero .splash {
      top: 4%;
      width: 60%;
  }
  .home .hero .splash p{
      font-size:24px;
  }
}
.home .article {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: center;
    padding-top: 40px;
}
.home .article .text_left{
    grid-column: 2/7;
    padding: 50px 0 50px 0;
}
.home .article .image_right{
    grid-column: 8/12;
    margin: 0;
}
.home .article .text_right {
    grid-column: 6/11;
}
.home .article .image_left {
    grid-column: 2/5;
}
.home .article .image_left:hover {
    opacity: 0.8;
}
@media (max-width: 1008px) {
  .home .article {
      padding-top: 0px;
  }
  .home .article .image_right {
      display:none;
  }
  .home .article .text_left {
    grid-column: 1/13;
    padding: 0 20px 0 20px;
  }
  .home .article .image_left {
    grid-column: 3/10;
  }
  .home .article .image_right{
      display: none;
  }
  .home .article .text_right {
      grid-column: 1/13;
    padding: 0 20px 0 20px;
  }
}
@media (max-width: 600px) {
  .home .article .image_left {
    grid-column: 2/12;
  }
}

/* Related items list for SERVICES, INSIGHTS and CASE STUDIES
====================================================================================== */

.related_items_bottom {
    grid-column: 1/7;
    grid-row: 6;
    background-color: #f0f0f0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.related_items_title {
    grid-column: 1/5;
    height: 60px;
    padding:20px;
    color: #42afd6;
    font-family: 'Mulish', sans-serif;
    :600;
    font-size: 24px;
}
.related_items {
    padding:20px;
}
.related_items_service {
    padding:30px;
}
.related_items:hover{
    opacity: 0.8;
}
.related_items .related_items_heading {
    padding-top:5px;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
}
@media (max-width: 1008px) {
  .related_items_bottom {
    grid-template-columns: repeat(3, 1fr);
  }
  .related_items_title {
      grid-column: 1/4;
  }
}
@media (max-width: 600px) {
  .related_items_bottom {
    grid-template-columns: repeat(2, 1fr);
  }
  .related_items_title {
      grid-column: 1/3;
  }
}
/* SERVICES
====================================================================================== */
.services {
    padding-top: 30px
}
.services .boxes {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 4px;
    text-align: center;
    align-items: center;
}
.services_intro {
    grid-column: 4/7;
    padding: 40px;
    text-align: left;
}
.service_circles {
    grid-column: 1/4;
		display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(6, 1fr);
    padding: 0 30px 0 30px;
	}
.service_arrow {
    grid-column: 3 / 5;
    grid-row: 7;
    font-size:46px;
}
.service_name {
    grid-column: 3 / 5;
    grid-row: 3 / 5;
   color: #42afd6;
   /* to center vertical */
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.service_name h2{;
   color: #42afd6;
}
.service_heading {
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    font-family: 'Mulish', sans-serif;
    :600;
    letter-spacing: .75px;
    height:50px;
    padding-bottom: 5px;
    /* to center vertical
    display: flex;
    flex-direction: column;
    justify-content: center;*/
}
.service_circle {
    /* for aspect ratio */
    position: relative;
    width: 100%;
    padding-top: 100%;
    height: 0;
}
.service_inner_circle{
      /* to position for aspect ratio */
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      /* to center vertical */
      display: flex;
      flex-direction: column;
      justify-content: center;
      /* styling */
      overflow: hidden;
      padding-left:10px;
      padding-right: 10px;
      border-radius: 50%;
      text-align: center;
      color: #ffffff;
      font-size: 18px;
      font-family: 'Mulish', sans-serif;
      :600;
      letter-spacing: .75px;
      opacity: 0.9;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      }
.service_inner_circle:hover {
    opacity: 0.7;
}
.service_circle_pos1 {
  grid-column: 3 / 5;
  grid-row: 1 / 3;
}
.service_circle_pos2 {
  grid-column: 5 / 7;
  grid-row: 2/ 4;
}
.service_circle_pos3 {
  grid-column: 5 / 7;
  grid-row: 4 / 6;
}
.service_circle_pos4 {
    grid-column: 3 / 5;
    grid-row: 5 / 7;
}
.service_circle_pos5 {
    grid-column: 1 / 3;
    grid-row: 4 / 6;
}
.service_circle_pos6 {
    grid-column: 1 / 3;
    grid-row: 2 / 4;
}
.service_circles {
    grid-column: 1/4;
  	display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(6, 1fr);
    padding: 0 30px 0 30px;
}

@media (max-width: 600px) {
        .service_inner_circle{
            font-size: 16px;
        }
}
@media (max-width: 800px) {

    .service_circles {
        grid-column: 1/7;
        grid-row:1;
    }
    .services_intro {
        grid-column: 1/7;
        grid-row:2;
    }
}

.services .service.active_service{
    display:grid;
}
.services .service {
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 2px;
    margin-top: 34px;
    margin-bottom: 20px;
}
.services .service .service_heading {
    grid-column: 2/6;
}
.services .service .text1_2 {
    grid-column: 1/5;
    border-top: 1px solid rgba(66,175, 214, 0.1);
    border-left: 1px solid rgba(66,175, 214, 0.1);
    padding:10px;
}
.services .service .text3 {
    grid-column: 5/7;
    border: 3px solid rgba(66,175, 214, 0.5);
    padding:10px;
    background-color: rgba(66,175, 214, 0.1);
}
@media (max-width: 860px) {
    .services .service .text1_2,
    .services .service .text3 {
        grid-column: 1/7;
    }
    .services .boxes .box .inner{
        font-size: 22px;
    }
}
@media (max-width: 770px) {
    .services .boxes .box .inner{
        font-size: 18px;
        letter-spacing: .1px;
    }
}
@media (max-width: 600px) {
    .services .boxes .box .inner{
        font-size: 12px;
        letter-spacing: .1px;
    }
}
@media (max-width: 1008px) {
    .services .boxes .box .inner {
        padding: 0;
    }
}

/* Introduction for INSIGHTS and CASE STUDIES
====================================================================================== */
.introduction {
    margin-left:0;
    margin-bottom:20px;
    grid-column: 1/5;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: center;
    border: 1px solid rgba(66,175, 214);
}
.intro_item {
    grid-column: 1/4;
    padding: 10px;
    text-align: center;
}
.intro_image {
    grid-column: 4/7;
    padding-right: 4px;
}
.intro_heading {
    padding-top:5px;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
}
.intro_item h2{
    color: #42afd6;
    text-align: center;
    padding:10px;
}
@media (max-width: 1008px) {
    .intro_item {
        grid-column: 1/5;
    }
    .intro_image {
        grid-column: 5/7;
    }
}
@media (max-width: 600px) {
  .intro_item {
      grid-column: 1/7;
      padding: 10px;
  }
  .intro_featured {
      grid-column: 1/7;
      padding: 40px;
  }
  .intro_image {
      display:none;
  }
}


/* INSIGHTS
====================================================================================== */
.insights {
    padding-top: 30px;
    display: grid;
    grid-gap: 0;
		grid-template-columns: repeat(4, 1fr ) ;
}

.insights_list_side {
    grid-column: 1/2;
    grid-row:1;
    background-color: #f0f0f0;
    display: grid;
    grid-template-columns: 1fr;
    align-self: start;
*/
}
.insights_list_bottom {
    grid-column: 1/5;
    grid-row: 2;
    background-color: #f0f0f0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.insights_list_topic h2{
    color: #42afd6;
    text-align: center;
    padding:10px;
}
.insights_list_item {
    padding:20px;
}
.insights_list_item:hover{
    opacity: 0.8;
}
.insights_list_item .insights_list_heading {
    padding-top:5px;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
}
.insight_main {
    margin-left:20px;
    margin-bottom:20px;
    grid-column: 2/5;
    grid-row:1;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(6, 1fr);
    border: 1px solid rgba(66,175, 214);
}
.insight_main .insights_image {
    grid-column: 4/7;
    padding:0 0 15px 25px;
    align-self: start;
}
.insight_main .heading {
    text-align: center;
    grid-column: 1/4;
    padding:0 30px 0 30px;
}
.insight_main .excerpt {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 600;
    font-size: 19px;
    text-align: center;
    grid-column: 2/6;
    grid-row:2;
}
.insight_main .date {
    grid-column: 4/6;
    grid-row:3;
    text-align: right;
}
.insight_main .byline {
    grid-column: 2/4;
    grid-row:3;
    text-align: left;
}
.insight_main .text {
    grid-column: 1/7;
    padding:20px 50px 20px 50px;
    margin-top: 10px;
}
@media (max-width: 1008px) {
  .insights_list_side {
      grid-column: 1/5;
      grid-row: 2;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
  }
  .insights_list_bottom {
      grid-column: 1/5;
      grid-row: 3;
      grid-template-columns: repeat(3, 1fr);
  }
  .insights_list_topic{
      grid-column: 1/4;
      padding-left: 10px;
      text-align: left;
  }
  .insights_list_topic h2{
      text-align: left;
  }
  .insight_main {
      grid-column: 1/5;
      margin-left:0;
   }
}
@media (max-width: 600px) {
  .insights_list_side {
      grid-template-columns: repeat(2, 1fr);
  }
  .insights_list_bottom {
      grid-template-columns: repeat(2, 1fr);
  }
  .insights_list_topic{
      grid-column: 1/3;
      padding-left: 10px;
      text-align: left;
  }
  .insight_main .text {
      padding:20px 5px 20px 5px;
  }
  .insight_main .heading h1{
      font-size:26px;
      padding: 0 5px 0 5px;
  }
  .insight_main .excerpt {
      grid-column: 1/7;
      text-align: center;
      padding-left: 10px;
      padding-right: 10px;
  }
}
@media (max-width: 400px) {
  .insight_main .heading h1{
      font-size:20px;
      padding: 0 5px 0 5px;
  }
}

/* CASE STUDIES
====================================================================================== */
.casestudies {
    padding-top: 30px;
    display: grid;
    grid-gap: 0;
		grid-template-columns: repeat(4, 1fr ) ;
}

.casestudies_list_side {
    grid-column: 1/2;
    grid-row:1;
    background-color: #f0f0f0;
    display: grid;
    grid-template-columns: 1fr;
    align-self: flex-start;
*/
}
.casestudies_list_bottom {
    grid-column: 1/5;
    grid-row: 2;
    background-color: #f0f0f0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.casestudies_list_topic h2{
    color: #42afd6;
    text-align: center;
    padding:10px;
}
.casestudies_list_item {
    padding:20px;
}
.casestudies_list_item:hover{
    opacity: 0.8;
}
.casestudies_list_item .casestudies_list_heading {
    padding-top:5px;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
}
.casestudies_main {
    margin-left:20px;
    margin-bottom:20px;
    grid-column: 2/5;
    grid-row:1;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(6, 1fr);
    border: 1px solid rgba(66,175, 214);
}
.casestudies_main .casestudies_image {
    grid-column: 4/7;
    padding:0 0 15px 25px;
    align-self: start;
}
.casestudies_main .heading {
    text-align: center;
    grid-column: 1/4;
    padding:0 30px 0 30px;
}
.casestudies_main .excerpt {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 600;
    font-size: 19px;
    text-align: left;
    grid-column: 2/6;
    grid-row:2;
}
.casestudies_main .date {
    grid-column: 4/6;
    grid-row:3;
    text-align: right;
}
.casestudies_main .byline {
    grid-column: 2/4;
    grid-row:3;
    text-align: left;
}
.casestudies_main .text {
    grid-column: 1/7;
    padding:10px 50px 20px 50px;
}
@media (max-width: 1008px) {
  .casestudies_list_side {
      grid-column: 1/5;
      grid-row: 2;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
  }
  .casestudies_list_bottom {
      grid-column: 1/5;
      grid-row: 3;
      grid-template-columns: repeat(3, 1fr);
  }
  .casestudies_list_topic{
      grid-column: 1/4;
  }
  .casestudies_main {
      grid-column: 1/5;
      margin-left:0;
   }
}
@media (max-width: 600px) {
  .casestudies_main .text {
      padding:20px 5px 20px 5px;
  }
  .casestudies_main .heading h1{
      font-size:26px;
      padding: 0 5px 0 5px;
  }
  .casestudies_main .excerpt {
      grid-column: 1/7;
      text-align: center;
      padding-left: 10px;
      padding-right: 10px;
  }
  .casestudies_list_bottom {
      grid-template-columns: repeat(2, 1fr);
  }
  .casestudies_list_side {
      grid-template-columns: 1fr 1fr;
  }
  .casestudies_list_topic{
      grid-column: 1/3;
  }
}
@media (max-width: 400px) {
  .casestudies_main .heading h1{
      font-size:22px;
      padding: 0 5px 0 5px;
  }
}

/* ABOUT US
====================================================================================== */

.aboutus .article {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: center;
    padding-bottom: 30px;
}

.aboutus .article .text_left{
    grid-column: 2/8;
}
.aboutus .article .image_right{
    grid-column: 9/12;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}
.aboutus .article .image_right_image{
    grid-column: 1/7;
    grid-row: 1;
}
.aboutus .article .image_right_contact {
    grid-column: 1/7;
    grid-row: 2;
    font-size: 17px;
    font-family: 'Mulish', sans-serif;
}
.aboutus .article .image_right_contact div{
    padding-bottom: 10px;
    text-align: center;
}
.aboutus .article .image_right img{
    border-radius: 50%;
    padding-top: 10px;
}
.aboutus .article .image_left {
    grid-column: 2/5;
}
.aboutus .article .text_right {
    grid-column: 6/12;
}
.aboutus .image_right_contact {
    grid-row: 2;
    font-size: 18px;
    padding-top: 10px;
}
.aboutus .image_right_contact i{
    font-size: 22px;
    color: #42afd6;
}

@media (max-width: 1008px) {
  .aboutus .article {
      align-items: top;
  }
  .aboutus .article div{
      padding-top: 10px;
  }
  .aboutus .article .text_left {
    grid-column: 1/13;
    padding-right: 10px;
    padding-left: 10px;

  }
  .aboutus .article .image_left {
    grid-column: 3/10;
  }
  .aboutus .article .text_right {
      grid-column: 1/13;
      padding-right:10px;
      padding-left: 10px;
  }
  .aboutus .article .image_right {
    grid-column: 1/13;
  }
  .aboutus .article .image_right_image{
    grid-column: 2/6;
      grid-row: 2;
  }
  .aboutus .article .image_right_contact {
      grid-row: 1;

  }
}

/* CONTACT
====================================================================================== */
.contact .details {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: center;
    padding-top: 30px;
}
.contact .details .image_right {
    grid-column: 8/11;
    padding-top: 30px;
}
.contact .details .text_left {
    grid-column: 2/7;
}
@media (max-width: 800px) {
  .contact .details .image_right {
      display: none;
  }
  .contact .details .text_left {
      grid-row:2;
      grid-column: 2/11;
      padding-left: 10px;
      text-align: center;
  }
}
/* INFO PAGES
====================================================================================== */

.terms .details,
.privacy .details,
.cookies .details {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}
.terms .details .text_left,
.privacy .details .text_left,
.cookies .details .text_left{
    grid-column: 2/11;
    padding: 50px 0 50px 0;
    font-size:14px;
}

/* FOOTER
====================================================================================== */
footer {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    height:210px;
    width: 100%;;
    background-color: #777777;
    background-image: linear-gradient(#ffffff, #999999);
    font-size: 14px;
    font-family: 'Mulish', sans-serif;
    justify-items: center;
    align-items: center;
}
footer .footer_contact {
    grid-column: 1/4;
    font-size: 18px;
    padding-top: 30px;
    align-items: center;
}
footer .footer_contact div{
    height: 42px;
    text-align: : center;
}
footer .footer_address {
    grid-column: 4/7;
    padding-top:10px;
}
footer .footer_address p{
    margin:0;
    font-size: 16px;
}
footer .footer_links {
    grid-column: 1/7;
    padding-bottom: 6px;
    font-size: 16px;
}
footer .footer_links a{
    padding: 0 40px 0 40px;
}
footer i{
    font-size: 24px;
}

@media (max-width: 1008px) {
    .header_margin {
        margin-top:90px;
        min-height: calc(100vh - 90px - 420px);
    }
    footer {
        height:420px;
    }
    footer .footer_contact,
    footer .footer_address {
        grid-column: 1/7;
        padding-left: 10px;
    }
    footer .footer_contact div{
        text-align: center;
    }
    footer .footer_contact div{
        margin: auto;
    }
    footer .footer_links a{
        padding: 0 20px 0 20px;
    }
}

/* Branding Styles
====================================================================================== */
.corporate_color {
    color: #42afd6;
}
.corporate_color_bg {
    color: #42afd6;
    color: rgba(66,175, 214, 0.5);
}
.bg_color1 {
    background-color: #4d92b4;
}
.bg_color2 {
    background-color: #b89d83;
}
.bg_color3 {
    background-color: #788d41;
}
.bg_color4 {
    background-color: #b4b77b;
}
.bg_color5 {
    background-color: #bbb3ac;
}
.bg_color6 {
    background-color: #9a3d37;
}
.text_color1 {
    color: #4d92b4;
}
.text_color2 {
    color: #b89d83;
}
.text_color3 {
    color: #788d41;
}
.text_color4 {
    color: #b4b77b;
}
.text_color5 {
    color: #bbb3ac;
}
.text_color6 {
    color: #9a3d37;
}

/* Utilities
====================================================================================== */

.right {
    float: right;
}
.round {
    border-radius: 50%;
    margin:10%;
}