/*=======================================================================

Template Name: moro

/*=== Google Fonts ===*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600&display=swap');

/*GENERAL*/
body{margin: 0;padding: 0;color: #333;font-family: 'Montserrat', sans-serif!important; width: 100%;max-width: 100%;}

body, html {overflow-x: hidden;}
ul li, ol li {font-size: 0.875rem; line-height: 1.5rem;}
a {color: inherit;}
a:hover,a:focus,ins {  text-decoration:none;  outline:none;}

input,textarea,select,button {border: 0;}

button,input[type="submit"],.fileContainer,input[type="file"] {cursor: pointer;}
input:focus,textarea:focus,select:focus,button:focus,a:focus,
.form-wrp fieldset p a:focus,
.page-link:focus,
.btn.focus, 
.btn:focus,
.bootstrap-select .dropdown-toggle:focus {
  border-color: transparent;
  outline: none !important;
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
textarea {resize: none;}
main,section,footer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 100%; position:relative; width:100%;}

header{height: 100px;background:#FFF; }

footer{background: #333;color: #fff;padding: 40px 0;}
footer h2{font-size: 15px;font-weight: 400; margin-bottom: 30px;text-transform: uppercase;line-height: 20px;}
footer p{color: #fff;font-size: 12px;text-align: left;}

a{text-decoration: none!important;}
a:hover{text-decoration: none!important;color: #b2b2b2;}
h1,h2,h3,h4,h5,h6{margin-bottom: 20px;}
p{margin-bottom: 20px!important;font-family: 'Montserrat', sans-serif!important;font-size: 16px;color: #333;text-align: justify; }

h2{font-family: "Cormorant", serif;text-align: center;font-size: 50px}
h1{font-weight: 700;font-size: 40px;}

img{width: 100%;height: 100%;object-fit: cover;}
b{font-weight: 600;}
strong{font-weight: 600;}

.fixed{position: fixed;}
/*MARGIN*/
.m-0{margin: 0;}
.m-10{margin: 10;}
.m-20{margin: 20;}
.m-30{margin: 30;}
.m-40{margin: 40;}
.m-50{margin: 50;}

.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-80{margin-top: 80px!important;}

.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-80{margin-bottom: 80px!important;}

.mtb-10{margin: 10px 0;}
.mtb-20{margin: 20px 0;}
.mtb-30{margin: 30px 0;}
.mtb-40{margin: 40px 0;}
.mtb-50{margin: 50px 0;}
.mtb-60{margin: 60px 0;}
.mtb-70{margin: 70px 0;}
.mtb-80{margin: 80px 0;}
.mtb-90{margin: 90px 0;}



.m-center{margin: 0 auto!important;}

/*PADDING*/
.p-0{padding: 0px;}
.p-10{padding: 10px;}
.p-20{padding: 20px;}
.p-30{padding: 30px;}
.p-40{padding: 40px;}
.p-50{padding: 50px;}
.p-60{padding: 60px;}

.pt-10{padding-top: 10px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pt-50{padding-top: 50px;}

.pt-220{padding-top: 220px;}

.pb-10{padding-bottom: 10px;}
.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}

.ptb-10{padding: 10px 0;}
.ptb-20{padding: 20px 0;}
.ptb-30{padding: 30px 0;}
.ptb-40{padding: 40px 0;}
.ptb-50{padding: 50px 0;}
.ptb-70{padding: 70px 0;}

.plr-10{padding: 0 10px;}
.plr-20{padding: 0 20px;}
.plr-30{padding: 0 30px;}
.plr-40{padding: 0 40px;}
.plr-50{padding: 0 50px;}
.plr-180{padding: 0 180px;}


/*DISPLAY*/
.display-inline{display: inline-block;}
.display-block{display: block;}
.trecol{width: 30%;margin: 0 5px;}
.duecol{column-count: 2;column-gap: 20px; }
.quattrocol{column-count: 4;column-gap: 20px; }
.w-100{width: 100%;}
.w-70{width: 70%;}

/*ALIGN*/
.right{text-align: right;}
.center{text-align: center;}
.justify{text-align: justify;}
.left{text-align: left;}

/*SIZE*/
.size-20{font-size: 20px;line-height: 20px;}
.size-12{font-size: 12px;}
.size-10{font-size: 10px;}
.size-8{font-size: 8px;}
.size-15{font-size: 15px;}
.size-25{font-size: 25px;}
.size-30{font-size: 30px;line-height: 33px;}
.size-40{font-size: 40px;}
.size-50{font-size: 50px;}
.size-90{font-size: 90px;}

/*STYLE*/
.upp{text-transform: uppercase;}
.bold{font-weight: 700}
.radius-10{border-radius: 10px}
.text-shad{text-shadow: 1px 1px 3px #333;}

.flex{display: flex;gap:10px}
.grid{display: grid}

/*WEIGTH*/
.weight-200{font-weight: 200;}
.weight-300{font-weight: 300;}
.weight-600{font-weight: 600;}

/*HEIGHT*/
.height-20{height: 20px;}
.height-200{height: 200px;}
.height-300{height: 300px;}
.height-400{height: 400px;}
.height-450{height: 450px;}
.height-490{height: 490px;}
.height-500{height: 500px;}
.height-600{height: 600px;}
.height-700{height: 700px;}

.line-height-70{line-height: 70px;}

/*COLOR*/
.color-white{color: #fff!important;}
.color-white p{color: #fff;}
.colr-blu{color: #1E70B7;}
.bckblu{background: #1E70B7;}
.bcklightgrey{background: #F3F3F3;}
.bckyellow{background: #FFC100;}
.bck-green{background: #365956;}
.color-princ{color: #365956}


/*CUSTOM*/
.logo{height: 100px;padding: 10px 0;}
.logo img{object-fit: contain;}

.slider-home{margin-bottom: 30px;height: 450px;background-repeat: no-repeat!important;background-size: cover!important;background-position: center!important;}
.slider-content{padding: 80px 0;position: relative;}
.slider-content h1{text-transform: uppercase;}
.overlay-slider{background: #ffffff;background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 84%);position: absolute;width: 100%;height: 450px;}

.app{margin-top: -80px;}
.box-app{border: 3px solid;padding: 20px;text-align: center;background: #fff;}
.box-app i{font-size: 40px;}
.box-app h2{color: #333;font-size: 20px;text-transform: uppercase;margin: 30px 0; font-family: 'Montserrat', sans-serif}

.content-page{margin: 40px 0}


.famiglia{background: #edf2f8;padding: 30px;margin: 30px 0}
.box-famiglia{background: #fff;padding: 20px;border-radius: 10px;}
.box-famiglia h3{font-size: 20px;font-weight: 700;}
.box-famiglia ul{padding: 0 13px;margin: 20px 0;}
.button-famiglia{background: #edf2f8;text-transform: uppercase;width: 100%;display: block;border-radius: 10px;padding: 10px;}

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