@import url("https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Fredericka+the+Great");
@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block; } audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1; } audio:not([controls]) {
display: none;
height: 0; } [hidden] {
display: none; }  html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html,
button,
input,
select,
textarea {
font-family: sans-serif; } body {
margin: 0; }  a:focus {
outline: thin dotted; } a:active,
a:hover {
outline: 0; }  h1 {
font-size: 2em;
margin: 0.67em 0; }
h2 {
font-size: 1.5em;
margin: 0.83em 0; }
h3 {
font-size: 1.17em;
margin: 1em 0; }
h4 {
font-size: 1em;
margin: 1.33em 0; }
h5 {
font-size: 0.83em;
margin: 1.67em 0; }
h6 {
font-size: 0.75em;
margin: 2.33em 0; } abbr[title] {
border-bottom: 1px dotted; } b,
strong {
font-weight: bold; }
blockquote {
margin: 1em 40px; } dfn {
font-style: italic; } mark {
background: #ff0;
color: #000; } p,
pre {
margin: 1em 0; } code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em; } pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word; } q {
quotes: none; } q:before,
q:after {
content: '';
content: none; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }  dl,
menu,
ol,
ul {
margin: 1em 0; }
dd {
margin: 0 0 0 40px; } menu,
ol,
ul {
padding: 0 0 0 40px; } nav ul,
nav ol {
list-style: none;
list-style-image: none; }  img {
border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) {
overflow: hidden; }  figure {
margin: 0; }  form {
margin: 0; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0;
white-space: normal; *margin-left: -7px; } button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button,
input {
line-height: normal; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled],
input[disabled] {
cursor: default; } input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0; }   @font-face {
font-family: "Flaticon";
src: url(https://avkei.com/wp-content/themes/avk/fonts/Flaticon.eot);
src: url(https://avkei.com/wp-content/themes/avk/fonts/Flaticon.eot?#iefix) format("embedded-opentype"), url(https://avkei.com/wp-content/themes/avk/fonts/Flaticon.woff2) format("woff2"), url(https://avkei.com/wp-content/themes/avk/fonts/Flaticon.woff) format("woff"), url(https://avkei.com/wp-content/themes/avk/fonts/Flaticon.ttf) format("truetype"), url(https://avkei.com/wp-content/themes/avk/fonts/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "Aardvark Bold";
src: url(https://avkei.com/wp-content/themes/avk/fonts/AardvarkBold.eot);
src: url(https://avkei.com/wp-content/themes/avk/fonts/AardvarkBold.eot?#iefix) format("embedded-opentype"), url(https://avkei.com/wp-content/themes/avk/fonts/AardvarkBold.woff2) format("woff2"), url(https://avkei.com/wp-content/themes/avk/fonts/AardvarkBold.woff) format("woff"), url(https://avkei.com/wp-content/themes/avk/fonts/AardvarkBold.ttf) format("truetype"), url(https://avkei.com/wp-content/themes/avk/fonts/AardvarkBold.svg#Flaticon) format("svg");
font-weight: bold;
font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "Flaticon";
src: url(https://avkei.com/wp-content/themes/avk/fonts/Flaticon.svg#Flaticon) format("svg"); } }
.fi:before {
display: inline-block;
font-family: "Flaticon";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased; }
.flaticon-teacher:before {
content: "\f100"; }
.flaticon-books:before {
content: "\f101"; }
.flaticon-diploma:before {
content: "\f102"; }
.flaticon-reading:before {
content: "\f103"; }
.flaticon-security:before {
content: "\f104"; }
.flaticon-education:before {
content: "\f105"; }
.flaticon-jigsaw:before {
content: "\f106"; }
.flaticon-kids:before {
content: "\f107"; }   .grid .row {
zoom: 1;
clear: both; }
.grid .row:before, .grid .row:after {
content: "";
display: table; }
.grid .row:after {
clear: both; }
.grid .row [class*='col-'] {
float: left;
width: 100%;
min-height: 1px;
margin-left: 1.6%; }
.grid .row [class*='col-']:first-child {
margin-left: 0px; }
@media screen and (max-width: 750px) {
.grid .row [class*='col-'] {
margin-left: 0px; } }
.grid .row .col-1 {
width: 25%; }
@media screen and (max-width: 750px) {
.grid .row .col-1 {
width: 100%; } }
.grid .row .col-2 {
width: 50%; }
@media screen and (max-width: 750px) {
.grid .row .col-2 {
width: 100%; } }
.grid .row .col-3 {
width: 75%; }
@media screen and (max-width: 750px) {
.grid .row .col-3 {
width: 100%; } }
.grid .row .col-4 {
width: 100%; }
@media screen and (max-width: 750px) {
.grid .row .col-4 {
width: 100%; } }
.grid--no-gutters .row [class*='col-'] {
margin: 0px; }
.grid--no-gutters .row .col-1 {
width: 25%; }
@media screen and (max-width: 750px) {
.grid--no-gutters .row .col-1 {
width: 100%; } }
.grid--no-gutters .row .col-2 {
width: 50%; }
@media screen and (max-width: 750px) {
.grid--no-gutters .row .col-2 {
width: 100%; } }
.grid--no-gutters .row .col-3 {
width: 75%; }
@media screen and (max-width: 750px) {
.grid--no-gutters .row .col-3 {
width: 100%; } }
.grid--no-gutters .row .col-4 {
width: 100%; }
@media screen and (max-width: 750px) {
.grid--no-gutters .row .col-4 {
width: 100%; } } html,
body {
margin: 0;
padding: 0;
width: 100%;
height: auto;
font-family: "Work Sans";
font-size: 14px;
font-weight: 400;
line-height: 1.8;
color: rgba(0, 0, 0, 0.5);
background-color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeSpeed;
overflow-x: hidden; }
*,
*:before,
*:after {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; }
fieldset {
border: 0;
margin: 0;
padding: 0; }
textarea {
resize: none; }
a:focus {
outline: none; }
.clear,
.clearboth {
clear: both; }
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }
iframe {
max-width: 100%; }
img {
max-width: 100%;
height: auto; } h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: "Work Sans";
font-weight: 400;
text-rendering: optimizeLegibility;
margin: 0 0 0.5em;
line-height: 1;
color: rgba(0, 0, 0, 0.8); }
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
font-weight: 700;
color: #000000; }
h1,
.h1 {
font-size: calc(30px + (42 - 30) * ((100vw - 320px) / (1920 - 320))); }
h2,
.h2 {
font-size: calc(26px + (36 - 26) * ((100vw - 320px) / (1920 - 320)));
font-weight: 500; }
h3,
.h3 {
font-size: 20px; }
h4,
.h4 {
font-size: 18px; }
h5,
.h5,
h6,
.h6 {
font-size: 1em; }
p {
margin: 0 0 20px; }
p:last-child {
margin: 0; }
a {
color: #710213;
text-decoration: none;
display: inline-block;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
:-moz-placeholder { }
::-moz-placeholder { }
.uppercase {
text-transform: uppercase; }
.lowercase {
text-transform: lowercase; }
.capitalize {
text-transform: capitalize; }
#main {
min-height: 100%;
margin: auto;
position: relative; }
.container,
.clearfix,
.field-set,
section.module,
#container {
zoom: 1;
clear: both; }
.container:before, .container:after,
.clearfix:before,
.clearfix:after,
.field-set:before,
.field-set:after,
section.module:before,
section.module:after,
#container:before,
#container:after {
content: "";
display: table; }
.container:after,
.clearfix:after,
.field-set:after,
section.module:after,
#container:after {
clear: both; }
.container,
#container {
margin: 0 auto;
max-width: 1280px; }
.container-small,
#container-small {
zoom: 1;
clear: both;
max-width: 1000px;
margin: auto; }
.container-small:before, .container-small:after,
#container-small:before,
#container-small:after {
content: "";
display: table; }
.container-small:after,
#container-small:after {
clear: both; }
#container {
padding: 60px 0px; }
@media screen and (max-width: 1280px) {
.container {
padding-left: 20px;
padding-right: 20px; } }
#sidebar {
display: none; }
input[type=text],
input[type=url],
input[type=password],
input[type=tel],
input[type=number],
input[type=email],
textarea,
select {
outline: 0px;
height: 44px;
border: 1px solid #000000;
padding: 10px 10px;
background: #ffffff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-family: "Work Sans";
font-size: 18px;
color: #000000; }
input[type=text].wpcf7-not-valid,
input[type=url].wpcf7-not-valid,
input[type=password].wpcf7-not-valid,
input[type=tel].wpcf7-not-valid,
input[type=number].wpcf7-not-valid,
input[type=email].wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid {
border-color: #fc0100; }
textarea {
height: 135px; }
input[type=submit],
input[type=reset],
.button,
button.button,
button.button.alt,
a.button,
a.button.alt {
cursor: pointer;
outline: none;
background: #000000;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
padding: 12px 14px;
color: #ffffff;
text-decoration: none;
display: inline-block;
font-family: "Work Sans";
font-weight: bold;
font-size: 16px;
line-height: 1;
text-align: center;
border: 0px solid #000000;
letter-spacing: normal; }
input[type=submit]:hover,
input[type=reset]:hover,
.button:hover,
button.button:hover,
button.button.alt:hover,
a.button:hover,
a.button.alt:hover {
background-color: #710213; }
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right center;
background-image: url(//avkei.com/wp-content/themes/images/ico-select.svg);
background-repeat: no-repeat;
background-position: right 10px center;
padding-right: 28px;
text-indent: 0.01px;
text-overflow: '';
cursor: pointer; }
div.wpcf7 img.ajax-loader {
float: left; }
.section-area {
padding: 85px 0px; }
.section-area.no-bottom {
padding-bottom: 0px; }
.section-area.no-top {
padding-top: 0px; }
.section-area p:last-child {
margin-bottom: 0px; }
.field-set {
margin-bottom: 30px; }
.field-set .field-sub-set {
float: left;
width: 47.5%;
margin-right: 5%; }
.field-set .field-sub-set:last-child {
margin-right: 0px; }
.field-set.field-submit {
text-align: right; }
.round-img {
-webkit-border-radius: 100% 100% 100% 100%;
-moz-border-radius: 100% 100% 100% 100%;
border-radius: 100% 100% 100% 100%;
overflow: hidden; }
.round-img img {
display: block; }
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto; }
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.alignleft,
img.alignleft {
margin-right: 1.5em;
display: inline;
float: left; }
.alignright,
img.alignright {
margin-left: 1.5em;
display: inline;
float: right; }
.aligncenter,
img.aligncenter {
margin: 20px auto;
display: block;
clear: both; }
.wp-caption-text {
text-align: center; }
#main {
width: 100%; }
ul {
padding-left: 0;
margin: 0; }
.logo {
max-width: 250px; }
.detail-top-header {
background-color: #710213;
color: #ffffff; }
.detail-top-header.fixed {
display: none; }
.detail-top-header a {
color: #ffffff; }
.detail-top-header .detail-top-header-wrap {
line-height: 0;
font-size: 15px;
font-weight: 500;
list-style: none;
text-align: right; }
.detail-top-header .detail-top-header-wrap li {
display: inline-block;
vertical-align: middle;
padding: 15px; }
.detail-top-header .detail-top-header-wrap i {
margin-right: 20px; }
.detail-top-header .detail-top-header-wrap .detail-mail,
.detail-top-header .detail-top-header-wrap .detail-contact {
text-align: center; }
.detail-top-header .detail-top-header-wrap .detail-login {
text-align: center;
background-color: #FFEE32; }
.detail-top-header .detail-top-header-wrap .detail-login a {
color: #710213; }
.detail-top-header .detail-top-header-wrap .detail-login .sign-in {
background-color: #710213;
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
margin-right: 10px; }
.detail-top-header .detail-top-header-wrap .detail-login .sign-in i {
margin-right: 0;
line-height: 2;
color: #ffffff; }
.site-header {
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s; }
.site-header.fixed {
position: fixed;
height: auto;
width: 100%;
background-color: #ffffff;
z-index: 99;
top: 0; }
.header-wrapper {
font-size: 0; }
.header-wrapper .logo {
display: inline-block;
vertical-align: middle;
max-width: 220px;
position: relative;
padding-top: 5px; }
.header-wrapper .logo img {
font-family: "Aardvark Bold"; }
.header-wrapper .logo-text {
display: inline-block;
font-size: 50px;
vertical-align: top;
font-family: "Aardvark Bold"; }
.header-wrapper ul li {
list-style: none;
display: inline-block;
margin: 0 10px; }
.header-wrapper ul li.menu-item-has-children {
position: relative; }
.header-wrapper ul li.current-menu-item a {
color: #FFEE32; }
.header-wrapper ul li a {
text-transform: uppercase;
font-size: 15px;
font-family: "Work Sans";
font-weight: 600; }
.header-wrapper ul li a:hover {
color: #FFEE32; }
.header-wrapper ul li .sub-menu {
position: absolute;
opacity: 0;
visibility: hidden;
padding: 0;
margin: 0;
z-index: 997;
border-top: 3px solid #f2f2f2;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.03);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
background-color: #ffffff;
top: 100%;
left: 0px;
width: 250px; }
.header-wrapper ul li:hover .sub-menu {
opacity: 1;
visibility: visible; }
.header-wrapper .main-navigation {
max-width: calc(100% - 250px);
display: inline-block;
vertical-align: middle;
float: right;
margin-top: 30px; }
.btn-avk {
border-radius: 40px;
padding: 10px 20px;
font-weight: 400;
color: #710213;
transform: rotate(-4deg) translateZ(0);
transition: transform 0.3s cubic-bezier(0.43, 1.65, 0.68, 1.9);
position: relative; }
.btn-avk.btn-secondary {
color: #FFEE32;
position: relative;
letter-spacing: 1px; }
.btn-avk:hover {
transform: rotate(0) translateZ(0);
background-color: transparent; }
.btn-avk:after {
position: absolute;
content: '';
left: 20px;
display: block;
width: 80px;
height: 3px;
background-size: 80px 4px;
background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #d70c13); }
.owl-carousel .owl-item img {
width: auto;
margin: auto; }
.owl-carousel .owl-nav .owl-prev {
position: absolute;
left: -80px;
top: 50%;
text-indent: -999em;
background-image: url(//avkei.com/wp-content/themes/avk/images/left.png);
background-repeat: no-repeat;
height: 32px;
width: 32px; }
.owl-carousel .owl-nav .owl-next {
position: absolute;
right: -80px;
top: 50%;
text-indent: -999em;
background-image: url(//avkei.com/wp-content/themes/avk/images/right.png);
background-repeat: no-repeat;
height: 32px;
width: 32px; }
.owl-carousel .owl-dots {
text-align: center; }
.owl-carousel .owl-dots .owl-dot {
width: 10px;
height: 10px;
margin-right: 6px;
margin-left: 6px;
pointer-events: auto;
position: relative;
display: inline-block;
cursor: pointer;
border-radius: 50%;
background-color: #6CBB00;
outline: none; }
.owl-carousel .owl-dots .owl-dot.active {
background-color: #ffffff; }
.overlay-banner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.65); }
.home-banner .page-banner {
overflow: hidden;
height: 80vh;
background-size: cover;
background-position: center;
position: relative; }
.home-banner .page-banner .banner-caption {
position: absolute;
bottom: 20px;
left: 50%;
transform: translate(-50%, -50%);
width: 100%; }
.home-banner .page-banner .banner-caption h1 {
font-size: calc(28px + (57 - 28) * ((100vw - 320px) / (1920 - 320)));
text-align: center;
color: #ffffff;
font-weight: 800; }
.home-banner .page-banner .banner-caption .banner-button {
text-align: center; }
.home-banner .owl-dots {
position: absolute;
left: 0;
right: 0;
bottom: 60px;
width: 100%;
text-align: center; }
.home-services-wrap {
padding-bottom: 50px; }
.home-services-wrap .home-services-block {
font-size: 0; }
.home-services-wrap .home-services-block .flaticon-image-wrap {
display: inline-block;
width: 25%;
text-align: center;
vertical-align: top;
padding-top: 70px;
position: relative; }
.home-services-wrap .home-services-block .flaticon-image-wrap .flaticon-wrap {
background-color: #ffffff;
border: 2px solid #6CBB00;
border-radius: 50%;
width: 120px;
height: 120px;
margin: auto;
z-index: 2;
position: absolute;
top: -60px;
left: 50%;
transform: translateX(-50%); }
.home-services-wrap .home-services-block .flaticon-image-wrap .flaticon-wrap span {
font-size: 50px;
color: #6CBB00;
line-height: 2.3; }
.home-services-wrap .home-services-block .flaticon-image-wrap .flaticon-content {
margin-top: 10px;
padding: 20px 0; }
.home-services-wrap .home-services-block .flaticon-image-wrap .flaticon-content h3 {
color: #232222;
font-weight: 500; }
.home-services-wrap .home-services-block .flaticon-image-wrap .flaticon-content p {
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
line-height: 1.8;
max-width: 100%;
margin: auto 10px; }
.home-offer-wrap .home-offer-block {
width: 60%;
float: left;
padding: 48px 20px 170px 20px;
position: relative; }
.home-offer-wrap .home-offer-block h2,
.home-offer-wrap .home-offer-block h3 {
font-weight: 500; }
.home-offer-wrap .home-offer-block .offer-title-block {
margin: 0 0 16px; }
.home-offer-wrap .home-offer-block .offer-title-block .title-content {
font-size: 14px; }
.home-offer-wrap .home-offer-block .offers-block-wrap {
font-size: 0;
margin-top: 40px; }
.home-offer-wrap .home-offer-block .offers-block-wrap .offer-flaticon-image-wrap {
width: 50%;
display: inline-block;
vertical-align: top;
margin-bottom: 30px; }
.home-offer-wrap .home-offer-block .offers-block-wrap .offer-flaticon-image-wrap .offer-flaticon-wrap {
line-height: 1;
position: relative;
width: 80px;
height: 80px;
background: #6CBB00;
border-radius: 50%;
display: inline-block;
vertical-align: top; }
.home-offer-wrap .home-offer-block .offers-block-wrap .offer-flaticon-image-wrap .offer-flaticon-wrap span {
font-size: 30px;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.home-offer-wrap .home-offer-block .offers-block-wrap .offer-flaticon-image-wrap .offer-flaticon-content {
font-size: 14px;
max-width: calc(100% - 80px);
display: inline-block;
vertical-align: top;
padding: 0 20px; }
.home-offer-wrap .home-offer-block .home-social-media {
position: absolute;
bottom: 0;
left: 20px;
width: 100%;
border-top: 1px solid #fafafa;
padding-top: 20px; }
.home-offer-wrap .home-offer-block .home-social-media .home-social-icons .media-icon {
display: inline-block;
vertical-align: middle;
max-width: 85px;
margin-right: 50px;
padding-bottom: 20px; }
@media (max-width: 1200px) {
.home-offer-wrap .home-offer-block .home-social-media .home-social-icons .media-icon {
padding-bottom: 0;
max-width: 65px;
margin-right: 0; } }
.home-offer-wrap .home-offer-right {
width: 40%;
float: right;
padding: 48px 20px;
background-color: #FAFAFA;
position: relative; }
.home-offer-wrap .home-offer-right .welcome-wrap {
padding: 0 20px; }
.home-offer-wrap .home-offer-right .welcome-wrap h2 {
font-weight: 500; }
.home-offer-wrap .home-offer-right .welcome-content {
padding-top: 60px;
font-size: 14px;
margin-bottom: 20px; }
.home-offer-wrap .home-offer-right .welcome-content p:first-child {
max-width: 70%; }
.home-offer-wrap .home-offer-right .exp-image {
position: absolute;
right: -20px;
top: 17px;
width: 40%; }
.home-admissions-wrap {
padding: 100px 0;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.home-admissions-wrap .overlay {
z-index: 1; }
.home-admissions-wrap .home-admissions-block {
text-align: center;
max-width: 725px;
margin: auto;
z-index: 2;
position: relative;
color: #ffffff; }
.home-admissions-wrap .home-admissions-block h2 {
font-weight: 600;
color: #ffffff; }
.home-admissions-wrap .home-admissions-block .join-button {
margin-top: 40px; }
.home-admissions-wrap .home-admissions-block .join-button a {
font-weight: 600;
font-size: 24px; }
.home-admissions-wrap .home-admissions-block .join-button a:after {
width: 90%;
background-size: auto; }
.home-admissions-wrap .home-admissions-block .open-now {
font-size: 21px;
text-transform: uppercase;
font-weight: 500; }
.home-events-updates {
padding: 60px 0; }
.home-events-updates .home-updates-wrap,
.home-events-updates .home-events-wrap {
width: 50%;
float: left;
padding: 20px; }
.home-events-updates .home-updates-wrap h3,
.home-events-updates .home-events-wrap h3 {
margin-bottom: 30px; }
.home-events-updates .home-updates-wrap .item-blog,
.home-events-updates .home-events-wrap .item-blog {
padding: 10px;
background-color: #d2f5d0; }
.home-events-updates .home-updates-wrap .item-blog:nth-child(even),
.home-events-updates .home-events-wrap .item-blog:nth-child(even) {
background-color: #ffffff; }
.home-events-updates .home-updates-wrap .item-blog .post-thumbnail-image,
.home-events-updates .home-events-wrap .item-blog .post-thumbnail-image {
max-width: 120px;
width: 100%;
height: 95px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
vertical-align: top;
margin-right: 20px; }
.home-events-updates .home-updates-wrap .item-blog .home-post-content-wrap,
.home-events-updates .home-events-wrap .item-blog .home-post-content-wrap {
width: calc(100% - 160px);
display: inline-block;
vertical-align: top; }
.home-events-updates .home-updates-wrap .item-blog .home-post-content-wrap .home-post-title,
.home-events-updates .home-events-wrap .item-blog .home-post-content-wrap .home-post-title {
width: 100%;
color: #000000;
font-weight: 600; }
.home-events-updates .home-updates-wrap .item-blog .home-post-content-wrap .home-post-content,
.home-events-updates .home-events-wrap .item-blog .home-post-content-wrap .home-post-content {
width: 100%;
color: #7e7770;
font-size: 14px; }
.home-events-updates .home-updates-wrap .view-block,
.home-events-updates .home-events-wrap .view-block {
margin-bottom: 20px;
margin-top: 40px; }
.home-events-updates .home-updates-wrap .view-block a,
.home-events-updates .home-events-wrap .view-block a {
color: #6CBB00; }
.home-events-updates .home-updates-wrap .view-block i,
.home-events-updates .home-events-wrap .view-block i {
margin-right: 10px; }
.home-events-updates .home-events-wrap .view-block a {
color: #710213; }
.home-events-updates .home-events-wrap .item-blog {
background-color: #FCECDF; }
.home-events-updates .home-events-wrap .item-blog .post-thumbnail-image {
background-color: #710213;
color: #ffffff;
text-align: center;
line-height: 1.5; }
.home-events-updates .home-events-wrap .item-blog .post-thumbnail-image .cal-date {
font-size: 32px;
font-weight: 600;
padding-top: 5px;
display: block; }
.home-events-updates .home-events-wrap .item-blog .post-thumbnail-image .cal-year {
font-size: 22px; }
.home-events-updates .home-events-wrap .item-blog .home-post-content i {
margin-right: 10px; }
.home-institutions {
text-align: center;
padding: 100px 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative; }
.home-institutions .overlay {
z-index: 1; }
.home-institutions h2 {
color: #ffffff;
font-weight: 600;
font-size: 44px;
margin-bottom: 60px; }
.home-institutions .home-institutions-wrap {
z-index: 2;
position: relative; }
.home-institutions .home-institutions-wrap h3 {
color: #ffffff;
font-weight: 600; }
.home-institutions .home-institutions-wrap .institutions-wrap {
width: 33%;
float: left;
padding: 0 10px;
color: #ffffff;
z-index: 999; }
.home-institutions .home-institutions-wrap .institutions-wrap:last-child {
padding-right: 0; }
.home-institutions .home-institutions-wrap .institutions-wrap .institution-content-wrap {
padding: 15px;
border: 1px solid #ffffff; }
.home-institutions .home-institutions-wrap .institutions-wrap .instituions-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.home-institutions .home-institutions-wrap .institutions-wrap .institutions-title-content {
margin: 20px 0 0; }
.home-institutions .home-institutions-wrap .institutions-wrap .institutions-title-content .insti-button {
margin-top: 20px; }
.home-institutions .home-institutions-wrap .institutions-wrap .institutions-title-content .institutions-title h3 {
font-size: 18px; }
.home-institutions .home-institutions-wrap .institutions-wrap .institutions-title-content .institutions-content {
font-size: 14px;
line-height: 1.5; }
.home-testimonials-wrap {
padding: 90px 0;
background-color: #FAFAFA; }
.home-testimonials-wrap .testimonials-wrap .testi-content {
max-width: 750px;
text-align: center;
margin: auto;
margin-bottom: 80px; }
.home-testimonials-wrap .testimonials .ts-slider .owl-stage-outer .owl-item {
opacity: 0.1; }
.home-testimonials-wrap .testimonials .ts-slider .owl-stage-outer .owl-item.active.center {
opacity: 1; }
.home-testimonials-wrap .testimonials .ts-slider .owl-stage-outer .owl-item .item-owl {
padding: 40px 30px; }
.home-testimonials-wrap .testimonials .ts-slider .owl-stage-outer .owl-item .item-owl .testimonial-image {
width: 100px;
height: 100px;
background-size: cover;
display: inline-block;
vertical-align: top;
margin-right: 25px; }
.home-testimonials-wrap .testimonials .ts-slider .owl-stage-outer .owl-item .item-owl .testimonial-caption {
width: calc(100% - 150px);
display: inline-block;
vertical-align: top;
position: relative; }
.home-testimonials-wrap .testimonials .ts-slider .owl-stage-outer .owl-item .item-owl .testimonial-caption:before {
content: "\f10d";
font-family: 'FontAwesome';
position: absolute;
top: -85px;
left: 0;
width: 100px;
height: 100px;
font-size: 100px;
color: #5d50c6;
opacity: 0.1; }
.home-testimonials-wrap .testimonials .ts-slider .owl-stage-outer .owl-item .item-owl .testimonial-caption .desg-name {
font-weight: 500;
color: #000000; }
.home-testimonials-wrap .testimonials .ts-slider .owl-stage-outer .owl-item .item-owl .testimonial-caption .desg-name .testi-desg {
color: #6CBB00;
font-size: 14px; }
.home-testimonials-wrap .testimonials .ts-slider .owl-dots {
margin-top: 50px; }
.home-testimonials-wrap .testimonials .ts-slider .owl-dots .owl-dot {
background-color: #e6e6e6; }
.home-testimonials-wrap .testimonials .ts-slider .owl-dots .owl-dot.active {
background-color: #6CBB00; }
.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item,
.owl-carousel {
-ms-touch-action: auto;
touch-action: auto; }
.single-post-content-wrap .sidebar-wrap .social-share-links ul li {
list-style: none;
display: inline-block;
vertical-align: top;
margin-right: 20px; }
.fix-sidebar {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: all 0.2s ease-out 0s;
z-index: 9;
transform: rotate(-90deg) translate(-50%, 163%); }
.fix-sidebar .admis-pop {
display: block;
color: #710213;
font-size: 20px;
font-weight: 700;
line-height: 1;
padding: 20px 25px;
background-color: #ffffff;
box-shadow: 1px -3px 7px -2px #555; }
.admis-form-block-wrap.fancybox-content {
padding: 20px 0;
width: 50%; }
@media (max-width: 545px) {
.admis-form-block-wrap.fancybox-content {
width: 100%; } }
.admis-form-block-wrap h2 {
color: #710213;
text-align: center; }
.admis-form-block-wrap .pop-form .wpcf7 {
max-width: 100%;
width: 85%; }
body.fancybox-active,
body.menu-opened {
position: fixed; }
.grey-bg {
background-color: #FAFAFA; }
.admissions-section ul {
margin-left: 40px; }
.show-gallery {
display: none; } .loader-div {
position: fixed;
z-index: 300;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: white; }
.loader-div h1 {
position: absolute;
left: 15px;
top: 30px;
color: rgba(255, 238, 51, 0.3);
font-weight: 700; }
.loader-div h1:before {
content: attr(data-content);
position: absolute;
overflow: hidden;
max-width: 4em;
color: #710213;
animation: loading 3s linear infinite; }
.loader-div .lds-ring {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%); }
.loader-div .lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 100px;
height: 100px;
border-radius: 100px / 50px;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #710213 transparent transparent transparent;
border: 0.0625rem #710213 solid;
border-top: 0.25rem #710213 solid; }
.loader-div .lds-ring div:nth-child(1) {
animation-delay: -0.45s; }
.loader-div .lds-ring div:nth-child(2) {
animation-delay: -0.3s; }
.loader-div .lds-ring div:nth-child(3) {
animation-delay: -0.15s; }
@keyframes lds-ring {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@keyframes loading {
from {
max-width: 0; } } #ui .text {
position: absolute;
font-size: 3rem;
color: #fff;
line-height: 5rem;
opacity: 0;
z-index: 2;
top: 0;
left: 100%;
font-weight: 700; }
#ui .text:nth-child(1) {
color: #710213;
-webkit-clip-path: polygon(0% 0%, 0% 50%, 10% 50%);
-moz-clip-path: polygon(0% 0%, 0% 50%, 10% 50%);
clip-path: polygon(0% 0%, 0% 50%, 10% 50%);
transform-origin: -44% -16%;
-moz-animation: fly1 5000ms 0ms infinite alternate;
-webkit-animation: fly1 5000ms 0ms infinite alternate;
animation: fly1 5000ms 0ms infinite alternate; }
@keyframes fly1 {
0% {
opacity: 0;
transform: rotateX(-428deg) rotateY(-420deg) rotateZ(381deg) translateZ(-1431px); }
10% {
opacity: 0;
transform: rotateX(-428deg) rotateY(-420deg) rotateZ(381deg) translateZ(-1431px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(2) {
color: #710213;
-webkit-clip-path: polygon(0% 0%, 10% 0%, 10% 50%);
-moz-clip-path: polygon(0% 0%, 10% 0%, 10% 50%);
clip-path: polygon(0% 0%, 10% 0%, 10% 50%);
transform-origin: 12% 41%;
-moz-animation: fly2 5000ms 40ms infinite alternate;
-webkit-animation: fly2 5000ms 40ms infinite alternate;
animation: fly2 5000ms 40ms infinite alternate; }
@keyframes fly2 {
0% {
opacity: 0;
transform: rotateX(-445deg) rotateY(379deg) rotateZ(279deg) translateZ(-780px); }
10% {
opacity: 0;
transform: rotateX(-445deg) rotateY(379deg) rotateZ(279deg) translateZ(-780px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(3) {
color: #710213;
-webkit-clip-path: polygon(10% 0%, 10% 50%, 20% 50%);
-moz-clip-path: polygon(10% 0%, 10% 50%, 20% 50%);
clip-path: polygon(10% 0%, 10% 50%, 20% 50%);
transform-origin: 52% -4%;
-moz-animation: fly3 5000ms 80ms infinite alternate;
-webkit-animation: fly3 5000ms 80ms infinite alternate;
animation: fly3 5000ms 80ms infinite alternate; }
@keyframes fly3 {
0% {
opacity: 0;
transform: rotateX(-437deg) rotateY(-167deg) rotateZ(-478deg) translateZ(-469px); }
10% {
opacity: 0;
transform: rotateX(-437deg) rotateY(-167deg) rotateZ(-478deg) translateZ(-469px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(4) {
color: #710213;
-webkit-clip-path: polygon(10% 0%, 20% 0%, 20% 50%);
-moz-clip-path: polygon(10% 0%, 20% 0%, 20% 50%);
clip-path: polygon(10% 0%, 20% 0%, 20% 50%);
transform-origin: -5% 34%;
-moz-animation: ly4 5000ms 120ms infinite alternate;
-webkit-animation: ly4 5000ms 120ms infinite alternate;
animation: fly4 5000ms 120ms infinite alternate; }
@keyframes fly4 {
0% {
opacity: 0;
transform: rotateX(62deg) rotateY(469deg) rotateZ(125deg) translateZ(186px); }
10% {
opacity: 0;
transform: rotateX(62deg) rotateY(469deg) rotateZ(125deg) translateZ(186px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(5) {
color: #710213;
-webkit-clip-path: polygon(20% 0%, 20% 50%, 30% 50%);
-moz-clip-path: polygon(20% 0%, 20% 50%, 30% 50%);
clip-path: polygon(20% 0%, 20% 50%, 30% 50%);
transform-origin: -24% 0%;
-moz-animation: ly5 5000ms 160ms infinite alternate;
-webkit-animation: ly5 5000ms 160ms infinite alternate;
animation: fly5 5000ms 160ms infinite alternate; }
@keyframes fly5 {
0% {
opacity: 0;
transform: rotateX(291deg) rotateY(408deg) rotateZ(-314deg) translateZ(484px); }
10% {
opacity: 0;
transform: rotateX(291deg) rotateY(408deg) rotateZ(-314deg) translateZ(484px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(6) {
color: #710213;
-webkit-clip-path: polygon(20% 0%, 30% 0%, 30% 50%);
-moz-clip-path: polygon(20% 0%, 30% 0%, 30% 50%);
clip-path: polygon(20% 0%, 30% 0%, 30% 50%);
transform-origin: 37% 25%;
-moz-animation: ly6 5000ms 200ms infinite alternate;
-webkit-animation: ly6 5000ms 200ms infinite alternate;
animation: fly6 5000ms 200ms infinite alternate; }
@keyframes fly6 {
0% {
opacity: 0;
transform: rotateX(-377deg) rotateY(256deg) rotateZ(357deg) translateZ(-80px); }
10% {
opacity: 0;
transform: rotateX(-377deg) rotateY(256deg) rotateZ(357deg) translateZ(-80px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(7) {
color: #710213;
-webkit-clip-path: polygon(30% 0%, 30% 50%, 40% 50%);
-moz-clip-path: polygon(30% 0%, 30% 50%, 40% 50%);
clip-path: polygon(30% 0%, 30% 50%, 40% 50%);
transform-origin: 21% 25%;
-moz-animation: ly7 5000ms 240ms infinite alternate;
-webkit-animation: ly7 5000ms 240ms infinite alternate;
animation: fly7 5000ms 240ms infinite alternate; }
@keyframes fly7 {
0% {
opacity: 0;
transform: rotateX(402deg) rotateY(-165deg) rotateZ(-431deg) translateZ(-2274px); }
10% {
opacity: 0;
transform: rotateX(402deg) rotateY(-165deg) rotateZ(-431deg) translateZ(-2274px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(8) {
color: #710213;
-webkit-clip-path: polygon(30% 0%, 40% 0%, 40% 50%);
-moz-clip-path: polygon(30% 0%, 40% 0%, 40% 50%);
clip-path: polygon(30% 0%, 40% 0%, 40% 50%);
transform-origin: -18% -20%;
-moz-animation: ly8 5000ms 280ms infinite alternate;
-webkit-animation: ly8 5000ms 280ms infinite alternate;
animation: fly8 5000ms 280ms infinite alternate; }
@keyframes fly8 {
0% {
opacity: 0;
transform: rotateX(-404deg) rotateY(24deg) rotateZ(-224deg) translateZ(-803px); }
10% {
opacity: 0;
transform: rotateX(-404deg) rotateY(24deg) rotateZ(-224deg) translateZ(-803px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(9) {
color: #710213;
-webkit-clip-path: polygon(40% 0%, 40% 50%, 50% 50%);
-moz-clip-path: polygon(40% 0%, 40% 50%, 50% 50%);
clip-path: polygon(40% 0%, 40% 50%, 50% 50%);
transform-origin: 11% -25%;
-moz-animation: ly9 5000ms 320ms infinite alternate;
-webkit-animation: ly9 5000ms 320ms infinite alternate;
animation: fly9 5000ms 320ms infinite alternate; }
@keyframes fly9 {
0% {
opacity: 0;
transform: rotateX(467deg) rotateY(127deg) rotateZ(-365deg) translateZ(-1190px); }
10% {
opacity: 0;
transform: rotateX(467deg) rotateY(127deg) rotateZ(-365deg) translateZ(-1190px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(10) {
color: #710213;
-webkit-clip-path: polygon(40% 0%, 50% 0%, 50% 50%);
-moz-clip-path: polygon(40% 0%, 50% 0%, 50% 50%);
clip-path: polygon(40% 0%, 50% 0%, 50% 50%);
transform-origin: 47% 14%;
-moz-animation: y10 5000ms 360ms infinite alternate;
-webkit-animation: y10 5000ms 360ms infinite alternate;
animation: fly10 5000ms 360ms infinite alternate; }
@keyframes fly10 {
0% {
opacity: 0;
transform: rotateX(160deg) rotateY(-92deg) rotateZ(148deg) translateZ(-145px); }
10% {
opacity: 0;
transform: rotateX(160deg) rotateY(-92deg) rotateZ(148deg) translateZ(-145px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(11) {
color: #710213;
-webkit-clip-path: polygon(50% 0%, 50% 50%, 60% 50%);
-moz-clip-path: polygon(50% 0%, 50% 50%, 60% 50%);
clip-path: polygon(50% 0%, 50% 50%, 60% 50%);
transform-origin: 57% 30%;
-moz-animation: y11 5000ms 400ms infinite alternate;
-webkit-animation: y11 5000ms 400ms infinite alternate;
animation: fly11 5000ms 400ms infinite alternate; }
@keyframes fly11 {
0% {
opacity: 0;
transform: rotateX(-448deg) rotateY(335deg) rotateZ(-274deg) translateZ(355px); }
10% {
opacity: 0;
transform: rotateX(-448deg) rotateY(335deg) rotateZ(-274deg) translateZ(355px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(12) {
color: #710213;
-webkit-clip-path: polygon(50% 0%, 60% 0%, 60% 50%);
-moz-clip-path: polygon(50% 0%, 60% 0%, 60% 50%);
clip-path: polygon(50% 0%, 60% 0%, 60% 50%);
transform-origin: 24% 30%;
-moz-animation: y12 5000ms 440ms infinite alternate;
-webkit-animation: y12 5000ms 440ms infinite alternate;
animation: fly12 5000ms 440ms infinite alternate; }
@keyframes fly12 {
0% {
opacity: 0;
transform: rotateX(-449deg) rotateY(-87deg) rotateZ(151deg) translateZ(-1984px); }
10% {
opacity: 0;
transform: rotateX(-449deg) rotateY(-87deg) rotateZ(151deg) translateZ(-1984px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(13) {
color: #710213;
-webkit-clip-path: polygon(60% 0%, 60% 50%, 70% 50%);
-moz-clip-path: polygon(60% 0%, 60% 50%, 70% 50%);
clip-path: polygon(60% 0%, 60% 50%, 70% 50%);
transform-origin: 17% 44%;
-moz-animation: y13 5000ms 480ms infinite alternate;
-webkit-animation: y13 5000ms 480ms infinite alternate;
animation: fly13 5000ms 480ms infinite alternate; }
@keyframes fly13 {
0% {
opacity: 0;
transform: rotateX(228deg) rotateY(177deg) rotateZ(-163deg) translateZ(-2360px); }
10% {
opacity: 0;
transform: rotateX(228deg) rotateY(177deg) rotateZ(-163deg) translateZ(-2360px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(14) {
color: #710213;
-webkit-clip-path: polygon(60% 0%, 70% 0%, 70% 50%);
-moz-clip-path: polygon(60% 0%, 70% 0%, 70% 50%);
clip-path: polygon(60% 0%, 70% 0%, 70% 50%);
transform-origin: 71% -41%;
-moz-animation: y14 5000ms 520ms infinite alternate;
-webkit-animation: y14 5000ms 520ms infinite alternate;
animation: fly14 5000ms 520ms infinite alternate; }
@keyframes fly14 {
0% {
opacity: 0;
transform: rotateX(12deg) rotateY(136deg) rotateZ(-211deg) translateZ(-1603px); }
10% {
opacity: 0;
transform: rotateX(12deg) rotateY(136deg) rotateZ(-211deg) translateZ(-1603px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(15) {
color: #710213;
-webkit-clip-path: polygon(70% 0%, 70% 50%, 80% 50%);
-moz-clip-path: polygon(70% 0%, 70% 50%, 80% 50%);
clip-path: polygon(70% 0%, 70% 50%, 80% 50%);
transform-origin: 36% 44%;
-moz-animation: y15 5000ms 560ms infinite alternate;
-webkit-animation: y15 5000ms 560ms infinite alternate;
animation: fly15 5000ms 560ms infinite alternate; }
@keyframes fly15 {
0% {
opacity: 0;
transform: rotateX(339deg) rotateY(-437deg) rotateZ(-313deg) translateZ(-1490px); }
10% {
opacity: 0;
transform: rotateX(339deg) rotateY(-437deg) rotateZ(-313deg) translateZ(-1490px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(16) {
color: #710213;
-webkit-clip-path: polygon(70% 0%, 80% 0%, 80% 50%);
-moz-clip-path: polygon(70% 0%, 80% 0%, 80% 50%);
clip-path: polygon(70% 0%, 80% 0%, 80% 50%);
transform-origin: 60% -43%;
-moz-animation: y16 5000ms 600ms infinite alternate;
-webkit-animation: y16 5000ms 600ms infinite alternate;
animation: fly16 5000ms 600ms infinite alternate; }
@keyframes fly16 {
0% {
opacity: 0;
transform: rotateX(-5deg) rotateY(-14deg) rotateZ(-446deg) translateZ(283px); }
10% {
opacity: 0;
transform: rotateX(-5deg) rotateY(-14deg) rotateZ(-446deg) translateZ(283px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(17) {
color: #710213;
-webkit-clip-path: polygon(80% 0%, 80% 50%, 90% 50%);
-moz-clip-path: polygon(80% 0%, 80% 50%, 90% 50%);
clip-path: polygon(80% 0%, 80% 50%, 90% 50%);
transform-origin: 57% 25%;
-moz-animation: y17 5000ms 640ms infinite alternate;
-webkit-animation: y17 5000ms 640ms infinite alternate;
animation: fly17 5000ms 640ms infinite alternate; }
@keyframes fly17 {
0% {
opacity: 0;
transform: rotateX(456deg) rotateY(-152deg) rotateZ(-51deg) translateZ(46px); }
10% {
opacity: 0;
transform: rotateX(456deg) rotateY(-152deg) rotateZ(-51deg) translateZ(46px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(18) {
color: #710213;
-webkit-clip-path: polygon(80% 0%, 90% 0%, 90% 50%);
-moz-clip-path: polygon(80% 0%, 90% 0%, 90% 50%);
clip-path: polygon(80% 0%, 90% 0%, 90% 50%);
transform-origin: 65% -29%;
-moz-animation: y18 5000ms 680ms infinite alternate;
-webkit-animation: y18 5000ms 680ms infinite alternate;
animation: fly18 5000ms 680ms infinite alternate; }
@keyframes fly18 {
0% {
opacity: 0;
transform: rotateX(343deg) rotateY(476deg) rotateZ(162deg) translateZ(-1089px); }
10% {
opacity: 0;
transform: rotateX(343deg) rotateY(476deg) rotateZ(162deg) translateZ(-1089px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(19) {
color: #710213;
-webkit-clip-path: polygon(90% 0%, 90% 50%, 100% 50%);
-moz-clip-path: polygon(90% 0%, 90% 50%, 100% 50%);
clip-path: polygon(90% 0%, 90% 50%, 100% 50%);
transform-origin: 68% -16%;
-moz-animation: y19 5000ms 720ms infinite alternate;
-webkit-animation: y19 5000ms 720ms infinite alternate;
animation: fly19 5000ms 720ms infinite alternate; }
@keyframes fly19 {
0% {
opacity: 0;
transform: rotateX(-446deg) rotateY(-43deg) rotateZ(-389deg) translateZ(301px); }
10% {
opacity: 0;
transform: rotateX(-446deg) rotateY(-43deg) rotateZ(-389deg) translateZ(301px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(20) {
color: #710213;
-webkit-clip-path: polygon(90% 0%, 100% 0%, 100% 50%);
-moz-clip-path: polygon(90% 0%, 100% 0%, 100% 50%);
clip-path: polygon(90% 0%, 100% 0%, 100% 50%);
transform-origin: 116% -19%;
-moz-animation: y20 5000ms 760ms infinite alternate;
-webkit-animation: y20 5000ms 760ms infinite alternate;
animation: fly20 5000ms 760ms infinite alternate; }
@keyframes fly20 {
0% {
opacity: 0;
transform: rotateX(-189deg) rotateY(115deg) rotateZ(-236deg) translateZ(-367px); }
10% {
opacity: 0;
transform: rotateX(-189deg) rotateY(115deg) rotateZ(-236deg) translateZ(-367px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(21) {
color: black;
-webkit-clip-path: polygon(0% 50%, 0% 100%, 10% 100%);
-moz-clip-path: polygon(0% 50%, 0% 100%, 10% 100%);
clip-path: polygon(0% 50%, 0% 100%, 10% 100%);
transform-origin: 30% 58%;
-moz-animation: y21 5000ms 800ms infinite alternate;
-webkit-animation: y21 5000ms 800ms infinite alternate;
animation: fly21 5000ms 800ms infinite alternate; }
@keyframes fly21 {
0% {
opacity: 0;
transform: rotateX(323deg) rotateY(471deg) rotateZ(430deg) translateZ(-867px); }
10% {
opacity: 0;
transform: rotateX(323deg) rotateY(471deg) rotateZ(430deg) translateZ(-867px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(22) {
color: black;
-webkit-clip-path: polygon(0% 50%, 10% 50%, 10% 100%);
-moz-clip-path: polygon(0% 50%, 10% 50%, 10% 100%);
clip-path: polygon(0% 50%, 10% 50%, 10% 100%);
transform-origin: 46% 71%;
-moz-animation: y22 5000ms 840ms infinite alternate;
-webkit-animation: y22 5000ms 840ms infinite alternate;
animation: fly22 5000ms 840ms infinite alternate; }
@keyframes fly22 {
0% {
opacity: 0;
transform: rotateX(115deg) rotateY(-296deg) rotateZ(-97deg) translateZ(-2095px); }
10% {
opacity: 0;
transform: rotateX(115deg) rotateY(-296deg) rotateZ(-97deg) translateZ(-2095px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(23) {
color: black;
-webkit-clip-path: polygon(10% 50%, 10% 100%, 20% 100%);
-moz-clip-path: polygon(10% 50%, 10% 100%, 20% 100%);
clip-path: polygon(10% 50%, 10% 100%, 20% 100%);
transform-origin: -3% 24%;
-moz-animation: y23 5000ms 880ms infinite alternate;
-webkit-animation: y23 5000ms 880ms infinite alternate;
animation: fly23 5000ms 880ms infinite alternate; }
@keyframes fly23 {
0% {
opacity: 0;
transform: rotateX(-489deg) rotateY(414deg) rotateZ(360deg) translateZ(-111px); }
10% {
opacity: 0;
transform: rotateX(-489deg) rotateY(414deg) rotateZ(360deg) translateZ(-111px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(24) {
color: black;
-webkit-clip-path: polygon(10% 50%, 20% 50%, 20% 100%);
-moz-clip-path: polygon(10% 50%, 20% 50%, 20% 100%);
clip-path: polygon(10% 50%, 20% 50%, 20% 100%);
transform-origin: 52% 90%;
-moz-animation: y24 5000ms 920ms infinite alternate;
-webkit-animation: y24 5000ms 920ms infinite alternate;
animation: fly24 5000ms 920ms infinite alternate; }
@keyframes fly24 {
0% {
opacity: 0;
transform: rotateX(-90deg) rotateY(-38deg) rotateZ(384deg) translateZ(-37px); }
10% {
opacity: 0;
transform: rotateX(-90deg) rotateY(-38deg) rotateZ(384deg) translateZ(-37px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(25) {
color: black;
-webkit-clip-path: polygon(20% 50%, 20% 100%, 30% 100%);
-moz-clip-path: polygon(20% 50%, 20% 100%, 30% 100%);
clip-path: polygon(20% 50%, 20% 100%, 30% 100%);
transform-origin: 16% 37%;
-moz-animation: y25 5000ms 960ms infinite alternate;
-webkit-animation: y25 5000ms 960ms infinite alternate;
animation: fly25 5000ms 960ms infinite alternate; }
@keyframes fly25 {
0% {
opacity: 0;
transform: rotateX(105deg) rotateY(19deg) rotateZ(-334deg) translateZ(-1585px); }
10% {
opacity: 0;
transform: rotateX(105deg) rotateY(19deg) rotateZ(-334deg) translateZ(-1585px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(26) {
color: black;
-webkit-clip-path: polygon(20% 50%, 30% 50%, 30% 100%);
-moz-clip-path: polygon(20% 50%, 30% 50%, 30% 100%);
clip-path: polygon(20% 50%, 30% 50%, 30% 100%);
transform-origin: 10% 33%;
-moz-animation: 26 5000ms 1000ms infinite alternate;
-webkit-animation: 26 5000ms 1000ms infinite alternate;
animation: fly26 5000ms 1000ms infinite alternate; }
@keyframes fly26 {
0% {
opacity: 0;
transform: rotateX(22deg) rotateY(146deg) rotateZ(99deg) translateZ(189px); }
10% {
opacity: 0;
transform: rotateX(22deg) rotateY(146deg) rotateZ(99deg) translateZ(189px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(27) {
color: black;
-webkit-clip-path: polygon(30% 50%, 30% 100%, 40% 100%);
-moz-clip-path: polygon(30% 50%, 30% 100%, 40% 100%);
clip-path: polygon(30% 50%, 30% 100%, 40% 100%);
transform-origin: 31% 69%;
-moz-animation: 27 5000ms 1040ms infinite alternate;
-webkit-animation: 27 5000ms 1040ms infinite alternate;
animation: fly27 5000ms 1040ms infinite alternate; }
@keyframes fly27 {
0% {
opacity: 0;
transform: rotateX(359deg) rotateY(-258deg) rotateZ(449deg) translateZ(-1978px); }
10% {
opacity: 0;
transform: rotateX(359deg) rotateY(-258deg) rotateZ(449deg) translateZ(-1978px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(28) {
color: black;
-webkit-clip-path: polygon(30% 50%, 40% 50%, 40% 100%);
-moz-clip-path: polygon(30% 50%, 40% 50%, 40% 100%);
clip-path: polygon(30% 50%, 40% 50%, 40% 100%);
transform-origin: 28% 33%;
-moz-animation: 28 5000ms 1080ms infinite alternate;
-webkit-animation: 28 5000ms 1080ms infinite alternate;
animation: fly28 5000ms 1080ms infinite alternate; }
@keyframes fly28 {
0% {
opacity: 0;
transform: rotateX(-354deg) rotateY(-381deg) rotateZ(496deg) translateZ(-2449px); }
10% {
opacity: 0;
transform: rotateX(-354deg) rotateY(-381deg) rotateZ(496deg) translateZ(-2449px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(29) {
color: black;
-webkit-clip-path: polygon(40% 50%, 40% 100%, 50% 100%);
-moz-clip-path: polygon(40% 50%, 40% 100%, 50% 100%);
clip-path: polygon(40% 50%, 40% 100%, 50% 100%);
transform-origin: 84% 87%;
-moz-animation: 29 5000ms 1120ms infinite alternate;
-webkit-animation: 29 5000ms 1120ms infinite alternate;
animation: fly29 5000ms 1120ms infinite alternate; }
@keyframes fly29 {
0% {
opacity: 0;
transform: rotateX(-446deg) rotateY(-260deg) rotateZ(378deg) translateZ(-543px); }
10% {
opacity: 0;
transform: rotateX(-446deg) rotateY(-260deg) rotateZ(378deg) translateZ(-543px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(30) {
color: black;
-webkit-clip-path: polygon(40% 50%, 50% 50%, 50% 100%);
-moz-clip-path: polygon(40% 50%, 50% 50%, 50% 100%);
clip-path: polygon(40% 50%, 50% 50%, 50% 100%);
transform-origin: -8% 40%;
-moz-animation: 30 5000ms 1160ms infinite alternate;
-webkit-animation: 30 5000ms 1160ms infinite alternate;
animation: fly30 5000ms 1160ms infinite alternate; }
@keyframes fly30 {
0% {
opacity: 0;
transform: rotateX(215deg) rotateY(-434deg) rotateZ(-419deg) translateZ(3px); }
10% {
opacity: 0;
transform: rotateX(215deg) rotateY(-434deg) rotateZ(-419deg) translateZ(3px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(31) {
color: black;
-webkit-clip-path: polygon(50% 50%, 50% 100%, 60% 100%);
-moz-clip-path: polygon(50% 50%, 50% 100%, 60% 100%);
clip-path: polygon(50% 50%, 50% 100%, 60% 100%);
transform-origin: 14% 43%;
-moz-animation: 31 5000ms 1200ms infinite alternate;
-webkit-animation: 31 5000ms 1200ms infinite alternate;
animation: fly31 5000ms 1200ms infinite alternate; }
@keyframes fly31 {
0% {
opacity: 0;
transform: rotateX(-215deg) rotateY(-389deg) rotateZ(-7deg) translateZ(-1602px); }
10% {
opacity: 0;
transform: rotateX(-215deg) rotateY(-389deg) rotateZ(-7deg) translateZ(-1602px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(32) {
color: black;
-webkit-clip-path: polygon(50% 50%, 60% 50%, 60% 100%);
-moz-clip-path: polygon(50% 50%, 60% 50%, 60% 100%);
clip-path: polygon(50% 50%, 60% 50%, 60% 100%);
transform-origin: 67% 53%;
-moz-animation: 32 5000ms 1240ms infinite alternate;
-webkit-animation: 32 5000ms 1240ms infinite alternate;
animation: fly32 5000ms 1240ms infinite alternate; }
@keyframes fly32 {
0% {
opacity: 0;
transform: rotateX(-310deg) rotateY(-338deg) rotateZ(-350deg) translateZ(-896px); }
10% {
opacity: 0;
transform: rotateX(-310deg) rotateY(-338deg) rotateZ(-350deg) translateZ(-896px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(33) {
color: black;
-webkit-clip-path: polygon(60% 50%, 60% 100%, 70% 100%);
-moz-clip-path: polygon(60% 50%, 60% 100%, 70% 100%);
clip-path: polygon(60% 50%, 60% 100%, 70% 100%);
transform-origin: 103% 77%;
-moz-animation: 33 5000ms 1280ms infinite alternate;
-webkit-animation: 33 5000ms 1280ms infinite alternate;
animation: fly33 5000ms 1280ms infinite alternate; }
@keyframes fly33 {
0% {
opacity: 0;
transform: rotateX(51deg) rotateY(112deg) rotateZ(-296deg) translateZ(-1181px); }
10% {
opacity: 0;
transform: rotateX(51deg) rotateY(112deg) rotateZ(-296deg) translateZ(-1181px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(34) {
color: black;
-webkit-clip-path: polygon(60% 50%, 70% 50%, 70% 100%);
-moz-clip-path: polygon(60% 50%, 70% 50%, 70% 100%);
clip-path: polygon(60% 50%, 70% 50%, 70% 100%);
transform-origin: 43% 53%;
-moz-animation: 34 5000ms 1320ms infinite alternate;
-webkit-animation: 34 5000ms 1320ms infinite alternate;
animation: fly34 5000ms 1320ms infinite alternate; }
@keyframes fly34 {
0% {
opacity: 0;
transform: rotateX(-197deg) rotateY(255deg) rotateZ(-177deg) translateZ(-124px); }
10% {
opacity: 0;
transform: rotateX(-197deg) rotateY(255deg) rotateZ(-177deg) translateZ(-124px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(35) {
color: black;
-webkit-clip-path: polygon(70% 50%, 70% 100%, 80% 100%);
-moz-clip-path: polygon(70% 50%, 70% 100%, 80% 100%);
clip-path: polygon(70% 50%, 70% 100%, 80% 100%);
transform-origin: 43% 81%;
-moz-animation: 35 5000ms 1360ms infinite alternate;
-webkit-animation: 35 5000ms 1360ms infinite alternate;
animation: fly35 5000ms 1360ms infinite alternate; }
@keyframes fly35 {
0% {
opacity: 0;
transform: rotateX(-286deg) rotateY(-74deg) rotateZ(469deg) translateZ(-187px); }
10% {
opacity: 0;
transform: rotateX(-286deg) rotateY(-74deg) rotateZ(469deg) translateZ(-187px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(36) {
color: black;
-webkit-clip-path: polygon(70% 50%, 80% 50%, 80% 100%);
-moz-clip-path: polygon(70% 50%, 80% 50%, 80% 100%);
clip-path: polygon(70% 50%, 80% 50%, 80% 100%);
transform-origin: 42% 51%;
-moz-animation: 36 5000ms 1400ms infinite alternate;
-webkit-animation: 36 5000ms 1400ms infinite alternate;
animation: fly36 5000ms 1400ms infinite alternate; }
@keyframes fly36 {
0% {
opacity: 0;
transform: rotateX(15deg) rotateY(-187deg) rotateZ(100deg) translateZ(-454px); }
10% {
opacity: 0;
transform: rotateX(15deg) rotateY(-187deg) rotateZ(100deg) translateZ(-454px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(37) {
color: black;
-webkit-clip-path: polygon(80% 50%, 80% 100%, 90% 100%);
-moz-clip-path: polygon(80% 50%, 80% 100%, 90% 100%);
clip-path: polygon(80% 50%, 80% 100%, 90% 100%);
transform-origin: 50% 8%;
-moz-animation: 37 5000ms 1440ms infinite alternate;
-webkit-animation: 37 5000ms 1440ms infinite alternate;
animation: fly37 5000ms 1440ms infinite alternate; }
@keyframes fly37 {
0% {
opacity: 0;
transform: rotateX(-270deg) rotateY(-474deg) rotateZ(98deg) translateZ(-2215px); }
10% {
opacity: 0;
transform: rotateX(-270deg) rotateY(-474deg) rotateZ(98deg) translateZ(-2215px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(38) {
color: black;
-webkit-clip-path: polygon(80% 50%, 90% 50%, 90% 100%);
-moz-clip-path: polygon(80% 50%, 90% 50%, 90% 100%);
clip-path: polygon(80% 50%, 90% 50%, 90% 100%);
transform-origin: 130% 33%;
-moz-animation: 38 5000ms 1480ms infinite alternate;
-webkit-animation: 38 5000ms 1480ms infinite alternate;
animation: fly38 5000ms 1480ms infinite alternate; }
@keyframes fly38 {
0% {
opacity: 0;
transform: rotateX(492deg) rotateY(122deg) rotateZ(126deg) translateZ(-2444px); }
10% {
opacity: 0;
transform: rotateX(492deg) rotateY(122deg) rotateZ(126deg) translateZ(-2444px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(39) {
color: black;
-webkit-clip-path: polygon(90% 50%, 90% 100%, 100% 100%);
-moz-clip-path: polygon(90% 50%, 90% 100%, 100% 100%);
clip-path: polygon(90% 50%, 90% 100%, 100% 100%);
transform-origin: 122% 35%;
-moz-animation: 39 5000ms 1520ms infinite alternate;
-webkit-animation: 39 5000ms 1520ms infinite alternate;
animation: fly39 5000ms 1520ms infinite alternate; }
@keyframes fly39 {
0% {
opacity: 0;
transform: rotateX(-164deg) rotateY(-485deg) rotateZ(-209deg) translateZ(-1585px); }
10% {
opacity: 0;
transform: rotateX(-164deg) rotateY(-485deg) rotateZ(-209deg) translateZ(-1585px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
#ui .text:nth-child(40) {
color: black;
clip-path: polygon(90% 50%, 100% 50%, 100% 100%);
transform-origin: 61% 28%;
animation: fly40 5000ms 1560ms infinite alternate;
-webkit-animation: fly40 5000ms 1560ms infinite alternate;
-moz-animation: fly40 5000ms 1560ms infinite alternate; }
@keyframes fly40 {
0% {
opacity: 0;
transform: rotateX(-121deg) rotateY(-243deg) rotateZ(-334deg) translateZ(-238px); }
10% {
opacity: 0;
transform: rotateX(-121deg) rotateY(-243deg) rotateZ(-334deg) translateZ(-238px); }
50%,
75%,
83.33% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); }
100% {
opacity: 1;
transform: rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px); } }
body.admin-bar .site-header.fixed {
top: 32px; }
@media (max-width: 600px) {
body.admin-bar .site-header.fixed {
top: 0; } }
.page-template-page-contact .map-block-wrap iframe {
width: 100%; }
.single .single-post-content-wrap,
.category .single-post-content-wrap {
margin-bottom: 30px; }
.single .single-posts-wrap,
.category .single-posts-wrap {
width: 60%;
display: inline-block;
vertical-align: top;
margin-right: 4%; }
.single .sidebar-block-wrap,
.category .sidebar-block-wrap {
width: 35%;
display: inline-block;
vertical-align: top;
font-size: 16px; }
.single .sidebar-block-wrap h3,
.category .sidebar-block-wrap h3 {
font-weight: 600; }
.single .sidebar-block-wrap .sidebar-block i,
.category .sidebar-block-wrap .sidebar-block i {
margin-right: 10px; }
.single .sidebar-block-wrap .sidebar-block .item-blog,
.category .sidebar-block-wrap .sidebar-block .item-blog {
background-color: #FCECDF;
padding: 12px;
max-width: 400px; }
.single .sidebar-block-wrap .sidebar-block .item-blog .post-thumbnail-image,
.category .sidebar-block-wrap .sidebar-block .item-blog .post-thumbnail-image {
background-color: #710213;
color: #ffffff;
text-align: center;
line-height: 1.5;
max-width: 120px;
width: 100%;
height: 95px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
vertical-align: top;
margin-right: 20px; }
.single .sidebar-block-wrap .sidebar-block .item-blog .post-thumbnail-image .cal-date,
.category .sidebar-block-wrap .sidebar-block .item-blog .post-thumbnail-image .cal-date {
font-size: 32px;
font-weight: 600;
padding-top: 5px;
display: block; }
.single .sidebar-block-wrap .sidebar-block .item-blog .post-thumbnail-image .cal-year,
.category .sidebar-block-wrap .sidebar-block .item-blog .post-thumbnail-image .cal-year {
font-size: 22px; }
.single .sidebar-block-wrap .sidebar-block .item-blog .home-post-content-wrap,
.category .sidebar-block-wrap .sidebar-block .item-blog .home-post-content-wrap {
width: calc(100% - 160px);
display: inline-block;
vertical-align: top;
margin-top: 10px; }
.single .sidebar-block-wrap .sidebar-block .item-blog .home-post-content-wrap .home-post-title,
.category .sidebar-block-wrap .sidebar-block .item-blog .home-post-content-wrap .home-post-title {
width: 100%;
color: #000000;
font-weight: 600; }
.single .sidebar-block-wrap .sidebar-block .item-blog .home-post-content-wrap .home-post-content,
.category .sidebar-block-wrap .sidebar-block .item-blog .home-post-content-wrap .home-post-content {
width: 100%;
color: #7e7770;
font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); }
.blog-posts-wrap {
margin: 60px 0; }
.blog-posts-wrap .blog-posts {
font-size: 0; }
.blog-posts-wrap .blog-posts .blog-item-wrap {
width: 31.33%;
display: inline-block;
vertical-align: top;
border-radius: 40px;
box-shadow: 0px 19px 40px 0px rgba(35, 35, 35, 0.1);
overflow: hidden;
position: relative;
transition: all 0.3s ease-in-out;
margin: 10px;
border-bottom: 3px solid #710213;
transform: scale(1); }
.blog-posts-wrap .blog-posts .blog-item-wrap .post-thumb {
padding-bottom: 60%;
background-size: cover;
background-position: center;
display: block;
position: relative; }
.blog-posts-wrap .blog-posts .blog-item-wrap .post-thumb .overlay-cat {
display: none; }
.blog-posts-wrap .blog-posts .blog-item-wrap .post-title-content {
padding: 20px;
font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))); }
.blog-posts-wrap .blog-posts .blog-item-wrap .post-title-content h2 {
font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1920 - 320))); }
.blog-posts-wrap .blog-posts .blog-item-wrap .post-title-content .post-title .post-date {
font-size: 14px;
margin-bottom: 10px; }
.blog-posts-wrap .blog-posts .blog-item-wrap .post-title-content .post-title .post-date i {
margin-right: 10px; }
.blog-posts-wrap .blog-posts .blog-item-wrap .post-title-content .post-content {
line-height: 1.5; }
.blog-posts-wrap .blog-posts .blog-item-wrap .post-title-content .post-content .read-blog-button {
margin-top: 15px;
text-align: center; }
.blog-posts-wrap .blog-posts .blog-item-wrap:hover {
transform: scale(1.04);
border-bottom: 3px solid #000000; }
.blog-posts-wrap .blog-posts .blog-item-wrap:hover .post-thumb .overlay-cat {
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.65);
font-size: 20px;
text-align: center; }
.blog-posts-wrap .blog-posts .blog-item-wrap:hover .post-thumb .overlay-cat a {
position: relative;
top: 50%;
transform: translateY(-50%);
color: #FFEE32;
text-shadow: 1px 0px 1px #710213;
transform: scale(1); }
.blog-posts-wrap .blog-posts .blog-item-wrap:hover .post-thumb .overlay-cat a:hover {
transform: scale(1.04); }
.author-bio {
margin-top: 40px;
position: relative; }
.author-bio .post-avatar {
display: inline-block;
vertical-align: top;
position: absolute;
z-index: 2; }
.author-bio .post-avatar img {
border-radius: 50%; }
.author-bio .author-content {
display: inline-block;
vertical-align: top;
padding: 20px;
width: calc(100% - 100px);
position: relative;
margin-left: calc(20px + (100 - 20) * ((100vw - 320px) / (1920 - 320)));
padding-left: calc(20px + (100 - 20) * ((100vw - 320px) / (1920 - 320)));
z-index: 1;
line-height: 1.8;
font-size: 17px;
background-color: #FCECDF;
border-bottom-left-radius: 40px;
border-top-right-radius: 40px; }
.author-bio .author-content .author-post {
color: #710213;
font-weight: 600; }
.calendar-sidebar .widget_calendar {
margin-top: 40px;
margin-bottom: 40px; }
.calendar-sidebar .widget_calendar .calendar_wrap table {
max-width: 400px;
width: 100%;
font-size: 16px;
border: 1px solid #FCECDF; }
.calendar-sidebar .widget_calendar .calendar_wrap table caption {
background-color: #FCECDF; }
.calendar-sidebar .widget_calendar .calendar_wrap table thead {
text-align: center; }
.calendar-sidebar .widget_calendar .calendar_wrap table tfoot td {
display: none; }
.calendar-sidebar .widget_calendar .calendar_wrap table tbody {
text-align: center;
border-bottom: 1px solid #FCECDF; }
.calendar-sidebar .widget_calendar .calendar_wrap table tbody td#today {
background-color: #710213;
color: #ffffff;
border-radius: 40px; }
.calendar-sidebar .widget_calendar .calendar_wrap table tbody td#today a {
color: #ffffff; }
.page-template-page-dashboard .banner .user-title-name {
float: left;
position: relative;
z-index: 2;
width: 50%;
padding: 30px;
color: #000000; }
.page-template-page-dashboard .banner .user-title-name h1 {
color: #FFEE32; }
.page-template-page-dashboard .banner .user-title-name h2 {
color: #000000; }
.page-template-page-dashboard .banner .user-image {
float: right;
height: 100%;
position: relative;
z-index: 2; }
.page-template-page-dashboard .banner .user-image img {
max-width: 450px;
width: 100%;
height: 100%; }
.header-wrapper {
position: relative; }
.toggle-menu {
float: right;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
cursor: pointer;
position: relative;
background-color: #710213;
padding: 10px;
z-index: 9999;
position: absolute;
right: 18px;
top: 30px; }
.toggle-menu .lines {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 30px;
position: relative; }
.toggle-menu .lines .mv {
-webkit-transition: all 0.25s ease-out 0s;
-moz-transition: all 0.25s ease-out 0s;
-ms-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
width: 100%;
display: block;
height: 3px;
background-color: #fff;
margin-bottom: 10px;
position: relative; }
.home .toggle-menu .lines .mv {
background-color: white; }
.toggle-menu .lines .mv#mv3 {
margin: 0; }
.toggle-menu.active {
top: 0; }
.toggle-menu.active .lines .mv {
height: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.home .toggle-menu.active .lines .mv {
background-color: #fff; }
.toggle-menu.active .lines .mv#mv1 {
margin: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 13px; }
.toggle-menu.active .lines .mv#mv2 {
opacity: 0;
height: 0;
overflow: hidden; }
.toggle-menu.active .lines .mv#mv3 {
margin: 0;
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.mq-desktop {
display: block; }
@media (max-width: 960px) {
.mq-desktop {
display: none !important; } }
.mq-mobile {
display: none; }
@media (max-width: 960px) {
.mq-mobile {
display: block; } }
.mobile-navigation {
position: fixed;
width: 100%;
height: 100%;
overflow: auto;
display: none;
z-index: 20;
background-color: #710213;
padding-top: 10vh; }
@media (min-width: 961px) {
.mobile-navigation {
display: none !important; } }
.mobile-navigation.hide-mobile-menu.active {
display: block !important; }
.mobile-navigation.active {
display: block; }
.mobile-navigation ul {
margin: 0;
padding: 0;
left: 0;
top: 60%;
height: auto;
width: 100%; }
.mobile-navigation ul li {
list-style: none;
display: block;
position: relative; }
.mobile-navigation ul li a {
padding: 15px;
display: block;
font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
font-weight: 700;
color: #ffffff;
text-align: center; }
.mobile-navigation ul li.current-menu-item a, .mobile-navigation ul li.current-page-ancestor a {
color: #FFEE32; }
.mobile-navigation ul li .menu-arrow {
position: absolute;
right: 20px;
top: 15px;
width: 35px;
height: 35px;
padding: 5px;
text-align: center;
color: #FFEE32; }
.mobile-navigation ul li .menu-arrow.active {
transform: rotate(180deg); }
.mobile-navigation ul li.menu-item-has-children ul.sub-menu {
display: none; }
@media (min-width: 1178px) {
.hide-mobile-menu {
display: none; }
.show-desktop-menu {
display: block; } }
@media (max-width: 1177px) {
.hide-mobile-menu {
display: block; }
.header-wrapper .main-navigation.show-desktop-menu {
display: none; }
.mobile-navigation {
display: none; }
.mobile-navigation.hide-mobile-menu.active {
display: block !important; }
.mobile-navigation .detail-login a {
text-align: center;
width: 100%;
color: #ffffff;
font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
font-weight: 700;
padding: 15px; }
.mobile-navigation .detail-login a .sign-in {
display: inline-block;
margin-right: 10px; } }
@media (max-width: 960px) {
.show-mobile {
display: block !important; }
.hide-mobile {
display: none !important; }
.loader-div {
display: none; }
body.menu-opened {
position: fixed;
height: 100vh;
width: 100%;
left: 0;
top: 0;
overflow: hidden; }
.services-block-wrap .service-column-wrap .service-column {
width: 32%; }
.services-block-wrap .service-column-wrap .service-column h6 {
font-size: 16px;
line-height: 18px; }
.services-block-wrap h1 {
font-size: 55px; }
.site-header .logo {
max-width: 260px;
margin-top: 5px;
margin-bottom: 5px; }
.home-offer-wrap .home-offer-block {
width: 100%; }
.home-offer-wrap .home-offer-right {
width: 100%; }
.home-events-updates .home-updates-wrap,
.home-events-updates .home-events-wrap {
width: 100%; }
.home-offer-wrap .home-offer-right .exp-image {
width: 35%; }
.show-gallery {
display: block; }
.hide-gallery {
display: none; }
.author-bio .post-avatar {
max-width: 100px; }
.author-bio .author-content {
padding-left: 65px; } }
@media (max-width: 869px) {
.home-institutions .home-institutions-wrap .institutions-wrap {
width: auto;
margin: 0 5%; }
.home-institutions .home-institutions-wrap .institution-block .owl-item.active.center {
margin: auto; }
.home-institutions .home-institutions-wrap .institution-block.owl-carousel .owl-dots {
margin-top: 40px; } }
@media (max-width: 768px) {
.home-services-wrap {
margin-top: 60px; }
.home-services-wrap .home-services-block .flaticon-image-wrap {
width: 50%; }
.home-services-wrap .home-services-block .flaticon-image-wrap .flaticon-wrap {
margin-top: 0; }
.home-testimonials-wrap {
padding: 60px 0; }
.home-banner .page-banner .banner-caption {
width: 100%; } }
@media (max-width: 745px) {
body .page-section .show-gallery .ngg-slideshow.slick-slider {
margin-top: 0 !important; } }
@media (max-width: 650px) {
.detail-top-header .detail-top-header-wrap .detail-address {
width: 5%; }
.detail-top-header .detail-top-header-wrap .detail-address span {
display: none; }
.home-offer-wrap .home-offer-block .offers-block-wrap .offer-flaticon-image-wrap {
width: 100%; }
body .sl-wrapper .sl-close {
top: 20%;
right: 25px; }
body .sl-wrapper .sl-close:before {
display: none; }
body .sl-wrapper .sl-counter {
top: 20%;
transform: translate(-20%); }
.author-bio .post-avatar {
text-align: center;
display: block;
position: relative;
margin: auto; }
.author-bio .post-avatar img {
max-width: 100px; }
.author-bio .author-content {
font-size: 14px;
top: -47px;
margin-left: auto;
width: 100%;
padding-top: 40px;
padding-left: 20px; } }
@media (max-width: 535px) {
.container {
width: 100%; }
.mobile-navigation ul {
top: 50%; }
.mobile-navigation ul li a {
font-size: 20px;
padding: 10px; } }
@media (max-width: 480px) {
.home-services-wrap .home-services-block .flaticon-image-wrap {
width: 100%; } }
@media (max-width: 450px) {
.home-offer-wrap .home-offer-right .exp-image {
position: absolute;
right: 0;
top: 12%;
width: 40%; }
.home-testimonials-wrap .testimonials .ts-slider .owl-stage-outer .owl-item .item-owl {
text-align: center; }
.home-testimonials-wrap .testimonials .ts-slider .owl-stage-outer .owl-item .item-owl .testimonial-image {
margin-right: 0; }
.home-testimonials-wrap .testimonials .ts-slider .owl-stage-outer .owl-item .item-owl .testimonial-caption {
width: 100%; }
.home-testimonials-wrap .testimonials-wrap .testi-content .testi-content {
margin-bottom: 0; }
.home-events-updates .home-updates-wrap .item-blog .post-thumbnail-image,
.home-events-updates .home-events-wrap .item-blog .post-thumbnail-image {
max-width: auto;
height: auto;
padding-bottom: 50%; }
.home-events-updates .home-events-wrap .item-blog .post-thumbnail-image {
padding-bottom: 10px; }
.author-bio .post-avatar {
text-align: center;
display: block;
position: relative;
margin: auto; }
.author-bio .post-avatar img {
max-width: 100px; }
.author-bio .author-content {
font-size: 14px;
top: -47px;
margin-left: auto;
width: 100%;
padding-top: 40px; }
.single .sidebar-block-wrap .sidebar-block .item-blog .post-thumbnail-image, .category .sidebar-block-wrap .sidebar-block .item-blog .post-thumbnail-image {
max-width: 100%; }
.single .sidebar-block-wrap .sidebar-block .item-blog .home-post-content-wrap, .category .sidebar-block-wrap .sidebar-block .item-blog .home-post-content-wrap {
max-width: 100%;
text-align: center;
width: 100%; } }
@media (max-width: 340px) {
.home-offer-wrap .home-offer-right .welcome-wrap {
padding: 0 0; } }
.wpcf7 form{
text-align:left;	
}
.wpcf7 form .wpcf7-response-output{
font-size:14px;
}