/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:400,700&display=swap&subset=cyrillic');
/*@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Istok+Web:400,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:300,400,500,700,900&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Arimo:400,700&subset=cyrillic');*/

/****** Main colors *******
orange #ff914d \ #fd9016
blue   #60b2d1
gray   #dadada
red    #cd232c;
green  #5b8828;

blue 	#ff914d = rgb(0, 70, 190)
blue hover #001e73
light blue	#4976e6
yellow  #ffe000
yellow hover #fff200
red		#bb0628
bg-gray #f4f4f4
black   #333333
black-clack #111
title underline #c5cbd5
border #e0e6ef
*/

.keen{
	color:#ff914d;
}
.keen-bg{
	background:#ff914d;
}
.dynamic{
	color:#60b2d1;
}
.dynamic-bg{
	background:#60b2d1;
}
.red{
	color:#cd232c;
}
.green{
	color:#5b8828;
}

/****** Typography *******/
body{
	overflow-x:hidden; 
	background:#fff;
	color:#333333;
	line-height:1.3;
	font-family:'Noto Sans SC', Arial, sans-serif;
	font-size:14px;
	font-weight:400; 
}
h1{
	line-height:1em;
	font-size:22px;
	font-weight:700;
    font-weight:bold;
}
h2,h3,h4,h5{
	line-height:1em;
    font-weight:bold;
	margin:1.5em 0 .7em;	
}
h1+h2,h2+h3,h3+h4,h4+h5{
	margin-top:-.4em;
}
h2{
	font-size:20px;
}
h3{
	font-size:18px;
}
h4{
	font-size:16px;
}
section{
/*	padding-bottom:20px;*/
}
	section.top{
		padding-top:140px;
	}
.flexbox{
	display:flex;
}

a{
  color:#ff914d;
  -webkit-transition:color 300ms, background-color 300ms;
  -moz-transition:color 300ms, background-color 300ms;
  -o-transition:color 300ms, background-color 300ms;
  transition:color 300ms, background-color 300ms;
}
a:hover, a:focus{
	color:#001e73;
	text-decoration:none;
	background:none;
	outline:none;
}

hr{
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #fff;
}

.btn{
	display:inline-block;
	cursor:pointer;
	margin-top:15px;
	border:1px solid #ff914d;
	border-radius:18px;
	padding:0 24px;
	background-image:none;
	background-color:#fff;
	color:#ff914d;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	line-height:35px;
	font-size:14px;
	font-weight:500;
	touch-action:manipulation;
		-ms-touch-action:manipulation;
	user-select:none;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
}
	.btn:hover{
		border-color:#ff914d;
		background-color:#ff914d;
		color:#fff;
	}
	.btn i{
		margin-right:.5em;
	}
.btn-primary{
	border-color:#ffe000;
	background-color:#ffe000;
	color:#333333;
	font-size:14px;
	font-weight:500;
}
	.btn-primary:hover{
		border-color:#fff200;
		background-color:#fff200;
		color:#333333;
	}

label{
	font-size:13px;
}
select, input, textarea {
	border:1px solid #c5cbd5;
	border-radius:4px;
	-webkit-box-shadow:inset 1px 2px 0 0 rgba(197,203,213,.5);
	box-shadow:inset 1px 2px 0 0 rgba(197,203,213,.5);
    color:#55555a;
	font-size:13px;
}
input, textarea {
	padding:6px 12px;
}
select{
	cursor:pointer;
	padding:4px 30px 4px 12px;
	background:#fff url('../images/sel-dn.png') 87% center no-repeat;
	vertical-align:middle;
	white-space:nowrap;
	line-height:1.42857143;
	font-weight:normal;
		-ms-touch-action:manipulation;
	touch-action:manipulation;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
	user-select:none;
		-webkit-appearance:none;
		-moz-appearance:none;
	appearance:none;
}
    select::-ms-expand{
      display:none;
    }

	select:focus, select:hover, input:focus, textarea:focus {
		border-color:#66afe9;
		outline:0;
		-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
		box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	}
	select:hover{
		background-image:url('../images/sel-up.png');
	}
	select option{
		background-color:#fff;
		color:#ff914d;
	}

.bg-blue{
	background:#60b2d1;
}
.hv-blue:hover{
	background:#60b2d1;
}

