/*-----------------
1. Google font
------------------*/

/* @import url('https://fonts.googleapis.com/css?family=Montserrat|Roboto:300,400,500,700'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,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&family=Varta:wght@300;400;500;600;700&display=swap');

/*-------------------
2. Theme Default CSS
--------------------*/

a {
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #333333;
}

img {
    max-width: 100%;
    height: auto;
    line-height: 0;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    font-weight: 300;
    line-height: 1.4em;
    outline: none;
    color: #40485a;
}

.site-bg h1,
.site-bg h2,
.site-bg h3,
.site-bg h4,
.site-bg h5,
.site-bg h6 {
    color: #ffffff;
}

h1 {
    font-size: 66px;
}
h1.title_46px {
    font-size: 46px;
}

h2 {
    font-size: 56px;
}
h2.title_46px {
    font-size: 46px;
}

h3 {
    font-size: 46px;
}

h4 {
    font-size: 36px;
}

h5 {
    font-size: 17px;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: #0c79dd;
}

html,
body {
    height: 100%
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.8em;
    color: #6a707d;
    outline: none;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/*-------------------
Button-Class
---------------------*/

.button {
    border: none;
    padding: 0.4em 2em;
    display: inline-block;
    text-transform: uppercase;
    color: #ffffff;
    position: relative !important;
    z-index: 1;
    border-radius: 100px;
    min-width: 110px;
    text-align: center;
    font-weight: 700;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
}

.button.white:hover:before,
.button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #2f60c3;
    background: -webkit-gradient(linear, left top, right top, from(#2f60c3), to(#3f7fff));
    background: linear-gradient(to right, #2f60c3 0%, #3f7fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f60c3', endColorstr='#3f7fff', GradientType=1);
    z-index: -1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 100px;
    opacity: 1;
    border-radius: 100px;
}

.button:not(.white) { background:#2f60c3; }

.button:hover,
.button.white {
    color: #2f60c3;
    background-color: #ffffff;
}

.button.white:hover  { background:#2f60c3; }

.button:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.button:hover:before,
.button.white:before {
    opacity: 0;
}

.button.white:hover {
    color: #ffffff;
}

/*-------------------
Helper-Class
---------------------*/

.bold {
    font-weight: 700;
}

.light {
    font-weight: 300;
}

.upper {
    text-transform: uppercase
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.hidden, .hidden-web {
    display: none !important;
}

.page-title-text,
.page-title {
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 50px;
    position: relative;
    display: block;
}

.page-title-text {
    padding-bottom: 0;
    margin-bottom: 35px;
}

.page-title:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    background-color: #0074b8;
    width: 80px;
    height: 3px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page-title h2, .page-title h3 {
    color: #40485a;
		font-size: 46px;
}

.left-60 {
    margin-left: 60px
}

.top-60 {
    margin-top: 60px;
}

.space-y-80 {
    padding: 80px 0;
}

.space-80 {
    padding: 80px;
}

.section-space {
    padding: 10px 60px 60px;
}

.section-space#about {
	padding-top:60px;
}

.section-space#s_three {
	padding-bottom:0;
}

.site-bg {
    background: #75cbe7;
    background: -webkit-gradient(linear, left top, left bottom, from(#75cbe7), to(#138fc2));
    background: linear-gradient(to bottom, #75cbe7 0%, #138fc2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75cbe7', endColorstr='#138fc2', GradientType=0);
    color: #ffffff;
    position: relative;
    z-index: 1;
}

.relative {
    position: relative;
}

.header-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url('../img/angle-bg.png') no-repeat scroll center bottom -60px / 100% auto;
    z-index: -1;
}

.angle-bottom-left,
.angle-top-left,
.angle-top-right,
.angle-bottom-right {
    position: relative;
    background-color: #fff;
}

.angle-bottom-left:after,
.angle-top-left:before,
.angle-top-right:before,
.angle-bottom-right:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 2;
}

.angle-top-right:before {
    bottom: 100%;
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, right bottom, left top, color-stop(50%, #fff), color-stop(50%, transparent)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to left top, #fff 49.5%, transparent 50.5%) repeat scroll 0 0;
}

.angle-bottom-right:after {
	background: rgba(0, 0, 0, 0) linear-gradient(to left top, #fff 49.5%, transparent 50.5%) repeat scroll 0 0;
	bottom: 0px;
	z-index: -1;
	top:unset;
}

.angle-top-left:before {
    bottom: 100%;
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left bottom, right top, color-stop(50%, #fff), color-stop(50%, transparent)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right top, #fff 49.5%, transparent 50.5%) repeat scroll 0 0;
}

.angle-bottom-left:after {
    top: 100%;
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right bottom, color-stop(50%, #fff), color-stop(50%, transparent)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #fff 49.5%, transparent 50.5%) repeat scroll 0 0;
}

.site-bg a {
    color: #ffffff;
}

.wrapper {
    max-width: 98%;
    width: 1170px;
    margin: auto;
    z-index: 2;
}
.wrapper.w960 {
    width:960px;
}

.row:before,
.row:after {
    content: "";
    display: table;
    clear: both;
}

.row {
    display: block;
}

.row [class|=col] {
    float: left;
    display: block;
    padding: 0 15px;
}


.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.66%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
}

.top_title{
	text-align: center;
	position: relative;
}

.top_title::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -20px;
    background-color: #fff;
    width: 80px;
    height: 3px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*----------------------
Mainmenu-Area
------------------------*/

.bg {
    background-color: #4eb3d8;
}

.menuspace {
    width: 100%;
    height: 100px;
    display: block;
}

.mainmenu-area {
    width: 100%;
    max-width: 100%;
    z-index: 99999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    padding: 0.6em 0;
    background-color: #75CBE7;
}

.mainmenu-area.sticky {
    position: absolute;
    top: 0;
}

.mainmenu-area.fixed {
    top: 0;
    position: fixed;
    padding: 0;
    background-color: #4eb3d8;
}

.bg {
    background-color: #4eb3d8;
}

.mainmenu-area .wrapper {
    position: relative;
}

.logo {
    line-height: 0;
}

.logo a span {
    margin-left: 10px;
}

.logo img {
    max-height: 80px;
}


.mainmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
		padding-right: 20px;
}
.mainmenu.with-lang ul:not(.sub_menu) {
		padding-right: 75px;
}

.mainmenu > ul > li {
    display: inline-block;
		position: relative;
}

ul.sub_menu{ position: absolute; top: 64px; background-color: #75cbe7; display: none; text-align: left; padding-right: 0px; }
ul.sub_menu:hover{ display: block; }
ul.sub_menu li a{ color: #ffffff; padding: 10px 26px; display: block; position: relative; white-space: nowrap; border-bottom: 1px solid #b3e3f2; }
ul.sub_menu li:last-child a{ border-bottom: none; }
ul.sub_menu li.active a, ul.sub_menu li a:hover{ color: #0371d8; }

.rules {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    background-color: #ffffff;
    width: 1000px;
    height: 80vh;
    padding: 50px 60px 80px;
    max-width: 96vw;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 99999;
    display: none;
}

.rules .rules-bottom {
    padding-top: 20px;
    text-align: center;
    position: relative;
}

.rules .rules-bottom a span,
.rules .rules-bottom a {
    font-size: 18px;
    color: #202020;
}

.rules-bottom .alignright {
    position: absolute;
    right: 0;
}

.rules h4 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

.rules .close {
    border: none;
    background: none;
    outline: none;
    color: #4ca9ff;
    text-transform: uppercase;
    text-decoration: underline;
}

.mainmenu > ul > li > a {
    color: #ffffff;
    padding: 26px;
    display: block;
    position: relative;
		padding-bottom: 7px!important;
}

.mainmenu ul li.tip a:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #ffffff;
}

.mainmenu ul li.active > a,
.mainmenu ul li > a:hover {
    color: #0371d8;
}

.footer-bottom .mainmenu ul:not(.social-menu) li.chosen a, .footer-bottom .mainmenu ul:not(.social-menu) li > a:hover { color:#fff; border-bottom:1px solid #fff; padding-bottom: 7px; }

.select-lang .select7 {
    margin-top: 28px;
    float: right;
}

.select7 {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.select7 .select7__drop {
    position: absolute;
    right: -10px;
    margin-top: 30px;
    top: 100%;
    color: #202020;
    z-index: 9;
}

.select-lang .select7 .select7__drop:before {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 100%;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}

.select7 .select7__icon img {
    width: 20px;
}

.select7__drop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 150px;
    background-color: #ffffff;
}

.select7__drop-list li {
    padding: 3px 10px;
	font-size:12px;
    cursor: pointer;
    border-bottom: 1px solid #a6d7e9;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.select7__drop-list li:hover {
    background-color: #f5f5f5;
}

.select7__drop-list li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.select7__drop-list .select7__icon img {
    width: 20px;
    margin-right: 10px;
}

/*----------------------
Site-Header
------------------------*/

.site-header {
    height: calc(100% - 100px);
    min-height: 400px;
    max-height: 600px;
    display: table;
    width: 100%;
    padding-top: 100px;
	padding-bottom: 25px;
}

.site-header.smaller {
	min-height: 200px;
	max-height: 350px;
}
.site-header .wrapper {
    display: table-cell;
    vertical-align: middle;
}

.text-box h2 {
  font-size: 58px;
	line-height: 60px;
}
.text-box.firstpage-box h1 {
  font-size: 58px;
	line-height: 60px;
}

.text-box .button {
    margin-top: 30px;
}

.login_form input{
	min-width: calc(50% - 10px);
	background-color: #75CBE7!important;
	border-color: #0C79DD!important;
	color: #0C79DD!important;
	outline: none;
}

#l_password{
	float: right;
}

.site-header .button{
	background-color: transparent !important;
	color: #fff !important;
	border: 2px solid #fff !important;
}

.login_form .forgot-link{
	position: relative;
	top: 15px;
}

/*-------------------
Contact-form
--------------------*/

.contact-form textarea,
.contact-form input[type="text"],
.contact-form input[type="url"],
.contact-form input[type="password"],
.contact-form input[type="email"] {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border: 2px solid #ffffff;
    background:rgba(255,255,255,0.3);
    padding: 0.3em 0.5em;
    margin-bottom: 15px;
    border-radius: 1px;
    color: #ffffff;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
	outline: none;
}

#forgotEmail { color:#0371d8; }

.contact-form textarea {
	resize:none;
	min-height: 150px;
	max-height: 150px;
	height: 150px;
}

.login-bar {
    width: 100%;
    padding: 10px 0;
    background-color: #0c79b8;
    position: absolute;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.mainmenu-area.fixed .login-bar {
    opacity: 1;
    visibility: visible;
}

.login-bar .contact-form input {
    margin-bottom: 0;
	background: #75cbe7;
	border-color: #0061a2;
}

.login-bar .contact-form .button {
    margin-top: 0;
	background-color: transparent !important;
	color: #fff !important;
	border: 2px solid #fff !important;
}

.contact-form .form-double:after {
    content: "";
    display: table;
    clear: both;
}

.contact-form .form-double input {
    width: 48%;
    float: left;
}

.contact-form .form-double input:last-child {
    float: right;
}

.contact-form textarea:focus,
.contact-form input:focus {
    border: 2px solid #0371d8;
}

.contact-form ::-webkit-input-placeholder {
    color: #ffffff;
}

.contact-form :-ms-input-placeholder {
    color: #ffffff;
}

.contact-form ::-ms-input-placeholder {
    color: #ffffff;
}

.contact-form ::-webkit-input-placeholder {
    color: #ffffff;
}

.contact-form :-ms-input-placeholder {
    color: #ffffff;
}

.contact-form ::placeholder {
    color: #ffffff;
}

.login_form ::-webkit-input-placeholder {
    color: #ffffff!important;
}

.login_form :-ms-input-placeholder {
    color: #ffffff!important;
}

.login_form ::-ms-input-placeholder {
    color: #ffffff!important;
}

.login_form ::-webkit-input-placeholder {
    color: #ffffff!important;
}

.login_form :-ms-input-placeholder {
    color: #ffffff!important;
}

.login_form ::placeholder {
    color: #ffffff!important;
}
.contact-form button {
    border: none;
    outline: none;
    margin-top: 10px;
}

.contact-form .link {
    margin-top: 18px;
}

.contact-form .link:hover {
    text-decoration: underline;
}

#joinMessage { margin-top:20px; }
.message-box { display:none; }
.not-hidden { display:inline-block !important; }

.pb-40 { padding-bottom: 40px; }

.contact-form .success-message,
.contact-form .error-message {
	display:none;
    background-color: #a0190b;
    color: #ffffff;
    padding: 12px 20px;
    width: 100%;
    margin-bottom: 20px;
}

.contact-form .success-message .close-notification,
.contact-form .error-message .close-notification {
    float: right;
	color:#ffffff;
}

.contact-form .success-message {
    background-color: #6AC663;
}

.form-select .select7 {
    width: 200px;
    max-width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #ffffff;
}

.form-select .select7 .select7__drop {
    margin-top: 0;
}

.form-select .select7 .select7__drop-list {
    width: 210px;
}

.form-select .select7 .select7__current:after {
    content: "\e64b";
    font-family: 'themify';
    position: absolute;
    left: 105%;
    top: 5px;
    width: 25px;
    height: 25px;
    background-color: #ffffff;
    color: #2f99c4;
    border-radius: 100%;
    text-align: center;
    line-height: 2.6em;
    font-size: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.form-select .select7.select7_open .select7__current:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}


.checkbox {
    position: relative;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
}


.checkbox label {
    margin-left: 10px;
	cursor:pointer;
}

.checkbox label:before {
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
}

.checkbox label::after {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 12px;
    width: 16px;
    height: 16px;
    text-align: center;
    font-family: 'themify';
    content: "\e64c";
    z-index: 3;
    color: #2f99c4;
    cursor: pointer;
    opacity: 0;
}

.checkbox input[type="checkbox"]:checked + label::after {
    opacity: 1;
}

.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.6;
}

.radiobox {
    position: relative;
}

.radiobox input[type="radio"] {
    margin-right: 10px;
    opacity: 0;
}

.radiobox label:before {
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    border-radius: 2px;
}

.radiobox label:after {
    width: 8px;
    height: 8px;
    background-color: #2f99c4;
    content: "";
    position: absolute;
    left: 4px;
    top: 9px;
    border-radius: 2px;
    opacity: 0;
}

.radiobox input[type="radio"]:disabled + label:after,
.radiobox input[type="radio"]:checked + label:after {
    opacity: 1;
}

.radiobox input[type="radio"]:disabled + label {
    opacity: 0.5;
}

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

.forgot-password {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 700px;
    max-width: 100%;
    height: 430px;
    margin: auto;
    background-color: #f2fefe;
    z-index: 9999999;
    padding: 40px;
    text-align: center;
    display: none;
}

.forgot-password h2 {
    color: #0371d8;
	font-size:44px;
}

.forgot-password p {
    margin-bottom:10px;
}

.forgot-password input {
    margin-top: 10px;
    border: 1px solid #9fd3ff !important;
}

.forgot-form input:focus {
    border: 1px solid #0371d8 !important;
}

.forgot-password .close {
    color: #4ca9ff;
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block;
    text-decoration: underline;
}


/*-----------------------
Service-Box
-------------------------*/

.card-box {
    text-align: center;
    padding: 30px 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0 0 0 -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 -5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    display: block;
    position: relative;
    margin-bottom: 50px;
    cursor: pointer;
}

.card-box:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.card-box .full-content {
    display: none;
}

.lightbox h5,
.card-box h5 {
    font-weight: 700;
    text-transform: uppercase;
    color: #40485a;
}

.lightbox p,
.card-box p {
    margin-bottom: 0;
}

.lightbox .card-image,
.card-box .card-image {
    height: 160px;
    height: 160px;
}

.client-slide img,
.card-box .card-image img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    max-height: 100%;
    opacity: 0.7;
}

.client-slide img:hover,
.card-box:hover .card-image img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.card-box .more {
    color: #4ca9ff;
    padding: 5px 20px;
    display: inline-block;
    position: absolute;
    top: 103%;
    left: 0;
    right: 0;
    max-width: 120px;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    text-decoration: underline
}

.card-box:hover .more {
    visibility: visible;
    opacity: 1;
}



.shadow {
    -webkit-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.3);
    line-height: 0;
    border-radius: 5px;
    overflow: hidden;
}

/*-------------------------
Promo-Slider
---------------------------*/

.promo-slider-area, .join-form {
    padding: 105px 0 110px;
}

.contact-form .join {
    color: #ededed;
    margin-bottom: 20px;
}

.contact-form .join span {
    font-family: 'Montserrat', sans-serif;
    font-size: 70px;
    display: block;
    margin-bottom: 20px;
    color: #ffffff;
    line-height: 1;
}

.accordion .accordion-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #e4ecf0;
    margin: 0;
    padding-top: 40px;
    padding-left: 80px;
    padding-bottom: 10px;
    margin-top: 30px;
    position: relative;
    cursor: pointer;
}

.accordion .accordion-title:first-child {
    border-top: none;
    margin-top: 0;
}

.accordion .accordion-title span {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    width: 40px;
    height: 40px;
    border: 1px solid #a7d7ff;
    border-radius: 50%;
    background: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.ui-tabs-nav li.ui-tabs-active a,
.accordion .accordion-title.ui-accordion-header-active span {
    background: #2f60c3;
    background: -webkit-gradient(linear, left top, right top, from(#2f60c3), to(#3f7fff));
    background: linear-gradient(to right, #2f60c3 0%, #3f7fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f60c3', endColorstr='#3f7fff', GradientType=1);
    color: #ffffff;
}


.accordion .accordion-title span:before,
.accordion .accordion-title span:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 1px;
    background-color: #0371d8;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.accordion .accordion-title span:after {
    -webkit-transform: translate(-50%) rotate(90deg);
    transform: translate(-50%) rotate(90deg)
}

.accordion .accordion-title.ui-accordion-header-active span:after {
    -webkit-transform: translate(-50%) rotate(0);
    transform: translate(-50%) rotate(0);
    background-color: #ffffff;
}

.accordion .accordion-desc {
    padding-bottom: 0px;
    padding-left: 80px;
}

.accordion p {
    margin: 0;
}

.accordion .accordion-desc{
	position: relative;
}
.accordion .with_image.ui-accordion-content-active p{
	padding-left: calc(40% + 20px);
}
.accordion .with_image figure{
	width: 40%;
	height: auto;
	float: left;
	position: relative;
	top: 7px;
	margin-bottom: 15px;
	margin-top: 0;
	overflow: hidden;
	/* transition: all 0.3s ease-in-out; */
}

.accordion .with_image figure img{
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.accordion .with_image figure:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.accordion .with_image img{
	/* width: 40%; */
	/* height: auto; */
	/* float: left; */
	/* position: relative; */
	/* top: 7px; */
	/* margin-bottom: 15px; */
}

.sp-slide .sp-layer p {
	padding:0 25px 20px 15px;
}
.sp-slide .sp-layer.sp-rel {
	position: relative;
}

.ui-tabs-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 20px;
}

.ui-tabs-nav li {
    display: inline-block;
    margin: 0 30px;
}

.ui-tabs-nav li a {
    padding: 0.6em 3em;
    display: block;
    margin: 10px 0;
    border: 1px solid #a7d7ff;
    border-radius: 100px;
    color: #0371d8;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #ffffff;
    -webkit-transition: 0s;
    transition: 0s
}

#promo-slide .sp-slide .sp-layer.sp-rel{
	text-align: justify;
}

#promo-slide .slide-content{
	position: relative;
}
#promo-slide .slide-content .sp-layer{
	top: 0px !important;
}

/*-------------------
Video gallery
---------------------*/

.carousel_wrapper{
	width: 2000px;
	margin: 0 auto;
	max-width: calc(100% - 64px);
}
.slider_full{
	text-align: center;
	/* width: calc(100% - 40px); */
}
.slider_full .item{
	text-align: left;
}
.slider_full .owl-stage{
    margin: 0 auto;
}

#singe_point_of_management .item{
	/* max-width: 600px; */
}
#singe_point_of_management .item .media{
	width: 100%;
	max-width: 600px;
	max-height: 360px;
	height: auto;
	overflow: hidden;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#singe_point_of_management .item .media img{
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#singe_point_of_management .item .media:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.feedback_wrapper{
	margin-bottom: 60px;
}

#clients .item{
	width: 200px;
}
#clients .item .media{
	width: 100%;
	height: 150px;
}

.slider_full .item .version{
	display:inline-block;
	font-weight: 600;
	text-align: left;
	font-size: 14px;
	margin: 5px 0;
	background:#0c79b8;
	border-radius: 3px;
	color: #fff;
	padding: 0 10px;
}
.slider_full .item .description{
	font-weight: 600;
	text-align: left;
	line-height: 18px;
	min-height: 55px;
}
.slider_full .item .text{
	margin-top: 5px;
	text-align: left;
}
#clients .slider_full .item .title{
	text-align: center;
}
#clients .slider_full .item .text{
	text-align: center;
}
.slider_full .owl-nav .owl-prev{
	position: absolute;
	left: -32px;
	top: 66px;
}

