/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
html {
    color: #000;
    font-size: 1em;
    line-height: 1.2;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
hr.spaced-hr {
    /*margin: 30px -10px;*/
    margin: 30px 0;
    border-color: #e3e8eb;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
}
textarea {
    resize: vertical;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
address {
	font-style: normal;
}
/* ul reset */
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
figure {
	margin: 0;
}
/* merge from bank */
label {
	position: relative;
	z-index: 1;
}
/* end of merge from bank */
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*, *:before, *:after {
    -webkit-box-sizing: inherit; /*9600 n*/
    -moz-box-sizing: inherit; /*9600 n*/
	box-sizing: inherit;
}
html, 
body {
	height: 100%;
    -webkit-box-sizing: border-box; /*9600 n*/
    -moz-box-sizing: border-box; /*9600 n*/
	box-sizing: border-box;	
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
body {
	font-family: 'Ubuntu', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	overflow-x: hidden;
}
.site {
	max-width: 1920px;
	margin: 0 auto;
}
.site,
.table {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}
.cell {
	display: table-cell;	
}

/* typography */
.section-title,
.section-title-big {
	/*font-size: 34px;*/
    font-size: 30px;
	font-weight: 300;
	text-align: left;
	color: #104784;
	/*margin: 0 0 25px 0;*/
	overflow: hidden;
    margin: 0 0 16px 0;
}
.spaced-top {
	margin-top: 50px;
}
.white .section-title {
	color: #fff!important;
}
.section-title-big {
	/*font-size: 40px;*/
    font-size: 36px;
	text-align: center;
}
.section-subtitle {
	font-size: 20px;
	font-weight: 300;
	color: #000;
	margin: 0 0 20px 0;
}
.section-subtitle:only-child {
	margin-bottom: 0;
}
.section-subtitle.color {
	color: #105284;
}
p {
	font-family: 'Open Sans', sans-serif;
	color: #757575;
	font-size: 15px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.highight-text {
	color: #49bc6d;
	font-style: normal;
	font-weight: 700;
}
.text img,
.pic {
	max-width: 100%;
	display: block;
}
.pic {
	margin: 0 auto 30px auto;
	width: 100%;
	max-width: 100%;
}
.fig {
	margin: 30px 0;
}
.fig img {
	max-width: 100%;
}
.text li a,
.text p a {
	color: #105284;
}
.text ul,
.text ol {
	padding: 0;
	list-style-position: inside;
	margin-bottom: 20px;
}
.text li strong {
	font-weight: 700;
}
.text li strong.color {
	color: #105284;
}
.bullet-list,
.list {
	margin-top: 0px;
	overflow: hidden;
}
.list {
	margin-top: 20px;
}
.bullet-list li,
.text ul li,
.list li {
	padding: 0 0 0 15px;
	color: #757575;
	font-size: 14px ;
	margin: 10px 0;
	position: relative;
}
.bullet-list li a,
.text ul li a {
	/*color: inherit;*/
	color: #105284;
}
.bullet-list li:before,
.text ul li:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #49bc6d;
}
.fake-bullet:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #49bc6d;
	margin: -2px 7px 0 -15px;
}
.text ol li,
.text ul li {
	font-family: 'Open Sans', sans-serif;
	color: #757575;
	font-size: 15px;
	line-height: 1.6;
}
.field .text ul li,
.field .text ol li {
	font-size: 13px;
}
.text ul li:before {
	top: 9px;
}
.field .text ul li:before {
	top: 6px;
}
.text ul li > ul li {
	/*padding: 0;*/
	list-style: none;
}
.text ul li > ul li:before {
	background: transparent;
	border: 2px solid #49bc6d;
}
.text ul li > ul li > ul li:before {
    border: 0;
    border-radius: 0;
    background: #49bc6d;
}
.text ul ul,
.text ul ol,
.text ol ol,
.text ol ul {
	padding-left: 15px;
}
/* end of typography */

/* grid */
.grid {
	font-size: 0;
}
.col {
	display: inline-block;
	vertical-align: top;
}
.col-half {
	width: 50%;
}
.col-25 {
	 width: 25%;
}
.col-33 {
	width: 33.33%;
}
.col-50 {
	width: 50%;
}
.col-66 {
	width: 66.66%;
}
.col-75 {
	width: 75%;
}
.col-100 {
	width: 100%;
}
.grid-padded {
	margin: 0 -20px;
}
.grid-padded .col {
	padding: 0 20px;
}
/* end of grid */

.wrapper {
	width: auto;
	max-width: 1420px;
	margin: 0 auto;
}
/* header */
.ubb-logo {
	display: block;
	float: left;
	margin: 3px 0 2px 0;
}
.ubb-logo img {
	display: block;
}
.main-header {
	display: table-row;
	height: 1px;
}
.system-row {
	background: #e5eff1;
	padding: 8px;
}
.system-row .system-link {
	font-size: 11px;
	line-height: 12px;
	color: #105284;
	text-decoration: none;
	float: right;
}
.system-row .system-link:hover {
	text-decoration: underline;
}
.header-inner {
	/*padding: 30px 0 24px 0;*/
    padding: 24px 0 20px 0;
	background: #fff;
	text-align: right;
	font-size: 0;
	border-bottom: 1px solid #e3e8eb;
}
.header-inner.no-border {
	border-bottom: 0;
}
.header-inner .wrapper {
	position: relative;
}
.btn-circle {
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	font-size: 13px;
	line-height: 35px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #105284;	
	border-radius: 50%;
    -webkit-transition: background 0.2s ease; /*9600 n*/
    -o-transition: background 0.2s ease; /*9600 n*/
	transition: background 0.2s ease;
	margin: 10px 0 10px 10px;
}
.btn-circle:hover {
	background-color: #094572;
}
.logout {
	display: inline-block;
	vertical-align: middle;
	color: #000;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	line-height: 45px;
	margin: 0 0 0 10px;
}
.logout:hover .btn-circle {
	background: #094572;
}
.btn.btn-notifications {
	padding-left: 45px;
	position: relative;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
}
.btn.btn-notifications:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 15px;
	width: 20px;
	height: 16px;
	background: url('../images/ubb-online-sprite.svg') no-repeat -165px -108px;
}
.no-svg .btn.btn-notifications:before {
	background-image: url('../images/ubb-online-sprite.png');
}
.notification-open .btn.btn-notifications,
.registration-open .btn.btn-reg-panel {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.notification-number {
	background: #fff;
	color: #105284;
	display: inline-block;
	border-radius: 13px;
	min-width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin: -5px -10px -5px 10px;
	padding: 0 5px;
}

/* notification block */
.notification-block {
	position: absolute;
	z-index: 5;
	width: 560px;
	right: 0px;
	background: #fff;	
	visibility: hidden;
	opacity: 0;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
	text-align: left;
}
.notification-open .notification-block {
	visibility: visible;
	opacity: 1;
}
.notification-block-inner {
	margin-top: -5px;
	background: #fff;
	border: 1px solid #1496a3;
}
.close-overlay {
	/*background: rgba(123, 123, 255, .75);*/
	position: fixed;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.header-inner .notification-block .btn {
	margin: 5px;	
}
.notification-block nav a {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 20px;
	/*width: 50%;*/
    width: 100%; /*UBB*/
	/*padding: 20px;*/
    padding: 15px;
	font-size: 15px;
	line-height: 26px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	background: #ebeef0;
}
.notification-block nav a.active {
	background: #fff;
}
.notification-block nav a span {
	display: inline-block;
	margin: 0 0 0 10px;
	background: #1581c6; /*#1496a3;*//*9600*/
	padding: 5px 8px;
	font-size: 13px;
	line-height: 16px;
	border-radius: 13px;
	color: #fff;
	text-align: center;
	min-width: 26px;
}
.notification-list {
	font-size: 16px;
	/*padding: 0px 30px;*/
    padding: 0 20px;
	display: none;
}
.notification-list.active {
	display: block;
}
.notification-list li {
	border-bottom: 1px solid #e3e8eb;
}
.notification-list li a {
	display: block;
	color: #000;
	font-family: 'Open Sans', sans-serif;	
	font-size: 15px;
	text-decoration: none;
	padding: 15px 0;
}
.notification-list li a time {
	font-weight: 700;
	color: #2a64a4;
	font-size: 13px;
	display: block;
	margin: 0 0 10px 0;
}
/*UBB*/
/*.notification-block *//*.footer *//*{
	padding: 15px 20px;
}*/
/* end of notification block */
/* notification row */
.notification-row .notification-number {
	font-size: 13px;
	background: #49bc6d;
	color: #fff;
	display: inline-block;
	border-radius: 17px;
	min-width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin: 0 5px 0 0;
	padding: 0 5px;
	font-weight: 500;
}
.notification-row {
    /*margin-top: -5px;*/
}
.notification-row a {
	color: #8b8b8b;
	font-size: 14px;
	display: inline-block;
	text-decoration: none;
}
/* end of notification row */
.notification-block .footer {
	/*padding: 20px 30px;*/
    padding: 20px;
}
/* registration block */
.registration-block {
	position: absolute;
	z-index: 1;
	right: 0;
	margin-top: -5px;
	background: #fff;
	border: 1px solid #1496a3;	
	visibility: hidden;
	opacity: 0;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
	max-width: 400px;
	padding: 20px;
	text-align: center;
}
.registration-open .registration-block {
	visibility: visible;
	opacity: 1;
}
.registration-block  .btn {
	/*display: block;*/
	margin: 10px!important;
}
.registration-block .section-subtitle {
	display: block;
	margin: 10px 0px;
}
/*.registration-block a {
	display: block;
	font-size: 16px;
	/*text-transform: uppercase;*!/
	line-height: 1;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.75);
	padding: 10px 20px;
	border-bottom: 1px solid #e3e8eb;
}
.registration-block a:last-child {
	border-bottom: 0;
} */
/* end of registration block */
.simple-link {
	font-size: 13px;
	color: #000;
	line-height: 16px;
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px solid transparent;
    -webkit-transition: border 0.2s ease; /*9600 n*/
    -o-transition: border 0.2s ease; /*9600 n*/
	transition: border 0.2s ease;
	margin: 0 10px;
	vertical-align: middle;
	text-align: left;
}
.simple-link:hover {
	border-bottom-color: #000;
}
.category-link {
	display: inline-block;
	color: #104784;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	margin: 10px 0 10px 10px;
}
.category-link:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	border: 5px solid transparent;
	border-left: 6px solid #242424;
	margin-left: 5px;
}
.section-title .category-link {
	margin-top: 30px;
	float: right;
}
.inline-group {
	display: inline-block;
}
.header-inner .btn {
	margin: 5px 0 4px 10px;
}
.user-name {
	display: inline-block;
	vertical-align: middle;
	font-size: 17px;
	line-height: 20px;
	color: #000;
	font-family: 'Open Sans', sans-serif;	
	margin: 10px;
}
/* end of header */

/* top nav */
.top-nav {
	display: inline-block;
	vertical-align: middle;
}
.top-nav a {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 21px;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	padding: 0 20px;
	border-right: 1px solid #d4dade;
	margin: 17px 0;
}
.top-nav a.phone {
	color: #105284;
	font-size: 18px;
	height: 21px;
	font-family: 'Ubuntu', sans-serif;
	padding-left: 0;
	position: relative;
}
.top-nav a.phone:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url('../images/ubb-online-sprite.svg') no-repeat -196px -107px;
}
.no-svg .top-nav a.phone:before:before {
	background-image: url('../images/ubb-online-sprite.png');
}
/* end of top nav */

/* profile bar */
.profile-field {
    /*border: 1px solid red;*/
    width: 100%;
    padding: 0 0 0 10px!important;
}
.profile-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px!important;
}
.profile-user-name {
    float: left;
    /*width: 300px;*/
    width: 400px; /*UBB*/
    /*border: 1px solid lime;*/
}
/* end of profile bar */

/* main nav */
.main-nav {
	position: relative;
    z-index: 2;
}
.main-nav:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #105284;
	background: #e3e8eb;
}
.mobile-menu-btn {
	display: none;
}
.main-nav ul {
	font-size: 0;
	position: relative;
	z-index: 4;
}
.main-nav ul li {
	display: inline-block;
}
/*9600 n*/
@media (min-width:1025px) {
    .main-nav > .wrapper > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .main-nav > .wrapper > ul > li {
            text-align: center;
        }
} /*9600 n end*/
.main-nav ul li > a {
	display: block;
	position: relative;
	z-index: 1;
	z-index: 4;
	text-decoration: none;
	font-size: 14px;
	color: #2a64a4;
	text-transform: uppercase;
	line-height: 18px;
	border-bottom: 1px solid #2a64a4;
	border-bottom: 1px solid transparent;
	/*padding: 25px 22px;*/
    padding: 20px 22px;
}
.main-nav ul li:first-child > a {
	padding-left: 0;
}
.main-nav ul li > a:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 22px;
	right: 22px;
	height: 0px;
	background: #fff;
    -webkit-transition: height 0.2s linear, color 0.2s linear, background 0.2s linear; /*9600 n*/
    -o-transition: height 0.2s linear, color 0.2s linear, background 0.2s linear; /*9600 n*/
	transition: height 0.2s linear, color 0.2s linear, background 0.2s linear;
}
.main-nav ul li:first-child > a:before {
	left: 0;
}
.main-nav ul li > a:hover:before {
	background: #d4dade;
	height: 5px;
}
.main-nav ul li > a:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -10px;
	height: 20px;
	right: -1px;
	width: 1px;
	background: #d4dade;
}
.main-nav ul li:last-child > a:after {
	display: none;
}
.main-nav ul li.with-mega-menu.open > a {
	border-top: 1px solid #2a64a4;
	border-bottom-color: #fff;
	margin-top: -1px;
}
.main-nav ul li.with-mega-menu.open > a:before,
.main-nav ul li.with-mega-menu.open > a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: -1px;
	left: 0;
	height: auto;
	margin: 0;
	width: 1px;
	background: #2a64a4;
    -webkit-transition: none; /*9600 n*/
    -o-transition: none; /*9600 n*/
	transition: none;
}
.main-nav ul li.with-mega-menu.open > a:after {
	display: block;
	left: auto;
	right: 0;
}
.main-nav ul li > a.active:before {
	background: #2a64a4;
	height: 5px;
}
/* end of main nav */

/* mega menu */
.mega-menu {
	padding: 20px;
	z-index: 3;
	border-bottom: 1px solid #105284;
	border-left: 1px solid #105284;
	border-right: 1px solid #105284;
	border-top: 1px solid #105284;
	margin-top: -1px;
	text-align: left;
	position: absolute;
	left: auto;
	right: auto;
	/*width: 100%; fix ie invisible horizontal scroll */ 
	font-size: 0;
	background: #fff;
	/*opacity: 0;
	visibility: hidden;*/
	/*max-height: 0;*/
	transition: opacity 0.5s ease, visibility 0.5s ease;
	
	display: none;
}
.mega-menu-fit-right {
	left: auto;
	right: 0;
}
.mega-menu-fit-left {
	left: 0;
	width: auto!important;
}
.main-nav ul li.with-mega-menu.open .mega-menu {
	/*visibility: visible;*/
	/*max-height: 1000px;*/
	/*opacity: 1;*/
	display: block;
}
.mega-menu h2 {
	color: #2a64a4;
	/*font-size: 30px;*/
    font-size: 24px;
	font-weight: 300;
	margin: 0 0 10px 0;
}
.main-nav .mega-menu nav {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	/*padding: 20px 40px 20px 0;*/
    padding: 10px 30px 10px 0;
	width: 20%;
	min-width: 270px;
/*	max-width: 250px;*/
}
.main-nav .mega-menu ul {
}

.main-nav .mega-menu ul li {
	display: block;
	margin: 5px 0;
}
.main-nav .mega-menu ul li a {
	display: inline-block;
	font-size: 14px;
	color: #000;
	padding: 0;
	text-transform: none;
	padding: 5px 0;
	border: 0;
    -webkit-transition: color 0.2s ease; /*9600 n*/
    -o-transition: color 0.2s ease; /*9600 n*/
	transition: color 0.2s ease;
}
.main-nav .mega-menu ul li a:hover,
.main-nav .mega-menu ul li a.active {
	color: #2a64a4;
}

.main-nav .mega-menu ul li a:before,
.main-nav .mega-menu ul li a:after {
	display: none;
}
.locked {
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 12px;
	background: url('../images/ubb-online-sprite.svg') no-repeat -231px -109px;
	margin: 0 0 0 5px;
}
.no-svg .locked {
	background-image: url('../images/ubb-online-sprite.png');
}
/* end of mega menu */

