@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://academyeot.com/wp-content/themes/academy/assets/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://academyeot.com/wp-content/themes/academy/assets/css/fonts/slick.eot);
src: url(https://academyeot.com/wp-content/themes/academy/assets/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://academyeot.com/wp-content/themes/academy/assets/css/fonts/slick.woff) format('woff'), url(https://academyeot.com/wp-content/themes/academy/assets/css/fonts/slick.ttf) format('truetype'), url(https://academyeot.com/wp-content/themes/academy/assets/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
*,
*::before,
*::after {
box-sizing: border-box;
}
ul[class],
ol[class] {
padding: 0;
}
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0;
}
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
body {
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
ul[class],
ol[class] {
list-style: none;
}
ul {
padding: 0;
margin: 0;
}
li {
list-style-type: none;
}
a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
img {
max-width: 100%;
display: block;
}
article > * + * {
margin-top: 1em;
}
input,
button,
textarea,
select {
font: inherit;
}
:focus {
outline: none;
}
a,
button,
input {
text-decoration: none;
cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
html {
max-width: 100%;
width: 100%;
font-size: 16px;
}
body {
max-width: 100%;
width: 100%;
margin: 0 auto;
padding: 0;
font-family: "Roboto", sans-serif;
background-color: #ffffff;
color: #000000;
overflow-x: hidden;
}
section {
padding: 50px 0;
}
.container-max {
margin: 0 auto;
width: 1380px;
}
.container {
margin: 0 auto;
width: 1280px;
}
h1 {
font-family: "Inter", sans-serif;
font-size: 5rem;
line-height: 1.2;
text-transform: uppercase;
font-weight: 100;
letter-spacing: 0.3rem;
font-style: normal;
color: #000000;
}
h1 b {
font-weight: 500;
}
h2 {
font-family: "Inter", sans-serif;
font-size: 6rem;
font-weight: 100;
font-style: normal;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.8rem;
color: #c0c0c9;
}
h3 {
font-family: "Inter", sans-serif;
font-size: 1.5rem;
line-height: 1;
font-weight: 300;
font-style: normal;
letter-spacing: 0.3rem;
text-transform: uppercase;
color: #000000;
}
h4 {
font-family: "Inter", sans-serif;
font-size: 1.3rem;
line-height: 1;
font-weight: 300;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
color: #000000;
}
h4 b {
font-weight: 600;
}
p {
font-size: 1rem;
font-weight: 300;
font-style: normal;
}
ul {
padding: 0;
}
.dn {
display: none !important;
}
.a-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
figure {
overflow: hidden;
}
figure img {
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.wrap {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
z-index: 1;
}
.wrap .lt,
.wrap .rt {
width: 45%;
}
.hidden {
overflow: hidden !important;
}
.red {
border: 1px solid red;
}
.green {
border: 1px solid green;
}
.blue {
border: 1px solid blue;
}
.black {
border: 1px solid black;
}
a.link {
color: #00bffe;
border-bottom: 2px solid #00bffe;
font-weight: 500;
font-size: 1.2rem;
}
a.link:hover {
color: #016789;
border-bottom: 2px solid #016789;
}
.btn {
background-color: #00c692 !important;
color: #ffffff;
text-transform: uppercase;
font-size: 1.2rem;
font-weight: bold;
border: none;
border-radius: 30px;
padding-top: 12px;
width: 220px;
height: 54px;
}
.btn:hover {
color: #000000;
}
.animate__animated {
animation-duration: 1.5s;
animation-delay: 0s;
}
header {
position: absolute;
z-index: 777;
margin: 40px auto 0;
width: 100%;
}
header .lang {
display: flex;
justify-content: flex-end;
}
header .lang a {
color: #000000;
position: relative;
margin: 0 3px;
font-weight: 300;
font-size: 1.1rem;
text-transform: uppercase;
cursor: pointer;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
header .lang a.active {
cursor: default;
font-weight: 900;
opacity: 1 !important;
}
header .lang a:hover {
opacity: 0.5;
}
header .lang span {
display: block;
font-size: 1.1rem;
margin: 0 1px;
}
#page-home #offer {
position: relative;
padding: 0;
max-height: 750px;
height: 750px;
}
#page-home #offer .offer-cover {
min-height: 100%;
height: 100%;
width: 100%;
}
#page-home #offer .offer-cover img {
-o-object-fit: cover;
object-fit: cover;
}
#page-home #offer .offer-cover::after {
position: absolute;
z-index: 0;
display: block;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 250px;
background: linear-gradient(rgba(231, 231, 231, 0.1), #ffffff);
}
#page-home #offer .container .wrap {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
#page-home #offer .container .wrap .lt {
width: 60%;
}
#page-home #offer .container .wrap .lt p {
font-size: 1.4rem;
margin: 25px 0 60px;
font-weight: 200;
}
#page-home #offer .container .wrap .lt figure {
width: 370px;
height: 100px;
}
#page-home #offer .container .wrap .lt figure img {
-o-object-fit: contain;
object-fit: contain;
}
#page-home #offer .container .wrap .rt {
position: relative;
width: 38%;
margin: auto;
}
#page-home #offer .container .wrap .rt .offer-img {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
content: "";
display: block;
width: 500px;
height: 500px;
border-radius: 50%;
background: radial-gradient(#ffffff, rgba(216, 215, 215, 0.7));
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
#page-home #offer .container .wrap .rt .offer-img::before {
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
content: "";
display: block;
width: 425px;
height: 425px;
border-radius: 50%;
background: radial-gradient(#ffffff, #ffffff);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
#page-home #offer .container .wrap .rt .offer-img::after {
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
content: "";
display: block;
width: 575px;
height: 575px;
border-radius: 50%;
background: radial-gradient(#ffffff, rgba(177, 177, 177, 0.2));
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
#page-home #offer .container .wrap .rt .offer-img figure {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
width: 350px;
height: 350px;
border-radius: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
#page-home #mission-vision {
padding-top: 100px;
}
#page-home #mission-vision .container {
position: relative;
}
#page-home #mission-vision .container .wrap {
margin-bottom: 100px;
}
#page-home #mission-vision .container .wrap .lt,
#page-home #mission-vision .container .wrap .rt {
margin: auto;
}
#page-home #mission-vision .container .wrap:nth-child(2) {
margin-bottom: 0;
}
#page-home #mission-vision .container .wrap figure {
width: 380px;
height: 380px;
margin: auto;
border: 50px solid #ffffff;
border-radius: 50%;
overflow: hidden;
}
#page-home #mission-vision .container .wrap h2 {
text-align: center;
}
#page-home #mission-vision .container .wrap span {
display: block;
font-weight: 700;
font-size: 2.2rem;
text-align: center;
margin-bottom: 25px;
}
#page-home #mission-vision .container .wrap p {
text-align: center;
color: #494949;
}
#page-home #mission-vision .container .m-triangle {
position: absolute;
z-index: 0;
top: -25px;
right: 0;
width: 200px;
height: 200px;
}
#page-home #mission-vision .container .mv-triangle {
z-index: 0;
background: radial-gradient(#bbd6e1 5%, #fff 70%);
width: 800px;
height: 800px;
border-radius: 50%;
}
#page-home #mission-vision .container .mv-triangle img {
width: 200px;
height: 200px;
}
#page-home #our-values .container {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#page-home #our-values .container ul {
position: relative;
z-index: 5;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
#page-home #our-values .container ul li {
width: 300px;
height: 300px;
padding: 15px;
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.02);
margin-bottom: 25px;
}
#page-home #our-values .container ul li:nth-child(1) {
display: flex;
justify-content: flex-end;
padding: 0;
box-shadow: none;
background: none;
}
#page-home #our-values .container ul li h2 {
font-size: 3.3rem;
margin-bottom: 0;
margin-top: auto;
font-weight: 300;
color: #000000;
letter-spacing: 0.5rem;
}
#page-home #our-values .container ul li h3 {
margin: 20px 0 20px;
}
#page-home #our-values .container ul li figure {
width: 35px;
height: 35px;
}
#page-home #our-values .container .green-drop {
position: absolute;
z-index: -1;
left: 0;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
width: 800px;
height: 800px;
border-radius: 50%;
background: radial-gradient(#d9ebda 15%, rgba(255, 255, 255, 0.3) 65%);
}
#page-home #our-values .container .ov-triangle1 {
z-index: 0;
width: 400px;
height: 400px;
margin-top: -100px;
transform: rotate(195deg);
}
#page-home #our-values .container .ov-triangle1 img {
width: 100%;
height: 100%;
}
#page-home #our-values .container .ov-triangle2 {
position: absolute;
z-index: -1;
top: 0;
right: 0;
margin-top: -200px;
width: 400px;
height: 400px;
transform: rotate(160deg);
}
#page-home #our-values .container .ov-triangle2 img {
width: 100%;
height: 100%;
}
#page-home #our-values .container .ov-triangle3 {
position: absolute;
z-index: 0;
top: 20%;
left: 67%;
margin-top: 0;
width: 200px;
height: 200px;
transform: rotate(0);
}
#page-home #our-values .container .ov-triangle3 img {
width: 100%;
height: 100%;
}
#page-home #our-values .container .ov-triangle4 {
position: absolute;
z-index: 0;
top: 37%;
left: 75%;
margin-top: 0;
width: 200px;
height: 200px;
transform: rotate(0deg);
}
#page-home #our-values .container .ov-triangle4 img {
width: 100%;
height: 100%;
}
#page-home #courses .container .wrapper {
position: relative;
z-index: 1;
}
#page-home #courses .container .wrapper h3 {
font-weight: 600;
letter-spacing: normal;
line-height: 1.2;
font-size: 1.7rem;
}
#page-home #courses .container .wrapper span {
display: block;
margin-top: 15px;
font-weight: 100;
font-size: 1.2rem;
}
#page-home #courses .container .wrapper p {
width: 75%;
margin-top: 15px;
}
#page-home #courses .container .wrapper ul {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#page-home #courses .container .wrapper ul li {
width: 30%;
text-align: center;
padding: 50px 35px;
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.02);
border-radius: 25px;
background-color: rgba(255, 255, 255, 0.5);
}
#page-home #courses .container .wrapper ul li h3 {
text-transform: none;
padding-bottom: 35px;
border-bottom: 2px solid #2b66ff;
font-size: 1.8rem;
font-weight: 300;
margin-bottom: 20px;
}
#page-home #courses .container .wrapper ul li h3 b {
font-weight: 600;
}
#page-home #courses .container .wrapper ul li a {
position: relative;
font-weight: 300;
color: #000000;
padding-right: 40px;
font-size: 1.1rem;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#page-home #courses .container .wrapper ul li a::after {
display: block;
content: "";
position: absolute;
top: -5px;
right: 0;
background: url(//academyeot.com/wp-content/themes/academy/assets/img/icon-link.png);
background-size: contain;
background-repeat: no-repeat;
width: 35px;
height: 35px;
}
#page-home #courses .container .wrapper ul li a:hover {
font-weight: 600;
}
#page-home #courses .container .wrapper .green-drop {
z-index: -1;
width: 800px;
height: 800px;
background: radial-gradient(#d9ebda 15%, rgba(255, 255, 255, 0.3) 65%);
}
#page-home #courses .container .wrapper .cor-triangle1 {
position: absolute;
z-index: -1;
right: 0;
top: 0;
width: 300px;
height: 300px;
}
#page-home #courses .container .wrapper .cor-triangle1 img {
width: 100%;
height: 100%;
}
#page-home #courses .container .wrapper .green-line {
margin: 100px 0;
width: 100%;
height: 2px;
background-color: #b7da2c;
}
#page-home #courses .container .wrapper .cor-triangle2 {
position: absolute;
z-index: -1;
right: 0;
bottom: 0;
width: 180px;
height: 180px;
}
#page-home #courses .container .wrapper .cor-triangle2 img {
width: 100%;
height: 100%;
}
#page-home #courses .container .partners-sl {
margin-top: 50px;
height: 111px;
}
#page-home #leadership-team .container {
position: relative;
}
#page-home #leadership-team .container h2 {
text-align: center;
}
#page-home #leadership-team .container p {
font-size: 2.2rem;
font-weight: 700;
text-align: center;
}
#page-home #leadership-team .container ul {
position: relative;
margin-top: 75px;
z-index: 1;
}
#page-home #leadership-team .container ul li {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
#page-home #leadership-team .container ul li:nth-last-child(1) {
margin-bottom: 0;
}
#page-home #leadership-team .container ul li:nth-child(even) {
justify-content: end;
}
#page-home #leadership-team .container ul li:nth-child(even) figure {
order: 2;
border-bottom-left-radius: 175px;
border-bottom-right-radius: 0;
}
#page-home #leadership-team .container ul li:nth-child(even) figure img {
-o-object-fit: cover;
object-fit: cover;
}
#page-home #leadership-team .container ul li:nth-child(even) .lt-text {
order: 1;
margin: auto 50px auto 0;
}
#page-home #leadership-team .container ul li figure {
width: 300px;
height: 300px;
border-bottom-right-radius: 175px;
border: 3px solid #ffffff;
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05);
}
#page-home #leadership-team .container ul li .lt-text {
width: 55%;
margin: auto 0 auto 50px;
}
#page-home #leadership-team .container ul li .lt-text h3 {
letter-spacing: normal;
font-weight: 600;
}
#page-home #leadership-team .container ul li .lt-text span {
display: block;
margin: 15px 0 25px;
text-transform: uppercase;
}
#page-home #leadership-team .container ul li .lt-text p {
font-size: 1rem;
font-weight: 300;
text-align: left;
}
#page-home #leadership-team .container .blue-drop {
z-index: 0;
width: 800px;
height: 800px;
border-radius: 50%;
background: radial-gradient(#bbd6e1 15%, rgba(255, 255, 255, 0.1) 60%);
}
#page-home #leadership-team .container .lt-triangle1 {
position: absolute;
left: 0;
bottom: 0;
width: 300px;
height: 300px;
}
#page-home #leadership-team .container .lt-triangle1 img {
width: 100%;
height: 100%;
}
#page-home #digital-showrooms .container {
position: relative;
}
#page-home #digital-showrooms .container h3 {
font-weight: 600;
letter-spacing: 0.02rem;
}
#page-home #digital-showrooms .container p {
width: 75%;
margin: 25px 0 50px;
}
#page-home #digital-showrooms .container ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#page-home #digital-showrooms .container ul li {
position: relative;
z-index: 0;
width: 240px;
height: 240px;
background: url(//academyeot.com/wp-content/themes/academy/assets/img/showrooms_bg.png);
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 25px;
cursor: pointer;
}
#page-home #digital-showrooms .container ul li::after {
display: block;
content: "";
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
background: url(//academyeot.com/wp-content/themes/academy/assets/img/arrow2-0.png);
background-size: contain;
background-repeat: no-repeat;
border-radius: 50%;
}
#page-home #digital-showrooms .container ul li:hover {
background: url(//academyeot.com/wp-content/themes/academy/assets/img/showrooms_bg_hover.png);
background-size: contain;
background-repeat: no-repeat;
}
#page-home #digital-showrooms .container ul li:hover::after {
width: 50px;
height: 50px;
background: url(//academyeot.com/wp-content/themes/academy/assets/img/arrow2-1.png);
background-size: contain;
background-repeat: no-repeat;
}
#page-home #digital-showrooms .container ul li a {
z-index: 1;
width: 100%;
}
#page-home #digital-showrooms .container ul li a figure {
width: 80px;
height: 80px;
margin: auto;
}
#page-home #digital-showrooms .container ul li a figure img {
-o-object-fit: none;
object-fit: none;
}
#page-home #digital-showrooms .container ul li a p {
margin: 0;
margin-top: 5px;
text-align: center;
width: 100%;
color: #000000;
font-weight: 300;
text-transform: uppercase;
font-size: 0.9rem;
}
#page-home #digital-showrooms .container .green-drop {
z-index: -1;
width: 100%;
height: 100%;
border-radius: 50%;
background: radial-gradient(#d9ebda 15%, rgba(255, 255, 255, 0.3) 65%);
}
#page-home #digital-showrooms .container .ds-triangle1 {
position: absolute;
z-index: -1;
width: 300px;
height: 300px;
top: -150px;
right: 290px;
}
#page-home #digital-showrooms .container .ds-triangle1 img {
width: 100%;
height: 100%;
transform: rotate(180deg);
}
#page-home #digital-showrooms .container .ds-triangle2 {
position: absolute;
z-index: -1;
width: 150px;
height: 150px;
top: 0px;
right: 0px;
transform: rotate(-90deg);
}
#page-home #digital-showrooms .container .ds-triangle2 img {
width: 100%;
height: 100%;
}
#page-home #digital-showrooms .container .ds-triangle3 {
position: absolute;
z-index: -1;
width: 150px;
height: 150px;
top: -50px;
right: 100px;
transform: rotate(120deg);
}
#page-home #digital-showrooms .container .ds-triangle3 img {
width: 100%;
height: 100%;
}
#page-home #digital-showrooms .container .ds-triangle4 {
position: absolute;
z-index: -1;
width: 300px;
height: 300px;
bottom: -200px;
left: 0;
}
#page-home #digital-showrooms .container .ds-triangle4 img {
width: 100%;
height: 100%;
transform: rotate(-30deg);
}
#page-home #business-units .container {
position: relative;
}
#page-home #business-units .container h2 {
text-align: center;
}
#page-home #business-units .container span {
display: block;
font-weight: 600;
text-align: center;
font-size: 2rem;
}
#page-home #business-units .container p {
width: 70%;
text-align: center;
margin: 25px auto 0;
}
#page-home #business-units .container ul {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#page-home #business-units .container ul li {
position: relative;
z-index: 0;
width: 280px;
height: 280px;
background: url(//academyeot.com/wp-content/themes/academy/assets/img/showrooms_bg.png);
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 25px;
cursor: pointer;
}
#page-home #business-units .container ul li::after {
display: block;
content: "";
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
background: url(//academyeot.com/wp-content/themes/academy/assets/img/arrow2-0.png);
background-size: contain;
background-repeat: no-repeat;
border-radius: 50%;
}
#page-home #business-units .container ul li:hover {
background: url(//academyeot.com/wp-content/themes/academy/assets/img/showrooms_bg_hover.png);
background-size: contain;
background-repeat: no-repeat;
}
#page-home #business-units .container ul li:hover::after {
width: 50px;
height: 50px;
background: url(//academyeot.com/wp-content/themes/academy/assets/img/arrow2-1.png);
background-size: contain;
background-repeat: no-repeat;
}
#page-home #business-units .container ul li a {
z-index: 1;
width: 100%;
}
#page-home #business-units .container ul li a figure {
width: 80%;
height: 90px;
margin: auto;
}
#page-home #business-units .container ul li a figure img {
-o-object-fit: contain;
object-fit: contain;
}
#page-home #business-units .container ul li a p {
margin: 10px auto 0;
text-align: center;
width: 90%;
color: #000000;
font-weight: 300;
text-transform: uppercase;
font-size: 0.9rem;
}
#page-home #business-units .container .blue-drop {
z-index: -1;
width: 100%;
height: 100%;
border-radius: 50%;
background: radial-gradient(#bbd6e1 15%, rgba(255, 255, 255, 0.1) 60%);
}
#page-home #business-units .container .bu-triangle1 {
position: absolute;
z-index: -1;
top: 0;
right: 0;
width: 300px;
height: 300px;
}
#page-home #business-units .container .bu-triangle1 img {
width: 300px;
height: 300px;
}
#page-home #business-units .container .bu-triangle2 {
position: absolute;
z-index: -1;
bottom: -150px;
left: 0;
width: 300px;
height: 300px;
transform: rotate(45deg);
}
#page-home #business-units .container .bu-triangle2 img {
width: 300px;
height: 300px;
}
#page-home #ambassadors .container {
position: relative;
}
#page-home #ambassadors .container h3 {
font-weight: 600;
letter-spacing: 0.02rem;
}
#page-home #ambassadors .container ul {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#page-home #ambassadors .container ul li {
width: 290px;
height: 390px;
margin-bottom: 15px;
background-color: rgba(211, 211, 211, 0.3);
border-radius: 15px;
overflow: hidden;
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
#page-home #ambassadors .container ul li figure {
border-bottom-right-radius: 150px;
width: 100%;
height: 290px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
#page-home #ambassadors .container ul li h4 {
margin-top: 20px;
margin-left: 20px;
font-weight: 600;
text-transform: uppercase;
}
#page-home #ambassadors .container ul li span {
display: block;
margin-top: 5px;
margin-left: 20px;
font-weight: 300;
text-transform: uppercase;
}
#page-home #ambassadors .container .amb-triangle1 {
position: absolute;
z-index: -1;
right: 0;
bottom: -150px;
width: 250px;
height: 250px;
transform: rotate(180deg);
}
#page-home #ambassadors .container .amb-triangle2 {
position: absolute;
z-index: -1;
right: 230px;
bottom: -150px;
width: 150px;
height: 150px;
transform: rotate(80deg);
}
#page-home #strategic-partners .container {
position: relative;
}
#page-home #strategic-partners .container h3 {
font-weight: 600;
letter-spacing: 0.02rem;
}
#page-home #strategic-partners .container ul {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#page-home #strategic-partners .container ul li {
width: 145px;
height: 80px;
}
#page-home #strategic-partners .container .blue-drop {
position: absolute;
left: 0;
top: -400px;
z-index: -1;
width: 900px;
height: 900px;
border-radius: 50%;
background: radial-gradient(#bbd6e1 15%, rgba(255, 255, 255, 0.1) 60%);
}
#page-privacy-policy section {
margin-top: 75px;
}
#page-privacy-policy section .container .wrapper {
width: 75%;
margin: 0 auto;
}
#page-privacy-policy section .container .wrapper h1 {
margin-bottom: 50px;
}
#page-privacy-policy section .container .wrapper h3 {
margin: 30px 0 15px;
}
#page-privacy-policy section .container .wrapper p {
margin-top: 15px;
opacity: 0.7;
}
#page-privacy-policy section .container .wrapper .btn {
margin-top: 50px;
}
.error-404 .wrap {
margin: 150px auto;
text-align: center;
display: flex;
flex-direction: column;
}
.error-404 .wrap h1 {
color: #000000;
}
.error-404 .wrap p {
font-size: 2.3rem;
margin-bottom: 25px;
color: #000000;
}
.error-404 .wrap a {
width: 260px;
margin: auto;
}
.slick-slider .slick-arrow {
position: absolute;
z-index: 1;
width: 21px;
height: 21px;
top: 50%;
color: transparent !important;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.slick-slider .slick-arrow::after {
content: "";
display: block;
position: absolute;
z-index: 2;
width: 21px;
height: 21px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
background: url(//academyeot.com/wp-content/themes/academy/assets/img/arrow.svg) no-repeat;
background-size: contain;
}
.slick-slider .slick-prev {
left: 0;
right: auto;
margin-top: -12px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.slick-slider .slick-prev::after {
transform: rotate(180deg);
}
.slick-slider .slick-prev:hover {
left: -2px !important;
}
.slick-slider .slick-next {
top: 50%;
right: 0;
margin-top: 0;
}
.slick-slider .slick-next:hover {
right: -2px !important;
}
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
display: none;
}
.slick-slider ul.slick-dots {
position: absolute;
bottom: -50px;
}
.slick-slider ul.slick-dots li {
margin: auto 5px;
width: 35px;
height: 4px;
}
.slick-slider ul.slick-dots li button {
width: 100%;
height: 100%;
border-radius: 3px;
background-color: #c0c0c9;
padding: 0;
}
.slick-slider ul.slick-dots li button:before {
display: none;
}
.slick-slider ul.slick-dots li.slick-active button {
background-color: #000000;
} @media screen and (max-width: 1400px) {
.container-max,
.container {
width: 1280px;
}
header .lang {
margin-top: 18px;
padding-right: 30px;
}
#page-home #offer .container .wrap .lt {
width: 54%;
padding-left: 50px;
}
#page-home #offer .container .wrap .rt {
width: 46%;
}
#page-home #our-values .container .ov-triangle2 {
right: 50px;
}
#page-home #digital-showrooms .container .green-drop {
width: 100%;
height: 100%;
}
#page-home #business-units .container .blue-drop {
width: 100%;
height: 100%;
}
} @media screen and (max-width: 1300px) {
.container {
width: 1180px;
}
.container-max {
width: 1180px;
}
#page-home #offer {
height: 700px;
}
#page-home #offer .container .wrap .lt {
padding: 0 25px;
}
#page-home #offer .container .wrap .rt .offer-img {
width: 400px;
height: 400px;
}
#page-home #offer .container .wrap .rt .offer-img figure {
width: 250px;
height: 250px;
}
#page-home #offer .container .wrap .rt .offer-img::before {
width: 325px;
height: 325px;
}
#page-home #offer .container .wrap .rt .offer-img:after {
width: 475px;
height: 475px;
}
#page-home #our-values .container ul li {
width: 290px;
height: 290px;
padding: 10px;
}
#page-home #our-values .container .ov-triangle2 {
right: 45px;
}
#page-home #digital-showrooms .container ul li {
width: 225px;
height: 225px;
margin-bottom: 10px;
}
#page-home #digital-showrooms .container .green-drop {
width: 100%;
height: 100%;
}
} @media screen and (max-width: 1200px) {
.container,
.container-max {
width: 940px;
}
h1 {
font-size: 4rem;
}
h2 {
font-size: 5.2rem;
}
header .lang {
margin-top: 5px;
padding-right: 15px;
}
#page-home #offer {
height: 550px;
}
#page-home #offer .container .wrap .lt {
width: 56%;
}
#page-home #offer .container .wrap .lt p {
font-size: 1.3rem;
margin: 25px 0 40px;
}
#page-home #offer .container .wrap .lt figure {
width: 280px;
height: 80px;
}
#page-home #offer .container .wrap .rt {
width: 40%;
}
#page-home #offer .container .wrap .rt .offer-img {
width: 350px;
height: 350px;
}
#page-home #offer .container .wrap .rt .offer-img figure {
width: 250px;
height: 250px;
}
#page-home #offer .container .wrap .rt .offer-img::before {
width: 300px;
height: 300px;
}
#page-home #offer .container .wrap .rt .offer-img:after {
width: 400px;
height: 400px;
}
#page-home #mission-vision {
padding-top: 75px;
}
#page-home #mission-vision .container .wrap span {
font-size: 1.8rem;
}
#page-home #our-values .container ul li:nth-child(1) {
width: 360px;
}
#page-home #our-values .container .ov-triangle2 {
top: 85px;
right: 325px;
}
#page-home #our-values .container .green-drop {
width: 100%;
}
#page-home #courses .container .wrapper ul li {
width: 32%;
padding: 35px 15px;
}
#page-home #courses .container .wrapper ul li h3 {
font-size: 1.6rem;
}
#page-home #digital-showrooms .container ul li {
width: 180px;
height: 180px;
}
#page-home #digital-showrooms .container ul li::after {
width: 38px;
height: 38px;
}
#page-home #business-units .container ul {
justify-content: space-around;
}
#page-home #ambassadors .container ul li {
width: 225px;
height: 340px;
}
#page-home #ambassadors .container ul li figure {
height: 225px;
}
} @media screen and (max-width: 992px) {
.container,
.container-max {
width: 720px;
}
h1 {
font-size: 3rem;
}
header .lang {
margin-top: 0;
padding-right: 30px;
}
#page-home #offer {
height: 850px;
}
#page-home #offer .container-max {
height: 700px;
}
#page-home #offer .container-max figure {
height: 100%;
border-radius: 45px;
}
#page-home #offer .container-max figure img {
width: auto;
max-width: none;
}
#page-home #offer .container .wrap {
flex-direction: column;
padding: 0 50px;
}
#page-home #offer .container .wrap .lt {
width: 100%;
order: 2;
margin-top: 300px;
text-align: center;
}
#page-home #offer .container .wrap .lt figure {
margin: auto;
width: 305px;
height: 80px;
}
#page-home #offer .container .wrap .rt {
width: 100%;
order: 1;
}
#page-home #offer .container .wrap .rt .offer-img {
width: 300px;
height: 300px;
margin-top: 130px;
}
#page-home #offer .container .wrap .rt .offer-img figure {
width: 200px;
height: 200px;
}
#page-home #offer .container .wrap .rt .offer-img::before {
width: 250px;
height: 250px;
}
#page-home #offer .container .wrap .rt .offer-img:after {
width: 350px;
height: 350px;
}
#page-home #mission-vision .container .wrap {
flex-direction: column;
padding: 0 50px;
}
#page-home #mission-vision .container .wrap .lt {
width: 100%;
}
#page-home #mission-vision .container .wrap .rt {
width: 100%;
}
#page-home #mission-vision .container .mv-triangle {
width: 100%;
}
#page-home #our-values .container ul li {
width: 350px;
height: 350px;
padding: 25px;
}
#page-home #our-values .container ul li h2 {
font-size: 3.7rem;
}
#page-home #our-values .container .ov-triangle1 {
width: 250px;
height: 250px;
}
#page-home #our-values .container .ov-triangle4 {
right: 275px;
}
#page-home #our-values .container .ov-triangle4 {
left: 66%;
}
#page-home #courses .container .wrapper ul li {
width: 80%;
padding: 35px 15px;
margin: 0 auto 15px;
}
#page-home #courses .container .green-drop {
width: 100%;
}
#page-home #leadership-team .container ul li figure {
width: 250px;
height: 250px;
}
#page-home #leadership-team .container .blue-drop {
width: 100%;
}
#page-home #digital-showrooms .container ul {
justify-content: space-around;
}
#page-home #digital-showrooms .container ul li {
width: 230px;
height: 230px;
margin-bottom: 10px;
}
#page-home #digital-showrooms .container ul li::after {
width: 50px;
height: 50px;
}
#page-home #strategic-partners .container .blue-drop {
top: 0;
z-index: -1;
width: 100%;
height: 100%;
}
} @media screen and (max-width: 768px) {
.container,
.container-max {
width: 540px;
}
#page-home #offer .container .wrap {
padding: 0 25px;
}
#page-home #offer .container .wrap .lt {
margin-top: 350px;
}
#page-home #offer .container .wrap .lt p {
margin: 15px 0;
}
#page-home #offer .container .wrap .lt figure {
width: 230px;
height: 60px;
}
#page-home #offer .container .wrap .rt .offer-img {
margin-top: 165px;
}
#page-home #mission-vision .container .mv-triangle {
width: 100%;
}
#page-home #mission-vision .container .m-triangle {
top: -115px;
}
#page-home #our-values .container ul li {
width: 100%;
height: 250px;
padding: 25px 35px;
}
#page-home #our-values .container ul li:nth-child(1) {
height: 150px;
}
#page-home #our-values .container ul li:nth-last-child(1) {
margin-bottom: 0;
}
#page-home #our-values .container .ov-triangle1 {
left: 0;
}
#page-home #our-values .container .ov-triangle2 {
top: 0;
right: 50px;
width: 250px;
height: 250px;
}
#page-home #our-values .container .ov-triangle4 {
left: 60%;
}
#page-home #courses .container .wrapper p {
width: 100%;
}
#page-home #courses .container .wrapper .green-line {
margin: 50px 0;
}
#page-home #courses .container .wrapper .green-drop {
width: 100%;
}
#page-home #leadership-team .container ul li .lt-text {
width: 100%;
margin: 50px auto 0;
}
#page-home #leadership-team .container ul li .lt-text p {
text-align: justify;
}
#page-home #leadership-team .container ul li figure {
margin: auto;
width: 350px;
height: 350px;
}
#page-home #leadership-team .container ul li:nth-child(even) {
justify-content: start;
}
#page-home #leadership-team .container ul li:nth-child(even) figure {
order: 1;
}
#page-home #leadership-team .container ul li:nth-child(even) .lt-text {
order: 2;
margin: 50px auto 0;
}
#page-home #digital-showrooms .container p {
width: 100%;
}
#page-home #digital-showrooms .container ul {
justify-content: space-around;
}
#page-home #digital-showrooms .container ul li {
width: 240px;
height: 240px;
margin-bottom: 20px;
}
#page-home #digital-showrooms .container ul li::after {
width: 50px;
height: 50px;
}
#page-home #business-units .container p {
width: 100%;
}
#page-home #ambassadors .container ul li {
width: 260px;
height: 360px;
}
#page-home #ambassadors .container ul li figure {
height: 260px;
}
} @media screen and (max-width: 576px) {
.container,
.container-max {
width: 340px;
}
h1 {
font-size: 2.7rem;
line-height: 1.1;
}
h2 {
font-size: 3.5rem;
letter-spacing: 0.4rem;
}
header .lang {
margin-top: 0;
padding: 0;
}
header .lang a {
font-size: 1.1rem;
}
#page-home #offer {
height: 660px;
}
#page-home #offer .container-max {
height: 600px;
}
#page-home #offer .container .wrap {
padding: 0;
}
#page-home #offer .container .wrap .lt {
margin-top: 280px;
}
#page-home #offer .container .wrap .lt p {
font-size: 1.1rem;
}
#page-home #offer .container .wrap .rt .offer-img {
width: 250px;
height: 250px;
margin-top: 130px;
}
#page-home #offer .container .wrap .rt .offer-img figure {
width: 200px;
height: 200px;
}
#page-home #offer .container .wrap .rt .offer-img::before {
width: 225px;
height: 225px;
}
#page-home #offer .container .wrap .rt .offer-img:after {
width: 275px;
height: 275px;
}
#page-home #mission-vision {
padding-top: 25px;
}
#page-home #mission-vision .container .wrap {
padding: 0;
margin-bottom: 50px;
}
#page-home #mission-vision .container .wrap figure {
width: 280px;
height: 280px;
border: 25px solid #ffffff;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
#page-home #mission-vision .container .wrap span {
font-size: 1.5rem;
}
#page-home #mission-vision .container .wrap .rt {
margin-top: 50px;
}
#page-home #our-values .container ul li {
height: auto;
padding: 25px;
}
#page-home #our-values .container ul li h2 {
font-size: 3rem;
margin-top: 0;
}
#page-home #our-values .container ul li figure {
width: 40px;
height: 40px;
}
#page-home #our-values .container .ov-triangle1 {
width: 275px;
height: 275px;
}
#page-home #our-values .container .ov-triangle2 {
width: 250px;
height: 250px;
right: 30px;
}
#page-home #our-values .container .ov-triangle3 {
left: 33%;
}
#page-home #our-values .container .ov-triangle4 {
left: 40%;
}
#page-home #courses .container .wrapper ul li {
width: 100%;
padding: 35px;
}
#page-home #courses .container .wrapper ul li h3 {
margin-bottom: 25px;
}
#page-home #leadership-team .container p {
font-size: 1.5rem;
}
#page-home #leadership-team .container ul {
margin-top: 50px;
}
#page-home #leadership-team .container ul li figure {
width: 340px;
height: 340px;
}
#page-home #digital-showrooms .container p {
margin-bottom: 35px;
}
#page-home #digital-showrooms .container ul li {
width: 160px;
height: 160px;
}
#page-home #digital-showrooms .container ul li a p {
padding: 5px;
}
#page-home #digital-showrooms .container ul li::after {
width: 33px;
height: 33px;
}
#page-home #digital-showrooms .container ul li:nth-last-child(1) {
margin-bottom: 0;
}
#page-home #digital-showrooms .container .ds-triangle4 {
bottom: -50px;
width: 200px;
height: 200px;
}
#page-home #business-units {
padding: 0;
}
#page-home #business-units .container ul li {
width: 160px;
height: 160px;
margin-bottom: 10px;
}
#page-home #business-units .container ul li::after {
width: 33px;
height: 33px;
}
#page-home #business-units .container ul li a figure {
height: 55px;
}
#page-home #business-units .container ul li a p {
font-size: 0.7rem;
}
#page-home #business-units .container .bu-triangle2 {
width: 200px;
height: 200px;
}
#page-home #ambassadors {
padding-bottom: 0;
}
#page-home #ambassadors h3 {
text-align: center;
}
#page-home #ambassadors .container ul li {
width: 340px;
height: 450px;
margin-bottom: 25px;
}
#page-home #ambassadors .container ul li figure {
height: 340px;
}
#page-home #strategic-partners h3 {
text-align: center;
}
#page-privacy-policy .container .wrapper h1 {
font-size: 1.7rem;
}
#page-privacy-policy .container .wrapper h3 {
font-size: 1.3rem;
}
.error-404 .wrap p {
font-size: 1.5rem;
}
}