/****** Header ******/
header{
	padding: 14px 0;
	border-bottom: 1px dotted #e8e8e8;
	margin-bottom: 16px;
	box-shadow: 0px 6px 8px #5b5a5a;
}
	header  p{
		text-align: center;
		font-size: 1.6vw;
		font-weight: 700;
	}
	
/****** Nav ******/
/*-- Side Menu --*/
.side-nav {
    position:fixed;
    width:320px;
    min-width:320px;
    height:100%;
    top:0;
    right:-320px;
    bottom:0;
    margin:0;
    padding:30px 20px 15px;
    -webkit-transition:right 0.3s;
    -moz-transition:right 0.3s;
    transition:right 0.3s;
    background:#60b2d1;
    z-index:2000;
}
	.side-nav h2 {
		width:90%;
		padding:0;
		margin:10px 0;
		text-align:center;
		text-shadow:rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
		font-size:20px;
		line-height:1.3em;
		opacity:0;
		transform:scale(0.1, 0.1);
		-ms-transform:scale(0.1, 0.1);
		-moz-transform:scale(0.1, 0.1);
		-webkit-transform:scale(0.1, 0.1);
		transform-origin:0% 0%;
		-ms-transform-origin:0% 0%;
		-moz-transform-origin:0% 0%;
		-webkit-transform-origin:0% 0%;
		transition:opacity 0.8s, transform 0.8s;
		-ms-transition:opacity 0.8s, -ms-transform 0.8s;
		-moz-transition:opacity 0.8s, -moz-transform 0.8s;
		-webkit-transition:opacity 0.8s, -webkit-transform 0.8s;
	}
	.side-nav .logo img {
		width:70%;
	}
	.side-nav h2 a {
		color:#dadada;
		text-decoration:none;
		text-transform:uppercase;
	}
	.side-nav ul {
		display:block;
		margin:0;
		padding:0;
		list-style:none;
	}
	.side-nav > ul > li {
		line-height:2.5;
		opacity:0;
		-webkit-transform:translateX(50%);
		-moz-transform:translateX(50%);
		-ms-transform:translateX(50%);
		transform:translateX(50%);
		-webkit-transition:opacity .5s .1s, -webkit-transform .5s .1s;
		-moz-transition:opacity .5s .1s, -moz-transform .5s .1s;
		-ms-transition:opacity .5s .1s, -ms-transform .5s .1s;
		transition:opacity .5s .1s, transform .5s .1s;
	}
	.side-nav > ul > li:nth-child(2) {
		-webkit-transition:opacity .5s .2s, -webkit-transform .5s .2s;
		transition:opacity .5s .2s, transform .5s .2s;
	}
	.side-nav > ul > li:nth-child(3) {
		-webkit-transition:opacity .5s .3s, -webkit-transform .5s .3s;
		transition:opacity .5s .3s, transform .5s .3s;
	}
	.side-nav > ul > li:nth-child(4) {
		-webkit-transition:opacity .5s .4s, -webkit-transform .5s .4s;
		transition:opacity .5s .4s, transform .5s .4s;
	}
	.side-nav > ul > li:nth-child(5) {
		-webkit-transition:opacity .5s .5s, -webkit-transform .5s .5s;
		transition:opacity .5s .5s, transform .5s .5s;
	}
	.side-nav > ul > li:nth-child(6) {
		-webkit-transition:opacity .5s .6s, -webkit-transform .5s .6s;
		transition:opacity .5s .6s, transform .5s .6s;
	}
	.side-nav > ul > li:nth-child(7) {
		-webkit-transition:opacity .5s .7s, -webkit-transform .5s .7s;
		transition:opacity .5s .7s, transform .5s .7s;
	}
	.side-nav > ul > li ul {
		margin-left:20px;
	}
	.side-nav > ul > li > a {
		display:inline-block;
		position:relative;
		width:100%;
		padding:0;
		color:#dadada;
		text-decoration:none;
		font-size:1.2em;
		font-weight:300;
		-webkit-transition:color .5s ease, padding .5s ease;
		-moz-transition:color .5s ease, padding .5s ease;
		transition:color .5s ease, padding .5s ease;
	}
	.side-nav > ul > li > a:hover,
	.side-nav > ul > li > a:focus {
		color:#fff;
		padding-left:15px;
	}
	.side-nav > ul > li > a:before {
		content:'';
		display:block;
		position:absolute;
		right:0;
		bottom:0;
		height:1px;
		width:100%;
		-webkit-transition:width 0s ease;
		transition:width 0s ease;
	}
	.side-nav > ul > li > a:after {
		content:'';
		display:block;
		position:absolute;
		left:0;
		bottom:0;
		height:1px;
		width:100%;
		background:#fff;
		-webkit-transition:width .5s ease;
		transition:width .5s ease;
	}
	.side-nav > ul > li > a:hover:before {
		width:0%;
		background:#fff;
		-webkit-transition:width .5s ease;
		transition:width .5s ease;
	}
	.side-nav > ul > li > a:hover:after {
		width:0%;
		background:transparent;
		-webkit-transition:width 0s ease;
		transition:width 0s ease;
	}

