@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Maitree:400,500,600,700&display=swap");
.form-control:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none
}
body {
font-family: "Roboto", Helvetica, Arial, serif
}
figcaption {
font-size: 80%;
text-align: center;
color: #666666;
font-style: italic
}
a {
color: inherit
}
a:hover {
text-decoration: none;
color: #77a5da
}
img {
max-width: 100%
}
.border-t {
border-top: 1px solid
}
.primary {
color: #1e5697 !important
}
.blue {
color: #0078c8 !important
}
.bg-blue {
background-color: #0078c8 !important
}
.bg-soft-blue {
background-color: rgba(83, 193, 248, 0.7) !important
}
.border-t-blue {
border-color: #0078c8 !important
}
.red {
color: #c8143c !important
}
.bg-red {
background-color: #c8143c !important
}
.bg-soft-red {
background-color: rgba(200, 20, 60, 0.5) !important
}
.border-red {
border-color: #c8143c !important
}
.border-t-red {
border-color: #c8143c !important
}
.yellow {
color: #f7b11b !important
}
.bg-yellow {
background-color: #f7b11b !important
}
.border-yellow {
border-color: #f7b11b !important
}
.border-b-yellow {
border-color: #f7b11b !important
}
.border-t-yellow {
border-color: #f7b11b !important
}
.green {
color: #32b432 !important
}
.bg-green {
background-color: #32b432 !important
}
.border-green {
border-color: #32b432 !important
}
.border-b-green {
border-color: #32b432 !important
}
.border-t-green {
border-color: #32b432 !important
}
.black {
color: #000000 !important
}
.bg-black {
background-color: #000000 !important
}
.bg-soft-black {
background-color: rgba(0, 0, 0, 0.5) !important
}
.border-black {
border-color: #000000 !important
}
.bg-light-gray {
background-color: #f5f5f5 !important
}
h2 {
font-family: "Maitree", Helvetica, Arial, serif;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
border-top: 1px solid #1e5697;
color: #1e5697
}
h3 {
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-size: 24.0px;
color: #4a494a;
transition: .3s
}
p {
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 400;
font-style: normal;
font-size: 16.0px;
transition: .3s
}
.categoria {
text-transform: uppercase;
color: #fff;
line-height: 16.0px;
font-size: 12.0px;
font-weight: 700;
padding: 1px 5px;
display: inline
}
.categoria-hover {
position: absolute;
top: 10px;
left: 25px
}
.my-tag {
text-transform: uppercase;
float: left;
border: 1px solid #0078c8;
border-radius: 15px;
font-weight: 700;
padding: 0 10px;
margin-bottom: 5px;
margin-top: 5px
}
.tag-hover {
position: absolute;
top: 10px;
left: 25px
}
hr {
height: 1px;
color: #1e5697;
background-color: #1e5697
}
.button {
font-weight: 700;
font-size: 16.0px;
color: #ffffff;
line-height: 21.0px;
background-color: #0078c8;
padding: 10px;
border-radius: 25px;
text-transform: uppercase;
transition: .3s
}
.button a:hover {
background-color: #77a5da !important;
color: #fff !important
}
.button:hover {
background-color: #77a5da !important;
color: #fff !important
}
.button-large {
padding-left: 50px;
padding-right: 50px
}
.button-tabella {
float: right;
margin-top: -35px
}
.banner img {
border-radius: 15px
}
.no-deco {
background-color: transparent !important
}
.no-deco:hover {
background-color: none !important
}
#button-to-top {
display: inline-block;
background-color: transparent;
color: #1e5697;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 15px;
right: 10px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 999;
cursor: pointer
}
#button-to-top:hover {
color: #77a5da
}
.show {
opacity: 1 !important;
visibility: visible !important
}
.no-pad-r {
padding-right: auto
}
.sgr-recaptcha {
text-align: center;
position: relative;
margin-top: 100px;
margin-bottom: 50px
}
a:active,
a:focus,
a:visited {
outline: 0 !important;
border: none !important;
text-decoration: none !important
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.2)
}
.bg-gray {
background-color: #eee;
border-radius: 25px;
border: 1px solid #1e5697;
color: #4a494a;
padding: 50px
}
.bg-gray a {
text-decoration: underline
}
#ctt-form-container {
max-width: 450px !important;
margin: 0 auto
}
.fixed-social {
position: fixed;
bottom: 0;
height: 60px;
width: 100%;
margin-left: -15px;
line-height: 60px;
text-align: center;
background: #f7f7f7;
border-top: 1px solid #dbdbdb;
z-index: 9999
}
.fixed-social i {
padding: 13px 20px
}
.image-box {
position: relative;
margin: auto;
overflow: hidden
}
.image-box img {
max-width: 100%;
transition: all 0.3s;
display: block;
width: 100%;
height: auto;
transform: scale(1)
}
#navbar {
transition: 1s;
position: fixed
}
header {
width: 100%;
z-index: 999;
background-color: #fff
}
header .header1 {
padding: 10px 0;
box-shadow: 0px 3px 7px #8b8b8b
}
header .header1 ul .blue .active {
color: #fff;
background-color: #0078c8 !important
}
header .header1 ul .blue a:hover {
color: #fff;
background-color: #0078c8 !important
}
header .header1 ul .red .active {
color: #fff;
background-color: #c8143c !important
}
header .header1 ul .red a:hover {
color: #fff;
background-color: #c8143c !important
}
header .header1 ul .yellow .active {
color: #fff;
background-color: #f7b11b !important
}
header .header1 ul .yellow a:hover {
color: #fff;
background-color: #f7b11b !important
}
header .header1 ul .green .active {
color: #fff;
background-color: #32b432 !important
}
header .header1 ul .green a:hover {
color: #fff;
background-color: #32b432 !important
}
header .header1 ul .black .active {
color: #fff;
background-color: #000000 !important
}
header .header1 ul .black a:hover {
color: #fff;
background-color: #000000 !important
}
header .header1 ul li {
text-transform: uppercase;
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 500;
font-size: 16.0px;
line-height: 26.0px
}
header .header1 ul li a {
background-color: transparent;
border-radius: 25px;
padding: 10px;
transition: .3s
}
header .header1 ul li a:hover {
color: #fff;
background-color: #0078c8
}
header h6 {
color: #1f5899;
padding: 0;
margin: 0;
font-size: 17px;
font-weight: 400
}
header ul li {
text-transform: uppercase
}
header .hamburger-menu {
width: 24px;
cursor: pointer
}
.empty {
height: 97px
}
.header2 {
padding: 25px;
color: #1e5697;
font-weight: 500
}
.header2 ul li {
text-transform: none
}
.header2 ul li a {
transition: .3s
}
.header2 ul li a:hover {
color: #77a5da
}
.logo {
transition: 1s
}
.logo img {
transition: 1s
}
.ul-menu {
display: flex;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 0
}
.ul-menu li {
display: block;
flex: 0 1 auto;
list-style-type: none;
font-size: 16px;
font-weight: 500
}
.menu-sub-home {
display: none
}
.menu-hide {
width: 0px;
margin-right: -300px;
height: 100%;
position: fixed;
z-index: 999;
top: 0;
right: 0;
background-color: #002650;
overflow-x: hidden;
transition: .5s;
text-align: left;
font-family: "Maitree", Helvetica, Arial, serif;
font-size: 20px
}
.menu-hide #menu1 {
position: absolute;
width: 100%;
top: 50px;
opacity: 1;
visibility: hidden;
transition: .5s
}
.menu-hide #menu2 {
position: absolute;
width: 100%;
top: 50px;
opacity: 0;
visibility: hidden;
transition: .5s
}
.menu-hide #menu2 .ricerca {
max-width: 180px;
margin-left: 15px;
background-color: transparent
}
.menu-hide #menu2 .ricerca input {
background-color: transparent;
border: none;
border-bottom: 1px solid white;
border-radius: 0;
font-style: italic;
color: #d8d8d8;
margin-bottom: 40px
}
.menu-hide #menu2 .ricerca input::placeholder {
color: #d8d8d8
}
.menu-hide #menu3 {
position: absolute;
width: 100%;
top: 50px;
opacity: 0;
visibility: hidden;
transition: .5s
}
.menu-hide .navigator {
position: absolute;
top: 20px;
right: 20px;
background-color: #fff;
border-radius: 25px;
padding: 10px;
text-align: center;
z-index: 9999
}
.menu-hide .navigator ul {
list-style: none;
padding: 0;
margin: 0
}
.menu-hide .navigator ul li {
cursor: pointer;
margin-top: 3px;
color: #8b8b8b;
padding-bottom: 5px
}
.menu-hide .navigator ul li:hover {
color: #000
}
.menu-hide .navigator ul li svg path {
fill: #8b8b8b
}
.menu-hide .navigator ul li svg:hover path {
fill: #000
}
.menu-hide .navigator .active {
color: #000 !important
}
.menu-hide .navigator .active path {
fill: #000
}
.menu-hide h6 {
font-weight: bold;
color: #fff;
font-size: 20px;
margin-left: 15px;
font-family: "Roboto", Helvetica, Arial, serif
}
.menu-hide .logo {
padding: 20px 20px 0 20px
}
.menu-hide .menu-social {
padding: 20px;
border-bottom: 1px solid #d7dce3;
text-align: center
}
.menu-hide .menu-social ul {
padding: 0;
margin: 0
}
.menu-hide .menu-social ul li {
display: inline;
padding: 5px
}
.menu-hide .menu-social ul li a {
display: inherit
}
.menu-hide .menu-social ul li a:hover {
text-decoration: none
}
.menu-hide .menu {
padding: 20px;
border-bottom: 1px solid #d7dce3
}
.menu-hide ul {
list-style: none;
padding-left: 15px;
margin-bottom: 0
}
.menu-hide ul li a {
text-transform: none;
padding: 2px;
color: #d7dce3
}
.menu-hide ul li a:hover {
color: #fff;
text-decoration: underline
}
.menu-hide p {
color: #d7dce3;
padding: 20px 35px;
font-size: 18px
}
.menu-hide p a {
text-transform: none
}
.menu-hide p a:hover {
color: #fff;
text-decoration: underline
}
.menu-hide .bottom {
font-size: 15px;
color: #d7dce3;
font-family: "Roboto", Helvetica, Arial, serif;
position: absolute;
bottom: 10px;
left: 35px
}
.menu-hide .closebtn {
position: absolute;
top: 0;
left: 0;
font-size: 36px;
margin-right: 50px;
color: #0078c8
}
.owl-prev {
transform: rotate(-270deg)
}
.owl-next {
transform: rotate(-90deg)
}
.ebook-carousel .owl-prev {
position: absolute;
left: -50px;
top: 105px
}
.ebook-carousel .owl-next {
position: absolute;
right: -50px;
top: 105px
}
.carousel-control-prev-icon {
margin-left: -250px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important
}
.carousel-control-next-icon {
margin-right: -250px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important
}
.carousel-indicators {
bottom: -80px
}
.carousel-indicators li {
display: inline-block;
width: 15px;
height: 15px;
margin: 5px;
text-indent: 0;
cursor: pointer;
border: none;
border-radius: 50%;
background-color: #000;
box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5)
}
.carousel-indicators .active {
width: 15px;
height: 15px;
margin: 5px;
background-color: #1e5697
}
.vai-a-sezione {
font-weight: 500;
font-size: 21.0px;
color: #4a494a;
float: right;
margin-top: -40px
}
.corso-box .corso-box-header {
height: 193px;
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.corso-box .corso-box-header .corso-box-title {
background-color: rgba(36, 117, 185, 0.5);
font-weight: 700;
font-size: 20.0px;
color: #ffffff;
line-height: 23.0px;
padding-left: 25px;
font-family: "Maitree", Helvetica, Arial, serif;
position: relative;
top: 98px;
min-height: 95px;
display: flex;
justify-content: left;
align-items: center;
transition: .3s
}
.corso-box .corso-box-content {
border: 2px solid #1e5697;
padding: 20px
}
.corso-box .corso-box-content .corso-box-item {
margin-bottom: 5px
}
.corso-box .corso-box-content h3 {
font-weight: 700;
font-size: 20.0px;
color: #4a494a;
line-height: 21.0px;
font-family: "Roboto", Helvetica, Arial, serif;
min-height: 41px
}
.corso-box .corso-box-content .data {
font-weight: 400;
font-size: 16.0px;
color: #4a494a;
line-height: 21.0px;
margin-top: 10px
}
.corso-box .corso-box-content .prezzo {
font-weight: 700;
font-size: 20px;
color: #4a494a;
line-height: 21.0px;
margin-top: 10px
}
.corso-box .corso-box-content .corso-box-button {
font-weight: 700;
font-size: 16.0px;
color: #ffffff;
line-height: 21.0px;
background-color: #0078c8;
float: right;
padding: 10px;
border-radius: 25px;
text-transform: uppercase;
margin-top: -35px
}
.corso-box .corso-box-content .corso-box-link {
font-weight: 700;
font-size: 14.0px;
color: #1e5697;
line-height: 19.0px
}
.border-box {
background-color: #f0f0f0;
border: 1px solid #c8143c;
padding: 25px
}
.border-box h3 {
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-size: 30px;
color: #4a494a;
line-height: 33px;
border-bottom: 1px solid #c8143c;
margin-bottom: 10px
}
.border-box p {
font-weight: 400;
font-size: 18.0px;
color: #000000;
line-height: 24.0px
}
.border-box .button {
float: right
}
.dicono-di-noi-box {
margin: 25px;
padding: 25px;
background-color: #f5f5f5;
border-radius: 100px
}
.dicono-di-noi-box p {
font-weight: 400;
font-style: italic;
font-size: 20.0px;
color: #002750;
line-height: 26.0px
}
.dicono-di-noi-box .recensore {
font-weight: 500;
font-style: italic;
font-size: 20.0px;
color: #002750;
line-height: 26.0px
}
.citta-button {
height: 144px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center
}
.citta-button .overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: 15px;
margin-right: 15px;
transition: .3s ease;
opacity: 0;
display: flex;
justify-content: center;
align-items: center
}
.citta-button .overlay:hover {
opacity: 1
}
.citta-button h3 {
text-transform: uppercase;
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-size: 28.0px;
color: #ffffff;
line-height: 46.0px
}
.section-newsletter h3 {
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-style: normal;
font-size: 25.0px;
color: #1e5697;
text-align: center;
line-height: 42.0px
}
.section-newsletter p {
font-weight: 400;
font-style: normal;
font-size: 18.0px;
color: #1e5697;
text-align: center;
padding: 20px 0 25px 0
}
.section-newsletter .button {
background-color: #002650
}
.active {
fill: #404040
}
.articolo img {
min-height: 186px
}
.page-title h1 {
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-size: 50.0px;
color: #0078c8;
text-align: center;
line-height: 82.0px;
border: none
}
.page-title h2 {
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-size: 50.0px;
color: #0078c8;
text-align: center;
line-height: 82.0px;
border: none
}
.page-title .border-bottom {
border-bottom: 1px solid #1e5697 !important
}
.meccanica-button {
height: 144px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center
}
.meccanica-button h3 {
color: #FFF
}
.meccanica-button .overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: 15px;
margin-right: 15px;
transition: .3s ease;
opacity: 0;
display: flex;
justify-content: center;
align-items: center
}
.meccanica-button .overlay:hover {
opacity: 1
}
.mobilita-button {
height: 95px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center
}
.mobilita-button h3 {
color: #FFF
}
.mobilita-button .overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: 15px;
margin-right: 15px;
transition: .3s ease;
opacity: 0;
display: flex;
justify-content: center;
align-items: center
}
.mobilita-button .overlay:hover {
opacity: 1
}
.box-discipline {
height: 144px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
transition: .3s
}
.box-discipline:hover {
opacity: .7;
cursor: pointer
}
.box-discipline h3 {
color: #FFF;
background-color: rgba(0, 120, 200, 0.5);
width: 100%;
min-height: 50px;
display: flex;
justify-content: center;
align-items: center;
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 600;
font-size: 23.0px;
color: white;
line-height: 24.0px
}
.box-discipline .overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: 15px;
margin-right: 15px;
transition: .3s ease;
opacity: 0;
display: flex;
justify-content: center;
align-items: center
}
.box-discipline .overlay:hover {
opacity: 1
}
.tag-category {
transition: .3s
}
.tag-category h3 {
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-size: 25.0px;
color: white;
line-height: 42.0px;
padding: 0 15px;
min-width: 150px;
position: absolute;
margin-top: -20px;
margin-left: 50px
}
.blocco {
height: 321px;
position: relative
}
.blocco .text {
background-color: #f7b11b;
padding: 10px;
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-size: 25.0px;
color: white;
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
.sei-blocchi .blocco {
height: 144px;
position: relative;
background-position: center;
background-size: cover;
margin-bottom: 30px
}
.sei-blocchi .blocco .text {
background-color: rgba(50, 180, 50, 0.7);
padding: 2px;
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-size: 25.0px;
color: white;
position: absolute;
bottom: 20px;
left: 0;
width: 100%
}
.prossimi-eventi .container .row {
background-color: #eee;
margin: 0 5px;
border: 1px solid #0078c8
}
.prossimi-eventi h2 {
border: none
}
.blocks-gallery-grid {
width: 100%
}
.blocks-gallery-caption {
margin: 0 auto
}
.avatar {
border-radius: 50%
}
#desc-more-icon {
color: #1e5697
}
#desc-more-text {
visibility: hidden;
height: 0
}
.single-article .row * {
word-wrap: break-word
}
.single-article .category {
text-transform: uppercase;
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 700;
font-size: 14.0px;
color: #0078c8;
line-height: 19.0px
}
.single-article h1 {
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-size: 30.0px;
color: #000000;
margin-top: 15px
}
.single-article h2 {
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-size: 28.0px;
color: #000000;
line-height: 33.0px;
border: none;
text-transform: none;
margin-top: 30px;
color: #1e5697
}
.single-article .text {
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 400;
color: #000000;
font-size: 20px;
line-height: 30px;
word-wrap: break-word
}
.single-article .text p {
font-size: 20px
}
.single-article .text a {
color: #1e5697
}
.single-article .text a:hover {
color: #77a5da
}
.single-article .social ul {
list-style: none;
padding: 0;
margin: 0
}
.single-article .social li {
display: inline;
border: 1px solid #000;
border-radius: 15px;
font-size: 14.0px;
color: #4a494a;
line-height: 17.0px;
padding: 7px 15px;
margin-right: 15px;
transition: .3s
}
.single-article .social li:hover {
background-color: #eee;
color: #4a494a !important
}
.single-article .social li a:hover {
background-color: #eee;
color: #4a494a !important
}
.single-article .social img {
margin-right: 5px;
margin-top: -2px
}
.ebook-download {
background-color: #f0f0f0;
padding: 25px
}
.ebook-download h2 {
font-weight: 700;
font-size: 20.0px;
color: #4a494a;
line-height: 26.0px;
border: none;
text-transform: none;
border-bottom: 1px solid #1e5697;
font-family: "Roboto", Helvetica, Arial, serif
}
.ebook-download h3 {
font-weight: 700;
font-size: 15px;
color: #1e5697;
line-height: 20.0px;
text-transform: uppercase;
font-family: "Roboto", Helvetica, Arial, serif
}
.ebook-download p {
font-weight: 400;
font-style: italic;
font-size: 15.0px;
color: #4a494a
}
.ebook-download .book {
border: 2px solid #1e5697
}
.ebook-download img {
text-align: center
}
.data {
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 400;
font-style: italic;
font-size: 12.0px;
color: #4a494a;
line-height: 16.0px;
text-transform: uppercase
}
.sidebar .widget-item {
margin-bottom: 30px
}
.sidebar .widget-item ul {
list-style: none;
margin: 0;
padding: 0
}
.sidebar .widget-item ul li {
font-weight: 400;
font-size: 18.0px;
margin-bottom: 15px
}
.sidebar .autore a {
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 400;
font-size: 15.0px;
color: #0078c8;
line-height: 17.0px
}
.sidebar .autore p {
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 400;
font-size: 15.0px;
color: #000000
}
.sidebar h3 {
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 700;
font-size: 15.0px;
color: #4a494a;
line-height: 20.0px
}
.sidebar .social .social-icon {
float: left;
width: 30px;
height: 30px;
border: 1px solid #000;
border-radius: 50%;
text-align: center;
margin-right: 15px;
margin-bottom: 20px
}
.sidebar .social .social-icon img {
padding: 0;
margin: 0;
height: 12px !important
}
.sidebar .social .social-icon:hover {
background-color: #eee !important
}
.sidebar .articoli-correlati h3 {
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-size: 24.0px;
color: #4a494a;
line-height: 25.0px;
text-transform: none;
border-top: none;
margin-top: 10px;
margin-bottom: 25px
}
.sidebar .articoli-correlati h2 {
font-family: "Maitree", Helvetica, Arial, serif;
font-weight: 700;
font-style: normal;
font-size: 20.0px;
color: #0078c8;
text-align: left;
line-height: 33.0px;
border-top: 1px solid #0078c8;
text-transform: uppercase
}
.sidebar-consulenza h2 {
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 700;
font-size: 15.0px;
color: #c8143c;
border-top: 1px solid #c8143c;
text-transform: uppercase
}
.sidebar-consulenza p {
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 400;
font-size: 15.0px;
color: #000000;
text-align: justify
}
.pagination {
margin: 35px auto;
display: block
}
.pagination .page-numbers {
padding: 5px 5px;
margin: 1px;
border-radius: 10px
}
.pagination .current {
color: #1e5697
}
.pagination a:hover {
color: #77a5da
}
.comments ol {
list-style: none
}
.comments h2 {
font-family: "Maitree", Helvetica, Arial, serif;
font-size: 30px;
font-weight: 700;
line-height: 49.0px;
text-transform: uppercase;
border-top: 1px solid #1e5697;
color: #1e5697
}
.comments .comments-title {
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 500;
font-style: normal;
font-size: 18.0px;
color: #0078c8;
text-align: left;
line-height: 24.0px;
text-transform: uppercase
}
.comments .reply {
font-weight: 700;
font-size: 16.0px;
color: #ffffff;
line-height: 21.0px;
background-color: #0078c8;
padding: 10px;
border-radius: 25px;
text-transform: uppercase;
transition: .3s;
display: inline;
padding: 5px 25px;
position: absolute;
right: 20px
}
.comments .says {
display: none
}
.comments .fn {
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 700;
font-style: normal;
font-size: 18.0px;
color: #0078c8;
text-align: left;
line-height: 24.0px;
margin-left: 26px;
position: absolute
}
.comments .comment-meta {
position: absolute;
margin-top: -80px;
margin-left: 100px;
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 400;
font-style: normal;
font-size: 16.0px;
color: #4a494a;
text-align: left;
line-height: 21.0px
}
.comments .comment-body {
padding-bottom: 30px
}
.comments .submit {
font-weight: 700;
font-size: 16.0px;
color: #ffffff;
line-height: 21.0px;
background-color: #0078c8;
padding: 10px;
border-radius: 25px;
text-transform: uppercase;
transition: .3s;
display: inline
}
.comments .form-submit {
text-align: center;
position: relative
}
.comment-list {
list-style-type: none
}
.comments-area {
font-size: 80%;
margin-top: 25px
}
.comment-meta {
padding: 20px 0
}
.comment-form label {
display: block;
margin-bottom: 0px
}
.comment-form input {
width: 100%;
padding: 5px;
border: 1px solid #cfcfcf
}
.comment-form textarea {
width: 100%;
padding: 5px;
border: 1px solid #cfcfcf;
margin-top: 10px
}
.comment-form-cookies-consent input {
width: auto
}
.comment-form-cookies-consent label {
display: inline;
padding-left: 10px
}
.comment-form input {
width: auto
}
.comment-respond {
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #0078c8
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
width: 30.9%;
float: left;
margin-right: 30px !important
}
input#author,
input#email,
input#url {
width: 100% !important;
margin-bottom: 20px !important
}
.comment-form-url {
margin-right: 0 !important
}
.comment-reply-title {
font-family: "Roboto", Helvetica, Arial, serif;
font-weight: 500;
font-style: normal;
font-size: 18.0px;
color: #0078c8;
text-align: left;
line-height: 24.0px;
text-transform: uppercase
}
.comment-author {
padding-top: 15px;
margin-bottom: 20px
}
.comment-author img {
border: 1px solid #000
}
.corso-correlato h2 {
font-family: "Maitree", Helvetica, Arial, serif;
font-size: 30px;
font-weight: 700;
line-height: 49.0px;
text-transform: uppercase;
border-top: 1px solid #1e5697;
color: #1e5697
}
.tabella-contatti table tr td {
padding: 15px
}
#agile-form .agile-form-description {
text-align: center;
margin-bottom: 15px
}
#agile-form input {
width: 100%;
margin-bottom: .5rem;
background-color: #eee;
border: none;
border-radius: 25px;
padding: 10px
}
#agile-form textarea {
width: 100%;
margin-bottom: .5rem;
padding: 10px;
height: 150px
}
#agile-form select {
width: 100%;
margin-bottom: .5rem;
background-color: #eee;
border: none;
border-radius: 25px;
padding: 10px
}
#agile-form label {
text-align: left;
margin-top: 5px
}
#agile-form p {
display: none
}
#agile-form button {
font-weight: 700;
font-size: 16.0px;
color: #ffffff;
line-height: 21.0px;
background-color: #0078c8;
padding: 10px 20px;
border-radius: 25px;
text-transform: uppercase;
transition: .3s;
border: none;
outline: none
}
#agile-form .agile-label {
font-size: 22px;
margin-top: 15px
}
#agile-form .i-checks {
position: relative;
padding-left: 50px;
user-select: none;
padding-top: 0px
}
#agile-form .i-checks br {
display: none
}
#agile-form .i-checks input {
position: absolute;
top: 0;
left: 5px;
height: 25px;
width: 25px;
background-color: pink
}
.leaky-paywall-subscription-details-wrapper {
display: none !important
}
.leaky-paywall-logout-link {
display: none !important
}
.leaky-paywall-profile-subscription-title {
display: none !important
}
.leaky-paywall-profile-subscription-details {
display: none !important
}
.issuem-leaky-paywall-subscriber-info {
display: none !important
}
.leaky-paywall-your-profile-header {
display: none !important
}
footer {
margin-top: 5rem;
background-color: #002650;
padding: 25px 0;
color: #FFF
}
footer .social-menu {
list-style: none
}
footer .social-menu li {
display: inline;
padding-left: 10px
}
footer ul {
list-style: none;
padding: 0;
margin: 0
}
footer ul li {
font-weight: 400;
font-size: 16.0px;
color: #ffffff;
line-height: 21.0px
}
footer h4 {
text-transform: uppercase;
font-weight: 700;
font-size: 16.0px;
color: #ffffff;
line-height: 21.0px;
margin-bottom: 15px
}
footer h5 {
font-weight: 700;
font-size: 16.0px
}
footer .legal {
font-weight: 400;
font-size: 12.0px;
color: #ffffff;
line-height: 16.0px
}
.contenitore-mappa-gravel {
background-color: #eee;
padding: 25px;
border-radius: 25px;
border: 1px solid #1e5697
}
.contenitore-mappa-gravel .legenda-mappa-gravel {
font-size: 80%
}
.content-mapi {
width: 100%;
text-align: center;
display: inline-block;
padding: 2px
}
.content-mapi #mapi {
width: 100%;
height: 700px;
float: left
}
#side-mapi ul {
list-style: none;
margin: 0;
padding: 0
}
#side-mapi ul li {
padding: 0;
margin: 0;
margin-left: 10px;
margin-bottom: 10px
}
#side-mapi ul li img {
display: none
}
.woocommerce-custom {
float: right;
width: 50%
}
.woocommerce-custom iframe {
max-width: 100%
}
.woocommerce-custom .data {
font-weight: 700 !important;
font-size: 30.0px !important;
color: #4a494a !important;
line-height: 30px !important;
font-style: normal
}
.woocommerce-custom .data del {
font-weight: 400;
font-size: 20.0px;
text-decoration: line-through
}
.woocommerce-custom .corso-box {
margin: 15px
}
.woocommerce-custom .corso-box .corso-box-content {
padding-bottom: 0px;
min-height: 127px !important
}
.woocommerce-custom .corso-box-header {
position: relative;
opacity: 1.5
}
.woocommerce-custom .rating {
position: absolute;
color: #fff;
right: 5px;
padding-top: 5px
}
.woocommerce-custom .offerta {
text-transform: uppercase;
position: absolute;
left: 5px;
top: 5px;
font-weight: 700;
font-size: 14.0px;
color: #ffffff
}
#leaky-paywall-login-form {
margin: 20px auto
}
#leaky-paywall-login-form input {
border: 1px solid #b4b4b4 !important;
border-radius: 15px;
padding: 15px
}
#leaky-paywall-login-form #wp-submit {
padding: 5px 15px
}
.ld-item-title {
padding-top: 7px
}
.learndash-wrapper .ld-button.ld-login-button.ld-login {
text-align: center;
margin: 0 auto;
color: white;
max-width: 250px
}
.learndash-wrapper .ld-button.ld-login-button.ld-logout {
text-align: center;
margin: 0 auto;
color: white;
max-width: 250px
}
.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-edit-link {
display: none
}
.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-avatar {
display: none
}
.learndash-wrapper .ld-item-list .ld-item-search {
margin-top: 50px
}
.login-learndash {
margin-top: 15px;
background-color: #d3e7ff;
padding: 15px;
color: #2c2c2c
}
.login-learndash h3 {
color: #2c2c2c
}
.custom-login-form {
margin-top: 50px
}
.custom-login-form form {
background-color: white;
padding: 25px 15px;
width: 100%;
border: 1px solid #eee
}
.order-number,
.order-actions {
display: none
}
@media (max-width: 1200px) {
.tag-category h3 {
margin-left: 30px
}
}
@media (max-width: 992px) {
h2 {
text-align: center
}
h3 {
font-size: 120%;
margin-bottom: 0
}
p {
font-size: 90%
}
.ul-menu {
display: block;
text-align: center
}
.ul-menu li {
display: inline;
padding-right: 20px;
padding-top: 10px
}
.menu-sub-home {
display: block
}
.citta-button {
margin-bottom: 50px
}
.carousel-control-prev-icon {
margin-left: -130px
}
.carousel-control-next-icon {
margin-right: -130px
}
.no-pad-r {
padding-right: auto !important
}
.border-box .button {
margin-top: 0
}
.articolo img {
min-height: auto
}
.tag-category h3 {
margin-left: 270px
}
}
@media (max-width: 768px) {
#navbar {
position: relative
}
.empty {
height: 0
}
.vai-a-sezione {
position: relative;
float: none;
right: auto;
top: auto;
text-align: center;
margin-top: 0;
padding-bottom: 15px
}
.carousel-control-prev-icon {
margin-left: -100px
}
.carousel-control-next-icon {
margin-right: -100px
}
.tag-category h3 {
margin-left: 190px
}
.owl-carousel .owl-item img {
width: auto !important;
margin: 0 auto
}
.single-article .social li {
display: block !important;
margin: 20px;
text-align: center
}
}
@media (max-width: 576px) {
.logo svg {
max-width: 250px
}
.woocommerce-custom {
float: none !important;
width: 100% !important
}
.form-submit {
text-align: center;
position: relative;
margin-top: 100px
}
.no-pad-r {
padding-right: auto !important
}
.carousel-indicators {
margin-right: 15% !important;
margin-left: 15% !important
}
.carousel-indicators li {
width: 13px !important;
height: 13px !important
}
.carousel-control-prev-icon {
margin-left: -70px
}
.carousel-control-next-icon {
margin-right: -70px
}
.header2 {
padding: 25px 0 25px 0
}
.ebook-carousel .owl-prev {
position: absolute;
left: -30px;
top: 105px
}
.ebook-carousel .owl-next {
position: absolute;
right: -30px;
top: 105px
}
.tag-category {
margin: 0 auto;
width: 255px
}
.tag-category h3 {
position: relative;
margin-top: 0;
margin-left: 0;
width: 100%
}
}
.lista-servizi {
list-style: none;
padding: 0;
margin: 0;
margin-top: 23px
}
.lista-servizi li {
display: inline
}
.lista-servizi li img {
height: 20px;
padding-left: 5px
}
.page-template-page-guest-php input,
.page-template-page-guest-php textarea {
border-color: #ccc !important
}
.page-template-page-guest-php input[type="text"] {
height: 17px
}
.page-template-page-guest-php input#title[type="text"],
.page-template-page-guest-php textarea {
width: 495px
}
.page-template-page-guest-php textarea {
height: 120px;
margin-bottom: 10px
}
.page-template-page-guest-php label {
float: none;
display: block
}
.page-template-page-guest-php fieldset {
float: left;
margin: 0 10px
}
.page-template-page-guest-php select {
margin-top: 0;
width: 158px
}
.page-template-page-guest-php label.bambini {
margin-bottom: 8px
}
.page-template-page-guest-php input#bambini {
display: block;
margin-top: 4px
}
.page-template-page-guest-php input[type="submit"] {
float: none
}
.page-template-page-compagni-php #filtri-messaggi fieldset {
display: inline-block;
float: left;
margin: 0px 5px;
font-size: 11px;
width: 31.1%
}
.page-template-page-compagni-php #filtri-messaggi select {
margin: 5px 0px
}
.page-template-page-compagni-php #filtri-messaggi input[type="submit"] {
margin-top: 28px;
display: inline-block;
float: right;
margin-bottom: 10px;
cursor: pointer
}
.page-template-page-compagni-php a#form-link {
font-weight: bold
}
.page-template-page-compagni-php a#form-link:hover {
text-decoration: underline
}
.page-template-page-compagni-php #messaggi {
margin-bottom: 15px
}
.page-template-page-compagni-php #messaggi .post {
background: #efefef;
padding: 0 12px 7px 12px;
margin-bottom: 15px
}
.page-template-page-compagni-php #messaggi .post .entry {
padding: 0
}
.page-template-page-compagni-php #messaggi .post h2 {
display: inline-block;
margin-right: 12px;
margin-bottom: 5px
}
.page-template-page-compagni-php #messaggi .post h2 a:hover {
text-decoration: underline
}
.page-template-page-compagni-php #messaggi .post div.hr {
height: 1px;
border-bottom: 1px solid #ccc
}
.page-template-page-compagni-php #messaggi .post a.link-mess {
display: inline-block;
float: right;
font-weight: bold
}
.single-compagni #campi p {
width: 200px;
float: left;
display: inline-block
}
.single-compagni #campi p span {
font-weight: bold
}
.wpcf6 {
padding-bottom: 500px
}
.wp-block-button__link {
color: white !important;
transition: .3s
}
.wp-block-button__link:hover {
background-color: #0078c8;
color: white !important;
transition: .3s
}
.learndash-wrapper .ld-alert-success .ld-button {
color: #fff
}
iframe {
max-width: 100% !important
}
.single-ebook-form form {
margin: 0 auto !important
}
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height 0.5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 0.4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.bikeitalia.it/wp-content/themes/bikeitalia-theme/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 0.1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 0.4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
margin-top: 10px
}
.owl-theme .owl-nav [class*="owl-"] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
outline: none
}
.owl-theme .owl-nav [class*="owl-"]:hover {
background: transparent;
color: #fff;
text-decoration: none
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791
}
figure {
text-align: center;
}
.twitter-tweet {
text-align: center !important;
margin: 0 auto !important;
}
.wp-block-image img {
max-width: 100%;
height: auto !important;
} .modal-backdrop {
background-color: rgba(0, 91, 151, .6);
color: rgb(0, 91, 151);
}
.prehome-modal-content {
background-color: #F3F3F3;
}
.prehome-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: #000;
opacity: .4;
}
.prehome-button {
border: 2px solid #fff;
padding: 50px 0; transition: .3s;
cursor: pointer;
}
.prehome-button h2 {
border: none;
color: #fff;
font-weight: normal;
margin: 0;
padding: 0;
font-weight: bold;
}
.prehome-button:hover {
background-color: #3e7396 !important;
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
max-width: 1100px;
}
.prehome-paragraph {
font-style: 3px;
}
}
@media (max-width: 576px) {
.prehome-paragraph {
font-size: 22px !important;
}
.prehome-button {
padding: 20px 0;
}
} .wc_gc_field input {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.wc_gc_field textarea {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
height: 150px;
}
.woocommerce-Giftcards input{
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.woocommerce-Giftcards button{
background-color: #0078c8 !important;
color:#fff !important;
}
.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-title{
font-size: .8em !important;
}
.wc_gc_datepicker table.ui-datepicker-calendar{
font-size: .8em !important;
}
#wc_gc_cart_redeem_form input{
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
#wc_gc_cart_redeem_form button
{
font-weight: 700;
font-size: 16.0px;
color: #ffffff;
line-height: 21.0px;
background-color: #0078c8;
padding: 10px;
border-radius: 25px;
text-transform: uppercase;
transition: .3s;
border:none !important;
}