/****************************************************************************/
/* This is the default custom CSS file that is included in every template.  */
/* It can be edited, but it cannot be renamed or deleted.                   */
/* You will see it included in the source of every page as                  */
/* 'custom/styles/default/hs_default_custom_style.css'                      */
/****************************************************************************/

html, body {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

#banner-background-image {
    overflow: hidden;
}

.frame2 {
    background-image: url("https://www.helloglobo.com/hubfs/Images%20and%20Graphics/home-hero-english.png");
    display: none;
    overflow: hidden;
    background-position: center;
    min-height: 600px;
    background-size: cover;
}

.hero-headline {
    margin: 400px auto 30px;
    width: 40%;
    color: #ffffff;
}

.hero-headline a {
    background: #F3663B;
    border-radius: 5px;
    color: #ffffff;
    padding: 5px 10px;
}

.split-row {
    background: url(https://www.helloglobo.com/hubfs/Images%20and%20Graphics/home-background-split1.png) no-repeat scroll center 0;
    color: #ffffff;
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding: 0 0 50px;
}

@media (max-width: 768px){
.split-row {
    background: url(https://www.helloglobo.com/hubfs/Images%20and%20Graphics/home-background-split1.png) no-repeat scroll right 0;    
}
}

.off-grey {
    background-color: #efefef;    
    overflow: hidden;
}

.home-bottom-black {
    background: url(https://www.helloglobo.com/hubfs/Images%20and%20Graphics/home-background-lower-black-large.png) no-repeat scroll center 0;
    overflow: hidden;
    padding: 50px 0;
    width: 100%;
    color: #ffffff;
    text-align: center;
    background-size: cover;
}

.home-bottom-black a.button {
    -moz-user-select: none;
    background: #F3663B;
    border-radius: 5px;
    border-width: 0;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    padding: 6px 35px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    transition: all 0.4s ease 0s;
}

.home-bottom-black a:hover.button {
    background: #FFFFFF;
    color: #F3663B;
}

.home-bottom-orange {
    background: url(https://www.helloglobo.com/hubfs/Images%20and%20Graphics/home-background-lower-orange-large.png) no-repeat scroll center 0;
    overflow: hidden;
    padding: 50px 0;
    width: 100%;
    color: #ffffff;
    text-align: center;
    background-size: cover;
}

.home-bottom-orange a.button {
    -moz-user-select: none;
    background: #000000;
    border-radius: 5px;
    border-width: 0;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    padding: 6px 35px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    transition: all 0.4s ease 0s;
}

.home-bottom-orange a:hover.button {
    background: #FFFFFF;
    color: #F3663B;
}

.new-testimonial {
    background: #000000;
    text-align: left;
    overflow: hidden;
    width: 100%;
    padding: 50px 0;
    color: #ffffff;
}

.grey-form {
    color: #000000;
}

.grey-form input[type="text"], .grey-form input[type="tel"], .grey-form input[type="email"] {
    background: #E5E5E5;
}

.grey-form label {
    display: none;
}

.home-bottom-form {
    margin-bottom: 30px;
}

body .grey-form input[type="submit"], body .grey-form input[type="button"] {
    background-color: #F37346;
    color: #ffffff;
    border: none;
}

.footer-background .row-depth-1 {
    padding-top: 15px;
}

.customer-success div{
    background-color: rgba(0, 0, 0, 0.75);
  
    color: #ffffff;  
    height:150px;
}

.customer-success div:hover {
     background: #f47436; /* For browsers that do not support gradients */
  
}


.industries-five div{
    background-color: #455560;
    height:221px;
    color: #ffffff; 
    transition:all .4s ease; 
  -moz-transition:all .4s ease; 
  -webkit-transition:all .4s ease; 
  -o-transition:all .4s ease; 
}

.industries-five div:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.industries-six div{
    background-color: #B3B5BA;
    color: #ffffff; 
    height:221px;
    transition:all .4s ease; 
  -moz-transition:all .4s ease; 
  -webkit-transition:all .4s ease; 
  -o-transition:all .4s ease; 
}

.industries-six div:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.industries-seven div{
    background-color: #767E87;
    color: #ffffff; 
    height:221px;
    transition:all .4s ease; 
  -moz-transition:all .4s ease; 
  -webkit-transition:all .4s ease; 
  -o-transition:all .4s ease; 
}

.industries-seven div:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.industries-eight div{
    background-color: #9499A2;
    color: #ffffff; 
    height:221px;
    transition:all .4s ease; 
  -moz-transition:all .4s ease; 
  -webkit-transition:all .4s ease; 
  -o-transition:all .4s ease; 
}

.industries-eight div:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.industries div{
    background-color: #BCBEC0;
    color: #ffffff; 
    height:221px;
    transition:all .4s ease; 
  -moz-transition:all .4s ease; 
  -webkit-transition:all .4s ease; 
  -o-transition:all .4s ease; 
}

.industries div:hover {
    background-color: rgba(0, 0, 0, 0.5); 
}

.industries-two div{
    background-color: #6C6C6E;
    color: #ffffff; 
    height:221px;
    transition:all .4s ease; 
  -moz-transition:all .4s ease; 
  -webkit-transition:all .4s ease; 
  -o-transition:all .4s ease; 
}

.industries-two div:hover {
    background-color: rgba(0, 0, 0, 0.5); 
}

.industries-three div{
    background-color: #000000;
    color: #ffffff; 
    height:221px;
    transition:all .4s ease; 
  -moz-transition:all .4s ease; 
  -webkit-transition:all .4s ease; 
  -o-transition:all .4s ease; 
}

.industries-three div:hover {
    background-color: rgba(0, 0, 0, 0.5); 
}

.industries-four div{
    background-color: #939292;
    color: #ffffff;    
    height:221px;
    transition:all .4s ease; 
  -moz-transition:all .4s ease; 
  -webkit-transition:all .4s ease; 
  -o-transition:all .4s ease; 
}

.industries-four div:hover {
    background-color: rgba(0, 0, 0, 0.5); 
}

.home-icon img{
    text-align:center;
    max-width:100px;
}

.home-icon div:hover{
    opacity: .85; 
      transition:all .4s ease; 
  -moz-transition:all .4s ease; 
  -webkit-transition:all .4s ease; 
  -o-transition:all .4s ease; 
}

.service-icon-home p {
    text-decoration:none;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}



#ti {
  position:relative;
  height:250px;
  width:250px;
  margin:0 auto;
}

#ti img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#ti img.top:hover {
  opacity:0;
}

.divTable{
    display: table;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 0;
	width:100%;
}
.divTableRow {
	display: table-row;
	line-height: 0;
    font-size: 0;
}
.divTableCell {
	display: table-cell;
	padding:0px;
	margin:0px;
	border-collapse: collapse; 
	border-spacing: 0;
	line-height: 0;
	background-size:cover; 
	background-repeat:no-repeat;
    background-position:center center;
}

#one {
	background-image: url(https://www.helloglobo.com/hubfs/Matt_fun-01.png?noresize); 
}
#two {
	background-image: url(https://www.helloglobo.com/hubfs/KO_fun-01.png); 
}
#three {
	background-image: url(https://www.helloglobo.com/hubfs/Ethan_fun-01.png); 	
}
#four {
	background-image: url(https://www.helloglobo.com/hubfs/Emmett_fun-01.png); 	
}
#five {
	background-image: url(https://www.helloglobo.com/hubfs/Chrissy_fun-01.png); 	
}
#six {
	background-image: url(https://www.helloglobo.com/hubfs/Godick_fun-01.png); 	
}
#seven {
	background-image: url(https://www.helloglobo.com/hubfs/Francesca_fun-01.png); 	
}
#eight {
	background-image: url(https://www.helloglobo.com/hubfs/Ananth_fun-01.png); 	
}
#nine {
	background-image: url(https://www.helloglobo.com/hubfs/JD_fun-01.png); 	
}
#ten {
	background-image: url(https://www.helloglobo.com/hubfs/Grace_fun-01.png); 	
}
#eleven {
	background-image: url(https://www.helloglobo.com/hubfs/Gene_fun-01.png); 	
}
#twelve {
	background-image: url(https://www.helloglobo.com/hubfs/Sam_fun-01.png); 	
}
#thirteen {
	background-image: url(https://www.helloglobo.com/hubfs/Eileen_fun-01.png); 	
}
#fourteen {
	background-image: url(https://www.helloglobo.com/hubfs/Mandy_fun-01.png); 	
}
#fifteen {
	background-image: url(https://www.helloglobo.com/hubfs/MWebb_fun-01.png); 	
}
#sixteen {
	background-image: url(https://www.helloglobo.com/hubfs/DC_fun-01.png); 	
}
#seventeen {
	background-image: url(https://www.helloglobo.com/hubfs/Al_fun-01.png); 	
}
#eighteen {
	background-image: url(https://www.helloglobo.com/hubfs/Erica_fun-01.png); 	
}
#nineteen {
	background-image: url(https://www.helloglobo.com/hubfs/Jen_fun-01.png); 	
}
#twenty {
	background-image: url(https://www.helloglobo.com/hubfs/Mike_fun-01.png); 	
}
#twentyone {
	background-image: url(https://www.helloglobo.com/hubfs/Tannile_fun-01.png); 	
}

.divTableCell img {width:100%; overflow:hidden; }
.divTableBody {
	display: table-row-group;
	line-height: 0;
}

.divTableBody img:hover {
    opacity: 0;
	filter: alpha(opacity=50); /* For IE8 and earlier */}
	
.gradient-background {
    background: #ffffff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(60deg, #ffffff, #D6DAEE); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(60deg, #ffffff, #D6DAEE); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(60deg, #ffffff, #D6DAEE); /* For Firefox 3.6 to 15 */
    background: linear-gradient(60deg, #ffffff, #D6DAEE); /* Standard syntax (must be last) */
}

.gradient-background-2 {
    background: #ffffff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(60deg, #ffffff, #f4f4f4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(60deg, #ffffff, #f4f4f4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(60deg, #ffffff, #f4f4f4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(60deg, #ffffff, #f4f4f4); /* Standard syntax (must be last) */
}