@charset "utf-8";
/* CSS Document */

.ios_arrow_down {
  display: none;
}

#services_lnd_page.mobile_tablet #feat_posts {
  background-image: none;
}

@supports (-webkit-touch-callout: none) {
  .ios_arrow_down {
    display: block;
    background-color: #fff;
    width: 52px;
    text-align: center;
    margin: 0 auto !important;
    border-radius: 50%;
    height: 52px;
    padding: 12px;
  }
  .ios_arrow_down img {
    width: 29px;
    height: 29px;
    margin-top: 10px;
  }

  .arrow_down .ico {
    display: none !important;
  }
}

.show_mobile {
  display: none !important;
}

.svg_animated {
  position: relative;
  z-index: 1111;
  background-color: #021c51;
  box-shadow: 1px 4px 20px -2px #000;
}

#blog_nav_popup {
  display: none;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.aligncenter {
    margin: auto auto 1.5rem auto;
}

.container {
    position: relative;
    width: 95%;
    max-width: 1652px;
    margin: auto; 
}

body {
    overflow-x: hidden
}

section {
    position: relative;
}
/*  

       ⋮⋮⫸  HEADER

*/
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.625rem 0;
    z-index: 99;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; 
    width: 98%;
    max-width: 1806px;
}

#header_logo {
    display: block;
    z-index: 9;
}

#header_logo img {
    margin-bottom: 0;
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
            transition: none;
}

#header_logo img:hover {
    opacity: 0.8;
}

#site-menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; 
}

#site-menu li {
    position: relative;
    margin-left: 3.375rem;
}

#site-menu a {
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 0;
    font-size: 1em;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    z-index: 9;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#site-menu a:hover,
#site-menu a:active {
    color: rgba(255, 255, 255, 0.8)
}

#site-menu .sf-menu ul 
{
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: 196px;
    background-color: #021c51;
    padding-top: 12px;
    padding-bottom: 12px;
    z-index: 99;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);
}

#site-menu .sf-menu li:hover > ul,
#site-menu .sf-menu li.sfHover > ul 
{
    display: block;
}

#site-menu .sf-menu ul li
{
    display: block;
    margin-left: 0;
}

#site-menu .sf-menu ul li a 
{
    display: block;
    width: 100%;
    padding: 12px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.slicknav_menu
{
    display: none;
}

/* Shrink  */
.shrink #header {
    background-color: #00bff3;
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05);
            box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05);
}

.shrink #header_logo img {
    width: 144px;
}

.shrink #site-menu a {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 13px;
}
/* end Shrink */
/*  

       ⋮⋮⫸  end HEADER

*/
.bgImg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.defaultBtn,
a.defaultBtn,
button.defaultBtn {
    position: relative;
    display: inline-block;
    padding: 1.345rem 2.813rem;
    background-color: transparent;
    border: 1px solid #fff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
}

.defaultBtn span,
a.defaultBtn span,
button.defaultBtn span {
    position: relative;
    z-index: 2
}

/*.defaultBtn:before,
a.defaultBtn:before,
button.defaultBtn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #002c4c;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

a.defaultBtn:hover:before,
a.defaultBtn:active:before,
button.defaultBtn:hover:before {
    opacity: 1;
    width: 100%;
}*/

a.defaultBtn:hover,
a.defaultBtn:active,
button.defaultBtn:hover {
    color: #30C1F7;
    /*border-radius: 2.25rem;*/
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
            box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
         -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
}       
/*  

       ⋮⋮⫸  HOMEPAGE

*/
#home_topBanner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-height: 600px;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

#home_topBanner:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(64,193,244,1)), to(rgba(63,194,247,0)));
    background: -o-linear-gradient(bottom, rgba(64,193,244,1) 0%, rgba(64,193,244,0) 100%);
    background: linear-gradient(0deg, rgba(64,193,244,1) 0%, rgba(64,193,244,0) 100%);
    content: '';
    z-index: 9;
}

#home_topBanner .overlay1 {
    position: static;
    min-height: 100vh;
    height: auto;
}

#home_topBanner .container {
    position: static !important;
    transform: none !important;
    padding-top: 70px;
}

#home_topBanner .container,
#home_topBanner .text-slider {
    height: auto !important;
}

#home_topBanner video {
    width: 120%;
    min-height: 600px;
    object-fit: cover;
}

#home_topBanner h2 {
    padding-bottom: 1.5rem;
    font-weight: 800;
    font-size: 1em;
    line-height: 1.125em;
}

#home_topBanner h1 {
    position: static !important;
    padding-bottom: 1rem;
    font-weight: 900;
    font-size: 5em;
    line-height: 1.125em;
}

#home_topBanner .rrtime h1 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

#home_topBanner .rrtime h1 a {
    color: #021c51;
}

#home_topBanner ul.links {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    list-style-type: none;
    padding-bottom: 1.125rem;
    font-weight: 900;
    font-size: 1.938em;
    line-height: 1.125em;
}

#home_topBanner ul.links li {
    padding: 0 3px;
    margin-left: 0;
}

#home_topBanner ul.links li a {
    display: block;
    padding: 6px 1.5rem;
    color: rgba(255, 255, 255, 0.5);
}

#home_topBanner ul.links li a:hover,
#home_topBanner ul.links li a:active {
    color: rgba(255, 255, 255, 1);
}

#home_topBanner a.defaultBtn {
    margin-top: 1.5rem;
}

#home_topBanner a.more .arrow_down {
    position: relative;
}

#home_topBanner a.more .label {
    text-align: center;
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    padding-bottom: 18px;
}

#home_topBanner a.more {
    display: inline-block;
    margin-top: 48px;
    text-align: center;
}

#home_topBanner a.more .ico {
    position: static;
    display: inline-block;
    transform: none;
}
/*
#home_services:before {
    position: absolute;
    left: 0;
    right: 0;
    top: -144px;
    height: 144px;
    background: -moz-linear-gradient(top,  rgba(0,191,243,0) 0%, rgba(0,191,243,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,191,243,0) 0%,rgba(0,191,243,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,191,243,0) 0%,rgba(0,191,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000bff3', endColorstr='#00bff3',GradientType=0 );
    content: ''
}*/

#home_services {
    position: relative;
    overflow: hidden;
}

#home_services .container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: #fff;
}

#home_services div.col {
    width: 50%;
    padding-left: 11.5%;
    padding-top: 9%;
}

#home_services .col {
    width: 41%;
}

#home_services .logo_animation {
    position: absolute;
    left: -30%;
    top: 9%;
    width: 1070px;
    height: auto;
    opacity: 0.14;
    z-index: -1;
}

#home_services h1 {
    padding-bottom: 1.875rem;
    font-size: 1.25em;
    font-weight: 500;
    text-transform: uppercase;
}

#home_services h1.rafmobile {
  visibility: hidden;
}

#home_services .item:nth-of-type(2n+1) {
    padding-left: 9%;
}

#home_services .item h2 {
    display: inline-block;
    padding-bottom: 12px;
    font-size: 5em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#home_services .item h2:hover { 
    color: #80dff9;
}

#home_services .item .wrapper {
    max-width: 488px;
    margin-bottom: 1.875rem;
    padding-left: 20px;
}

#home_text {
    z-index: 2;
}

#home_text .container {
    max-width: 1050px;
    padding-top: 2.25rem;
    padding-bottom: 0;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}

#home_text h1 {
    font-size: 3.438em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
}

.bubble_animation {
    position: relative;
}

.bubble_animation span {
    position: relative;
    z-index: 2;
}

.individual-bubble {
    position: absolute;
    border-radius: 100%;
    bottom: 1rem;
    background-color: #fff;
    z-index: 1;
}

##testimonials .t_bubble {
    margin-top: -2%;
    z-index: 1
}

#testimonials .container {
    max-width: 1778px;
    padding-top: 4.125rem;
    padding-bottom: 6.75rem;
}

@-webkit-keyframes animBubble-1 {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
  50% {
      -webkit-transform: translateY(36px);
              transform: translateY(36px)
  }
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
}

@keyframes animBubble-1 {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
  50% {
      -webkit-transform: translateY(36px);
              transform: translateY(36px)
  }
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
}

@-webkit-keyframes animBubble-2 {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
  50% {
      -webkit-transform: translateY(-12px);
              transform: translateY(-12px)
  }
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
}

@keyframes animBubble-2 {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
  50% {
      -webkit-transform: translateY(-12px);
              transform: translateY(-12px)
  }
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
}

@-webkit-keyframes animBubble-3 {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
  50% {
      -webkit-transform: translateY(24px);
              transform: translateY(24px)
  }
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
}

@keyframes animBubble-3 {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
  50% {
      -webkit-transform: translateY(24px);
              transform: translateY(24px)
  }
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
}

@-webkit-keyframes animBubble-4 {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
  50% {
      -webkit-transform: translateY(9px);
              transform: translateY(9px)
  }
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
}

@keyframes animBubble-4 {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
  50% {
      -webkit-transform: translateY(9px);
              transform: translateY(9px)
  }
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
}

@keyframes animBubble-5 {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
  50% {
      -webkit-transform: translateY(6px);
              transform: translateY(6px)
  }
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
}

@keyframes animBubble-6 {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
  50% {
      -webkit-transform: translateY(-6px);
              transform: translateY(-6px)
  }
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
}

@keyframes animBubble-7 {
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
  50% {
      -webkit-transform: translateY(5px);
              transform: translateY(5px)
  }
  0% {
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
}

#testimonials .t_bubble {
    position: relative;
    border-radius: 50%;
    background: rgb(1,134,186);
    background: -moz-linear-gradient(-45deg,  rgba(1,134,186,1) 0%, rgba(0,190,242,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(1,134,186,1) 0%,rgba(0,190,242,1) 100%);
    background: linear-gradient(135deg,  rgba(1,134,186,1) 0%,rgba(0,190,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0186ba', endColorstr='#00bef2',GradientType=1 );
}

#testimonials .t_bubble.one {
    width: 150px;
    height: 150px;
    margin-top: 3%;
    background: rgb(2,96,148);
    background: -moz-linear-gradient(-40deg,  rgba(2,96,148,1) 0%, rgba(92,210,244,1) 100%);
    background: -webkit-linear-gradient(-40deg,  rgba(2,96,148,1) 0%,rgba(92,210,244,1) 100%);
    background: linear-gradient(130deg,  rgba(2,96,148,1) 0%,rgba(92,210,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026094', endColorstr='#5cd2f4',GradientType=1 );
    -webkit-animation: animBubble-1 both 6s infinite ease;
            animation: animBubble-1 both 6s infinite ease;
}

#testimonials .t_bubble.two {
    width: 56px;
    height: 56px;
    margin-top: -5%;
    -webkit-animation: animBubble-2 both 3s infinite ease;
            animation: animBubble-2 both 3s infinite ease;
}

#testimonials .t_bubble.three {
    position: relative;
    left: 5%;
    width: 92px;
    height: 92px;
    margin-top: 20%;
    -webkit-animation: animBubble-3 both 5s infinite ease;
            animation: animBubble-3 both 5s infinite ease;
}

#testimonials .t_bubble.four {
    width: 135px;
    height: 135px;
    margin-top: 10%;
    -webkit-animation: animBubble-4 both 3.5s infinite ease;
            animation: animBubble-4 both 3.5s infinite ease;
}

#testimonials .t_bubble.two,
#testimonials .t_bubble.four {
    -webkit-filter: blur(2.8px);
            filter: blur(2.8px)
}

