@keyframes fa-spin { 
0% { 
-webkit-transform: rotate(0deg); 
transform: rotate(0deg); 
} 
100% { 
-webkit-transform: rotate(359deg); 
transform: rotate(359deg); 
} 
}



@keyframes show_fixed {
	0% {
		top:-100%;
	}
	100% {
		top: 0;
	}
}

body {
	margin: 0;
	padding: 0;
	height: 3000px;
}

* {
	font-family: 'Roboto', sans-serif;	
}


/*HEADER*/

.container {
	position: relative;
	width: 1170px;
	margin: 0 auto;	
}

.header > .container {
	font-size: 0;
}

.header > .container > * {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
    right: 31px;
}

.header {
	background: #fff;
	height: 88px;
	width: 100%;
    z-index: 1;
}

.header ul {
	line-height: 88px;
	list-style: none;
	margin: 0;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	width: 45%;
	padding: 0;
}	

.header ul > li {
	display: inline-block;
}

.header ul > li > a {
	text-decoration:none;
	color: #2f2f2f;
	display: inline-block;
	padding: 0 15px;
	position: relative;
	padding-top: 1px;
	box-sizing: border-box;	
}

.header ul li img {
	width: 450px;
	display: inline-block;
	line-height: 87px;	
}

.number {
	font-size: 20px !important;
	font-weight: 400;
	width: 18%;
	text-decoration: none;
    color: inherit;
    text-align: right;
}

.number::before {
	content: url(../images/tel.png);
	display: inline-block;
	margin: 0px;
	vertical-align: middle;
    margin-right: 10px;
    margin-top: 1px;
}

.header ul > li a:hover {
	color: #fff;
	background-color: #2f85da;
}

.logo {
	background: url('../images/logoone2.png') left center/contain no-repeat;
	width: 37%;
	height: 49px;
}

/*H1H2H3*/

h1 {
	font-size: 44px;
	color: #fff;
	margin: 0;
	font-weight: 500;	
}

p {
	font-size: 16px;
	color: #404040;
	margin-bottom: 50px;
}

h3 {
	font-size: 36px;
	color: #2f2f2f;
	margin: 0;
	font-weight: 500;
    position: relative;
    right: 1px;
}

h4 {
	font-size: 16px;
	color: #fff;
	font-weight: 300;
}

h6 {
	font-size: 16px;
	color: #404040;
	margin-bottom: 50px;
	font-weight: 400;
	margin-bottom: -17px;
	position: relative;   
}


/*BANNER*/

.slider {	
	background: #eee;
	height: 600px;
	background-image: url(../images/cabel.jpg);
	margin-top: 0px;
}

.tittle1 {
    height: 300px;
    width: 600px;
    margin-left: 100px;
    position: absolute;
    bottom: 138px;
}

.button {
    display: inline-block;
    line-height: 1;
    padding: 15px;
    width: 111px;
    background: #2f85da;
    margin-top: 21px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 21px;
}

.button span {
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.button2 span {
    vertical-align: middle;
    position: relative;
    top: -1px;
    color: white;
    font-size: 11px;
    font-weight: 600;
}

.button::after {
	content: url(../images/arrow.png);
    margin-left: 7px;
    vertical-align: middle;
    position: relative;
    bottom: -1px;
}

.button:hover{
    background-color: #276cb1;
}

/*SLICKSLIDER*/

.prev {
    height: 50px;
    width: 50px;
    cursor: pointer;	
    opacity: 0.5;
    position: absolute;
    top: 375px;
    left: 100px;
    text-align: center;
    
}

.prev:hover {	
	opacity: 0.9; 
    
 
  
}

.next {
	height: 50px;
    width: 50px;
    opacity: 0.5;    
    position: absolute;
    top: 375px;
    right: 100px;
    text-align: center;
        cursor: pointer;
}

.next:hover {	
	opacity: 0.9;    
}



.container {
	position: relative;
	width: 1170px;
	margin: 0 auto;	
}


.slick-dots {
    position: absolute;
    width: 100%;
    bottom: 34px;
    left: 0;
    right: 0;
    margin: 0 auto;   
    display: block;
    padding: 0;
    text-align: center;
}

.slick-dots li.slick-active {
    opacity: 1;
}

.slick-dots li {
    box-sizing: border-box;
    padding: 6px;
    border-radius: 100%;
    vertical-align: middle;
    margin: 0 4px;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    opacity: .5;
    transition: all .3s ease-out;
}

.slick-dots li button {
    background: white;
    font-size: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    border: 0;
    padding: 0;
    box-sizing: border-box;
    border-radius: 100%;
    display: none;
    line-height: 0;
}

#custom-dots .slick-dots li {
    background: #dedede;
}

