.width{
	padding-left: 40px;
	padding-right: 40px;
	max-width: 1920px;
}
@media (max-width:1240px) and (min-width:1024px){
	.width{padding-left: 20px;padding-right: 20px;}
}

.header .width,
.footer .width{
	max-width: none;
}
html, body{
	height: 100%;
}

.info-page{
min-height: 100%;
	display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;}

.info-page main{-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;}

.header{
	background: url(../images/gradient-text-page.png) no-repeat left bottom;
	-webkit-background-size: 100% 4px;
	background-size: 100% 4px;
}
.header-btnplace .btn-reg{
	border: 2px solid rgba(0,0,0,0.12);
	-webkit-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}

.header-btnplace .btn-reg:hover{
	border-color: rgba(0,0,0,1);
}
.header a{
	color: #181818;
}


.scrolled .navi-call span{
	background: #fff;
}


.btn-gd:after{
	border-color: rgba(0,0,0,0.12);
}
.btn-reg{
	line-height: 46px;
}

.btn-cl span{
	color: #000;
	font-weight: bold;
}

.btn-cl strong {
    position: absolute;
    display: block;
    font-weight: inherit;
    left: 0%;
    top: 0;
    width: 0%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    z-index: 2;
    background: currentColor;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
     -webkit-perspective: 1000;
     -webkit-transform: translate3d(0,0,0);
     -webkit-transform: translateZ(0);
}

.btn-cl.btn-gd-sides strong span {
	width: 100%;
	color: #fff;
}

main{
		padding-top: 36px;
}


h2, .h2{font-size: 30px;font-weight: bold;letter-spacing: 0.6px;margin-bottom: 30px;margin-top: 30px;}
h3, .h3{font-weight: bold;margin-top: 30px; margin-bottom: 30px;}
.article{font-size: 22px;}
.article .article-header{
	padding-bottom: 26px;

}
p+h2,
p+.h2,
ul+h2,
ul+.h2,
ol+h2,
ol+.h2{
	margin-top: 60px;
}