/* buttons */
.btn {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	background: #ebeef0;
	/*padding: 15px 25px;*/
    padding: 12px 25px;
	border-radius: 23px;
	border: 0;
	outline: none;
	cursor: pointer;
    -webkit-transition: background 0.2s ease; /*9600 n*/
    -o-transition: background 0.2s ease; /*9600 n*/
	transition: background 0.2s ease;
	position: relative;
	/*white-space: nowrap;*/
	text-align: center;
}
.btn:hover {
	background-color: #dae1e6;
}
.btn.btn-big {
	/*padding: 20px 30px;*/
    padding: 15px 30px;
	font-size: 15px;
	border-radius: 28px;
}
.btn.btn-small {
	/*padding: 10px 20px;*/
    padding: 8px 20px;
	text-transform: none;
	min-width: 60px;
}
.btn.btn-slim {
	padding: 10px 20px;
}
.btn.btn-wide {
	padding-left: 50px!important;
	padding-right: 50px!important;
}
.btn.btn-big.btn-wide {
	padding-left: 80px!important;
	padding-right: 80px!important;
}
.btn.btn-primary {
	background: #105284;
	color: #fff;
}
.btn.btn-primary:hover {
	background: #094572;
}
.btn.btn-disabled,
.btn.btn-disabled:hover {
    opacity: 0.2;
    cursor: default;
    background: inherit;
}
.btn-white {
	background-color: #fff;
	color: #000;
	/*border: 1px solid #fff;*/
    -webkit-transition: color 0.2s ease; /*9600 n*/
    -o-transition: color 0.2s ease; /*9600 n*/
	transition: color 0.2s ease;
}
.btn-white:hover {
	/*border-color: #105284;*/
	color: #105284;
	background: #fff;
}
.btn-highlight {
	background-color: #1581c6;/*#1496a3;*//*9600*/
	color: #fff;
}
.btn-highlight:hover {
	background-color: #0971b4 /*#0a8591;*//*9600*/
}
.btn-highlight-2 {
	background-color: #49bc6d;
	color: #fff;
}
.btn-highlight-2:hover {
	background-color: #3aa55c;
}
.section-title .btn.btn-small {
	margin-top: 12px;
	float: right;
}
.btn-icon-arrow-white-right:after,
.btn-icon-arrow-white-left:before,
.btn-icon-x:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 16px;
	background: url('../images/ubb-online-sprite.svg') no-repeat -140px -107px;
	vertical-align: top;
	margin: 0 -6px 0 10px;
}
.btn-icon-arrow-white-left:before,
.btn-icon-x:before {
	margin: 0 10px 0 -6px;
}
.btn-icon-x:before {
	background-position: -372px -202px;
	width: 16px;
	height: 16px;
}
.btn-big.btn-icon-arrow-white-right:after {
	background-position: -111px -137px;
}
.btn-icon-arrow-white-left:before {
	background-position: -111px -200px;
}
.btn-big.btn-icon-arrow-white-left:before {
	background-position: -321px -167px;
}
.no-svg .btn-icon-arrow-white-right:after,
.no-svg .btn-icon-arrow-white-left:before,
.no-svg .btn-icon-x:before {
	background-image: url('../images/ubb-online-sprite.png');
}
.btn.btn-back:before {
	content: '';
	display: inline-block;
	border: 5px solid transparent;
	border-right: 6px solid #104684;
	margin: 0 10px 0 -6px;
}
.btn-edit {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	position: relative;
    -webkit-transition: background 0.2s ease; /*9600 n*/
    -o-transition: background 0.2s ease; /*9600 n*/
	transition: background 0.2s ease;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.btn-edit:after {
	content: '';
	width: 30px;
	height: 30px;
	background: url('../images/ubb-online-sprite.svg') no-repeat -370px -100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
}
.btn-row {
	text-align: center;
	font-size: 0;
}
.btn-row-pullout {
    text-align: left;
    margin: 0 -10px;
}
.btn-row-pullout .pullout {
    float: right;
    margin: 15px 10px 0 0;
}
.btn-row .btn {
	margin: 10px;
}
.scroll-controls {
    border-top: 1px solid #e3e8eb;    
    font-size: 0;
    padding: 10px 0;
    text-align: center;
    clear: both;
}
.btn-scroll-left,
.btn-scroll-right {
    display: inline-block;
    font-size: 16px;
    color: #105284;
    text-decoration: none;
    padding: 5px;
    margin: 5px;
    position: relative;
    padding-right: 40px;
    -webkit-transition: opacity 0.2s ease; /*9600 n*/
    -o-transition: opacity 0.2s ease; /*9600 n*/
    transition: opacity 0.2s ease;
    max-width: 45%;
    text-align: right;
}
.btn-scroll-left:hover,
.btn-scroll-right:hover {
    color: #094572;
}
.btn-scroll-right {
    padding-right: 0;
    padding-left: 40px;
    text-align: left;
}
.btn-scroll-left:before,
.btn-scroll-right:before {
    content: '';
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #105284;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 0;
    -webkit-transition: background-color 0.3s ease; /*9600 n*/
    -o-transition: background-color 0.3s ease; /*9600 n*/
    transition: background-color 0.3s ease;
}
.btn-scroll-left:before:hover,
.btn-scroll-right:before:hover {
    background-color: #094572;
}
.btn-scroll-left:before {
    right: 0;
    left: auto;
}
.btn-scroll-left:after,
.btn-scroll-right:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 0;
    margin-top: -10px;
    margin-left: 4px;
	background: url('../images/ubb-online-sprite.svg') no-repeat -105px -135px;
}
.no-svg .btn-scroll-left:after,
.no-svg .btn-scroll-right:after {
    background-image: url('../images/ubb-online-sprite.png');
}
.btn-scroll-left:after {
    left: auto;
    right: 0;
    margin-left: auto;
    margin-right: 4px;
    background-position: -316px -165px;
}
/* end of buttons */

/* toggle group */
.toggle-group {
	margin: 10px 0;
	font-size: 0;
}
.toggle-group-special {
    position: relative;
    z-index: 1;
}
.toggle-value {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #757575;
	text-decoration: none;
}
.toggle-value.active {
	color: #000;
}
.toggle-group .label {
	margin: 0 20px 0 0;
	vertical-align: middle;
}
.toggle-btn {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 30px;
	background: #f2f5f7;
	border-radius: 15px;
	margin: 5px 10px;
	position: relative;
}
.toggle-btn:after {
	content: '';
	position: absolute;
	top: 7px;
	right: 7px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #105284;
	transition: all 0.2s ease;
}
.toggle-btn.active:after {
	-webkit-transform: translateX(-30px);
	    -ms-transform: translateX(-30px);
	        transform: translateX(-30px);
}
.light .toggle-btn {
	background: #dae4eb;
}
.toggle-control {
	text-decoration: none;
	display: inline-block;
}
/* end of toggle group */

.label {
	display: inline-block;
	font-size: 13px;
	color: #105284;
	font-weight: 700;
	text-transform: uppercase;
}
.label.spaced {
	margin: 10px 0;
}
.label.white-label {
	color: #fff;
}
/* header not logged */
.login-form {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	position: relative;
	z-index: 1;
}
.login-form .form-group {
	display: inline-block;
	vertical-align: middle;
}
/* end of header not logged */

/* form components */
.login-form .field {
	padding: 0 10px 0px 10px;
}
.login-form .field .input {
	width: 200px;
}
.login-form .field .input-account {
	width: 280px;
}
.login-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 18px;	
	text-align: left;
}
.login-form .field .input-password {
	width: 120px;
}
.login-form .custom-checkbox {
	font-size: 13px;
	color: #000;
}
.login-form .custom-checkbox [type="checkbox"]:not(:checked) ~ var:before,
.login-form .custom-checkbox [type="checkbox"]:checked ~ var:before {
	top: 50%;
	margin-top: -9px;
}
.login-form .custom-checkbox [type="checkbox"]:not(:checked) ~ var:after,
.login-form .custom-checkbox [type="checkbox"]:checked ~ var:after {
	top: 50%;
	margin-top: -8px;
}
.login-form .field {
	vertical-align: middle;
}
.form-grid {
	font-size: 0;
}
.field,
.field-custom-check-radio {
	display: inline-block;
	vertical-align: top;
	position: relative;
	/*padding: 12px 15px;*/
    padding: 9px 15px;
}
.field.with-tooltip,
.field.with-edit {
    padding-right: 50px;
}
.field-inline.with-tooltip .btn {
    margin: 5px 0;
}
.field.with-edit .btn-edit {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
}
.field.with-tooltip .info-icon {
	position: absolute;
	right: 20px;
	/*top: 50px;*/
    top: 35px;
}
.field.no-padding {
	padding: 0;
}
.field.no-padding-vertical {
	padding-top: 0;
	padding-bottom: 0;
}
.field p {
	font-size: 13px;
	margin: 5px 0 0 0;
}
p.big {
	color: #000;
	font-size: 16px;
}
.field-10 {
	width: 10%;
}
.field-20 {
	width: 20%;
}
.field-25 {
	width: 25%;
}
.field-30 {
	width: 30%;
}
.field-33 {
	width: 33.33%;
}
.field-40 {
	width: 40%;
}
.field-50 {
	width: 50%;
}
.field-60 {
	width: 60%;
}
.field-66 {
	width: 66.67%;
}
.field-70 {
	width: 70%;
}
.field-75 {
	width: 75%;
}
.field-80 {
	width: 80%;
}
.field-90 {
	width: 90%;
}
.field-100 {
	width: 100%;
}
.field-iban {
	width: 480px;
}
.field-bic {
	width: 220px;
}
.field-calendar {
    width: 175px;
}
/* merge from bank */
.field-ibanb {
	width: 550px;
}
.field-ibans {
	width: 380px;
}
.field-bic {
	width: 200px;
}

.field-iban input,
.field-bic input,
.field-currency input {
	letter-spacing: 4px;
	font-size: 18px!important;
}
.field-currency {
	width: 140px;
}
/* merge from bank */
.field-currency {
	width: 150px;
}
/* end of merge from bank */
.field input[type="text"],
.field input[type="tel"],
.field input[type="email"],
.field input[type="password"],
.field textarea {
	font-family: 'Open Sans', sans-serif;
	/*font-size: 22px;*/
    font-size: 18px;
	/*line-height: 35px;*/
    line-height: 25px;
	color: #010101;
	padding: 12px 10px 3px 10px;
	display: block;
	outline: none;
	border: 0;
	background: transparent;
	width: 100%;
	max-width: none;
	/* height: 50px; fix ie height */
    height: 40px; /*fix ie height*/
}
.field input[type="text"]:disabled,
.field input[type="tel"]:disabled,
.field input[type="email"]:disabled,
.field input[type="password"]:disabled,
.field textarea:disabled {
	color: #666;
	opacity: 1;
}
.white .field input[type="text"],
.white .field input[type="tel"],
.white .field input[type="email"],
.white .field input[type="password"],
.white .field textarea {
	color: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.field .input {
	position: relative;
	border-bottom: 1px solid #104684;
	z-index: 1;	
	font-size: 16px;
}
.field .input.textarea {
	border-bottom: 0;
}
.field .input.textarea:before,
.field .input.textarea:after {
	display: none;
}
.white .field .input {
	border-bottom: 1px solid #fff!important;
}
.field .input:before,
.field .input:after {
	content: '';
	position: absolute;
	z-index: 2;
	bottom: 0;
	height: 9px;
	width: 1px;
	background: #104684;
	left: 0;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
	-webkit-transform-origin: bottom center;
	    -ms-transform-origin: bottom center;
	        transform-origin: bottom center;
}
.white .field .input:before,
.white .field .input:after {
	background: #fff!important;
}
.field .input.focused:before,
.field .input.focused:after {
	-webkit-transform: scale(1, 1.5);
	    -ms-transform: scale(1, 1.5);
	        transform: scale(1, 1.5);
	/*background: #1496a3;*/
}
.field .input.focused {
	/*border-bottom-color: #1496a3;*/
	z-index: 1;
}
.field .input.has-error:before,
.field .input.has-error:after {
	background: #dc0000!important;
}
.field .input.has-error {
	border-bottom-color: #dc0000!important;
}
.field .input.has-error.focused {
	z-index: 3;
}
.field .input.has-error .form-error {
	display: none;
}
.field .input.has-error.focused .form-error {
	display: block;
}
.field .input:after {
	left: auto;
	right: 0;
}
.field textarea {
	resize: vertical;
	min-height: 100px;
	max-height: 400px;
	border: 1px solid #104684;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
}
.field label {
	font-size: 13px;
	font-weight: 700;
	color: #104684;
	text-align: left;
	text-transform: uppercase;
	position: absolute;
	z-index: 1;
	/*top: 20px;*/
	bottom: 10px;
	left: 10px;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
}
.field .input.textarea label {
	position: static;
	display: inline-block;
	margin-bottom: 10px;
}
.white .field label {
	color: #fff!important;
}
.field .input.has-error label {
	color: #dc0000;
}
.input.focused label,
.input.filled label {
	/*transform: translateY(-27px);*/
    -webkit-transform: translateY(-17px);
        -ms-transform: translateY(-17px);
            transform: translateY(-17px);
	/*font-size: 12px;*/
    font-size: 11px;
	opacity: 0.7;
	font-weight: 500;
}
.field-with-btn {
    vertical-align: middle;
    position: relative;
    width: calc(50% - 190px);
}
.btn-group .btn {
    margin: 10px 0;
}
.btn-group .btn:first-child {
	margin-right: 40px;
}
.btn-group .btn:first-child:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -20px;
	width: 1px;
	background: #a3a3a3;
}
/* simple input */
.simple-input,
.simple-select,
.dataTables_length select {
	width: 100%;
	font-size: 16px;
	color: #000;
	background-color: #fff;
	/*padding: 10px;*/
    padding: 6px;
	border: 1px solid #d8d8d8;
    -webkit-box-sizing: border-box; /*9600 n*/
	box-sizing: border-box;
	outline: none;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
	vertical-align: middle;	
}
.simple-select,
.dataTables_length select {
	min-width: 100%;
	padding-right: 30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url('../images/dropdown-arrow.svg') no-repeat right top;	
    background-position: right -4px;
}
.dataTables_length select {
	min-width: 0;
	width: auto;
}
.no-svg .simple-select,
.no-svg .dataTables_length select {
	background-image: url('../images/dropdown-arrow.png');	
}
.ie9 .simple-select,
.ie9 .dataTables_length select {
	padding-right: 10px;
	background-image: none;
}
/* merge from bank */
.simple-select-iban,
.simple-select-ibanAll,
.simple-input-iban {
	width: 260px;
}
/* end of merge from bank */
.simple-input:hover,
.simple-select:hover {
	border-color: #b8b8b8;
}
.simple-input:focus,
.simple-select:focus {
	border-color: #898989;
}
.simple-input-date {
	min-width: 110px;
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
select::-ms-expand {
    display: none;
}
/* end of simple input */
.help-block,
.form-error {
	position: absolute;
	z-index: 2;
	left: 0;
	margin-top: 10px;
	color: #666;
	font-size: 13px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
	max-width: 280px;
	text-align: left;	
}
.help-block:before,
.form-error:before,
.help-block:after,
.form-error:after {
	content: '';
	position: absolute;
	top: -20px;
	/*left: 10px;*/
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom-color: #ccc;
}
.help-block:after,
.form-error:after {
	border-bottom-color: #fff;
	top: -19px;
}
.help-block:hover {
	z-index: 3;
}
.form-error {
	border-color: #dc0000;
	color: #dc0000;
	/*z-index: 1;*/
}
.form-error:before {
	border-bottom-color: #dc0000;
}
.field-select .help-block,
.field-select .form-error {
	top: 15px;
}
form.tight {
	width: 70%;
	margin: 0 auto;
}
.character-counter {
	float: right;
}
.character-counter span {
	margin-right: 5px;
}
.field-inline {
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
}
.field-inline .custom-checkbox,
.field-inline .custom-radio {
    margin-right: 15px;
}

.field-inline .calendar {
	margin: 0 -10px;
}
.side-controls {
	/*padding: 10px 10px;*/
	padding: 2px 0;
	float: right;
}
/* select */
.field-select {
}
.field-select label {
	/*top: 8px;*/
	right: 40px;
}
.field-select select {
	margin-top: 12px;
	margin-bottom: 3px;
	display: block;
	max-width: none;	
	width: 100%;
	height: 35px;
	border-radius: 0;
	border: 0;	
	outline: none;
	padding: 0px 40px 0 10px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url('../images/dropdown-arrow.svg') no-repeat right center;	
	/*font-size: 22px;*/
	font-size: 16px;
	color: #010101;
	position: relative;
	z-index: 2;
}
.field-select select.error {
	border-color: #e81515!important;
}
.no-svg .field-select select {
	background-image: url('../images/dropdown-arrow.png');
}
.field-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.field-select select::-ms-expand {
    display: none;
}
.ie9 .field-select select,
.lt-ie9 .field-select select {
	padding: 5px 10px;
}


/* login select */
.select2-results__option[aria-selected] {
	word-break: break-all;
}
/* end of login select */


.select2 {
	min-width: 100%!important;
	max-width: 100%!important;
}
.select2-results__option:first-child:empty { /*hide first empty child in select*/
	display: none;
}
.input-select {
	/*padding: 0 1px;*/
}
.btn-select.small {
	width: 170px;
	margin: 10px 0 0 0;
	text-transform: none;
}
.btn-select {
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	margin: 10px;
}
.white .btn-select {
	background: #fff;
}
/* end of select */
/* simple file upload */
.file-upload {
	position: relative;
	margin: 0;
}
.file-upload input[type="text"] {
	width: 100%;
	padding-right: 130px;
}
.file-upload.white input[type="text"] {
	color: #fff;
}
.file-upload.filled input[type="text"] {
	/*padding: 18px 10px 2px 10px;*/
}
.btn-file {
	margin: 0;
	position: absolute;
	z-index: 0;
	top: 0px;
	right: 0px;
	left: 0;
	bottom: 0;
	padding: 0 35px 0 20px;
	font-size: 13px;
	/*line-height: 50px;*/
    line-height: 40px;
	text-align: right;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
}
.btn-file:after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 5px;
	bottom: 5px;
	right: 10px;
	width: 100px;
	/*height: 40px;*/
    height: 30px;
	background: #105284;
	border-radius: 20px;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
}
.btn-file:hover:after {
	background: #094572;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	text-align: right;
	opacity: 0;
	filter: alpha(opacity = 0);
	background: transparent;
	cursor: inherit;
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* end of simple file upload */
/* security code */
.security-code-block {
	margin-top: 30px;
}
.security-code-image {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
}
/* end of security code */
.error-text,
.required-star {
	color: #dc0000;
}
/* message box */
.message-box {
	/*border: 1px solid rgba(230, 230, 230, 0.6);*/
	background: rgba(230, 230, 230, 0.2);
	/*padding: 20px;*/
    padding: 15px 20px;
	margin: 20px 0;
	text-align: center;
}
.message-box-error {
	/*border: 1px solid rgba(240, 120, 120, 0.6);*/
	background: rgba(240, 120, 120, 0.2);
}
.message-box-warning {
	/*border: 1px solid rgba(240, 200, 120, 0.6);*/
	background: rgba(240, 200, 120, 0.2);
}
.message-box-success {
	/*border: 1px solid rgba(100, 200, 100, 0.6);*/
	background: rgba(100, 200, 100, 0.2);
}
.message-box-title {
	color: rgba(0,0,0, 0.65);
	/*font-size: 20px;*/
    font-size: 18px;
	font-weight: 400;
	margin: 0 0 10px 0;
}
.message-box-title:only-child {
	margin: 0;
}
.message-box p,
.message-box .simple-table td {
	color: rgba(0,0,0, 0.75);
}
.message-box p a {
	color: inherit;
} 
.message-box p:last-of-type {
	margin-bottom: 0;
}
.message-box .simple-table {
    margin: 0 auto;
    text-align: left;
}
/* end of message box */
/* calendar */
.calendar {
	display: inline-block;
	vertical-align: middle;
}
.calendar.spaced {
	margin: 10px 0 30px 0;
}
.date-row {
	font-size: 0;
}
.date-row input {
	display: inline-block;
	vertical-align: middle;
	width: 105px;
	outline: none;
	border: 0;
	border-radius: 20px;
	background: #edf1f4;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	color: #105284;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	cursor: pointer;
}
.white .date-row input {
	background-color: #fff!important;
}
.date-picker-row {
	position: absolute;
	z-index: 111;
	font-size: 0;
}

.date-picker-row .help-block.form-error {
	margin-left: 40px;
}
/* merge from bank */
.date-picker-row #container,
.date-picker-row #container-2,
.date-picker-row #container-3,
.date-picker-row #container-4,
.date-picker-row #containerD,
.date-picker-row #containerD-2 {
	position: absolute;
	display: inline-block;
	vertical-align: top;
}
/* end of merge from bank */
.icon-date-calendar,
.icon-date-arrow {
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background: url('../images/ubb-online-sprite.svg') no-repeat -310px -130px;
}
.icon-date-arrow {
	background-position: -340px -130px;
	margin: 0;
}
.no-svg .icon-date-calendar,
.no-svg .icon-date-arrow {
	background-image: url('../images/ubb-online-sprite.png');
}
.white .icon-date-calendar {
	background-position: -250px -130px;
}
.white .icon-date-arrow {
	background-position: -280px -130px;
}
.calendar-group {
    display: inline-block;
    vertical-align: middle;
}
.field input[type="text"].calendar-field {
    background: url('../images/calendar.svg') no-repeat bottom right;
    padding-right: 30px;
}
.no-svg .field input[type="text"].calendar-field {
    background-image: url('../images/calendar.png');
}
.tab-content header .field input[type="text"].calendar-field, 
.header-pannel .field input[type="text"].calendar-field {
    background-image: url('../images/calendar-white.svg');
}
.no-svg .tab-content header .field input[type="text"].calendar-field, 
.no-svg .header-pannel .field input[type="text"].calendar-field {
    background-image: url('../images/calendar-white.png');
}
.field-calendar::-ms-clear,
.calendar-field::-ms-clear {
	display: none;
}
/* end of calendar */
.form-block {
	/*padding: 30px;*/
    padding: 20px;
	/*margin: 30px 0;*/
    margin: 20px 0;
}
/* recaptcha */
.g-recaptcha {
	width: 280px;
	display: inline-block;
}
#rc-imageselect,
.g-recaptcha {
	-webkit-transform:scale(0.92);
	    -ms-transform:scale(0.92);
	        transform:scale(0.92);
	-webkit-transform-origin:0 0;
	    -ms-transform-origin:0 0;
	        transform-origin:0 0;
}
/* end of recaptcha */
.subtitle-type-2,
.info-box-title {
	/*font-size: 22px;*/
    font-size: 18px;
	font-weight: 400;
	color: #104784;
	margin: 0 0 20px 0;
	font-family: 'Open Sans', sans-serif;
}
.info-box-title {
	font-size: 18px;
	margin: 20px 0;
}
.popup-text .subtitle-type-2 {
	margin: 0;
}
.inline-label {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 20px 5px 0;
	font-size: 16px;
	color: #105284;
}
.subtitle-type-3 {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #104784;
	margin: 0 0 20px 0;
	font-family: 'Open Sans', sans-serif;
}
.flag-block {
	display: inline-block;	
}
.flag-block img {
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
}
.flag-label {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
}
.table-select {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.table-select .field {
	padding: 0 15px;
}
/* end of form components */
.qr-split {
    display: table;
}
.qr-split-form {
    display: table-cell;
    vertical-align: top;
    width: 60%;
    border-right: 1px solid #e3e8eb;
    padding-right: 10px;
}
.qr-split-code {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
    width: 40%;
}
.qr-code {
    margin-bottom: 20px;
}
/* sidebar layout */
.secondary-nav {
	font-size: 0;
	position: relative;
}
.secondary-nav:before,
.secondary-nav:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #e3e8eb;
}
.secondary-nav:after {
	top: auto;
	bottom: 0;
}
.secondary-nav a,
.category-title {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	color: #105284;
	text-decoration: none;
	/*padding: 25px;*/
    padding: 20px;
	position: relative;
	z-index: 1;
}
.secondary-nav a.active {
	background: #105284;
	color: #fff;
}
.secondary-nav a:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 0;
	height: 20px;
	width: 1px;
	background: #d4dade;
}
.secondary-nav a.active:after {
	display: none;
}
.category-title {
	background: #1496a3;
	/*font-size: 24px;*/
    font-size: 22px;
	line-height: 30px;
	/*padding: 20px 25px;*/
    padding: 15px 25px;
	font-weight: 300;
	color: #fff;
	white-space: nowrap;
	text-transform: none;
	position: relative;
	z-index: 2;
	width: 20%;
}
.category-title:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: -20px;
	border: 10px solid transparent;
	border-left-color: #1496a3;
}
.sidebar-layout {
	display: table;
}
.sidebar-layout .sidebar {
	display: table-cell;
	vertical-align: top;
	width: 20%;
	background: #f7f9fb;
}
.sidebar-layout .content {
	display: table-cell;
	vertical-align: top;
	width: 80%;
	padding-left: 40px;
}
.sidebar-nav {
	background: #105284;
	font-size: 0;
}
.sidebar-nav a {
	display: block;
	background: #105284;
	/*padding: 25px;*/
    padding: 20px;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
    -webkit-transition: background 0.2s ease; /*9600 n*/
    -o-transition: background 0.2s ease; /*9600 n*/
	transition: background 0.2s ease;
	position: relative;
}
.sidebar-nav a.active:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	background: url('../images/ubb-online-sprite.svg') -285px -165px;
	margin: 0 0 0 5px;
}
.no-svg .sidebar-nav a.active:after {
	background-image: url('../images/ubb-online-sprite.png');
}
.sidebar-nav a.active,
.sidebar-nav a.active:hover {
	background: #1a5f93;
	white-space: nowrap;
}
.sidebar-nav a:hover {
	background: #094572;
}
.columns {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
	-webkit-column-gap: 40px;
	   -moz-column-gap: 40px;
	        column-gap: 40px;
	-webkit-column-width: 260px;
	   -moz-column-width: 260px;
	        column-width: 260px;
}
/* end of sidebar layout */
.main-content {
	display: table-row;
	height: 100%;
}

