body {
    background: #fff;
    font-family: "Roboto-Light";
    font-weight: normal;
    margin: 0;
}
a,
p,
span,
div,
label,
input,
textarea {
    font-family: "Roboto-Light";
    font-weight: normal;
}
.vtb .right img,
.vozroshdenie .right img,
.bks_sfera .right img,
.modulbank_complex .right img {
	max-height: 262px;
}
.clients-list .clients-blk.vozroshdenie .left img {
	max-width: 200px;
	margin-top: -35px;
}
.clients-list .clients-blk.bks_sfera .left img {
	max-width: 175px;
}
.raport {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: rgba(0,0,0,.5);
	display: none;
}
.raport .message {
    width: 468px;
    height: 80px;
    background: #fff;
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Roboto-Regular";
    line-height: 2;
    text-align: center;
}
header {
	position: relative;	
	width: 100%;
	height: 599px;
    /*margin-bottom: 60px;*/
	background-image: url(../images/header.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}
.header-legal {
	height: auto;
}
.download-link {
	margin-top: 20px;
	font-size: 35px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: center;
	color: #000;
	display: block;
	text-decoration: none;
}
.download-link:hover {
	color: #5f5d5d;
}
.docs {
	max-width: 1168px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
.docs * {
	box-sizing: border-box;
}
.docs > h3 {
	text-align: left;
	margin-bottom: 40px;
}
.docs-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.docs-list__item {
	width: 50%;
	padding-left: 100px;
	padding-right: 15px;
	margin-bottom: 30px;
}
.docs-list__item:after {
	content: '';
	display: block;
	clear: both;
}
.docs-item__icon {
	background-color: #1c8bc6;
	border: 3px solid #4cc7f7;
	border-radius: 100%;
	margin-left: -100px;
	text-align: center;
	line-height: 0;
	color: #ffffff;
	height: 80px;
	width: 80px;
	float: left;
	box-sizing: border-box;
}
.docs-item__title {
	margin: 10px 0;
	font-size: 18px;
}
.docs-item__icon > img {
	height: 74px;
    width: 74px;
}
.docs-item__list {
	padding-left: 30px;
}
.docs-item__list > li > a {
	color: #337ab7;
    text-decoration: none;
	font-size: 14px;
}
.docs-item__list > li > a:hover {
	color: #105590;
    text-decoration: underline;
}
.caller-phone {
	position: absolute;
	bottom: 23.2%;
	right: 5.63%;
	cursor: pointer;
}
.header,
.sub-header-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 48px 0;
    max-width: 1145px;
    margin: 0 auto;
}
.form {
	display: none;
	position: absolute;
	bottom: 16.7%;
    right: 10.5%;
	width: 459px;
	padding: 40px;
	border-radius: 4px;
	background-color: #fff;
}
.form h3,
.form input {
	margin: 0 0 24px;
	font-family: "Roboto-Regular";
	font-size: 17px;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.5px;
	color: #1f3d74;
	text-transform: uppercase;
}
.form .form-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
    padding: 12px 22px;
	-webkit-box-shadow: 0 0 10px 0 rgba(71, 71, 71, 0.1);
	        box-shadow: 0 0 10px 0 rgba(71, 71, 71, 0.1);
	background-color: #ffffff;
}
.form label {
	font-family: "Roboto-Regular";
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.31;
	letter-spacing: 0.3px;
	color: #6b7c93;
}
.form input {
	width: 100%;
	margin: 0;
	letter-spacing: 1.5px;
	outline: none;
	border: none;
	text-transform: none;
}
.form button {
	width: 100%;
	padding: 8px 0 7px;
	font-family: "Roboto-Regular";
	font-size: 17px;
	font-weight: normal;
	line-height: 1.88;
	letter-spacing: 0.4px;
	text-align: center;
	color: #ffffff;
	-webkit-box-shadow: 0 0 10px 0 rgba(71, 71, 71, 0.1);
	        box-shadow: 0 0 10px 0 rgba(71, 71, 71, 0.1);
	background-color: #f1cf31;
	outline: none;
	border: none;
	cursor: pointer;
}
.form button:disabled {
	cursor: not-allowed;	
}
.form .group-wrap {
	position: relative;
	margin-bottom: 25px;
} 
#error {
    position: absolute;
    bottom: -20px;
    left: 0;
	font-size: 12px;
    color: #d22828;
}
.sub-header {
	display: none;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	z-index: 9999;
}
.sub-header .sub-header-content {
    max-width: 1138px;
}
.header .logo a {
	display: block;
}
.sub-header .caller button {
	display: none;
}
.sub-header .caller button {
	display: block;
	width: 199px;
	height: 42px;
	font-family: "Roboto-Regular";
	font-size: 17px;
	font-weight: normal;
	line-height: 1.88;
	letter-spacing: 0.4px;
	text-align: center;
	color: #ffffff;
	-o-object-fit: contain;
	   object-fit: contain;
	background-image: linear-gradient(282deg, #0d3070, #004cd0);
	outline: none;
	border: none;
	cursor: pointer;
}
.header .caller a {
	display: block;
	font-family: "Roboto-Medium";
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.3px;
	color: #ffffff;
	text-decoration: none;
}
.header .caller a:first-child {
	margin-bottom: 5px;
}
.header .caller a:last-child {
	text-align: right;
}
.header .caller a:hover,
.header .caller a:focus {
	outline: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.header.scroll .caller a {
	display: none;
}
.header-text {
    max-width: 1145px;
    margin: 0 auto;	
}
.header-text h1,
.header-text h2 {
	font-size: 42px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.1px;
	color: #ffffff;
	margin: 0 0 0 7px;
}
.header-text h1 {
	font-family: "Roboto-Bold";
}
.header-text h2 {
	margin-bottom: 30px;
}
ul.list {
	padding-left: 0;
	margin: 0;
	list-style: none;
}
ul.list li {
	font-family: "Roboto-Regular";
	font-size: 17px;
	line-height: 1.88;
	letter-spacing: 0.4px;
	color: #d9fcff;
}
ul.list li .ul-dote {
	padding-right: 20px;
}
section {
	padding: 60px 0 80px; 
}
section h3 {
	margin: 0 0 60px;
	font-size: 42px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.1px;
	text-align: center;
	color: #000;
}
.modules-list {
	max-width: 1138px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.modules-list .modules-blk {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
	padding: 60px 110px 86px 0; 
}
.modules-list .modules-blk:last-child {
	padding: 60px 0 86px 110px; 
	border-left: 2px solid #f6f9fc;
}
.modules-list .modules-blk h4,
.modules-bottom h4 {
	margin: 0 0 24px;
	font-family: "Roboto-Regular";
	font-size: 17px;
	line-height: normal;
	letter-spacing: 1.5px;
	text-align: left;
	color: #1f3d74;
	text-transform: uppercase;
}
.modules-list .modules-blk p,
.modules-bottom p {
	margin: 0;
	font-family: "Roboto-Regular";
	font-size: 17px;
	line-height: 1.53;
	letter-spacing: 0.4px;
	text-align: left;
	color: #6b7c93;
}
.modules-bottom h4,
.modules-bottom p {
	text-align: center;	
}
.modules-bottom p {
	max-width: 870px;
	margin: 0 auto;
}
.modules-bottom {
    padding-top: 60px;
	border-top: 2px solid #f6f9fc;
}
#dataSource,
#clients {
	background-color: #fcfcfc;
}
.source-list {
	max-width: 1041px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
}
.source-list .source-blk {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 19%;
	        flex: 0 1 19%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    margin-bottom: 48px;
}
.source-list .source-blk span {
	margin-top: 22px;
	font-family: "Roboto-Regular";
	font-size: 17px;
	line-height: 1.41;
	letter-spacing: 1.5px;
	text-align: center;
	color: #1f3d74;
	text-transform: uppercase;
}
.source-list .source-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.source-list .source-row:not(.center) .source-blk {
	max-width: 135px;
}
.source-row.center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.source-row.center .source-blk {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 22%;
            flex: 0 1 22%;
	margin: 0;
}
#specif_system {
	position: relative;
	background: url(../images/blue_bg.png);
	background-size: 100%;
}
#specif_system h3 {
	color: #fff;
}
.specific h4 {
	margin: 0 0 12px;
	font-family: "Roboto-Regular";
	font-size: 17px;
    font-weight: normal;
	line-height: 1.29;
	letter-spacing: 0.5px;
	color: #fff;
	text-transform: uppercase;
}
.specific p {
	margin: 0;
	font-family: "Roboto-Regular";
	font-size: 17px;
	font-weight: normal;
	line-height: 1.88;
	letter-spacing: 0.4px;
	color: #d9fcff;
}
.specific-one:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../images/module_bg1.png) no-repeat right top;
}
.specific-one ul.list li .ul-dote {
	padding-right: 7px;
}
.specific-blk {
    display: table;
    max-width: 525px;
    margin-left: 10.5%;
	margin-bottom: 60px;
}
.specific-one .specific-blk:last-child {
	margin-bottom: 26px;
}
.specific-two {
	position: relative;
	padding-top: 90px;
}
.specific-two:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../images/module_bg2.png) no-repeat left top;	
}
.specific-two .specific-blk {
    margin-left: 38.55%;
}
.specific-two .specific-blk:nth-child(2) {
    padding-bottom: 120px;
    margin-bottom: 0;
}
.system {
    position: relative;
	max-width: 1140px;
    margin: 0 auto;
    z-index: 15;
}
.system h6 {
	margin: 0 0 16px;
	font-family: "Roboto-Regular";
	font-size: 17px;
	font-weight: normal;
	line-height: 1.29;
	letter-spacing: 0.5px;
	color: #1f3d74;
}
.system p {
	margin: 0 0 16px;
	font-family: "Roboto-Regular";
	font-size: 17px;
	font-weight: normal;
	line-height: 1.53;
	letter-spacing: 0.4px;
	color: #6b7c93;
}
.system-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 32px;
}
.system-blk {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 48%;
            flex: 0 1 48%;
    padding: 46px 50px;
    -webkit-box-sizing: border-box;
        box-sizing: border-box;
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 8px 0 rgba(164, 164, 164, 0.21);
            box-shadow: 0 6px 8px 0 rgba(164, 164, 164, 0.21);
	background-color: #fff;
}
.system-bottom {
    padding: 40px 50px;
    -webkit-box-sizing: border-box;
        box-sizing: border-box;
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 8px 0 rgba(164, 164, 164, 0.21);
            box-shadow: 0 6px 8px 0 rgba(164, 164, 164, 0.21);
	background-color: #fff;
}
.system-blk p:last-child,
.system-bottom p:last-child {
	margin-bottom: 0;
}