#testimonials .slider {
    position: relative;
    max-width: 1440px;
    margin: auto;
    z-index: 2;
}

#testimonials .slider .slick-slide blockquote {
    opacity: 0.6
}

#testimonials .slider .slick-slide.slick-current blockquote {
    opacity: 1
}

#testimonials .slider blockquote {
    max-width: 396px;
    margin: auto;
    padding: 60px 12px 0 12px;
    background: url(../images/icon-testimonials-quote.svg) no-repeat top center / 48px auto;
    font-size: 0.9em;
    text-align: center;
    font-weight: 600;
}

#testimonials .slider .slick-center blockquote {
    font-size: 1.125em;
}

#testimonials .slider blockquote .name:before,
#testimonials .slider blockquote .name:after {
    content: '-'
}

#testimonials .slider blockquote .name:before {
    padding-right: 9px;
}

#testimonials .slider blockquote .name:after {
    padding-left: 9px;
}

#testimonials .slider .slick-dots {
    list-style-type: none;
    padding-top: 60px;
    text-align: center;
}

#testimonials .slider .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    margin-right: 6px;
}

#testimonials .slider .slick-dots button {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-indent: -9999em;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

#testimonials .slider .slick-dots button:hover {
    background-color: #fff;
}

#testimonials .slider .slick-dots .slick-active button {
    background-color: #fff;
}

#testimonials .t_bubble {
    position: absolute;
    z-index: 1;
}

#testimonials .t_bubble.one {
    top: -84px;
    left: 10%;
    margin-top: 0;
    width: 72px;
    height: 72px;
    -webkit-filter: blur(1.8px);
    filter: blur(1.8px);
}

#testimonials .t_bubble.two {
    bottom: 248px;
    left: 3%;
    margin-top: 0;
    width: 135px;
    height: 135px;
    -webkit-filter: blur(1px);
            filter: blur(1px)
}

#testimonials .t_bubble.three {
    bottom: 248px;
    left: 64%;
    margin-top: 0;
    width: 72px;
    height: 72px;
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

#testimonials .t_bubble.four {
    bottom: 308px;
    right: 4%;
    margin-top: 0;
    width: 135px;
    height: 135px;
    -webkit-filter: blur(2.8px);
            filter: blur(2.8px)
}

#testimonials .bubble_wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 276px;
    text-align: center;
    font-size: 0.938em;
}

#testimonials .bubble_wrapper.one {
    margin-top: 1%;
    /*-webkit-animation: animBubble-5 both 3.5s infinite ease;
            animation: animBubble-5 both 3.5s infinite ease;*/
}

#testimonials .bubble_wrapper.two {
    width: 426px;
    /*-webkit-animation: animBubble-7 both 4s infinite ease;
            animation: animBubble-7 both 4s infinite ease;*/
}

#testimonials .bubble_wrapper.three {
   /* -webkit-animation: animBubble-6 both 3.5s infinite ease;
            animation: animBubble-6 both 3.5s infinite ease;*/
}

#testimonials .bubble_wrapper blockquote {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 207px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2
}

#testimonials .bubble_wrapper.two blockquote {
    width: 308px;
    font-size: 1.2em;
}

#testimonials .bubble_wrapper blockquote p {
    padding-bottom: 0.875rem
}

#testimonials .bubble_wrapper.two blockquote p {
    padding-bottom: 1.25rem
}

#testimonials .bubble_wrapper blockquote footer {
    font-size: 1.2em;
    font-weight: 700;
}

#testimonials .bubble_wrapper.two blockquote footer {
    font-size: 1.111em;
}

#testimonials .bubble_wrapper svg {
    display: block;
    width: 100%;
    z-index: 1
} 

#animated_map {
    width: 100%;
    overflow: hidden
}

#animated_map .container {
    max-width: 1442px
}

#animated_map .map {
    position: relative;
    width: 1441px;
    margin: auto;
    padding-bottom: 96px;
}

.map .bubble:before {
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
    content: ''
}

.map .bubble {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    width: 122px;
    height: 82px;
    background-color: #fff;
    border-radius: 9px;
}

.map .bubble img {
    margin-bottom: 0;
}

#animated_map h1 {
    padding-bottom: 0.75rem;
    font-size: 3.125em;
    line-height: 1.125em;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
}

#animated_map h2 {
    padding-bottom: 0;
    font-size: 3.438em;
    line-height: 1.125em;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
}

#animated_map .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#animated_map .col {
    width: 60%;
    margin-bottom: 3rem;
}

#animated_map .col.countries_list .fade {
    position: absolute;
    width: 100%;
    height: 100px;
    top: 0;
    background: -moz-linear-gradient(top,  rgba(63,194,247,1) 0%, rgba(63,194,247,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(63,194,247,1) 0%,rgba(63,194,247,0) 100%);
    background: linear-gradient(to bottom,  rgba(63,194,247,1) 0%,rgba(63,194,247,0) 100%);
    z-index: 1;
}

#animated_map .col.countries_list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center; 
    -webkit-justify-content: center; 
        -ms-flex-pack: center; 
            justify-content: center;
    width: 40%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -webkit-transform: perspective(300px) rotateX(25deg);
        -ms-transform: perspective(300px) rotateX(25deg);
            transform: perspective(300px) rotateX(25deg);
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 3rem;
}

#animated_map .col.countries_list .item {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 3.15em;
    line-height: 1.125em;
    font-weight: 900;
    color: rgba(255, 255, 255, 1);
}

.crawl {
    position: absolute;
    transform-origin: 50% 100%;
}

@keyframes crawl {
  0% {
    top: 100%;
    -webkit-transform: rotateX(20deg)  translateZ(0); 
        -ms-transform: rotateX(20deg)  translateZ(0); 
            transform: rotateX(20deg)  translateZ(0); 
  }
  100% { 
    top: -1028px;
    -webkit-transform: rotateX(20deg) translateZ(-100px);
        -ms-transform: rotateX(20deg) translateZ(-100px);
            transform: rotateX(20deg) translateZ(-100px);
  }
}

#animated_map .logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 90%;
    max-width: 1184px;
    margin: auto;
    padding-top: 120px;
    padding-bottom: 108px;
}

#animated_map .logos .logo_col {
    width: 20%;
    padding: 12px 3%;
}

#animated_map .logos .item {
    position: relative;
    width: 100%;
    height: 160px;
    overflow: hidden;
}

#animated_map .logos .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
}

#animated_map .logos .logo.hidden_img {
    opacity: 0;
}

#animated_map .logos .logo.visible_img {
    opacity: 1;
}

#testimonials_boxes .container {
    max-width: 1396px;
    padding-bottom: 4.5rem;
}

#testimonials_boxes .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    color: #fff;
}

#testimonials_boxes .col_1_3 {
    width: 32.66%;
    margin-bottom: 1%;
    background-color: #021c51;
    border-radius: 24px;
    overflow: hidden
}

#testimonials_boxes .col_2_3 {
    width: 66.33%;
    margin-bottom: 1%;
    background-color: #021c51;
    border-radius: 30px;
    overflow: hidden
}

#testimonials_boxes blockquote {
    padding: 18px 24px 0 24px;
}

#testimonials_boxes blockquote .top_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px;
}

#testimonials_boxes blockquote .top_row figure {
    padding-right: 1.25rem;
}

#testimonials_boxes blockquote .top_row figure img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 0;
}

#testimonials_boxes blockquote h3 {
    padding-bottom: 0;
    font-size: 1.25em;
    line-height: 1.25em;
}

#testimonials_boxes blockquote h4 {
    padding-bottom: 0;
    font-size: 0.938em;
    line-height: 1.25em;
}

#testimonials_boxes blockquote p {
    padding-bottom: 18px;
}

#testimonials_boxes .col_2_3 p {
    font-size: 1.5em;
    font-size: 1.333em;
}

#testimonials_boxes blockquote a:link {
    color: #00bff3;
}

#testimonials_boxes blockquote a:hover,
#testimonials_boxes blockquote a:active {
    color: #fff;
}

.animated_waves {
    display: block;
    margin: 0;
    padding: 0;
}

.animated_waves {
    width: 100%;
}

#feat_posts {
    margin-top: -2px;
    padding-bottom: 7.5rem;
    background-color: #021c51;
}

#feat_posts.mobile {
    display: none
}

#feat_posts .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1392px;
}

#feat_posts article {
    width: 20%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

#feat_posts article a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100vh;
    max-height: 606px;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
}

#feat_posts article:nth-last-of-type(2n+2) {
    padding-top: 3.5%;
}

#feat_posts article .wrapper:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(2, 28, 81, 0.3);
    mix-blend-mode: hard-light;
    -webkit-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    content: ''
}

#feat_posts article .wrapper {
    position: relative;
    width: 100%;
    padding: 1.5rem;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

#feat_posts article .wrapper .logo {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#feat_posts article .wrapper .content {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    padding: 1.5rem;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
     -webkit-animation: 0.9s ease 0s normal forwards 1 fadeindelay;
    animation: 0.9s ease 0s normal forwards 1 fadeindelay;
}

#feat_posts article:hover .wrapper .content {
    display: block;
}

#feat_posts article:hover .wrapper .logo {
    display: none;
}

#feat_posts article h1 {
    position: relative;
    width: 100%;
    z-index: 2;
}

#feat_posts article h1 img {
    margin-bottom: 12px;
}

#feat_posts article h1 span {
    visibility: hidden;
    display: none;
}

#feat_posts article .text {
    position: relative;
    width: 100%;
    max-width: 320px;
    font-size: 1.125em;
    z-index: 2;
}

#feat_posts article .text .more {
    display: inline-block;
    padding-top: 12px;
    font-size: 0.889em;
    letter-spacing: 0.1em;
    font-weight: 700;
}

#feat_posts article:hover .wrapper:before {
    mix-blend-mode: multiply;
    background-color: rgba(2, 28, 81, 0.8);
}

#feat_posts article:hover {
    width: 30%;
    z-index: 9
}

#feat_posts article:hover .wrapper {
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
}

#awards_section {
    background-color: #021c51;
    padding-bottom: 10rem;
}

#awards_section h1 {
    padding-bottom: 4.5rem;
    color: #fff;
    text-align: center;
    font-size: 2.188em;
    font-weight: 900;
}

#awards_section h1 br {
    display: none;
}

#awards_section .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#awards_section .cols .col {
    position: relative;
    width: 18%;
}

#awards_section .cols .col img {
    margin-bottom: 0;
}

#awards_section .cols img.separator {
    display: block;
    width: 18px;
    height: auto;
    margin-bottom: 0;
}

#post_entries {
    background-color: #021c51;
    padding-bottom: 13.5rem
}

#post_entries .container:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #4e6186;
    content: ''
}

