/*
Theme Name:   GG Guidebook
Theme URI:    http://www.digitalsquare.org
Description:  Theme for Global Goods Guidebook
Author:  Liquid Thought
Author URI:  http://www.liquidthought.co.za
Version:  1.0.0
Text Domain:  gg-guidebook
*/

*,a,div,ul,li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block}
img {max-width:100%;height:auto;}

html, body {margin:0px;padding:0px;background:#fff;height:100%;}

body {color:rgba(0,0,0,0.8);-webkit-font-smoothing:antialiased;font-smoothing:antialiased;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

/* General Variables ================================= */

:root {
--width: 66em;
--border: blue;
--navwidth: 320px;
--fontHelvetica: 'Helvetica Neue',Helvetica,Arial, "sans-serif";
--fontarial: Arial, "sans-serif";
/* colours */
--general: #373737;
--teal: #6D94A5;
--teal-light:#F0F4F6;
--royal: #012F3B;
--grey-light:#E5E5E5;
--lightest-blue: #A8C4D1; 
--light-blue: #ECF1F3;   
}    

/* General ================================= */

html, body {height:100%;width:100%;margin:0px;padding:0px;font-weight:normal;font-size:16px;line-height:1.5em;letter-spacing:0.01em;font-family:var(--fontarial);color:var(--general);-webkit-font-smoothing: antialiased;}
body:before {content:"";opacity:0;transition:opacity .2s linear;pointer-events: none; z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}

@font-face {
    font-family: 'goods-icons';
    src: url('./fonts/icons/goods-icons.eot?v5');
    src: url('./fonts/icons/goods-icons.eot?v5') format('embedded-opentype'),
        url('./fonts/icons/goods-icons.woff2?v5') format('woff2'),
        url('./fonts/icons/goods-icons.woff?v5') format('woff'),
        url('./fonts/icons/goods-icons.ttf?v5') format('truetype'),
        url('./fonts/icons/goods-icons.svg?v5') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {box-sizing:border-box;}
p {margin:0px 0px 20px 0px;}
h1, h2, h3, h4, .sitetitle {margin:0px;}
h1 {font-size:45px;font-weight:bold;letter-spacing: -1.89px;color:var(--royal);line-height:1.2em;margin-bottom:10px;font-family:var(--fontHelvetica);}
h2 {font-size:40px;font-weight:bold;letter-spacing: -1.89px;color:var(--royal);line-height:1.2em;margin-bottom:10px;font-family:var(--fontHelvetica);}
h3 {font-size:30px;font-weight:bold;color:var(--royal);line-height:1.2em;margin-bottom:10px;}
h4 {font-size:25px;font-weight:bold;color:var(--royal);line-height:1.2em;margin-bottom:10px;}

@media screen and (max-width:768px){
h1 {font-size:35px;}
h2 {font-size:30px;}
h3 {font-size:25px;}
h4 {font-size:20px;}
}

a {color:var(--teal);}

.max-width {max-width:1380px;padding:0px 20px;margin:0px auto;}
.offset-width {max-width:1280px;padding:0px 20px;margin:0px auto;}
.offset-left {padding-left:50px;width:100%;}
.full-width-right {}
.flex {display:flex;}    
.label { text-transform: uppercase;color: var(--teal);font-size: 14px;font-weight: bold;letter-spacing: 0.17px;line-height: 1.2em;}

.loader {width: 48px;height: 48px;border-radius: 50%;position: relative;border: 6px solid;border-color: rgba(1, 47, 59, 0.25) rgba(1, 47, 59, 0.35) rgba(1, 47, 59, 0.65) rgba(1, 47, 59, 0.8);box-sizing: border-box;animation: rotation 1s linear infinite;display:none;}

@media screen and (max-width:992px){
.offset-left {padding-left:0px;}
}

.button-big-blue {font-family:var(--fontHelvetica);text-transform:uppercase;color:var(--lightest-blue);background:var(--royal);border-radius:10px;display:inline-flex;justify-content:center;align-items:center;font-size:25px;height:80px;padding:0px 40px;text-decoration:none;font-weight:bold;transition:all .3s ease-out;margin:10px 0px 30px 0px;}
.button-big-blue:hover {box-shadow:0 0 20px 0 rgba(0,0,0,0.4);color:#fff;text-decoration:none;}
.button {text-transform:uppercase;}

.button-blue, .homepage-about a.button:nth-of-type(2n+2) {font-family:var(--fontHelvetica);text-transform:uppercase;color:var(--teal);background:var(--royal);border-radius:10px;display:inline-flex;justify-content:center;align-items:center;font-size:20px;height:60px;padding:0px 40px;text-decoration:none;font-weight:bold;transition:all .3s ease-out;}
.button-blue:hover, .homepage-about a.button:nth-of-type(2n+2):hover {box-shadow:0 0 10px 0 rgba(0,0,0,0.3);color:#fff;text-decoration:none;}

.button-outline, .homepage-about a.button:nth-of-type(n+1) {font-family:var(--fontHelvetica);text-transform:uppercase;color:var(--teal);border:2px solid var(--teal);border-radius:10px;display:inline-flex;justify-content:center;align-items:center;font-size:20px;height:60px;padding:0px 40px;text-decoration:none;font-weight:bold;transition:all .3s ease-out;}
.button-outline:hover, .homepage-about a.button:nth-of-type(n+1):hover {box-shadow:0 0 10px 0 rgba(0,0,0,0.3);color:#fff;background:var(--royal);border:2px solid var(--royal);text-decoration:none;}

.button-small-royal {font-family:var(--fontHelvetica);text-transform:uppercase;color:var(--teal);background:var(--royal);border-radius:10px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;height:40px;padding:0px 20px;text-decoration:none;font-weight:bold;transition:all .3s ease-out;}
.button-small-royal:hover {box-shadow:0 0 10px 0 rgba(0,0,0,0.3);color:#fff;text-decoration:none;}

.button-small-teal {font-family:var(--fontHelvetica);text-transform:uppercase;color:var(--royal);background:var(--teal);border-radius:10px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;height:40px;padding:0px 20px;text-decoration:none;font-weight:bold;transition:all .3s ease-out;}
.button-small-teal:hover {box-shadow:0 0 10px 0 rgba(0,0,0,0.3);color:#fff;text-decoration:none;}


.card-white {border-radius: 10px;background-color: #FFFFFF;box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);padding:50px;position:relative;}

.loader {width: 48px;height: 48px;border: 3px solid var(--teal-light);border-radius: 50%;display: inline-block;position: relative;box-sizing: border-box;animation: rotation 1s linear infinite;margin:50px 0px 50px calc(50% - 24px);} 
.loader::after {content: '';  box-sizing: border-box;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 56px;height: 56px;border-radius: 50%;border: 3px solid transparent;border-bottom-color: var(--royal);}

.selection-content>div:nth-of-type(1) a {font-family:var(--fontHelvetica);text-transform:uppercase;color:var(--teal);background:var(--royal);border-radius:10px;display:inline-flex;justify-content:center;align-items:center;font-size:20px;height:60px;padding:0px 40px;text-decoration:none;font-weight:bold;transition:all .3s ease-out;}
.selection-content>div:nth-of-type(1) a:hover {box-shadow:0 0 10px 0 rgba(0,0,0,0.3);color:#fff;text-decoration:none;}



@media screen and (max-width:768px){
.button-big-blue {font-size:20px;height:60px;padding:0px 30px;}
.button-blue, .button-outline {font-size:16px;padding:0px 15px;height:50px;}   
.card-white {padding:25px;}
}

/* Header ================================= */

  
/* Footer ================================= */
.footer-choice {margin-top:100px;}
.footer-choice .flex {color:#fff;border-radius:10px;overflow:hidden;min-height:10px;justify-content: space-between;}
.footer-choice .flex>div {padding:50px;flex:1;}
.footer-choice .explore {background:var(--royal);}
.footer-choice .flex>div.learn {background:var(--teal);flex:0 0 480px;}
.footer-choice h3 {color:#fff;font-size:30px;font-weight:bold;letter-spacing: -1.89px;line-height:1.2em;margin-bottom:10px;font-family:var(--fontHelvetica);}

@media screen and (max-width:992px){
.footer-choice .flex>div.learn {flex:1;}  
}
@media screen and (max-width:768px){
.footer-choice {margin-top:50px;}    
.footer-choice .flex {flex-direction: column;}  
}
@media screen and (max-width:576px){
.footer-choice .flex>div {padding:20px;}  
}

.footer {margin-top:100px;}
.footer-holder {background:#F0F4F6;border-top-left-radius: 30px;min-height:100px;margin-left:calc((100vw - 1380px)/2);padding:50px;}
.footer-width {max-width:1300px;}  
.footer .endorsements {mix-blend-mode: multiply;list-style: none;margin:0px;display:flex;flex-wrap:wrap;padding:0px;max-width:620px;}
.footer .endorsements li {flex:0 0 140px;padding-right:40px;display:flex;justify-content: center;padding-bottom:20px;}   
.footer .endorsements li img {align-self:center;max-height:50px;}    
.footer .flex>div:nth-of-type(1) {flex:0 0 400px;}   
.footer .footer-1 {list-style:none;margin:0px;padding:0px;margin-top:25px;} 
.footer .footer-1 a {display:inline-block;padding:2px 0px;text-decoration:none;}  
.footer .footer-2 {list-style:none;margin:0px;padding:0px;display:flex;border-top: 1px solid rgba(1,47,59,0.1);margin-top:40px;padding-top:25px;} 
.footer .footer-2 a {display:inline-block;padding:0px 10px;text-decoration:none;} 
.footer .footer-2 li:nth-of-type(1) a {padding-left:0px;} 
.footer a {transition:color .3s linear;}
.footer a:hover {color:var(--royal);}    

@media screen and (max-width:1400px){
 .footer-holder {margin-left:20px;}   
}  

@media screen and (max-width:768px){
.footer {margin-top:50px;}
.footer-holder {padding:25px;}
.footer .flex {flex-direction:column;}  
.footer .flex>div:nth-of-type(1) {flex: 1;margin-bottom:20px;}
.footer .endorsements li {flex: 0 0 33%;}
.footer .footer-2 {flex-wrap:wrap;} 
.footer .footer-2 a {font-size:10px;padding-left:0px;}    
}  




/* End Footer ================================= */



/* Nav strip */
#nav-strip {border-bottom:1px solid #F6F6F6;font-size:14px;}
#nav-strip>div {height:40px;display:flex;justify-content: flex-end;}
#nav-strip a {color:var(--teal);text-decoration:none;align-items: center;margin-left:20px;display:flex;transition:color .3s linear;}
#nav-strip a.over {border-top:1px solid var(--royal);color:var(--royal);}
#nav-strip a:hover {color:var(--royal);}
#nav-strip div.mobile-popper {color:var(--royal);text-decoration:none;display:none;align-items: center;margin-left:20px;margin-right:15px;cursor:pointer;}
#nav-strip div.mobile-popper:after {content:"\e802";font-family: "goods-icons";font-size:8px;margin-left:5px;transition:transform .2s linear;}
@media ( max-width: 992px ) {
    #nav-strip div.mobile-popper {display:flex;}
    #nav-strip .max-width {display:none;position: absolute;top: 50px;right: 10px;flex-direction: column;height: auto;z-index: 100;background: #fff;padding: 20px;border-radius: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}
    #nav-strip.over .max-width {display: flex;}
    #nav-strip.over div.mobile-popper:after {transform:rotate(180deg);} 
    #nav-strip a {margin-left:0px;padding:5px 0px;}
    #nav-strip a.over {border-top:none;color:var(--royal);}
}


.header {position:relative;}
.header .max-width {justify-content: space-between;}
.header .max-width .navigation{display: flex;flex-direction: column;align-items: flex-end;}

.header ul.nav {display:flex;list-style:none;margin:0px;margin-top:15px;white-space: nowrap;padding-top:73px;position:relative;}
.header ul.nav>li {padding:0px 15px;position:relative;}
.header ul.nav>li:nth-last-of-type(2) {padding-right:0px;}
.header ul.nav a {color: #6D94A5;font-family: var(--fontarial);font-size: 16px;font-weight:bold;text-decoration:none;text-underline-offset: 5px;transition:all .3s linear;}
.header ul.nav a:hover {text-decoration:underline;}
.header ul.nav li.current_page_item a {color:var(--royal);text-decoration:underline;}
.header .logo {margin:30px 0 0 0;}

.sub-menu {position:absolute;top:100%;left:5px;list-style:none;margin:0px;display:none;z-index: 100;background: #fff;padding: 10px;border-radius: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);width: 110px;}
.header ul.nav>li:hover .sub-menu {display:block;}
.header ul.sub-menu li a {font-size:14px;}
.header ul.nav li.current_page_item a {text-decoration:none;}

ul.footer-1>li:hover .sub-menu {display: flex;width: auto;}
ul.footer-1>li:hover .sub-menu li {margin-right:10px;}
ul.footer-1>li:hover .sub-menu li:nth-last-of-type(1) {margin-right:0px;}
ul.footer-1>li {position:relative;}


@media screen and (max-width:992px){
.sub-menu {position: relative;top: 0;left: 0;width: auto;display: none;padding: 0px;box-shadow: none;}
.header ul.nav>li:hover .sub-menu {display:none;}
.header ul.nav a:hover {text-decoration:none;}
.header ul.nav>li.over .sub-menu {display:block;}
.header ul.sub-menu li a {font-size:16px;}  
.menu-item-has-children>a:after {content: "\e802";font-family: "goods-icons";font-size: 8px;margin-left: 10px;position: relative;top: -2px;display: inline-block;}   
.menu-item-has-children.over>a:after {transform: rotate(180deg);}
.menu-item-has-children.over>a {text-decoration: none;}   
}

.header .searchbox {height: 50px;width:100%;max-width: 300px;border: 1px solid #E5E5E5;border-radius: 37px;display:flex;position:relative;padding:0px 15px 0px 30px;margin-top:20px;background:#fff;}
.header .searchbox .textbox {border:0;outline:none;height:100%;width:100%;background:#fff;flex:1;}
.header ul.nav>li.search-holder {position:absolute;bottom:40px;right:0px;padding-right:0px;}
.header .searchbox button {outline:none;border:none;background:none;padding:0px 10px;display:flex;justify-content: center;align-items: center;}
.header .searchbox button:before {content:"\e803";font-family:"goods-icons";color:var(--teal);font-size:16px;}
.header .searchbox .textbox::-webkit-input-placeholder {color:var(--teal);}
.header .searchbox .textbox:-ms-input-placeholder {color:var(--teal);}
.header .searchbox .textbox::placeholder {color:var(--teal);}
.header .header-img {display:none;}


.header.header-general {background:var(--light-blue);border-bottom:1px solid #f1f1f1;}
.header.header-general h1 {margin-bottom:5px;}
.header.header-general .header-img {display:block;position:absolute;top:0px;height:100%;overflow:hidden;left:calc(50% - 60px);pointer-events:none;}
.header.header-general .header-img img {position:relative;top:160px;left:0px;}
.header-content-general {margin-top:80px;padding-bottom:30px;position:relative;z-index:2;}
.header-content-general .flex {width:100%;justify-content: space-between;}
.header-content-general .flex>div {position:relative;min-width:250px;}
.header-content-general .flex>div:nth-of-type(1) {margin-right:30px;}


.page-content {border-radius:10px;background:var(--royal);color:#fff;max-width:100%;width:250px;position:absolute;right:0px;top:0px;box-shadow: 5px 10px 6px 0 rgba(0,0,0,0.1);}
.page-content .title {height:50px;;display:flex;align-items: center;font-weight:bold;justify-content: space-between;padding:0px 20px;cursor:pointer;}
.page-content .title:after {content:"\E802";font-family:"goods-icons";font-size: 12px;transition:transform .15s linear;}
.page-content .pg-content {padding:20px 20px 0px 33px;margin:0px 0px 20px 0px;border-top:1px solid rgba(255,255,255,0.2);display:none;}
.page-content .pg-content li {position:relative;margin-bottom:5px;}
.page-content .pg-content li::marker {font-size:10px;}
.page-content .pg-content a {color:#fff;font-size:14px;text-decoration:none;display: block;line-height: 1.4em;}
.page-content .pg-content a:hover {color:var(--teal);}
.page-content.over .title:after  {transform:rotate(180deg);}
.page-content.over .pg-content {display:block;}

@media screen and (max-width:1250px){

}
@media screen and (max-width:992px){
.header .logo {max-width:400px;}    
.header .hamburger {display:flex;width:50px;height:50px;margin-left:30px;justify-content: center;align-items: center;font-size: 20px;color:var(--royal);}
.header .hamburger:before {content:"\e801";font-family:"goods-icons";}    
.header ul.nav {display:none;}    
.header ul.nav.over {display:flex;}     
.header .max-width .navigation {flex-direction: row;align-items: flex-end;justify-content: center;padding-bottom: 10px;}
.header ul.nav {position: fixed;width: 100%;flex-direction: column;background: #fff;left: 0;top: 0;margin: 0;height: 100vh;z-index: 100;padding: 50px;} 
.header ul.nav>li a {padding:10px 0px;display:block;}  
.header ul.nav>li.search-holder {position:relative;bottom:0px;right:auto;padding-right:0px;}  
.header ul.nav>li.closenav {position:absolute;right:20px;top:50px;width:50px;height:50px;} 
.header ul.nav>li.closenav:before {content:"";position:absolute;background:var(--royal);width:18px;height:2px;transform-origin: center center;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);}
.header ul.nav>li.closenav:after {content:"";position:absolute;background:var(--royal);width:18px;height:2px;transform-origin: center center;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);}
}

@media screen and (max-width:768px){
.header-content-general .flex {flex-direction: column;}
}


@media screen and (max-width:576px){
.header .hamburger {align-items: flex-end;padding-bottom:5px;}
.page-content {width:100%;}    
}


/* Homepage boxes ================================= */
.homepage-header {overflow:hidden;margin-top:30px;}
.homepage-header .offset-left {max-width: 640px;}
.homepage-header h1 {max-width: 470px;margin-top:50px;}
.homepage-header .offset-left p {max-width:530px;}
.homepage-header .flex {justify-content: space-between;}
.homepage-header .max-width>div:nth-of-type(1) {position: relative;z-index:1;flex:1;}
.homepage-header .max-width>div:nth-last-of-type(1) {position: relative;z-index:0;}
.homepage-header .imgHolder {position: absolute;right: -250px;top: 0px;width:920px;}

@media screen and (max-width:1180px){
    .homepage-header .offset-left p {max-width: 450px;}
}
@media screen and (max-width:1100px){
    .homepage-header .imgHolder {right: -100px;max-width:55vw;}
}
@media screen and (max-width:768px){
    .homepage-header .flex {flex-direction:column-reverse;}
    .homepage-header .max-width>div:nth-last-of-type(1) {height:50vw;}
    .homepage-header .imgHolder {position: relative;right: 0px;top: 0px;max-width:100%;}
}

.how-to-use {background:var(--royal);border-radius:20px;padding:50px;color:#fff;margin-top:70px;max-width:930px;}
.how-to-use h2 {color:#fff;}
.how-to-use ol li::marker {font-size:30px;font-weight:bold;}
.how-to-use ol h3 {font-size:20px;font-weight:bold;color:#fff;margin-bottom:5px;}
.how-to-use ol p {font-size:16px;font-weight:normal;color:var(--teal);margin-bottom:15px;}
.how-to-use ol li {border-bottom:1px solid rgba(102,141,158,0.2);padding-top:20px;}
.how-to-use ol li a {text-decoration: none;position:relative;padding-right:100px;display:block;}
.how-to-use ol li a:after {content:"\e800";font-family:"goods-icons";position:absolute;right:0px;top:5px;color:#fff;}
.how-to-use ol li:nth-last-of-type(1) {border-bottom:0px;}
.how-to-use ol li:nth-last-of-type(1) p {margin-bottom:0px;}

@media screen and (max-width:768px){
.how-to-use {padding:40px 25px 25px 25px;}
.how-to-use ol li a {padding-right:50px;}
.how-to-use ol h3 {font-size:18px;}
.how-to-use ol p {font-size:14px;}
}

.homepage-about {margin-top:100px;}
.homepage-about h2 {margin-bottom:35px;}
.split-line>div:nth-of-type(1) {padding-right:80px;max-width:1000px;}
.split-line>div:nth-last-of-type(1) {border-left:1px solid var(--lightest-blue);padding-left:50px;}
.homepage-about>div:nth-last-of-type(1) img {max-width:200px;}
.homepage-about a.button {margin-right:20px;margin-bottom:10px;}
.homepage-about .button-holder {margin-top:50px;}

@media screen and (max-width:1100px){
    .homepage-about a.button {min-width:360px;}  
}

@media screen and (max-width:768px){
.homepage-about {margin-top:50px;}    
.homepage-about .flex {flex-direction:column-reverse;}
.split-line>div:nth-last-of-type(1) {border:none;padding-left:0;}
.homepage-about>div:nth-last-of-type(1) img {max-width:100px;margin-bottom:30px;} 
.split-line>div:nth-of-type(1) {padding-right: 0px;}  
.homepage-about a.button {margin-bottom: 20px;}  
.homepage-about .button-holder {margin-top: 10px;}    
}

@media screen and (max-width:450px){
    .homepage-about a.button {width:100%;}
    .homepage-about a.button {min-width:100px;}  
}

.homepage-endorsements {margin-top:100px;}
.homepage-endorsements .flex {margin-top:35px;}
.homepage-endorsements .flex>div {flex:1;}
.homepage-endorsements p {padding-right:100px;}
.homepage-endorsements ul {margin:0;padding:0px;list-style:none;display:flex;flex-wrap:wrap;}
.homepage-endorsements ul li {flex:0 0 33%;padding-bottom:20px;display:flex;padding-right: 10px;}
.homepage-endorsements ul li img {align-self: center;}
.homepage-endorsements .card-white .tag {position:absolute;right:90px;top:-10px;pointer-events: none;z-index:0;}

@media screen and (max-width:768px){
.homepage-endorsements {margin-top:50px;}    
.homepage-endorsements .flex {flex-direction:column;}
.homepage-endorsements p {padding-right:0px;} 
.homepage-endorsements ul li {flex:0 0 50%;padding-bottom:20px;padding-right:40px;}  
.homepage-endorsements .card-white .tag {right:20px;top:-5px;max-width:40px;} 
}

.homepage-audience {background:var(--teal-light);margin-top:100px;min-height:100px;padding:50px 0px 80px 0px;}
.homepage-audience .intro h2 {margin: 10px 0px 20px 0px;}
.homepage-audience .intro {text-align:center;margin-bottom:50px;}
.homepage-audience .intro p {font-size:26px;}
.selection {background:#fff;border-radius:8px;margin:0px;padding:50px;display:flex;flex-wrap:wrap;list-style:none;}
.selection li {padding:50px;text-align:center;display:flex;flex-direction: column;flex:0 0 33.333%;cursor:pointer;position:relative;}
.selection li:before {content:"";height:1px;position:absolute;bottom:0px;left:0px;width:100%;opacity:0.7;}
.selection li:after {content:"";width:1px;position:absolute;top:0px;right:0px;height:100%;opacity:0.7;}
.selection li:nth-of-type(1):before {background: rgb(123,157,172);
background: -moz-linear-gradient(90deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 100%);
background: linear-gradient(90deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b9dac",endColorstr="#7b9dac",GradientType=1);}
.selection li:nth-of-type(3):before {background: rgb(123,157,172);
background: -moz-linear-gradient(270deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 100%);
background: -webkit-linear-gradient(270deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 100%);
background: linear-gradient(270deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b9dac",endColorstr="#7b9dac",GradientType=1);}
.selection li:nth-of-type(2):before {background: rgb(123,157,172);}
.selection li:nth-of-type(1):after, .selection li:nth-of-type(2):after {background: rgb(123,157,172);
background: -moz-linear-gradient(180deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 100%);
background: linear-gradient(180deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b9dac",endColorstr="#7b9dac",GradientType=1);}
.selection li:nth-of-type(4):after, .selection li:nth-of-type(5):after {background: rgb(123,157,172);
background: -moz-linear-gradient(0deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 100%);
background: linear-gradient(0deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b9dac",endColorstr="#7b9dac",GradientType=1);}

@media screen and (max-width:768px){
    .selection li:after {display:none;} 
    .selection li:nth-of-type(1):before,.selection li:nth-of-type(2):before,.selection li:nth-of-type(3):before,.selection li:nth-of-type(4):before,.selection li:nth-of-type(5):before {background: rgb(123,157,172);
background: -moz-radial-gradient(circle, rgba(123,157,172,1) 0%, rgba(123,157,172,0) 100%);
background: -webkit-radial-gradient(circle, rgba(123,157,172,1) 0%, rgba(123,157,172,0) 100%);
background: radial-gradient(circle, rgba(123,157,172,1) 0%, rgba(123,157,172,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b9dac",endColorstr="#7b9dac",GradientType=1);}
}

.selection .img-holder {min-height:100px;display:flex;flex-direction: column;justify-content: center;}
.selection .img-holder img {align-self: center;}
.selection h3 {margin-bottom:20px;}
.selection li.empty {display: flex;justify-content: center;color:var(--teal);cursor:default;}

.selection-item {background:#fff;padding:50px;border-radius:10px;position:relative;width:100%;}
.selection-item .item-holder {display:none;}
.selection-item .item-holder.over {display:block;}
.selection-item .selection-title {display:flex;margin-bottom:30px;}
.selection-item .selection-title img {margin-right:50px;}
.selection-item .selection-content {display:flex;}
.selection-item .selection-content>div {flex:1;}
.selection-item .selection-content p {font-size:14px;}
.selection-item .selection-content h5 {font-size:14px;font-weight:bold;margin:0px;}

.selection-item h3 {font-size:30px;font-weight:bold;letter-spacing: -1.05px;color:var(--royal);line-height:1.2em;margin-bottom:10px;font-family:var(--fontHelvetica);}
.selection-item h4 {font-size:25px;font-weight:bold;letter-spacing: -1.05px;color:var(--royal);line-height:1.2em;margin-bottom:10px;font-family:var(--fontHelvetica);}

.selection-item .button {margin-bottom:20px;}
.selection-item .button-blue {font-size:16px;}
.selection-item .selection-content>div.separator {border-left: 1px solid #ECF1F3;margin:0px 50px;max-width:1px;}

.close {background-color: #ECF1F3;display:block;width:40px;height:40px;border-radius:40px;position:absolute;right:50px;top:50px;transition:background .3s linear;}
.close:before {content:"";position:absolute;background:var(--royal);width:18px;height:2px;transform-origin: center center;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);}
.close:after {content:"";position:absolute;background:var(--royal);width:18px;height:2px;transform-origin: center center;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);}
.close:hover {background:var(--royal);}
.close:hover:before, .close:hover:after {background-color: #ECF1F3;}

.selection-card {perspective: 100vw;}
.selection, .selection-item {-webkit-backface-visibility: hidden;backface-visibility: hidden;transition:all .3s linear;}
.selection-item {transform: rotateY(-180deg);position:absolute;top:0px;}
.selection-card.turn .selection {transform: rotateY(180deg);}
.selection-card.turn .selection-item {transform: rotateY(0deg);}

@media screen and (max-width:992px){
.selection h3 {font-size:25px;}    
.selection li {padding:25px;}
.selection-item h3 {font-size:25px;}
.selection-item h4 {font-size:20px;}
}

@media screen and (max-width:768px){
.homepage-audience {margin-top:50px;}
.selection {padding:0px;flex-direction:column;}
.selection li {padding:20px 20px 10px 20px;flex:1;}
.selection-item {padding:25px;}    
.homepage-audience .intro p {font-size:18px;}
.selection-title, .selection-content {flex-direction:column;} 
.close {right:25px;top:25px;}    
}

/* End Homepage boxes ================================= */

/* About page + general repeats  ====================== */

.general-content {}
.general-content h2 {margin-bottom:30px;margin-top:100px;font-size:35px;}
.general-content p, .general-content ul, .general-content ol {max-width:990px;}
.general-content .img-float-right {float:right;margin-left:60px;margin-bottom:60px;}
.general-content .img-float-right img {border-radius:10px;}
.general-content ul {padding-left: 25px;}
.general-content ul li::marker {font-size:12px;}
.general-content ul li {margin-bottom:10px;}
.general-content p:nth-last-of-type(1), .general-content ul li:nth-last-of-type(1), .general-content ul:nth-last-of-type(1) {margin-bottom:0px;}

.general-icon-group {background:var(--teal-light);margin-top:100px;padding:70px 0px 100px 0px;}
.general-icon-group h2 {font-size:35px;max-width:930px;margin-left:auto;margin-right:auto;}
.general-icon-group h3 {margin-top:25px;letter-spacing:-1.26px;}
.general-icon-group img {max-width: 200px;}
.general-icon-group .intro {text-align:center;margin-bottom:44px;}
.general-icon-group .selection li {cursor:default;}
.general-icon-group .selection.row-1 li:before, .general-icon-group .selection.auto li:before {display:none;}
.general-icon-group .selection.row-1 li:after, .general-icon-group .selection.auto li:after {
    background: rgb(123,157,172);
    background: -moz-linear-gradient(180deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 50%, rgba(123,157,172,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 50%, rgba(123,157,172,0) 100%);
    background: linear-gradient(180deg, rgba(123,157,172,0) 0%, rgba(123,157,172,1) 50%, rgba(123,157,172,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b9dac",endColorstr="#7b9dac",GradientType=1);
    top:auto;bottom: 0px;height: 70%;
}
.general-icon-group .selection.row-1 li:nth-of-type(3):after, .general-icon-group .selection.row-1 li:nth-of-type(6):after {display:none;}
.general-icon-group .selection.auto li {flex:1;}
.general-icon-group .selection.auto li:nth-last-of-type(1):after {display:none;}

a.button[target="_blank"]:after {content:"\E808";font-family:"goods-icons";font-size:20px;margin-left:20px;}

@media screen and (max-width:1200px){
.general-icon-group img {max-width: 80%;}    
}

@media screen and (max-width:992px){
.general-content .img-float-right {margin-left: 30px;margin-bottom: 30px;max-width: 35%;}
}

@media screen and (max-width:768px){
.general-icon-group img {max-width: 200px;} 
.general-content h2, .general-icon-group h2 {font-size:30px;}  
a.button[target="_blank"]:after {font-size:16px;}
.general-icon-group h3 {margin-top: 20px;margin-bottom:10px;}    
.general-icon-group .selection.row-1 li:before, .general-icon-group .selection.auto li:before {
    display:block;
    background: rgb(123,157,172);
    background: -moz-radial-gradient(circle, rgba(123,157,172,1) 0%, rgba(123,157,172,0) 100%);
    background: -webkit-radial-gradient(circle, rgba(123,157,172,1) 0%, rgba(123,157,172,0) 100%);
    background: radial-gradient(circle, rgba(123,157,172,1) 0%, rgba(123,157,172,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b9dac",endColorstr="#7b9dac",GradientType=1);
}   
.general-icon-group .selection.row-1 li:nth-last-of-type(1):before, .general-icon-group .selection.auto li:nth-last-of-type(1):before, .general-icon-group .selection li:nth-last-of-type(1):before {display:none;}   
.general-icon-group li:empty {display:none;}  
.general-content .button-blue, .general-content .button-outline {margin-left: 50%;transform: translateX(-50%);} 
}
@media screen and (max-width:576px){
.general-content .img-float-right {float:none;margin-left: 0px;max-width: 75%;}
.general-content, .general-icon-group {margin-top:60px;}
.general-icon-group {padding: 50px 0px 50px 0px;}
.header-content-general {margin-top: 50px;padding-bottom: 25px;}
}

/* / About page + general repeats  ========================= */



/*  GG listings  ========================= */
.header .filters {background:rgba(236,241,243,0.5);position:relative;z-index:2;padding:25px 0 0 0;}
.header .filters .flex {justify-content: space-between;flex-wrap:wrap;}    
.header .filters .flex>div {flex:0 0 calc(50% - 15px);padding-bottom:25px;display:none;position:relative;} 
.header .filters .flex>div:nth-of-type(-n+2) {display:block;}
.header .filters.over .flex>div {display:block;}
.header .filters .filterbox {height: 60px;display:flex;align-items: center;justify-content: space-between; border-radius: 10px;background-color: #FFFFFF;box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);outline:none;padding:0px 60px 0px 20px;width:100%;border:none;font-size:14px;line-height: 1em;}
.header .filters .filterbox::-webkit-input-placeholder {color:var(--teal);}
.header .filters .filterbox:-ms-input-placeholder {color:var(--teal);}
.header .filters .filterbox::placeholder {color:var(--teal);}
.header .filters .filterbox.drop {cursor:pointer;padding:0px 20px;}
.header .filters .filterbox.drop:after {content:"\e802";font-family:"goods-icons";}
.header .filters .more {position:absolute;left:50%;top:calc(100% + 20px);transform:translateX(-50%);font-size:12px;font-weight:bold;letter-spacing:-0.3px;color:#fff;cursor:pointer;}
.header .filters:before {content:"";position:absolute;left:50%;top:100%;border:10px solid rgba(236,241,243,0);border-top:10px solid rgba(236,241,243,1);width:0px;transform:translateX(-50%);}
.header .filters .more:after {content:"MORE FILTERS";}
.header .filters.over .more:after {content:"LESS FILTERS";}
.header .filters button.go {width:50px;height:50px;border:none;position:absolute;right:10px;top: 5px;background: none;outline: none;font-size: 18px;}
.header .filters button.go:before {content:"\E803";font-family:"goods-icons";}
@media screen and (max-width:576px){
.header .filters {padding:15px 0 0 0;}    
.header .filters .flex>div {flex:0 0 100%;padding-bottom:15px;} 
}
.header .filters .customselect.over .filterbox.drop:after {transform: rotate(180deg);}
.customselect select, .custommultibox input {opacity:0;pointer-events: none;position:absolute;} 
.customselect.over ul, .custommultibox.over ul {display:flex;}
.customselect ul, .custommultibox ul {position:absolute;top: calc(100% - 20px);left:0px;border-radius: 13px;background-color: #FFFFFF;box-shadow: 0 2px 9px 0 rgba(0,0,0,0.07);flex-direction:column;overflow:hidden;width:100%;display:none;max-height: 300px;overflow-y: scroll;z-index:10;margin:0px;padding:10px 0px;}
.customselect.over ul, .custommultibox.over ul {display:flex;}
.customselect ul li, .custommultibox ul li {font-size:14px;height:30px;display:flex;justify-content: flex-start;align-items: center;padding:0px 15px;cursor:pointer;transition:background .3s linear;}
.customselect ul li:hover, .custommultibox ul li:hover {background:var(--light-blue);}
@media screen and (max-width:576px){
    .customselect ul, .custommultibox ul {top: calc(100% - 13px);}  
}

.goods-listings {margin-top:70px;}
.tags {display:flex;justify-content: center;position:relative;padding:0px 100px;min-height:40px;margin-bottom:20px;flex-wrap:wrap;}
.tags a {display:inline-flex;margin:0px 10px;height: 40px;border-radius: 22px;background-color: #012F3B;padding:0px 18px;color:#fff;text-decoration:none;font-size: 14px;font-weight: bold;align-items: center;transition:all .2s linear;white-space: nowrap;margin-bottom:5px;}
.tags a:after {content:"\E80C";font-family:"goods-icons";font-size:8px;line-height: 1em;margin-left:10px;}
.tags a:hover {color:var(--teal);}
.view-switch {display:flex;border:1px solid var(--light-blue);border-radius:8px;list-style:none;color:var(--teal);margin:0px;padding:0px;height:40px;position:absolute;right:0px;top:0px;}
.view-switch li {width:40px;cursor:pointer;display:flex;justify-content: center;align-items: center;line-height:1em;color:#C5D1D7;transition:all .3s linear;}
.view-switch li:hover {color:var(--royal);}
.view-switch li.active {background:var(--light-blue);cursor:default;color:var(--royal);pointer-events: none;}
.view-switch li:before {font-family:"goods-icons";}
.view-switch li:nth-of-type(1):before {content:"\E80B";font-size:14px;}
.view-switch li:nth-of-type(2):before {content:"\E80A";font-size:20px;}

.table-list {display:none;position:relative;}
.card-list {display:none;}
.table-list.over {display:block;}
.card-list.over {display:flex;}

.table-list table {border: 1px solid #E5E5E5;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);width:100%;margin:0px;font-size:14px;}
.table-list table th {text-align:left; font-size: 12px;color:var(--teal);font-weight: bold;letter-spacing: -0.3px;line-height: 20px;text-transform: uppercase;padding:30px 30px 30px 0px;}
.table-list table td {text-align:left;border-top: 1px solid #EAEAEA;padding:30px 30px 30px 0px;}
.table-list table th, .table-list table td {padding-left:30px;vertical-align: top;}
.table-list table th:nth-of-type(1) {padding-left:80px;}
.table-list table td:nth-of-type(1) {display:flex;align-items: center;}
.table-list a.highlight {font-weight:bold;display:inline-flex;text-decoration:none;align-items: center;line-height:1em;white-space: nowrap;}
.table-list a.highlight:after {content:"\E800";font-family:"goods-icons";margin-left:7px;font-size:10px;line-height:1em;}
.table-list a.category, .card a.category {font-size:12px;border:1px solid rgba(1,47,59,0.5);color:rgba(0,0,0,0.8);border-radius:10px;display:inline-flex;align-items:center;justify-content: center;padding:5px 15px;text-decoration:none;line-height:1em;transition:all .3s linear;margin-bottom:5px;margin-right:5px;}
.table-list a.category:nth-last-of-type(1), .card a.category:nth-last-of-type(1) {margin-right:0px;}
.table-list a.category:hover {background:var(--light-blue);}
.table-list span, .card span {font-size:18px;font-weight:bold;}
.table-list .profile, .card .profile {width:40px;height:40px;display:flex;align-items:center;justify-content: center;font-size:16px;color:#fff;background:var(--royal);font-weight:bold;border-radius:40px;line-height:1em;margin-right:10px;min-width: 40px;}
.card a:hover {text-decoration:none;}

.card-list {flex-wrap:wrap;}
.card-list .card {flex:0 0 calc((100% - 60px)/3);border: 1px solid #E5E5E5;border-radius: 10px;background-color: #FFFFFF;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);margin:0px 30px 30px 0px;overflow:hidden;}
.card-list .card:nth-of-type(3n+3) {margin-right:0px;}
.card-list .card .card-head {padding:50px 20px 20px 20px;background:var(--light-blue);min-height:200px;display: flex;flex-direction: column;justify-content: space-between;}
.card-list .card .card-head .title {display:flex;align-items: center;margin-bottom:auto;color:var(--general);}
.card-list .card .card-body {padding:20px;font-size:14px;display: flex;flex-direction: column;}
.card-list .card .card-body ul {list-style:none;display:flex;margin:0px;padding:0px;font-size:12px;}
.card-list .card .card-body ul li {padding-right:10px;}
.card-list .card .card-body ul i {font-style:normal;display:block;}
.card a.category {margin-top:6px;align-self: flex-start;}
.card-list a.arrow {background:var(--light-blue);width:30px;height:30px;border-radius:30px;display:flex;justify-content:center;align-items:center;align-self:flex-end;text-decoration:none;}
.card-list a.arrow:after {content:"\E800";font-family:"goods-icons";font-size:10px;}

@media screen and (max-width:1100px){
.table-list table th {padding:20px 10px 20px 0px;}
.table-list table td {padding:10px 10px 10px 0px;}
.table-list table th, .table-list table td {padding-left:10px;}   
}

@media screen and (max-width:992px){
.card-list .card {flex:0 0 calc((100% - 30px)/2);}
.card-list .card:nth-of-type(3n+3) {margin-right:30px;} 
.card-list .card:nth-of-type(2n+2) {margin-right:0px;}  
}

@media screen and (max-width:768px){
/* .table-list table td, .table-list table td:nth-of-type(1) {display:block;} 
.table-list table th {display:none;}
.table-list table td:nth-of-type(1) {padding-top:30px;}
.table-list table td:nth-of-type(2):before {content:"SYSTEM CATEGORIES";display:block;text-align: left;font-size: 12px;color: var(--teal);font-weight: bold;letter-spacing: -0.3px;line-height: 20px;text-transform: uppercase;}
.table-list table td:nth-of-type(3):before {content:"OPENHIE ARCHITECTURE";display:block;font-size: 12px;color: var(--teal);font-weight: bold;letter-spacing: -0.3px;line-height: 20px;text-transform: uppercase;}
.table-list table td:nth-of-type(4):before {content:"TYPE";display:block;font-size: 12px;color: var(--teal);font-weight: bold;letter-spacing: -0.3px;line-height: 20px;text-transform: uppercase;}     */
.table-list .table-holder {overflow-x: scroll;padding-bottom:30px;padding-right:30px;}  
.table-list:after {content:"";width:80px;position:absolute;right:0px;top:0px;height:100%;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    pointer-events:none;
}  
.table-list table {min-width:1000px;}    
.card-list .card {flex:0 0 100%;}
.card-list .card:nth-of-type(3n+3) {margin-right:0px;}
.tags {padding-left:0px;justify-content: flex-start;}    
}

.table-list .title {color: var(--general);}
.table-list .style12345 .profile, .card-list .style12345 .profile {background:#7D8C6F;}
.table-list .style12345 .highlight, .card-list .style12345 .highlight, .card-list .style12345 i {color:#7D8C6F;}
.card-list .style12345 .category {border-color:#7D8C6F80;}
.card-list .style12345.card .card-head {background-color:#7D8C6F0D;}
.card-list .style12345 a.arrow {background-color:#7D8C6F0D;color:#7D8C6F;}

.table-list .style12346 .profile, .card-list .style12346 .profile {background:#822588;}
.table-list .style12346 .highlight, .card-list .style12346 .highlight, .card-list .style12346 i {color:#822588;}
.card-list .style12346 .category {border-color:#82258880;}
.card-list .style12346.card .card-head {background-color:#8225880D;}
.card-list .style12346 a.arrow {background-color:#8225880D;color:#822588;}

.table-list .style12347 .profile, .card-list .style12347 .profile {background:#558825;}
.table-list .style12347 .highlight, .card-list .style12347 .highlight, .card-list .style12347 i {color:#558825;}
.card-list .style12347 .category {border-color:#55882580;}
.card-list .style12347.card .card-head {background-color:#5588250D;}
.card-list .style12347 a.arrow {background-color:#5588250D;color:#558825;}

.table-list .style12348 .profile, .card-list .style12348 .profile {background:#886925;}
.table-list .style12348 .highlight, .card-list .style12348 .highlight, .card-list .style12348 i  {color:#886925;}
.card-list .style12348 .category {border-color:#88692580;}
.card-list .style12348.card .card-head {background-color:#8869250D;}
.card-list .style12348 a.arrow {background-color:#8869250D;color:#886925;}


/*  / GG listings  ========================= */

/*  GG Detail  ============================= */
.detail-default.detail-extras h2 {margin-top:80px;margin-bottom:60px;}
.detail-extras ul {display:flex;list-style:none;margin:0px;padding:0px;}
.detail-extras ul.logos {flex-wrap:wrap;}
.detail-extras ul.logos li {margin-bottom: 10px;}
.detail-extras ul.logos img {max-height:45px;margin-right:20px;}

.detail-extras ul.gallery {flex-wrap:wrap;}
.detail-extras ul.gallery li {flex:0 0 calc((100% - 80px)/3);margin-bottom:40px;}
.detail-extras ul.gallery li:nth-of-type(2) {margin-right: auto;margin-left: 40px;}

.detail-extras ul.links li {padding:0px 10px;position:relative;line-height:1em;}
.detail-extras ul.links li:nth-of-type(1) {padding:0px 10px 0 0;}
.detail-extras ul.links li:before {content:"";width:1px;height:calc(100% - 4px);top:2px;left:0px;position:absolute;background:var(--grey-light);}
.detail-extras ul.links li:nth-of-type(1):before {display:none;}

.detail {font-size:14px;}
.detail-title {background:rgba(155,107,168,0.1);margin-top:20px;}
.detail-title .flex {justify-content: space-between;align-items: center;}
.detail-title .flex>div, .detail-intro .flex>div, .detail-map .flex>div, .detail-default .flex>div {flex:0 0 calc(50% - 45px);}
.detail-title h1 {padding-top:10px;}
.detail-title h1 span {position:absolute;opacity:0;pointer-events: none;}
.detail-title h1 img {max-height: 80px;width:auto;}
.detail-title .flex {position: relative;overflow: hidden;}    
.detail-title .box {height: 136px;width: 138.16px;opacity: 0.1;transform: rotate(-45deg);border-radius: 27px;position:absolute;}
.detail-title .box:nth-of-type(1) {top:30%;left:30%;}
.detail-title .box:nth-of-type(2) {top:35%;left:38%;transform: scale(0.8) rotate(-45deg);}
.detail-title .box:nth-of-type(3) {top:5%;left:56%;transform: scale(0.7) rotate(-45deg);}
.detail-title .box:nth-of-type(4) {top:-3%;left:52%;transform: scale(0.5) rotate(-45deg);}
.detail-title .box:nth-of-type(5) {top:-10%;left:70%;transform: scale(0.9) rotate(-45deg);}
.detail-title .box:nth-of-type(6) {top:3%;left:80%;transform: scale(0.6) rotate(-45deg);}
.detail-title .box:nth-of-type(7) {top:70%;left:44%;transform: scale(0.6) rotate(-45deg);} 
a.arrow-back {color:var(--general);text-decoration:none;display:flex;}
a.arrow-back:before {content:"\E800";font-size: 15px;font-family: "goods-icons";position: relative;transform: rotate(180deg);margin-right: 10px;}
.snapshot {align-self: flex-end;width:100%;}
.snapshot-holder {margin-top:90px;background:#fff;border-top-left-radius:8px;border-top-right-radius:8px;padding:30px 40px;}
.snapshot-holder ul {margin: 0px;padding: 0px;list-style: none;line-height:1.1em;}
.snapshot-holder ul li {padding-bottom:10px;}
.snapshot-holder ul li:nth-last-of-type(1) {padding-bottom:0px;}

.detail label {font-size:12px;letter-spacing: -0.3px;text-transform: uppercase;display:block;font-weight:bold;color:var(--teal);}
.detail p {max-width:960px;}

.detail-intro .snapshot-holder {background:rgba(155,107,168,0.1);border-radius:8px;padding:40px;margin-top:0px;height: fit-content;}
.detail-intro .offset-width.flex {justify-content: space-between;}
.detail-intro {margin-top:80px;}
.detail-intro h3 {letter-spacing: -1.05px;}

/* Custom coloring */
.detail-intro h3, .detail-intro label, .detail-intro label, .snapshot-holder label {color:#9B6BA8;}


@media screen and (max-width:768px){
.detail-intro .offset-width.flex {flex-direction:column;}  
.detail-title .offset-width.flex {flex-direction:column;align-items: flex-start;padding-top:30px;}
.snapshot-holder {margin-top:10px;padding:25px 20px 20px 20px;}
.detail-extras ul.gallery li {flex: 0 0 calc((100% - 20px)/2);margin-bottom: 20px;}
.detail-extras ul.gallery li:nth-of-type(2) {margin-left: 20px;}
.detail-extras ul.logos li {flex:0 0 33%;}
.detail-default.detail-extras h2 {margin-top: 40px;margin-bottom: 30px;}
.detail-intro {margin-top: 40px;}
.detail-intro .snapshot-holder {padding:25px 25px 0px 25px;}
}
@media screen and (max-width:576px){
.detail-extras ul.gallery li {flex:0 0 100%;margin-bottom: 20px;}
.detail-extras ul.gallery li:nth-of-type(2) {margin-left: 0px;}
}

.detail-map {background:var(--light-blue);margin-top:80px;padding:80px 0px;}
.detail-map .flex {justify-content: space-between;}
.detail-map .map {margin-top:50px;border:1px solid rgba(8,53,64,0.2);border-radius:20px;padding:30px;min-height:720px;}
.detail-map h2 {margin-bottom:35px;}

@media screen and (max-width:768px){
.detail-map .flex {flex-direction:column;}
.detail-map {margin-top: 40px;padding: 40px 0px;}
}

.detail-default .flex {justify-content: space-between;}
.detail-default h2 {margin-bottom:30px;}
.detail-standards {background:rgba(237,242,244,0.4);padding:80px 0px;}

.detail-maturity {margin-top:100px;}
.maturity-nav {display: flex;justify-content: space-between;padding-bottom:10px;}
.maturity-nav a {color:var(--teal);text-decoration:none;}
.maturity-nav a.over {color:var(--general);font-weight: bold;}
.maturity-stats ul {margin:0px;padding:0px;list-style:none;display:none;}
.maturity-stats ul.over {display:block;}
.maturity-stats ul li {margin-bottom:2px;background:rgba(14,175,155,0.05);padding:0px 10px;min-height:46px;display:flex;align-items: center;justify-content: space-between;}
.maturity-stats .footnote {font-size:10px;float:right;padding-top:5px;}

.maturity-stats ul li.low {background:rgba(148,213,249,0.05);}
.maturity-stats ul li.medium {background:rgba(14,175,155,0.05);}
.maturity-stats ul li.high {background:rgba(8,157,60,0.05);}
.maturity-stats ul li.low strong {color:rgba(148,213,249,1);}
.maturity-stats ul li.medium strong {color:rgba(14,175,155,1);}
.maturity-stats ul li.high strong {color:rgba(8,157,60,1);}

.chart-title {display:flex;justify-content: center;align-items: center;}
.chart-title select {margin-left:10px;height: 40px;border: 1px solid rgba(229,229,229,1);border-radius: 5px;background-color: rgba(255,255,255,1);box-shadow: 0 1px 0 0 rgba(0,0,0,0.05);padding:0px 35px 0 15px;background:url("/wp-content/themes/gg-guidebook/images/svgs/icon-caret.svg") right 10px center no-repeat;background-size: 12px;-webkit-appearance:none;color:var(--royal);font-size:14px;outline: none;}
.chart-holder {width:100%;min-width: 430px;}
.chart {width:100% !important;height:auto !important;}

@media screen and (max-width:768px){
.detail-maturity .flex {flex-direction:column;}
.detail-standards .flex {flex-direction:column;}
.detail-maturity {margin-top: 40px;}
.detail-standards {padding: 40px 0px;}
.chart-holder {min-width:100px;}    
}
.chartjs-radar-labels {
    position: absolute;
    left: 100px;
    top: 10px; 
}
.detail-resources {margin-top:90px;}
.detail-resources a {display:block;line-height:1em;}
.detail-resources strong {line-height:1.1em;display: inline-block;}

.detail-community {background:var(--light-blue);margin-top:80px;padding:80px 0px;}
.detail-community h3 {font-size:25px;letter-spacing: -1.05px;margin-bottom:20px;}
.detail-community h4 {font-size:19px;letter-spacing:0.18px;margin-top:20px;}
.detail-community h4:nth-of-type(1) {margin-top:0px;}
.detail-community span {display:block;}

@media screen and (max-width:768px){
.detail-resources .flex {flex-direction:column;}
.detail-community .flex {flex-direction:column;}
.detail-community {padding:40px 0px;margin-top:40px;}
}
/*  / GG Detail  =========================== */

/*  Contact  =========================== */
.contact-content {margin-top:100px;}
.contact-content h2 {margin-bottom:40px;}
.form-container {flex:1;}
.form-group {display:flex;flex-wrap:wrap;}
.form-group .form-holder {flex: 0 0 calc((100% - 20px)/2);margin:0px 20px 20px 0px;position:relative;}
.form-group .form-holder:nth-last-of-type(2n+2) {margin:0px 0px 20px 0px;}
.form-group .form-holder.span {flex: 1;margin-right:0px;}
.textfield {display:flex;align-items: center;padding:0px 20px;height: 57px;border: 1px solid rgba(229,229,229,1);border-radius: 10px;background-color: #fff;outline:none;line-height:1.1em;font-size:16px;color:var(--royal);width:100%;}
textarea.textfield {min-height:200px;padding-top:20px;align-items: flex-start;font-family:var(--fontarial);line-height:1.2em;}
form button.button {outline:none;border:none;font-size:15px;cursor:pointer;}

.textfield::-webkit-input-placeholder {color: var(--teal);}
.textfield::-moz-placeholder {color: var(--teal);}
.textfield:-ms-input-placeholder {color: var(--teal);}
.textfield:-moz-placeholder {color: var(--teal);}

.contact-content .social {margin-left:45px;padding-left:45px;border-left:1px solid #EAEAEA;min-width:350px;}
.contact-content .social h3 {font-size: 25px;letter-spacing: -0.43px;line-height: 1.16em;margin-bottom:25px;}
.contact-content .social a {color: var(--royal);font-size: 14px;font-weight: bold;letter-spacing: -0.24px;line-height: 1.14em;display: inline-flex;flex-direction: column;align-items: center;text-decoration:none;margin-bottom:10px;margin-right:15px;}
.contact-content .social a span {display:flex;justify-content: center;align-items: center;height: 60px;width: 60px;border-radius: 10px;background-color: rgba(29,155,240,1);magin-bottom:10px;color:#fff;margin-bottom:10px;transition:all .3s linear;}
.contact-content .social a:nth-last-of-type(1) {margin-right:0px;}
.contact-content .social a:hover span {box-shadow:0 4px 20px 0 rgba(0,0,0,0.2);transform:scale(1.02);transition:all .1s linear;}

.contact-content .social a.twitter span {background:#1D9BF0;}
.contact-content .social a.linkedin span {background:#007EBB;}
.contact-content .social a.youtube span {background:#FF0000;}
.contact-content .social a.slack span {background:#E1185A;}
.contact-content .social a img {max-width: 26px;}
.contact-content .social-holder {display:flex;flex-wrap:wrap;}
.form-message h3, .form-message-error h3 {letter-spacing: -1px;}
.form-message, .form-message-error {display:none;}
.form-message-error {margin-top:20px;}
.form-message.over, .form-message-error.over {display:block;}
.form-contact.hide {display:none;}
.form-contact.processing {pointer-events: none;opacity:0.5;}
.form-holder p.error {margin: 0px;background: var(--royal);position: absolute;bottom: -10px;right: 10px;color: #fff;display: block;font-size: 12px;padding: 0px 10px;border-radius: 5px;}

.form-contact.processing .loader {display:block;}
.form-contact .loader {position: absolute;z-index: 5;display:none;}
.form-contact  {position: relative;}


@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} 

@media screen and (max-width:992px){
    .contact-content .flex {flex-direction:column;} 
    .contact-content .social {padding:0px;margin:30px 0 0 0;min-width:100px;border:none;}
}

@media screen and (max-width:576px){
    .form-group .form-holder {flex: 0 0 100%;}
}
/*  / Contact  =========================== */

/*  General Content  ===================== */
.header.header-general-content .header-img img {top: 106px;position: relative;}
.header.header-general-content {background: var(--light-blue);border-bottom: 1px solid #f1f1f1;min-height: 220px;}
.header.header-general-content .header-img {display: block;position: absolute;top: 0px;height: 100%;overflow: hidden;left: calc(50% - 60px);pointer-events: none;}   
.general-template-content {margin-top:70px;}    
.general-template-content h1 {margin-bottom:30px;}  
.general-template-content ul {padding-left:40px;list-style:none;}  
.general-template-content ul li {position:relative;margin-bottom: 15px;}  
.general-template-content ul li:before {content:"";position:absolute;left:-25px;top:10px;width:4px;height:4px;background:var(--general);border-radius:5px;}  
.general-template-content h1 {font-size:35px;}    
.general-template-content h2 {font-size:30px;}    
.general-template-content h3 {font-size:25px;}    
.general-template-content h4 {font-size:22px;}    
.general-template-content h1, .general-template-content h2, .general-template-content h3, .general-template-content h4, .general-template-content p, .general-template-content ul, .general-template-content ol, .general-template-content table  {margin-bottom:35px;}    
.general-template-content .table-list table th:nth-of-type(1) {padding-left: 30px;}    
   
.table-list.style2 table {border:none;box-shadow:none;}    
.table-list.style2 table th {color:var(--royal);font-size:16px;text-transform: none;border-right: 1px solid #EAEAEA;}  
.table-list.style2 table td {border-right: 1px solid #EAEAEA;}
.table-list.style2 table td:nth-last-of-type(1), .table-list.style2 table th:nth-last-of-type(1) {border-right:none;padding-right:0px;}
.table-list.style2 table td:nth-of-type(1), .table-list.style2 table th:nth-of-type(1) {padding-left:0px;}

.image-radius img{
    border-radius: 10px;
}
    
@media screen and (max-width:768px){
.general-template-content h1 {font-size:30px;}    
.general-template-content h2 {font-size:25px;}    
.general-template-content h3 {font-size:22px;}    
.general-template-content h4 {font-size:20px;}     
}   
/*  / General Content  ===================== */

/*  Search  ===================== */
.search-content {margin:80px 0px;}
/*  / Search  ===================== */