@charset "utf-8";

/*
font-family: 'Nunito', sans-serif;
font-family: 'Anton', sans-serif;
*/

body { font-family: 'Nunito Sans', sans-serif;  -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;  color:#333; font-weight: 400; }
body, .formattazione-testi, .text-medium {font-size: 22px; line-height: 28px;}
.formattazione-testi, .formattazione-testi p, .formattazione-testi span, .formattazione-testi div, .formattazione-testi a,
 { font-family: 'Nunito Sans', sans-serif; }
.alt-font, .formattazione-testi h1, .formattazione-testi h2, .formattazione-testi h3, .formattazione-testi h4, 
.formattazione-testi h6, .formattazione-testi h5, .formattazione-testi h4, .formattazione-testi .h6, .formattazione-testi .h5, .formattazione-testi .h4 
{  font-family: 'Nunito Sans', sans-serif; font-weight: 400; }

a, a:active, a:focus { color: #333; text-decoration: none;}
.overlap-section {margin-top:-2%; position: relative; overflow: visible; z-index: 999;}
.text-decoration-underline {
    text-decoration: underline !important;  
}
nav.navbar.navbar-default ul.nav>li>a {
    font-family: 'Nunito Sans', sans-serif;font-size: 16px;
}
header nav .navbar-nav>li>a {
    font-size: 16px;font-family: 'Nunito Sans', sans-serif;
}

/* heading */
.title-extra-large {font-size: 130px; line-height:120px}
.title-large {font-size: 100px; line-height:95px}

h1, h2, h3, h4, h5, h6 {margin:0 0 15px; padding:0; letter-spacing: 0; font-weight: 400;}
h1, .h1, .text-extra-large {font-size:50px; line-height: 55px; }
h2, .h2, .text-big {font-size:42px; line-height:48px}
h3, .h3, .text-large {font-size:30px; line-height:36px}
h4, .h4 {font-size:25px; line-height:30px}
h5, .h5, .formattazione-testi h1, .formattazione-testi h3, .formattazione-testi h2 {font-size:28px; line-height:34px}
h6, .h6, .formattazione-testi h6, .formattazione-testi h5, .formattazione-testi h4 {font-size:24px; line-height:32px}

.text-small {font-size:18px; line-height:22px}
.text-extra-small {font-size:14px; line-height:21px}

section.half-section { padding: 40px 0 40px 0; }
.medium-section  { padding: 25px 0; } 

@media (min-width: 768px) and (max-width: 992px) { 
    h1, .h1, .text-extra-large {font-size:42px; line-height: 48px; }
    h2, .h2, .text-big {font-size:36px; line-height:38px}
    h3, .h3, .text-large {font-size:32px; line-height:36px}
    h4, .h4, .text-medium {font-size:22px; line-height:24px}
    .title-large {font-size:50px; line-height:55px}
    .title-extra-large {font-size: 80px; line-height:85px}
}
@media (max-width: 767px) { 
    h1, .h1, .text-extra-large {font-size:40px; line-height: 44px; margin: 0 0 7px; }
    h2, .h2, .text-big {font-size:38px; line-height:40px; margin: 0 0 7px;}
    h3, .h3, .text-large {font-size:33px; line-height:36px}
    h4, .h4, .text-medium {font-size:22px; line-height:24px}
    .text-extra-small {font-size:12px; line-height:16px}
}
@media (max-width: 480px) { 
    h1, .h1, .text-extra-large {font-size:32px; line-height:36px;  margin: 0 0 7px;}
    h2, .h2, .text-big {font-size:28px; line-height:32px; margin: 0 0 7px;}
    h3, .h3, .text-large {font-size:24px; line-height:28px}
    h4, .h4, .text-medium {font-size:20px; line-height:24px}
    .text-extra-small {font-size:12px; line-height:16px}
    section.half-section { padding:25px 0 25px 0; }
}

h2.formattazione-testi { font-size:22px !important; line-height:30px !important; }
b, strong { font-weight: 700; }

/* ===================================
    txt vertical
====================================== */
.text-vertical-content {
    height: 100%;
    position: absolute !important;
    top: 0;
    right: 100%; 
    width: 100%; 
    text-align: right;
    transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); 
    transform-origin: top right;
}
.text-vertical {
    position: absolute;
    right: 0px;
    text-align: left;
    padding-top:15px;
    white-space: nowrap;
    top: 0;
} 


.list-inline { padding-left: 0; list-style: none; margin-left: -5px;}
.list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px; }


