/*  
	NXEngine v1.0 
	style.css v1.0
	© 2016 Noxis.kz | Konstantin Zuikov
*/
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic');

html {
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: visible;
	font-family: 'PT Sans', sans-serif;
	font-size: 20px;
	color: #333;
}
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
div {
	margin: 0;
	padding: 0;
	display: block;
	box-sizing: border-box;
}
a, a:hover, a:visited {
	text-decoration: none;
	color: #333;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'PT Sans', sans-serif;
	display: block;
	margin: 0;
	padding: 0;
}
h1, h2 {
	width: 100%;
	height: auto;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
	letter-spacing: 1px;
}
/*** main layout
*************************/
#wrapper {
	width: 100%;
	height: 100%;
	min-width: 1200px;
	background: #f2f2f2;
}
.mobile #wrapper {
	min-width: 100vw;
}
#header {
	width: 100%;
	height: 140px;
}
.tiny #header {
	margin-bottom: 50px;
}
.mobile #header {
	height: auto;
	padding-top: 35px;
}
#logo {
	width: 330px;
	height: 140px;
	display: block;
	float: left;
}
.mobile #logo {
	width: auto;
	height: auto;
	float: none;
	margin: 0 auto 10px;
}
#logo img {
	margin-top: 10px;
}
.mobile #logo img {
	margin: 0 auto;
	max-width: 60vw;
	height: auto;
}
#result {
	display: none;
}
.inner {
	width: 1200px;
	padding: 0 25px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.mobile .inner {
	width: 100vw;
	padding: 0 10px;
}
#menu {
	width: 100%;
	height: 50px;
	background: #0c5d9e;
	color: #fff;
	transition: all ease-in 0.2s;
}
.mobile #menu {
	display: block;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	height: 30px;
}

