@font-face {
    font-family:'Roboto' ;
    src: url("../fonts/ROBOTO-THIN.ttf");
}

@font-face {
    font-family:'Calibri' ;
    src: url("../fonts/Calibri.ttf");
}
/*
h1.gray{
    color: #a9adb0 !important;
}
*/
.homeswiper{
    margin-top: 6rem;
}

header,footer{
    font-family: 'Roboto' !important;
}

.site-content{
    font-family: 'Calibri' !important;
}

footer .wp-block-heading{
    font-family: 'Roboto' !important;
}

body h1,
body h2,
body h3{
    color: #444;
}

.C444{
    color: #444 !important;
}

p{
    text-align: justify;
    color: #444;
}

img{
    max-width: 100%;
}

html[lang="en-US"]{
    margin-top: 0 !important;
}

.go-top{
    top: -1rem;
    cursor: pointer !important;
    transform: translate(50%, 0);
    color: #a9adb0 !important;
    font-size: 0.5rem;
    padding: 0.25rem 0.5rem;
    z-index:10;
    box-shadow: 1px 1px 15px #00000033;
}

.primary-navigation{
    display: block !important;
    position: fixed !important;
    width: 80vw !important;
    height: 100vh !important;
    background-color: white !important;
    transform: translate(100%) !important;
    right: 0 !important;
    z-index: 999999 !important;
    top: 0 !important;
    transition: 2s !important;
}

.primary-navigation.active{
    transform: translate(0) !important;
    transition: 2s !important;
	box-shadow: 2px 1px 20px #0000005e;
}

.primary-navigation.active a{
    display: block;
}

header.site-header {
    padding: 1rem !important;
    background: #fff;
}

header.site-header .primary-navigation.active ul.menu a{
    padding: 1.2rem 1rem;
}

header.site-header .primary-navigation.active  .menu-item-has-children:hover .sub-menu,
.primary-navigation.active .sub-menu{
    position: static;
    /*margin: auto;*/
    width: 80%;
    box-shadow: none !important;
    display: none;
    font-size: 0.8rem;
}

header.site-header .primary-navigation.active  .menu-item-has-children.subir .sub-menu,
.primary-navigation.active .subir .sub-menu{
    display: block;
}

header#masthead.site-header ul.menu a{
    font-size: 1rem;
}

header.site-header .primary-navigation  ul.menu,
header.site-header .primary-navigation  ul.menu>li{
    display: block !important;
}

header#masthead.site-header .logo img {
    width: 5rem !important;
    height: 5rem !important;
}

header.site-header .sub-menu {
    top: 2rem !important;
    border-top: 3px double #a7a9ac;
}

header.site-header ul.menu li:hover>a{
    color: #666666 !important;
}

header.site-header ul.menu li:hover .sub-menu li:hover>a{
    color: #888888 !important;
    font-size: 0.8rem !important;
}

header.site-header .sub-menu>li{
    border-bottom: 1px solid #a7a9ac ;
}

.swiper-slide .home-slider{
    width: 100%;
    height: auto !important;
    letter-spacing: 0;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
	min-height: 27rem !important;
	
}

.img-slide {
    width: 100%;
    height: auto;
}

.home-slider .content h1,
.home-slider .content h2,
.home-slider .content h3,
.home-slider .content h4,
.home-slider .content h5,
.home-slider .content h6 {
   color: #ffffff;
}

.home-slider .content h2{
   text-align: center; 
   font-size: 1.5rem; 
   font-family: 'Roboto' !important; 
   font-weight: 500; 
}

.home-slider .content h3{
   text-align: center;
   font-size: 1.1rem;
   font-family: 'Roboto' !important;
   font-weight: 500;
}

#wpadminbar{
    display: none !important;
}
.bars-side{
	list-style:none !important;
	text-align:center;
	width:100%;
	a{
		margin:0 !important;
	}
}
.bars-parent,
.bars-side,
#bars
{
    font-size: 2rem !important;
    color: #231F20 !important;
}

#bars
{
    margin-top: 2rem !important;
}

.site-content {
    margin-top: 5rem;
}

.slide-b img {
    width: 100%;
	height: auto;
    background-size: cover !important;
    background-attachment: fixed;
    display: flex;
}

