/* structure */
body { /*background-color: #000;*/ }
#header { z-index: 998; }
.container, .container-full { z-index: 10; }
.copyright { position: fixed; bottom: 0; }
.footer-container { position: fixed; padding-bottom: 20px; }
.under { z-index: 1 !important; }

@media (max-width: 1199px){
	.footer-container, .copyright { position: relative; }
}

.container-full { max-width: 100%; }
a { -webkit-transition: none; transition: none; }
.blk-txt hr { display: block; width: 100%; height: 1px; border: 0; background-color: #B9B9B9; }
.narrow-container .container { max-width: 1088px; padding-left: 0; padding-right: 0; }

.narrow-container .container .row { display: flex; flex-wrap: wrap; }
.narrow-container .container .row [class*="col-"] { display: flex; flex-wrap: wrap; }
.narrow-container .container .row [class*="col-"] div { width: 100%; height: 100%; }
.narrow-container .container .row [class*="col-"] .blk-txt { width: 100%; height: 100%; padding: 0 15px; }
.narrow-container .container .row [class*="col-"] .blk-txt h3 { min-height: 136px; padding: 0 15px; font-size: 3vh; line-height: 3.5vh; }

@media (max-width: 991px){
	.narrow-container .container .row { flex-direction: column; }
	.narrow-container .container .row [class*="col-"] { width: 100%; margin-bottom: 20px; }
	.narrow-container .container .row [class*="col-"] .blk-txt { padding: 0; }
}

.titolo1 span { color: #1874b7 !important; }
.titolo1.white { color: #fff; }
.mob { height: 0; }

@media (min-width: 1500px){
	.container { width: 1270px; }
}

@media screen and (max-width: 1199px){
	#top .container { padding-right: 20px; padding-left: 20px; }
}

/* HEADER */
.empty-header { display: none !important; }
#header { min-height: 100px; }
/*.top-logo img { opacity: 0; }
.top-logo { background: transparent url('/custom/vrfuel/logo-runner-marketing-white.svg') 0 0 no-repeat; background-size: 100% auto; }*/

.top-elements { margin: 0 !important; }
.top-elements .top-services { height: 59px; }
.top-elements .top-services .lang { margin: 0 0 0 20px !important; }

#top { top: 0; }
/*#top .top-services ul li.lang > a { display: inline-block; height: 47px; width: 47px; padding: 0; margin: 5px 0; text-align: center; line-height: 47px; border: #fff 1px solid; border-radius: 50%; background: transparent url('/custom/vrfuel/lang-globe-white.png') 0 0 no-repeat; background-size: 100% 100%; -webkit-transition: none; transition: none; }
#top .top-services ul li.lang > a:hover { color: #000; background: transparent url('/custom/vrfuel/lang-globe-black.png') 0 0 no-repeat; background-size: 100% 100%; border-color: #000; }
#top .top-services ul li.lang > a i { display: none; }
#top .top-services ul li.lang > a .current-lang { height: 47px; width: 47px; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 47px; }

#top #lang { top: calc(100% + 2px) !important; padding: 0; background-color: rgb(28, 169, 237); }
#top #lang .content-lang { padding: 0; }
#top #lang .content-lang ul li { border: 0 !important; }
#top #lang .content-lang a:link, #top #lang .content-lang a:visited { display: block; padding: 10px 15px; box-sizing: border-box; font-family: 'Open Sans', 'arial', 'sans-serif'; font-size: 14px; line-height: 18px; color: #fff; }
#top #lang .content-lang a:hover { color: #000; }*/

#top .top-services > ul { margin-top: 10px; }

@media screen and (min-width: 1200px){
	.menu ul li { border-bottom: 0; }
}

/* SLIDESHOW */
.slideshow .item .caption.left-caption { width: 100%; padding: 0 90px; text-align: center; }
.tpl-1-header .slideshow .item .caption h3 p { color: #fff; text-shadow: -1px -1px 0 #014e74, 1px -1px 0 #014e74, -1px 1px 0 #014e74, 1px 1px 0 #014e74; }
.tpl-2-header h1 { color: #fff; text-shadow: -1px -1px 0 #014e74, 1px -1px 0 #014e74, -1px 1px 0 #014e74, 1px 1px 0 #014e74; }

#header.tpl-1-header, #header.tpl-2-header { z-index: 11; }

@media (max-width: 991px){
	.tpl-1-header { margin-top: 99px !important; }
	.tpl-1-header .slideshow .slick-prev,
	.tpl-1-header .slideshow .slick-next { display: none !important; }
	.tpl-1-header .slideshow .item .caption.left-caption { width: 100%; padding: 0 30px; text-align: center; }
}

/* NEW HEADER */
#rm-top { position: fixed; top: 0; display: block; width: 100%; margin: 0; padding: 0; background-color: transparent; z-index: 999; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; }
.scrollon #rm-top { background-color: #1874b7; }
#rm-top .rm-top-logo { float: left; position: relative; display: block; width: 191px; height: 58px; margin: 20px 0; background: transparent url('/custom/vrfuel/logo-runner-marketing-white.svg') 0 0 no-repeat; background-size: 100% auto; z-index: 998; }

/* desktop menu */
#rm-top .rm-desk-menu { float: right; display: block; text-align: right; }
#rm-top .rm-desk-menu li { position: relative; display: inline-block; margin: 0; padding: 0; }
#rm-top .rm-desk-menu li a:link, #rm-top .rm-desk-menu li a:visited { display: inline-block; padding: 0 20px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 98px; color: #fff; -webkit-transition: none; transition: none; }
#rm-top .rm-desk-menu li a span { display: inline-block; width: 12px; height: 12px; margin: 0 0 0 5px; background: transparent url('/custom/vrfuel/arrow-white.svg') 0 0 no-repeat; background-size: 100% auto; }
#rm-top .rm-desk-menu li a.rm-lang:link, #rm-top .rm-desk-menu li a.rm-lang:visited { display: block; width: 50px; height: 50px; margin: 24px 0 24px 20px; padding: 0; text-align: center; line-height: 50px; border: #fff 1px solid; border-radius: 50%; background: transparent url('/custom/vrfuel/lang-globe-white.png') 0 0 no-repeat; background-size: 100% 100%; }
#rm-top .rm-desk-menu li .rm-desk-menu-sub { position: absolute; left: 0; top: calc(100% - 20px); display: block; width: 360px; text-align: left; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; }
#rm-top .rm-desk-menu li:hover > a:link, #rm-top .rm-desk-menu li:hover > a:visited { color: #000; }
#rm-top .rm-desk-menu li:hover > a.rm-lang { background: transparent url('/custom/vrfuel/lang-globe-black.png') 0 0 no-repeat; background-size: 100% 100%; border-color: #000; }
#rm-top .rm-desk-menu li:hover > a span { background: transparent url('/custom/vrfuel/arrow-black.svg') 0 0 no-repeat; }
#rm-top .rm-desk-menu li:hover .rm-desk-menu-sub { top: 100%; opacity: 1; visibility: visible; }
#rm-top li .rm-desk-menu-sub { display: block; background-color: #1874b7; }
#rm-top li .rm-desk-menu-sub li { display: block; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; color: #fff; }
#rm-top li .rm-desk-menu-sub li a:link, #rm-top li .rm-desk-menu-sub li a:visited { display: block; padding: 10px 20px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; color: #fff; -webkit-transition: none; transition: none; }
#rm-top li .rm-desk-menu-sub li a:hover { color: #000; }
#rm-top li .rm-desk-menu-sub li:first-child a { padding: 30px 20px 10px 20px; -webkit-transition: padding .3s ease; transition: padding .3s ease; }
.scrollon #rm-top .rm-desk-menu-sub li:first-child a { padding: 10px 20px; }
#rm-top li .rm-desk-menu-sub li:last-child a { padding: 10px 20px 30px 20px; }

.menu > li > a:link, .menu li > a:visited { -webkit-transition: none; transition: none; }

/* mobile menu */
.rm-mob-btn-open { float: right; position: relative; display: none; width: 42px; height: 42px; margin: 20px 0; background: transparent url('/custom/vrfuel/icon-menu.svg') right 50% no-repeat; background-size: 27px auto; z-index: 997; }
.rm-mob-btn-close { float: right; position: relative; display: none; width: 42px; height: 42px; margin: 20px 0; background: transparent url('/custom/vrfuel/icon-menu-close.svg') right 50% no-repeat; background-size: 27px auto; z-index: 997; }
.rm-mob-btn-open.active, .rm-mob-btn-close.active { display: block; }

.rm-mob-menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-clip-path: circle(0px at calc(100% - 30px) 30px); clip-path: circle(0px at calc(100% - 30px) 30px); background: #1874b7; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 996; }
.rm-mob-menu.active { -webkit-clip-path: circle(75%); clip-path: circle(75%); }

.rm-mob-menu .content-scroll { position: relative; display: block; width: 100%; /*height: calc(100vh - 82px);*/ margin: 82px 0 0 0; box-sizing: border-box; overflow-y: auto; }

.rm-mob-menu-content { display: block; width: 100%; }
.rm-mob-menu-content > li { display: block; margin: 0 0 30px 0; padding: 0 20px; box-sizing: border-box; }
.rm-mob-menu-content > li:last-child { margin: 0 !important; padding: 0 !important; }
.rm-mob-menu-content li a:link, .rm-mob-menu-content li a:visited, .rm-mob-menu-content li a:hover { position: relative; display: block; width: 100%; padding: 10px 0; font-family: 'Archivo', 'arial', 'sans-serif'; font-size: 20px; font-weight: 900; line-height: 25px; color: #fff; }
.rm-mob-menu-content li a span { position: absolute; right: 0; top: 14px; width: 16px; height: 16px; background: transparent url('/custom/vrfuel/arrow-white.svg') 0 0 no-repeat; background-size: 100% auto; }
.rm-mob-menu-content > li:last-child a { padding: 0 20px !important; }

.rm-mob-menu-content-sub { display: block; width: 100%; }
.rm-mob-menu-content-sub li { display: block; width: 100%; padding: 0 20px; box-sizing: border-box; }
.rm-mob-menu-content-sub li a:link, .rm-mob-menu-content-sub li a:visited, .rm-mob-menu-content-sub li a:hover { position: relative; display: block; width: 100%; padding: 10px 0; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 20px; color: #fff; }

.rm-lang-mob { height: 110px; margin: 0; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; font-weight: 300 !important; line-height: 110px !important; border-top: #fff 1px solid; background: transparent url('/custom/vrfuel/bg-lang-mob.jpg') right bottom no-repeat; background-size: auto 100px; }

@media (min-width: 1200px){
	.rm-mob-btn-open, .rm-mob-btn-open.active, .rm-mob-btn-close, .rm-mob-btn-close.active { display: none !important; }
}
@media (max-width: 1199px){
	#rm-top:before { content: ''; position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(28,169,237,0) 0%, rgba(28,169,237,1) 100%); /*-webkit-transition: top .3s ease; transition: top .3s ease;*/ z-index: 990; }
	#rm-top:before { top: 0 !important; }

	#rm-top .container { width: 100%; }
	#rm-top .container .row .col-md-12 { padding: 0 20px; }

	.scrollon #rm-top { background-color: transparent; }
	#rm-top .rm-top-logo { width: 143px; height: 42px; }
	#rm-top .rm-desk-menu { display: none; }
	.rm-mob-menu { display: block; }
}

/* mobile menu standard */
@media (max-width: 1199px){
	#menu-container { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
	#menu-container .menu { padding-right: 5px; box-sizing: border-box; }
	#top { background-color: rgb(0, 69, 112) !important; }
	.top-logo { margin: 10px 0 0 0; }
	#top .top-elements > li { margin-left: 10px; }
	.top-icon-menu { display: block !important; width: 47px; height: 47px; }
	.top-icon-menu a:link, .top-icon-menu a:visited, .top-icon-menu a:hover { display: block; width: 47px; height: 54px; background: transparent url('/custom/vrfuel/icon-menu.svg') right 50% no-repeat; background-size: 27px auto; }
	.top-icon-menu a i { display: none; }
	.hp-video { padding-top: 100px; overflow: hidden; }

	a.close-menu:link, a.close-menu:visited, a.close-menu:hover { left: -40px; right: auto; display: block; width: 40px; height: 100px; background: #1874b7 url('/custom/vrfuel/icon-menu-close.svg') 50% 50% no-repeat !important; background-size: 27px auto !important; }
	a.close-menu i { display: none; }

	.menu { padding: 100px 0; background-color: #1874b7; }
	.menu:before { content: ''; position: absolute; left: -40px; top: 99px; width: 41px; height: calc(100% - 99px); background-color: #1874b7; }
	.menu > li { border-bottom: rgba(255,255,255,.1) 1px solid !important; }
	.menu > li a.open-menu-sub:link, .menu > li a.open-menu-sub:visited, .menu > li a.open-menu-sub:hover,
	.menu > li > a:link, .menu > li > a:visited, .menu > li > a:hover { display: block; width: 100%; padding: 25px 68px 25px 15px; box-sizing: border-box; font-family: 'Open Sans', sans-serif !important; font-size: 18px; font-weight: 500; line-height: 21px; letter-spacing: 1px; color: #fff; background-color: transparent; }
	.menu > li a.open-sub:link, .menu > li a.open-sub:visited, .menu > li a.open-sub:hover { position: absolute; right: 0; top: 0; width: 60px; height: 71px; background: transparent url('/custom/vrfuel/arrow-white.svg') 50% 50% no-repeat !important; background-size: 16px 16px !important; border: 0 !important; }
	.menu > li a.open-sub i { display: none; }

	.menu ul { background-color: #2290e3; }
	.menu ul li { border-bottom: #1874b7 1px solid; }
	.menu ul a:link, .menu ul a:visited, .menu ul a:hover { padding: 25px 15px 25px 30px !important; box-sizing: border-box; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; font-weight: 300 !important; line-height: 21px; color: #fff; background-color: transparent !important; }

	#top #lang { top: calc(100% + 22px) !important; }
}

/* TYPOGRAPHY */
@media (max-width: 1199px){
	.blk-txt p { font-size: 16px; line-height: 28px; }
}

/* HOMEPAGE */
/* video */
.hp-video { position: relative; display: block; width: 100%; background-color: #1874b7; }
.video-container { position: relative; display: block; width: 100%; padding-bottom: 56.25%; background-color: #1874b7; }
.video-container .video-claim { position: absolute; left: 50%; top: 30%; height: 63%; z-index: 2; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.video-container .video-claim h2 { display: block; width: 100%; height: 306px; font-family: 'Archivo', sans-serif; font-size: 130px; font-weight: 800; line-height: 153px; color: #fff; }
.video-container .video-claim p { display: block; margin: 15px 0 0 0; font-family: 'Open Sans', sans-serif; font-size: 56px; line-height: 60px; color: #fff; }
.video-container video { position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; min-width: 100%; min-height: 56.25vw; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }
.video-container .scroll-circle { position: absolute; right: 0; bottom: 0; display: block; width: 150px; height: 150px; z-index: 3; }
.video-container .scroll-circle .text, .video-container .scroll-circle .text svg { display: block; width: 150px; height: 150px; }
.video-container .scroll-circle .text { position: absolute; left: 0; top: 0; z-index: 4; }
.video-container .scroll-circle .image { position: absolute; left: 0; top: 0; display: block; width: 150px; height: 150px; z-index: 5; }
.video-container .scroll-circle .image svg { display: block; width: 150px; height: 150px; }

@media (max-width: 1199px){
	#top { background-color: transparent; }
	.scrollon #top { background-color: #1874b7; }

	.video-container { width: 100%; height: 500px; }
	.video-container .video-claim { left: 0; top: 0; width: 100%; height: 100%; padding: 150px 20px; box-sizing: border-box; -webkit-transform: none; transform: none; }
	.video-container .video-claim h2 { width: 100%; height: 120px; font-size: 36px; line-height: 53px; }
	.video-container .video-claim p { font-size: 22px; line-height: 30px; }
	.video-container video { top: 0; width: auto; height: 500px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
	.video-container .scroll-circle { display: none; }

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 991px){
	.video-container .video-claim h2 { width: 100%; height: 120px; font-size: 26px; line-height: 33px; }
}

/* hp box servizi v 1 */
.hp-services { display: block; width: 100%; padding: 70px 0 48px 0; background-color: #333; -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; }
.hp-services.active { background-color: #000; }
.hp-services .services { position: relative; width: 100%; max-width: 1300px; /*padding: 70px 0 48px 0;*/ padding: 0; margin: 0 auto; text-align: center; z-index: 10; }
.hp-services .services li { position: relative; display: inline-block; width: 100%; max-width: 398px; /*margin: 0 8px 18px 8px;*/ margin: 0; }
.hp-services .services li a:link, .hp-services .services li a:visited { position: relative; display: block; width: 100%; padding-bottom: 100%; box-sizing: border-box; text-align: left; background-color: transparent; overflow: hidden; }
.hp-services .services li a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; border: #fff 4px solid; z-index: 1; }
.hp-services .services li a:after { content: ''; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; display: block; inset: 0 0 0 0; background-color: #1874b7; -webkit-transition: transform .3s ease; transition: transform .3s ease; z-index: 2; -webkit-transform: scaleX(0); transform: scaleX(0); transform-origin: bottom right; }
.hp-services .services li a:hover:after { transform: scaleX(1); transform-origin: bottom left; }
.hp-services .services a .txt { position: absolute; left: 20px; top: 20px; display: block; width: calc(100% - 40px); z-index: 3; }
.hp-services .services a .txt h3 { display: block; width: 100%; font-family: 'Archivo', sans-serif; font-size: 35px; font-weight: 600; line-height: 39px; color: #fff; }
.hp-services .services a .txt p { display: block; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 27px; color: #fff; }
.hp-services .services a .arrow { position: absolute; right: 20px; bottom: 20px; width: 40px; height: 40px; background: transparent url('/custom/vrfuel/arrow-white.svg') 0 0 no-repeat; background-size: 100% 100%; z-index: 4; }

.bg-services-container { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.bg-services-container .bg-service { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; opacity: 0; z-index: 2; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.bg-services-container .bg-service.active { transform: scale(1.08); opacity: .45; z-index: 3; }
.bg-services-container .bg-service.bg01 { background: transparent url('/custom/vrfuel/bg-service-01.jpg') 50% 50% no-repeat; background-size: cover; }
.bg-services-container .bg-service.bg02 { background: transparent url('/custom/vrfuel/bg-service-02.jpg') 50% 50% no-repeat; background-size: cover; }
.bg-services-container .bg-service.bg03 { background: transparent url('/custom/vrfuel/bg-service-03.jpg') 50% 50% no-repeat; background-size: cover; }
.bg-services-container .bg-service.bg04 { background: transparent url('/custom/vrfuel/bg-service-04.jpg') 50% 50% no-repeat; background-size: cover; }
.bg-services-container .bg-service.bg05 { background: transparent url('/custom/vrfuel/bg-service-05.jpg') 50% 50% no-repeat; background-size: cover; }
.bg-services-container .bg-service.bg06 { background: transparent url('/custom/vrfuel/bg-service-06.jpg') 50% 50% no-repeat; background-size: cover; }

/*@media (min-width: 768px) and (max-width: 991px){
	.hp-services .services { padding: 70px 5px 50px 5px; box-sizing: border-box; }
	.hp-services .services li { display: inline-block; width: 46%; margin: 0 8px 18px 8px; }
}
@media (max-width: 767px){
	.hp-services .services { padding: 70px 20px 50px 20px; box-sizing: border-box; }
	.hp-services .services li { display: block; width: 100%; margin: 0 0 20px 0; }
}*/

/* box ex-services */
.hp-services .services li .box { position: relative; display: block; width: 100%; padding-bottom: 100%; box-sizing: border-box; text-align: left; background-color: #1874b7; overflow: hidden; }
.hp-services .services li .box .txt { position: absolute; left: 20px; top: 20px; display: block; width: calc(100% - 40px); z-index: 3; }
.hp-services .services li .box .txt h3 { display: block; width: 100%; font-family: 'Archivo', sans-serif; font-size: 35px; font-weight: 600; line-height: 39px; color: #fff; }
.hp-services .services li .box .txt p { display: block; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 27px; color: #fff; }
.hp-services .services li .box .arrow { position: absolute; right: 20px; bottom: 20px; width: 40px; height: 40px; background: transparent url('/custom/vrfuel/arrow-white.svg') 0 0 no-repeat; background-size: 100% 100%; z-index: 4; }

@media (max-width: 767px){
	.hp-services .services li { margin: 0 0 40px 0; }
}

/* hp box servizi v 2 */
.hp-new-services { display: block; width: 100%; background-color: #333; }
.hp-new-services .blk-txt h3 { display: block; padding: 80px 0 40px 0; font-size: 77px; line-height: 87px; color: #fff; }

.hp-new-services .services { width: calc(100% - 20px); margin: 0 10px; padding: 0 0 90px 0; }
.hp-new-services .services li { float: left; display: block; width: calc(16.6666% - 20px); margin: 0 10px 10px 10px; font-size: 0; line-height: 0; overflow: hidden; }
.hp-new-services .services li a:link, .hp-new-services .services li a:visited { position: relative; display: block; width: 100%; padding-bottom: 100%; background-color: #efefef; }
.hp-new-services .services li a:hover { background-color: #fff; }
.hp-new-services .services li a .content { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.hp-new-services .services li a .content .icon { display: block; width: 30%; height: auto; margin: 0 auto 10px auto; }
.hp-new-services .services li a .content h3 { display: block; width: 100%; padding: 0 10px 10px 10px; box-sizing: border-box; font-family: 'Archivo', sans-serif; font-size: 21px; font-weight: 600; line-height: 25px; color: #1874b7; }
.hp-new-services .services li a .content p { display: block; width: 100%; padding: 0 10px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; color: #000; }

@media (max-width: 1500px){
	.hp-new-services .services { text-align: center; }
	.hp-new-services .services li { float: none; display: inline-block; width: calc(25% - 20px); margin: 0 10px 15px 10px; }
}
@media (max-width: 991px){
	.hp-new-services .services li { float: left; width: calc(50% - 20px); }
}
@media (max-width: 576px){
	.hp-new-services .services li { float: none; display: block; width: calc(100% - 20px); margin: 0 10px 20px 10px; }
}

/* hp banner esi */
.banner-esi { display: block; width: 100%; padding: 200px 0; background: #000 url('/custom/vrfuel/bg-banner-esi.jpg') right top no-repeat; background-size: auto 100%; }
.banner-esi h3 { display: block; padding-bottom: 50px; font-size: 77px; line-height: 87px; color: #fff; }
.banner-esi h3 span { color: #1874b7; }
.banner-esi-content-left { float: left; width: 30%; }
.banner-esi-content-left img { display: block; width: 80%; height: auto; }
.banner-esi-content-right { float: left; width: 70%; }
.banner-esi-content-right p { display: block; padding: 2% 0 60px 0; color: #fff; }
a.cta-esi:link, a.cta-esi:visited { position: relative; display: inline-block; height: 52px; line-height: 52px; padding: 0 70px 0 35px; overflow: hidden; }
a.cta-esi:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #fff 1px solid; z-index: 1; }
a.cta-esi:after { content: ''; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; display: block; inset: 0 0 0 0; background-color: #1874b7; -webkit-transition: transform .3s ease; transition: transform .3s ease; z-index: 2; -webkit-transform: scaleX(0); transform: scaleX(0); transform-origin: bottom right; }
a.cta-esi span { position: relative; display: inline-block; color: #1874b7; -webkit-transition: none; transition: none; z-index: 3; }
a.cta-esi svg { position: absolute; right: 35px; top: 14px; display: block; width: 22px; height: auto; stroke: #1874b7; stroke-width: 6; -webkit-transition: none; transition: none; z-index: 4; }
a.cta-esi:hover:after { transform: scaleX(1); transform-origin: bottom left; }
a.cta-esi:hover span { color: #fff; }
a.cta-esi:hover svg { stroke: #fff; }

@media (max-width: 1199px){
	.banner-esi { padding: 100px 0 700px 0; background: #000 url(/custom/vrfuel/bg-banner-esi.jpg) right bottom no-repeat; background-size: auto 700px; }
	.banner-esi .container { padding-left: 0; padding-right: 0; }
	.banner-esi h3 { font-size: 40px; line-height: 45px; }
	.banner-esi-content-left, .banner-esi-content-right { float: none; width: 100%; }
	.banner-esi-content-left img { display: block; width: 200px; height: auto; margin: 0 0 20px 0; }
	a.cta-esi:link, a.cta-esi:visited { display: block; width: 100%; line-height: 47px; }
	a.cta-esi span { font-size: 16px; }
}

/* azienda banner italy */
.banner-italy { display: block; width: 100%; padding: 200px 0; background-color: #000; overflow: hidden; /*background: #000 url('/custom/vrfuel/bg-banner-italy.jpg') right top no-repeat; background-size: auto 100%;*/ }
.banner-italy > .container { position: relative; z-index: 2; }

/* variante bg animato */
.banner-italy .italy { position: absolute; top: 0; right: 0; width: auto; height: 100%; background-color: #1874b7; z-index: 1; overflow: hidden; }
.banner-italy .italy img { position: relative; display: block; width: auto; height: 100%; z-index: 3; }
.banner-italy .italy .radial-italy { position: absolute; top: 23%; right: 54%; display: block; width: 100px; height: 100px; background-color: transparent; box-shadow: 0 0 10px 10px #fff, inset 0 0 10px 10px #fff; border: #fff 2px solid; border-radius: 50%; z-index: 2; animation: anim-radial-italy linear 10s infinite; }
@keyframes anim-radial-italy {
	0% { transform: scale(0); }
	100% { transform: scale(20); opacity: 0; }
}

.banner-italy h3 { display: block; padding-bottom: 50px; font-size: 77px; line-height: 87px; text-shadow: 2px 2px 3px 3px #000; color: #fff; z-index: 2; }
.banner-italy h3 span { color: #1874b7; }
.banner-italy-content { width: 100%; z-index: 3; }
.banner-italy-content p { display: block; padding: 2% 0 60px 0; font-size: 16px; line-height: 28px; color: #fff; }
a.cta-italy:link, a.cta-italy:visited { position: relative; display: inline-block; height: 52px; line-height: 52px; padding: 0 70px 0 35px; overflow: hidden; }
a.cta-italy:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #fff 1px solid; z-index: 1; }
a.cta-italy:after { content: ''; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; display: block; inset: 0 0 0 0; background-color: #1874b7; -webkit-transition: transform .3s ease; transition: transform .3s ease; z-index: 2; -webkit-transform: scaleX(0); transform: scaleX(0); transform-origin: bottom right; }
a.cta-italy span { position: relative; display: inline-block; color: #1874b7; -webkit-transition: none; transition: none; z-index: 3; }
a.cta-italy svg { position: absolute; right: 35px; top: 14px; display: block; width: 22px; height: auto; stroke: #1874b7; stroke-width: 6; -webkit-transition: none; transition: none; z-index: 4; }
a.cta-italy:hover:after { transform: scaleX(1); transform-origin: bottom left; }
a.cta-italy:hover span { color: #fff; }
a.cta-italy:hover svg { stroke: #fff; }

@media (max-width: 1199px){
	.banner-italy { padding: 100px 0 550px 0 !important; background-color: #000; /*background: #000 url('/custom/vrfuel/bg-banner-italy.jpg') right bottom no-repeat; background-size: 100% auto;*/ }
	.banner-italy .italy { top: auto; bottom: 0; height: 550px; width: auto; }
	.banner-italy .italy img { width: auto; height: 100%; }
	.banner-italy .italy .radial-italy { top: 9%; right: 47%; }
	.banner-italy .container { padding-left: 0; padding-right: 0; }
	@keyframes anim-radial-italy {
		0% { transform: scale(0); }
		100% { transform: scale(15); opacity: 0; }
	}
	.banner-italy h3 { font-size: 40px; line-height: 45px; }
	
	a.cta-esi:link, a.cta-esi:visited { display: block; width: 100%; line-height: 47px; }
	a.cta-esi span { font-size: 16px; }
}

/* hp contatori */
.contatori .col-md-4:nth-of-type(1), .contatori .col-md-4:nth-of-type(2) { border-right: #B9B9B9 1px solid; }
.counter, .counter-title-container, .counter-val-container { text-align: left; }
.counter-icon-container { display: none; }
.counter-val-container { font-size: 70px; }
.contatori .col-md-4:nth-of-type(1) .counter-val-container, .contatori .col-md-4:nth-of-type(2) .counter-val-container { position: relative; padding-left: 65px; }
.contatori .col-md-4:nth-of-type(1) .counter-val-container:before, .contatori .col-md-4:nth-of-type(2) .counter-val-container:before { content: '+'; position: absolute; left: 0; top: 0; font-family: 'Open Sans', sans-serif; font-size: 80px; line-height: 100px; font-weight: 300; color: #000; }

@media (max-width: 1199px){
	.counter-title-container { margin-bottom: 10px; }
	.counter-val-container .numero, .counter-val-container:before { font-size: 60px; color: #1874b7 !important; }
	.contatori .col-md-4:nth-of-type(1) .counter-val-container:before, .contatori .col-md-4:nth-of-type(2) .counter-val-container:before { font-size: 60px; line-height: 110px; }
}

@media (max-width: 991px){
	.contatori .col-md-4:nth-of-type(1) .counter-val-container:before, .contatori .col-md-4:nth-of-type(2) .counter-val-container:before { font-size: 70px; line-height: 95px; }
	.counter-val-container { height: 90px; }
	/*.counter-val-container .numero, .counter-val-container:before { height: 90px; font-size: 75px !important; line-height: 75px !important; color: #1874b7 !important; }*/
}

@media (max-width: 767px){
	.counter-val-container .numero, .counter-val-container:before { font-size: 70px; color: #1874b7 !important; }
}

a.btn-cta:link, a.btn-cta:visited { position: relative; display: inline-block; height: 52px; font-size: 21px; font-weight: 400; line-height: 52px; padding: 0 70px 0 35px; background-color: transparent; border-radius: 0; overflow: hidden; }
a.btn-cta:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #1874b7 4px solid; z-index: 1; }
a.btn-cta:after { content: ''; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; display: block; inset: 0 0 0 0; background-color: #1874b7; -webkit-transition: transform .3s ease; transition: transform .3s ease; z-index: 2; -webkit-transform: scaleX(0); transform: scaleX(0); transform-origin: bottom right; }
a.btn-cta span { position: relative; display: inline-block; color: #1874b7; text-transform: none; -webkit-transition: none; transition: none; z-index: 3; }
a.btn-cta svg { position: absolute; right: 35px; top: 14px; display: block; width: 22px; height: auto; stroke: #1874b7; stroke-width: 6; -webkit-transition: none; transition: none; z-index: 4; }
a.btn-cta:hover { background-color: transparent !important; }
a.btn-cta:hover:after { transform: scaleX(1); transform-origin: bottom left; }
a.btn-cta:hover span { color: #fff; }
a.btn-cta:hover svg { stroke: #fff; }
a.btn-cta.right { float: right; }

@media (max-width: 1199px){
	a.btn-cta { display: block; width: 100%; }
	a.btn-cta span { display: block; width: 100%; font-size: 16px; }
}

/* hp box cta 'lavora con noi' & 'ritira materiali' */
.box-cta-hp-container { display: block; width: 100%; background-color: #EFEFEF; }
.box-cta-hp-container .box-cta-hp { float: left; position: relative; display: block; width: calc(50% - 1px); box-sizing: border-box; overflow: hidden; }
.box-cta-hp-container .box-cta-hp:after { content: ''; display: block; padding-bottom: 56.25%; } /* 16:9 */
.box-cta-hp-container .box-cta-hp:nth-of-type(1) { border-right: #fff 1px solid; }
.box-cta-hp-container .box-cta-hp:nth-of-type(2) { border-left: #fff 1px solid; }

.box-cta-hp-container .box-cta-hp .img-container { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.box-cta-hp-container .box-cta-hp:nth-of-type(1) .img-container { background: transparent url('/custom/vrfuel/bg-box-lavora-con-noi.jpg') 50% 50% no-repeat; background-size: cover; }
.box-cta-hp-container .box-cta-hp:nth-of-type(2) .img-container { background: transparent url('/custom/vrfuel/bg-box-ritiro-materiali.jpg') 50% 50% no-repeat; background-size: cover; }

.box-cta-hp-container .box-cta-hp .txt-container { position: absolute; left: 0; top: 0; width: 100%; padding: 50px; box-sizing: border-box; z-index: 2; }
.box-cta-hp-container .box-cta-hp .txt-container h3 { padding-bottom: 20px; line-height: 81px; color: #1874b7; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.box-cta-hp-container .box-cta-hp .txt-container p { color: #000; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.box-cta-hp-container .box-cta-hp .arrow { position: absolute; right: 50px; bottom: 40px; width: 10%; /*height: 120px;*/ z-index: 3; }
.box-cta-hp-container .box-cta-hp .arrow svg { width: 100%; height: auto; stroke: #1874b7; stroke-width: 3; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.box-cta-hp-container .box-cta-hp:hover .img-container { transform: scale(1.08); opacity: 1; }
.box-cta-hp-container .box-cta-hp:hover .txt-container h3, .box-cta-hp-container .box-cta-hp:hover .txt-container p { color: #fff; }
.box-cta-hp-container .box-cta-hp:hover svg { stroke: #fff; }

@media (max-width: 1199px){
	.box-cta-hp-container .box-cta-hp:after { content: ''; display: block; padding-bottom: 100%; } /* square */
}
@media (max-width: 767px){
	.box-cta-hp-container .box-cta-hp { float: none; position: relative; display: block; width: 100%; }
	.box-cta-hp-container .box-cta-hp:after { padding-bottom: 100%; } /* square */
	.box-cta-hp-container .box-cta-hp:nth-of-type(1), .box-cta-hp-container .box-cta-hp:nth-of-type(2) { border-right: 0; border-left: 0; border-top: #fff 1px solid; border-bottom: #fff 1px solid; }
	.box-cta-hp-container .box-cta-hp .txt-container { padding: 20px; }
	.box-cta-hp-container .box-cta-hp .txt-container h3 { padding-bottom: 10px; font-size: 33px; line-height: 43px; font-weight: 600; }
	.box-cta-hp-container .box-cta-hp .txt-container p { font-size: 16px; line-height: 28px; }
	.box-cta-hp-container .box-cta-hp .arrow { right: 20px; bottom: 20px; width: 60px; height: 60px; }
}

/* box sezioni interne */
.box-cta-container { display: block; width: 100%; background-color: #EFEFEF; }
.box-cta-container li { float: left; position: relative; display: block; width: calc(50% - 1px); box-sizing: border-box; border-top: #fff 1px solid; border-bottom: #fff 1px solid; border-left: #fff 1px solid; overflow: hidden; }
.box-cta-container li:nth-child(2n+1) { border-left: 0 !important; border-right: #fff 1px solid; }
.box-cta-container li:after { content: ''; display: block; padding-bottom: 56.25%; } /* 16:9 */
.box-cta-container li a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; }
.box-cta-container li a .img-container { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; background-size: cover !important; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.box-cta-container li a .txt-container { position: absolute; left: 0; top: 0; width: 100%; padding: 50px; box-sizing: border-box; z-index: 2; }
.box-cta-container li a .txt-container h3 { padding-bottom: 20px; line-height: 81px; color: #1874b7; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.box-cta-container li a .txt-container p { color: #000; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.box-cta-container li a .arrow { position: absolute; right: 50px; bottom: 50px; width: 120px; height: 120px; z-index: 3; }
.box-cta-container li a .arrow svg { width: 100%; height: auto; stroke: #1874b7; stroke-width: 3; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.box-cta-container li a:hover .img-container { transform: scale(1.08); opacity: 1; }
.box-cta-container li a:hover .txt-container h3, .box-cta-container li a:hover .txt-container p { color: #fff; }
.box-cta-container li a:hover svg { stroke: #fff; }

@media (max-width: 1199px){
	.box-cta-container li { float: none; display: block; width: 100%; border-left: 0; }
	.box-cta-container li:nth-child(2n+1) { border-right: 0; }
	.box-cta-container li:after { padding-bottom: 100%; } /* square */
	.box-cta-container li a .txt-container { padding: 20px; }
	.box-cta-container li a .txt-container h3 { padding-bottom: 10px; font-size: 29px; line-height: 35px; font-weight: 600; }
	.box-cta-container li a .txt-container p { font-size: 16px; line-height: 28px; }
	.box-cta-container li a .arrow { right: 20px; bottom: 20px; width: 60px; height: 60px; }
}

/* hp banner app */
.hp-banner-app { display: block; width: 100%; padding: 100px 0 0 0; background: #fff url('/custom/vrfuel/bg-banner-app.png') 50% 50% no-repeat; background-size: 100% auto; }
.hp-banner-app .row { display: flex; padding: 130px 0 0 0; flex-wrap: wrap; }
.hp-banner-app .row .col-md-6 { position: relative; padding: 0; overflow: hidden; }
.hp-banner-app .row .col-md-6:nth-of-type(2) { width: calc(50% - ((100% - 1470px) / 2)); } /* 100% - 1470px / 2 */

.hp-banner-app .content-banner-app { /*position: absolute; left: 0; top: 50%; -webkit-transform: translateY(calc(-50% - 130px)); transform: translateY(calc(-50% - 130px));*/ }
.hp-banner-app .content-banner-app h3 { padding-bottom: 20px; line-height: 81px; }

.hp-banner-app .content-banner-app p.valutazione-apple, .hp-banner-app .content-banner-app p.valutazione-google { display: inline-block; height: 17px; padding: 0 110px 0 0; font-size: 16px; font-weight: 700; line-height: 19px; }
.hp-banner-app .content-banner-app p.valutazione-apple { margin-top: 30px; background: transparent url('/custom/vrfuel/valutazione-apple.svg') right top no-repeat; background-size: auto 17px; }
.hp-banner-app .content-banner-app p.valutazione-google { margin-bottom: 40px; background: transparent url('/custom/vrfuel/valutazione-google.svg') right top no-repeat; background-size: auto 17px; }

.hp-banner-app .content-banner-app a.badge-apple { display: inline-block; width: auto; height: 45px; margin-right: 27px; }
.hp-banner-app .content-banner-app a.badge-google { display: inline-block; width: auto; height: 45px; }
.hp-banner-app .content-banner-app a.badge-apple img, .hp-banner-app .content-banner-app a.badge-google img { display: block; width: auto; height: 45px; border: 0; }

/*@media (max-width: 1560px){
	.hp-banner-app .row .col-md-6:nth-of-type(2) { width: calc(50% - ((100% - 1470px) / 2)); }
}*/
@media (max-width: 1500px){
	.hp-banner-app { padding: 50px 0; }
	.hp-banner-app .row { display: block; padding: 130px 0 0 0; }
	.hp-banner-app .row .col-md-6:nth-of-type(2) { width: 50%; }
}

@media (max-width: 1199px){
	.hp-banner-app { padding: 30px 0 0 0; background: #fff url('/custom/vrfuel/bg-banner-app.png') 50% 30% no-repeat; background-size: 120% auto; }

	.hp-banner-app .row { display: block; padding: 130px 0 0 0; }
	.hp-banner-app .row .col-md-6:nth-of-type(2) { width: 50%; }

	.hp-banner-app .content-banner-app { padding: 0 20px; box-sizing: border-box; }
	.hp-banner-app .content-banner-app h3 { padding-bottom: 0; }
	.hp-banner-app .content-banner-app p { font-size: 16px; line-height: 28px; }

}
@media (max-width: 767px){
	.hp-banner-app { padding: 30px 0 0 0; background: #fff url('/custom/vrfuel/bg-banner-app.png') 50% 30% no-repeat; background-size: 120% auto; }

	.hp-banner-app .row { display: block; padding: 30px 0 0 0; }
	.hp-banner-app .row .col-md-6 { width: 100%; }
	.hp-banner-app .row .col-md-6:nth-of-type(2) { width: 100%; }

	.hp-banner-app .content-banner-app { padding: 0 20px; box-sizing: border-box; }
	.hp-banner-app .content-banner-app h3 { padding-bottom: 0; }
	.hp-banner-app .content-banner-app p { font-size: 16px; line-height: 28px; }
	.hp-banner-app a.badge-apple { float: left; margin: 0 0 50px 0 !important; }
	.hp-banner-app a.badge-google { float: right; margin: 0 0 50px 0 !important; }
}


/* hp opportunità lavorative */
.img-opportunita-lavorative { position: relative; display: block; }
.img-opportunita-lavorative:before { content: ''; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 50%; background-color: #000; z-index: 1; }
.img-opportunita-lavorative .header-opportunita-lavorative { position: relative; display: block; width: calc(100% - ((100% - 1088px) / 2)); margin-left: calc((100% - 1088px) / 2); padding: 0 0 0 15px; box-sizing: border-box; z-index: 2; } /* 100% - 1088px / 2 */
.img-opportunita-lavorative .header-opportunita-lavorative img { display: block; width: 100%; height: auto; }

@media (min-width: 767px) and (max-width: 991px){
	.img-opportunita-lavorative .header-opportunita-lavorative { width: calc(100% - ((100% - 970px) / 2)); margin-left: calc((100% - 970px) / 2); }
}
@media (max-width: 767px){
	.img-opportunita-lavorative .header-opportunita-lavorative { width: calc(100% - ((100% - 750px) / 2)); margin-left: calc((100% - 750px) / 2); }
}

/* hp carosello brand */
.carosello-brand-container { display: block; width: 100%; padding: 40px 0; background-color: #EFEFEF; }
.brands { width: 100%; }
.brands .item .img-container { padding: 40px; box-sizing: border-box; opacity: .6; }
.brands .item .img-container img { display: block; width: 100%; height: auto; }

/* btn to top */
/*#scroll-top, #scroll-top.show, #scroll-top:hover { mix-blend-mode: difference; }*/ /* https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode */
#scroll-top { position: fixed; right: 10px; bottom: 90px; width: 50px; height: 50px; background: transparent; border: #fff 1px solid; border-radius: 50%; mix-blend-mode: difference; }
#scroll-top i { position: absolute; left: 0; top: 0; width: 48px; height: 48px; background: transparent url('/custom/vrfuel/arrow-white.svg') 50% 50% no-repeat; background-size: 20px auto; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
#scroll-top i:before { display: none; }
#scroll-top:hover { background-color: transparent; }

@media (max-width: 1199px){
	#scroll-top { display: none !important; }
}

/* FOOTER */
.rm-footer .show-mob { display: none; }
.rm-footer .show-desk { display: inline-block; }
.rm-footer { display: block; width: 100%; padding: 130px 0 0 0; color: #989898; background-color: #000; }
.rm-footer .rm-footer-logo { display: block; width: 120px; height: 36px; margin: 0 0 10px 0; background: transparent url('/custom/vrfuel/logo-runner-marketing-grey.svg') 0 0 no-repeat; background-size: 100% auto; }
.rm-footer p { display: block; margin: 0 0 60px 0; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; }
.rm-footer h3 { display: block; margin: 0 0 10px 0; font-family: 'Archivo', sans-serif; font-size: 16px; font-weight: 600; line-height: 16px; color: #989898; }
.rm-footer a:link, .rm-footer a:visited { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; color: #989898; }
.rm-footer a:hover { color: #fff; }

.rm-footer .rm-footer-menu { display: block; margin: 0 0 60px 0; }
.rm-footer .rm-footer-menu li { display: block; line-height: 22px; }
.rm-footer .rm-footer-menu li p { position: relative; display: block; width: 100%; margin: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; color: #989898; }
.rm-footer .rm-footer-menu li a:link, .rm-footer .rm-footer-menu li a:visited { display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; color: #989898; }
.rm-footer .rm-footer-menu li a:hover { color: #fff; }
.rm-footer .rm-footer-menu li p span { display: inline-block; width: 10px; height: 11px; margin: 0 0 0 7px; background: transparent url('/custom/vrfuel/arrow-white.svg') 0 0 no-repeat; background-size: 100% auto; }

.rm-footer .rm-footer-menu li .rm-footer-menu-sub { display: block; margin: 0 0 15px 0; width: 100%; padding: 0 0 0 10px; box-sizing: border-box; }
.rm-footer .rm-footer-menu li .rm-footer-menu-sub li { display: block; line-height: 22px; }
.rm-footer .rm-footer-menu li .rm-footer-menu-sub li a:link, .rm-footer-menu-sub li .rm-footer-menu li a:visited { display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; color: #989898; }
.rm-footer .rm-footer-menu li .rm-footer-menu-sub li a:hover { color: #fff; }

.rm-footer .rm-footer-social { display: block; width: 100%; margin: 21px 0; }
.rm-footer .rm-footer-social li { display: inline-block; margin: 0 10px 0 0; }
.rm-footer .rm-footer-social li a:link, .rm-footer .rm-footer-social li a:visited { display: inline-block; font-size: 16px; line-height: 22px; color: #989898; }
.rm-footer .rm-footer-social li a:hover { color: #fff; }

.rm-footer .logo-esi, .logo-esi { display: inline-block; height: 64px; padding: 0 126px 0 0; margin: 250px 0 0 0; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 65px; color: #989898; background: transparent url('/custom/vrfuel/logo-esi.svg') right top no-repeat; background-size: 116px auto; ovberflow: hidden; } 

.rm-footer hr { display: block; width: 100%; height: 1px; margin: 15px 0; background-color: #707070; border: 0; }

.rm-footer .rm-copyright { display: block; width: 100%; padding: 0 0 60px 0; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; text-align: center; color: #989898; }
.rm-footer .rm-copyright a:link, .rm-footer .rm-copyright a:visited { color: #989898; }
.rm-footer .rm-copyright a:hover { color: #fff; }
@media(max-width: 1199px){
	.rm-footer .show-desk { display: none; }
	.rm-footer .show-mob { display: block; }
}

.footer-container .container { padding: 0; }
.footer-container .menu-list li a:link, .footer-container .menu-list li a:visited {  -webkit-transition: none; transition: none; }
.logo-footer { opacity: .5; }
.footer-container .footer-social li a i { -webkit-transition: none !important; transition: none !important; }
.copyright .container { position: relative; padding-top: 25px; }
.copyright .container:before { content: ''; position: absolute; top: 0; left: 15px; right: 15px; width: calc(100% - 30px); height: 1px; background-color: #707070; }
.copyright p a:link, .copyright p a:visited { -webkit-transition: none; transition: none; }
a.ekra:link, a.ekra:visited, a.ekra:hover, a.ekra #ekra-logo .color-main, a.ekra:hover #ekra-logo .color-main, a.ekra #ekra-logo .color-k, a.ekra:hover #ekra-logo .color-k { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }


@media (max-width: 1199px){
	.footer-container .menu-list li a:link, .footer-container .menu-list li a:visited { padding: 10px 0; }
	.logo-esi { margin: 0 0 40px 0; }
}

/* hederine */
#header.tpl-2-header { background-color: #fff; padding-bottom: 60px; z-index: 11; }
#header.tpl-2-header .caption-container .caption { width: 1470px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
/*#header.tpl-2-header h1 { line-height: 81px; color: #fff; }
#header.tpl-2-header h3.titolo1 { font-size: 77px !important; font-weight: 800 !important; line-height: 83px !important; }*/

@media (max-width: 1199px){
	#header.tpl-2-header { padding-top: 99px !important; }
	#header.tpl-2-header .caption-container .caption { width: 100%; padding: 0 20px; box-sizing: border-box; }
	#header.tpl-2-header .caption-container .caption h3 { display: none; }
	#header.tpl-2-header h1 { line-height: 45px; color: #fff; }
}

/* TITOLI */
.titolo3 span { color: #1874b7; }

/* STIKI */
.sticky-left .container .row .col-md-6:nth-of-type(1) { position: -webkit-sticky; position: sticky; top: 155px; }

@media (max-width: 1199px){
	.sticky-left .container .row .col-md-6:nth-of-type(1) { position: relative !important; top: 0; }
}

/* FORM */
::-webkit-input-placeholder { font-style: normal; text-transform: none; line-height: 43px; color: #000; }
::-moz-placeholder { font-style: normal; text-transform: none; line-height: 43px; color: #000; }
:-moz-placeholder { font-style: normal; text-transform: none; line-height: 43px; color: #000; }
:-ms-input-placeholder { font-style: normal; text-transform: none; line-height: 43px; color: #000; }
/* input */
.form input { font-size: 14px; line-height: 43px; }
.form textarea { font-size: 14px; line-height: 20px; }
/* btn send */
.blk-btn a.big-btn:link, .blk-btn a.big-btn:visited { position: relative; font-weight: 400; text-transform: none; -webkit-transition: none; transition: none; z-index: 1; }
.blk-btn a.big-btn:hover { position: relative; font-weight: 400; text-transform: none; background: transparent url('/custom/vrfuel/arrow-white.svg') calc(100% - 35px) 50% no-repeat !important; background-size: 22px auto !important; z-index: 1; }
.blk-btn a.big-btn:before { content: ''; position: absolute; right: 35px; top: 11px; display: block; width: 22px; height: 22px; background: transparent url('/custom/vrfuel/arrow-blu.svg') 50% 50% no-repeat; background-size: 22px auto; }
.blk-btn a.big-btn:hover:before { background: transparent url('/custom/vrfuel/arrow-white.svg') 50% 50% no-repeat; background-size: 22px auto; }
.blk-btn a.big-btn:after { content: ''; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; display: block; inset: 0 0 0 0; background-color: #1874b7; -webkit-transition: transform .3s ease; transition: transform .3s ease; -webkit-transform: scaleX(0); transform: scaleX(0); transform-origin: bottom right; z-index: -1; }
.blk-btn a.big-btn:hover:after { transform: scaleX(1); transform-origin: bottom left; z-index: -1; }

@media (max-width: 991px){
	.form { padding-top: 0; }
	.form [class^="col-"] { padding-left: 0; padding-right: 0; }
	.form a.big-btn { display: block; width: 100%; }
}
/* NEWS */
.elenco-news { display: block; width: 100%; }
.elenco-news li { float: left; width: 49%; margin: 0 0 0 1%; }
.elenco-news li:nth-child(2n+1) { margin: 0 1% 0 0 !important; }
.elenco-news li a { position: relative; display: block; width: 100%; }
.elenco-news li a .img-container { float: none; position: relative; display: block; width: 100%; padding: 0; margin-bottom: 40px; }
.elenco-news li a .img-container:after { content: ''; display: block; padding-bottom: 56.25%; }
.elenco-news li a .img-container .img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; overflow: hidden; }
.elenco-news li a .img-container .img:after { content: ''; position: absolute; display: block; top: 0; left: 0; height: 100%; width: 100%; background: transparent; mix-blend-mode: color;  /*-webkit-transition: background .3s ease; transition: background .3s ease;*/ }
.elenco-news li a .img-container .img img { width: 100%; height: 100%; object-fit: cover; filter: ; -webkit-filter: ; -moz-filter: ; } /* https://www.cssfiltergenerator.com/ */
.elenco-news li a:hover .img-container .img:after { background: #1874b7; mix-blend-mode: color; }
.elenco-news li a:hover .img-container img { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none;}
.elenco-news li a .img-container .data { position: absolute; left: 0; top: 100%; display: block; width: 100%; height: 40px; margin: 0; padding: 0; font-size: 18px; font-weight: 400; line-height: 40px; text-align: left; background-color: transparent; color: #B9B9B9; }
.elenco-news li a .img-container .data strong, .elenco-news li a .img-container .data span { display: inline-block !important; margin: 0 5px 0 0; font-size: 18px; font-weight: 400; line-height: 40px; }

.elenco-news .img-container.not-found-news .img-not-found { position: absolute !important; left: 0; top: 0; padding-top: 56.25%; width: 100%; }

.elenco-news li a .txt-container { float: none; width: 100%; padding: 0; }
.elenco-news li a .txt-container > .blk-txt { display: none; }
.elenco-news li a .txt-container .fixed-height { margin-bottom: 30px; }
.elenco-news li a .txt-container .fixed-height h3 { padding: 0; margin: 0 0 15px 0; font-family: 'Archivo', sans-serif; font-size: 30px; font-weight: 300; line-height: 34px; color: #000; }
.elenco-news li a:hover .txt-container .fixed-height h3 { text-decoration: underline; }
.elenco-news li a .txt-container .fixed-height .txt { display: block; font-size: 16px; line-height: 28px; }

/* new typography */
body { font-size: 18px; line-height: 27px; }
/*body { font-size: 14px; line-height: 22px; }*/

.video-container .video-claim h2 { height: 174px; font-size: 67px; line-height: 87px; }
.video-container .video-claim p { font-size: 35px; line-height: 45px; }

h1, .titolo1 { padding: 20px 0; font-size: 55px; line-height: 65px; }

.hp-new-services .blk-txt h3 { padding: 80px 0 40px 0; font-size: 55px; line-height: 65px; }

.hp-new-services .services li a .content h3 { font-size: 22px; line-height: 32px; }
.hp-new-services .services li a .content p { font-size: 14px; line-height: 24px; }

.banner-esi h3 { font-size: 55px; line-height: 65px; }

.counter-title-container { margin-bottom: 30px; font-size: 22px; line-height: 32px; }

a.btn-cta:link, a.btn-cta:visited { font-size: 18px; }

.box-cta-hp-container .box-cta-hp .txt-container h3 { }

h3, .titolo3 { font-size: 33px; line-height: 43px; }

.blk-btn a.big-btn:link, .blk-btn a.big-btn:visited { font-size: 16px; }

.banner-italy h3 { /*font-size: 3vw; line-height: 3.1vw;*/ font-size: 33px; line-height: 43px; }
.banner-italy-content p { /*font-size: .8vw; line-height: 1.4vw;*/ font-size: 16px; line-height: 28px; }

.elenco-news li a .img-container .data, .elenco-news li a .img-container .data strong, .elenco-news li a .img-container .data span { font-size: .6vw; line-height: 40px; }
.elenco-news li a .txt-container .fixed-height h3 { font-size: 1.2vw; line-height: 1.4vw; }
.elenco-news li a .txt-container .fixed-height .txt { font-size: .8vw; line-height: 1.4vw; }

h2, .titolo2 { font-size: 2vw; font-weight: 400; line-height: 2.2vw; }
.titolo5 { font-weight: 400; }

.news-back .blk-btn .btn-back:link, .news-back .blk-btn .btn-back:visited { position: relative; display: inline-block; height: 52px; padding: 0 35px; font-family: 'Open Sans', 'arial', 'sans-serif'; font-size: .8vw; font-weight: 400 !important; line-height: 52px; white-space: nowrap; letter-spacing: 0 !important; background-color: transparent; color: #1874b7; border-radius: 0; overflow: hidden; }
.news-back .blk-btn .btn-back:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #1874b7 4px solid; z-index: 1; }
.news-back .blk-btn .btn-back:hover { color: #fff; background-color: #1874b7; }

#header.tpl-2-header h3.titolo1 { font-size: 67px; line-height: 87px; }
#header.tpl-2-header h1 { font-size: 67px; line-height: 87px; font-weight: 800 !important; color: #fff; }


@media (max-width: 991px){
	.video-container .video-claim h2 { height: 110px; font-size: 40px; line-height: 48px; }
	.video-container .video-claim p { font-size: 20px; line-height: 34px; }

	h1, .titolo1 { padding: 20px 0; font-size: 33px; line-height: 43px; }
	.hp-new-services .blk-txt h3 { padding: 80px 0 40px 0; font-size: 33px; line-height: 43px; }

	.hp-new-services .services li a .content h3 { font-size: 27px; line-height: 35px; }
	.hp-new-services .services li a .content p { font-size: 16px; line-height: 28px; }

	.banner-esi h3 { font-size: 33px; line-height: 43px; }
	.banner-esi-content-right { font-size: 16px; line-height: 28px; }
	a.cta-esi span { font-size: 16px; }

	#header.tpl-2-header h3.titolo1, #header.tpl-2-header h1 { font-size: 40px; line-height: 48px; font-weight: 800 !important; color: #fff; }

	.hp-banner-app .btn-cta { width: calc(100% - 40px); margin: 0 20px; }
}

.logo-esi-extended { display: block; width: 100%; height: auto; margin: 250px 0 0 0; }

@media (max-width: 1199px){
	.logo-esi-extended { margin: 0 0 40px 0; }
}

.container.risultati { margin-top: 0 !important; padding-top: 20px !important; }
a.btn-back:link, a.btn-back:visited { background-color: transparent !important; }
a.btn-back:hover { background-color: #1874b7 !important; }

.blk-btn a.big-btn:link, .blk-btn a.big-btn:visited { border-color: #1874b7; color: #1874b7; }
.blk-btn a.big-btn:hover { color: #fff; }