#slider {
	height: 600px;
}

#slider img {
	width: 1920px;
}


/*USLUGI*/

.uslugi {	
	height: 1150px;
	background: #fff;
}

.tittle2 {
	margin: 100px 0 60px;
    padding: 0 280px 0 26px;
}

.separator {
	width: 37px;
	height: 5px;
	background-color: #dae8f7;
	margin-top: 17px;
	margin-bottom: 21px;
}

.block1, .block2, .block3  {
	width: 370px;
	height: 719px;
	background: #fbfbfb;
	display: inline-block;
	vertical-align: top;
	float: left;
	box-sizing: border-box;
	padding: 25px;
}

.block2 {
	margin: 0 26px;
}

.clear {
	clear: both;
}

.block1 p {
	font-size: 25px;
    color: #404040;
    font-weight: 400;
    margin: 0 auto;    
    border-bottom: 1px solid #e8e8e8;
    display: inline-flex;
    width: 100%;
    background: url(../images/icon1.png) right top no-repeat;
    padding-bottom: 20px;
}

.separator-line {
	width: 317px;
	height: 1px;
	background-color: #e8e8e8;
	margin-left: 27px;
	margin-top: 24px;
}

.separator-line2 {
	width: 317px;
	height: 1px;
	background-color: #e8e8e8;
	margin-left: 27px;
	margin-top: 380px;
}

.block1 > .tittle {
	height: 100px;
}

.block1 ul {
	list-style: none;
    padding: 0;
    padding-left: 30px;
    height: 452px;
    border-bottom: 1px solid #e8e8e8;
}

.block1 ul li:first-child h6 {	
	margin-top: 30px;   
}

.block2 ul li:first-child h6 {
	margin-top: 30px;    
}

.block3 ul li:first-child h6 {
	margin-top: 30px;    
}

.block1 h6::before {
	content: url(../images/check.png);
	position: absolute;
    left: -30px;
    top: 1px;
}

.button2 {
    display: inline-block;
    line-height: 1;
    padding: 15px;
    width: 198px;
    background: #2f85da;
    margin-top: 48px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 106px;
    top: -33px;
    position: relative;	
}

.button2 a {
	margin-left: 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	line-height: 46px;
	margin-left: 108px;
	position: relative;
    top: 1px;	
    text-decoration: none;
}

.button2::after {
    content: url(../images/arrow.png);
    margin-left: 7px;
    vertical-align: middle;
    position: relative;
    top: 2px;
}

.button2:hover{
    background-color: #276cb1;
}

.block2 p {
    font-size: 25px;
    color: #404040;
    font-weight: 400;
    margin: 0 auto;
    border-bottom: 1px solid #e8e8e8;
    display: inline-flex;
    width: 100%;
    background: url(../images/icon2.png) right top no-repeat;
    padding-bottom: 20px;
}

.block2 ul {
    list-style: none;
    padding: 0;
    padding-left: 30px;
    height: 452px;
    border-bottom: 1px solid #e8e8e8;
}

.block2 h6::before {
	content: url(../images/check.png);
	position: absolute;
    left: -28px;
    top: 1px;
}

.block3 p {
    font-size: 25px;
    color: #404040;
    font-weight: 400;
    margin: 0 auto;
    border-bottom: 1px solid #e8e8e8;
    display: inline-flex;
    width: 100%;
    background: url(../images/icon3.png) right top no-repeat;
    padding-bottom: 20px;
}

.block3 ul {
    list-style: none;
    padding: 0;
    padding-left: 30px;
    height: 452px;
    border-bottom: 1px solid #e8e8e8;
}

.block3 h6::before {
	content: url(../images/check.png);
	position: absolute;
    left: -28px;
    top: 1px;
}


/*VIDEO*/

.separator-line3 {
	width: 100%;
	height: 1px;
	background-color: #e8e8e8;
	margin-top: 130px;	 
	margin-bottom: 107px;
}

.tittle3 {
	width: 500px;
    margin-left: 20px;
    position: relative;
    top: 10px;
    margin-bottom: 135px;
    display: inline-block;
    position: relative;
    left: 6px;
}