.nav-toggle {
    position:absolute;
    right:320px;
    top:1em;
    padding:0.5em;
    background:#fff0;
    color:#dadada;
    cursor:pointer;
    font-size:1.2em;
    line-height:1;
    z-index:2001;
    -webkit-transition:color .25s ease-in-out;
    -moz-transition:color .25s ease-in-out;
    transition:color .25s ease-in-out;
	}
	.nav-toggle span{
		display:block;
		width:28px;
		height:4px;
		background:#fd9016;
	}
	.nav-toggle span+span{
		margin-top:5px;
	}
	.nav-toggle:hover span{
		background:#fff;
		box-shadow:0px 0px 3px 0px rgba(0,0,0, 0.5);
	}
	.nav-toggle:after {
/*		content:'\2630';*/
		text-decoration:none;
	}
	.nav-toggle:hover {
		color:#f4f4f4;
	}

#nav-toggle {
    position:absolute;
    display:none;
}
	#nav-toggle:checked ~ .side-nav > .nav-toggle {
		left:auto;
		right:2px;
		top:1em;
	}
	#nav-toggle:checked ~ .side-nav > .nav-toggle span{
		display:none;
	}
	#nav-toggle:checked ~ .side-nav {
		right:0;
		box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
		-moz-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
		-webkit-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
		overflow-y:auto;
	}
	#nav-toggle:checked ~ .side-nav > .nav-toggle:after {
		content:'\2715';
	}
	#nav-toggle:checked ~ .main {
		-webkit-transform:translateX(-320px);
		-moz-transform:translateX(-320px);
		transform:translateX(-320px);
	}
	#nav-toggle:checked ~ .side-nav h2 {
		opacity:1;
		transform:scale(1, 1);
		-ms-transform:scale(1, 1);
		-moz-transform:scale(1, 1);
		-webkit-transform:scale(1, 1);
	}
	#nav-toggle:checked ~ .side-nav > ul > li {
		opacity:1;
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}

/**
 * профиксим баг в Android <= 4.1.2
 * см:http://timpietrusky.com/advanced-checkbox-hack
 */
body {
    -webkit-animation:bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
    to {
      padding:0;
    }
}

@media screen and (min-width:320px) {
}

@media screen and (max-width:320px) {
    .side-nav {
      width:100%;
      box-shadow:none
    }
}

.mask-content {
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.4);
    visibility:hidden;
    opacity:0;
}
#nav-toggle:checked ~ .mask-content {
    visibility:visible;
    opacity:1;
    -webkit-transition:opacity .5s, visibility .5s;
    transition:opacity .5s, visibility .5s;
}

/*--- Nav Bar ---*/
.flexbar{
		display:-webkit-box;
		display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
	justify-content:space-between;	
	align-items:flex-start;
/*	margin-bottom:20px;
	box-shadow:0 0 12px #fd9016;
	border-bottom:3px solid #fd9016;
*/	background:#60b2d15c;
}
	.flexbar .logo{
		padding:1vw;
	}
	.flexbar .banner{
		position:relative;
		margin-top:1em;
/*		border-radius:10px;*/
		border:1px solid #fd9016;
		box-shadow:0 0 24px rgb(255,255,255,.9);
		background:#fff;
	}
	.flexbar .banner::after {
		position:absolute;
		height:5vw;
		width:5vw;
		top:0;
		left:0;
		background-image:url("../images/cur-promo.png");
		background-size:contain;
		content:" ";
	}
	.flexbar .banner:before{
/*		position:absolute;*/
		background:url("../image/cur-promo.png");
		height:4vw;
	}
	.flexbar .banner:hover{
		box-shadow:0 0 48px rgba(255,255,255);
	}
	.flexbar .menu{
		margin:1em 1em 0;
	}
	.flexbar img{
		height:8vw;
	}

