@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700);

/*
 * Add CSS @imports above this section.
 */

/* HS COS specific */
.row-fluid [class*=span] {
    min-height: 0;
} 

/* ==========================================================================
    Note: 
    when you create helper classes prefix with usg- 
    
    UI STYLE GUIDE & INDEX

    #0  UI STYLE GUIDE   
        Colors
        Typography
        HTML Tags
            - Headings
            - Links
            - Blockquote
            - Buttons
            - Form
            - Misc
        Icons
        
    INDEX
    
    #1 -- HEADER
    #2 -- SITE PAGES
    #3 -- LANDING PAGES
    #4 -- SYSTEM PAGES
    #5 -- BLOG
    #6 -- FOOTER
    #7 -- HELPER
    #8 -- MISCELLANEOUS
    #9 -- MEDIA QUERIES      
   
   ========================================================================== */

/* Default max width for .container */ 


/*
 * -- COLORS 
 */






/* Palette */











/*
 * -- TYPOGRAPHY 
 */


 /* Mostly used for articles, like blog */








/*
 * -- BUTTONS
 */






/*
 * -- SHADOWS
 */

/* Box */ 








/* Text */




/* 
 * -- BORDERS 
 */





/* 
 * -- CSS VARIABLES
 */

:root {
  --color-one: #0C8BF7;
  --color-two: #B809B1;
  --color-three: #F68B11;
  --color-four: #58D60B;
  --color-five: #2060AA;

  --color-light: #ECEFF1;
  --color-dark: #212121;

  --f-weight-lighter: 300;
  --f-weight-bolder: 600;
}

/* 
 * HIGHLIGHTED TEXT 
 */
 
::-moz-selection {
  color: #fff;
  background: #0C8BF7;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #0C8BF7;
  text-shadow: none;
}

/*
 * -- BODY 
 */ 

body {
    background: #fff;
    color: rgba(0,0,0,0.87);
    font-family: 'Source Sans Pro', Helvetica,Arial,sans-serif;
    font-size: 16px;    
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
}

/* 
 * -- HEADINGS 
 */

h1, h2, h3, h4, h5, h6 {
    color: #151821;
    font-weight: 600;
    line-height: 1.15;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

/* 
 * -- LINKS 
 */
 
a {
    color: #0070c9;
    outline: none;   
}

a:hover, 
a:focus { 
    color: #008cdd;
}

a.link-underline {
	text-decoration: underline;
}

/* 
 * -- BLOCKQUOTE 
 */

.usg-blockquote {
    margin: 20px 0 40px 20px;
    padding: 10px 0 10px 20px;
    border-left: 4px solid #eaf0f6;
}

q:before {
    content: "\275D";
    font-size: 16px;
    margin: 2px;
}
q:after {
    content: "\275E";
    font-size: 16px;
    margin: 2px;
}

/* 
 * BUTTONS 
 */

.usg-button {
    display: -webkit-inline-box;    
    display: -ms-inline-flexbox;    
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;    
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(50,50,93,.12), 0 1px 3px rgba(0,0,0,.07);
    cursor: pointer;
    font-family: 'Source Sans Pro', Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    padding: 0 16px;
    text-transform: uppercase;
    text-shadow: none;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;    
}

.usg-button:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.12), 0 3px 6px rgba(0,0,0,.07);
                                -webkit-transform: translateY(-1px);    
                                -ms-transform: translateY(-1px);    
                                transform: translateY(-1px);
}

.usg-button:active {
    box-shadow: 0 2px 4px rgba(50,50,93,.12), 0 3px 6px rgba(0,0,0,.07);
                                -webkit-transform: translateY(-1px);    
                                -ms-transform: translateY(-1px);    
                                transform: translateY(-1px);
}

/* Sizes */
.usg-button.large {
    height: 40px;
    font-size: 15px;
    padding: 0 32px;    
}

.usg-button.small {
    height: 32px;
    font-size: 13px;
}

/* Primary */
.usg-button.primary {
    background: #0388FA;
    color: #fff;    
}

.usg-button.primary:hover {
    background: #0d92ff;   
}

.usg-button.primary:active {
    background: #007ef0;      
}

/* Secondary */
.usg-button.secondary {
    background: #FFF;
    color: #236B8E;    
}

.usg-button.secondary:hover {
    background: #fafafa;     
}

.usg-button.secondary:active {
    background: #f5f5f5;      
}

/* 
 * FORM 
 */

.usg-form .hs-form {
    font-size: 16px;    
}


/* Wrapper for label & input */
.usg-form .hs-form .hs-form-field {
    color: inherit;
    line-height: 1.25;    
    margin: 4px 0 12px;
    position: relative;
}


/* Field label */
.usg-form .hs-form .hs-form-field > label {
    padding: 0 0 0 12px;   
}

/* Required */
.usg-form .hs-form .hs-input:focus:required:invalid {
    border-color: #00A0EB;
}

/* Required marker */
.usg-form .hs-form .hs-form-required {
    display: none;
}

/* Input fields on Dark */
.on-dark .usg-form .hs-form .hs-input:not([type=radio]):not([type=checkbox]) {
    color: rgba(255,255,255,.5);
}

/* Input fields */

.usg-form .hs-form .hs-input {
    border: 1px solid;
    border-color: #d0d6d2;
    border-radius: 4px;
    -webkit-transition: border-color 0.3s ease;     
    transition: border-color 0.3s ease;  
}

.usg-form .hs-form .hs-input:not([type=radio]):not([type=checkbox]) {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
		-webkit-appearance: none;
   	-moz-appearance: none;  
    color: rgba(0,0,0,0.87);
    font-family: 'Source Sans Pro', Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 12px;
    margin: 4px 0 8px;
    width: 100%;    
}

.usg-form .hs-form .hs-input:not([type=radio]):not([type=checkbox]):not(textarea) {
    height: 46px;    
}

.usg-form .hs-form .hs-input:not([type=radio]):not([type=checkbox]):hover {
    border-color: #4d595f; 
}

.usg-form .hs-form .hs-input:not([type=radio]):not([type=checkbox]):focus {
    border-color: #81D4FA;  
    outline: 0;    
}


/* Textarea */
.usg-form .hs-form textarea {
    /* border-radius: 12px; */
    min-height: 82px;
    resize: none;
    overflow: auto;
}


/* Select */

.hs-form select {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;   
    -webkit-border-radius: 0;  
    -moz-border-radius: 0;  
    border-radius: 0;   
}

.hs-form select option {
    background: #81D4FA;
    color: #000;
}

.hs-form select option:disabled {
    background: transparent;
    color: rgba(0,0,0,0.3);    
}

/* Checkbox & Radio */
.usg-form .hs-form .inputs-list {
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
}

.usg-form .hs-form .inputs-list .hs-form-checkbox,
.usg-form .hs-form .inputs-list .hs-form-radio-display {
  padding: 0 0 0 6px;
}

.usg-form .hs-form .hs-form-field .inputs-list li label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;    
}

.usg-form .hs-form .hs-form-field .inputs-list li input {
    margin: 5px 3px 5px 5px;    
    width: 18px;
    height: 18px;
}

.usg-form .hs-form .hs-form-field .inputs-list span {
    color: inherit;
}

/* Error effect for input fields */
.usg-form .hs-form .hs-input.invalid {
    border-color: #A80A26;
}

/* Text explaining the error */
.usg-form .hs-form .hs-error-msgs {    
    color: #EB390E;
    font-size: 11px;
    font-style: italic;    
    line-height: 1;
    text-transform: initial;
    position: absolute;
    bottom: -8px;
    right: 5px;
}


/* Descriptions */
.usg-form .hs-form .hs-field-desc {
    font-size: 13px;
    font-style: italic;    
    font-weight: lighter;
    padding: 0 12px;    
}

/* Form button on dark */
/* Disabling this to have one unified button color
.on-dark .usg-form .hs-form .hs-button {
    background: rgba(255,255,255,.25);
}

.on-dark .usg-form .hs-form .hs-button:hover {
    background: rgba(255,255,255,.5);    
}
*/

/* Form button */
.usg-form .hs-form .actions {
    text-align: right;
}

.usg-form .hs-form .hs-button {
    background: -webkit-gradient(linear,left top, left bottom,from(#7dc5ee),color-stop(85%, #008cdd),to(#30a2e4));    
    background: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background: linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    border: none;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(50,50,93,.12), 0 1px 3px rgba(0,0,0,.07);    
    cursor: pointer;
    color: #fff;
    font-family: 'Source Sans Pro', Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600; 
    line-height: 1;
    padding: 18px 32px;
    text-shadow: 0 1px 2px rgba(0,0,0,.23);    
    text-transform: uppercase;    
    -webkit-appearance: none;    
    -moz-appearance: none;    
    appearance: none;
    -webkit-transition: background .25s ease;
    transition: background .25s ease; 
}

.usg-form .hs-form .hs-button:hover {
    background: -webkit-gradient(linear,left top, left bottom,from(#7acdfc),color-stop(85%, #199ae6),to(#33a5e7));
    background: -webkit-linear-gradient(#7acdfc,#199ae6 85%,#33a5e7);
    background: linear-gradient(#7acdfc,#199ae6 85%,#33a5e7);

}

.usg-form .hs-form .hs-button:active,
.usg-form .hs-form .hs-button:focus {
    outline: none;    
}

/* 
 * -- PLACEHOLDER TEXT 
 */
 
::-webkit-input-placeholder { /* Webkit Browsers */
    color:  #9E9E9E;
    opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
    color:  #9E9E9E;
    opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
    color:  #9E9E9E;
    opacity: 1;
}

:-ms-input-placeholder { /* IE10 */
    color:  #9E9E9E;
    opacity: 1;
}


/* On Dark */
.on-dark ::-webkit-input-placeholder { /* Webkit Browsers */
    color:  #9E9E9E;
    opacity: 1;
}

.on-dark :-moz-placeholder { /* Firefox 18- */
    color:  #9E9E9E;
    opacity: 1;
}

.on-dark ::-moz-placeholder { /* Firefox 19+ */
    color:  #9E9E9E;
    opacity: 1;
}

.on-dark :-ms-input-placeholder { /* IE10 */
    color:  #9E9E9E;
    opacity: 1;
}


/* 
 * -- MISC 
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 15px 0;
    padding: 0;
}

small { font-size: 80%; }
strong { font-weight: 700; }
em { font-style: italic; }
cite {}

code,
pre,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 16px;
}

sup, sub {
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
  position: relative;  
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
    max-width: initial;
}

/*
 * -- ICONS 
 */

/* 
 * Styling icons in material design
 * http://google.github.io/material-design-icons/#icon-font-for-the-web
 */ 

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


/* ==========================================================================

   #1 -- HEADER

   ========================================================================== */

/* On dark */
.nav-white .primary-navigation .link {
    color: #fff;
}

.nav-white .primary-navigation .link svg * {
    fill: #fff !important;
}

/* Only at home */
.primary-navigation .top-hat-at-home {
  /*background: rgba(7, 9, 14, 0.95);  
  color: #fff;*/
  font-size: 13px;
  line-height: 1;
  padding: 6px 0 0;
  text-align: center;
  position: absolute;
  top: -30px;
  right: 0;
  left: 0;
}

.primary-navigation {
    position: absolute;
    left: 0;
    top: 30px;
    right: 0;
    z-index: 500;
}

.primary-navigation .link {
    color: #111118;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: opacity .2s ease;    
    transition: opacity .2s ease;      
}

.primary-navigation .link:hover {
  opacity: 0.6;
}

.primary-navigation .nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-flow: row wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          flex-flow: row wrap;
    -webkit-box-pack: justify;    
    -ms-flex-pack: justify;    
    justify-content: space-between;
}

/* Logo */
.primary-navigation .nav-section-logo svg {
    display: block;
}

/* Menu */
.primary-navigation .nav-section-menu a {
    font-size: 15px;     
}

/* Hide element input */
.primary-navigation .mobile-menu-checkbox {
  display: none;
}


/* ==========================================================================

   #2 -- SITE PAGES 
   
   ========================================================================== */
.test-template #module-fab-list {
  padding: 320px 0;
}

/*
 * -- HOME
 */

.home-v3 .section-spacing {
	padding: 30px 0;
}

.home-v3 .home-two-col {
	display: grid;
  grid-gap: 40px;	
}

.home-hero-v3 {
	padding: 80px 0 0;
}

.home-hero-v3 .hero-bg-color {
	min-height: 85vh;
  height: 100%;
	width: 100%;
	padding: 40px 0;
}

.home-hero-v3 .copy {
	font-size: 20px;
	line-height: 1.35;
	margin: 0 0 30px;
}

.home-hero-v3 p:not(:last-child),
.home-hero-v3 ul {
	margin: 0 0 22px;
}

.home-hero-v3 ul li {
	position: relative;
	margin: 0 0 10px 10px;
	padding: 0 0 0 24px;
}

.home-hero-v3 ul li:before {
	content: "●";
	color: #0C8BF7;
  display: block;
  position: absolute;
  left: 0px;
  top: -1px;
}

.home-hero-v3 .cta-row a {
	margin: 10px 10px 10px 0;
}


.home-hero-v3 .hero-image {
	-webkit-box-ordinal-group: 0;
  order: -1;
}

.home-hero-v3 .hero-image img {
  height: 100%;
	width: 100%;
	object-fit: contain;
}

.home-v3-fab {
	border-top: 1px solid rgba(0,0,0,.05);
	border-bottom: 1px solid rgba(0,0,0,.05);	
}

.home-v3-fab header {
	text-align: center;
}

.home-v3-fab .product-image {
	margin: 0 auto;
	max-width: 800px;
	padding: 40px 0;
}

.home-v3-fab .product-image img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.home-v3-fab .list {
  display: grid;
	grid-gap: 40px;
	gap: 40px;
}

.home-v3-fab .list .item {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
}

.home-v3-fab .list .item .image {
	height: 50px;
}

.home-v3-fab .list .item .image img {
	display: block;
	height: 100%;
  object-fit: contain;
}

.home-v3-fab .list .item .title {
	margin: 10px 0 10px;
}

.home-v3-fab .video-cta {
	font-size: 18px;
	margin: 40px 0 0;
	text-align: center;
}

/* SQL MODAL */
.home-v3-cta .modal-state {
    display: none;
}

.home-v3-cta .content-wrapper {
	background: #d7efee;
	min-height: 280px;
	padding: 40px 20px;
	text-align: center;
}

.home-v3-cta .copy {
	margin: auto;
	max-width: 600px;
}

.home-v3-cta .copy h2 {
	color: #218799;
}

.home-v3-cta .modal-cta {
	margin: 20px 0 0;
}

.home-v3-cta .call-us {
	margin: 40px 0 0;
	text-align: center;
}

.home-v3-cta .call-us .phone-number {
	font-size: 24px;
}

.home-v3-cta .modal-content {
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 80px 20px;
	  text-align: center;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    visibility: hidden;
    overflow: auto;
	  z-index: 2001;
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);    
    -webkit-transition: visibility .25s linear, -webkit-transform .25s ease-in;
    transition: visibility .25s linear, -webkit-transform .25s ease-in;
    transition: visibility .25s linear, transform .25s ease-in;
    transition: visibility .25s linear, transform .25s ease-in, -webkit-transform .25s ease-in;  
}

.home-v3-cta .modal-close-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    background: #e3edec;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    width: 40px;
    opacity: 0;
    position: absolute;
    top: 10px;
    right: 10px;      
    visibility: hidden;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.home-v3-cta .modal-close-button:before,
.home-v3-cta .modal-close-button:after {
    content: "";
    background: #263238;
    border-radius: 4px;
    display: block;    
    width: 20px;
    height: 2px;
    position: absolute;
}

.home-v3-cta .modal-close-button:after {
    -webkit-transform: rotate(90deg);    
    -ms-transform: rotate(90deg);    
    transform: rotate(90deg);
}

.home-v3-cta .modal-content-wrapper {
    max-width: 420px;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}

.home-v3-cta .modal-content-wrapper .box-title,
.home-v3-cta .modal-content-wrapper .form .hs-submit .actions {
    text-align: center;
}

.home-v3-cta .modal-content-wrapper .form .hs-submit .actions {
    margin: 40px 0 20px;
}

.home-v3-cta .modal-content-wrapper .form {
	border: 1px solid #ECEFF1;
  border-radius: 4px;
	margin: 0 0 10px;
  padding: 20px;
  text-align: left;
}

.home-v3-cta .modal-content-wrapper .quote {
    font-size: 18px;
    font-weight: 600;
}

/* Checked stated */
.home-v3-cta .modal-state:checked ~ .modal-content {
    visibility: visible;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;    
}

.home-v3-cta .modal-state:checked ~ .modal-content .modal-close-button {
    opacity: 1;
    visibility: visible;    
    -webkit-transform: rotate(45deg);    
        -ms-transform: rotate(45deg);    
            transform: rotate(45deg);
}

.home-v3-cta .modal-state:checked ~ .modal-content .modal-content-wrapper {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.home-v3-segmentation .solution-boxes {
	display: grid;
	grid-gap: 40px;
	gap: 40px;
}

.home-v3-segmentation .card * {
	color: #304579;		
}

.home-v3-segmentation .card {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(13, 138, 248, 0.05)), to(rgba(236, 239, 241, .25)));
	background: linear-gradient(to top, rgba(13, 138, 248, 0.05), rgba(236, 239, 241, .25));	
	height: 280px;
}

.home-v3-segmentation .content {
	max-width: 380px;
	padding: 20px;
	text-align: center;
}

.home-v3-segmentation .content .title {
	margin: 0 0 20px;
	text-transform: uppercase;
}

.home-v3-segmentation .content .description {	
	font-size: 18px;
	margin: 0 0 20px;
}

.home-v3-statement {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #fff), to(rgba(236, 239, 241, .25)));
	background: linear-gradient(to bottom, #fff 40%, rgba(236, 239, 241, .25));
	padding: 30px 0 0;
}

.home-v3-statement header p {
	margin: 0 0 22px;
}

.home-v3-statement figure {
	overflow: hidden;
} 

.home-v3-statement .image {
	display: block;
	margin: 0 auto -1px;
	height: 100%;
	width: 80%;
	object-fit: contain;
}

/* Home V3 above this line */

.home .home-hero {
    padding: 100px 0 0;
}

.home .home-hero > div {
		background: -webkit-linear-gradient(6deg, rgba(230, 81, 0, .9), rgba(246, 139, 17, .8));
		background: linear-gradient(84deg, rgba(230, 81, 0, .9), rgba(246, 139, 17, .8));
}

.home .hero-content {
    color: #fff;
    max-width: 680px;
    padding: 60px 0;
    position: relative;
    z-index: 50;  
}

.home .hero-content h1 {
  color: #fff;
  font-size: 54px;
}

.home .hero-image {
	display: none;
}

.home .home-hero .usg-hero-title,
.home .home-hero .usg-hero-intro {
    color: #fff;
}

.home .home-hero-cta-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;        
    margin: 40px 0 0;
}

.home .home-hero-cta-button {
    font-size: 16px;
    padding: 30px 0;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.home .home-hero .micro-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    font-style: italic;
    margin: 20px 0 0;    
}

.home .home-hero .micro-copy .material-icons {
    margin: 0 0 5px 4px;
}

.home .section-header {
    max-width: 760px;
}

/* Solution boxes */
.home-solutions {
    padding: 120px 0 60px;
}

.home-solutions .box {
    border: 1px solid #212121;
    margin: 0 0 15px;
    min-height: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-transition: -webkit-transform .15s ease;
    transition: -webkit-transform .15s ease;
    -o-transition: transform .15s ease;
    transition: transform .15s ease;
    transition: transform .15s ease, -webkit-transform .15s ease;    
}

.home-solutions .box:hover {
    -webkit-transform: translateY(-1px);    
    -ms-transform: translateY(-1px);    
        transform: translateY(-1px);    
}

.home-solutions .box  a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.home-solutions .box .title {
    font-size: 16px;
    text-transform: uppercase;
}

/* Section styling */
.home .sections {
    margin: 0 0 40px;
}

.home .sections .content {
    padding: 40px 20px;
}

.home .sections .image img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;    
}

.home .sections .cta {
    margin: 40px 0 20px;
}

/*
* -- BLOG PROMOTION
*/

.home .blog-promotion .articles .item {
    display: block;
    width: 100%;
    padding: 20px;    
    -webkit-transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
}

.home .blog-promotion .articles .item:hover {
    box-shadow: 0 15px 35px rgba(47, 47, 94, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.home .blog-promotion .articles .title {
    color: #fff;
    font-size: 24px;
    position: relative;
    z-index: 50;
}

.home .blog-promotion .articles .big-promotion {
    background: url(https://cdn2.hubspot.net/hubfs/3463832/website/assets/images/home/v2/home-blog-promo-smb-grow.jpg) no-repeat center;
    background-size: cover;
    height: 300px;
    position: relative;
}

.home .blog-promotion .articles .big-promotion:after {
    content: "";
    background: rgba(0,0,0,.65);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
}

.home .blog-promotion .articles .split-two {
  background: -webkit-gradient(linear, right top, left top, from(#2060AA), to(rgba(12, 139, 247, .8)));
    background: -webkit-linear-gradient(right, #2060AA, rgba(12, 139, 247, .8));
    background: linear-gradient(to left, #2060AA, rgba(12, 139, 247, .8));
    height: 150px;
    margin: 20px 0 0;
}


/* Value prop */

#home-value-prop {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #fff), to(rgba(236, 239, 241, .25)));
    background: linear-gradient(to top, #fff 40%, rgba(236, 239, 241, .25));	
    padding: 60px 0 80px;
}

#home-value-prop .value-list {
	display: grid;
	grid-gap: 40px;
	gap: 40px;
	position: relative;
	z-index: 50;
}

#home-value-prop .value-box {
    background: #fff;
    box-shadow: 0 15px 35px rgba(47, 47, 94, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    margin: 0 auto 40px;
    padding: 80px 20px 40px;
    position: relative;
}

#home-value-prop .value-box:before,
#home-value-prop .value-box:after {
    content: ""; 
    border-radius: 4px;
    margin: 0 auto;
    height: 90%; 
    position: absolute;
    left: 0;
    right: 0;
}

#home-value-prop .value-box:before {
    background: -webkit-linear-gradient(18deg, #ECEFF1, rgba(32, 96, 170, .1));
    background: linear-gradient(72deg, #ECEFF1, rgba(32, 96, 170, .1));    
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    width: 94%;
    bottom: -10px;
    z-index: -1;
}

#home-value-prop .value-box:after {
    background: -webkit-linear-gradient(18deg, rgba(12, 139, 247, 0.05), rgba(32, 96, 170, .1));
    background: linear-gradient(72deg, rgba(12, 139, 247, 0.05), rgba(32, 96, 170, .1));
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    width: 90%;
    bottom: -20px;
    z-index: -2;
}

/* Shapes */
#home-value-prop .value-box .shape-wrapper {
    height: 50px;
    width: 50px;
    top: 15px;
    position: absolute;    
}

#home-value-prop .value-box .shape {
    position: absolute;
}

#home-value-prop .value-box .shape.one {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    z-index: 1;    
}

/* One */
#home-value-prop .value-box.one .shape-wrapper {
    background: #ECEFF1;
}

#home-value-prop .value-box.one .shape {
    height: 50%;
    width: 50%; 
}

#home-value-prop .value-box.one .shape.one {
    background: #F68B11;
    top: -4px;
    right: -12px;
    -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
            transform: rotate(12deg);    
}