.padded-section {
	/*padding: 55px 0;*/
    padding: 45px 0;
}
.padded-section.bottom-only {
	padding-top: 0;
}
.padded-section.top-only {
	padding-bottom: 0;
}
.news-row.padded-section{
	padding-bottom: 10px;
}
.light {
	background: #f7f9fb;
}
.light2 {
	background: #e9edf2;
}
.cover {
	background-size: cover;
	background-position: center bottom;
}
.padded-10 {
	padding: 10px;
}
.padded-20 {
	padding: 20px;
}
.padded-30 {
	padding: 30px;
}
/* main slider */
.main-slider-section {
	background: #ccc;
}
.main-slider.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.main-slider .slide:not(:first-child) {
	position: absolute;
	opacity: 0;
}
.slick-initialized.main-slider .slide:not(:first-child) {
	position: static;
	opacity: 1;
}
.main-slider .slick-dotted.slick-slider {
	margin: 0;
}
.main-slider .main-slide video {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	    -ms-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);
	background: url('../images/assets/slider-video-background.jpg') no-repeat center center;
}
.lt-ie9 .main-slider .main-slide video {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.main-slider .main-slide {
	display: block;
	padding-top: 320px; /*570px;*//*9600 n*/
	height: 0;
	background-size: cover;
    background-position: center;/*9600 n*/
	position: relative;
	overflow: hidden;
}
.main-slider .slick-dots {
	bottom: 0;
	padding: 0 0 20px 0;
}
.main-slider .slick-next {
	right: 25px;
}
.main-slider .slick-prev {
	left: 25px;
}
.main-slider .slick-dots li button {
	background: #fff;
	border-radius: 50%;
}
.main-slider .slick-dots li.slick-active button {
	background: #1496a3;
}
.main-slider .slick-dots li button:before {
	display: none;
}
/* end of main slider */

/* promo slider */
.promo-slider {
	background: #105284;
	margin: 20px 0 0 0;
}
.promo-slider .slick-dots {
	bottom: 0;
	padding: 0 0 10px 0;
}
.promo-slider.slick-dotted.slick-slider {
	margin-bottom: 0;
}
.promo-slider .slick-dots li button {
	background: #fff;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	padding: 0;
}
.promo-slider .slick-dots li.slick-active button {
	background: #61bd7e;
}
.promo-slider .slick-dots li button:before {
	display: none;
}
.promo-slider h1,
.promo-slider h2,
.promo-slider h3 {
	color: #fff;
	font-weight: 300;
	margin: 0 0 10px 0;
}
.promo-slider h1 {
	margin: 0;
	font-size: 30px;
}
.promo-slider h2 {
	font-size: 26px;
}
.promo-slider h3 {
	font-size: 18px;
}
.slider-icon-arrow {
	display: block;
	width: 80px;
	height: 30px;
	background: url('../images/ubb-online-sprite.svg') no-repeat 0 -130px;
}
.no-svg .slider-icon-arrow {
	background-image: url('../images/ubb-online-sprite.png');
}
.slider-icon-special {
	display: inline-block;
	vertical-align: middle;
	width: 120px;
	height: 130px;
	background: url('../images/promo-slider-icon.svg') no-repeat left top;
	margin: 10px 30px 10px 0;
	position: relative;
}
.slider-icon-special:after {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	right: 0;
	width: 80px;
	height: 80px;
	background: #49bc6d;
	border-radius: 50%;
}
.no-svg .slider-icon-special {
	background-image: url('../images/promo-slider-icon.png');
}
.promo-slider-slide {
	font-size: 0;
	padding: 10px 0;
}
.promo-slider-slide:not(:first-child) {
	position: absolute;
	opacity: 0;
}
.slick-initialized .promo-slider-slide {
	position: static;
	opacity: 1;
}
.promo-slider-left-side,
.promo-slider-right-side {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}
.promo-slider-left-side {
	margin: 20px 20px 20px 0;
}
.promo-slider-right-side {
	margin: 10px 0;
}
/* end of promo slider */

/* helper section */
.help-section {
	padding: 20px 0;
}
.helper-nav {
	font-size: 0;
}
.helper-nav a {
	width: 25%;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	/*padding: 20px 0;*/
}
.helper-text {
	display: inline-block;
	vertical-align: middle;
	color: #105284;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0 10px;
	text-align: left;
}
.helper-nav a strong {
	font-weight: 400;
	display: block;
	font-size: 26px;
}
.helper-icon {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #1581c6 /*#1496a3*/ url('../images/ubb-online-sprite.svg') no-repeat; /*9600*/
    -webkit-transition: background 0.5s ease; /*9600 n*/
    -o-transition: background 0.5s ease; /*9600 n*/
	transition: background 0.5s ease;
	margin: 10px auto;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.no-svg .helper-icon {
	background-image: url('../images/ubb-online-sprite.png');
}
.helper-nav a:hover .helper-icon {
	background-color: #0971b4; /*#0a8591;*/ /*9600*/
}
.helper-icon.helper-icon-phone {
	background-position: 0 0;
}
.helper-icon.helper-icon-help {
	background-position: -100px 0;
}
.helper-icon.helper-icon-u-online {
	background-position: -200px 0;
}
.helper-icon.helper-icon-security {
	background-position: -300px 0;
}
/* end of helper section */

/* news */
.news-list {
	font-size: 0;
	/*margin-bottom: 30px;*/
    margin-bottom: 20px;
} 
.news-list li {
	display: block;
	position: relative;
	min-height: 100px;
	/*padding: 20px 0;*/
    padding: 10px 0;
}
.news-list li:nth-child(even) {
	background: #f7f9fb;
}
.news-list li > a {
	text-decoration: none;
	display: inline-block;
	width: 50%;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	padding: 20px;
}
.news-list.news-list-full-width li > a {
	width: 100%;
}
.news-title {
	color: #105284;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.36;
    -webkit-transition: color 0.2s ease; /*9600 n*/
    -o-transition: color 0.2s ease; /*9600 n*/
	transition: color 0.2s ease;
	/*margin: 10px 50px 0 170px;*/
    margin: 10px 50px 0 150px;
	display: block;
}
.news-title.warning {
	color: #c20404;
}
.news-list li > a:hover .news-title.warning {
	color: #a40505;
}
.news-list li > a:hover .news-title {
	color: #094572;
}
.news-list li p {
	margin: 20px 20px 0 150px;
}
.time-block {
	font-size: 0;
	position: absolute;
	top: 20px;
	left: 20px;
	display: block;
}
.time-block .date-day {
	display: inline-block;
	vertical-align: top;
	color: #49bc6d;
	/*font-size: 60px;*/
    font-size: 50px;
	font-weight: 300;
	line-height: 1;
	position: relative;
	z-index: 1;
	padding: 10px 0;
}

.time-block .date-day:before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	width: 100%;
	left: 100%;
	background: #e5eff1;
	-webkit-transform: skew(-20deg);
	    -ms-transform: skew(-20deg);
	        transform: skew(-20deg);
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
}
.time-block .date-month,
.time-block .date-year {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;
	color: #1496a3;
	/*font-size: 20px;*/
    font-size: 17px;
	line-height: 1;
	margin-top: 18px;	
}
.time-block .date-time {
	/*font-size: 12px;*/
    font-size: 11px;
	display: block;
	color: #1496a3;
	text-align: right;
	position: absolute;
	z-index: 2;
	top: 47px;
	/*left: 73px;*/
    left: 56px;
}
/* end of news */
/* one news */
.news-one {
	margin-bottom: 40px;
	padding-left: 20px;
}
.news-one header {
	position: relative;
	/*min-height: 100px;*/
	padding-left: 170px;
	margin-bottom: 20px;
}
.news-one header .time-block {
	top: 10px;
	left: 0;
}
.news-one header .news-title {
	color: #105284;
	font-size: 30px;
	font-weight: 400;
	margin: 0;
}
.news-one .text {
	margin-left: 170px;
}
.news-one .text img {
	max-width: 100%;
	height: auto;
	display: block;
}
.text img[style*='float: left']{
	margin: 0 20px 20px 0;
}
.text img[style*='float: right']{
	margin: 0 0 20px 20px;
}
/* end of one news */
.services-row {
	text-align: center;
	font-size: 0;
}
.service-box {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 10px;
	text-align: center;
}
.service-box.small {
	width: 210px;
	height: 210px;
	-webkit-transform: scale(0.70);
	    -ms-transform: scale(0.70);
	        transform: scale(0.70);
	-webkit-transform-origin: top left;
	    -ms-transform-origin: top left;
	        transform-origin: top left;
}
.service-box.small strong,
.service-box.small .complex-icon-title {
	font-size: 28px;
}
.services-row .service-box {
	width: 25%;
}
.service-box strong,
.complex-icon-title {
	/*font-size: 26px;*/
    font-size: 24px;
	font-weight: 300;
	margin: 20px 10px;
	display: block;
	color: #104784;
}
.service-box p {
	font-size: 14px;
	margin: 0;
	color: #757575;
}
/* featured content */
.featured-content {
	display: table;
	table-layout: fixed;
}
.featured-block {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.featured-block.text {
	padding: 30px;
}
.featured-block img,
.featured-block video {
	width: 100%;
}
.video-play {
	position: relative;
}
.video-play:before,
.video-play-btn {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	width: 100px;
	height: 100px;
	background: url('../images/ubb-online-sprite.svg') no-repeat 0 -315px;
	z-index: 2;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
}
.video-play-btn:hover {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.no-svg .video-play:before,
.video-play-btn {
	background-image: url('../images/ubb-online-sprite.png');
}
.video-play-btn-negative-offset {
	margin-top: -80px;
}
.video-play:after {
	content: '';
	position: absolute;
	z-index: 1;
	margin: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
}
.video-play[data-play="play"]:before,
.video-play[data-play="play"]:after {
	opacity: 0;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* end of featured content */
/* complex icons */
.complex-icon {
	display: block;
	/*width: 250px;
	height: 200px;*/
	/*width: 200px;
	height: 160px;*/
    width: 160px;
    height: 128px;
	margin: 0 auto;
	background: url('../images/complex-icons.svg') no-repeat;
	position: relative;
    /*z-index: 1;*/
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	/*transform: scale(0.8);*/
	/*transform-origin: top center;*/
	/*margin-bottom: -50px;*/
    /*margin-bottom: -40px;*/
}
.complex-icon-2 {
	width: 170px;
	height: 130px;
	background-color: rgba(123, 255, 255, .5);
	background: url('../images/complex-icons-2.svg') no-repeat;
}
.no-svg .complex-icon-2 {
	background-image: url('../images/complex-icons-2.png');
}
.complex-icon:before {
	content: '';
	position: absolute;
	z-index: -2;
	bottom: 0;
	left: 50%;
	margin-left: -32px;
	/*width: 100px;
	height: 100px*/;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #1496a3;
	 -webkit-transition: -webkit-transform 0.2s ease; /*9600*/
	transition: -webkit-transform 0.2s ease;
    -o-transition: transform 0.2s ease; /*9600 n*/
	transition: transform 0.2s ease;
	-webkit-transform: translate3d(0,0,-1px) scale(1);
	        transform: translate3d(0,0,-1px) scale(1);
	border: 1px solid transparent;
}
.complex-icon-2:before {
	width: 64px;
	height: 64px;
	margin-left: 0px;
	bottom: 10px;
}
.complex-icon.color-alt:before {
	background: #49bc6d;
}
.complex-icon.translucent:before {
	opacity: 0.8;
}
.complex-icon:after {
	content: '';
	position: absolute;
	z-index: -1;
	/*bottom: 10px;*/
    bottom: 4px;
	left: 50%;
	width: 80px;
	height: 30px;
	background: url('../images/ubb-online-sprite.svg') no-repeat 0 -100px;
    -webkit-transition: -webkit-transform 0.2s ease; /*9600 n*/
	transition: -webkit-transform 0.2s ease;
    -o-transition: transform 0.2s ease; /*9600 n*/
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
	-webkit-transform: translate3d(0,0,-1px) scale(0.8);
	        transform: translate3d(0,0,-1px) scale(0.8);
}
.complex-icon-2:after {
	width: 20px;
	height: 60px;
	background-position: -220px -250px;
	bottom: -5px;
	left: auto;
	right: 15px;
}
.no-svg .complex-icon:after {
	background-image: url('../images/ubb-online-sprite.png');
}
.complex-icon.no-arrow:after {
	display: none;
}
.no-svg .complex-icon {
	background-image: url('../images/comples-icons.png');
}
.service-box:hover .complex-icon:before {
	-webkit-transform: translate3d(0,0,-1px) scale(1.1);
	        transform: translate3d(0,0,-1px) scale(1.1);
}
.service-box:hover .complex-icon:after {
	-webkit-transform: translate3d(20px,0,-1px);
	        transform: translate3d(20px,0,-1px);
}
.service-box:hover .complex-icon-2:after {
	-webkit-transform: translate3d(0,10px,-1px);
	        transform: translate3d(0,10px,-1px);
}
.complex-icon-box {
	text-align: center;
}
.complex-icon-list {
	margin: 30px 0 0 0;
	position: relative;
	overflow: hidden;
}
.complex-icon-list:before,
.complex-icon-list li:before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #fff;
}
.complex-icon-list li {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	position: relative;
}
.complex-icon-list li:before {
	background: #e3e8eb;
	z-index: 1;
	left: -400%;
	right: -400%;
}
.complex-icon-list li:nth-child(even) .complex-icon:before {
	background: #49bc6d;
}
.complex-icon-deposit {
	background-position: 0 0;
}
.complex-icon-account {
	background-position: 0 -128px;
}
.complex-icon-cards {
	background-position: -160px 0;
}
.complex-icon-utilities {
	background-position: -160px -128px;
}
.complex-icon-query {
	background-position: 0 -256px;
}
.complex-icon-cards-credit {
	background-position: -160px -256px;
}
.complex-icon-transfer {
	background-position: 0 -384px;
}
.complex-icon-edoc {
	background-position: -160px -384px;
}
.complex-icon-taxes {
	background-position: 0 -512px;
}
.complex-icon-credit {
	background-position: -160px -512px;
}
.complex-icon-broker {
	background-position: 0 -640px;
}
.complex-icon-fond {
	background-position: -160px -640px;
}
.complex-icon-registration {
	background-position: -320px 0;
}
.complex-icon-password-change {
	background-position: -320px -128px;
}
.complex-icon-forgoten-certificate {
	background-position: -320px -256px;
}
.complex-icon-new-certificate {
	background-position: -320px -384px;
}
.complex-icon-certificate-download {
	background-position: -320px -512px;
}
.complex-icon-active-state {
	background-position: -320px -640px;
}
.complex-icon-login-u-online {
	background-position: -480px 0;
}
.complex-icon-email {
	background-position: -480px -128px;
}
.complex-icon-upay-activate {
	background-position: -480px -256px;
}
.complex-icon-security {
	background-position: -480px -384px;
}
.complex-icon-computer-load {
	background-position: -480px -512px;
}
.complex-icon-browser-x {
	background-position: -480px -640px;
}
.complex-icon-security-x {
	background-position: -640px 0;
}
.complex-icon-updates {
	background-position: -640px -128px;
}
.complex-icon-firewall {
	background-position: -640px -256px;
}
.complex-icon-usb-x {
	background-position: -800px 0;
}
.complex-icon-strong-password {
	background-position: -800px -128px;
}
.complex-icon-computer-web {
	background-position: -800px -256px;
}
.complex-icon-2-security {
	background-position: 0 0;
}
.complex-icon-2-strong-password {
	background-position: -170px 0;
}
.complex-icon-2-bug {
	background-position: -340px 0;
}
.complex-icon-2-bug2 {
	background-position: -510px 0;
}
/* end of complex icon */
/* dashboard layout */
.dashboard-layout {
	display: table;
	max-width: 960px;
	margin: 50px auto;
}
.dashboard-icon {
	display: table-cell;
	vertical-align: middle;
}
.dashboard-text {
	display: table-cell;
	vertical-align: middle;
}
/* end of dashboard layout */
/* news accent */
.news-accent {
	display: table;
	width: 100%;
	table-layout: fixed;
	text-decoration: none;
}
.news-accent figure {
	display: table-cell;
	position: relative;
}
.news-accent figure img {
	display: block;
	width: 100%;
}
.news-accent .news-accent-text {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0 10px 50px;
}
.news-accent .news-accent-text p {
	color: #757575;
	font-size: 15px;
	line-height: 1.6;
}
.news-accent .news-accent-text h3 {
	color: #104784;
	font-weight: 300;
	/*font-size: 30px;*/
    font-size: 26px;
	/*margin: 30px 0;*/
    margin: 26px 0;
}
.news-accent .news-accent-text > strong {
	color: #104784;
	font-weight: 300;
	font-size: 30px;
	margin: 0;
	display: block;
}
/* end of news accent */

/* bread crumb */
.breadcrumbs {
	font-size: 0;
	/*padding: 20px 0 20px 0;*/
    padding: 12px 0; /*16px 9600 n*/
	overflow: auto;
}
.breadcrumbs ul {
	display: inline-block;
    margin-top: 4px; /*9600 n*/
}
.breadcrumbs ul li {
	display: inline-block;
}
.breadcrumbs ul li a {
	display: block;
	color: #000;
	font-size: 12px; /*14px; 9600 n*/
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	/*margin: 10px 10px 10px 0;*/
     margin: 0 10px 0 0; /*9600 n*/
}
.breadcrumbs ul li a:hover {
	text-decoration: underline;
}
.breadcrumbs ul li a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
	width: 1px;
	height: 20px;
	background: #d4dade;
}
.breadcrumbs ul li:last-child a:after {
	display: none;
}
.breadcrumbs ul li:last-child a {
	color: #1496a3;
}
.breadcrumbs .btn {
	float: right;
    font-size: 12px; /*9600 n*/
    padding: 6px 16px; /*9600 n*/
}
.breadcrumbs ul li a.breadcrumb-btn {
	color: #fff;
	background: #1496a3;
	padding: 7px 17px;
	border-radius: 20px;
}
.breadcrumbs ul li a.breadcrumb-btn:after {
	display: none;
}
/* end of bread crumb */

/* services grid */
.services-grid {
	margin: 20px -10px;
}
.services-grid .col {
	padding: 10px;
}
.services-grid .col > a {
	display: block;
}
.services-grid figure {
	position: relative;
	overflow: hidden;
}
.services-grid figure img {
	width: 100%;
	display: block;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
    -webkit-transition: all 2s linear; /*9600 n*/
    -o-transition: all 2s linear; /*9600 n*/
	transition: all 2s linear;
}
.services-grid figure:hover img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.services-grid figure figcaption {
	color: #fff;
	font-size: 25px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /*9600 n*/
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);/*9600 n*/
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.5)));/*9600 n*/
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);/*9600 n*/
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );	
}
.tag-line {
	background: #1496a3;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	position: absolute;
	z-index: 1;
	top: -35px;
	right: -80px;
	padding: 10px 50px;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-transform-origin: top left;
	    -ms-transform-origin: top left;
	        transform-origin: top left;
}
/* end of services grid */
/* services list */
.services-list {
}
.services-list > li {
	padding: 40px 30px 0;
}
.services-list > li:nth-child(even) {
	background: #f7f9fb;
}
.services-grid .service-box {
	width: 25%;
	display: inline-block;
	vertical-align: top;
}
.services-links {
	width: 75%;
	display: inline-block;
	vertical-align: top;
}
.services-links li {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	/*width: 260px;*/
}
.services-links li p {
	margin: 0;
	font-size: 14px;
}
.services-links li > a {
	display: block;
	text-decoration: none;
	padding: 0 30px 30px 30px;
	position: relative;
}
.services-links li > a:before,
.bullet-arrow-list li a:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: #1496a3 url('../images/ubb-online-sprite.svg') no-repeat -135px -106px;
}
.bullet-arrow-list li a:before {
	top: 50%;
	margin-top: -10px;
}
.no-svg .services-links li > a:before,
.bullet-arrow-list li a:before {
	content: "";
	background-image: url('../images/ubb-online-sprite.png');
}
.services-list > li:nth-child(even) .services-links li > a:before,
.services-list > li:nth-child(even) .complex-icon:before,
.bullet-arrow-list.color-alt li a:before  {
	background-color: #49bc6d;
}
.services-links strong {
	display: block;
	font-size: 20px;
	font-weight: 300;
	color: #105284;
	margin: 0 0 10px 0;
}
.services-links a:hover strong {
	color: #094572;
}
.services-list-inner {
}
.services-list-inner > li {
	margin-bottom: 40px;
}
.services-list-inner > li:last-child {
	margin-bottom: 0;
}
.light-negative {
	position: relative;
	background: transparent;
    -webkit-transition: background 0.3s ease; /*9600 n*/
    -o-transition: background 0.3s ease; /*9600 n*/
	transition: background 0.3s ease;
}
.light-negative.expanded {
	background: #f7f9fb;
}
.light-negative:before,
.light-negative:nth-child(even):before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 40%;
	background: #f7f9fb;
}
.light-negative:nth-child(even):before {
	right: 0;
	left: 40%;
}
.light-negative.expanded:before {
	right: 0;
	left: 0;
}
.light-negative .services-block {
	float: left;
	width: 50%;
}
.light-negative:nth-child(even) .services-block {
	float: right;
}
.light-negative:nth-child(even) .complex-icon:before {
	background: #49bc6d;
}
.services-block img {
	width: 100%;
}
/* end of services list */
/* bullet-arrow-list */
.bullet-arrow-list {
	display: inline-block;
	width: calc(100% - 210px);
	/*padding-right: 20px;*/
	/*padding: 0 20px 40px 0;*/
    padding: 0 20px 20px 0;
}
.bullet-arrow-list li {
	margin: 10px 0;
}
.bullet-arrow-list li a {
	display: inline-block;
	font-size: 16px;
	color: #105284;
	text-decoration: none;
	position: relative;
	padding-left: 30px;
	font-weight: 300;
    -webkit-transition: color 0.2s ease; /*9600 n*/
    -o-transition: color 0.2s ease; /*9600 n*/
	transition: color 0.2s ease;
}
.bullet-arrow-list li a:hover {
	color: #1496a3;
}
/* end of bullet-arrow-lsit */
/* tick list */
.tick-list {
}
.tick-list > li {
	font-size: 16px;
	line-height: 1.5;
	color: #5d5d5d;
	text-align: left;
	position: relative;
	padding: 7px 0 7px 50px;
	margin: 16px 0;
}
.white .tick-list > li {
	color: #fff!important;
}
.tick-list > li:before {
	content: '';
	background: url('../images/ubb-online-sprite.svg') no-repeat -320px -190px;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
}
.no-svg .tick-list > li:before {
	background-image: url('../images/ubb-online-sprite.png');	
}
/* end of tick list */
/* feature */
.feature {
	/*padding: 30px;*/
    padding: 20px;
	position: relative;
	z-index: 1;
}
.feature .complex-icon  {
	margin: 0 auto 30px auto;	
}
.round-pic {
	display: inline-block;
	border-radius: 100%;
}
.feature .round-pic {
	margin-bottom: 30px;
}
.feature-nav {
	padding: 20px 0;
}
.feature-nav .service-box {
	padding: 30px;
	background: #f0f2f4;
    -webkit-transition: background 0.35s ease; /*9600 n*/
    -o-transition: background 0.35s ease; /*9600 n*/
	transition: background 0.35s ease;
}
.feature-nav .service-box:hover,
.feature-nav .service-box:nth-of-type(even):hover {
	background: #e5eff1;
}
.feature-nav .service-box:nth-of-type(even) {
	background: #f7f9fb;
}
.complex-icon-title.small {
	font-size: 24px;
	margin: 20px 0 0 0;
}
/* end of feature */
/* agree tick */
.agree-tick {
	padding-left: 25px;
	position: relative;
}
.agree-tick:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	background: url('../images/ubb-online-sprite.svg') no-repeat -258px -195px;
	opacity: 0;
    -webkit-transition: all 0.35s ease; /*9600 n*/
    -o-transition: all 0.35s ease; /*9600 n*/
	transition: all 0.35s ease;
}
.agree-tick.checked:before {
	opacity: 1;
}
.no-svg .agree-tick:before {
	background-image: url('../images/ubb-online-sprite.png');
}
.agree-tick .link {
    color: #105284;
}
.agree-tick p {
	margin: 0 0 5px 0;
    font-size: 14px;
}
/* end of agree tick */
.video-cover {
	height: 495px;
	background-color: #f7f9fb;
	background-size: cover;
	background-position: center center;
	position: relative;
	z-index: 1;
}
.negative-offset {
	margin: -60px 60px 0 60px;
	position: relative;
	z-index: 2;
	background: #e5eff1;
	overflow: hidden;
	padding: 40px;
}
.negative-offset p:last-of-type {
	margin-bottom: 0;
}

