@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* SCROLLBAR */
/* width */
::-webkit-scrollbar {
    width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
    background: white; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #444;;
    border: solid 0px;
    border-color: white;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #eee;
}
html{
    scrollbar-color: #444 #eee;
    scrollbar-width: thin;
}

@media screen and (max-width:1025px){
    ::-webkit-scrollbar {
        display: none !important;
    }
    body { margin-top: 0px; }
    
    html{
        scrollbar-color: none;
        scrollbar-width: none;
    }
}
/* END SCROLLBAR */

/*RP CSS*/
/*
    1 - General
*/
html {
    font-size:16px;
}
body{
    font-family:'Rawson Alt', sans-serif; 
    color: #1d295f; overflow-x: hidden; 
    font-size: 1rem; 
    line-height: 1.2rem;
    background-color: #56baa2;
}
body.custom-background {
	background-color: #FFF !important;
}
/*@media screen and (min-width: 576px) {
	.container { max-width: calc(100% - 5vw); }
}
@media screen and (min-width: 1920px) {
	.container { max-width: 1720px; }
}*/

a, a:hover { text-decoration: none; color:inherit; }
ul, li { list-style: none; display: inline-block }
* { outline: 0 !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
*, ::after, ::before { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
::-moz-selection { /* Code for Firefox */
    color: #FFF;
    background: #056ab0;
}
::selection { color: #FFF; background: #056ab0; }

img.cropjef { object-fit: cover; object-position: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
img.cropjef.relative { position: relative; }
.img-responsive, .img_responsive { max-width: 100%; height: auto; }

.myrow { display:inline-block; width: 100%; }
.hover_link, .cover_web {position:absolute;top:0; left:0; width:100%;height: 100%;}
.cover_web { z-index: 3; }
.hover_link { z-index: 5;}
.text_center, .align_center {text-align: center !important;}
.text_right {text-align: right !important;}
.text_justify {text-align: justify !important;}
.bolder {font-weight: 700 !important;}
.text_uppercase { text-transform: uppercase;}


.padding_top_zero {padding-top:0 !important}
.no_padding {padding:0 !important; }

.padding_top_40 { padding-top:40px }
.padding_top_80 { padding-top:80px }
.padding_top_120 { padding-top:120px }

.margin_top_zero {margin-top:0 !important}
.no_margin {margin:0 !important; }

.margin_top_25 { margin-top:25px !important }
.margin_top_40 { margin-top:40px !important }
.margin_top_80 { margin-top:80px !important }
.margin_top_120 { margin-top:120px !important }

.margin_bottom_25 { margin-bottom:25px !important }
.margin_bottom_40 { margin-bottom:40px !important }
.margin_bottom_80 { margin-bottom:80px !important }
.margin_bottom_120 { margin-bottom:120px !important }

.full_height_page { height:100vh !important; min-height: 100vh !important; }

.full_widht {
    width: 100% !important;
}

.position_relative { position: relative; }
.position_absolute { position: absolute; }

.translate_center { top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); text-align: center; height: auto; position: absolute; z-index:1; }
.translate_center_y { top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; height: auto; position: absolute; z-index:1;  }
.translate_center_x { top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); text-align: center; height: auto; position: absolute;  z-index:1; }

.arrow_website_white {
    background-image: url('images/arrow_website_white.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0; left: 0;
    width:100%; height: 100%;
}
.arrow_website_white.to_left {
    transform: rotate(180deg);
    transform-origin: center;
}
/*
   Titoli - testi
*/
.main_title_website {
	font-weight: 400;
	font-size: 5rem;
	line-height: 4.6rem;
    color: #FFF;
    margin-bottom:0;
}
.main_title_website.thin {
	font-weight: 100;
}
.main_title_website.light {
	font-weight: 300;
}
.main_title_website.medium {
	font-weight: 500;
}
.main_title_website.bold  {
	font-weight: 700;
}
.main_title_website strong {
    font-weight: 700 !important;
}

.main_title_website.smaller {
	font-size: 3.6rem;
	line-height: 3.2rem;
}

.main_testo_website {
    font-weight: 400; font-size: 1.3rem; line-height: 1.5rem; color: #FFF; margin-bottom:0;
}
.main_testo_website.smaller {
    font-size: 1rem; line-height: 1.2rem;
 }
.main_testo_website.medium {
    font-size: 2.4rem; line-height: 2.6rem;
}
.main_testo_website.bigger {
   font-size: 3.5rem; line-height: 3.2rem;
}
.main_testo_website.thin {
    font-weight: 100;
}
.main_testo_website strong {
    font-weight: 700;
}

/*BUTTON*/
.button_website {
	padding: 25px 20px;
	border: 2px solid #1d295f;
	color: #1d295f;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	font-weight: 900;
	display: inline-block;
	margin-bottom: 40px;
	max-width: 100%;
	width: auto;
    text-align: center;
}
.button_website.white {
    border-color: #FFFFFF;
    color: #FFFFFF;
}
.button_website.with_icon {
    position:relative; padding-left: 60px; padding-right: 60px;
}
.button_website.with_icon img {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	height: 38px;
	width: auto;
	left: 10px;
}
.button_website.with_icon.white img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(161deg) brightness(101%) contrast(102%);
}

.intro_landing {
	padding:120px 0 80px
}
.intro_landing img {
	width: 290px; max-width: 100%;
}

.banner_row_1 {
    padding: 80px 0;
}

.banner_row_1 .section_banner_row.section_banner_row_sx .title_icon_section_banner {
	padding: 60px 120px 120px 0;
	background-image: url("img/Streamhic-placeholder.png");
	background-position: 80% 15px;
	background-repeat: no-repeat;
	background-size: auto 90%;
}

.banner_row_1, .section_banner_row.section_banner_row_sx {
    display: flex;
    flex-direction: column;
}
.section_banner_row.section_banner_row_sx { 
    flex-direction: row;
    align-items: end;
}

.section_banner_row.section_banner_row_dx img {
    width: 580px; top:-120px; 
}



@media screen and (min-width: 991px) {
    .banner_row_1, .section_banner_row.section_banner_row_sx {
        display: flex;
        flex-direction: row;
    }
    .section_banner_row.section_banner_row_sx {
        align-items: end;
    }
    .section_banner_row {
        flex: 0 1 100%;
    }
    .section_banner_row.section_banner_row_dx img {
        width: 580px;
        top:-120px; right: -20%;
    }
}

@media screen and (min-width: 1391px) {
    .section_banner_row.section_banner_row_dx img {
        right: 0;
    }
}

@media screen and (max-width: 991px) {
    .section_banner_row.section_banner_row_sx {
        margin-bottom: 120px;
    }
}

@media screen and (max-width: 767px) {
    .section_banner_row.section_banner_row_sx {
        flex-direction: column;
        align-items: center;
    }
    .section_banner_row.section_banner_row_sx .testo_section_banner {
        text-align: center;
    }
    .section_banner_row.section_banner_row_dx img {
       top:-80px;  right: 50%; margin-right: -290px;
    }
}


.bg_row_gradient {
    background: rgb(45,115,119);
    background: linear-gradient(0deg, rgba(45,115,119,1) 0%, rgba(60,141,135,1) 100%);
}

@media screen and (max-width: 991px) {
    .bg_row_gradient .main_title_website {
        margin-top:480px !important
    }
}
@media screen and (max-width: 580px) {
    .bg_row_gradient .main_title_website {
        margin-top:350px !important
    }
}

.myrow.banner_row_2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
    padding: 80px 0;
}
.myrow.banner_row_2 .icona_section img {
	height: 170px; margin-right:40px;
}