/* 
	TMK 
*/

h2, h2.main-title{
	margin: 0 0 20px 0;
	text-align: center;
    padding: 0 15px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
}

.container-fluid{
	margin-top: 50px;
	margin-bottom: 0;
}
	
.sp-body .big-hr{
	display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
}
	
.sp-body .big-hr .text-left{

}
	
.sp-body .big-hr h2{
	text-align: left;
	padding: 0;
	margin-bottom: 0;
}

.sp-body .big-hr a{
	background: #549404;
	margin-top: 0;
}

img{
	pointer-events: none;
}

/* Common element */

.counters .chart{
    min-height: 114px;
    position: relative;
    border: 1px solid;
    border-bottom: 3px solid;
    padding: 35px 10px 35px 100px;
    font-family: Montserrat, sans-serif;
    color: #333;
    border-color: #eee;
	display: grid;
}

.counters span:first-child {
	text-align: center;
	padding-top: 20px;
	position: absolute;
	left: -10px;
	display: block;
	border: 1px solid #eee;
	background: #fff;
	border-right: none;
    width: 70px;
    height: 80px;
    top: 30px;
}

.counters span:first-child i {
    font-size: 3em;
	margin-left: 5px;
	color: #7b1015;
}

.counters span:first-child:after, .counters span:first-child:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
    border-bottom: 80px solid #eee;
    border-right: 25px solid transparent;
    right: -25px;
	top: -1px;
}

.counters span:first-child:after {
	border-bottom-color: #fff;
	top: -2px;
    right: -23px;
}

/* End Common element */

/* Banner */

#owl-main-slider{
	position: relative;
}

#owl-main-slider .slider-content{
	position: absolute;
	top: 0;
	width: 100%;
}

#owl-main-slider .item{
	width: 100%;
}

#owl-main-slider .item img{
	width: 100%;
	object-fit: cover;
}

.slider-content-inner{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
	margin-top: 80px;
}

.slider-content h2 {
	margin-left: -2px;
	padding: 0;
	font-size: 3.6rem;
	margin-right: 20px;
	margin-bottom: -5px;
	text-shadow: rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) -1px 0px 1px;
	position: relative;
	top: -5px;
	color: #fff;
	margin-top: 0;
	text-align: left;
}

.slider-content p {
	margin-top: 5px;
	font-size: 16px;
	line-height: 30px;
  	text-shadow: 0 0 2px #444;
	color: #fff;
}

.slider-content a.btn {
	margin-top: 10px;
	width: 185px;
	padding: 15px 0;
	text-align: center;
}

.slider-content p{
    font-size: 2.4rem;
	margin: 0;
}

.slider-content a.btn-app {
	margin: 10px 0 0 30px;
	color: #fff;
	background-color: #E72525;
	white-space: nowrap;
}

/* End Banner */

/* Percents */

.percent-blocks{
    margin-top: 50px;
}

.percent-blocks .chart{
    height: 150px;
}

.percent{
	font-family: Roboto, sans-serif;
	display: block;
	float: left;
	font-size: 36px;
	font-weight: 700;
	margin-right: 15px;
	margin-top: -5px;
}

/* End Percents */

/* Prices */

h2.title-block{
	margin-bottom: 50px;
}

.prices p{
	margin-bottom: 0;
}

/* End Prices */

/* Calculator */

.calculator{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 0;
}

/* End calculator */

/* Pros */

.pros{
	margin: 0;
	padding: 0 15px;
	overflow: hidden;
}

.pros .counters > div{
	min-width: calc(16.6% + 30px);
}

.pros .chart{
    height: 270px;
	display: block;
	padding: 28px 20px 35px 105px;
	border-right-width: 3px;
}

.pros .chart span:first-child{
	width: 65px;
	height: 75px;
	padding-top: 22px;
}

.pros .chart span:first-child::before, .pros .chart span:first-child::after{
    border-bottom-width: 75px;
    border-right-width: 25px;
}

.pros .chart span:first-child i{
	font-size: 2.2em;
}

.pros .chart h4{
    margin-top: 0;
}

.pros .chart li{
    list-style: circle;
	line-height: 1.4;
}

/* End Pros */

/* Any Questions */

.anyQuestions h2 + a.btn.btn-lg.btn-danger{
    margin: 0;
    margin-top: 10px;
}

.anyQuestions p{
	margin: 0;
}

/* End Any Questions */

/* Services */

.our-services a{
	position: relative;
	padding: 30px 10px 0 105px;
	display: block;
	cursor: pointer;
	border: 1px solid;
	border-right: none;
	height: 180px;
	color: #666;
	border-color: #eee;
	min-height: 114px;
}

.our-services .col-sm-6.col-md-4.col-lg-4:not(:nth-child(3n+4)) a{
	margin-bottom: 15px;
}