#post_entries .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 1732px;
}

#post_entries .col {
    width: 25%;
    z-index: 1;
}

#post_entries .col.logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 1.5rem;
    z-index: 2;
}

#post_entries .col.logo img {
    margin-bottom: 0;
}

.post_entry {
    position: relative;
    height: 404px;
}

.post_entry figure img {
    display: none;
}

.post_entry .wrapper {
    position: absolute;
    left: 2.25rem;
    right: 2.25rem;
    bottom: 0.75rem;
}

.post_entry .wave {
    width: 77px;
    margin-bottom: 0.75rem;
}

.post_entry h1 {
    padding-bottom: 0.75rem;
    font-size: 2.188em;
    line-height: 1.125em;
    font-weight: 800;
}

.post_entry a {
    color: #fff;
    -webkit-transition: background-color 0.5s ease;
         -o-transition: background-color 0.5s ease;
            transition: background-color 0.5s ease;
}

.post_entry .overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.95);
    color: #1a1a1a;
    display: none;
}

.post_entry .inner_wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 1.5rem 2.25rem;
}

.post_entry .overlay h2 {
    padding-bottom: 1.125rem;
    font-size: 2.375em;
    line-height: 1.125em;
    font-weight: 800;
    color: #021439;
}

.post_entry p.meta {
    font-size: 0.938em;
    letter-spacing: 0.04em;
}

.post_entry p.meta .category {
    color: #02cef9;
    font-weight: 700;
    text-transform: uppercase;
}

#post_entries .plus-icon:before,
#post_entries .plus-icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    content: ''
}

#post_entries .plus-icon:before {
    width: 13px;
    height: 1px;
}

#post_entries .plus-icon:after {
    width: 1px;
    height: 13px;
}

#post_entries .plus-icon {
    position: absolute;
    width: 13px;
    height: 13px;
}

#post_entries .plus-icon.top_right {
    top: -6px;
    right: -5px;
}

#post_entries .plus-icon.bottom_left {
    bottom: -5px;
    left: -5px;
}
/*  

       ⋮⋮⫸  end HOMEPAGE

*/
/*  

       ⋮⋮⫸  PORTFOLIO page

*/
#portfolio_page .topBanner {
    padding-top: 13rem;
    padding-bottom: 5.125rem;
    text-align: center;
}

#portfolio_page .topBanner h1 {
    padding-bottom: 0;
    font-size: 3.875em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
}

#portfolio_page .topBanner h2 {
    max-width: 890px;
    padding-bottom: 0;
    padding-top: 9px;
    margin: auto;
  font-size: 1.125em;
    line-height: 1.125em;
    font-weight: normal;
    text-transform: uppercase;
}

.portfolio_section .container {
    max-width: 1510px;
}

#portf_nav .mb_btn {
    display: none;
}

.portfolio_filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style-type: none;
    max-width: 1202px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0.75rem;
    text-align: center;
    font-size: 1.125em;
    font-weight: 800;
}

.portfolio_filters li {
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 1.875rem;
    margin-left: 0;
}

.portfolio_filters a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 22px;
    height: 2px;
    background-color: transparent;
    content: '';
    -webkit-transition: background-color 0.5s ease;
         -o-transition: background-color 0.5s ease;
            transition: background-color 0.5s ease;
}

.portfolio_filters a {
    position: relative;
    display: block;
    padding-bottom: 1.875rem;
    padding-top: 12px;
    color: #fff;
}

.portfolio_filters .current a:before,
.portfolio_filters a:hover:before {
    background-color: #fff;
}

#filter_nav_popup {
    display: none
}

.portfolio_entries {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    list-style-type: none;
    padding-bottom: 5rem;
    text-align: center;
    max-width: 1202px;
    margin: auto;
}

.portfolio_entries .col {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}

.portfolio_entries article.col {
    width: 33.333%;
}

.portfolio_entries .col.desc {
    width: 33.333%;
}

.portfolio_entries article a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 107.61%;
    -webkit-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    z-index: 2;
    overflow: hidden;
}

.portfolio_entries article.col:nth-of-type(2n+1) a {
    box-shadow: -5px 5px 4rem rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.portfolio_entries article figure {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: all 1s ease;
         -o-transition: all 1s ease;
            transition: all 1s ease;
}

.portfolio_entries article figure img {
    display: none;
}

.portfolio_entries article .logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: transparent;
    padding: 1.5rem;
    -webkit-transition: background-color 0.5s ease;
         -o-transition: background-color 0.5s ease;
            transition: background-color 0.5s ease;
}

.portfolio_entries article .logo img {
    max-width: 60%;
}

.portfolio_entries article a:hover,
.portfolio_entries article a:active {
    box-shadow: none !important
}

.portfolio_entries article a:hover .logo,
.portfolio_entries article a:active .logo {
    background-color: rgba(2, 28, 81, 0.5);
}

.portfolio_entries article a:hover figure {
    -webkit-transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
        -ms-transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
            transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
    -webkit-transform-origin: 45% 48%;
        -ms-transform-origin: 45% 48%;
            transform-origin: 45% 48%;
}

.portfolio_entries .col.desc:before,
.portfolio_entries .col.desc:after,
.portfolio_entries .col.desc .wrapper:before,
.portfolio_entries .col.desc .wrapper:after {
    position: absolute;
    background-color: #fff;
    content: '';
}

.portfolio_entries .col.desc:before,
.portfolio_entries .col.desc .wrapper:before {
    width: 24px;
    height: 3px;
}

.portfolio_entries .col.desc:after,
.portfolio_entries .col.desc .wrapper:after {
    height: 24px;
    width: 3px;
}

.portfolio_entries .col.desc:before,
.portfolio_entries .col.desc:after {
    top: 0;
    left: 15px;
}

.portfolio_entries .col.desc .wrapper:before,
.portfolio_entries .col.desc .wrapper:after {
    bottom: 0;
    right: 15px;
}

.portfolio_entries .col.desc,
.portfolio_entries .col.desc .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.portfolio_entries .col.desc {
    position: relative;
    font-size: 1.125em;
    font-weight: 700;
    text-align: center;
}

.portfolio_entries .col.wrapper {
    padding: 1.875rem;
}

.portfolio_entries .col.desc .wrapper figure {
    width: 100%;
}

.portfolio_entries .col.desc .wrapper figure img {
    margin-bottom: 2.25rem;
}

.portfolio_entries .col.desc p {
    max-width: 308px;
    padding-bottom: 0;
}

.portfolio_entries .col.desc h1 {
    font-size: 1.25em;
}

.portfolio_entries .col.desc h1 .large {
    display: block;
    font-size: 120px;
    line-height: 1.25em;
    font-weight: 800;
}

#portfolio_page #awards_section {
    padding-bottom: 9rem;
}

.portfolio_section .more_post {
    display: none;
}

#contact_section {
    padding-bottom: 196px;
    background-color: #021c51;
}

#contact_section .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 1200px;
}

#contact_section a.circled_btn,
#shopf_p_cta a.circled_btn {
    position: relative;
    display: inline-block;
}

#contact_section a.circled_btn svg,
#shopf_p_cta a.circled_btn svg {
    display: block;
    width: 180px;
}

@keyframes outer_circle { 0% { d: path('M85.5,0C85.5,48.3249,50.8249,88.5,2.5,88.5C-23.1122,88.5,-44.4982,76.0385,-60.5,58.5C-74.6902,42.947,-84.5,22.7127,-84.5,0C-84.5,-48.3249,-48.3249,-86.5,0,-86.5C26.1438,-86.5,47.4664,-70.6774,63.5,-52.5C77.1034,-37.0778,85.5,-22.1811,85.5,0Z'); } 100% { d: path('M87.5,0C87.5,48.3249,48.3249,87.5,0,87.5C-25.6122,87.5,-48.6542,76.4957,-64.656,58.9572C-78.8462,43.4042,-87.5,22.7127,-87.5,0C-87.5,-48.3249,-48.3249,-87.5,0,-87.5C26.1438,-87.5,49.6096,-76.0342,65.6432,-57.8568C79.2466,-42.4346,87.5,-22.1811,87.5,0Z'); } }

@keyframes inner_circle { 0% { d: path('M71,0C71,40.0406,43.0406,73,3,73C-19.4227,73,-39.7012,60.9895,-53,45C-63.4491,32.4368,-71,17.6179,-71,0C-71,-22.3427,-61.891,-43.7007,-46,-57C-33.4125,-67.5345,-15.6979,-73,2,-73C23.702,-73,38.7132,-61.1097,52,-46C63.2275,-33.232,71,-18.3386,71,0Z'); } 100% { d: path('M72.5,0C72.5,40.0406,40.0406,72.5,0,72.5C-22.4227,72.5,-42.468,62.3207,-55.7668,46.3312C-66.2159,33.768,-72.5,17.6179,-72.5,0C-72.5,-22.3427,-62.3933,-42.3248,-46.5023,-55.6241C-33.9148,-66.1586,-17.6979,-72.5,0,-72.5C21.702,-72.5,41.1769,-62.9646,54.4637,-47.8549C65.6912,-35.0869,72.5,-18.3386,72.5,0Z'); } }

#contact_section a.circled_btn:hover path:first-child,
#shopf_p_cta a.circled_btn:hover path:first-child {
    -webkit-transform: translate(-251,-163) translate(341,252);
        -ms-transform: translate(-251,-163) translate(341,252);
            transform: translate(-251,-163) translate(341,252);
    -webkit-animation: 0.5s ease both outer_circle; 
            animation: 0.5s ease both outer_circle;
}

#contact_section a.circled_btn:hover path:last-child, 
#shopf_p_cta a.circled_btn:hover path:last-child {
    -webkit-transform: translate(-251,-163) translate(341,252);
        -ms-transform: translate(-251,-163) translate(341,252);
            transform: translate(-251,-163) translate(341,252);
    -webkit-animation: 0.5s ease both inner_circle; 
            animation: 0.5s ease both inner_circle;
}

#contact_section a.circled_btn .text,
#shopf_p_cta a.circled_btn .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 1.625em;
    font-weight: 900;
    color: #02c9ff;
    text-transform: uppercase;
    -webkit-transition: color 0.5s ease;
         -o-transition: color 0.5s ease;
            transition: color 0.5s ease;
}

#contact_section a.circled_btn:hover .text,
#contact_section a.circled_btn:active .text,
#shopf_p_cta a.circled_btn:hover .text,
#shopf_p_cta a.circled_btn:active .text {
    color: #021c51;
}

#contact_section .col:first-child {
    width: 70%;
}

#contact_section h1 {
    padding-bottom: 0;
    font-size: 3.75em;
    line-height: 1.125em;
    font-weight: 900;
}

.portfolio_section .text_boxes {
    display: none;
    visibility: hidden;
}
/*  

       ⋮⋮⫸  end PORTFOLIO page

*/
/*  

       ⋮⋮⫸  ABOUT page

*/
#about_page {
    overflow-x: hidden;
}

#about_page .topBanner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    position: relative;
    height: 100vh;
    padding-top: 9.25rem;
    padding-bottom: 8rem;
    text-align: center;
    overflow: hidden;
    z-index: 2;
}