.slider_full .owl-nav .owl-next{
	position: absolute;
	right: -32px;
	top: 66px;
}

#singe_point_of_management .owl-nav .owl-prev,
#singe_point_of_management .owl-nav .owl-next{
	top: calc(50% - 20px);
}

.slider_full .owl-nav div{
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background-color: #00558a;
	color: #fff;
}
.slider_full .owl-nav div i{
	font-style: normal;
}

.slider_full .owl-dots{
	display: block;
	margin-top: 30px;
}
#clients .slider_full .owl-dots{
	margin-bottom: 30px;
}
.slider_full .owl-dots .owl-dot{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #75CBE7;
	margin-left: 15px;
}
.slider_full .owl-dots .owl-dot:list-child{
	margin-left: 0px;
}
.slider_full .owl-dots .owl-dot.active, .slider_full .owl-dots .owl-dot:hover{
	background-color: #00558a;
}

.slider_full .owl-stage {
  display: flex;
  align-items: center;
}

.videoPlayer{
	display: inline-block;
}

.fancybox__content{
	max-width: 100%;
}

.sp-thumbnails{
	max-width: 100%;
}

#read_about .sp-thumbnail-container{
	/*max-width: calc(100% / 3);*/
	min-width: unset;
}

#upcoming_events{
	padding-bottom: 70px;
}