.tittle3 > p {
	font-size: 16px;
    color: #404040;
    margin-bottom: 21px;
}

.tittle3 > .button a {
	margin-left: 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	line-height: 46px;
	position: relative;
    bottom: -1px;	
}

.tittle3 > .button::after {
	content: url(../images/arrow.png); 
	margin-left: 10px; 
	vertical-align: middle;
	position: relative;
    bottom: -3px;
}

.tittle3 > .button:hover{
    background-color: #276cb1;
}

.camera {
	content: url(../images/camera.png); 
	width: 450px;	
	display: inline-block;
	position: absolute;
    top: 57px;
    left: 701px;
}


/*PLUS*/

.plus {
    width: 100%;
    height: 335px;
    background-image: url(../images/back3.jpg);   
    margin-top: 25px;
}

.blocks {
    width: 25%;
    height: 200px;
    display: inline-block;
    float: left;
    margin-top: 116px;
    padding-left: 62px;
    box-sizing: border-box;
    background-position: left top;
    background-repeat: no-repeat;
}

.blocks p {
	font-size: 20px;
	font-weight: 400;
	color: #2c78c2;
    margin: 2px 0 0;
}

.blocks h6 {
	font-size: 16px;
	color: #404040;
	font-weight: 300;
    margin-top: 10px;
}

.plus1 {
	background-image: url('../images/plus1.png');
}

.plus2 {
    background-image: url('../images/plus2.png');
}

.plus3 {
    background-image: url('../images/plus3.png');
}

.plus4 {
    background-image: url('../images/plus4.png');
}

.header.fixed {
	position: fixed;
    border-bottom: 1px solid #e2e2e2;
    animation: show_fixed 500ms;
}



/*VALUE*/

.value	{
	width: 100%;
	height: 665px;
	background-color: #fff;	
}

.value > .tittle2 {
	margin-top: 119px;
	margin-bottom: 74px;
}

.wrapper1, .wrapper2, .wrapper3 {
    width: 370px;
    height: 410px;
    display: inline-block;
    vertical-align: top;
    float: left;
    padding: 25px;
    box-sizing: border-box;
    border: 3px solid #e9f0f4;
}

.wrapper2 {
	margin: 0 26px;
}

.wrapper1 p {
	font-size: 25px;
    color: #2975b4;
    font-weight: 400;
    margin: 0 auto;
    border-bottom: 1px solid #ececec;
    display: inline-flex;
    width: 320px;
    padding-bottom: 20px;
    padding-top: 5px;
    position: relative;
    right: 3px;
}

.wrapper1 ul li:first-child h6 {	
	margin-top: 30px;
}

.wrapper2 ul li:first-child h6 {	
	margin-top: 30px;
}

.wrapper3 ul li:first-child h6 {	
	margin-top: 30px;
}

.wrapper1 ul {
    list-style: none;
    height: 161px;
    border-bottom: 1px solid #ececec;
    padding-left: 26px;
}

.wrapper1 h6::before {
	content: url(../images/check.png);
	position: absolute;
    left: -28px;
    top: 1px;
}

.wrapper2 p {
	font-size: 25px;
    color: #2975b4;
    font-weight: 400;
    margin: 0 auto;
    border-bottom: 1px solid #ececec;
    display: inline-flex;
    width: 320px;
    padding-bottom: 20px;
    padding-top: 5px;
    position: relative;
    right: 3px;
}

.wrapper2 ul {
    list-style: none;
    height: 161px;
    border-bottom: 1px solid #ececec;
    padding-left: 26px;
}


.wrapper2 h6::before {
	content: url(../images/check.png);
	position: absolute;
    left: -28px;
    top: 1px;
}

.wrapper3 p {
	font-size: 25px;
    color: #2975b4;
    font-weight: 400;
    margin: 0 auto;
    border-bottom: 1px solid #ececec;
    display: inline-flex;
    width: 320px;
    padding-bottom: 20px;
    padding-top: 5px;
    position: relative;
    right: 3px;
}

.wrapper3 ul {
    list-style: none;
    height: 161px;
    border-bottom: 1px solid #ececec;
    padding-left: 26px;
}


.wrapper3 h6::before {
	content: url(../images/check.png);
	position: absolute;
    left: -28px;
    top: 1px;
}