#about_page #w_first {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55.5vw;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#about_page .topBanner h1 {
    padding-bottom: 2.25rem;
    font-size: 3.875em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
}

#about_page .topBanner h1 .small {
    display: block;
    font-size: 0.667em;
    line-height: 1.125em;
}

#about_page .topBanner h2 {
    padding-bottom: 0;
    font-size: 1.125em;
    line-height: 1.125em;
    font-weight: 800;
    text-transform: uppercase;
}

#about_page .topBanner .arrow_down {
    padding-top: 36px;
}

#about_page .topBanner .ico {
    position: static !important;
    transform: none !important;
}

#about_intro {
    position: relative;
    min-height: 100vh;
    background-image: url(../images/about_bg.jpg);
    background-position: top center;
    margin-top: -15rem;
    padding-bottom: 12rem;
    padding-top: 12rem;
    z-index: 1;
}

#about_intro .tranparent_waves_animation {
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    display: block
}

#about_intro .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    max-width: 1160px;
}

#about_intro div.col {
    width: 40%;
}

#about_intro figure.col {
    position: relative;
    right: -2%;
    width: 53.5%;
}

#about_intro h2 {
    padding-bottom: 1.875rem;
    font-size: 4.063em;
    line-height: 1.125em;
    text-transform: uppercase;
    font-weight: 900
}

#about_intro p {
    max-width: 426px;
}

#about_blueBg {
    position: relative;
    padding-top: 6rem;
    background-color: #021c51;
    z-index: 2
}

#about_blueBg .container {
    max-width: 1334px;
}

#about_blueBg .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 3rem;
}

#about_blueBg .row.alt {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

#about_blueBg .row .col {
    margin-bottom: 20%;
}

#about_blueBg .row div.col {
    width: 44%;
    margin-bottom: 20%;
}

#about_blueBg figure.col .bg svg {
    position: absolute;
    top: 34%;
    left: -29%;
    width: 103%;
    height: auto;
    z-index: 1;
}

#about_blueBg .alt figure.col .bg svg {
    top: 34%;
    right: -29%;
    left: auto;
}

#about_blueBg .row figure.col {
    position: relative;
    width: 35%;
}

#about_blueBg .row figure.col img {
    position: relative;
    box-shadow: 5px 5px 12.5rem rgba(0, 0, 0, 0.5);
    z-index: 2;
}

#about_blueBg p {
    color: rgba(255, 255, 255, 0.8);
}

#about_blueBg blockquote {
    max-width: 542px;
    margin: auto;
    text-align: center
}

#about_blueBg blockquote img.quotes {
    margin-bottom: 3rem;
    opacity: 0.05
}

#about_blueBg blockquote footer p {
    margin-top: 1.125rem;
    color: #fff;
    font-size: 1.556em;
    line-height: 1.125em;
    font-weight: 800;
    letter-spacing: 0.04em;
}

#about_blueBg blockquote footer .small {
    display: block;
    font-size: 13px;
    color: #02c5f1;
    text-transform: uppercase;
}

#about_blueBg .row.alt h2 {
    padding-bottom: 2.25rem;
    font-size: 4.063em;
    line-height: 1.125em;
    font-weight: 900;
}

#about_blueBg .row.alt .blue {
    display: block;
    color: #30C1F7;
}
/*  

       ⋮⋮⫸  end ABOUT page

*/
/*  

       ⋮⋮⫸  SHOPIFY page

*/
#shopify_page .topBanner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    position: relative;
    min-height: 100vh;
    padding-top: 9rem;
    text-align: center;
    overflow: hidden;
    z-index: 2;
}

#shopify_scheme {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    width: 100%;
    max-width: 1024px;
    margin: 1.5rem auto 1.875rem auto;
}

#shopify_scheme .col {
    position: relative;
}

#shopify_scheme .col.left,
#shopify_scheme .col.right {
    width: 40%;
    padding-top: 12px;
    padding-bottom: 12px;
}

#shopify_scheme .col.middle {
    width: 196px;
    z-index: 9
}

.hexagon {
    position: relative;
    width: 196px;
    height: 196px;
}

.hexagon .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 2px 5px 5px rgba(0,0,0,0.12);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.hexagon .plus:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 16px;
    background-color: #00bff3;
    content: '';
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.hexagon .plus {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 4px;
    background-color: #00bff3;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#shopify_scheme .logoBox {
    display: table;
    width: 168px;
    margin: auto;
}

#shopify_scheme .logoBox .arrow {
    position: absolute;
    top: 50%;
    box-shadow: none;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#shopify_scheme .logoBox .arrow.left {
    left: -20px;
}

#shopify_scheme .logoBox .arrow.right {
    right: -20px;
}

#shopify_scheme .logo {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    padding: 24px;
    background-color: #fff;
}

#shopify_scheme .logo img {
    margin-bottom: 0;
}

#shopify_scheme .line:before,
#shopify_scheme .line:after {
    position: absolute;
    top: 50%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #fff;
    content: '';
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#shopify_scheme .line:before {
    left: 0;
}

#shopify_scheme .line:after {
    right: 0;
}

#shopify_scheme .line {
    position: absolute;
    top: 50%;
    width: 160px;
    height: 1px;
    background-color: rgba(255,255,255,0.6);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#shopify_scheme .col.right .line:before {
    left: 0;
}

#shopify_scheme .col.left .line:before {
    right: 0;
}

#shopify_scheme .col.left .line {
    right: -174px;
}

#shopify_scheme .col.right .line {
    left: -174px;
}

/*
#shopify_page .topBanner svg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 952px;
    margin: auto auto 1.875rem auto;
}*/

#shopify_page .topBanner h1 {
    padding-bottom: 2.25rem;
    font-size: 5em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
}

#shopify_page .topBanner h1 .small {
    display: block;
    font-size: 0.667em;
    line-height: 1.125em;
}

#shopify_page .topBanner h2 {
    padding-bottom: 0;
    font-size: 1.125em;
    line-height: 1.125em;
    font-weight: 800;
    text-transform: uppercase;
}

#shopify_page .topBanner ul.cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style-type: none;
    padding-bottom: 0;
    max-width: 1168px;
    margin: auto;
}

#shopify_page .topBanner li.col {
    padding: 0 1.875rem 2.25rem 1.875rem;
    margin-left: 0;
    text-align: center;
    font-size: 1.375em;
    font-weight: 900;
    line-height: 1.125em;
}

#shopify_page .topBanner li.col .top_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    -webkit-box-pack: center; 
    -webkit-justify-content: center; 
        -ms-flex-pack: center; 
            justify-content: center;
    width: 100%;
    margin-bottom: 1rem;
    font-size: 2.045em;
}

#shopify_page .topBanner li.col .top_row strong {
    font-weight: 900;
}

#shopify_page .topBanner li.col .top_row .small {
    font-size: 0.667em;
}

#shopify_page .topBanner li.col .top_row img {
    margin-bottom: 0
}

#shopify_intro {
    position: relative;
    background-image: url(../images/about_bg.jpg);
    background-position: top center;
    padding-bottom: 15rem;
    padding-top: 13rem;
    margin-top: -8rem;
    z-index: 1;
}

#shopify_intro .tranparent_waves_animation:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #021c51;
    content: ''
}

#shopify_intro .tranparent_waves_animation {
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    display: block
}

#shopify_intro h2.section_title {
    padding-bottom: 4.5rem;
    font-size: 3.125em;
    line-height: 1.125em;
    font-weight: 900;
}

#shopify_intro .container {
    max-width: 1228px;
    text-align: center;
}

#shopify_intro .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    flex-wrap: wrap;
    color: rgba(255, 255, 255, 0.9);
}

#shopify_intro .col {
    width: 28.5%;
    padding-bottom: 2.25rem;
}

#shopify_intro.services-page .col {
    width: 30%;
    padding-bottom: 2.25rem;
}

#shopify_intro.services-page .col.service-mini p {
  width: 85%;
  margin: auto;
}

#shopify_intro .col h3 {
    padding-bottom: 0.75em;
    font-size: 1.375em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
}

#shopify_blueBg {
    position: relative;
    padding-top: 6rem;
    background-color: #021c51;
    z-index: 2
}

#shopify_blueBg .container {
    max-width: 1334px;
}

#shopify_blueBg .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 3rem;
}

#shopify_blueBg .row.alt {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

#shopify_blueBg .row .col {
    position: relative;
    margin-bottom: 20%;
}

#shopify_blueBg .row div.col {
    width: 46%;
    margin-bottom: 20%;
    z-index: 2
}

#shopify_blueBg figure.col .bg svg {
    position: absolute;
    top: 34%;
    left: -29%;
    width: 103%;
    height: auto;
    z-index: 1;
}

#shopify_blueBg .alt figure.col .bg svg {
    top: 34%;
    right: -29%;
    left: auto;
}

#shopify_blueBg .row figure.col {
    position: relative;
    width: 35%;
}

#shopify_blueBg .row figure.col img {
    position: relative;
    box-shadow: 5px 5px 12.5rem rgba(0, 0, 0, 0.5);
    z-index: 2;
}

#shopify_blueBg p {
    color: rgba(255, 255, 255, 0.8);
}

#shopify_blueBg h2 {
    padding-bottom: 2.25rem;
    font-size: 4.063em;
    line-height: 1.125em;
    font-weight: 900;
}

#shopify_blueBg div.col span {
    display: block;
}

#shopify_blueBg .blue {
    color: #30C1F7;
}

#shopify_blueBg .row.alt div.col {
    text-align: left;
}

#shopify_blueBg .row.alt p {
    max-width: 358px;
}
/*  

       ⋮⋮⫸  end SHOPIFY page

*/
/*  

       ⋮⋮⫸  SINGLE PORTFOLIO page

*/
#portfolio_entry .topBanner:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6rem;
    background: -moz-linear-gradient(top,  rgba(63,194,247,0) 0%, rgba(63,194,247,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(63,194,247,0) 0%,rgba(63,194,247,1) 100%);
    background: linear-gradient(to bottom,  rgba(63,194,247,0) 0%,rgba(63,194,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0030C1F7', endColorstr='#30C1F7',GradientType=0 );
    content: ''
}

#portfolio_entry .topBanner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    position: relative;
    min-height: 100vh;
    padding-top: 8rem;
    padding-bottom: 12rem;
    background-position: top center;
    text-align: center;
    overflow: hidden;
    z-index: 2;
}

#portfolio_entry .topBanner .container {
    padding-bottom: 5%;
}

#portfolio_entry .topBanner p.year,
#portfolio_entry .topBanner h2 {
    padding-bottom: 0;
    font-size: 1.125em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
}

#portfolio_entry .topBanner p.year {
    padding-bottom: 1.125rem;
}

#portfolio_entry .topBanner h1 {
    padding-bottom: 1.125rem;
    font-size: 4.875em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
}

#imac_phones {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1370px;
    margin: -14rem auto 6rem auto;
    z-index: 3
}

#imac_phonesback,
#imac_phonesfront {
    display: none;
}