/* banner row */
.banner-row {
	font-size: 0;
}
.banner-row a {
	display: inline-block;
	padding: 10px;
	width: 50%;
}
.banner-row a img {
	width: 100%;
	height: auto;
}
.banner-container {
	margin: -10px;
}
/* end of banner row */
/* tables */
.scrollable-content,
.scrollable-header {
	width: 100%;
	overflow-x: auto; /* scroll */
	-webkit-overflow-scrolling: touch;
	padding-bottom: 15px;
}
.scrollable-header {
    padding-bottom: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    overflow: hidden;
}
.shadowzone {
    position: relative;
    overflow: hidden;
    clear: both;
}
.shadowzone-start,
.shadowzone-end {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 20px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); /*9600 n*/
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /*9600 n*/
    background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /*9600 n*/
    background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);  
    height: 100%;
}
.shadowzone-end {
    left: auto;
    right: 0;
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
}
.scrollable-content + .datatable-footer {
	margin-top: 15px;
}
.info-box-tables {
	overflow: hidden;
	text-align: center;
}
.info-box-table {
	display: inline-block;
	text-align: left;
	/*margin: 30px;*/
    margin: 20px;
}
.simple-table.centered {
	margin: 0 auto;
}
.simple-table + p {
	margin-top: 20px;
}
.simple-table th,
.simple-table td {
	font-size: 14px;
	color: #000;
	padding: 5px 5px 5px 0;
}
.simple-table.with-border {
	border-collapse: collapse;
}
.simple-table.with-border th,
.simple-table.with-border td {
	border: 1px solid #e3e8eb;
	padding: 5px;
}
.simple-table th strong,
.simple-table td strong {
	font-size: 13px;
	color: #105284;
	text-transform: uppercase;
	font-weight: 700;
}
.simple-table.left {
	float: left;
}
.simple-table.right {
	float: right;
}
.info-table {
	border: 1px solid #e3e8eb;
	padding: 20px;
	width: 100%;
	table-layout: fixed;
	margin: 30px 0 10px 0;
}
table td .link {
	display: inline-block;
	color: inherit;
	/*margin: 5px 0;*/
	margin: 0;
}
table td img {
	margin: 5px 15px 5px 5px;
}
table tfoot td img {
	margin: 0px 15px 5px 5px;
}
table.dataTable tbody tr.shown,
table.dataTable.display tbody tr.shown.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.shown.even > .sorting_1,
table.dataTable.stripe tbody tr.odd.shown,
table.dataTable.stripe tbody tr.even.shown,
table.dataTable.display tbody tr.odd.shown,
table.dataTable.display tbody tr.even.shown
table.dataTable.display tbody tr.even.shown > .sorting_1,
table.dataTable.display tbody tr.odd.shown > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.shown > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.shown > .sorting_1,
table.dataTable.hover tbody tr.shown:hover,
table.dataTable.display tbody tr.shown:hover {
	background: #f7f8f9;
    -webkit-transition: background 0.2s linear; /*9600 n*/
    -o-transition: background 0.2s linear; /*9600 n*/
	transition: background 0.2s linear;
}
table.dataTable.display tbody tr.shown td {
	border-top: 1px solid #2a64a4;
}
table.dataTable.display tbody tr.shown td:first-child {
	border-left: 1px solid #2a64a4;
}
table.dataTable.display tbody tr.shown td:last-child {
	border-right: 1px solid #2a64a4;
}
.dataTables_filter {
	margin: 0 0 10px 0;
	display: none;
	float: none!important;
}
.dataTables_filter label {
	font-size: 13px;
	color: #105284;
	font-weight: 700;
	text-transform: uppercase;
}
.dataTables_filter input {
	border: 1px solid #104684;
	padding: 7px 10px;
	font-size: 16px;
	outline: none;
	font-weight: 400;
	color: #010101;
}
table.dataTable tbody td.expanded-row {
	background: #f7f8f9;
	padding: 0;
    
    border: 1px solid #2a64a4!important;
    border-top: 1px solid #e3e8eb!important;
}
table.dataTable tbody td.controls {
	padding: 0;
	/*text-align: center;*/
	text-align: right;
	position: relative;
}
td.controls {
	overflow: hidden; 
	position: relative;
}
.expanded-row .btn-row {
	margin-top: 30px;
}
.expand-row-content {
	display: none;
	padding: 30px;
}
.expand-info {
	border-top: 1px solid #e3e8eb;
	margin: 30px -30px 0 -30px;
	padding: 30px 30px 0 30px;
}
.expand-info p {
	font-size: 14px;
	color: #050505;
	margin: 0 0 20px 0;
}
.expand-info img {
	display: block;
	margin: 0 30px 30px 30px;
}
.expand-info-block {
	display: inline-block;
	padding: 0 30px 0 0;
}
.expand-info-block strong {
	display: block;
	font-size: 20px;
	line-height: 1;
	color: #000;
	font-weight: 300;
	margin: 10px 0 0 0;
}
.datatable-footer {
	text-align: center;
	padding: 0 10px;
	
	background: #e3e8eb;
}
.datatable-footer .dataTables_paginate {
	display: inline-block;
	vertical-align: middle;
	float: none!important;
	padding: 3px 0!important;
	clear: none!important;
	font-size: 16px;
	/*margin: 10px 0;*/
    margin: 5px 0;
}
.datatable-footer .dataTables_length {
	clear: none!important;
	margin: 10px 0;
}
.datatable-footer .dataTables_info {
	float: right!important;
	padding: 11px 0!important;
	clear: none!important;
	/*margin: 10px 0;*/
    margin: 5px 0;
}
/* table legend */
/* end of table legend */
.contract-table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.contract-table tr td {
	vertical-align: top;
}
/* merge from bank */
.contract-table td {
    text-align: justify;
}
/* end of merge from bank */
.contract-table tr td:first-child {
	padding-right: 20px;
}
.contract-table tr td:last-child {
	padding-left: 20px;
}
.popup .contract-table p:last-child,
.popup .contract-table p {
	margin-bottom: 15px;
}
/* info-box */
.info-box {
	background: #f2f5f7;
	margin: 20px 0;
}
.info-box.spaced {
	margin-bottom: 40px;
}
.info-box-content {
	/*padding: 30px;*/
    padding: 25px;
}
.info-box footer {
	background: #edf1f4;
	padding: 20px 30px;
}
.info-box footer p {
	margin: 0;
	color: #105284;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;	
}
/* end of info-box */
/* box */
.box {
	background: #edf1f4;
	max-width: 600px;
	margin: 40px auto;
}
.box .box-content {
	/*padding: 30px;*/
    padding: 20px;
}
.box footer {
	background: #d8e2ec;
	/*padding: 30px;*/
    padding: 20px;
}
.box footer p {
	color: #000;
	margin: 0;
}
/* end of box */
/* tooltip */
.info-icon {
	width: 18px;
	height: 18px;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	/*margin: 0 0 0 10px;*/
	margin: -4px 0 -2px 4px;
	background: #a6bac9;
	cursor: pointer;
	position: relative;
	z-index: 0;
	color: #fff;
}
.info-icon.spaced {
	margin: 4px 10px 0 0;
	vertical-align: top;

}
#tooltip {
	text-align: left;
	color: #000;
	background: #fdf1a1;
	border: 1px solid #dcc842;
	position: absolute;
	z-index: 11111;
	padding: 7px;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;	
}
#tooltip:before, /* triangle decoration */ 
#tooltip:after{
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #dcc842;
	content: '';
	position: absolute;
	z-index: 1;
	left: 50%;
	bottom: -6px;
	margin-left: -6px;
}
#tooltip:before {
	bottom: -5px;
	border-top-color: #fdf1a1;
	z-index: 2;
}
#tooltip.top:before,
#tooltip.top:after {
	border-top-color: transparent;
	border-bottom: 6px solid #fdf1a1;
	top: -12px;
	bottom: auto;
}
#tooltip.top:before {
}
#tooltip.left:before,
#tooltip.left:after {
	left: 6px;
	margin: 0;
}
#tooltip.right:before,
#tooltip.right:after {
	right: 6px;
	left: auto;
	margin: 0;
}
/* end of tooltip */
/* info buble */
.info-buble {
	position: absolute;
	z-index: 1000;
	top: 50%;
	margin-top: 200px;
	right: 30px;
	width: 260px;
	height: 400px;
	background: #1496a3;
	padding: 30px 10px 30px 30px;
    -webkit-transition: visibility 0.35s ease, opacity 0.35 ease; /*9600 n*/
    -o-transition: visibility 0.35s ease, opacity 0.35 ease; /*9600 n*/
	transition: visibility 0.35s ease, opacity 0.35 ease;
	visibility: hidden;
	opacity: 0;
}
.info-buble-open .info-buble{
	visibility: visible;
	opacity: 1;
}
.info-buble-icon {
	display: block;
	width: 100px;
	height: 90px;
	margin: 0 auto 30px auto;
	background: url('../images/ubb-online-sprite.svg') no-repeat 0 -160px;
	position: relative;
}
.info-buble-icon:before {
	content: '';
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: rgba(0,0,0, 0.15);
	position: absolute;
	z-index: -1;
	bottom: -20px;
	left: -50px;
}
.info-buble .x {
	position: absolute;
	top: -12px;
	right: -12px;
}
.info-buble-text {
	height: 220px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	padding-right: 20px;
}
.info-buble p {
	color: #fff;
	margin: 0;
}
.info-buble-btn {
	background: #1496a3 url('../images/ubb-online-sprite.svg') no-repeat 0 -250px;
	width: 70px;
	height: 65px;
	position: fixed;
	z-index: 9999;
	right: 0;
	top: 50%;
	margin-top: -32px;
    -webkit-transition: all 0.35s ease; /*9600 n*/
    -o-transition: all 0.35s ease; /*9600 n*/
	transition: all 0.35s ease;
	visibility: visible;
	opacity: 1;
}
.info-buble-open .info-buble-btn {
	visibility: hidden;
	opacity: 0;
}
.no-svg .info-buble-btn,
.no-svg .info-buble-icon {
	background-image: url('../images/ubb-online-sprite.png');
}
/* end of info-buble */
/* tabs */
.tabs .field-tab-select {
	padding: 0 0 10px 0;
	width: 100%;
	display: none;
}
.tabs-nav {
	font-size: 0;
	border-bottom: 3px solid #105284;	
}
.tabs-nav a {
	display: inline-block;
	background: #e5e9ed;
	text-decoration: none;
	/*padding: 10px 30px;*/
	padding: 8px 30px;
	color: #000;
	/*font-size: 16px;*/
	font-size: 15px;
	text-transform: uppercase;
	border-right: 1px solid #fff;
	margin: 0 10px 0 0;
	border-bottom: 1px solid #fff;
}
.tabs-nav a.active {
	position: relative;
	background: #105284;	
	color: #fff;
}
.tabs-nav a.active:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 1px;
	background: #105284;
}
.tab-content {
	display: none;
}
.tab-content header,
.header-pannel {
	background: #105284;
	/*padding: 15px;*/
	padding: 5px 15px;
	/*margin: 0 0 40px 0;*/
	margin: 0 0 30px 0;
    margin-bottom: 20px;
}
.tab-content header .field,
.tab-content header .field-custom-check-radio,
.header-pannel .field,
.header-pannel .field-custom-check-radio {
	/*padding: 10px;*/
    padding: 8px;
}
.tab-content header .field.with-edit,
.header-pannel .field.with-edit,
.tab-content header field.with-tooltip,
.header-pannel .field.with-tooltip {
    padding-right: 50px;
}

