/*-------------------------
Virgin Active
2022-04-27
bg@barbaragambini.com
-------------------------*/

html { scroll-behavior: smooth; } 


body, html { width: 100%;  height: 100%;  }

body { color: #3c3c3c; }

::-moz-selection  { background: #FF5321; color: #ffffff; }
::selection { background: #FF5321; color: #ffffff; }
a { color:#6f9fb8; text-decoration: underline; }
a:hover { color:#1068B2; }


.font-weight-light { font-weight:; }
.font-weight-bold { font-weight:; }
.font-weight-300 { font-weight: 300; }

.clear { clear:both; visibility:hidden; margin:0; }
.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.5; }
.full-height { height:100%; }

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

.container { max-width: 1280px; }


/*-------------------------
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-titillium { font-family: 'Titillium Web', sans-serif; }
.font-roboto { font-family: 'Roboto', sans-serif; }
.font-roboto-c { font-family: 'Roboto Condensed', sans-serif; }
.font-laila { font-family: 'Laila', serif; }
.font-roboto-slab { font-family: 'Roboto Slab', serif; }
.font-kaushan { font-family: 'Kaushan Script', cursive; }
.font-nunito-sans {font-family: 'Nunito Sans', sans-serif; }
.font-noto-sans-KR { font-family: 'Noto Sans KR', sans-serif; }
.font-lora { font-family: 'Lora', serif; }
.font-pt-sans { font-family: 'PT Sans', sans-serif; }
.font-nunito-sans {font-family: 'Nunito Sans', sans-serif; }
.font-caveat {font-family: 'Caveat', cursive; }


.font-Gotham-Book { font-family: 'Gotham Book'; }
.font-Gotham-Light { font-family: 'Gotham Light'; }
.font-Gotham-Medium { font-family: 'Gotham Medium'; }
.font-Gotham-Bold { font-family: 'Gotham Bold'; }
.font-Gotham-Black { font-family: 'Gotham Black'; }



/*-------------------------
grandezze font
-------------------------*/
.text-16 { font-size:16px; }
.text-18 { font-size:18px; }
.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-xxl { font-size:80px; }


/*-------------------------
colori
-------------------------*/

.rosso	{ color:#e10a0a; }
.blu { color:#003a6d; }
.ciano { color:#448ccb ; }
.light-blue { color:#a2c6e5; }
.light-light-blue { color:#BDE8FB; }
.yellow { color:#f3c246; }
.yellow-light { color:#FFF0C0;}
.light-grey { color:#e6e6e6; }
.green { color:#80b71d; }
.heavy-blu { color:#1a2048; }


.rosso-bg { background-color:#e10a0a; }
.blu-bg { background-color:#003a6d; }
.ciano-bg { background-color:#448ccb; }
.light-blue-bg { background-color:#a2c6e5; }
.yellow-bg { background-color:#f3c246; }
.yellow-light-bg { background-color:#FFF0C0;}
.light-grey-bg { background-color:#eee; }
.green-bg { background-color:#80b71d; }
.heavy-blu-bg { background-color:#1a2048; }

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

.beige {color:#efe1d4;}
.beige-dark	{color:#d49a6c; }
.verde-chiaro { color:#07a69e;} 
.verde-scuro { color:#07666a; }
.pink { color: #f44282; }
.rosso-mattone { color:#7c0505; }
.marrone { color:#644b34; }
.light-verde { color:#E0F0D7; }
.light-blue { color:#e5ecf8; }

.dark-grey { color:#3c3c3c; }
.heavy-verde { color:#1d2b0b; }
.gold { color: #bdab6e; }
.bianco { color: #fff; }
.orange { color:#f45c3e; }
.black { color:#000; }


.dark-grey-bg {  background-color:#424242; }
.marrone-bg { background-color:#644b34; }
.rosso-mattone-bg { background-color:#7c0505; }
.bianco-bg { background-color:#fff; }

.verde-bg { background-color:#2BA245; }
.dark-bg { background-color:#424242; }
.pink-bg { background-color: #f44282; }
.black-bg { background-color:#000; }

.light-verde-bg { background-color:#E0F0D7; }
.heavy-verde-bg { background-color:#1d2b0b; }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#f45c3e; }
.gold-bg { background-color: #bdab6e; }

.light-verde-bg { background-color:#c4e973; }

.cold-grey-bg { background-color:#d1d4d9 ; }

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

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


.giallo { color:#ffcb0d; }
.arancione { color:#ef4523; }
.blue { color:#1068b2; }
.verde { color:#75c144; }

.giallo-bg { background-color:#ffcb0d; }
.arancione-bg { background-color:#ef4523; }
.blue-bg { background-color:#1068b2; }
.verde-bg { background-color:#75c144; }

.dark { color:#424242;}

.erased { text-decoration: line-through; }

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


.max-width-90 { max-width:900px; }
.max-width-80 { max-width:800px; }
.max-width-70 { max-width:700px; }
.max-width-60 { max-width:600px; }
.max-width-50 { max-width:500px; }
.max-width-40 { max-width:400px; }



.overlay { position:absolute; bottom:0; top:0; width:100%; height:100%; z-index:1;
opacity: .6;

background: rgb(0,144,96);
background: linear-gradient(192deg, rgba(0,144,96,0) 55%, rgba(0,104,144,1) 100%); 




}

.claim { position: relative; z-index: 3; }

section .container { position:relative; z-index:4; }
section  { position:relative; }

.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-80 { opacity:.8; }
.opacity-90 { opacity:.9; }


.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { outline:none; background:#448ccb !important; }

.slick-dotted.slick-slider { margin-bottom: -7px !important; }

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

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

nav { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); position: relative; z-index: 3000; }
.blu-gradient { position:relative; 

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9fcef2+0,4a90e2+82 */
background: rgb(159,206,242); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(159,206,242,1) 0%, rgba(74,144,226,1) 82%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(159,206,242,1) 0%,rgba(74,144,226,1) 82%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(159,206,242,1) 0%,rgba(74,144,226,1) 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fcef2', endColorstr='#448ccb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
z-index:2; 
}

.waves { position:relative;  }
.waves:after { display:block; content:""; background: url("img/waves.svg") no-repeat center top / cover ; height:100%; position:absolute; width:100%; top:0; z-index:200; left:0;
background-blend-mode: multiply; }
.waves .container { position:relative; z-index: 500; }
.close-up { background: url("img/close-up.jpg") no-repeat fixed 0 bottom / cover ; }



header .claim hr { border-bottom:5px solid rgba(255,255,255,.2); max-width: 140px; }
header { background: #000 url("img/banner-studente-desktop.jpg") no-repeat center center /  auto; overflow: hidden; position: relative; }
header .container { position: relative; z-index: 3; }



.blocca-offerta { position: relative; max-width: 350px; margin-top: -3rem; }
.blocca-offerta > div { position: relative; z-index: 4; padding: 2rem 1rem 1rem; }



.blocca-offerta:before { 
display: block;
content: "";
height: 100%;
width: 100%;
position: absolute;
border: 2px solid #fff; border-radius:20px; transform: rotate(-2deg);
background: #f05533;
z-index: 2;
}

.blocca-offerta:after { 
display: block;
content: "";
background: #fff;
height: 100%;
width: 100%;
position: absolute;
bottom: -5px;
left: -5px;
border-radius: 20px;
transform: rotate(2deg);
z-index: 1;
}

.blocca-offerta:after, 
.blocca-offerta:before { padding: 1.5rem; }



.shake { animation:shake 1s infinite; }
@-webkit-keyframes shake { 
0% { margin:0 0 0 0px; } 
50% { margin:0 0 0 20px; } 
100% { margin:0 0 0 0px; } 
}
@keyframes shake { 
0% { margin:0 0 0 0px; } 
50% { margin:0 0 0 20px; } 
100% { margin:0 0 0 0px; } 
}



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

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

section.club-section  a.btn { display: inline-block; padding: .5rem 0; text-decoration: none; font-weight: 700; border: 2px solid transparent; border-radius: 4px; margin-left: 2%; margin-right: 2%; text-transform: uppercase; min-width: 230px;
transition: 0.2s ease-in-out;


}
section.club-section  a.btn.btn-outline { background: none; color: #e10a0a; border: 2px solid #E10A0A;  }


section.club-section  a.btn:hover { color:#fff; transform: scale(1.2); }
section.club-section  a.btn.btn-outline:hover { color:#e10a0a; }


section.club-section .row.numeri h3 span { letter-spacing: .1rem; }
section.club-section .row.numeri p { max-width: 230px; margin: auto;}


/*------------------------------
Caratteristiche
------------------------------*/

.caratteristiche ul.custom-list { position:relative; margin:0 0 0 28px; padding:0 0 0 0; column-count: 3; column-gap: 50px; }
.caratteristiche ul.custom-list li { font-size:15px; margin:0 0 20px 0; line-height:1.2; position:relative; padding:; }
.caratteristiche ul.custom-list li:last-child { margin-bottom:0;  }
.caratteristiche ul.custom-list i { font-size: 16px; left: -22px; position: absolute; top: 3px; }


.linea-barrata h1, .linea-barrata h2, .linea-barrata h3, .linea-barrata h4 { position: relative; }
.linea-barrata h1 span, .linea-barrata h2 span, .linea-barrata h3 span, .linea-barrata h4 span { z-index: 200; position: relative; }

.linea-barrata h1:after, .linea-barrata h2:after, .linea-barrata h3:after, .linea-barrata h4:after 
{ content: ""; display: block; height: 2px; width: 100%; top: 50%; left: 50%; background: #1c1c1c; margin-left:-50%; position: absolute; z-index: 1; }



/*----------------------------*/
.dettagli .custom-list { position:relative; margin:0 0 0 25px; padding:0 0 0 0; }
.dettagli .custom-list li { font-size:; margin:0 0 8px 0; line-height:normal; position:relative; }
.dettagli .custom-list li:last-child { margin-bottom:0;  }
.dettagli .custom-list i { left:-25px; position:absolute; top:2px; }
/*----------------------------*/

.dettagli ul.custom-list.sub-list { padding-left:50px; }
.dettagli ul.custom-list.sub-list li { line-height:; }







/*------------------------------
Vantaggi
------------------------------*/

section.vantaggi .box h3 { font-weight:900 !important; }
section.specifiche img.rounded-circle { border: 4px solid rgba(0,58,109,.4); }
section.specifiche ul { 
column-count: 3;
position: relative;
column-gap: 40px; 
}
section.specifiche ul li {
position: relative;
font-weight: 600;
line-height: 1.1;
margin-bottom: 10px;
padding-bottom: 15px;
border-bottom: 1px dotted;
padding-left: 30px;
}
section.specifiche ul li i { 
position: absolute;
top: 0px;
font-size: 20px;
color: #e10a0a;
left: 3px;
}

section.opinioni .box-opinion { border:1px solid #ccc; border-radius: 5px; height: 100%; }

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


.su-giu { animation: sugiu 1s infinite linear; }

@keyframes sugiu {
0%  { transform:translate(0px, 0px); }
25%  { transform:translate(0px, -4px); }
50%  { transform:translate(0px, 0px); }
75%  { transform:translate(0px, 4px); }
}




/*----------------------------
Form
----------------------------*/
aside { border-radius:0px; border:none; box-shadow: 3px 3px 10px rgba(0,58,109,.0); }

.form-control {
background: transparent;
border:none;
border-bottom:1px solid #fff;
border-radius: 0;
box-shadow: none;
color:#fff;
font-size: 15px;
height:50px;
line-height:50px;
padding:0 10px;
font-weight:normal;
}

.form-control::-moz-placeholder { opacity:.5; color:#fff; }
.form-control::placeholder { opacity:1; color:#fff; }
select option { opacity:1; color:#333; }
.form-group { margin-bottom:0; }

.btn-custom, 
button.btn-custom  { border:2px solid transparent; font-weight:500; letter-spacing:0; padding:16px 10px; text-transform:uppercase; border-radius:10px; line-height:1; width:100%;  
display:block; text-decoration:none; text-align:center; text-decoration:none; font-weight:bold; max-width:; margin-left:auto; margin-right:auto; }

button.btn-custom:hover, 
.btn-custom:hover{ background:none; color:#fff; text-decoration:none; border:2px solid #fff; }

button.btn-custom:hover i,
.btn-custom:hover i { background:none; color:#fff; text-decoration:none; border:none; }


.bottom-call-to-action .btn-custom {  }
.bottom-call-to-action .btn-custom:hover { background:#424242;  color:#fff; }
.bottom-call-to-action .btn-custom:hover i { background:none;  color:#fff; }

select { 
appearance:none;
-moz-appearance:none;
-webkit-appearance: none;
background:none; border:none; width:100%;
color:#aaa; line-height:1;
}
.form-group-privacy { line-height:1.2; color:; }
.form-group-privacy .small { font-weight:400; color:; font-size:11px; }
.form-group-privacy a { color:#fff; text-decoration: underline; } 
.form-group-privacy a:hover {  }
.form-group-privacy label.radio-inline { font-size:14px; margin:0; }
label.checkbox-terms { margin:0; line-height:1;}
.form-group-privacy input { color: #fff}

.form-control:focus, textarea.form-control:focus {
  color:#fff;
  background:#e10a0a;
  border:none;
  border-bottom:1px solid #fff;
  box-shadow: none;
	border-color: transparent;
}

input.form-control:focus::placeholder, 
textarea:focus::placeholder{ color: #fff; }



.form-control.custom-select-grip { padding:0;  }
.form-control select { padding: 0 10px; height: 40px; line-height: 40px; color: #FFFFFF; border-color: transparent;  border: none; box-shadow: nome;}

.form-control select:active { border: none; box-shadow: nome; border-color: transparent }


.custom-select-grip { position:relative;  }
.custom-select-grip:after { position:absolute; right:15px; top:3px; content:""; display:block; 
right:14px; top:50%; margin-top:-8px; width: 10px; height: 18px; background: url(img/select-grip.svg) no-repeat center center / 100% auto; opacity:.5; border-color: transparent }


input#dob.form-control { color:#fff; }
.check-buono-sconto { font-size:13px; }

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

.request-arrow { border-radius:50%; width:40px; height:40px; line-height:38px; border: 2px solid; text-align:center; }
.request-arrow i { font-size:18px; }


.pacchetti .box {  border:1px solid #C2CDDA; position: relative; }

.pacchetti .box .sconto { position: absolute; background: #ff0000; color: #fff; padding: 5px 8px; right: 0; top: 0;   }


.pacchetti .box { border: 1px solid #ddd; background: #fff;  border-radius: 0px; height: 100%; display: flex; justify-content: space-between; 
flex-direction: column; border-radius: 5px; overflow: hidden; }
.pacchetti .box .promo { text-transform: uppercase; color:#fff; padding:8px; font-weight:700; line-height: 1;position: absolute; width: 100%; top:0; left: 0; border-radius:0; background:#60a941; font-size: 14px; }
.pacchetti .box .prezzo {  border-bottom: 1px solid; border-color:rgba(0,0,0,0.30); padding: 4px 0; }
.pacchetti ul { list-style-type: square; max-width: 300px;     padding-left: 10px;
    padding-right: 10px; }
.pacchetti .box ul li { margin-bottom: 15px; line-height: normal; }
.pacchetti .box ul li:last-child { margin-bottom: 0px; }




.pacchetti .enquire-now a { 
background: #fff;
color: #f05533;
text-transform: uppercase;
border: 2px solid #f05533;
display: block;
padding: .5rem;
transition: 0.2s ease-in-out;
border-radius: 3px;
font-size: 14px; font-weight: 700;
	text-decoration:none;
}

.pacchetti .enquire-now a:hover { color:#fff; background: #f05533; }
.pacchetti .enquire-now hr { border-color: #b2b2b2; }

.pacchetti .titolo { min-height: 130px; display: flex; justify-content: center; flex-direction: column; }





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

.foto { background: url("img/reformer-milano-bocconi.webp") no-repeat center center / cover; min-height: 500px;  }



.specifiche h2 { position: relative; padding-left:105px; line-height: 1; max-width: 310px; margin-left: auto; margin-right: auto; display: inline-block; }
.specifiche span.number { position: absolute; left: 0px; top: -15px; line-height: 1; font-weight: 200; }
.specifiche p { margin-bottom: 0; }


section.corsi-bg { background: url("img/slide-corsi.jpg") no-repeat center 0 / cover; }
section.corsi .box { min-height: 130px; border:2px solid #e10a0a; display: flex; justify-content: space-between; flex-direction: column; }
section.corsi h4.text-20 { text-transform: uppercase; }



section.corsi a.scopri { text-decoration: none;
-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;

}
section.corsi a.scopri:hover { 
color: #e10a0a;

-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}



.pd-sx {  padding-left: 0px; padding-right: 0px; }

.pd-top {  padding-left: 0px; padding-top: 0px; }




li.triennali:before {
content: "34";
padding-right:10px;
}

li.magistrali:before {
content: "26";
padding-right:10px;
}

li.innovative:before {
content: "4";
padding-right:10px;
}




li {
  list-style: none;
  position: relative;
  padding: 0 0 0 50px;
}

li.triennali::before {
  content: "34";
font-size: 30px;
position: absolute;
  left: 0px;
  top: -10px;
}

li.magistrali::before {
  content: "26";
font-size: 30px;
position: absolute;
  left: 0px;
  top: -10px;
}

li.innovative::before {
  content: "4";
font-size: 30px;
position: absolute;
  left: 0px;
  top: -10px;
}


li.informatiche::before {
  content: "58";
font-size: 30px;
position: absolute;
  left: 0px;
  top: 0px;
}

li.linguistiche::before {
  content: "6";
font-size: 30px;
position: absolute;
  left: 0px;
  top: 0px;
}

li.competenze::before {
  content: "7";
font-size: 30px;
position: absolute;
  left: 0px;
  top: 0px;
}





li.primo::before {
  content: "56";
font-size: 30px;
position: absolute;
  left: 0px;
  top: -10px;
}

li.secondo::before {
  content: "9";
font-size: 30px;
position: absolute;
  left: 0px;
  top: -10px;
}

li.sanitario::before {
  content: "13";
font-size: 30px;
position: absolute;
  left: 0px;
  top: 0px;
}

li.formazione::before {
  content: "28";
font-size: 30px;
position: absolute;
  left: 0px;
  top: 0px;
}



.sx-cent {  text-align: left; }



.btn-custom2, 
button.btn-custom2  { border:2px solid #ed4539; font-weight:500; letter-spacing:0; text-transform:uppercase;  line-height:1; padding: .5rem; display:block; text-decoration:none; text-align:center; text-decoration:none; font-weight:bold; background:#ed4539; cursor: pointer; color: #fff; border-radius: 3px;}

button.btn-custom2:hover, 
.btn-custom2:hover, 
.btn-custom2:hover i { background:#da3327; color:#fff; text-decoration:none; border:2px solid #da3327; }






/*----------------------------*/
footer {  }
footer p.copyright { text-align: center; }
footer img.footer-logo { max-width:120px; margin:30px 0 0 0; }
/*----------------------------*/


/*----------------------------
mobile sopra i....
----------------------------*/
@media(min-width:1920px) {  }


@media(min-width:1180px) { 

}



@media(min-width:1440px) {}
@media(min-width:1080px) { }
@media(min-width:990px) { 
.position-lg-absolute { position: absolute; }
.blocca-offerta p { font-size: 14px; }
}	

/*----------------------------
mobile sotto i...
----------------------------*/
@media(max-width:1600px) { }
@media(max-width:1440px) { }
@media(max-width:1366px) {
.slick-slider---- { max-height: 450px; overflow: hidden; }

}


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

@media(max-width:1200px) {

body { font-size:; }
.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; }
}





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

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

@media(max-width:1080px) {

.caratteristiche ul.custom-list { column-count: 2; }
	
	.pd-sx {  padding-left: 30px; padding-right: 120px; }
	
	.pd-top {  padding-left: 30px; padding-top: 30px; }



}


@media(max-width:990px) {
section.pacchetti .box { width: 95%; margin-right: auto; margin-left: auto; }
	
	header { background: #000 url("img/banner-studente-mobile.jpg") no-repeat center center /  auto; overflow: hidden; position: relative; background-size: cover;}

.foto { height: 400px; min-height: inherit; }
	
		.sx-cent {  text-align: center; }

	
}

@media(max-width:768px) {

.caratteristiche ul.custom-list { column-count: 1; }

}


@media(max-width:576px) {

.specifiche h2 { padding-left: 87px; }
.specifiche span.number { left: 0px; top: -13px; font-size: 60px; }
	
		.pd-sx {  padding-left: 5px; padding-right: 20px; }
		.pd-top {  padding-left: 5px; padding-top: 20px; }


}

	
@media(max-width:480px) {

.text-18 { font-size:17px; }
.text-20 { font-size:18px; }
.text-25 { font-size:18px; }
.text-30 { font-size:20px; }
.text-35 { font-size:25px; }
.text-40 { font-size:32px; }
.text-45 { font-size:33px; }
.text-50 { font-size:35px; }
.text-60 { font-size:45px; }

.small, small { font-size: 60%; font-weight: 400; }

.foto { height: 350px;  }


.main-cover { min-height: 250px; }

footer p { font-size: 12px; }
.brand { width:120px; }

footer img { width:120px; }
footer p.copyright { font-size: 12px; padding: 0 30px; }

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

		.pd-sx {  padding-left: 5px; padding-right: 20px; }

}

@media(max-width:375px) {
	
			.pd-sx {  padding-left: 5px; padding-right: 5px; }


}