.bottom {
	margin-top: 20px;
    position: relative;
    right: 2px;
}


.bottom div {
	font-size: 16px;
	color: #545454;
}

.bottom div:last-child {
	font-size: 30px;
	color: #467fb9;
	margin-top: 2px;
}


/*VSEGDA*/

.vsegdablock {
    height: 300px;
    width: 600px;
    margin-left: 100px;
    position: relative;
    bottom: -157px;    
}

.wrapper > .blocks > p {
	    font-size: 20px;
    font-weight: 400;
    color: #252525;
    margin: 2px 0 0;
}

.vsegda {
	width: 100%;
	height: 450px;
	background-color: white;
	box-sizing: border-box;
}

.man {
	background-image: url(../images/man.png); 
	width: 386px;
	height: 386px;	
	display: inline-block;
	position: absolute;
    top: 38px;
    right: 814px;
}

.vsegda > .vsegdablock {
	height: 300px;
    width: 600px;
    margin-left: 100px;
    position: relative;
    bottom: 41px;
    left: 299px;
}

.vsegda > .vsegdablock > .wrapper {	
	height: 221px;
	background-color: #fff;
	width: 773px;
}

 .separator-line4 {
	width: 100%;
	height: 1px;
	background-color: #e8e8e8;
	margin: 0;
    position: absolute;
    bottom: 30px;
}

.wrapper > .blocks {
	width: 50%;
	height: 111px;
	background-color: #fff;
	display: inline-block;
	float: left;
	margin: 0px;	
	margin-top: 6px;
    
}

.vsegda1 {
    background-image: url('../images/vseg1.png');
}

.vsegda2 {
    background-image: url('../images/vseg2.png');
}

.vsegda3 {
    background-image: url('../images/vseg3.png');
}

.vsegda4 {
    background-image: url('../images/vseg4.png');
}



/*Партнеры*/

.tittle4 {
	margin: 100px 0 44px;
    padding: 0 280px 0 26px;
}

.slick-dots  {
    position: absolute;
    width: 100%;
    bottom: 34px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    padding: 0;
    text-align: center;
}

.part {
	width: 100%;
	height: 320px;
	background-color: #f9f9f9;
}

.port1, .port2, .port3, .port4, .port5, .port6 {
	width: 200px;
    height: 200px;
    display: inline-block;
    float: left;
    margin-top: 61px;       
}

.tester {
	margin-top: 200px;
}

.slick-slide {
    width: 293px;
    height: 200px !important;    
}

.slick-prev {
    height: 50px;
    width: 50px;	
    position: absolute;
    top: 296px;
    text-align: center;
}

.slick-next {
    height: 50px;
    width: 50px;	
    position: absolute;
    top: 296px;
    right:  -250px;
    text-align: center;
}

.slide2 > .slick-dots {
	position: absolute;
    bottom: -57px;
    right: 516px;
    display: inline-block;	
}

.slider2 > * {
	height: 100%;
}

.slick-slide img {
    display: block;
    width: 220px;    
}

.slick-prev {
    height: 50px;
    width: 50px;
    display: block;
    opacity: 0.2;
    position: absolute;
    top: 150px;
    text-align: center;
    cursor: pointer;
}

.slick-prev:hover {    
    opacity: 0.5;
}

.slick-track {
    height: 600px;
}


.slick-next {
    height: 50px;
    width: 50px;
    display: block;
    opacity: 0.2;
    position: absolute;
    top: 150px;
    right: 0;
    text-align: center;
    cursor: pointer;
}

.slick-next:hover {   
    opacity: 0.5;
}    

#slider2 {
    height: 300px;
}

#slider2 img{
    width: 70%;
    position: relative;
    bottom: -104px;
    right: -40px;
    opacity: 0.5;
    top: 45px;
    filter: grayscale(100%);
    cursor: pointer;
}

#slider2 img:hover{
    width: 70%;
    position: relative;
    bottom: -104px;
    right: -40px;
    opacity: 1.0;
    filter: grayscale(1%);
}

a.slick-disabled {
    display: none !important;
}


/*FORMA*/

.vopros {
	height: 687px;
    padding-bottom: 41px;
}

.container2 {
	position: relative;
	width: 770px;
	margin: 0 auto;	
}

.tittle5 {
	margin: 115px 0 60px;    
    width: 770px;
}

.tittle5 > h3 {
	font-size: 30px;
	color: #2f2f2f;
	margin: 0;
}