.tab-content header.light,
.header-pannel.light {
	background: #f7f9fb;
}
.tab-content.active {
	display: block;	
	/*margin-top: 1px;*/
}
.tabs-type-2-nav {
	font-size: 0;
	text-align: center;
	margin: 0 0 40px 0;
}
.tabs-type-2-nav a {
	display: inline-block;
	color: #104784;
	border: 1px solid #c9c9c9;
	/*font-size: 20px;*/
    font-size: 18px;
	line-height: 1;
	/*padding: 16px 32px;*/
    padding: 14px 32px;
	border-radius: 30px;
	text-decoration: none;
	background: #fff;
	position: relative;
	z-index: 0;
	margin: 14px;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
}
.tabs-type-2-nav a.active {
	color: #fff;
	background: #1496a3;
	border-color: #c9c9c9;
}
.tabs-type-2-nav a:after {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: -20px;
	border: 10px solid transparent;
	left: 50%;
	margin-left: -10px;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
}
.tabs-type-2-nav a.active:after {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
	border-top-color: #1496a3;
}
.tabs-type-2-nav a br {
	display: none;
}
.data-label-value {
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	margin: 10px 10px 10px 0;
}
.data-label,
.data-value {
	display: inline-block;
	vertical-align: top;
	font-family: 'Open Sans', sans-serif;	
	color: #fff;
	line-height: 22px;
	word-break: break-all;
}
.light .data-label,
.light .data-value {
	color: #105284;
}
.data-label {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 5px 0 0;
}
.data-value {
	font-size: 15px;
	margin: 0 20px 0 0;
}
.data-value.data-value-big {
	/*font-size: 22px;*/
    font-size: 20px;
}
.data-label-value .btn-edit {
	margin: -10px 0;
}
/* end of tabs */

/* quick links */
.quick-links {
	overflow: hidden;
	margin: 10px 0 0px 0;
}
.quick-links.no-margin-bottom {
	margin-bottom: 0;
}
.quick-links .label {
	float: left;
	margin: 7px 10px 0 0;
}
.quick-links nav {
	font-size: 0;
}
.quick-links nav a {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;	
	font-size: 14px;
	color: #000;
	text-decoration: underline;
	margin: 5px 15px 5px 0;
    -webkit-transition: opacity 0.2s ease; /*9600 n*/
    -o-transition: opacity 0.2s ease; /*9600 n*/
	transition: opacity 0.2s ease;
}
.quick-links nav a:hover {
	opacity: 0.75;
}
.quick-links-alt {
	background: #d7e2ef;
	padding: 15px 20px;
}
/* end of quick links */

/* exchange rates row */
.exchange-rates-row {
	background: #1496a3;
	font-size: 0;
	padding: 20px 0;
}
.exchange-rates-row h2 {
	color: #fff;
	/*font-size: 32px;*/
    font-size: 26px;
	font-weight: 300;
	margin: 0;
	word-spacing: 100px;
}
.exchange-rates-title {
    overflow: hidden;
}
.exchange-rates-title,
.exchange-rates-note {
	display: inline-block;
	vertical-align: middle;
	width: 20%;
	text-align: left;
}
.exchange-rates-title .link {
    color: #fff;
    font-size: 14px;
    margin-top: 14px;
    display: inline-block;
}

.exchange-rates-note {
	padding-left: 20px;
}
.exchange-rates-row p {
	color: #fff;
	margin: 0;
}
.exchange-rates-row .scrollable-content {
	width: 60%;
	display: inline-block;
	vertical-align: middle;
}
.exchange-rates-table {
	width: 100%;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	/*font-size: 16px;*/
    font-size: 15px;
	border-collapse: collapse;
}
.exchange-rates-table tr td {
	padding: 5px;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.exchange-rates-table tr td:first-child {
	text-align: left;
	padding-left: 0;
}
.exchange-rates-table tr td:last-child {
	border-right: 0;
}
/* end of exchange rates row */

.action-link {
	display: inline-block;
	/*text-decoration: none;*/
	white-space: nowrap;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	/*margin: 5px 10px;*/
	margin: 0px 10px;
}
.action-link.white {
	color: #fff;
}
.with-more-menu {
	position: relative;
	cursor: pointer;
}
.more-menu {
	border: 1px solid #105284;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	background: #fff;
	display: none;
}
.more-menu.show {
	display: block;
}
.more-menu a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #000;
	padding: 10px 20px;
	border-bottom: 1px solid #e3e8eb;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
}
.more-menu a:hover {
	background: #f7f9fb;
}
.row-expand-box {
	/*float: right;*/
	display: inline-block;
	position: relative;
}
.controls.one .row-expand-box {
	float: none;
}
.row-expand {
	position: relative;
	width: 100px;
	margin: 5px 0;
	text-align: center;
}
.row-expand:before {
	content: '';
	width: 1px;
	height: 800px;
	background: #e3e8eb;
	position: absolute;
	top: -400px;
	left: 0;
}
.controls.one .row-expand:before {
	display: none;
}
.row-expand:after,
.open.row-expand:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin: 7px 0 0 5px;
	border: 7px solid transparent;
	border-top: 9px solid #135485;
}
.open.row-expand:after {
	margin: 0 0 7px 5px;
	border-top: 7px solid transparent;
	border-bottom: 9px solid #135485;
}

/* icons */
.icon-arrow {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
	width: 8px;
	height: 16px;
	background: url('../images/ubb-online-sprite.svg') no-repeat -9999px -9999px;
}
.no-svg .icon-arrow {
	background-image: url('../images/ubb-online-sprite.png');
}
.icon-arrow.icon-arrow-up {
	background-position:  -261px -107px;
}
.icon-arrow.icon-arrow-down {
	background-position: -291px -107px;
}
.icon-30 {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	width: 30px;
	height: 30px;
	background: url('../images/ubb-online-sprite.svg') no-repeat -9999px -9999px;
}
.icon-30.mr {
	margin: 0 0 0 10px;
}
.no-svg .icon-30 {
	background-image: url('../images/ubb-online-sprite.png');
}
.icon-30.icon-transfer {
	background-position: -310px -100px;
}
.icon-30.icon-more {
	background-position: -340px -100px;
}
.icon-30.icon-search {
	background-position: -130px -160px;
}
.icon-30.icon-pdf {
	background-position: -100px -160px;
}
.icon-30.icon-print {
	background-position: -160px -130px;
}
.icon-30.icon-template {
	background-position: -370px -130px;
}
.icon-30.icon-transaction {
	background-position: -220px -160px;
}
.icon-30.icon-transaction.white {
	background-position: -220px -190px;
}
.icon-30.icon-edit {
	background-position: -190px -160px;
}
.icon-30.icon-delete {
	background-position: -160px -160px;
}
.icon-30.icon-add {
	background-position: -130px -190px;
}
.icon-30.icon-deferred-payment {
	background-position: -190px -220px;
}
.icon-30.icon-cancel {
	background-position: -130px -220px;
}
.icon-30.icon-accept {
	background-position: -100px -220px;
}
.icon-30.icon-contract {
	background-position: -160px -220px;
}
.icon-30.icon-card {
	background-position: -160px -190px;
}
var .icon-30 {
	margin: -5px 10px -5px 0;
}
/* end of icons */
.extra-controls {
	font-size: 0;
	margin: 0 0 20px 0;
	float: right;
}
.extra-controls .icon-30 {
	margin: 0 0 0 5px;
}
.extra-controls .date-row {
	margin: 0 0 5px 0;
}
.extra-controls form {
	display: inline-block;
	vertical-align: bottom;
}
.table-search {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0;
    font-size: 16px;
/*    height: 34px;
    line-height: 34px;*/
    height: 30px;
    line-height: 30px;
    padding: 0 35px 0 10px;
    border: 1px solid #9c9c9c;
    border-radius: 20px;
    outline: none;
    width: 210px;
    font-family: 'Open Sans', sans-serif;
    position: relative;    
    -webkit-appearance: none;    
       -moz-appearance: none;    
            appearance: none;
}
.table-search::-ms-clear {
    display: none;
}
.table-search::-webkit-input-placeholder {
	font-size: 14px;
	/*line-height: 34px;*/
    line-height: 30px;
	color: #9c9c9c;
}
.table-search::-moz-placeholder {
	font-size: 14px;
    /*line-height: 34px;*/
    line-height: 30px;
	color: #9c9c9c;
}
.table-search:-ms-input-placeholder {
	font-size: 14px;
	/*line-height: 34px;*/
    line-height: 30px;
	color: #9c9c9c;
}
.table-search:-moz-placeholder {
	font-size: 14px;
	/*line-height: 34px;*/
    line-height: 30px;
	color: #9c9c9c;
}
.table-search-form {
    position: relative;
}
.table-search-btn {
    position: absolute;
    top: 0;
    right: 5px;
    width: 26px;
    height: 26px;    
    border: 0;    
    background: url('../images/ubb-online-sprite.svg') no-repeat -132px -162px;
    padding: 0;
    outline: none;
    cursor: pointer;    
}
.no-svg .table-search-btn {
    background: url('../images/ubb-online-sprite.png') no-repeat -132px -162px;
}
.table-search-btn-clear {
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 5px;    
    display: none;
    width: 26px;
    height: 26px;
    border: 0;
    padding: 0;
    background: url('../images/ubb-online-sprite.svg') no-repeat -162px -162px;
    cursor: pointer;
    outline: none;
}
.no-svg .table-search-btn-clear {
    background: url('../images/ubb-online-sprite.png') no-repeat -162px -162px;
}
/* ucode device */
.ucode-device {
	float: left;
	margin: 10px 30px 20px 0;
	width: 192px;
	height: 104px;
	background: url('../images/ucode-device.png') no-repeat center center;
	position: relative;
}
.ucode-device .ucode-device-code {
	position: absolute;
	top: 36px;
	left: 63px;
	width: 78px;
	font-size: 16px;
	height: 26px;
	line-height: 26px;
	text-align: center;
}
.disabled {
	opacity: 0.5;
	cursor: default;
}
.box-border {
	border: 1px solid #d7dce0;
	margin: 10px;
	padding: 20px;
}
.box-border header {
	border-bottom: 1px solid #d7dce0;
	padding: 20px;
	margin: -20px -20px 20px -20px;
}
.box-border .section-title {
	margin: 0;
}
.featured-content.devices {
	margin: 0 -10px 0;
}
/* end of ucode device */
/* show more content */
.more-content {
	display: none;
	padding: 0 30px 30px 30px;
}
/* end of show more content */
/* card */
.card {
	float: left;
	margin: 0 20px 20px 0;
}
.card figcaption {
	display: block;
	margin: 10px 0 0 0;
	font-size: 14;
	color: #000;
}
/* end of card */
/* popup */
.popup {
	opacity: 0;
	visibility: hidden;
	background: #fff;
	max-width: 760px;
	width: 90%;
	position: absolute;
	z-index: -1;
	top: -100000px;
}
.popup.popup-wide {
	max-width: 1200px;
}
.popup header .b-close,
.x {
	display: block;
	height: 25px;
	width: 25px;
	background: #49bc6d url('../images/ubb-online-sprite.svg') no-repeat -133px -133px;
	border-radius: 50%;
	text-decoration: none;
}
.popup header .b-close {
	position: absolute;
	top: 50%;
	/*top: 30px;*/
	/*right: 30px;*/
    /*top: 20px;*/
    top: 10px; /*9600*/
    right: 20px;
}
.no-svg .popup header .b-close,
.no-svg .x {
	background-image: url('../images/ubb-online-sprite.png');
}
.popup header .b-close:hover {
	background-color: #3aa55c;
}
.popup header {
	/*padding: 30px;	*/
    padding: 20px;
	position: relative;
	border-bottom: 1px solid #e3e8eb;
	overflow: hidden;
}
.popup header.with-controls {
	padding-right: 60px;
}
.popup header h2 {
	margin: 0 30px 0 0;
	/*font-size: 36px;*/
    font-size: 30px;
    line-height: 1;
	font-weight: 300;
	color: #104784;
	float: left;
}
.popup-body-scroll {
	height: 600px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	margin: 10px 20px 10px 0;
	padding: 10px 22px 10px 0;
}
.popup .extra-controls {
	margin: -2px 0 0 0;
}
.popup .form-grid {
	margin: 0 -20px;
}

/* popup styled scroll */
.popup-body-scroll::-webkit-scrollbar,
.scrollable-content::-webkit-scrollbar,
.dataTables_scrollBody::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.popup-body-scroll::-webkit-scrollbar-track,
.scrollable-content::-webkit-scrollbar-track,
.dataTables_scrollBody::-webkit-scrollbar-track {
    background: #e1e8ee;
    border-radius: 8px;
}
.popup-body-scroll::-webkit-scrollbar-thumb,
.scrollable-content::-webkit-scrollbar-thumb,
.dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #457faa;
}
/* end of popup styled scroll */

.popup footer {
	/*padding: 30px;*/
    padding: 20px;
	text-align: center;
}
.popup footer .btn {
	margin: 5px;
}
.popup footer p {
	margin-bottom: 0;
}
.popup p {
	font-size: 16px;
	color: #104784;
}
.popup p em {
	color: #49bc6d;
	font-style: normal;
	font-weight: 700;
}
.popup .field p {
	font-size: 13px;
	margin: 5px 0 0 0;
	color: #757575;
}
.popup-text {
	/*padding: 20px 30px;*/
    padding: 20px;
}
.popup-text-box {
	/*padding: 20px 30px;*/
    padding: 20px;
	background: #f7f9fb;
}
.popup-text-box p {
	font-size: 14px;
	color: #000;
}
.popup p:last-child {
	margin: 0;
}
.popup .col-half:first-child {
	border-right: 1px solid #dce2e5;
}
/* end of popup */

