main .block1 .wrapper h1 {
		padding-top: 6%;
		letter-spacing: 0px;
		text-transform: none;
		font-size: 33px;
		direction: ltr;
		line-height: 50px;
		margin-bottom: 70px;
		font-family: verdana;
		margin: 0px 660px;
		text-align: center;
}

@media (max-width: 1920px) {
	
	main .block1 .wrapper h1 {
		padding-top: 6%;
		letter-spacing: 0px;
		text-transform: none;
		font-size: 33px;
		direction: ltr;
		line-height: 50px;
		margin-bottom: 70px;
		font-family: verdana;
		margin: 0px 394px;
		text-align: center;
	}
	
}

@media (max-width: 1600px) {
	
	main .block1 .wrapper h1 {
		    padding-top: 8%;
    letter-spacing: 0px;
    text-transform: none;
    font-size: 25px;
    direction: ltr;
    line-height: 41px;
    margin-bottom: 70px;
    font-family: verdana;
    margin: 0px 220px;
    text-align: center;
	}
	
}

@media (max-width: 1366px) {
	
	main .block1 .wrapper h1 {
		padding-top: 8%;
		letter-spacing: 0px;
		text-transform: none;
		font-size: 25px;
		direction: ltr;
		line-height: 38px;
		margin-bottom: 70px;
		font-family: verdana;
		margin: 0px 95px;
		text-align: center;
	}
	
}

@media (max-width: 1280px) {
	
	main .block1 .wrapper h1 {
		padding-top: 2%;
		letter-spacing: 0px;
		text-transform: none;
		font-size: 25px;
		direction: ltr;
		line-height: 38px;
		padding-bottom: 7%;
		margin-bottom: 70px;
		font-family: verdana;
		margin: 0px 95px;
		text-align: center;
	}

}

@media (max-width: 1024px) {
	
	main .block1 .wrapper h1 {
		    padding-top: 2%;
    letter-spacing: 0px;
    text-transform: none;
    font-size: 18px;
    direction: ltr;
    line-height: 38px;
    padding-bottom: 10%;
    margin-bottom: 70px;
    font-family: verdana;
    margin: 0px 180px;
    text-align: center;
	}

}

.media06{
	display:none;
}

@media (max-width: 768px) {
	
	main .block1 .wrapper h1 {
		padding-top: 1%;
    letter-spacing: 0px;
    text-transform: none;
    height: 135px;
    font-size: 18px;
    direction: ltr;
	    width: 60%;
    line-height: 27px;
    font-family: verdana;
    margin: 0px 35px;
    text-align: center;
	}
	
	.media13{
		right:19%;
	}
	
}

@media (max-width: 640px) {
	
	main .block1 .wrapper h1 {
		padding-top: 1%;
    letter-spacing: 0px;
    text-transform: none;
    height: 135px;
    font-size: 18px;
    direction: ltr;
	    width: 50%;
    line-height: 27px;
    font-family: verdana;
    margin: 0px 35px;
    text-align: center;
	}
	
	.media13{
		right:23%;
	}
	
}

@media (max-width: 480px) {
	
	.media13{
		right:0%;
	}
	
	
	main .block1 .wrapper h1 {
		    padding-top: 3%;
		letter-spacing: 0px;
		text-transform: none;
		height: 135px;
		font-size: 16px;
		width: 37%;
		direction: ltr;
		padding-bottom: 38%;
		line-height: 25px;
		font-family: verdana;
		margin: 0px 20px;
		text-align: center;
		position: relative;
		z-index: 99;
	}
	
	.media12{
		top: -12%;
	}
	
}



@media (max-width: 414px) {
	
	.media06{
		display:block;
		text-align: center;
		margin: 0px auto;
		font-size: 25px;
		letter-spacing: -3px;
		cursor: pointer;
		color: #fff;
		font-family: verdana;
		padding-bottom: 40px;
		font-weight: 700;
	}
	
	main .block1 .wrapper h1 {
		       padding-top: 0%;
    letter-spacing: 0px;
    text-transform: none;
    height: 134px;
    font-size: 14px;
    direction: ltr;
    padding-bottom: 15%;
    line-height: 21px;
    width: 31%;
    font-family: verdana;
    margin: 0px 20px;
    text-align: center;
    position: relative;
    z-index: 99;
	}
	
	.media12{
		top: -12%;
	}
	
}

@media (max-width: 375px) {
	
	.media06{
		display:block;
		text-align: center;
		margin: 0px auto;
		font-size: 25px;
		letter-spacing: -3px;
		cursor: pointer;
		color: #fff;
		font-family: verdana;
		padding-bottom: 40px;
		font-weight: 700;
	}
	
	main .block1 .wrapper h1 {
		padding-top: 0%;
		letter-spacing: 0px;
		text-transform: none;
		height: 134px;
		font-size: 14px;
		direction: ltr;
		padding-bottom: 15%;
		line-height: 21px;
		width: 29%;
		font-family: verdana;
		margin: 0px 20px;
		text-align: center;
		position: relative;
		z-index: 99;
	}
	
}

@media (max-width: 360px) {
	
	main .block1 .wrapper h1 {
		padding-top: 0%;
		letter-spacing: 0px;
		text-transform: none;
		height: 134px;
		font-size: 14px;
		direction: ltr;
		padding-bottom: 15%;
		line-height: 21px;
		width: 28%;
		font-family: verdana;
		margin: 0px 20px;
		text-align: center;
		position: relative;
		z-index: 99;
	}
	
}