.our-services a:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: -1px;
	bottom: -1px;
	width: 4px;
}

.our-services a span {
	text-align: center;
	padding-top: 15px;
	width: 70px;
	height: 80px;
	position: absolute;
	left: -10px;
	top: 45px;
	display: block;
	border: 1px solid #eee;
	background: #fff;
	border-right: none;
}
.our-services a span .padding_for_span{
	padding-top: 10px;

}



.our-services a span:after,
.our-services a span:before{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 80px solid #eee;
	border-right: 25px solid transparent;
	top: -1px;
	right: -25px;
}

.our-services a span:after{
	border-bottom-color: #fff;
	top: -2px;
	right: -23px;
}

.our-services span i{
	margin-left: 5px;
    color: #549404;
}
.our-services span img {
	margin-left: 5px;


}
.icon_image{
	margin-left: 8px;
	margin-top: 3px;
	fill:#549404;

}
.icon_image.icon_secon_image{
	margin-top: -1px !important;
	margin-left: 5px !important;
}
.padding_for_icon{


}
.padding_for_span{

}
.our-services a span svg {

}

.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(1) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(2) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(3) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(4) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(5) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(6) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(7) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(8) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(9) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(10) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(11) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(12) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(13) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(14) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(15) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(16) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(17) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(18) {
	fill: #7b1015;
}
.col-sm-6.col-md-4.col-lg-4:hover .icon_image svg path:nth-of-type(19) {
	fill: #7b1015;
}


.our-services a:after{
	background: #eee;
}

.our-services .col-sm-6.col-md-6.col-lg-3 {
	padding: 0 10px;
}

.our-services h4{
	margin-top: 14px;
}

/* End Services */

/* Separator */

.separator{
	display: none;
}

/* End Separator */

/* Text Block */

.text-block h2{
	margin-bottom: 17px;
}

.text-block .scroll-text{
	max-height: 122px;
	overflow-y: scroll;
	margin: 0;
}

.text-block .scroll-text p{
	margin-bottom: 10px;
}

.text-block .scroll-text ul li{
	margin-left: 20px;
	list-style: disc;
}

/* End Text Block */

/* Steps */
	
.steps h2{
	text-align: center;
	font-size: 24px;
	margin-top: 0;
}

.steps span{
    font-weight: 700;
    font-size: 32px;
    padding-top: 10px !important;
	color: #7b1015;
}

.steps .chart{
    height: 170px;
    padding: 25px 10px 20px 90px;
}

/* End Steps */

/* Social */

.main-social{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	padding: 0;
}

.main-social h2{
	margin: 0;
}

.main-social .footer-icons{
    margin-left: 50px;
	padding: 0;
	width: 310px;
}

.main-social a{
    color: #fff;
	font-size: 3rem;
}

.main-social a + a{
	margin-left: 20px;
}

/* End Social */

/* Partners */

.partners{
	max-width: 1200px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.partners h2.main-title{
	margin-bottom: 10px;
}

#partners .rotateIn{
	min-width: 400px;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	
}
.buttons-row {
	display: flex;
	align-items: center;
	gap: 10px;
}
/* End Partners */