/********* Slider *********/
.slider{
	position:relative;	
	margin-bottom:16px;
	box-shadow:0px 6px 8px #5b5a5a;
	padding-bottom: 8px;
}
	.slider .item .link{
		position:absolute;
		bottom:0;
		left:25%;
		z-index:1000;
	}
	.slider .caption h2{
		font-size: 32px;
		text-align: right;
		line-height: 1.4em;
	}
	.slider .caption .text{
		margin-top:3em;
		text-align:center;
		font-size:24px;
	}
	.slider .caption ul{
		list-style:none;
		font-size:24px;
	}
#carousel-slider{
  position:relative;
}
	#carousel-slider .carousel-indicators{
		bottom:-25px;
	}
	#carousel-slider .carousel-indicators li{
		border:1px solid #fd9016;
	}
	#carousel-slider a i{
		position:absolute;
		top:40%;
		width:50px;
		height:50px;
		border:1px solid #fd9016;
		border-radius:50%;
		padding:8px;
		color:#fd9016;
		font-size:30px;
		text-shadow:none;
	}
	#carousel-slider a i:hover{
		background:#fd9016;
		color:#fff;
		border:1px solid #fd9016;
	}
	#carousel-slider  .carousel-control{
		width:inherit;
	}
	#carousel-slider .carousel-control.left, 
	#carousel-slider .carousel-control.right{
		background:none;
	}
	#carousel-slider .carousel-control.left i{
		left:1vw;
	}
	#carousel-slider .carousel-control.right i{
		right:1vw;
	}
	
.carousel-caption{
	position:absolute;
	z-index:10;
	top:0;
	left:10%;
	right:10%;
	padding:0;
	color:#fff;
	text-align:center;
}
	.carousel-caption  h2{
		margin:8vw 0 0;
		font-size:4vw;
		color:#333333;
	}
	.carousel-caption  h2 span{
		color:#fff;
	}
	.carousel-caption  p{
		font-size:2vw;
		margin:12vw 0 0;
		color:#333333;
	}
	.carousel-caption  p span{
		color:#fff;
	}
	.carousel-caption .btn{
		font-size: 16px;
		line-height: 40px;
	}

.carousel-inner .form-inline .form-group button[type="livedemo"]{
	padding:20px 60px;
	font-size:25px;
	background:#fd9016;
	color:#fff;
}
.carousel-inner .form-inline .form-group button[type="livedemo"]:hover{
	color:#fd9016;
	background:#fff;
		-webkit-transition:color 300ms, background-color 300ms;
		-moz-transition:color 300ms, background-color 300ms;
		-o-transition:color 300ms, background-color 300ms;
	transition:color 300ms, background-color 300ms;
}
.carousel-inner .form-inline .form-group button[type="getnow"]{
	padding:20px 60px;
	font-size:25px;
	background:#fff;
	color:#fd9016;
}
.carousel-inner .form-inline .form-group button[type="getnow"]:hover{
	color:#fff;
	background:#fd90168f;
	-webkit-transition:color 300ms, background-color 300ms;
  -moz-transition:color 300ms, background-color 300ms;
  -o-transition:color 300ms, background-color 300ms;
  transition:color 300ms, background-color 300ms;
}

/****** Home ******/
.welcome{
	width: 50%;
	align-self: center;
	padding:2em 1em;
	font-size:18px;
/*	box-shadow:0 0 24px rgba(43,162,191,0.7);
	border: 1px solid #60b2d1;
	background:#60b2d110;*/
}

/*.welcome p{
	padding:2em 1em;
	font-size:18px;
	box-shadow:0 0 24px rgba(43,162,191,0.7);
	border: 1px solid #60b2d1;
	background:#60b2d110;
}*/

