* {
	webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}
*:focus {
	outline: none;
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
	box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
}
body {
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu', sans-serif;
	line-height: 1;
}
p, li {
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	color: #656d78;
	font-weight: 300;
	line-height: 1.2;
}
p {
	margin: 0 0 20px;
}
a {
	color: #0e4b8c;
}
a:hover {
	color: #f38220;
	text-decoration: none;
}
.btn {
	font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
    line-height: 20px;
	padding: 9px 30px;
	border-width: 0px;
    border-radius: 20px;
}
.btn-lg {
    font-size: 16px;
    line-height: 30px;
	padding: 15px 25px;
	min-width: 220px;
    border-radius: 30px;
}
.btn-primary {
	background: rgb(156,50,176);
	background: linear-gradient(90deg, rgba(156,50,176,1) 0%, rgba(97,109,206,1) 100%);
}
.btn-primary:hover, .btn-primary:focus {
	color: #fff;
    background: rgb(156,50,176);
	background: linear-gradient(-90deg, rgba(156,50,176,1) 0%, rgba(97,109,206,1) 100%);
    border-color: #fff;
}
.btn-success {
	background-color: #f38220;
	border-color: #f38220;
}
.btn-success:hover, .btn-success:focus {
	background-color: #0e4b8c;
	border-color: #0e4b8c;
}
.btn-outline-primary {
	color: #0e4b8c;
    border-color: #0e4b8c;
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
    background-color: #0e4b8c;
    border-color: #0e4b8c;
}
.btn-outline-light {
    color: #1b98d2;
	background-color: #f6f7fb;
    border-color: #e6e9ee;
}
.btn-outline-light:hover, .btn-outline-light:focus {
    color: #fff;
    background-color: #1b98d2;
    border-color: #f6f7fb;
}
.badge-success {
	background-color: #f38220;
	border-radius: 0;
}
.display-1, .display-2 {
	text-transform: uppercase;
}
.display-1 {
    font-size: 3.5vw;
	color: #fff;
	font-weight: 700;
    line-height: 1.2;
}
.display-2 {
    font-size: 3.5vw;
	color: #fff;
	font-weight: 700;
    line-height: 1.2;
}
.display-3 {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
}
.display-4 {
	font-size: 1.4vw;
	font-weight: 700;
	text-transform: uppercase;
}
.display-5 {
	font-size: 16px;
}
.title, .more {
	padding-right: 10px;
    padding-left: 10px;
}
.title .lead {
	position: relative;
	padding: 60px 0 30px;
	overflow: hidden;
}

/* ABK-Start */
.news_preview_text{
	color: #1b98d2 !important;
	
	
}

.news_preview_text:hover{
	color: #fff !important;
	
	
}

/* ABK-End */

/* Menu */
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 370px;
    position: fixed;
    top: 0;
    left: -370px;
    height: 100vh;
    z-index: 999;
    background: rgb(156,50,176);
    background: linear-gradient(180deg, rgba(156,50,176,1) 0%, rgba(97,109,206,.2) 100%);
    color: #f38220;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
}

#sidebar.active {
    left: 0;
}

#dismiss {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
	color: #fff;
    background: rgba(14,75,140,.1);
    position: absolute;
    top: 20px;
    right: 10px;
	border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#dismiss:hover {
    background: rgb(156,50,176);
    background: linear-gradient(180deg, rgba(156,50,176,1) 0%, rgba(97,109,206,1) 100%);
    color: #fff;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
	background: rgba(97,109,206,.5);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding: 30px 60px;
}

#sidebar ul.components {
    padding: 20px 60px;
}
#sidebar ul.components li {
	border-bottom: 1px solid rgba(255,255,255,.2);
}
#sidebar ul.components li:first-child {
	border-top: 1px solid rgba(255,255,255,.2);
}
#sidebar ul li a {
    padding: 15px 10px;
	font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
    display: block;
}
#sidebar ul li:hover a, #sidebar ul li a:hover {
    color: #fff;
	background: rgb(156,50,176);
    background: linear-gradient(-90deg, rgba(156,50,176,.2) 0%, rgba(97,109,206,1) 100%);
}
#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #1b98d2;
}
#sidebar ul li a svg {
	margin-right: 5px;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    padding: 0;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}