/*
	grid
*/
.fx-content{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.col{}
.col-big-1{width: 8.3333334%;}
.col-big-2{width: 16.666666667%;}
.col-big-3{width: 25%;}
.col-big-4{width: 33.33334%;}
.col-big-5{width: 41.666667%;}
.col-big-6{width: 50%;}
.col-big-7{width: 58.333334%;}
.col-big-8{width: 66.6666667%;}
.col-big-9{width: 75%;}
.col-big-10{width: 83.3333334%;}
.col-big-11{width: 91.666667%;}
.col-big-12{width: 100%;}

@media (max-width:960px){
	.col-tab-1{width: 8.3333334%;}
	.col-tab-2{width: 16.666666667%;}
	.col-tab-3{width: 25%;}
	.col-tab-4{width: 33.33334%;}
	.col-tab-5{width: 41.666667%;}
	.col-tab-6{width: 50%;}
	.col-tab-7{width: 58.333334%;}
	.col-tab-8{width: 66.6666667%;}
	.col-tab-9{width: 75%;}
	.col-tab-10{width: 83.3333334%;}
	.col-tab-11{width: 91.666667%;}
	.col-tab-12{width: 100%;}
}

@media (max-width: 768px){
	.col-mob-1{width: 8.3333334%;}
	.col-mob-2{width: 16.666666667%;}
	.col-mob-3{width: 25%;}
	.col-mob-4{width: 33.33334%;}
	.col-mob-5{width: 41.666667%;}
	.col-mob-6{width: 50%;}
	.col-mob-7{width: 58.333334%;}
	.col-mob-8{width: 66.6666667%;}
	.col-mob-9{width: 75%;}
	.col-mob-10{width: 83.3333334%;}
	.col-mob-11{width: 91.666667%;}
	.col-mob-12{width: 100%;}
}



/*
	sprites
*/




.icn
{ display: inline-block; background: url('../images/icons-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px;-webkit-background-size: 470px 445px;
background-size: 470px 445px;}
 
.icn-automatic { background-position: -5px -0px; width: 84px; height: 84px; left: -20px; }
.icn-checklist { background-position: -94px -0px; width: 84px; height: 84px; }
.icn-competence-adding { background-position: -183px -0px; width: 84px; height: 84px; margin-left: -10px; }
.icn-competence-cloud { background-position: -272px -0px; width: 84px; height: 84px; margin-left: -9px; }
.icn-competence-eco { background-position: -361px -0px; width: 84px; height: 84px; margin-left: -13px; }
.icn-competence-replacement { background-position: -5px -89px; width: 84px; height: 84px; margin-left: -12px; }
.icn-competence-security { background-position: -94px -89px; width: 84px; height: 84px; margin-left: -15px; }
.icn-competence-ui { background-position: -183px -89px; width: 84px; height: 84px; margin-left: -13px;}
.icn-competence-wifi { background-position: -272px -89px; width: 84px; height: 84px; margin-left: -14px; margin-top: -2px; }
.icn-datastore { background-position: -361px -89px; width: 84px; height: 84px; }
.icn-gimmick { background-position: -5px -178px; width: 84px; height: 84px; left: -20px; }
.icn-maintenance-app { background-position: -94px -178px; width: 84px; height: 84px; }
.icn-maintenance-cloud { background-position: -183px -178px; width: 84px; height: 84px; }
.icn-maintenance-module { background-position: -272px -178px; width: 84px; height: 84px; }
.icn-protected { background-position: -361px -178px; width: 84px; height: 84px; }
.icn-remote { background-position: -5px -267px; width: 84px; height: 84px; left: -16px; }
.icn-smartapps { background-position: -94px -267px; width: 84px; height: 84px; left: -20px; }
.icn-ui-connection { background-position: -183px -267px; width: 84px; height: 84px; }
.icn-ui-graph { background-position: -272px -267px; width: 84px; height: 84px; }
.icn-ui-intuitive { background-position: -361px -267px; width: 84px; height: 84px; }
.icn-ui-phone { background-position: -5px -356px; width: 84px; height: 84px; }
.icn-ui-tolerance { background-position: -94px -356px; width: 84px; height: 84px; }
.icn-ui-user { background-position: -183px -356px; width: 84px; height: 84px; }
.icn-usage { background-position: -272px -356px; width: 84px; height: 84px; }
.icn-write { background-position: -361px -356px; width: 84px; height: 84px; }





/*
	contacts page
*/
.content-part{}
.text-section{
	padding: 50px 0;
}
.section-contact{
	background: url(../images/contacts-bg.jpg) no-repeat right top;
}
.text-section-in{
	max-width: 1200px;
	margin: 0 auto;
}

.contacts-date{
	float: left;
	width: 52%;
}
.contacts-list{
	font-size: 18px;
}
.contacts-list dt{
	font-size: 18px;text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 14px;
	letter-spacing: 1px;
}
.contacts-list dd{
	margin-left: 0;
	margin-bottom: 32px;
}
.contacts-form{
	padding: 40px 50px;
	float: right;
	width: 47%;
	font-size: 16px;
}
.contacts-form .h3{
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: 900;
}
.contacts-form p{
	margin-bottom: 34px;
}


/*
	pocketbook page
*/
.article-header{margin-bottom: 30px;}
.article-header h1{margin-top: 0;
margin-bottom: 0;}
.article-header small{font-size: 16px;color: #929292;}
.article-header-wbutton{position: relative;padding-right: 250px;}
.article-header-wbutton .btn{position: absolute;right: 0;top: 0;}
.icn-print{
	background: url(../images/icn-print-small.png) no-repeat left top;
	width: 19px;
	height: 19px;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block;
	position: relative;
	margin-right: 10px;
	top: 4px;
}
.btn span .icn-print{
	background-image: url(../images/icn-print-small-w.png);
}

/*.btn:hover .icn-print{
	background-image: url(../images/icn-print-small-w.png);
}
*/

.btn-gd-sides{color: #000;}
/*.btn-gd-sides:hover{color: #fff;}*/

.feature-box{padding-right: 10%;margin-bottom: 70px;font-size: 18px;}
.feature-h{    font-weight: 600;
    margin-bottom: 1.1em;}

.icon-place{}
.feature-h{font-size: 27px;font-weight: 600;margin-bottom: 1em;}
.marked-ul{list-style-type: none;padding: 0;margin: 0;}
.marked-ul li{padding-left: 1.3em;position: relative;margin-bottom: 1.4em;}
.marked-ul li:before{content: '•';position: absolute;left: 0;
top: 0;}



/*
	services
*/

.services-section{
	background: url(../images/services-bg.jpg) no-repeat center bottom;
	padding-bottom: 100px;
}

.service-form{}
.service-form fieldset{border: 0;padding: 0;}
.fieldset{}
.fieldset-h{text-align: center;position: relative;color: #fff;font-size: 27px;padding: 14px 0;}
.h{}
.check-all{position: absolute;left: 0px;top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);font-size: 18px;color: rgba(255,255,255,0.4);}
.checklist{list-style-type: none;padding: 0;margin: 0;padding-top: 20px;
padding-bottom: 20px;}
.check-all span,
.checklist label span{display: block;padding: 14px 23px 14px 62px;position: relative;line-height: 23px;}
.check-all input[type="checkbox"],
.checklist input[type="checkbox"]{display: none;}
.check-all input[type="checkbox"]:checked+span,
.checklist input[type="checkbox"]:checked+span{font-weight: 600;}
.check-all input[type="checkbox"]:checked+span{color: #fff;}
.check-all span:before,
.checklist label span:before{content: '';width: 23px;height: 23px;display: block;position: absolute;left: 23px;top: 14px;background: #e7e7e7;border-radius: 4px;}
.check-all span:before{background: #fff;}
.subfieldset{}
.check-all input[type="checkbox"]:checked+span:after,
.checklist label span:after{content: '';position: absolute;left: 27px;top: 19px;}
.check-all span,
.check-all input[type="checkbox"]:checked+span{color: rgba(255,255,255,0);text-indent: -9999px;}


.check-all input[type="checkbox"]:checked+span:after,
.checklist label span:after
{ display: inline-block; background: url('../images/check-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;-webkit-background-size: 38px 45px;
background-size: 38px 45px;}
 
.fs-green .check-all input[type="checkbox"]:checked+span:after { background-position: -19px -0px; width: 15px; height: 13px; }
.fs-purple .check-all input[type="checkbox"]:checked+span:after { background-position: -19px -15px; width: 15px; height: 13px; }
.fs-blue .check-all input[type="checkbox"]:checked+span:after { background-position: -2px -0px; width: 15px; height: 13px; }
.subfieldset .check-all input[type="checkbox"]:checked+span:after  { background-position: -2px -15px; width: 15px; height: 13px; }
.checklist input[type="checkbox"]:checked+span:after { background-position: -2px -30px; width: 15px; height: 13px; }

.pop-up-bg{position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,0.4);display: none;z-index: 1000;}
.pop-up{background:url(../images/preloader-line.png) no-repeat left top #f6f6f6;-webkit-background-size: 100% 4px ;
background-size: 100% 4px ;padding: 38px;max-width: 540px;position: absolute;display: none;
z-index: 1001;width: 100%;left: 0;
right: 0;
margin: auto;}
.pop-up-success{display: none;text-align: center;line-height: 30px;font-size: 22px;font-weight: bold;}
.pop-up-success .h{font-size: 24px;margin-bottom: 25px;}
.pop-up-success .btn.btn{width: 60px;}
.pop-up-success .btn span{width: 60px !important;}

.pop-up input[type="text"],
.pop-up textarea{
	width: 100%;
	border: 1px solid  #eaeaea;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-appearance: none;
}
.pop-up input[type="text"]{height: 48px;}
.pop-up textarea{height: 120px;padding-top: 10px;
padding-bottom: 10px;resize: none;}
.pop-up-head{min-height: 60px;}
.pop-up-title{font-size: 22px;text-transform: uppercase;font-weight: 900;font-family: avenir;line-height: 34px;}
.pop-up-cnt{}
.pop-up .form-row{margin-bottom: 14px;}
.pop-up .form-row:last-child{margin-bottom: 0px;}
.input-group{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;-ms-align-items: baseline;
align-items: baseline;}
.input-group .word{padding: 0 8px;}
	
.tar{text-align: right;}
.pop-up-close{width: 34px;
height: 34px;
position: absolute;
background: #fff;right: 38px;
top: 38px;}
.pop-up label{display: block;
margin-bottom: 15px;font-size: 18px;}
.icn{}
.icn-close{width: 18px;
height: 18px;background: url(../images/close-pop.png);
-webkit-background-size: contain;
background-size: contain;position: absolute;top: 0;
bottom: 0;opacity: 0.2;
right: 0;
left: 0;
margin: auto;}
.pop-up-close:hover .icn-close{opacity: 1;}

@media (max-width:960px){
	.pop-up{
		padding: 20px;
	}
	.pop-up-close{
		right: 20px;
		top: 20px;
	}
	.input-group .word {
    padding: 0 5px;
    font-size: 12px;
}
}

@media (max-width:420px){
	.input-group{display: block;}
	.input-group .word{display: block;padding: 5px;}
}


.fs-green{}
.fs-purple{}
.fs-blue{}

.fs-green .checklist input[type="checkbox"]:checked+span:before, .fs-green .fieldset-h{background: #65be56;}
.fs-purple .checklist input[type="checkbox"]:checked+span:before, .fs-purple .fieldset-h{background: #7e77ce;}
.fs-blue .checklist input[type="checkbox"]:checked+span:before, .fs-blue .fieldset-h{background: #60abee;}
.subfieldset .fieldset-h{background: #f6f6f6;color: #000;font-size: 20px;}



.submit-row{text-align: center;border-top: 1px solid  #dbdbdb;padding-top: 45px;}
.submit-row .btn{z-index: 1;}



/*
		about
*/
.section-rnb{background: url(../images/gradient-text-page-transparent.png) repeat-y center top;padding: 18px 0;-webkit-background-size: cover;
background-size: cover;}
.section-rnb p:only-child{margin: 0;}
.lead{font-size: 41px;font-weight: bold;}
.section-rnb .text-section{padding-top: 10px;padding-bottom: 10px;}
.section-rnb + .width .h3 {margin-top: 0;}
.about-scheme-01,
.about-scheme-02{text-align: center;margin-bottom: 30px;}
.about-scheme-01 img{width: 783px}
.about-scheme-02 img{width: 1020px}
figure{
	margin: 0;
	padding: 0;	
	position: relative;
}
figure img{
	max-width: 100%;	
}
.about-scheme-01 figcaption,
.about-scheme-02 figcaption{
	font-size: 41px;font-weight: bold;
	text-align: left;
	max-width: 470px;
	line-height: 1.2;
}
.about-scheme-01 figcaption{
	position: absolute;
	top: 7%;
}
.marked-list{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.marked-list li{
	padding-left: 1.6em;
	position: relative;
	margin-bottom: 0.9em;
}
.marked-list li:before{
	content: '•';
	position: absolute;
	left: 0.4em;
}
.fz-bigger{font-weight: bold;}


/*
	guidebook
70d463
faeb5e
fea1cc
57daf2
fd995b
a591ff
22cfa6
*/
.guide-header{margin-top: -36px;margin-bottom: 40px;}
.guide-header-in{}
.guide-header-in{background: url(../images/guideb00k/h0.jpg) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;text-align: center;color: #fff;height: 270px;position: relative;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.guide-header-in .h0{margin: auto;font-size: 96px;text-transform: uppercase;line-height:0.7}
.guide-header-in .h0 span{display:block;}
.guide-header-in .h0 .btn, .guide-header-in .h0 .btn span{color:#fff;}
.guide-header-in .h0 .btn span span{color:#000;}
.guidbook-nav{padding-top: 10%;position: relative;}
.guidbook-nav ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.guidbook-nav li{width: 100%;font-size: 20px;
/*    -webkit-background-size: 200%;
    background-size: 200%;
    background-position: right top 60%;*/
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
} 
.guidbook-nav li:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-position: right center;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	-webkit-transform-origin: 70% 60%;
	-moz-transform-origin: 70% 60%;
	-ms-transform-origin: 70% 60%;
	-o-transform-origin: 70% 60%;
	transform-origin: 70% 60%;
	-webkit-transition: all 4s ease-in;
	-o-transition: all 4s ease-in;
	transition: all 4s ease-in;
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
	backface-visibility: hidden;

}

.guidbook-nav li:hover:after{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.guidbook-nav li a:before{display: block;
	background:rgba(0,0,0,0.4);
	-webkit-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;

}
.guidbook-nav li a:hover:before{
	background:rgba(0,0,0,0);
}
.guidbook-nav li a{display: block;
width: 100%;
height: 100%;
color: #fff;
text-decoration: none;position: relative;
background-repeat: no-repeat;
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
position: relative;z-index: 10;
} 
.guidbook-nav li:hover a{
	
}

.guidebook-nav-1:after{background-image: url(../images/galaxy_navi/01.jpg);}
.guidebook-nav-2:after{background-image: url(../images/galaxy_navi/02.jpg);}
.guidebook-nav-3:after{background-image: url(../images/galaxy_navi/03.jpg);}
.guidebook-nav-4:after{background-image: url(../images/galaxy_navi/04.jpg);}
.guidebook-nav-5:after{background-image: url(../images/galaxy_navi/05.jpg);}
.guidebook-nav-6:after{background-image: url(../images/galaxy_navi/06.jpg);}
.guidebook-nav-7:after{background-image: url(../images/galaxy_navi/07.jpg);}
.guidebook-nav-1:hover a{color:#cdffc6;}
.guidebook-nav-2:hover a{color:#fff69e;}
.guidebook-nav-3:hover a{color:#ffdbec;}
.guidebook-nav-4:hover a{color:#c9f2fa;}
.guidebook-nav-5:hover a{color:#ffdcc7;}
.guidebook-nav-6:hover a{color:#dfd8ff;}
.guidebook-nav-7:hover a{color:#b4fae9;}
.guidebook .text-section{padding-top: 0;}
.guidebook{font-size: 18px;}
.guidebook .h1{margin-bottom: 30px;}
.guidebook em{font-style: normal;/*font-weight: bold;*/}
.guidebook .feature-box{margin-bottom: 20px;}




.table-responsive{overflow-x: auto;margin-bottom: 40px;position: relative;}


.guide-header+.text-section .marked-ul li{margin-bottom: 20px;}
.styled-table{width: 100%;border-collapse: collapse;position: relative;border-bottom: 1px solid  #ddd;font-size: 18px;margin-top: 30px;}
.styled-table:before{content: '';width: 100%;height: 3px;background: red;position: absolute;top: 0;background:url(../images/preloader-line.png) no-repeat;-webkit-background-size: 100% 4px;background-size: 100% 4px;}
.styled-table th,
.styled-table td{border-left: 1px solid  #ddd;}
.styled-table th:first-child,
.styled-table td:first-child{border-left: 0px solid  #ddd;}
.styled-table thead th{background: #f1f1f1;padding: 25px;text-align: left;font-weight: normal;vertical-align: top;font-size: 20px;font-weight: bold;}
.styled-table thead th:first-child{/*background: #e3ece1;*/padding-left: 40px;}
.styled-table tbody th{/*background: #f0f8ee;*/padding:15px 20px 15px 40px;text-align: left;font-weight: normal;vertical-align: top;}
.styled-table tbody td{background: #fff;padding: 15px;text-align: center;vertical-align: top;}
.styled-table tbody tr:nth-child(even) th{background: #f9f9f9;/*background: #eaf3e8;*/}
.styled-table tbody tr:nth-child(even) td{background: #f9f9f9;}
.styled-table{}

.preface{/*font-weight: bold;*/
font-size: 24px;margin-bottom: 30px;}

.hl{padding: 3px;}

.guidbook-nav li a span{
	position: absolute;
	left: 35px;
	bottom: 30px;
	width: 1%;
}
.text-section{}
.guidebook-section-header{
	text-align: center;
	height: 260px;
	position: relative;
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-color: #190e00;
	margin-bottom: 95px;

}
.guidebook-section-header h2{
	font-size: 48px;
	font-family: avenir;
	font-weight: 900;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;

}
.gs-header-01{background-image: url(../images/guideb00k/h1.jpg);color: #70d463;background-color: #011828;}
.gs-header-02{background-image: url(../images/guideb00k/h2.jpg);color: #faeb5e;}
.gs-header-03{background-image: url(../images/guideb00k/h3.jpg);color: #fea1cc;}
.gs-header-04{background-image: url(../images/guideb00k/h4.jpg);color: #57daf2;}
.gs-header-05{background-image: url(../images/guideb00k/h5.jpg);color: #fd995b;}
.gs-header-06{background-image: url(../images/guideb00k/h6.jpg);color: #a591ff;}
.gs-header-07{background-image: url(../images/guideb00k/h7.jpg);color: #22cfa6;}
.gs-header-01+.text-section-in .hl{background:#cdffc6;}
.gs-header-02+.text-section-in .hl{background:#fff69e;}
.gs-header-03+.text-section-in .hl{background:#ffdbec;}
.gs-header-04+.text-section-in .hl{background:#c9f2fa;}
.gs-header-05+.text-section-in .hl{background:#ffdcc7;}
.gs-header-06+.text-section-in .hl{background:#dfd8ff;}
.gs-header-07+.text-section-in .hl{background:#b4fae9;}

.guidebook-prototype{font-size: 20px;position: relative;}
.guidebook-prototype .bg-image{position: absolute;z-index: -1;right: 0;
bottom: 0;
width: 50%;
height: auto;max-width: 745px;}
.text-particle{margin-bottom: 50px;font-weight: 600;}

.competence{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid  #e3e3e3;font-size: 20px;}
.competence:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: 0;}

.competence-h{font-size: 44px;font-weight: 900;padding-left: 90px;
position: relative;text-transform: uppercase;}
.competence-h i{position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);}
.guidebook .marked-ul{font-size: 18px;}
.guidebook .marked-ul li{margin-bottom: 0.5em;font-weight: normal;}

.guidebook-UX .feature-box{font-weight: bold;margin-bottom: 40px;font-size: 20px;}
.guidebook-productization .intro{
	padding-right: 40%;
	background:url(../images/guidebook-02.jpg) no-repeat right top;
	min-height: 280px;
	border-bottom: 1px solid  #e3e3e3;
	padding-bottom: 30px;
}
.guidebook-productization{font-size: 20px;/*font-weight: bold;*/}
.guidebook-productization .intro .preface{
	font-size: 20px;margin-bottom: 40px;
}
.competence-replacement{
	position: relative;
	padding-right: 30%;
}
.competence-replacement img{
	position: absolute;
	max-width: 30%;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.adding-scheme img{max-width: 100%;}
.adding-scheme{text-align: center;}
.sub-scheme{display: inline-block;
vertical-align: top;width: 46%;
padding: 0 1.5%;padding-top: 30px;}
.guidebook-maintenance{font-size: 20px;}	
.guidebook-maintenance .feature-box{margin-bottom: 40px;padding-right: 30%;font-size: 20px;}	
.guidebook-maintenance .preface{width: 70%;margin-bottom: 50px;}

.guidebook-qa .preface{margin-bottom: 50px;}
.guidebook-qa .feature-box{font-weight: bold;}

.icn-qa{background: url(../images/icn-qa.png) no-repeat left center;width: 145px;
height: 81px;-webkit-background-size: contain;
background-size: contain;}
.icn-qa-apps{background: url(../images/icn-qa-apps.png) no-repeat left center;width: 145px;
height: 81px;-webkit-background-size: contain;
background-size: contain;}

.guidebook-mining .hl-list{font-size: 20px;font-weight: bold;margin-bottom: 30px;}
.guidebook-mining .hl-list li{font-weight: bold;}
.guidebook-mining .hl-list li:before{color: #22cfa6;}
.guidebook-mining .hl-list ul{margin-top: 20px;margin-bottom: 20px;}
.guidebook-mining .hl-list ul li{font-size: 18px;font-weight: normal;}
.guidebook-mining .hl-list ul li:before{color: #000;}


@media (max-width:1024px){
	.guidbook-nav{
		display: none;
	}
	.guide-header {margin-top: 0px;height: 200px;}
	.guide-header-in{height: 200px;}
	.guide-header-in .h0{font-size: 76px;}
	.guidebook-section-header{    height: 180px;margin-bottom: 20px;background-size: auto 100%;}
	.guidebook-section-header h2 {font-size: 60px;}
	.guidebook-prototype{background: none;}
	.guidebook-productization .intro{padding-right: 0;background: none;}
	.competence-replacement{padding-right: 0;}
	.competence-replacement img{position: static;display: block;max-width: 100%;-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;}
	.sub-scheme{display: block;width: 100%;}
	.guidebook-maintenance .preface{width: 100%;}
	.competence-h {font-size: 36px}

}
@media (max-width:960px){
	.guidebook-sidenavi{display: none !important;}
}
@media (max-width:767px){
	.guidebook-section-header h2{
		font-size: 40px;line-height: 1;
	}
	.guidebook-section-header{height: 120px;}
	.guide-header-in .h0 {
    font-size: 40px;line-height:1.1;
    letter-spacing: 0.5px;}
    .guide-header-in {
    height: 150px;}
    .guide-header {height: auto;}
    .preface {    font-size: 18px;
    margin-bottom: 20px;}
    .competence-h {font-size: 26px;font-weight: 900;padding-left: 0px;padding-top: 83px;}
    .competence-h i {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(0%); 
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(0%); 
}
.table-helper{
	height: 0px;	
	position: relative;	
	bottom:-35px;
	z-index: 2;
}
.table-helper:before{
	content: '	';width: 32px;
	height: 32px;
	background: url(../images/hand.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;	
	position: absolute;
	right: 0;
	top: 0;
	-webkit-animation: showSlide 2.6s linear infinite;
	-o-animation: showSlide 2.6s linear infinite;
	animation: showSlide 2.6s linear infinite;
}
@-webkit-keyframes showSlide{
	0%{
		right:0;
		opacity: 1;	
	}
	50%{
		opacity: 1;	
	}
	70%{
		right:90%;
		opacity: 0;	
	}
	100%{
		right:90%;
		opacity: 0;	
	}
}
@keyframes showSlide{
	0%{
		right:0;
		opacity: 1;	
	}
	50%{
		opacity: 1;	
	}
	70%{
		right:90%;
		opacity: 0;	
	}
	100%{
		right:90%;
		opacity: 0;	
	}
}

}


/*
	partners
*/
.partners-page .partners-section{left: 0;}
.partners-page .partners-list{height: 100vh;}
.partners-page .content-part,
.partners-page .content-part .width,
.partners-page .text-section{padding: 0;}
.partners-page .content-part .width{max-width: none}

.partners-page .bx-controls-direction a{width: 115px;
height: 115px;
background: #fff;
position: absolute;
text-align: center;	text-decoration: none;text-transform: uppercase;
font-size: 14px;color: #afafaf;top: 0;
z-index: 1001;
padding-top: 30px;letter-spacing: 1.2px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.partners-page .bx-controls-direction a:hover{
	color: #000;
}

.partners-page .bx-controls-direction a.disabled{display: none;}

.partners-page .bx-prev:after,
.partners-page .bx-next:after{
	content: '';
	display: block;
	background:url(../images/arr-next.svg) no-repeat center top;
	width: 59px;
	height: 23px;
	top: 55px;
	left: 30px;	
	position: absolute;	
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.partners-page .bx-prev:after{
	background-image: url(../images/arr-prev.svg);
	left: auto;	
	right: 30px;	
}
.partners-page .bx-prev:hover:after{
	right: 40px;	
}
.partners-page .bx-next:hover:after{
	left: 40px;	
}

.partners-page .bx-prev{left: 0;}
.partners-page .bx-next{right: 0;}



@media (max-width:960px){
.partners-page .header,
.partners-page .footer{display: block;}	
.partners-page .text-section{padding-top: 0;}
.partners-section{position: relative;left: auto;z-index: 1;}
.partners-section.galaxy-navi{display: none !important;}
.partners-dir{display: none;}
.partners-list{}
.partners-list li{padding-top: 50%;position: relative;width: 50%;height: auto;}
.partners-list li>a{position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;}
.partners-page .partners-list{
	height: auto;	
}
.partners-page .partners-cell.go-back-link{
	display: none;	
}

.partners-cell .btn{display: none;}
.partners-list li:empty{display: none;}

}


/*
	footer
*/

.footer{
	background: #343434;
	color: #fff;
	font-size: 12px;
	line-height: 2;
	padding: 30px 0;
	margin-bottom: -1px;
	box-shadow: 0 10px #343434;
}



/*
	helpers
*/
.pb0{padding-bottom: 0;}
.mt50{margin-top: 50px;}
.mb50{margin-bottom: 50px;}
.mt70{margin-top: 70px;}
.mb70{margin-bottom: 70px;}




@media (max-width: 1450px){
	.logo-title{display: none;}
}

/* media */

@media (max-width:1024px){
	main{padding-top: 0;}
	.header{padding: 20px 0;
		-webkit-background-size: 100% 2px;
		background-size: 100% 2px;
	}
	.logo-title{display: none;}


		/*
			content
		*/
		.text-section-in{
			max-width: none
		}
		.width{
			padding-left: 15px;
			padding-right: 15px;
		}
		.text-section{
			padding: 30px 0;
		}
		.mob-wide{
			width: 100%;
			float: none;
			padding-left: 24px;
			padding-right: 24px;;
		}
		.content-part .width{
			padding-left: 0;
			padding-right: 0;
		}

		/*
			contacts page
		*/
		.contacts-list{
			font-size: 20px;
		}
		.contacts-list dt{
			font-size: 16px;
			letter-spacing: 0.6px;
		}
		.contacts-form{
			padding-top: 30px;
		}
		/* about */
		.article .article-header{
			padding-bottom: 0;
		}
		.article{
			font-size: 16px;
		}
		.about-scheme-01 figcaption, 
		.about-scheme-02 figcaption,
		.lead{
			font-size: 22px;
		}
		h2, .h2{font-size: 25px;margin-top: 20px;margin-bottom: 20px;}
		.about-scheme-01 figcaption{
			position: static;
		}

		/*
			services page
		*/
		.fieldset-h{
			margin-left: -26px;
	 	   margin-right: -26px;
		text-align: right;
		font-size: 22px;
		padding-right: 10px;
		}
		.check-all span:before, .checklist label span:before{
			left: 15px;
		}
		.check-all{left: 14px;}
		.checklist label span:before{
			left: 3px;
		}
		.checklist label span {display: block;padding: 14px 3px 14px 42px;}
		.subfieldset .h {
	    text-align: left;
	    padding-left: 67px;
		}
		.btn-giant{padding: 0;width: 100%;font-size: 24px;height: 74px;line-height: 74px;}
		.service-form{padding-bottom: 80px;}
		.check-all input[type="checkbox"]:checked+span:after{left: 20px;	} 
		.checklist label span:after{left: 7px;	}
		.services-section{-webkit-background-size: contain;
		background-size: contain;}

		.pop-up input[type="text"] {
    height: 38px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}
.pop-up label {
    font-size: 15px;
}
.pop-up textarea {
    height: 80px;
    font-size: 14px;
    padding: 10px;
}


		/*
			guide page
		*/
		.guide-header {margin-top: 0;}
		.article-header-wbutton{padding-right: 0;}
		.article-header-wbutton .btn{display: none;}

		/*
			footer
		*/
		.footer{padding: 25px 0;}
		.footer small{font-size: 11px;}
		.footer-r{font-size: 10px;}

		.mob-mb0{margin-bottom: 0;}
		.mob-mb20{margin-bottom: 20px;}


}



@media (max-width:960px){
	/*
		header
	*/

	.header-btnplace{display: none;}
	.logo-logo{width: 160px;}
	
	.header-nav li {letter-spacing: 1.5px;font-size: 15px;}


	.feature-box{padding-right: 0;margin-bottom: 10px;}
	.feature-h{height: auto !important;}


}