#home-value-prop .value-box.one .shape.two {
    background: #fff;
    border: 1px solid #D8DBDD;
    top: 0;
    right: 0;
}

/* Two */
#home-value-prop .value-box.two .shape-wrapper {
    border: 3px #ECEFF1;
    border-right-color: #D8DBDD;
    border-style: dashed solid solid dashed;
}

#home-value-prop .value-box.two .shape {
    height: 10px;
    width: 10px; 
}

#home-value-prop .value-box.two .shape.one {
    background: #F68B11;
    border-radius: 50%;    
    bottom: 2px;
    right: -25px;
    height: 8px;
    width: 8px;
}

#home-value-prop .value-box.two .shape.two {
    border: 1px solid #ECEFF1;    
    border-radius: 50%;
    bottom: 2px;
    right: 2px;
}

#home-value-prop .value-box.two .shape.three {
    border: 1px solid #ECEFF1;    
    top: 2px;
    left: 2px;
}

/* Three */
#home-value-prop .value-box.three .shape-wrapper {
    border: 4px #ECEFF1;
    border-style: solid solid dotted double;
    border-radius: 50%;
}

#home-value-prop .value-box.three .shape.one {
    background: #F68B11;
    border-radius: 50%;    
    height: 8px;
    width: 8px;
    top: 66%;
    left: -2px;
}

#home-value-prop .value-box.three .shape.two {
    border: 1px solid #D8DBDD;    
    height: 10px;
    width: 10px;
    top: 56%;
    left: -6px;
}

/* Team grid */
#home-team-grid {
    padding: 160px 0 80px;
}

#home-team-grid .link {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition:  -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition:  -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition:  box-shadow .25s ease, transform .25s ease;
    transition:  box-shadow .25s ease, transform .25s ease, -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
}

#home-team-grid .link:hover {
    box-shadow: 0 15px 35px rgba(47, 47, 94, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
}

#home-team-grid .item {
    min-height: 200px;
    -webkit-box-flex: 1; 
        -ms-flex: 1 0 100%; 
            flex: 1 0 100%;    
}

#home-team-grid .item img {
    display: block;
    height: 100%;
    width: 100%;
}


/* Top */
#home-team-grid .top-row .link {
    background: #2060AA;
}

/* Bottom */
#home-team-grid .bottom-row .link {
    background: #212121;
}

/*
 * -- OVERVIEW PS
 */