#content .navbar {
	position: fixed;
	margin-top: 10px;
	padding: 10px 0;
	z-index: 990;
}
#content .navbar .container-fluid {
	padding-right: 10px;
    padding-left: 10px;
}
#content .navbar .btn {
	width: 50px;
	height: 50px;
	font-size: 14px;
	padding: 15px 16px;
	margin-left: 15px;
	text-align: center;
	border-radius: 50%;
}
#content .navbar .btn span {
	font-size: 0;
}

.logo-wrapper {
    position: absolute;
    width: 150px;
    height: 100px;
    left: 100px;
	margin: 0;
    z-index: 990;
}
.logo-wrapper img {
	width: 100%;
}

/* navbar-scrollspy */
#content .navbar-scrollspy {
	right: 10px;
	top: 50%;
	margin-top: -73px;
	width: 40px;
}
.navbar-scrollspy .navbar-nav .nav-link {
	font-size: 0;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 6px;
	background: linear-gradient(90deg, rgba(156,50,176,1) 0%, rgba(97,109,206,1) 100%);
	border: 2px solid rgba(255, 255, 255, 1);
	border-radius: 10px;
}
.navbar-scrollspy .navbar-nav .nav-link:hover, .navbar-scrollspy .navbar-nav .nav-link.active {
	background: #fff;
	border: 2px solid #fff;
	box-shadow: 0 0 0px 5px rgba(97,109,206,.5);
}

.popover.bs-popover-left {
	color: #fff;
	max-width: 180px;
	padding: 0px;
    background: linear-gradient(90deg, rgba(156,50,176,1) 0%, rgba(97,109,206,1) 100%);
	border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 12px;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.bs-popover-left>.arrow::before {
	right: 1px;
    border-left-color: transparent;
}
.bs-popover-left .arrow::after {
    border-left-color: transparent;
}
.popover.bs-popover-left>.popover-body {
	font-family: 'Ubuntu', sans-serif;
	font-size: 10px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 4px 10px;
}

/* Header */
.fullscreen-bg {
    display: block;
    overflow: hidden;
    position: relative;
    height: 100vh;
    width: 100%;
}
.page.header {
	display: block;
    overflow: hidden;
    position: relative;
	height: 480px;
	background: url(../image/header.jpg) no-repeat center center;
}
.fullscreen-bg:before, .page.header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgb(156,50,176);
    background: linear-gradient(180deg, rgba(156,50,176,0) 0%, rgba(97,109,206,.5) 100%);
    z-index: +1;
}
.fullscreen-bg__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    overflow: hidden;
}
.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.fullscreen-bg .caption, .page.header .caption {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}
.fullscreen-bg .caption p, .page.header .caption p {
	font-size: 30px;
	color: #fff;
	font-weight: 400;
}

.header .lang {
	position: absolute;
	right: 20px;
	top: 30px;
	z-index: 980;
}
.header .lang ul {
	width: 100px;
	margin: 0;
	padding: 0;
	float: right;
}
.header .lang li {
	display: inline-block;
	text-align: center;
	margin: 0 2px;
}
.header .lang li a {
	display: block;
    font-size: 14px;
	color: #1b98d2;
	font-weight: 700;
	text-transform: uppercase;
	width: 40px;
	height: 40px;
	line-height: 44px;
	border-radius: 50%;
}
.header .lang li a:hover {
	color: #1b98d2;
	text-decoration: none;
	background-color: #fff;
}
.header .lang li.active a {
	color: #fff;
	background-color: #1b98d2;
}

/* slide-welcome */
.slide-welcome {
    position: relative;
    background-color: #fff;
}
.slide-welcome:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: url(../image/photo-welcome.jpg) no-repeat right top;
    background-size: auto 100%;
    background-attachment: fixed;
}
.slide-welcome .description {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	padding: 20px 10%;
	background-color: #fff;
	box-shadow: 0 0 20px 0px rgba(170,178,189,.1);
}
.slide-welcome .description p {
	font-size: 21px;
	color: #000;
}

.slide-welcome .title p {
	color: #fff;
}