#upcoming_events .owl-stage-outer{
	overflow: visible;
}

#upcoming_events .item:hover{
	box-shadow: -2px 20px 28px -10px rgba(0,0,0,0.4);
	-webkit-box-shadow: -2px 20px 28px -10px rgba(0,0,0,0.4);
	-moz-box-shadow: -2px 20px 28px -10px rgba(0,0,0,0.4);
}

#upcoming_events .item:hover .right_col{
	background-color: #e5fafb;
}

#upcoming_events .item{
	max-width: 600px;
	display: flex;
}
#upcoming_events .item .media{
	display: inline-block;
	max-width: 50%;
	max-height: 350px;
	text-align: center;
	max-height: 100%;
}
#upcoming_events .item picture{
	max-height: 100%;
	display: inline-block;
}
#upcoming_events .item img{
	display: inline-block;
	width: auto;
	max-height: 100%;
	vertical-align: top;
}

#upcoming_events .item .right_col{
	display: inline-block;
	width: 50%;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
}
#upcoming_events .item .right_col .date{
	color: #b5b5b5;
	font-size: 12px;
}
#upcoming_events .item .right_col .title{
	font-weight: 600;
	color: #000;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 1.2;
}
#upcoming_events .item .right_col .description{
	font-size: 12px;
	font-weight: 400;
	font-size: 13px;
}
#upcoming_events .item .right_col .button{
	margin-top: 15px;
	border: 2px solid #2f60c3;
	font-size: 14px;
	max-width: 100%;
	min-width: unset;
	padding: 5px 20px;
}

#upcoming_events .owl-nav .owl-next, #upcoming_events .owl-nav .owl-prev{
	top: calc(50% - 66px);
}

/*-------------------
Numbers
---------------------*/

#numbers{
	padding-bottom: 170px;
}

#numbers h3{
	color: #fff;
}

#numbers .page-title::before{
	background-color: #fff;
}

#numbers .row{
	display: flex;
	flex-wrap: wrap;
}

#numbers .row .col-md-4{
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

#numbers .row .col-md-6{
	flex: 0 0 50%;
	max-width: 50%;
}

#numbers img{
	position: relative;
	top: -9px;
	margin-right: 10px;
}

#numbers .count-value{
	font-weight: 600;
}

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

.align-items-end {
	-ms-flex-align: end !important;
	align-items: flex-end !important;
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.font-weight-700 {
	font-weight: 700 !important;
}

.h4{
	font-size: 1.5rem;
}

/*-------------------
Footer-Area
---------------------*/

.footer-area {
    padding-top: 60px;
    position: relative;
}

.footer-middle {
    margin-top: 60px;
    margin-bottom: 40px;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.footer-area:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../img/angle-bg.png') no-repeat scroll center bottom/100% auto;
    z-index: -1;
}

.address {
    margin: 0;
    padding: 0;
    list-style: none;
	display: flex;
}

.address li {
    display: inline-block;
    margin-bottom: 40px;
    font-weight: 300;
	width: 25%;
	position: relative;
}
.address li.made_in_lat img {
	position: absolute;
	top: -21px;
	left:0px;
}

.address li .address-icon {
    width: 50px;
    min-height: 60px;
    margin-right: 20px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    float: left;
}

.address li h5 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block;
}

.address li p {
    font-size: 14px;
}

.social-menu {
    margin: 0;
    padding: 0;
    list-style: none;

		float: unset !important;
	  padding-right: 0px !important;
	  display: inline-block!important;
}

.social-menu li {
    display: inline-block;
}

.social-menu li a {
    display: block;
    margin: 0 10px;
}

.social-menu li a span {
    width: 40px;
    height: 40px;
    display: block;
    background-color: #2499c8;
    border-radius: 50%;
    text-align: center;
    line-height: 2.4em;
    color: #ffffff;
}

.social-menu li a span.ti-facebook {
    background-color: #3b5997;
}

.social-menu li a span.ti-twitter {
    background-color: #54aced;
}

.social-menu li a span.ti-instagram {
    background-color: #E25799;
}

.social-menu li a span.ti-pinterest {
    background-color: #BC1121;
}

.copyright {
    padding: 30px 0;
	line-height:27px;
}

.copyright span { margin-left:20px;font-size:13px;line-height:27px; }
.copyright img { float:left; }

.scroll {
    overflow: auto;
    width: 100% !important;
    height: 100%;
    padding: 0 5px;
}