#workspace {
	position: relative;
	padding-bottom: 0;
}
#workspace:before {
	content: "";
	position: absolute;
	top: -510px;
	right: 0;
	width: 100%;
	height: 1610px;
	background: url(../images/work_place_bg1.png) no-repeat right top;
}
#workspace h3 {
	position: relative;
}
#workspace .specific h4 {
	margin-bottom: 24px;
	letter-spacing: 1.5px;
	color: #1f3d74;
	text-transform: none;
}
#workspace .specific ul.list li {
	margin-bottom: 13px;
	line-height: 1.53;
	color: #6b7c93;
}
#workspace .specific ul.list li:last-child {
	margin-bottom: 0;
}
#workspace .specific-one:before {
	display: none;
}
#workspace .specific-one .specific-blk:last-child {
    margin-bottom: 0;
}
#workspace .specific-two {
    position: relative;
    padding-top: 55px;
}
#workspace .specific-two:before {
	top: -50px;
	background: url(../images/work_place_bg2.png) no-repeat 0 0;
}
#workspace .specific-blk {
	max-width: 550px;
}
#workspace .specific-two .specific-blk {
    margin-left: 45%;
}
#clients .download-links {
	padding: 40px 15px 0;
}
.clients-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	max-width: 1138px;
	margin: 0 auto 32px;
}
.clients-bottom {
	max-width: 592px;
	margin: 0 auto;
}
.clients-list .clients-blk,
.clients-bottom {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 48%;
	        flex: 0 1 48%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 40px;
	border-radius: 3px;
	-webkit-box-shadow: 0 6px 8px 0 rgba(164, 164, 164, 0.21);
	        box-shadow: 0 6px 8px 0 rgba(164, 164, 164, 0.21);
	background-color: #fff;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.clients-list .clients-blk .left,
.clients-bottom .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.clients-list .clients-blk .left img,
.clients-bottom .left img {
	margin-bottom: 25px;
}
#clients p {
	font-family: "Roboto-Regular";
	font-size: 17px;
	font-weight: normal;
	line-height: 1.41;
	letter-spacing: 0.4px;
	color: #6b7c93;
	margin: 0 0 25px;
}