.slide-welcome .title:hover {
	padding: 90% 10% 0px;
	opacity: 0;
    filter: alpha(opacity=0);
}

.slide-welcome .title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 75% 10% 0px;
	background: rgb(156,50,176);
	background: linear-gradient(180deg, rgba(156,50,176,0) 0%, rgba(97,109,206,.5) 100%);
}

/* slide-progress */
.slide-progress {
    position: relative;
    background-color: #f6f7fb;
	overflow: hidden;
	webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}
.slide-progress:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: url(../image/photo-progress.jpg) no-repeat left top;
    background-size: auto 100%;
    background-attachment: fixed;
}
.slide-progress .title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 75% 10% 0px;
	background: rgb(156,50,176);
	background: linear-gradient(180deg, rgba(156,50,176,0) 0%, rgba(97,109,206,.5) 100%);
}
.slide-progress .title:hover {
	padding: 90% 10% 0px;
	opacity: 0;
    filter: alpha(opacity=0);
}
.slide-progress .title p {
	color: #fff;
}
.indicators {
	background: rgb(156,50,176);
	background: radial-gradient(circle, rgba(156,50,176,1) 0%, rgba(97,109,206,1) 100%);
}
.slide-progress .indicator > div {
	display: block;
	width: 100%;
	padding: 20px 15px;
}
.indicator:nth-child(1) {
	border-right: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.indicator:nth-child(2) {
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.indicator:nth-child(3) {
	border-right: 1px solid rgba(255,255,255,.2);
}
.indicator .img {
	width: 140px;
	height: 140px;
	margin: 0 auto 20px;
	background-color: rgba(184,54,209,.5);
    border: 0px solid rgba(184,54,209,0);
	border-radius: 50%;
	box-shadow: 0 0 0px 0px rgba(230,233,238,1);
}
.indicator img {
	margin-top: -10px;
	margin-left: -10px;
}
.slide-progress .indicator p {
	color: #fff;
}
.indicator .display-2 {
	line-height: .8;
}
.indicator .display-4 {
	line-height: 1;
}

/* slide-realization */
.slide-realization {
    position: relative;
    background-color: #f6f7fb;
	overflow: hidden;
}
.slide-realization:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: url(../image/photo-realization.jpg) no-repeat right top;
    background-size: auto 100%;
    background-attachment: fixed;
}
.slide-realization .title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 75% 10% 0px;
	background: rgb(156,50,176);
	background: linear-gradient(180deg, rgba(156,50,176,0) 0%, rgba(97,109,206,.5) 100%);
}
.slide-realization .title:hover {
	padding: 90% 10% 0px;
	opacity: 0;
    filter: alpha(opacity=0);
}
.slide-realization .title p {
	color: #fff;
}
.slide-realization .indicator > div {
	display: block;
	width: 100%;
	padding: 20px 15px;
}
.slide-realization .indicator p {
	color: #fff;
}

/* slide-implementation */
.slide-implementation {
    position: relative;
    background-color: #f6f7fb;
	overflow: hidden;
}
.slide-implementation:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../image/photo-implementation.jpg) no-repeat left top;
    background-size: auto 100%;
    background-attachment: fixed;
}
.slide-implementation .title {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	padding: 75% 10% 0px;
	background: rgb(156,50,176);
	background: linear-gradient(180deg, rgba(156,50,176,0) 0%, rgba(97,109,206,.5) 100%);
}
.slide-implementation .title:hover {
	padding: 90% 10% 0px;
	opacity: 0;
    filter: alpha(opacity=0);
}
.slide-implementation .title p {
	color: #fff;
}
.slide-implementation .indicator > div {
	display: block;
	width: 100%;
	padding: 20px 15px;
}
.slide-implementation .indicator p {
	color: #fff;
}

/* slide-support */
.slide-support {
    position: relative;
    background-color: #f6f7fb;
	overflow: hidden;
}
.slide-support:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: url(../image/photo-support.jpg) no-repeat right top;
    background-size: auto 100%;
    background-attachment: fixed;
}
.slide-support .title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 75% 10% 0px;
	background: rgb(156,50,176);
	background: linear-gradient(180deg, rgba(156,50,176,0) 0%, rgba(97,109,206,.5) 100%);
}
.slide-support .title:hover {
	padding: 90% 10% 0px;
	opacity: 0;
    filter: alpha(opacity=0);
}
.slide-support .title p {
	color: #fff;
}
.slide-support .indicator > div {
	display: block;
	width: 100%;
	padding: 20px 15px;
}
.slide-support .indicator p {
	color: #fff;
}

