@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] {text-decoration:inherit;color: inherit;}

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){
}

@media only screen and (min-width:1366px) and (max-width:1400px) {
body{ overflow-x:hidden;}

}

@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}

}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row { width:1000px;}

ul.practiq-lst {column-gap: 4%;}
ul.practiq-lst li {flex: 0 1 48%;}

.foot1 {flex: 0 1 20%;}
.foot4 {flex: 0 1 27%;}

/* single-fitxa  */
.blog h1{font-size: 40px; line-height: 50px;}

}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row { width:750px;}


.inner-banner > img { height: 300px; object-fit: cover;}
.inner-ban-cont h1 {font-size: 48px; line-height: 48px;}
.inner-ban-cont h3 { font-size: 28px; line-height: 34px;}
.inner-ban-cont p {font-size: 20px;line-height: 26px;}
.logo-shape { bottom: 50px;}

.title-div p {font-size: 18px;line-height: 20px;}
.practiq-sec {padding: 45px 0px 55px;}
.practiq-div { padding: 0px 0px;}
ul.practiq-lst {column-gap: 4%;row-gap: 30px;}
ul.practiq-lst li {flex: 0 1 48%;}

.adeu-sec { padding: 40px 0;}
.adeu-txt h2 { margin-bottom: 20px; font-size: 28px;}
.adeu-txt h2 br { display: none;}
.adeu-txt a.mes-btn { font-size: 16px;}
.adeu-txt { flex: 1 1 100%;}
.adeu-img { flex: 1 1 100%;}
.mob-img { position: relative; float: left; width: 100%; margin-bottom: 20px; overflow: hidden; border-radius: 8px;}
.icon-logo.logo-2 { top: 20px;}
.mob-img img { float: left;}

.footer {padding: 40px 0px;}
.foot-top { row-gap: 20px;}
.foot1 {flex: 0 1 50%;}
.foot2 {flex: 0 1 50%;}
.foot3 {flex: 0 1 50%;}
.foot4 {flex: 0 1 50%;}

/* single-fitxa  */
.blog h1{font-size: 40px; line-height: 50px;}
.blog h2 br{display: none;}
.blog-cnt{width: 100%;}
.blog{padding: 45px 0;}
.blo-img .stick-img{width: 140px;right: 30px;bottom: -35px;}


}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row { width:100%; padding:0px 15px; }


.head-lft {flex: 0 1 35%;}
.head-lft img {width: 90px;}
.head-mid {flex: 0 1 25%;}
.head-mid img {width: 50px;}
.head-rgt {flex: 0 1 40%;}
.top-links { column-gap: 15px;}
.top-links ul.social { column-gap: 10px;}

.inner-banner > img { height: 325px; object-fit: cover;}
.inner-ban-cont h1 {font-size: 38px; line-height: 38px;}
.inner-ban-cont h3 { font-size: 22px; line-height: 28px; margin-bottom: 15px;}
.inner-ban-cont p {font-size: 16px;line-height: 22px;}
.logo-shape { bottom: 50px;}

.title-div h2 {font-size: 26px;line-height: 26px;}
.title-div p {font-size: 16px;line-height: 20px;}
.practiq-sec {padding: 35px 0px 45px;}
.practiq-div { padding: 0px 0px;}
ul.practiq-lst {row-gap: 25px;}
ul.practiq-lst li {flex: 0 1 100%; padding-left: 0px;}
ul.practiq-lst li span.prac-icon { width: 60px;}
ul.practiq-lst li .prac-txt { width: calc(100% - 60px); font-size: 15px; line-height: 22px;}

.adeu-sec { padding: 30px 0;}
.flex-div { padding: 0;}
.adeu-txt h2 { margin-bottom: 14px; font-size: 24px; line-height: 28px;}
.adeu-txt h2 br { display: none;}
.adeu-txt a.mes-btn { font-size: 15px; padding: 10px 25px; letter-spacing: 0.5px; }
.adeu-txt { flex: 1 1 100%;}
.adeu-txt p { line-height: 24px; margin-bottom: 15px;}
.adeu-img { flex: 1 1 100%;}
.mob-img { position: relative; float: left; width: 100%; margin-bottom: 15px; overflow: hidden; border-radius: 8px;}
.icon-logo.logo-2 { top: 10px; right: 10px;}
.icon-logo { left: 10px; bottom: 10px;}
.mob-img img { float: left;}
.icon-logo { width: 70px;}

.footer {padding: 30px 0px;}
.foot-top { row-gap: 15px;}
.foot1 {flex: 0 1 50%; }
.foot2 {flex: 0 1 50%; }
.foot3 {flex: 0 1 50%; }
.foot4 {flex: 0 1 50%; }
ul.foot-links li {padding-left: 25px;}
ul.foot-links { width: auto;}
.foot-btm { column-gap: 25px;}
.foot-btm1 p {font-size: 13px;line-height: 18px;}
.foot-btm ul.social{ column-gap: 22px;}


/* single-fitxa  */
.blog h1{font-size: 24px; line-height: 28px; margin-bottom: 20px;}
.blog h2 br{display: none;}
.blog-cnt{width: 100%;}
.blog{padding: 45px 0;}
.blog a.enr{font-size: 12px; line-height: 12px; top: -30px;padding-left: 25px; }
.bl-date{flex-wrap: wrap; row-gap: 10px; margin-bottom: 10px;}
.blog h2{font-size: 16px; line-height: 24px; margin-bottom: 15px;}
.blo-img .stick-img{width: 60px;right: 12px;bottom: 40px;}

.blo-img{margin-bottom: 20px;}
.blog-cnt p{font-size: 14px; line-height: 22px; margin-bottom: 15px;}
.blog-cnt h3{font-size: 18px; line-height: 24px; margin-top: 0;}
.blog-cnt ul.lst li::before {left: 0;}
.blog-cnt ul.lst li{padding-left: 20px; font-size: 14px;}
.blog-cnt h4{margin-top: 15px;}
.blog-cnt ul.soc li {flex: 0 1 125px;}
.blog-cnt ul.lst{row-gap: 0;}


}  

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {


.foot1 {flex: 0 1 100%; display: flex; justify-content: center;}
.foot2 {flex: 0 1 100%; display: flex; justify-content: center;}
.foot3 {flex: 0 1 100%; display: flex; justify-content: center;}
.foot4 {flex: 0 1 100%; display: flex; justify-content: center;}
.foot-btm { row-gap: 20px;}
.foot-btm1 {flex: 0 1 100%; display: flex; justify-content: center; text-align: center;}
.foot-btm2 {flex: 0 1 100%; display: flex; justify-content: center;}


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

/* single-fitxa  */
.blog-cnt ul.soc { column-gap: 5%;}
.blog-cnt ul.soc li {flex: 0 1 30%;}

}

@media screen and (max-width:359px) {

}

@media screen and (max-width:319px) {

}