@media (min-width: 799px) {
	
	.counters .chart:hover{
		color: #fff;
        background-color: #7b1015;
        border-color: #7b1015;
	}
	
	.counters .chart:hover i{
		color: #333;
	}
	
    .our-services a:hover{
        text-decoration: none;
    }
	
    .our-services a:hover i{
        color: #7b1015;
    }
	
    .our-services a:hover:after{
		background-color: #549404;
    }
	
    .pros .chart:hover{
        background: #fff;
        border-color: #eee;
        border-bottom-color: #549404;
        border-right-color: #549404;
    }
	
    .pros .chart:hover h4, .pros .chart:hover li{
        color: #333333;
    }
	
	.steps .chart:hover span{
		color: #7b1015;
	}
	.height_desctop{
	    line-height: 34px!important;
	}
}
@media (max-width: 798px){
	.buttons-row {
		display: flex; /* Замість flex буде block */
		align-items: unset; /* Вимикає align-items */
	}
	h2, h2.main-title{
		margin-bottom: 15px;
	}
	
	.sp-body .big-hr{
		padding: 20px;
	}
	
	.sp-body .big-hr h2{
		margin-top: 0;
	}
	
    .sp-body .big-hr p{
        margin-bottom: 10px;
    }
	
    .counters > div, .our-services > div{
        min-width: 100vw;
    }
	
	/* Banner */

	.slider-content p {
		margin-top: 0;
		line-height: 22px;
		font-size: 24px;
	}
	
	.slider-content-inner{
		padding: 0 15px;
	}
	
    #owl-main-slider .slider-content a.btn{
        margin: 10px 0 0;
        width: 100%;
        height: 38px;
        width: 100%;
        padding: 10px;
    }
	



	#owl-main-slider .banner-first img{
		object-position: -900px 0;
	}
	
	#owl-main-slider .banner-second img{
		object-position: -900px 0;
	}
	
	/* End Banner */
	
	/* Percents */

    .percent-blocks .counters .chart{
        height: 180px;
    }
	
    .percent-blocks .counters .chart, .steps .counters .chart{
        max-width: 270px;
        margin: 0 auto;
    }
	
    .percent-blocks .counters .chart .percent{
        margin-right: 0;
    }
	
	.percent-blocks p{
		margin-bottom: 16px;
	}

	/* End Percents */

	/* Prices */
	
    .title-block span{
        display: block;
    }

    .prices .imgwrap{
        width: calc(100vw - 30px);
        margin: 0 auto;
    }
	
    .prices .imgwrap img{
        max-width: 320px;
        height: auto;
    }
	
    .prices h3, .prices p{
        font-size: 16px;
    }

	/* End Prices */

	/* Calculator */
	
    .sp-body .calculator{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        padding-top: 35px;
    }
    .calculator h2{
        text-align: center !important;
    }
    .calculator a{

    }

	/* End calculator */
	
	/* Pros */

	.pros .counters > div{
		min-width: calc(16.6% + 35px);
	}

	.pros .chart{
		height: 270px;
		display: block;
		padding: 28px 15px 35px 100px;
	}
	
	.pros .chart span:first-child{
		width: 55px;
		height: 65px;
		padding-top: 18px;
	}

	.pros .chart span:first-child i{
		font-size: 2em;
	}

	.pros .chart span:first-child::before, .pros .chart span:first-child::after{
		border-bottom-width: 65px;
	}

	.pros .chart h4{
		font-size: 16px;
	}

	.pros .chart li{
		list-style: circle;
		line-height: 1.4;
		font-size: 12px;
	}
	
	/* End Pros */

	/* Any Questions */
	
	.sp-body .anyQuestions{
        padding-top: 35px;
		display: block;
	}
	
	.sp-body .anyQuestions h2{
		text-align: center;
	}
	
	/* End Any Questions */
	
	/* Services */
	
	.our-services .col-sm-6.col-md-4.col-lg-4{
		margin-bottom: 0;
	}

	.our-services a{
		padding: 35px 10px 0 105px;
		max-width: 320px;
		margin: 0 auto;
	}

	.our-services .col-sm-6.col-md-4.col-lg-4:not(:nth-child(1n+4)) a {
		margin-bottom: 0;
	}

	.our-services h4, .our-services p {
		text-align: left;
	}
	
	/* End Services */

	/* Separator */

	.sp-body .separator{
		display: block;
		background: #444;
		padding: 50px 0;
	}
	
    .separator h2{
        display: block;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #888;
        line-height: 22px;
        letter-spacing: 3px;
        margin: 10px 0 0 0;
    }

	/* End Separator */

	/* Text Block */

	.text-block .scroll-text{
		max-height: 110px;
		padding: 0 15px;
	}
	
	/* End Text Block */
	
	/* Steps */
	
	
	
	/* End Steps */
	
	/* Social */

	.main-social{
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.main-social h2{
		margin-top: 10px;
		padding: 0;
		text-align: center;
	}

	.main-social .footer-icons{
		margin: 0 auto;
		padding: 0 0 10px 0;
		width: auto;
		font-size: 3rem;
	}

	/* End Social */

}

/* Slider */

.mps-slider{
	overflow: hidden;
}

