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

/* Fonts */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/IBM-Plex-Mono/IBMPlexMono-Bold.woff2") format("woff2"), url("fonts/IBM-Plex-Mono/IBMPlexMono-Bold.woff") format("woff"); }

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 200;
  src: url("fonts/IBM-Plex-Sans/woff2/IBMPlexSans-ExtraLight.woff2") format("woff2"), url("fonts/IBM-Plex-Sans/woff/IBMPlexSans-ExtraLight.woff") format("woff"); }

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  src: url("fonts/IBM-Plex-Sans/woff2/IBMPlexSans-Light.woff2") format("woff2"), url("fonts/IBM-Plex-Sans/woff/IBMPlexSans-Light.woff") format("woff"); }

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/IBM-Plex-Sans/woff2/IBMPlexSans-Regular.woff2") format("woff2"), url("fonts/IBM-Plex-Sans/woff/IBMPlexSans-Regular.woff") format("woff"); }

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  src: url("fonts/IBM-Plex-Sans/woff2/IBMPlexSans-Medium.woff2") format("woff2"), url("fonts/IBM-Plex-Sans/woff/IBMPlexSans-Medium.woff") format("woff"); }

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  src: url("fonts/IBM-Plex-Sans/woff2/IBMPlexSans-SemiBold.woff2") format("woff2"), url("fonts/IBM-Plex-Sans/woff/IBMPlexSans-SemiBold.woff") format("woff"); }

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/IBM-Plex-Sans/woff2/IBMPlexSans-Bold.woff2") format("woff2"), url("fonts/IBM-Plex-Sans/woff/IBMPlexSans-Bold.woff") format("woff"); }

@font-face {
  font-family: 'Tiempos Heading';
  font-style: normal;
  src: url("fonts/Tiempos WebFonts/tiempos-headline-web-light.woff") format("woff"), url("fonts/Tiempos WebFonts/tiempos-headline-web-light.eot") format("eot"); }

@font-face {
  font-family: 'Tiempos Fine Light';
  font-style: normal;
  src: url("fonts/Tiempos WebFonts/tiempos-fine-web-light.woff2") format("woff2"); }


@font-face {
  font-family: 'Tiempos Heading Italic';
  font-style: normal;
  src: url("fonts/Tiempos WebFonts/tiempos-headline-web-light-italic.woff2") format("woff2");}



@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/Inter/Inter-Bold.ttf") format("truetype"); }
  
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	src: url("fonts/Inter/Inter-SemiBold.ttf") format("truetype");}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
src: url("fonts/Inter/Inter-Regular.ttf") format("truetype");}
	
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/Inter/Inter-Medium.ttf") format("truetype");}

