/*============== fonts variables ===================*/
	
    @font-face {
	    font-family: 'OpenSans Regular';
	    src: url('../fonts/OpenSans/OpenSansRegular.eot');
	    src: url('../fonts/OpenSans/OpenSansRegular.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/OpenSans/OpenSansRegular.woff') format('woff'),
	    url('../fonts/OpenSans/OpenSansRegular.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	    font-display: swap;
    }

    * {
    	box-sizing: border-box;
    }

	html {
		margin: 0px;
		padding: 0px;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    	-webkit-tap-highlight-color: transparent;
	}

	body {
		margin: 0px;
		padding: 0px;
	    background: #fff;
	    font-size: 16px;
	    line-height: 1.26;
	    color: #000;
	    overflow-x: hidden;
	    font-family: Arial, Helvetica, sans-serif;
	}
	ul {
		padding: 0;
		margin: 0;
	}
	a {
		text-decoration: none;
	}
	h1 {
		font-size: 48px;
		padding: 30px 0 0;
	    margin: 0;
	    font-family: 'Rotonda Regular';
	    font-weight: normal;
	}
	h2 {
		text-align: center;
	    font-family: 'Rotonda Regular';
	    font-weight: normal;
	    font-size: 48px;
	    line-height: 1.1;
	    padding: 0 0 15px;
	    margin: 0;
	}
	h3 {
		font-family: 'Rotonda Regular';
    	font-size: 36px;
    	margin: 0;
    	font-weight: normal;
    	padding: 0;
	}
	.btn__primary {
		display: inline-block;
		text-align: center;
	    font-size: 20px;
	    color: #fff;
	    background: #f84f5b;
	    border-radius: 30px;
	    padding: 11px 30px;
	    cursor: pointer;
	}
	.btn__primary:hover,
	.btn__primary:focus {
		background: linear-gradient(to top, #d64b5b, #f84f5b);
	}
	.btn__default {
		display: inline-block;
		text-align: center;
	    font-size: 20px;
	    color: #fff;
	    background: #1f375a;
	    border-radius: 30px;
	    padding: 11px 30px;
	    transition: 0.5s;
	    cursor: pointer;
	}
	.btn__default:hover,
	.btn__default:focus {
		background: #f84f5b;
	}
	.row__30 {
		margin-right: -30px;
		margin-left: -30px;
	}
	.row__30>div {
    	width: 50%;
    	padding: 0 30px;
	}
	.row__18 {
	    margin-right: -18px;
	    margin-left: -18px;
	}
	.row__18>div {
    	padding: 0 18px;
	}
	.row__15 {
	    margin-right: -15px;
	    margin-left: -15px;
	}
	.row__15>div {
    	padding: 0 15px;
	}
	.row__11 {
	    margin-right: -11px;
	    margin-left: -11px;
	}
	.row__11>div {
    	padding: 0 11px;
	}
	.row__reverse,
	.reverse {
		flex-direction: row-reverse;
	}
	.d__flex {
		display: flex;
		align-items: center;
	}
	.responsive__image {
		margin: auto;
	    max-width: 100%;
	    height: auto;
	    box-shadow: 0 0 8px -3px #000;
	    border-radius: 20px;
	}
	.block__container {
		width: 1270px;
		margin: 0 auto;
		/*outline: 1px solid;*/
	}
	.blue__bg {
		background-color: #1f375a;
	}
	.blockWrap.blue__bg {
		color: #fff;
	}
	.image__item,
	.video__item {
		position: relative;
		height: 100%;
		max-height: 360px;
		display: flex;
		cursor: pointer;
	}
	.video__item a:before {
		content: '';
	    position: absolute;
	    top: calc(50% - 76px);
	    left: calc(50% - 87px);
	    background: url(../images/video_play.png) center no-repeat;
	    background-size: contain;
	    width: 175px;
	    height: 152px;
	    z-index: 9;
	}
	.video__item a:hover:before{
		animation: pulse 2s infinite;
	}
	@keyframes pulse {
	    0% {
	     transform: scale(1, 1);
	    }

	    50% {
	     transform: scale(1.1, 1.1);
	    }

	    100% {
	    transform: scale(1, 1);
	    }
	}
	.blockWrap--banks .image__item {
		cursor: auto;
	}
	.blockWrap--banks .image__item img {
		box-shadow: none;
	}
	.blockWrap {
		color: #000;
	    display: flex;
	    padding: 50px 0;
	}
	.blockContent__wrap {
	    width: 50%;
	}
	.blockWrap__content h2 {
		margin-bottom: 30px;
	}
	.blockContent__title {
		font-family: 'Rotonda Regular';
		font-size: 36px;
		display: flex;
		flex-direction: column;
		padding: 0 0 20px;
	}
	.blockContent__desc {
		font-size: 18px;
	}
	.blockContent__button {
		margin: 35px 0 0;
	}
	.menu {
		width: 100%;
		background-color: #fff;
		z-index: 1;
	}

	.menu__top {
		display: flex;
		justify-content: space-between;
		padding: 10px;
		background: #1f375a;
		font-size: 16px;
		height: 40px;
		top: -40px;
		left: 0;
		right: 0;
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		transition: top 1s;
		z-index: 99;
	}

	.menu__top--left {
		display: flex;
		flex-direction: row;
	}

	.menu__top--left li:first-of-type{
		list-style: none;
	}

	.menu__top--right li:first-of-type{
		list-style: none;
	}

	.menu__top--right ul:first {
		list-style: none;
	}

	.menu__top--right {
		display: flex;
		flex-direction: row;
	}

	.menu__top--item {
		margin: 0px 15px;
		cursor: pointer;
		color: #f84f5b;
	}

	.menu__top--tel {
		display: block;
    	float: left;
	    color: #fff;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    width: 90px;
	}

	.menu__top--hide {
		color: #fff;
	}

	.menu__top--item a {
		color: #fff;
	}

	.menu__top--item a:hover {
		transition: 0.5s;
		color: #f84f5b;
	}

	.menu__top--item_active {
		color: #f84f5b;
	}
	.menu__top--tel.active {
    	display: block;
    	width: auto;
	}
	.menu__wrap {
		display: flex;
		justify-content: space-between;
		padding: 8px 0px;
		font-size: 16px;
		align-items: center;
		box-shadow: 0px 0px 10px rgb(0, 0, 0, .3);
		width: 100%;
		height: 80px;
		background-color: #fff;
	}
	
	.menu__wrap--fixed {
		position: fixed;
		top: 0px;
		background: #1f375a;
	}

	.menu .menu__wrap--fixed~ .menu__wrap {
		margin-top: 40px;
	}

	.menu__wrap--left {
		list-style: none;
		display: flex;
		margin: 0px 10px;
	}

	.menu__wrap--right {
		list-style: none;
		display: flex;
	}

	.menu-item {
		margin: 0px 10px;
		cursor: pointer;
	}

	.menu-item.current-menu-item a,
	.post-type-archive-services .menu-item-35 a,
	.single-services .menu-item-35 a,
	/*.page-template-page-banks .menu-item-35 a,*/
	.single-blog .menu-item-136 a {
		background-color: #1f375a !important;
		color: #fff !important;
	}

	.menu-item a {
		background-color: #ededed;
		padding: 10px 15px;
		color: #1f375a;
		border-radius: 30px;
	}

	.menu-item a:hover {
		transition: 0.5s;
		background-color: #1f375a;
		color: #fff;
	}

	.menu__wrap--icon img{
		margin: 0px 10px;
		width: 60px;
		height: 60px;
	}

	.hidden {
		display: none;
	}

	.mobile__menu {
		display: none;
	}

	.mobile__menu--top {
		display: flex;
		justify-content: space-between;
		padding: 10px 10px 10px 20px;
		background-color: #1f375a;
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
	}

	.mobile__menu--top {
		box-shadow: #dddddd 0px 0px 10px;
	}

	.mobile__menu--top a {
		color: #fff;
	}

	.mobile__menu--top a:hover {
		transition: 0.5s;
		color: #f84f5b;
	}
	
	.mobile__menu--bottom {
		display: flex;
		padding: 10px;
	}
	.mobile__menu--btn {
		display: flex;
		gap: 10px;
		width: calc(100% - 50px);
	}
	.mobile__menu--btn>div {
    	width: 100%;
    	height: 40px;
	}

	.mobile__menu--btn>div a {
    	width: 100%;
    	text-align: center;
	}

	.mobile__menu--bottomItem {
		display: flex;
		align-items: center;
		cursor: pointer;
	}
	.mobile__menu--btn {
		display: flex;
	}

	.mobile__menu--bottomItem i {
		padding: 10px;
		background-color: #1f375a;
		border-radius: 50%;
		color: #fff;
		width: 40px;
		font-size: 24px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.bottomItem__burger {
	    width: 40px;
	    height: 40px;
	    background: #6349B9 url(../images/menu-icon.png) center no-repeat;
	    border-radius: 50%;
	    margin-right: 10px;
	}
	.bottomItem a:hover {
		color: #fff;
		background-color: #1f375a;
		transition: 0.5s;
	}

	.bottomItem a {
		background-color: #ededed;
		padding: 10px 15px;
		color:#1f375a;
		border-radius: 30px;
		height: 40px;
    	line-height: 20px;
	}

	.menu__open {
		position: absolute;
		padding: 20px;
		font-size: 16px;
		margin-top: 10px;
		visibility: hidden;
		z-index: 9999;
	}

	.menu__open.show {
		visibility: visible;
	}

	.menu__wrap--mobile {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.menu__wrap--mobile .menu-item {
		margin: 0 0 35px;
		cursor: pointer;
		transition: transform ease .6s;
    	transform: translateX(-50%);
	}

	.menu__open.show .menu__wrap--mobile .menu-item {
    	transform: translateX(0);
	}

	.menu__open .menu__wrap--mobile .menu-item:nth-child(2) {
	    transition-delay: .1s;
	}
	.menu__open .menu__wrap--mobile .menu-item:nth-child(3) {
	    transition-delay: .2s;
	}
	.menu__open .menu__wrap--mobile .menu-item:nth-child(4) {
	    transition-delay: .3s;
	}
	.menu__open .menu__wrap--mobile .menu-item:nth-child(5) {
	    transition-delay: .4s;
	}
	.menu__open .menu__wrap--mobile .menu-item:nth-child(6) {
	    transition-delay: .5s;
	}
	.menu__open .menu__wrap--mobile .menu-item:nth-child(7) {
	    transition-delay: .6s;
	}

	.menu__wrap--mobile .menu-item a {
		padding: 10px 15px;
		background-color: #ededed;
		border-radius: 30px;
		color: #1f375a;
		box-shadow: 0px 0px 5px rgb(0, 0, 0, .5);
	}

	.menu__wrap--mobile .menu-item a:hover,
	.menu__wrap--mobile .menu-item a:hover {
		background-color: #1f375a;
		color: #fff;
		transition: 0.5s;
	}
	.menu__wrap--mobile .menu-item.current-menu-item a {
		background-color: #f84f5b !important;
	}

	div#chat24-root .chat24-container {
    	display: none;
	}

	.grecaptcha-badge {
    	opacity: 0!important;
	}

/* menu */

/* media */
	@media (max-width: 1440px) {
		.block__container {
			width: 1160px;
		}
	}

	/* Extra large */
	@media (max-width: 1200px) {
		.block__container {
			width: 950px;
		}
		.row__30 {
		    margin-right: -15px;
		    margin-left: -15px;
		}
		.row__30>div {
			padding: 0 15px;
		}
		.blockContent__title {
			font-size: 32px;
			line-height: 100%;
		}
		.blockContent__button {
		    margin: 20px 0 0;
		}
	}

	/* Large */
	@media (max-width: 992px) {
		.block__container {
			width: 710px;
		}
		.row__30>div {
		    padding: 0 20px;
		    width: 100%;
		}
		.row__30 .video__item,
		.row__30 .image__item {
		    max-height: 100%;
		    max-width: 620px;
    		margin-bottom: 25px;
    		padding: 0;
		}
		.blockWrap {
			padding: 30px 0;
		}
		.blockWrap .d__flex {
			display: block;
			max-width: 620px;
    		margin: 0 auto;
		}
		.blockContent__wrap {
			text-align: center;
		}
		.blockWrap__content h2 {
		    font-size: 38px;
		    line-height: 100%; 
		}
	}

	/* Medium */
	@media (max-width: 768px) {
		.btn__primary {
			font-size: 16px;
		}
		.block__container {
			width: 100%;
			padding: 0 20px;
		}
		.menu {
			display: none;
		}

		.mobile__menu {
			display: block;
			box-shadow: 0px 0px 10px rgb(0, 0, 0, .3);
			height: 100px;
			top: -100px;
			transition: top 1s;
			z-index: 999;
		}
		.mobile__menu.fixed {
			position: fixed;
			top: 0;
		    width: 100%;
		    background: #fff;
		}
		body.menu_show {
			position: relative;
		}
		body:before {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			height: 100%;
			top: 100px;
			background: rgba(0, 0, 0, .5);
			z-index: 999;
			visibility: hidden;
		    opacity: 0;
		    transition: opacity ease .5s, visibility ease .5s 0s;
		}
		body.menu_show:before {
			visibility: visible;
		    opacity: 1;
		    transition: opacity ease .5s;
		}
	}

	/* Small */
	@media (max-width: 576px) {
		.blockWrap__content h2 {
		    font-size: 30px;
		    line-height: 100%; 
		    margin-bottom: 25px;
		    padding-bottom: 0;
		}
		.blockContent__title br,
		.blockWrap__content h2 br {
			display: none;
		}
		.mobile__menu--top {
			justify-content: center;
		}
	}

	/* Extra small */
	@media (max-width: 480px) {		
		.mobile__menu--top {
			padding: 10px;
		}
		.menu__open {
			padding: 12px 10px 10px;
		}
		.menu__wrap--mobile .menu-item {
			margin-bottom: 27px;
		}
		.blockContent__title {
			font-size: 30px;
		}
		.blockWrap {
			padding: 20px 0;
		}
		.blockContent__desc {
		    font-size: 16px;
		}
		.mobile__menu--btn>div a {
			padding: 10px 5px;
		}
	}

	@media (max-width: 359px) {		
		.mobile__menu--btn>div a {
			font-size: 14px;
		}
	}
	@media (max-width: 320px) {
		.mobile__menu--btn>div a {
			font-size: 13px;
		}
		.blockContent__title,
		.blockWrap__content h2 {
    		font-size: 26px;
		}
		.blockContent__desc {
		    font-size: 14px;
		}
	}
/* media */