body.page-template-theme-news{
    background-image: linear-gradient(to bottom, #000000d1 50%, #ffffffd1 100%) !important;
    background-attachment: fixed;
}

.news-page{
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.news-page a{
    text-decoration: none;

}

.news-page .card{
    border-radius: 0px 80px 0 80px !important;
    overflow: hidden;
    box-shadow: 1px 5px 15px 1px #000000de !important;
    transition: 2s;
}

.news-page .card h1,
.news-page .card h2,
.news-page .card h3,
.news-page .card h4,
.news-page .card h5,
.news-page .card h6
{
    padding-bottom: 1rem;
    font-size: 1rem !important;
}

.news-page .card-header{
    overflow: hidden !important;
}

.news-page .card:hover{
    box-shadow: 9px 9px 20px 20px #00000026 !important;
    transform: translate(0, -1rem);
    transition: 2s;
}

.news-page .card .card-body{
    padding: 2rem !important;
    min-height: 24rem;
}

.news-page .card img{
    transition: 2s;
}

.news-page .card:hover img{
    transform: scale(1.2);
    transition: 2s;
}

.card-t{
    border-radius: 0px 80px 0 80px !important;
    overflow: hidden;
    box-shadow: 1px 5px 15px 1px #000000de !important;
    transition: 2s;
}

/*
header.site-header .sub-menu>li:hover>a{
    color: #414042;
}
*/

.section-1, 
.section-3, 
.section-5, 
.section-7, 
.section-9 {
    width: 100% !important;
    background-size: cover !important;
    background-attachment: unset !important;
    padding: 0.9rem !important;
    min-height: 30vh !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: start !important;
    justify-content: center !important;
}

.section-1 .content h2,
.section-3 .content h2,
.section-5 .content h2,
.section-7 .content h2,
.section-9 .content h2{
    font-size: 1rem !important;
    font-stretch: extra-condensed !important;
}

.mt-auto hr{
    border-top: 1px black solid;
    opacity: .5;
}

.mb-M {
    margin-bottom: 1rem !important;
}
	
/* Button wrap */
.container-b { 
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center; 
}

/* button styles */
/* default button */
.btn-b {
    color: #fff;
    cursor: pointer;
    font-size: 0.5rem;
    font-weight: 400;
    line-height: 35px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 50%;
	&:hover { text-decoration: none;
		   background: #555;
		}
}

.btn-1,
.btn-2,
.btn-3,
.btn-4 {
	background: gray;
	border: 1px solid;
	border-radius: 0 0.5rem;
	overflow: hidden;
	position: relative;
	span {
		z-index: 20;
	}
	&:after {
		background: #fff;
		content: "";
		height: 155px;
		left: -75px;
		opacity: .2;
		position: absolute;
		top: -50px;
		transform: rotate(35deg);
		transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
		width: 50px;
		z-index: 1;
	}
}

.btn-1,
.btn-2,
.btn-3,
.btn-4{
	&:hover{
		&:after {
			left: 120%;
			transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			color: red;
		}
	}
}

.Type-h1,
.Type-h2,
.Type-h3,
.Type-h4{
    margin-top: 1rem;
    padding-top: 1rem;
    position: relative;
    left: 0.2rem;
    background: white !important;
    border-top: 2px dashed #d1d3d4;
}

.Texnical-h1,
.Texnical-h2,
.Texnical-h3,
.Texnical-h4{
    margin-top: 1rem;
    padding-top: 1rem;
    position: relative;
    left: 8rem;
    background: white !important;
    width: 47% !important;
    border-top: 2px dashed #d1d3d4;
}

.d-img img{
    display: none;
}

.d-img a:hover img[target=_blank]{
    display: block;
}
 
.C-body h5{
    /* text-shadow: 0px -1px 2px gray, 0 2px 1px black !important; */
    font-size: 1.5rem !important; 
}

.truck-c2 img,
.truck-c3 img,
.truck-c3 .truck-video{
    border-radius: 5px !important; 
    box-shadow: 1px 5px 10px 1px #000000de !important; 
    transition: 2s; 
}

.truck-img1{
    margin: 2rem 0 1rem 0;
}

.truck-img2{
    margin-top: 2rem;
}

.truck-img3{
    margin-bottom: 2rem;
}

.truck-video{
    margin-top: 1rem;
}

footer{
    padding: 0 !important;
}

footer .is-layout-flex{
    flex-wrap: nowrap !important;
}

footer mark{
    padding: 0 !important;
}

footer .col-full {
    width: 100%;
     /* background-image: url(https://arkia.group/wp-content/uploads/2024/07/map1-1-2.png); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center !important;
    padding-left: 1rem !important;
    padding-right:1rem !important;
}

#text-body {
    height: auto !important;
    transform: translate(0) !important;
}

.col-3 {
    width: 100% !important;
}

#colophon .footer-widgets.row-1.col-4.fix .footer-widget-1{
    width:25% !important;
    font-weight:bold;
}

#colophon .footer-widgets.row-1.col-4.fix .footer-widget-2{
    width:25% !important;
}

#colophon .footer-widgets.row-1.col-4.fix .footer-widget-3{
    width:50% !important;
}

#colophon .footer-widget-1 h3,
#colophon .footer-widget-2 h3{
    font-size: 1rem;
}

#colophon .footer-widget-1 .widget_block .p1{
    padding-left: 0.3rem !important;
}

#colophon .footer-widget-1 .widget_block .p2{
    padding-left: 1.4rem !important;
    margin: 0 !important;
    color: #231F20; 
    font-weight: 500;
}

#colophon .footer-widget-2 .widget_block .p1{
    padding-left: 0.3rem !important;
}

#colophon .footer-widget-2 .widget_block .p2{
    padding-left: 1.4rem !important;
    margin: 0 !important;
    color: #231F20; 
    font-weight: 500;
}

#colophon .footer-widget-1,
#colophon .footer-widget-2{
    text-decoration: none !important;
    font-size: 0.7rem;
    color: #231F20 !important;
    font-weight: 500;
    margin-bottom: 1rem;
    order: 2;
}

#colophon [class*="footer-widget-"]{
    padding-top: 1rem;
}

#colophon .footer-widget-1 img,
#colophon .footer-widget-2 img{
    width: 1rem;
    height: auto;
}

#colophon .footer-widget-1 div,
#colophon .footer-widget-2 div{
    font-size: 0.7rem;
    color: #231F20 !important;
    font-weight: 500;
    margin-top: -0.2rem;
}

#colophon .footer-widget-1 p,
#colophon .footer-widget-2 p{
    margin-bottom:0; 
    margin-top:0; 
    font-size: 0.7rem;
    color: #231F20 !important;
    font-weight: 500;
}

#colophon .footer-widget-1 .p3,
#colophon .footer-widget-2 .p3{
    word-spacing: -0.2rem;
    padding-left: 1rem;
}

#colophon .footer-widget-2{
    padding-left: 1rem;
}

#block-14,
#block-15,
#block-16,
#block-17,
#block-18,
#block-19,
#block-20,
#block-23,
#block-24,
#block-35,
#block-36,
#block-38,
#block-39,
#block-42,
#block-43,
#block-47,
#block-50,
#block-58,
#block-59,
#block-60{
    display: none;
}

#colophon .footer-widget-3{
    display:block !important;
    order: 1;
}

.lh-F{
    line-height: 1rem;
}

@media only screen and (max-width: 999px) {
    .body-border-right, .body-border-left, .body-border-top, .body-border-bottom {
        display: none;
    }
}

@media (mix-width: 1440px){
	footer {
	        padding: 0 3rem !important;
	        }
		#colophon .footer-widget-3{
			padding-top: 3rem !important;
		}
		.lh-F{
			line-height: 2rem !important;
		}
	}

	@media (min-width:768px){
	    /* html[lang="en-US"]{
	        margin-top: 46px !important;
	    } */
		/*
		.body-border-top {
	        background-color: #ffde68;
	        height: 1rem;
	    }
	    .body-border-right {
	        background-color: #ffde68;
	        width: 1rem;
	    }
	    .body-border-bottom {
	        background-color: #ffde68;
	        height: 1rem;
	    }
	    .body-border-left {
	        background-color: #ffde68;
	        width: 1rem;
	    }
	    .body-border-top {
		height: 0.5rem;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 10000;
		position: fixed;
	    }
	    .body-border-right {
	        height: 100%;
		width: 0.5rem;
		top: 0;
		right: 0;
		z-index: 10000;
		position: fixed;
  	    }
	    .body-border-bottom {
		height: 0.5rem;
		width: 100%;
		bottom: 0;
		left: 0;
		position: fixed;
		z-index: 10000;
	    }
	    .body-border-left {
		height: 100%;
		width: 0.5rem;
		top: 0;
		left: 0;
		z-index: 10000;
		position: fixed;
	    }
	    */
		.swiper-slide .home-slider{
			width: 100%;
			height: auto !important;
			letter-spacing: 0;
			background-size: 100% !important;
			background-repeat: no-repeat !important;
			background-position: top center !important;
			min-height: 20rem !important;
		}
	    .homeswiper{
	  	    margin-top: 11rem;
	    }
		
	    #wpadminbar{
	        display: none !important;
	    }
		
	    .primary-navigation{
	        display: block !important;
	        position: static !important;
	        width: auto !important;
	        background-color: transparent !important;
	        transform: translate(0) !important;
	        height: auto !important;
	    }
		
		header.site-header{
	        padding: 1rem 3rem 1rem 3rem;
	    	background: #fff;
	    }
		
		header#masthead.site-header ul.menu a{
	        font-size: 0.8rem;
	        padding: 0 0.5rem;
	    }
		
	    header.site-header .primary-navigation  ul.menu{
	        display: flex !important;
	        line-height: 1rem !important;
	    }
		
	    .site-content{
	        margin-top: 12.4rem;
	    }
		
	    .py-md-4{
	        padding-top: 4rem ;
	        padding-bottom: 4rem ;
	    }
	
	    .home-slider{
		    background-size: 100% !important;
			letter-spacing: 0;
	    }
	
	    .home-slider .content h2{
 		text-align: center; 
		font-size: 7rem; 
		font-family: 'Roboto' !important; 
		font-weight: 500; 
		line-height: 6rem; 
	    }
	
	    .home-slider .content h3{
		text-align: center;
   		font-size: 3.5rem;
    	        font-family: 'Roboto' !important;
    		font-weight: 500;
    		letter-spacing: 0.2rem;	
	    }
	
	    .section-1, 
	    .section-3, 
	    .section-5, 
	    .section-7, 
	    .section-9 {
		width: 100% !important;
		background-size: cover !important;
		background-attachment: fixed !important;
		padding: 3rem !important;
		min-height: 130vh !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: start !important;
		justify-content: center !important;
	    }
	
	    .section-1 .content h2,
	    .section-3 .content h2,
	    .section-5 .content h2,
	    .section-7 .content h2,
	    .section-9 .content h2{
		font-size: 2rem !important;
	    }
	
	    .mb-M {
		margin-bottom: 0 !important;
	    }
	
	    /* Button wrap */
	    .container-b { 
		align-items: center;
		display: flex;
		/* flex-direction: column; */
		justify-content: center;
		text-align: center; 
		@media (min-width: 600px) {
			flex-direction: row;
			justify-content: space-between;
		}
	    }
	    /* button styles */
	    /* default button */
	    .btn-b {
	      color: #fff;
	      cursor: pointer;
	      font-size: 0.7rem;
	      font-weight: 400 !important;
	      position: relative;
	      text-decoration: none;
	      text-transform: uppercase;
	      width: 100%; 
	      &:hover { text-decoration: none;
		        background: #555;
		      }
	     }
	
	.btn-1,
	.btn-2,
	.btn-3,
	.btn-4 {
	  background: gray;
	  border: 1px solid;
	  border-radius: 0 0.5rem;
	  overflow: hidden;
	  position: relative;
	  min-height: auto;
      	  vertical-align: middle;
          display: flex;
      	  align-items: center;
      	  justify-content: center;
	  padding: 0.5rem 0;
	  span {
		z-index: 20;
	  }
	  &:after {
		background: #fff;
		content: "";
		height: 155px;
		left: -75px;
		opacity: .2;
		position: absolute;
		top: -50px;
		transform: rotate(35deg);
		transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
		width: 50px;
		z-index: 1;
	  }
	}
	
	.btn-1,
	.btn-2,
	.btn-3,
	.btn-4{
		&:hover{
			&:after {
				left: 120%;
				transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			}
		}
	}

	.Type-h1,
	.Type-h2,
	.Type-h3,
	.Type-h4,
	.Texnical-h1,
	.Texnical-h2,
	.Texnical-h3,
	.Texnical-h4{
        	margin-top: 1rem;
        	padding-top: 1rem;
	    	position: absolute !important;
		    background: white !important;
        	border-top: 2px dashed #d1d3d4;
	}
	
	.Type-h1{
	    z-index: 3;
		left: 2.5%;
		width: 35%;
	}
	
	.Texnical-h1{
        z-index: 3;
        left: 14%;
		width: 11.5% !important;
	}
	
	.Type-h2{
        z-index: 3;
        left: 26.5%;
		width: 35%;
	}
	
	.Texnical-h2{
        z-index: 11;
        left: 38%;
		width: 11.5% !important;
	}
	
	.Type-h3{
        z-index: 11;
        left: 50.5%;
		width: 35.5%;
	}
	
	.Texnical-h3{
        z-index: 3;
        left: 62%;
		width: 11.5% !important;
	}
	
	.Type-h4{
        z-index: 3;
        left: 74.5%;
		width: 11.5% !important;
	}
	
	.Texnical-h4{
        z-index: 3;
        left: 86.2%;
		width: 11.2% !important;
	}
	
	.truck-c2,
	.truck-c3{
		min-height: 10rem;
		max-height: 10rem;
	}
	
	.truck-c2,
	.truck-c3{
		display: flex;
	}
	
	.truck-img1{
		margin-top: 0 !important;
		margin-right: 1rem !important;
		margin-bottom: 0 !important;
	}
	
	.truck-img2{
       	margin-top: 0 !important;
		margin-left: 2rem !important;
		margin-bottom: 0 !important;
	}
	
	.truck-img3{
		margin-right: 1rem !important;
		margin-bottom: 0 !important;
	}
	
	.truck-video {
    	margin-top: 0 !important;
		margin-left: 2rem !important;
	}
	
	.go-top{
    		top: -1.5rem !important;
		cursor: pointer !important;
		transform: translate(50%, 0);
		color: #a9adb0 !important;
		font-size: 0.8rem;
		padding: 0.25rem 0.75rem !important;
	}
	
	footer {
        	padding: 1rem 5rem 1rem 5rem !important;
	}
	
	footer .col-full {
		background-image: none;
		padding-right: 5rem !important;
        	padding-left: 5rem !important;
	}
	
	.col-3 {
    		width: 100% !important;
	}

	footer .col-full .footer-widgets.row-1.col-3.fix{
		display:flex !important;		
	}	
	#colophon [class*="footer-widget-"]{
		padding-top: 1rem;
	}

	#colophon .widget_block span,
	#colophon .widget_block mark{
		font-size: 1rem;
	}
	
	#colophon .footer-widget-1{
        	width:25% !important;
        	font-weight:bold;
    	}

    	#colophon .footer-widget-2{
        	width:1% !important;
    	}
    
    	#colophon .footer-widget-3{
        	width:75% !important;
    	}

	#colophon .footer-widget-1 #block-249{
		margin-left: 2rem;
	}
	
	#colophon .footer-widget-1 h3{
		font-size: 1.5rem;
        	text-align: left !important;
    	}
	
	#colophon .footer-widget-1 .widget_block .p1{
		font-size: 1rem;
		text-align: left;
		padding-left: 0.7rem !important;
	}
	
	#colophon .footer-widget-1 .widget_block .p2{
		font-size: 1rem;
		text-align: left;
		padding-left: 2.4rem !important;
	}

	#colophon .footer-widget-1 p{
		font-size: 1rem;
        padding-left: 2rem !important; 
		line-height: 1.5rem; 
    	}
    	
	#colophon .footer-widget-1 img{
    		width: 2rem !important;
		height: auto;
	}
	
	#block-14,
	#block-15,
	#block-16,
	#block-17,
	#block-18,
	#block-19,
	#block-20,
	#block-23,
    #block-24,
    #block-35,
    #block-36,
    #block-38,
    #block-39,
    #block-42,
    #block-43,
    #block-47,
    #block-50,
    #block-58,
    #block-59,
    #block-60{
		display: block;
	}
	
	#colophon .footer-widget-1{
		order  :1;
		padding-top: 2rem;
	}
	
	/* #colophon .footer-widget-2{
		order  :2;
	}
	*/
	#colophon .footer-widget-2{
		display: none;
	}

	#colophon .footer-widget-3{
		display: block !important;
		order  :3;
	}
	
	.lh-F{
		line-height: 3rem !important;
	}
}

@media(min-width:1027px){
    header#masthead.site-header ul.menu a {
        padding: 1rem;
        color: #231F20;
        line-height: 0rem;
        font-size: 1rem;
    }

}