.overview-ps .spacing-intro-top {
  background: -webkit-gradient(linear,left top, left bottom,from(rgba(32,96,170,.25)),to(#fff));
  background: linear-gradient(to bottom,rgba(32,96,170,.25),#fff);
}

.overview-ps .industry-section .wrapper {
  background: #fff;
  border: 1px solid #ECEFF1;
  padding: 40px 20px;
}

.overview-ps .industry-section .box-row {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px 60px;
  gap: 40px 60px;
  padding: 0 0 60px;
}

.overview-ps .industry-section .card {
  height: 100%;
}

/* Solution box */

.overview-ps .industry-section .solution-box * {
  color: #fff;
}

.overview-ps .industry-section .solution-box .card {
  background: -webkit-gradient(linear,left top, left bottom,from(#f68b11),to(#b809b1));
  background: linear-gradient(#f68b11,#b809b1);  
  min-height: 460px;
  padding: 40px 20px;  
}

.overview-ps .industry-section .solution-box .card .intro {
  max-width: 380px;
  text-align: center;
}

.overview-ps .industry-section .solution-box .card .intro .title {
  margin: 0 0 20px;
}

.overview-ps .industry-section .solution-box .card .intro .description {
  font-size: 18px;
  margin: 0 0 20px;
}

.overview-ps .industry-section .solution-box .card .intro .cta-text {
  display: inline-block;
}

.overview-ps .industry-section .solution-box .card .intro .cta-text:before {
  border-color: inherit;
}

.overview-ps .industry-section .solution-box .card .intro .cta-text:after {
  border-color: #cc347b;
}

/* Recommended box */
.overview-ps .industry-section .product-box .intro {
  border-bottom: 1px solid #ECEFF1;
  margin: 0 0 40px;
}

.overview-ps .industry-section .product-box .intro .running-head {
  font-size: 14px;
  text-transform: uppercase;
}

.overview-ps .industry-section .product-box .intro .title {
  margin: 0 0 20px;
}

.overview-ps .industry-section .product-box .product-row {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
  grid-gap: 20px;
  gap: 20px;
}

.overview-ps .industry-section .product-box .product-row .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.overview-ps .industry-section .product-box .product-row .card .image {
  background-color: #252b33;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 150px;
  width: 100%;
}

.overview-ps .industry-section .product-box .product-row .card .info {
  background: #fff;
  min-height: 100px;
  padding: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.overview-ps .industry-section .product-box .product-row .card .info .title {
  font-size: 18px;
  text-align: center;
}

/* CTA block */

.overview-ps .industry-section .cta-banner {
  background: #222a36;
  color: #fff;
  padding: 20px;
}

.overview-ps .industry-section .cta-banner .cta-wrapper {
  margin: 0 auto;
  max-width: 960px;
  text-align: center;
}

.overview-ps .industry-section .cta-banner .cta-wrapper .copy {
  font-size: 18px;
  font-weight: 300;
  margin: 0 0 20px;
}

.overview-ps #pb-picker {
  padding: 0 0 120px;
}

/*
 * -- CUSTOMERS
 */

.customers .spacing-intro-top {
  background: -webkit-gradient(linear,left top, left bottom,from(rgba(32,96,170,.25)),to(#fff));
  background: linear-gradient(to bottom,rgba(32,96,170,.25),#fff);
}

.customers .intro .hero-title {
  color: #36376f
}

.customers .intro .hero-intro {
  color: #36376f;
}

.customers .story-cards {
  padding: 40px 0 80px;
  position: relative;
  z-index: 25;
}

.customers .story-cards .card {
  background: #fff;
  color: #232731;
  display: block;
  margin: 0 auto 120px;
  max-width: 600px;
  overflow: hidden;
  position: relative;
}

.customers .story-cards .card .industry {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  position: absolute;
  top: 20px;
  left: 40px;
  z-index: 20;
}

.customers .story-cards .card .image {
  min-height: 370px;
  position: relative;
}

.customers .story-cards .card .image:before {
  content: "";
  background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.4)));
  background: linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.4));
  position: absolute;
  top: 0;  
  left: 0;
  right: 0;
  bottom: 0;
}

.customers .story-cards .card .content {
  min-height: 150px;
  padding: 20px 40px 60px;
}

.customers .story-cards .card .content .title {
  color: inherit;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px;
}

.customers .story-cards .card .content .description {
  color: inherit;
  font-size: 18px;
  margin: 0 0 20px;
}

.customers .story-cards .card .content .cta-text {
  position: absolute;
  bottom: 30px;
}

/*
 * -- STORIES
 */

.stories .intro {
  background: rgba(236, 239, 241, .15);
  border: 1px solid #ECEFF1;
  padding: 40px 20px;
  text-align: center;
  
}

.stories .intro .running-head {
  display: block;
  font-size: 14px;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.stories .intro .hero-title,
.stories .intro .customer-meta,
.stories .intro .intro-copy {
  margin: 0 auto 40px;
  max-width: 800px;
}

.stories .intro .hero-title {
  font-size: 26px;
  line-height: 1.15;
  word-break: break-word  
}

.stories .intro .customer-meta .logo {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    display: block;
    max-width: 120px;
}

.stories .intro .customer-meta .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1;
  padding: 12px;
  width: 100%;
}

.stories .intro .customer-meta .item .title,
.stories .intro .services-used .title {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 5px;
  text-transform: uppercase;  
}

.stories .intro .customer-meta .item .detail {
  font-size: 14px;
}

.stories .intro .intro-copy h2 {
  font-size: 20px;  
  font-weight: 600;
  margin: 0 0 10px;
  text-transform: uppercase;  
}

.stories .intro .intro-copy p {
  font-size: 24px;
}

.intro hr {
  margin: 0 auto 40px;
  max-width: 600px;
}

.stories .intro .services-used .list-of-services {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 20px;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}

.stories .intro .services-used .list-of-services .item {
  background: #32576d;
  -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.12), 0 1px 3px rgba(0,0,0,.07);
          box-shadow: 0 4px 6px rgba(50,50,93,.12), 0 1px 3px rgba(0,0,0,.07);
  -webkit-transition: all .15s ease;
    transition: all .15s ease;  
}

.stories .intro .services-used .list-of-services .item:hover {
  background: #3e6c88;
  -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.12), 0 3px 6px rgba(0,0,0,.07);
          box-shadow: 0 7px 14px rgba(50,50,93,.12), 0 3px 6px rgba(0,0,0,.07);  
  -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.stories .intro .services-used .list-of-services .item .link {
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 12px;
  text-transform: uppercase;
}

/* Story content */

.stories .customer-story .content-wrapper {
  margin: 20px auto 60px;
  max-width: 700px;
}

.stories .customer-story .content-wrapper .copy h2 {
  font-size: 28px;
  font-weight: 600;
  margin: 56px 0 12px;
}

.stories .customer-story .content-wrapper .copy h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 36px 0 12px;
}

.stories .customer-story .content-wrapper .copy > p {
  font-family: 'Georgia', Times, Times New Roman, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.58;
  margin: 0 0 28px;
}

.stories .customer-story .content-wrapper .copy img {
  display: block;
  margin: 40px auto;
}

.stories .customer-story .content-wrapper .quotation {
  background: #ECEFF1;  
  line-height: 1.25;
  margin: 46px 0 36px;
  padding: 40px 20px;
  text-align: center;
}

.stories .customer-story .content-wrapper .quotation p {
  color: #2060AA;
  font-size: 36px;
  font-weight: 300;
}

.stories .customer-story .content-wrapper .quotation .cite-block {
  padding: 30px 0 0;
}

.stories .customer-story .content-wrapper .quotation .cite-block .avatar {
  border-radius: 50%;
  height: 60px;
  width: 60px;
  margin: 0 auto 5px;
  overflow: hidden;
}

.stories .customer-story .content-wrapper .quotation .cite-block .cite {
  font-size: 14px;
  line-height: 1.45;
  width: 100%;
}

.stories .customer-story .content-wrapper .quotation .cite-block .cite .name,
.stories .customer-story .content-wrapper .quotation .cite-block .cite .role {
  display: block;
  width: 100%;
}

.stories .customer-story .content-wrapper .quotation .cite-block .cite .name {
  font-weight: 600;
}

/* Story CTA */

.stories .story-cta {
	padding: 40px 0 80px;
}

.stories .story-cta .section-header {
  border-top: 1px solid rgba(0,0,0,.1);
  padding: 40px 0 0;
}

.stories .story-cta .section-header .usg-common-copy {
  margin: 0 auto;
  max-width: 500px;
}

.stories .story-cta .form-wrapper {
  background: #172751;  
	color: #fff;
	margin: 0 auto;
  max-width: 420px;
  padding: 40px 20px;
}

.stories .story-cta .form-wrapper .hs-form .hs-button {
	width: 100%;
}

.stories .more-stories {
  margin: 40px auto 0;
  max-width: 700px;
  text-align: center;
}

.stories .more-stories .title {
  margin: 0 0 20px;
  font-weight: 500;
}

/*
 * -- ABOUT
 */

.about-v2 .section-spacing {
	padding: 30px 0;
}

.about-v2 .content {
	margin: 0 auto;
	max-width: 700px;
}

.about-v2 .content p:not(:last-child), .about-v2 .content ul {
	margin: 0 0 30px;
}

.about-v2 .content .add-top-margin {
	margin: 30px 0 0;
}

.about-v2 hr {
	margin: 4% auto;
	max-width: 320px;
	width: 33%;
}

.about-v2 .hero-section {
	padding: 80px 0 0;
}

.about-v2 .hero-columns {
	display: grid;
	grid-gap: 20px 0;
	gap: 20px 0;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.about-v2 .hero-intro {
	margin: auto;
	max-width: 300px;
}

.about-v2 .hero-title {
	font-size: 80px;
	line-height: 1;
	margin: 0 0 30px -6px;
}

.about-v2 .hero-title .lighter {
	font-weight: 300;
}

.about-v2 .the-team {	
  background: -webkit-gradient(linear,left top, right top,from(rgba(214, 227, 240, .25)),to(rgba(231, 243, 250, .25)));	
  background: linear-gradient(90deg,rgba(214, 227, 240, .25),rgba(231, 243, 250, .25));
	-webkit-box-shadow: inset 4px 0 12px -12px rgba(21, 24, 27, 0.4);
	box-shadow: inset 4px 0 12px -12px rgba(21, 24, 27, 0.4);	
	position: relative;
}

.about-v2 .illustration {
	background: #fff;
	border: 1px solid #ECEFF1;
  -webkit-box-shadow: 0 5px 25px rgba(0,0,0,.1), 0 3px 12px rgba(0,0,0,.07);
	box-shadow: 0 5px 25px rgba(0,0,0,.1), 0 3px 12px rgba(0,0,0,.07);
  height: 100px;
  width: 100px;    
  position: absolute;
	top: 140px;
	left: 0;
	z-index: 1;
}

.about-v2 .illustration .shape.one,
.about-v2 .illustration .shape.two,
.about-v2 .illustration .shape.three {
	height: 50px;
  width: 50px;
  position: absolute;
}

.about-v2 .illustration .shape.one,
.about-v2 .illustration .shape.two {
	border: 1px solid #B809B1;
  left: 15px;
  bottom: 25px;    
}

.about-v2 .illustration .shape.two {
	border-radius: 50%;
}

.about-v2 .illustration .shape.three {
	background: -webkit-radial-gradient(50% 120%, circle, #70d8f0, rgba(156, 39, 176, .7) 10%, #0f5cb6 80%, #173a62 100%);
  background: radial-gradient(circle at 50% 120%, #70d8f0, rgba(156, 39, 176, .7) 10%, #0f5cb6 80%, #173a62 100%);
  box-shadow: 0 15px 35px rgba(47, 47, 94, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  right: 5px;
  bottom: 25px;
}

.about-v2 .illustration .shape.three:before {
	content: "";
  background: -webkit-radial-gradient(50% 0px, circle, #ffffff, rgba(255, 255, 255, 0) 58%);
  background: radial-gradient(circle at 50% 0px, #ffffff, rgba(255, 255, 255, 0) 58%);
  border-radius: 50%;  
  height: 90%;
  width: 90%;  
  position: absolute;
  top: 1%;
  left: 5%;
  -webkit-filter: blur(5px);
  z-index: 2;
}

.about-v2 .team-wrapper {
	min-height: 380px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.about-v2 .team-wrapper:hover .telekompis {
	-webkit-animation-play-state: paused;
	        animation-play-state: paused;
}

.about-v2 .telekompis {
	text-align: center;
	width: 60px;
  position: absolute;
	top: 45%;
	left: -30%;
	-webkit-animation: telekompis-fly-x 12.8s cubic-bezier(0.4, 0, 1, 1) infinite forwards;
	        animation: telekompis-fly-x 12.8s cubic-bezier(0.4, 0, 1, 1) infinite forwards;
}

@-webkit-keyframes telekompis-fly-x {
	0% {
		-webkit-transform: translate3d(0, -36px, 0) scale(1.25);
		        transform: translate3d(0, -36px, 0) scale(1.25);
		opacity: 0;
	}
	10% {;
		opacity: 1;
	}
	100% {
		-webkit-transform: translate3d(2000px, 36px, 0) scale(.75);
		        transform: translate3d(2000px, 36px, 0) scale(.75);
		opacity: .5;		
	}
}

@keyframes telekompis-fly-x {
	0% {
		-webkit-transform: translate3d(0, -36px, 0) scale(1.25);
		        transform: translate3d(0, -36px, 0) scale(1.25);
		opacity: 0;
	}
	10% {;
		opacity: 1;
	}
	100% {
		-webkit-transform: translate3d(2000px, 36px, 0) scale(.75);
		        transform: translate3d(2000px, 36px, 0) scale(.75);
		opacity: .5;
	}
}

/*
.about-v2 .telekompis:nth-child(1) {
  -webkit-animation-delay: -.3s;
          animation-delay: -.3s;
}
*/
.about-v2 .telekompis:nth-child(2) {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
	top: 52%;
}

.about-v2 .telekompis:nth-child(3) {
  -webkit-animation-delay: .8s;
          animation-delay: .8s;
	top: 39%;
}

.about-v2 .telekompis:nth-child(4) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
	top: 56%;
}

.about-v2 .telekompis:nth-child(5) {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
	top: 55%;
}

.about-v2 .telekompis:nth-child(6) {
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
	top: 42%;
}

.about-v2 .telekompis:nth-child(7) {
  -webkit-animation-delay: 3.3s;
          animation-delay: 3.3s;
	top: 54%;
}

.about-v2 .telekompis:nth-child(8) {
  -webkit-animation-delay: 3.9s;
          animation-delay: 3.9s;
	top: 47%;
}

.about-v2 .telekompis:nth-child(9) {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
	top: 55%;
}

.about-v2 .telekompis:nth-child(10) {
  -webkit-animation-delay: 5.1s;
          animation-delay: 5.1s;
	top: 42%;
}

.about-v2 .telekompis:nth-child(11) {
  -webkit-animation-delay: 5.7s;
          animation-delay: 5.7s;
	top: 52%;
}

.about-v2 .telekompis:nth-child(12) {
  -webkit-animation-delay: 6.3s;
          animation-delay: 6.3s;
	top: 48%;
}

.about-v2 .telekompis:nth-child(13) {
  -webkit-animation-delay: 6.9s;
          animation-delay: 6.9s;
	top: 55%;
}

.about-v2 .telekompis:nth-child(14) {
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
	top: 49%;
}

.about-v2 .telekompis:nth-child(15) {
  -webkit-animation-delay: 8.1s;
          animation-delay: 8.1s;
	top: 39%;
}

.about-v2 .telekompis:nth-child(16) {
  -webkit-animation-delay: 8.7s;
          animation-delay: 8.7s;
	top: 48%;
}

.about-v2 .telekompis:nth-child(17) {
  -webkit-animation-delay: 9.3s;
          animation-delay: 9.3s;	
	top: 55%;
}

.about-v2 .telekompis:nth-child(18) {
  -webkit-animation-delay: 9.9s;
          animation-delay: 9.9s;
}

.about-v2 .telekompis:nth-child(19) {
  -webkit-animation-delay: 10.5s;
          animation-delay: 10.5s;
}

.about-v2 .telekompis:nth-child(20) {
  -webkit-animation-delay: 11.1s;
          animation-delay: 11.1s;
}

.about-v2 .telekompis:nth-child(21) {
  -webkit-animation-delay: 11.7s;
          animation-delay: 11.7s;
	top: 55%;		
}

.about-v2 .telekompis:nth-child(22) {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
	top: 49%;	
}

.about-v2 .telekompis:nth-child(23) {
  -webkit-animation-delay: 12.6s;
          animation-delay: 12.6s;
}

.about-v2 .telekompis .avatar {
	border-radius: 50%;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
          box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	display: block;
  margin: 0 0 5px;
  width: 60px;
  height: 60px;
}

.about-v2 .telekompis .name {
	font-size: 14px;
	opacity: 0;
}

.about-v2 .telekompis:hover .name {
	opacity: 1;
}

.about-v2 .about-us {
  background: url(https://cdn2.hubspot.net/hubfs/3463832/website/assets/images/about/familypic.png) no-repeat bottom;
  background-size: contain;
	padding: 30px 0 42%;
	position: relative;
}

.about-v2 .about-us:after {
	content: "";
	background: linear-gradient(-12deg,#F68B11 30%, rgba(184, 9, 177, .7));
	padding: 0 0 38%;
  position: absolute;
  bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

.about-v2 .about-us h3 {
	margin: 40px 0;
}

.about-v2 .management-team {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr) );
	grid-gap: 20px;
	gap: 20px;
}

.about-v2 .management-team .person {
	text-align: center;
}

.about-v2 .management-team .avatar {
	border-radius: 50%;
	display: block;
	margin: 0 0 10px;
	height: 120px;
	width: 120px;
}

.about-v2 .management-team .meta {
	-webkit-box-flex: 1;
	flex: 1;
}

.about-v2 .management-team .name,
.about-v2 .management-team .role {
	display: block;
}

.about-v2 .management-team .name {
  font-weight: 600;
}

.about-v2 .stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr) );
	grid-gap: 20px;
	gap: 20px;
	padding: 0 0 20px;
}

.about-v2 .stat-item {
	border: 1px solid #ececec;
	border-radius: 4px;
	line-height: 1.25;
	padding: 12px 4px;
	text-align: center;
}

.about-v2 .stats .number,
.about-v2 .stats .text {
	display: block;
}

.about-v2 .stats .number {
	font-size: 24px;
}

/* About v2 above this line */

.about .hero-wrapper {
	padding: 0 0 160px;
}

.about .intro-shape {
    border: 1px solid #ECEFF1;
    margin: 0 auto;     
    height: 100px;
    width: 100px;    
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.about .intro-shape .shape.one,
.about .intro-shape .shape.two,
.about .intro-shape .shape.three {
    height: 50px;
    width: 50px;
    position: absolute;
}

.about .intro-shape .shape.one,
.about .intro-shape .shape.two {
    border: 1px solid #B809B1;
    left: 15px;
    bottom: 25px;    
}

.about .intro-shape .shape.two {
    border-radius: 50%;
}

.about .intro-shape .shape.three {
    background: -webkit-radial-gradient(50% 120%, circle, #70d8f0, rgba(156, 39, 176, .7) 10%, #0f5cb6 80%, #173a62 100%);
    background: radial-gradient(circle at 50% 120%, #70d8f0, rgba(156, 39, 176, .7) 10%, #0f5cb6 80%, #173a62 100%);
    box-shadow: 0 15px 35px rgba(47, 47, 94, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    border-radius: 50%;
    right: 5px;
    bottom: 25px;
}

.about .intro-shape .shape.three:before {
    content: "";
    background: -webkit-radial-gradient(50% 0px, circle, #ffffff, rgba(255, 255, 255, 0) 58%);
    background: radial-gradient(circle at 50% 0px, #ffffff, rgba(255, 255, 255, 0) 58%);
    border-radius: 50%;  
    height: 90%;
    width: 90%;  
    position: absolute;
    top: 1%;
    left: 5%;
    -webkit-filter: blur(5px);
    z-index: 2;
}

/* Intro */
.about #about-intro {
    max-width: 1600px;
    margin: 0 auto;
}

.about #about-intro p {
    margin: 0 0 15px;
}

.about #about-intro {
    background: url("https://cdn2.hubspot.net/hubfs/3463832/website/assets/images/about/familypic.png") no-repeat bottom; 
    background-size: contain;
    padding: 120px 0;
    position: relative;
    text-shadow: 0 1px 3px rgba(0,0,0,.4);    
}

.about #about-intro * {
    color: #fff;
}

.about #about-intro:before {
    content: "";
    background: rgba(0,0,0,.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.about #about-intro .section-header, 
.about #about-intro .section-sub-header {
    position: relative;
    z-index: 50;
}

.about #about-intro .section-header:before {
    content: "";
    background: #F68B11;    
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    z-index: 25;
    -webkit-transform: skewY(-7deg);
        -ms-transform: skewY(-7deg);
            transform: skewY(-7deg);
}

.about #about-intro .section-header {
    background: -webkit-linear-gradient(102deg,#F68B11 30%, rgba(184, 9, 177, .7));
    background: linear-gradient(-12deg,#F68B11 30%, rgba(184, 9, 177, .7));
    padding: 30px 30px 60px;
}

.about #about-intro .section-sub-header {
    margin: 100px 0 0;
    padding: 0 30px;
}

.about #about-intro .section-sub-header h2 {
    max-width: 260px;
}


/* We are */
.about #we-are .section-header,
.about #we-are .list-of-things,
.about #we-are .team-block > p {
    max-width: 600px;
    margin: 40px auto;
}


.about #we-are .usg-intro-copy p {
    margin: 0 0 10px;
}

.about #we-are .list-of-things {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: .95;
    text-transform: uppercase;
}

.about #we-are .list-of-things li span {
    display: inline-block;
    margin: 0 8px 0 0;
}

.about #we-are .team-block .person-wrapper {
    margin: 0 auto;     
    max-width: 700px;
    position: relative;
}

/* About CTA */
#about-cta .wrapper {
    background: -webkit-linear-gradient(102deg, #0C4C96, #A4009D);
    background: linear-gradient(-12deg, #0C4C96, #A4009D);
    color: #fff;
    margin: 0 auto;
    max-width: 600px;
    overflow: hidden;    
    padding: 60px 0 160px;
    position: relative;    
}

#about-cta .wrapper:before {
    content: "";
    position: absolute;
    bottom: -130px;
    left: 0;
    right: 0;
    height: 300px;
    background: #fff;
    -webkit-transform: skewY(-12deg);
        -ms-transform: skewY(-12deg);
            transform: skewY(-12deg);
    z-index: 1;  
}

#about-cta .section-header,
#about-cta .usg-button {
    position: relative;
    z-index: 50;    
}

#about-cta .section-header {
    text-shadow: 0 1px 3px rgba(0,0,0,.4);
}

#about-cta .usg-intro-copy p {
    margin: 0 0 10px;
}

/*
 * -- PRODUCT PAGES
 */

.product .hero-header:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.product .hero-header h1,
.product .hero-header p {
    color: #fff;
}

.product .hero-wrapper {
    padding: 0 0 80px;
}

.product .video-block-dark-bg {
    padding: 0 0 120px;
}

/*
 * -- TELEPHONY
 */

.telephony .hero-header:before {
	background: linear-gradient(127deg, rgba(0, 0, 0, .6), #2060AA 97%);
}

.telephony-prices {
  padding: 80px 0 120px;
}

.telephony-prices .pricing {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 30px 60px;
  gap: 30px 60px;
  padding: 0 0 40px;
}

.telephony-prices .pricing .category-title {
  font-size: 20px;
  margin: 0 0 20px;
  text-transform: uppercase;
}

.telephony-prices .pricing .category-title.upper-margin {
  margin: 40px 0 20px;
}

.telephony-prices .pricing .pricing-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; 
  border-bottom: 1px solid #e0e0e0;
  line-height: 1;
  padding: 12px 0;
}

.telephony-prices .pricing .pricing-row .function {
	color: #555c63;
  font-size: 17px;
}

.telephony-prices .pricing .pricing-row .price {
  color: #2060AA;
}



.telephony-prices .pricing .mobile {
  margin: 0 0 40px;
}

.telephony-prices .pricing .package-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(122px, 1fr));
  grid-gap: 20px 0;
  gap: 20px 0;
}

.telephony-prices .pricing .package {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
 	-ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  height: 122px;
  max-width: 122px;
}

.telephony-prices .pricing .package .data-size {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1;
}

.telephony-prices .pricing .package .price {
  font-size: 16px;
  line-height: 2;
}

/*
 * -- AVAYA
 */

