﻿.rowNew{margin: 0px auto;max-width: 980px;padding: 40px 0;overflow: hidden;}
.rowNew .titleNew{font-size: 37px; text-align: center;text-transform: uppercase; font-weight: 500; padding: 0px 0 40px;}



.main-use{background: #efefef;}
.use{}
.use .title{color: #2e2e2e;}
.use ul{text-align: center;}
.use ul li{display: inline-block;font-size: 18px;color: #2e2e2e;margin: 0 20px;}
.use ul li:nth-child(1), .use ul li:nth-child(2), .use ul li:nth-child(3){width: 220px;padding: 160px 30px 0;margin: 0 20px 15px;}
.use ul li:nth-child(4), .use ul li:nth-child(5){width: 150px;padding: 175px 70px 0;margin: 0 20px 0px;}
.use ul li:nth-child(1){background: url(../images/1.png) center top no-repeat; background-size: contain;}
.use ul li:nth-child(2){background: url(../images/2.png) center top no-repeat;background-size: contain;}
.use ul li:nth-child(3){background: url(../images/3.png) center top no-repeat;background-size: contain;}
.use ul li:nth-child(4){background: url(../images/4.png) center top no-repeat;background-size: contain;}
.use ul li:nth-child(5){background: url(../images/5.png) center top no-repeat;background-size: contain;}
.use ul li:nth-child(6){width: 210px;padding: 175px 30px 0;background: url(../images/6.png) center top no-repeat;background-size: contain; margin-top: 10px;}

.main-progress{background-image: url(/images/bg.jpg); background-size: cover; padding-bottom: 50px;}
.progress1{ height: 100%; width: 100%; }
.progress1 .title{color: #000;}
.progress1 ul{background: url(../images/progress-bg.png) center 0 no-repeat; height: 410px; position: relative;}
.progress1 ul li{color: #000;position: absolute; list-style-type: none;}
.progress1 ul li span{color: #000; font-size: 20px; text-transform: uppercase; display: block;}
.progress1 ul li:nth-child(1), .progress1 ul li:nth-child(2), .progress1 ul li:nth-child(3){text-align: right; padding-right: 60px;}
.progress1 ul li:nth-child(4), .progress1 ul li:nth-child(5), .progress1 ul li:nth-child(6){text-align: left; padding-left: 60px;}
.progress1 ul li:nth-child(1){width: 200px;background: url(../images/progress-1.png) center right no-repeat;top: 10px;left: 60px;}
.progress1 ul li:nth-child(2){width: 185px;background: url(../images/progress-2.png) center right no-repeat;top: 135px;left: 15px;}
.progress1 ul li:nth-child(3){width: 150px;background: url(../images/progress-3.png) center right no-repeat;top: 323px;left: 103px;}
.progress1 ul li:nth-child(4){width: 230px;background: url(../images/progress-4.png) center left no-repeat;top: 10px;right: 30px;}
.progress1 ul li:nth-child(5){width: 175px;background: url(../images/progress-5.png) center left no-repeat;top: 140px;right: 25px;}
.progress1 ul li:nth-child(6){width: 175px;background: url(../images/progress-6.png) center left no-repeat;top: 320px;right: 80px;}
.main-progress .block-bottom{background-color: #000;}
.main-progress .block-bottom::after{background: url(../images/block-bottom-green.png) 90% -7px no-repeat;}


.main-step{background: #F2F2F2 url(../images/step-bg.png) center no-repeat;}
.step{padding-bottom: 100px;}
.step .title{color: #000;}
.step .title span{font-size: 30px; display: block;}
.step ul{width: 800px; height: 250px; float: right; border-style: dashed; border-color: #2ECC71; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0px; border-right-width: 1px; border-top-right-radius: 115px; border-bottom-right-radius: 115px; position: relative; margin: 130px 0;}
.step ul li{color: #000; font-size: 16px; list-style-type: none; text-align: center; padding: 20px 0; position: absolute;}
.step ul li .number{background: #F2F2F2 url(../images/step.png) center no-repeat;display: inline-block;width: 49px;font-size: 22px;font-weight: bold;line-height: 49px;border-radius: 50%;margin: 0px 0 10px 0;position: relative;}
.step ul li span{ text-transform: uppercase; display: block;}
.step ul li:nth-child(1){top: -145px; left: -140px; width: 240px;}
.step ul li:nth-child(2){top: -145px; left: 200px; width: 240px;}
.step ul li:nth-child(3){top: -145px; right: 40px; width: 220px;}
.step ul li:nth-child(4){bottom: -95px;right: 30px;width: 240px;}
.step ul li:nth-child(5){bottom: -95px;left: 200px;width: 240px;}
.step ul li:nth-child(6){bottom: -95px;left: -150px;width: 260px;}
.step ul li:nth-child(2) .number::before, .step ul li:nth-child(3) .number::before{content: " ";background: url(../images/step-right.png) center no-repeat;width: 16px;height: 12px;position: absolute;top: 19px;left: -16px;}
.step ul li:nth-child(4) .number::before, .step ul li:nth-child(5) .number::before, .step ul li:nth-child(6) .number::before{content: " ";background: url(../images/step-left.png) center no-repeat;width: 16px;height: 12px;position: absolute;top: 24px;right: -17px;}
.step ul li .btn{margin: 15px 30px;}
.step ul li .btn a{font-size: 20px; padding: 5px 0; background: #fa9f22; background: -moz-linear-gradient(top, #fa9f22 0%, #f96b17 100%); background: -webkit-linear-gradient(top, #fa9f22 0%,#f96b17 100%); background: linear-gradient(to bottom, #fa9f22 0%,#f96b17 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9f22', endColorstr='#f96b17',GradientType=0 );}
.step ul li .btn a:hover{background: #ff9c00;}
.main-step .block-bottom{background-color: #000;}
.main-step .block-bottom::after{background: url(../images/block-bottom-black.png) 90% -7px no-repeat;}

@media screen and (max-width: 1020px){
	.rowNew {padding: 40px 10px;}
.step {padding-bottom: 100px;}
}
@media screen and (max-width: 767px){
.main-progress h2.title {
    margin-top: 20px;
    text-align: center;
}
.main-progress .item {
    text-align: center;
}
.main-progress p, .main-progress p.title {
    text-align: center;
}
}

@media screen and (max-width: 980px){
	.step ul{width: 100%; height: auto; float: none; border: none; border-radius: 0; position: static; margin: 0 -20px 0px;}
	.step ul li{position: static; width: 100%;}
	.step ul li:nth-child(1), .step ul li:nth-child(2), .step ul li:nth-child(3), .step ul li:nth-child(4), .step ul li:nth-child(5), .step ul li:nth-child(6){width: auto; padding: 0 0 30px;}
	.step ul li .btn {margin: 15px auto; width: 200px;}
	.step ul li:nth-child(2) .number::before, .step ul li:nth-child(3) .number::before{content: none;}
	.step ul li:nth-child(4) .number::before, .step ul li:nth-child(5) .number::before, .step ul li:nth-child(6) .number::before{content: none;}
	.step {padding-bottom: 0px;}
	.step ul li .number{margin: 0px 0 5px 0;}
}

@media screen and (max-width: 996px){

	.block-bottom::after {width: 100%;}
	.progress1 ul{background: none; height: auto; position: static; }
	.progress1 ul li{position: static; display: inline-block; margin: 0px 20px 30px; vertical-align: top;}
	.progress1 ul li:nth-child(1), .progress1 ul li:nth-child(2), .progress1 ul li:nth-child(3), .progress1 ul li:nth-child(4), .progress1 ul li:nth-child(5), .progress1 ul li:nth-child(6){text-align: center;padding: 50px 0 0 0;background-position-x: center;background-position-y: top;width: 265px;}
	.progress1 ul li span{font-size: 20px;text-transform: none;font-weight: 500;}

}

@media screen and (max-width: 425px){

	.progress1 ul li{margin: 0px 0px 30px;}

}

@media screen and (max-width: 475px){

	.rowNew .title {font-size: 30px;}

}

.section-block-7 .slide_block img {
    height: 150px;
}

.section-block-7 .slide_block .overlay {
    display: none;
    width: 88%;
    padding: 12px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 15px;
    background: rgba(4, 4, 4, 0.3);
}

.section-block-7 .slide_block a:hover .overlay {
    display: block;
}

.section-block-7 .slide_block .overlay h3 {
    color: white;
    font-size: 18px;
    margin-top: 50px;
}

.slide_block > div {
    margin-bottom: 25px;
}

.section-block-9 p.sub-title {
    font-size: 18px;
    line-height: 25px;
}