.mps-slider-active{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.mps-slider-animation{
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	transition: transform 0.5s ease-out;
}

.mps-slider-arrow{
	position: absolute;
	top: 50%;
	display: none;
	transform: translate(0, -50%);
}


.mps-slider-prev{
	left: 10px;
}

.mps-slider-next{
	right: 10px;
}

@media screen and (max-width: 798px){
	.mps-slider-arrow{
		display: block;
		padding: 0px;
	}
	
	#owl-main-slider .mps-slider-arrow, .pros .mps-slider-arrow{
		display: none;
	}
	
	.prices .mps-slider-arrow{
		top: calc(50% - 25px);
	}
	.custom_margin_in_block{
	    margin-inline-start: -10px !important;
	}
}
@media (max-width: 768px) {
    #slider-container-3 {
        
        overflow: hidden;
    }

    #slider-container-3 .mps-slider {
        display: flex;
        flex-wrap: nowrap;
        
    }

    #slider-container-3 .partner-slide {
        flex: 0 0 90%; /* або 90% якщо хочеш менше білого краю */
        max-width: 80%;
        box-sizing: border-box;
        
    }

    #slider-container-3 .mps-slider-arrow {
        display: block;
    }
    
    #slider-container-3 .wow .rotateIn{
        margin-right: 20px;
    }
    #partners .rotateIn{
        padding-right: 45px;
        padding-left: 5px;
    }
      #slider-container-3 img[alt="Cargolux"] {
        width: 70% !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }
    .pros .chart{
        height: 285px !important;
    }
    .custom_padding_for_btn{
        padding-top: 12px !important;
        padding-left: 10px !important;
        padding-left: 10px !important;
    }
}
@media (max-width: 390px) {
    #partners .rotateIn{
        padding-right: 45px;
        padding-left: 23px;
    }
}
@media (max-width: 768px) {
	.mps-slider-arrow i {
		display: none !important;
	}

	.mps-slider-next {
		width: 25px;
		height: 25px;
		background: url('../img/right-arrow.svg') no-repeat center;
	}

	.mps-slider-prev {
		width: 25px;
		height: 25px;
		background: url('../img/left-arrow.svg') no-repeat center;
	}

	.mps-slider-next,
	.mps-slider-prev {
		display: block; 
		position: absolute; 
		top: 50%;
		transform: translateY(-50%);
		width: 25px; 
		height: 25px;
		cursor: pointer;
		z-index: 10;
	}

	
	.mps-slider-next {
		right: 10px; 
		background: url('../img/right-arrow.svg') no-repeat center center;
		background-size: contain; 
		margin-right: 10px;
	}

	.mps-slider-prev {
		left: 10px; 
		background: url('../img/left-arrow.svg') no-repeat center center;
		background-size: contain;
		margin-left: 10px;
	}


	.mps-slider-arrow i {
		display: none !important;
	}
	
    #slider-container-3 .mps-slider-next{
        display: none;
    }
    #slider-container-3 .mps-slider-prev{
        display: none;
    }
}
@media (max-width: 500px) {
    #slider-second .mps-slider-next {
        margin-right: 20px!important;
    }
    #slider-second .mps-slider-prev {
        margin-left: 20px!important;
    }
     #slider_5 .mps-slider-next{
        margin-right: 20px!important;
    }
    #slider_5 .mps-slider-prev{
        margin-left: 20px!important;
    }
    #slider_4 .mps-slider-next{
        margin-right: 0px!important;
    }
    #slider_4 .mps-slider-prev{
        margin-left: 0px!important;
    }
    #slider-container-3{
        margin-bottom: 48px;
    }
    #slider_4 .our-services .col-sm-6.col-md-4.col-lg-4 {
    padding-right: 4px !important;
  }
}
@media (max-width: 390px) {
    #slider-second .mps-slider-next {
        margin-right: 0px!important;
    }
    #slider-second .mps-slider-prev {
        margin-left: 0px!important;
    }
    #slider_3 .mps-slider-prev {
        margin-left: -10px!important;
    }
     #slider_3 .mps-slider-next {
        margin-right: -10px!important;
    }
    #slider_4 .mps-slider-next{
        margin-right: -10px!important;
    }
    #slider_4 .mps-slider-prev{
        margin-left: -10px!important;
    }
    #slider_5 .mps-slider-next{
        margin-right: 0px!important;
    }
    #slider_5 .mps-slider-prev{
        margin-left: 0px!important;
    }
    
    
}
@media (max-width: 380px) {
    #slider_4 .mps-slider-next{
        margin-right: -15px!important;
    }
    #slider_4 .mps-slider-prev{
        margin-left: -15px!important;
    }
}

@media (min-width: 430px) and (max-width: 470px) {
     .pros .chart{
        height: 235px !important;
    }
}
@media (min-width: 410px) and (max-width: 430px) {
    #slider_3 .mps-slider-prev {
        margin-left: 0px!important;
    }
     #slider_3 .mps-slider-next {
        margin-right: 0px!important;
    }
}
@media (min-width: 390px) and (max-width: 410px) {
     #slider_3 .mps-slider-prev {
        margin-left: -4px!important;
    }
     #slider_3 .mps-slider-next {
        margin-right: -4px!important;
    }
}
@media (min-width: 390px) and (max-width: 420px) {
        #slider_4 .mps-slider-next{
        margin-right: -5px!important;
    }
    #slider_4 .mps-slider-prev{
        margin-left: -5px!important;
    }
}
@media (min-width: 400px) and (max-width: 430px) {
     #partners .rotateIn{
        padding-right: 60px;
        padding-left: 0px;
    }
}
@media (min-width: 380px) and (max-width: 400px) {
     #partners .rotateIn{
        padding-right: 45px;
        padding-left: 45px;
    }
}
@media (min-width: 390px) and (max-width: 420px) {
     #slider_5 .mps-slider-next{
        margin-right: 0px!important;
    }
    #slider_5 .mps-slider-prev{
        margin-left: 0px!important;
    }
}

/* End Slider */