/*-----------------
1. Google font
------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat|Roboto:300,400,500,700');

/*-------------------
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: 200px;
    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 {
    top: 100%;
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, right top, left bottom, color-stop(50%, #fff), color-stop(50%, transparent)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #fff 49.5%, transparent 50.5%) repeat scroll 0 0;
}

.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 > ul > li {
    display: inline-block;
		position: relative;
}

ul.sub_menu{ position: absolute; top: 65px; background-color: #75cbe7; display: none; text-align: left; }
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: 0px;
}

.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{
	width: calc(50% - 10px);
	min-width: calc(50% - 10px);
	max-width: calc(50% - 10px);
	background: #75cbe7;
	border-color: #0061a2;
}

#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-color: #ffffff;
    padding: 0.3em 0.5em;
    margin-bottom: 15px;
    border-radius: 1px;
    color: #138fc2;
    -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;
}

.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: #138fc2;
}

.contact-form :-ms-input-placeholder {
    color: #138fc2;
}

.contact-form ::-ms-input-placeholder {
    color: #138fc2;
}

.contact-form ::-webkit-input-placeholder {
    color: #138fc2;
}

.contact-form :-ms-input-placeholder {
    color: #138fc2;
}

.contact-form ::placeholder {
    color: #138fc2;
}

.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 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; }
.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 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: 134px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
}
#lang_btn:before {
	position: absolute;
	top:8px; left:16px;
	content: '';
	background: url('../img/Globe.svg') no-repeat;
	background-size: 24px;
  width: 24px;
  height: 24px;
}
#lang_btn:after {
	position: absolute;
	top:17px; right:16px;
	content: '';
	background: url('../img/triangle.svg') no-repeat;
	background-size: 12px 6px;
	width: 12px;
	height: 6px;
}

#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: 134px;
  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; }

#contacts_info li { position: relative; display: inline-block; }
#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: 10px;}
#contacts_info li span.icon.icon-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% - 80px); 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;}
ul.bulletless{ padding: 0px; }
.pt-40{ padding-top:40px; }
#company_details_block{ background-color: #fff; color:#40485A; }
#company_details_block #details_title{ display: inline-block; width:100%; position: relative; }
#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; }
#company_details_block ul#company_details li{ font-size: 18px; }
#company_details_block ul#company_details li .title{ font-weight: 600; margin-right: 10px; }
