ayo Archives - Globiance

.td-container-wrap{
    background-color: #194b80;
}
.td-footer-wrapper{
    background-color: #3A438E;
}

.anim-container {
    width: 180px;
    
}
.anim-container .first {
    width: 10px;
      height: 150px;
      margin: 0 5px;
      border-radius: 5px;
      background-color: #FF9900;
      position: relative;
      animation-name: example;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-delay: 0s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    
}
.anim-container .second {
    width: 10px;
      height: 130px;
      margin: 0 5px;
      border-radius: 5px;
      background-color: #FFC512;
      position: relative;
      animation-name: example;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-delay: 1s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    
}
.anim-container .third {
    width: 10px;
      height: 140px;
      margin: 0 5px;
      border-radius: 5px;
      background-color: #FF9900;
      position: relative;
      animation-name: example;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-delay: 0.5s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    
}
.anim-container .four {
    width: 10px;
      height: 120px;
      margin: 0 5px;
      border-radius: 5px;
      background-color: #FFC512;
      position: relative;
      animation-name: example;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-delay: 0s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    
}
.anim-container .five {
    width: 10px;
      height: 145px;
      margin: 0 5px;
      border-radius: 5px;
      background-color: #FF9900;
      position: relative;
      animation-name: example;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-delay: .2s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    
}
.anim-container .six {
    width: 10px;
      height: 130px;
      margin: 0 5px;
      border-radius: 5px;
      background-color: #FFC512;
      position: relative;
      animation-name: example;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-delay: .6s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    
}
.anim-container .seven {
    width: 10px;
      height: 120px;
      margin: 0 5px;
      border-radius: 5px;
      background-color: #FF9900;
      position: relative;
      animation-name: example;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-delay: 2s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    
}
.anim-container .eight {
    width: 10px;
      height: 150px;
      margin: 0 5px;
      border-radius: 5px;
      background-color: #FFC512;
      position: relative;
      animation-name: example;
      animation-duration: 3s;
      animation-timing-function: linear;
      animation-delay: 2s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    
}
.anim-container .nine {
    width: 10px;
      height: 50px;
      margin: 0 5px;
      border-radius: 5px;
      background-color: #FF9900;
      position: relative;
      animation-name: example;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-delay: 0s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    
}

@keyframes example {
      0%   { left:0px; top:0px;}
      25%  { left:0px; top:25px;}
      50%  { left:px; top:50px;}
      75%  { left:0px; top:25px;}
      100% { left:0px; top:0px;}
    }

.post{
    background-color: transparent;
}
.post h1{
    color: #fff;
}
.post a {
    color: #fff;
}
.td-related-right{
    color: #fff;
}
.entry-title.td-module-title a{
    color: #fff;
}
p {
    color: #ffffff;
}

.about-us-text{
    width: 450px;
    word-spacing: 1px;
    @media (max-width: 1100px) {
	 width: auto;
	 margin: auto;
// 	 display: none;
// 	 postition: relative;
    }
}
.about-us-text-right{
    width: 450px;
    word-spacing: 2px;
    margin-left: -50px;
     @media (max-width: 1100px) {
	 width: auto;
	 margin: auto;
// 	 display: none;
// 	 postition: relative;
    }
}

.hero-image{
    width: 500px;
    margin-left: -90px;
    position: absolute;
    top: 0;
    z-index: 1;
    animation:spin 15s linear infinite;
    @media (max-width: 768px) {
    margin-top: 150px;
	 postition: relative;
    }
}
.td-load-more-wrap a:hover {
    background-color: #3A438E !important;
}

.display-posts-listing.grid {
	display: grid;
	grid-gap: 16px;
}

.display-posts-listing.grid .title {
	display: block;
}

.display-posts-listing.grid img { 
	display: block; 
	width: 300px;
	height: 250px;
	object-fit: cover;
}

@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}

.td-main-content-wrap {
    margin: 0px;
    width: 100% !important;
    padding: 0 !important;
}
.td-pb-row [class*="td-pb-span"]{
padding : 0px !important
}

.tdc-row.td-stretch-content {
    padding: 0px !important;
    
    width: 100% !important;
    max-width: 100%;
}

.banner-image{
    // background-image: url(https://globiance.com/wp-content/uploads/2021/10/glob-head-1.jpg);
    // background-size: cover;
    // background-repeat: no-repeat;
    // background-position: center center;
    height: 1000px
;
    width: 100%;
    object-fit: cover;
    
    @media (max-width: 768px){
        height: 600px;
    }

}

.td-container, .tdc-row:has(> div.hero-wrapper){
    padding: 0px;
    width: 100%;
}

.mobile-about-us{
    // display: none;
    margin: auto;
    @media (max-width: 768px){
        display: block;
        // margin: auto;
    }
}

.about-us{
        display: none;
    }

.block-title{
    display: none;
}
.hero-media{
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
}

.empty-space{
    @media(max-width: 768px){
        height: 0px !important;
    }
}

.td-container.td-header-row.td-header-top-menu{
    @media(max-width: 768px){
        background-color: #3a438e !important;
        box-shadow: none;
    }
}

.buy-gbex{
    @media(max-width: 768px){
        font-size: 12px !important;
    }
}

.middle-logo{
    @media(max-width: 768px){
        visibility: hidden;
    }
}

.bottom-button{
    @media(max-width: 768px){
        margin-top: 20px !important ;
    }
}

Tag: ayo

AYO – Interview Globiance CEO Oliver La Rosa and Simona Pinterova