#imac_phonesback.active,
#imac_phonesfront.active {
    display: block;
}

#imac_phonesfront.active {
    -webkit-animation: 1s linear both imac_phonesfront_t, 1s linear both imac_phonesfront_o;
            animation: 1s linear both imac_phonesfront_t, 1s linear both imac_phonesfront_o;
}

#imac_phonesback.active {
    -webkit-animation: 1s linear both imac_phonesback_t, 1s linear both imac_phonesback_o;
            animation: 1s linear both imac_phonesback_t, 1s linear both imac_phonesback_o;
}

#imac_phonesimac_screen .screen {
    -webkit-animation: 2s linear both imac_phonesa0_o;
            animation: 2s linear both imac_phonesa0_o;
}

.entry_overview,
.entry_other_info {
    text-align: center;
}

.entry_overview .wrapper,
.entry_other_info .wrapper {
    max-width: 864px;
    margin: auto;
}

.entry_overview h2,
.entry_other_info h2 {
    padding-bottom: 2.25rem;
    font-size: 4.063em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
}

.entry_overview p,
.entry_other_info p {
    color: rgba(255, 255, 255, 0.9)
}

.entry_overview .icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 1.875rem;
    padding-bottom: 4rem;
    font-size: 1.125em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
}

.entry_overview .icons .col:first-child:before {
    display: none
}

.entry_overview .icons .col:before {
    position: absolute;
    top: 1%;
    left: 0;
    width: 1px;
    height: 68px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
    content: ''
}

.entry_overview .icons .col {
    position: relative;
    max-width: 288px;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    padding-bottom: 1.875rem;
}

.entry_overview .icons figure img {
    margin-bottom: 1.125rem;
}

#tablet--animation {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: auto;
}

.entry_other_info {
    margin-top: -3rem;
}

.entry_other_info .wrapper {
    max-width: 782px;
}

.entry_other_info h2 {
    padding-bottom: 1.875rem;
}

.entry_other_info .images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    padding-top: 2rem;
}

.entry_other_info .images .col {
    padding: 4rem;
}

.entry_other_info .images img {
    border: 9px solid #009dd1;
    border-radius: 30px;
    -webkit-box-shadow: 24px 74px 68px rgba(0, 0, 0, 0.34); 
            box-shadow: 24px 74px 68px rgba(0, 0, 0, 0.34);
}

.entry_other_info .images .col:nth-child(1) img {
    -webkit-transform: rotate(-7.4deg); 
        -ms-transform: rotate(-7.4deg); 
            transform: rotate(-7.4deg);
}

.entry_other_info .images .col:nth-child(2) img {
    -webkit-transform: rotate(6.7deg); 
        -ms-transform: rotate(6.7deg); 
            transform: rotate(6.7deg); 
}

.entry_other_info .images .col:nth-child(3) img {
    -webkit-transform: rotate(17deg); 
        -ms-transform: rotate(17deg); 
            transform: rotate(17deg); 
}

#single_portfolio_page .tranparent_waves_animation {
    position: relative;
    top: 2px;
    display: block;
}

#single_portfolio_page #awards_section h1 {
    font-size: 2.5em;
    text-transform: uppercase;
}

#single_portfolio_page #awards_section .cols .col {
    width: 20%;
    padding-left: 4.625rem;
    padding-right: 4.625rem;
}

#other_portfolio_entries {
    padding-bottom: 9rem;
    background-color: #021c51;
}

#other_portfolio_entries .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    max-width: 1575px;
}

#other_portfolio_entries .col {
    width: 48.32%
}

#other_portfolio_entries article a {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 68.46%;
    overflow: hidden;
}

#other_portfolio_entries article span.bgImg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: all 1s ease;
         -o-transition: all 1s ease;
            transition: all 1s ease;
}

#other_portfolio_entries article  span.bgImg img.image {
    display: none
}

#other_portfolio_entries article .logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: transparent;
    padding: 1.5rem;
    -webkit-transition: background-color 0.5s ease;
         -o-transition: background-color 0.5s ease;
            transition: background-color 0.5s ease;
}

#other_portfolio_entries article .logo img {
    max-width: 60%;
    padding: 1.5rem;
}

#other_portfolio_entries article a:hover span.bgImg {
    -webkit-transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
        -ms-transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
            transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
    -webkit-transform-origin: 45% 48%;
        -ms-transform-origin: 45% 48%;
            transform-origin: 45% 48%;
}

#other_portfolio_entries article a:hover .logo,
#other_portfolio_entries article a:active .logo {
    background-color: rgba(2, 28, 81, 0.5);
}

.portfolio_entries article figure {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: all 1s ease;
         -o-transition: all 1s ease;
            transition: all 1s ease;
}

.portfolio_entries article figure img {
    display: none;
}

.portfolio_entries article .logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: transparent;
    padding: 1.5rem;
    -webkit-transition: background-color 0.5s ease;
         -o-transition: background-color 0.5s ease;
            transition: background-color 0.5s ease;
}

.portfolio_entries article a:hover,
.portfolio_entries article a:active {
    box-shadow: none !important
}

.portfolio_entries article a:hover figure {
    -webkit-transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
        -ms-transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
            transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
    -webkit-transform-origin: 45% 48%;
        -ms-transform-origin: 45% 48%;
            transform-origin: 45% 48%;
}

#single_testimonial .container {
    padding: 10% 0 196px;
}

#single_testimonial blockquote:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 96px;
    height: 96px;
    background: url(../images/icon-testimonials-quote.svg) no-repeat top center / contain;
    opacity: 0.2;
    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#single_testimonial blockquote {
    position: relative;
    max-width: 618px;
    margin: auto;
    padding-top: 120px;
    font-size: 1.5em;
    font-weight: 600;
    text-align: center
}

#single_testimonial blockquote footer:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 3px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.3);
    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#single_testimonial blockquote footer {
    position: relative;
    padding-top: 78px;
    font-size: 0.875em;
}

#single_testimonial blockquote footer small {
    font-size: 0.75em;
}
/*  

       ⋮⋮⫸  end SINGLE PORTFOLIO page

*/
/*  

       ⋮⋮⫸  SERVICES page

*/
#services_page {
    overflow-x: hidden;
}

#services_page .topBanner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    position: relative;
    height: 100vh;
    padding-top: 9.25rem;
    padding-bottom: 8rem;
    text-align: center;
    overflow: hidden;
    z-index: 2;
}

#services_page #w_first {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55.5vw;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#services_page .topBanner h1 {
    padding-bottom: 2.25rem;
    font-size: 3.875em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
}

#services_page .topBanner h1 .small {
    display: block;
    font-size: 0.667em;
    line-height: 1.125em;
}

#services_page .topBanner h2 {
    padding-bottom: 0;
    font-size: 1.125em;
    line-height: 1.125em;
    font-weight: 800;
    text-transform: uppercase;
}

#services_process .container {
    max-width: 1024px;
    padding-bottom: 6rem;
    text-align: center;
}

#services_process .intro {
    padding-bottom: 3rem;
}

#services_process .intro h2 {
    padding-bottom: 1.875rem;
    font-size: 3.125em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
}

#services_process .intro p {
    max-width: 620px;
    margin: auto;
    /*
    max-width: 936px;
    font-size: 2.188em;
    line-height: 1.457em;
    font-weight: 600;*/
}

#services_process .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    opacity: 0.5;
    -webkit-transition: opacity 0.5s ease;
         -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
}

#services_process .row.alt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

#services_process .row .col {
    width: 50%;
}

#services_process .col h3 {
    padding-bottom: 1.125rem;
    font-size: 2.188em;
    font-weight: 900;
    text-transform: uppercase;
}

#services_process .col svg {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: auto;
}

#services_process .research_icon {
    max-width: 454px;
}

#services_process .collaboration_icon {
    max-width: 454px;
}

#services_process .development_icon {
    max-width: 480px;
}

#services_process .col p {
    max-width: 436px;
    padding-bottom: 0;
    margin: auto;
   /* font-size: 1.063em;
    line-height: 1.457em; */
}

#services_process .row.alt .col p {
    max-width: none
}

#services_process .connector {
    position: relative;
    display: block;
    max-width: 572px;
    margin: auto;
    opacity: 0.5;
    -webkit-transition: opacity 0.5s ease;
         -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
}

#services_process .row.current,
#services_process .connector.current {
    opacity: 1
}

#services_connector--1 {
    left: 3%;
}

#services_connector--2 {
    left: -2%;
}

#services_process .connector .circle,
#services_process .connector .line {
    display: none;
}

#services_process .connector.active .circle,
#services_process .connector.active .line {
    display: block;
}

#services_connector--1.active .circle {
    -webkit-animation: 4.3s linear both services_connector--1--a0_t, 4.3s linear both services_connector--1--a0_o;
            animation: 4.3s linear both services_connector--1--a0_t, 4.3s linear both services_connector--1--a0_o;
}

#services_connector--1.active .line {
    -webkit-animation: 4.3s linear both services_connector--1--a1_d;
            animation: 4.3s linear both services_connector--1--a1_d;
}

#services_connector--2.active .circle {
    -webkit-animation: 4.7s linear both services_connector--2-Circle_t, 4.7s linear both services_connector--2-Circle_o;
            animation: 4.7s linear both services_connector--2-Circle_t, 4.7s linear both services_connector--2-Circle_o;
}

#services_connector--2.active .line {
    -webkit-animation: 4.7s linear both services_connector--2-a0_d;
            animation: 4.7s linear both services_connector--2-a0_d;
}

#services_connector--3,
#services_connector--4 {
    display: none !important;
}
/*  

       ⋮⋮⫸  end SERVICES page

*/
/*  

       ⋮⋮⫸  BLOG page

*/
#blog_page .topBanner .container {
    max-width: 1238px;
    padding-top: 13rem;
    padding-bottom: 120px;
}

.blog_nav ul:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, .42);
    content: '';
}

.blog_nav .categ_btn {
    display: none;
}

.blog_nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    line-height: 1.375em;
}

.blog_nav li {
    position: relative;
    width: 20%;
}

.blog_nav li:last-child {
    padding-right: 0;
}

.blog_nav li a {
    position: relative;
    display: block;
    margin-right: 60px;
    padding-bottom: 42px;
    border-bottom: 4px solid transparent;
    color: #fff;
    -webkit-transition: border 0.5s ease;
         -o-transition: border 0.5s ease;
            transition: border 0.5s ease;
}

.blog_nav li a.current,
.blog_nav li a:hover,
.blog_nav li a:active {
    border-bottom-color: #fff;
}

.blog_nav li:last-child a {
    margin-right: 0;
}

.blog_nav h3 {
    padding-bottom: 12px;
    font-size: 1.125em;
    text-transform: uppercase;
    font-weight: 700;
}

.blog_nav li:nth-child(4) h3 {
    max-width: 168px;
}

#blog_page .topBanner h1 {
    max-width: 508px;
    margin: auto;
    padding-bottom: 0;
    font-size: 2.5em;
    line-height: 1.394em;
    font-weight: 700;
}

.hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
}

.blog_entries.container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 1238px;
}