.mobile #menu .inner {
	display: none;
	transition: all ease-in 0.2s;
}
.mobile #menu.open .inner {
	display: block;
	background: #0c5d9e;
	height: auto;
	transition: all ease-in 0.2s;
}
.mobile #menu .inner a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-size: 16px;
}
.tiny #menu {
	position: fixed;
	top: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	transition: all ease-in 0.2s;
	z-index: 999;
}
#menu .inner {
	text-align: center;
}
#menu a {
	display: inline-block;
	width: auto;
	height: 100%;
	padding: 0 20px;
	line-height: 50px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	transition: all 0.2s ease-in;
}
#menu a:hover {
	text-shadow: 0 0 10px rgba(255,255,255,0.5);
	text-decoration: underline;
	transition: all 0.2s ease-in;
}
#mmenu {
	display: none;
}
.mobile #mmenu {
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
#h-about {
	float: left;
	width: 430px;
	height: 100%;
	display: block;
	padding-top: 10px;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #2f2f2f;
	margin-left: 30px;
}
.mobile #h-about {
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
}
#h-about span {
	font-size: 20px;
	line-height: 18px !important;
	display: block;
}
#h-about span br {
	width: 100%;
	height: 1px;
	display: block;
}
.brspc {
	margin-bottom: 2px !important;
	display: block;
	width: 100%;
	height: 0px !important;
	background: transparent;
	color: transparent;
	border: 0;
}
#h-phone, #h-social {
	float: right;
	margin-top: 15px;
	font-weight: bold;
	color: #0c5d9e;
}
#h-social {
	margin-left: 30px;
}
#h-social a {
	color: #0c5d9e;
	display: inline-block;
	margin: 0 5px;
}
.advs:nth-child(3) .advs-top {
	font-size: 18px;
	letter-spacing: -0.5px;
}
.mobile #h-phone {
	position: fixed;
	right: 10px;
	z-index: 1000;
	color: #fff;
	top: 5px;
	margin: 0 auto;
	font-size: 16px;
}
.mobile #h-social {
	position: fixed;
	left: 60px;
	z-index: 1000;
	top: 0;
	margin: 0 auto;
}
.mobile #h-social a {
	font-size: 16px;
	color: #fff;
}
#inquiry {
	float: right;
	margin-top: 10px;
	padding: 15px 45px;
	font-size: 24px;
	text-transform: uppercase;
	text-decoration: underline;
	text-align: center;
	color: #fff;
	background: #CE2026;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.2s ease-in;
}
.tiny #inquiry {
	position: fixed;
	bottom:150px;
	right: 50px;
	z-index: 1000;
	width: 160px;
	height: 160px;
	background: #CE2026;
	text-decoration: none;
	border-radius: 80px;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
	padding: 50px 0 0;
	margin: 0;
	text-align: center;
	transition: all 0.2s ease-in;
}
.mobile #inquiry {
	float: none;
	margin: 10px auto;
	font-size: 20px;
}
#inquiry:hover {
	text-shadow: 0 0 10px rgba(255,255,255,0.5);
	transition: all 0.2s ease-in;
}
#footer {
	background: #363636;
	color: #f2f2f2;
	width: 100%;
	height: 50px;
	min-width: 1200px;
	line-height: 25px;
}
.mobile #footer {
	min-width: 100vw;
	height: auto;
}
.mobile #footer .inner > div {
	width: 100%;
	text-align: center;
	float: none;
}
#footer a {
	color: #fff;
}
.block {
	min-width: 1200px;
}
.mobile .block {
	min-width: 100vw;
}
#content-01 {
	background: url('../images/c01bg.jpg') 50% 50% no-repeat;
	background-size: cover;
	min-height: 300px;
}
#content-01 .inner {
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
#tabs-1, #tabs-2 {
	width: 100%;
	min-height: 350px;
	margin-bottom: 30px;
}
#tabs-1-nav, #tabs-2-nav {
	width: 100%;
	text-align: center;
	padding: 10px 0 25px;
}
.mobile .tabs-1-nav, .mobile .tabs-2-nav {
	padding: 3px 5px;
	margin: 0;
}
.tabs-1-nav, .tabs-2-nav {
	display: inline-block;
	padding: 3px 15px;
	margin: 0 15px;
	background: #eee;
	color: #0c5d9e;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.2s ease-in;
}
.tabs-2-nav {
	background: #fff;
}
.tabs-1-nav.active, .tabs-2-nav.active {
	background: #0c5d9e;
	color: #fff;
	transition: all 0.2s ease-in;
}
.tabs-1-cont, .tabs-2-cont {
	display: none;
	float: left;
	width: 100%;
}
.tabs-1-cont {
	width: 100%;
	float: right;
}
.mobile .tabs-1-cont, .mobile .tabs-2-cont {
	width: 100%;
	float: none;
	text-align: justify-all;
}
.tabs-2-cont {
	width: 900px;
	float: right;
	background: #fff;
	border-radius: 5px;
	min-height: 300px;
	padding: 15px;
}
.tabs-1-img {
	float: left;
	margin-right: 20px;
	height: 100%;
	display: block;
}
.tabs-1-text {
	float: right;
	width: 900px;
}
.mobile .tabs-1-img, .mobile #tabs-2-img {
	float: none;
	width: 100%;
	text-align: center;
}
.mobile .tabs-1-text {
	width: 100%;
	float: none;
}
#tabs-2-img img {
	/*border: 1px solid #c0c0c0;*/
	border-radius: 5px;
	/*box-shadow: 3px 3px 10px rgba(0,0,0,0.3);*/
}
#tabs-2-img {
	float: left;
}
.mobile .tabs-1-img img, .mobile #tabs-2-img img {
	margin: 0 auto;
}
.mobile #tabs-2-img img {
	margin-bottom: 15px;
	margin-top: 15px;
}
.tabs-1-cont.active {
	display: block;
}
.tabs-2-cont.active {
	display: block;
}
#content-02 {
	background: url('../images/c02bg.jpg') 0% 50% no-repeat;
	background-size: cover;
	min-height: 300px;
}
.title {
	color: #012f63;
	text-transform: uppercase;
	padding: 25px 0 10px;
	font-weight: normal;
}
.title img {
	display: inline;
}
#advantages {
	width: 100%;
	height: auto;
	text-align: center;
	color: #012f63;
	margin-bottom: 40px;
	margin-top: 20px;
}
.advs {
	width: 250px;
	margin: 0 15px;
	display: inline-block;
	vertical-align: top;
}
.mobile .advs {
	margin-bottom: 15px;
}
.advs-top {
	width: 100%;
	height: 60px;
	vertical-align: middle;
	display: block;
	line-height: 60px;
	font-weight: bold;
	background: #fff url('../images/tri-lt.png') left top no-repeat;
}
.advs-mid {
	width: 100%;
	vertical-align: middle;
}
.advs-bot {
	height: 100px;
	width: 100%;
	background: #fff;
	margin-top: 30px;
	padding-top: 10px;
}
#advantages-bot {
	width: 1120px;
	background: #fff;
	padding: 15px 10px;
	text-align: center;
	margin: 40px auto;
}
.mobile #advantages-bot {
	width: 90%;
}
#content-03 {
	min-height: 300px;
}
#content-03 .inner {
	background: #f2f2f2;
}
#cost {
	border-radius: 5px;
	color: #fff;
	background: #0c5d9e;
	padding: 5px 25px;
	font-size: 20px;
	text-transform: uppercase;
	position: absolute;
	right: 40px;
	bottom: 30px;
}
.mobile #cost {
	position: static;
	margin: 10px auto;
}
#content-04 {
	background: #0c5d9e url('../images/feed-bg-arr.png') 50% 50% no-repeat;
	min-height: 250px;
	transition: all 0.2s ease-in;
}
#content-04 .inner {
	height: 100%;
	min-height: 250px;
	transition: all 0.2s ease-in;
}
.feed {
	width: 100%;
	height: auto;
	color: #fff;
	vertical-align: middle;
	margin-bottom: 30px;
}
.feed-img {
	display: inline-block;
	vertical-align: bottom;
}
.feed-title {
	display: inline-block;
	vertical-align: middle;
	font-size: 26px;
	padding-left: 30px;
}
.feed-text {
	display: block;
	width: 100%;
	padding-top: 20px;
}
#send-feed {
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: #fff;
	color: #0c5d9e;
	padding: 5px 15px;
	font-size: 20px;
	cursor: pointer;
	border-radius: 5px;
	font-weight: bold;
	transition: all 0.2s ease-in;
}
.mobile #send-feed {
	position: static;
	margin: 15px auto;
	text-align: center;
}
#send-feed:hover {
	text-shadow: 0 0 10px rgba(12,93,158,0.5);
	transition: all 0.2s ease-in;
}
#content-05 {
	background: #fff;
	background-size: 100%;
	min-height: 200px;
}
#cont-logo {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.mobile #cont-logo {
	float: none;
	margin: 10px auto 0;
}
#conts {
	float: right;
	text-align: right;
	line-height: 40px;
	padding-top: 30px;
}
.mobile #conts {
	float: none;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