/* slide-geo */
.slide-geo {
    position: relative;
    background-color: #f6f7fb;
}
.slide-geo:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: url(../image/photo-geo.jpg) no-repeat left top;
    background-size: auto 100%;
    background-attachment: fixed;
}
.slide-geo .company {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 50%;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 0 20px 0px rgba(170,178,189,.1);
}
.slide-geo .company:hover {
	background-color: #95c93d;
}
.slide-geo .company:hover p {
	color: #fff;
}
.slide-geo .company:hover img {
	filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
    -webkit-filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(1000%) contrast(1000%);
}
.slide-geo .company .btn-outline-light {
    color: #95c93d;
}
.slide-geo .company .btn-outline-light:hover, .slide-geo .company .btn-outline-light:focus {
    color: #fff;
    background-color: #42b0e4;
    border-color: #42b0e4;
}
.slide-geo .indicator > div {
	display: block;
	width: 100%;
	padding: 20px 30px;
}
.slide-geo .indicator:nth-child(1) {
	border-right: 1px solid #e6e9ee;
	border-bottom: 1px solid #e6e9ee;
}
.slide-geo .indicator:nth-child(2) {
	border-bottom: 1px solid #e6e9ee;
}
.slide-geo .indicator:nth-child(3) {
	border-right: 1px solid #e6e9ee;
}
.slide-geo .indicator .img {
	width: 140px;
	height: 140px;
	margin: 0 auto;
	background-color: #95c93d;
    border: 10px solid #f6f7fb; #e6e9ee;
	border-radius: 50%;
	box-shadow: 0 0 0px 1px rgba(230,233,238,1);
}
.slide-geo .indicator img {
	width: 140px;
	height: 140px;
	margin-top: -10px;
	margin-left: -10px;
}
.slide-geo .indicator p {
	color: #aab2bd;
}
.slide-geo .indicator .display-2 {
	color: #95c93d;
}
.slide-geo .indicator .display-4 {
	color: #42b0e4;
}

/* Events */
.events {
	padding: 100px 0;
	background-color: #fff;
}
.events .title, .event p {
	color: #1b2d59;
}
.events .title:after {
	background-color: #1a2d58;
}
.events .row > div {
	padding: 10px;
}
.events .row > div .event {
	padding: 0;
	
}
.events .row > div .event {
	background-color: #f6f7fb;
}
.events .row > div .event:hover {
	text-decoration: none;
	background-color: #1b2d59;
}
.event {
	display: block;
}
.event .caption {
	height: 300px;
	padding: 50px 20px;

}
.event p {
	color: #656d78;
}
.event .lead {
	color: #1b98d2;
	font-weight: 700;
	margin-bottom: 15px;
}
.event:hover .lead, .event:hover p {
	color: #fff;
}
.event .date {
	font-size: 14px;
	color: #1b2d59;
	display: inline-block;
	margin-bottom: 10px;
	background-color: #fff;	
}
.event:hover .date {
	color: #fff;
	background-color: #1b98d2;	
}
.event .date span {
	display: inline-block;
	padding: 5px 10px;
	
}
.events .button-block {
	margin-top: 40px;
	background-color: #269cd4;
	border: 1px solid #269cd4;
	
}
.events .button-block:hover {
	background-color: #1b2d59;
	border: 1px solid #1b2d59;
	
}
.events .button-block .btn {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	
}
.events .button-block:hover .btn, .events .button-block:hover .btn:hover, .events .button-block .btn:focus {
	color: #fff;
	text-decoration: none;
}

