/*----------------------
SS Lazio // CSS
bg@barbaragambini.com
2020-04-15
----------------------*/

html { scroll-behavior:smooth; }
body, html { width: 100%;  height: 100%; }


::-moz-selection  { color:#fff; background: rgba(0,142,167,1.00); }
::selection { color:#fff; background:rgba(0,142,167,1.00); }
 
a { color:#000; text-decoration: underline; }
a:hover { color:#000; }

body { font-size:16px; font-weight:400; color:#333; font-family: 'Roboto Condensed', sans-serif;  }
.clear { clear:both; visibility:hidden; margin:0; }


.font-weight-light { font-weight:100; }
.font-weight-bold { font-weight:600; }
strong { font-weight:900; letter-spacing:; }

.line-height-1 { line-height:1; } .line-height-1.small { line-height:1.1; }
.line-height-n { line-height: normal; }
.line-height-2 { line-height: 1.7; }

/*-------------------------
colori e grandezze font
-------------------------*/
.font-freeroad { font-family: 'Freeroad Bold', sans-serif; }
.font-opensans { font-family: 'Open Sans', sans-serif; }
.font-opensans-c { font-family: 'Open Sans Condensed', sans-serif; }
.font-muli { font-family: 'Muli', sans-serif; }
.font-coda { font-family: 'Coda', cursive; }
.font-oswald { font-family: 'Oswald', sans-serif; }
.font-anton { font-family: 'Anton', sans-serif; letter-spacing:0.03em; }
.font-norffo { font-family: 'Norffo'; }
.font-norffo-i { font-family: 'Norffo Italic'; }
.font-montserrat { font-family: 'Montserrat', sans-serif; }
.font-pacifico { font-family: 'Pacifico', cursive; }
.font-rancho { font-family: 'Rancho', cursive; }
.font-lato { font-family: 'Lato', sans-serif; }
.font-arvo { font-family: 'Arvo', serif; }
.font-russo-one { font-family: 'Russo One', sans-serif; }



.rosa 	{ color:#feafdc; }
.celeste { color:#6cb7dd; }
.celeste-scuro { color:#7ffaed; }
.verde 	{ color:#b0ff92; }
.giallo { color:#fbeaa2; }
.viola 	{ color:#caadff; }

.green { color:#72b34a; }


.rosso { color:#f6616e; }
.rosso-mattone { color:#7c0505; }
.marrone { color:#330000; }
.celeste { color:#6cb7dd; }
.blu { color:#013a76; }
.heavy-blu { color:#09111a; }
.light-green { color:#E0F0D7; }
.light-blue { color:#e5ecf8; }
.dark-green { color:#5bb2a6; }
.dark { color: rgba(0,0,0,.6); }
.heavy-green { color:#1d2b0b; }
.gold { color:#d1a32c ; }
.bianco { color: #fff; }
.orange { color:#ef7d00; }
.black { color:#000; }

.marrone-bg { background-color:#330000; }
.rosso-mattone-bg { background-color:#7c0505; }
.rosso-bg { background-color:#f6616e; }
.ciano-bg { background-color:#00a7ff;}
.giallo-bg { background-color:#FFE500; }
.bianco-bg { background-color:#fff; }

.celeste-bg { background-color:#6cb7dd; }
.blu-bg { background-color:#013a76; }
.heavy-blu-bg { background-color:#09111a; }
.green-bg { background-color:#72b34a; }
.dark-green-bg { background-color:#5bb2a6; }
.dark-bg { background-color:#585858; }
.pink-bg { background-color: #edb2cb; }
.black-bg { background-color:#000; }

.light-green-bg { background-color:#E0F0D7; }
.light-blue-bg { background-color:#e5ecf8; }
.heavy-green-bg { background-color:#1d2b0b; }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#ef7d00; }
.gold-bg { background-color:#d1a32c; }

.light-green-bg { background-color:#c4e973; }
.light-grey-bg { background-color:#f0f0f0 ; }
.cold-grey-bg { background-color:#d1d4d9 ; }


.dark-grey { color:#333333;}
.dark-grey-bg { background-color:#333333; }

.grey { color:#6e6e6e;}
.grey-bg { background-color:#6e6e6e; }

.greyblu { color:#4d5a5a;}
.greyblu-bg { background-color:#4d5a5a; }


.gold-gradient { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c8a557+0,d0af63+50,c8a557+100 */
background: rgb(200,165,87); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(200,165,87,1) 0%, rgba(208,175,99,1) 50%, rgba(200,165,87,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(200,165,87,1) 0%,rgba(208,175,99,1) 50%,rgba(200,165,87,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(200,165,87,1) 0%,rgba(208,175,99,1) 50%,rgba(200,165,87,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8a557', endColorstr='#c8a557',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.blu-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#519cff+0,50affc+100&0+0,0.8+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(81,156,255,0) 0%, rgba(80,175,252,0.8) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(81,156,255,0) 0%,rgba(80,175,252,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(81,156,255,0) 0%,rgba(80,175,252,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00519cff', endColorstr='#cc50affc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.blu-sky { position:relative; }
.blu-sky:after { display:block; content:""; position:absolute; height:100%; width:100%; background:url(img/blu-sky.jpg) no-repeat center center / cover; left:0; top:0; z-index:3; opacity:.6;
mix-blend-mode: lighten;

 }



.text-20 { font-size:20px; }
.text-25 { font-size:25px; }
.text-30 { font-size:30px; }
.text-35 { font-size:35px; }
.text-40 { font-size:40px; }
.text-45 { font-size:45px; }
.text-50 { font-size:50px; }
.text-60 { font-size:60px; }
.text-70 { font-size:70px; }
.text-xxl { font-size:100px; }


.max-width-90 { max-width:900px; margin:auto; }
.max-width-80 { max-width:800px; margin:auto; }
.max-width-70 { max-width:700px; margin:auto; }
.max-width-60 { max-width:600px; margin:auto; }

.opacity-10 { opacity:.1; }
.opacity-20 { opacity:.2; }
.opacity-30 { opacity:.3; }
.opacity-40 { opacity:.4; }
.opacity-50 { opacity:.5; }
.opacity-60 { opacity:.6; }
.opacity-70 { opacity:.7; }
.opacity-80 { opacity:.8; }
.opacity-90 { opacity:.9; }

.gutter-grid-var { margin-right:-8px; margin-left:-8px;}
.gutter-grid-var > .col, 
.gutter-grid-var > [class*="col-"] { padding-right:8px; padding-left:8px; }

.brand { position:absolute; top:10px; }
.brand img { width:180px; }

.sps.sps--abw .brand img {   }
.sps.sps--blw .brand img { width:130px;  }
.brand-subtitle { font-weight:bold; }
.brand-subtitle, .brand img {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.sps.sps--abv .brand-subtitle { margin-left:160px; }
.sps.sps--blw .brand-subtitle { margin-left:150px; }

.b-radius-2 { border-radius: 20px; }


/*------------------------------*/

nav.navbar {  }
.sps.sps--blw nav.navbar { z-index:5000; position:fixed; width:100%; top:0; background:rgba(10,20,29,.8); }
.sps.sps--blw .navbar-nav > li > a { padding-top:20px ; padding-bottom:20px; }


.navbar-nav { justify-content:space-between; }
.navbar-nav > li > a {
display: inline-block;
padding: 40px 24px;
border-bottom: none;
border-color: transparent;
color:#fff;
text-transform:uppercase;
font-weight:600; text-decoration:none;
font-size:13px;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
position:relative;
}


nav { position:relative; z-index:2000; box-shadow: 2px 2px 2px rgba(1,31,59,0); padding:0; }
nav .container { position:relative; z-index:2000; }

.navbar-toggler { font-size:16px; font-weight:600; padding:0 0 3px 0; border-radius:0; text-decoration:none;  }
.full-height { height:100%; }
/*----------------------------*/

.section-title { height:70px; }
.gallery .section-title { height:150px; }

body { background-color:#0a141d; }
.bg-1 { background:url(img/bg-1.webp) no-repeat center 0 / 2000px; padding:0 0 2%; }
.bg-2 { background:url(img/bg-2.jpg) no-repeat center center / 1700px; padding:2% 0; }
.bg-3 { background:url(img/bg-3.jpg) no-repeat center center / 1500px; padding:2% 0 0; }
.bg-4 { background:url(img/bg-4.webp) no-repeat bottom center / 1600px; min-height: 1000px; }
.bg-5 { background:url(img/bg-5.webp) no-repeat center center / 1500px; padding:2% 0; }
.bg-6 { background:url(img/bg-6.webp) no-repeat center center / 1500px; padding:2% 0; }
.bg-7 { background:url(img/bg-7.jpg) no-repeat center / 1500px; padding:5% 0 2%; }


.add-overlay { position:relative; }
.add-overlay:after { position:absolute; height:100%; width:100%; display:block; content:""; left:0; top:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a141d+0,0a141d+100&1+0,0+10,0+90,1+100 */
background: -moz-linear-gradient(top,  rgba(10,20,29,1) 0%, rgba(10,20,29,0) 10%, rgba(10,20,29,0) 90%, rgba(10,20,29,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(10,20,29,1) 0%,rgba(10,20,29,0) 10%,rgba(10,20,29,0) 90%,rgba(10,20,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(10,20,29,1) 0%,rgba(10,20,29,0) 10%,rgba(10,20,29,0) 90%,rgba(10,20,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a141d', endColorstr='#0a141d',GradientType=0 ); /* IE6-9 */
}


.add-overlay section { position:relative; z-index:500; }


section.blu-eagles {  }
section.blu-eagles .section-title { height:130px; }
section.sponsor hr { border: none;  border-top: 1px solid #ccc; margin: 2rem auto; }
section.sponsor img { width: 200px; }



hr.footer-hr { border: none;  border-top: 1px solid rgba(255, 255, 255, .2); }




/*----------------------------*/
.social-box { position:relative; }
.social-box .testimonial { position: absolute; bottom:0; left: -128px; width: 70%; z-index: 499; }

.social-box a, .social-box a.social-box-img { text-decoration:none; }
.social-box a, .social-box a.social-box-img span { color:#fff; }

.social-box a.btn-custom { min-width:175px; }

.social-box-link-group { position: relative; z-index: 500; }

.qrcode  { overflow: hidden; border-radius: 4px; box-shadow:3px 2px 2px rgba(10,20,29,.5); border: 1px solid #ccc; }
/*----------------------------*/


.torna-su { width:40px; height:40px; display:block; line-height:40px; margin:0 auto; position:fixed; bottom:30px; right:30px; background:#9fdff8; color:#09111a; }
.torna-su:hover { color:#fff; }
body.sps.sps--abv .torna-su { opacity:0; transition:ease-in .3s;}

/*----------------------------*/


.hp-slider-section .hp-slider ul.slick-dots { z-index:333; }
.carousel-indicators { bottom: -50px; }
.carousel-indicators li { background-color:rgba(0,0,0,.3); width: 10px; height: 10px; border-radius:50%; }
.carousel-indicators .active { background-color:#6cb7dd; }

.carousel-control-next, .carousel-control-prev {
color: #fff;
text-align: center;
text-decoration: none;
}



/*----------------------------
gallery
-----------------------------*/
section.hp-gallery { position: relative; background:; z-index: 800; }

/*
section.hp-gallery .container { position:relative; z-index:2000; }
section.gallery-bg:before { position:absolute; width:100%; height:100%; content:""; top:0; left:0; z-index:3; opacity:.3; background: url(img/wood.jpg); }
*/

a.fancybox { display:block; }
.gallery { margin-right:-1px; margin-right:-1px  }
.gallery .thumb {
border:0px solid #fff;
border-radius: 0;
display: block;
margin: 0;
max-height:;
overflow: hidden;
width:auto;
margin:0 0 2rem;
box-shadow: 8px 8px 20px rgba(0,0,0,.5);	
background:#0a141d; 

}
.gallery .thumb img { max-width:inherit; width:100%; margin-left:; transition: 0.2s ease-in-out; opacity:.6;	  }
.gallery .thumb img:hover { transform: scale(1.3); opacity:1; }

.gallery  a.fancybox.thumb:hover { cursor: pointer; }


/*----------------------------*/

.text-shadow { text-shadow:-2px 2px 0 rgba(0,0,0,.2); }
.card { border: none; border-radius:0; box-shadow: -3px 3px 0 rgba(0,0,0,.2); }

/*----------------------------*/
.bubble { border:3px solid #ddd; padding:30px 20px; color:; margin:0 auto; background:#fff; border-radius: 15px; position: relative; z-index:400; line-height:1.3; max-width:460px;  }
.bubble:before {
    border-color: #ddd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 30px 40px 0;
    bottom: -30px;
    content: "";
    display: table;
    height: 0;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    width: 0;
}
.bubble:after {
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 26px 34px 0;
    bottom: -26px;
    content: "";
    display: table;
    height: 0;
    left: 50%;
    margin-left: -34px;
    position: absolute;
    width: 0;
}
/*----------------------------*/
footer { position: relative; z-index: 10; } 
footer p.copyright { margin:; text-align:; font-size:14px; font-weight:400; }
.social-icons a { color:#fff; }
.social-icons a i, .social-icons a img { transition: 0.1s ease-in-out; }
.social-icons a:hover i { transition: 0.2s ease-in-out; transform: scale(1.3);}
.social-icons a:hover img { transition: 0.2s ease-in-out; transform: scale(1.3); }
/*----------------------------*/




/*----------------------------
Form
----------------------------*/
.form-control {
background: rgba(0, 0, 0, .05) none repeat scroll 0 0;
border: none;
border-radius: 0;
box-shadow: none;
color: #333;
font-size: 15px;
padding:8px;
font-weight:normal;
line-height:normal;
border:;
}
.form-control::-moz-placeholder { opacity:.3; color: #333; }
.form-control::placeholder { opacity:.3; color:#333; }
select option { opacity:1; color:#999; }


label.checkbox-terms { margin:0; line-height:1;}
.checkbox-terms input { margin:5px 0 0 ;}

select { 
appearance: toolbargripper;
-moz-appearance: toolbargripper;
-webkit-appearance: toolbargripper;
background: none;
border: medium none;
width: 100%;
color:#c5c5d2;
}



.form-privacy { line-height:1; margin-top:20px; color:; }
.form-privacy a { color:#333; text-decoration:underline; }
.form-privacy a:hover { color:#f6616e; }
.form-privacy label.radio-inline { font-size:14px; margin:0 0 6px 0; }

input#AntiSpam { width:50px; border:0; border-radius:0; padding:5px 0; background:rgba(0,0,0,.05); border: 1px solid #ccc; text-align:center; font-weight:600; color:#fff; }

form.newsletter button { border:none; height:100%; width:100%; border-radius:30px; width:100px; font-size:22px; position:absolute; right:0; top:0; }
form.newsletter .form-control { background: #fff;  border-radius: 30px; color: #333;padding:18px 20px; }

/*
btn-custom
----------------------------*/

class^="btn-"] {  }

.btn-custom, button.btn-custom { border:none; font-weight:700; letter-spacing:; text-transform:uppercase; border-radius:4px; line-height:40px; height:40px; 
display:block; text-decoration:none; text-align: center;  position:relative; z-index:10;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
max-width:220px;
}

.btn-custom:hover, button.btn-custom:hover { cursor: pointer; text-decoration:none; color:#fff;
transform: scale(1.2); cursor:pointer; opacity:.8;
}

a.btn-custom.btn-bottom { outline-color:transparent; color:#222; }
a.btn-custom.btn-bottom:hover { text-decoration:none; background:#ed1c24; color:#fff;  }

a.btn-outline { border:2px solid; text-decoration:none; text-transform:uppercase;  }
a.btn-outline:hover { color:#1aa4bf; background:#fff; }


/*----------------------------
Riflessi
*/

.riflesso { width:300px; height:50px;  
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#11d7ff+0,1188ff+28&0.3+0,0+67 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(17,215,255,0.3) 0%, rgba(17,136,255,0.17) 28%, rgba(17,136,255,0) 67%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(17,215,255,0.3) 0%,rgba(17,136,255,0.17) 28%,rgba(17,136,255,0) 67%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(17,215,255,0.3) 0%,rgba(17,136,255,0.17) 28%,rgba(17,136,255,0) 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d11d7ff', endColorstr='#001188ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

position:absolute;
mix-blend-mode:lighten;
opacity:1;
filter: blur(0px);
border:;
z-index:200;
}

.riflesso span { width:80px; height: 6px; left:50%; margin-left:-40px; display:block;  top:50%; position:absolute; opacity:1; margin-top:-3px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,11d7ff+55&1+0,0+72 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(17,215,255,0.24) 55%, rgba(17,215,255,0) 72%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(17,215,255,0.24) 55%,rgba(17,215,255,0) 72%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(17,215,255,0.24) 55%,rgba(17,215,255,0) 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0011d7ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


mix-blend-mode:lighten;
filter: blur(0px);


}

.rifl-1 { top: -24px; right: -2.5rem; }
.rifl-2 { top: -24px; left: -3rem; }
.rifl-3 { bottom:-24px; right:-3rem; }

.riflesso-img { background:url(img/riflesso.png) no-repeat center center; 
width: 300px;
height: 40px;
top: -18px;
right: 30px;
position: absolute;
z-index:400;
}


/*----------------------------
Team Page
----------------------------*/


body.team-page { background:#0a141d url(img/team-bg.jpg) no-repeat center 0 / 1600px; }
body.team-page .container { max-width:1300px; }


section.team .card-thumb { position: relative;margin-bottom:2%; } 
section.team .player-img { position:relative; z-index:10; }

section.team .card-thumb .smoke { position: absolute; left:-7%; bottom: 0; height:100%; width: 400px; z-index: 2; mix-blend-mode: lighten; opacity: .7; border:;  }
section.team .card-thumb .smoke.smoke-1 { background:url(img/smoke-1.png) no-repeat 16% bottom / 100% 100%; opacity:1; width:480px; mix-blend-mode: screen; opacity:.4; }
section.team .card-thumb .smoke.smoke-2 { background:url(img/smoke-2.png) no-repeat center center / 100%; }

section.team .card-thumb .rect { 
position: absolute;
bottom: 0;
height: 67%;
width: 80%;
z-index: 1;
left: 50%;
margin-left: -40%;
-webkit-transform: skewX(-12deg);
-moz-transform: skewX(-12deg);
-ms-transform: skewX(-12deg);
-o-transform: skewX(-12deg);
transform: skewX(-12deg);
}


section.team .card-thumb .info { padding:7px; }
section.team .card-thumb .info span { display:block; line-height:1; }

section.team .card-thumb .number { position: absolute; line-height: 1; top: 25%; z-index: 3; right: 9%; }
section.team .card-thumb .number span { line-height:1; display:block; }
section.team .card-thumb .number span.numb-ita { font-family: 'Russo One', sans-serif; font-style:italic; color: #76d1f5; font-size: 50px;  mix-blend-mode: lighten; }
section.team .card-thumb .number span.numb-cn { color:#d1a42b; font-weight:900; }


section.team .card-thumb .number:before { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,11d7ff+55&1+0,0+72 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(17,215,255,0.24) 55%, rgba(17,215,255,0) 72%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(17,215,255,0.24) 55%,rgba(17,215,255,0) 72%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(17,215,255,0.24) 55%,rgba(17,215,255,0) 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0011d7ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

display: block;
content: "";
width: 300px;
height: 56px;
mix-blend-mode: overlay;
position: absolute;
z-index: 10;
right: -8.5rem;
top: 0.3rem;
opacity: .3;
}


section.team .card-thumb .player-name { position: absolute; bottom:-26px; z-index: 15; font-style: italic; left: 2em; }
section.team .card-thumb .player-name h3 { color:#d1a42b; line-height:1; text-shadow:-1px 8px 10px rgba(0,0,0,.8); font-weight:900; }
section.team .card-thumb .player-name h4 { font-size:16px; color:#76d1f5; line-height:1; text-shadow:3px -3px 5px rgba(0,0,0,.5); margin:0;  }


.riflesso.rifl-4 span { height: 4px; }
.rifl-4 { top: -23px; left: 1rem; }



/*----------------------------
Club Page
----------------------------*/

.club-page { background:#0a141d url(img/club-bg.jpg) no-repeat center 0 / 1600px; }
section.club h2  { color:#d1a42b; font-family: 'Russo One', sans-serif; font-weight:900; font-style:italic;  }
section.club h3  { color:#76d1f5; font-weight:900; font-style:italic; }


/*----------------------------
mobile sopra i....
----------------------------*/

@media(min-width:1920px) {
}
@media(min-width:1600px) {
.bg-7 { background-size: 1650px auto; }
}
@media(min-width:1180px) { 
.hp-banner { margin:1% 0 2%;  }
}
@media(min-width:990px) {
	
.letter-spacing { letter-spacing:; }

.navbar-nav li.active a:before,
.navbar-nav > li > .active > a:before, 
.navbar-nav > li > .active > a:hover:before, 
.navbar-nav > li > .active > a:focus:before, 
.navbar-nav > li > .open > a:before, 
.navbar-nav > li > .open > a:hover:before, 
.navbar-nav > li > .open > a:focus:before,
.navbar-nav > li > a:hover:before { 
display:block; content:""; height:5px; width:100%; background:#6cb7dd; color:; position:absolute; bottom:0; left:0; opacity:.3; 
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out; }
}

.navbar-nav li a:befor, .navbar-nav li a:hover {
position:relative;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;

}





@media(min-width:768px) {}


/*----------------------------
mobile sotto i...
----------------------------*/
@media(max-width:1600px) {}

@media(max-width:1440px) {

}
@media(max-width:1360px) {

}
@media(max-width:1280px) {
}

@media(max-width:1200px) {
body { font-size:15px; }
.text-20 { font-size:18px; }
.text-25 { font-size:20px; }
.text-30 { font-size:25px; }
.text-35 { font-size:28px; }
.text-40 { font-size:30px; }
.text-45 { font-size:35px; }
.text-50 { font-size:40px; }
.text-60 { font-size:50px; }
.text-70 { font-size:50px; line-height:.8; }
.text-xxl { font-size:70px; }
}


@media(max-width:1198px) {
.bg-1 { background-size: cover; }
}
@media(max-width:1080px) {
}


@media(max-width:990px) {

.sps.sps--blw nav.navbar, .sps.sps--abw nav.navbar { position: relative; top:auto; padding: 1rem 1rem; z-index:999; }
nav { background:rgba(10,20,29,.7);margin-bottom: 1.5rem;  }
.navbar-nav > li > a { padding:3px 0; display:block; text-align:center; }
.navbar-toggler { position: absolute; right: 20px; top: 15px; padding:0; }
.navbar-nav > li > a { padding-top:.8rem; padding-bottom:.8rem; }


.brand-desktop { display:none !important; }
.brand-mobile  { margin:auto; }
.brand-mobile a { color:#013a76; text-decoration:none;  }
.btn-custom, button.btn-custom { }

.change-row-pd { margin-right:-6px; margin-left:-6px;}
.change-row-pd > .col, 
.change-row-pd > [class*="col-"] { padding-right:6px; padding-left:6px; }

.gallery .thumb { margin:0 0 .7rem 0; }
img.section-title-sponsor { margin: 3rem 0 50%; }
.club-page { background-size:100%; background-attachment: fixed;  }
.social-box-link-group .box { max-width: 200px;  }

.social-box .testimonial { left: -104px; width: 60%; }
    
.bg-4 { background-size: cover; min-height: 800px; }


}

@media(max-width:767px) { 
.torna-su { position:relative; bottom:auto;right:auto; }
.section-title { height: 50px; width:auto; }

section.blu-eagles img.section-title { height: 70px; }
section.hp-gallery img.section-title { height: 100px; }

.bg-7 { background-position: 63% bottom;  }


.social-box { position: relative;  }
.social-box img.testimonial {  left: auto; right: 0; }

    /*
.social-box:after { content: ""; display: block; width: 100%; height: 100%; top:0; left: 0; 
position: absolute; background: url("img/") no-repeat -195px 0 / cover; opacity: .4; }
*/

.bg-4 { min-height: 600px; }

}

@media(max-width:480px) {
body { font-size:14px; }
.text-20 { font-size:16px; }
.text-25 { font-size:18px; }
.text-30 { font-size:20px; }
.text-35 { font-size:15px; }
.text-40 { font-size:30px; }
.text-45 { font-size:32px; }
.text-50 { font-size:35px; }
.text-60 { font-size:40px; }
.text-70 { font-size:40px; }
.text-xxl { font-size:60px; line-height:.9; }
.letter-spacing { letter-spacing:0; }

.social-box:after { background-position: -110px 0; background-image: url("img/marcos-antonio-mobile.webp"); }
.social-box img.testimonial { 
left: auto;
right: -83px;
width: 81%;  
}



section.blu-eagles {  }
img.section-title-sponsor { margin: 3rem 0 19rem; }


.bg-4 { min-height: 400px; }
.bg-7 {  background-position: center 0; background-size: auto 43%; } 

.gallery .thumb { box-shadow: 1px 3px 10px rgba(0,0,0,.7); }

section.sponsor img.logo-partners { width:130px; }
.social-box-img img { width:50px; }
.social-box .testimonial { left: -70px; width: 100%; }
}


@media(max-width:375px) {
section.blu-eagles { padding: 25% 0; }
}