/* FOOTER COLUMNS (CHRIS LAM DESIGN) */
.foot-bl {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
/* Global - HTML tags */
html {font-size:16px; font-size:1rem;}
body {font-size:1.25rem; color: #1C1C1C; background-color:#fff; font-weight: 400; font-family: 'IBM Plex Sans', sans-serif;}
footer {background-color:#007F80; padding:70px 0;}

.footer-fix-bottom { position: fixed;bottom: 0px;width: 100%;}
.container {max-width: 1440px; padding: 0 60px; width: 100%;}
.container-fluid {padding:0;}
#page-wrap {padding-top:0!important;}
#main-content {padding-top:0;}
.navbar-brand {
    width: 15vw;
    height: 56px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
	vertical-align:bottom;
	margin: 20px 0;
}

.navbar-brand.white_logo {display:none;}
.navbar-brand.blue_logo {display:inline-block;}

.home .navbar-brand.white_logo {display:inline-block;}
.home .navbar-brand.blue_logo {display:none;}

/* Global - Typography - headings, paragraph text, lists, links, buttons, forms */

.home h1 {
	font-family: Tiempos Heading;
	color: #FFFFFF;	
	font-style: normal;
	font-weight: 300;
	font-size: 90px;
	line-height:96%;
	letter-spacing: -0.015em;
}

.home .banner-content p {
	color:#fff;
}
.banner-image .text {
    z-index: 2;
}
h1 {
	font-family: Tiempos Heading;
	font-style: normal;
	font-weight: 300;
	font-size:93px; 
	line-height:89.28px; 
	letter-spacing: -0.015em;
	padding:0;
	max-width: 1070px;
}
h2 {
	font-family: Tiempos Heading;
	font-style: normal;
	font-weight: 300;
	font-size: 75px;
	font-size: 3.5vw;
	line-height: 136%;
	line-height: 3.5vw;
	letter-spacing: -0.015em;
	padding:0;
	max-width: 1070px;
}
.page-about h1 {
	max-width: 1462.52px;
    line-height: 136%;
    font-size: 105px;
}
h3 {
	font-family: Tiempos Heading;
	font-style: normal;
	font-weight: 300;
	font-size: 93.6px;
	line-height: 96%;
	letter-spacing: -0.035em;
}
h4 {
	font-family: Tiempos Heading;
	font-style: normal;
	font-weight: 300;
	font-size: 67px;
	font-size: 3.25vw;
	line-height: 130%;
	letter-spacing: -0.01em;
}
h5 {
	font-family: Tiempos Heading;
	font-style: normal;
	font-weight: 300;
	font-size: 56px;
	line-height: 96%;
	letter-spacing: -0.015em;
}


ul, ol {margin:0;}
p, ul, ol {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 160%;
	letter-spacing: -0.01em;
}
ul, ol {margin-bottom:1rem;}
.bottom-150 {margin-bottom:150px;}
.padding-150 {padding:150px 0;}
.padding-bottom-150 {padding-bottom:150px;}
.display-none {display:none;}

a {color:#FE827F; text-decoration:none; transition:0.5s;}
a:hover {color:#1C1C1C; text-decoration:none;}
.foot-br .textwidget {padding: 0;}
.btn-check:focus+.btn, .btn:focus {box-shadow:none;}

.btn, input[type="submit"] {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 700;
	font-size: 19px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #FE827F;
	margin: 0px 12px;
	background-image:url(/wp-content/uploads/2021/06/cta-arrow.svg);
	background-size:26px;
	background-repeat: no-repeat;
	background-position:left center;
	padding-left: 32px;
	display: table;
    margin: 0;
	transition: 0.5s all;
}
.btn:hover , input[type="submit"]:hover{color: #FE827F; text-decoration: underline; text-underline-offset: 3px;}

form input {}
.center {text-align: center;}
.vh-center {
	display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: center;
}
.image {background-size:cover; background-repeat:no-repeat; background-position:center center; background-image:url(/wp-content/uploads/2021/06/2874452-2.png); padding-top:75%;}

.image.container-image {
    display: none;
}
.mob-video .image.container-image {display:block; padding-top: 97%; background-position:left center;}
#brand-subsection-one.mob-video .image.container-image, #brand-subsection-six.mob-video .image.container-image {background-position:center center;}
.image.fluid-image {
    height: 570px;
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
	padding-top: 0;
}
.mob-video .image.fluid-image {
    display: none;
}
.top-border {
	border: 2px solid #FE827F;
    width: 37px;
    margin-bottom: 15px;
    background-color: #FE827F;
}
span.italic-text {font-family: Tiempos Heading Italic; font-weight: 300;}
span.bold {font-style: bold;}



/*Colors*/
.bg-blue {background-color:#007F80; color:#fff;}
.bg-black {background-color: #1C1C1C; color:#fff;}
.bg-green {background-color: #007F80; color:#fff;}
.white {color:#fff;}
.black {color:#1C1C1C;}
.blue {color:#007F80}


/* Section - Nav */
header {position:absolute; width:100%; top:0;}
#main-nav-wrap {
	height:80px;
	background-color:transparent;
	border-radius: 0px;
	margin-bottom: 0px;
	border:none;
	border-bottom:1px solid rgba(51, 51, 51, 0.1);
}
.home #main-nav-wrap, .page-contact #main-nav-wrap {border-bottom:1px solid rgba(255, 255, 255, 0.3);}
#main-nav-wrap .nav-items {
	height:80px;
	display: table;
}
.header-menu-toggle {
	display: table-cell;
	vertical-align: middle;
}

/* New Mob nav Css */
html.mm-wrapper_opening .navbar-toggle {
    margin-top: 0px;
}
#hamburger {
    position: relative;
    right:15px;
    float: right;
    margin-top: 18px;
    padding:20px 0;
}
#hamburger > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    border-radius: calc(12px / 2);
    border: 1px solid #ffffff;
    /*animation: animmenu 1000ms cubic-bezier(0.9, 0, 0.1, 1) infinite;*/
    animation: animmenu 1000ms cubic-bezier(0.9, 0, 0.1, 1);
    background-color:#007F80;
}
.home #hamburger > *, .page-contact #hamburger > * {background-color:#fff;}
html.mm-wrapper_opening #hamburger > * {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 48px;
    width: 6px;
    border-radius: calc(12px / 2);
    border: 1px solid #ffffff;
    animation: animmenuclose 1500ms cubic-bezier(0.9, 0, 0.1, 1);
}


#hamburger .topleft {
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    transform: translate(-50%, -50%) rotate(45deg);
}
#hamburger .topright {
    left: calc(50% + 12px);
    top: calc(50% - 12px);
    transform: translate(-50%, -50%) rotate(45deg);
}
#hamburger .bottomright {
    left: calc(50% + 12px);
    top: calc(50% + 12px);
    transform: translate(-50%, -50%) rotate(-45deg);
}
#hamburger .bottomleft {
    left: calc(50% - 12px);
    top: calc(50% + 12px);
    transform: translate(-50%, -50%) rotate(-45deg);
}
@keyframes animmenu {
    25% {
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        height: 12px;
        width: 10px;
    }
    50% {
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        height: 48px;
        width: 6px;
    }

}
@keyframes animmenuclose {
    25% {
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        height: 1px;
        width: 2px;
    }
    50% {
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        height: 48px;
        width: 6px;
    }
}
.navbar-toggle {
	display:block; 
	border-left: 1px solid rgba(51, 51, 51, 0.1);
	width: 60px;
	height: 80px;
}
.home .navbar-toggle, .page-contact .navbar-toggle {border-left: 1px solid rgba(255, 255, 255, 0.3);}
#main-nav-wrap > .container-fluid {height:80px;}
.navbar-header {padding:0 30px; width: 100%; height: 80px;}
.home .navbar-toggle .icon-bar, .page-contact .navbar-toggle .icon-bar {background-color:#fff;}
.navbar-toggle .icon-bar {background-color:#007F80;}
/* Section - Nav - Mobile Menu (jQuery mmenu) */
.mm-menu.mm-front {box-shadow: none !important; }
.mm-menu.mm-top {height: auto; min-height:100%;}
html.mm-wrapper_opening .mm-menu.mm-top.mm-front {top: 75px;}
html.mm-wrapper_opening #main-nav-wrap.scrolled {background-color: #fff; color: #3f3f3f; }
.mm-menu > .mm-list {padding:20px 0 0;}
.mm-list {font-size: 18px; font-size:1.125rem; letter-spacing:2px;}
.mm-menu .mm-list > li:after {border-color: transparent; }
.mm-list > li > a {line-height: 1; display: inline-block; padding:5px 15px;}
html.mm-wrapper_opening .navbar-toggle, html.mm-wrapper_opening .navbar-toggle .icon-bar, .navbar-toggle, .navbar-toggle .icon-bar {-webkit-transition: none 0.5s ease 0.5s;
transition: none 0.5s ease 0.5s;
-webkit-transition-property: transform, margin-top, margin-bottom, opacity;
transition-property: transform, margin-top, margin-bottom, opacity;}
.navbar-header .num {
	display: inline-block;
    height: 80px;
    float: right;
    padding: 25px 0;
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-right: 32px;
}
a.top-num {display:none;  margin-right: 5vw; float: right; margin-right:3vw;}
.mm-wrapper_opening a.top-num {display: inline-block;}
html.mm-wrapper_opening .navbar-toggle .icon-bar:first-of-type {-ms-transform: rotate( 45deg ); -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); margin-bottom:-9px;}
html.mm-wrapper_opening .navbar-toggle .icon-bar:last-of-type {-ms-transform: rotate( -45deg ); -webkit-transform: rotate( -45deg ); transform: rotate( -45deg ); margin-top:-7px;}
html.mm-wrapper_opening .navbar-toggle .icon-bar:nth-of-type(2) {opacity:0;}
.mm-list>li>a {padding:5px 0 4px; border-bottom:solid 3px rgba(0,0,0,0);}
.mm-list>li>a:hover, .mm-list>li:focus>a, .mm-list>li>a:focus, .mm-list>li.current_page_parent>a,  .mm-list>li.current-page-ancestor>a {border-bottom-color:#f0483e;}
.mm-list>li>a {color:#222222;}
li.nav-contact-mobile a:hover {color:#e3382e;}
li.nav-contact-mobile {width:750px; margin:0 auto;}
.mm-menu_position-top {height: calc(100vh - 80px); margin-top: 80px; background: #007F80;}
.mm-listitem>a, .mm-listitem>span {
	padding: 20px 0;
    font-weight: 300;
	display:inline-block;
	font-family: Tiempos Heading;
	font-style: normal;
	font-size: 36px;
	line-height: 47px;
	letter-spacing: -0.02em;
}
.mm-panels>.mm-panel>.mm-listview {
	max-width: 1440px;
	padding: 0 60px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:80px;
}
.mm-listitem:after {left: 0;}
.mm-menu a, .mm-menu a:active, .mm-menu a:link, .mm-menu a:visited {color: #fff;}
.mm-listitem>a:hover, .mm-listitem>span:hover {color:#FE827F;}
.mm-panel_opened > .mm-navbar {display: none;}
.mm-listview li.menu-item:before {
    content: "";
    border-bottom-width: 0;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
	border-color: rgba(255, 255, 255, 0.4);
}
.mm-listview li.menu-item:first-child:before {
    border-bottom-width: 1px;
}
.mm-listitem:after {border-color: rgba(255, 255, 255, 0.4);}
.mm-panel {padding:0;}
.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview {margin-top: 90px;}
.mm-wrapper_opened #main-nav-wrap {background-color: #007F80;}
.mm-wrapper_opened #main-nav-wrap {border-bottom:none;}
.mm-wrapper_opened .navbar-toggle {border-left:transparent;}
.mm-wrapper_opened .navbar-brand.white_logo {display: inline-block;}
.mm-wrapper_opened .navbar-brand.blue_logo {display:none;}
.mm-wrapper_opened .navbar-toggle .icon-bar {background-color:#fff;}

/* Show / hide header with headroom.js */
#main-nav-wrap { 
	position:relative; 
	width:100%;
	z-index: 30;
	right: 0;
	left: 0;
	top: 0px;
	padding:0px;
}

#main-nav-wrap.headroom--not-top.slideUp, #main-nav-wrap.headroom--not-top.slideDown {
	position:fixed; 
	top:0; 
	background-color: #3f3f41;
}
.animated {
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-o-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp;
	-webkit-animation-duration: 0.15s;
	-moz-animation-duration: 0.15s;
	-o-animation-duration: 0.15s;
	animation-duration: 0.15s;
}
.animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown;
}


.slides .testi-img-wrap .container {
	width:100%;
}

@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideDown{0%{-moz-transform:translateY(-100%)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideDown{0%{-o-transform:translateY(-100%)}100%{-o-transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.animated.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-100%)}}@-moz-keyframes slideUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-100%)}}@-o-keyframes slideUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-100%)}}@keyframes slideUp{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.animated.slideUp{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}


/* Section - Page Layouts - Hero Banner */
.banner-image {
	display: table;
	width:100%;
	margin-bottom: -2px;
	position:relative;
	max-height: 85vh;
}
.banner-content {
	display: table-cell;
	vertical-align: middle;
}
.banner-content p {
	font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 160%;
    letter-spacing: -0.01em;
    max-width: 510px;
    margin-bottom: 0;
    margin-top: 20px;
}
.text-only {padding-top:80px;}
.text-only h1 {padding:120px 0; margin-bottom:0;}
.hero_button {margin-top:20px;}
a.btn {
	background: url(https://builtbyfabric.com/wp-content/uploads/2021/06/cta-arrow.svg) 15px 8px no-repeat white !important;
    display: inline-block;
    padding-left: 60px;
    padding-right: 25px; 
    color: #FE827F !important;
}


/* Section - Page Layout - Hero Banner - Bouncing Carrot */
@import "compass/css3";

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  height: 75px;
  background-image: url("images/Down_Arrows.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  z-index: 9999;
}


/* Section - Page Layout - Standard - Team Members (Remove if not applicable) */
.member-bio.collapse { display:none; }
.member-bio.collapse.show { display:block; position:relative; margin:0 auto;}
.member-bio.collapse.in { display:block; position:relative; margin:0 auto;}

/* no vertical padding should be on "div.member-bio" or "div.bios-wrap", this causes a snap in the close animation */
/* vertical spacing should be on the elements (<H>, <P> tags) within "div.member-bio" */
.team .bios-wrap .member-bio h3 { margin: 50px auto 0; }
.team .bios-wrap .member-bio p { margin: 0 auto 50px; }
.collapsing.member-bio a.close { margin: 50px auto 0; }
.director .director-image {position: relative; background-position: center center;background-repeat: no-repeat;background-size: contain; padding-top: 110%; background-position: top; margin-bottom: 15px;}



/*Homepage*/
.home .banner-image {background-color: #007F80; background-position:center center; position:relative;}
.banner-image .container {width:100%; height:100%; max-height:85vh;}
.mobile-image {display:none;}




/*Fifty fifty section*/
.fifty-fifty h2 {margin-bottom:30px; max-width:385px;}
.home #fifty-fifty h2, .home .fifty-fifty h2 {max-width:450px;}
#fifty-fifty , #forty-sixty, .fifty-fifty, .forty-sixty {position:relative; padding-bottom: 150px;}
section#fifty-fifty.bg-blue, .fifty-fifty.bg-blue {padding-bottom:150px; padding-top:150px;}
section#fifty-fifty .image.fluid-image, .fifty-fifty.bg-blue .image.fluid-image {top:150px;}
.home section#fifty-fifty .image.fluid-image, .home .fifty-fifty.bg-blue .image.fluid-image {top:0;}
.home section#fifty-fifty.bg-blue, .home .fifty-fifty.bg-blue {padding-top:0; padding-bottom:0;}
.home section#fifty-fifty.bg-blue .container, .home .fifty-fifty.bg-blue .container {
	background-image: url(/wp-content/uploads/2021/06/dot-grid-small-white.svg);
    background-size: auto;
    background-position: left 24% bottom -105px;
    background-repeat: no-repeat;
    padding-bottom: 150px;
}
#fifty-fifty .left-content, #forty-sixty .left-content, .fifty-fifty .left-content, .forty-sixty .left-content {height:570px; overflow: hidden;}
.fifty-fifty.mob-video .left-content {height: auto;}
#fifty-fifty .left-content .text, #forty-sixty .left-content .text, .fifty-fifty .left-content .text, .forty-sixty .left-content .text {max-width: 479px;}
.fifty-fifty.sub-section .right-content .text, .fifty-fifty.sub-section .left-content .text {max-width: 100%;}


/*Forty Sixty section*/
.forty-sixty h2 {margin-bottom:30px; max-width:450px; font-size: 93.6px; font-size:4.85vw; line-height: 4.85vw;}
#forty-sixty .container, .forty-sixty .container {
	padding-top:300px;
	background-image: url(/wp-content/uploads/2021/07/Frame-5.png);
    background-size: auto;
    background-position: left 24% top -6px;
    background-repeat: no-repeat;
    margin-top: -150px;
}
#forty-sixty .image.fluid-image, .forty-sixty .image.fluid-image {top:300px; width: 55%;}
#forty-sixty #fifty-fifty .image.fluid-image, .forty-sixty .fifty-fifty .image.fluid-image {top: 0;}
#forty-sixty #fifty-fifty .image, .forty-sixty .fifty-fifty .image {background-size: auto;}
#forty-sixty p, .forty-sixty p {max-width:375px;}
section#forty-sixty + section.fifty-fifty {margin-top: -175px;}

/*Sub sections*/
.home .sub-section .top-border {display:none;}
.sub-section p, .sub-section a.btn {margin-left: 75px; margin-right: 75px;}
.home .mob-video .right-content {
	background-image: url(/wp-content/uploads/2021/06/dot-grid-large-cobalt.svg);
    background-size: 62%;
    background-position: right bottom;
    background-repeat: no-repeat;
	padding-bottom: 65px;
}
.home .fifty-fifty.mob-video {padding-bottom: 0;}
.mob-video .image {background-size: contain;}
.right-image .image.fluid-image {right: 0; left: auto;}
.left-image .image.fluid-image {left: 0; right: auto;}
#subsection-three {background-image: url(/wp-content/uploads/2021/06/dot-grid-small-cobalt.svg); background-size: auto; background-position: left bottom 10%; background-repeat: no-repeat;}
#subsection-three .text {max-width: 100%;}
#subsection-three .left-content {height:auto;}
#subsection-three h2 {max-width:100%;}
#subsection-three .right-content.vh-center {-webkit-box-pack: center;}

.count {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 200;
	font-size: 110px;
	line-height: 115px;
	letter-spacing: -0.07em;
	color: #007F80;
	padding:0;
	min-width: 240px;
}
.count-description:last-child {
    margin-bottom: 0;
}
.count-description {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 122%;
	letter-spacing: -0.01em;
	color: #000000;
	margin-bottom:70px;
}
#subsection-three .right-content .row:first-child {
	margin-bottom: 70px;
}
#subsection-three .right-content .row:last-child .count-description {
	margin-bottom:30px;
}

/*Testimonial*/
.bg-dot-image {
	height: 268px;
    width: 268px;
    background-image: url(/wp-content/uploads/2021/06/dot-grid-large-white.svg);
    position: absolute;
    margin-top: -178px;
    right: 0;
}
#testimonial {
	padding:150px 0; 
	text-align:center;
	background-image: url(/wp-content/uploads/2021/06/dot-grid-small-white.svg);
    background-size: 13%;
    background-position: left -7% bottom 10%;
    background-repeat: no-repeat;
}
#testimonial  h4 {margin-bottom:120px;  max-width: 993px; margin-left: auto; margin-right: auto;}
#testimonial .col-md-2.col-4 {width: calc(100%/5);}
#testimonial .date {
	font-family: IBM Plex Mono;
	font-style: normal;
	font-weight: bold;
	font-size: 16.3204px;
	line-height: 140%;
	text-align: center;
	letter-spacing: 0.07em;
	color: #FFFFFF;
}
#testimonial a.btn {margin-left:auto; margin-right:auto; margin-bottom:120px;}
.testi-logo {  
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 120px;
}
#testimonial .col-md-2.col-4:nth-child(1) .testi-logo {
	background-image:url(/wp-content/uploads/2021/08/Home-testimonial-inc5000-logo-1.png);
}
#testimonial .col-md-2.col-4:nth-child(2) .testi-logo {
	background-image:url(/wp-content/uploads/2021/08/Home-testimonial-entrepreneur360-logo-2.png);
}
#testimonial .col-md-2.col-4:nth-child(3) .testi-logo {
	background-image:url(/wp-content/uploads/2021/08/Home-testimonial-Texas-inc5000-logo-3.png);
}
#testimonial .col-md-2.col-4:nth-child(4) .testi-logo {
	background-image:url(/wp-content/uploads/2021/08/Home-testimonial-vet100-logo-4.png);
}
#testimonial .col-md-2.col-4:nth-child(5) .testi-logo {
	background-image:url(/wp-content/uploads/2021/08/Home-testimonial-future50-logo-5.png);
}


/*Brands*/
#brands {position:relative;}
div#allvideo {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
	z-index:-1;
}
#brands .padding-150 {z-index:2;}
#brands video {
	width:100%; 
	height: 100%;
    min-height: 100vh;
    object-fit: cover;
}
div#allvideo {height:100%;}
div#allvideo div {height:100%;}
#brands .overlay {width:100%; height:100%; background: rgba(0, 0, 0, 0.52);}
#brands .accordion-button {
	border: none;
    background-color: transparent;
    color: #fff;
    font-family: Tiempos Heading;
    font-style: normal;
    font-weight: 300;
    font-size: 56px;
    line-height: 55px;
    letter-spacing: -0.015em;
	box-shadow:none;
	padding: 25px 0;
}
#brands .accordion-item {
	background-color: transparent;
    border: none;
    color: #fff;
    border-top: 1px solid #fff;
    border-radius: 0;
}
#brands .accordion {margin-top:115px; min-height: 307px;}