/* faq */
.accordion {
	counter-reset: accordioncounter;
	/*margin-bottom: 40px;*/
    margin-bottom: 30px;
}
.accordion > li {
	position: relative;
	z-index: 1;
	counter-increment: accordioncounter;
}
.accordion > li:nth-child(odd) .accordion-summary {
	background: #f7f9fb;
}
.accordion li .accordion-summary {
	padding: 25px 60px 25px 60px;
	position: relative;
	display: block;
	text-decoration: none;
    -webkit-transition: all 0.2s ease; /*96000 n*/
        -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
}
.accordion-large.accordion li .accordion-summary {
	/*padding: 70px 30px 70px 90px;*/
	padding: 40px 30px 40px 90px;
}
.accordion-info.accordion li .accordion-summary {
	/*padding: 30px 30px 30px 90px;*/
	/*padding: 24px 30px 24px 90px;*/
    padding: 20px 30px 20px 80px;
    
}
.accordion li .accordion-summary:hover {
	background: #eff4f8;
}
.accordion > li .accordion-summary:before {
	content: counter(accordioncounter);
	display: block;
	font-size: 12px;
	width: 22px;
	height: 22px;
	line-height: 23px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background: #49bc6d;
	position: absolute;
	left: 25px;
}
.accordion-info li .accordion-summary:before {
	display: none;
}
.accordion-large li .accordion-summary:before {
	top: 50%;
	margin-top: 24px;
	left: 23px;
}
.accordion li .accordion-summary:after {
	content: '';
	display: block;
	position: absolute;
	left: 46px;
	top: 32px;
	border: 4px solid transparent;
	border-left-color: #49bc6d;	
}
.accordion-large li .accordion-summary:after,
.accordion-large li .accordion-expand:after {
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 20px;
	top: 50%;
	margin-top: -25px;
	background: url('../images/ubb-online-sprite.svg') no-repeat -100px -250px;
	border: 0;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.accordion-info li .accordion-summary:after {
	background-position: -100px -315px;
}
.accordion-large li .accordion-expand:after {
	top: 70px;
	margin-top: 0;
	background-position: -160px -250px;
}
.no-svg .accordion-large li .accordion-summary:after,
.no-svg .accordion-large li .accordion-expand:after,
.close-x:after {
	background-image: url('../images/ubb-online-sprite.png');
}
.accordion li .x {
	position: absolute;
	z-index: 1;
	top: 23px;
	right: 25px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
}
.close-x {
	position: absolute;
	/*top: 25px;
	right: 25px;*/
    top: 20px;
    right: 20px;
	color: #5d5d5d;
	font-size: 15px;
	text-transform: uppercase;
	cursor: pointer;
}
.close-x:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
	/*width: 40px;
	height: 40px;*/
    width: 30px;
    height: 30px;
	border-radius: 50%;
	background: #1496a3 url('../images/ubb-online-sprite.svg') no-repeat -360px -190px;
    background-position: -365px -195px;
}
.close-x.close-x-alt:after {
	background-position: -280px -190px;
	background-color: transparent;
}
.accordion li.accordion-open .x {
	opacity: 1;
	visibility: visible;
}
.accordion li .accordion-expand {
	display: none;
	padding: 25px;
}
.accordion-large li .accordion-expand,
.expand-block {
	background: #f0f2f4;
	margin: 30px 0;
	position: relative;
	z-index: 1;
	/*padding: 70px 30px 70px 100px;*/
    padding: 60px 30px 30px 100px;
}
.accordion-info li .accordion-expand {
	padding-bottom: 30px;
}
.accordion-large li .accordion-expand:before,
.expand-block:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 50%;
	width: 60px;
	height: 60px;
	background: #f0f2f4;
	-webkit-transform: rotate(45deg) translateX(-50%);
	    -ms-transform: rotate(45deg) translateX(-50%);
	        transform: rotate(45deg) translateX(-50%);
	z-index: -1;
}
.expand-block,
.expand-block:before {
	background: #f0f2f4;
}
.expand-block {
	padding: 30px;
	padding-top: 70px;
	display: none;
}
.accordion li.accordion-open .accordion-expand {
	display: block;
}
.accordion-summary-title {
	color: #105284;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.1;
	margin: 0;
	position: relative;
	padding-right: 30px;
}
.accordion-summary-title:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
	border: 8px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.75);
    -webkit-transition: -webkit-transform 0.35s ease; /*9600 n*/
	transition: -webkit-transform 0.35s ease;
    -o-transition: transform 0.35s ease; /*9600 n*/
	transition: transform 0.35s ease;
	transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
.accordion-open .accordion-summary-title:after {
	-webkit-transform: rotate(180deg) translateY(10px);
	    -ms-transform: rotate(180deg) translateY(10px);
	        transform: rotate(180deg) translateY(10px);
}
.accordion li.accordion-open .accordion-summary-title {
	font-size: 24px;
}
.accordion-large li .accordion-summary-title,
.accordion-large li.accordion-open .accordion-summary-title {
	/*font-size: 26px;*/
    font-size: 22px;
}
.accordion-summary-title em {
	color: #49bc6d;
	font-style: normal;
}
/* end of faq */
/* loading */
.loading {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;	
	background: rgba(255, 255, 255, .75);
	/*display: none;*//*9600 redesign new*/
}
.loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -32px 0 0 -32px;
}
/* Timer*/
.loading .timer {
	width: 84px;
	height: 84px;
	background: rgba(255, 255, 255, 0.5);
	border: 4px solid #105284;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -38px 0 0 -38px;
}
.timer p {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 280px;
	margin-left: -140px;
	margin-top: 20px;
	text-align: center;
	color: #105284;
	font-size: 20px;
}
.timer:after,
.timer:before {
	content:'';
    position: absolute;
    background-color: #1496a3;
    -webkit-transform-origin: 2px 2px;
        -ms-transform-origin: 2px 2px;
            transform-origin: 2px 2px;
    height: 4px;
    top: 36px;
    left: 36px;
}
.timer:after {
	width: 32px;
	-webkit-animation: hand 1s linear infinite;
	        animation: hand 1s linear infinite;
}

.timer:before {
	width: 20px;
	-webkit-animation: hand 12s linear infinite;
	        animation: hand 12s linear infinite;
}

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

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

/* end of loading */

/*UBB loading mini */
.wait {
    width: 0px;
	height: 0px;
}
.loading-min {
	z-index: 9999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;	
	background: rgba(255, 255, 255, .75);
	/*display: none;*/
}
/* Timer*/
.loading-min .timer-min {
	width: 21px;
	height: 21px;
	background: rgba(255, 255, 255, 0.5);
	border: 2px solid #105284;
	border-radius: 50%;
	position: absolute;
	margin: 0 0 0 10px;/*-30px 0 0 15px;*/
}
.timer-min:after,
.timer-min:before {
	content:'';
    position: absolute;
    background-color: #1496a3;
    -webkit-transform-origin: 1px 1px;
        -ms-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
    height: 2px;
    top: 10px;
    left: 10px;
}
.timer-min:after {
	width: 10px;
	-webkit-animation: hand 1s linear infinite;
	        animation: hand 1s linear infinite;
}

.timer-min:before {
	width: 7px;
	-webkit-animation: hand 12s linear infinite;
	        animation: hand 12s linear infinite;
}

/* end of loading mini  */
/* charts */
.chart {
	font-size: 0;
    -webkit-box-sizing: border-box; /*9600 n*/
	box-sizing: border-box;
}
.chart.spaced {
	margin: 30px 0;
}
.chart-title {
	display: block;
	font-size: 13px;
	color: #000;
	margin: 0 0 20px 0;
}
.chart-title strong {
	text-transform: uppercase;
	color: #105284;
	display: inline-block;
	margin-right: 10px;
	font-weight: 400;
}
.chart-graphic,
.chart-legend {
	display: inline-block;
	vertical-align: top;
	width: 66.66%;
}
.chart-legend {
	width: 33.33%;
	padding-left: 120px;
}
.chart-graphic {

}
.chart-legend ul {
	font-size: 0;
}
.chart-legend ul li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	position: relative;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	padding: 15px 20px;
}
.legend-color {
	display: inline-block;
	margin: 0 5px 0 0;
	/*position: absolute;
	top: 16px;
	left: 0;*/
	width: 12px;
	height: 12px;
	border-radius: 12px;
}
.chart-scale {
	font-size: 0;
	margin: 20px -30px 0 -30px;
	position: relative;
}
.chart-scale:before {
	content: '';
	position: absolute;
	top: 0;
	left: 30px;
	right: 30px;
	height: 1px;
	background: #adb8bf;
}
.chart-scale li {
	display: inline-block;
	font-size: 14px;
	width: 60px;
	text-align: center;
	color: #000;
	padding: 20px 0 0 0;
	position: relative;
}
.chart-scale li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 10px;
	background: #adb8bf;
}
.chart-multi-lines li {
	display: block;
	width: auto;
	margin: 20px 0;
	position: relative;
	height: 12px;
}
.chart-line-value {
	position: absolute;
	top: 50%;
	right: -100px;
	color: #000;
	font-size: 18px;
	line-height: 20px;
	height: 20px;
	width: 80px;
	margin: -10px 0 0 0;
}
/* overlap line chart */
.chart-overlap-line {
	font-size: 0;
	margin: 20px 0;
}
.chart-overlap-line li {
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	position: relative;
	height: 30px;
	color: #fff;
	font-weight: 300;
	text-align: center;
	padding: 0 15px;
}
.chart-overlap-line li.color-pattern {
	color: #000;
}
.chart-value-start,
.chart-value-end {
	position: absolute;
	z-index: 1;
	width: 60px;
	text-align: center;
	top: -30px;
	left: -30px;
	color: #000;
	font-size: 16px;
	line-height: 1;
	height: auto;
}
.chart-value-end {
	left: auto;
	right: -30px;
}
.chart-value-start:before,
.chart-value-end:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 20px;
	height: 10px;
	width: 1px;
	background: #adb8bf;
}
.chart-value-start:after,
.chart-value-end:after {
	content: '';
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 30px;
	height: 30px;
	width: 1px;
	background: #fff;
}
.chart-overlap-line li:last-child .chart-value-end:before {
	margin-left: -1px;
}
.chart-overlap-line li:first-child .chart-value-start:after,
.chart-overlap-line li:last-child .chart-value-end:after {
	display: none;
}
/* end of overlap line chart */
.legend-block {
	display: inline-block;
	margin: 0 50px 30px 0;
	position: relative;
}
.chart-legend .legend-block {
	/*margin: 0 0 30px 0;*/
    margin: 0 0 20px 0;
	display: block;
}
.legend-block.with-legend-color {
	padding-left: 10px;
}
.legend-block .legend-color {
	top: 5px;
}
.legend-element-title {
	font-size: 15px;
	color: #000;
	display: block;
	margin: 0 0 10px 0;
}
.legend-element-value {
	font-size: 26px;
	line-height: 1;
	font-weight: 300;
	color: #000;
	display: block;
}
.legend-element-value sup {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
}
.chart-legend .legend-element-value {
	font-size: 22px;
}
.chart-legend .legend-element-value sup {
	font-size: 15px;
}
/* end of charts */
/* utilities */
.utilities {
	background: #1496a3;
	padding: 30px;
	text-align: center;
}
.utilities .custom-checkbox var,
.utilities .custom-radio var {
	color: #fff;
	font-size: 18px;
}
.utilities .section-title,
.utilities p {
	color: #fff!important;
	text-align: center;
}
.utilities-list {
	font-size: 0;
	margin: 0 0 20px 0;
}
.utilities-list li {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	margin: 10px 5px;
	text-align: left;
	position: relative;
	z-index: 1;
}
.utilities-list li label {
	cursor: pointer;
}
.utilitie-icon-box {
	display: block;
	width: 140px;
	height: 140px;
}
.utilitie-icon {
	display: block;
	width: 100px;
	height: 80px;
	margin: 0 0 20px 0;
	position: relative;
	background: url('../images/utilities-icons.svg') no-repeat 0 0;
}
.no-svg .utilitie-icon {
	background-image: url('../images/utilities-icons.png');
}
.utilitie-icon.utilitie-icon-electricity {
	background-position: 0 -80px;
}
.utilitie-icon.utilitie-icon-water {
	background-position: -200px -80px;
}
.utilitie-icon.utilitie-icon-heating {
	background-position: -300px 0;
}
.utilitie-icon.utilitie-icon-phone {
	background-position: -100px -80px;
}
.utilitie-icon.utilitie-icon-gas {
	background-position: -200px 0;
}
.utilitie-icon.utilitie-icon-syndicate {
	background-position: -100px 0;
}
.utilitie-icon.utilitie-icon-insurer {
	background-position: 0 0;
}
.utilitie-icon:before,
.utilitie-icon:after {
	content: '';
	position: absolute;
    -webkit-transition: all 0.2s ease; /*9600 n*/
    -o-transition: all 0.2s ease; /*9600 n*/
	transition: all 0.2s ease;
}
.utilitie-icon:before {
	background: #105284;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	top: 32px;
	left: 32px;
	z-index: -2;
}
.utilitie-icon:after {
	z-index: -1;
	width: 60px;
	height: 20px;
	background: url('../images/ubb-online-sprite.svg') no-repeat -340px -165px;
	top: 80px;
	left: 80px;
}
.no-svg .utilitie-icon:after {
	background-image: url('../images/ubb-online-sprite.png');
}
.utilities-list li:hover .utilitie-icon:before {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.utilities-list li:hover .utilitie-icon:after {
	-webkit-transform: translateX(15px);
	    -ms-transform: translateX(15px);
	        transform: translateX(15px);
}
.steps-list {
	margin: 30px 0;
	font-size: 0;
	counter-reset: steps-list;
}
.steps-list li {
	display: inline-block;
	vertical-align: middle;
	margin: 10px 30px 10px 0;	
	position: relative;
}
.steps-list li a {
	display: block;
	text-decoration: none;
	/*font-size: 20px;*/
    font-size: 18px;
	font-weight: 300;
	color: #737373;
	counter-increment: steps-list;
    -webkit-transition: color 0.2s ease; /*9600 n*/
            -o-transition: color 0.2s ease; /*9600 n*/
	transition: color 0.2s ease;
}
.steps-list li a:hover {
	color: #000;
}
.steps-list li a:before {
	content: counter(steps-list);
	display: inline-block;
	vertical-align: middle;
	/*width: 46px;*/
	/*height: 46px;*/
/*	line-height: 46px;*/
    width: 40px;
    height: 40px;
    line-height: 40px;
	text-align: center;
	color: #fff;
	background: #c3d4e0;
	border-radius: 50%;
	margin: 0 10px 0 0;
    -webkit-transition: color 0.2s ease; /*9600 n*/
            -o-transition: color 0.2s ease; /*9600 n*/
	transition: background 0.2s ease;
}
.steps-list li a:hover:before {
	background: #afc3d2;
}
.steps-list li a.active {
	color: #000;
}
.steps-list li a.active:before {
	background-color: #1496a3;
}
.step-container {
	display: none;
}
.step-container.active {
	display: block;
}
/* end of utilities */
/* footer */
.main-footer {
	display: table-row;
	height: 1px;
}
.footer-inner {
	border-top: 1px solid #e3e8eb;
	/*padding: 30px 0;*/
    padding: 20px 0;
	font-size: 0;
	text-align: center;
}
.footer-nav {
	font-size: 0;
	text-align: center;
	display: inline-block;
}
.footer-nav a {
	display: inline-block;
	font-size: 15px;
	line-height: 15px;
	color: #104684;
	text-decoration: none;
    -webkit-transition: border 0.2s ease; /*9600 n*/
        -o-transition: border 0.2s ease; /*9600 n*/
	transition: border 0.2s ease;
	border-bottom: 1px solid transparent;
	padding: 2px;
	margin: 2px 10px;
}
.footer-nav a:hover,
.copyright a:hover {
	border-bottom-color: #104684;
}
.copyright {
	display: block;
	float: left;
	font-size: 13px;
	line-height: 14px;
	margin: 5px 0;
	color: #104684;
}
.copyright.copyright-studiox {
	float: right;
}
.copyright a {
	display: inline-block;
	border-bottom: 1px solid transparent;
    -webkit-transition: border 0.2s ease; /*9600 n*/
        -o-transition: border 0.2s ease; /*9600 n*/
	transition: border 0.2s ease;
	text-decoration: none;
	color: #104684;
}
/* end of footer */

/* checkbox and radio */
/* radio list */
.checkbox-radio-list {
	display: inline-block;
	/*padding: 20px;*/
    padding: 10px;    
}
.checkbox-radio-list li {
	text-align: left;
	margin: 10px 0;
}
/* end of radio list */
.custom-checkbox,
.custom-radio {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	margin-right: 20px;
	padding: 0;
	cursor: pointer;
	line-height: 22px;
	/*font-size: 16px;*/
    font-size: 15px;
	color: #626262;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	        user-select: none;
    -webkit-box-sizing: border-box; /*9600 n*/
    -moz-box-sizing: border-box; /*9600 n*/
	box-sizing: border-box;
}
.has-error.custom-checkbox,
.has-error.custom-radio {
    z-index: 3;
}
.white .custom-checkbox,
.white .custom-radio {
	color: #fff!important;
}
.custom-checkbox.spaced,
.custom-radio.spaced {
	margin: 10px 20px 10px 0;
}
.custom-checkbox.alone,
.custom-radio.alone {
	margin: 0;
	height: 22px;
}
.custom-checkbox.alone.has-error,
.custom-radio.alone.has-error {
	z-index: 2;
}
.custom-checkbox.alone.has-error .form-error,
.custom-radio.alone.has-error .form-error {
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	margin: 0;
	left: 50%;
	top: 30px;
}
.custom-checkbox.alone var,
.custom-radio.alone var {
	padding-left: 22px;
}
.custom-checkbox var,
.custom-radio var {
	display: block;
	padding-left: 28px;
	/*height: 22px;*/
	font-style: normal;
	text-align: left;
}
.custom-checkbox var .link,
.custom-radio var .link {
	color: #105284;
}
.custom-checkbox [type="checkbox"],
.custom-radio [type="radio"] {
	position: absolute;
	top: 4px;
	left: 4px;
}
.custom-checkbox [type="checkbox"]:not(:checked),
.custom-checkbox [type="checkbox"]:checked,
.custom-radio [type="radio"]:not(:checked),
.custom-radio [type="radio"]:checked {
	position: absolute;
	top: 0;
	opacity: 0;
	cursor: pointer;
}
.custom-checkbox [type="checkbox"]:not(:checked) ~ var:before,
.custom-checkbox [type="checkbox"]:checked ~ var:before,
.custom-radio [type="radio"]:not(:checked) ~ var:before,
.custom-radio [type="radio"]:checked ~ var:before {
	content: '';
	height: 22px; 
	width: 22px;
    position: absolute;
    z-index: 5;
    top: 0px; 
    left: 0;
    border: 1px solid #104684;
    background: #fff;
}
.custom-checkbox [type="checkbox"]:not(:checked) ~ var:before,
.custom-checkbox [type="checkbox"]:checked ~ var:before {
	width: 18px;
	height: 18px;
	top: 2px;
}
.custom-checkbox [type="checkbox"]:not(:checked) ~ var:after,
.custom-checkbox [type="checkbox"]:checked ~ var:after,
.custom-radio [type="radio"]:not(:checked) ~ var:after,
.custom-radio [type="radio"]:checked ~ var:after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 10;
	top: 6px;
	left: 6px;
	background-color: #fff;
}
.custom-checkbox [type="checkbox"]:not(:checked) ~ var:after,
.custom-checkbox [type="checkbox"]:checked ~ var:after {
	top: 3px;
	left: 1px;
	width: 16px;
	height: 16px;
}
.custom-checkbox [type="checkbox"]:checked ~ var:after {
	background: #1496a3 url('../images/ubb-online-sprite.svg') no-repeat -107px -107px;
}
/* disabled */
.custom-checkbox [type="checkbox"][disabled]:not(:checked) ~ var:before,
.custom-checkbox [type="checkbox"][disabled]:checked ~ var:before,
.custom-radio [type="radio"][disabled]:not(:checked) ~ var:before,
.custom-radio [type="radio"][disabled]:checked ~ var:before {
	border-color: #adadad!important;
	cursor: default;
}
.custom-checkbox [type="checkbox"][disabled]:checked ~ var:after {
	background: #f7f9fb url('../images/ubb-online-sprite.svg') no-repeat -257px -167px;
	cursor: default;
}
.custom-checkbox [type="checkbox"][disabled]:not(:checked) ~ var:after {
	background-color: #f7f9fb;
	cursor: default;
}
.custom-radio [type="radio"][disabled]:checked ~ var:after {
	background-color: #adadad;
	cursor: default;
}
/* end of disabled */
.no-svg .custom-checkbox [type="checkbox"]:checked ~ var:after {
	background-image: url('../images/ubb-online-sprite.png');
}
.custom-radio [type="radio"]:checked ~ var:after {
	background-color: #49bc6d;
}
.custom-radio [type="radio"]:not(:checked) ~ var:before,
.custom-radio [type="radio"]:checked ~ var:before,
.custom-radio [type="radio"]:not(:checked) ~ var:after,
.custom-radio [type="radio"]:checked ~ var:after {
	border-radius: 50%;
}
/* end of checkbox and radio */