.avaya .hero-header:before {
    background: linear-gradient(127deg, rgba(0, 0, 0, .6), #2060AA 97%);
}

/*
* -- PRINTER
*/

.print .hero-header:before {
  background: linear-gradient(127deg, rgba(0, 0, 0, .6), #212121 97%);
}

.printer-benefits .list {
    padding: 40px 0 0;    
}

.printer-benefits .item {
    margin: 0 0 40px;
}

/* Printer statement */
.printer-statement {
    border-top: 1px solid rgba(0, 0, 0, 0.1);    
    padding: 40px 0 80px;
}

/* Printer functions */
.printer-functions .banner-image {
    background: #ECEFF1;
    margin: 0 auto 40px;
}

.printer-functions .banner-image img {
    display: block;
}

.printer-functions p {
    margin: 0 0 16px;
}

.printer-functions ul {
    margin: 0 0 22px;
}

.printer-functions ul li {
    font-size: 16px;
    margin: 0 0 10px 10px;
    padding: 0 0 0 18px;
    position: relative;    
}

.printer-functions ul li:before {
    content: "●";
    color: rgb(12, 139, 247);
    display: block;
    position: absolute;
    left: 0px;
    top: -1px;
}

/* Product */
.printer-functions .product {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 40px;
    padding: 0 0 40px;
}

.printer-functions .product .image {
    text-align: center;
}

.printer-functions .product .image,
.printer-functions .product .content {
    margin: 0 0 40px;
}

/* Display */

.printer-functions .display {
    margin: 40px 0 ;
}

.printer-functions .display .image {
    text-align: center;
}

.printer-functions .display .image,
.printer-functions .display .content {
    margin: 0 0 40px;
}


/* Why printer */

.why-printer {
    background: url(https://cdn2.hubspot.net/hubfs/3463832/website/assets/images/print/why-printer-bg-1440.jpg) no-repeat top right;
    background-size: cover;
    padding: 140px 0;
}

.why-printer .content {
    background: -webkit-linear-gradient(102deg,#F68B11 30%, rgba(184, 9, 177, .7));
    background: linear-gradient(-12deg,#F68B11 30%, rgba(184, 9, 177, .7));
    max-width: 500px;
    text-shadow: 0 1px 3px rgba(0,0,0,.4);    
    padding: 30px 30px 60px;  
    position: relative;
}

.why-printer .content:before {
    content: "";
    background: #F68B11;
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    z-index: 25;
    -webkit-transform: skewY(-7deg);
    -ms-transform: skewY(-7deg);
    transform: skewY(-7deg);
}

.why-printer .content * {
    color: #fff;
}

.why-printer .content p {
    margin: 0 0 16px;
}


/* Prices */

.print-prices .section-header {
    padding: 60px 0 0;
}

.print-prices .price-card {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    margin: 0 auto 40px;
    max-width: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;    
}

.print-prices .price-card .header {
    background: #0C8BF7;
    text-align: center;
}

.print-prices .price-card .header .title {
    color: #fff;
    font-size: 30px;
    padding: 40px 20px;
}

.print-prices .price-card .header .price {
    background: #fff;
    color: #0C8BF7;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px;
}

.print-prices .price-card .details {
    padding: 0 20px 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;    
}

.print-prices .price-card .details li {
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 1.3;
    padding: 0 0 0 35px;    
    position: relative;    
}

/* Custom LI */
.print-prices .price-card .details .custom {
    padding: 0;  
    text-align: center;
}

.print-prices .price-card .details li i {
    position: absolute;
    left: 0;
}

.print-prices .price-card .details li p {
    color: rgba(0,0,0,0.67);
}

.print-prices .price-card .form {
    margin: 40px 0;
    padding: 0 20px;    
}

/*
 * -- FIBER
 */

.fiber .hero-header {
    padding: 100px 0 0;
}


.fiber .hero-left-side {
    background: #0C8BF7;    
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;    
}

.fiber .hero-right-side {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%; 
    position: relative;
}

.fiber .hero-content {
    color: #fff;
    padding: 60px 20px;
}

.fiber .hero-content h1 {
    color: #fff;
}

.fiber .hero-image {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;    
}

/* Fiber Availability */ 
.fiber .form-box {
    margin: 20px 0 0;
}

.fiber .form-box .step1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;               
	position: relative;
}

.fiber .form-box .form-field {
	background: transparent;
	border: 2px solid #fff;
	border-radius: 4px;
	color: #fff;
    font-family: 'Source Sans Pro', Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
	margin: 10px 0;
	height: 46px;
	width: 100%;
	opacity: 0.8;
	outline: 0;
	padding: 0 0 0 16px;
    -webkit-transition: background 150ms ease;
    transition: background .15s ease;	
}

.fiber .form-box .step1 *::placeholder {
	color: inherit !important;
}

.fiber .form-box .form-field:hover {
    background: rgba(0,0,0,.08);    
}

.fiber .form-box .form-field:focus,
.fiber .form-box .form-field:active {
    background: rgba(0,0,0,.12);
}

.fiber .form-box .form-search-btn {
	background: rgba(255, 255, 255, 0.94);
	border-radius: 4px;
	border: 2px solid #fff;
	color: #878b8d;
	cursor: pointer;
    font-family: 'Source Sans Pro', Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
	height: 46px;
	width: 100%;
	line-height: 1;
	padding: 0 20px;
	text-transform: uppercase;
	-webkit-transition: background .15s ease, color .15s ease;
	transition: background .15s ease, color .15s ease;
}

.fiber .form-box .form-search-btn:hover,
.fiber .form-box .form-search-btn:focus,
.fiber .form-box .form-search-btn:active {
    background: #fff;
    color: #525353;
}

.fiber .form-box .success-form {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    color: #444;
    margin: 20px 0 0;
    padding: 20px;    
}

/* Styles only for V1 */
.fiber .form-box .error-label-postnumber {
    color: #000;
	display: block;
	margin: 0 0 10px;
	font-size: 14px;
	position: absolute;
	bottom: -30px;
}

.fiber .form-box #fiber-form-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;    
	font-size: 16px;
    position: absolute;
    bottom: -40px;	
}

.fiber .form-box .step2-1,
.fiber .form-box .step2-2,
.fiber .form-box .step2-3 {
	display: none;
	margin: 30px 0 0;
}

.fiber .form-box .step-message {
	font-size: 16px;
}

.fiber .form-box .step-message a {
    color: inherit;
}


/* Styles only for v2 */

.fiber #result-form iframe {
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin: 20px 0 0;
    max-width: 300px;
	  min-height: 540px;
}


/* Prices */
.fiber-prices {
	padding: 60px 0;
}

.fiber-prices .section-header {
    padding: 60px 0 0;
}

.fiber-prices .plan-options {
	display: grid;
	grid-gap: 40px;
	gap: 40px;
}

.fiber-prices .price-card {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;    
}

.fiber-prices .price-card .header {
    background: #2060AA;
    text-align: center;
}

.fiber-prices .price-card .header .title {
    color: #fff;
    font-size: 30px;
    padding: 40px 20px;
}

.fiber-prices .price-card .header .price {
    background: #fff;
    color: #2060AA;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px;
}

.fiber-prices .price-card .details {
    padding: 0 20px 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;    
}

.fiber-prices .price-card .details li {
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 1.3;
    padding: 0 0 0 35px;    
    position: relative;    
}

.fiber-prices .price-card .details li i {
    position: absolute;
    left: 0;
}

.fiber-prices .price-card .details li p {
    color: rgba(0,0,0,0.67);
}

.fiber-prices .price-card .cta-wrapper {
	text-align: center;
	padding: 20px 0 40px;
}

.fiber-prices .price-card .add-on {
  border-top: 1px solid #e0e0e0;
	font-size: 14px;
	margin: 15px 0 0;
	padding: 20px;
	text-align: center;
} 

.fiber-prices .price-customized .cta-wrapper {
  margin: 20px 0 0;	
}

/* Benefits & Products */

.fiber-benefits,
.product-details {
    padding: 60px 0 0;
}

.fiber-benefits .list,
.product-details .list{
    padding: 40px 0 0;    
}

.fiber-benefits .item,
.product-details .item {
    margin: 0 0 40px;
}

.product-details .section-header {
    padding: 60px 0 0;
}

.product-details .image-container img {
    display: block;    
    height: 100%;
    width: 100%;    
}

/*
 * -- IT SERVICES
 */

.it .it-services {
  background: #ECEFF1;
  padding: 60px 0;
} 

.it .it-services .inner {
  background: #fff;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.08);
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}

.it .it-services .section-image .image {
	display: block;
  object-fit: contain;
  max-height: 400px;
  width: 100%;
}

.it .it-services header {
  background: #161d28;
  margin: 0 0 20px;
  padding: 20px 0;
  text-align: center;
}

.it .it-services header .section-title {
  color: #fff;
  max-width: 90%;
  margin: 0 auto;
	position: relative;
}

.it .it-services header .section-title:hover .anchor-link {
	visibility: visible;
  opacity: 1;
}

.it .it-services header .section-title .anchor-link {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
  color: #fff;
  cursor: pointer;
	visibility: hidden;
	opacity: 0;
  padding: 0 0 0 15px;
	position: absolute;
	top: 4px;
	-webkit-transition: visibility .2s ease, opacity .2s ease;
	transition: visibility .2s ease, opacity .2s ease;
}

.it .it-services .content .copy,
.it .it-services .content .pricing-row,
.it .it-services .content .statement {
	padding: 0 15px 30px;
}

.it .it-services .content .video-container {
  margin: 0 auto 20px;  
  max-width: 640px;
}

.it .it-services .content .video-container video {
  display: block;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}


.it .it-services .copy p {
  margin: 0 0 16px;
}

.it .it-services .copy ul, .it-services .copy ol {
  margin: 0 0 22px;
}

.it .it-services .copy li {
  position: relative;
  margin: 0 0 10px 10px;
  padding: 0 0 0 18px;
}

.it .it-services .copy li::before {
  content: "●";
  color: rgb(12, 139, 247);
  display: block;
  position: absolute;
  left: 0px;
  top: -1px;
}

.it .it-services .pricing-row {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  grid-gap: 30px 0;
  gap: 30px 0;
}

.it .it-services .pricing-wrapper {
  border: 1px solid rgba(0,0,0,.12);
  text-align: center;
  padding: 0 0 10px;
}

.it .it-services .pricing-wrapper .heading {
  background: #2060AA;
  color: #fff;  
  font-size: 15px;
  line-height: 1;
  margin: 0 0 5px;
  padding: 12px 6px;
}

.it .it-services .pricing-wrapper .price {
  color: #2060AA;
  line-height: 1.25;
  padding: 0 6px;
}

.it .it-services .content .cta-row {
	padding: 20px 0 40px;
	text-align: center;
}

/*
 * -- SOLUTIONS OVERVIEW
 */

/* Canvas shape */
.solutions-overview .canvas-shape {
    border: 24px solid #ECEFF1;
    border-radius: 50%;
    margin: 0 auto;
    height: 300px;
    width: 300px;
    position: absolute;
    top: 20%;
    right: 0;
    left: 0;
}


/* Solution boxes */
.solutions-overview #solution-boxes {
    padding: 40px 0 120px;   
}


/*
 * -- SOLUTIONS PAGE
 */

.solutions-page .hero-header:before {
    content: "";
    background: #F68B11;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.solutions-page .hero-header .hero-wrapper * {
    color: #fff;
}

.solutions-page .hero-header .hero-wrapper {
    margin: 0;
    max-width: 500px;
    min-height: 40vh;
    padding: 0 0 60px;
    text-align: left;
}

/* Solutions Intro */
.solutions-page #solution-intro {
    padding: 80px 0 0;
    position: relative;
}

.solutions-page #solution-intro .left,
.solutions-page #solution-intro .right {
    max-width: 600px;
    padding: 0 0 40px;
    position: relative;
}

.solutions-page #solution-intro .left:before,
.solutions-page #solution-intro .right:before {
    content: "";
    border: 2px solid #ECEFF1;
    height: 60px;
    width: 60px;
    position: absolute;
    top: -20px;
    left: -10px;
    z-index: -1;
}

.solutions-page #solution-intro .right:before {
    border-radius: 50%;
}

.solutions-page #solution-intro .running-head {
    color: #2060AA;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 0 40px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(21, 24, 27, 0.2);     
}

.solutions-page #solution-intro .usg-common-copy p {
    margin: 0 0 15px;
}

/* Padding for PB picker */
.solutions-page #pb-picker {
  padding: 40px 0;
}

/*
 * -- CONTACT
 */

.contact .channels .general,
.contact .channels .support,
.contact .channels .company {
    background: #ECEFF1;
    border-bottom: 1px solid #fff;
    padding: 30px;
}


/*
 * -- SUPPORT
 */

/* Intro shape */
.support .intro-shape {
    border: 24px solid #ECEFF1;
    border-radius: 50%;
    margin: 0 auto;    
    height: 200px;
    width: 200px;    
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
}

/* Canvas shape */
.support .canvas-shape {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 auto;
    max-width: 800px;
    width: 90%;
}

.support .canvas-shape .shape.one {
    background: -webkit-gradient(linear, left top, right top, from(#ECEFF1), to(#fff));    
    background: -webkit-linear-gradient(left, #ECEFF1, #fff);    
    background: linear-gradient(to right, #ECEFF1, #fff);    
    height: 3px;
    -webkit-box-flex: 1;-
    ms-flex: 1 0 70%;
    flex: 1 0 70%;
}

.support .canvas-shape .shape.two {
    background: #F68B11;
    border-radius: 50%;
    height: 20px;
    width: 20px;
}

.support .canvas-shape .shape.three {
    border: 4px dashed #ECEFF1;
    margin: 0 0 0 -25px;    
    height: 30px;
    width: 30px;    
}

/* Team */
.support .team-section {
    padding: 40px 0 120px;    
}

.support .team-section .person-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;    
    -ms-flex-pack: center;    
    justify-content: center;
    margin: 0 auto;      
    max-width: 600px;
}
/* 
 * -- OTHER SERVICES
 */

.other-services .hero {
  padding: 120px 0 40px;
}

.other-services .hero .wrapper {
  background: -webkit-linear-gradient(71deg, #FAACA8, #DDD6F3);
  background: linear-gradient(19deg, #FAACA8, #DDD6F3);
  height: 500px;
  overflow: hidden;
  position: relative;
}

.other-services .hero .product-image {
	background: url(https://cdn2.hubspot.net/hubfs/3463832/website/_test/test-pink-ballons.jpg) no-repeat top / cover ;  
	height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}

.other-services .hero .product-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;    
  height: 100%;
  padding: 40px 20px;
  position: relative;
  z-index: 1;
} 

.other-services .hero .product-copy * {
  color: #5b1d5f;
}

.other-services .section-other-service {
	padding: 0 0 20px;
}

.other-services .section-other-service header {
  background: #161d28;
  margin: 0 0 20px;
  padding: 20px 0;
  text-align: center;
}

.other-services .section-other-service header .section-title {
  color: #fff;
  max-width: 90%;
  margin: 0 auto;
	position: relative;
}

.other-services .section-other-service header .section-title:hover .anchor-link {
	visibility: visible;
  opacity: 1;
}

.other-services .section-other-service header .section-title .anchor-link {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
  color: #fff;
  cursor: pointer;
	visibility: hidden;
	opacity: 0;
  padding: 0 0 0 15px;
	position: absolute;
	top: 4px;
	-webkit-transition: visibility .2s ease, opacity .2s ease;
	transition: visibility .2s ease, opacity .2s ease;
}

.other-services .section-other-service .list-of-items {
  padding: 20px 0;
}

.other-services .section-other-service .item {
  background: #fff;
	margin: 0 auto 20px;
  padding: 0 0 20px;
}

.other-services .section-other-service .item:not(:last-child) {
  border-bottom: 1px solid #ECEFF1;
}

.other-services .section-other-service .item .image {
	display: block;
  object-fit: cover;
  width: 100%;
}

.other-services .section-other-service .item .description .meta {
  margin: 0 0 15px;
}

.other-services .section-other-service .item .description .title {
	margin: 0 0 10px;
}

.other-services .section-other-service .item .description .meta .price {
	color: #b12704;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.other-services .section-other-service .item .description p {
  margin: 0 0 8px;
}

/*
* -- STATUS
*/

/* Header */
#status-page .intro-header {
    background: -webkit-linear-gradient(343deg, #2060AA, #58D60B);
    background: linear-gradient(107deg, #2060AA, #58D60B);
    color: #fff;
    padding: 160px 0 40px;
    text-align: center;
}

#status-page .header-wrapper {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 10px;    
}

#status-page .header-title {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    margin: 0 0 20px;
}

#status-page .header-intro {
    margin: 0 0 20px;
}

/* Notifcation form*/
#status-page .notification-form {
  background: #fff;
  margin: -20px auto 0;
  max-width: 700px;
  padding: 20px 20px 0;
  text-align: center;
}

#status-page .notification-form .copy {
  color: #F68B11;
}

#status-page .notification-form .hs-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0 0;
}

#status-page .notification-form .hs-form > div:nth-child(1) {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 70%;
	        flex: 1 0 70%;
}

#status-page .notification-form .hs-form .hs-form-field {	  
  margin: 0;
}

#status-page .notification-form .hs-form .hs-form-field > label {
  display: none;
}

#status-page .notification-form .hs-form .hs-form-field input {
  border: 1px solid #F68B11;
  border-radius: 0;
  margin: 0;
  height: 36px;
  padding: 8px 0 8px 8px;  
}

#status-page .notification-form .hs-form .hs-submit {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 30%;
	        flex: 1 0 30%;
}

#status-page .notification-form .hs-form .hs-button {
  background: #F68B11;
  border: 1px solid #F68B11;  
  border-radius: 24px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 12px 0 0;
  height: 36px;
  width: 100%;
  padding: 0;
  -webkit-transition: opacity .1s ease-in;
  transition: opacity .1s ease-in;
}

#status-page .notification-form .hs-form .hs-button:hover {
	opacity: .9;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

/* Information & Map */
#status-page .status-data {
    padding: 40px 20px;
}

#status-page .status-data {
    max-width: 700px;
    margin: 0 auto;
}

#status-page .status-data .container {
    padding: 0;
}

#status-page .status-data .section-header {
    margin: 40px 0;
}

#status-page .status-data .section-header .title {
    margin: 0 0 20px;
}

/* Map */
#status-page .status-map {
    padding: 0 0 80px;
}

#status-page .status-map .section-header {
    border-top: 1px solid #ECEFF1;
    margin: 40px auto;
    padding: 60px 20px 0;
}

#status-map .status-data .section-header .title {
    margin: 0 0 20px;
}

#status-page .status-map .parsed-content-map {
    margin: 0 auto;
    max-width: 1040px;
    padding: 0 20px;
}

/*
* -- LEGAL (Terms & Cookies & GDPR)
*/

.legal .header-wrapper,
.legal .content-wrapper {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 10px;    
}