/* Map */
.map {
	padding: 100px 0;
	background: #f3f6f9 url(../image/bg-map.png) no-repeat center bottom;
	background-size: 100% auto;
}
.ukrmap text {
	font-family: 'Open Sans';
	cursor: pointer;
}
.ukrmap a {
	cursor: pointer;
}
.ukrmap a:hover {
	text-decoration: none;
}
.popover.bs-popover-top, .popover.bs-popover-bottom {
	max-width: 400px;
	padding: 40px 30px;
    background-color: rgba(243,130,33,.8);
	border: 0px solid #ccc;
    border: 0px solid rgba(243,130,33,.8);
    border-radius: 0px;
	
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.popover.bs-popover-top>.arrow {
	bottom: -9px;
    border-top-color: rgba(38,156,212,0);
}
.popover.bs-popover-bottom>.arrow {
	top: -9px;
    border-bottom-color: rgba(38,156,212,0);
}
.popover.bs-popover-top>.arrow:after {
    border-top-color: rgba(243,130,33,.8);
}
.popover.bs-popover-bottom>.arrow:after {
    border-bottom-color: rgba(243,130,33,.8);
}
.popover.bs-popover-top>.popover-header, .popover.bs-popover-bottom>.popover-header {
	font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
	color: #fff;
	padding: 10px 10px;
    background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    border-radius: 0;
}
.popover.bs-popover-top>.popover-body, .popover.bs-popover-bottom>.popover-body {
	font-family: 'Open Sans';
	font-size: 16px;
	color: #fff;
}

/* Contact */
.map-block {
	position: relative;
	height: 600px;
}
.map-block .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
.contacts {
	position: absolute;
	top: 20%;
	left: 5%;
	width: 30%;
	padding: 30px 20px;
	background-color: rgba(243,130,33,.8);
	z-index: 990;
	-webkit-box-shadow: 0 0px 25px rgba(0,0,0,.1);
    box-shadow: 0 0px 25px rgba(0,0,0,.1);
}
.contacts .copy, .contacts .location, .contacts .phone, .contacts .mail {
	position: relative;
}
.contacts .copy:before, .contacts .location:before, .contacts .phone:before, .contacts .mail:before {
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 5px;
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
}
.contacts .copy p, .contacts .location p, .contacts .phone p, .contacts .mail p {
	font-size: 16px;
	color: #fff;
	font-weight: 300;
    line-height: 20px;
    padding: 13px 10px 0px 40px;
	margin-bottom: 5px;
}
.contacts .mail p a {
	color: #fff;
}
.copy:before {
    content: "\f1f9";
}
.location:before {
    content: "\f041";
}
.phone:before {
    content: "\f095";
}
.mail:before {
    content: "\f0e0";
}

/* Form */
.modal-header {
	padding: 20px;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}
.modal-title {
	color: #9c32b0;
	font-weight: 700;
    text-transform: uppercase;
}
.modal-header .btn-close {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #9c32b0;
    background-color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
	border-width: 0px;
    border-radius: 50%;
    cursor: pointer;
}
.modal-header .btn-close:hover, .modal-header .btn-close:focus {
	color: #fff;
    background-color: #9c32b0;
	border-width: 0px;
}
.form-block {
	padding: 50px 30px 30px;
	background-color: #f3f6f9;	
}
.form-label {
	font-size: 18px;
	color: #656d78;
	font-weight: 400;
}
.form-label .help-block {
	font-size: 16px;
	text-transform: none;
}
.form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 14px 12px;
    font-size: 16px;
    line-height: 20px;
    color: #656d78;
    background-color: #f6f7fb;
    border: 1px solid #e6edf3;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
.form-group-lg .form-control {
	height: 50px;
	line-height: 30px;
	padding: 9px 10px;
    border-radius: 0px;
}
.form-group-lg textarea.form-control {
    height: 200px;
}
.form-control:focus {
	background-color: #fff;
    border-color: #b2c5d9;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0 0.4rem rgba(102,175,233,.1);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0 0.4rem rgba(102,175,233,.1);
}
.form-group.button-block {
    margin-top: 40px;
    background-color: #269cd4;
    
}
.form-group.button-block .btn-link {
    color: #fff;
	
}
.form-group.button-block:hover {
    background-color: #1a2d58;
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
}
.form-group.button-block:hover .btn-link {
    color: #fff;
	text-decoration: none;
	-webkit-transform: skew(0deg, 0deg);
	transform: skew(0deg, 0deg);
}

/* Footer */
.footer {
	padding: 100px 0;
	background: rgb(156,50,176);
	background: radial-gradient(circle, rgba(156,50,176,1) 0%, rgba(97,109,206,1) 100%);
}
.footer img {
	width: 150px;
}
.footer p, .footer li {
	position: relative;
	line-height: 1.4;
	margin: 10px 0;
}
.footer p, .footer a {
	color: #fff;
}
.footer a:hover {
	color: #fff;
}
.footer p.lead {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}
.footer .row p:before {
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #269cd4;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
}
.footer .row p.location, .footer .row p.phone, .footer .row p.mail {
    padding-left: 30px;
}
.social-links .item {
	padding: 15px;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.vh-100 {
    	height: auto !important;
	}
	.vw-100 {
		width: 100% !important;
	}
	.display-1 {
    	font-size: 30px;
	}
	.display-2 {
		font-size: 30px;
		line-height: 1;
	}
	.display-4 {
		font-size: 20px;
		line-height: 1;
	}
	p, li {
	    font-size: 15px;
	}
	.btn-lg {
		font-size: 14px;
		padding: 15px 15px;
		min-width: 200px;
	}
	.main__header-title img {
		width: 150px;
	}
	.fullscreen-bg {
	    height: 100vh;
	}
	.fullscreen-bg .caption p {
		font-size: 18px;
	}
	.slide-welcome .description {
		position: relative;
		top: auto;
		right: auto;
		height: auto;
		width: calc(100% + 30px);
		margin: 0 -15px;
	}
	.slide-welcome .description img {
		width: 200px;
	}
	.slide-welcome .companies > div {
		height: 180px;
	}
	.slide-welcome .companies > div a img {
	    width: 150px;
		margin: 30px auto;
	}
	.slide-progress, .slide-realization, .slide-implementation, .slide-support, .slide-geo {
		min-height: 1000px;
	}
	.slide-progress:before {
	    background: url(../image/photo-progress-xs.jpg) no-repeat right top;
	}
	.slide-realization:before {
	    background: url(../image/photo-realization-xs.jpg) no-repeat right top;
	}
	.slide-implementation:before {
	    background: url(../image/photo-implementation-xs.jpg) no-repeat right top;
	}
	.slide-support:before {
	    background: url(../image/photo-support-xs.jpg) no-repeat right top;
	}
	.slide-progress:before, .slide-realization:before, .slide-implementation:before, .slide-support:before, .slide-geo:before {
		position: relative;
		width: 100%;
		height: 300px;
		background-size: auto 100%;
		background-attachment: fixed;
	}
	.slide-progress .title, .slide-realization .title, .slide-implementation .title, .slide-support .title {
		top: -300px;
		height: 300px;
		padding: 50% 10% 0px;
	}
	.slide-progress .company, .slide-realization .company, .slide-implementation .company, .slide-support .company, .slide-geo .company {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: calc(100% + 30px);
		height: auto;
		padding: 30px 20px;
		margin: 0 -15px;
	}
	.slide-progress .indicator, .slide-realization .indicator, .slide-implementation .indicator, .slide-support .indicator, .slide-geo .indicator {
		height: auto;
		padding: 30px 15px;
		border-right: 0px solid rgba(255,255,255,.2) !important;
		border-bottom: 1px solid rgba(255,255,255,.2) !important;
	}
	.indicator p {
		font-size: 14px;
	}
	.indicator .display-2 {
    	font-size: 15vw;
	}
	.indicator .display-4 {
    	font-size: 5vw;
	}
}

@media (max-width: 767.98px) {
	.vh-100 {
    	height: auto !important;
	}
	.vw-100 {
		width: 100% !important;
	}
	.title .lead, header .caption h1 {
	    padding: 10px 0 10px;
		margin: 0px !important;
	}
	.title .lead:before, header .caption h1:before {
		font-size: 160px;
		line-height: 120px;
		width: 120px;
		height: 120px;
	}
	.slide-welcome .description p {
    	font-size: 18px;
		text-align: center !important;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.vh-100 {
    	height: auto !important;
	}
	.vw-100 {
		width: 100% !important;
	}
	.display-1 {
		font-size: 36px;
		line-height: 1;
	}
	.display-2 {
		font-size: 30px;
		line-height: 1;
	}
	.display-4 {
		font-size: 20px;
		line-height: 1;
	}
	p, li {
	    font-size: 15px;
	}
	.btn-lg {
		font-size: 14px;
		padding: 15px 15px;
		min-width: 200px;
	}
	.fullscreen-bg {
	    height: 75vh;
	}
	.fullscreen-bg .caption p {
		font-size: 21px;
	}
	.main__header-title img {
		width: 200px;
	}
	.slide-welcome .description {
		position: relative;
		top: auto;
		right: auto;
		height: auto;
		width: calc(100% + 30px);
		margin: 0 -15px;
	}
	.slide-welcome .description img {
		width: 200px;
	}
	.slide-welcome .companies > div {
		height: 180px;
	}
	.slide-welcome .companies > div a img {
	    width: 150px;
		margin: 30px auto;
	}
	.slide-progress, .slide-realization, .slide-implementation, .slide-support, .slide-geo {
		min-height: auto;
	}
	.slide-progress:before {
	    background: url(../image/photo-progress-sm.jpg) no-repeat right top;
	}
	.slide-realization:before {
	    background: url(../image/photo-realization-sm.jpg) no-repeat right top;
	}
	.slide-implementation:before {
	    background: url(../image/photo-implementation-sm.jpg) no-repeat right top;
	}
	.slide-support:before {
	    background: url(../image/photo-support-sm.jpg) no-repeat right top;
	}
	.slide-progress:before, .slide-realization:before, .slide-implementation:before, .slide-support:before, .slide-geo:before {
		position: relative;
		width: 100%;
		height: 370px;
		background-size: 100% auto;
		background-attachment: fixed;
	}
	.slide-progress .title, .slide-realization .title, .slide-implementation .title, .slide-support .title {
		top: -370px;
		height: 370px;
		padding: 40% 10% 0px;
	}
	.slide-progress .company, .slide-realization .company, .slide-implementation .company, .slide-support .company, .slide-geo .company {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: calc(100% + 30px);
		height: 370px;
		padding: 30px 20px;
		margin: 0 -15px;
	}
	.slide-progress .indicator, .slide-realization .indicator, .slide-implementation .indicator, .slide-support .indicator, .slide-geo .indicator {
		height: 370px;
		padding: 30px 5px;
		border-right: 1px solid rgba(255,255,255,.2);
	}
	.indicator p {
		font-size: 14px;
	}
	.indicator .display-2 {
    	font-size: 8vw;
	}
	.indicator .display-4 {
    	font-size: 3vw;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.vh-100 {
    	height: auto !important;
	}
	.vw-100 {
		width: 100% !important;
	}
	.display-1 {
		font-size: 36px;
	}
	.display-2 {
		font-size: 30px;
		line-height: 1;
	}
	.display-4 {
		font-size: 20px;
		line-height: 1;
	}
	p, li {
	    font-size: 15px;
	}
	.title .lead, header .caption h1 {
	    padding: 10px 0 10px;
		margin: 0px !important;
	}
	.title .lead:before, header .caption h1:before {
		font-size: 160px;
		line-height: 120px;
		width: 120px;
		height: 120px;
	}
	.fullscreen-bg .caption p {
		font-size: 24px;
	}
	.slide-welcome .description {
		position: relative;
		top: auto;
		right: auto;
		height: auto;
		width: calc(100% + 30px);
		margin: 0 -15px;
	}
	.slide-welcome .description p {
    	font-size: 18px;
		text-align: center !important;
	}
	.slide-welcome .description img {
		width: 200px;
	}
	.slide-welcome .companies > div {
		height: 180px;
	}
	.slide-welcome .companies > div a img {
	    width: 150px;
		margin: 30px auto;
	}
	.slide-progress, .slide-realization, .slide-implementation, .slide-support, .slide-geo {
		min-height: auto;
	}
	.slide-progress:before, .slide-realization:before, .slide-implementation:before, .slide-support:before, .slide-geo:before {
		position: relative;
		width: 100%;
		height: 370px;
		background-size: 100% auto;
	}
	.slide-progress .title, .slide-realization .title, .slide-implementation .title, .slide-support .title {
		top: -370px;
		height: 370px;
		padding: 30% 10% 0px;
	}
	.slide-progress .company, .slide-realization .company, .slide-implementation .company, .slide-support .company, .slide-geo .company {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: calc(100% + 30px);
		height: 370px;
		padding: 30px 20px;
		margin: 0 -15px;
	}
	.slide-progress .company img, .slide-realization .company img, .slide-implementation .company img, .slide-support .company img, .slide-geo .company img {
		width: 180px;
	}
	.slide-progress .indicator, .slide-realization .indicator, .slide-implementation .indicator, .slide-support .indicator, .slide-geo .indicator {
		height: 370px;
		padding: 30px 5px;
		border-right: 1px solid rgba(255,255,255,.2);
	}
	.indicator p {
		font-size: 14px;
	}
	.indicator .display-2 {
    	font-size: 6vw;
	}
	.indicator .display-4 {
    	font-size: 2.5vw;
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.vh-100 {
    	height: auto !important;
	}
	.display-1 {
		font-size: 44px;
	}
	.display-2 {
		font-size: 32px;
		line-height: 1;
	}
	.display-4 {
		font-size: 20px;
		line-height: 1;
	}
	p, li {
	    font-size: 15px;
	}
	.title .lead:before, header .caption h1:before {
		font-size: 180px;
		line-height: 130px;
		width: 130px;
		height: 130px;
	}
	.fullscreen-bg .caption p {
		font-size: 24px;
	}
	.slide-welcome .description {
		position: relative;
		top: auto;
		right: auto;
		height: auto;
		width: calc(50% + 30px);
		margin: 0 -15px;
	}
	.slide-welcome .description p {
    	font-size: 18px;
	}
	.slide-welcome .description img {
		width: 200px;
	}
	.slide-welcome .companies > div {
		height: 180px;
	}
	.slide-welcome .companies > div a img {
	    width: 150px;
		margin: 30px auto;
	}
	.slide-progress, .slide-realization, .slide-implementation, .slide-support, .slide-geo {
		min-height: auto;
	}
	.slide-progress:before, .slide-realization:before, .slide-implementation:before, .slide-support:before, .slide-geo:before {
		position: relative;
		width: 100%;
		height: 370px;
		background-size: 100% auto;
	}
	.slide-progress .title, .slide-realization .title, .slide-implementation .title, .slide-support .title {
		top: -370px;
		height: 370px;
		padding: 25% 10% 0px;
	}
	.slide-progress .company, .slide-realization .company, .slide-implementation .company, .slide-support .company, .slide-geo .company {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: calc(100% + 30px);
		height: 370px;
		padding: 0 20px;
		margin: 0 -15px;
	}
	.slide-progress .indicator, .slide-realization .indicator, .slide-implementation .indicator, .slide-support .indicator, .slide-geo .indicator {
		height: 400px;
		padding: 30px 5px;
		border-right: 1px solid rgba(255,255,255,.2);
		border-bottom: 0px solid #e6e9ee !important;
	}
	.indicator p {
		font-size: 14px;
	}
	.indicator .display-2 {
    	font-size: 4vw;
	}
	.indicator .display-4 {
    	font-size: 1.4vw;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1679.98px) { 
	header.home-header {
		height: 800px;
	}
	.slide-welcome .description img {
		width: 200px;
	}
	.slide-welcome .companies > div a img {
	    width: 180px;
	}
	.slide-progress .indicator, .slide-realization .indicator, .slide-implementation .indicator, .slide-support .indicator, .slide-geo .indicator {
		height: 50%;
	}
	.indicator p {
		font-size: 14px;
	}
	.indicator .display-2 {
    	font-size: 4vw;
	}
	.indicator .display-4 {
    	font-size: 1.4vw;
	}
}

@media (min-width: 1680px) {
	header.home-header, header .row {
		background-size: auto 100%;
	}
	.slide-welcome:before, .slide-progress:before, .slide-realization:before, .slide-implementation:before, .slide-support:before, .slide-geo:before {
	    background-size: 60% auto;
	}
	.slide-progress .indicator, .slide-realization .indicator, .slide-implementation .indicator, .slide-support .indicator, .slide-geo .indicator {
		height: 50%;
	}
}