/* UBB begin clear button chrome and firefox */
.clearable.xChrome  {
    background: url('../images/close.png') no-repeat right center !important;
    background-size: 13px 13px !important;
}
.clearable.onX{ cursor: pointer; } 
/* end clear button chrome and firefox */
/* upgrade browser */
#upgrade-browser {
	/*padding: 17px 30px 14px 10px;*/
	padding: 10px 60px;
	position: relative;
	z-index: 10000;
	text-align: center;
	background: #ffe490;
}
#upgrade-browser a {
	height: 50px; width: 50px;
	display: inline-block;
	margin: 0 5px 0 0;
	font-size: 0;
	vertical-align: middle;
	background: url('../images/browser-sprite.jpg') no-repeat -1000px 0;
}
#upgrade-browser a.chrome {
	background-position: 0px 0px;
}
#upgrade-browser a.ie { 
	background-position: -50px 0px;
}
#upgrade-browser a.firefox {
	background-position: -100px 0;
}
#upgrade-browser a.opera {
	background-position: -150px 0;
}
#upgrade-browser a.safari {
	background-position: -200px 0;
}
#upgrade-browser span {
	font-size: 16px;
	line-height: 18px;
	display: inline-block;
	margin: 10px;
}
#upgrade-browser .close-warning {
	height: 50px; 
	width: 50px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	background: url('../images/browser-sprite.jpg') no-repeat -250px 0;
}
/* end of upgrade browser */

/* ==========================================================================
   Media Queries
   ========================================================================== */
.show-on-small {
	display: none;
}

@media only screen and (max-width: 1440px) {
	.wrapper {
		width: auto;
		margin: 0 40px;
	}
	
	.main-slider .main-slide {
		padding-top:  23.0625%; /*39.0625%;*/ /*9600 n*/
		height: 0;
	}
	
}

@media only screen and (max-width: 1340px) {
	/* fields */
	.field-10 {
		width: 15%;
	}
	/* end of fields */
	.wrapper {
		margin: 0 30px;
	}
	.helper-icon {
		display: block;
	}
	.helper-text {
		text-align: center;
	}
	.ubb-logo {
		margin: 8px 0 7px 0;
		width: 140px;
		height: 40px;
    }
	.ubb-logo img {
		/*height: 40px;*/
		width: 100%;
		height: auto;
	}		
	.login-form .field .input {
		width: 150px;
	}
	.login-form .field .input-account {
		width: 200px;
	}
	.login-form .field .input-password {
		width: 100px;
	}
	.login-form .select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 13px;
	}
	.login-form .custom-checkbox {
		line-height: 16px;
	}
	.main-nav ul li > a {
		font-size: 13px;
		padding: 20px 15px;
	}
	.main-nav ul li > a:before {
		left: 15px;
		right: 15px;
	}
	.mega-menu h2 {
		/*font-size: 28px;*/
	}
}

@media only screen and (max-width: 1140px) {
	.show-on-small {
		display: block;
	}
	.main-nav ul li > a {
		font-size: 12px;
		padding: 20px 11px;
	}
	.main-nav ul li > a:before {
		left: 12px;
		right: 12px;
	}
	.btn {
		/*padding: 12px 20px;*/
        padding: 11px 20px;
		border-radius: 20px;
	}
	.btn.btn-big {
		/*padding: 15px 25px;*/
        padding: 13px 25px;
		font-size: 15px;
		border-radius: 23px;
	}
	.mega-menu h2 {
		/*font-size: 24px;*/
	}
	.main-nav .mega-menu nav {
		width: 33.33%;
	}
	.tabs-nav a {
		font-size: 15px;
		margin-right: 3px;
	}
	.chart-legend ul li {
		width: 100%;
	}
	.complex-icon-title.small {
		font-size: 22px;
	}
}

@media only screen and (max-width: 1024px) {
	/* typography */
	p,
	.text ol li,
	.text ul li {
		font-size: 14px;
	}
	.section-subtitle {
		font-size: 19px;
	}
	/* end of typography */
	
	/* fields */
	.field-10 {
		width: 20%;
	}
	.field-20 {
		width: 25%;
	}
	.field-iban {
		width: 450px;
	}
	.field-bic {
		width: 210px;
	}
	/* end of fields */
	.field input[type="text"],
	.field input[type="tel"],
	.field input[type="email"],
	.field input[type="password"],
	.field textarea {
		/*font-size: 20px;*/
        font-size: 18px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 17px!important;
	}
	/* mobile menu */
	.main-nav > .wrapper {
		margin: 0;
	}
	.main-nav {
		text-align: center;
	}
	.main-nav:after {
		z-index: 4;
	}
	.mobile-menu-btn {
		display: block;
		position: relative;
		background: #fff;
		padding: 10px;
		text-decoration: none;
		font-size: 15px;
		color: #104684;
		text-transform: uppercase;
	}
	.mobile-menu-open .mobile-menu-btn:before {
		content: '';
		position: fixed;
		z-index: 3;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		/*background: rgba(123, 255, 255, .75);*/
	}
	.mobile-menu-btn-icon {
		width: 35px;
		height: 35px;
		display: inline-block;
		vertical-align: middle;
		margin: 0 10px 0 0;
		position: relative;
	}
	.mobile-menu-btn-icon:before,
	.mobile-menu-btn-icon:after {
		content: '';
		position: absolute;
		top: 16px;
		left: 0;
		right: 0;
		height: 3px;
		background: #105284;
		z-index: 2;
        -webkit-transition: -webkit-transform 0.2s ease; /*9600 n*/
        -o-transition: transform 0.2s ease; /*9600 n*/
		transition: -webkit-transform 0.2s ease;
		transition: transform 0.2s ease;
		transition: transform 0.2s ease, -webkit-transform 0.2s ease;
	}
	.mobile-menu-btn-icon:after {
		top: 5px;
		bottom: 5px;
		height: auto;
		background: transparent;
		z-index: 1;
		border-top: 3px solid #105284;
		border-bottom: 3px solid #105284;
	}
	.mobile-menu-open .mobile-menu-btn-icon:after {
		border: 0;
		height: 3px;
		background: #105284;
		top: 16px;
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}
	.mobile-menu-open .mobile-menu-btn-icon:before {
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
	}
	.main-nav ul {
		display: none;
		text-align: left;
	}
	.mobile-menu-open .main-nav ul {
		display: block;
		position: relative;
		z-index: 4;
		background: #105284;
	}
	.mobile-menu-open .main-nav ul li {
		display: block;
	}
	.with-mega-menu.open .mega-menu {
		position: relative;
	}
	.main-nav .mega-menu {
		padding: 0 20px;
		border: 0;
		border-bottom-width: 1px;
		width: 100%!important;
	}
	.main-nav .mega-menu nav {
		padding: 10px 20px 10px 0;
	}
	.main-nav ul li > a {
		/*border-top: 1px solid #d4dade;*/
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		color: #fff;
	}
	.main-nav .mega-menu ul li a {
		color: #fff;
	}
	.main-nav ul li.with-mega-menu.open .mega-menu {
		background: #105284;
	}
	.mega-menu h2 {
		color: rgba(255, 255, 255, 0.7);
        font-size: 20px;
	}
	.main-nav ul li > a,
	.main-nav ul li > a:first-child {
		border-bottom: 0;
		padding: 10px 20px;
	}
	.main-nav .mega-menu ul li a {
		padding: 5px 0;
	}
	.main-nav ul li > a:before,
	.main-nav ul li > a:after,
	.main-nav ul li.with-mega-menu.open > a:before, 
	.main-nav ul li.with-mega-menu.open > a:after {
		display: none;
	}
	.main-nav .mega-menu ul li a.active {
		text-decoration: underline;
		color: #fff;
	}
	.mega-menu h2 {
		font-size: 20px;
	}
	/* end of mobile menu */
	
	.services-links li,
	.complex-icon-list li {
		width: 50%;
	}
	.services-grid .service-box {
		width: 33.33%;
	}
	.services-links {
		width: 66.67%;
	}
	.padded-section {
		/*padding: 45px 0;*/
        padding: 40px 0;
	}
	.section-title,
	.section-title-big {
		/*font-size: 30px;*/
        font-size: 26px;
	}
	.wrapper {
		margin: 0 20px;
	}
	.time-block .date-day {
		/*font-size: 55px;*/
	}
	.time-block {
		position: static;
	}
	.news-one header .time-block {
		position: absolute;
	}
	.news-title {
		margin-left: 0;
	}
	.helper-nav a {
		text-align: left;
	}
	.helper-icon {
		display: inline-block;
	}
	.helper-nav a {
		width: 50%;
	}
	.help-section {
		padding: 10px 0;
	}
	.services-row .service-box {
		width: 50%;
		padding: 10px 20px;
	}
	.feature-nav .service-box {
		padding: 30px;
	}
	.services-grid figure figcaption {
		font-size: 22px;
	}
	.promo-slider h1 {
		margin: 0;
		font-size: 26px;
	}
	.promo-slider h2 {
		font-size: 22px;
	}
	.promo-slider h3 {
		font-size: 16px;
	}
	.popup header h2 {
		/*font-size: 30px;*/
        font-size: 28px;
	}
	.info-box-tables {
		text-align: left;
	}
	.info-box-table {
		margin: 20px;
	}
	.news-list li p {
		margin: 20px 20px 0 0px;
	}
	.text img[style*='float: left'],
	.text img[style*='float: right']{
		max-width: 50%;
	}
	.category-title {
		width: auto;
	}
	.chart-graphic,
	.chart-legend {
		width: 100%;
		padding-right: 100px;
	}
	.overlap-line {
		padding: 0;
	}
	.overlap-line .chart-graphic {
		padding-right: 0;
	}
	.chart-legend {
		width: 100%;
		padding: 0;
		margin: 20px 0 0 0;
	}
	.chart-legend ul li {
		width: 50%;
	}
	.chart-legend .legend-block {
		display: inline-block;
		/*margin: 0 60px 30px 0;*/
        margin: 0 60px 20px 0;
	}
	.bullet-arrow-list li a {
		font-size: 15px;
	}
	.feature {
		width: 50%;
	}
	.field-with-btn {
		width: 50%;
	}
	.complex-icon-list li {
		width: 33.33%;
	}
}