.circle {
	float:left;
	width:15%;
	height:15vw;
	border:1px solid;
	border-radius:50%;
	padding:2em 0;
	text-align:center;
}
.pillars-wrap{
	width: 50%;
    position:relative;
	align-self: center;
    height:40vw;
	padding-left:2vw;
}
.pillars-block{
	display:block;
	position:absolute;
	bottom:0;
	border:3px solid #d7d7d7;
	border-radius:50%;
	padding:3vw 2vw;
	color:#fff;
	text-align:center;
	font-size:18px;
}
.block-l{
	width:40vw;
	height:40vw;
	left:2vw;
	background:#60b2d1;
}
	.block-l:hover{
		border-color:#60b2d1;
		background:linear-gradient(to bottom right, #60b2d1, #fff);
	}
	.block-l+.pillars-callout{
		right:0;
		top:5vw;
	}
.block-ml{
	width:32vw;
	height:32vw;
	left:6vw;
	background:#ff914d;
}
	.block-ml:hover{
		border-color:#ff914d;
		background:linear-gradient(to bottom right, #ff914d, #fff);
	}
	.block-ml+.pillars-callout{
		right:20vw;
		top:14vw;
	}
.block-ms{
	width:24vw;
	height:24vw;
	left:10vw;
	background:#cd232c;
}
	.block-ms:hover{
		border-color:#cd232c;
		background:linear-gradient(to bottom right, #cd232c, #fff);
	}
	.block-ms+.pillars-callout{
		right:24vw;
		bottom:8vw;
	}
.block-s{
	width:16vw;
	height:16vw;
	left:14vw;
	background:#5b8828;
}
	.block-s:hover{
		border-color:#5b8828;
		background:linear-gradient(to bottom right, #5b8828, #fff);
	}
	.block-s+.pillars-callout{
		left:22vw;
		bottom:1vw;
	}
.pillars-callout{
	display:none;
	position:absolute;
	border:4px solid #60b2d1;
	border-radius:10px;
	padding:1em;
	background:rgba(256,256,256,.8);
	box-shadow:0 0 24px rgba(43,162,191,0.7);
	font-size:15px;
}
	.pillars-callout ul{
		margin: 0;
		padding-left: 1em;
	}
.pillars-callout:hover,
.pillars-block:hover+.pillars-callout{
	display:block;
	z-index:100;
}
.digital{
	color:#476978;
}
.innovative{
	color:#61437a;
}
.optimization{
	color:#7b4072;
}
.models{
	color:#7d3c4a;
}

.services{
	margin-top:3em;
}
.service-block {
	display:block;
	font-size:22px;
	height:5em;
	margin-right:15px;
	border:1px solid #60b2d1;
	padding:1em 10em 1em 1em;
	background:#60b2d1;
	color:#fff;
}
	.service-block:hover{
		background:linear-gradient(to right, #60b2d1, #fff 60%, #60b2d1);
	}
.service-ico {
	position:absolute;
	right:0;
	bottom:-80px;
}

/***** Pages ******/
.page-title h1{
	margin: 2em 0 1em;
}
.breadcrumb{
	margin: 5px -15px 20px;
}
.breadcrumb-item a{
	color:#595959;
}
.content{
	padding:2em 0;
}


/***** Footer ******/
footer{
	margin-top:100px;
	background:#60b2d15c;
}
.foot-nav{
	padding:2em 3em 1em;
	font-size:12px;
}
	.foot-nav>div{
		padding-left:0;
	}
	.foot-nav ul{
		list-style: none;
	}
	.foot-nav>div>ul{
		padding-left:0;
	}
	.foot-nav li>ul{
		margin-top: 2px;
		padding-left: 7px;	
	}
.copyright{
	margin-top:20px;
	font-size:12px;
}
	.copyright span{
		font-weight: 700;
	}
	.copyright img{
		height: 12px;
	}

@media (max-width:767px) {
	footer .foot-nav div+div{
		margin-top:100px;
	}
}

/******* Social ********/
.social-networks{
}
	.social-networks ul{
		margin:0;
		list-style:none;
			-moz-transition:all 0.3s ease-in-out;
			-webkit-transition:all 0.3s ease-in-out;
			-o-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}
	.social-networks ul li{
		display:inline;
		margin-right:16px;	
	}
	.social-networks ul li a{	
		color:#d0d0d0;
		text-align:center;
		font-size:22px;	
	}
	.social-networks li:hover .fa-twitter{
	color:#00abf0;
	}
	.social-networks li:hover .fa-facebook{
	color:#39579a;
	}
	.social-networks li:hover .fa-google-plus{
	color:#eb8984;
	}
	.social-networks li:hover .fa-pinterest{
	color:#c9171e; 
	}
	.social-networks li:hover .fa-linkedin{
	color:#0077b5; 
	}
	.social-networks li:hover .fa-youtube{
	color:#c84941; 
	}
	.social-networks li:hover .fa-dribbble{
	color:#ea4c89; 
	}
	.social-networks li:hover .fa-pinterest-square{
	color:#ea4b49; 
	}
	.social-networks li:hover .fa-vk{
	color:#507299; 
	}
	.social-networks li:hover .fa-instagram{
	color:#af2cb0; 
	}