.track3 {
    width: 2px;
    position: relative;
    right: -20px;
    background: #bfe3f0;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}


.handle3 {
    width: 6px;
    right: -2px;
    padding: 0;
    background: #999;
    background: #69c4e3;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}


.lightbox {
    z-index: 999999;
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    padding: 30px 20px 45px;
    text-align: center;
	width: 530px;
    height: 460px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.2);
    display: none;
}

.lightbox .lightbox-data {
    width: 100% !important;
}

.lightbox .close {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 30px;
    text-transform: uppercase;
    color: #4ca9ff;
    text-decoration: underline;
}

/* Cookies */
#cookie { width:100%;min-height:30px;background-color:rgba(78, 179, 216, 0.8);border-top:2px solid #0c79b8;position:fixed;bottom:0;padding:8px 0;z-index:10000000000; }
#cookie p { display:inline-block;font-size:14px;line-height:30px;color:#fff; }
#cookie p a { color:#fff;text-decoration:none;border-bottom:1px solid #fff; }
#cookie p a:hover { border-bottom:1px dashed #fff; }
#cookie button { width:150px;min-width:150px;float:right;height:28px;font-size:13px;margin-left:20px; }

/* License */
#licenseContent { display:none; }
/* #rules { font-size:12px; }
#rules h1 { font-size:22px;margin-top:20px;margin-bottom:10px;font-weight:bold; }
#rules h2 { font-size:18px;margin-top:20px;margin-bottom:10px; }
#rules a { color:#4ca9ff;text-decoration:underline; }
#rules a:hover { text-decoration:none; }
#rules p { margin: 8px 0;line-height:25px;text-align:justify; }
#rules ol.main { margin:0;padding:0 20px; list-style:decimal outside; }
#rules ol.main > li { margin-top:8px;margin-left:10px; counter-increment: root;line-height:25px;text-align:justify; }
#rules ol.main > li > ol { counter-reset: subsection; list-style-type: none; }
#rules ol.main > li > ol > li { margin-top:5px;margin-left:10px; counter-increment: subsection; }
#rules ol.main > li > ol > li:before { content: counter(root) "." counter(subsection) ". "; } */
#cookies a { color:#4ca9ff;text-decoration:underline; }
#cookies a:hover { text-decoration:none; }

/* Text section */
.text-section{ font-size: 12px; }
.text-section.news-section{ font-size: 16px; }
.text-section a { color:#4ca9ff;text-decoration:underline; }
.text-section a:hover { text-decoration:none; }

/* LOADER */
#loader { position:fixed;top:0px;left:0px; bottom:0px;right:0px; background-color:rgba(255,255,255, 0.9); z-index: 1000; }
#loader > div { width: 40px; height: 40px; margin: auto auto; position: relative;top:30%; transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); }
#loader .cube {  position: relative; transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); float: left; width: 50%; height: 50%; position: relative; transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
#loader .cube:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(71,157,216); animation: loaderMove 2.76s infinite linear both; -o-animation: loaderMove 2.76s infinite linear both; -ms-animation: loaderMove 2.76s infinite linear both; -webkit-animation: loaderMove 2.76s infinite linear both; -moz-animation: loaderMove 2.76s infinite linear both; transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; }
#loader .c2 { background-color: rgb(31,96,150); transform: scale(1.1) rotateZ(90deg); -o-transform: scale(1.1) rotateZ(90deg); -ms-transform: scale(1.1) rotateZ(90deg); -webkit-transform: scale(1.1) rotateZ(90deg); -moz-transform: scale(1.1) rotateZ(90deg); }
#loader .c3 { background-color: rgb(35,91,164); transform: scale(1.1) rotateZ(180deg); -o-transform: scale(1.1) rotateZ(180deg); -ms-transform: scale(1.1) rotateZ(180deg); -webkit-transform: scale(1.1) rotateZ(180deg); -moz-transform: scale(1.1) rotateZ(180deg); }
#loader .c4 { background-color: rgb(44,132,187); transform: scale(1.1) rotateZ(270deg); -o-transform: scale(1.1) rotateZ(270deg); -ms-transform: scale(1.1) rotateZ(270deg); -webkit-transform: scale(1.1) rotateZ(270deg); -moz-transform: scale(1.1) rotateZ(270deg); }
#loader .c2:before { animation-delay: 0.35s; -o-animation-delay: 0.35s; -ms-animation-delay: 0.35s; -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s;}
#loader .c3:before { animation-delay: 0.69s; -o-animation-delay: 0.69s; -ms-animation-delay: 0.69s; -webkit-animation-delay: 0.69s; -moz-animation-delay: 0.69s; }
#loader .c4:before { animation-delay: 1.04s; -o-animation-delay: 1.04s; -ms-animation-delay: 1.04s; -webkit-animation-delay: 1.04s; -moz-animation-delay: 1.04s; }
@keyframes loaderMove {
	0%, 10% { transform: perspective(136px) rotateX(-180deg); opacity: 0; }
	25%, 75% { transform: perspective(136px) rotateX(0deg); opacity: 1; }
	90%, 100% { transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-o-keyframes loaderMove {
	0%, 10% { -o-transform: perspective(136px) rotateX(-180deg);opacity: 0; }
	25%, 75% { -o-transform: perspective(136px) rotateX(0deg);opacity: 1; }
	90%, 100% { -o-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-ms-keyframes loaderMove {
	0%, 10% { -ms-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
	25%, 75% { -ms-transform: perspective(136px) rotateX(0deg); opacity: 1; }
	90%, 100% { -ms-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-webkit-keyframes loaderMove {
	0%, 10% { -webkit-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
	25%, 75% { -webkit-transform: perspective(136px) rotateX(0deg); opacity: 1; }
	90%, 100% { -webkit-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-moz-keyframes loaderMove {
	0%, 10% { -moz-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
	25%, 75% { -moz-transform: perspective(136px) rotateX(0deg); opacity: 1; }
	90%, 100% { -moz-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}

/* .requisites{
	margin: 0;
	padding: 0;
	list-style: none;
}
.requisites span{
	display: inline-block;
	width: 100px;
} */

.fancybox__content{
	padding: 5px;
}
.fancybox__container{
	z-index: 99999;
}

#read_about .sp-mask.sp-grab{ margin: 20px 0px; }
ifram .videoPlayer{ font-family: 'Roboto', sans-serif; }

.light_blue-bg{ background: #e5fafb; }
.light_blue-bg.angle-top-right::before{ background: rgba(0, 0, 0, 0) linear-gradient(to left top, #e5fafb 49.5%, transparent 50.5%) repeat scroll 0 0; }

#events{ position: relative; top: -125px; }
#search_free_text { border: 0px; outline: 0px; background: transparent; border-bottom: 2px solid #fff; color: #fff; padding-left: 20px; margin-bottom: 50px; width: 100%; padding-bottom: 8px; font-size: 14px; }
.filter_block{ display: block; padding: 60px; background: linear-gradient(to right, #75cbe7 0%, #138fc2 100%); }
.filter_block .form-control{ display: block; width: 100%; margin-bottom: 20px; color: #75cbe7; background: #fff; outline: 0px; padding: 9px 15px; }
.filter_block .button{ background: transparent; border: 1px solid #fff; min-width: unset; font-size: 14px; padding: 0.3em 2em; }
.filter_block .button::before{ background: none; }
.filter_block .button:hover{ box-shadow: none; background: #fff; }
.filter_title{ margin-top: 30px; margin-bottom: 20px; font-weight: 600; text-transform: uppercase; color: #0c79dd; font-size: 18px; }
.filter_tags{ display: flex; flex-flow: row wrap; gap: 5px; }
.filter_tags a{ display: inline-block; border: 1px solid #75cbe7; color: #737373; padding: 5px 10px; background: transparent; }
.filter_tags a.active { background: #fff; }
.filter_tags a:hover { background: #138fc2; color: #fff; }

.event_calendar .month_row{ background: linear-gradient(to right, #75cbe7 0%, #138fc2 100%); padding: 20px 30px; color: #fff; text-align: center;line-height:24px; }
.event_calendar .month_row .navigation_button{ display: inline-block; font-size: 32px; color: #fff;cursor:pointer; }
.event_calendar .month_row .navigation_button.prev_month{ float: left; }
.event_calendar .month_row .navigation_button.next_month{ float: right; }
.event_calendar .month_row .current_month{ display: inline-block; font-size: 16px; color: #fff; font-weight: 600;margin-top: 3px; }
.event_calendar table { border: 1px solid #0c79dd; border-top: 0px; }
.event_calendar table thead{ color: #0c79dd; }
.event_calendar table thead th{ padding: 10px 0px; width: 30px; }
.event_calendar table tbody{ text-align: center; background: #fff; }
.event_calendar table tbody td{ font-weight: 400; color: #9ca0a8; font-size: 14px; padding: 5px 0; background-color: #eee; }
.event_calendar table tbody td:not(.events) .day_nr{ cursor:default; }
.event_calendar table tbody td.events { background: #fff; cursor: pointer; color: #2f60c3; font-weight: 600; }
.event_calendar table tbody td.active,
.event_calendar table tbody td.events:hover{ background: linear-gradient(to right, #00558a 0%, #1286ce 100%); color: #fff; }
.event_calendar table tbody td.different_month{ color: #9ca0a8; font-weight: 400; background-color: #dfdfdf; }

.recommend_list .item{ display: block; margin-bottom: 10px; }
.recommend_list .item a{ display: block; }
.recommend_list .item img{ display: inline-block; width: 75px; float: left; }
.recommend_list .item .item_content{ display: inline-block; width: calc(100% - 90px); margin-left: 15px; }
.recommend_list .item .item_content .date{ display: block; font-size: 14px; line-height: 1.2; }
.recommend_list .item .item_content .name{ display: block; font-weight: 600; line-height: 1.2; }

.list_links a{ display: block; margin-bottom: 10px; color: #6a6a6a; }

.events .event_item{ position: relative; background: #fff; margin-bottom: 20px; }
.events .event_item img{ width: 250px; float: left; max-width: 30%; padding-top:10px; }
.events .event_item .item_date, #events_open .text_description .item_date{ position: absolute; top: 0px; left: 0px; background: linear-gradient(to right, #2f60c3 0%, #3f7fff 100%); color: #fff; padding: 5px 10px; font-size: 12px; font-weight: 600; }
.events .event_item .item_date.passed, #events_open .text_description .item_date.passed{ background: linear-gradient(to right, #8c8c8c 0%, #bdbdbd 100%); }
.events .event_item .item_date span, #events_open .text_description .item_date span{ font-size: 16px; }
.events .event_item .item_recommended, #events_open .text_description .item_recommended{ position: absolute; top: 0px; RIGHT: 0px; background: linear-gradient(to right, #2f60c3 0%, #3f7fff 100%); color: #fff; padding: 5px 10px; font-size: 12px; font-weight: 600; }
.events .event_item .event_content{ display: inline-block; width: 70%; padding: 55px 20px 20px; }
.events .event_item .event_content .name{ margin-bottom: 10px;  font-size: 30px; display: inline-block; line-height: 1; width: 100%; font-weight: 300; color: #40485a; }
.events .event_item .event_content .description{ line-height: 1.5; margin-bottom: 10px; }
.events .event_item .event_content .button{ margin-top: 15px; border: 2px solid #2f60c3; font-size: 14px; max-width: 100%; min-width: unset; padding: 5px 20px; float: right; }
.events .event_item:hover{ box-shadow: -2px 20px 28px -10px rgba(0,0,0,0.4); -webkit-box-shadow: -2px 20px 28px -10px rgba(0,0,0,0.4); -moz-box-shadow: -2px 20px 28px -10px rgba(0,0,0,0.4); }

.events .events_not_found { background-color: #a0190b;color: #ffffff;padding: 12px 20px;width: 100%;margin-bottom: 20px; }

.pagination{ list-style: none; display: flex; flex-flow: row wrap; margin: 0; padding: 0; }
.pagination li{ width: 30px; font-weight: 600; color: #000; }
.pagination li.active a,
.pagination li:hover a{ color: #685efb; }

#events_open .text_description{ background: #fff; padding: 38px 30px 30px; display: inline-block; width: 100%; position: relative; }
#events_open .banner{ margin-top: 10px; text-align: center; }

#events_open .event_logo{ text-align: center; background: #fff; display: inline-block; width: 100%;}
#events_open .event_logo img{ display: block; margin: 0px auto; }
#events_open .title{ text-align: center; background: #fff; font-weight: 600; }
#events_open .contacts{ margin-top: 20px; background: #fff; display: block; padding: 10px 20px; font-size:12px; }
#events_open #map{ width: 100%; height: 150px; }
#events_open .contact_data .label{ display: inline-block; width: 85px; }
#events_open .contact_data .value{ display: inline-block;  }

/* .event_header{ padding: 0 !important; text-align: center; max-height: 100px; background-color: transparent !important; border-bottom: 0; }
.event_header img{ vertical-align: top; max-height: 100px; } */
.event_header{ padding: 0 !important; text-align: center; background-color: transparent !important; position: static !important; display: inline-block; height: auto; max-height: 100%; border: none; }
.event_header img{ vertical-align: top; width: 100%; height: auto; }

.text-section.news-list a{ text-decoration: none; }
.text-section blockquote, .section-space blockquote { background: #75cbe7; background: -webkit-gradient(linear, left top, left bottom, from(#75cbe7), to(#138fc2)); background: linear-gradient(to bottom, #75cbe7 0%, #138fc2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75cbe7', endColorstr='#138fc2', GradientType=0); color: #ffffff; font-size: 24px; margin: 0px -5%; }
.text-section blockquote::before, .section-space blockquote::before { content: ""; background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #fff 49.5%, transparent 50.5%) repeat scroll 0 0; width:100%; height:50px; display: block;}
.text-section blockquote::after, .section-space blockquote::after { content: ""; background: rgba(0, 0, 0, 0) linear-gradient(to left top, #fff 49.5%, transparent 50.5%) repeat scroll 0 0; width:100%; height:50px; display: block; }
.text-section blockquote p:first-child::before, .section-space blockquote p:first-child::before { content: "\201C"; color: #ccf1ff; font-size: 7em; position: absolute; top: 100px; left: 40px; }
.text-section blockquote p, .section-space blockquote p { padding: 50px 50px 50px 110px; margin:0px; position: relative; }
.text-section blockquote span:last-child, .text-section blockquote span:only-child, .section-space blockquote span:last-child, .section-space blockquote span:only-child { padding: 0px 50px 50px 110px; display: block; margin-top: -30px; font-size: 18px; font-style: italic; }

.site-header.max340 { max-height: 340px!important; overflow: hidden; }
.site-header.with-img { display: inline-block; max-height: unset; min-height: unset; height: auto; }
.site-header.with-img img{ max-width: none; width: 100%; display: block; }
.text-section.section-space.section-padded div.wrapper{ padding:0px 5%; }
.text-section.section-space.section-padded div.wrapper .row{ padding:0px 5%; }
.text-section img{ max-width: 100%; height: auto!important; }
.text-section ul { list-style: none; }
.text-section ul li { position: relative; }
.text-section ul:not(.bulletless) li::before { content: "\2022"; color: #00558a; font-weight: bold; display: inline-block; font-size: 30px; position: absolute; top: 9px; left: -20px; height: 12px; line-height: 12px; }
.text-section ul:not(.bulletless) li ul li::before { color: #1485cc; }
.text-section table.full{ width: 110%!important; border: none; margin: 0px -5%;}
.text-section table.full td{ border: none; }
.text-section .col.full { display: inline-block; width: 110%; margin: 0px -5%; }
.text-section .col.full ul { margin:0px; }
.text-section .col.full .col-left{ padding-left:0px; }
.text-section .col.full .col-right{ padding-right:0px; }
.text-section .col.full .col-left.col-12{ padding-right:0px; }
.text-section .col.full .col-right.col-12{ padding-left:0px; }

div.alt_desc_block{ margin: 0px -15%; display: inline-block;}
div.alt_desc_block .img_frame{ width: 75%; float: left; margin-right: 5%; }
div.alt_desc_block .alt_desc{ float: right; width: 20%; font-weight: 600; border-bottom: 4px solid #4eb3d8; padding-bottom: 10px; font-size: 14px; }

.news_list .news_item{ position: relative; background: #fff; margin-bottom: 20px; font-size:16px; }
.news_list .news_item:hover{ box-shadow: -2px 20px 28px -10px rgba(0,0,0,0.4); -webkit-box-shadow: -2px 20px 28px -10px rgba(0,0,0,0.4); -moz-box-shadow: -2px 20px 28px -10px rgba(0,0,0,0.4); }
.news_list .news_item img{ float: left; max-width: 30%; }
.news_list .news_item .news_content{ display: inline-block; width: 70%; padding: 55px 20px 20px; }
.news_list .news_item .news_content.full_width{ width: 100%; }
.news_list .news_item .news_date{ position: absolute; top: 0px; left: 0px; background: linear-gradient(to right, #2f60c3 0%, #3f7fff 100%); color: #fff; padding: 5px 10px; font-size: 12px; font-weight: 600; }
.news_list .news_item .button{ margin-top: 15px; border: 2px solid #2f60c3; font-size: 14px; max-width: 100%; min-width: unset; padding: 5px 20px; float: right; }
.buttons .button.white { margin: 0px 10px; border: 2px solid #2f60c3; font-size: 14px; max-width: 100%; min-width: unset; padding: 5px 20px; float:unset; }
.section-space .buttons{ text-align: center;  display: inline-block; width: 100%; }

.slider_full.with-play .media{ position: relative; }
.slider_full.with-play .play-btn-container{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1; }
.slider_full.with-play .play-btn-container .play-btn{ background: url('../img/play-button-sprite.png') no-repeat center center; background-position: 0px 0px; opacity: 0.5; background-size: 300px; width: 150px; height: 150px; position: absolute; top: calc(50% - 75px); left: calc(50% - 75px); }
.slider_full.with-play .play-btn-container .play-btn:hover{ background-position: -150px 0px; opacity: 0.75; }

.event-btns{ width:100%; }
.event-btns .button.white{ margin-top: 15px; border: 2px solid #2f60c3; font-size: 14px; max-width: 100%; min-width: unset; padding: 5px 20px; width: auto !important; }
.event-btns .btn-open{ float: left; }
.event-btns .btn-register{ float: left; margin-right: 15px; }

.news_list .news_content h3{ font-size: 30px; }
.recommend_list{ background: #fff; padding: 10px; margin-bottom: 30px; }
.recommend_list div.item:last-child{ margin-bottom: 0px; }
.event_calendar{ max-width: 360px; margin: 0px auto; }

@media (min-width: 870px) {
    .mainmenu-area .mainmenu {
        display: block !important;
    }
}
@media (min-width: 767px) {
    .mainmenu-area .mainmenu {
        display: block !important;
    }
}

.text-section h2{ font-size:30px; position: relative; padding-bottom: 10px; }
.text-section h2::before { content: ""; position: absolute; left: 0px; bottom: 0px; background-color: #00558a; width: 80px; height: 3px; }

.mainmenu .arrow-down{ font-size: 11px; margin-left: 10px; }

#lang_select{ margin: 0px; position: absolute; right: 0px; top: 20px; list-style: none; padding: 0px;}
#lang_select a{ color:#fff; }
#lang_select .active a, #lang_select a:hover{ color: #0371d8; }

#clients .owl-carousel .owl-item{ min-width: 200px!important; }

#lang_btn {
	background-color: #75CBE7;
  color: #fff;
  padding: 0px;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 5px;
  height: 40px;
  width: 90px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
}
#lang_btn:before {
	position: absolute;
	top:8px; left:8px;
	content: '';
	background: url('../img/Globe.svg') no-repeat;
	background-size: 24px;
  width: 24px;
  height: 24px;
}
#lang_btn:after {
	position: absolute;
	top:17px; right:8px;
	content: '';
	background: url('../img/triangle.svg') no-repeat;
	background-size: 12px 6px;
	width: 12px;
	height: 6px;
}
#lang_btn span.txt {
	width: 22px;
  display: block;
  position: absolute;
  top: 11px;
  left: 40px;
  height: 18px;
  line-height: 18px;
}

#lang_btn:hover, #lang_btn.active {
  background-color: #59BADC;
}
#lang_btn.active {
  border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* #lang_select {
  position: relative;
  display: inline-block;
} */

#lang_drop {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 90px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

#lang_drop a {
  color: #004e7d;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
#lang_drop a.active {
font-weight: 600;
}

#lang_select a:hover {background-color: #ddd;}

#lang_drop.show {display: block;}

#contacts_map{ width:100%; aspect-ratio: 1/1; background: #000; }

.pt-40{ padding-top:40px; }
.py-50{ padding-top:50px; padding-bottom: 50px; }

#contacts_info { margin: 0px; margin-bottom: 60px; max-width: 320px;}
#contacts_info li { position: relative; display: inline-block; margin-bottom: 20px; }
#contacts_info li span.icon{ display: block; width: 70px;  height: 70px;  float: left;  border-radius: 50%;  border: 1px solid #0083B9;  background-color: #fff; margin-right: 20px;}
#contacts_info li span.icon.icon-office_address:before{ content: ''; background: url('../img/navigation.svg') no-repeat; 	background-size: 26px 26px; display: block;  width: 26px;  height: 26px;  position: absolute;  top: 22px;  left: 22px;}
#contacts_info li span.icon.icon-phone:before{ content: '';	background: url('../img/phone.svg') no-repeat; 	background-size: 26px 26px; display: block;  width: 26px;  height: 26px;  position: absolute;  top: 22px;  left: 22px;}
#contacts_info li span.icon.icon-email:before{ content: ''; background: url('../img/email.svg') no-repeat; 	background-size: 26px 20px; display: block;  width: 26px;  height: 20px;  position: absolute;  top: 25px;  left: 22px;}
#contacts_info li .info_block{ color:#0083B9; width:calc(100% - 90px); float:left; }
#contacts_info li .info_block .title{ font-weight: 600; font-size: 20px; width:100%; display: block; }
#contacts_info li .info_block .info{ font-size: 18px; margin-top: 10px; display: block; width: 100%; }
ul.bulletless{ padding: 0px; }
#company_details_block{ background-color: #fff; color:#40485A; padding:40px 30px; margin-top: 0px; margin-bottom: 40px; box-shadow: -2px 4px 16px #67999b; max-width: 100%; }
#company_details_block #details_title{ display: inline-block; width:100%; position: relative; margin-bottom: 20px; }
#company_details_block #details_title span.icon{ display: block; width: 36px;  height: 36px;  float: left;  border-radius: 50%; background-color: #0083B9; margin-right: 10px; }
#company_details_block #details_title span.icon:before{  content: '';	background: url('../img/briefcase.svg') no-repeat; 	background-size: 20px 17px; display: block;  width: 20px;  height: 17px;  position: absolute;  top: 9px;  left:8px;}
#company_details_block #details_title span.info{ font-size:24px; line-height: 36px; }
#company_details_block ul#company_details { margin:0px; }
#company_details_block ul#company_details li{ font-size: 14px; display: block;  width: 100%;  min-width: 100%;  min-height: 30px;}
#company_details_block ul#company_details li .title{ font-weight: 600; margin-right: 10px; white-space: nowrap;  display: block;  float: left; }
#contacts-map-box{ padding:10px; background-color: #fff;   box-shadow: -2px 4px 16px #67999b; margin-top:60px; position: relative; }
#map.contacts-map{ aspect-ratio:1/1;}
#map.contacts-map .leaflet-control-zoom-in, #map.contacts-map .leaflet-control-zoom-out{ text-decoration: none; }
.red.star{ color:#ce3f3f; }

#map_info{  width: 240px; background-color:#fff; color:#40485A; height:150px;text-align: center; }
#map_info .icon{ display: block; width: 36px;  height: 36px;   border-radius: 50%; background-color: #0083B9; margin: 30px auto 5px;  position: relative;}
#map_info .icon:before{  content: '';	background: url('https://www.mittoevents.com/media/site/img/navigation-white.svg') no-repeat; background-size: 20px 17px; display: block;  width: 20px;  height: 17px;  position: absolute;  top: 9px;  left:8px; padding:20%;}
#map_info .info{ font-size: 20px;  font-weight: 600;  display: block;  margin: 0px auto; }
#map_info .address{ font-size: 16px;  text-align: center;  width: 100%;  display: block;  max-width: 150px;  margin: 10px auto 0px;  line-height: 20px; }

#map .leaflet-popup-content-wrapper { border-radius:0; }
#map .leaflet-popup-tip-container, #map .leaflet-popup-close-button { display:none; }

#contacts_send_form .controller input{ border: 2px solid #0083B9;  outline: none; height:60px; padding:8px 20px 8px 20px!important; line-height: 20px; }
#contacts_send_form textarea{ border: 2px solid #0083B9;  outline: none; height:150px; padding:8px 20px 8px 20px!important; }
#contacts_send_form .controller input.errors, #contacts_send_form .controller textarea.errors{ border: 2px solid #D62334; color:#D62334;  background: #FCE9E9; }
#contacts_send_form input.error, #contacts_send_form textarea.error{ border: 2px solid #D62334;  outline: none; color:#D62334; background-color: #FCE9E9; }
#contacts_send_form .controller label{ width:100%; text-transform: uppercase; font-size:14px; }
#contacts_send_form .controller input, #contacts_send_form .controller textarea{ width:100%; }
.mt-20{ margin-top: 20px; }
.mb-80{ margin-bottom: 80px; }
#contacts_send_btn{ float:right; margin-top: 20px; border: 2px solid #fff;  margin-right: 15px; }
#contacts_send_form{ display: block; max-width: 800px; margin: 0px auto; height: auto; }
#contacts_send_form h4{ margin-bottom: 50px; text-align: center; position: relative; }
#contacts_send_form h4:before{ content: "";  position: absolute;  left: calc(50% - 40px);  bottom: -6px;  background-color: #fff;  width: 80px;  height: 3px;}

.contacts_notification{ width:100%; min-height:150px; position: relative; margin-bottom: 30px; }
.contacts_notification span.close{  content: '';	background: url('../img/notif-close.svg') no-repeat; 	background-size: 24px 24px; display: block;  width: 24px;  height: 24px;  position: absolute;  top: 10px;  right: 10px; cursor: pointer; }
.contacts_notification.notif-success { background: #00976A; }
.contacts_notification.notif-errors { background: #D62334; }
.contacts_notification.notif-success span.drawing { content: '';	background: url('../img/notif-dr-success.svg') no-repeat; 	background-size: 106px 106px; display: block;  width: 106px;  height: 106px;  position: absolute;  top: calc(50% - 54px);  left: 70px;  }
.contacts_notification.notif-errors span.drawing { content: '';	background: url('../img/notif-dr-error.svg') no-repeat; 	background-size: 126px 120px; display: block;  width: 126px;  height: 120px;  position: absolute;  top: calc(50% - 60px);  left: 60px;  }
.contacts_notification span.tr-up, .contacts_notification span.tr-down { content: '';	background-size: 99px 73px; display: block;  width: 99px;  height: 73px; position: absolute; }
.contacts_notification span.tr-up {  top: 10px;  left: 30%;  transform: rotate(180deg); }
.contacts_notification span.tr-down {  bottom: 10px;  left: 10px;  }
.contacts_notification span.title {  width:40%; right:0px; position: absolute; top:35px; font-size: 28px; line-height: 28px;}
.contacts_notification.notif-success span.subtitle {  width: calc(30% + 30px);  right: 10%;  position: absolute;  top: 70px;  font-size: 16px;  line-height: 20px;}
.contacts_notification.notif-success span.title:before { content: '';	background: url('../img/notif-success.svg') no-repeat; 	background-size: 24px 24px; display: block;  width: 24px;  height: 24px;  position: absolute; left:-30px; }
.contacts_notification.notif-errors span.title:before { content: '';	background: url('../img/notif-error.svg') no-repeat; 	background-size: 24px 24px; display: block;  width: 24px;  height: 24px;  position: absolute; left:-30px; }
.contacts_notification.notif-errors ul.subtitle {  width: calc(30% + 30px);  right: 10%;  position: absolute;  top: 70px;  font-size: 16px;  line-height: 20px; margin: 0px !important;  padding-left: 20px;}
.contacts_notification.notif-errors ul.subtitle li{  list-style: disc; float:none; width:100%; margin-bottom: 5px;}
.contacts_notification.notif-errors span.tr-up, .contacts_notification.notif-errors span.tr-down { background: url('../img/notif-triangle-red.svg') no-repeat;  }
.contacts_notification.notif-success span.tr-up, .contacts_notification.notif-success span.tr-down { background: url('../img/notif-triangle-green.svg') no-repeat;  }
.col-w100{ max-width: 100%!important; }
.leaflet-popup-content { min-width: 170px; min-height: 160px; position: relative; }
#lang_select_mob{ display: none; }
#lang_select_mob #globe_icon {
	background: url('../img/Globe.svg') no-repeat;
	background-size: 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
	position: relative;
  top: 6px;
  left: 0px;
}
#lang_select_mob a {
  display: inline-block;
	width: auto;
	padding: 10px 20px!important;
	border-right: 1px solid #fff;
	height: 40px;
  line-height: 20px;
	margin-top: 10px;
}
#lang_select_mob a:last-child {
	border-right:none;
}
#lang_select_mob a.active {
	color: #003b73;
	font-weight: 600;
}
@media only screen and (min-width: 1201px){
	.dmr-8p{ margin-right: 8%; }
	.web-flex{ display: flex!important; align-items: flex-end!important;}
	#company_details_block{ margin-bottom: 0px!important; }
}
@media only screen and (max-width: 500px){
	.contacts_notification span.title {
		width: calc(40% + 40px);
	}
	.contacts_notification.notif-errors ul.subtitle {
		width: calc(30% + 70px);
	}
	.contacts_notification.notif-success span.subtitle {
		width: calc(30% + 70px);
	}
	.contacts_notification.notif-success span.drawing{
		left:30px;
	}
	.contacts_notification.notif-errors span.drawing{
		left:20px;
	}
}
@media only screen and (max-width: 600px){
	#map_info {
	  position: absolute;
	  /* bottom: 5%; */
	  z-index: 9999;
	  text-align: center;
	  width: 170px;
	  background-color: #fff;
	  color: #40485A;
	  height: 160px;
	  /* left: 5%; */
		top:0px;
	}
	#map_info span.info {
		font-size: 16px;
		font-weight: 600;
		display: block;
		margin: 0px auto;
	}
	#map_info span.address {
		font-size: 14px;
		text-align: center;
		width: 100%;
		display: block;
		max-width: 150px;
		margin: 5px auto 0px;
		line-height: 18px;
	}
}
@media only screen and (max-width: 767px){
	.mainmenu ul {
	  padding-right: 0px!important;
	}
	#lang_select{ display: none; }
	#lang_select_mob{ display: block; }
}
.pos-rel{ position: relative; }
#contact-form-float{ position: absolute; top:0px; right:0px; }
#promo-slide{ position: relative; }
#promo-slide .button{ background-color: transparent !important; color: #fff !important; border: 2px solid #fff !important;border-radius: 100px; padding: 0.4em 1em; }
#promo-slide .sp-thumbnail-container{ width: auto !important; height: auto !important; margin: 0px 10px 10px; position: static; display: inline-block; float: unset; }
#promo-slide .sp-top-thumbnails{ width: 100% !important; }
#promo-slide .sp-thumbnails{ text-align: center; display: inline-block; width: 100% !important; height: auto !important; transform: translate3d(0px, 0px, 0px)!important; }
#promo-slide .sp-thumbnails-container .sp-thumbnail-container.sp-selected-thumbnail .button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #2f60c3;
    background: -webkit-gradient(linear, left top, right top, from(#2f60c3), to(#3f7fff));
    background: linear-gradient(to right, #2f60c3 0%, #3f7fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f60c3', endColorstr='#3f7fff', GradientType=1);
    z-index: -1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 100px;
    opacity: 1;
    border-radius: 100px;
}

#promo-slide .images_parts{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; }
#promo-slide .images_parts img{ position: absolute; animation-delay: 2s; }

#promo-slide .images_parts img#img_part_m_1-gear-1{ top: 1.7%; right: 1.4%; }
#promo-slide .images_parts img#img_part_m_1-gear-2{ top: 25.8%; left: 27.8%; }
#promo-slide .images_parts img#img_part_m_1-gear-3{ bottom: 7.3%; left: 35.4%; }
#promo-slide .images_parts img#img_part_m_1-cursor{ top: 35%; left: 63.5%; }
#promo-slide .images_parts img#img_part_m_1-eyebrows{ top: 52.5%; right: 20%; }
#promo-slide .images_parts img#img_part_m_1-checkmark-1{ bottom: 17.1%; left: 8.7%; }
#promo-slide .images_parts img#img_part_m_1-checkmark-2{ bottom: 12.5%; left: 8.7%; }
#promo-slide .images_parts img#img_part_m_1-checkmark-3{ bottom: 7.7%; left: 8.7%; }

#promo-slide .images_parts img#img_part_m_2-clock-hours{ top: 10%; right: 7%; }
#promo-slide .images_parts img#img_part_m_2-clock-minutes{ top: 9.5%; right: 4.9%; }
#promo-slide .images_parts img#img_part_m_2-clock-center{ top: 11.6%; right: 6.4%; }
#promo-slide .images_parts img#img_part_m_2-cloud{ bottom: 2.5%; right: 29%; }
#promo-slide .images_parts img#img_part_m_2-eyebrows{ top: 9.7%; right: 43.5%; }
#promo-slide .images_parts img#img_part_m_2-hand{ top: 31.7%; left: 21%; }
#promo-slide .images_parts img#img_part_m_2-speech-dot-1{ bottom: 37.9%; left: 30.8%; }
#promo-slide .images_parts img#img_part_m_2-speech-dot-2{ bottom: 37.9%; left: 33.3%; }
#promo-slide .images_parts img#img_part_m_2-speech-dot-3{ bottom: 37.9%; left: 35.8%; }
#promo-slide .images_parts img#img_part_m_2-statistics{ top: 6%; left: 10%; }

#promo-slide .images_parts img#img_part_m_3-application{ bottom: 20.1%; left: 11.5%; }
#promo-slide .images_parts img#img_part_m_3-eyebrow{ top: 41.8%; right: 20.3%;width: 2.0%; }
#promo-slide .images_parts img#img_part_m_3-eyebrows{ top: 41.8%; right: 20.3%; }
#promo-slide .images_parts img#img_part_m_3-hand{ bottom: 7.8%; right: 16.2%; }
#promo-slide .images_parts img#img_part_m_3-hand-overlay{ bottom: 5.2%; right: 5.5%; }
#promo-slide .images_parts img#img_part_m_3-molecules{ top: 8.7%; right: 1%; }
#promo-slide .images_parts img#img_part_m_3-paper-clip{ top: 2%; left: 2.5%; }

#promo-slide .images_parts img#img_part_m_4-arm{ top: 22.7%; left: 8.2%; }
#promo-slide .images_parts img#img_part_m_4-eyebrows{ top: 31.5%; right: 35.6%; }
#promo-slide .images_parts img#img_part_m_4-head-backlayer{ top: 40%; left: 21%; }
#promo-slide .images_parts img#img_part_m_4-head-midlayer{ bottom: 2.4%; left: 19.3%; }
#promo-slide .images_parts img#img_part_m_4-head{ top: 32.9%; left: 22.9%; }
#promo-slide .images_parts img#img_part_m_4-plane{ bottom: 35.7%; right: 2.8%; }
#promo-slide .images_parts img#img_part_m_4-wheel{ top: 0.7%; left: 30.7%; }

#promo-slide .images_parts img#img_part_m_5-exclamation-mark{ top: 3.6%; right: 37.6%; }
#promo-slide .images_parts img#img_part_m_5-handshake{ top: 5%; left: 1.7%; }
#promo-slide .images_parts img#img_part_m_5-jigsaw{ bottom: 15.4%; left: 0%; }
#promo-slide .images_parts img#img_part_m_5-lightbulb{ top: 1.4%; right: 7%; }
#promo-slide .images_parts img#img_part_m_5-megaphone{ top: 20%; right: 23%; }
#promo-slide .images_parts img#img_part_m_5-megaphone-overlay{ bottom: 1.7%; left: 20%; }
#promo-slide .images_parts img#img_part_m_5-head{ top: 29.7%; left: 32.5%; }
#promo-slide .images_parts img#img_part_m_5-eyebrows{ top: 38.2%; left: 38%; }

#promo-slide .images_parts img#img_part_m_6-clock-hours{ top: 24.2%; left: 15.8%; }
#promo-slide .images_parts img#img_part_m_6-clock-minutes{ top: 23.3%; left: 11%; }
#promo-slide .images_parts img#img_part_m_6-clock-center{ top: 27.8%; left: 14.4%; }
#promo-slide .images_parts img#img_part_m_6-sun{top: 8%; right: 21%; }
#promo-slide .images_parts img#img_part_m_6-cloud-left{ top: 22%; right: 21%; }
#promo-slide .images_parts img#img_part_m_6-cloud-right{ top: 11%; right: 3%; }
#promo-slide .images_parts img#img_part_m_6-coffee{bottom: 40.5%; left: 6.1%; }
#promo-slide .images_parts img#img_part_m_6-chair{ bottom: 2.3%; right: 28.1%; }
#promo-slide .images_parts img#img_part_m_6-eyebrows{ top: 29%; left: 42.8%; }

#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_1-gear-1{
	width: 8%;
	animation-name: spinning-circle;
  animation-duration: 2s;
  animation-iteration-count: 1;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_1-gear-2{
	width: 10.1%;
	animation-name: spinning-circle;
  animation-duration: 3s;
  animation-iteration-count: 1;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_1-gear-3{
	width: 7.3%;
	animation-name: spinning-circle;
  animation-duration: 2s;
  animation-iteration-count: 1;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_1-cursor{
	width: 4%;
	transform: translate(160%, 140%);
	-webkit-transform: translate(160%, 140%);
	animation-name: slide-in-bottom-right;
	animation-duration: 1.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_1-eyebrows{
	width: 6.4%;
	transform: translateY(0%);
	-webkit-transform: translate(0%);
	animation-name: slide-up-down;
	animation-duration: 0.5s;
  animation-iteration-count: 3;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_1-checkmark-1{
	width: 1.7%;
	animation-name: fade-in;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-delay: 2s;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_1-checkmark-2{
	width: 1.7%;
	animation-name: fade-in;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-delay: 2.5s;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_1-checkmark-3{
	width: 1.7%;
	animation-name: fade-in;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-delay: 3s;
}

#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_2-clock-hours{
    width: 2.2%;
    animation-name: rotate-hours;
    transform-origin: right bottom;
    animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_2-clock-minutes{
    width: 2.2%;
    animation-name: rotate-minutes;
    transform-origin: left bottom;
    animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_2-clock-center{
	width: 1.5%;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_2-cloud{
	width: 17.5%;
	transform: translateX(0%);
	-webkit-transform: translate(0%);
	animation-name: slide-right-left;
	animation-duration: 3s;
  animation-iteration-count: 1;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_2-eyebrows{
	width: 4.5%;
	transform: translateY(0%);
	-webkit-transform: translate(0%);
	animation-name: slide-up-down;
	animation-duration: 0.5s;
  animation-iteration-count: 3;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_2-hand{
	width: 12.5%;
	animation-name: rotate-thumb-up;
    transform-origin: bottom left;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_2-speech-dot-1{
	width: 1.5%;
	transform: translateY(0%);
	-webkit-transform: translate(0%);
	animation-name: slide-up-down-1;
	animation-duration: 0.75s;
  animation-iteration-count: infinite;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_2-speech-dot-2{
	width: 1.5%;
	transform: translateY(0%);
	-webkit-transform: translate(0%);
	animation-name: slide-up-down-2;
	animation-duration: 0.75s;
  animation-iteration-count: infinite;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_2-speech-dot-3{
	width: 1.5%;
	transform: translateY(0%);
	-webkit-transform: translate(0%);
	animation-name: slide-up-down-3;
	animation-duration: 0.75s;
  animation-iteration-count: infinite;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_2-statistics{
	width: 15.2%;
	transform: translateY(75%);
	-webkit-transform: translateY(75%);
	animation-name: slide-up;
	animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_3-application{
	width: 16%;
	animation-name: zoom-in-up;
	animation-duration: 3s;
  animation-iteration-count: 1;
	  opacity: 0;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_3-eyebrows{
	width: 7.5%;	
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_3-eyebrow{
	width: 2.0%;	
	animation: rotate-run 2s ease-out 6s forwards;
	animation-iteration-count: 1;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_3-hand{
	width: 14.5%;
	animation-name: hand-typing;
  animation-duration: 0.3s;
  animation-iteration-count: 7;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_3-hand-overlay{
	width: 15%;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_3-molecules{
	width: 16%;
    animation-name: spinning-circle;
  animation-duration: 2s;
  animation-iteration-count: 1;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_3-paper-clip {
    width: 5.3%;
    animation-name: rotate-bounce;
    animation-duration: 2s;
    animation-iteration-count: 1;
}

#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_4-arm{
	width: 7%;
    transform: translate(0%, -32%);
	-webkit-transform: translate(0%, -32%);
	animation-name: slide-around;
	animation-duration: 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_4-eyebrows{
	width: 6.7%;
	transform: translateY(0%);
	-webkit-transform: translate(0%);
	animation-name: slide-up-down;
	animation-duration: 0.5s;
  animation-iteration-count: 3;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_4-head-backlayer{
	width: 18.5%;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_4-head-midlayer{
	width: 23%;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_4-head{
	width: 14%;
    animation-name: shake-head;
    transform-origin: bottom center;
  animation-duration: 1.5s;
  animation-iteration-count: 1;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_4-plane{
	width: 15%;
    transform: translate(-320%, 280%);
	-webkit-transform: translate(-320%, 280%);
	animation-name: slide-in-bottom-left;
	animation-duration: 2.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_4-wheel{
	width: 9.5%;
	animation-name: spinning-circle;
  animation-duration: 2s;
  animation-iteration-count: 1;
}

#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_5-exclamation-mark{
	width: 3.8%;
    animation-name: shake;
    transform-origin: bottom center;
  animation-duration: 0.5s;
  animation-iteration-count: 3;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_5-handshake{
	width: 24.7%;
	transform: translateY(0%);
	-webkit-transform: translate(0%);
	animation-name: slide-up-down;
	animation-duration: 1s;
  animation-iteration-count: 2;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_5-jigsaw{
	width: 16.3%;
	animation-name: spinning-circle-left;
  animation-duration: 2s;
  animation-iteration-count: 1;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_5-lightbulb{
	width: 16.9%;
	animation-name: pulse;
  animation-duration: 0.5s;
  animation-iteration-count: 4;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_5-megaphone{
	width: 27%;
	animation-name: shake;
    transform-origin: bottom center;
  animation-duration: 2.5s;
  animation-iteration-count: 1;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_5-megaphone-overlay{
	width: 46.5%;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_5-head{
	width: 14.6%;
}

#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_6-clock-hours{
	width: 4%;
	animation-name: rotate-hours;
    transform-origin: left bottom;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_6-clock-minutes{
	width: 4.5%;
	animation-name: rotate-minutes;
    transform-origin: right bottom;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_6-clock-center{
	width: 2.2%;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_6-sun{
	width: 8.7%;
	animation-name: shake;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_6-cloud-left{
	width: 14.8%;
    transform: translateX(-100%);
	-webkit-transform: translate(-100%);
	animation-name: slide-right;
	animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  opacity: 0;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_6-cloud-right{
	width: 11.5%;
    transform: translateX(100%);
	-webkit-transform: translateX(100%);
	animation-name: slide-left;
	animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 2.5s;
  opacity: 0;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_6-coffee{
	width: 3.5%;
	transform: translateY(0%);
	-webkit-transform: translate(0%);
	animation-name: fade-in-out-up;
	animation-duration: 2s;
  animation-iteration-count: infinite;
  opacity: 0;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_6-chair{
	width: 53.2%;
	transform: translateX(160%);
	-webkit-transform: translateX(160%);
	animation-name: slide-in-right;
	animation-duration: 1.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
#promo-slide .sp-slides .sp-slide.sp-selected .images_parts img#img_part_m_6-eyebrows{
	width: 5.8%;
	transform: translateX(1475%);
	-webkit-transform: translateX(1475%);
	animation-name: slide-in-right-up-down;
	animation-duration: 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes fade-in {
    0% { opacity: 0 }
    100% { opacity: 1 }
}
@-webkit-keyframes fade-in {
    0% { opacity: 0 }
    100% { opacity: 1 }
}

@keyframes fade-in-out-up {
    0% { opacity: 0; transform: translateY(0%); }
    50% { opacity: 1; transform: translateY(0%); }
    100% { opacity: 0; transform: translateY(-50%); }
}
@-webkit-keyframes fade-in-out-up {
    0% { opacity: 0; -webkit-transform: translateY(0%); }
    50% { opacity: 1; -webkit-transform: translateY(0%); }
    100% { opacity: 0; -webkit-transform: translateY(-50%); }
}

@keyframes hand-typing {
    25% { -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg); 
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    100% { 
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg); 
        -webkit-transform-origin: right center;
        transform-origin: right center;; 
    }
}
@-webkit-keyframes hand-typing {
    25% { -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg); 
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    100% { 
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg); 
        -webkit-transform-origin: right center;
        transform-origin: right center;; 
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes rotate-bounce {
    0% { transform: rotate(0deg) scale(1); }
    20% { transform: rotate(15deg) scale(1.1); }
    40% { transform: rotate(-10deg) scale(1); }
    60% { transform: rotate(5deg) scale(1.1); }
    80% { transform: rotate(-5deg) scale(1); }
    100% { transform: rotate(0deg) scale(1); }
}
@-webkit-keyframes rotate-bounce {
    0% { -webkit-transform: rotate(0deg) scale(1); }
    20% { -webkit-transform: rotate(15deg) scale(1.1); }
    40% { -webkit-transform: rotate(-10deg) scale(1); }
    60% { -webkit-transform: rotate(5deg) scale(1.1); }
    80% { -webkit-transform: rotate(-5deg) scale(1); }
    100% { -webkit-transform: rotate(0deg) scale(1); }
}

@keyframes rotate-hours {
    0% { -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}
@-webkit-keyframes rotate-hours {
    0% { -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotate-minutes {
    0% { -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@keyframes rotate-thumb-up {
    0% { transform: rotate(45deg); }
    65% { transform: rotate(-15deg); }
    80% { transform: rotate(-15deg); }
    100% { transform: rotate(0deg); }
}
@-webkit-keyframes rotate-thumb-up {
    0% { -webkit-transform: rotate(45deg); }
    65% { -webkit-transform: rotate(-15deg); }
    80% { -webkit-transform: rotate(-15deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@keyframes shake {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(-10deg); }
    75% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}
@-webkit-keyframes shake {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(-10deg); }
    75% { -webkit-transform: rotate(5deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@keyframes shake-head {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(-5deg); }
    75% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}
@-webkit-keyframes shake-head {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(-5deg); }
    75% { -webkit-transform: rotate(5deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@keyframes spinning-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
}
@-webkit-keyframes spinning-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
}

@keyframes spinning-circle-left {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transform-origin: center;
      transform-origin: center;
    }
    100% {
      -webkit-transform: rotate(-360deg);
      transform: rotate(-360deg);
      -webkit-transform-origin: center;
      transform-origin: center;
    }
  }
  @-webkit-keyframes spinning-circle {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transform-origin: center;
      transform-origin: center;
    }
    100% {
      -webkit-transform: rotate(-360deg);
      transform: rotate(-360deg);
      -webkit-transform-origin: center;
      transform-origin: center;
    }
  }

@keyframes rotate-run {
	0% {
		transform: rotate(0deg) translateX(0);
	}
	80% {
		transform: rotate(360deg) translateX(0);
	}
	100% {
		transform: rotate(360deg) translateX(3000%);
	}
}
@-webkit-keyframes rotate-run {
	0% {
		transform: rotate(0deg) translateX(0);
	}
	80% {
		transform: rotate(360deg) translateX(0);
	}
	100% {
		transform: rotate(360deg) translateX(3000%);
	}
}

@keyframes slide-around {
    0% { transform: translate(0%, -32%); }
    33% { transform: translate(150%, -16%); }
    66% { transform: translate(100%, -32%); }
    100% { transform: translate(0%, 0%); }
}
@-webkit-keyframes slide-around {
    0% { -webkit-transform: translate(0%, -32%); }
    33% { -webkit-transform: translate(150%, -16%); }
    66% { -webkit-transform: translate(100%, -32%); }
    100% { -webkit-transform: translate(0%, 0%); }
}

@keyframes slide-left {
    0% { opacity: 0; transform: translate(100%, 0%); }
	25% { opacity: 1; transform: translate(-33%, 0%); }
	75% { opacity: 1; transform: translate(-166%, 0%); }
    100% { opacity: 0; transform: translate(-300%, 0%); }
}
@-webkit-keyframes slide-left {
	0% { opacity: 0; -webkit-transform: translate(100%, 0%); }
	25% { opacity: 1; -webkit-transform: translate(-33%, 0%); }
	75% { opacity: 1; -webkit-transform: translate(-166%, 0%); }
    100% { opacity: 0; -webkit-transform: translate(-300%, 0%); }
}

@keyframes slide-right {
    0% { opacity:0; transform: translate(-100%, 0%); }
	25% { opacity:1; transform: translate(16%, 0%); }
	75% { opacity:1; transform: translate(134%, 0%); }
    100% { opacity:0; transform: translate(250%, 0%); }
}
@-webkit-keyframes slide-right {
    0% { opacity:0; -webkit-transform: translate(-100%, 0%); }
	25% { opacity:1; -webkit-transform: translate(16%, 0%); }
	75% { opacity:1; -webkit-transform: translate(134%, 0%); }
    100% { opacity:0; -webkit-transform: translate(250%, 0%); }
}

@keyframes slide-in-right {
    0% { transform: translateX(160%); }
    100% { transform: translateX(0%); }
}
@-webkit-keyframes slide-in-right {
    0% { -webkit-transform: translateX(160%); }
    100% { -webkit-transform: translateX(0%); }
}  

@keyframes slide-in-bottom-right {
    0% { transform: translate(160%, 140%); }
    100% { transform: translate(0%, 0%); }
}
@-webkit-keyframes slide-in-bottom-right {
    0% { -webkit-transform: translate(160%, 140%); }
    100% { -webkit-transform: translate(0%, 0%); }
}

@keyframes slide-in-bottom-left {
    0% { transform: translate(-320%, 280%); }
    100% { transform: translate(0%, 0%); }
}
@-webkit-keyframes slide-in-bottom-left {
    0% { -webkit-transform: translate(-320%, 280%); }
    100% { -webkit-transform: translate(0%, 0%); }
}

@keyframes slide-up {
    0% { transform: translateY(75%); }
    100% { transform: translateY(0%); }
}
@-webkit-keyframes slide-up {
    0% { -webkit-transform: translateY(75%); }
    100% { -webkit-transform: translateY(0%); }
}

@keyframes slide-up-down-1 {
    25% { transform: translateY(-75%); }
    50% { transform: translateY(0%); }
}
@-webkit-keyframes slide-up-down-1 {
    25% { -webkit-transform: translateY(-75%); }
    50% { -webkit-transform: translateY(0%); }
}
@keyframes slide-up-down-2 {
    12.5% { transform: translateY(0%); }
    50% { transform: translateY(-75%); }
    75% { transform: translateY(0%); }
}
@-webkit-keyframes slide-up-down-2 {
    12.5% { transform: translateY(0%); }
    50% { -webkit-transform: translateY(-75%); }
    70% { -webkit-transform: translateY(0%); }
}
@keyframes slide-up-down-3 {
    37.5% { transform: translateY(0%); }
    75% { transform: translateY(-75%); }
    100% { transform: translateY(0%); }
}
@-webkit-keyframes slide-up-down-3 {
    37.5% { transform: translateY(0%); }
    75% { -webkit-transform: translateY(-75%); }
    100% { -webkit-transform: translateY(0%); }
}

@keyframes slide-in-right-up-down {
    0% { -webkit-transform: translateX(1475%); }
    50% { -webkit-transform: translateX(0%); }
    58.3%{ -webkit-transform: translateX(0%) translateY(-75%); }
    66.6% { -webkit-transform: translateX(0%) translateY(0%); }
    75%{ -webkit-transform: translateX(0%) translateY(-75%); }
    83.3%{ -webkit-transform: translateX(0%) translateY(0%); }
    91.6%{ -webkit-transform: translateX(0%) translateY(-75%); }
    100% { -webkit-transform: translateX(0%) translateY(0%); }
}
@-webkit-keyframes slide-in-right-up-down {
    0% { -webkit-transform: translateX(1475%); }
    50% { -webkit-transform: translateX(0%); }
    58.3%{ -webkit-transform: translateX(0%) translateY(-75%); }
    66.6% { -webkit-transform: translateX(0%) translateY(0%); }
    75%{ -webkit-transform: translateX(0%) translateY(-75%); }
    83.3%{ -webkit-transform: translateX(0%) translateY(0%); }
    91.6%{ -webkit-transform: translateX(0%) translateY(-75%); }
    100% { -webkit-transform: translateX(0%) translateY(0%); }
}

@keyframes slide-right-left {
    33% { transform: translateX(30%); }
    66% { transform: translateX(-30%); }
    100% { transform: translateX(0%); }
}
@-webkit-keyframes slide-right-left {
    33% { -webkit-transform: translateX(30%); }
    66% { -webkit-transform: translateX(-30%); }
    100% { -webkit-transform: translateX(0%); }
}

@keyframes zoom-in-up {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(150%);
        transform: scale(.1) translateY(150%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-10%);
        transform: scale(.475) translateY(-10%);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
	100%{
		opacity: 1;
		transform: scale(1) translateY(0%);
		-webkit-transform: scale(1) translate(0%);
	}
}
@-webkit-keyframes zoom-in-up {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(150%);
        transform: scale(.1) translateY(150%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-10%);
        transform: scale(.475) translateY(-10%);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
	100%{
		opacity: 1;
		transform: scale(1) translateY(0%);
		-webkit-transform: scale(1) translate(0%);
	}
}				

@keyframes slide-up-down {
    75% { transform: translateY(-75%); }
    100% { transform: translateY(0%); }
}
@-webkit-keyframes slide-up-down {
    75% { -webkit-transform: translateY(-75%); }
    100% { -webkit-transform: translateY(0%); }
}

@keyframes slide-up-down-2 {
    25% { transform: translateY(25%); }
    75% { transform: translateY(-75%); }
    100% { transform: translateY(0%); }
}
@-webkit-keyframes slide-up-down-2 {
    25% { -webkit-transform: translateY(25%); }
    75% { -webkit-transform: translateY(-75%); }
    100% { -webkit-transform: translateY(0%); }
}

@keyframes spinning-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
}
@-webkit-keyframes spinning-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
}