.blog_entries.container .blog_post a:hover,
.blog_entries.container .blog_post a:active {
    color: #021c51;
}

.blog_entries .more {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 6rem;
    text-align: center;
}
/*  

       ⋮⋮⫸  end BLOG page

*/
/*  

       ⋮⋮⫸  BLOG POST page

*/
#blog_post .topBanner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(63, 194, 247, 0.7);
    content: '';
    z-index: 1;
}

#blog_post .topBanner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
    height: 60vh;
    min-height: 516px;
    padding-top: 9.25rem;
    text-align: center;
}

#blog_post .topBanner .container {
    position: relative;
    max-width: 756px;
    z-index: 2;
}

#blog_post .topBanner h1 {
    padding-bottom: 2.875rem;
    font-size: 2.875em;
    line-height: 1.125em;
    font-weight: 800;
}

#blog_post .topBanner .meta {
    vertical-align: middle;
    font-size: 1.125em;
    line-height: 1.125em;
    letter-spacing: 0.02em;
}

#blog_post .topBanner .separator {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
}

#blog_post .topBanner .tranparent_waves_animation {
    width: 100%;
    z-index: 9
}

#blog_post .mainContent {
    position: relative;
    padding-top: 9.25rem;
    padding-bottom: 4.5rem;
    background-color: #fff;
    font-size: 1.063em;
    line-height: 1.588em;
    color: #242424;
    z-index: 9;
}

#blog_post .mainContent a:link, #blog_post .mainContent a:visited {
  color: #021C51;
  font-weight: 600;
}

#blog_post .mainContent .container {
    width: 85%;
    max-width: 1050px;
    padding-bottom: 4.5rem;
    border-bottom: 1px solid #eee;
}

#blog_post .mainContent iframe {
    display: block;
    max-width: 100%;
    margin: 2.25rem auto 4.5rem auto;
}

.shareOptions {
    padding-top: 5%;
    font-size: 1.059em;
}

.shareOptions .options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    padding-top: 0.875rem
}

.shareOptions .options a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 145px;
    height: 51px;
    padding: 0 18px;
    margin: 6px 9px 6px 0;
    border-radius: 24px;
    text-align: center;
    font-size: 12px;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: -.03em;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.shareOptions .options a.facebook {
    background-color: #3965a0;
}

.shareOptions .options a.twitter {
    background-color: #4db6ee;
}

.shareOptions .options a * {
    display: inline-block;
    vertical-align: middle;
}

.shareOptions .options a .icon {
    margin-right: 12px;
    margin-bottom: 0;
}

.shareOptions .options a span {
    position: relative;
    top: 1px;
}

.shareOptions .options a:hover,
.shareOptions .options a:active {
    background-color: #021c51 !important;
    color: #fff;
}

.shareOptions .more {
    position: relative;
}

.shareOptions .more button {
    position: relative;
    width: 51px;
    height: 51px;
    top: 6px;
    border-radius: 50%;
    border: 1px solid #acadad;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.shareOptions .more button span:before,
.shareOptions .more button span:after {
    position: absolute;
    top: 0;
    content: ''
}

.shareOptions .more button span:before {
    left: -9px;
}

.shareOptions .more button span:after {
    right: -9px;
}

.shareOptions .more button span,
.shareOptions .more button span:before,
.shareOptions .more button span:after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #acadad;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.shareOptions .more button span {
    top: 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.shareOptions .more button:hover {
    background-color: #acadad;
}

.shareOptions .more button:hover span,
.shareOptions .more button:hover span:before,
.shareOptions .more button:hover span:after {
    background-color: #fff
}

.shareOptions .otherBtns {
    display: none;
    position: absolute;
    right: -188px;
    top: 50%;
    list-style-type: none;
    padding: 6px 12px;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.shareOptions .otherBtns li {
    margin-left: 0;
    padding-bottom: 0;
}

#blog_post_page .blog_entries {
    padding-top: 9rem;
    background-color: #fff;
}

#blog_post_page .blog_entries .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1260px;
}

#blog_post_page .blog_entry {
    width: 30.16%;
    padding-bottom: 2.25em;
    margin-bottom: 3%;
}

#blog_post_page .blog_entry figure {
    padding-top: 80.55%;
}

#blog_post_page .blog_entry h1 {
    max-width: none;
    font-size: 1.563em;
    line-height: 1.48em;
    color: #021439;
    text-align: left
}
/*  

       ⋮⋮⫸  end BLOG POST page

*/
/*  

       ⋮⋮⫸  INDUSTRY page

*/
#industry_page {
    overflow-x: hidden;
}

#industry_page .topBanner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
    height: 115vh;
    min-height: 600px;
    max-height: 1292px;
    padding-top: 9.25rem;
    padding-bottom: 8rem;
    text-align: center;
    overflow: hidden;
    background: url(../images/industry_bg.jpg) no-repeat top center / cover;
    z-index: 2;
}

#industry_page #w_first {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55.5vw;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#industry_page .topBanner .container {
    max-width: 1342px;
    padding-bottom: 10%;
    padding-top: 10%;
    background: url(../images/industry-topBanner-item-1.png) top left no-repeat, url(../images/industry-topBanner-item-2.png) bottom right no-repeat;
}

#industry_page .topBanner h1 {
    padding-bottom: 1rem;
    font-size: 3.875em;
    line-height: 1.125em;
    font-weight: 900;
    text-transform: uppercase;
}

#industry_page .topBanner h1 .small {
    display: block;
    max-width: 890px;
    padding-top: 9px;
    margin: auto;
    font-size: 22px;
    line-height: 1.583em;
    font-weight: normal;
    text-transform: initial;
}

#industry_page .topBanner .ind-des {
    font-size: 1.125em;
  line-height: 1.125em;
    font-weight: 800;
    text-transform: uppercase;
}

#industry_page .topBanner .ind-des span.show_mobile {
    font-size: 17px;
}

#industry_page .topBanner .ico {
    position: static !important;
    transform: none !important;
}

#industry_page .topBanner .tranparent_waves_animation {
    position: absolute;
    bottom: -6px;
    width: 100%;
    display: block
}

#industry_blueBg {
    position: relative;
    padding-top: 6rem;
    background-color: #021c51;
    z-index: 2
}

#industry_blueBg .container {
    max-width: 1334px;
}

#industry_blueBg .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;*/
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 3rem;
}

#industry_blueBg .row.alt {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

#industry_blueBg .row .col {
    margin-bottom: 20%;
}

#industry_blueBg .row div.col {
    width: 46%;
    margin-bottom: 20%;
}

#industry_blueBg figure.col .bg svg {
    position: absolute;
    top: 34%;
    left: -29%;
    width: 103%;
    height: auto;
    z-index: 1;
}

#industry_blueBg .alt figure.col .bg svg {
    top: 34%;
    right: -29%;
    left: auto;
}

#industry_blueBg .row figure.col {
    position: relative;
    width: 35%;
}

#industry_blueBg .row figure.col img {
    position: relative;
    box-shadow: 5px 5px 12.5rem rgba(0, 0, 0, 0.5);
    z-index: 2;
}

#industry_blueBg p {
    color: rgba(255, 255, 255, 0.8);
}

#industry_blueBg blockquote {
    max-width: 680px;
    margin: auto;
    text-align: center
}

#industry_blueBg blockquote img.quotes {
    margin-bottom: 3rem;
    opacity: 0.05
}

#industry_blueBg blockquote footer p {
    margin-top: 1.125rem;
    color: #fff;
    font-size: 1.556em;
    line-height: 1.125em;
    font-weight: 800;
    letter-spacing: 0.04em;
}

#industry_blueBg blockquote footer .small {
    display: block;
    font-size: 13px;
    color: #02c5f1;
    text-transform: uppercase;
}

#industry_blueBg .row.alt h2,
#industry_blueBg .wrapper h2 {
    padding-bottom: 2.25rem;
    font-size: 4.063em;
    line-height: 1.125em;
    font-weight: 900;
}

#industry_blueBg .row.alt .blue,
#industry_blueBg .wrapper .blue {
    display: block;
    color: #30C1F7;
}

#case_studies_section {
    padding-bottom: 9.25rem;
    background-color: #021c51;
}

#case_studies_section .container {
    max-width: 1744px;
}

#case_studies_section h1.section_title {
    padding-bottom: 4.125rem;
    text-align: center;
    font-size: 4.063em;
    text-transform: uppercase;
    font-weight: 900;
}

#case_studies_section h1.section_title p {
    font-size: 15px;
    font-weight: normal;
    line-height: 12px;
}

#case_studies_section h1.section_title p a:hover {
    color: #30C1F7;
}

#case_studies_section .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}

#case_studies_section article {
    width: 25%
}

#case_studies_section article:nth-child(2) {
    padding-top: 66px;
}

#case_studies_section article a {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 121%;
    overflow: hidden;
}

#case_studies_section article span.bgImg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: all 1s ease;
         -o-transition: all 1s ease;
            transition: all 1s ease;
}

.hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
}

#case_studies_section article .logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: transparent;
    padding: 1.5rem;
    -webkit-transition: background-color 0.5s ease;
         -o-transition: background-color 0.5s ease;
            transition: background-color 0.5s ease;
}

#case_studies_section article .logo img {
    max-width: 72%;
    padding: 1.5rem;
}

#case_studies_section article a:hover span.bgImg {
    -webkit-transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
        -ms-transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
            transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
    -webkit-transform-origin: 45% 48%;
        -ms-transform-origin: 45% 48%;
            transform-origin: 45% 48%;
}

#case_studies_section article a:hover .logo,
#case_studies_section article a:active .logo {
    background-color: rgba(2, 28, 81, 0.5);
}

#blog_posts_section {
    padding-bottom: 9.25rem;
    background-color: #021c51;
}

.blog_entries .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 1238px;
}

.blog_entries .col_2 {
    width: 45.72%
}

.blog_entries .col_3 {
    width: 28.9%
}

.blog_post {
    padding-bottom: 7.5rem
    display: block;
}

.blog_post.larger {
    padding-bottom: 8.5rem
}

.blog_post figure a {
    display: block;
    width: 100%;
    padding-top: 112.1%;
    /* border-radius: 10px; */
    margin-bottom: 1.25rem;
}

.blog_post.larger figure a {
    padding-top: 100%;
}

.blog_post .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    text-transform: uppercase;
    padding-bottom: 12px;
    font-size: 15px;
    line-height: 1.5em;
    letter-spacing: 0.01em;
    font-weight: 700;
}

.blog_post .info .time:after {
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
    height: 12px;
    background-color: #fff;
    content: ''
}

.blog_post .info .time {
    position: relative;
    padding-left: 30px;
    padding-right: 16px;
    margin-right: 12px;
    background: url(../images/icon-post-time.svg) no-repeat left center / 19px auto;
}

.blog_post h1 {
    padding-bottom: 0;
    line-height: 1.4em;
    font-size: 1.875em;
}

.blog_post.larger h1 {
    font-size: 1.288em;
    font-weight: normal;
}

