/** Custom CSS **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
a,
a:hover {
text-decoration: none;
transition: 0.2s all;
cursor: pointer;
}
a {
text-decoration: none!important;
outline: none!important;
color: inherit;
}
ol, ul, li {
list-style: none;
}
body{
margin: 0;
padding: 0;
font-family: 'Carnas';
}
h1{
font-size: 44px;
line-height: 53px;
font-weight: bold;
padding-bottom: 20px;
}
/**====================================
bootstrap styles
====================================**/
.row{
display: -webkit-flex;
-webkit-flex-wrap: wrap;
}
.navbar-collapse{
-webkit-flex-basis: 100%;
-webkit-flex-grow: 1;
-webkit-align-items: center;
}
.btn-group, .btn-group-vertical{
display: -webkit-inline-flex;
}
.d-flex{
display: -webkit-flex;
}
.navbar{
display: -webkit-flex;
-webkit-flex-wrap: wrap;
-webkit-align-items: center;
-webkit-justify-content: space-between;
}
.navbar>.container, .navbar>.container-fluid {
display: -webkit-flex;
-webkit-flex-wrap: wrap;
-webkit-align-items: center;
-webkit-justify-content: space-between;
}
button, input[type="submit"],
input:focus,
button:focus{
outline: 0 !important;
}
.align-items-center{
-webkit-align-items: center;
}
.wrapper {
max-width: 1320px;
margin: 0 auto;
box-shadow: 0px 0px 10px -3px rgb(0 0 0 / 50%);
}
/**====================================
Header
====================================**/
.header-top{
padding: 25px 0 15px;
border-bottom: 1px solid #dadada;
}
.logo img{
width: 100%;
max-width: 220px;
margin-top: 15px;
}
.header-top .service-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-top .service-list li{
padding: 0 23px;
}
.header-top .service-list li a.service{
font-size: 14px;
position: relative;
color: #179bd7;
font-weight: 900;
}
.header-top .service-list li:nth-child(2) a.service{
color: #106534;
}
.header-top .service-list li:nth-child(3) a.service{
color: #7393a6;
}
.header-top .service-list li a.service::before{
content:"\A";
border-style: solid;
border-width: 5px 8px 5px 0;
border-color: transparent #179bd7 transparent transparent;
position: absolute;
left: -15px;
top:4px;
transform: rotate(180deg);
}
_::-webkit-full-page-media, _:future, :root .header-top .service-list li a.service::before{
top: 2px;
}
.header-top .service-list li:nth-child(2) a.service::before{
border-color: transparent #106534 transparent transparent;
}
.header-top .service-list li:nth-child(3) a.service::before{
border-color: transparent #7393a6 transparent transparent;
}
.header-top .search-email,.logo-header .header-contact{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.logo-header .header-contact{
padding-top: 18px;
}
.header-top .search-email a{
padding: 0 30px;
font-size: 14px;
line-height: 19px;
color: #000;
position: relative;
}
.header-top .search-email a:last-child{
padding-right: 0;
}
.header-top .search-email i {
font-size: 14px;
position: absolute;
left: 11px;
top: 2px;
color: #71bf44;
}
.logo-header{
padding: 25px 0px 35px 0;
}
.logo-header .header-contact .user{
margin-left: 170px;
}
.logo-header .header-contact .address{
font-size: 18px;
position: relative;
}
.logo-header .header-contact .address::before{
content: '\f3c5';
font-family: 'Font Awesome\ 5 Free';
font-weight: bold;
position: absolute;
font-size: 24px;
left: -35px;
top: 2px;
color: #71bf44;
}
.logo-header .header-contact .user{
padding-right: 0;
position: relative;
font-weight: bold;
}
.logo-header .header-contact .user::before{
content: '\f007';
font-family: 'Font Awesome\ 5 Free';
font-weight: bold;
position: absolute;
font-size: 22px;
left: -40px;
top: 2px;
color: #71bf44;
}
.logo-header .header-contact .user span{
display: block;
font-size: 25px;
color: #006938;
line-height: 1;
font-weight: 900;
}
.logo-header .header-contact .user a{
font-size: 14px;
font-weight: 400;
}
.navbar ul.navbar-nav{
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}
.navbar,.navbar .navbar-collapse{
padding: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.navbar ul.navbar-nav{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
}
.navbar ul.navbar-nav .nav-item{
width: 100%;
}
.navbar ul.navbar-nav .nav-item a.nav-link{
font-size: 13px;
padding: 0;
text-align: center;
text-transform: uppercase;
border-right: 1px solid #dadada;
color: #106534;
position: relative;
transition: all .3s ease-in-out;
font-weight: 900;
height: 72px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.navbar ul.navbar-nav .nav-item a.nav-link:hover::before{
content: '';
width:100%;
height: 10px;
background: #106534;
position: absolute;
top: 0;
left: 0;
transition: all .3s ease-in-out;
}
.navbar ul.navbar-nav .nav-item:last-child a.nav-link{
border-right: 0;
}
.navbar ul.navbar-nav .dropdown-menu{
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: #106534;
min-width: 230px;
box-shadow: 7px 10px 15px rgba(0,0,0,0.25);
}
.navbar ul.navbar-nav .dropdown-menu a{
padding: 15px;
font-size: 13px;
color: #fff;
border-top: 1px solid rgba(255,255,255,.30);
}
.navbar ul.navbar-nav .dropdown-toggle::after{
display: none;
}
.navbar ul.navbar-nav .dropdown-menu a:hover{
background-color: #106534;
color: #98eb39;
}
.filter-search{
padding: 15px 55px;
background: #7393a6;
}
.filter-search .search{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.filter-search .search span{
font-size: 17px;
line-height: 28px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 40px;
}
.filter-search .search form{
width: calc(100% - 480px);
}
.filter-search .search select{
width: 100%;
height: 40px;
padding: 0 20px;
}
.filter-search .search select option:first-child{
color: #dadada;
}
.filter-search .search a.invia{
width: 268px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #106534;
color: #fff;
border-radius: 10px;
position:relative;
margin-left: 30px;
font-size: 16px;
}
.filter-search .search a.invia::before{
content:"\A";
border-style: solid;
border-width: 5px 8px 5px 0;
border-color: transparent #fff transparent transparent;
position: absolute;
left: 100px;
top: 15px;
transform: rotate(180deg);
}
_::-webkit-full-page-media, _:future, :root .filter-search .search a.invia::before{
top: 8px;
}
/**====================================
Banner
====================================**/
.owl-carousel .owl-stage {
display: flex;
}
.owl-carousel .owl-item .slide {
width: auto;
height: 100%;
}
.banner .banner-carousel .carousel-content{
padding: 105px 0 95px 0;
max-width: 380px;
margin: 0 auto;
height: 100% !important;
}
.banner .container-fluid{
padding: 0;
}
.banner .banner-carousel .content{
background: #106534;
color: #fff;
}
.banner .banner-carousel .content span{
font-size: 24px;
line-height: 30px;
}
.banner .banner-carousel .content p{
font-size: 28px;
line-height: 40px;
}
.banner .banner-carousel .content .ban-btn{
width: 300px;
height: 42px;
background: #fff;
padding: 0 10px;
text-align: center;
display: block;
color: #106534;
font-size: 17px;
font-weight: 900;
border-radius: 10px;
line-height: 42px;
margin-top: 30px;
}
.banner .banner-carousel .content .ban-btn:before{
content: "\A";
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #106534 transparent transparent;
display: inline-block;
transform: rotate(180deg);
margin-right: 8px;
position: relative;
top: 1px;
}
.banner .banner-carousel .feature-image{
/* background-image: url(../images/banner.png); */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 550px;
}
/**====================================
Home contents
====================================**/
.service-lists{
padding: 45px 0;
}
.service-lists .col-md-4{
position: relative;
}
.service-lists span{
font-size: 72px;
line-height: 1;
color: #d3e5f6;
margin-bottom: -26px;
position: relative;
font-weight: 900;
display: block;
}
.service-lists .col-md-4:nth-child(2) span{
color: #c7cde5;
}
.service-lists .col-md-4:nth-child(3) span{
color: #dce3e8;
z-index: 1;
}
.service-lists h3{
font-size: 29px;
line-height: 40px;
margin-bottom: 35px;
color: #179bd7;
position: relative;
z-index: 2;
font-weight: bold;
}
.service-lists .col-md-4:nth-child(2) h3{
color: #106534;
}
.service-lists .col-md-4:nth-child(3) h3{
color: #7393a6;
}
.service-lists h3::after{
content: '';
position: absolute;
height: 6px;
width: 168px;
background: #179bd7;
left: 0;
bottom: -15px;
}
.service-lists .col-md-4:nth-child(2) h3::after{
background: #106534;
}
.service-lists .col-md-4:nth-child(3) h3::after{
background: #7393a6;
}
.service-lists p{
max-width: 280px;
margin-bottom: 20px;
font-size: 17px;
}
.service-lists a{
font-size: 19px;
line-height: 24px;
padding: 0 13px;
position: relative;
font-weight: 900;
}
.service-lists a::before{
content:"\A";
border-style: solid;
border-width: 5px 7px 5px 0;
border-color: transparent #000 transparent transparent;
position: absolute;
left: 0px;
top: 7px;
transform: rotate(180deg);
}
.vicini-wraper{
padding: 80px 0 176px 0;
background-image: url('../images/vicini-bg.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.vicini-wraper span,.educazione-wrapper .educazione span,.virtuoso span{
font-size: 24px;
line-height: 50px;
color: #fff;
}
.vicini-wraper h2,.educazione-wrapper .educazione h2{
font-size: 44px;
line-height: 43px;
color: #fff;
font-weight: 900;
}
.hp-wrapper-1{
height: 300px;
/* background-image: url('/images/bg-rifiuti.jpg'); */
background-image: url("/images/banner-piante.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.educazione-wrapper{
padding: 20px 0 65px 0;
}
.educazione-wrapper .video-wraper{
position: relative;
margin-top: auto;
}
.educazione-wrapper img{
width: 100%;
}
.educazione-wrapper .overlay{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.educazione-wrapper button{
height: 50px;
width: 50px;
border: 1px solid #106534;
border-radius: 50%;
position: relative;
}
.educazione-wrapper button::after{
content: "\A";
border-style: solid;
border-width: 9px 11px 9px 0;
border-color: transparent #106534 transparent transparent;
position: absolute;
left: 20px;
top: 15px;
transform: rotate(180deg);
}
.educazione-wrapper .educazione{
padding: 45px 40px;
background-image: url('../images/educazione-bg.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border: 8px solid #71bf44;
margin-top: -240px;
height: calc(100% + 240px);
cursor: pointer;
}
.educazione-wrapper .educazione span,.educazione-wrapper .educazione h2{
color : #71bf44;
}
.virtuoso span,.virtuoso h2{
color: #106534;
}
.virtuoso h2{
font-weight: 900;
font-size: 44px;
line-height: 1;
margin-bottom: 70px;
}
.virtu-list{
padding-right: 15px;
}
.virtu-list li{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 60px;
}
.virtu-list li figure{
-ms-flex: 0 0 100px;
-webkit-flex: 0 0 100px;
flex: 0 0 100px;
}
.virtu-list li img{
max-width: 100px;
max-height: 110px;
}
.virtu-list li > div{
padding-left: 20px;
}
.virtu-list li h4{
font-size: 18px;
color: #000;
margin-bottom: 5px;
font-weight: 900;
}
.virtu-list li p{
font-size: 16px;
color: #000;
}
.c-box{
/* background: rgb(7,154,215,.20); */
background-color: #e0e9ae;
padding: 40px 15px;
margin-left: -15px;
text-align: center;
}
.side-cbox.c-box{
margin-left: 0;
margin-bottom: 40px;
}
.c-box h5{
font-size: 20px;
font-weight: 900;
color: #000;
}
.c-box span{
font-size: 20px;
font-weight: 900;
color: #000;
display: block;
line-height: 1;
}
.c-box h2{
font-size: 38px;
margin-bottom: 20px;
font-weight: 900;
color: #76b82a;
line-height: 1;
}
.c-box h2 span{
font-size: 24px;
font-weight: 400;
color: #76b82a;
display: block;
line-height: 1.4;
}
.c-box p{
font-size: 20px;
font-weight: 400;
color: #000;
}
.c-box .c-value{
font-size: 30px;
font-weight: 900;
color: #106534;
}
.c-box .c-value:before{
content: '\f879';
font-family: 'Font Awesome\ 5 Free';
font-weight: bold;
display: inline-block;
font-size: 30px;
color: #106534;
margin-right: 8px;
}
.c-box .c-value.nobf:before{
display:none
}
.c-box a{
font-size: 18px;
line-height: 24px;
padding: 0 13px;
position: relative;
display: inline-block;
margin-top: 20px;
font-weight: bold;
}
.c-box a::before{
content:"\A";
border-style: solid;
border-width: 5px 6px 5px 0;
border-color: transparent #000 transparent transparent;
position: absolute;
left: 0px;
top: 8px;
transform: rotate(180deg);
}
.c-box a:hover{
color: #000;
}
.c-box > div ~ div{
margin-top: 50px;
padding-top: 50px;
border-top: 1px solid #106534;
}
.green-content-box{
background: #d7e7aa;
position: relative;
}
.mob-img{
display: none;
}
.green-content-box .container{
padding: 100px 0 90px;
position: relative;
}
.green-content-box .content-box{
padding: 0 15px;
}
.green-content-box .bg-img{
position: absolute;
right: 0;
bottom: -10px;
max-width: 60%;
}
.green-content-box .bg-img img{
width: 100%;
max-width: 800px;
}
.green-content-box h2{
font-weight: 900;
font-size: 48px;
line-height: 1.3;
margin-bottom: 30px;
color: #71bf43;
}
.green-content-box h2 span{
font-size: 26px;
font-weight: 400;
display: block;
}
.green-content-box .btn-app{
width: 300px;
height: 42px;
background: #71bf43;
padding: 0 10px;
text-align: center;
display: block;
color: #fff;
font-size: 17px;
font-weight: 900;
border-radius: 10px;
line-height: 42px;
}
.green-content-box .btn-app:before{
content: "\A";
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #fff transparent transparent;
display: inline-block;
transform: rotate(180deg);
margin-right: 8px;
position: relative;
top: 1px;
}
.home-faq-sec{
padding: 100px 0;
}
.faq-head{
margin-bottom: 40px;
}
.faq-head h2{
font-weight: 900;
font-size: 44px;
line-height: 1;
margin-bottom: 20px;
color: #106534;
}
.faq-head h2 span{
font-size: 24px;
display: block;
font-weight: 400;
}
.faq-head p{
font-size: 17px;
color: #000;
font-weight: 400;
}
.faq-box .accordion .card{
border-radius: 0;
border: 0;
}
.faq-box .accordion .card ~ .card{
margin-top: 10px;
}
.faq-box .accordion .card-header{
padding: 0;
border: 0;
background: transparent;
}
.faq-box .accordion .card-header button{
width: 100%;
text-align: left;
padding: 15px 20px;
border: 0;
border-radius: 0;
font-size: 17px;
font-weight: 900;
color: #fff;
position: relative;
}
.faq-box .accordion .card-header button.collapsed{
background: #cfe0d6;
color: #106534;
}
.faq-box .accordion .card-header button:after{
content: '\f078';
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto 0;
font-family: 'Font Awesome\ 5 Free';
font-weight: bold;
height: 25px;
}
.faq-box .accordion .card-header button.collapsed:after{
color: #106534;
}
.faq-box .accordion .card-header button{
background: #106534;
color: #fff;
}
.faq-box .accordion .card-header button:after{
color: #fff;
}
.faq-box .accordion .card-body{
padding: 30px;
}
.faq-box .accordion .card-body p{
font-size: 18px;
color: #000;
}
.all-link{
margin-top: 40px;
}
.all-link a{
color: #000;
font-size: 18px;
font-weight: 900;
}
.all-link a:before{
content: "\A";
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #000 transparent transparent;
display: inline-block;
transform: rotate(180deg);
margin-right: 8px;
}
.accordfade .accordion,
.accordfade .faq-head{
opacity: 0.7;
}
.bottom-img-sec{
padding: 120px 0;
background: url(../images/bottom-bg.png) no-repeat 50% 50% / cover;
}
.bottom-img-sec .m-top{
margin-top: 160px;
}
.bottom-img-sec .ct-box{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.bottom-img-sec .ct-box div ~ div{
margin-left: 30px;
}
.bottom-img-sec h3{
font-size: 24px;
color: #fff;
}
.bottom-img-sec p{
font-size: 20px;
color: #fff;
}
.bottom-img-sec a{
width: 300px;
height: 42px;
background: #fff;
padding: 0 10px;
text-align: center;
display: block;
color: #106534;
font-size: 17px;
font-weight: 900;
border-radius: 10px;
line-height: 42px;
}
.bottom-img-sec a:before{
content: "\A";
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #106534 transparent transparent;
display: inline-block;
transform: rotate(180deg);
margin-right: 8px;
position: relative;
top: 1px;
}
/**====================================
Inner pages
====================================**/
.inner-banner{
padding: 100px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.inner-banner h1{
color: #fff;
}
.banner-pagination{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.banner-pagination li,
.banner-pagination li a{
font-size: 20px;
color: #fff;
}
.banner-pagination li ~ li:before{
content: '>';
display: inline-block;
margin: 0 10px;
}
.content-section{
padding: 100px 0 75px;
}
.mb5{
margin-bottom: 60px;
}
.mb6{
margin-bottom: 90px;
}
.fl-box{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
}
.in-accord{
margin-top: auto;
}
.in-accord.accordion .card{
border-radius: 0;
border: 0;
}
.in-accord.accordion .card ~ .card{
margin-top: 15px;
}
.in-accord.accordion .card-header{
padding: 0;
border: 0;
background: transparent;
}
.in-accord.accordion .card-header button{
width: 100%;
text-align: left;
padding: 12px 15px;
border: 0;
border-radius: 0;
font-size: 14px;
font-weight: 400;
color: #fff;
position: relative;
}
.in-accord.accordion .card-header button.collapsed{
background: #cfe0d6;
color: #106534;
}
.in-accord.accordion .card-header button:after{
content: '\f078';
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto 0;
font-family: 'Font Awesome\ 5 Free';
font-weight: bold;
height: 18px;
}
.in-accord.accordion .card-header button.collapsed:after{
color: #106534;
}
.in-accord.accordion .card-header button{
background: #106534;
color: #fff;
}
.in-accord.accordion .card-header button:after{
color: #fff;
}
.in-accord.accordion .card-body{
padding: 20px;
}
.in-accord.accordion .card-body p{
font-size: 14px;
color: #000;
}
.in-contents .in-head{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 60px;
}
.in-contents .in-head figure{
margin-right: 20px;
}
.in-contents .in-head figure img{
max-width: 90px;
max-height: 90px;
}
.in-contents h2{
font-size: 40px;
color: #106534;
font-weight: 900;
line-height: 1;
}
.in-contents h2 span{
font-size: 24px;
font-weight: 400;
display: block;
}
.btn-green{
width: 300px;
height: 42px;
background: #106534;
border: 2px solid #106534;
padding: 0 10px;
text-align: center;
display: block;
color: #fff !important;
font-size: 16px !important;
font-weight: 900;
border-radius: 10px;
line-height: 38px;
}
.btn-green:before{
content: "\A";
border-style: solid;
border-width: 6px 7px 6px 0;
/* border-color: transparent #106534 transparent transparent; */
border-color: transparent #fff transparent transparent;
display: inline-block;
transform: rotate(180deg);
margin-right: 8px;
position: relative;
top: 1px;
}
.btn-green:hover{
background: #1b9b4e;
border: 2px solid #1b9b4e;
}
/* .btn-green:hover:before{
border-color: transparent #fff transparent transparent;
} */
.bottom-img-sec .btn-fill,
.btn-fill{
width: 300px;
height: 42px;
background: #106534;
padding: 0 10px;
text-align: center;
display: block;
color: #fff;
font-size: 16px;
font-weight: 900;
border-radius: 10px;
line-height: 42px;
}
button.btn-fill{
border: 0;
}
.bottom-img-sec .btn-fill:before,
.btn-fill:not(.loading):before{
content: "\A";
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #fff transparent transparent;
display: inline-block;
transform: rotate(180deg);
margin-right: 8px;
position: relative;
top: 1px;
}
.bottom-img-sec .btn-fill:hover,
.btn-fill:hover{
background: #106534;
color: #fff;
}
.bottom-img-sec .btn-fill:hover:before,
.btn-fill:hover:before{
border-color: transparent #fff transparent transparent;
}
.btn-fill:disabled{
background: #8e8f91;
}
.in-ctbox p,
.in-contents p{
font-size: 16px;
line-height: 1.4;
color: #000;
}
.in-ctbox p ~ p,
.in-contents p ~ p{
margin-top: 20px;
}
.in-img-box img{
display: block;
width: 100%;
margin-top: -180px;
}
.in-img-box2{
overflow: hidden;
}
.in-img-box2 > img{
display: block;
width: 100%;
margin-bottom: -180px;
}
.in-img-box3 img{
display: block;
width: 100%;
}
.in-img-box2 > .img-slider{
margin-bottom: -180px;
}
.in-img-box.con-loghetto{
position: relative;
}
.in-img-box.con-loghetto .loghetto{
width: auto;
max-width: 100px;
position: absolute;
top: 20px;
left: 20px;;
margin-top: 0px;
}
.titolo-comune {
margin-left:140px
}
@media (max-width: 767px){
.in-img-box.con-loghetto .loghetto{
max-width: 60px;
}
.titolo-comune {
margin-left:100px
}
}
.bgbox img{
display: block;
width: 100%;
}
.bg-color-sec{
background: #106534;
}
.in-contents ul,
.in-list{
margin: 15px 0 ;
}
.in-contents ul li,
.in-list li{
font-size: 16px;
color: #000;
/* font-weight: 900; */
line-height: 1.4;
margin-bottom: 15px;
position: relative;
padding-left: 20px;
}
.in-contents ul li:before,
.in-list li:before{
left: 0;
top: 6px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-color: #76b82a;
border-width: 5px 8px;
}
.in-contents ul li a{
color: #76b82a;
}
.work-body{
padding: 40px 30px;
padding-bottom: 0;
background: #fff;
margin-top: -140px;
}
.workwith-box{
margin-bottom: 60px;
}
.workwith-sec{
padding: 80px 0 60px;
}
.workwith-head h2{
font-weight: 900;
font-size: 40px;
line-height: 1;
margin-bottom: 20px;
color: #106534;
}
.workwith-head h2 span{
font-size: 24px;
display: block;
font-weight: 400;
}
.workwith-head p{
font-size: 18px;
color: #000;
font-weight: 400;
}
.workwith-accord.accordion .card{
border-radius: 0;
border: 0;
}
.workwith-accord.accordion .card ~ .card{
margin-top: 15px;
}
.workwith-accord.accordion .card-header{
padding: 0;
border: 0;
background: transparent;
}
.workwith-accord.accordion .card-header button{
width: 100%;
text-align: left;
padding: 16px 20px;
border: 0;
border-radius: 0;
font-size: 16px;
font-weight: 600;
color: #fff;
position: relative;
}
.workwith-accord.accordion .card-header button.collapsed{
background: #cfe0d6;
color: #106534;
}
.workwith-accord.accordion .card-header button:after{
content: '\f078';
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto 0;
font-family: 'Font Awesome\ 5 Free';
font-weight: bold;
height: 25px;
}
.workwith-accord.accordion .card-header button.collapsed:after{
color: #106534;
}
.workwith-accord.accordion .card-header button{
background: #106534;
color: #fff;
}
.workwith-accord.accordion .card-header button:after{
color: #fff;
}
.workwith-accord.accordion .card-body{
padding: 30px;
}
.workwith-accord.accordion .card-body span{
font-size: 16px;
color: #000;
display: block;
}
.workwith-accord.accordion .card-body span ~ p{
margin-top: 20px;
}
.workwith-accord.accordion .card-body p{
font-size: 16px;
color: #000;
}
.green-box .workwith-accord.accordion .card-header button{
background: #71bf43;
}
.green-box .workwith-accord.accordion .card-header button.collapsed{
background: rgba(113,191,67,.30);
color: #71bf43;
}
.green-box .workwith-accord.accordion .card-header button.collapsed:after,
.green-box h2{
color: #71bf43;
}
.green-box{
background: #106534;
padding: 50px 30px;
text-align: center;
}
.green-box.darkbg{
background: #7291a3;
}
.green-box h3{
font-size: 32px;
color: #fff;
font-weight: 900;
line-height: 1.2;
margin-bottom: 25px;
}
.green-box p{
font-size: 16px;
color: #fff;
margin-bottom: 40px;
}
.green-box a{
width: 100%;
max-width: 300px;
height: 40px;
background: #fff;
padding: 0 10px;
text-align: center;
display: block;
color: #106534;
font-size: 16px;
font-weight: 900;
border-radius: 8px;
line-height: 40px;
margin: auto;
}
.green-box a:before{
content: "\A";
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #106534 transparent transparent;
display: inline-block;
transform: rotate(180deg);
margin-right: 8px;
position: relative;
top: 1px;
}
.search-box{
margin: 40px 0;
}
.inputbox{
background: #f6f5f3;
position: relative;
height: 58px;
}
.inputbox input{
width: 100%;
border: 0;
border-radius: 0;
background-color: transparent;
width: 100%;
height: 100%;
padding: 10px 20px;
font-size: 16px;
color: #333;
}
.inputbox input::placeholder{
color: #a6a9aa;
}
.inputbox button{
width: 30px;
height: 30px;
background-color: transparent;
border: 0;
color: #106534;
font-size: 18px;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto 0;
padding: 0;
text-align: center;
}
.dt-box h4{
font-size: 18px;
color: #106534;
line-height: 1.2;
margin-bottom: 15px;
}
.dt-box h4 span{
font-size: 24px;
display: block;
font-weight: 900;
}
.dt-box h5{
font-size: 16px;
color: #000;
font-weight: 900;
}
.dt-box p{
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
}
.dt-box a{
font-size: 16px;
font-weight: 400;
display: block;
}
.dt-box address{
margin-bottom: 15px;
}
.soc{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.soc li + li{
margin-left: 15px;
}
.soc li a{
color: #106534;
font-size: 26px;
}
.gr-box{
border: 5px solid #71bf43;
padding: 50px 0;
}
.gr-box span{
display: block;
font-size: 24px;
color: #71bf43;
}
.gr-box h2{
font-size: 40px;
color: #71bf43;
font-weight: 900;
line-height: 1.4;
margin-bottom: 30px;
}
.in-body .btn-green{
/* margin-top: 25px; */
}
.img-slider .owl-nav .owl-prev,
.img-slider .owl-nav .owl-next{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 40px;
height: 40px;
}
.img-slider .owl-nav .owl-prev{
left: 10px;
}
.img-slider .owl-nav .owl-next{
right: 10px;
}
.img-slider .owl-nav .owl-prev span,
.img-slider .owl-nav .owl-next span{
width: 22px;
height: 22px;
border: 4px solid #fff;
display: block;
transform: rotate(45deg);
margin: auto;
}
.img-slider .owl-nav .owl-prev span{
border-top: 0;
border-right: 0;
}
.img-slider .owl-nav .owl-next span{
border-left: 0;
border-bottom: 0;
}
.v-box .video-holder{
overflow: hidden;
position: relative;
padding-bottom: 56%;
}
.v-box .video-holder iframe{
position: absolute;
width: 100%;
height: 100%;
}
.v-box .video-holder > img{
width: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 3;
}
.v-box .video-holder video{
width: 100%;
position: absolute;
top: 0px;
left: 0;
padding: 0;
display: block;
}
.v-btn{
width: 60px;
height: 40px;
background-color: rgba(0,0,0,0.6);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
line-height: 40px;
border-radius: 8px;
z-index: 10;
border: 0;
}
.v-btn:before{
left: 22px;
top: 9px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-left-color: #ffffff;
border-width: 10px 18px;
}
.v-content{
padding: 15px 0;
}
.v-content h2{
font-size: 40px;
color: #71bf44;
font-weight: 900;
margin-bottom: 10px;
}
.v-content h2 span{
display: block;
font-size: 24px;
color: #71bf44;
font-weight: 400;
}
.v-content p{
font-size: 16px;
color: #000;
}
.video-list{
margin-top: -60px;
}
.video-list li{
margin-bottom: 30px;
}
.videosection{
padding-top: 0;
}
.left-contact,
.mostrecent{
margin-bottom: 50px;
}
.categories{
margin-bottom: 30px;
}
.left-contact h4,
.categories h4,
.mostrecent h4{
font-size: 17px;
color: #000;
font-weight: 900;
margin-bottom: 20px;
text-transform: uppercase;
}
.categories h4{
margin-bottom: 0;
}
.recent-list li{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 25px;
}
.recent-list li figure{
width: 115px;
-ms-flex: 0 0 115px;
-webkit-flex: 0 0 115px;
flex: 0 0 115px;
}
.recent-list li figure img{
width: 100%;
}
.nt-content{
padding-left: 15px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.nt-content a{
display: block;
margin-bottom: auto;
font-size: 16px;
color: #000;
font-weight: 900;
}
.nt-content span{
display: block;
font-size: 14px;
text-transform: uppercase;
}
.categories-list li{
position: relative;
font-size: 17px;
color: #000;
font-weight: 900;
padding: 20px 0;
padding-left: 30px;
}
.categories-list li:before{
content: '\f07b';
position: absolute;
top: 19px;
left: 0;
font-size: 18px;
font-family: "Font Awesome 5 Free";
font-weight: 400;
}
.categories-list li ~ li{
border-top: 1px solid #d3d5d4;
}
.categories-list li a{
color: #000;
}
.categories-list li.active{ color: #71bf44;}
.categories-list li.active a{ color: #71bf44;}
.c-list li{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.c-list li{
font-size: 18px;
color: #000;
padding: 10px 0;
}
.c-list li i{
-ms-flex: 0 0 30px;
-webkit-flex: 0 0 30px;
flex: 0 0 30px;
color: #71bf44;
}
.c-list li a{
color: #000;
}
.c-list li.mail a{
font-weight: 900;
}
.news-body{
margin-top: -165px;
}
.news-list li{
margin-bottom: 40px;
}
.news-card.v2{
}
.news-card {
border-bottom: 1px solid #eee;
margin-bottom: 30px;
}
.news-card .n-image{
position: relative;
min-height: 90px;
}
.news-card .n-image img{
width: 100%;
display: block;
}
.news-card .n-image span{
display: inline-block;
text-align: center;
background: #106534;
padding: 8px 40px;
font-size: 11px;
font-weight: bold;
color: #fff;
position: absolute;
top: 15px;
left: 15px;
}
.news-card .n-body{
padding: 20px 30px;
max-width: 90%;
margin: auto;
background: #fff;
margin-top: -40px;
position: relative;
}
.news-card.v2 .n-body{
margin-top: 0;
padding: 60px 30px 0 30px;
}
.news-card .n-body h5{
font-size: 19px;
color: #000;
font-weight: 900;
margin-bottom: 15px;
}
.news-card .n-body span{
font-size: 14px;
display: block;
margin-bottom: 15px;
}
.news-card .n-body p{
font-size: 16px;
color: #000;
margin-bottom: 20px;
}
.news-card .n-body a{
font-size: 19px;
color: #000;
display: inline-block;
font-weight: 900;
}
.news-card .n-body a:before{
content: "\A";
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #000 transparent transparent;
display: inline-block;
transform: rotate(180deg);
margin-right: 8px;
position: relative;
top: 1px;
}
.pagination-box{
margin-top: 100px;
}
.pagination-box ul{
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.pagination-box ul li a{
padding: 4px 10px;
font-size: 19px;
color: #000;
font-weight: 900;
border-bottom: 1px solid transparent;
}
.pagination-box ul li:hover a,
.pagination-box ul li.active a{
border-bottom-color: #106534;
}
.bigtext{
display: block;
font-size: 16px;
color: #000;
font-weight: 900;
margin: 15px 0;
}
.subtxt{
margin-bottom: 15px;
}
.subtxt span{
display: block;
font-size: 16px;
color: #000;
}
.mt5{
margin-top: 50px;
}
.in-img-box3 ~ .in-img-box3,
.in-img-box2 ~ .in-img-box3,
.in-img-box3 ~ .in-img-box,
.in-img-box ~ .in-img-box3{
margin-top: 40px;
}
.cb-list li + li{
margin-top: 70px;
}
.cb-card{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.cb-card figure{
-ms-flex: 0 0 110px;
-webkit-flex: 0 0 110px;
flex: 0 0 110px;
}
.cb-card figure img{
max-width: 100%;
max-height: 140px;
}
.cb-body{
padding-left: 10px;
}
.cb-body h5{
font-size: 16px;
color: #000;
font-weight: 900;
margin-bottom: 10px;
text-transform: uppercase;
}
.cb-body p{
font-size: 16px;
color: #000;
margin-bottom: 20px;
}
.side-accord.accordion .card{
border-radius: 0;
border: 0;
}
.side-accord{
margin-bottom: 40px;
}
.side-accord.accordion .card ~ .card{
margin-top: 5px;
}
.side-accord.accordion .card-header{
padding: 0;
border: 0;
background: transparent;
}
.side-accord.accordion .card-header button{
width: 100%;
text-align: left;
padding: 20px 15px;
padding-left: 40px;
border: 0;
border-radius: 0;
font-size: 16px;
font-weight: 900;
color: #fff;
position: relative;
}
.side-accord.accordion .card-header button.collapsed{
background: #cfe0d6;
color: #106534;
}
.side-accord.accordion .card-header button:after{
content: '\f105';
position: absolute;
left: 25px;
top: 0;
bottom: 0;
margin: auto 0;
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
height: 28px;
font-size: 20px;
}
.side-accord.accordion .card-header button.collapsed:after{
color: #106534;
}
.side-accord.accordion .card-header button{
background: #106534;
color: #fff;
}
.side-accord.accordion .card-header button:after{
color: #fff;
}
.side-accord.accordion .card-header button a:hover{
color: white;
}
.side-accord.accordion .accord-body{
padding: 0;
}
.side-accord.accordion .accord-body p{
font-size: 16px;
color: #000;
}
.side-accord.accordion .accord-body ul li a{
padding: 20px;
padding-left: 60px;
font-size: 17px;
color: #000;
display: block;
}
.side-accord.accordion .accord-body ul li + li a{
border-top: 1px solid #d3d5d4;
}
.right-side-contents h2, .right-side-contents h2 span.text-h2{
font-weight: 900;
font-size: 40px;
line-height: 1;
margin-bottom: 20px;
color: #106534;
}
.right-side-contents h2 span{
font-size: 24px;
display: block;
font-weight: 400;
}
.right-side-contents h2 .icon-title-r, .right-side-contents h2 span.text-h2 .icon-title-r{
float: right;
max-height: 80px;
margin-top: -20px;
}
@media(max-width: 370px){
.right-side-contents h2 .icon-title-r, .right-side-contents h2 span.text-h2 .icon-title-r{
max-width: 50px;
margin-top: 0px;
}
}
.ct-accord.accordion .card{
border-radius: 0;
border: 0;
}
.ct-accord.accordion .card ~ .card{
margin-top: 10px;
}
.ct-accord.accordion .card-header{
padding: 0;
border: 0;
background: transparent;
}
.ct-accord.accordion .card-header button{
width: 100%;
text-align: left;
padding: 14px 15px;
border: 0;
border-radius: 0;
font-size: 17px;
font-weight: 900;
color: #fff;
position: relative;
}
.ct-accord.accordion .card-header button.collapsed{
background: #cfe0d6;
color: #106534;
}
.ct-accord.accordion .card-header button:after{
content: '\f078';
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto 0;
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
height: 28px;
font-size: 20px;
}
.ct-accord.accordion .card-header button.collapsed:after{
color: #106534;
}
.ct-accord.accordion .card-header button{
background: #106534;
color: #fff;
}
.ct-accord.accordion .card-header button:after{
color: #fff;
}
.ct-accord.accordion .card-body{
padding: 20px;
}
.ct-accord.accordion .card-body p{
font-size: 16px;
color: #000;
}
.sliderbox .owl-nav .owl-prev,
.sliderbox .owl-nav .owl-next{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 40px;
height: 40px;
}
.sliderbox .owl-nav .owl-prev{
left: 10px;
}
.sliderbox .owl-nav .owl-next{
right: 10px;
}
.sliderbox .owl-nav .owl-prev span,
.sliderbox .owl-nav .owl-next span{
width: 22px;
height: 22px;
border: 4px solid #fff;
display: block;
transform: rotate(45deg);
margin: auto;
}
.sliderbox .owl-nav .owl-prev span{
border-top: 0;
border-right: 0;
}
.sliderbox .owl-nav .owl-next span{
border-left: 0;
border-bottom: 0;
}
.ct-accord{
margin-top: 40px;
}
.sliderbox{
padding-top: 40px;
}
.txt-contents{
padding: 40px 0;
}
.txt-contents p{
font-size: 16px;
color: #000;
}
.txt-contents p ~ p{
margin-top: 15px;
}
.right-side-contents .in-img-box img {
display: block;
width: 100%;
margin-top: -160px;
}
.darkbg.c-box{
background: #eeeded;
}
.img-holder{
padding: 40px 0 0;
}
.img-holder img{
width: 100%;
display: block;
}
.img-holder2{
padding: 40px 0 0;
}
.img-holder2 img{
max-width: 100%;
display: block;
}
.txt-contents .table tr td{
padding: 0;
font-size: 16px;
color: #000;
border: 0;
}
.sm-text{
padding: 20px 0 0;
}
.sm-text span{
font-size: 16px;
color: #106534;
display: block;
}
.sm-text small{
font-size: 13px;
color: #000;
display: block;
}
.sm-text a{
margin-top: 20px;
}
.ct-accord.accordion .card-body h5{
font-size: 16px;
color: #000;
font-weight: bold;
margin-bottom: 15px;
}
.ct-accord.accordion .card-body h6{
font-size: 16px;
color: #000;
font-weight: bold;
}
.ct-accord.accordion .card-body span{
font-size: 16px;
color: #000;
display: block;
}
.dt-box + .green-box{
margin-top: 30px;
}
.contact-body{
margin-top: 40px;
}
.contact-body .form-control{
width: 100%;
background: #f6f5f3;
border: 0;
border-radius: 0;
padding: 10px 15px;
height: 55px;
box-shadow: none;
font-size: 16px;
color: #555;
}
.contact-body textarea.form-control{
height: auto;
resize: none;
}
.form-file{
background: #f6f5f3;
height: 55px;
width: 100%;
padding: 10px 15px;
font-size: 14px;
color: #a6a9aa;
}
.contact-body .form-group h5{
font-size: 16px;
display: block;
color: #000;
margin-bottom: 5px;
}
.c-row{
margin: 0 -10px;
}
.c-row .form-group{
margin-bottom: 30px;
}
.c-row .col-12,
.c-row .col-md-6{
padding-left: 5px;
padding-right: 5px;
}
.checkbox span{
position: relative;
font-size: 16px;
color: #000;
padding-left: 26px;
min-height: 18px;
}
.checkbox span a{
font-weight: 900;
}
.checkbox span:before{
content: '';
position: absolute;
top: 2px;
left: 0;
width: 18px;
height: 18px;
border: 1px solid #000;
}
.checkbox span:after{
content: '';
position: absolute;
width: 11px;
height: 6px;
border: 2px solid #000;
border-top: 0;
border-right: 0;
transform: rotate(-45deg);
transition: 0.3s all;
top: 6px;
left: 4px;
opacity: 0;
visibility: hidden;
}
.checkbox input{
position: absolute;
opacity: 0;
visibility: hidden;
}
.checkbox input:checked ~ span:after{
opacity: 1;
visibility: visible;
}
.who-box{
position: relative;
padding-bottom: 40px;
border-bottom: 5px solid #71bf44;
}
.who-box.darktxt{
border-bottom-color: #7291a3;
}
.who-box.in-contents .in-head{
margin-bottom: 10px;
padding-top: 20px;
}
.darktxt.in-contents h2{
color: #7291a3;
}
.linklist{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.linklist ul li ~ li{
margin-top: 10px;
}
.linklist ul li a{
font-size: 16px;
color: #000;
font-weight: 900;
display: block;
position: relative;
padding-left: 20px;
}
.linklist ul li a:before{
left: 0;
top: 5px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #7291a3;
border-width: 7px 9px;
}
.work-abt-box{
padding: 50px 0;
background: #106534;
}
.wu-box span{
display: block;
font-size: 68px;
color: #8495c6;
font-weight: 900;
line-height: 1;
margin-bottom: -20px;
}
.wu-box h4{
font-size: 24px;
color: #fff;
font-weight: 900;
text-transform: uppercase;
}
.video-ctr{
padding-bottom: 60px;
}
.full-video{
position: relative;
overflow: hidden;
}
.full-video img{
display: block;
width: 100%;
position: relative;
z-index: 2;
}
.full-video .vid-play{
position: absolute;
width: 40px;
height: 40px;
border: 0;
border-radius: 50%;
padding: 0;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.full-video .vid-play img{
width: 100%;
}
.full-video video{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.full-video.played img{
opacity: 0;
}
.full-video.played .vid-play{
opacity: 0;
}
.full-video.played .video{
z-index: 5;
}
/**====================================
Footer
====================================**/
/*
footer{
padding: 110px 0 0;
}
*/
footer .top-box{
padding-bottom: 20px;
}
footer .bottom-box{
padding-top: 70px;
padding-bottom: 80px;
border-top: 6px solid #76b82a;
}
.foot-contents h4 {
font-size: 28px;
color: #106534;
font-weight: 900;
}
.foot-contents span{
display: block;
font-size: 22px;
color: #106534;
}
.foot-contents address{
display: block;
font-size: 19px;
}
.foot-contents a{
display: inline-block;
font-size: 19px;
font-weight: 900;
}
.foot-head{
margin-bottom: 10px;
}
.foot-links h5{
font-size: 18px;
color: #76b82a;
margin-bottom: 20px;
font-weight: 900;
}
.foot-links ul li{
margin-bottom: 2px;
}
.foot-links ul li a{
font-size: 18px;
color: #000;
}
.foot-links ul li a:before{
content: "\A";
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #000 transparent transparent;
display: inline-block;
transform: rotate(180deg);
margin-right: 8px;
}
footer .bottom-box ul{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
height: 100%;
}
footer .bottom-box ul li ~ li{
margin-left: 50px;
}
footer .bottom-box ul li a{
font-size: 18px;
color: #000;
font-weight: 900;
}
footer .bottom-box ul li a:before{
content: "\A";
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #000 transparent transparent;
display: inline-block;
transform: rotate(180deg);
margin-right: 8px;
}
footer .bottom-box ul li:first-child a{
color: #71bf44;
}
footer .bottom-box ul li:first-child a:before{
border-color: transparent #71bf44 transparent transparent;
}
footer .bottom-box ul li:nth-child(2) a{
color: #106534;
}
footer .bottom-box ul li:nth-child(2) a:before{
border-color: transparent #106534 transparent transparent;
}
footer .bottom-box ul li:nth-child(3) a{
}
footer .bottom-box ul li:nth-child(3) a:before{
border-color: transparent #7291a3 transparent transparent;
}
footer .bottom-box p{
font-size: 15px;
color: #717575;
line-height: 1.4;
}
.btn-green{
width: 300px;
height: 42px;
background: #fff;
border: 2px solid #106534;
padding: 0 10px;
text-align: center;
display: block;
color: #106534 !important;
font-size: 16px !important;
font-weight: 900;
border-radius: 10px;
line-height: 38px;
}
.btn-green:before{
content: "\A";
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #106534 transparent transparent;
display: inline-block;
transform: rotate(180deg);
margin-right: 8px;
position: relative;
top: 1px;
}
.btn-green:hover{
background: #106534;
color: #fff !important;
}
.btn-green:hover:before{
border-color: transparent #fff transparent transparent;
}
.bottom-img-sec .btn-fill,
.btn-fill{
width: 300px;
height: 42px;
background: #106534;
padding: 0 10px;
text-align: center;
display: block;
color: #fff;
font-size: 16px;
font-weight: 900;
border-radius: 10px;
line-height: 42px;
}
button.btn-fill{
border: 0;
}
.bottom-img-sec .btn-fill:before,
.btn-fill:not(.loading):before{
content: "\A";
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #fff transparent transparent;
display: inline-block;
transform: rotate(180deg);
margin-right: 8px;
position: relative;
top: 1px;
}
.bottom-img-sec .btn-fill:hover,
.btn-fill:hover{
background: #106534;
color: #fff;
}
.bottom-img-sec .btn-fill:hover:before,
.btn-fill:hover:before{
border-color: transparent #fff transparent transparent;
}
.btn-fill:disabled{
background: #8e8f91;
}
.btn-fill.loading {
position: relative;
color: transparent;
background-color: #106534; /* Ensures background stays intact */
}
.btn-fill.loading:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 24px; /* Size of the loading gif */
height: 24px;
background-image: url('/ptekadmin/pframework_app_27/img/loading.gif'); /* Set your loading gif path */
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transform: translate(-50%, -50%);
}
/**====================================
Responsive
====================================**/
@media (min-width: 1200px){
.container{
max-width: 1270px;
}
}
@media (min-width: 992px){
.navbar ul.navbar-nav .dropdown .dropdown-menu{
display: block;
margin-top: 20px;
transition: 0.3s all;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.navbar ul.navbar-nav .dropdown:hover .dropdown-menu{
opacity: 1;
z-index: 5;
margin-top: 0;
visibility: visible;
}
.menu-scroll .navbar{
position: fixed;
top: 0;
background: #fff;
right: 0;
z-index: 999;
left: 0;
transition: 0.3s all;
animation: 1s forwards headFixed ease-in-out;
opacity: 1;
box-shadow: 0px 5px 10px -10px rgba(0,0,0,0.5);
max-width: 1320px;
margin: 0 auto;
}
@keyframes headFixed{
0%{ transform: translateY(-100px); opacity: 0;}
100%{ transform: translateY(0px); opacity: 1;}
}
.menu-scroll .navbar ul.navbar-nav .nav-item a.nav-link{
height: 60px;
}
.menu-scroll .navbar ul.navbar-nav{
border-top: 0;
border-bottom: 0;
}
}
@media (max-width: 1366px){
.navbar ul.navbar-nav .nav-item a.nav-link{
font-size: 13px;
}
.navbar ul.navbar-nav .dropdown-menu a{
font-size: 13px;
}
.banner .banner-carousel .carousel-content{
max-width: 420px;
}
}
@media (max-width: 1280px){
.c-box h2{
font-size: 34px;
line-height: 1.2;
}
.c-box h2 span{
font-size: 20px;
}
.c-box span,
.c-box h5{
font-size: 20px;
}
.c-box p{
font-size: 18px;
}
.c-box .c-value{
font-size: 32px;
}
.c-box .c-value:before{
font-size: 90%;
}
}
@media (max-width: 1199px){
.header-top .service-list li a.service{
font-size: 14px;
}
.header-top{
padding: 15px 0;
}
.logo-header{
padding: 20px 0;
}
.logo img{
max-width: 220px;
}
.logo-header .header-contact .address{
font-size: 14px;
}
.logo-header .header-contact .phone {
margin-left: 100px;
}
.logo-header .header-contact .phone a{
font-size: 18px;
}
.logo-header .header-contact .address:before,
.logo-header .header-contact .phone:before{
font-size: 20px;
left: -28px;
top: 0;
}
.navbar ul.navbar-nav .nav-item a.nav-link{
font-size: 13px;
height: 75px;
padding: 0 15px;
}
.navbar ul.navbar-nav .nav-item a.nav-link:hover::before{
height: 6px;
}
.filter-search .search span{
font-size: 16px;
padding-right: 25px;
}
.banner .banner-carousel .content span{
font-size: 20px;
}
h1{
font-size: 36px;
line-height: 1.34;
}
.banner .banner-carousel .content p{
font-size: 24px;
}
.service-lists h3{
font-size: 26px;
margin-bottom: 30px;
}
.service-lists h3::after{
width: 100px;
height: 4px;
bottom: -10px;
}
.service-lists span{
font-size: 52px;
}
.service-lists p{
font-size: 14px;
}
.service-lists a{
font-size: 16px;
}
.service-lists a::before{
top: 6px;
}
.educazione-wrapper .educazione{
padding: 50px;
height: calc(100% + 242px);
}
.educazione-wrapper .educazione span, .educazione-wrapper .educazione h2{
font-size: 28px;
line-height: 1.4;
}
.vicini-wraper span, .educazione-wrapper .educazione span, .virtuoso span{
font-size: 20px;
}
.virtuoso h2{
font-size: 36px;
line-height: 1;
}
.c-box h2{
font-size: 28px;
line-height: 1.4;
}
.virtu-list li img {
max-width: 60px;
max-height: 60px;
}
.virtu-list li figure {
-webkit-flex: 0 0 60px;
flex: 0 0 60px;
}
.c-box span, .c-box h5 {
font-size: 16px;
}
.c-box p {
font-size: 14px;
margin-top: 10px;
}
.c-box .c-value {
font-size: 24px;
}
.c-box a{
font-size: 14px;
}
.c-box > div ~ div{
margin-top: 25px;
padding-top: 25px;
}
.c-box h2 span {
font-size: 16px;
}
.virtu-list li > div {
padding-left: 20px;
}
.virtu-list li h4{
font-size: 18px;
}
.virtu-list li p{
font-size: 14px;
}
.virtu-list li{
margin-bottom: 40px;
}
.green-content-box .bg-img{
bottom: -20px;
}
.green-content-box h2 span{
font-size: 20px;
}
.green-content-box h2{
font-size: 36px;
}
.green-content-box .btn-app {
width: 250px;
height: 48px;
line-height: 48px;
font-size: 16px;
}
.home-faq-sec {
padding: 80px 0;
}
.faq-head h2{
font-size: 36px;
}
.faq-head h2 span{
font-size: 20px;
}
.faq-head p{
font-size: 14px;
}
.faq-box .accordion .card-header button{
padding: 15px;
font-size: 14px;
}
.faq-box .accordion .card-body {
padding: 20px;
}
.faq-box .accordion .card-body p{
font-size: 14px;
}
.all-link a{
font-size: 14px;
}
footer{
padding-top: 80px;
}
.foot-contents h4{
font-size: 24px;
}
.foot-contents span{
font-size: 18px;
}
.foot-links ul li a,
.foot-links h5,
.foot-contents a,
.foot-contents address{
font-size: 16px;
}
footer .top-box {
padding-bottom: 60px;
}
footer .bottom-box{
padding: 40px 0;
}
footer .bottom-box ul li a{
font-size: 14px;
}
footer .bottom-box ul li ~ li {
margin-left: 25px;
}
footer .bottom-box p{
font-size: 14px;
}
.bottom-img-sec h3{
font-size: 24px;
}
.bottom-img-sec p{
font-size: 14px;
}
.bottom-img-sec a{
font-size: 14px;
width: 250px;
height: 48px;
line-height: 48px;
}
.content-section {
padding: 70px 0 50px;
}
.in-contents .in-head figure img {
max-width: 70px;
max-height: 70px;
}
.in-contents h2{
font-size: 36px;
}
.in-contents h2 span{
font-size: 20px;
}
.in-contents .in-head{
margin-bottom: 20px;
}
.in-ctbox p, .in-contents p{
font-size: 16px;
}
.in-img-box2 > .img-slider,
.in-img-box2 > img{
margin-bottom: -120px;
}
.in-img-box img{
margin-top: -120px;
}
.mb5 {
margin-bottom: 30px;
}
.recent-list li figure{
-webkit-flex: 0 0 80px;
flex: 0 0 80px;
}
.nt-content a{
font-size: 14px;
}
.nt-content span{
font-size: 13px;
}
.c-list li,
.categories-list li{
font-size: 16px;
}
.wu-box span{
font-size: 50px;
}
.wu-box h4{
font-size: 18px;
}
}
@media (max-width: 991px){
.sesa-header{
position: fixed;
top: 0;
background: #fff;
right: 0;
z-index: 999;
left: 0;
transition: 0.3s all;
animation: 1s forwards headFixed ease-in-out;
opacity: 1;
box-shadow: 0px 5px 10px -10px rgba(0,0,0,0.5);
}
@keyframes headFixed{
0%{ transform: translateY(-100px); opacity: 0;}
100%{ transform: translateY(0px); opacity: 1;}
}
.filter-search{
position: absolute;
left: 0;
right: 0;
top: 100px;
}
.container{
max-width: 100%;
}
.header-top{
display: none;
}
.filter-search .search{
display: block;
}
.filter-search{
padding: 20px 30px;
}
.filter-search .search span{
margin-bottom: 5px;
}
.filter-search .search form{
width: 100%;
}
.filter-search .search select{
height: 46px;
}
.filter-search .search a.invia{
display: block;
margin: 0;
margin-top: 5px;
height: 48px;
line-height: 48px;
text-align: center;
width: 200px;
}
.filter-search .search a.invia::before{
position: relative;
left: inherit;
display: inline-block;
top: 0;
margin-right: 5px;
}
.banner .banner-carousel .carousel-content{
padding: 60px 15px;
}
.banner .banner-carousel .content p {
font-size: 20px;
line-height: 1.4;
}
.service-lists{
padding: 50px 0 30px;
}
.service-lists span {
font-size: 42px;
}
.service-lists h3 {
font-size: 20px;
line-height: 1.4;
}
.vicini-wraper h2, .educazione-wrapper .educazione h2 {
font-size: 28px;
}
.vicini-wraper span, .educazione-wrapper .educazione span, .virtuoso span {
font-size: 16px;
line-height: normal;
}
.service-lists span{
margin-bottom: -16px;
}
.educazione-wrapper .educazione{
padding: 30px 15px;
}
.virtuoso h2{
margin-bottom: 40px;
}
.green-content-box h2 {
font-size: 30px;
margin-bottom: 20px;
}
.green-content-box h2 span {
font-size: 18px;
}
.bottom-img-sec{
padding: 80px 0;
}
.bottom-img-sec .m-top{
margin-top: 0;
}
.gr-box{
padding: 50px 0;
}
.logo-header .header-contact{
display: none;
}
.navbar-toggler{
width: 26px;
height: 21px;
padding: 0;
border: 0;
margin-left: auto;
position: relative;
z-index: 3;
margin-top: -100px;
margin-right: 15px;
}
.navbar-toggler span{
width: 100%;
height: 3px;
background: #106534;
display: block;
transition: 0.3s all;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.navbar-toggler.collapsed{
background: transparent;
width: 26px;
height: 21px;
}
.navbar-toggler.collapsed span{
width: 100%;
}
.navbar-toggler{
background: #fff;
width: 30px;
height: 30px;
}
.navbar-toggler span{
width: 20px;
border-radius: 3px;
}
.navbar-toggler span:first-child,
.navbar-toggler span:last-child{
transition-property: margin, -webkit-transform;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0s;
transition-delay: 0.2s, 0s;
}
.navbar-toggler span:first-child{
margin-top: 0;
}
.navbar-toggler span:last-child{
margin-bottom: 0;
}
.navbar-toggler:not(.collapsed){
border-right: 0;
z-index: 9;
}
.navbar-toggler:not(.collapsed) span:first-child{
margin-top: 9px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0s, 0.2s;
transition-delay: 0s, 0.2s;
}
.navbar-toggler:not(.collapsed) span:last-child{
margin-bottom: 9px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition-delay: 0s, 0.2s;
transition-delay: 0s, 0.2s;
}
.navbar-toggler:not(.collapsed) span:nth-child(2){
opacity: 0;
}
.navbar-toggler:not(.collapsed) span:first-child{
margin-top: 14px;
}
.navbar-toggler:not(.collapsed) span:last-child{
margin-bottom: 13px;
}
.navbar{
position: static;
}
.navbar ul.navbar-nav .nav-item a.nav-link{
height: auto;
padding: 15px;
border-bottom: 1px solid rgba(0,86,162,.20);
}
.navbar ul.navbar-nav .nav-item a.nav-link:hover::before{
display: none;
}
.navbar ul.navbar-nav .dropdown-menu{
box-shadow: none;
}
.navbar ul.navbar-nav .dropdown-menu a {
font-size: 12px;
text-align: center;
}
.menu-scroll .logo-header {
padding: 10px 0;
}
.logo img {
transition: 0.3s all
}
.menu-scroll .logo img {
max-width: 170px;
}
.menu-scroll .navbar-toggler{
margin-top: -70px;
}
.in-contents .in-head figure img {
max-width: 60px;
max-height: 60px;
}
.in-list li,
.in-ctbox p, .in-contents p {
font-size: 14px;
}
.in-list li:before{
top: 3px;
}
.in-ctbox p ~ p, .in-contents p ~ p {
margin-top: 15px;
}
.green-box{
padding: 25px 15px;
}
.green-box h3 {
font-size: 28px;
}
.green-box p{
font-size: 14px;
margin-bottom: 30px;
}
.green-box a{
font-size: 14px;
}
.inputbox{
height: 50px;
}
.inputbox input{
font-size: 14px;
padding: 6px 12px;
}
.dt-box h4{
font-size: 16px;
}
.dt-box h4 span {
font-size: 22px;
}
.dt-box h5,
.dt-box p {
font-size: 14px;
}
.dt-box a {
font-size: 14px;
}
.soc li a{
font-size: 22x;
}
.workwith-head h2{
font-size: 36px;
line-height: 1.3;
}
.workwith-head h2 span{
font-size: 20px;
}
.workwith-accord.accordion .card-header button{
font-size: 16px;
}
.workwith-accord.accordion .card-body{
padding: 15px;
}
.workwith-accord.accordion .card-body p,
.workwith-accord.accordion .card-body span{
font-size: 16px;
}
header{
position: relative;
}
.navbar .navbar-collapse{
background: #106534;
position: absolute;
left: -100%;
width: 100%;
top: 0;
z-index: 5;
border: 0;
display: block !important;
height: auto!important;
transition: 0.3s all;
padding-top: 100px;
}
.navbar ul.navbar-nav .nav-item a.nav-link{
color: #fff;
text-align: left;
display: block;
padding-left: 25px;
font-size: 15px;
border-bottom: 1px solid rgba(255,255,255,.20);
}
.navbar ul.navbar-nav{
display: block;
border: 0;
max-height: 85vh;
overflow: auto;
}
.navbar ul.navbar-nav .nav-item{
padding-left: 100px;
}
.navbar-collapse.show{
left: 0;
}
.navbar ul.navbar-nav .nav-item.dropdown > a:hover:before,
.navbar ul.navbar-nav .nav-item.dropdown > a:before{
content: '+';
position: absolute;
left: 70%;
top: 14px;
color: #fff;
font-weight: 900;
font-size: 20px;
line-height: 1;
width: auto;
}
.navbar ul.navbar-nav .nav-item.dropdown > a:hover:before{
display: block;
}
.navbar ul.navbar-nav .dropdown-menu a{
border: 0;
text-align: left;
font-size: 14px;
}
.navbar ul.navbar-nav .dropdown-menu{
border-bottom: 1px solid rgba(255,255,255,.20);
padding-left: 50px;
}
.filter-search{
top: 104px;
}
header {
padding-top: 276px;
}
.v-content h2{
font-size: 32px;
}
.v-content h2 span{
font-size: 18px;
}
.v-content p {
font-size: 14px;
}
.nt-content a{
font-size: 14px;
}
.nt-content span{
font-size: 12px;
}
.c-list li,
.categories-list li{
font-size: 14px;
}
.categories-list li{
padding-top: 14px;
padding-bottom: 14px;
padding-left: 22px;
}
.categories-list li:before {
top: 13px;
font-size: 15px;
}
.c-list li i{
flex: 0 0 25px;
}
.news-card .n-body h5 {
font-size: 16px;
margin-bottom: 10px;
}
.news-card .n-body p{
font-size: 14px;
}
.news-card .n-body a{
font-size: 17px;
}
.news-card .n-body span{
margin-bottom: 10px;
}
.news-body {
margin-top: -130px;
}
.in-img-box.mt10 img{
margin-top: -100px;
}
.linklist ul li a {
font-size: 14px;
padding-left: 14px;
}
.linklist ul li a:before{
border-width: 5px 8px;
top: 4px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.c-box h2 span {
font-size: 14px;
}
.virtuoso h2 {
margin-bottom: 20px;
font-size: 19px;
}
.c-box span, .c-box h5 {
font-size: 14px;
}
.c-box .c-value {
font-size: 18px;
}
.c-box a {
font-size: 11px;
}
}
@media (max-width: 767px){
.educazione-wrapper .educazione{
margin-top: 0;
height: auto;
min-height: 450px;
}
.service-lists ul li + li{
margin-top: 30px;
}
.service-lists h3{
margin-bottom: 20px;
}
.banner .banner-carousel .carousel-content{
max-width: 100%;
padding: 15px;
}
.banner .banner-carousel .content span {
font-size: 16px;
}
h1 {
font-size: 28px;
line-height: 1.3;
padding-bottom: 10px;
}
.banner .banner-carousel .owl-dots{
display: none;
}
.banner .banner-carousel .content p {
font-size: 16px;
line-height: 1.4;
}
.banner .banner-carousel .feature-image{
min-height: 320px;
}
.service-lists{
padding: 30px 0;
}
.vicini-wraper{
padding: 80px 0 100px;
}
.c-box{
margin-bottom: 30px;
}
.green-content-box .bg-img {
bottom: 0;
max-width: 100%;
opacity: 1;
position: relative;
margin-top: 35px;
}
.content-box{
position: relative;
z-index: 5;
}
.faq-box{
margin-bottom: 30px;
}
.faq-head h2 {
font-size: 30px;
margin-bottom: 10px;
}
.faq-head h2 span {
font-size: 16px;
}
.faq-head {
margin-bottom: 15px;
}
.home-faq-sec {
padding: 50px 0;
}
.bottom-img-sec .ct-box{
display: block;
}
.bottom-img-sec .ct-box div ~ div {
margin-left: 0;
margin-top: 10px;
}
footer {
padding-top: 50px;
}
.foot-links{
margin-top: 30px;
}
.foot-links h5{
margin-bottom: 10px;
}
footer .bottom-box ul{
margin-bottom: 25px;
height: auto;
}
.c-box h2{
margin-bottom: 20px;
}
.virtu-list {
padding-right: 0;
}
.educazione-wrapper{
padding: 30px 0;
}
.c-box{
margin-left: 0;
}
.green-content-box .container {
padding: 50px 15px 50px;
position: relative;
}
.green-content-box img{
display: none;
}
.green-content-box img.mob-img{
display: block;
/* max-width: 80%; */
margin: auto auto -30px auto;;
}
.green-content-box .btn-app {
width: 200px;
}
footer .bottom-box ul li ~ li {
margin-left: 20px;
}
.mb-order1{
-webkit-order: 1;
order: 1;
}
.mb-order2{
-webkit-order: 2;
order: 2;
}
.mb-order3{
-webkit-order: 3;
order: 3;
}
.mb-order4{
-webkit-order: 4;
order: 4;
}
.in-accord{
margin-bottom: 30px;
}
.in-contents .in-head figure img {
max-width: 50px;
max-height: 50px;
}
.in-contents .in-head figure {
margin-right: 10px;
}
.in-contents h2 {
font-size: 30px;
}
.in-contents h2 span {
font-size: 18px;
}
.inner-banner {
padding: 50px 0 70px;
}
.in-accord.accordion .card-body {
padding: 15px;
}
.content-section{
padding-top: 0;
}
.in-img-box3{
margin-top: 30px;
}
.in-img-box2 > .img-slider,
.in-img-box2 img{
margin-bottom: 0;
}
.in-img-box img {
margin-top: -40px;
}
.mobmt5{
margin-top: 30px;
}
.btn-green,
.bottom-img-sec .btn-fill, .btn-fill{
font-size: 14px;
width: 210px;
}
.banner-pagination li, .banner-pagination li a {
font-size: 14px;
}
.bgbox{
overflow: hidden;
}
.bgbox img{
width: auto;
height: 200px;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.dt-box{
margin-bottom: 0;
}
.search-box {
margin: 30px 0;
}
.workwith-sec {
padding: 50px 0 20px;
}
.workwith-box {
margin-bottom: 40px;
}
.work-body{
padding: 0;
margin: 0;
margin-top: 40px;
}
.navbar ul.navbar-nav .nav-item {
padding-left: 80px;
}
.navbar ul.navbar-nav .nav-item.dropdown > a:hover:before,
.navbar ul.navbar-nav .nav-item.dropdown > a:before{
left: 85%;
}
.banner .banner-carousel .content{
-webkit-order: 2;
order: 2;
}
.banner .banner-carousel .feature-image{
-webkit-order: 1;
order: 1;
}
.educazione-wrapper .video-wraper,
.vicini-wraper{
display: none;
}
.bottom-img-sec a {
font-size: 16px;
height: 40px;
line-height: 40px;
}
.gr-box span{
font-size: 18px;
}
.gr-box h2 {
font-size: 30px;
line-height: 1.2;
margin-bottom: 20px;
}
.img-slider .owl-nav .owl-prev span, .img-slider .owl-nav .owl-next span {
width: 16px;
height: 16px;
border-width: 2px;
}
.news-body {
margin-top: 0;
}
.in-img-box.mt10 img {
margin-top: 0;
}
.mt5 {
margin-top: 25px;
}
.cb-body h5{
font-size: 14px;
}
.side-accord.accordion .card-header button{
padding-top: 12px;
padding-bottom: 12px;
font-size: 14px;
}
.side-accord.accordion .card-header button:after{
height: 31px;
}
.side-accord.accordion .accord-body ul li a{
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
font-size: 14px;
}
.right-side-contents{
padding-top: 40px;
}
.right-side-contents .in-img-box img{
margin-top: 0;
}
.right-side-contents h2,
.right-side-contents h2 span.text-h2{
font-size: 32px;
}
.right-side-contents h2 span{
font-size: 18px;
}
.ct-accord.accordion .card-body p,
.txt-contents p{
font-size: 14px;
}
.ct-accord.accordion .card-header button{
font-size: 14px;
}
.txt-contents .table tr td,
.sm-text span,
.ct-accord.accordion .card-body h6,
.ct-accord.accordion .card-body span,
.ct-accord.accordion .card-body span{
font-size: 14px;
}
.sm-text small{
font-size: 12px;
}
.contact-body {
margin-top: 30px;
}
.contact-body .form-control{
font-size: 14px;
padding: 8px 12px;
height: 48px;
}
.c-row .form-group {
margin-bottom: 15px;
}
.contact-body .form-group h5,
.checkbox span{
font-size: 14px;
}
.w-list li + li{
margin-top: 30px;
}
.wu-box span{
margin-bottom: -15px;
}
.video-ctr {
padding-bottom: 35px;
}
.work-abt-box{
padding: 40px 0;
}
.linklist{
display: block;
padding-top: 30px;
}
.who-box{
padding-bottom: 20px;
}
.mt-img0.in-img-box img{
margin-top: 0;
}
}
@media (max-width: 575px){
.filter-search{
padding: 15px 0;
}
.filter-search .search span {
font-size: 14px;
padding-right: 0;
display: block;
}
.filter-search .search select {
height: 42px;
padding: 0 14px;
}
.filter-search .search a.invia {
margin-top: 5px;
height: 40px;
line-height: 40px;
width: 100%;
}
.logo img {
max-width: 170px;
}
.navbar-toggler{
margin-top: -77px;
}
.banner .banner-carousel .feature-image {
min-height: 240px;
}
.service-lists p{
margin-bottom: 10px;
}
.vicini-wraper {
padding: 50px 0;
}
.vicini-wraper h2, .educazione-wrapper .educazione h2 {
font-size: 26px;
}
.vicini-wraper span, .educazione-wrapper .educazione span, .virtuoso span {
font-size: 14px;
}
.virtu-list li img {
max-width: 50px;
max-height: 50px;
}
.virtu-list li figure {
-webkit-flex: 0 0 50px;
flex: 0 0 50px;
}
.virtu-list li > div {
padding-left: 10px;
}
.virtu-list li h4 {
font-size: 16px;
}
.virtu-list li {
margin-bottom: 30px;
}
.faq-box .accordion .card-body {
padding: 15px;
}
.home-faq-sec {
padding: 50px 0 30px;
}
footer .bottom-box p {
font-size: 12px;
}
footer .bottom-box ul{
display: block;
}
footer .bottom-box ul li ~ li {
margin-left: 0;
margin-top: 5px;
}
.bottom-img-sec {
padding: 50px 0;
}
.educazione-wrapper .educazione span{
font-size: 16px;
}
.educazione-wrapper .educazione h2{
font-size: 28px;
}
.logo-header {
padding: 15px 0;
}
.workwith-accord.accordion .card-header button {
font-size: 14px;
padding: 10px 15px;
}
.workwith-accord.accordion .card-body p, .workwith-accord.accordion .card-body span {
font-size: 14px;
}
.workwith-head h2 {
font-size: 28px;
}
.workwith-head h2 span {
font-size: 16px;
}
.banner-pagination li ~ li:before{
margin: 0 5px;
}
.navbar ul.navbar-nav .nav-item {
padding-left: 40px;
}
.navbar ul.navbar-nav .nav-item a.nav-link{
font-size: 13px;
}
.navbar ul.navbar-nav .dropdown-menu a{
font-size: 12px;
padding: 10px;
}
.navbar ul.navbar-nav .dropdown-menu{
padding-left: 35px;
}
.navbar ul.navbar-nav .nav-item.dropdown > a:hover:before,
.navbar ul.navbar-nav .nav-item.dropdown > a:before {
top: 15px;
font-size: 16px;
}
.navbar .navbar-collapse{
padding-top: 70px;
}
.video-list {
margin-top: -40px;
}
.v-content h2{
font-size: 28px;
margin-bottom: 0;
}
.v-content h2 span{
font-size: 16px;
}
.video-list li {
margin-bottom: 15px;
}
.filter-search {
top: 79px;
}
header {
padding-top: 116px;
}
.news-card .n-image span{
padding: 4px 30px;
}
.news-card .n-body {
padding: 15px;
max-width: 90%;
margin-top: -20px;
}
.pagination-box ul li a{
font-size: 16px;
}
.pagination-box {
margin-top: 60px;
}
.cb-body .btn-green{
width: 100%;
}
.cb-card figure{
-webkit-flex: 0 0 75px;
flex: 0 0 75px;
}
.in-img-box3 ~ .in-img-box3, .in-img-box2 ~ .in-img-box3, .in-img-box3 ~ .in-img-box, .in-img-box ~ .in-img-box3 {
margin-top: 30px;
}
.side-cbox.c-box,
.side-accord {
margin-bottom: 25px;
}
.txt-contents {
padding: 30px 0;
}
.ct-accord.accordion .card-body {
padding: 15px;
}
.checkbox span:before{
width: 16px;
height: 16px;
top: -1px;
}
.checkbox span:after{
top: 2px;
left: 3px
}
.checkbox span {
font-size: 12px;
padding-left: 24px;
}
.wu-box span {
font-size: 40px;
margin-bottom: -10px;
}
.wu-box h4 {
font-size: 14px;
}
.w-list li + li {
margin-top: 15px;
}
}
/****************************/
/** bootstrap custom ***/
/***************************/
.col-auto {
-webkit-flex: 0 0 auto;
}
.col-1 {
-webkit-flex: 0 0 8.333333%;
}
.col-2 {
-webkit-flex: 0 0 16.666667%;
}
.col-3 {
-webkit-flex: 0 0 25%;
}
.col-4 {
-webkit-flex: 0 0 33.333333%;
}
.col-5 {
-webkit-flex: 0 0 41.666667%;
}
.col-6 {
-webkit-flex: 0 0 50%;
}
.col-7 {
-webkit-flex: 0 0 58.333333%;
}
.col-8 {
-webkit-flex: 0 0 66.666667%;
}
.col-9 {
-webkit-flex: 0 0 75%;
}
.col-10 {
-webkit-flex: 0 0 83.333333%;
}
.col-11 {
-webkit-flex: 0 0 91.666667%;
}
.col-12{
-webkit-flex: 0 0 100%;
}
@media (min-width: 576px){
.col-sm-auto {
-webkit-flex: 0 0 auto;
}
.col-sm-1 {
-webkit-flex: 0 0 8.333333%;
}
.col-sm-2 {
-webkit-flex: 0 0 16.666667%;
}
.col-sm-3 {
-webkit-flex: 0 0 25%;
}
.col-sm-4 {
-webkit-flex: 0 0 33.333333%;
}
.col-sm-5 {
-webkit-flex: 0 0 41.666667%;
}
.col-sm-6 {
-webkit-flex: 0 0 50%;
}
.col-sm-7 {
-webkit-flex: 0 0 58.333333%;
}
.col-sm-8 {
-webkit-flex: 0 0 66.666667%;
}
.col-sm-9 {
-webkit-flex: 0 0 75%;
}
.col-sm-10 {
-webkit-flex: 0 0 83.333333%;
}
.col-sm-11 {
-webkit-flex: 0 0 91.666667%;
}
.col-sm-12 {
-webkit-flex: 0 0 100%;
}
}
@media (min-width: 768px){
.col-md-auto {
-webkit-flex: 0 0 auto;
}
.col-md-1 {
-webkit-flex: 0 0 8.333333%;
}
.col-md-2 {
-webkit-flex: 0 0 16.666667%;
}
.col-md-3 {
-webkit-flex: 0 0 25%;
}
.col-md-4 {
-webkit-flex: 0 0 33.333333%;
}
.col-md-5 {
-webkit-flex: 0 0 41.666667%;
}
.col-md-6 {
-webkit-flex: 0 0 50%;
}
.col-md-7 {
-webkit-flex: 0 0 58.333333%;
}
.col-md-8 {
-webkit-flex: 0 0 66.666667%;
}
.col-md-9 {
-webkit-flex: 0 0 75%;
}
.col-md-10 {
-webkit-flex: 0 0 83.333333%;
}
.col-md-11 {
-webkit-flex: 0 0 91.666667%;
}
.col-md-12 {
-webkit-flex: 0 0 100%;
}
}
@media (min-width: 992px){
.col-lg-auto {
-webkit-flex: 0 0 auto;
}
.col-lg-1 {
-webkit-flex: 0 0 8.333333%;
}
.col-lg-2 {
-webkit-flex: 0 0 16.666667%;
}
.col-lg-3 {
-webkit-flex: 0 0 25%;
}
.col-lg-4 {
-webkit-flex: 0 0 33.333333%;
}
.col-lg-5 {
-webkit-flex: 0 0 41.666667%;
}
.col-lg-6 {
-webkit-flex: 0 0 50%;
}
.col-lg-7 {
-webkit-flex: 0 0 58.333333%;
}
.col-lg-8 {
-webkit-flex: 0 0 66.666667%;
}
.col-lg-9 {
-webkit-flex: 0 0 75%;
}
.col-lg-10 {
-webkit-flex: 0 0 83.333333%;
}
.col-lg-11 {
-webkit-flex: 0 0 91.666667%;
}
.col-lg-12 {
-webkit-flex: 0 0 100%;
}
}
@media (min-width: 1200px){
.col-xl-auto {
-webkit-flex: 0 0 auto;
}
.col-xl-1 {
-webkit-flex: 0 0 8.333333%;
}
.col-xl-2 {
-webkit-flex: 0 0 16.666667%;
}
.col-xl-3 {
-webkit-flex: 0 0 25%;
}
.col-xl-4 {
-webkit-flex: 0 0 33.333333%;
}
.col-xl-5 {
-webkit-flex: 0 0 41.666667%;
}
.col-xl-6 {
-webkit-flex: 0 0 50%;
}
.col-xl-7 {
-webkit-flex: 0 0 58.333333%;
}
.col-xl-8 {
-webkit-flex: 0 0 66.666667%;
}
.col-xl-9 {
-webkit-flex: 0 0 75%;
}
.col-xl-10 {
-webkit-flex: 0 0 83.333333%;
}
.col-xl-11 {
-webkit-flex: 0 0 91.666667%;
}
.col-xl-12 {
-webkit-flex: 0 0 100%;
}
}
.img-fluid-box img{
max-width:100%;
}
.pad-left-30{
padding-left:30px;
}