/* Header */
.legal .intro-header {
    background: -webkit-linear-gradient(343deg, #2060AA, #58D60B);
    background: linear-gradient(107deg, #2060AA, #58D60B);
    color: #fff;
    padding: 160px 0 40px;
    text-align: center;
}

.legal .header-title {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    margin: 0 0 20px;
}

.legal .header-intro {
    margin: 0 0 20px;
}

.legal .change-date {
    font-weight: 300;
}

/* Section */
.legal section {
    border-bottom: 1px solid #ECEFF1;
    padding: 40px 0 60px;
}

.legal section .section-title {
    font-size: 32px;
    font-weight: 300;
    margin: 0 0 20px;
}

.legal section .content h3 {
    margin: 50px 0 20px;
}

.legal section .content p {
    margin: 0 0 20px;
}

.legal section .content ol,
.legal section .content ul {
    margin: 0 0 30px 30px;    
}

.legal section .content ol {
    list-style-type: decimal;
}

.legal section .content ul {
    list-style-type: disc;
}

/* TOC for terms page */
#terms-content .page-nav {
    background: #ECEFF1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 4px;
    margin: 40px auto 60px;     
    max-width: 280px;
    padding: 20px 20px 40px;
}

#terms-content .page-nav .toc-title {
    font-size: 18px;
}

#terms-content .page-nav .toc-list {
    list-style-type: decimal;
    margin: 0 0 0 30px;
}

#terms-content .page-nav .toc-list li {
    padding: 10px 0;
}

/* Style cookie popup */

#hs-eu-cookie-confirmation {
    position: fixed !important;
    top: auto !important;
    bottom: 0;
}

#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 24px 18px 6px !important;
}

#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-en-cookie-confirmation-buttons-area {
    margin: 0 6px;
}

/* Styling table used @ GDPR */

.legal table {
    margin: 40px 0;
}

.legal thead {
    background: #2060AA;
    color: #fff
}

.legal tbody {
    vertical-align: baseline;    
}

.legal tbody tr,
.legal tbody td {
    border: 1px solid #ECEFF1;
    padding: 4px; 
}

/*
 * -- FIBER ADDRESS LIST
 */

.fiber-address-list .content {
  float: none !important;
  margin: 0 auto !important;
  max-width: 700px !important;
  padding: 40px 0 !important;
}

/*
 * -- PRICE CALCULATOR
 */

.price-calculator .calculator {
  padding: 200px 0 60px;
}

.price-calculator .calculator header h1 {
  color: #1E3264;
}

.price-calculator .calculator header p {
  color: #304579;
}

.price-calculator .calculator .form-wrapper {
  max-width: 360px;
  margin: 0 auto;
}

.price-calculator .calculator .form-calculator {
  background: #172751;
  border-radius: 4px;  
  color: #fff;
  margin: 0 0 40px;
  padding: 40px;  
}

.price-calculator .calculator .form-calculator .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 8px 0;
}

.price-calculator .calculator .form-calculator .row .meta label {
  font-size: 14px;
  text-transform: uppercase;
}

.price-calculator .calculator .form-calculator .row .control {
  width: 100px;
  text-align: right;
}

.price-calculator .calculator .form-calculator .row .control input {
  background: rgba(96, 125, 139, .25);
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 2px;
  color: #fff;
  height: 42px;
  width: 84px;
  padding: 8px 12px;
  text-align: center;
  -webkit-transition: border-color 0.3s ease;
   transition: border-color 0.3s ease;  
}

.price-calculator .calculator .form-calculator .row .control input:hover {
  border: 1px solid #4d595f;
}

.price-calculator .calculator .form-calculator .row .control input:focus {
  border: 1px solid #F68B11;
  outline: 0;
}

.price-calculator .calculator .form-calculator .action {
  margin: 40px 0 0;
}

.price-calculator .calculator .form-calculator .action .calculate_btn {
  background: #F68B11;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.12), 0 1px 3px rgba(0,0,0,.07);
          box-shadow: 0 4px 6px rgba(50,50,93,.12), 0 1px 3px rgba(0,0,0,.07);
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 16px 32px;
  text-shadow: 0 1px 2px rgba(0,0,0,.23);
  text-transform: uppercase;
  width: 100%;
  -webkit-transition: background .25s ease;
    transition: background .25s ease;  
}

.price-calculator .calculator .form-calculator .action .calculate_btn:hover {
  background: #f3a449;
}

.price-calculator .calculator #calculator_result .wrapper {
  border: 1px solid #F68B11;
  padding: 40px;
  position: relative;
}

.price-calculator .calculator #calculator_result .wrapper:before {
  content: "";
  display: block;
  background: #F68B11;
  height: 60px;
  width: 1px;
  position: absolute;
  top: -60px;
  left: 50%;
  z-index: -1;
}

.price-calculator .calculator #calculator_result .wrapper:after {
  content: "";
  display: block;
  background: #fff;
  border-bottom: 1px solid #F68B11;
  border-right: 1px solid #F68B11;    
  height: 40px;
  width: 40px;
  position: absolute;
  bottom: -21px;
  left: 45%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.price-calculator .calculator #calculator_result .wrapper .result {
  margin: 0 0 20px;
}

.price-calculator .calculator #calculator_result .wrapper .cta {
  background: #222a36;
	color: #fff;
	padding: 20px 0;
  text-align: center;	
}

.price-calculator .calculator #calculator_result .wrapper .cta p {
	margin: 0 0 20px;
	letter-spacing: .5px;
	text-transform: uppercase;
}

/* Products */
.price-calculator .product-description {
  padding: 0 0 60px;
}

.price-calculator .product-description .product {
  border-top: 1px solid #ECEFF1;
  padding: 20px 0;
}

.price-calculator .product-description .product .image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.price-calculator .product-description .product .content .title {
  border: 1px solid #F68B11;
  display: inline-block;
  margin: 0 0 20px;
  padding: 12px 16px;  
}

.price-calculator .product-description .product .content h3 {
  margin: 0 0 10px;
}

.price-calculator .product-description .product .content p {
  margin: 0 0 22px;
}

/*
 * -- OFFERS COLLECTIONS
 */

.offers-collections .hero-section {
	margin: 90px 0 0;
	padding: 40px 0;
}

.offers-collections .hero-section .hero-copy h3 {
  font-size: 24px;	
}

.offers-collections .hero-section .hero-copy p {
  margin: 0 0 24px;
}

.offers-collections .price-section-module {
	margin: 20px 0;
}

/* ==========================================================================
   
   #3 -- LANDING PAGES
   
   ========================================================================== */

/* Defaults */
.lp-default .navigation {
    position: absolute;
    left: 0;
    top: 15px;
    right: 0;
    z-index: 500;
}

.lp-default .navigation .link {
    color: #111118;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;      
    -webkit-transition: opacity .2s ease;    
    transition: opacity .2s ease;      
}

.lp-default .link:hover {
  opacity: 0.6;
}

.lp-default .navigation .phone-number {
  font-size: 20px;
	font-weight: 600;
}

.lp-default .navigation svg {
    width: 30px;
}

.lp-default .intro-copy {
  font-size: 24px;
  font-weight: 300;
}

.lp-default .content .copy p {
    margin: 0 0 16px;
}

.lp-default .content .copy ul,
.lp-default .content .copy ol {
    margin: 0 0 22px;
}

.lp-default .content .copy li {
    position: relative;
    margin: 0 0 8px 8px;
    padding: 0 0 0 24px;
}

.lp-default .content .copy li:before {
    content: "●";
    color: #0C8BF7;
    display: block;
    position: absolute;
    left: 0px;
    top: -1px;
}

.lp-default footer {
    padding: 40px 0;
}

.lp-default footer .footer-text {
	font-size: 20px;
	margin: 0 0 20px;
}

.lp-default footer .phone-number {
	text-decoration: underline;
}


/* Curio */

