.header-truck {
margin-top: -136px;
z-index: 2 !important;
display: block;
}
.site {
background-color: transparent !important;
}
.site-content {
padding-top: 70px;
}
.site-style-1 {
font-size: 15px;
}
.site-header {
padding-bottom: 30px !important;
}
.header-section.widget-area {
padding-top: 60px;
}
.site-style-1 .widget {
padding: 5px 0 50px;
position: relative;
}
.site-style-1 .widget.thsn-topline {
text-align: center;
}
.site-style-1 .widget.thsn-topline:after {
position: absolute;
content: "";
top: -60px;
left: 0;
width: 100%;
height: 5px;
background: var(--thsn-logisto-global-color);
-webkit-transition: all .50s ease-in-out;
transition: all .50s ease-in-out;
}
.site-style-1 .widget-col-1 .widget:after {
width: 100%;
}
.site-style-1, .site-style-1.bg-color-custom:before {
background-color: transparent; 
}
.header-section.big-area-wrapper,
.header-section.text-area {
z-index: 1;
position: relative;
}
.wrap{
padding-top: 0px;
padding-bottom: 0px;
}
ul.thsn-timelist-list .thsn-timelist-li-value {
color: #b8c3cb;
}
.header-section.text-color-white a:hover {
color: #fff;
}
.text-area .copyright-box h3,
.widget .widget .widget-title {
font-size: 26px;
line-height: 26px;
margin-bottom: 40px;
font-weight: 600;
text-transform: capitalize;
color: var(--thsn-logisto-white-color);
}
.text-area, text-area.bg-color-custom:before {
background-color: #38394b; 
background-repeat: repeat; 
background-position: center center; 
background-size: cover; 
background-attachment: scroll;
}
.copyright-box .copyright-text-area {
text-align: center;
}
.copyright-box .copyright-text-area i {
display: block;
font-size: 35px;
line-height: 35px;
margin-bottom: 40px;
color: var(--thsn-logisto-global-color);
} .copyright-box span {
font-size: 14px;
font-weight: 700;
color: var(--thsn-logisto-global-color);
}
.copyright-box ul.thsn-social-links {
margin: 0;
padding: 0;
list-style: none;
}
.copyright-box ul li {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
}
.copyright-box ul li.thsn-social-li a span {
display: inline-block;
text-align: center;
color: #dddddd!important;
font-size: 17px;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 0;
background: transparent;
border: 1px solid #dddddd;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.copyright-box ul li.thsn-social-li a span:hover {
border-color: #fff;
background-color: #fff;
}
.copyright-box ul li.thsn-social-li a span:hover {
color: var(--thsn-logisto-secondary-color) !important;
} .contact-info-inner i {
display: inline-block;
width: 85px;
height: 85px;
line-height: 85px;
text-align: center;
margin-right: 25px;
font-size: 30px;
color: #fff;
font-weight: normal;
}
.contact-info-inner .thsn-label {
display: block;
font-size: 16px;
line-height: 24px;
color: #fff;
}
.big-area .contact-info-wrap {
font-size: 22px;
line-height: 32px;
letter-spacing: -0.5px;
font-weight: 600;
}
.wrap.big-area {
height: 65px;
border-bottom: 1px solid rgba(255,255,255, 19%);
background:rgba(var(--thsn-logisto-blackish-color-rgb), 0.12);
} .site-style-2 .text-area{
border-top: 1px solid rgba(153,255,1, 19%);
}
.site-style-2 .text-area .copyright-box{
padding-bottom: 40px;
}
.site-style-2 .header-section.widget-area{
padding-top: 0px;
padding-bottom: 60px;
}
.site-style-2 .big-area .container{
border-bottom: 1px solid rgba(255,255,255, 19%);
padding-bottom:40px;
}
.site-style-2 .wrap.big-area{
border-bottom:0;
background:transparent;
}
.site-style-2 .newsletter button{
color: var(--thsn-logisto-white-color);
}
.site-style-2 .newsletter button:hover{
background:  var(--thsn-logisto-white-color);
color: var(--thsn-logisto-blackish-color);
}
.site-style-2 .text-area:after,
.site-style-2 .text-area .text-area_inner:before,
.site-style-2 .text-area .text-area_inner:after{
position: absolute;
height: 80px;
width: 80px;
top: -81px;
content: '';
z-index: 9;
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
position: absolute;
}
.site-style-2 .text-area .text-area_inner:before {
background-image: url(//activity-koltoztetes.hu/wp-content/themes/tm-renovation/mens-delivery.png);
right: 0;
animation: right-animtn 60s linear infinite;
}
.site-style-2 .text-area .text-area_inner:after {
background-image: url(//activity-koltoztetes.hu/wp-content/themes/tm-renovation/men-delivery.png);
animation: right-animtn 35s linear infinite;
right: 70%;
height: 50px;
top: -50px;
}
body.rtl .site-style-2 .text-area .text-area_inner:after{
right: inherit;
left: 70%;
}
.site-style-2 .text-area:after{
background-image: url(//activity-koltoztetes.hu/wp-content/themes/tm-renovation/delivery-truck.png); 
left: 0;
width: 115px;
animation: left-animtn 20s linear infinite;
}
@-moz-keyframes right-animtn { 0% {right: -10% }100% {right: 100%}}
@-webkit-keyframes right-animtn { 0% { right: -10% }100% {right: 100% }}
@keyframes right-animtn {0% {right: -10%}100% {right: 100%}}
@-moz-keyframes right1-animtn { 0% {right: -70% }100% {right: 100%}}
@-webkit-keyframes right1-animtn { 0% { right: -70% }100% {right: 100% }}
@keyframes right1-animtn {0% {right: -70%}100% {right: 100%}}
@-moz-keyframes left-animtn {0% { left: -20% } 100% {left: 100% }}
@-webkit-keyframes left-animtn {0% {left: -20% } 100% { left: 100%}}
@keyframes left-animtn {0% {left: -20%}100% {left: 100%}}a {
text-decoration: none;
}
img.lazy {
max-width: inherit;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
vertical-align: middle;
}
.container-fluid {
padding: 0;
margin-right: auto;
margin-left: auto;
}
:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn-group-vertical>.btn-group:after, .clearfix:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .row:after {
clear: both;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .row:after, .row:before {
display: table;
content: " ";
}
section.callus {
background: #58524d;
height: 120px;
}
.callfoot {
font-size: 40px;
font-weight: 700;
z-index: 99;
position: absolute;
top: 15px;
left: 30%;
}
.callfoot a {
color: #fff;
}
.calluspara {
color: #fff;
font-size: 16px;
font-weight: 700;
z-index: 99;
position: absolute;
left: 30%;
top: 67px;
}
.carroad {
height: 120px;
position: relative;
margin:auto; 
overflow: hidden
}
.carroad div {
position: absolute;
}
.sky {
width: 100%; 
height: 50%;
background: linear-gradient(to bottom,#416ba7 0,#90bce3 50%)
}
.road {
bottom: -16px;
width: 100%;
height: 55%; 
background: linear-gradient(to bottom,#202426 0,#202426 30%)
}
.road-lines {
bottom: 22px;
margin-bottom: 1%;
width: 150%;
height:5px; 
background: repeating-linear-gradient(90deg,#fff 4%,#fff 9%,transparent 9%,transparent 18%);
animation: anim40 linear 3s; 
animation-iteration-count: infinite;
}
.distant-trees3 {
width: 200%; 
height: 20%; 
bottom: 41%;
background: #45694d;
background: -webkit-gradient(radial,50% 100%,10,40% 100%,40,color-stop(.3,#45694d),color-stop(.31,transparent));
-webkit-background-size: 30px 100%;
animation: anim40 linear 10s;
animation-iteration-count: infinite;
}
.mountains {
background: #55729e;
background: linear-gradient(#677da4,#55729e);
width: 200%; 
height: 53px;
bottom: 45%;
-webkit-clip-path: polygon(0 62%,4% 74%,21% 18%,24% 32%,32% 0,50% 62%,54% 74%,71% 18%,74% 32%,82% 0,100% 62%,100% 100%,0 100%);
animation: anim50 linear 60s; 
animation-iteration-count: infinite;
overflow: hidden
}
@keyframes
driving {
0% {
left: -25%
}
10% {
transform: scale(.5) rotateZ(0)
}
20% {
transform: scale(.5) rotateZ(0)
}
25% {
transform: scale(.5) rotateZ(0)
}
40% {
transform: scale(.5) rotateZ(0)
}
50% {
transform: scale(.5) rotateZ(0)
}
100% {
left: 110%;
transform: scale(.5) rotateZ(0)
}
}
@keyframes
anim40 {
0% {
transform: translate(0,0)
}
100% {
transform: translate(-40%,0)}
}
@keyframes
anim100 {
0% {
transform: translate(0,0)
}
100% {
transform: translate(-100%,0)}
}
@keyframes
anim50 {
0% {
transform: translate(0,0)
}
100% {
transform: translate(-50%,0)
}
}
@keyframes
animcloud {
0% {
transform: translate(0,0)
}
100% {
transform: translate(-900px,0)
}
}
@keyframes
spin {
0% {
transform: translate(0,0) rotate(0)
}
100% {
transform: translate(0,0) rotate(360deg)
}
}
@keyframes
strikes {
from {
left: 25px
}
to {
left: -80px;
opacity: 0
}
}
.car {
position: absolute;
width: 117px;
height: 42px;
right: 30%;
top: 55px;
z-index: 99
}
.car .strike {
position: absolute;
width: 11px; 
height: 1px; 
background: #fff;
animation: strikes .5s linear infinite
}
.car .strike2 {
top: 11px;
animation-delay: 50ms
}
.car .strike3 {
top:22px;
animation-delay: .1s
}
.car .strike4 {
top: 33px;
animation-delay: .15s
}
.car .strike5 {
top: 44px;
animation-delay :.2s
}
.car-detail {
position: absolute;
animation: speed .8s linear infinite
}
.car-detail.back {
top: -40px
}
.car-detail.center {
height: 24px;
width: 36px;
left: 142px;
border-top-left-radius: 0;
border-top-right-radius: 115px 40px;
border: 2px solid #4c4848;
background: 0 0;
box-sizing: border-box;
z-index: 999;
top: -20px
}
.car-detail.center1 {
height: 35px;
width: 35px;
left: 12px;
border-top-left-radius: 30px
}
.car-detail.front {
height: 60px; 
width: 40px;
top: -25px;
left: 140px; 
border-top-right-radius: 55px 20px;
border-bottom-right-radius: 6px
}
.car-detail.wheel {
top: 28px;
left: 39px;
animation-name: spin
}
.car-detail.wheel2 {
left: 143px
}
@keyframes
scale {
50% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
}
.car-top2:after {
position: absolute;
bottom: -60px;
left: 180px;
content: " ";
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 50px solid transparent;
border-right: 190px solid rgba(191,188,87,.7);
z-index: -1;
-webkit-mask-box-image: -webkit-linear-gradient(left,#000,transparent);
-webkit-mask-box-image: -o-linear-gradient(left,#000,transparent);
-webkit-mask-box-image: linear-gradient(to right,#000,transparent);
transform: rotate(-9deg)
}
.allsectionpad {
padding: 10px
}