/* breadcrumb */
.page-title { padding:25px 0; }
.breadcrumb  { padding:0;}
.breadcrumb ol {  list-style: none; margin:0; padding:0; }
.breadcrumb ol li { display: inline-block; font-size: 16px; } 
.breadcrumb ol li:fist-child a { color:#999; padding: 0 10px 0 0 !important; }
.breadcrumb ol li a { color:#999; padding: 0 10px; }
.breadcrumb ol li span.active { color:#00628d; padding: 0 10px; display: inline-block; }   
.breadcrumb ol > li:after { content: "/"; padding: 0px; color:#999; display: inline-block; vertical-align: middle; font-size: 8px; opacity: 1; letter-spacing: 1;  font-size: 16px; }
.breadcrumb ol > li:last-child:after { display: none; }


.formattazione-testi { padding: 0px; margin:0; }
.formattazione-testi p { margin-bottom: 10px; }
.formattazione-testi ol { margin: 10px 0 20px 0; }
.formattazione-testi ol li { text-align: left; margin: 0; padding: 6px 12px; border-bottom: 1px solid #eee; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.formattazione-testi b, .formattazione-testi strong { font-weight: bold !important; }
.formattazione-testi a { text-decoration: underline !important; color: #00628d; }
.formattazione-testi a:hover {  text-decoration:underline  !important; color: #00628d; }
.formattazione-testi h1, .formattazione-testi h2, .formattazione-testi h3, .formattazione-testi h4 { padding: 0 !important;  }
.formattazione-testi h5, .formattazione-testi h6 { padding: 10px 0 5px 0 !important;  }
.formattazione-testi blockquote { padding: 15px 20px;  margin: 10px 0; font-style: italic; border-left: 4px solid #00628d; background-color: #f9f9f9; }

/* list style 3 */
.formattazione-testi ul { list-style: none; margin: 10px 0 20px 0; padding: 0;}
.formattazione-testi ul li { position: relative; padding: 10px 0 10px 22px; margin: 0 0 0px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.formattazione-testi ul li:before { content: ""; width: 10px; height: 1px; background-color: #ff214f; position: absolute; top: 21px; left: 0; }


/* color theme */
.text-secondary { color: #00628d!important; }
.btn-secondary { background: #00628d!important; border-color: #00628d!important; color: #fff!important; }
.bg-secondary { background: #00628d!important; }

.text-theme, a, a:hover  {color: #00628d;}
.bg-theme  {background: #00628d; color:#fff;}
.btn.btn-theme {background: #00628d; border-color: #00628d; color: #ffffff; }
.btn.btn-theme:hover, .btn.btn-theme:focus { background: #00628d; border-color: #00628d; color: #fff; }

.btn.btn-transparent, .btn.btn-transparent:hover { background: transparent; border: 0; color: #00628d; }
.btn.btn-transparent-theme, .btn.btn-transparent-theme:hover {
    background: transparent;
    border-color: #00628d !important;
    color: #00628d !important;
}

.fas.fa-arrow-up { font-size: 12px; line-height: 20px; }

/* button */
.btn {display:inline-block; border:2px solid transparent; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform: uppercase; width: auto; 
	font-family: 'Nunito', sans-serif; font-weight: 700; transition-duration: 0.3s; transition-timing-function: ease-in-out; letter-spacing: 1px; margin-top:5px; margin-bottom:5px;
}
.btn.opacity-black { background-color: rgba(0,0,0,0.3); }
.btn.opacity-white { background-color: rgba(255,255,255,0.5); }
.btn img { padding-left:8px; }

.aside-title:after { background: #00628d; } 

.btn.btn-very-small {font-size:9px; padding: 1px 17px; line-height: 22px;}
.btn.btn-small {font-size:11px; padding: 6px 15px 4px 15px;}
.btn.btn-medium {font-size:12px; padding: 6px 15px 5px;}
.btn.btn-large {font-size:15px; padding: 12px 25px; line-height: 25px}
.btn.btn-extra-large {font-size:18px; padding: 15px 40px 18px;  line-height: 25px}
.btn.btn-extra-large img { padding: 15px 0 0 0;}
.btn-dual .btn {margin: 0 10px; }
.btn i { margin-left: 6px; vertical-align: middle; position: relative; top:-1px}

/*.btn-square { padding:10px 15px !important; margin:0; }*/
.btn-fixed { position: fixed; top: 120px; right: 0; z-index: 9999; }
.btn-fixed .btn-theme { padding:15px 25px 15px 20px; }


.text-small {
    font-size: 13px;
    line-height: 20px;
}
/* header 
.logo-desktop { display: block; }
.logo-mobile { display: none; }
header nav.nav-box-width { padding: 0 0px; }
header a.logo img { max-height: 100px; padding-top:25px; padding-bottom:25px; z-index: 1;  }
header.sticky a.logo img { max-height: 50px; padding-top:5px; padding-bottom:5px; }
header.sticky nav.navbar-fixed-top.header-light, header.sticky nav.navbar-scroll-fixed-top.header-light {  background-color: rgba(0,0,0,0.5);  box-shadow: 0 0px 0px -0px rgba(0, 0, 0, 0.0);}
.background-navbar { background-color: rgba(0,0,0,0.5);  }*/


/* lightgallery */
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a58e3d !important;}
.lg-outer .lg-thumb-item { border-radius: 0px !important; }
.lg-autoplay-button.lg-icon { display: none; }

input[type=radio], input[type=checkbox] {
    float: left;
    margin: 0 8px 0 0;
    margin-top: 1px \9;
    width: 22px;
    height: 22px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out,color .15s ease-in-out;
    -o-transition: border .15s ease-in-out,color .15s ease-in-out;
    transition: border .15s ease-in-out,color .15s ease-in-out;
}
.select-style { background: url(/assets/img/select-arrow.png) no-repeat 97% 50%; margin-bottom: 7px; margin-top: 8px; }
.asterisco {  font-size: 25px!important; color: #e37660;}
input[type=checkbox], input[type=radio] {
    float: left;
    margin: 0 8px 0 0;
    margin-top: 1px \9;
    width: 22px;
    height: 22px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out,color .15s ease-in-out;
    -o-transition: border .15s ease-in-out,color .15s ease-in-out;
    transition: border .15s ease-in-out,color .15s ease-in-out;
}
.select-style { margin: 0 0 10px; }
input, select, textarea {
    border: 1px solid #d1d1d1;
    font-size: 14px;
    padding: 8px 15px;
    width: 100%;
    margin: 0 0 10px;
    max-width: 100%;
    resize: none;
    color: inherit;
}



/* portfolio grid > TOLTO EFFETTO SU IMG CHE NON HA IL TAG A */
.portfolio-grid .grid-item figure img { cursor: default; }
.portfolio-grid .grid-item figure img {cursor: default; }
.portfolio-grid .grid-item figure:hover img { opacity: 1; }

.portfolio-grid .grid-item figure:hover img { opacity: 1; transform: scale(1, 1); -webkit-transform: scale(1, 01); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); }

header a.logo img {
    padding-top: 0px;
    padding-bottom: 0px;
}
nav a.text-secondary, .navbar-collapse-toggle-1 a.d-inline-block {
    font-size: 16px;
}

.box-layout { padding: 0 60px; }
.divider { display: inline-block; margin: 0 20px; width: 1px; background-color: #ccc; height: 100%; }

@media (min-width: 1200px) and (max-width: 3000px) { 
    .col-xl-20  { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}
@media (min-width: 1200px) and (max-width: 1400px) { 
    .box-layout { padding: 0 40px; }
}
@media (max-width: 1199px) { 
    .box-layout { padding: 0 30px; }
}
@media (max-width: 991px) { 
    .box-layout { padding: 0 30px; }
    .xs-margin-40px-left { margin-left: 40px; }
    .grid-item.grid-item-double.mb-5 { margin-bottom:0 !important; }
    .filter-content.mt-4 { margin-top:0 !important; }
}
@media (max-width: 767px) { 
    .box-layout { padding: 0 25px; }
    .xs-margin-40px-left { margin-left: 30px; }
    .text-vertical { font-size: 20px; padding-top:0px; }
    .grid-item.grid-item-double.mb-5 { margin-bottom:0 !important; }
    .filter-content.mt-4 { margin-top:0 !important; }
    .container { padding-right: 25px; padding-left: 25px;} 
}
@media (max-width: 480px) { 
    .xs-margin-40px-left { margin-left: 5px; }
    .box-layout { padding: 0 0px; }
    .text-vertical { font-size: 20px; padding-top:8px; }
    .filter-content.mt-4 { margin-top:0; }
   .container { padding-right: 20px; padding-left: 20px;} 
   .grid-item.grid-item-double.mb-5 { margin-bottom:0 !important; }

   .mb-5, .mb-4, .mb-3 { margin-bottom:15px !important; }
   .mt-5, .mt-4, .mt-3 { margin-top:15px !important; }
   .container-fluid.box-layout.my-4  { margin-top:0px !important; margin-bottom:0px !important; }
}

@media (max-width: 991px) { /* sm */
    .swap-block-col-2 { display: flex; flex-flow: column; }
    .swap-block-col-2 > div:nth-child(1n) { order: 2; }
    .swap-block-col-2 > div:nth-child(2n) { order: 1; }

    .swap-block-col-3 { display: flex; flex-flow: column; }
    .swap-block-col-3 > div:nth-child(1n) { order: 1; }
    .swap-block-col-3 > div:nth-child(2n) { order: 3; }
    .swap-block-col-3 > div:nth-child(3n) { order: 2; }
}

.header-with-topbar .mega-menu { top: 130px !important; }
.header-with-topbar.sticky .mega-menu { top: 60px !important; }



ul.arrow-list { margin: 0px 0 20px 0; padding: 0; display: list-item; list-style: none; }
ul.arrow-list li {  list-style: none; position: relative; padding: 6px 0 6px 20px; margin: 0 0 0px 0; border-top: 0px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
ul.arrow-list li .fa { position: absolute; top: 9px; left: 0; color: #006288; z-index: 3; font-size: 18px; }

/*
ul.arrow-list li:before { content: "\f105"; font-family: "Font Awesome 5 Free"; width: 15px; height: 15px; background-color: transparent; position: absolute; top: 9px; left: 0; color: #006288; }
*/
.mySwiper .swiper { width: 100%; padding-top: 50px; padding-bottom: 50px; }
.mySwiper .swiper-slide { background-position: center; background-size: cover;  width: 300px; height: 300px; }
.mySwiper .swiper-slide img { display: block;  width: 100%; }
.mySwiper .swiper-container-horizontal>.swiper-pagination-bullets, .mySwiper .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -20px; }
.mySwiper .swiper-pagination-bullet, .mySwiper .swiper-pagination-bullet-active { background-image: none; }
.swiper-pagination-bullet { width: 8px; height: 8px; background: #006288; opacity: .2; }
.swiper-pagination-bullet-active { background: #006288; opacity: 1; }