.blog_post a:hover,
.blog_post a:active {
    color: #00bff3;
}
/*  

       ⋮⋮⫸  end INDUSTRY page

*/
/*  

       ⋮⋮⫸  CONTACT page

*/
#contact_page #main {
    padding-top: 312px;
    padding-bottom: 224px;
    background-color: #021c51;
}

#contact_page #main .container {
    max-width: 974px;
}

#contact_page .intro,
#contact_page .info {
    text-align: center
}

#contact_page .intro h1 {
    padding-bottom: 0;
    font-size: 3.875em;
    line-height: 1.125em;
    text-transform: uppercase;
    font-weight: 900;
}

#contact_page .intro p {
    font-size: 22px;
    line-height: 1.583em;
    text-transform: uppercase;
}

#contact_page .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 48px;
    padding-bottom: 78px;
    font-size: 1.875em;
    font-weight: 500;
}

#contact_page .info .item {
    position: relative;
    padding: 0 7.5%;
}

#contact_page .info .item a {
    display: inline-block;
}

#contact_page .info .item a:hover,
#contact_page .info .item a:active {
    color: rgba(255, 255, 255, 0.8)
}

#contact_form .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#contact_form .cols .col {
    width: 47%;
    max-width: 428px;
}

#contact_form input,
#contact_form textarea {
    display: block;
    width: 100%;
    border-radius: 0;
    margin-bottom: 36px;
    padding: 12px 0;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    font-size: 1.25em;
    line-height: 1em;
    font-weight: 500;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#contact_form input:focus,
#contact_form textarea:focus {
    border-color: rgba(255, 255, 255, 0.6);
}

#contact_form input::-webkit-input-placeholder {
    opacity: 1;
    color: #fff;
}

#contact_form input:-moz-placeholder {
    opacity: 1;
    color: #fff;
}

#contact_form input::-moz-placeholder {
    opacity: 1;
    color: #fff;
}

#contact_form input:-ms-input-placeholder {
    opacity: 1;
    color: #fff;
}

#contact_form textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #fff;
}

#contact_form textarea:-moz-placeholder {
    opacity: 1;
    color: #fff;
}

#contact_form textarea::-moz-placeholder {
    opacity: 1;
    color: #fff;
}

#contact_form textarea:-ms-input-placeholder {
    opacity: 1;
    color: #fff;
}

#contact_form .checkBtns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-bottom: 30px;
}

#contact_form .checkBtns legend {
    display: block;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 44px;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 500;
}

#contact_form .checkBtns .col:first-child {
    padding-right: 24px;
}

#contact_form .checkbutton {
    padding-bottom: 36px;
}

#contact_form [type="checkbox"] {
    position: absolute;
    left: -9999px;
}

#contact_form [type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding: 9px 0 9px 46px;
    font-size: 1.5em;
    line-height: 1.125em;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#contact_form [type="checkbox"] + label:hover {
    opacity: 0.9
}

#contact_form [type="checkbox"] + label:before,
#contact_form [type="checkbox"]:checked + label:after {
    position: absolute;
    left: 0;
    top: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 3px solid #445d92;
    background: transparent;
    content: '';
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#contact_form [type="checkbox"]:checked + label:after {
    border-width: 5px;
    border-color: #00bff3;
}

#contact_form .btn {
    padding-top: 30px;
    text-align: center
}

#contact_form a.circled_btn {
    position: relative;
    display: inline-block;
}

#contact_form a.circled_btn svg {
    display: block;
    width: 180px;
}

#contact_form a.circled_btn:hover path:first-child {
    -webkit-transform: translate(-251,-163) translate(341,252);
        -ms-transform: translate(-251,-163) translate(341,252);
            transform: translate(-251,-163) translate(341,252);
    -webkit-animation: 0.5s ease both outer_circle; 
            animation: 0.5s ease both outer_circle;
}

#contact_form a.circled_btn:hover path:last-child {
    -webkit-transform: translate(-251,-163) translate(341,252);
        -ms-transform: translate(-251,-163) translate(341,252);
            transform: translate(-251,-163) translate(341,252);
    -webkit-animation: 0.5s ease both inner_circle; 
            animation: 0.5s ease both inner_circle;
}

#contact_form a.circled_btn .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 1.5em;
    font-weight: 900;
    color: #02c9ff;
    text-transform: uppercase;
    -webkit-transition: color 0.5s ease;
         -o-transition: color 0.5s ease;
            transition: color 0.5s ease;
}

#contact_form a.circled_btn:hover .text,
#contact_form a.circled_btn:active .text {
    color: #021c51;
}
/*  

       ⋮⋮⫸  end CONTACT page

*/
/*  

       ⋮⋮⫸  CLEARSALE page

*/
#clearsale_page .topBanner:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 5px;
    background-color: #021c51;
    content: ''
}

#clearsale_page .topBanner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
    padding-top: 12rem;
    text-align: center;
    overflow: hidden;
    z-index: 2;
}

#clearsale_page .topBanner h1 {
    padding-bottom: 1.5rem;
    font-size: 3.313em;
    line-height: 1.125em;
    font-weight: 800;
}

#clearsale_page .topBanner p {
    font-size: 1.125em;
    line-height: 1.125em;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

#clearsale_scheme {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    width: 100%;
    max-width: 622px;
    margin: 2.25rem auto 1.875rem auto;
}

#clearsale_scheme .col {
    position: relative;
}

#clearsale_scheme .col.middle {
    width: 53px;
    z-index: 9
}

#clearsale_scheme .circle {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background-color: #fff;
}

#clearsale_scheme .circle .plus:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 16px;
    background-color: #00bff3;
    content: '';
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#clearsale_scheme .circle .plus {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 4px;
    background-color: #00bff3;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#clearsale_scheme .logoBox {
    display: table;
    width: 242px;
    margin: auto;
}

#clearsale_scheme .logo {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 242px;
    height: 242px;
    border-radius: 50%;
    padding: 24px;
    background-color: #fff;
}

#clearsale_scheme .logo img {
    margin-bottom: 0;
}

#clearsale_page .topBanner ul.cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style-type: none;
    padding-bottom: 3rem;
    padding-top: 3rem;
    max-width: 854px;
    margin: auto;
}

#clearsale_page .topBanner li.col {
    padding: 0 1.875rem 2.25rem 1.875rem;
    margin-left: 0;
    text-align: center;
    font-size: 1.125em;
    line-height: 1.125em;
}

#clearsale_page .topBanner li.col .top_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    -webkit-box-pack: center; 
    -webkit-justify-content: center; 
        -ms-flex-pack: center; 
            justify-content: center;
    width: 100%;
    margin-bottom: 1.25rem;
    font-size: 2em;
    line-height: 1em;
}

#clearsale_page .topBanner li.col .top_row strong {
    font-weight: 900;
}

#clearsale_page .topBanner li.col .top_row small {
    font-weight: 700;
}

#clearsale_page .topBanner li.col .top_row .small {
    font-size: 0.667em;
}

#clearsale_page .topBanner li.col .top_row img {
    margin-bottom: 0
}

#clearsale_page .topBanner .tranparent_waves_animation {
    position: relative;
    width: 100%;
    display: block
}

#clearsale_main {
    position: relative;
    padding-top: 6rem;
    background-color: #021c51;
    z-index: 2
}

#clearsale_main .container {
    max-width: 1118px;
}

#clearsale_main .quote {
    position: relative;
    padding-bottom: 126px;
}

#clearsale_main blockquote {
    position: relative;
    max-width: 792px;
    padding: 48px 60px;
    margin: auto;
    text-align: center;
    font-size: 1.75em;
    line-height: 1.393em;
    font-weight: 600;
}

#clearsale_main blockquote p:last-of-type {
    padding-bottom: 0;
}

#clearsale_main blockquote .lines:before {
    position: absolute;
    width: 2px;
    height: 23px;
    background-color: #fff;
    content: ''
}

#clearsale_main blockquote .lines.top:before {
    left: 0;
    top: 0;
}

#clearsale_main blockquote .lines.bottom:before {
    right: 0;
    bottom: 0;
}

#clearsale_main blockquote .lines {
    position: absolute;
    width: 23px;
    height: 2px;
    background-color: #fff;
}

#clearsale_main blockquote .lines.top {
    top: 0;
    left: 0;
}

#clearsale_main blockquote .lines.bottom {
    bottom: 0;
    right: 0;
}

#clearsale_main .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 3rem;
}

#clearsale_main .row.alt {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

#clearsale_main .row .col {
    position: relative;
    margin-bottom: 126px;
}

#clearsale_main .row div.col {
    width: 44%;
    z-index: 2
}

#clearsale_main figure.col .bg svg {
    position: absolute;
    top: 58%;
    left: -6%;
    width: 100%;
    height: auto;
    z-index: 1;
    max-width: 400px;
}

#clearsale_main .alt figure.col .bg svg {
    right: 0;
    left: auto;
}

#clearsale_main .row figure.col {
    position: relative;
    width: 42%;
}

#clearsale_main .row figure.col img {
    position: relative;
    box-shadow: 5px 5px 12.5rem rgba(0, 0, 0, 0.5);
    z-index: 2;
    float: right;
}

#clearsale_main .row.alt figure.col img {
    float: none;
}

#clearsale_main .row p {
    max-width: 430px;
    color: #fff;
    font-size: 1em;
    line-height: 1.375em;
    font-weight: 600;
}

#clearsale_main .row h2 {
    padding-bottom: 1.875rem;
    font-size: 2.25em;
    line-height: 1.25em;
    font-weight: 800;
}

#clearsale_main .row h4 {
    padding-top: 6px;
    padding-bottom: 12px;
    font-size: 1.063em;
    line-height: 1.25em;
    text-transform: uppercase;
    font-weight: 800;
}

#clearsale_main .row a.btn {
    display: inline-block;
    min-width: 214px;
    background-color: #67BFF2;
    padding:  20px 12px;
    margin-top: 18px;
    border-radius: 36px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 800;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#clearsale_main .row a.btn:hover,
#clearsale_main .row a.btn:active {
    background-color: #fff;
    color: #081B4E;
}

#clearsale_page #awards_section {
    padding-top: 144px;
}
/*  

       ⋮⋮⫸  end CLEARSALE page

*/
/*  

       ⋮⋮⫸  SERVICES LANDING page

*/
#services_lnd_page {
    overflow-x: hidden;
}

#services_lnd_page .topBanner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
    min-height: 100vh;
    max-height: 1292px;
    text-align: center;
    overflow: hidden;
    z-index: 2;
}

#services_lnd_page .topBanner .container {
    max-width: 832px;
    padding-top: 9.25rem;
    padding-bottom: 8rem;
}

#services_lnd_page .topBanner h1 {
    padding-bottom: 1rem;
    font-size: 3.75em;
    line-height: 1.25em;
    font-weight: 800;
}

#services_lnd_page .topBanner p {
    display: block;
    max-width: 582px;
    padding-top: 9px;
    margin: auto;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 600;
}

#services_lnd_page .topBanner .ico {
    position: static !important;
    transform: none !important;
}

#services_lnd_page .topBanner .tranparent_waves_animation {
    position: absolute;
    bottom: -6px;
    width: 100%;
    display: block
}