#brands .accordion .col-md-4 {padding-right: 30px; padding-left:30px}
#brands .accordion .col-md-4:first-child {padding-right: 30px; padding-left:15px}
#brands .accordion .col-md-4:last-child {padding-right:15px; padding-left:30px;}
#brands .accordion-button::after {display:none;}
#brands .accordion-body {
	padding:20px 0;
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: -0.015em;
	color: #FFFFFF;
}
.accordion-body .btn {color:#fff; background-image:url(/wp-content/uploads/2021/06/cta-arrow.svg);}


/*History Section*/
.history {padding: 150px 0;}
#history h2 {max-width: 32vw; margin-bottom: 20px;}
.year-graph {margin-top:100px;}
body .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li .ctl-story-time:after {
	height: 1px;
    width: 27px;
    top: 37px;
	bottom: auto;
    transform: rotate(90deg);
} 
body .cool-timeline-horizontal .full-width img {max-width:100%;}
body .cool-timeline-horizontal.dark-timeline .full-width img, body .cool-timeline-horizontal.light-timeline .full-width img {width:100%;}
body #history ul h2 {
	background-color:transparent;
	font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
    text-align: center;
	max-width: 219px;
	margin-left:auto;
	margin-right:auto;
}
body #history .content-details {
	max-width: 220px;
	letter-spacing: -0.01em;
	font-size: 15px;
	line-height: 130%;
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
}
body .cool-timeline-horizontal.light-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .ctl_info {color:#fff; background:transparent;}
body .cool-timeline-horizontal.light-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post {
	background: transparent;
    border: none;
    color: #fff;
}
body .cool-timeline-horizontal.light-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post a, body .cool-timeline-horizontal.light-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post h2.content-title a, body .cool-timeline-horizontal.light-timeline .clt_caru_slider ul.slick-slider .slick-list li:nth-child(2n).slick-slide .timeline-post a, body .cool-timeline-horizontal.light-timeline .clt_caru_slider ul.slick-slider .slick-list li:nth-child(2n).slick-slide .timeline-post h2.content-title a, body .cool-timeline-horizontal.light-timeline .clt_caru_slider ul.slick-slider .slick-list li:nth-child(2n+1).slick-slide .timeline-post a, body .cool-timeline-horizontal.light-timeline .clt_caru_slider ul.slick-slider .slick-list li:nth-child(2n+1).slick-slide .timeline-post h2.content-title a {
	color:#fff!important;
}
body .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li.slick-slide.slick-current:after, body .cool-timeline-horizontal.ht-design-2 .clt_carousel_slider ul.slick-slider .slick-list li.slick-slide:after {display:none;}
body .cool-timeline-horizontal .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-details {
	padding: 0;
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 130%;
    text-align: center;
    letter-spacing: -0.01em;
}
body .cool-timeline-horizontal.light-timeline .clt_carousel_slider ul.slick-slider .slick-list li span.ctl-story-time, body .cool-timeline-horizontal.light-timeline .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n) span.ctl-story-time, body .cool-timeline-horizontal.light-timeline .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1) span.ctl-story-time {
	font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16.4227px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    padding-bottom: 0;
	display: block;
    margin-bottom: 55px;
}
body .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:before {height:1.3px; top: 37px; bottom: auto;}
.history .full-width {
	padding-top: 75%;
    display: inline-block;
    position: relative;
    width: 11vw;
	margin-bottom: 20px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#story-id-79 .full-width, 
#story-id-358 .full-width,
#story-id-84 .full-width,
#story-id-352 .full-width,
#story-id-77 .full-width,
#story-id-79 .full-width,
#story-id-81 .full-width,
#story-id-82 .full-width,
#story-id-85 .full-width,
#story-id-356 .full-width,
#story-id-354 .full-width
 {background-size: contain;}
body .cool-timeline-horizontal.dark-timeline .full-width img, body .cool-timeline-horizontal.light-timeline .full-width img {
	position: absolute;
    top: 0;
    width: auto;
    height: 100%;
    left: 0;
    right: 0;
	border-radius:0;
}
body .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider button.ctl-slick-next {background-image: url(/wp-content/uploads/2021/07/Vector-10.png)!important;}
body .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider button.ctl-slick-prev {background-image: url(/wp-content/uploads/2021/07/Vector-10.png)!important; z-index:9;}
body .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider button {position: absolute; bottom: 0; top: auto!important; transform: initial;}
body .ctl-slick-prev {
    left: 0;
}
body .ctl-slick-next {
    right: 0;
}
body .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider button {border: none!important;}
body .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider button.ctl-slick-next {transform: rotate(180deg);}
body .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider button.ctl-slick-prev:hover {background-image:url(/wp-content/uploads/2021/07/Vector-10.png)!important; border:none!important}

/*Team*/
section.out_team_parent {padding:150px 0;}
.director:nth-child(3n+1) .leadership-tile {
	margin-left: 0;
    margin-right: 60px;
}
.director:nth-child(3n+2) .leadership-tile {
    margin-right: 30px;
    margin-left: 30px;
}

.director:nth-child(3n+0) .leadership-tile {
    margin-right: 0;
    margin-left: 60px;
}
.grey-overlay {
	width: 100%;
    height: calc(100% - 70px);
    position: absolute;
    top: 70px;
    background-color: #f0f0f0;
    z-index: -1;
}
.leadership-tile h5 {
	font-family: Tiempos Heading;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 96%;
	letter-spacing: -0.015em;
	color: #1C1C1C;
	margin: 10px 0;
	background-image: url(/wp-content/uploads/2021/06/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}
.leadership-tile p {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	line-height: 140%;
	letter-spacing: -0.015em;
}
.out_team_parent .director .leadership-tile {cursor:pointer;transition:0.5s;}
.out_team_parent h2 {margin-bottom:30px;}
.out_team_parent .director .leadership-tile:hover .grey-overlay {background-color: #007F80; transition:0.5s;}


/*About*/
#fifty-fifty-about {padding-bottom:0; padding-top:0; height:706px;}
#fifty-fifty-about .container, #fifty-fifty-about .row {height:100%;}
/*#fifty-fifty-about .sub-section p {height: 80px; overflow: hidden;}*/
/*#fifty-fifty-about .right-content {padding: 185px 0;}*/
section#fifty-fifty-about .image.fluid-image {height:706px;}
section#fifty-fifty-about .image.fluid-image {top:0;}
#fifty-fifty-about p {max-width: 368px;}
.page-about .container.vh-center {display:block;}
.page-about .text-and-image {width:100%; height:100%;}
.page-about .bg-dot-image {right:150px;}
#fifty-fifty-about .right-content.vh-center {width: 45%; margin-left: 5%;}
#fifty-fifty-about .image.fluid-image {width:50%;}

/* Home Brand*/
.hidden_video { display: none;}
/*Contact US*/
.page-contact .navbar-brand.white_logo {display:inline-block;}
.page-contact .navbar-brand.blue_logo {display:none;}
.page-contact #page {background-color:#007F80; color:#fff;}
.page-contact #page-wrap {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 150px;
	background-image: url(/wp-content/uploads/2021/06/dot-grid-small-white.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left bottom -160px;
}
.page-contact .text-only h1 {padding-bottom:0;}
.page-contact .text-only {
	padding-bottom: 90px;
    background-image: url(/wp-content/uploads/2021/06/dot-grid-small-white.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right -110px bottom;
}
.input-field {margin-bottom:45px;}
.input-field.textarea {margin-bottom:10px;}
.input-field input, .input-field textarea {width:100%; padding-bottom:5px; margin-bottom:5px; background-color:transparent; color:#fff; border:none; border-bottom: 1px solid rgba(255, 255, 255, 0.6);}
.input-field textarea {height:100px;}
:focus-visible {outline:none;}
::-webkit-input-placeholder {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: -0.01em;
	color: #FFFFFF;
}
:-ms-input-placeholder {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: -0.01em;
	color: #FFFFFF;
}
::placeholder {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: -0.01em;
	color: #FFFFFF;
}
.wpcf7-not-valid-tip {color: #FE827F; font-size: 16px;}
input[type="submit"] {
	background-color: transparent;
    outline: none;
    border: none;
}
#sidebar a, #sidebar p {
    font-family: Tiempos Heading;
    font-style: normal;
    font-weight: 300;
    font-size: 27px;
    line-height: 120%;
    color: #FFFFFF;
    margin-bottom: 5px;
    display: inline-block;
}
.sb-header {margin-bottom: 30px;}
#sidebar .sb-header h3 + a {margin-bottom: 5px;}
#sidebar p {display: block; margin-bottom: 5px;}
#sidebar {margin:0; padding:0;}
#sidebar a:hover {color: #1C1C1C;}
#sidebar h3 {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	color: #FFFFFF;
	margin-bottom: 2px;
}
#sidebar a:hover {
    color: #fff;
    text-decoration: underline;
	text-underline-offset: 3px;
	transition:0.25s;
}

/*Fullwidth Template*/
.page-template-default #main-content {padding-bottom:150px;}
.page-template-default #main-content .container, .page-template-default .container-fluid.text-only {max-width:1024px;}
.page-template-default ol, .page-template-default ul {padding-inline-start: 30px;}
.page-template-default.page-terms ul {list-style-type:none; padding-inline-start:0;}
.page-template-default.page-terms ul ul {padding-inline-start:30px;}
.page-template-default.page-terms ul ul {list-style: disc;}
.page-template-default.page-terms ul ol {list-style: decimal;}
.page-template-default.page-terms ul ol ol {list-style-type: upper-alpha;}
.page-template-default.page-terms li h4 {display: block; line-height: 40px; padding-bottom: 25px;}
.page-template-default.page-terms .vh-center {-webkit-box-pack: center;}
.page-template-default .banner-content p {max-width:100%;}
.page-template-default h3 {font-size:40px; margin-top:30px; margin-bottom:15px;}
.page-template-default h4 {font-size:30px; margin-top:30px; margin-bottom:15px;}
.page-template-default .text-only h1 {padding:120px 0 40px 0;}
.page-template-default .bold {font-weight:700;}
.page-template-default .italics {font-style: italic;}
.page-template-default.page-terms ul ol li {margin-bottom: 20px;}


/*Error 404*/
.error404 #main-content {
	padding: 200px 0 120px 0;
}

.error404 .page-title {
	padding-bottom: 0;
    font-family: Tiempos Fine Light;
    font-style: normal;
    font-weight: 300;
    font-size: 11.5vw;
    line-height: 96%;
    letter-spacing: -0.025em;
    margin-bottom: 23px;
}
.error404 h3 {
	font-family: Tiempos Heading;
	font-style: normal;
	font-weight: 300;
	font-size: 50px;
	line-height: 96%;
	letter-spacing: -0.015em;
	margin-bottom: 30px;
}

/*Modal*/
.modal {
    height: 100%;
    text-align: center;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
	background:rgba(28, 28, 28, 0.5);
}
.modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 0 auto;
    height: 70vh;
    max-width: 70vw;
	background-color:#007F80;
}
.modal-content {
    background-color: transparent;
    border: none;
	height: 100%;
}
.modal-header {
    background: transparent;
    z-index: 999;
    position: absolute;
    right: 0;
    border-bottom: none;
}
.modal-header .close {
    float: left;
    color: #fff;
    opacity: 1;
	background-color: transparent;
    border: none;
	margin: 0 0 0 auto;
	background-image: url(/wp-content/uploads/2021/07/close-white-modal.svg);
    height: 40px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.modal-body {
    max-height: 100%;
    height: 100%;
    padding: 0;
	overflow:hidden;
}
.modal-body  .row {height:100%;}
.modal-body .image {background-position: center top; height:100%; padding-top:auto; background-size:cover;}
.modal-body .left {padding: 0 30px;}
.modal-body span.title {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 160%;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	display:block;
	margin-bottom:50px;
}
.modal-backdrop.show {display:none;}
.modal-body .left {padding-top:90px;}
.modal-content .inner-content {
	overflow-y: auto;
    max-height: calc(70vh - 155px);
	padding-right:20px;
} 

/* width */
.modal-content .inner-content::-webkit-scrollbar {
  width: 10px;
  border-radius:10px;
}

/* Track */
.modal-content .inner-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.modal-content .inner-content::-webkit-scrollbar-thumb {
  background: #FE827F;
}

/* Handle on hover */
.modal-content .inner-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/*Animation Code*/
.field, .field * {
            position: absolute;
            top: 50%;
            left: 50%;
            border-radius: 50%;
            transform-style: preserve-3d;
        }

        .field {
            transform: rotateX(-50deg) scaleX(1.15) rotateY(0deg);
            animation: roty 70s linear infinite;
        }

        .circle:nth-child(1) {
            transform: rotateY(0deg) translateZ(13em);
        }
        .circle:nth-child(2) {
            transform: rotateY(7.5deg) translateZ(13em);
        }
        .circle:nth-child(3) {
            transform: rotateY(15deg) translateZ(13em);
        }
        .circle:nth-child(4) {
            transform: rotateY(22.5deg) translateZ(13em);
        }
        .circle:nth-child(5) {
            transform: rotateY(30deg) translateZ(13em);
        }
        .circle:nth-child(6) {
            transform: rotateY(37.5deg) translateZ(13em);
        }
        .circle:nth-child(7) {
            transform: rotateY(45deg) translateZ(13em);
        }
        .circle:nth-child(8) {
            transform: rotateY(52.5deg) translateZ(13em);
        }
        .circle:nth-child(9) {
            transform: rotateY(60deg) translateZ(13em);
        }
        .circle:nth-child(10) {
            transform: rotateY(67.5deg) translateZ(13em);
        }
        .circle:nth-child(11) {
            transform: rotateY(75deg) translateZ(13em);
        }
        .circle:nth-child(12) {
            transform: rotateY(82.5deg) translateZ(13em);
        }
        .circle:nth-child(13) {
            transform: rotateY(90deg) translateZ(13em);
        }
        .circle:nth-child(14) {
            transform: rotateY(97.5deg) translateZ(13em);
        }
        .circle:nth-child(15) {
            transform: rotateY(105deg) translateZ(13em);
        }
        .circle:nth-child(16) {
            transform: rotateY(112.5deg) translateZ(13em);
        }
        .circle:nth-child(17) {
            transform: rotateY(120deg) translateZ(13em);
        }
        .circle:nth-child(18) {
            transform: rotateY(127.5deg) translateZ(13em);
        }
        .circle:nth-child(19) {
            transform: rotateY(135deg) translateZ(13em);
        }
        .circle:nth-child(20) {
            transform: rotateY(142.5deg) translateZ(13em);
        }
        .circle:nth-child(21) {
            transform: rotateY(150deg) translateZ(13em);
        }
        .circle:nth-child(22) {
            transform: rotateY(157.5deg) translateZ(13em);
        }
        .circle:nth-child(23) {
            transform: rotateY(165deg) translateZ(13em);
        }
        .circle:nth-child(24) {
            transform: rotateY(172.5deg) translateZ(13em);
        }
        .circle:nth-child(25) {
            transform: rotateY(180deg) translateZ(13em);
        }
        .circle:nth-child(26) {
            transform: rotateY(187.5deg) translateZ(13em);
        }
        .circle:nth-child(27) {
            transform: rotateY(195deg) translateZ(13em);
        }
        .circle:nth-child(28) {
            transform: rotateY(202.5deg) translateZ(13em);
        }
        .circle:nth-child(29) {
            transform: rotateY(210deg) translateZ(13em);
        }
        .circle:nth-child(30) {
            transform: rotateY(217.5deg) translateZ(13em);
        }
        .circle:nth-child(31) {
            transform: rotateY(225deg) translateZ(13em);
        }
        .circle:nth-child(32) {
            transform: rotateY(232.5deg) translateZ(13em);
        }
        .circle:nth-child(33) {
            transform: rotateY(240deg) translateZ(13em);
        }
        .circle:nth-child(34) {
            transform: rotateY(247.5deg) translateZ(13em);
        }
        .circle:nth-child(35) {
            transform: rotateY(255deg) translateZ(13em);
        }
        .circle:nth-child(36) {
            transform: rotateY(262.5deg) translateZ(13em);
        }
        .circle:nth-child(37) {
            transform: rotateY(270deg) translateZ(13em);
        }
        .circle:nth-child(38) {
            transform: rotateY(277.5deg) translateZ(13em);
        }
        .circle:nth-child(39) {
            transform: rotateY(285deg) translateZ(13em);
        }
        .circle:nth-child(40) {
            transform: rotateY(292.5deg) translateZ(13em);
        }
        .circle:nth-child(41) {
            transform: rotateY(300deg) translateZ(13em);
        }
        .circle:nth-child(42) {
            transform: rotateY(307.5deg) translateZ(13em);
        }
        .circle:nth-child(43) {
            transform: rotateY(315deg) translateZ(13em);
        }
        .circle:nth-child(44) {
            transform: rotateY(322.5deg) translateZ(13em);
        }
        .circle:nth-child(45) {
            transform: rotateY(330deg) translateZ(13em);
        }
        .circle:nth-child(46) {
            transform: rotateY(337.5deg) translateZ(13em);
        }
        .circle:nth-child(47) {
            transform: rotateY(345deg) translateZ(13em);
        }
        .circle:nth-child(48) {
            transform: rotateY(352.5deg) translateZ(13em);
        }

        .rotor {
            animation: rotx 25s linear infinite;
        }
        .circle:nth-child(3n + 1) .rotor {
            animation-delay: -5s;
        }
        .circle:nth-child(3n + 2) .rotor {
            animation-delay: -10s;
        }

        .dot {
            margin: -0.08em;
            width: 0.16em;
            height: 0.16em;
            backface-visibility: hidden;
        }
        .dot:nth-child(1) {
            transform: rotateX(0deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(2) {
            transform: rotateX(10deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(3) {
            transform: rotateX(20deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(4) {
            transform: rotateX(30deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(5) {
            transform: rotateX(40deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(6) {
            transform: rotateX(50deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(7) {
            transform: rotateX(60deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(8) {
            transform: rotateX(70deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(9) {
            transform: rotateX(80deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(10) {
            transform: rotateX(90deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(11) {
            transform: rotateX(100deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(12) {
            transform: rotateX(110deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(13) {
            transform: rotateX(120deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(14) {
            transform: rotateX(130deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(15) {
            transform: rotateX(140deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(16) {
            transform: rotateX(150deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(17) {
            transform: rotateX(160deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(18) {
            transform: rotateX(170deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(19) {
            transform: rotateX(180deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(20) {
            transform: rotateX(190deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(21) {
            transform: rotateX(200deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(22) {
            transform: rotateX(210deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(23) {
            transform: rotateX(220deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(24) {
            transform: rotateX(230deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(25) {
            transform: rotateX(240deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(26) {
            transform: rotateX(250deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(27) {
            transform: rotateX(260deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(28) {
            transform: rotateX(270deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(29) {
            transform: rotateX(280deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(30) {
            transform: rotateX(290deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(31) {
            transform: rotateX(300deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(32) {
            transform: rotateX(310deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(33) {
            transform: rotateX(320deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(34) {
            transform: rotateX(330deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(35) {
            transform: rotateX(340deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(36) {
            transform: rotateX(350deg) translateZ(7em) scale(0.75);
            background: #007F80;
        }

        @keyframes rotx {
            to {
                transform: rotateX(360deg);
            }
        }
        @keyframes roty {
            to {
                transform: rotateX(-50deg) scaleX(1.15) rotateY(360deg);
            }
        }


		
/*.animation1 {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    height: 100%;
}*/
.animation1 canvas {
   /* max-height: 450px;
   max-height: 100%;*/
   max-height:auto;
}
.home .animation_circle {position:absolute; right:0; top:13%; bottom:auto;}
.animation2 {
	position: absolute;
    right: -2%;
    width: 100vw;
    height: 100%;
    left: auto;
	top:6%;
}
.animation2 .field, .animation2 .field * {left:auto; right:6%;}
.page-solutions .banner-image .container {position:relative;}
.page-solutions .banner-image .container .text-and-image {width:100%; height:100%;}
.animation3 {
	position: absolute;
    height: calc(100% - 180px);
	top: 125px;
    right: 0;
    width: 40%;
	overflow: hidden;
	left: auto;
}
.animation3 canvas {max-width:inherit;}
.animation3 div#bg_animation, .animation2 div#bg_animation, .animation2 .animation_circle, .animation3 .animation_circle {height:100%; overflow: hidden;}
.home div#bg_animation {height:auto;}
/*.home .animation_circle {height: inherit; margin-top:-3%;}*/
canvas {max-height: 100%; max-width: 100%;}
.home #bg_animation canvas {
	width: 90vw;
    height: 85vh;
}
/*.home canvas {max-height:inherit;}*/
.page-testing .banner-image {background-color:#007F80;}
.animation1 .animation_circle {
    /*margin-left: 10%*/
}
/*.animation2 {position: absolute; right: 0; max-width: 30vw; height:100%; top: 0;}*/
.animation_circle_parent .text-and-image .row {
	height:100%; width:100%; overflow: hidden;
}
.animation_circle_parent {overflow:hidden;}


/*Solution Page*/
.page-solutions h1, .page-telemedicine-software h1 {max-width: 1462.52px;
    line-height: 136%;
    font-size: 105px;}
.page-solutions .fifty-fifty h2 {max-width: 650px; margin-bottom: 50px;}
.page-solutions .fifty-fifty p, .page-solutions .fifty-fifty a.btn {
    margin-left: 75px;
    margin-right: 75px;
}
.page-solutions .fifty-fifty {padding:0;}
.page-solutions .fifty-fifty .container {
	background-image: url(/wp-content/uploads/2021/06/dot-grid-large-cobalt.svg);
	background-size: auto;
	background-position: left 28% bottom 16%;
	background-repeat: no-repeat;
	padding-bottom: 50px;
}

/*Lotte animation section*/
#smart-services .mobile_view { display: none}
section#smart-services {padding-bottom: 100px;}
.shape {display: inline-block;  width: calc(100%/5);}
.shape p.description {opacity: 0; transition: 0.5s all; height:0;}
.shape:hover p.description {opacity: 1;}
#smart-services .circle, #smart-services .triangle, #smart-services .diamond {width: 100%;}
.shape .num, .hover-div {
	font-family: IBM Plex Mono;
	font-style: normal;
	font-size: 13px;
	line-height: 160%;
	letter-spacing: -0.01em;
	color: rgba(255, 255, 255, 0.5);
	transform: matrix(1, -0.01, 0.01, 1, 0, 0);
	margin-bottom:10px;
}
.hover-div.deactive {opacity: 0;}
.hover-div {
    font-family: IBM Plex Sans;
	opacity:1;
}
.icon {
	background-image: url(/wp-content/uploads/2021/08/unnamed-file.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.responsive-phone-inner .icon {border:none;}
.shape .title {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 104%;
	letter-spacing: -0.025em;
	color: #FFFFFF;
	transform: matrix(1, 0, 0, 1, 0, 0);
	margin-bottom:10px;
	max-width: 145px;
}

/*Brand Page*/
.page-brands .text-only {
	background-image: url(/wp-content/uploads/2021/06/dot-grid-large-cobalt.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left -175px top 210px;
}
.page-brands .text-only h1 {max-width: 1462.52px;
    line-height: 136%;
    font-size: 105px;}
.page-brands #main-content {margin-top: -150px;}
.brand_logo_small {
	background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    height: 29px;
    margin-bottom: 80px;
}
section#brand-subsection-six, .page-brands .bg-black .fifty-fifty:last-child {padding-bottom:0;}
#brand-subsection-one .left-content {
	background-image: url(/wp-content/uploads/2021/06/dot-grid-large-cobalt.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center bottom;
	height:auto;
	padding-bottom: 85px; 
}
#brand-subsection-two .right-content {
	background-image: url(/wp-content/uploads/2021/06/dot-grid-large-cobalt.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right bottom;
	padding-bottom: 100px;
}
#brand-subsection-two.fifty-fifty h2 {max-width: 590px;}
#subsection-two .image {background-position:right center;}
section#brand-subsection-two {padding-bottom:50px;}
#brand-subsection-three {
	background-image: url(/wp-content/uploads/2021/06/dot-grid-small-white.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left -40px bottom;
    padding-bottom: 175px;
}
#brand-subsection-four .right-content {
	background-image: url(/wp-content/uploads/2021/06/dot-grid-small-white.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right 225px bottom;
}
#brand-subsection-four .right-content {padding-bottom:85px;}
#brand-subsection-five {
	background-image: url(/wp-content/uploads/2021/06/dot-grid-small-cobalt.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.page-brands .bg-black {
	background-image: url(/wp-content/uploads/2021/06/dot-grid-large-white.svg);
    background-size: auto;
    background-position: right -60px top -125px;
    background-repeat: no-repeat;
	padding-bottom:75px;
}
#statistics {
	background-image: url(/wp-content/uploads/2021/06/dot-grid-large-cobalt.svg);
    background-size: auto;
    background-position: right -60px bottom -315px;
    background-repeat: no-repeat;
	padding-bottom: 150px;
}
#statistics h2 {margin-bottom:60px;}
section#brand-subsection-one {
    padding-bottom: 100px;
}
#statistics .col-md-3 {width: auto; margin-right: 5.5vw;}
#statistics .col-md-3:last-child {margin-right:0;}
#statistics .col-md-3:nth-child(2) .count {min-width:160px;}

/*Thank You*/
.page-thank-you .text-only h1 {
	padding-bottom:20px;
	font-family: Tiempos Headline;
	font-style: normal;
	font-weight: 300;
	font-size: 6.5vw;
	line-height: 96%;
	letter-spacing: -0.015em;
}


/*CTA*/
.cta {
	padding:200px 0;     
	background-image: url(/wp-content/uploads/2021/06/dot-grid-large-cobalt.svg);
    background-size: auto;
    background-position: right center;
    background-repeat: no-repeat;
	background-color:#fff;
}
.cta h2 {
	font-family: Tiempos Heading;
	font-style: normal;
	font-weight: 300;
	font-size: 140px;
	font-size:7vw;
	line-height: 96%;
	letter-spacing: -0.025em;
	color: #1C1C1C;
	transform: matrix(1, 0, 0, 1, 0, 0);
}
.cta > h2 {margin-bottom:40px;}
.cta p {max-width: 405px; display: inline-block;}
.cta p + h2 {display:inline-block; line-height: 68px; vertical-align: super; width:auto;}

/*Footer*/
footer li {list-style-type:none;}
footer li a {
	font-family: Tiempos Heading;
	font-style: normal;
	font-weight: 300;
	font-size: 35px;
	line-height: 145%;
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, 0.9);
}
footer li a:hover {color: #FE827F;}
.foot-br {position:relative; text-align: left;}
.foot-br li a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 230%;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.9);
}
.foot-br .textwidget {float:right;}
footer a.navbar-brand {
    top: auto;
    left: auto;
    right: calc(var(--bs-gutter-x)/ 2);
    margin-right: 0;
    bottom: calc(var(--bs-gutter-x)/ 2);
	text-align:right;
}
footer .navbar-brand img {
	max-width: 100%;
}
.foot-br ul {padding-inline-start:0;}



/*mobile css*/
.responsive-phone-wrap {
    width: 307px;
    height: 642.89px;
    background: url(/wp-content/uploads/2021/07/Body.png) center center no-repeat;
    padding: 8px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}
.responsive-phone-wrap {
    overflow: hidden !important;
}
.responsive-phone-inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    background: url(/wp-content/uploads/2021/07/Design-screen.png) center center no-repeat;
    border-radius: 28px;
}
.mob-code-video .responsive-phone-wrap {width: auto; height: auto; background: transparent;}
.mob-code-video .responsive-phone-inner video {height: auto; max-width: 78%;}
.mob-code-video .responsive-phone-inner {background:transparent;}
.mob-code-video .responsive-phone-inner div {display:none;}
.responsive-phone-inner video {
	height: 100%;
    max-width: 100%;
}
.responsive-phone-inner .icon {
	position: absolute;
    
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto;
    width: auto;
    
}
.battery-icon {background-image: url(/wp-content/uploads/2021/07/Battery.png); background-position: top 25px right 15px;}
.wifi-icon {background-image: url(/wp-content/uploads/2021/07/Wifi.png); background-position: top 25px right 40px;}
.connection-icon {background-image: url(/wp-content/uploads/2021/07/Cellular-Connection.png); background-position: top 25px right 60px;}
.time-icon {background-image: url(/wp-content/uploads/2021/07/Time-Style.png); background-position: top 14px left 15px;}
.bottom-indicator {background-image: url(/wp-content/uploads/2021/07/Home-Indicator.png); background-position: bottom 8.45px center;}


/* MEDIA QUERIES */

@media all and (max-width:1600px) {
	.home #fifty-fifty h2, .home .fifty-fifty h2 {max-width: 340px;}
	.fifty-fifty h2 {max-width:290px;}
	.page-brands .text-only {background-position: left -244px top 275px;}
}

@media all and (max-width:1500px) {
	#subsection-three {background-position: left -4vw bottom 10%;}
}

@media all and (max-width:1400px) {
	.home #fifty-fifty h2, .home .fifty-fifty h2 {max-width: 315px;}
	.home #fifty-fifty.bg-blue h2 {max-width:275px;}
	.cta h2 {font-size:7.5vw;}
	.count {font-size:7.5vw;}
	#brands .accordion-button {font-size: 4vw; line-height: 6vw; padding: 10px 0;}
	.page-about h1 {
		font-size: 76px;
		line-height: 136%;
		max-width:1096px;
	}
	.home .animation_circle {top: auto; bottom: -5%; height: 100%;}
}

@media all and (max-width:1300px) {
	#brand-subsection-one .left-content {background-position: center bottom -180px;}
}

@media all and (min-width:1025px) and (max-width:1300px) {
	.page-solutions .fifty-fifty .container {background-position: left 19% bottom 33%;}
	.page-brands .text-only {background-position: left -310px top 275px;}
	.page-brands .text-only h1 {padding: 120px 0 200px 0;}
}

@media all and (min-width:1200px) {
	/* the slides */
	.slick-slide {
		padding-left: 75px!important;
		padding-right: 75px!important;
	}
	/* the parent */
	.slick-list {
		padding-left: -75px!important;
		padding-right: -75px!important;
	}
}

/* Medium Devices & Desktops (Narrower than 1199px) */
@media all and (max-width: 1199px) {
	h1 {
		font-size: 8vw;
		line-height: 9vw;
	}
	 h2 {font-size:4vw; line-height:4.5vw;}
	.home h1 {font-size:10.5vw; }
	.page-about h1 {font-size: 6.35vw;}
	.page-solutions h1, .page-telemedicine-software h1 {font-size: 6.35vw;}
	 h2 {font-size:3.5vw;}
	.home .animation_circle {bottom:-15%;}
	.navbar-brand {width: 180px;}
	/* the slides */
	.slick-slide {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	/* the parent */
	.slick-list {
		padding-left: -20px!important;
		padding-right: -20px!important;
	}
	#sidebar a, #sidebar p {font-size: 2.5vw;}
	.forty-sixty h2 {max-width:300px;}
	#history h2 {max-width: 37vw;}
	.modal-body .image {background-position: center bottom; background-size:contain;}
	
	.home .mob-video .right-content {background-size:auto;}
	.page-brands .text-only h1 {font-size: 6.85vw; max-width: 75vw; line-height:8vw;}
	.modal-dialog {max-width: 90vw; height:auto; max-height:90vh;}
	.modal-body .left {margin-bottom: 80px;}
	
		.circle:nth-child(1) {
            transform: rotateY(0deg) translateZ(8em);
        }
        .circle:nth-child(2) {
            transform: rotateY(7.5deg) translateZ(8em);
        }
        .circle:nth-child(3) {
            transform: rotateY(15deg) translateZ(8em);
        }
        .circle:nth-child(4) {
            transform: rotateY(22.5deg) translateZ(8em);
        }
        .circle:nth-child(5) {
            transform: rotateY(30deg) translateZ(8em);
        }
        .circle:nth-child(6) {
            transform: rotateY(37.5deg) translateZ(8em);
        }
        .circle:nth-child(7) {
            transform: rotateY(45deg) translateZ(8em);
        }
        .circle:nth-child(8) {
            transform: rotateY(52.5deg) translateZ(8em);
        }
        .circle:nth-child(9) {
            transform: rotateY(60deg) translateZ(8em);
        }
        .circle:nth-child(10) {
            transform: rotateY(67.5deg) translateZ(8em);
        }
        .circle:nth-child(11) {
            transform: rotateY(75deg) translateZ(8em);
        }
        .circle:nth-child(12) {
            transform: rotateY(82.5deg) translateZ(8em);
        }
        .circle:nth-child(13) {
            transform: rotateY(90deg) translateZ(8em);
        }
        .circle:nth-child(14) {
            transform: rotateY(97.5deg) translateZ(8em);
        }
        .circle:nth-child(15) {
            transform: rotateY(105deg) translateZ(8em);
        }
        .circle:nth-child(16) {
            transform: rotateY(112.5deg) translateZ(8em);
        }
        .circle:nth-child(17) {
            transform: rotateY(120deg) translateZ(8em);
        }
        .circle:nth-child(18) {
            transform: rotateY(127.5deg) translateZ(8em);
        }
        .circle:nth-child(19) {
            transform: rotateY(135deg) translateZ(8em);
        }
        .circle:nth-child(20) {
            transform: rotateY(142.5deg) translateZ(8em);
        }
        .circle:nth-child(21) {
            transform: rotateY(150deg) translateZ(8em);
        }
        .circle:nth-child(22) {
            transform: rotateY(157.5deg) translateZ(8em);
        }
        .circle:nth-child(23) {
            transform: rotateY(165deg) translateZ(8em);
        }
        .circle:nth-child(24) {
            transform: rotateY(172.5deg) translateZ(8em);
        }
        .circle:nth-child(25) {
            transform: rotateY(180deg) translateZ(8em);
        }
        .circle:nth-child(26) {
            transform: rotateY(187.5deg) translateZ(8em);
        }
        .circle:nth-child(27) {
            transform: rotateY(195deg) translateZ(8em);
        }
        .circle:nth-child(28) {
            transform: rotateY(202.5deg) translateZ(8em);
        }
        .circle:nth-child(29) {
            transform: rotateY(210deg) translateZ(8em);
        }
        .circle:nth-child(30) {
            transform: rotateY(217.5deg) translateZ(8em);
        }
        .circle:nth-child(31) {
            transform: rotateY(225deg) translateZ(8em);
        }
        .circle:nth-child(32) {
            transform: rotateY(232.5deg) translateZ(8em);
        }
        .circle:nth-child(33) {
            transform: rotateY(240deg) translateZ(8em);
        }
        .circle:nth-child(34) {
            transform: rotateY(247.5deg) translateZ(8em);
        }
        .circle:nth-child(35) {
            transform: rotateY(255deg) translateZ(8em);
        }
        .circle:nth-child(36) {
            transform: rotateY(262.5deg) translateZ(8em);
        }
        .circle:nth-child(37) {
            transform: rotateY(270deg) translateZ(8em);
        }
        .circle:nth-child(38) {
            transform: rotateY(277.5deg) translateZ(8em);
        }
        .circle:nth-child(39) {
            transform: rotateY(285deg) translateZ(8em);
        }
        .circle:nth-child(40) {
            transform: rotateY(292.5deg) translateZ(8em);
        }
        .circle:nth-child(41) {
            transform: rotateY(300deg) translateZ(8em);
        }
        .circle:nth-child(42) {
            transform: rotateY(307.5deg) translateZ(8em);
        }
        .circle:nth-child(43) {
            transform: rotateY(315deg) translateZ(8em);
        }
        .circle:nth-child(44) {
            transform: rotateY(322.5deg) translateZ(8em);
        }
        .circle:nth-child(45) {
            transform: rotateY(330deg) translateZ(8em);
        }
        .circle:nth-child(46) {
            transform: rotateY(337.5deg) translateZ(8em);
        }
        .circle:nth-child(47) {
            transform: rotateY(345deg) translateZ(8em);
        }
        .circle:nth-child(48) {
            transform: rotateY(352.5deg) translateZ(8em);
        }
		.dot:nth-child(1) {
            transform: rotateX(0deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(2) {
            transform: rotateX(10deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(3) {
            transform: rotateX(20deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(4) {
            transform: rotateX(30deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(5) {
            transform: rotateX(40deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(6) {
            transform: rotateX(50deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(7) {
            transform: rotateX(60deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(8) {
            transform: rotateX(70deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(9) {
            transform: rotateX(80deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(10) {
            transform: rotateX(90deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(11) {
            transform: rotateX(100deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(12) {
            transform: rotateX(110deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(13) {
            transform: rotateX(120deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(14) {
            transform: rotateX(130deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(15) {
            transform: rotateX(140deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(16) {
            transform: rotateX(150deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(17) {
            transform: rotateX(160deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(18) {
            transform: rotateX(170deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(19) {
            transform: rotateX(180deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(20) {
            transform: rotateX(190deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(21) {
            transform: rotateX(200deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(22) {
            transform: rotateX(210deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(23) {
            transform: rotateX(220deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(24) {
            transform: rotateX(230deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(25) {
            transform: rotateX(240deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(26) {
            transform: rotateX(250deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(27) {
            transform: rotateX(260deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(28) {
            transform: rotateX(270deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(29) {
            transform: rotateX(280deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(30) {
            transform: rotateX(290deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(31) {
            transform: rotateX(300deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(32) {
            transform: rotateX(310deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(33) {
            transform: rotateX(320deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(34) {
            transform: rotateX(330deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(35) {
            transform: rotateX(340deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(36) {
            transform: rotateX(350deg) translateZ(4em) scale(0.75);
            background: #007F80;
        }
		.animation2 {right:10%;}
		.count {min-width: auto;}
		
	
} 

@media all and (min-width:992px) and (max-width:1023px) {
	.page-solutions .fifty-fifty .container {background-position: left 15% bottom 33%;}
}



/* Small Devices & Tablets Horizontal (Narrower than 991px) */
@media all and (max-width: 991px) {
	h2 {font-size:5vw; line-height:5.5vw;}
	.home #fifty-fifty h2, .home .fifty-fifty h2 {max-width: 300px;}
	.home #fifty-fifty.bg-blue h2 {max-width:250px;}
	.container {padding:0 30px;}
	.mm-panels>.mm-panel>.mm-listview {padding:0 30px;}
	.cta p + h2 {line-height:50px;}
	.mm-listitem>a, .mm-listitem>span {font-size: 45.0133px; line-height: 54px;}
	#forty-sixty .container, .forty-sixty .container {background-size: 28%;}
	.sub-section a.btn {font-size: 17px;}
	#testimonial h4 {max-width:60vw;}
	.animation3 {right:20px;}
	.modal-body .left {padding-top: 75px;}
	.modal-body .left h5 {font-size: 45px;}
	.modal-content .inner-content {max-height: calc(70vh - 100px);}
	.director:nth-child(3n+2) .leadership-tile {margin-right: 0; margin-left: 0;}
	.director:nth-child(3n+1) .leadership-tile {margin-right: 0; margin-left: 0;}
	.director:nth-child(3n+0) .leadership-tile {margin-right: 0; margin-left: 0;}
	.home .animation_circle {bottom: -20%;}
	.page-solutions .fifty-fifty .container {background-position: left 0 bottom 33%;}
	.home section#fifty-fifty.bg-blue .container, .home .fifty-fifty.bg-blue .container, #forty-sixty .container, .forty-sixty .container {background-image:none;}
	#testimonial h4 {font-size: 4vw;}
	#forty-sixty p, .forty-sixty p {max-width: 80%;}
	.page-about h1 {max-width: 60vw; line-height: 7vw;}
	#history h2 {max-width: 46vw;}
	
	#subsection-three {background-position: left -7vw bottom 10%;}
	.page-about h1 {font-size: 62px; line-height: 120%; width: 540px;}
	
	.page-brands #main-content {margin-top: -100px;}
	.page-brands #brand-subsection-one .left-content {background-position: center bottom -180px;}
	#statistics .col-md-3 {margin-right: 3vw;}
	
	.page-brands .bg-black {background-position: right -180px top -165px;}
	#statistics {background-position: right -180px bottom -315px;}
    #smart-services .mobile_view { display: block;}
    #smart-services .desktop_view { display: none;}
	
	.shape {width: 100%; margin-bottom: 0;}
	.shape p.description {opacity:1; height:auto;}
	section#smart-services {padding-bottom: 80px;}
	#smart-services .mobile_view lottie-player {max-width: 35%;}
	.hover-div {display:none;}
	
	.cta {
		padding: 150px 0;
		background-size: 30%;
		background-position: right top;
	}
	

}

@media all and (max-width:900px) {
	.page-about h1 {font-size: 6.8vw;}
}


@media all and (min-width: 768px) {
	.cta .container > h2 {margin-bottom: 40px;}
	 
}

/* Small Devices & Tablets Vertical (Narrower than 768px) */
@media all and (max-width: 767px) {
	
	.home header, .page-contact header {position: relative; background-color: #007F80;}
	header {position:relative;}
	.banner-image .container {display:block;}
	.home .animation_circle {position:relative;}
	.home .animation_circle_parent.banner-image .text {padding-top:80px;}
	.home #fifty-fifty.bg-blue h2 {max-width: 300px;}
	.home .banner-image {max-height: 80vh;}
	.home .animation_circle {position:absolute; top:10vh;}
	.home #bg_animation canvas {width:100vw; height:auto;} 
	
	/*global*/
	.container {padding:0 15px;}
	.mm-panels>.mm-panel>.mm-listview {padding:0 15px;}
	.home h1 {font-size:70px; line-height:67.2px;}
	h1 {font-size:65px; line-height: 74px;}
	h2 {font-size: 50px; line-height: 50px; max-width:320px;} 
	.animation_circle_parent h1, .animation_circle_parent h2 {max-width:75vw;}
	h4 {font-size: 40px; line-height: 120%;}
	.padding-150 {padding: 80px 0;}
	.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview {margin-top: 0;}
	
	/* Section - Mobile Nav */
	.navbar-header {width:100%; padding: 0 15px;}
	
	/*fifty-fifty*/
	.image.container-image {display: block;}
	.image.fluid-image {display: none;}
	#fifty-fifty .left-content, #forty-sixty .left-content , .fifty-fifty .left-content, .forty-sixty .left-content {height:auto;}
	#fifty-fifty .right-image .right-content, #fifty-fifty .left-image .left-content, #forty-sixty .right-content, .fifty-fifty .right-image .right-content, .forty-sixty .right-image .right-content, .fifty-fifty .left-image .left-content {order:-1; margin-bottom:45px;}
	#fifty-fifty, .fifty-fifty {padding:0 0 80px 0;}
	#forty-sixty, .forty-sixty {padding: 80px 0 80px 0;}
	#fifty-fifty .left-content .text, #forty-sixty .left-content .text, .fifty-fifty .left-content .text, .forty-sixty .left-content .text {max-width:100%;}
	.home section#fifty-fifty.bg-blue .container, .home .fifty-fifty.bg-blue .container {padding-bottom:80px;}
	#forty-sixty .container, .forty-sixty .container {padding-top:0; margin-top:0;}
	section#fifty-fifty.bg-blue, .fifty-fifty.bg-blue {padding-bottom: 80px;}
	#fifty-fifty-about {padding-bottom: 80px;}
	.fifty-fifty h2 {max-width:315px;}
	section#forty-sixty + section.fifty-fifty {margin-top: 0; padding-top: 0;}
	section#fifty-fifty.bg-blue, .fifty-fifty.bg-blue {padding-top:0;}
	section#fifty-fifty.bg-blue .row, .fifty-fifty.bg-blue .row {margin:0 -15px;}
	#fifty-fifty .right-image .right-content, #fifty-fifty .left-image .left-content, #forty-sixty .right-content, .fifty-fifty .right-image .right-content, .forty-sixty .right-image .right-content, .fifty-fifty .left-image .left-content {padding:0;}
	.forty-sixty h2 {max-width: 360px; font-size: 65px; line-height: 65px;}
	#forty-sixty p, .forty-sixty p {max-width: 100%;}
	#fifty-fifty-about {height:auto;}
	.home #fifty-fifty .right-content, .home #forty-sixty .right-content {padding:0 15px;}
	.home #fifty-fifty .btn {margin-top:30px;}
	.home #fifty-fifty h2, .home .fifty-fifty h2 {max-width: 340px;}
	#fifty-fifty-about .right-content.vh-center {
		width: 100%;
		margin-left: 0;
	}
	.page-about .animation_circle_parent.banner-image .text {margin:40px 0;}
	#smart-services .mobile_view lottie-player {max-width: 50%;}
	.hover-div {display:none;}
	/*sub section*/
	#forty-sixty .container, .forty-sixty .container {background-image: none;}
	.page-solutions .fifty-fifty p, .page-solutions .fifty-fifty a.btn {margin-left: 0; margin-right: 0;}	
	.sub-section p, .sub-section a.btn {margin-left: 0; margin-right:0;}
	.count {font-size:90px; line-height: 90px;}
	.home .mob-video .right-content {
		background-position: right bottom;
		background-repeat: no-repeat;
		padding-bottom: 25px;
		background-size:70vw;
	}
	.mob-video {background-image:none;}
	#subsection-three .right-content.vh-center {-webkit-box-pack: start; padding:0 15px; margin-bottom:70px;}
	#subsection-three p {max-width: 100%;}
	#subsection-three h2 {max-width: 330px;}
	#subsection-three {background-image:none;}
	section#subsection-one {margin-bottom: 100px;}
	.home .fifty-fifty .left-image .left-content {padding: 0 15px;}
	.home .count-description {margin-bottom:50px;}
	#allvideo {display: none;}
	#brands .accordion .col-md-4:first-child {padding:0; background-image:url(/wp-content/uploads/2021/07/fabric-home-our-brands-lyric-still.jpg);}
	#brands .accordion .col-md-4:nth-child(2) {background-image:url(/wp-content/uploads/2021/07/fabric-home-our-brands-zeally-still.jpg);}
	#brands .accordion .col-md-4:last-child {background-image:url(/wp-content/uploads/2021/07/fabric-home-our-brands-golexi-still.jpg);}
	#brands .accordion-body {padding:0;}
	#brands .accordion .col-md-4 {padding-right: 0; padding-left: 0; background-position: top 15% center;}
	#testimonial {background-image: none;}
	#forty-sixty p, .forty-sixty p {max-width: 100%;}
	
	
	/*Brands*/
	#brands .accordion-button {font-size:38px; line-height:46px; pointer-events: none;}
	#brands {background-image:none;}
	#brands.white {color: inherit;}
	#brands .overlay {background:transparent;} 
	#brands .mob-overlay {padding: 15px; width: 100%; height: auto;} 
	#brands .accordion-item {border-top:transparent;}
	#brands .col-md-4 {
		background-image: url(/wp-content/uploads/2021/07/fabric-home-our-brands-golexi-still.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		position: relative;
		padding: 0;
	}
	#brands h2 {margin-bottom:45px;} 
	#brands h2.accordion-header {margin-bottom:0;}
	#brands .accordion {margin: 0 -15px;}
	#brands .padding-150 {padding: 20px 0 0 0;}
	.collapse:not(.show) {display: block;}
	.bg-dot-image {display:none;}
	#statistics .col-md-3 {width:100%; margin-right:0;}
	#statistics {background-image:none; padding-bottom: 80px;}
	#brand-subsection-three .row {margin:0;}
	.mob-code-video .responsive-phone-inner video {float:left; max-width: calc(100% - 100px); margin-right: 50px; margin-left:50px;}
	#brand-subsection-one.mob-video .image.container-image {background-position: left 50px center;}
	#brand-subsection-four .right-content {background-position: right 125px bottom;}
	#brand-subsection-four .right-content {background-image: url(/wp-content/uploads/2021/06/dot-grid-large-white.svg); background-size: 65vw;}
	#brand-subsection-five .row {margin:0;}
	#brand-subsection-six .left-content {background-position: right bottom; background-size: 65vw;}
	section#brand-subsection-six { margin-bottom: 100px;}
	#brand-subsection-two .right-content {background-position: right bottom; background-size:65vw;}
	
	
	/*testimonial*/ 
	#testimonial {padding: 80px 0;}
	#testimonial a.btn {margin-bottom:40px;}
	#testimonial .col-4 {margin-top:40px;}
	#testimonial h4 {max-width:350px; font-size: 40px; line-height: 120%;}
	
	/*History*/
	.history {padding: 80px 0; margin-bottom: 0;}
	#history h2 {max-width: 60vw;}
	
	/* the slides */
	.slick-slide {
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
	/* the parent */
	.slick-list {
		padding-left: -10px!important;
		padding-right: -10px!important;
	}
	.history .full-width {width:70%;}
	
	
	/*Team*/
	section.out_team_parent {padding:80px 0;}
	.director:nth-child(3n+2) .leadership-tile {margin-right: 0; margin-left: 0;}
	.director:nth-child(3n+1) .leadership-tile {margin-right: 0; margin-left: 0;}
	.director:nth-child(3n+0) .leadership-tile {margin-right: 0; margin-left: 0;}
	.modal-dialog {height: 100vh; max-width: 100vw; max-height:100vh;}
	.modal-body .image {background-position: bottom; height: 100%; padding-top: 85%; background-size: contain;}
	.modal-body .left {padding-top:80px; order:-1;}
	.modal:before {display:none;}
	.modal-content .inner-content {overflow-y:hidden; max-height:100%;}
	
	/*Solutions  Page*/
	
	.page-solutions .fifty-fifty .container {background-image:none;}
	.page-solutions .fifty-fifty .container .left-content {
		background-image: url(/wp-content/uploads/2021/06/dot-grid-large-cobalt.svg);
		background-size: auto;
		background-position: right bottom 40px;
		background-repeat: no-repeat;
		margin-bottom: 0;
		padding-bottom: 80px;
	}
	.page-solutions .fifty-fifty .container .left-content .image {width:90vw;}
	
	/*default template*/
	.page-template-default #main-content {padding-bottom: 70px;}
	
	
	/*Brands page*/
	.text-only h1 {padding: 70px 0;}
	.page-brands .text-only h1 {padding: 70px 0 180px 0; font-size: 65px; line-height: 78px; max-width: 337px;}
	.mob-video .image.container-image {background-position: left 35px center;}
	#brand-subsection-one .left-content, #brand-subsection-two .right-content, #brand-subsection-six .left-content {background-position:right bottom; padding-bottom: 60px; margin-bottom: 40px;}
	#brand-subsection-four .right-content {background-position:right bottom; padding-bottom: 60px; margin-bottom: 40px;}
	#brand-subsection-two.mob-video .image.container-image {background-position: center center; background-size: cover;}
	.page-brands #main-content {margin-top:-100px;}
	.brand_logo_small {margin-bottom:60px;}
	#statistics .col-md-3 {margin-bottom:45px;}
	.page-brands .bg-black {background-position:right top; background-size:auto; margin-bottom: 40px;}
	#brand-subsection-three {background-image: none;}
	#brand-subsection-five {padding-top:80px; background-position: left top;}
	#brand-subsection-six .left-content {background-image: url(/wp-content/uploads/2021/06/dot-grid-large-cobalt.svg); background-size: 65vw; background-repeat: no-repeat;}
	
	/*Contact*/
	.page-contact .text-only {background-image:none;}
	.page-contact #page-wrap {background-image:none;}
	#sidebar a, #sidebar p {font-size:27px;}
	.page-contact .text-only {padding-bottom: 60px;}
	.page-contact .text-only h1 {padding:0;}
	#sidebar {margin-top:60px;}
	
	
	/*404*/
	.error404 #main-content {padding: 130px 0 70px 0;}
	.error404 .page-title {font-size: 150px; line-height: 96%;}
	
	/*Thank you page*/
	.page-thank-you .text-only h1 {font-size: 79px; line-height: 96%;}
	
	/*CTA*/
	.cta {padding:150px 0; background-size: 40%; background-position: right top;}
	.cta p {display:block; width:100%;}
	.cta p + h2 {display:block;line-height:80px; width:100%; order: -1; margin-bottom:30px;}
	.cta h2 {font-size:80px; line-height:80px; margin-bottom:0; max-width: 100%;}
	
	/*footer*/
	.foot-br {position: inherit;}
	footer a.navbar-brand {left: 15px; text-align: left; bottom: 60px;}
	footer .foot-bl	{margin-bottom: 85px;}
	footer {padding:70px 0 100px 0;}
	
	.page-template-default .text-only h1 {
		padding: 0 0 40px 0;
		max-width: 100%;
	}
	
	.page-about h1 {font-size: 50px; line-height: 120%; max-width:320px;}
	
	#hamburger { right: 30px; }
	.navbar-header .navbar-toggle { width: 75px; }
	
	.page-brands #brand-subsection-one .left-content {background-position: right bottom; background-size:65vw;}
	.page-brands .text-only {background-position: left bottom -215px;  background-size: 65vw;}
	p.bold.italics.center {margin: 60px 0;}
	.page-solutions h1, .page-telemedicine-software h1 {font-size: 65px; line-height: 120%; max-width: 337px;}
	.page-solutions .banner-image {max-height:calc(100vh - 80px);}
	.modal-body h5 {font-size: 50px; line-height: 96%;}
	.modal-body span.title {margin-bottom:35px;}
	
	.mobile-image {display:block;}
	#brands .accordion .col-md-4:first-child .mobile-image {
	background-image: url(/wp-content/uploads/2021/07/fabric-home-our-brands-lyric-still.jpg);
	}
	#brands .accordion .col-md-4:nth-child(2) .mobile-image {
	background-image: url(/wp-content/uploads/2021/07/fabric-home-our-brands-zeally-still.jpg);
	}
	#brands .accordion .col-md-4:nth-child(3) .mobile-image{
	background-image: url(/wp-content/uploads/2021/07/fabric-home-our-brands-golexi-still.jpg);
	}
	#brands .accordion-button, #brands .accordion-body, .accordion-body .btn {color:#333;}
	#brands .accordion .col-md-4:first-child {background-image:none;}
	#brands .accordion .col-md-4:nth-child(2) {background-image: none;}
	#brands .col-md-4 {background-image: none;}
}

/* Extra Small Devices & Phones (Narrower than 575px) */
@media all and (max-width: 575px) {

}


/** CUSTOM MEDIA QUERIES **/
/* Laptop */
@media all and (max-width: 1199px) {
	
} 

/* iPadPro - Both */
@media all and (max-width: 1367px) {

} 

/* iPadPro - Horizontal */
@media only screen and (min-device-height: 1024px) and (max-device-width: 1367px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
   
} 


/* iPadPro - Vertical */
@media only screen and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
 
}


/* iPad - Both */
@media all and (max-width: 1025px) {

} 

/* iPad - Horizontal */
@media only screen and (min-device-height: 768px) and (max-device-width: 1025px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
   
} 


@media only screen and (max-device-width: 991px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview {margin-top:0;}
	.home .banner-image {min-height:125vh;}
	.banner-image {min-height:110vh;}
	.mm-panel:after, .mm-panel:before {height:0;}
	
	.page-about h1 {line-height:5vw;}
	.page-about h1 {line-height: 7vw; font-size: 40px;}
	.animation3 {top:90px;}
	.director .director-image {padding-top: 75%;}
	.grey-overlay {
		width: 100%;
		height: calc(100% - 70px);
		position: absolute;
		top: 25px;
		background-color: #f0f0f0;
		z-index: -1;
		padding-top: calc(75% - 25px);
	}
	.sub-section p, .sub-section a.btn {margin-right:0;}
	.modal p.large {font-size:15px; line-height:23px;}
	.modal-body span.title {font-size:16px; line-height:24px; margin-bottom:20px;}
	.modal-content .inner-content {max-height: calc(99vh - 100px);}
	.modal h5 {font-size: 28px; line-height: 36px;}
	.modal .top-border {margin-bottom:8px;}
	.history .full-width {width: 80%;}
	.history .full-width {padding-top: 75%;}
	.image {padding-top: 60%;}
	.modal-body .left {padding-left:0;}
	.btn, input[type="submit"] {font-size: 15px; background-size: 20px;}
	#smart-services p {font-size: 17px; line-height: 24px;}
	#smart-services .padding-150 {padding: 80px 0;}
	.page-brands .text-only h1 {padding: 80px 0 170px 0;}
	.brand_logo_small {margin-bottom:40px;}

	.circle:nth-child(1) {
            transform: rotateY(0deg) translateZ(6em);
        }
        .circle:nth-child(2) {
            transform: rotateY(7.5deg) translateZ(6em);
        }
        .circle:nth-child(3) {
            transform: rotateY(15deg) translateZ(6em);
        }
        .circle:nth-child(4) {
            transform: rotateY(22.5deg) translateZ(6em);
        }
        .circle:nth-child(5) {
            transform: rotateY(30deg) translateZ(6em);
        }
        .circle:nth-child(6) {
            transform: rotateY(37.5deg) translateZ(6em);
        }
        .circle:nth-child(7) {
            transform: rotateY(45deg) translateZ(6em);
        }
        .circle:nth-child(8) {
            transform: rotateY(52.5deg) translateZ(6em);
        }
        .circle:nth-child(9) {
            transform: rotateY(60deg) translateZ(6em);
        }
        .circle:nth-child(10) {
            transform: rotateY(67.5deg) translateZ(6em);
        }
        .circle:nth-child(11) {
            transform: rotateY(75deg) translateZ(6em);
        }
        .circle:nth-child(12) {
            transform: rotateY(82.5deg) translateZ(6em);
        }
        .circle:nth-child(13) {
            transform: rotateY(90deg) translateZ(6em);
        }
        .circle:nth-child(14) {
            transform: rotateY(97.5deg) translateZ(6em);
        }
        .circle:nth-child(15) {
            transform: rotateY(105deg) translateZ(6em);
        }
        .circle:nth-child(16) {
            transform: rotateY(112.5deg) translateZ(6em);
        }
        .circle:nth-child(17) {
            transform: rotateY(120deg) translateZ(6em);
        }
        .circle:nth-child(18) {
            transform: rotateY(127.5deg) translateZ(6em);
        }
        .circle:nth-child(19) {
            transform: rotateY(135deg) translateZ(6em);
        }
        .circle:nth-child(20) {
            transform: rotateY(142.5deg) translateZ(6em);
        }
        .circle:nth-child(21) {
            transform: rotateY(150deg) translateZ(6em);
        }
        .circle:nth-child(22) {
            transform: rotateY(157.5deg) translateZ(6em);
        }
        .circle:nth-child(23) {
            transform: rotateY(165deg) translateZ(6em);
        }
        .circle:nth-child(24) {
            transform: rotateY(172.5deg) translateZ(6em);
        }
        .circle:nth-child(25) {
            transform: rotateY(180deg) translateZ(6em);
        }
        .circle:nth-child(26) {
            transform: rotateY(187.5deg) translateZ(6em);
        }
        .circle:nth-child(27) {
            transform: rotateY(195deg) translateZ(6em);
        }
        .circle:nth-child(28) {
            transform: rotateY(202.5deg) translateZ(6em);
        }
        .circle:nth-child(29) {
            transform: rotateY(210deg) translateZ(6em);
        }
        .circle:nth-child(30) {
            transform: rotateY(217.5deg) translateZ(6em);
        }
        .circle:nth-child(31) {
            transform: rotateY(225deg) translateZ(6em);
        }
        .circle:nth-child(32) {
            transform: rotateY(232.5deg) translateZ(6em);
        }
        .circle:nth-child(33) {
            transform: rotateY(240deg) translateZ(6em);
        }
        .circle:nth-child(34) {
            transform: rotateY(247.5deg) translateZ(6em);
        }
        .circle:nth-child(35) {
            transform: rotateY(255deg) translateZ(6em);
        }
        .circle:nth-child(36) {
            transform: rotateY(262.5deg) translateZ(6em);
        }
        .circle:nth-child(37) {
            transform: rotateY(270deg) translateZ(6em);
        }
        .circle:nth-child(38) {
            transform: rotateY(277.5deg) translateZ(6em);
        }
        .circle:nth-child(39) {
            transform: rotateY(285deg) translateZ(6em);
        }
        .circle:nth-child(40) {
            transform: rotateY(292.5deg) translateZ(6em);
        }
        .circle:nth-child(41) {
            transform: rotateY(300deg) translateZ(6em);
        }
        .circle:nth-child(42) {
            transform: rotateY(307.5deg) translateZ(6em);
        }
        .circle:nth-child(43) {
            transform: rotateY(315deg) translateZ(6em);
        }
        .circle:nth-child(44) {
            transform: rotateY(322.5deg) translateZ(6em);
        }
        .circle:nth-child(45) {
            transform: rotateY(330deg) translateZ(6em);
        }
        .circle:nth-child(46) {
            transform: rotateY(337.5deg) translateZ(6em);
        }
        .circle:nth-child(47) {
            transform: rotateY(345deg) translateZ(6em);
        }
        .circle:nth-child(48) {
            transform: rotateY(352.5deg) translateZ(6em);
        }
		.dot:nth-child(1) {
            transform: rotateX(0deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(2) {
            transform: rotateX(10deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(3) {
            transform: rotateX(20deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(4) {
            transform: rotateX(30deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(5) {
            transform: rotateX(40deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(6) {
            transform: rotateX(50deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(7) {
            transform: rotateX(60deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(8) {
            transform: rotateX(70deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(9) {
            transform: rotateX(80deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(10) {
            transform: rotateX(90deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(11) {
            transform: rotateX(100deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(12) {
            transform: rotateX(110deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(13) {
            transform: rotateX(120deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(14) {
            transform: rotateX(130deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(15) {
            transform: rotateX(140deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(16) {
            transform: rotateX(150deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(17) {
            transform: rotateX(160deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(18) {
            transform: rotateX(170deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(19) {
            transform: rotateX(180deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(20) {
            transform: rotateX(190deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(21) {
            transform: rotateX(200deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(22) {
            transform: rotateX(210deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(23) {
            transform: rotateX(220deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(24) {
            transform: rotateX(230deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(25) {
            transform: rotateX(240deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(26) {
            transform: rotateX(250deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(27) {
            transform: rotateX(260deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(28) {
            transform: rotateX(270deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(29) {
            transform: rotateX(280deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(30) {
            transform: rotateX(290deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(31) {
            transform: rotateX(300deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(32) {
            transform: rotateX(310deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(33) {
            transform: rotateX(320deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(34) {
            transform: rotateX(330deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(35) {
            transform: rotateX(340deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(36) {
            transform: rotateX(350deg) translateZ(3em) scale(0.75);
            background: #007F80;
        }
		.modal:before {display:none;}
		.modal-dialog {height: 100vh; max-width: 100vw;}
}

/* iPad - Vertical */
@media only screen and (max-device-width: 767px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	
	.home .banner-image {min-height: 125vh;}
	.banner-image {min-height:102vh;}
	.animation3 {top:65px;}
	.history .full-width {width: 40%;}
	#fifty-fifty-about .image.container-image {background-position: top -45px center;}
	.director .director-image {
		padding-top: 50%;
	}
	.grey-overlay {padding-top: calc(50% - 25px);}
	.modal-body .left {padding-left: 30px;}
	.modal-body .left {padding-top: 40px;}
	.modal-dialog {
		height: 100vh;
		max-width: 100vw;
	}
	.modal p.large {
		font-size: 14px;
		line-height: 21px;
		margin-bottom:10px;
	}
	.modal-body span.title {margin-bottom:15px;}
	.modal-body .image {padding-top:35%;}
	.animation_circle_parent h1, .animation_circle_parent h2 {line-height:65px; max-width: 65vw;}
	.shape .num {margin-top:50px;}
	#brands .accordion .col-md-4:nth-child(2) {background-position:top center;}
	.page-brands .text-only h1 {
		padding: 0 0 180px 0;
		font-size: 50px;
		line-height: 60px;
		max-width: 46vw;
	}
	.page-brands .text-only {background-position: left -315px bottom -315px;}
}


/* iPhoneX - Both */
/* Cannot target both since this is between sizes */

/* iPhoneX - Horizontal */
@media only screen and (min-device-height: 375px) and (max-device-width: 821px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

} 

/* iPhoneX - Vertical */
@media only screen and (min-device-height: 820px)and (max-device-width: 375px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

}

/* iPhonePlus - Both */
@media all and (max-width: 737px) {

} 

/* iPhonePlus - Horizontal */
@media only screen and (min-device-height: 414px) and (max-device-width: 737px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
   
} 

/* iPhonePlus - Vertical */
@media only screen and (max-device-width: 414px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
 
}


/* iPhone - Both */
@media all and (max-width: 668px) {

} 

/* iPhone - Horizontal */
@media only screen and (min-device-height: 375px) and (max-device-width: 668px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

} 

/* iPhone - Vertical */
@media only screen and (max-device-width: 375px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
 
}


/* Galaxy - Both */
@media all and (max-width: 641px) {

} 

/* Galaxy - Horizontal */
@media only screen and (min-device-height: 360px) and (max-device-width: 641px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
   
} 

/* Galaxy - Vertical */
@media only screen and (max-device-width: 360px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
 
}


@media all and (max-width:600px) {
	.animation_circle_parent h2 {max-width:270px;}
	.animation3 {right: auto; position: relative; height:20%; order: -1; width:auto; max-height: 80vh; left:0; top:20px;}
	.animation3 .animation_circle canvas {max-width: 70vw; margin-left: -14%;}
	.animation_circle_parent.banner-image .text {display:block;}
	.home .animation_circle_parent.banner-image .text {margin-top: 40px;}
	.page-solutions .animation_circle_parent.banner-image .text-and-image .row {margin-top: 0; height: calc(100% -80px;)}
	#testimonial .col-md-2.col-4 {width: 100%;}
	#testimonial h4 {margin-bottom: 40px;}
	.animation2 {
		position: relative;
		right: auto;
		height: 18%;
		left: 0;
		order: -1;
		top:20px;
	}
	.animation2 .field, .animation2 .field * {
		left: 50%;
		right: auto;
		width: 13%;
		top: 100%;
	}
	.page-solutions .animation2 .field {left:100px;}
	.cta {
		padding: 150px 0;
		background-size: auto;
		background-position: right -10px top -35px;
		background-image: url(/wp-content/uploads/2021/06/dot-grid-small-cobalt.svg);
	}
	.page-brands .text-only h1 {max-width:65vw;}
	#brand-subsection-one .left-content {background-position: right bottom; background-size:65vw;}
	.page-brands .bg-black {background-position:right -45vw top -50vw;}
	.page-brands .text-only {background-position: left -23vw bottom -23vw; background-size: 65vw;}
	.circle:nth-child(1) {
            transform: rotateY(0deg) translateZ(3.5em);
        }
        .circle:nth-child(2) {
            transform: rotateY(7.5deg) translateZ(3.5em);
        }
        .circle:nth-child(3) {
            transform: rotateY(15deg) translateZ(3.5em);
        }
        .circle:nth-child(4) {
            transform: rotateY(22.5deg) translateZ(3.5em);
        }
        .circle:nth-child(5) {
            transform: rotateY(30deg) translateZ(3.5em);
        }
        .circle:nth-child(6) {
            transform: rotateY(37.5deg) translateZ(3.5em);
        }
        .circle:nth-child(7) {
            transform: rotateY(45deg) translateZ(3.5em);
        }
        .circle:nth-child(8) {
            transform: rotateY(52.5deg) translateZ(3.5em);
        }
        .circle:nth-child(9) {
            transform: rotateY(60deg) translateZ(3.5em);
        }
        .circle:nth-child(10) {
            transform: rotateY(67.5deg) translateZ(3.5em);
        }
        .circle:nth-child(11) {
            transform: rotateY(75deg) translateZ(3.5em);
        }
        .circle:nth-child(12) {
            transform: rotateY(82.5deg) translateZ(3.5em);
        }
        .circle:nth-child(13) {
            transform: rotateY(90deg) translateZ(3.5em);
        }
        .circle:nth-child(14) {
            transform: rotateY(97.5deg) translateZ(3.5em);
        }
        .circle:nth-child(15) {
            transform: rotateY(105deg) translateZ(3.5em);
        }
        .circle:nth-child(16) {
            transform: rotateY(112.5deg) translateZ(3.5em);
        }
        .circle:nth-child(17) {
            transform: rotateY(120deg) translateZ(3.5em);
        }
        .circle:nth-child(18) {
            transform: rotateY(127.5deg) translateZ(3.5em);
        }
        .circle:nth-child(19) {
            transform: rotateY(135deg) translateZ(3.5em);
        }
        .circle:nth-child(20) {
            transform: rotateY(142.5deg) translateZ(3.5em);
        }
        .circle:nth-child(21) {
            transform: rotateY(150deg) translateZ(3.5em);
        }
        .circle:nth-child(22) {
            transform: rotateY(157.5deg) translateZ(3.5em);
        }
        .circle:nth-child(23) {
            transform: rotateY(165deg) translateZ(3.5em);
        }
        .circle:nth-child(24) {
            transform: rotateY(172.5deg) translateZ(3.5em);
        }
        .circle:nth-child(25) {
            transform: rotateY(180deg) translateZ(3.5em);
        }
        .circle:nth-child(26) {
            transform: rotateY(187.5deg) translateZ(3.5em);
        }
        .circle:nth-child(27) {
            transform: rotateY(195deg) translateZ(3.5em);
        }
        .circle:nth-child(28) {
            transform: rotateY(202.5deg) translateZ(3.5em);
        }
        .circle:nth-child(29) {
            transform: rotateY(210deg) translateZ(3.5em);
        }
        .circle:nth-child(30) {
            transform: rotateY(217.5deg) translateZ(3.5em);
        }
        .circle:nth-child(31) {
            transform: rotateY(225deg) translateZ(3.5em);
        }
        .circle:nth-child(32) {
            transform: rotateY(232.5deg) translateZ(3.5em);
        }
        .circle:nth-child(33) {
            transform: rotateY(240deg) translateZ(3.5em);
        }
        .circle:nth-child(34) {
            transform: rotateY(247.5deg) translateZ(3.5em);
        }
        .circle:nth-child(35) {
            transform: rotateY(255deg) translateZ(3.5em);
        }
        .circle:nth-child(36) {
            transform: rotateY(262.5deg) translateZ(3.5em);
        }
        .circle:nth-child(37) {
            transform: rotateY(270deg) translateZ(3.5em);
        }
        .circle:nth-child(38) {
            transform: rotateY(277.5deg) translateZ(3.5em);
        }
        .circle:nth-child(39) {
            transform: rotateY(285deg) translateZ(3.5em);
        }
        .circle:nth-child(40) {
            transform: rotateY(292.5deg) translateZ(3.5em);
        }
        .circle:nth-child(41) {
            transform: rotateY(300deg) translateZ(3.5em);
        }
        .circle:nth-child(42) {
            transform: rotateY(307.5deg) translateZ(3.5em);
        }
        .circle:nth-child(43) {
            transform: rotateY(315deg) translateZ(3.5em);
        }
        .circle:nth-child(44) {
            transform: rotateY(322.5deg) translateZ(3.5em);
        }
        .circle:nth-child(45) {
            transform: rotateY(330deg) translateZ(3.5em);
        }
        .circle:nth-child(46) {
            transform: rotateY(337.5deg) translateZ(3.5em);
        }
        .circle:nth-child(47) {
            transform: rotateY(345deg) translateZ(3.5em);
        }
        .circle:nth-child(48) {
            transform: rotateY(352.5deg) translateZ(3.5em);
        }
		.dot:nth-child(1) {
            transform: rotateX(0deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(2) {
            transform: rotateX(10deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(3) {
            transform: rotateX(20deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(4) {
            transform: rotateX(30deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(5) {
            transform: rotateX(40deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(6) {
            transform: rotateX(50deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(7) {
            transform: rotateX(60deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(8) {
            transform: rotateX(70deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(9) {
            transform: rotateX(80deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(10) {
            transform: rotateX(90deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(11) {
            transform: rotateX(100deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(12) {
            transform: rotateX(110deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(13) {
            transform: rotateX(120deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(14) {
            transform: rotateX(130deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(15) {
            transform: rotateX(140deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(16) {
            transform: rotateX(150deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(17) {
            transform: rotateX(160deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(18) {
            transform: rotateX(170deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(19) {
            transform: rotateX(180deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(20) {
            transform: rotateX(190deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(21) {
            transform: rotateX(200deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(22) {
            transform: rotateX(210deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(23) {
            transform: rotateX(220deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(24) {
            transform: rotateX(230deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(25) {
            transform: rotateX(240deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(26) {
            transform: rotateX(250deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(27) {
            transform: rotateX(260deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(28) {
            transform: rotateX(270deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(29) {
            transform: rotateX(280deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(30) {
            transform: rotateX(290deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(31) {
            transform: rotateX(300deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(32) {
            transform: rotateX(310deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(33) {
            transform: rotateX(320deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(34) {
            transform: rotateX(330deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(35) {
            transform: rotateX(340deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
        .dot:nth-child(36) {
            transform: rotateX(350deg) translateZ(1.5em) scale(0.75);
            background: #007F80;
        }
		.home .animation_circle {top: 30vh;}
}

@media all and (max-width: 400px) {
	.page-brands .text-only h1 {max-width:90%;}
	
}
/* iPhone5 - Both */
@media all and (max-width: 569px) {

} 

/* iPhone5 - Horizontal */
@media only screen and (min-device-height: 320px) and (max-device-width: 569px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	
} 

/* iPhone5 - Vertical */
@media only screen and (max-device-width: 320px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
 
}


/*New Nav icon CSS*/
/* nav-icon-1 */
.nav-icon-1{
  width: 30px;
  height: 30px;
  position: relative;
  transition: .1s;
  margin: 10px 10px;
  cursor: pointer;
  display: inline-block;
}
.nav-icon-1 span{
  width: 5px;
  height: 5px;
  background-color: #333;
  display: block;
  border-radius: 50%;
  position: absolute;

}
.nav-icon-1:hover span{
  transform: scale(1.2);
  transition: 350ms cubic-bezier(.8, .5, .2, 1.4);
}
.nav-icon-1 span:nth-child(1){
  left: 0;
  top: 0;
}
.nav-icon-1 span:nth-child(2){
  left: 12px;
  top: 0;
}
.nav-icon-1 span:nth-child(3){
  right: 0;
  top: 0;
}
.nav-icon-1 span:nth-child(4){
  left: 0;
  top: 12px;
}
.nav-icon-1 span:nth-child(5){
  position: absolute;
  left: 12px;
  top: 12px;
}
.nav-icon-1 span:nth-child(6){
  right: 0px;
  top: 12px;
}
.nav-icon-1 span:nth-child(7){
  left: 0px;
  bottom: 0px;
}
.nav-icon-1 span:nth-child(8){
  position: absolute;
  left: 12px;
  bottom: 0px;
}
.nav-icon-1 span:nth-child(9){
  right: 0px;
  bottom: 0px;
}
.nav-icon-1.open{
  transform: rotate(180deg);
  cursor: pointer;
  transition: .2s cubic-bezier(.8, .5, .2, 1.4);
}
.nav-icon-1.open span{
  border-radius: 50%;
  transition-delay: 200ms;
  transition: .5s cubic-bezier(.8, .5, .2, 1.4);
}
.nav-icon-1.open span:nth-child(2) {
  left: 6px;
  top: 6px;
}
.nav-icon-1.open span:nth-child(4) {
  left: 6px;
  top: 18px;
}
.nav-icon-1.open span:nth-child(6) {
  right: 6px;
  top: 6px;
}
.nav-icon-1.open span:nth-child(8) {
  left: 18px;
  bottom: 6px;
}



@-moz-document url-prefix() {
  .banner-image .container {
    min-height:85vh;
  }
  .animation_circle_parent .text-and-image .row {min-height:85vh;}
  .page-about .text-and-image {min-height:85vh;}
}