@media only screen and (max-width: 768px) {
	/* fields */
	.field,
	.field-custom-check-radio {
		/*padding: 12px 15px;*/
        padding: 9px 15px;
	}
	.field-10,
	.field-20,
	.field-25,
	.field-30 {
		width: 33.33%;
	}
	/* merge from bank */
	.field-27 {
		width: 33.33%;
	}
	/* end of merge from bank */
	.field-40,
	.field-60 {
		width: 50%;
	}
	/* end of fields */
	.news-one header .news-title {
		font-size: 26px;
	}
	.subtitle-type-2 {
		font-size: 20px;
	}
	.section-subtitle {
		font-size: 18px;
	}
	.breadcrumbs ul {
		display: none;
	}
	.expand-info-block strong {
		font-size: 16px;
	}
	.section-title {
		/*font-size: 26px;*/
        font-size: 24px;
	}
	.spaced-top {
		margin-top: 30px;
	}
	.main-nav .mega-menu nav {
		width: 50%;
	}
	.services-grid figure figcaption {
		font-size: 20px;
	}
	.services-grid .col-33 {
		width: 50%;
	}
	.header-inner {
		padding: 15px 0 4px 0;
	}
	.login-form .field .input {
		width: 140px;
	}
	.login-form .field .input-account {
		width: 190px;
	}
	.login-form .field .input-password {
		width: 90px;
	}
	.login-form .select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 12px;
	}
	.login-form .field {
		padding-left: 0;
	}
	.login-form {
		width: 100%;
		padding: 5px 0;
	}
	.login-form .form-group,
	.login-form fieldset {
		text-align: justify;
	}
	.login-form .form-group:after,
	.login-form fieldset:after {
		content: '';
		display: inline-block;
		width: 100%;
	}
	.login-form .btn {
		margin: 5px 0;
	}
	.btn-wide {
		padding-left: 20px;
		padding-right: 20px;
	}
	.padded-section {
		/*padding: 40px 0;*/
        padding: 35px 0;
	}
	.news-list li > a {
		width: 100%;
	}
	.time-block .date-day {
		font-size: 50px;
	}
	.time-block {
		position: absolute;		
	}
	.news-title {
		/*margin: 10px 50px 0 170px;*/
        margin: 10px 50px 0 150px;
		font-size: 18px;
	}
	.news-list li p {
		margin: 20px 0 0 0;
	}
	.helper-icon {
		display: block;
	}
	.helper-nav a {
		text-align: center;
		vertical-align: top;
	}
	.news-accent {
		display: block;
	}
	.news-accent figure,
	.news-accent-text {
		display: block;
		width: 100%;
	}
	.news-accent .news-accent-text {
		padding: 30px 0 0 0;
	}
	.news-accent .news-accent-text h3 {
		font-size: 26px;
	}
	.news-accent .news-accent-text > strong {
		font-size: 24px;
	}
	.news-list li:nth-child(even) {
		background: transparent;
	}
	.news-list li a:nth-child(even) {
		background: #f7f9fb;
	}
	.news-list li {
		padding: 0;
	}
	.banner-row a {
		width: 100%;
		padding: 10px 0;
	}
	.banner-container {
		margin: -10px 0;
	}
	.exchange-rates-title,
	.exchange-rates-note,
	.exchange-rates-row .scrollable-content {
		width: 100%;
		display: block;
		padding: 0;
	}
	.exchange-rates-row .scrollable-content {
		margin: 20px 0;
	}
	.exchange-rates-row h2 {
		font-size: 26px;
		word-spacing: normal;
		float: left;
	}
	.exchange-rates-title .link {
        float: right;
        margin-top: 10px;
        margin-left: 10px;
    }
    .exchange-rates-row p {
		font-size: 13px;
	}
	/*.promo-slider-left-side,
	.promo-slider-right-side {
		width: 100%;
	}*/
	.col-half {
		width: 100%;
	}
	.popup .col-half:first-child {
		border-right: 0;
		border-bottom: 1px solid #dce2e5;		
	}
	.tabs .field-tab-select {
		display: block;
		background: #e5e9ed;
		padding: 0 10px 10px 10px;
	}
	.tabs-nav {
		display: none;
	}
	.info-box-content {
		padding: 20px;
	}
	.info-box-table {
		margin: 10px;
	}
	.box .box-content,
	.box footer {
		padding: 20px;
	}
	.accordion li .accordion-summary {
		padding-left: 45px;
		padding-right: 45px;
	}
	.accordion li .accordion-summary:before {
		left: 15px;
	}
	.accordion li .accordion-summary:after {
		left: 36px;
	}
	.accordion-large li .accordion-summary:before,
	.accordion-large li .accordion-summary:after {
		left: 20px;
	}
	.accordion li .x {
		right: 15px;
	}
	.accordion li .accordion-expand {
		padding: 15px;
	}
	.accordion-large li .accordion-expand {
		padding: 70px 30px 30px 100px;
	}
	.accordion li.accordion-open .accordion-summary-title {
		font-size: 18px;
	}
	.accordion-large.accordion li .accordion-summary {
		/*padding-top: 50px;*/
		/*padding-bottom: 50px;*/
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.accordion-large li .accordion-summary-title,
	.accordion-large li.accordion-open .accordion-summary-title {
		/*font-size: 22px;*/
        font-size: 19px;
	}
	.featured-content {
		display: block;
	}
	.featured-block {
		width: 100%;
		display: block;
	}
	.light-negative:before,
	.light-negative:nth-child(even):before {
		right: 0;
		left: 0;
	}
	.light-negative .services-block,
	.light-negative:nth-child(even) .services-block {
		float: none;
		width: 100%;
	}
	.more-content {
		margin-top: 30px;
	}
	.sidebar-nav a,
	.secondary-nav a {
		display: inline-block;
		padding: 15px;
	}
	.category-title {
		padding: 10px 15px;
		font-size: 20px;
	}
	.steps-list li {
		margin: 5px 15px 5px 0;
	}
	.steps-list li a {
		font-size: 16px;
	}
	.steps-list li a:before {
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	.negative-offset {
		margin: -40px 40px 0 40px;
		padding: 30px;
	}
	.video-cover {
		height: 400px;
	}
	.video-play-btn-negative-offset {
		margin-top: -70px;
	}
	.field-iban .select2-container--default .select2-selection--single .select2-selection__rendered {
		letter-spacing: 0!important;
	}
	.datatable-footer .dataTables_paginate {
		width: 100%;
		text-align: center!important;
	}
	.contract-table,
	.contract-table tbody,
	.contract-table tr td,
	.contract-table tr {
		display: block;
		width: 100%;
	}
	.contract-table tr td:first-child,
	.contract-table tr td:last-child {
		padding: 0;		
	}
	.btn-scroll-left,
	.btn-scroll-right {
	    font-size: 14px;
	}
	.qr-split {
	    display: block;
	}
	.qr-split-form,
	.qr-split-code {
	    display: block;
	    width: 100%;
	    padding: 0;
	}
	.qr-split-form {
        border-right: 0;
    }
    .field-with-btn {
    	width: 100%;
    }
    .btn-group {
        width: 100%;
        text-align: center;
    }
    .complex-icon-list li {
    	width: 50%;
    }
    .profile-field {
        padding: 5px 0!important;
        width: 100%;
    }
    .top-nav + .inline-group {
        width: 100%;
    }
}

/* big iphone horizontal */
@media only screen and (max-width: 740px) {
	.show-on-small {
		display: none;
	}
	.login-form .field {
		padding: 0 0 10px 10px;
		width: 50%;
	}
	.login-form .field:first-of-type {
		padding-right: 10px;
		padding-left: 0;
	}
	.login-form .field .input {
		width: 100%;
	}
	.sidebar-layout {
		display: block;
	}
	.sidebar-layout .sidebar {
		display: block;
		width: 100%;
		background: #f7f9fb;
	}
	.sidebar-layout .content {
		display: block;
		width: 100%;
		padding-left: 0px;
	}
	.btn-row-pullout .pullout {
		margin: 10px 0 0 10px;
		float: none;
		width: 100%;
	}
}
/* end of big iphone horizontal */

@media only screen and (max-width: 640px) {
	/* fields */
	.field-10,
	.field-20,
	.field-25 {
		width: 33.33%;
	}
	.field-30,
	.field-33, 
	.field-40 {
		width: 50%;
	}
	.field-60,
	.field-66,
	.field-70,
	.field-75,
	.field-80,
	.field-90 {
		width: 100%;
	}
	/* end of fields */
	hr.spaced-hr {
		margin: 30px 0;
	}
	.section-subtitle {
		font-size: 17px;
	}
	.notification-block nav a {
		font-size: 14px;
	}
	.top-nav,
	.inline-group {
		width: 100%;
		text-align: left;
	}
	/*.inline-group:after {
		content: '';
		display: inline-block;
		width: 100%;
	}*/
	.logout {
		float: right;
		font-size: 12px;
	}
	.logout .btn-circle {
		margin: 0 0 0 5px;
	}
	.login-form .form-group {
		width: 100%;
	}
	.header-inner .btn {
		margin: 5px 8px 4px 0;
	}
	.top-nav a {
		margin: 7px 0;
	}
	.simple-link {
		margin-left: 0;
	}
	.notification-block {
		left: 0;
		width: auto;
	}
	.btn {
		padding: 10px 13px;
		font-size: 12px;
		border-radius: 18px;
	}
	.btn.btn-big {
		padding: 12px 22px;
		font-size: 14px;
		border-radius: 20px;
	}
	.login-form .btn {
		margin: 5px 0;
	}
	.padded-section {
		padding: 30px 0;
	}
	.section-title {
		/*font-size: 24px;*/
        font-size: 22px;
		margin-bottom: 20px;
	}	
	.main-slider .main-slide {
		padding-top: 62.5%;
		height: 0;
	}
	.main-slider .main-slide.main-slide-video {
		padding-top: 56.25%;
	}	
	
	.help-section {
		padding: 0;
	}
	.helper-icon {
		-webkit-transform: scale(0.8);
		    -ms-transform: scale(0.8);
		        transform: scale(0.8);	
		-webkit-transform-origin: bottom center;	
		    -ms-transform-origin: bottom center;	
		        transform-origin: bottom center;
		margin-top: -5px;
	}
	.helper-nav a {
		/*padding: 5px 0;*/
	}
	.helper-nav a strong {
		font-size: 22px;
	}
	.helper-text {
		font-size: 11px;
	}
	.service-box strong,
	.complex-icon-title {
		font-size: 24px;
	}
	.complex-icon {
		-webkit-transform: scale(0.8);
		    -ms-transform: scale(0.8);
		        transform: scale(0.8);
		margin: -30px auto -20px auto;
	}
	.complex-icon-2 {
		-webkit-transform: scale(1);
		    -ms-transform: scale(1);
		        transform: scale(1);
		margin: 0 auto;
	}
	.services-grid .col-33 {
		width: 100%;
	}
	.services-grid .service-box {
		width: 100%;
	}
	.services-links {
		width: 100%;
	}
	.footer-inner {
		padding: 20px 0;
	}
	.footer-nav a {
		margin: 2px 5px;
		font-size: 13px;
	}
	.popup header h2 {
		font-size: 24px;
	}
	.popup header,
	.popup footer,
	.popup-text,
	.popup-text-box {
		padding: 20px;
	}
	.popup header.with-controls {
		padding-right: 55px;
	}
	.popup header .b-close {
		top: 20px;
		right: 20px;
	}	
	.simple-table.left,
	.simple-table.right {
		float: none;
	}
	.info-box-content {
		padding: 10px;
	}
	.info-buble-btn {
		width: 50px;
		height: 50px;
		background-position: -10px -260px;
	}
	.dashboard-layout {
		position: relative;
		z-index: 0;
	}
	.dashboard-icon,
	.dashboard-text {
		display: block;
	}
	.dashboard-icon {
		padding-bottom: 30px;
	}
	.news-one header {
		padding-left: 0;
	}
	.news-one .text {
		margin: 0;
	}
	.news-one header .time-block {
		position: static;
	}
	.news-one header .news-title {
		font-size: 23px;
	}
	.news-one {
		padding-left: 0;
	}
	.news-list {
		margin-left: -20px;
		margin-right: -20px;
	}
	.chart-legend ul li {
		padding-bottom: 0;
		font-size: 14px;
	}
	.chart-line-value {
		font-size: 14px;
		width: 60px;
		right: -80px;
	}
	.chart-graphic {
		padding-right: 80px;
	}
	.feature {
		width: 100%;
		padding: 20px;
	}
	.feature .complex-icon {
		margin-bottom: -10px;
	}
	.video-cover {
		height: 300px;
	}
	.video-play-btn-negative-offset {
		margin-top: -60px;
	}
	.expand-block {
		padding: inherit 15px 15px 15px;
	}
	.btn.btn-wide {
		padding-left: 30px!important;
		padding-right: 30px!important;
	}
	.btn.btn-big.btn-wide {
		padding-left: 45px!important;
		padding-right: 45px!important;
	}
	.helper-nav {
        padding: 20px 0;
    }
    .profile-user-name {
        width: 100%;
    }
}

@media only screen and (max-width: 567px) {	
	.accordion li .accordion-summary-title,
	.accordion li.accordion-open .accordion-summary-title  {
		font-size: 16px;
	}
	.accordion-large li .accordion-summary-title,
	.accordion-large li.accordion-open .accordion-summary-title {
		/*font-size: 18px;*/
        font-size: 17px;
	}
	.accordion-large.accordion li .accordion-summary {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.close-x {
		top: 20px;
		right: 20px;
	}
	.accordion-large li .accordion-summary:after,
	.accordion-large li .accordion-expand:after {
		display: none;
	}
	.accordion-large li .accordion-expand {
		padding-left: 20px;
		padding-right: 20px;
	}
	.accordion-large.accordion li .accordion-summary {
		padding-left: 60px;
		padding-right: 20px;
	}
	.accordion-info.accordion li .accordion-summary {
		padding-left: 18px;
	}
	.accordion li .accordion-summary:before {
		margin-top: -11px;
	}
	.bullet-arrow-list {
		width: 100%;
		margin: 0 0 30px 0;
		padding: 0;
	}
	.service-box.small {
		width: 100%;
		height: auto;
		-webkit-transform: scale(1);
		    -ms-transform: scale(1);
		        transform: scale(1);
	}
	form.tight {
		width: 100%;
	}
	.section-title {
		/*font-size: 20px;*/
        font-size: 18px;
		margin-bottom: 16px;
	}
	.copyright {
		float: none;
		display: inline-block;
		width: 50%;
		text-align: left;
	}
	.copyright.copyright-studiox {
		text-align: right;
	}
	.news-accent .news-accent-text h3 {
		font-size: 20px;
		margin: 20px 0;
	}
	.news-accent .news-accent-text > strong {
		font-size: 20px;
	}
	.services-links li,
	.complex-icon-list li {
		width: 100%;
	}
	.ucode-device {
		float: none;
		margin: 0 auto 30px auto;
	}
	.tabs-type-2-nav a {
		padding: 6px 12px;
		font-size: 16px;
		margin: 6px;
	}
	.tabs-type-2-nav a br {
		display: block;
	}
	.negative-offset {
		margin: -20px 20px 0 20px;
		padding: 20px;
	}
	.info-table td {
		display: block;
	}
    .promo-slider-left-side {
    	margin-right: 0;
    }
}

@media only screen and (max-width: 480px) {
	/* fields */
	.field,
	.field-custom-check-radio {
		/*padding: 10px 0 10px 0;*/
        padding: 9px 0;
	}
	.field-10,
	.field-20,
	.field-25,
	.field-30,
	.field-33, 
	.field-40,
	.field-60,
	.field-50,
	.field-66,
	.field-70,
	.field-75,
	.field-80,
	.field-90,
	.field-iban,
	.field-bic
	.field-currency {
		width: 100%;
	}
	.field-calendar {
	    width: 150px;
	}
	.field-iban input,
	.field-bic input,
	.field-currency input {
		letter-spacing: normal;
	}
	.field.with-tooltip {
		padding-right: 30px;
	}
	.field.with-tooltip .info-icon {
		right: 0px;
	}
	.field-inline.with-tooltip {
	    padding-right: 0;
	}
	form .light,
	form .light2 {
		padding: 10px;
	}
	.field-inline {
		padding:  10px 10px 10px 0;
	}
	/* end of fields */
	.field input[type="text"],
	.field input[type="tel"],
	.field input[type="email"],
	.field input[type="password"],
	.field textarea {
		/*font-size: 17px;*/
        font-size: 16px;
	}
	.field-iban input,
	.field-bic input,
	.field-currency input {
		font-size: 16px!important;
	}
	.popup .form-grid {
		margin: 0;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 16px!important;
	}
	.login-form .select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 12px!important;
	}
	/*.date-row {
		margin: 0 -15px;
	}*/
	.field-inline .calendar {
	    margin: 0;
	}
	.side-controls .field-inline .calendar {
		margin: 0 -10px;
	}
	.date-row input {
		width: 90px;
		font-size: 15px;
	}
	.icon-date-calendar {
		margin-right: 5px;
	}
	.icon-date-arrow {
		margin: 0 -5px;
	}
	.main-nav .mega-menu nav {
		width: 100%;
		padding-right: 0;
	}
	.top-nav a {
		padding: 0 8px;
	}
	.services-links li > a {
		padding-right: 0;
	}
	.time-block {
		position: static;
	}
	.news-title {
		margin-left: 0;
		margin-right: 0;
		font-size: 17px;
	}
	.spaced-top {
		margin-top: 20px;
	}
	.service-box.small strong,
	.service-box.small .complex-icon-title {
		font-size: 24px;
	}
	.services-row .service-box {
		width: 100%;
		padding: 10px 0;
		margin: 0 0 30px 0;
	}
	.feature-nav .service-box {
		padding: 30px;
		margin: 0;
	}
	.complex-icon {
		-webkit-transform: scale(0.65);
		    -ms-transform: scale(0.65);
		        transform: scale(0.65);
		margin: 0px auto -60px auto;
		-webkit-transform-origin: top center;
		    -ms-transform-origin: top center;
		        transform-origin: top center;
	}
	.complex-icon-2 {
		-webkit-transform: scale(1);
		    -ms-transform: scale(1);
		        transform: scale(1);
		margin: 0 auto;
	}
	.slider-icon-special {
		display: none;
	}
	.news-one header .news-title {
		font-size: 20px;
	}
	.text img[style*='float: left'],
	.text img[style*='float: right']{
		max-width: 100%;
		margin: 0 0 20px 0;
	}
	.featured-block.text {
		padding: 20px;
	}
	.sidebar-nav a,
	.secondary-nav a,
	.category-title {
		display: block;
		width: 100%;
	}
	.secondary-nav a:after {
		display: none;
	}
	.secondary-nav a {
		border-bottom: 1px solid #d4dade;
	}
	.category-title:after {
		top: auto;
		bottom: -20px;
		margin: 0;
		left: 15px;
		width: 0;
		border-left-color: transparent;
		border-top-color: #1496a3;
	}
	.chart-graphic {
		padding: 0;
	}
	.chart-scale li {
		display: none;
	}
	.chart-scale li:first-child,
	.chart-scale li:last-child {
		display: inline-block;
	}
	
	.chart-line-value {
		right: 0;
		top: -10px;
		text-align: right;
	}
	.chart-overlap-line li {
		padding: 0 2px;
	}
	.chart-value-start,
	.chart-value-end {
		font-size: 12px;
	}
	.chart-overlap-line li,
	.legend-element-title {
		font-size: 14px;
	}
	.legend-element-value {
		font-size: 20px;
	}
	.legend-element-value sup {
		font-size: 12px;
	}
	.legend-block.with-legend-color {
		margin: 0 30px 20px 0;
	}
	.chart-overlap-line {
		margin: 20px 0;
	}
	.utilities {
		padding: 30px 5px;
	}
	.utilities-list li {
		width: 110px;
	}
	.utilitie-icon:before {
		left: 20px;
	}
	.utilitie-icon:after {
		left: 60%;
	}
	.utilities .custom-checkbox var,
	.utilities .custom-radio var {
		font-size: 15px;
	}
	.datatable-footer .dataTables_length,
	.datatable-footer .dataTables_info,
	.datatable-footer .dataTables_paginate {
		width: 100%;
		float: none;
		text-align: center!important;
		margin: 5px 0!important;
	}
	.datatable-footer {
		padding-bottom: 0;
	}
	.btn-notifications-text {
		display: none;
	}
	.notification-number {
		margin-left: 0;
	}
	.btn-group .btn,
	.btn-group .btn:first-child {
		margin: 10px;
	}
	.btn-group .btn:first-child:after {
		display: none;
	}
	.btn-group {
        padding: 0;
    }
    .notification-row {
        margin-top: 5px;
        width: 100%;
    }
    .calendar-group {
    	width: 100%;
    }
    hr.spaced-hr {
    	margin: 20px -20px;
    }
}

@media only screen and (max-width: 360px) {
	.main-header .wrapper {
		margin: 0 12px;
	}
	.login-form .field {
		padding: 0 0 10px 0;
		width: 100%;
	}
	.login-form .field:first-of-type {
		padding-right: 0;
	}
	.helper-icon {
		/*transform: scale(0.7);	*/
        -webkit-transform: scale(0.6);
            -ms-transform: scale(0.6);
                transform: scale(0.6);
		-webkit-transform-origin: bottom center;
		    -ms-transform-origin: bottom center;
		        transform-origin: bottom center;
		margin-top: -20px;
	}
	.helper-nav a strong {
		font-size: 18px;
	}
	.helper-text {
		font-size: 10px;
	}
	.popup-body-scroll {
		margin: 0;
		padding: 0;
	}
	.field-calendar {
	    width: 100%;
	}
}

/* vertical MQ */
@media only screen and (max-height: 700px) {
	.popup-body-scroll {
		height: 450px;
	}
}
@media only screen and (max-height: 560px) {
	.popup-body-scroll {
		height: 300px;
	}
}
/* end of vertical MQ */

/* hide on print */
.printing .popup,
.printing .b-modal,
.printing .pika-single {
	display: none !important;
}
/* end of hide on print */

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    @page {
        size: A4 landscape;
    }
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    /* checkbox / radio on print */
    .custom-checkbox var,
    .custom-radio var {
    	display: inline-block;
    	vertical-align: middle;
    	padding: 0;
    }
    .custom-checkbox var:before,
    .custom-checkbox var:after,
    .custom-radio var:before,
    .custom-radio var:after {
        display: none;
    }
    .custom-checkbox [type="checkbox"]:not(:checked),
    .custom-checkbox [type="checkbox"]:checked,
    .custom-radio [type="radio"]:not(:checked),
    .custom-radio [type="radio"]:checked {
    	opacity: 1;
    	position: static;
    	display: inline-block;
    	vertical-align: middle;
    }
    /* end of checkbox / radio on print */
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.fl {
	float: left!important;
}
.fr {
	float: right!important;
}
.center {
	text-align: center!important;
}
.align-left {
	text-align: left!important;
}
.align-right {
	text-align: right!important;
}
.va-top {
	vertical-align: top!important;
}
.va-bottom {
	vertical-align: bottom!important;
}
.va-middle {
	vertical-align: middle!important;
}
.va-base {
	vertical-align: baseline!important;
}
.justify-content {
	text-align: justify!important;
	font-size: 0.1px!important; /*fix for IE*/
}
.justify-content:after {
	content: ''!important;
	display: inline-block!important;
	width: 100%!important;
}
.pull-right {
	margin-right: -30px;
}
.pull-left {
	margin-left: -30px;
}
.push-left {
	margin-left: 30px;
}
.push-right {
	margin-right: 3px;
}
.spacer-horizontal-20 {
	display: inline-block;
	width: 20px;
}
.spacer-vertical-40 {
	display: block;
	height: 40px;
}
.underlined {
	text-decoration: underline!important;
}
.no-wrap {
	white-space: nowrap!important;
}
.block {
	display: block!important;
}
.inline-block {
	display: inline-block!important;
}
.overflow-hidden {
	overflow: hidden!important;
}
.uppercase {
	text-transform: uppercase!important;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*9600 n*/
.mb-s {
    margin-bottom: 8px!important;
}
.mb-m {
    margin-bottom: 16px!important;
}

.test{
    border-top: 1px solid #e3e8eb;
}