#content-06 {
	background-image: -moz-linear-gradient( 90deg, rgb(238,238,238) 0%, rgb(217,217,217) 94%);
	background-image: -webkit-linear-gradient( 90deg, rgb(238,238,238) 0%, rgb(217,217,217) 94%);
	background-image: -ms-linear-gradient( 90deg, rgb(238,238,238) 0%, rgb(217,217,217) 94%);
	min-height: 200px;
}
#preview {
	width: 100vw;
	height: 100vh;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.85);
}
#preview-img {
	width: 100%;
	height: 100%;
	position: relative;
}
#preview-img img {
	max-width: 90vw;
	max-height: 90vh;
	margin: 5vh auto;
}
#cert, #feed-blk {
	width: 100%;
	height: 300px;
	text-align: center;
	vertical-align: top;
	margin-bottom: 20px;
}
#feed-blk {
	height: auto;
	min-height: 100px;
	margin-bottom: 50px;
	transition: all 0.2s ease-in;
}
#cert-wrapper, #feed-wrapper {
	width: 1080px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 100%;
	transition: all 0.2s ease-in;
}
.mobile #cert-wrapper, .mobile #feed-wrapper {
	width: 80vw;
}
.mobile #feed-blk {
	height: auto;
	margin-bottom: 10px;
}
#cert-left, #cert-right {
	width: 25px;
	height: 100%;
	line-height: 270px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
#feed-left, #feed-right {
	width: 25px;
	height: 100%;
	line-height: 80px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.mobile #cert-left, .mobile #cert-right, .mobile #feed-left, .mobile #feed-right {
	width: 5vw;
}
#cert-left i, #cert-right i {
	font-size: 25px;
	color: #0c5d9e;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
#feed-left i, #feed-right i {
	font-size: 25px;
	color: #fff;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