input {
	width: calc(50% - 10px);
    height: 50px;
    padding: 12px 20px;
    float: left;
    box-sizing: border-box;    
}

#user-name {
	width: 375px;
	margin-right: 20px;
	float: left;
	height: 47px;
	padding-left: 15px;
	border-radius: 1px;
	background-color: #f6f6f6;
	border: none;
	font-size: 15px;
}

#email {
	width: 375px;
	height: 47px;
	padding-left: 15px;
	border-radius: 1px;
	background-color: #f6f6f6;
	border: none;
	font-size: 15px;
}

#text {
	width: 754px;
	height: 300px;
	margin-top: 20px;
	padding-left: 15px;
	padding-top: 15px;
	border-radius: 1px;
	background-color: #f6f6f6;
	border: none;
	font-size: 15px;
	resize: none;
}

.push {
	width: 100%;
	margin-top: 20px;
	height: 47px;
	background-color: #2f85da;
	color: white;
	border-radius: 1px;
	border: none;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	cursor: pointer;
}

.push:hover {
	background-color: #276cb1;
}

/*FOOTER*/

.footer {
	background: #202020;
	padding: 15px 0;
	width: 100%;
}

.logofooter {
    background: url(../images/logofooter.png) center center/contain no-repeat;
    width: 103%;
    height: 88px;
    display: inline-block;
    vertical-align: middle;   
}

.footer > .container {
    font-size: 0;
}

.footer > .container > div {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    width: 33.3333%;
}

.footer .container .number {
	font-size: 24px !important;
	font-weight: 400;
	text-decoration: none;
    color: white;
    text-align: right;
    display: inline-block;
    width: 	auto;
}

.mail {
	font-size: 15px !important;
	font-weight: 300;
	text-decoration: none;
    color: white !important; 
    text-align: right;
    display: inline-block;
    text-align: center;
}

.mail::before {
	content: url(../images/mail.png);
	display: inline-block;
	margin: 0px;
	vertical-align: middle;
    margin-right: 10px;
}

.adress {
	font-size: 14px !important;
	font-weight: 300;
	text-decoration: none;
    color: #d0d0d0 !important; 
    text-align: right;
    display: inline-block;
}

.adress::before {
	content: url(../images/adress.png);
	display: inline-block;
	margin: 0px;
	vertical-align: middle;
    margin-right: 10px;
}


.test1 {
    text-align: left;
}

.test2 {
    text-align: center;	
}

.test3 {
    text-align: right;	
}


/*MODAL1*/


.mod {
    width: 390px;
    height: 416px;
    padding: 21px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.tittle6 {
    width: 348px;
    height: 107px;
    background-color: #ffffff;    
    box-sizing: border-box;
    top: -9px;
    position: relative
}

.tittle6 input {
    height: 50px;
    padding: 12px 20px;
    width: 350px;
    float: left;
    box-sizing: border-box;    
}

#user-name2 {
	width: 348px;
	margin-right: 20px;
	float: left;
	height: 47px;
	padding-left: 15px;
	border-radius: 1px;
	background-color: #f6f6f6;
	border: none;
	font-size: 15px;
}

#email2 {
	width: 348px;
	height: 47px;
	padding-left: 15px;
	border-radius: 1px;
	background-color: #f6f6f6;
	border: none;
	font-size: 15px;
	margin-top: 20px;
}

.tittle6 p {
	font-size: 28px;
	margin-bottom: 10px;
}

.tittle6 > h6{
	font-size: 14px;
	font-weight: 300;
	margin-top: 10px;	
}

.push::after {
    content: url(../images/arrow.png);
    margin-left: 6px;
    vertical-align: middle;
    position: relative;
    bottom: -2px;
}


/*MODAL2*/

#modal2, #modal3, #modal4, #modal5, #modal6, #modal7 {
    width: 1119px;
    height: 264px;
    background: white;
    padding: 42px;
}

#modal2 p, #modal3 p, #modal4 p, #modal5 p, #modal6 p, #modal7 p {
	font-size: 30px;
	font-weight: 400;
	margin: 0;
}

#modal2 h6, #modal3 h6, #modal4 h6, #modal5 h6, #modal6 h6, #modal7 h6 {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    color: #a8a8a8;
    margin-top: 2px;
}

.modalheader {
	width: 100%;
    height: 87px;
    background-color: #ffffff;
    border-bottom: 1px solid #e8e8e8;
}