#services_lnd_page .topBanner a.cta_btn {
    display: inline-block;
    padding: 0px 3px;
    margin-bottom: 24px;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.1em;
    border-bottom: 0.5px solid #fff;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#services_lnd_main {
    position: relative;
    padding-top: 6rem;
    background-color: #021c51;
    z-index: 2
}

#services_lnd_main .container {
    max-width: 1118px;
}

#services_lnd_main .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1060px;
    margin: auto;
    padding-bottom: 6rem;
}

#services_lnd_main .row.alt {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

#services_lnd_main .row .col {
    position: relative;
    width: 44%;
    max-width: 423px;
    margin-bottom: 126px;
}

#services_lnd_main .row div.col {
    z-index: 2
}

#services_lnd_main figure.col .bg svg {
    position: absolute;
    top: 58%;
    left: -25%;
    width: 100%;
    height: auto;
    z-index: 1;
    max-width: 400px;
}

#services_lnd_main .alt figure.col .bg svg {
    right: -25%;
    left: auto;
}

#services_lnd_main .row figure.col img {
    position: relative;
    box-shadow: 100px 4px 250px rgba(63, 193, 247, 0.2);
    border-radius: 15px;
    z-index: 2;
    float: right;
}

#services_lnd_main .row.alt figure.col img {
    float: none;
}

#services_lnd_main .row p {
    max-width: 430px;
    color: #fff;
    font-size: 1em;
    line-height: 1.375em;
    font-weight: 600;
}

#services_lnd_main .row h2 {
    max-width: 424px;
    padding-bottom: 1.875rem;
    font-size: 2.25em;
    line-height: 1.25em;
    font-weight: 800;
    text-transform: uppercase;
}

#services_lnd_main .row a.btn {
    display: inline-block;
    min-width: 214px;
    background-color: #67BFF2;
    padding:  20px 12px;
    margin-top: 18px;
    border-radius: 36px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 800;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#services_lnd_main .row a.btn:hover,
#services_lnd_main .row a.btn:active {
    background-color: #fff;
    color: #081B4E;
}

#services_lnd_main #awards_section {
    padding-top: 144px;
}

#services_faq {
    padding-top: 120px;
    padding-bottom: 160px;
}

#services_faq h1 {
    max-width: 720px;
    margin: auto;
    padding-bottom: 60px;
    font-size: 1.625em;
    font-weight: 700;
    text-align: center
}

#services_faq .item {
    position: relative;
    left: 0;
    width: 95%;
    max-width: 1104px;
    padding: 33px 136px 33px 51px;
    margin: auto auto 16px auto;
    border: 1px solid #fff;
    border-radius: 36px;
    font-weight: 600;
    line-height: 1.375em;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#services_faq .item p:last-of-type {
    padding-bottom: 0;
}

#services_faq .item:nth-of-type(3n+1) {
    left: 0;
}

#services_faq .item:nth-of-type(2),
#services_faq .item:nth-of-type(5),
#services_faq .item:nth-of-type(8) {
    left: 36px;
}

#services_faq .item:nth-of-type(3),
#services_faq .item:nth-of-type(6),
#services_faq .item:nth-of-type(9) {
    left: 72px;
}

#services_faq .item:hover {
    border-color: #3FC1F7;
}

#services_faq .item h2.title {
    padding-bottom: 0;
    font-size: 1.25em;
    font-weight: 700;
    letter-spacing: 0.01em;
}

#services_faq .item .wrapper {
    height: 0;
    max-width: 815px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#services_faq .item .arrow {
    position: absolute;
    bottom: 24px;
    right: 48px;
    height: 38px;
    width: 38px;
    background: url(../images/icon-arrow-faq-2.svg) no-repeat center center / contain;
}

#services_faq .item.opened {
    padding-top: 48px;
    padding-bottom: 48px;
    background-color: #3FC1F7;
    border-color: #3FC1F7;
    color: #fff;
}

#services_faq .item.opened .wrapper {
    height: auto;
    opacity: 1;
}

#services_faq .item.opened .arrow {
    background-image: url(../images/icon-arrow-faq.svg)
}

#services_faq .item.opened h2.title {
    padding-bottom: 24px;
    font-size: 1.5em;
}

#services_lnd_main .row.larger {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: none;
}

#services_lnd_main .row.larger .col {
    width: 45%;
    max-width: 492px;
    margin-bottom: 60px;
}

#services_lnd_main .row.larger figure.col img {
    box-shadow: none
}

#services_lnd_main .row.larger figure:before {
    position: absolute;
    top: -50%;
    right: -50%;
    left: -50%;
    bottom: -10%;
    background: -o-radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%);
    background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%);
    content: ''
}

#services_lnd_main .row.larger.alt figure:before {
    top: -20%;
    right: -70%;
    bottom: -30%;
    left: 0;
}

#services_lnd_main .row.larger.l_img figure.col img {
    width: 122%;
    max-width: 592px;
    margin-top: -5%;
}

#services_lnd_main #feat_posts .container {
    max-width: 1392px;
}

#feat_posts .title {
    padding: 36px 24px 84px 24px;
    text-align: center
}

#feat_posts .title h1 {
    padding-bottom: 6px;
    font-size: 3.875em;
    font-weight: 900;
}

#feat_posts .title a {
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.01em;
}

#feat_posts .title a:hover,
#feat_posts .title a:active {
    color: #00bff3
}

#shopf_p_cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 78px;
    padding-bottom: 160px;
}

#shopf_p_cta .col.image img {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

#shopf_p_cta .col.image:nth-child(1) img {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#shopf_p_cta .col.image:nth-child(3) img {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#shopf_p_cta .col:nth-child(2) {
    max-width: 620px;
    margin: auto;
    text-align: center;
    line-height: 1.375em;
    font-weight: 600;
}

#shopf_p_cta .col:nth-child(2) h1 {
    padding-bottom: 16px;
    font-size: 3.375em;
    line-height: 1.222em;
    font-weight: 800;
}

#shopf_p_cta .col:nth-child(2) p {
    max-width: 470px;
    margin: auto;
}

#shopf_p_cta .circled_btn {
    margin-top: 24px;
}

#blog_carousel {
    padding-left: 24px;
    padding-bottom: 184px;
}

#blog_carousel article {
    width: 667px;
    padding: 0 27px
}

#blog_carousel article figure {
    position: relative;
    border-radius: 15px;
    overflow: hidden
}

#blog_carousel article a.bgImg {
    display: block;
    width: 100%;
    padding-top: 62.16%;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: all 1s ease;
         -o-transition: all 1s ease;
            transition: all 1s ease;
}

#blog_carousel article a.bgImg:hover {
    -webkit-transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
        -ms-transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
            transform: scale3d(1.05, 1.05, 1.1) rotate(2deg);
    -webkit-transform-origin: 45% 48%;
        -ms-transform-origin: 45% 48%;
            transform-origin: 45% 48%;
}

#blog_carousel article figure .label {
    position: absolute;
    top: 18px;
    left: 18px;
    background-color: #3FC1F7;
    border-radius: 15px;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.125em;
}

#blog_carousel article .wrapper {
    max-width: 530px;
    padding-top: 30px;
}

#blog_carousel article h1 {
    padding-bottom: 12px;
    font-size: 1.75em;
    line-height: 1.321em;
    letter-spacing: 0.01em;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#blog_carousel article p {
    max-width: 444px;
    padding-bottom: 12px;
    font-size: 1em;
    line-height: 1.375em;
    font-weight: 600;
}

#blog_carousel article p.date {
    padding-top: 24px;
    font-weight: 400;
}

#blog_carousel article a:hover h1,
#blog_carousel article a:active h1 {
    color: #00bff3
}
/*
#blog_carousel .slick-arrow {
    position: absolute;
    top: 22%;
    width: 114px;
    height: 114px;
    background-color: #3FC1F7;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 34px auto;
    border-radius: 50%;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;
    z-index: 9
}

#blog_carousel .slick-next {
    right: 10%;
    background-image: url(../images/icon-arrow-carousel-right.svg)
}

#blog_carousel .slick-prev {
    left: 10%;
    background-image: url(../images/icon-arrow-carousel-left.svg)
}
/*  

       ⋮⋮⫸  end SERVICES LANDING page

*/
/*  

       ⋮⋮⫸  FOOTER

*/
#footer {
    padding-top: 3.75rem;
    padding-bottom: 1rem;
    background-color: #00bff3;
    color: #fff;
}

#footer .container {
    max-width: 1200px;
}

#footer .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}

#footer .cols.topRow .col:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 148px;
    background-color: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#footer .cols.topRow .col:last-child:before {
    display: none
}

#footer .cols.topRow {
    min-height: 148px;
    margin-bottom: 2.625rem;
}

#footer .cols.topRow .col {
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
}

#footer .cols.topRow .col:nth-child(1) {
    padding-left: 5%;
    padding-right: 10%;
}

#footer .cols.topRow .col:nth-child(3) {
    padding-left: 10%;
    padding-right: 5%;
}

#footer .cols.topRow .col:nth-child(2) {
    padding-left: 10%;
    padding-right: 10%;
}

#footer .cols.topRow h3 {
    padding-bottom: 1.125rem;
    font-size: 1.125em;
    text-transform: uppercase
}

#footer .cols.topRow p {
    padding-bottom: 0;
    font-weight: 700;
    letter-spacing: 0.02em;
}

#footer .logo_animation {
    display: block;
    width: 184px;
    margin: auto;
}

.f_social_media:before,
.f_social_media:after {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 15%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) 85%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 15%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.3) 85%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 15%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.3) 85%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    content: '';
}

.f_social_media:before {
    top: 0;
}

.f_social_media:after {
    bottom: 0;
}

.f_social_media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    text-align: center;
    list-style-type: none;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
}

.f_social_media li:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.f_social_media li:last-child:before {
    display: none;
}

.f_social_media li {
    position: relative;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

#footer .f_social_media li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    line-height: 36px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
}

#footer .f_social_media li a:hover,
#footer .f_social_media li a:active {
    color: rgba(255, 255, 255, 1);
}

.f_social_media li a img.icon {
    margin-bottom: 0;
    margin-right: 0.75rem;
    opacity: 0.9
}

#footer .f_social_media li a:hover img.icon,
#footer .f_social_media li a:active img.icon {
    opacity: 1
}

p#copyright {
    padding-top: 1.5rem;
    text-align: center;
    font-size: 13px;
    line-height: 1.125em;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.04em;
}

#footer a {
    color: #fff;
}

#footer a:hover,
#footer a:active {
    color: #021c51;
}
/*  

       ⋮⋮⫸  end FOOTER

*/

#plain_text_page .topBanner { 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
        -ms-flex-align: center; 
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
    height: 115vh;
    min-height: 600px;
    max-height: 1292px;
    padding-top: 9.25rem;
    padding-bottom: 8rem;
    overflow: hidden;
text-align:left;
background-color:#021c51;
    z-index: 2;
}

#plain_text_page a { 
font-weight:bold;
}

#plain_text_page a:hover { 
color:#ffffff;
}

@keyframes fadeindelay{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadeindelay{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}