#cert-inner {
	width: 9999px;
	height: 100%;
	position: absolute;
	transition: all 0.5s ease-out;
}
.feed-blk {
	width: 1080px;
	text-align: left;
	display: none;
}
.feed-blk:nth-child(1) {
	display: block;
}
.cert {
	width: 360px;
	float: left;
	height: 270px;
	position: relative;
}
.mobile .cert, .mobile .feed-blk {
	width: 80vw;
}
.cert img {
	position: absolute;
	width: 90%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
	margin: auto;
	vertical-align: middle;
	display: block;
	cursor: pointer;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}
#query, #feedbk {
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	z-index: 99999;
	top: 0;
	background: rgba(0,0,0,0.85);
	display: none;
}
#query-form, #feedbk-form {
	margin: 10vh auto 0;
	width: 400px;
	height: auto;
	background: #f2f2f2;
	border: 2px solid #0c5d9e;
	border-radius: 5px;
	position: relative;
	padding: 25px;
}
.mobile #query-form, .mobile #feedbk-form {
	width: 90%;
}
#query-close, #feedbk-close {
	position: absolute;
	right: -25px;
	border: 1px solid #fff;
	border-radius: 3px;
	top: -25px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	background: #0c5d9e;
	transition: all 0.2s ease-in;	
}
#query-close:hover, #feedbk-close:hover {
	background: #990000;
	transition: all 0.2s ease-in;
}
#qform, #fform {
	width: 100%;
}
#qform h3, #fform h3 {
	width: 100%;
	text-align: center;
	color: #0c5d9e;
	margin: 15px 0 30px;
}
#qname, #qphone, #qemail, #fname, #ftext {
	border: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-align: center;
	color: #0c5d9e;
	font-size: 20px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
#ftext {
	min-height: 80px;
	height: auto;
	text-align: left;
	min-width: 100%;
	max-width: 100%;
}
#qsub, #fsub {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
	height: 30px;
	background: #0c5d9e;
	color: #fff;
	border: 0;
	border-radius: 5px;
	display: block;
	margin-top: 20px;
	text-transform: uppercase;
	font-size: 18px;
	cursor: pointer;
	box-sizing: border-box;
	transition: all 0.2s ease-in;
}
#qsub:hover, #fsub:hover {
	text-shadow: 0 0 10px rgba(255,255,255,0.5);
	transition: all 0.2s ease-in;
}
#qmessage, #fmessage {
	width: 100%;
	margin-top: 20px;
	text-align: center;
	overflow: hidden;
}
/*** customs
*************************/

/*** Quick classes
*************************/
.white {
	color: #fff;
}
.pink {
	color: #5b6dd2;
}
.ul {
	text-decoration: underline;
}
.shadow {
	box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
}
.bordered {
	border-radius: 3px;
}
.rounded {
	border-radius: 7px;
}
.uc {
	text-transform: uppercase;
}
.split-l {
	width: 35%;
}
.split-r {
	width: 64%;
}
.label {
	font-weight: bold;
}
.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
.tc {
	text-align: center;
}
.tj {
	text-align: justify;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clr {
	clear: both;
}
.mt1 {
	margin-top: 10px;
}
.mt2 {
	margin-top: 20px;
}
.mt3 {
	margin-top: 30px;
}
.mb1 {
	margin-bottom: 10px;
}
.mb2 {
	margin-bottom: 20px;
}
.mb3 {
	margin-bottom: 30px;
}
.ml1 {
	margin-left: 10px;
}
.ml2 {
	margin-left: 20px;
}
.ml3 {
	margin-left: 30px;
}
.mr1 {
	margin-right: 10px;
}
.mr2 {
	margin-right: 20px;
}
.mr3 {
	margin-right: 30px;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.fs1 {
	font-size: 12px;
}
.fs2 {
	font-size: 14px;
}
.fs3 {
	font-size: 16px;
}
.fs4 {
	font-size: 18px;
}
.fs5 {
	font-size: 20px;
}
.fs6 {
	font-size: 22px;
}
.fs7 {
	font-size: 24px;
}
.fs8 {
	font-size: 26px;
}
.fs9 {
	font-size: 28px;
}
.fs10 {
	font-size: 30px;
}
.fs11 {
	font-size: 32px;
}
.fs12 {
	font-size: 34px;
}
.fs13 {
	font-size: 36px;
}
.fs14 {
	font-size: 38px;
}
.fs15 {
	font-size: 40px;
}
.cr {
	text-decoration: line-through;
}