.boxmodal {
    display: inline-block;
    vertical-align: middle;
    width: 70%;	
}

.boxmodal2 {
	display: inline-block;
    vertical-align: middle;
    width: 30%;
    float: right;
    text-align: right;
    height: 71px;
}

.boxmodal2 img {
    width: 207px;
    position: relative;
    top: -25px;
}

.box1, {
    display: inline-block;
    background-color: #fff;
    width: 317px;
    height: 308px;
    vertical-align: top;
    position: relative;
    top: 28px;
}

.box1 {
	margin-right: 40px;
    margin-top: 24px;

}










#modal2 > .box1 > p, #modal3 > .box1 > p, #modal4 > .box1 > p, #modal5 > .box1 > p, #modal6 > .box1 > p, #modal7 > .box1 > p {
	font-size: 20px;
	font-weight: 500;
	color: #2f85d8;

    margin: 6px 0;
}

#modal2 > .box1 > h6 {
	font-size: 16px;
    font-weight: 300;
    color: #818181;
}



#modal .modal_close {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: block;  
    text-align: center;
    position: absolute;
    right: 16px;
    top: 17px;
    opacity: 0.3;
}

#modal .modal_close:hover {
    opacity: 1;
}

#modal2 .modal_close, #modal3 .modal_close, #modal4 .modal_close, #modal5 .modal_close, #modal6 .modal_close, #modal7 .modal_close {
    width: 21px;
    height: 21px;
    position: absolute;
    cursor: pointer;
    display: block;
    text-align: center;
    right: 16px;
    top: 17px;
    opacity: 0.3;
}

#modal2 .modal_close:hover, #modal3 .modal_close:hover, #modal4 .modal_close:hover, #modal5 .modal_close:hover, #modal6 .modal_close:hover, #modal7 .modal_close:hover {
    opacity: 1;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.error-log {
    color: #da3636;
    font-size: 16px;
    margin-top: 8px;
}

.error-log.success {
    color: green;
    font-size: 16px;   
    position: relative;
    top: 5px;
}

[type="submit"]:disabled {
    background-color: grey;
}

.make-order span {
    background-image: url('../images/arrow.png');
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 20px;
}

.make-order::after {
    content: none;
}

.make-order {
    box-sizing: border-box;
    padding: 15px;
    height: 45px;
    width: auto;
    padding-top: 18px;
}

.blocko .make-order, #feedback .make-order {
    width: 100%;
}

.blocko .make-order {
    text-align: center;
}

#order .make-order {
    width: 100%;
    text-align: center;
}

.vsegdablock .blocks {
    background-position: -8px -3px;
    padding-left: 55px;
}




.development {   
    width: 1200px;
    height: 300px;
    margin: 185px auto;
}

.devel {
    
    width: 800px;
    height: 300px;
    margin: 51px auto;
}

.develicon {
    width: 150px;
    height: 140px;
    background: url(../images/clock.png) center center no-repeat;
    margin: 0 auto;
    animation: fa-spin 2.2s infinite linear;


}

.devel > p {
font-size: 28px;
    margin: 10px 0px;
    font-weight: normal;


}
.devel2 {
   
    width: 400px;
    height: 100px;
    margin: 0 auto;
}

.devel2 p {
font-size: 16px;
    margin: 0 0px;
    margin-top: 13px;
    font-weight: normal;
    color: #b9b9b9;
}

.devel2 >.knopka  {
    display: inline-block;
    line-height: 1;
    padding: 15px;
    width: 119px;
    background: #2f85da;
    margin-top: 92px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 24px;
    top: -57px;
    position: relative;
    margin-left: 121px;
}

.devel2 >.knopka:hover   {
   
    background: #276cb1;
    
}


.number2 {
        font-size: 20px !important;
    font-weight: 400;
    width: 18%;
    text-decoration: none;
    color: inherit;
    text-align: right;
}


.nomerbox {
    width: 18%;
    height: 48px;
    text-align: right;
    background: url(../images/tel.png) 24px center/contain no-repeat;
    background-size: 20px;
    }


.number1 {
    font-size: 18px !important;
    font-weight: 400;
    width: 18%;
    text-decoration: none;
    color: inherit;
    text-align: right;
}

.num1 {
    margin-bottom: 2px;
    margin-top: 2px;
}

.num2 {
    margin-top: 4px;
}