footer {
	padding: 40px 0;
	text-align: center;
}
footer span {
	opacity: 0.5;
	font-family: "Roboto-Regular";
	font-size: 17px;
	line-height: 1.53;
	letter-spacing: 0.4px;
	color: #6b7c93;
}
.desk-hide {
	display: none;
}
.mob-hide {
	display: block;
}
@media screen and (max-width: 1024px) {
	.mob-hide {
		display: none;
	}
	.desk-hide {
		display: block;
	}
	header.open {		
		height: 775px;
	    /*background-image: url(../images/header_mob_open.jpg);*/
	}
	header {
		height: 515px;
	    /*background-image: url(../images/header_mob.jpg);*/
	    background-image: url(../images/header_mob_open.jpg);

    	background-size: 100%;
	}
	.header .logo img {
	    max-width: 77.6%;
	}
	.header-text {
		padding-left: 17px;
		margin-bottom: 60px;
	}
	.header-text h1,
	.header-text h2 {
		margin: 0;
		font-size: 32px;
		font-weight: 300;
		line-height: 1.25;
		letter-spacing: 0px;
	}
	.header-text h2 {
		margin-bottom: 30px;
	}
	ul.list {
		padding-right: 20px;
	}
	ul.list li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.29;
		letter-spacing: 0.3px;
		margin-bottom: 18px;
	}
	ul.list li:last-child {
		margin-bottom: 0;
	}
	ul.list li .ul-dote {
    	/*display: inline-block;
		height: 31px;
		float: left;*/
	}
	.header,
	.sub-header-content {
		padding: 30px 20px;
	}
	.sub-header .logo {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 7.47%;
		        flex: 0 1 7.47%;
	}
	.sub-header .logo img {
		width: 100%;
	}
	.sub-header .caller {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 40.3%;
		        flex: 0 1 40.3%;
	}
	.sub-header .caller button {
		width: 100%;
	    height: 25px;
		font-size: 12px;
	}
	.caller-phone {
	    position: relative;
	    top: 0;
	    left: 0;
	    padding: 0 20px;
	}
	.caller-phone button {
		width: 100%;
  		max-width: 335px;
   		margin: 0 auto;
		padding: 14.5px 0;
		font-family: "Roboto-Medium";
		font-size: 14px;
		font-weight: 500;
		line-height: normal;
		letter-spacing: normal;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		border: none;
		border-radius: 8px;
  		background-color: #f1cf31;
  		outline: none;
  		-webkit-box-shadow: none;
  		        box-shadow: none;
  		cursor: pointer;
	}
	.caller-phone button:focus {
  		background-color: #f1cf31;
		border: none;
  		outline: none;
  		-webkit-box-shadow: none;
  		        box-shadow: none;
  		cursor: pointer;
	}
	.form {
		width: calc(100% - 40px);
	    position: relative;
	    top: 0;
	    left: 0;
	    margin: 20px auto 40px;
	    padding: 20px;
	    -webkit-box-sizing: border-box;
	            box-sizing: border-box;
	}
	.form form {
		margin: 0;
	}
	.form h3,
	.form input {
	    margin: 0 0 20px;
		font-size: 14px;
		font-weight: normal;
		line-height: normal;
		letter-spacing: 1.3px;
		text-transform: none;
	}
	.form input {
		margin: 0;
		line-height: 1.29;
	}
	.form label {
		font-size: 10px;
		font-weight: normal;
		line-height: 1.4;
		letter-spacing: 0.2px;
	}


	section {
	    padding: 40px 0;
	}
	section h3 {
		margin: 0 20px 30px;
		font-size: 32px;
		font-weight: 300;
		line-height: 1.25;
		letter-spacing: 0px;
		text-align: left;
	}
	#dataSource {
		padding: 30px 0 55px;
	}
	.source-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.source-list.slider,
	.source-list.slider .source-blk {
		max-height: 150px;
		margin-bottom: 0;
	}
	.source-list .source-blk span {
		font-size: 14px;
	}
	#specif_system {
		/*background-size: cover;*/
		padding: 30px 0;
	    background: url(../images/blue_bg_mob.svg);
	}
	#specif_system h3 {
		line-height: normal;
	}
	.specific {
		position: relative;
	}
	.specific-one {
		padding: 0 20px;
	}
	.specific-blk,
	.specific-one .specific-blk:last-child,
	.specific-two .specific-blk {
		margin: 0 0 30px;
	}
	.specific-two .specific-blk:nth-child(2) {
	    padding-bottom: 0;
	    margin-bottom: 50px;
	}
	.specific-two {
		padding: 0 20px;
	}
	.specific-two h3 {
	    margin: 0 0 30px;
	}
	.specific h4 {
		font-family: "Roboto-Light";
		line-height: normal;
  		letter-spacing: 1.5px;
	}
	.specific p {
		font-family: "Roboto-Light";
		font-size: 14px;
		font-weight: normal;
		line-height: 1.29;
		letter-spacing: 0.3px;
	}
	.specific-one:before,
	.specific-two:before,
	#workspace .specific-two:before {
		display: none;
	}
	#workspace {
		padding: 30px 0 40px;
	}
	#workspace:before {
	    background: url(../images/work_space_mob.svg) no-repeat right top;
        top: -228px;
	    height: 770px;
	}
	#workspace .specific h4 {
		font-family: "Roboto-Regular";
	    margin-bottom: 12px;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.29;
		letter-spacing: 0.4px;
		color: #1f3d74;
	}
	#workspace .specific ul.list li {
		font-size: 14px;
		font-weight: normal;
		line-height: 1.29;
		letter-spacing: 0.3px;
		color: #6b7c93;
	}
	#workspace .specific-two {
		padding-top: 30px;
	}
	#workspace .specific-two .specific-blk:nth-child(2) {
		margin-bottom: 0;
	}
	#workspace .specific-two .specific-blk {
		margin-left: 0;
	}
	.system-blk {
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		margin-bottom: 20px;
		padding: 22px 20px 20px;
	}
	.system h6 {
		margin-bottom: 12px;
		font-size: 14px;
		letter-spacing: 0.4px;
	}
	.system p {
		margin-bottom: 8px;
		font-size: 14px;
	    line-height: 1.29;
		letter-spacing: 0.3px;
	}
	.system-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
    	padding: 0 20px;
    	margin-bottom: 0;
	}
	.system-bottom {
		margin: 0 20px;
	    padding: 22px 20px 20px;
	}
	#clients {
		padding: 30px 0;
	}
	#clients p {
		font-size: 14px;
		font-weight: normal;
		line-height: 1.29;
		letter-spacing: 0.3px;
	}
	.clients-list {
	    margin: 0 auto 56px;
		padding: 0 20px;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	    -ms-flex-direction: column;
    	        flex-direction: column;
	}
	.clients-list .clients-blk:first-child {
		margin-bottom: 30px;
	}
	.clients-list .clients-blk,
	.clients-bottom {
	    -webkit-box-flex: 0;
	        -ms-flex: none;
	            flex: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    	padding: 20px 20px 30px;
	}
	.clients-bottom {
	    margin: 0 20px;
	}
	.clients-bottom .right img {
		width: 100%;
	}
	.modules-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
    	padding: 0 20px;
	}
	.modules-list .modules-blk,
	.modules-list .modules-blk:last-child {
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
    	padding: 0;
    	border: none;
	}
	.modules-list .modules-blk:last-child {
		margin-top: 30px;
	}
	.modules-bottom {
		border: none;
		margin: 0 20px;
		padding-top: 30px;
	}
	.modules-bottom h4,
	.modules-bottom p {
		text-align: left;
	}
	footer {
	    padding: 20px 0;
	}
	footer span {
		opacity: 0.5;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.29;
		letter-spacing: 0.3px;
	}
	.ics .right img {
		width: 100%;
	}
	.docs-list__item {
		width: 100%;
	}
	.docs {
		max-width: 768px;
	}
	.docs > h3 {
		margin-left: 0;
	}
	.download-link {
		font-size: 24px;
		font-weight: 300;
		line-height: 1.25;
		letter-spacing: 0px;
	}
}
@media screen and (min-width: 376px) and (max-width: 1024px) {
	.clients-list .clients-blk,
	.clients-bottom {
	    width: 335px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.sub-header .caller button {
		height: 42px;
	}
}
@media screen and (max-width: 374px) {
	header {
	    background-size: auto;
	}
}