.lp-curio .grid-row {
	display: -ms-grid;
	display: grid;
	grid-gap: 40px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.lp-curio .title,
.lp-curio .subheading {
  color: #1E3264;	
}

.lp-curio section header h2 {
	font-size: 32px;
}

.lp-curio .copy {
  color: #304579;
  font-size: 20px;	
}

/* Sections */
.lp-curio .intro-section {
  padding: 120px 0 0;
}

.lp-curio .intro-section .hero {
  padding: 0 0 40px;
	text-align: center;
}

.lp-curio .intro-section .hero .title {
  font-size: 36px;
  margin: 0 0 20px;
}

.lp-curio .intro-section .hero .subheading {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.25;
	margin: 0 auto 20px;
	max-width: 700px;
}

.lp-curio .intro-section .inner-wrapper { 
  position: relative;
  z-index: 50;  
}

.lp-curio .intro-section .content .hero-shot {
	margin: 0 0 20px;
}

.lp-curio .intro-section .content .hero-shot img {
	display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;	
}

.lp-curio .intro-section .form {
  color: #fff;
}

.lp-curio .intro-section .form .hs-form {
  background: #172751;
  margin: 0 auto;
  max-width: 420px;  
  padding: 40px 20px;  
}

.lp-curio .intro-section .form .hs-form .hs-button {
  margin: 20px 0 0;
  width: 100%;
}

.lp-curio .intro-section .intro-statement {
  background: -webkit-linear-gradient(102deg, #78909C, #ECEFF1);
  background: linear-gradient(-12deg, #78909C, #ECEFF1);
  font-size: 24px;
  line-height: 1.25;
  margin: 40px auto;
  max-width: 400px;
	text-align: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lp-curio .customer-testimonials header {
	margin: 0 0 20px;
	text-align: center;
}

.lp-curio .customer-testimonials header .title {
	color: #304579;
  font-size: 18px;
  letter-spacing: 1px;
	text-transform: uppercase;
}

.lp-curio .customer-testimonials .quotation {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(13, 138, 248, 0.05)), to(rgba(236, 239, 241, .25)));
	background: -webkit-linear-gradient(bottom, rgba(13, 138, 248, 0.05), rgba(236, 239, 241, .25));
	background: linear-gradient(to top, rgba(13, 138, 248, 0.05), rgba(236, 239, 241, .25));
  line-height: 1.25;
  padding: 40px 20px;
  text-align: center;
}

.lp-curio .customer-testimonials .quotation p {
  font-size: 24px;
  font-weight: 300;
}

.lp-curio .customer-testimonials .quotation .cite-block {
  padding: 30px 0 0;
}

.lp-curio .customer-testimonials .quotation .cite-block .avatar {
  border-radius: 50%;
  height: 60px;
  width: 60px;
  margin: 0 auto 5px;
  overflow: hidden;
}

.lp-curio .customer-testimonials .quotation .cite-block .cite {
  font-size: 14px;
  line-height: 1.45;
  width: 100%;
}

.lp-curio .customer-testimonials .quotation .cite-block .cite .name,
.lp-curio .customer-testimonials .quotation .cite-block .cite .role {
  display: block;
  width: 100%;
}

.lp-curio .customer-testimonials .quotation .cite-block .cite .name {
  font-weight: 600;
}

.lp-curio .fab {
	padding: 120px 0;
}

.lp-curio .fab header {
	margin: 0 0 40px;
	text-align: center;
}

.lp-curio .fab .list .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.lp-curio .fab .list .item .image {
	height: 240px;
}

.lp-curio .fab .list .item .image img {
	display: block;
	height: 100%;
	width: 100%;
  object-fit: cover;
}

.lp-curio .fab .list .item .title {
	font-size: 24px;
	letter-spacing: .5px;
	margin: 10px 0 20px;
}

.lp-curio .closing-argument {
  background: #172751;
	padding: 60px 0;
	text-align: center;
}

.lp-curio .closing-argument header {
	margin: 0 0 20px;
}

.lp-curio .closing-argument header h2 {
  color: #fff;	
}

.lp-curio .closing-argument .content {
	margin: 0 auto;
	max-width: 700px;
}

.lp-curio .closing-argument .content p {
	color: #acc0ef;	
	margin: 0 0 20px;
}

/* Discover */

.lp-discover {
    position: relative;
}

.lp-discover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

/* Nav */
.lp-discover .navigation .link {
    color: #111118;    
    font-size: 14px;
    text-transform: uppercase;
}


.lp-discover .navigation svg * {
    fill: #111118 !important;
}


/* Content */
.lp-discover section {
    padding: 160px 0 0;
    position: relative;
    z-index: 50;
}

/* Shape */
.lp-discover header .shape {
    border: 4px #ECEFF1;
    border-style: solid solid dotted double;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    margin: 0 auto;    
    position: absolute;
    top: -80px;    
    left: 0;
    right: 0;
    z-index: -1;    
}

.lp-discover header .shape:before,
.lp-discover header .shape:after {
    content: "";
    border: 4px;
    border-style: solid solid dotted double;
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .1;
    position: absolute;
}

.lp-discover header .shape:before {
    -webkit-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
            transform: rotate(36deg);
    border-color: #0C8BF7;
}

.lp-discover header .shape:after {
    -webkit-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
            transform: rotate(144deg);
    border-color: #B809B1; 
}

/* Content */
.lp-discover .content{
    padding: 30px 0;
}

.lp-discover .content .copy {
    max-width: 560px;
}

.lp-discover .content .form {
    background: -webkit-linear-gradient(28deg, #eceff1 0%, rgba(32, 96, 170, 0.15) 100%);
    background: linear-gradient(62deg, #eceff1 0%, rgba(32, 96, 170, 0.15) 100%);
    box-shadow: 0 15px 35px rgba(47, 47, 94, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    max-width: 400px;
    padding: 40px 20px;       
}

.lp-discover .team-wrapper {
    background: #222a36;
    margin: 40px 0;
    padding: 60px 0;
}

/* Thank you default */
.typ-default .main-content {
    padding: 160px 0 0;
}

.typ-default .social {
    padding: 40px 0 0;
}

.typ-default .social .fm_button {
    margin: 0 5px;
}

.typ-default .articles {
    border-top: 1px solid #E3EAf1;
    margin: 40px 0 0;
    padding: 60px 0 0;
}

.typ-default .articles ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;    
}

.typ-default .articles .hs-postlisting-item  a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #2060AA;
    box-shadow: 0 15px 35px rgba(47, 47, 94, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    color: #fff;    
    height: 300px;
    width: 200px;
    margin: 20px;
    padding: 20px;
}

.typ-default .articles .hs-postlisting-item a:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.12), 0 3px 6px rgba(0,0,0,.07);
                                -webkit-transform: translateY(-1px);    
                                -ms-transform: translateY(-1px);    
                                transform: translateY(-1px);
}


/* Footer */
.typ-default footer {
    position: relative;
}

.typ-default footer .bg-shapes {
    height: 400px;
    width: 100%;
    position: absolute;
    top: -100px;
    z-index: -1;
}

.typ-default footer .bg-shapes .shape {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 30%;
            flex: 1 0 30%;
    position: relative;
}

.typ-default footer .bg-shapes .shape.one {
    background: #ECEFF1;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 60%;
            flex: 1 0 60%;    
}

.typ-default footer .bg-shapes .shape.two {
    background: #D8DBDD;
}

.typ-default footer .bg-shapes .shape.three {
    background: #ECEFF1;
}

.typ-default footer .bg-shapes .shape.four {
    background: #D8DBDD;
}

.typ-default footer .bg-shapes .shape.five {
    background: #ECEFF1;
}

.typ-default footer .bg-shapes .shape.five {
    background: #D8DBDD;
}

/*
* -- QUIZ FORM
*/

.lp-quiz-form .navigation svg * {
    fill: #111118 !important;    
}

/* ==========================================================================
   
   #4 -- SYSTEM PAGES
   
   ========================================================================== */

/*
 * -- ERROR
 */


body.error {
    background: -webkit-repeating-radial-gradient(center,circle,#1c65ba,#2060AA 280px);    
    background: repeating-radial-gradient(circle at center,#1c65ba,#2060AA 280px);   
    color: #fff;
    padding: 40px 0; 
    position: relative;
    text-align: center;
}

.error svg * {
    fill: #fff !important;
}

.error .circle,
.error .circle:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#F68B11), to(#B809B1));    
    background: -webkit-linear-gradient(#F68B11, #B809B1);
    background: linear-gradient(#F68B11, #B809B1);
    border-radius: 50%;
    box-shadow: 0 30px 15px rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: -10;       
}

.error .circle:before {
    content: '';
}

.error .circle:nth-child(1) {
    height: 18vmin;
    width: 18vmin;
    top: 15vh;
    left: 15vw;    
}

.error .circle:nth-child(1):before {
    width: 10vmin;
    height: 10vmin;
    bottom: -25vh;
    right: -10vmin;
}

.error .circle:nth-child(2) {
    height: 8vmin;
    width: 8vmin;
    top: 20vh;
    left: 38vw;  
}

.error .circle:nth-child(2):before {
    width: 2vmin;
    height: 2vmin;
    bottom: -10vh;
    left: -8vmin;
}

.error .circle:nth-child(3) {
    height: 10vmin;
    width: 10vmin;
    top: 12vh;
    right: 30vw; 
}

.error .circle:nth-child(3):before {
    width: 4vmin;
    height: 4vmin;
    bottom: -15vh;
    left: -18vmin;
}

.error .circle:nth-child(4) {
    height: 12vmin;
    width: 12vmin;
    top: 25vh;
    right: 18vw;    
}

.error .circle:nth-child(4):before {
    width: 6vmin;
    height: 6vmin;
    bottom: -10vmin;
    left: -15vmin;
}

.error .circle:nth-child(5) {
    height: 16vmin;
    width: 16vmin;
    top: 60vh;
    right: 8vw;    
}

.error .circle:nth-child(5):before {
  width: 8vmin;
  height: 8vmin;
  bottom: -20vmin;
  left: -60vmin;
}

.error .content {
    color: #fff;
    height: 100vh;
    max-width: 400px;
    margin: 0 auto;
    padding: 0 15px;
    text-shadow: 0 30px 20px rgba(0, 0, 0, 0.15);    
    z-index: 50;
}

.error .content .error-code {
    color: #fff;
    font-size: 200px;
    line-height: 1;
}

.error .content .button {
    background: -webkit-gradient(linear, right top, left top, from(#B809B1),to(#3b2faf));    
    background: -webkit-linear-gradient(right, #B809B1,#3b2faf); 
    background: -o-linear-gradient(right, #B809B1,#3b2faf);    
    background: linear-gradient(to left, #B809B1,#3b2faf);
    border-radius: 20px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;    
    margin: 20px 0 0;    
    padding: 6px 12px;    
    text-transform: uppercase;
    text-shadow: none;
}

/* ==========================================================================
   
   #5 -- BLOG
   
   ========================================================================== */

.hs-blog-post #hs_cos_wrapper_post_body .blog-cta-link * {
	color: inherit;
	font-size: inherit;
	margin: 0;
}

.hs-blog-post #hs_cos_wrapper_post_body .blog-cta-link {
	border: none;
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #2060AA;
	font-family: 'Source Sans Pro', Helvetica,Arial,sans-serif;
	font-size: 24px;
	display: block;
	max-width: 580px;
	margin: 0 auto;
	text-align: center;
}

.hs-blog-post #hs_cos_wrapper_post_body .blog-cta-link:hover {
	text-decoration: underline;
}


.hs-blog-post #hs_cos_wrapper_post_body .blog-toc {
	background: rgba(32, 96, 170, .05);
	margin: 40px 0;
	padding: 40px 20px;
}

.hs-blog-post #hs_cos_wrapper_post_body .blog-toc h2 {
	background: #fff;
  border: 1px solid rgba(32, 96, 170, .5);
	border-radius: 2px;
	font-size: 24px;
	font-weight: 400;
  margin: 0 0 50px;
  overflow-wrap: break-word;	
	text-align: center;
	padding: 20px;
}

.hs-blog-post #hs_cos_wrapper_post_body .blog-toc ol,
.hs-blog-post #hs_cos_wrapper_post_body .blog-toc ul {
	margin: 12px 0;	
}

   
/* ==========================================================================
   
   #6 -- FOOTER
   
   ========================================================================== */

.primary-footer {
    background: #161d28;
}

/*
 * -- TOP
 */

.primary-footer .section-top {
    background: #222a36;
    padding: 120px 0;
}

.primary-footer .section-top .footer-cta {
    color: #fff;
}

.primary-footer .section-top .footer-cta h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    margin: 20px auto 20px 0;
    max-width: 600px
}

.primary-footer .section-top .footer-cta p {
    margin: 40px 0 0;
}

.primary-footer .section-top .footer-cta p > a {
    color: #fff;
}

/*
 * -- MIDDLE 
 */
 
.primary-footer .section-middle {
    line-height: 30px;
    padding: 40px 0;
}

.primary-footer .section-middle nav h4 {
    color: #9ca6af;    
}

.primary-footer .section-middle nav a {
    color: #fff;
    position: relative;
}

.primary-footer .section-middle nav a:before {
    content: "";
    background: #fff;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -5px;
    opacity: 0;
    -webkit-transform: scaleX(.75) translateY(-12px);    
    -ms-transform: scaleX(.75) translateY(-12px);    
    transform: scaleX(.75) translateY(-12px);
    -webkit-transition: opacity .25s ease-in,-webkit-transform .25s cubic-bezier(0.06, 0.07, 0.49, 0.95);
    transition: opacity .25s ease-in,-webkit-transform .25s cubic-bezier(0.06, 0.07, 0.49, 0.95);
    transition: opacity .25s ease-in,transform .25s cubic-bezier(0.06, 0.07, 0.49, 0.95);
    transition: opacity .25s ease-in,transform .25s cubic-bezier(0.06, 0.07, 0.49, 0.95),-webkit-transform .25s cubic-bezier(0.06, 0.07, 0.49, 0.95);
}

.primary-footer .section-middle nav a:hover:before {
    opacity: 1;
    -webkit-transform: none;    
    -ms-transform: none;    
    transform: none;
}

.primary-footer .section-middle .brand svg {
    width: 30px;
    height: auto;
}

.primary-footer .section-middle .brand svg * {
    fill: #fff !important;
}

.primary-footer .section-middle .brand .copyright {
    color: rgba(255,255,255,.5);
}

.primary-footer .section-middle .brand {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; 
    margin: 0 0 20px;
}

.primary-footer .section-middle .company,
.primary-footer .section-middle .services,
.primary-footer .section-middle .solutions,
.primary-footer .section-middle .help {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;  
}

/* Section with links */
.primary-footer .section-middle .company ul,
.primary-footer .section-middle .services ul,
.primary-footer .section-middle .solutions ul,
.primary-footer .section-middle .help ul {
    margin: 20px 0;
}

.primary-footer .bf-label {
	margin: 20px auto;
	max-width: 160px;
}

/*
 * -- BOTTOM
 */

.primary-footer .section-bottom {
    border-top: 1px solid rgba(255,255,255,.1);    
    padding: 20px 0;
}

.primary-footer .section-bottom a {
    opacity: .5;
    -webkit-transition: opacity .25s;    
    transition: opacity .25s;
}

.primary-footer .section-bottom a:hover {
    opacity: 1;
}

.primary-footer .section-bottom .social,
.primary-footer .section-bottom .badges {
    margin: 5px 0;
}

.primary-footer .section-bottom .social a {
    margin: 0 20px;
    height: 32px;
    width: 32px;
}

.primary-footer .section-bottom .social svg {
    height: 16px;
    width: 16px;
    fill: #fff;
    z-index: 25;
}

.primary-footer .section-bottom .badges a {
    margin: 5px 20px;
    height: 40px;
}


/* ==========================================================================

    #7 -- HELPERS
    
   ========================================================================== */
/*
 * -- THEME STYLES
 */

.text-white {
    color: #fff;
}

.text-center {
    text-align: center;
}

.text-gradient-1 {
  background: -webkit-linear-gradient(102deg, #2060AA, #B809B1);
  background: linear-gradient(-12deg, #2060AA, #B809B1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}

.text-gradient-2 {
  background: -webkit-linear-gradient(102deg, #B809B1, #F68B11);
  background: linear-gradient(-12deg, #B809B1, #F68B11);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}

/*
 * -- CARDS
 */

.common-card {
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3);
    box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3);
  -webkit-transition: -webkit-box-shadow .15s ease;
    transition: -webkit-box-shadow .15s ease;
    transition: box-shadow .15s ease;
    transition: box-shadow .15s ease, -webkit-box-shadow .15s ease;  
}

.common-card.hover:hover {
  -webkit-box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3);
    box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3);
}

.common-card .common-card-cta-text {
  color: inherit;
	display: inline-block;
  font-size: 18px;
  font-weight: 300;
  position: relative;
}

.common-card .common-card-cta-text:before,
.common-card .common-card-cta-text:after {
  content: "";
  border: 1px solid;
  width: 100%;
  display: block;
  position: absolute;
  bottom: -1px;
}
.common-card .common-card-cta-text:before {
  border-color: rgba(57, 111, 146, 0.3);
}

.common-card .common-card-cta-text:after {
  border-color: #fff;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;  
  -webkit-transition: -webkit-transform .3s ease;  
  transition: -webkit-transform .3s ease;  
  transition: transform .3s ease;  
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.common-card:hover .common-card-cta-text:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

/* 
 * -- CONTAINERS 
 */

.container,
.container-xl {
    margin: 0 auto;
    padding: 0 30px;
}

.container {
    max-width: 1280px;
}

.container-xl {
    max-width: 1600px;
}

/*
 * -- SECTION BORDER
 */

.section-border-top-bottom {
	border-top: 1px solid rgba(0,0,0,.05);
  border-bottom: 1px solid rgba(0,0,0,.05);	
}

.section-border-top {
	border-top: 1px solid rgba(0,0,0,.05);
}

/*
 * -- SPACING
 */

.spacing-section-common {
	padding: 40px 0;
}

.spacing-intro-top {
  padding: 140px 0 0;  
}

.spacing-intro-top-bottom {
  padding: 140px 0 200px;  
}

.spacing-section-top-bottom {
  padding: 60px 0;
}

.spacing-section-bottom {
  padding: 0 0 60px;
}

.spacing-section-bottom-xl {
  padding: 0 0 90px;
}

/* "Older" -- still being used */
.section-padding { padding: 100px 0; }


/* 
 * -- FLEXBOX & GRID
 */

.grid-hero-two-columns {
	display: grid;
	gap: 40px;
}

.grid-columns {
	display: grid;
	grid-template-columns: repeat(12,1fr);
	grid-gap: 24px;
	gap: 24px;
}

.grid-columns > * {
  grid-column: span 12;
}

.cols-gutter {
    padding: 0 20px;
}

/* sm = ipad and up */
.cols-12-sm-4 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;    
}

.cols-12-sm-6 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;    
}

.reversed-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
        order: 1;
}

/* md = medium to desktop and up*/
.cols-12-md-4 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;    
}

.grid-two-col {
	display: grid;
	grid-gap: 40px	
}

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

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}

.row-wrap {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.align-start {
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
}

.align-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline;
}
      
.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/*
 * -- HERO, TITLE & COPY
 */

.hero-intro-centered {
  margin: 0 auto 40px;
  max-width: 700px;
  text-align: center;
}

.hero-header {
    padding: 240px 0 0;
    position: relative;    
}

.hero-wrapper,
.usg-hero-title,
.usg-hero-intro {
    position: relative;
    z-index: 50;      
}

.hero-wrapper {
    max-width: 800px;
    margin: 0 auto 40px;
    text-align: center;
    text-shadow: 0 4px 24px rgba(24, 27, 31, 0.2);  
    width: 90%;    
}

.usg-hero-title {
    font-size: 60px;
    line-height: 1.1;
    margin: 0 0 30px;
    word-break: break-word;
}

.usg-hero-intro {
    font-size: 24px;
    line-height: 1.15;
}

.hero-cta-button {
    margin: 40px 0 20px;
}

/*
 * -- HERO CTA 
 */

.hero-cta-border {
    background: #222a36;
    color: #fff;
    padding: 40px 0;
    position: relative;
    z-index: 50;
}

.hero-cta-border .cta-copy {
    margin: 10px 0;    
}


/* 
 * SECTION TITLE -- Intro, Common & Uppercase 
 */

.section-header {
    max-width: 700px;
}

.section-header.center {
    margin: 0 auto 40px;
    text-align: center;    
}

.usg-intro-title {
    font-size: 40px;
    margin: 0 0 20px;
}

.usg-common-title {
    font-size: 24px;
    margin: 0 0 10px;
}

.usg-uppercase-title {
    font-size: 20px;
    margin: 0 0 10px;    
    text-transform: uppercase;
}

/* Section copy -- Bigger & Common */
.usg-intro-copy {
    font-size: 22px;
}

.usg-common-copy {
    font-size: 18px;
}


/* Lists */
.usg-list ol { list-style-type: decimal; }
.usg-list ul { list-style-type: circle; }

.usg-list ol,
.usg-list ul {
    font-size: 95%;
    margin: 15px 0 30px 45px;    
}

.usg-list ol li,
.usg-list ul li {
    margin: 0 0 5px;
}

/* ==========================================================================

   #8 --  MISCELLANEOUS                                      

   ========================================================================== */

/* 
 * Styles that do not fit into available sections above can go here.
 * For example, one would place 3rd party plugin overriding styles,
 * @keyframes and module stylings here.
 *
 * All other styles must go in the proper sections above.
 *
 */

/*
* -- FLEXIBLE SIMPLE TEMPLATE
*/

.flexible-simple .navigation {
    position: absolute;
    left: 0;
    top: 15px;
    right: 0;
    z-index: 500;
}

.flexible-simple .navigation .link {
    color: #fff;
    line-height: 1;
    text-decoration: none;
    -webkit-transition: opacity .2s ease;    
    transition: opacity .2s ease;      
}

.flexible-simple .link:hover {
  opacity: 0.6;
}

.flexible-simple .navigation svg * {
    fill: #fff !important;
}

.flexible-simple .navigation svg {
    width: 30px;
}

.flexible-simple footer {
    padding: 40px 0;
}

/*
* -- TESTIMONIALS
*/

#testimonials header {
  margin: 20px 0 40px;
	text-align: center;
}

#testimonials .quotes {
	display: grid;
	grid-gap: 40px;
	gap: 40px;
}

#testimonials .quotation {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(13, 138, 248, 0.05)), to(rgba(236, 239, 241, .25)));
	background: -webkit-linear-gradient(bottom, rgba(13, 138, 248, 0.05), rgba(236, 239, 241, .25));
	background: linear-gradient(to top, rgba(13, 138, 248, 0.05), rgba(236, 239, 241, .25));
  line-height: 1.25;
  padding: 40px 20px;
  text-align: center;
}

#testimonials .quotation p {
  color: #304579;	
  font-size: 24px;
  font-weight: 300;
  -webkit-box-flex: 1;
	flex: 1;
	margin: 0 auto;
	max-width: 700px;
}

#testimonials .quotation .cite-block {
  padding: 30px 0 0;
}

#testimonials .quotation .cite-block .avatar {
  border-radius: 50%;
  height: 60px;
  width: 60px;
  margin: 0 auto 5px;
  overflow: hidden;
}

#testimonials .quotation .cite-block .logo {
  margin: 0 auto 5px;
}

#testimonials .quotation .cite-block .cite {
  font-size: 14px;
  line-height: 1.45;
  width: 100%;
}

#testimonials .quotation .cite-block .cite .name,
#testimonials .quotation .cite-block .cite .role {
  display: block;
  width: 100%;
}

#testimonials .quotation .cite-block .cite .name {
  font-weight: 600;
}

#testimonials .more-stories {
	font-size: 18px;
	padding: 40px 0;
	text-align: center;
}

#testimonials .more-stories a {
	text-decoration: underline;
}

/*
* -- TEAM - person styling
*/

#team-members .person {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px 20px 5px;
} 

#team-members .person .avatar {
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);    
    margin: 0 0 10px;
    width: 80px;
    height: 80px;
}

#team-members .person .avatar.big {
    width: 240px;
    height: 240px;
}

#team-members .person .first-name {
    font-size: 16px;
    font-weight: 600;
}

#team-members .person .phone-number {
    font-size: 16px;
}

/*
* -- SALES CTA
*/

#sales-sql {
    border-bottom: 1px solid #E3EAf1;
    padding: 0 0 40px;
}

#sales-sql h2,
#sales-sql a {
    color: #2060AA;
}

#sales-sql .cta-wrapper:before {
    content: "";
    position: absolute;
    z-index: 1;
}

#sales-sql .cta-wrapper:before {
    background: -webkit-linear-gradient(28deg, #eceff1 0%, rgba(32, 96, 170, 0.15) 100%);
    background: linear-gradient(62deg, #eceff1 0%, rgba(32, 96, 170, 0.15) 100%);
    height: 100%;
    width: 100%;
    top: 45%;
    bottom: 0;
    left: 0;
    right: 0;
}

#sales-sql .cta-wrapper {
    box-shadow: 0 15px 35px rgba(47, 47, 94, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    margin: 40px auto 60px;
    max-width: 900px;
    overflow: hidden;    
    padding: 40px 20px;
    position: relative;    
}

#sales-sql .content h2 {
    color: #2060AA;
}

#sales-sql .content a {
    color: inherit;
}

#sales-sql .cta-wrapper .content,
#sales-sql .cta-wrapper .form {
    z-index: 25;
    position: relative;
}

#sales-sql .cta-wrapper .form.usg-form .hs-form .hs-button {
    background: #2060AA;
}

#sales-sql .person-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    max-width: 300px; 
}

/*
* -- SALES SQL #2
*/

#sales-sql-2 .wrapper {
    background: #222a36;
    min-height: 460px;
    margin: 0 0 80px;
}

#sales-sql-2 .content,
#sales-sql-2 .contact-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#sales-sql-2 .contact-avatar .person .first-name, 
#sales-sql-2 .contact-avatar .person .phone-number {
	color: #fff;
}

#sales-sql-2 .content .content-wrapper {
    padding: 40px 20px;
}

#sales-sql-2 .content .content-wrapper .copy {
    text-align: center;
}

/* SQL MODAL */
.sql-modal-input {
    display: none;
}

#sales-sql-modal {
    position: relative;
    z-index: 1000;
    text-align: center;    
}

#sales-sql-modal .sql-modal-button {
    margin: 40px 0 20px;
}

#sales-sql-modal .sql-modal-box {
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 120px 20px 80px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    visibility: hidden;
    overflow: auto;
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);    
    -webkit-transition: visibility .25s linear, -webkit-transform .25s ease-in;
    transition: visibility .25s linear, -webkit-transform .25s ease-in;
    transition: visibility .25s linear, transform .25s ease-in;
    transition: visibility .25s linear, transform .25s ease-in, -webkit-transform .25s ease-in;  
}

#sales-sql-modal .sql-modal-close-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    background: #e3edec;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    width: 40px;
    opacity: 0;
    position: absolute;
    top: 20px;
    right: 20px;      
    visibility: hidden;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

#sales-sql-modal .sql-modal-close-button:before,
#sales-sql-modal .sql-modal-close-button:after {
    content: "";
    background: #263238;
    border-radius: 4px;
    display: block;    
    width: 20px;
    height: 2px;
    position: absolute;
}