@media (max-width:767px) {
    .block1,
    .block2,
    .block3,
    .block4,
    .block6 {
        overflow: hidden
    }
    .block1 {
        margin-top: 56px;
        height: 575px;
        color: #fefefe;
        background: url(../images/back1.jpg) 50% 0 no-repeat #5dbfc0;
        background-size: 767px auto
    }
    .block1 .wrapper {
           position: relative;
     background: rgba(20, 123, 60, 0.60);
    width: 100%;
    height: auto;
    padding-bottom: 28px;
	z-index:9;
    }

    .block1 .requestadvise,
    .block1 h2 {
        letter-spacing: 1px;
        position: relative;
        z-index: 10;
        font-weight: 700
    }
    .block1 h2 {
        font-size: 12px;
        text-align: right;
        margin-bottom: 21px
    }
    .block1 .requestadvise {
        text-align: center;
    margin: 0px auto;
    font-size: 25px;
    letter-spacing: -3px;
    cursor: pointer;
    color: #fff;
    font-family: verdana;
    padding-top: 10px;
    font-weight: 700;
    }

    .block1 .boat {
        will-change: transform;
        position: absolute;
        width: 793px;
        height: 520px;
        right: 0;
        top: 20px;
        background: url(../images/bigship2.png) 50% 50% no-repeat;
        background-size: 317px auto;
        margin-top: -270px;
        z-index: 1;
        -webkit-animation: firstboats 61.11111111s ease infinite;
        animation: firstboats 61.11111111s ease infinite
    }
    .block1 .crane1,
    .block1 .crane2 {
        width: 475px;
        height: 379px;
        left: 0
    }
    .block1 .crane1,
    .block1 .crane2,
    .block1 div[class^=car] {
        position: absolute;
        top: -95px;
        will-change: transform
    }
    .block1 .crane1 {
        background: url(../images/crane.png) 50% 50% no-repeat;
        background-size: 190px auto;
        z-index: 3;
        -webkit-animation: crane1s 30.55555556s linear infinite alternate;
        animation: crane1s 30.55555556s linear infinite alternate
    }
    .block1 .crane2 {
        background: url(../images/crane.png) 50% 50% no-repeat;
        background-size: 190px auto;
        z-index: 2;
        -webkit-animation: crane2s 30.55555556s linear infinite alternate;
        animation: crane2s 30.55555556s linear infinite alternate
    }
    .block1 div.car1,
    .block1 div.car2 {
        -webkit-animation: cartotop 6.25s linear infinite
    }
    .block1 div[class^=car] {
        left: -163px
    }
    .block1 div.car1 {
        width: 24px;
        height: 16px;
        background: url(../images/car1.png) 50% 50% no-repeat;
        background-size: 10px auto;
        z-index: 1;
        left: -200px;
        margin-left: -12px;
        margin-top: -8px;
        animation: cartotop 6.25s linear infinite;
        -webkit-animation-delay: -.4s;
        animation-delay: -.4s
    }
    .block1 div.car2,
    .block1 div.car4 {
        width: 26px;
        z-index: 1;
        margin-left: -13px;
        margin-top: -9px
    }
    .block1 div.car2 {
        height: 17px;
        background: url(../images/car2.png) 50% 50% no-repeat;
        background-size: 10px auto;
        left: -200px;
        animation: cartotop 6.25s linear infinite;
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
    .block1 div.car11 {
        width: 24px;
        height: 16px;
        background: url(../images/car1.png) 50% 50% no-repeat;
        background-size: 10px auto;
        z-index: 1;
        left: -200px;
        margin-left: -12px;
        margin-top: -8px;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        -webkit-animation: cartotop 6.25s linear infinite;
        animation: cartotop 6.25s linear infinite;
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }
    .block1 div.car3 {
        width: 29px;
        height: 20px;
        background: url(../images/car3.png) 50% 50% no-repeat;
        background-size: 12px auto;
        z-index: 1;
        margin-left: -15px;
        margin-top: -10px;
        -webkit-animation: cartoleft 12.5s linear infinite;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: -4s;
        animation-delay: -4s
    }
    .block1 div.car4 {
        height: 18px;
        background: url(../images/car4.png) 50% 50% no-repeat;
        background-size: 10px auto;
        -webkit-animation: cartoleft 12.5s linear infinite;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: -3.2s;
        animation-delay: -3.2s
    }
    .block1 div.car10,
    .block1 div.car9 {
        width: 26px;
        height: 18px;
        margin-left: -13px;
        margin-top: -9px;
        -webkit-animation: cartoleft2 7.14285714s linear infinite;
        z-index: 2;
        left: -180px
    }
    .block1 div.car9 {
        background: url(../images/car7.png) 50% 50% no-repeat;
        background-size: 10px auto;
        animation: cartoleft2 7.14285714s linear infinite;
        -webkit-animation-delay: -4s;
        animation-delay: -4s
    }
    .block1 div.car10 {
        background: url(../images/car4.png) 50% 50% no-repeat;
        background-size: 10px auto;
        animation: cartoleft2 7.14285714s linear infinite;
        -webkit-animation-delay: -3.2s;
        animation-delay: -3.2s
    }
    .block1 div.car5 {
        z-index: 2;
        width: 39px;
        height: 24px;
        background: url(../images/car5.png) 50% 50% no-repeat;
        background-size: 16px auto;
        left: -180px;
        margin-left: -20px;
        margin-top: -12px;
        -webkit-animation: cartoleft2 7.14285714s linear infinite;
        animation: cartoleft2 7.14285714s linear infinite;
        -webkit-animation-delay: -1.6s;
        animation-delay: -1.6s
    }
    .block1 div.car6,
    .block1 div.car7 {
        -webkit-animation: cartoleft 12.5s linear infinite;
        z-index: 1
    }
    .block1 div.car6 {
        width: 58px;
        height: 35px;
        background: url(../images/car6.png) 50% 50% no-repeat;
        background-size: 23px auto;
        margin-left: -29px;
        margin-top: -18px;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: -1.6s;
        animation-delay: -1.6s
    }
    .block1 div.car7 {
        width: 26px;
        height: 18px;
        background: url(../images/car7.png) 50% 50% no-repeat;
        background-size: 10px auto;
        margin-left: -13px;
        margin-top: -9px;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: -.8s;
        animation-delay: -.8s
    }
    .block1 div.car8 {
        width: 59px;
        height: 40px;
        background: url(../images/car8.png) 50% 50% no-repeat;
        background-size: 24px auto;
        z-index: 1;
        margin-left: -30px;
        margin-top: -20px;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        -webkit-animation: cartoleft 12.5s linear infinite;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }
    .block1 div.car12 {
        width: 168px;
        height: 103px;
        background: url(../images/trucks.png) 50% 50% no-repeat;
        background-size: 67px auto;
        z-index: 1;
        left: 93px;
        top: 91px;
        margin-left: -84px;
        margin-top: -52px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-animation: trucks 12.5s ease-in forwards;
        animation: trucks 12.5s ease-in forwards;
        -webkit-animation-delay: 5s;
        animation-delay: 5s
    }
    .block2 {
        height: 948px
    }
    .block2 .text h2 {
        padding-top: 43px;
        color: #26a65b;
        font-weight: 700;
        letter-spacing: 5px;
        margin-left: 2px;
        font-size: 34px;
        margin-bottom: 13px
    }
    .block2 .text p {
        width: 280px;
        color: #231f20;
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 22px
    }
    .block2 .blocks {
        width: 320px;
        margin-left: -20px
    }
    .block2 .blocks div[class^=service] {
        float: left;
        margin: 0 19px 5px;
        padding-left: 10px;
        width: 110px;
        height: 40px;
        padding-top: 115px;
        color: #181c1c;
        font-size: 14px;
        font-weight: 700
    }
    .block2 .blocks div[class^=service] span {
        font-weight: 700;
        border-bottom: 1px solid #181c1c;
        padding-bottom: 3px;
        line-height: 24px
    }
    .block2 .blocks .service1 {
        background: url(../images/ship.svg) 10px 27px no-repeat;
        background-size: 64px auto
    }
    .block2 .blocks .service2 {
        background: url(../images/doc.svg) 11px 28px no-repeat;
        background-size: 52px auto
    }
    .block2 .blocks .service3 {
        background: url(../images/docs.svg) 10px 30px no-repeat;
        background-size: 44px auto
    }
    .block2 .blocks .service4 {
        background: url(../images/import.svg) 11px 17px no-repeat;
        background-size: 80px auto
    }
    .block2 .blocks .service5 {
        background: url(../images/export.svg) 10px 21px no-repeat;
        background-size: 60px auto
    }
    .block2 .blocks .service6 {
        background: url(../images/audit.svg) 7px 22px no-repeat;
        background-size: 50px auto
    }
    .block2 .blocks .wecandomore {
        width: 250px;
        top: 47px;
        height: 30px;
        color: #26a65b;
        border-radius: 3px;
        cursor: pointer;
        position: relative;
        padding-right: 26px;
        clear: both;
        text-align: center;
        line-height: 32px;
        font-size: 15px;
        margin-left: 25px;
        border: 1px solid #26a65b
    }
    .block2 .blocks .wecandomore::before {
        content: '';
        display: block;
        background: url(../images/arrow.svg) 50% 50% no-repeat;
        background-size: 6px auto;
        position: absolute;
        width: 6px;
        height: 10px;
        top: 11px;
        right: 16px
    }
    .block2 .blocks .wecandomore:hover {
        background: #26a65b;
        color: #fefefe
    }
    .block2 .blocks .wecandomore:hover::before {
        -webkit-filter: brightness(100);
        filter: brightness(100)
    }
    .block3 {
                top: -455px;
    height: 510px;
    z-index: 1;
    overflow: hidden;
    margin-bottom: -515px;
    position: relative;
    }
    .block3 input[type=text]::-webkit-input-placeholder {
        font-style: normal;
        font-family: Lato, Arial, Verdana sans-serif;
        font-size: 18px;
        color: #fefefe
    }
    .block3 input[type=text]::-moz-placeholder {
        font-style: normal;
        font-family: Lato, Arial, Verdana sans-serif;
        font-size: 18px;
        color: #fefefe
    }
    .block3 input[type=text]:-moz-placeholder {
        font-style: normal;
        font-family: Lato, Arial, Verdana sans-serif;
        font-size: 18px;
        color: #fefefe
    }
    .block3 input[type=text]:-ms-input-placeholder {
        font-style: normal;
        font-family: Lato, Arial, Verdana sans-serif;
        font-size: 18px;
        color: #fefefe
    }
    .block3 textarea::-webkit-input-placeholder {
        font-style: normal;
        font-family: Lato, Arial, Verdana sans-serif;
        font-size: 18px;
        color: #fefefe
    }
    .block3 textarea::-moz-placeholder {
        font-style: normal;
        font-family: Lato, Arial, Verdana sans-serif;
        font-size: 18px;
        color: #fefefe
    }
    .block3 textarea:-moz-placeholder {
        font-style: normal;
        font-family: Lato, Arial, Verdana sans-serif;
        font-size: 18px;
        color: #fefefe
    }
    .block3 textarea:-ms-input-placeholder {
        font-style: normal;
        font-family: Lato, Arial, Verdana sans-serif;
        font-size: 18px;
        color: #fefefe
    }
    .block3 textarea:focus::-webkit-input-placeholder {
        color: #fefefe
    }
    .block3 textarea:focus::-moz-placeholder {
        color: #fefefe
    }
    .block3 textarea:focus:-moz-placeholder {
        color: #fefefe
    }
    .block3 textarea:focus:-ms-input-placeholder {
        color: #fefefe
    }
    .block3 input[type=text]:focus::-webkit-input-placeholder {
        color: #fefefe
    }
    .block3 input[type=text]:focus::-moz-placeholder {
        color: #fefefe
    }
    .block3 input[type=text]:focus:-moz-placeholder {
        color: #fefefe
    }
    .block3 input[type=text]:focus:-ms-input-placeholder {
        color: #fefefe
    }
    .block3 input[type=text].tel::-webkit-input-placeholder {
        font-style: normal
    }
    .block3 input[type=text].tel::-moz-placeholder {
        font-style: normal
    }
    .block3 input[type=text].tel:-moz-placeholder {
        font-style: normal
    }
    .block3 input[type=text].tel:-ms-input-placeholder {
        font-style: normal
    }
    .block3 .boat {
        z-index: 0;
        width: 793px;
        height: 520px;
        position: absolute;
        background: url(../images/bigship2.png) 50% 50% no-repeat;
        background-size: auto 373px;
        top: -640px;
        right: -990px
    }
    .block3 form,
    .block3 h2 {
        z-index: 1;
        position: relative
    }
    .block3 .boat.animate {
        will-change: transform;
        -webkit-animation: formboat 35s linear infinite;
        animation: formboat 35s linear infinite;
        -webkit-animation-delay: -6s;
        animation-delay: -6s
    }
    .block3 h2 {
        color: #fefefe;
        letter-spacing: 2px;
        font-weight: 700;
        font-size: 27px;
        line-height: 36px;
        margin-left: 5px;
        margin-bottom: 36px
    }
    .block3 form input[type=text],
    .block3 form textarea {
        font-size: 18px;
        padding-left: 20px;
        background: 0 0;
        color: #fefefe;
        float: left
    }
    .block3 form {
        margin-left: -9px
    }
    .block3 form input[type=text] {
        width: 252px;
        height: 44px;
        padding-top: 8px;
        margin: 0 13px 23px;
        border: 1px solid #fefefe;
        border-radius: 3px
    }
    .block3 form textarea {
        width: 251px;
        height: 144px;
        padding-top: 18px;
        margin: 0 13px 47px;
        border: 1px solid #fefefe;
        border-radius: 3px;
        resize: none
    }
    .block3 form input[type=submit] {
        clear: both;
        margin-right: 100px;
        width: 274px;
        border: none;
        height: 54px;
        background: #26a65b;
        color: #fefefe;
        font-weight: 700;
        text-align: center;
        line-height: 59px;
        border-radius: 3px;
        letter-spacing: 3px;
        margin-left: 13px;
        cursor: pointer;
        font-size: 23px
    }
    .block3 form input[type=submit]:hover {
        background: #1e8549
    }
    .block3 form input[type=text].empty,
    .block3 form input[type=text].error,
    .block3 form textarea.empty,
    .block3 form textarea.error {
        border-color: #fc5454;
        color: #fc5454
    }
    .block3 form input[type=checkbox] {
        display: none
    }
    .block3 form input[type=checkbox]:checked+.agreetosend::after {
        opacity: 1
    }
    .block3 form input[type=checkbox].empty+.agreetosend::before,
    .block3 form input[type=checkbox].error+.agreetosend::before {
        border-color: #fc5454
    }
    .block3 form .agreetosend {
        color: #fff;
        display: block;
        font-size: 13px;
        line-height: 24px;
        margin-left: 13px;
        padding-left: 40px;
        cursor: pointer;
        padding-top: 23px;
        position: relative;
        clear: both
    }
    .block3 form .agreetosend::after,
    .block3 form .agreetosend::before {
        position: absolute;
        content: '';
        display: block
    }
    .block3 form .agreetosend::before {
        left: 0;
        top: 29px;
        cursor: pointer;
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        border-radius: 2px;
        border: 1px solid #fff
    }
    .block3 form .agreetosend::after {
        left: 4px;
        top: 35px;
        opacity: 0;
        width: 13px;
        height: 8px;
        background: url(../images/agree.svg) 50% 50%/13px auto no-repeat
    }
    .block4 {
        height: 1911px;
        position: relative
    }
    .block4 .truck1 {
        position: absolute;
        top: 914px;
        z-index: -1;
        background: url(../images/truck.jpg) 100% 50% no-repeat;
        background-size: auto 287px;
        height: 287px;
        width: 820px
    }
    .block4 .truck2 {
        position: absolute;
        top: 1511px;
        background: url(../images/truck2.png) 0 50% no-repeat;
        background-size: auto 219px;
        height: 219px;
        margin-left: -26px;
        width: 268px;
        z-index: -1
    }
    .block4 .text {
        float: left
    }
    .block4 .text h2 {
        color: #26a65b;
        font-weight: 700;
        padding-top: 67px;
        font-size: 31px;
        margin-left: -1px;
        margin-bottom: 31px;
        letter-spacing: 1px
    }
    .block4 .text p {
        margin-top: 22px;
        width: 280px;
        font-size: 15px;
        line-height: 22px
    }
    .block4 .blocks {
        margin-right: -4px;
        padding-right: 9px;
        float: right;
        padding-top: 46px
    }
    .block4 .blocks .advantage {
        width: 190px;
        float: left;
        padding-top: 110px;
        font-weight: 700;
        font-size: 15px;
        height: 40px;
        padding-left: 5px;
        margin-bottom: 20px
    }
    .block4 .blocks .advantage:nth-child(1) {
        background: url(../images/xp.svg) 9px 9px no-repeat;
        background-size: 74px auto
    }
    .block4 .blocks .advantage:nth-child(2) {
        background: url(../images/group.svg) 11px 8px no-repeat;
        background-size: 82px auto
    }
    .block4 .blocks .advantage:nth-child(3) {
        background: url(../images/email.svg) 0 19px no-repeat;
        background-size: 87px auto;
        width: 258px;
        margin: 0
    }
    .block4 .numbers {
        clear: both
    }
    .block4 .numbers h2 {
        color: #26a65b;
        font-weight: 700;
        letter-spacing: 5px;
        margin-left: 0;
        padding-top: 80px;
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 31px
    }
    .block4 .numbers p {
        line-height: 22px;
        font-size: 15px
    }
    .block4 .numbers .years {
        padding-top: 74px;
        color: #26a65b;
        font-size: 18px;
        line-height: 68px;
        font-weight: 700;
        letter-spacing: 3px
    }
    .block4 .numbers .years .animation {
        float: left;
        font-weight: 700;
        font-size: 75px;
        line-height: 36px;
        letter-spacing: 6px
    }
    .block4 .numbers .years .animation span {
        display: inline-block;
        width: 93px;
        font-weight: 700;
        text-align: right
    }
    .block4 .numbers .deals {
        color: #6e6471;
        padding-top: 22px;
        font-weight: 700;
        letter-spacing: 2px;
        font-size: 20px
    }
    .block4 .numbers .deals .animation {
        letter-spacing: 8px;
        vertical-align: top;
        font-weight: 700;
        margin-top: 1px;
        width: 288px;
        text-align: right;
        font-size: 96px;
        display: inline-block
    }
    .block4 .numbers .deals .dealings {
        font-weight: 700;
        margin-top: -5px;
        line-height: 20px;
        font-size: 20px;
        letter-spacing: 2px
    }
    .block4 .numbers .declarations {
        color: #26a65b;
        text-indent: -4px;
        padding-top: 69px;
        font-weight: 700;
        letter-spacing: 4px;
        font-size: 19px
    }
    .block4 .numbers .declarations .animation {
        letter-spacing: 11px;
        vertical-align: top;
        font-weight: 700;
        width: 830px;
        margin-top: -29px;
        font-size: 59px;
        margin-right: -30px
    }
    .block4 .numbers .tons {
        color: #6e6471;
        padding-top: 74px;
        text-indent: -3px;
        font-weight: 700;
        letter-spacing: 1px;
        font-size: 21px;
        line-height: 21px
    }
    .block4 .numbers .tons .animation {
        margin-bottom: 18px;
        letter-spacing: 2px;
        vertical-align: top;
        font-weight: 700;
        margin-top: -11px;
        font-size: 52px;
        margin-right: -30px
    }
    .block5 {
        position: relative;
        height: 450px
    }
    .block5 .bx-pager {
        position: absolute;
        top: 403px;
        margin: 0 auto;
        left: 0;
        right: 184px;
        width: 90px
    }
    .block5 .bx-pager .bx-pager-item a {
        display: block;
        float: left;
        height: 10px;
        text-indent: 100%;
        overflow: hidden;
        width: 10px;
        border-radius: 50%;
        margin: 4px 6px;
        background-color: #fefefe
    }
    .block5 .bx-pager .bx-pager-item a.active {
        margin: 0 2px;
        width: 18px;
        height: 18px;
        background-color: #26a65b
    }
    .block5 ul,
    .block5 ul li {
        height: 450px
    }
    .block5 ul li .case {
        height: 450px;
        color: #fefefe;
        width: 100%;
        box-sizing: border-box;
        padding-top: 82px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%
    }
    .block5 ul li .case h2 {
        font-weight: 700;
        line-height: 34px;
        font-size: 25px;
        margin-bottom: 30px
    }
    .block5 ul li .case p {
        width: 280px;
        line-height: 22px;
        font-size: 14px;
        margin-bottom: 28px
    }
    .block5 ul li .case .link {
        width: 110px;
        height: 30px;
        color: #fefefe;
        border-radius: 3px;
        cursor: pointer;
        position: relative;
        padding-right: 26px;
        clear: both;
        text-align: center;
        line-height: 32px;
        font-size: 15px;
        margin-left: 1px;
        border: 1px solid #fefefe
    }
    .block5 ul li .case .link::before,
    .truckfoot {
        content: '';
        position: absolute
    }
    .block5 ul li .case .link::before {
        display: block;
        background: url(../images/arrowwhite.svg) 50% 50% no-repeat;
        background-size: 6px auto;
        width: 6px;
        height: 10px;
        top: 11px;
        right: 16px
    }
    .block5 ul li .case .link:hover {
        background: #fefefe;
        color: #181c1c
    }
    .block6 h2,
    .block7 h2 {
        color: #26a65b;
        font-weight: 700
    }
    .block5 ul li .case .link:hover::before {
        -webkit-filter: brightness(0);
        filter: brightness(0)
    }
    .block5 ul li .zuma {
        background-image: url(../images/xp/zuma/card.jpg)
    }
    .block5 ul li .rise {
        background-image: url(../images/xp/rise/card.jpg);
        background-position: 45% 50%
    }
    .block5 ul li .europe {
        background-image: url(../images/xp/europe/card.jpg);
        background-position: 20% 50%
    }
    .block5 ul li .india {
        background-image: url(../images/xp/india/card.jpg);
        background-position: 35% 50%
    }
    .block6 {
        height: 372px;
        max-width: 100%
    }
    .block6 h2 {
        margin-left: 2px;
        font-size: 37px;
        letter-spacing: 3px;
        padding-top: 59px
    }
    .block6 .bx-viewport {
        margin: 0 auto;
        overflow: visible!important
    }
    .block6 .bx-controls {
        display: none
    }
    .block6 .bxsliderpartners {
        margin-top: 60px;
        height: 100px
    }
    .block6 .bxsliderpartners li {
        height: 150px;
        width: 200px!important
    }
    .truckfoot {
        background: url(../images/truck2.png) calc(50% + 240px) 50% no-repeat;
        background-size: auto 319px;
        height: 319px;
        bottom: -187px;
        z-index: 100;
        width: 100%
    }
    .block7 {
        height: 788px;
        position: relative
    }
    .block7 .gmaps {
        position: absolute;
        top: 0;
        width: 100%;
        height: 550px
    }
    .block7 h2 {
        font-size: 43px;
        letter-spacing: 5px;
        padding-top: 91px;
        width: 277px;
        margin: 0 auto 59px;
        position: relative
    }
    .block7 .placeblock {
        width: 274px;
        height: 213px;
        z-index: 1;
        margin: 0 auto;
        left: 0;
        right: 0;
        position: absolute;
        top: 191px;
        box-sizing: border-box;
        padding: 31px 0 0 38px;
        background: #fefefe
    }
    .block7 .placeblock p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 17px
    }
    .block7 .placeblock .tel {
        font-weight: 700;
        margin-bottom: 3px;
        font-size: 15px
    }
}