#sales-sql-modal .sql-modal-close-button:after {
    -webkit-transform: rotate(90deg);    
    -ms-transform: rotate(90deg);    
    transform: rotate(90deg);
}

#sales-sql-modal .sql-modal-box .sql-modal-box-wrapper {
    max-width: 420px;
    margin: 0 auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}

#sales-sql-modal .sql-modal-box .sql-modal-box-wrapper .box-title,
#sales-sql-modal .sql-modal-box .sql-modal-box-wrapper .form .hs-submit .actions {
    text-align: center;
}

#sales-sql-modal .sql-modal-box .sql-modal-box-wrapper .form .hs-submit .actions {
    margin: 40px 0 20px;
}

#sales-sql-modal .sql-modal-box .sql-modal-box-wrapper .form {
    border: 1px solid #ECEFF1;
    border-radius: 4px;
    margin: 40px 0;
    padding: 20px;
    text-align: left;
}

#sales-sql-modal .sql-modal-box .sql-modal-box-wrapper #quote-customer-count {
    font-size: 18px;
    font-weight: 600;
}

/* Checked stated */
#sales-sql-modal .sql-modal-input:checked ~ .sql-modal-box {
    visibility: visible;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;    
}

#sales-sql-modal .sql-modal-input:checked ~ .sql-modal-box .sql-modal-close-button {
    opacity: 1;
    visibility: visible;    
    -webkit-transform: rotate(45deg);    
        -ms-transform: rotate(45deg);    
            transform: rotate(45deg);
}

#sales-sql-modal .sql-modal-input:checked ~ .sql-modal-box .sql-modal-box-wrapper {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

/*
* -- SOLUTION BOXES
*/

#solution-boxes .box-wrapper {
    color: #fff;
}

#solution-boxes .box-wrapper .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;    
    background: -webkit-linear-gradient(127deg, rgba(230, 81, 0, 1), #F68B11 64%);
    background: linear-gradient(-37deg, rgba(230, 81, 0, 1), #F68B11 64%);    
    box-shadow: 0 15px 35px rgba(47, 47, 94, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);    
    margin: 15px;
    min-height: 200px;
    max-width: 400px;    
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-transform .15s ease;
    transition: -webkit-transform .15s ease;
    -o-transition: transform .15s ease;
    transition: transform .15s ease;
    transition: transform .15s ease, -webkit-transform .15s ease;    
}

#solution-boxes .box-wrapper .box:hover {
    -webkit-transform: translateY(-1px);    
    -ms-transform: translateY(-1px);    
        transform: translateY(-1px);    
}

#solution-boxes .box-wrapper .box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;            
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;            
    color: #fff;
    padding: 40px 0 0;
    text-align: center;
}

#solution-boxes .box-wrapper .box .title {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

#solution-boxes .box-wrapper .box .title,
#solution-boxes .box-wrapper .box .copy {
    margin: 0 0 10px;
    padding: 0 20px;
}

#solution-boxes .box-wrapper .box .copy {
    flex: 1;
}

#solution-boxes .box-wrapper .box .learn-more {
    color: #fff;
    font-weight: 600;
    line-height: 1;    
    padding: 20px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

#solution-boxes .box-wrapper .box .learn-more:after {
    content: "";
    background: url("https://cdn2.hubspot.net/hubfs/3463832/website/assets/icons/ic_arrow_forward_white_24px.svg") no-repeat center;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .5);
    display: block;
    height: 36px;
    width: 36px;
    position: absolute;
    top: 10px;
    right: 30px;
}

/*
* -- QUOTE CUSTOMER COUNT
*/

#quote-customer-count {
    font-size: 34px;
    font-weight: 400;
    margin: 0 auto;
    max-width: 600px;
    text-align: center;
}

/*
* -- PARTNERS
*/

#our-partners {
    padding: 120px 15px;
}

#our-partners h2 {
    color: #0C4C96;
}

#our-partners .wrapper {
    background: rgba(241,243,247,.25);
    box-shadow: 0 15px 35px rgba(47, 47, 94, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    color: #2060AA;
    margin: 0 auto;
    max-width: 800px;
    overflow: hidden;
    padding: 30px;
    position: relative;
}

#our-partners .wrapper:before,
#our-partners .wrapper:after {
    content: "";
    border-radius: 50%;    
    position: absolute;
}

#our-partners .wrapper:before {
    background: #ECEFF1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    height: 30px;
    width: 30px;
    top: 215px;
    left: 45px;    
    z-index: -1;
}

#our-partners .wrapper:after {
    border: 16px dashed #ECEFF1;
    width: 300px;
    height: 300px;
    left: -100px;
    top: -40px;
    z-index: -2;
}

#our-partners .partner-list li {
    margin: 40px;
}

#our-partners .partner-list li img {
    max-width: 100px;
}

/*
* -- FEATURE TWO COLUMN
*/

#feature-two-column .feature-graphic {
    max-width: 700px;
    margin: 0 auto 40px;
    position: relative;
}

#feature-two-column .feature-graphic img {
	height: 100%;
	width: 100%;
}

#feature-two-column .running-head {
    color: #212121;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 0 20px;
    text-transform: uppercase;
}

/* 
* -- FIBER LOADER
*/

.fiber-loader {
    background-color: inherit;
    border-radius: 50%;
    box-shadow: inset 0 0 0 4px;
    display: inline-block;
    margin: 10px;
    width: 40px;
    height: 40px;
    position: relative;    
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.fiber-loader:before,
.fiber-loader:after {
    content: '';
    background: inherit;
    width: 20px;
    height: 40px; 
    position: absolute;
    top: 0;
}

.fiber-loader:before {
    border-radius: 40px 0 0 40px;
    left: -2px;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 22px 22px;
    -webkit-animation: loader-circle 2s infinite ease 1.5s;
    animation: loader-circle 2s infinite ease 1.5s;
}

.fiber-loader:after {
    border-radius: 0 40px 40px 0;
    left: 50%;
    -webkit-transform-origin: 0px 5.1em;
    transform-origin: 0px 22px;
    -webkit-animation: loader-circle 2s infinite ease;
    animation: loader-circle 2s infinite ease;
}

@-webkit-keyframes loader-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*
* -- MODULE FAQ
*/

#module-faq .included  {
    margin: 0 auto 40px; 
}

#module-faq .included .item {
	margin: 0 0 40px;   
}

#module-faq .included .item h3 {
  	font-size: 24px;
    font-weight: 600;
    margin: 0 0 20px;
}

#module-faq .included .item p {
    color: rgba(0, 0, 0, 0.74);
  	font-size: 18px;
}

/*
* -- MODULE FAB LIST
*/

#module-fab-list .included  {
    margin: 0 auto 40px;   
}

#module-fab-list .included .item {
    margin: 0 0 40px;
    padding: 0 0 0 20px;    
}

#module-fab-list .included .item h3 {
  	font-size: 24px;
    font-weight: 600;
    margin: 0 0 20px;
    position: relative;
}

#module-fab-list .included .item h3:before {
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, color-stop(16%, #F68B11),to(#B809B1));
    background: -webkit-linear-gradient(bottom, #F68B11 16%,#B809B1);
    background: linear-gradient(to top, #F68B11 16%,#B809B1);
    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;
  	top: 7px;
    left: -25px;
}

#module-fab-list .included .item p {
    color: rgba(0, 0, 0, 0.74);
  	font-size: 18px;
}

/*
 * -- VIDEO BLOCK
 */
.video-block-dark-bg .outer-wrapper {
	background: linear-gradient(72deg,#0D0D0D 12%,#232323 52%, #0c4c96);
	padding: 30px 10px 60px;
  position: relative;
  overflow: hidden;
}

.video-block-dark-bg .outer-wrapper .video-block-bg {
  fill: #1D2B47;
  height: 360px;
  width: 360px;
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 1;
}

.video-block-dark-bg h2 {
  color: #fff;
  position: relative;
  z-index: 2;  
}

/* When more videos are added, put them on row */
.video-block-dark-bg .video-row {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: 30px;
		gap: 30px;
  	position: relative;
  	z-index: 3;
}

.video-block-dark-bg .video-wrapper {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px 0;
    gap: 10px 0;
}

/* Representing a frame */
.video-block-dark-bg .play-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	background: linear-gradient(127deg,#F68B11, #B809B1);
  height: 160px;
  text-align: center;
}

/* Play function for showing video */
.video-block-dark-bg .play-video .play-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255,255,255,.8);
	border: 0;
  border-radius: 20px;
  color: #0C8BF7;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  height: 36px;
	margin: 0;
  outline: 0;
  padding: 0 18px;  
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}

.video-block-dark-bg .play-video .play-button:hover {
	opacity: .9;
}

.video-block-dark-bg .play-video .play-button svg {
  width: 12px;
  height: 14px;
  fill: #0C8BF7;
  margin: 0 10px 0 0;
  -webkit-transition: fill .2s ease;
  transition: fill .2s ease;
}

.video-block-dark-bg .play-video .play-button:hover svg {
  fill: #58D60B;
}

.video-block-dark-bg .video-title {
  color: #82868e;;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

/* Show on button click */
.video-block-dark-bg .overlay-video {
  background: -webkit-gradient(linear,left top, left bottom,from(rgba(07, 12, 17, 0.95)) ,color-stop(24%, rgba(21, 27, 33, 0.95)),color-stop(62%, rgba(37, 44, 51, 0.95)),color-stop(92%, rgba(72, 87, 102, 0.95)));
  background: linear-gradient(to bottom,rgba(07, 12, 17, 0.95) ,rgba(21, 27, 33, 0.95) 24%,rgba(37, 44, 51, 0.95) 62%,rgba(72, 87, 102, 0.95) 92%);
  cursor: pointer;
	position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  
}

.video-block-dark-bg .overlay-video.active {
	-webkit-animation: video-display-animation .7s ease forwards;
	        animation: video-display-animation .7s ease forwards;
}

@-webkit-keyframes video-display-animation {
  0% {
    opacity: 0;

  }
  100% {
    opacity: 1;
  }
}

@keyframes video-display-animation {
  0% {
    opacity: 0;

  }
  100% {
    opacity: 1;
  }
}

.video-block-dark-bg .video-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 60px 0;
}

.video-block-dark-bg .video-container video {
  max-height: 100%;
	max-width: 100%;
  object-fit: contain;
}

/*
 * -- PAGE AND BLOCK PICKER
 */

#pb-picker .wrapper {
  padding: 80px 0;
}

#pb-picker .content-row {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 30px;
  gap: 30px;   
}

#pb-picker .content-row .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}


#pb-picker .content-row .item .image {
  background-color: #252b33;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 200px;
  width: 100%;
}

#pb-picker .content-row .item .info {
  background: #fff;
  min-height: 150px;
  padding: 20px 20px 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

#pb-picker .content-row .item .info .title {
  font-size: 20px;
}

#pb-picker .content-row .item .info .taxonomy {
  color: #82868e;
  font-size: 14px;
  position: absolute;
  bottom: 10px;
}

/*
* -- STATUS LOADER 
*/

.status-loader {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f68b11),
    to(#b809b1)
  );
  background: -webkit-linear-gradient(#f68b11, #b809b1);
  background: linear-gradient(#f68b11, #b809b1);
  border-radius: 4px;
  display: inline-block;
  margin: 0 10px;
  height: 30px;
  width: 20px;
  animation: loader-spin-bounce-scale 1600ms infinite;
}

@-webkit-keyframes loader-spin-bounce-scale {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  33% {
    -webkit-transform: translate(0px, 24px) scaleY(0.6);
            transform: translate(0px, 24px) scaleY(0.6);
  }
  66% {
    -webkit-transform: translate(0px, -16px) scaleX(0.2);
            transform: translate(0px, -16px) scaleX(0.2);
  }
  88% {
    -webkit-transform: translate(0px, 4px) scaleY(0.2);
            transform: translate(0px, 4px) scaleY(0.2);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@keyframes loader-spin-bounce-scale {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  33% {
    -webkit-transform: translate(0px, 24px) scaleY(0.6);
            transform: translate(0px, 24px) scaleY(0.6);
  }
  66% {
    -webkit-transform: translate(0px, -16px) scaleX(0.2);
            transform: translate(0px, -16px) scaleX(0.2);
  }
  88% {
    -webkit-transform: translate(0px, 4px) scaleY(0.2);
            transform: translate(0px, 4px) scaleY(0.2);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

/*
* -- PRICE MODULE
*/

.price-section-module .bg-price-module {
	background: rgba(236, 239, 241, .3);
	padding: 48px 12px;
} 

.price-section-module .content-width {
	margin: 0 auto;
	max-width: 980px;
}

.price-section-module .usg-intro-title {
	margin: 0;
}

.price-section-module .price-content-grid {
	display: grid;
	grid-gap: 24px;
	gap: 24px;
}

.price-section-module .price-card {
	padding: 12px 0;
}

.price-section-module .price-card .card-header {
	background: #ECEFF1;
	padding: 8px 12px;	
}

.price-section-module .price-card .card-header h2 {
  margin: 0 0 5px;
}

.price-section-module .price-card .details {
  padding: 16px 12px 0;
}

.price-section-module .price-card .details:nth-child(odd) {
  border-top: 1px solid rgba(216, 219, 221, .75);
	margin: 24px 0 0;
}

.price-section-module .price-card .details h3 {
	font-size: 16px;
}

.price-section-module .price-card .price-list-included .item {
	margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.3;
  padding: 0 0 0 32px;
  position: relative;
}

.price-section-module .price-card .price-list-included .item i {
	position: absolute;
	top: -2px;
	left: 0;
}

.price-section-module .price-card .price-list-addons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 8px;
	gap: 8px;
	font-size: 14px;
  line-height: 1;
	padding: 16px 0 0;
}

.price-section-module .price-card .price-list-addons .item {
  border: 1px solid #D8DBDD;
  border-radius: 4px;
	display: inline-block;
	min-width: 100px;
	padding: 8px;
	text-align: center;	
}

.price-section-module .price-card .price-list-addons .item .addon-name {
  display: block;
	font-weight: 600;
	margin: 0 0 5px;
}

.price-section-module .price-card .price-list-addons .item .addon-price {
	font-size: 14px;
}

/* ==========================================================================

   #9 --  MEDIA QUERIES                              

   ========================================================================== */

/* 
 * -- ANYTHING BIGGER THAN THIS DO THIS
 */
 
@media (min-width: 600px) {

/*
 * -- FUNCTIONS
 */


/*
 * -- PAGES
 */

/*
 * -- LANDING PAGES
 */


/*
 * -- BLOG
 */


/*
 * -- MODULES
 */
 
}

@media (min-width: 760px) {

/*
 * -- FUNCTIONS
 */

.primary-navigation .top-hat-at-home {
  text-align: right;
  right: 30px;
  left: auto;
}
  
#sales-sql-2 .content .content-wrapper {
    padding: 40px 0 40px 40px;
}

#sales-sql-2 .content .content-wrapper .copy,
#sales-sql-modal {
    text-align: left;
}

#sales-sql-modal .sql-modal-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;    
    padding: 0;
}

#pb-picker .wrapper {
  background: #ECEFF1;   
  padding: 80px 40px;
}
	
/* Footer */

.primary-footer .section-middle .brand,
.primary-footer .section-middle .company,
.primary-footer .section-middle .services,
.primary-footer .section-middle .solutions,
.primary-footer .section-middle .help {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;  
}

.primary-footer .section-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;    
}

.cols-12-sm-4 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 32%;
            flex: 1 0 32%;
}

.cols-12-sm-6 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 48%;
            flex: 1 0 48%;
  	max-width: 50%;
}

.reversed-sm {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
}

/*
 * -- PAGES
 */

/* Home */
	
	.home-v3 .section-spacing {
	  padding: 60px 0;
  }
	
	.home-hero-v3 .cta-row .simple-link {
	  padding: 0 0 0 30px;
  }
	.home-v3-fab .list {
		grid-auto-flow: column;
		grid-template-columns: repeat(3, 1fr);
	}	
	
	.home-v3-statement {
		padding: 60px 0 0;
	}

.home .hero-content {
    padding: 60px 40px 60px 0;
}

.home .home-hero > div {
    height: 740px;
  	overflow: hidden;
  	position: relative;
}

.home .home-hero-cta-wrapper,
.home .home-hero-cta-button {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.home .home-hero-cta-button {
  	padding: 30px;
    width: auto;
}

.home .home-hero .micro-copy {
    margin: 0 0 0 20px;    
}

.home .hero-image {
  display: block;
		position: absolute;
    bottom: 0;
    right: -5%;
    width: 100%;  
}
  
.home .hero-image .ceo-image {
    display: block;  
		max-width: 340px;
    margin: 0 0 0 auto; 
} 

.home .hero-image .ceo-message {
    color: #fff;
    font-size: 14px;
  	font-weight: 300;  
    max-width: 500px;  
    position: absolute;
    bottom: 4%;
    right: 28%;
}
  
.home-solutions .box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
}

.home .sections {
    margin: 0 0 80px;
}

.home .sections > div {
    min-height: 540px;
}

.home .sections .content {
    background: #ECEFF1;
    padding: 40px 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.home .blog-promotion .articles {
    margin: 0 0 0 20px;
}


/* Top */
#home-team-grid .top-row {
    max-height: 610px;
}

#home-team-grid .top-row .whole,
#home-team-grid .top-row .quarts {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
}

#home-team-grid .top-row .quarts .item {
    -webkit-box-flex: 1; 
        -ms-flex: 1 0 50%; 
            flex: 1 0 50%;
}