@media (max-width: 1024px) {
	
	.block1 {
        margin-top: 65px;
        height: 296px;
        color: #fefefe;
        background: url(../images/back1.jpg) 50% 50% no-repeat #5dbfc0;
        background-size: 1143px auto
    }
	
}

@media (max-width: 768px) {
	
	.block1 {
        margin-top: 65px;
        height: 235px;
        color: #fefefe;
        background: url(../images/back1.jpg) 50% 50% no-repeat #5dbfc0;
        background-size: 1143px auto
    }
	
}

@media (max-width: 414px) {
	
	.block1 {
        margin-top: 0px;
        height: 235px;
        color: #fefefe;
        background: url(../images/back1.jpg) 50% 50% no-repeat #5dbfc0;
        background-size: 1143px auto
    }
	
}

@media (min-width:768px) and (max-width:1143px) {
    .block1,
    .block2,
    .block3,
    .block4,
    .block6 {
        overflow: hidden
    }

    .block1 .wrapper {
           position: relative;
    background: rgba(20, 123, 60, 0.60);
    width: 100%;
	    z-index: 99;
		padding-bottom: 0px;
    height: auto;
    }

    .block1 .requestadvise,
    .block1 h2 {
        letter-spacing: 1px;
        position: relative;
        z-index: 10;
        font-weight: 700
    }
    .block1 h2 {
        font-size: 12px;
        text-align: right;
        margin-bottom: 26px
    }
    .block1 .requestadvise {
           text-align: center;
    margin: 0px auto;
    font-size: 40px;
    letter-spacing: -3px;
    cursor: pointer;
    color: #fff;
    font-family: verdana;
    padding-top: 45px;
    font-weight: 700;
    }

    .block1 .boat {
        will-change: transform;
        position: absolute;
        width: 793px;
        height: 520px;
        right: 0;
        top: 20px;
        background: url(../images/bigship2.png) 50% 50% no-repeat;
        background-size: 472px auto;
        margin-top: -270px;
        z-index: 1;
        -webkit-animation: firstboatm 61.11111111s ease infinite;
        animation: firstboatm 61.11111111s ease infinite
    }
    .block1 .crane1,
    .block1 .crane2 {
        width: 475px;
        height: 379px;
        left: 40px
    }
    .block1 .crane1,
    .block1 .crane2,
    .block1 div[class^=car] {
        position: absolute;
        top: 0;
        will-change: transform
    }
    .block1 .crane1 {
        background: url(../images/crane.png) 50% 50% no-repeat;
        background-size: 283px auto;
        z-index: 3;
        -webkit-animation: crane1m 30.55555556s linear infinite alternate;
        animation: crane1m 30.55555556s linear infinite alternate
    }
    .block1 .crane2 {
        background: url(../images/crane.png) 50% 50% no-repeat;
        background-size: 283px auto;
        z-index: 2;
        -webkit-animation: crane2m 30.55555556s linear infinite alternate;
        animation: crane2m 30.55555556s linear infinite alternate
    }
    .block1 div.car1,
    .block1 div.car2 {
        -webkit-animation: cartotop 6.25s linear infinite
    }
    .block1 div[class^=car] {
        left: -127px
    }
    .block1 div.car1 {
        width: 24px;
        height: 16px;
        background: url(../images/car1.png) 50% 50% no-repeat;
        background-size: 14px auto;
        z-index: 1;
        left: -150px;
        margin-left: -12px;
        margin-top: -8px;
        animation: cartotop 6.25s linear infinite;
        -webkit-animation-delay: -.4s;
        animation-delay: -.4s
    }
    .block1 div.car2,
    .block1 div.car4 {
        width: 26px;
        z-index: 1;
        margin-left: -13px;
        margin-top: -9px
    }
    .block1 div.car2 {
        height: 17px;
        background: url(../images/car2.png) 50% 50% no-repeat;
        background-size: 15px auto;
        left: -150px;
        animation: cartotop 6.25s linear infinite;
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
    .block1 div.car11 {
        width: 24px;
        height: 16px;
        background: url(../images/car1.png) 50% 50% no-repeat;
        background-size: 14px auto;
        z-index: 1;
        left: -150px;
        margin-left: -12px;
        margin-top: -8px;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        -webkit-animation: cartotop 6.25s linear infinite;
        animation: cartotop 6.25s linear infinite;
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }
    .block1 div.car3 {
        width: 29px;
        height: 20px;
        background: url(../images/car3.png) 50% 50% no-repeat;
        background-size: 17px auto;
        z-index: 1;
        margin-left: -15px;
        margin-top: -10px;
        -webkit-animation: cartoleft 12.5s linear infinite;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: -4s;
        animation-delay: -4s
    }
    .block1 div.car4 {
        height: 18px;
        background: url(../images/car4.png) 50% 50% no-repeat;
        background-size: 15px auto;
        -webkit-animation: cartoleft 12.5s linear infinite;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: -3.2s;
        animation-delay: -3.2s
    }
    .block1 div.car10,
    .block1 div.car9 {
        width: 26px;
        height: 18px;
        margin-left: -13px;
        margin-top: -9px;
        -webkit-animation: cartoleft2 7.14285714s linear infinite;
        z-index: 2;
        left: -140px
    }
    .block1 div.car9 {
        background: url(../images/car7.png) 50% 50% no-repeat;
        background-size: 15px auto;
        animation: cartoleft2 7.14285714s linear infinite;
        -webkit-animation-delay: -4s;
        animation-delay: -4s
    }
    .block1 div.car10 {
        background: url(../images/car4.png) 50% 50% no-repeat;
        background-size: 15px auto;
        animation: cartoleft2 7.14285714s linear infinite;
        -webkit-animation-delay: -3.2s;
        animation-delay: -3.2s
    }
    .block1 div.car5 {
        z-index: 2;
        width: 39px;
        height: 24px;
        background: url(../images/car5.png) 50% 50% no-repeat;
        background-size: 23px auto;
        left: -140px;
        margin-left: -20px;
        margin-top: -12px;
        -webkit-animation: cartoleft2 7.14285714s linear infinite;
        animation: cartoleft2 7.14285714s linear infinite;
        -webkit-animation-delay: -1.6s;
        animation-delay: -1.6s
    }
    .block1 div.car6,
    .block1 div.car7 {
        -webkit-animation: cartoleft 12.5s linear infinite;
        z-index: 1
    }
    .block1 div.car6 {
        width: 58px;
        height: 35px;
        background: url(../images/car6.png) 50% 50% no-repeat;
        background-size: 35px auto;
        margin-left: -29px;
        margin-top: -18px;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: -1.6s;
        animation-delay: -1.6s
    }
    .block1 div.car7 {
        width: 26px;
        height: 18px;
        background: url(../images/car7.png) 50% 50% no-repeat;
        background-size: 15px auto;
        margin-left: -13px;
        margin-top: -9px;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: -.8s;
        animation-delay: -.8s
    }
    .block1 div.car8 {
        width: 59px;
        height: 40px;
        background: url(../images/car8.png) 50% 50% no-repeat;
        background-size: 35px auto;
        z-index: 1;
        margin-left: -30px;
        margin-top: -20px;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        -webkit-animation: cartoleft 12.5s linear infinite;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }
    .block1 div.car12 {
        width: 168px;
        height: 103px;
        background: url(../images/trucks.png) 50% 50% no-repeat;
        background-size: 100px auto;
        margin-left: -84px;
        margin-top: -52px;
        z-index: 1;
        left: 243px;
        top: 96px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-animation: trucks 12.5s ease-in forwards;
        animation: trucks 12.5s ease-in forwards;
        -webkit-animation-delay: 5s;
        animation-delay: 5s
    }
    .block2 {
        height: 1059px
    }
    .block2 .text h2 {
        padding-top: 101px;
        color: #26a65b;
        font-weight: 700;
        letter-spacing: 5px;
        font-size: 45px;
        margin-left: 2px;
        margin-bottom: 40px
    }
    .block2 .text p {
        width: 660px;
        color: #231f20;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 28px
    }
    .block2 .blocks {
        width: 740px;
        margin-left: -42px;
        padding-top: 12px
    }
    .block2 .blocks div[class^=service] {
        float: left;
        margin: 0 32px 47px;
        padding-left: 10px;
        width: 170px;
        height: 50px;
        padding-top: 155px;
        color: #181c1c;
        font-size: 20px;
        font-weight: 700
    }
    .block2 .blocks div[class^=service] span {
        font-weight: 700;
        border-bottom: 1px solid #181c1c;
        padding-bottom: 5px;
        line-height: 33px
    }
    .block2 .blocks .service1 {
        background: url(../images/ship.svg) 10px 34px no-repeat;
        background-size: 87px auto
    }
    .block2 .blocks .service2 {
        background: url(../images/doc.svg) 12px 33px no-repeat;
        background-size: 72px auto
    }
    .block2 .blocks .service3 {
        background: url(../images/docs.svg) 10px 33px no-repeat;
        background-size: 61px auto
    }
    .block2 .blocks .service4 {
        background: url(../images/import.svg) 13px 7px no-repeat;
        background-size: 109px auto
    }
    .block2 .blocks .service5 {
        background: url(../images/export.svg) 20px 24px no-repeat;
        background-size: 82px auto
    }
    .block2 .blocks .service6 {
        background: url(../images/audit.svg) 1px 26px no-repeat;
        background-size: 68px auto
    }
    .block2 .blocks .wecandomore {
        width: 250px;
        height: 30px;
        color: #26a65b;
        border-radius: 3px;
        cursor: pointer;
        position: relative;
        padding-right: 26px;
        clear: both;
        text-align: center;
        line-height: 32px;
        font-size: 15px;
        margin-left: 51px;
        border: 1px solid #26a65b
    }
    .block2 .blocks .wecandomore::before {
        content: '';
        display: block;
        background: url(../images/arrow.svg) 50% 50% no-repeat;
        background-size: 6px auto;
        position: absolute;
        width: 6px;
        height: 10px;
        top: 11px;
        right: 16px
    }
    .block2 .blocks .wecandomore:hover {
        background: #26a65b;
        color: #fefefe
    }
    .block2 .blocks .wecandomore:hover::before {
        -webkit-filter: brightness(100);
        filter: brightness(100)
    }
    .block3 {
                top: -690px;
    height: 470px;
    z-index: 99999;
    float: right;
    width: 44%;
    overflow: hidden;
    margin-bottom: -490px;
    position: relative;
    }
    .block3 .boat {
           will-change: transform;
    position: absolute;
    width: 793px;
    height: 520px;
    right: 480px;
    top: -96px;
    background: url(../images/bigship2.png) 50% 50% no-repeat;
    background-size: 400px auto;
    margin-top: -280px;
    z-index: 1;
    -webkit-animation: firstboatm 61.11111111s ease infinite;
    animation: firstboatm 61.11111111s ease infinite;
    }
    .block3 .boat.animate {
        will-change: transform;
        -webkit-animation: formboat 35s linear infinite;
        animation: formboat 35s linear infinite;
        -webkit-animation-delay: -3s;
        animation-delay: -3s
    }
    .block3 h2 {
        color: #fefefe;
        position: relative;
        letter-spacing: 6px;
        z-index: 1;
        font-weight: 700;
        font-size: 49px;
        line-height: 70px;
        margin-left: 22px;
        margin-bottom: 83px
    }
    .block3 form input[type=text],
    .block3 form textarea {
        font-size: 20px;
        background: 0 0;
        color: #fefefe;
        float: left
    }
    .block3 form {
        position: relative;
        z-index: 1;
        margin-left: 5px
    }
    .block3 form input[type=text] {
        width: 275px;
        height: 48px;
        padding-top: 8px;
        margin: 0 13px 25px;
        border: 1px solid #fefefe;
        border-radius: 3px;
        padding-left: 20px
    }
    .block3 form textarea {
        width: 598px;
        height: 38px;
        padding-top: 18px;
        margin: 0 13px 42px;
        border: 1px solid #fefefe;
        border-radius: 3px;
        padding-left: 20px;
        resize: none
    }
    .block3 form input[name=tel] {
        position: relative;
        top: 83px
    }
    .block3 form input[type=submit] {
        clear: both;
        margin-right: 100px;
        width: 297px;
        border: none;
        height: 58px;
        background: #26a65b;
        color: #fefefe;
        font-weight: 700;
        text-align: center;
        line-height: 67px;
        border-radius: 3px;
        letter-spacing: 3px;
        margin-left: 13px;
        cursor: pointer;
        font-size: 24px
    }
    .block3 form input[type=submit]:hover {
        background: #1e8549
    }
    .block3 form input[type=text].empty,
    .block3 form input[type=text].error,
    .block3 form textarea.empty,
    .block3 form textarea.error {
        border-color: #fc5454;
        color: #fc5454
    }
    .block3 form input[type=checkbox] {
        display: none
    }
    .block3 form input[type=checkbox]:checked+.agreetosend::after {
        opacity: 1
    }
    .block3 form input[type=checkbox].empty+.agreetosend::before,
    .block3 form input[type=checkbox].error+.agreetosend::before {
        border-color: #fc5454
    }
    .block3 form .agreetosend {
        color: #fff;
        display: block;
        font-size: 13px;
        line-height: 24px;
        margin-left: 13px;
        padding-top: 20px;
        padding-left: 40px;
        cursor: pointer;
        position: relative;
        clear: both
    }
    .block3 form .agreetosend::after,
    .block3 form .agreetosend::before {
        position: absolute;
        content: '';
        display: block
    }
    .block3 form .agreetosend::before {
        left: 0;
        top: 28px;
        cursor: pointer;
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        border-radius: 2px;
        border: 1px solid #fff
    }
    .block3 form .agreetosend::after {
        left: 4px;
        top: 34px;
        opacity: 0;
        width: 13px;
        height: 8px;
        background: url(../images/agree.svg) 50% 50%/13px auto no-repeat
    }
    .block4 {
        height: 2020px;
        position: relative
    }
    .block4 .truck1 {
        position: absolute;
        top: 914px;
        z-index: -1;
        background: url(../images/truck.jpg) 100% 50% no-repeat;
        background-size: auto 287px;
        height: 287px;
        width: 820px
    }
    .block4 .truck2 {
        position: absolute;
        top: 1511px;
        background: url(../images/truck2.png) 0 50% no-repeat;
        background-size: auto 219px;
        height: 219px;
        margin-left: -26px;
        width: 268px;
        z-index: -1
    }
    .block4 .text {
        float: left
    }
    .block4 .text h2 {
        color: #26a65b;
        font-weight: 700;
        letter-spacing: 5px;
        padding-top: 101px;
        font-size: 39px;
        margin-left: -1px;
        margin-bottom: 50px
    }
    .block4 .text p {
        margin-top: 28px;
        width: 640px;
        font-size: 18px;
        line-height: 28px
    }
    .block4 .blocks {
        margin-right: -4px;
        padding-right: 9px;
        margin-left: -29px;
        float: right
    }
    .block4 .blocks .advantage {
        margin: 0 26px;
        width: 180px;
        float: left;
        padding-top: 226px;
        font-weight: 700;
        font-size: 20px;
        height: 100px
    }
    .block4 .blocks .advantage:nth-child(1) {
        background: url(../images/xp.svg) 0 73px no-repeat;
        background-size: 104px auto
    }
    .block4 .blocks .advantage:nth-child(2) {
        background: url(../images/group.svg) 0 74px no-repeat;
        background-size: 113px auto;
        margin-right: 5px;
        margin-left: 42px
    }
    .block4 .blocks .advantage:nth-child(3) {
        background: url(../images/email.svg) 12px 74px no-repeat;
        background-size: 131px auto;
        padding-left: 41px;
        width: 180px;
        margin: 0
    }
    .block4 .numbers {
        clear: both
    }
    .block4 .numbers h2 {
        color: #26a65b;
        font-weight: 700;
        letter-spacing: 5px;
        margin-left: 0;
        padding-top: 100px;
        font-size: 39px;
        margin-bottom: 75px
    }
    .block4 .numbers p {
        line-height: 28px;
        font-size: 19px
    }
    .block4 .numbers .years {
        padding-top: 204px;
        color: #26a65b;
        font-size: 20px;
        line-height: 96px;
        font-weight: 700;
        letter-spacing: 4px
    }
    .block4 .numbers .years .animation {
        float: left;
        font-weight: 700;
        font-size: 115px;
        line-height: 36px;
        letter-spacing: 11px
    }
    .block4 .numbers .years .animation span {
        display: inline-block;
        width: 133px;
        font-weight: 700;
        text-align: right
    }
    .block4 .numbers .deals {
        color: #6e6471;
        padding-top: 54px;
        font-weight: 700;
        letter-spacing: 2px;
        font-size: 24px
    }
    .block4 .numbers .deals .animation {
        letter-spacing: 12px;
        vertical-align: top;
        font-weight: 700;
        margin-top: -16px;
        margin-left: 26px;
        width: 361px;
        text-align: right;
        font-size: 129px;
        display: inline-block
    }
    .block4 .numbers .deals .dealings {
        font-weight: 700;
        float: right;
        line-height: 28px;
        font-size: 21px;
        letter-spacing: 2px
    }
    .block4 .numbers .declarations {
        color: #26a65b;
        padding-left: 268px;
        text-indent: -15px;
        padding-top: 69px;
        font-weight: 700;
        letter-spacing: 4px;
        font-size: 19px
    }
    .block4 .numbers .declarations .animation {
        letter-spacing: 11px;
        vertical-align: top;
        font-weight: 700;
        width: 830px;
        margin-top: -29px;
        font-size: 92px;
        margin-right: -30px
    }
    .block4 .numbers .tons {
        color: #6e6471;
        padding-left: 320px;
        padding-top: 98px;
        text-indent: -323px;
        font-weight: 700;
        letter-spacing: 1px;
        font-size: 26px
    }
    .block4 .numbers .tons .animation {
        letter-spacing: 11px;
        vertical-align: top;
        font-weight: 700;
        margin-top: -32px;
        font-size: 110px;
        margin-right: -30px
    }
    .block5 {
        position: relative;
        height: 539px
    }
    .block5 .bx-pager {
        position: absolute;
        top: 466px;
        margin: 0 auto;
        left: 0;
        right: 571px;
        width: 90px
    }
    .block5 .bx-pager .bx-pager-item a {
        display: block;
        float: left;
        height: 10px;
        text-indent: 100%;
        overflow: hidden;
        width: 10px;
        border-radius: 50%;
        margin: 4px 6px;
        background-color: #fefefe
    }
    .block5 .bx-pager .bx-pager-item a.active {
        margin: 0 2px;
        width: 18px;
        height: 18px;
        background-color: #26a65b
    }
    .block5 ul,
    .block5 ul li {
        height: 539px
    }
    .block5 ul li .case {
        height: 539px;
        color: #fefefe;
        width: 100%;
        box-sizing: border-box;
        padding-top: 95px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%
    }
    .block5 ul li .case h2 {
        font-weight: 700;
        line-height: 59px;
        font-size: 46px;
        width: 648px;
        margin-bottom: 58px
    }
    .block5 ul li .case p {
        width: 640px;
        line-height: 28px;
        font-size: 19px;
        margin-bottom: 46px
    }
    .block5 ul li .case .link {
        width: 110px;
        height: 30px;
        color: #fefefe;
        border-radius: 3px;
        cursor: pointer;
        position: relative;
        padding-right: 26px;
        clear: both;
        text-align: center;
        line-height: 32px;
        font-size: 15px;
        margin-left: 1px;
        border: 1px solid #fefefe
    }
    .block5 ul li .case .link::before,
    .truckfoot {
        content: '';
        position: absolute
    }
    .block5 ul li .case .link::before {
        display: block;
        background: url(../images/arrowwhite.svg) 50% 50% no-repeat;
        background-size: 6px auto;
        width: 6px;
        height: 10px;
        top: 11px;
        right: 16px
    }
    .block5 ul li .case .link:hover {
        background: #fefefe;
        color: #181c1c
    }
    .block6 h2,
    .block7 h2 {
        color: #26a65b;
        font-weight: 700
    }
    .block5 ul li .case .link:hover::before {
        -webkit-filter: brightness(0);
        filter: brightness(0)
    }
    .block5 ul li .zuma {
        background-image: url(../images/xp/zuma/card.jpg)
    }
    .block5 ul li .rise {
        background-image: url(../images/xp/rise/card.jpg)
    }
    .block5 ul li .europe {
        background-image: url(../images/xp/europe/card.jpg)
    }
    .block5 ul li .india {
        background-image: url(../images/xp/india/card.jpg)
    }
    .block6 {
        height: 406px;
        max-width: 100%
    }
    .block6 h2 {
        font-size: 41px;
        letter-spacing: 3px;
        padding-top: 97px;
        margin-left: -3px
    }
    .block6 .bx-viewport {
        margin: 0 auto;
        width: 660px!important;
        overflow: visible!important
    }
    .block6 .bx-controls {
        display: none
    }
    .block6 .bxsliderpartners {
        margin-top: 60px;
        height: 100px
    }
    .block6 .bxsliderpartners li {
        height: 150px;
        width: 200px!important
    }
    .truckfoot {
        background: url(../images/truck2.png) calc(50% + 240px) 50% no-repeat;
        background-size: auto 319px;
        height: 319px;
        bottom: -187px;
        z-index: 100;
        width: 100%
    }
    .block7 {
        height: 560px;
        position: relative
    }
    .block7 .gmaps {
        position: absolute;
        top: 0;
        width: 100%;
        height: 560px
    }
    .block7 h2 {
        font-size: 43px;
        letter-spacing: 5px;
        padding-top: 91px;
        width: 667px;
        margin: 0 auto 59px;
        position: relative
    }
    .block7 .placeblock {
            width: 400px;
    height: 240px;
    z-index: 1;
    margin: 0 auto;
    right: 0;
    left: 555px;
    direction: rtl;
    box-shadow: 0px 4px 17px -2px rgba(0, 0, 0, 0.30);
    position: absolute;
    top: 100px;
    box-sizing: border-box;
    padding: 42px 48px 0 0px;
    background: #fefefe;
    }
    .block7 .placeblock p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 22px
    }
    .block7 .placeblock .tel {
        font-weight: 700;
    margin-bottom: 13px;
    font-size: 15px;
    font-family: 'IranSans';
    color: #005a96;
    }
	
	    .block7 .placeblock .tel span{
                font-weight: 700;
    margin-bottom: 13px;
    font-size: 16px;
    font-family: 'BYekan';
	color:#606062;
    }
	
	    .block7 .placeblock .tel a{
	color:#606062;
	text-decoration:none;
    }
	
		    .block7 .placeblock .tel a:hover{
	color:#005a96;
    }
}

@media (min-width:1144px) and (max-height:844px) {
    main .block1 {
        height: 575px
    }

    main .block1 .bg {
        width: 100%;
        height: 575px;
        position: absolute;
        -webkit-filter: brightness(70%);
        filter: brightness(70%);
        background: url(../images/back1.jpg) 50% 0 no-repeat #5dbfc0;
        background-size: auto 1063px
    }
    main .block1 .wrapper {
            position: relative;
    background: rgba(20, 123, 60, 0.60);
    width: 100%;
    height: 575px;
    }
    main .block1 .wrapper .animation {
        -webkit-filter: brightness(70%);
        filter: brightness(70%)
    }
}

@media (min-width:1144px) {
    .block1,
    .block1 .wrapper {
           position: relative;
     background: rgba(20, 123, 60, 0.60);
    width: 100%;
    height: 575px;
    }
    .block1 {
        margin-top: 0px;
        overflow: hidden;
        height: 575px;
        color: #fefefe;
        background: #5dbfc0
    }

    .block1 .requestadvise,
    .block1 h2 {
        letter-spacing: 0px;
        position: relative;
        z-index: 10;
        font-weight: 700
    }
    .block1 h2 {
        font-size: 20px;
        text-align: right;
        margin-bottom: 45px
    }
    .block1 .requestadvise {
                text-align: center;
    margin: 0px auto;
    font-size: 51px;
    letter-spacing: -3px;
    cursor: pointer;
    color: #fff;
    font-family: verdana;
    padding-top: 45px;
    font-weight: 700;
    }
    .block1 .animationcontouter {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        min-width: 1920px
    }
    .block1 .animationcontouter .animationcontinner {
        width: 1920px;
        background: url(../images/back1.jpg) 50% 0/1920px auto no-repeat #5dbfc0;
        height: 575px
    }
    .block1 .boat {
        will-change: transform;
        position: absolute;
        width: 793px;
        height: 520px;
        background: url(../images/bigship2.png) 50% 50% no-repeat;
        z-index: 1;
        top: -90px;
        right: -50px;
        -webkit-animation: firstboat 61.11111111s ease infinite;
        animation: firstboat 61.11111111s ease infinite
    }
    .block1 .crane1,
    .block1 .crane2 {
        width: 475px;
        height: 379px;
        background: url(../images/crane.png) 50% 50% no-repeat
    }
    .block1 .crane1,
    .block1 .crane2,
    .block1 div[class^=car] {
        position: absolute;
        top: 0;
        left: 380px;
        will-change: transform
    }
    .block1 .crane1 {
        z-index: 3;
        -webkit-animation: crane1 30.55555556s linear infinite alternate;
        animation: crane1 30.55555556s linear infinite alternate
    }
    .block1 .crane2 {
        z-index: 2;
        -webkit-animation: crane2 30.55555556s linear infinite alternate;
        animation: crane2 30.55555556s linear infinite alternate
    }
    .block1 .car1,
    .block1 .car2 {
        -webkit-animation: cartotop 6.25s linear infinite
    }
    .block1 .car1 {
        width: 24px;
        height: 16px;
        background: url(../images/car1.png) 50% 50% no-repeat;
        z-index: 1;
        margin-left: -12px;
        margin-top: -8px;
        animation: cartotop 6.25s linear infinite;
        -webkit-animation-delay: -.4s;
        animation-delay: -.4s
    }
    .block1 .car2,
    .block1 .car4 {
        width: 26px;
        z-index: 1;
        margin-left: -13px;
        margin-top: -9px
    }
    .block1 .car2 {
        height: 17px;
        background: url(../images/car2.png) 50% 50% no-repeat;
        animation: cartotop 6.25s linear infinite;
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
    .block1 .car11 {
        width: 24px;
        height: 16px;
        background: url(../images/car1.png) 50% 50% no-repeat;
        z-index: 1;
        margin-left: -12px;
        margin-top: -8px;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        -webkit-animation: cartotop 6.25s linear infinite;
        animation: cartotop 6.25s linear infinite;
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }
    .block1 .car3 {
        width: 29px;
        height: 20px;
        background: url(../images/car3.png) 50% 50% no-repeat;
        z-index: 1;
        margin-left: -15px;
        margin-top: -10px;
        -webkit-animation: cartoleft 12.5s linear infinite;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: -4s;
        animation-delay: -4s
    }
    .block1 .car4 {
        height: 18px;
        background: url(../images/car4.png) 50% 50% no-repeat;
        -webkit-animation: cartoleft 12.5s linear infinite;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: -3.2s;
        animation-delay: -3.2s
    }
    .block1 .car10,
    .block1 .car9 {
        width: 26px;
        height: 18px;
        margin-left: -13px;
        margin-top: -9px;
        -webkit-animation: cartoleft2 7.14285714s linear infinite;
        z-index: 2
    }
    .block1 .car9 {
        background: url(../images/car7.png) 50% 50% no-repeat;
        animation: cartoleft2 7.14285714s linear infinite;
        -webkit-animation-delay: -4s;
        animation-delay: -4s
    }
    .block1 .car10 {
        background: url(../images/car4.png) 50% 50% no-repeat;
        animation: cartoleft2 7.14285714s linear infinite;
        -webkit-animation-delay: -3.2s;
        animation-delay: -3.2s
    }
    .block1 .car5 {
        z-index: 2;
        width: 39px;
        height: 24px;
        background: url(../images/car5.png) 50% 50% no-repeat;
        margin-left: -20px;
        margin-top: -12px;
        -webkit-animation: cartoleft2 7.14285714s linear infinite;
        animation: cartoleft2 7.14285714s linear infinite;
        -webkit-animation-delay: -1.6s;
        animation-delay: -1.6s
    }
    .block1 .car6,
    .block1 .car7 {
        -webkit-animation: cartoleft 12.5s linear infinite;
        z-index: 1
    }
    .block1 .car6 {
        width: 58px;
        height: 35px;
        background: url(../images/car6.png) 50% 50% no-repeat;
        margin-left: -29px;
        margin-top: -13px;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: -1.6s;
        animation-delay: -1.6s
    }
    .block1 .car7 {
        width: 26px;
        height: 18px;
        background: url(../images/car7.png) 50% 50% no-repeat;
        margin-left: -13px;
        margin-top: -9px;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: -.8s;
        animation-delay: -.8s
    }
    .block1 .car8 {
        width: 59px;
        height: 40px;
        background: url(../images/car8.png) 50% 50% no-repeat;
        z-index: 1;
        margin-left: -30px;
        margin-top: -20px;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        -webkit-animation: cartoleft 12.5s linear infinite;
        animation: cartoleft 12.5s linear infinite;
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }
    .block1 div.car12 {
        width: 168px;
        height: 103px;
        background: url(../images/trucks.png) 50% 50% no-repeat;
        z-index: 1;
        left: 843px;
        top: 226px;
        margin-left: -84px;
        margin-top: -52px;
        -webkit-animation: trucks 12.5s ease-in forwards;
        animation: trucks 12.5s ease-in forwards;
        -webkit-animation-delay: 5s;
        animation-delay: 5s
    }
    .block2 {
        overflow: hidden;
        height: 759px
    }
    .block2 .text {
        float: left
    }
    .block2 .text h2 {
        padding-top: 123px;
        color: #26a65b;
        font-weight: 700;
        letter-spacing: 5px;
        font-size: 45px;
        margin-left: 2px;
        margin-bottom: 76px
    }
    .block2 .text p {
        width: 310px;
        color: #231f20;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 28px
    }
    .block2 .blocks {
        float: right;
        width: 694px;
        padding-top: 95px
    }
    .block2 .blocks div[class^=service] {
        float: left;
        margin: 0 0 59px 51px;
        padding-left: 10px;
        width: 170px;
        height: 50px;
        padding-top: 155px;
        color: #181c1c;
        font-size: 20px
    }
    .block2 .blocks div[class^=service] span {
        font-weight: 700;
        border-bottom: 1px solid #181c1c;
        padding-bottom: 5px;
        line-height: 33px
    }
    .block2 .blocks .service1 {
        background: url(../images/ship.svg) 10px 34px no-repeat;
        background-size: 87px auto
    }
    .block2 .blocks .service2 {
        background: url(../images/doc.svg) 12px 33px no-repeat;
        background-size: 72px auto
    }
    .block2 .blocks .service3 {
        background: url(../images/docs.svg) 10px 33px no-repeat;
        background-size: 61px auto
    }
    .block2 .blocks .service4 {
        background: url(../images/import.svg) 13px 7px no-repeat;
        background-size: 109px auto
    }
    .block2 .blocks .service5 {
        background: url(../images/export.svg) 20px 24px no-repeat;
        background-size: 82px auto
    }
    .block2 .blocks .service6 {
        background: url(../images/audit.svg) 1px 26px no-repeat;
        background-size: 68px auto
    }
    .block2 .blocks .wecandomore {
        width: 250px;
        height: 30px;
        color: #26a65b;
        border-radius: 3px;
        cursor: pointer;
        position: relative;
        padding-right: 26px;
        clear: both;
        text-align: center;
        line-height: 32px;
        font-size: 15px;
        margin-left: 51px;
        border: 1px solid #26a65b
    }
    .block2 .blocks .wecandomore::before {
        content: '';
        display: block;
        background: url(../images/arrow.svg) 50% 50% no-repeat;
        background-size: 6px auto;
        position: absolute;
        width: 6px;
        height: 10px;
        top: 11px;
        right: 16px
    }
    .block2 .blocks .wecandomore:hover {
        background: #26a65b;
        color: #fefefe
    }
    .block2 .blocks .wecandomore:hover::before {
        -webkit-filter: brightness(100);
        filter: brightness(100)
    }
    .block3 {
              top: -720px;
    height: 505px;
    z-index: 999;
    width: 52%;
    float: right;
    overflow: hidden;
    margin-bottom: -490px;
    position: relative;
    }
    .block3 .boat {
        will-change: transform;
        position: absolute;
        width: 793px;
        height: 520px;
        right: 110px;
        top: 0px;
        background: url(../images/bigship2.png) 50% 50% no-repeat;
        background-size: 600px auto;
        margin-top: -380px;
        z-index: 1;
        -webkit-animation: firstboatm 61.11111111s ease infinite;
        animation: firstboatm 61.11111111s ease infinite
    }
    .block3 .boat.animate {
        will-change: transform;
        -webkit-animation: formboat 35s linear infinite;
        animation: formboat 35s linear infinite;
        -webkit-animation-delay: -4s;
        animation-delay: -4s
    }
    .block3 h2 {
        color: #fefefe;
        letter-spacing: 6px;
        font-weight: 700;
        font-size: 49px;
        margin-bottom: 71px
    }
    .block3 form {
        position: relative;
        z-index: 1;
        margin-left: -12px
    }
    .block3 form input[type=text],
    .block3 form textarea {
        font-size: 20px;
        margin: 0 13px 36px;
        padding-left: 20px;
        background: 0 0;
        color: #fefefe;
        float: left
    }
    .block3 form input[type=text] {
        width: 275px;
        height: 48px;
        padding-top: 8px;
        border: 1px solid #fefefe;
        border-radius: 3px
    }
    .block3 form textarea {
        width: 598px;
        height: 38px;
        padding-top: 18px;
        border: 1px solid #fefefe;
        border-radius: 3px;
        resize: none
    }
    .block3 form input[type=submit] {
        width: 297px;
        border: none;
        height: 58px;
        background: #26a65b;
        color: #fefefe;
        font-weight: 700;
        text-align: center;
        line-height: 67px;
        border-radius: 3px;
        letter-spacing: 3px;
        margin-left: 13px;
        cursor: pointer;
        font-size: 24px
    }
    .block3 form input[type=submit]:hover {
        background: #1e8549
    }
    .block3 form input[type=text].empty,
    .block3 form input[type=text].error,
    .block3 form textarea.empty,
    .block3 form textarea.error {
        border-color: #fc5454;
        color: #fc5454
    }
    .block3 form input[type=checkbox] {
        display: none
    }
    .block3 form input[type=checkbox]:checked+.agreetosend::after {
        opacity: 1
    }
    .block3 form input[type=checkbox].empty+.agreetosend::before,
    .block3 form input[type=checkbox].error+.agreetosend::before {
        border-color: #fc5454
    }
    .block3 form .agreetosend {
        color: #fff;
        display: block;
        font-size: 13px;
        line-height: 35px;
        margin-left: 13px;
        padding-left: 40px;
        cursor: pointer;
        position: relative;
        clear: both
    }
    .block3 form .agreetosend::after,
    .block3 form .agreetosend::before {
        position: absolute;
        display: block;
        content: ''
    }
    .block3 form .agreetosend::before {
        left: 0;
        top: 6px;
        cursor: pointer;
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        border-radius: 2px;
        border: 1px solid #fff
    }
    .block3 form .agreetosend::after {
        left: 4px;
        top: 12px;
        opacity: 0;
        width: 13px;
        height: 8px;
        background: url(../images/agree.svg) 50% 50%/13px auto no-repeat
    }
    .block4 {
        overflow: hidden;
        height: 2545px;
        position: relative
    }
    .block4 .truck1 {
        position: absolute;
        top: 637px;
        z-index: -1;
        background: url(../images/truck.jpg) 100% 50% no-repeat;
        height: 584px;
        width: 1729px
    }
    .block4 .truck2 {
        position: absolute;
        top: 1580px;
        background: url(../images/truck2.png) 0 50% no-repeat;
        background-size: auto 453px;
        height: 453px;
        margin-left: -302px;
        width: 548px;
        z-index: -1
    }
    .block4 .text {
        float: left
    }
    .block4 .text h2 {
        color: #26a65b;
        font-weight: 700;
        letter-spacing: 5px;
        margin-left: 2px;
        padding-top: 142px;
        font-size: 39px;
        margin-bottom: 91px
    }
    .block4 .text p {
        margin-top: 28px;
        width: 400px;
        font-size: 18px;
        line-height: 28px
    }
    .block4 .blocks {
        padding-top: 200px;
        margin-right: -20px;
        padding-right: 9px;
        float: right
    }
    .block4 .blocks .advantage {
        margin: 0 26px;
        width: 180px;
        float: left;
        padding-top: 237px;
        font-weight: 700;
        font-size: 20px;
        height: 100px
    }
    .block4 .blocks .advantage:nth-child(1) {
        background: url(../images/xp.svg) 0 84px no-repeat;
        background-size: 104px auto
    }
    .block4 .blocks .advantage:nth-child(2) {
        background: url(../images/group.svg) 0 85px no-repeat;
        background-size: 113px auto;
        margin-right: 5px;
        margin-left: 42px
    }
    .block4 .blocks .advantage:nth-child(3) {
        background: url(../images/email.svg) 12px 85px no-repeat;
        background-size: 131px auto;
        padding-left: 41px;
        width: 180px;
        margin: 0
    }
    .block4 .numbers {
        clear: both
    }
    .block4 .numbers h2 {
        color: #26a65b;
        font-weight: 700;
        letter-spacing: 5px;
        margin-left: 0;
        padding-top: 200px;
        font-size: 39px;
        margin-bottom: 75px
    }
    .block4 .numbers p {
        line-height: 28px;
        font-size: 19px
    }
    .block4 .numbers .years {
        padding-top: 204px;
        color: #26a65b;
        font-size: 32px;
        line-height: 128px;
        font-weight: 700;
        letter-spacing: 4px
    }
    .block4 .numbers .years .animation {
        float: left;
        font-weight: 700;
        margin-right: 35px;
        font-size: 202px;
        line-height: 36px;
        letter-spacing: 17px
    }
    .block4 .numbers .years .animation span {
        display: inline-block;
        width: 268px;
        font-weight: 700;
        text-align: right
    }
    .block4 .numbers .deals {
        color: #6e6471;
        padding-top: 105px;
        font-weight: 700;
        letter-spacing: 2px;
        font-size: 43px
    }
    .block4 .numbers .deals .animation {
        letter-spacing: 21px;
        vertical-align: top;
        font-weight: 700;
        margin-top: -29px;
        margin-left: 50px;
        width: 700px;
        text-align: right;
        font-size: 228px;
        display: inline-block
    }
    .block4 .numbers .deals .dealings {
        font-weight: 700;
        float: right;
        line-height: 45px;
        font-size: 37px;
        letter-spacing: 2px
    }
    .block4 .numbers .declarations {
        color: #26a65b;
        padding-left: 338px;
        text-indent: -15px;
        padding-top: 77px;
        font-weight: 700;
        letter-spacing: 4px;
        font-size: 41px
    }
    .block4 .numbers .declarations .animation {
        letter-spacing: 21px;
        vertical-align: top;
        font-weight: 700;
        width: 830px;
        margin-top: -29px;
        font-size: 189px;
        margin-right: -30px
    }
    .block4 .numbers .tons {
        color: #6e6471;
        padding-left: 550px;
        padding-top: 136px;
        text-indent: -554px;
        font-weight: 700;
        letter-spacing: 4px;
        font-size: 41px
    }
    .block4 .numbers .tons .animation {
        letter-spacing: 21px;
        vertical-align: top;
        font-weight: 700;
        margin-top: -32px;
        font-size: 190px;
        margin-right: -30px
    }
    .block5 {
        position: relative;
        height: 640px
    }
    .block5 .bx-pager {
        position: absolute;
        top: 537px;
        margin: 0 auto;
        left: 0;
        right: 948px;
        width: 200px
    }
    .block5 .bx-pager .bx-pager-item a {
        display: block;
        float: left;
        height: 15px;
        text-indent: 100%;
        overflow: hidden;
        width: 15px;
        border-radius: 50%;
        margin: 6px 9px;
        background-color: #fefefe
    }
    .block5 .bx-pager .bx-pager-item a.active {
        margin: 0 3px;
        width: 27px;
        height: 27px;
        background-color: #26a65b
    }
    .block5 ul,
    .block5 ul li {
        height: 670px
    }
    .block5 ul li .case {
        height: 670px;
        color: #fefefe;
        width: 100%;
        box-sizing: border-box;
        padding-top: 139px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%
    }
    .block5 ul li .case h2 {
        font-weight: 700;
        line-height: 59px;
        font-size: 54px;
        width: 648px;
        margin-bottom: 67px
    }
    .block5 ul li .case p {
        width: 480px;
        line-height: 28px;
        font-size: 18px;
        margin-bottom: 48px
    }
    .block5 ul li .case .link {
        width: 110px;
        height: 30px;
        color: #fefefe;
        border-radius: 3px;
        cursor: pointer;
        position: relative;
        padding-right: 26px;
        clear: both;
        text-align: center;
        line-height: 32px;
        font-size: 15px;
        margin-left: 1px;
        border: 1px solid #fefefe
    }
    .block5 ul li .case .link::before {
        content: '';
        display: block;
        background: url(../images/arrowwhite.svg) 50% 50% no-repeat;
        background-size: 6px auto;
        position: absolute;
        width: 6px;
        height: 10px;
        top: 11px;
        right: 16px
    }
    .block5 ul li .case .link:hover {
        background: #fefefe;
        color: #181c1c
    }
    .block6 h2,
    .block7 h2 {
        color: #26a65b;
        font-size: 66px;
        letter-spacing: 7px;
        font-weight: 700
    }
    .block5 ul li .case .link:hover::before {
        -webkit-filter: brightness(0);
        filter: brightness(0)
    }
    .block5 ul li .zuma {
        background-image: url(../images/xp/zuma/card.jpg)
    }
    .block5 ul li .rise {
        background-image: url(../images/xp/rise/card.jpg)
    }
    .block5 ul li .europe {
        background-image: url(../images/xp/europe/card.jpg)
    }
    .block5 ul li .india {
        background-image: url(../images/xp/india/card.jpg)
    }
    .block6 {
        height: 575px;
        max-width: 100%;
        margin: 0 auto;
        position: relative
    }
    .block6 h2 {
        padding-top: 116px;
        margin-bottom: 60px;
        margin-left: -3px
    }
    .block6 .bx-viewport {
        margin: 0 auto;
        width: 1144px!important;
        z-index: 10
    }
    .block6 .bx-controls {
        position: relative;
        position: absolute;
        width: 1260px;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 0;
        top: 315px
    }
    .block6 .bx-controls .bx-controls-direction .bx-next,
    .block6 .bx-controls .bx-controls-direction .bx-prev {
        float: left;
        display: block;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
        width: 17px;
        z-index: 90;
        height: 29px;
        background: url(../images/arrow.svg) 50% 50% no-repeat;
        background-size: 17px auto;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .5;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .block6 .bx-controls .bx-controls-direction .bx-next {
        float: right;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    .block6 .bx-controls .bx-controls-direction .bx-next:hover,
    .block6 .bx-controls .bx-controls-direction .bx-prev:hover {
        -webkit-filter: none;
        filter: none;
        opacity: 1
    }
    .block6 .bxsliderpartners {
        height: 150px
    }
    .block6 .bxsliderpartners li {
        height: 150px;
        width: 200px!important;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-transition: -webkit-filter .5s ease, filter .5s ease;
        transition: filter .5s ease
    }
    .block6 .bxsliderpartners li:hover {
        -webkit-filter: none;
        filter: none
    }
    .truckfoot {
        content: '';
        background: url(../images/truck2.png) calc(50% + 633px) 50% no-repeat;
        height: 632px;
        position: absolute;
        bottom: -297px;
        z-index: 100;
        width: 100%
    }
    .block7 {
        height: 550px;
        position: relative
    }
    .block7 .gmaps {
        position: absolute;
        top: 0;
        width: 100%;
        height: 550px
    }
    .block7 h2 {
        padding-top: 120px;
        width: 1144px;
        margin: 0 auto 59px;
        position: relative
    }
    .block7 .placeblock {
	    width: 400px;
    height: 240px;
    z-index: 1;
    margin: 0 auto;
    right: 0;
    left: 660px;
    direction: rtl;
        box-shadow: 0px 4px 17px -2px rgba(0, 0, 0, 0.30);
    position: absolute;
    top: 100px;
    box-sizing: border-box;
    padding: 42px 48px 0 0px;
    background: #fefefe;
    }
    .block7 .placeblock p {
        font-size: 19px;
        line-height: 28px;
        margin-bottom: 28px
    }
    .block7 .placeblock .tel {
                font-weight: 700;
    margin-bottom: 13px;
    font-size: 15px;
	font-family:'IranSans';
	color:#005a96;
    }
	
	    .block7 .placeblock .tel span{
                font-weight: 700;
    margin-bottom: 13px;
    font-size: 16px;
    font-family: 'BYekan';
	color:#606062;
    }
	
	    .block7 .placeblock .tel a{
	color:#606062;
	text-decoration:none;
    }
	
		    .block7 .placeblock .tel a:hover{
	color:#005a96;
    }
	
    footer .madein {
        margin-right: 126px
    }
}