/* Bottom */
#home-team-grid .bottom-row {
    max-height: 305px;
}

#home-team-grid .bottom-row .item {
    -webkit-box-flex: 1; 
        -ms-flex: 1 0 25%; 
            flex: 1 0 25%;
}

.home #solution-boxes .box-wrapper {
    margin: -40px 0 0;
}

#home-team-grid .top-row .whole,
#home-team-grid .top-row .quarts {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
}
  
/* Stories */
.stories .intro .hero-title {
  font-size: 36px;
}
  
.stories .intro .customer-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
  
.stories .intro .customer-meta .item:nth-child(n+2) {
  width: 30%;
}
  
/* About */

.about #about-intro {
    padding: 120px 0 240px;    
}

.about #about-intro .section-header,
.about #about-intro .section-sub-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;   
}

.about #about-intro .section-sub-header {
    -ms-flex-item-align: end;    
    align-self: flex-end;    
}

.about #we-are .team-block .person-wrapper {
    padding: 100px 0 0;
}

.about #we-are .team-block .person-wrapper .vitruvian {
    border: 2px solid #ECEFF1;
    border-radius: 50%;
    margin: 0 auto;
    height: 700px;
    width: 700px;    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -0;
    z-index: -1;
}

.about #we-are .team-block .person-wrapper .vitruvian:before {
    content: "";
    border: 2px solid #ECEFF1;
    margin: 0 auto;
    height: 600px;
    width: 600px;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: -0;
    z-index: -1;    
}

/* Fiber */

.fiber .hero-left-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;    
    -webkit-box-flex: 1;
        -ms-flex: 1 0 56%;
            flex: 1 0 56%;    
}

.fiber .hero-right-side {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 42%;
            flex: 1 0 42%;    
}

.fiber .hero-content {
    padding: 60px 40px;
}

.fiber .form-box .form-field {
    width: 65%;
}

.fiber .form-box .form-search-btn {
    width: 30%;
}
	
	
.fiber-prices .plan-options {
	grid-template-columns: 1fr 1fr;
	-webkit-box-align: center;
	align-items: center;
}

.fiber-prices .price-customized {
  width: 76%;
	padding: 0 0 0 60px;
}

#video-block .outer-wrapper {
	padding: 30px 40px 60px;
}
  
.fiber-benefits,
.product-details {
    padding: 90px 0 60px;
}

/* Print */

.printer-functions .product .image {
    margin: -100px 0 0;
}

/* Solution pages */

.solutions-page .hero-header:before {
    background: -webkit-linear-gradient(127deg, rgba(230, 81, 0, .4), rgba(246, 139, 17, 1) 64%);
    background: linear-gradient(-37deg, rgba(230, 81, 0, .4), rgba(246, 139, 17, 1) 64%);      
    width: 50%;
}

.solutions-page .hero-header .hero-wrapper {
    width: 46%;
}

.solutions-page .hero-header .hero-wrapper .usg-hero-title {
    font-size: 32px;
}

.hero-cta-border .cta-copy {
    width: 60%;
}

/* Solutions Intro */

.solutions-page #solution-intro .left,
.solutions-page #solution-intro .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
}

/* Contact */

.contact .usg-hero-title span {
    margin: 0 0 0 120px;
}

.contact .channels > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    text-align: center;
}

.contact .channels .general,
.contact .channels .support,
.contact .channels .company {
    background: #fff;
    border-bottom: none;
}

.contact .channels .general,
.contact .channels .support {
    width: 40%;
}

.contact .channels .general {
    border-right: 1px solid #ECEFF1;
}

.contact .channels .company {
    border-top: 1px solid #ECEFF1;
    width: 80%
}

/* Other services */  
.other-services .section-other-service .item {
	display: -webkit-box;
	display: -ms-flexbox;
		display: flex;
  width: 100%;
}

.other-services .section-other-service .item .image-container {
	width: 150px;
}
  
.other-services .section-other-service .item .description {
  margin: 0 0 0 30px;
	width: 50%;
}
  
/* Status */

#status-page .notification-form .hs-form .hs-button {
  border-radius: 0 24px 24px 0;
  margin: 0;
}  

/* Price calculator */
  
.price-calculator .product-description .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.price-calculator .product-description .product .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
}

.price-calculator .product-description .product .content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 56%;
          flex: 0 0 56%;
}
  
/*
 * -- LANDING PAGES
 */

	.lp-curio .column-half {
    grid: 1fr/auto-flow 2fr;
  }

	.lp-curio .column-third {
    grid: 1fr/auto-flow 3fr;
  }
	
  .lp-curio .intro-section {
    padding: 200px 0 0;
  }

  .lp-curio .intro-section .inner-wrapper:before {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(#F68B11), to(#B809B1));
    background: -webkit-linear-gradient(#F68B11, #B809B1);
    background: linear-gradient(#F68B11, #B809B1);
    display: block;
    height: 110%;
    width: 100%;
    position: absolute;
    top: -5%;
    right: -75%;
    z-index: -1;
  }

  .lp-curio .intro-section .content .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
    -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    border-left: 2px solid #172751;  
    height: 100%;
    padding: 0 0 0 10px;
  }
  
  .lp-curio .intro-section .hero .title {
    font-size: 56px;
   }
	
  .lp-curio .intro-section .form .hs-form {
    padding: 40px;  
  }

	.lp-curio .customer-testimonials .quotation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	      -ms-flex-direction: column;
	          flex-direction: column;
	  -webkit-box-pack: justify;
	      -ms-flex-pack: justify;
	          justify-content: space-between;
  }

	
/*
 * -- BLOG
 */


/*
 * -- MODULES
 */

	
.price-section-module .price-content-grid {
	grid-template-columns: minmax(280px, 320px) 1fr;
	-webkit-box-align: center;
	align-items: center;
}

.price-section-module .price-content-grid .price-customized-solution {
	margin: 0 30px 0 70px;
}

/* Sales CTA */
  #sales-sql .person-wrapper {
    margin: 20px 0 0;
  }

  #sales-sql .cta-wrapper:before {
    top: 0;
    left: 50%;
  }

  #sales-sql .cta-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;    
  }

	#sales-sql .cta-wrapper .content {
    padding: 0 20px;
  }

  #sales-sql .cta-wrapper .form {
    padding: 0 40px;
  }

  #sales-sql .cta-wrapper .content,
  #sales-sql .cta-wrapper .form {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;    
  }

/* Solution boxes */
  #solution-boxes .box-wrapper .box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44%;
            flex: 0 0 44%;
  }

	#testimonials .quotes {
    grid-auto-flow: column;
  }
	
}

@media (min-width: 960px) {

/*
 * -- FUNCTIONS
 */

.cols-12-md-4 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 32%;
            flex: 1 0 32%;
}

.home-solutions .box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
            flex: 0 0 24%;
}

.spacing-section-common {
	padding: 80px 0;
}
	
.spacing-intro-top {
  padding: 220px 0 0;
}
  
.spacing-intro-top-bottom {
  padding: 220px 0 200px;
}

.spacing-section-top-bottom {
  padding: 120px 0;
}

.spacing-section-bottom {
  padding: 0 0 120px;
}

.spacing-section-bottom-xl {
  padding: 0 0 180px;
}  

.grid-two-col {
	grid-auto-flow: column;
	grid-template-columns: repeat(2, 1fr);
}	

  .grid-hero-two-columns {
	  grid-auto-flow: column;
	  grid-template-columns: 1fr 1fr;
		-webkit-box-align: center;
		align-items: center;		
  }
	
/*
 * -- PAGES
 */

/* Home */
	
	.home-v3 .home-two-col {
    grid-auto-flow: column;
		grid-template-columns: repeat(2, 1fr);
  }
	
  .home-hero-v3 .hero-bg-color {
    background: -webkit-gradient(linear,right top, left top,from(#49c3c9),color-stop(50%, #249bd6),color-stop(#0c5b9c), color-stop(50%, #fff));
    background: linear-gradient(to left,#49c3c9,#249bd6 50%,#0c5b9c, #fff 50%);
  }
	
	.home-hero-v3 .hero-image {
	  -webkit-box-ordinal-group: 2;
		order: 1;
  }
	
	.home-v3-segmentation .solution-boxes {
		grid: repeat(2, 1fr)/auto-flow;
  }
	
	.home-v3-statement .image {
		width: 100%;
	}
  
.home .hero-image .ceo-image {
		max-width: 470px;
} 

.home .hero-image .ceo-message {
    bottom: 4%;
    right: 28%;
}
  
/* Customers */
.customers .story-cards .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
} 

.customers .story-cards .card {
  margin: 0 0 120px;
  max-width: 520px;
  width: 46%;
}

/* Overview of PS */
.overview-ps .industry-section .box-row {
  grid-template-columns: 1fr 1fr;
}
  
.overview-ps .industry-section .product-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
  
.overview-ps .industry-section .cta-banner .cta-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
}

.overview-ps .industry-section .cta-banner .cta-wrapper .copy {
  margin: 0 20px 0 0;
  width: 70%;
}
  
/* Stories */
.stories .intro .services-used .list-of-services {
  grid-template-columns: repeat(auto-fit, minmax(200px, 260px));
}

  
/* Fiber */

.fiber .hero-image {
    width: auto;
}

.fiber-prices .plan-options {
	grid-template-columns: 1fr 2fr;
}
	
/* About */

  .about-v2 .hero-columns {
	  grid-template-columns: 1fr 1fr;
  }
	
	.about-v2 .illustration {
		left: -50px;
	}
	
.about #about-intro {
    padding: 120px 0 580px;
}
.about #about-intro .section-header,
.about #about-intro .section-sub-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;   
}

/* Solutions Intro */

.solutions-page #solution-intro .left,
.solutions-page #solution-intro .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
}

/* Other services */
.other-services .hero .wrapper {
  height: 500px;
}

.other-services .hero .product-image {
  width: 50%;
}

.other-services .hero .product-copy {
  margin: 0 0 0 auto;    
  width: 50%;
  padding: 40px;
} 
  
/*
 * -- LANDING PAGES
 */

.offers-collections .hero-section {
  background: -webkit-gradient(linear,right top, left top,from(#b809b1), color-stop(45%, #f68b11), color-stop(45%, #fff));
  background: linear-gradient(to left,#b809b1, #f68b11 45%, #fff 45%);
  min-height: 55vh;
}	

/*
 * -- BLOG
 */


/*
 * -- MODULES
 */

.hero-header {
    background-attachment: fixed;
}

#feature-two-column .section-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#feature-two-column .feature-graphic {
    margin: 0;
}

#feature-two-column .feature-graphic,
#feature-two-column .feature-header {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
}

/* Reversed */
#feature-two-column .reversed .feature-graphic {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}

#feature-two-column .reversed .feature-header {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
  
#module-fab-list .included .item,
#module-faq .included .item  {
	width: 42%;   
}

#home-value-prop .value-list {
  grid-auto-flow: column;
  grid-template-columns: repeat(3, 1fr);
}	
	
}

@media (min-width: 1140px) {

/*
 * -- FUNCTIONS
 */

/* Primary navigation */
.nav-section-menu .pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.nav-section-menu .pages a:not(.usg-button) {
    padding: 12px 18px;
}
  
.nav-section-menu .pages .cta-desktop-push-left {
  margin: 0 0 0 40px;
}

/*
 * -- PAGES
 */

.home .hero-image {
  right: 5%;
}
  
.home .hero-image .ceo-image {
		max-width: 590px;
} 
  
.solutions-page .hero-header .hero-wrapper .usg-hero-title {
    font-size: 50px;
}

/*
 * -- LANDING PAGES
 */


/*
 * -- BLOG
 */


/*
 * -- MODULES
 */


}

/* 
 * -- ANYTHING SMALLER THAN THIS DO THIS
 */
 
@media (max-width: 1139px) {

/*
 * -- FUNCTIONS
 */

/* Primary navigation */
.primary-navigation .link {
    color: #fff;
}

.mobile-menu-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  height: 26px;
  width: 30px;
}

.mobile-menu-toggle:before,
.mobile-menu-toggle:after {
    content: "";
    background: #000;
    display: block;
    border-radius: 4px;
    height: 2px;
    width: 100%;
}

/* On dark */
.nav-white .mobile-menu-toggle:before,
.nav-white .mobile-menu-toggle:after {
    background: #fff;
}

/* Menu */
.nav-section-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
    background: #1e2122;
    border-radius: 2px;
    height: 100%;
    width: 100%;
    max-width: 320px;
    padding: 60px 40px 60px;
    position: fixed;
    top: 0;
    right: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: visibility .15s linear;
    transition: visibility .15s linear
}

.mobile-menu-toggle-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    width: 40px;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 23px;
    right: 10px;   
    -webkit-transition: opacity .15s ease-in, visibility .15s ease-in, -webkit-transform .15s ease-in;
    transition: opacity .15s ease-in, visibility .15s ease-in, -webkit-transform .15s ease-in;
    transition: opacity .15s ease-in, visibility .15s ease-in, transform .15s ease-in;
    transition: opacity .15s ease-in, visibility .15s ease-in, transform .15s ease-in, -webkit-transform .15s ease-in;
    -webkit-transform: rotate(-180deg);    
        -ms-transform: rotate(-180deg);    
            transform: rotate(-180deg);    
}

.mobile-menu-toggle-active:before,
.mobile-menu-toggle-active:after {
    content: "";
    background: #fff;
    border-radius: 4px;
    display: block;    
    width: 30px;
    height: 2px;
    position: absolute;
}

.mobile-menu-toggle-active:after {
    -webkit-transform: rotate(90deg);    
    -ms-transform: rotate(90deg);    
    transform: rotate(90deg);
}

.nav-section-menu .pages li {
    margin: 0 0 8px;
    padding: 12px;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(.9) translateX(24px);
    -ms-transform: scale(0.9) translateX(24px);
    transform: scale(0.9) translateX(24px);
    -webkit-transition: opacity 0.30s ease-out, -webkit-transform 0.30s ease-out;
    transition: opacity 0.30s ease-out, -webkit-transform 0.30s ease-out;
    transition: opacity 0.30s ease-out, transform 0.30s ease-out;
    transition: opacity 0.30s ease-out, transform 0.30s ease-out, -webkit-transform 0.30s ease-out;
}
  
/* Checked stated */
.primary-navigation .nav-wrapper .mobile-menu-checkbox:checked ~ .nav-section-menu {
    visibility: visible;
}

.primary-navigation .nav-wrapper .mobile-menu-checkbox:checked ~ .nav-section-menu .mobile-menu-toggle-active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
            transform: none;
}

.primary-navigation .nav-wrapper .mobile-menu-checkbox:checked ~ .nav-section-menu .pages li {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: .15s,.15s;
    transition-delay: .15s,.15s;  
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.primary-navigation .nav-wrapper .mobile-menu-checkbox:checked ~ .nav-section-menu .pages li:nth-of-type(2) {
    -webkit-transition-delay: .18s,.18s;
    transition-delay: .18s,.18s;
}

.primary-navigation .nav-wrapper .mobile-menu-checkbox:checked ~ .nav-section-menu .pages li:nth-of-type(3) {
    -webkit-transition-delay: .21s,.21s;
    transition-delay: .21s,.21s;
}

.primary-navigation .nav-wrapper .mobile-menu-checkbox:checked ~ .nav-section-menu .pages li:nth-of-type(4) {
    -webkit-transition-delay: .24s,.24s;
    transition-delay: .24s,.24s;
}

.primary-navigation .nav-wrapper .mobile-menu-checkbox:checked ~ .nav-section-menu .pages li:nth-of-type(5) {
    -webkit-transition-delay: .27s,.27s;
    transition-delay: .27s,.27s; 
}

.primary-navigation .nav-wrapper .mobile-menu-checkbox:checked ~ .nav-section-menu .pages li:nth-of-type(6) {
    -webkit-transition-delay: .31s,.31s;
    transition-delay: .31s,.31s; 
}

.primary-navigation .nav-wrapper .mobile-menu-checkbox:checked ~ .nav-section-menu .pages li:nth-of-type(7) {
    -webkit-transition-delay: .34s,.34s;
    transition-delay: .34s,.34s; 
}
  
/*
 * -- PAGES
 */


/*
 * -- LANDING PAGES
 */


/*
 * -- BLOG
 */


/*
 * -- MODULES
 */
 
}

@media (max-width: 959px) {

/*
 * -- FUNCTIONS
 */


/*
 * -- PAGES
 */

/*
 * -- LANDING PAGES
 */


/*
 * -- BLOG
 */


/*
 * -- MODULES
 */
 
}

@media (max-width: 759px) {

/*
 * -- FUNCTIONS
 */

.hero-header {
    padding: 160px 0 0;
}


.usg-hero-wrapper {
    width: 100%;
}

.usg-hero-title {
    font-size: 36px;
    line-height: 1.15;
    margin: 0 0 20px;
}

.usg-hero-intro {
    font-size: 20px;
    line-height: 1.35;
} 

/*
 * -- PAGES
 */

/*
 * -- LANDING PAGES
 */


/*
 * -- BLOG
 */


/*
 * -- MODULES
 */
 
}

@media (max-width: 599px) {

/*
 * -- FUNCTIONS
 */

.container,
.container-xl {
    padding: 0 15px;
}

.section-padding {
    padding: 40px 0;
}

.usg-intro-title {
    font-size: 32px;
}

/*
 * -- PAGES
 */


/*
 * -- LANDING PAGES
 */


/*
 * -- BLOG
 */


/*
 * -- MODULES
 */
 
}