@charset 'UTF-8';
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
background-color: #fcf8e3;
padding: 0.2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777777;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: "\2014 \00A0";
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: "";
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: "\00A0 \2014";
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.container {
width: 720px;
}
}
@media (min-width: 992px) {
.container {
width: 940px;
}
}
@media (min-width: 1200px) {
.container {
width: 1140px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 0;
padding-right: 0;
}
.row {
margin-left: 0;
margin-right: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 0;
padding-right: 0;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
border: 0;
background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 0;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eeeeee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 0;
padding-left: 0;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
padding: 15px 0;
font-size: 18px;
line-height: 20px;
height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: 0;
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 0;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px 0;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
margin-left: 0;
margin-right: 0;
padding: 10px 0;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: 0;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #080808;
color: #fff;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
background-image: -webkit-linear-gradient(
left,
rgba(0, 0, 0, 0.5) 0%,
rgba(0, 0, 0, 0.0001) 100%
);
background-image: -o-linear-gradient(
left,
rgba(0, 0, 0, 0.5) 0%,
rgba(0, 0, 0, 0.0001) 100%
);
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.5) 0%,
rgba(0, 0, 0, 0.0001) 100%
);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(
left,
rgba(0, 0, 0, 0.0001) 0%,
rgba(0, 0, 0, 0.5) 100%
);
background-image: -o-linear-gradient(
left,
rgba(0, 0, 0, 0.0001) 0%,
rgba(0, 0, 0, 0.5) 100%
);
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.0001) 0%,
rgba(0, 0, 0, 0.5) 100%
);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif;
}
.carousel-control .icon-prev:before {
content: "\2039";
}
.carousel-control .icon-next:before {
content: "\203a";
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff;
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
content: " ";
display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.modal-header:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.icon {
display: inline-block;
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
body {
font-family: "Roboto", sans-serif;
font-weight: 400;
}
body :focus {
outline: 0;
}
.button {
border-radius: 23px;
line-height: 46px;
color: white;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
display: inline-block;
padding: 0 30px;
border: 1px solid transparent;
margin-top: 45px;
letter-spacing: 0.1em;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.button:hover,
.button:focus {
text-decoration: none;
}
.button-purple {
background-color: #8e3a80;
}
.button-purple:hover,
.button-purple:focus {
border-color: #8e3a80;
color: #fff;
background-color: rgba(142, 58, 128, 0.3);
}
.cover {
background-size: cover !important;
background-position: center !important;
}
.logo {
text-align: center;
}
.logo a {
display: inline-block;
width: 190px;
height: 114px;
background: url(//www.navigando.it/cms/wp-content/themes/navigando/images/logo-navigando-color.svg);
background-size: 190px 114px;
margin-top: 5px;
margin-bottom: 10px;
}
.logo-big a {
background: url(//www.navigando.it/cms/wp-content/themes/navigando/images/logo-navigando-white.svg);
}
@media (min-width: 768px) {
.dropdown:hover .dropdown-menu {
display: block;
}
}
.menu-principale {
color: #3c3d41;
font-family: "Roboto Slab", serif;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.1em;
}
.menu-principale .navbar {
margin-bottom: 0;
border-radius: 0;
border: 0;
}
.menu-principale ul.navbar-nav {
width: 100%;
border-top: 1px solid #ddd;
}
.menu-principale ul.navbar-nav.nav .open > a,
.menu-principale ul.navbar-nav.nav .open > a:hover,
.menu-principale ul.navbar-nav.nav .open > a:focus {
background-color: transparent;
}
.menu-principale ul.navbar-nav > li {
border-right: 1px solid #ddd;
text-align: left;
text-transform: uppercase;
min-height: 60px;
}
.menu-principale ul.navbar-nav > li > a {
color: #3c3d41;
line-height: 60px;
padding: 0 0 0 55px;
position: relative;
letter-spacing: 0.1em;
display: block;
}
.menu-principale ul.navbar-nav > li > a .icon {
position: absolute;
left: 20px;
fill: #1b5e5e;
bottom: 20px;
}
.menu-principale ul.navbar-nav > li > a:hover,
.menu-principale ul.navbar-nav > li > a:focus {
background-color: transparent;
}
.menu-principale ul.navbar-nav > li .dropdown-menu {
padding: 0;
box-shadow: none;
min-width: 264px;
background-color: transparent;
padding-top: 10px;
border: 0;
z-index: 50;
margin-top: -1px;
}
.menu-principale ul.navbar-nav > li .dropdown-menu li a { }
.menu-principale ul.navbar-nav > li .dropdown-menu li a .dot {
width: 10px;
height: 10px;
background: black;
border-radius: 5px;
position: absolute;
left: 20px;
top: 50%;
margin-top: -5px;
}
.menu-principale ul.navbar-nav > li.studenti {
width: 20%;
}
.menu-principale ul.navbar-nav > li.studenti .icon-users {
width: 23.5px;
height: 20px;
}
.menu-principale ul.navbar-nav > li.istituti {
width: 31%;
}
.menu-principale ul.navbar-nav > li.istituti a .icon-school {
width: 22px;
height: 24px;
}
.menu-principale ul.navbar-nav > li.uni-business {
width: 33%;
}
.menu-principale ul.navbar-nav > li.uni-business a .icon-hat {
width: 22px;
height: 22px;
}
.menu-principale ul.navbar-nav > li.facebook {
width: 7.5%;
padding-top: 21px;
text-align: right;
padding-right: 10px;
}
.menu-principale ul.navbar-nav > li.facebook a,
.menu-principale ul.navbar-nav > li.facebook .icon {
width: 16px;
height: 16px;
}
.menu-principale ul.navbar-nav > li.instagram {
width: 8.5%;
padding-top: 21px;
text-align: left;
padding-left: 10px;
}
.menu-principale ul.navbar-nav > li.instagram a,
.menu-principale ul.navbar-nav > li.instagram .icon {
width: 17px;
height: 17px;
}
.menu-principale ul.navbar-nav > li.facebook,
.menu-principale ul.navbar-nav > li.instagram {
border-right: 0;
}
.menu-principale ul.navbar-nav > li.facebook a,
.menu-principale ul.navbar-nav > li.instagram a {
display: inline-block;
position: relative;
padding: 0;
}
.menu-principale ul.navbar-nav > li.facebook a .icon,
.menu-principale ul.navbar-nav > li.instagram a .icon {
left: 0;
top: 0;
fill: #3c3d41;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-principale ul.navbar-nav > li.facebook a .icon:hover,
.menu-principale ul.navbar-nav > li.instagram a .icon:hover {
fill: gray;
}
.menu-principale ul.navbar-nav > li .dropdown-menu-inner {
background-color: white;
border: 1px solid #ddd;
position: relative;
border-top: 0px solid;
}
.menu-principale ul.navbar-nav > li .dropdown-menu-inner:before {
content: "";
position: absolute;
top: -8px;
left: 45%;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
}
.menu-principale ul.navbar-nav > li .dropdown-menu-inner li {
border-bottom: 1px solid #ddd;
letter-spacing: 0em;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
.menu-principale ul.navbar-nav > li .dropdown-menu-inner li:hover,
.menu-principale ul.navbar-nav > li .dropdown-menu-inner li:focus {
background-color: rgba(61, 147, 153, 0.1);
width: 100%;
}
.menu-principale ul.navbar-nav > li .dropdown-menu-inner li:hover a,
.menu-principale ul.navbar-nav > li .dropdown-menu-inner li:focus a {
text-decoration: none;
font-weight: 700;
}
.menu-principale ul.navbar-nav > li .dropdown-menu-inner li a {
text-transform: none;
line-height: 56px;
color: #3c3d41;
font-family: "Roboto Slab", serif;
font-size: 16px;
font-weight: 400;
padding: 0 40px;
position: relative;
}
.mosaico {
position: relative;
height: 150px;
background: rgba(19, 19, 19, 0.5);
}
.mosaico:first-child,
.mosaico:nth-child(2) {
margin-bottom: 1px;
}
.mosaico:first-child,
.mosaico:nth-child(3) {
margin-right: 1px;
margin-left: -1px;
}
.mosaico:hover,
.mosaico:focus {
text-decoration: none;
}
.mosaico:hover .mosaico-text,
.mosaico:focus .mosaico-text {
opacity: 1;
}
.mosaico:hover .mosaico-title,
.mosaico:focus .mosaico-title {
opacity: 0;
}
.mosaico:before {
content: "";
position: absolute;
left: 50px;
top: 50%;
transform: translateY(-50%);
width: 76px;
height: 76px;
border-radius: 6px;
}
.mosaico:after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.mosaico-text-container {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.mosaico-text-container-inner {
padding-left: 145px;
padding-right: 50px;
width: 100%;
z-index: 1;
}
.mosaico-title {
font-family: "Roboto Slab", serif;
color: #fff;
font-weight: 700;
font-size: 35px;
margin: 0;
position: absolute;
top: 50%;
left: 145px;
transform: translateY(-50%);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.mosaico-text {
color: #fff;
font-size: 14px;
line-height: 20px;
opacity: 0;
margin: 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.mosaico-sl:before {
background-color: #e2011b;
}
.mosaico-sl:after {
background: url(//www.navigando.it/cms/wp-content/themes/navigando/images/loghi-pacchetti.png) no-repeat 0 0;
background-size: 206px 53px;
width: 46px;
height: 49.5px;
left: 66px;
}
.mosaico-hsp:before {
background-color: #006168;
}
.mosaico-hsp:after {
background: url(//www.navigando.it/cms/wp-content/themes/navigando/images/loghi-pacchetti.png) no-repeat -46px 0;
background-size: 206px 53px;
width: 68.5px;
height: 23.5px;
left: 55px;
}
.mosaico-yfu:before {
background-color: #66296c;
}
.mosaico-yfu:after {
background: url(//www.navigando.it/cms/wp-content/themes/navigando/images/loghi-pacchetti.png) no-repeat -115px 0;
background-size: 206px 53px;
width: 41px;
height: 52.5px;
left: 68px;
}
.mosaico-sc:before {
background-color: #31b7bc;
}
.mosaico-sc:after {
background: url(//www.navigando.it/cms/wp-content/themes/navigando/images/loghi-pacchetti.png) no-repeat -156px 0;
background-size: 206px 53px;
width: 49.5px;
height: 53px;
left: 65px;
}
.home-test {
min-height: 478px;
background-color: #c4dee0;
}
.home-test h2 {
font-size: 58px;
color: #185e5d;
}
.home-test .home-test-subtitle {
line-height: 26px;
}
.testresult-test {
padding: 0 0 60px;
}
.testresult-test h2 {
font-size: 36px;
color: #003d4c;
}
.testresult-test .home-test-subtitle {
line-height: 22px;
}
.testresult-test .simpleselect .placeholder,
.testresult-test .simpleselect .options {
border: 0;
}
.testresult-test .option.active {
background: rgba(238, 238, 238, 0.3) !important;
}
.home-test,
.testresult-test {
text-align: center;
}
.home-test h2,
.testresult-test h2 {
font-family: "Roboto Slab", serif;
font-weight: 300;
margin: 39px 0 0;
padding-top: 93px;
position: relative;
}
.home-test h2 > p,
.testresult-test h2 > p {
margin: 0;
}
.home-test h2:before,
.testresult-test h2:before {
content: "";
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/test.png);
width: 80px;
height: 80px;
background-size: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: -40px;
}
.home-test .home-test-subtitle,
.testresult-test .home-test-subtitle {
color: #28282a;
font-size: 22px;
margin-top: 24px;
margin-bottom: 40px;
letter-spacing: 0.02em;
}
.home-test-select {
padding-right: 20px;
}
.home-test-select .simpleselect {
width: 100%;
font-family: "Roboto Slab", serif;
font-size: 20px;
text-align: left;
height: 55px;
}
.home-test-select .simpleselect .placeholder {
padding: 0 0 0 60px;
line-height: 55px;
min-height: 55px;
background-color: #eee;
border-radius: 5px;
color: rgba(64, 64, 67, 0.6);
}
.home-test-select .simpleselect .placeholder:before {
content: "";
position: absolute;
left: 19px;
top: 50%;
}
.home-test-select .simpleselect .placeholder:after {
width: 16px;
height: 9px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/arrow-down-simpleselect.svg);
top: 50%;
margin-top: -3px;
right: 15px;
}
.home-test-select .simpleselect .options {
width: 100%;
border-left: 0;
border-right: 0;
border-radius: 5px;
}
.home-test-select .simpleselect .option {
line-height: 55px;
height: 55px;
background-color: #eee;
padding: 0 0 0 20px;
color: rgba(64, 64, 67, 0.8);
}
.home-test-select .simpleselect .option:first-child {
border-radius: 5px 5px 0 0;
color: rgba(64, 64, 67, 0.6);
}
.home-test-select .simpleselect .option:last-child {
border-radius: 0 0 5px 5px;
}
.home-test-select .simpleselect .option.active {
background: white;
color: #404043;
}
.home-test-select.anni.animated {
z-index: 5 !important;
}
.home-test-select.anni .placeholder:before {
width: 27px;
height: 32px;
margin-top: -16.5px;
opacity: 0.4;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/cake.svg);
}
.home-test-select.cosa.animated {
z-index: 4 !important;
}
.home-test-select.cosa .placeholder:before {
width: 32px;
height: 32px;
opacity: 0.4;
margin-top: -16.25px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/target.svg);
}
.home-test-select.dove.animated {
z-index: 3 !important;
}
.home-test-select.dove .placeholder:before {
width: 25px;
height: 32px;
opacity: 0.4;
margin-top: -16.5px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/pin.svg);
}
.home-test-select.lingua.animated {
z-index: 2 !important;
}
.home-test-select.lingua .placeholder:before {
width: 39px;
height: 31px;
margin-left: -6px;
margin-top: -16.5px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/flag.svg);
}
.home-test-button {
margin: 50px 10px 50px 0;
height: 38px;
line-height: 35px;
background-color: #ea5d0e;
border-radius: 19px;
letter-spacing: 0.1em;
}
.home-test-button:hover,
.home-test-button:focus {
border-color: #ea5d0e;
background-color: rgba(234, 93, 14, 0.3);
}
.home-blog {
min-height: 799px;
box-shadow: inset 0 0 204px rgba(0, 0, 0, 0.34);
text-align: center;
position: relative;
}
.home-blog:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 272px;
background: url(//www.navigando.it/cms/wp-content/themes/navigando/images/blog-bg.png);
opacity: 0.3;
pointer-events: none;
}
.home-blog h3 {
margin-top: 54px;
margin-bottom: 11px;
color: white;
font-family: "Roboto Slab", serif;
font-size: 48px;
font-weight: 300;
line-height: 62px;
}
.home-blog .home-blog-subtitle {
color: white;
font-size: 18px;
line-height: 24px;
margin-bottom: 0;
letter-spacing: 0.02em;
max-height: 48px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.home-blog .button {
margin: 48px auto 58px;
}
.home-blog .home-blog-container {
min-height: 650px;
}
.home-blog-single {
display: inline-block;
margin-right: 18px;
width: 315px;
}
.home-blog-single .home-blog-single-content.avvisi,
.home-blog-single .home-blog-single-content.news {
border-top: 10px solid #0a9999;
}
.home-blog-single .home-blog-single-content.avvisi .home-blog-category,
.home-blog-single .home-blog-single-content.news .home-blog-category {
color: #0a9999;
}
.home-blog-single .home-blog-single-content.cronache-di-viaggio {
border-top: 10px solid #00ff81;
}
.home-blog-single
.home-blog-single-content.cronache-di-viaggio
.home-blog-category {
color: #00ff81;
}
.home-blog-single .home-blog-single-content.curiosita {
border-top: 10px solid #2f80eb;
}
.home-blog-single .home-blog-single-content.curiosita .home-blog-category {
color: #2f80eb;
}
.home-blog-single .home-blog-single-content.trucchi-e-consigli,
.home-blog-single .home-blog-single-content.tipstricks {
border-top: 10px solid #cc1484;
}
.home-blog-single
.home-blog-single-content.trucchi-e-consigli
.home-blog-category,
.home-blog-single .home-blog-single-content.tipstricks .home-blog-category {
color: #cc1484;
}
.home-blog-single .home-blog-single-content.racconti {
border-top: 10px solid #ff4054;
}
.home-blog-single .home-blog-single-content.info-utili {
border-top: 10px solid #337ab7;
}
.home-blog-single .home-blog-single-content.racconti .home-blog-category {
color: #ff4054;
}
.home-blog-single:nth-child(3) {
margin-right: 0;
}
.home-blog-single-content {
min-height: 400px;
background-color: white;
box-shadow: 0.5px 0.9px 2px rgba(0, 0, 0, 0.1);
text-align: center;
padding: 0 50px 30px;
display: block;
}
.home-blog-single-content:hover,
.home-blog-single-content:focus {
text-decoration: none;
}
.home-blog-single-content:hover h4,
.home-blog-single-content:focus h4 {
text-decoration: underline;
}
.home-blog-category {
font-size: 12px;
line-height: 15px;
font-weight: 700;
text-transform: uppercase;
padding-top: 23px;
letter-spacing: 0.1em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-height: 45px;
}
.home-blog-title {
color: black;
font-size: 24px;
font-weight: 700;
line-height: 32px;
height: 96px;
margin-top: 29px;
margin-bottom: 13px;
max-height: 96px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.home-blog-autore {
color: rgba(0, 0, 0, 0.5);
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-top: 17px;
}
.home-blog-immagine {
width: 150px;
height: 150px;
border-radius: 75px;
display: inline-block;
margin-top: 20px;
}
.home-infografica {
height: 800px;
background-color: rgba(255, 104, 0, 0.7);
text-align: center;
position: relative;
}
.home-infografica h2 {
letter-spacing: -0.02em;
font-family: "Roboto Slab";
font-size: 58px;
line-height: 62px;
font-weight: 300;
color: white;
margin-top: 47px;
margin-bottom: 20px;
}
.home-infografica h2 strong {
color: #ff4054;
}
.home-infografica .home-infografica-subtitle {
letter-spacing: 0.02em;
color: white;
font-size: 22px;
line-height: 28px;
max-width: 1200px;
margin: auto;
}
.home-infografica-schema {
width: 1029px;
margin: 89px auto 0;
}
.home-infografica-schema .step {
float: left;
height: 452px;
position: relative;
}
.home-infografica-schema .step-box {
position: absolute;
top: 137px;
left: 7px;
right: 0;
height: 136px;
background-size: contain;
background-repeat: no-repeat;
}
.home-infografica-schema .step-testo {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: 284px 157px;
background-repeat: no-repeat;
}
.home-infografica-schema .step1 {
width: 279px;
background-position: 6px 137px;
}
.home-infografica-schema .step2 {
position: relative;
left: -27px;
width: 282px;
}
.home-infografica-schema .step3 {
position: relative;
left: -53px;
width: 279px;
}
.home-infografica-schema .step4 {
width: 268px;
position: relative;
left: 762px;
top: -452px;
}
.home-infografica-schema .step1-box {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-step1.png);
}
.home-infografica-schema .step2-box {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-step2.png);
right: 1px;
left: 9px;
}
.home-infografica-schema .step3-box {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-step3.png);
}
.home-infografica-schema .step4-box {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-step4.png);
right: 6px;
left: 7px;
}
.home-infografica-schema .step1-testo {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-step1-testo.png);
background-position: -9px 262px;
}
.home-infografica-schema .step2-testo {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-step2-testo.png);
background-position: 23px 2px;
right: -16px;
top: -25px;
bottom: 10px;
}
.home-infografica-schema .step3-testo {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-step3-testo.png);
background-position: 0 268px;
}
.home-infografica-schema .step4-testo {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-step4-testo.png);
background-position: 5px -4px;
top: -10px;
right: -20px;
}
.home-partners {
background: #f9f9f9;
text-align: center;
padding: 45px 0;
}
.partner {
display: inline-block;
height: 83px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/loghi-partners.png);
}
.partner1 {
width: 89px;
}
.partner2 {
width: 144px;
background-position: -89px 0;
}
.partner3 {
width: 108px;
background-position: -232px 0;
}
.partner4 {
width: 128px;
background-position: -340px 0;
}
.partner5 {
width: 122px;
background-position: -468px 0;
}
.partner6 {
width: 149px;
background-position: -590px 0;
}
.partner7 {
width: 133px;
background-position: -739px 0;
}
.partner8 {
width: 110px;
background-position: -872px 0;
}
.box-info {
min-height: 360px;
text-align: center;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/home-info.jpg);
padding-bottom: 50px;
}
.box-info h2 {
letter-spacing: -0.02em;
color: white;
font-family: "Roboto Slab";
font-size: 52px;
line-height: 62px;
font-weight: 300;
margin-top: 71px;
margin-bottom: 15px;
}
.box-info .box-info-subtitle {
letter-spacing: 0.02em;
color: white;
font-size: 22px;
font-weight: 400;
line-height: 24px;
margin-bottom: 30px;
}
.footer {
background-color: #3c3d41;
color: #828287;
padding: 40px 0;
}
.footer-dati {
padding-right: 50px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.footer-dati h1 {
color: #f7f7f7;
font-size: 25px;
font-weight: 400;
margin: 0;
padding-top: 12px;
padding-bottom: 9px;
}
.footer-dati .footer-dati-rights {
color: #828287;
font-size: 13px;
line-height: 18px;
}
.footer-menu-principale ul,
.footer-menu-secondario ul,
.footer-social ul {
list-style: none;
padding-left: 40px;
}
.footer-menu-secondario ul {
padding-right: 20px;
}
.footer-menu-principale {
letter-spacing: 0.096em;
color: #f7f7f7;
font-size: 13px;
font-weight: 700;
line-height: 33px;
text-transform: uppercase;
}
.footer-menu-principale a {
color: #f7f7f7;
}
.footer-menu-secondario {
color: rgba(238, 238, 238, 0.57);
font-size: 13px;
line-height: 33px;
}
.footer-menu-secondario a {
color: rgba(238, 238, 238, 0.57);
}
.footer-social {
color: rgba(238, 238, 238, 0.57);
font-size: 13px;
line-height: 33px;
}
.footer-social h3 {
padding-bottom: 20px;
}
.footer-social a {
color: rgba(238, 238, 238, 0.57);
padding-left: 33px;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer-social a:hover,
.footer-social a:focus {
color: white;
text-decoration: none;
}
.footer-social a:hover .icon,
.footer-social a:focus .icon {
fill: white;
}
.footer-social a .icon {
content: "";
left: 0;
top: 50%;
position: absolute;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
fill: #838d8f;
}
.footer-social .footer-social-fb .icon {
width: 16px;
height: 16px;
margin-top: -8px;
left: 1px;
}
.footer-social .footer-social-tw .icon {
width: 17px;
height: 13px;
margin-top: -6.5px;
}
.footer-social .footer-social-in .icon {
width: 15px;
height: 15px;
margin-top: -7.75px;
}
.footer-social h3,
.footer-newsletter h3 {
letter-spacing: 0.2em;
color: #f7f7f7;
font-size: 11px;
font-weight: 700;
line-height: 13px;
text-transform: uppercase;
padding-left: 40px;
margin: 0;
padding-top: 13px;
}
.footer-newsletter h3 {
padding-bottom: 16px;
}
.footer-newsletter-testo {
padding-left: 40px;
color: #828287;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
}
.footer-col {
min-height: 200px;
border-right: 1px solid #4e5054;
}
.footer-form {
padding-left: 40px;
padding-top: 28px;
position: relative;
max-width: 270px;
}
.footer-email input.wpcf7-email {
max-width: 230px;
width: 100%;
line-height: 45px;
height: 45px;
background-color: #4e5054;
border-radius: 5px;
border: 0;
padding: 0 60px 0 18px;
color: #828287;
font-size: 14px;
letter-spacing: 0.04em;
}
.footer-email input.wpcf7-email::-moz-placeholder {
color: #828287;
opacity: 1;
}
.footer-email input.wpcf7-email:-ms-input-placeholder {
color: #828287;
}
.footer-email input.wpcf7-email::-webkit-input-placeholder {
color: #828287;
}
.footer-email input.wpcf7-email::-webkit-input-placeholder {
color: #828287;
}
.footer-email input.wpcf7-email::-moz-placeholder {
color: #828287;
}
.footer-email input.wpcf7-email:-ms-input-placeholder {
color: #828287;
}
.footer-email input.wpcf7-email:-moz-placeholder {
color: #828287;
opacity: 1;
}
.footer-submit .wpcf7-submit {
position: absolute;
right: 0;
top: 28px;
width: 45px;
height: 45px;
border: 0;
border-radius: 0 5px 5px 0;
background-color: #185e5d;
color: white;
}
.footer-submit .wpcf7-submit:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 22px;
height: 22px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/email-small.svg);
margin-top: -11px;
margin-left: -11px;
background-size: 22px 22px;
}
span.wpcf7-list-item {
margin: 0;
}
.mc4wp-response {
padding-left: 40px;
padding-top: 15px;
font-size: 12px;
line-height: 16px;
}
.about-intro {
min-height: 640px; box-shadow: inset 0 0 224px rgba(0, 0, 0, 0.32);
text-align: center;
}
.about-intro:after {
content: "";
display: block;
background: #555;
width: 100%;
min-height: 1640px;
height: 100%;
position: absolute;
opacity: 0.4;
z-index: 0;
}
.about-intro h1 {
color: white;
font-family: "Roboto Slab";
font-size: 62px;
line-height: 74px;
font-weight: 300;
margin: 170px 0 0;
position: relative;
z-index: 2;
}
.about-intro h2 {
font-size: 24px;
font-weight: 700;
line-height: 26px;
color: white;
margin: 30px 0 0;
position: relative;
z-index: 2;
}
.about-intro .about-intro-testo {
font-size: 16px;
line-height: 22px;
color: white;
margin: 15px 0 0;
position: relative;
z-index: 2;
}
.about-intro-schema {
margin: 40px 0;
position: relative;
}
.about-schema {
font-family: "Roboto Slab", serif;
font-size: 20px;
line-height: 26px;
color: white;
display: inline-block;
padding-top: 160px;
position: relative;
width: 200px;
opacity: 0;
position: relative;
z-index: 2;
-webkit-transition: opacity 0.8s ease;
-o-transition: opacity 0.8s ease;
transition: opacity 0.8s ease;
}
.about-schema:before {
content: "";
position: absolute;
top: 0;
left: 50%;
margin-left: -65px;
width: 130px;
height: 130px;
border-radius: 65px;
}
.about-schema:after {
content: "";
position: absolute;
left: 50%;
background-size: 100%;
}
.about-schema-viaggi span {
color: #00d866;
font-weight: 700;
}
.about-schema-viaggi:before {
background-color: #00d866;
}
.about-schema-viaggi:after {
margin-left: -35.5px;
width: 71px;
height: 71px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/about-schema1.png);
top: 25px;
}
.about-schema-mondo {
transition-delay: 1.8s;
}
.about-schema-mondo span {
color: #ff4054;
font-weight: 700;
}
.about-schema-mondo:before {
background-color: #ff4054;
}
.about-schema-mondo:after {
margin-left: -42px;
width: 84px;
height: 84px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/about-schema2.png);
top: 23px;
}
.about-schema-adhoc {
transition-delay: 3.6s;
}
.about-schema-adhoc span {
color: #cc1484;
font-weight: 700;
}
.about-schema-adhoc:before {
background-color: #cc1484;
}
.about-schema-adhoc:after {
margin-left: -29px;
width: 58px;
height: 70px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/about-schema3.png);
top: 23px;
}
.about-schema-line {
position: absolute;
top: 67px;
left: 50%;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/about-schema-line.png);
width: 73px;
height: 3px;
-webkit-transition: width 1s ease;
-o-transition: width 1s ease;
transition: width 1s ease;
}
.about-schema-line1 {
margin-left: -138px;
}
.about-schema-line2 {
margin-left: 65px;
}
.animate .about-schema {
opacity: 1;
}
.animate .about-schema-line {
width: 73px;
}
.about-citazioni {
background-color: #c4dee0;
padding: 50px 0 108px;
text-align: center;
}
.about-citazioni .carousel-indicators {
margin-bottom: 40px;
}
.about-citazioni .carousel-indicators li {
width: 8px;
height: 8px;
opacity: 0.8;
background-color: white;
margin: 0 5px 0 0;
border: 0;
}
.about-citazioni .carousel-indicators li.active {
width: 8px;
height: 8px;
background-color: #1a605f;
border: 0;
}
.about-citazioni .carousel-indicators li:last-child {
margin-right: 0;
}
.about-citazioni-thumb {
width: 80px;
height: 80px;
background-color: #828287;
border-radius: 40px;
display: inline-block;
}
.about-citazioni-testo {
width: 100%;
font-family: "Roboto Slab", serif;
color: #28282a;
font-size: 24px;
font-weight: 300;
line-height: 32px;
padding-top: 20px;
}
.about-citazioni-fonte {
padding-top: 25px;
width: 100%;
color: #1a605f;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.1em;
}
.about-galleria-content {
position: relative;
}
.about-galleria-img {
position: absolute;
left: 0;
top: 0;
width: 450px;
bottom: 0;
}
.about-galleria-img-dida {
color: white;
font-size: 14px;
line-height: 20px;
position: absolute;
bottom: 0;
left: 0;
width: 450px;
text-align: center;
padding: 0 15px 30px 15px;
}
.about-galleria-img-dida span {
position: relative;
padding-left: 25px;
}
.about-galleria-img-dida span .icon {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 16px;
height: 16px;
fill: #ff4054;
}
.about-galleria-text-container {
padding-left: 505px;
min-height: 470px;
padding-right: 100px;
}
.about-galleria-text-container h3 {
font-size: 22px;
line-height: 32px;
color: #8e3a80;
font-family: "Roboto Slab", serif;
font-weight: 400;
margin: 0;
padding-top: 82px;
}
.about-galleria-text-container .about-galleria-text {
color: #666d70;
font-weight: 300;
font-size: 20px;
line-height: 28px;
padding-top: 34px;
padding-bottom: 60px;
font-family: "Roboto", sans-serif;
}
.about-galleria-control {
position: absolute;
left: 375px;
bottom: 19px;
width: 100px;
height: 50px;
background: #d5d5d7;
overflow: hidden;
}
.about-galleria-control .carousel-control,
.modulo-galleria-full .carousel-control {
z-index: 1;
background: #d5d5d7;
width: 50px;
opacity: 1;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.about-galleria-control .carousel-control.left,
.modulo-galleria-full .carousel-control.left {
border-right: 1px solid #bfbfc1;
}
.about-galleria-control .carousel-control:after,
.modulo-galleria-full .carousel-control:after {
content: "";
}
.about-galleria-control .carousel-control .icon,
.modulo-galleria-full .carousel-control .icon {
fill: #1a605f;
position: absolute;
top: 50%;
left: 50%;
margin-top: -11px;
margin-left: -11px;
width: 22px;
height: 22px;
}
.about-galleria-control .carousel-control.left .icon,
.modulo-galleria-full .carousel-control.left .icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.about-testo {
min-height: 450px;
padding: 60px 475px 60px 100px;
}
.about-testo h3 {
color: #1a605f;
font-family: "Roboto Slab", serif;
font-size: 30px;
font-weight: 400;
margin: 0;
padding-top: 25px;
}
.about-testo .about-testo-content {
color: #666d70;
font-size: 20px;
line-height: 28px;
padding-top: 35px;
}
.about-mondo-container,
.about-mondo,
.about-pallino {
position: absolute;
}
.about-mondo {
top: 0;
right: -15px;
width: 470px;
height: 501px;
background: url(//www.navigando.it/cms/wp-content/themes/navigando/images/about-mondo.png);
background-size: contain;
}
.about-pallino {
transform: scale(0);
transform-origin: center bottom;
-webkit-transition: transform 1s ease;
-o-transition: transform 1s ease;
transition: transform 1s ease;
background-size: contain;
background-repeat: no-repeat;
}
.animate .about-pallino {
transform: scale(1);
}
.animate .about-pallino-1 {
transition-delay: 0.4s;
}
.animate .about-pallino-2 {
transition-delay: 0.5s;
}
.animate .about-pallino-3 {
transition-delay: 0.6s;
}
.animate .about-pallino-4 {
transition-delay: 0.7s;
}
.animate .about-pallino-5 {
transition-delay: 0.8s;
}
.animate .about-pallino-6 {
transition-delay: 0.9s;
}
.about-mondo-container {
width: 470px;
height: 501px;
top: -75px;
right: 0;
overflow: hidden;
}
.about-pallino-1 {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/about-pallino-1.png);
width: 58px;
height: 53px;
top: 0;
left: 227px;
}
.about-pallino-2 {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/about-pallino-2.png);
width: 155px;
height: 205px;
top: 0;
right: -15px;
}
.about-pallino-3 {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/about-pallino-3.png);
width: 113px;
height: 143px;
top: 41px;
left: 55px;
}
.about-pallino-4 {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/about-pallino-4.png);
width: 58px;
height: 75px;
top: 217px;
left: 15px;
}
.about-pallino-5 {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/about-pallino-5.png);
width: 88px;
height: 111px;
top: 269px;
left: 248px;
}
.about-pallino-6 {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/about-pallino-6.png);
width: 42px;
height: 52px;
top: 377px;
left: 362px;
}
.about-programmi {
text-align: center;
box-shadow: inset 0 0 166px rgba(0, 88, 87, 0.6);
padding-top: 110px;
}
.about-programmi .about-programmi-testo {
color: white;
font-size: 22px;
line-height: 32px;
}
.about-programmi h3 {
padding-top: 85px;
color: white;
font-family: "Roboto Slab", serif;
font-size: 46px;
margin: 0;
font-weight: 300;
}
.about-slick {
padding-top: 45px;
padding-bottom: 77px;
}
.about-slick .slick-arrow,
.home-news-slick .slick-arrow,
.blogsingle-related-slick .slick-arrow,
.modulo-galleria-slick .slick-arrow {
z-index: 1;
width: 48px;
height: 48px;
border-radius: 24px;
background-color: rgba(0, 0, 0, 0.9);
opacity: 0.3;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.about-slick .slick-arrow:focus,
.home-news-slick .slick-arrow:focus,
.blogsingle-related-slick .slick-arrow:focus,
.modulo-galleria-slick .slick-arrow:focus {
background-color: rgba(0, 0, 0, 0.9);
opacity: 0.3;
}
.about-slick .slick-arrow:hover,
.home-news-slick .slick-arrow:hover,
.blogsingle-related-slick .slick-arrow:hover,
.modulo-galleria-slick .slick-arrow:hover {
background-color: rgba(0, 0, 0, 0.9);
opacity: 1;
}
.about-slick .slick-arrow .icon,
.home-news-slick .slick-arrow .icon,
.blogsingle-related-slick .slick-arrow .icon,
.modulo-galleria-slick .slick-arrow .icon {
position: absolute;
width: 22px;
height: 22px;
fill: white;
opacity: 1;
top: 50%;
left: 50%;
margin-top: -11px;
}
.about-slick .slick-arrow:before,
.home-news-slick .slick-arrow:before,
.blogsingle-related-slick .slick-arrow:before,
.modulo-galleria-slick .slick-arrow:before {
content: "";
}
.about-slick .slick-prev,
.home-news-slick .slick-prev,
.blogsingle-related-slick .slick-prev,
.modulo-galleria-slick .slick-prev {
left: 40px;
}
.about-slick .slick-prev .icon,
.home-news-slick .slick-prev .icon,
.blogsingle-related-slick .slick-prev .icon,
.modulo-galleria-slick .slick-prev .icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
margin-left: -12px;
}
.about-slick .slick-next,
.home-news-slick .slick-next,
.blogsingle-related-slick .slick-next,
.modulo-galleria-slick .slick-next {
right: 40px;
}
.about-slick .slick-next .icon,
.home-news-slick .slick-next .icon,
.blogsingle-related-slick .slick-next .icon,
.modulo-galleria-slick .slick-next .icon {
margin-left: -9px;
}
.about-slick-single {
display: block;
position: relative;
background: gray;
margin-right: 14px;
margin-top: 10px;
}
.about-slick-single:hover,
.about-slick-single:focus {
text-decoration: none;
}
.about-slick-single:hover .about-slick-border,
.about-slick-single:focus .about-slick-border {
opacity: 1;
}
.about-slick-border {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 3px solid black;
pointer-events: none;
opacity: 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.about-slick-single-content {
padding-bottom: 46%;
width: 100%;
position: relative;
background-color: rgba(0, 0, 0, 0.4);
}
.about-slick-pacchetto {
position: absolute;
left: 32px;
top: -10px;
color: white;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 22px;
min-height: 22px;
padding: 0 5px;
}
.about-slick-testo {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.about-slick-testo-inner {
display: table;
width: 100%;
height: 100%;
}
.about-slick-testo-content {
display: table-cell;
vertical-align: middle;
text-align: left;
padding: 20px 30px;
}
.about-slick-title {
color: white;
font-family: "Roboto Slab", serif;
font-size: 20px;
line-height: 27px;
}
.about-slick-citta {
color: white;
font-size: 16px;
line-height: 27px;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.download-intro {
text-align: center;
background-color: rgba(61, 147, 153, 0.3);
padding: 70px 0 63px;
}
.download-intro h1 {
color: #006168;
font-family: "Roboto Slab", serif;
font-size: 42px;
font-weight: 300;
margin: 0;
}
.download-intro .download-intro-subtitle {
color: #28282a;
font-size: 18px;
line-height: 26px;
letter-spacing: 0.02em;
}
.download-accordion .download-accordion-title {
font-family: "Roboto Slab", serif;
font-size: 36px;
line-height: 44px;
text-align: center;
padding: 45px 0 42px;
position: relative;
box-shadow: inset 0 0 73px rgba(0, 0, 0, 0.47);
background-color: #404043;
color: transparent;
}
.download-accordion .download-accordion-title:hover,
.download-accordion .download-accordion-title:focus {
text-decoration: none;
}
.download-accordion .download-accordion-title .download-accordion-title-top {
position: absolute;
left: 0;
top: 45px;
right: 0;
bottom: 0;
color: white;
letter-spacing: -0.02em;
}
.download-accordion .download-accordion-title .download-accordion-title-top p {
display: inline;
}
.download-accordion
.download-accordion-title
.download-accordion-title-top
.icon {
width: 48px;
height: 28px;
display: inline-block;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
fill: #ff4054;
}
.download-accordion
.download-accordion-title.collapsed
.download-accordion-title-top
.icon {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.download-accordion .download-accordion-title-bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0.5;
}
.download-accordion-files-list {
list-style: none;
padding: 40px 0;
}
.download-accordion-file:nth-child(odd) {
padding-right: 10px;
}
.download-accordion-file:nth-child(even) {
padding-left: 10px;
}
.download-accordion-file a {
display: block;
border-bottom: 1px solid #d5d5d7;
color: #006168;
font-family: "Roboto Slab", serif;
font-size: 18px;
font-weight: 400;
line-height: 26px;
padding: 15px 0 17px 17px;
position: relative;
}
.download-accordion-file a:hover,
.download-accordion-file a:focus {
text-decoration: none;
}
.download-accordion-file a:hover span,
.download-accordion-file a:focus span {
text-decoration: underline;
}
.download-accordion-file a .icon {
position: absolute;
right: 13px;
top: 16px;
width: 22px;
height: 22.5px;
fill: #828287;
}
.download-info {
text-align: center;
padding: 55px 0 64px;
}
.download-info h2 {
color: #003d4c;
font-family: "Roboto Slab", serif;
font-size: 36px;
line-height: 44px;
font-weight: 300;
margin: 0;
letter-spacing: -0.02em;
}
.download-info .download-info-subtitle {
color: #28282a;
font-size: 18px;
line-height: 22px;
padding-top: 15px;
padding-bottom: 40px;
letter-spacing: 0.02em;
}
.contatti-intro {
padding: 180px 0 85px;
text-align: center;
height: 50vh;
}
.contatti-intro h1 {
color: white;
font-family: "Roboto Slab", serif;
font-size: 52px;
font-weight: 700;
line-height: 62px;
margin: 0;
}
.contatti-intro h2 {
color: #fefefe;
font-size: 18px;
font-weight: 400;
line-height: 26px;
margin: 0;
letter-spacing: 0.02em;
}
.contatti-form {
background-color: rgba(61, 147, 153, 0.1);
padding: 45px 0 58px;
}
.contatti-form label {
color: #185e5d;
font-size: 12px;
font-weight: 700;
line-height: 14px;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.contatti-form input {
line-height: 45px;
height: 45px;
background-color: white;
border-radius: 5px;
border: 0;
color: #3b3d40;
font-family: "Roboto Slab", serif;
font-size: 14px;
font-weight: 400;
padding: 0 15px;
width: 100%;
letter-spacing: 0.04em;
}
.contatti-form input::-moz-placeholder {
color: rgba(59, 61, 64, 0.6);
opacity: 1;
}
.contatti-form input:-ms-input-placeholder {
color: rgba(59, 61, 64, 0.6);
}
.contatti-form input::-webkit-input-placeholder {
color: rgba(59, 61, 64, 0.6);
}
.contatti-form input::-webkit-input-placeholder {
color: rgba(59, 61, 64, 0.6);
}
.contatti-form input::-moz-placeholder {
color: rgba(59, 61, 64, 0.6);
}
.contatti-form input:-ms-input-placeholder {
color: rgba(59, 61, 64, 0.6);
}
.contatti-form input:-moz-placeholder {
color: rgba(59, 61, 64, 0.6);
opacity: 1;
}
.contatti-form textarea {
border: 0;
width: 100%;
padding: 10px 15px;
color: #3b3d40;
font-family: "Roboto Slab", serif;
font-size: 14px;
border-radius: 5px;
}
.contatti-form textarea::-moz-placeholder {
color: rgba(59, 61, 64, 0.6);
opacity: 1;
}
.contatti-form textarea:-ms-input-placeholder {
color: rgba(59, 61, 64, 0.6);
}
.contatti-form textarea::-webkit-input-placeholder {
color: rgba(59, 61, 64, 0.6);
}
.contatti-form textarea::-webkit-input-placeholder {
color: rgba(59, 61, 64, 0.6);
}
.contatti-form textarea::-moz-placeholder {
color: rgba(59, 61, 64, 0.6);
}
.contatti-form textarea:-ms-input-placeholder {
color: rgba(59, 61, 64, 0.6);
}
.contatti-form textarea:-moz-placeholder {
color: rgba(59, 61, 64, 0.6);
opacity: 1;
}
.contatti-form .wpcf7-submit {
width: 165px;
margin: auto;
display: inherit;
border-radius: 23px;
line-height: 46px;
color: white;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
border: 1px solid #8f3781;
background-color: #8f3781;
letter-spacing: 0.1em;
font-family: "Montserrat", sans-serif;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.contatti-form .wpcf7-submit:hover {
background-color: rgba(143, 55, 129, 0.3);
text-decoration: none;
border-color: #8f3781;
color: #fff;
}
.contatti-form .wpcf7-submit:disabled {
opacity: 0.2;
}
.contatti-form .contatti-form-element {
margin-bottom: 40px;
padding-right: 20px;
}
.contatti-form .simpleselect {
width: 100%;
color: #3b3d40;
height: 45px;
font-family: "Roboto Slab", serif;
font-size: 14px;
line-height: 45px;
}
.contatti-form .simpleselect .placeholder {
line-height: 45px;
}
.contatti-form .simpleselect .placeholder:after {
width: 16px;
height: 9px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/arrow-down-simpleselect.svg);
top: 50%;
margin-top: -3px;
right: 18px;
}
.contatti-form .simpleselect .placeholder,
.contatti-form .simpleselect .options {
border: 0;
border-radius: 5px;
}
.contatti-form .simpleselect .placeholder,
.contatti-form .simpleselect .options .option {
padding: 0 15px;
line-height: 45px;
}
.contatti-form .simpleselect .options {
width: 100%;
border: 1px solid #bebebe;
}
.wpcf7-validation-errors {
display: none !important;
}
.wpcf7-not-valid {
border: 1px solid #ee1c25;
}
.wpcf7-not-valid-tip {
color: #ee1c25;
font-size: 13px;
font-weight: 700;
line-height: 17px;
margin-top: 5px;
}
.wpcf7-mail-sent-ok {
float: left;
width: 100%;
background: #c7e4d9;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
text-align: center;
font-size: 13px;
color: #369307;
line-height: 38px;
}
#mappa {
height: 502px;
}
.infobox-wrapper {
display: none;
}
#infobox,
#infobox-1,
#infobox-2,
#infobox-3 {
width: 280px;
height: 201px;
background-color: #ff4054;
color: white;
padding: 20px 28px;
position: relative;
top: -242px;
border-radius: 5px;
}
#infobox:after,
#infobox-1:after,
#infobox-2:after,
#infobox-3:after {
content: "";
position: absolute;
bottom: -11px;
left: 50%;
margin-left: -18px;
width: 0;
height: 0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-top: 11px solid #ff4054;
}
#infobox:before,
#infobox-1:before,
#infobox-2:before,
#infobox-3:before {
width: 22px;
height: 22px;
background-color: #185e5d;
border-radius: 11px;
content: "";
position: absolute;
bottom: -43px;
left: 50%;
margin-left: -18px;
}
.contatti-box {
background-color: rgba(61, 147, 153, 0.1);
text-align: center;
padding-bottom: 60px;
}
.contatti-box a {
background-color: #1b6060;
border: 1px solid #1b6060;
}
.contatti-box a:focus {
color: white;
}
.contatti-box a:hover {
background-color: rgba(27, 96, 96, 0.3);
color: white;
}
#infobox .infobox-1,
#infobox-1 .infobox-1,
#infobox-2 .infobox-1,
#infobox-3 .infobox-1,
.contatti-box .infobox-1 {
font-family: "Roboto Slab", serif;
font-size: 22px;
font-weight: 800;
line-height: 20px;
padding-top: 10px;
}
#infobox .infobox-2,
#infobox-1 .infobox-2,
#infobox-2 .infobox-2,
#infobox-3 .infobox-2,
.contatti-box .infobox-2 {
font-size: 18px;
font-weight: 300;
line-height: 22px;
padding-top: 15px;
}
#infobox .infobox-3,
#infobox-1 .infobox-3,
#infobox-2 .infobox-3,
#infobox-3 .infobox-3 {
font-size: 18px;
line-height: 22px;
padding-top: 18px;
}
a.contatti-link-tel,
a.contatti-link-tel:hover {
background: transparent;
border: 0px;
color: black;
text-decoration: none;
}
.home-news {
background-color: rgba(47, 128, 235, 0.1);
text-align: center;
padding: 35px 0;
}
.home-news h2 {
margin: 0;
color: #296aa0;
font-family: "Roboto Slab", serif;
font-size: 48px;
font-weight: 300;
}
.home-news h2 span {
font-weight: 700;
}
.home-news .home-news-slick,
.home-news .home-news-inner {
margin-top: 50px;
}
.home-news .home-news-inner {
display: inline-block;
}
.home-news .home-news-single {
border-left: 12px solid #0a9999;
text-align: left;
float: left;
margin: 0px 40px 0 40px;
padding-left: 20px;
background: #ddebf4;
padding: 20px;
}
.home-news .home-news-single.avvisi,
.home-news .home-news-single.news {
border-left-color: #0a9999;
}
.home-news .home-news-single.cronache-di-viaggio {
border-left-color: #00ff81;
}
.home-news .home-news-single.trucchi-e-consigli,
.home-news .home-news-single.tipstricks {
border-left-color: #cc1484;
}
.home-news .home-news-single.racconti {
border-left-color: #ff4054;
}
.home-news .home-news-single.curiosita {
border-left-color: #2f80eb;
}
.home-news .home-news-single:hover,
.home-news .home-news-single:focus {
text-decoration: none;
}
.home-news .home-news-single-title {
color: #28282a;
font-family: "Roboto Slab", serif;
font-size: 21px;
font-weight: 400;
line-height: 30px;
max-height: 60px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 60px;
}
.home-news .home-news-single-date {
padding-top: 10px;
color: rgba(40, 40, 42, 0.5);
font-size: 15px;
}
.blog-intro {
text-align: center;
background-color: #28282a;
box-shadow: inset 0 0 166px rgba(0, 0, 0, 0.47);
padding: 40px 0 52px;
}
.blog-intro h1 {
color: white;
font-family: "Roboto Slab", serif;
font-size: 52px;
line-height: 62px;
font-weight: 300;
margin: 0;
}
.blog-intro h1 span {
font-weight: 700;
}
.blog-categorie {
list-style: none;
padding: 40px 0 0;
}
.blog-categorie .categories {
color: white;
font-family: "Roboto Slab", serif;
font-size: 34px;
font-weight: 400;
}
.blog-categorie .categories .cat-item {
display: inline-block;
color: white;
font-size: 14px;
font-weight: 700;
line-height: 28px;
text-transform: uppercase;
background-color: black;
margin-right: 10px;
border: 1px solid black;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
letter-spacing: 0.05em;
}
.blog-categorie .categories .cat-item:last-child {
margin-right: 0;
}
.blog-categorie .categories .cat-item:hover,
.blog-categorie .categories .cat-item:focus {
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
}
.blog-categorie .categories .cat-item:hover a,
.blog-categorie .categories .cat-item:focus a {
color: #fff;
}
.blog-categorie .categories .cat-item.cat-item-1 {
background-color: #07e276;
border-color: #07e276;
}
.blog-categorie .categories .cat-item.cat-item-1:hover,
.blog-categorie .categories .cat-item.cat-item-1:focus {
background-color: rgba(7, 226, 118, 0.3);
}
.blog-categorie .categories .cat-item.cat-item-4 {
background-color: #ff4054;
border-color: #ff4054;
}
.blog-categorie .categories .cat-item.cat-item-4:hover,
.blog-categorie .categories .cat-item.cat-item-4:focus {
background-color: rgba(255, 64, 84, 0.3);
}
.blog-categorie .categories .cat-item.cat-item-5 {
background-color: #cc1484;
border-color: #cc1484;
}
.blog-categorie .categories .cat-item.cat-item-5:hover,
.blog-categorie .categories .cat-item.cat-item-5:focus {
background-color: rgba(204, 20, 132, 0.3);
}
.blog-categorie .categories .cat-item.cat-item-13 {
background-color: #2f80eb;
border-color: #2f80eb;
}
.blog-categorie .categories .cat-item.cat-item-13:hover,
.blog-categorie .categories .cat-item.cat-item-13:focus {
background-color: rgba(47, 128, 235, 0.3);
}
.blog-categorie .categories .cat-item.cat-item-14 {
background-color: #0a9999;
border-color: #0a9999;
}
.blog-categorie .categories .cat-item.cat-item-14:hover,
.blog-categorie .categories .cat-item.cat-item-14:focus {
background-color: rgba(10, 153, 153, 0.3);
}
.blog-categorie .categories .cat-item a {
color: white;
display: block;
padding: 0 11px;
}
.blog-categorie .categories .cat-item a:hover,
.blog-categorie .categories .cat-item a:focus {
text-decoration: none;
}
.blog-categorie ul {
list-style: none;
padding: 0;
}
.blog-evidenza {
border-bottom: 10px solid black;
background: white;
padding-bottom: 30px;
text-align: left;
display: inline-block;
max-width: 992px;
margin-top: 55px;
}
.blog-evidenza .blog-evidenza-top {
position: relative;
}
.blog-evidenza .blog-evidenza-top img {
width: 100%;
height: auto;
}
.blog-content {
padding: 10px 50px 0;
}
.blog-title {
color: #28282a;
font-family: "Roboto Slab", serif;
font-size: 35px;
font-weight: 700;
margin-bottom: 20px;
display: block;
}
.blog-title:hover,
.blog-title:focus {
color: #28282a;
}
.blog-testo {
color: #666d70;
font-size: 16px;
line-height: 28px;
display: block;
letter-spacing: -0.02em;
}
.blog-testo:hover,
.blog-testo:focus {
color: #666d70;
}
.blog-data {
color: rgba(0, 0, 0, 0.5);
font-size: 12px;
position: relative;
padding-left: 23px;
letter-spacing: 0.1em;
}
.blog-data .icon {
position: absolute;
left: 0;
bottom: 3px;
width: 13px;
height: 13px;
}
.blog-img img {
width: 100%;
height: auto;
}
.blog-tab-single {
border-bottom: 1px solid rgba(213, 213, 215, 0.6);
position: relative;
min-height: 300px;
}
.blog-tab-single .blog-content {
position: absolute;
top: 0;
left: 8.33333333%;
right: 33.33333333%;
bottom: 0;
padding: 0 8.33333333% 0 0;
overflow: hidden;
}
.blog-tab-single .blog-content .blog-content-inner {
display: table;
height: 100%;
width: 100%;
}
.blog-tab-single .blog-content .blog-content-inner .blog-content-inner-middle {
display: table-cell;
vertical-align: middle;
}
.blog-tab-single .blog-title {
font-size: 28px;
line-height: 35px;
margin-top: 7px;
max-height: 35px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-tab-single .blog-testo {
margin-top: 6px;
max-height: 252px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-tab-single .blog-data {
margin-top: 40px;
}
.blog-evidenza .blog-categoria {
position: absolute;
top: 30px;
left: 50px;
}
.blog-evidenza .blog-testo {
max-height: 112px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-evidenza.avvisi,
.blog-evidenza.news {
border-bottom-color: #0a9999;
}
.blog-evidenza.cronache-di-viaggio {
border-bottom-color: #07e276;
}
.blog-evidenza.racconti {
border-bottom-color: #ff4054;
}
.blog-evidenza.trucchi-e-consigli,
.blog-evidenza.tipstricks {
border-bottom-color: #cc1484;
}
.blog-evidenza.curiosita {
border-bottom-color: #2f80eb;
}
.blog-evidenza .blog-categoria,
.blog-tab-single .blog-categoria,
.blogsingle-post .blog-categoria,
.related-single .blog-categoria {
background-color: black;
border: 1px solid black;
color: white;
font-size: 10px;
font-weight: 700;
line-height: 24px;
display: inline-block;
padding: 0 10px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
letter-spacing: 0.1em;
}
.blog-evidenza .blog-categoria:hover,
.blog-tab-single .blog-categoria:hover,
.blogsingle-post .blog-categoria:hover,
.related-single .blog-categoria:hover,
.blog-evidenza .blog-categoria:focus,
.blog-tab-single .blog-categoria:focus,
.blogsingle-post .blog-categoria:focus,
.related-single .blog-categoria:focus {
color: #fff;
text-decoration: none;
}
.blog-evidenza.avvisi .blog-categoria,
.blog-tab-single.avvisi .blog-categoria,
.blogsingle-post.avvisi .blog-categoria,
.related-single.avvisi .blog-categoria,
.blog-evidenza.category-avvisi .blog-categoria,
.blog-tab-single.category-avvisi .blog-categoria,
.blogsingle-post.category-avvisi .blog-categoria,
.related-single.category-avvisi .blog-categoria,
.blog-evidenza.news .blog-categoria,
.blog-tab-single.news .blog-categoria,
.blogsingle-post.news .blog-categoria,
.related-single.news .blog-categoria,
.blog-evidenza.category-news .blog-categoria,
.blog-tab-single.category-news .blog-categoria,
.blogsingle-post.category-news .blog-categoria,
.related-single.category-news .blog-categoria {
background-color: #0a9999;
border-color: #0a9999;
}
.blog-evidenza.avvisi .blog-categoria:hover,
.blog-tab-single.avvisi .blog-categoria:hover,
.blogsingle-post.avvisi .blog-categoria:hover,
.related-single.avvisi .blog-categoria:hover,
.blog-evidenza.category-avvisi .blog-categoria:hover,
.blog-tab-single.category-avvisi .blog-categoria:hover,
.blogsingle-post.category-avvisi .blog-categoria:hover,
.related-single.category-avvisi .blog-categoria:hover,
.blog-evidenza.news .blog-categoria:hover,
.blog-tab-single.news .blog-categoria:hover,
.blogsingle-post.news .blog-categoria:hover,
.related-single.news .blog-categoria:hover,
.blog-evidenza.category-news .blog-categoria:hover,
.blog-tab-single.category-news .blog-categoria:hover,
.blogsingle-post.category-news .blog-categoria:hover,
.related-single.category-news .blog-categoria:hover,
.blog-evidenza.avvisi .blog-categoria:focus,
.blog-tab-single.avvisi .blog-categoria:focus,
.blogsingle-post.avvisi .blog-categoria:focus,
.related-single.avvisi .blog-categoria:focus,
.blog-evidenza.category-avvisi .blog-categoria:focus,
.blog-tab-single.category-avvisi .blog-categoria:focus,
.blogsingle-post.category-avvisi .blog-categoria:focus,
.related-single.category-avvisi .blog-categoria:focus,
.blog-evidenza.news .blog-categoria:focus,
.blog-tab-single.news .blog-categoria:focus,
.blogsingle-post.news .blog-categoria:focus,
.related-single.news .blog-categoria:focus,
.blog-evidenza.category-news .blog-categoria:focus,
.blog-tab-single.category-news .blog-categoria:focus,
.blogsingle-post.category-news .blog-categoria:focus,
.related-single.category-news .blog-categoria:focus {
background-color: rgba(10, 153, 153, 0.3);
}
.blog-evidenza.cronache-di-viaggio .blog-categoria,
.blog-tab-single.cronache-di-viaggio .blog-categoria,
.blogsingle-post.cronache-di-viaggio .blog-categoria,
.related-single.cronache-di-viaggio .blog-categoria,
.blog-evidenza.category-cronache-di-viaggio .blog-categoria,
.blog-tab-single.category-cronache-di-viaggio .blog-categoria,
.blogsingle-post.category-cronache-di-viaggio .blog-categoria,
.related-single.category-cronache-di-viaggio .blog-categoria {
background-color: #07e276;
border-color: #07e276;
}
.blog-evidenza.cronache-di-viaggio .blog-categoria:hover,
.blog-tab-single.cronache-di-viaggio .blog-categoria:hover,
.blogsingle-post.cronache-di-viaggio .blog-categoria:hover,
.related-single.cronache-di-viaggio .blog-categoria:hover,
.blog-evidenza.category-cronache-di-viaggio .blog-categoria:hover,
.blog-tab-single.category-cronache-di-viaggio .blog-categoria:hover,
.blogsingle-post.category-cronache-di-viaggio .blog-categoria:hover,
.related-single.category-cronache-di-viaggio .blog-categoria:hover,
.blog-evidenza.cronache-di-viaggio .blog-categoria:focus,
.blog-tab-single.cronache-di-viaggio .blog-categoria:focus,
.blogsingle-post.cronache-di-viaggio .blog-categoria:focus,
.related-single.cronache-di-viaggio .blog-categoria:focus,
.blog-evidenza.category-cronache-di-viaggio .blog-categoria:focus,
.blog-tab-single.category-cronache-di-viaggio .blog-categoria:focus,
.blogsingle-post.category-cronache-di-viaggio .blog-categoria:focus,
.related-single.category-cronache-di-viaggio .blog-categoria:focus {
background-color: rgba(7, 226, 118, 0.3);
}
.blog-evidenza.racconti .blog-categoria,
.blog-tab-single.racconti .blog-categoria,
.blogsingle-post.racconti .blog-categoria,
.related-single.racconti .blog-categoria,
.blog-evidenza.category-racconti .blog-categoria,
.blog-tab-single.category-racconti .blog-categoria,
.blogsingle-post.category-racconti .blog-categoria,
.related-single.category-racconti .blog-categoria {
background-color: #ff4054;
border-color: #ff4054;
}
.blog-evidenza.racconti .blog-categoria:hover,
.blog-tab-single.racconti .blog-categoria:hover,
.blogsingle-post.racconti .blog-categoria:hover,
.related-single.racconti .blog-categoria:hover,
.blog-evidenza.category-racconti .blog-categoria:hover,
.blog-tab-single.category-racconti .blog-categoria:hover,
.blogsingle-post.category-racconti .blog-categoria:hover,
.related-single.category-racconti .blog-categoria:hover,
.blog-evidenza.racconti .blog-categoria:focus,
.blog-tab-single.racconti .blog-categoria:focus,
.blogsingle-post.racconti .blog-categoria:focus,
.related-single.racconti .blog-categoria:focus,
.blog-evidenza.category-racconti .blog-categoria:focus,
.blog-tab-single.category-racconti .blog-categoria:focus,
.blogsingle-post.category-racconti .blog-categoria:focus,
.related-single.category-racconti .blog-categoria:focus {
background-color: rgba(255, 64, 84, 0.3);
}
.blog-evidenza.trucchi-e-consigli .blog-categoria,
.blog-tab-single.trucchi-e-consigli .blog-categoria,
.blogsingle-post.trucchi-e-consigli .blog-categoria,
.related-single.trucchi-e-consigli .blog-categoria,
.blog-evidenza.category-trucchi-e-consigli .blog-categoria,
.blog-tab-single.category-trucchi-e-consigli .blog-categoria,
.blogsingle-post.category-trucchi-e-consigli .blog-categoria,
.related-single.category-trucchi-e-consigli .blog-categoria,
.blog-evidenza.tipstricks .blog-categoria,
.blog-tab-single.tipstricks .blog-categoria,
.blogsingle-post.tipstricks .blog-categoria,
.related-single.tipstricks .blog-categoria,
.blog-evidenza.category-tipstricks .blog-categoria,
.blog-tab-single.category-tipstricks .blog-categoria,
.blogsingle-post.category-tipstricks .blog-categoria,
.related-single.category-tipstricks .blog-categoria {
background-color: #cc1484;
border-color: #cc1484;
}
.blog-evidenza.trucchi-e-consigli .blog-categoria:hover,
.blog-tab-single.trucchi-e-consigli .blog-categoria:hover,
.blogsingle-post.trucchi-e-consigli .blog-categoria:hover,
.related-single.trucchi-e-consigli .blog-categoria:hover,
.blog-evidenza.category-trucchi-e-consigli .blog-categoria:hover,
.blog-tab-single.category-trucchi-e-consigli .blog-categoria:hover,
.blogsingle-post.category-trucchi-e-consigli .blog-categoria:hover,
.related-single.category-trucchi-e-consigli .blog-categoria:hover,
.blog-evidenza.tipstricks .blog-categoria:hover,
.blog-tab-single.tipstricks .blog-categoria:hover,
.blogsingle-post.tipstricks .blog-categoria:hover,
.related-single.tipstricks .blog-categoria:hover,
.blog-evidenza.category-tipstricks .blog-categoria:hover,
.blog-tab-single.category-tipstricks .blog-categoria:hover,
.blogsingle-post.category-tipstricks .blog-categoria:hover,
.related-single.category-tipstricks .blog-categoria:hover,
.blog-evidenza.trucchi-e-consigli .blog-categoria:focus,
.blog-tab-single.trucchi-e-consigli .blog-categoria:focus,
.blogsingle-post.trucchi-e-consigli .blog-categoria:focus,
.related-single.trucchi-e-consigli .blog-categoria:focus,
.blog-evidenza.category-trucchi-e-consigli .blog-categoria:focus,
.blog-tab-single.category-trucchi-e-consigli .blog-categoria:focus,
.blogsingle-post.category-trucchi-e-consigli .blog-categoria:focus,
.related-single.category-trucchi-e-consigli .blog-categoria:focus,
.blog-evidenza.tipstricks .blog-categoria:focus,
.blog-tab-single.tipstricks .blog-categoria:focus,
.blogsingle-post.tipstricks .blog-categoria:focus,
.related-single.tipstricks .blog-categoria:focus,
.blog-evidenza.category-tipstricks .blog-categoria:focus,
.blog-tab-single.category-tipstricks .blog-categoria:focus,
.blogsingle-post.category-tipstricks .blog-categoria:focus,
.related-single.category-tipstricks .blog-categoria:focus {
background-color: rgba(204, 20, 132, 0.3);
}
.blog-evidenza.curiosita .blog-categoria,
.blog-tab-single.curiosita .blog-categoria,
.blogsingle-post.curiosita .blog-categoria,
.related-single.curiosita .blog-categoria,
.blog-evidenza.category-curiosita .blog-categoria,
.blog-tab-single.category-curiosita .blog-categoria,
.blogsingle-post.category-curiosita .blog-categoria,
.related-single.category-curiosita .blog-categoria {
background-color: #2f80eb;
border-color: #2f80eb;
}
.blog-evidenza.curiosita .blog-categoria:hover,
.blog-tab-single.curiosita .blog-categoria:hover,
.blogsingle-post.curiosita .blog-categoria:hover,
.related-single.curiosita .blog-categoria:hover,
.blog-evidenza.category-curiosita .blog-categoria:hover,
.blog-tab-single.category-curiosita .blog-categoria:hover,
.blogsingle-post.category-curiosita .blog-categoria:hover,
.related-single.category-curiosita .blog-categoria:hover,
.blog-evidenza.curiosita .blog-categoria:focus,
.blog-tab-single.curiosita .blog-categoria:focus,
.blogsingle-post.curiosita .blog-categoria:focus,
.related-single.curiosita .blog-categoria:focus,
.blog-evidenza.category-curiosita .blog-categoria:focus,
.blog-tab-single.category-curiosita .blog-categoria:focus,
.blogsingle-post.category-curiosita .blog-categoria:focus,
.related-single.category-curiosita .blog-categoria:focus {
background-color: rgba(47, 128, 235, 0.3);
}
.blog-pagination {
text-align: center;
padding: 16px 0 7px;
display: inline-block;
width: 100%;
}
.blog-pagination li,
.blog-pagination a,
.blog-pagination span {
display: inline-block;
}
.blog-pagination a,
.blog-pagination span {
font-size: 15px;
text-transform: uppercase;
color: #28282a;
line-height: 34px;
width: 34px;
background-color: transparent;
border-radius: 17px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.blog-pagination a:hover,
.blog-pagination a:focus {
text-decoration: none;
background-color: rgba(61, 147, 153, 0.2);
}
.blog-pagination .active a {
color: #1c6060;
background-color: rgba(61, 147, 153, 0.2);
}
.blog-newsletter {
background-color: rgba(61, 147, 153, 0.3);
text-align: center;
padding: 40px 0 50px;
}
.blog-newsletter h3 {
color: #1c6060;
font-family: "Roboto Slab", serif;
font-size: 52px;
line-height: 62px;
font-weight: 300;
margin: 0;
letter-spacing: -0.02em;
}
.blog-newsletter .blog-newsletter-testo {
margin-top: 15px;
color: #28282a;
font-size: 18px;
font-weight: 400;
line-height: 20px;
margin-bottom: 50px;
} .blog-newsletter .footer-form {
margin: 0 auto;
padding-left: 0;
}
body.blog {
overflow-x: hidden;
}
.blog-form .blog-form-container {
position: relative;
display: inline-block;
}
.blog-form .blog-email {
display: inline-block;
position: relative;
}
.blog-form .blog-email:before {
content: "";
position: absolute;
left: 23px;
top: 13px;
width: 43px;
height: 28px;
opacity: 0.4;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/email-big.svg);
background-size: 43px 28px;
}
.blog-form .blog-email input {
width: 604px;
line-height: 55px;
height: 55px;
background-color: #eee;
border-radius: 4px;
padding: 0 20px 0 77px;
border: 0;
opacity: 0.6;
color: black;
font-family: "Roboto Slab", serif;
font-size: 22px;
font-weight: 400;
}
.blog-form .blog-email input::-moz-placeholder {
color: rgba(64, 64, 67, 0.6);
opacity: 1;
}
.blog-form .blog-email input:-ms-input-placeholder {
color: rgba(64, 64, 67, 0.6);
}
.blog-form .blog-email input::-webkit-input-placeholder {
color: rgba(64, 64, 67, 0.6);
}
.blog-form .blog-email input::-webkit-input-placeholder {
color: rgba(64, 64, 67, 0.6);
}
.blog-form .blog-email input::-moz-placeholder {
color: rgba(64, 64, 67, 0.6);
}
.blog-form .blog-email input:-ms-input-placeholder {
color: rgba(64, 64, 67, 0.6);
}
.blog-form .blog-email input:-moz-placeholder {
color: rgba(64, 64, 67, 0.6);
opacity: 1;
}
.blog-form .blog-submit {
position: absolute;
top: 0;
right: 0;
margin-left: 8px;
}
.blog-form .blog-submit button {
width: 58px;
height: 55px;
background-color: #ea5d0e;
border: 0;
position: relative;
}
.blog-form .blog-submit button:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/check.svg);
width: 27px;
height: 27px;
margin-top: -17px;
margin-left: -13.5px;
}
.blogsingle-header {
text-align: center;
color: white;
font-family: "Roboto Slab", serif;
font-size: 52px;
font-weight: 300;
line-height: 220px;
padding: 200px 0 100px 0;
background-color: #28282a;
box-shadow: inset 0 0 166px rgba(0, 0, 0, 0.47);
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/blog-bg.png);
}
.blogsingle-post {
padding: 70px 0;
border-bottom: 1px solid #d5d5d7;
}
.blogsingle-post h1 {
color: #28282a;
font-family: "Roboto Slab", serif;
font-size: 46px;
font-weight: 400;
line-height: 61px;
margin: 13px 0 18px;
}
.blogsingle-post .blog-testo {
font-size: 16px;
margin-top: 24px;
margin-bottom: 38px;
letter-spacing: -0.02em;
}
.blogsingle-image {
padding-bottom: 35%;
}
.blogsingle-content {
color: #666d70;
font-size: 16px;
line-height: 25px;
padding-top: 48px;
padding-bottom: 34px;
letter-spacing: -0.02em;
}
.blogpost-citazione {
color: #666d70;
font-size: 28px;
font-style: italic;
line-height: 40px;
position: relative;
padding-top: 15px;
padding-left: 43px;
margin-top: 15px;
margin-bottom: 38px;
}
.blogpost-citazione:before {
content: "";
position: absolute;
left: 0;
top: 0;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/citazione.png);
width: 67px;
height: 48px;
background-size: cover;
z-index: -1;
}
.blogsingle-share-fb,
.blogsingle-share-tw {
border-radius: 4px;
color: white;
font-size: 10px;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
display: inline-block;
padding: 0 11px 0 30px;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
letter-spacing: 0.2em;
}
.blogsingle-share-fb .icon,
.blogsingle-share-tw .icon {
position: absolute;
top: 50%;
fill: white;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
width: 16px;
height: 16px;
margin-top: -8px;
left: 9px;
}
.blogsingle-share-fb:hover,
.blogsingle-share-tw:hover,
.blogsingle-share-fb:focus,
.blogsingle-share-tw:focus {
text-decoration: none;
}
.blogsingle-share-fb {
background-color: #215b9a;
border: 1px solid #215b9a;
margin-right: 10px;
}
.blogsingle-share-fb:hover,
.blogsingle-share-fb:focus {
background-color: rgba(33, 91, 154, 0.3);
color: #fff;
}
.blogsingle-share-fb:hover .icon,
.blogsingle-share-fb:focus .icon {
fill: #215b9a;
}
.blogsingle-share-tw {
background-color: #00adf2;
border: 1px solid #00adf2;
}
.blogsingle-share-tw:hover,
.blogsingle-share-tw:focus {
background-color: rgba(0, 173, 242, 0.3);
color: #fff;
}
.blogsingle-share-tw:hover .icon,
.blogsingle-share-tw:focus .icon {
fill: #00adf2;
}
.blogsingle-related {
text-align: center;
padding: 38px 0 54px;
}
.blogsingle-related h4 {
color: #28282a;
font-family: "Roboto Slab", serif;
font-size: 34px;
font-weight: 400;
line-height: 52px;
margin-bottom: 20px;
}
.related-single {
width: 315px;
height: 290px;
background-color: white;
float: left;
margin-left: 20px;
}
.related-single .related-immagine {
width: 100%;
padding-bottom: 48%;
border: 1px solid #eaeaea;
border-bottom: 0;
}
.related-single .blog-categoria {
border-radius: 3px;
margin-top: 12px;
}
.related-single .related-content {
display: table;
width: 100%;
height: 115px;
padding: 0 20px;
border: 1px solid #eaeaea;
border-top: 0;
}
.related-single .related-content-inner {
display: table-cell;
vertical-align: middle;
}
.related-single h5 {
margin: 0;
color: black;
font-family: "Roboto Slab", serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
max-height: 56px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 56px;
}
.page-single-programmi {
padding-top: 0;
}
.page-single-programmi .single-programmi-testo {
color: white;
font-size: 14px;
line-height: 22px;
margin-top: 30px;
margin-bottom: 12px;
letter-spacing: 0.02em;
}
.faq-mega-intro {
text-align: center;
background-color: #28282a;
box-shadow: inset 0 0 166px rgba(0, 0, 0, 0.47); padding: 200px 100px 85px 100px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/faq-intro.jpg);
}
.faq-mega-intro h1 {
margin: 0;
color: white;
font-family: "Roboto Slab", serif;
font-size: 52px;
font-weight: 300;
line-height: 62px;
text-transform: uppercase;
}
.faq-intro {
text-align: center;
padding: 55px 0 0;
}
.faq-intro h2 {
color: #006168;
font-family: "Roboto Slab", serif;
font-size: 58px;
font-weight: 300;
margin: 0 0 15px;
}
.faq-intro .faq-intro-subtitle {
color: #28282a;
font-size: 18px;
line-height: 26px;
letter-spacing: 0.02em;
}
.faq-cerca-inner {
border: 1px solid #d6d6d6;
border-radius: 8px;
margin-top: 52px;
padding: 22px 35px;
margin-bottom: 30px;
}
.faq-cerca-inner .cerca_faq {
width: 100%;
height: 55px;
line-height: 55px;
background-color: #eee;
border-radius: 4px;
border: 0;
color: black;
font-size: 22px;
font-style: italic;
padding: 0 20px;
}
.faq-cerca-inner .cerca_faq::-moz-placeholder {
color: #828287;
opacity: 1;
}
.faq-cerca-inner .cerca_faq:-ms-input-placeholder {
color: #828287;
}
.faq-cerca-inner .cerca_faq::-webkit-input-placeholder {
color: #828287;
}
.faq-cerca-inner .cerca_faq::-webkit-input-placeholder {
color: #828287;
}
.faq-cerca-inner .cerca_faq::-moz-placeholder {
color: #828287;
}
.faq-cerca-inner .cerca_faq:-ms-input-placeholder {
color: #828287;
}
.faq-cerca-inner .cerca_faq:-moz-placeholder {
color: #828287;
opacity: 1;
}
.faq_cerca_argomenti {
position: relative;
margin-top: 22px;
padding: 20px 0 0;
display: none;
}
.faq_cerca_argomenti:before {
content: "";
position: absolute;
height: 1px;
left: -35px;
right: -35px;
top: 0;
background: #d6d6d6;
}
.faq_cerca_argomenti .faq_cerca_argomenti_label {
display: inline-block;
color: #28282a;
font-family: "Roboto Slab", serif;
font-size: 22px;
font-weight: 400;
line-height: 38px;
margin-right: 11px;
position: relative;
top: 3px;
}
.faq_cerca_argomenti .faq_cerca_tag_container {
display: inline;
}
.faq_cerca_argomenti .faq_cerca_tag {
display: inline-block;
line-height: 38px;
border: 2px solid rgba(0, 97, 104, 0.6);
border-radius: 19px;
color: #404043;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
margin-left: 5px;
padding: 0 20px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
letter-spacing: 0.1em;
}
.faq_cerca_argomenti .faq_cerca_tag:hover,
.faq_cerca_argomenti .faq_cerca_tag:focus,
.faq_cerca_argomenti .faq_cerca_tag.active {
background-color: rgba(0, 97, 104, 0.6);
color: white;
text-decoration: none;
}
.accordion_faq .faq-column {
margin: 30px 0 90px;
}
.accordion_faq .faq-column:first-child {
padding-right: 10px;
}
.accordion_faq .faq-column:last-child {
padding-left: 10px;
}
.accordion_faq .faq-column-inner {
border: 1px solid #d6d6d6;
border-radius: 8px;
}
.accordion_faq .faq-column-inner .panel:last-child .panel-title {
border-bottom: 0;
}
.accordion_faq .faq-column-inner .panel:last-child .panel-collapse.collapsing,
.accordion_faq .faq-column-inner .panel:last-child .panel-collapse.collapse.in {
border-top: 1px solid #d6d6d6;
}
.accordion_faq
.faq-column-inner
.panel:last-child
.panel-collapse
.faq-risposta:last-child:after {
display: none;
}
.accordion_faq .panel-title {
line-height: 60px;
border-bottom: 1px solid #d6d6d6;
color: #006168;
font-family: "Roboto Slab", serif;
font-size: 18px;
font-weight: 400;
position: relative;
}
.accordion_faq .panel-title a {
color: #006168;
display: block;
padding: 0 35px;
}
.accordion_faq .panel-title a:hover,
.accordion_faq .panel-title a:focus {
text-decoration: none;
}
.accordion_faq .panel-title a:hover .icon {
fill: black;
}
.accordion_faq .panel-title .icon {
position: absolute;
right: 18px;
top: 50%;
width: 18px;
height: 18px;
fill: #828287;
margin-top: -9px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion_faq .panel-collapse {
padding: 0 35px;
}
.accordion_faq .panel-collapse .faq-risposta:last-child {
border-bottom: 0;
position: relative;
}
.accordion_faq .panel-collapse .faq-risposta:last-child:after {
content: "";
position: absolute;
bottom: 0;
left: -35px;
right: -35px;
background-color: #d6d6d6;
height: 1px;
}
.faq-domanda {
color: #006168;
font-size: 14px;
font-weight: 700;
line-height: 22px;
margin-top: 16px;
}
.faq-risposta {
margin-top: 10px;
color: #666d70;
line-height: 25px;
font-size: 16px;
padding-bottom: 19px;
border-bottom: 1px solid #d6d6d6;
}
.faq-result {
border: 1px solid #d6d6d6;
border-radius: 8px;
padding: 0 35px;
margin: 30px 0 90px;
}
.faq-result .faq-result-single:last-child .faq-risposta {
border-bottom: 0;
}
.faq-noresults {
color: #28282a;
font-family: "Roboto Slab", serif;
font-size: 22px;
font-weight: 400;
line-height: 50px;
padding-top: 10px;
}
.faq_info {
text-align: center;
background-color: #131313;
padding: 65px 0 65px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/faq_info.jpg);
}
.faq_info h3 {
margin: 0;
color: white;
font-family: "Roboto Slab", serif;
font-size: 36px;
font-weight: 300;
line-height: 44px;
letter-spacing: -0.02em;
}
.faq_info .faq_info_testo {
margin-top: 20px;
margin-bottom: 25px;
color: white;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.02em;
}
.faq_info .box-info-button {
background-color: #185e5d;
}
.faq_info .box-info-button:hover,
.faq_info .box-info-button:focus {
border-color: #185e5d;
color: #fff;
background-color: rgba(24, 94, 93, 0.3);
}
.programma-intro {
text-align: center; height: 55vh;
position: relative;
box-shadow: inset 0 0 140px rgba(0, 0, 0, 0.6);
}
@media (max-width: 415px) {
.programma-intro {
height: 70vh;
}
}
.programma-intro.parallax {
background-attachment: inherit;
background-position: fixed;
}
.programma-intro .button-custom {
margin-top: 30px;
line-height: 38px;
letter-spacing: 0.2em;
}
.programma-intro .button-custom:hover,
.programma-intro .button-custom:focus {
color: #fff;
}
.programma-label {
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 5px;
color: white;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
line-height: 23px;
padding: 0 8px;
}
.programma-logo {
margin-top: 40px;
}
.wrapper-text-header-programma {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
left: 0;
margin: auto;
margin-top: 6vh;
}
.programma-title {
margin: 45px 0 0;
color: white;
font-family: "Roboto Slab", serif;
font-size: 52px;
line-height: 57px;
font-weight: 300;
}
.programma-subtitle {
margin: 5px 0 0;
color: white;
font-size: 26px;
line-height: 34px;
}
.programma-intro .overlay {
position: absolute;
top: 0;
height: 55vh;
width: 100%;
opacity: 0.3;
}
@media (max-width: 415px) {
.programma-intro .overlay {
height: 70vh;
}
}
.modulo-testo-breve {
background-color: rgba(61, 147, 153, 0.2);
line-height: 30px;
color: #1b6060;
color: #000;
font-size: 20px;
font-size: 16px;
padding: calc(5vh + 48px) 0;
letter-spacing: -0.02em;
text-align: center;
background-color: white;
}
.program-2nd-title {
font-family: "Roboto Slab";
font-size: 36px;
font-weight: 300;
line-height: 48px;
}
.modulo-testo-breve .button {
margin-top: 20px;
line-height: 38px;
}
.modulo-testo-breve .button:hover,
.modulo-testo-breve .button:focus {
color: #fff;
}
.programma-preview-video-container {
padding-right: 35px;
}
.programma-preview-video {
padding-bottom: 100%;
border-radius: 5px;
position: relative;
display: block;
}
.programma-preview-video .icon,
.programma-preview-video:after {
position: absolute;
left: 50%;
top: 50%;
}
.programma-preview-video .icon {
width: 13px;
height: 13px;
fill: white;
margin-top: -6.5px;
margin-left: -6.5px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.programma-preview-video:after {
content: "";
width: 35px;
height: 35px;
border: 2px solid rgba(184, 198, 199, 0.7);
margin-top: -17.5px;
margin-left: -17.5px;
border-radius: 17.5px;
}
.modal-backdrop.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.modal-dialog {
width: 80%;
}
.modal-close {
position: relative;
background: transparent;
border: 0;
width: 100%;
}
.modal-close:after {
content: "+";
font-family: "Roboto Slab", serif;
font-weight: bold;
font-size: 35px;
position: absolute;
top: -30px;
right: -25px;
color: white;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.modulo-destinazioni {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/programmi_bg.jpg);
box-shadow: inset 0 0 210px rgba(0, 0, 0, 0.13);
text-align: center;
padding: 70px 0;
}
.modulo-destinazioni .modulo-destinazioni-title {
margin: 0;
color: white;
font-family: "Roboto Slab", serif;
font-size: 49px;
font-weight: 300;
}
.modulo-destinazioni .modulo-destinazioni-subtitle {
margin: 0;
color: white;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.02em;
margin-bottom: 40px;
}
.modulo-testo-espanso-dx {
padding: 84px 0 50px;
}
.modulo-testo-espanso-dx .button-custom:hover,
.modulo-testo-espanso-dx .button-custom:focus {
color: #fff;
}
.modulo-testo-espanso-dx .button-custom:hover .icon,
.modulo-testo-espanso-dx .button-custom:focus .icon {
fill: #fff;
}
.modulo-testo-content {
width: 100%;
position: relative;
}
.modulo-testo-content.brochure {
padding-left: 270px;
}
.programma-brochure {
text-align: center;
border: 1px solid #eaeaea;
border-radius: 5px;
width: 230px;
background-color: white;
position: absolute;
left: 0;
top: 0;
padding-bottom: 25px;
letter-spacing: 0.01em;
}
.programma-brochure .programma-brochure-icon-container {
border-bottom: 1px solid #eaeaea;
height: 135px;
width: 100%;
}
.programma-brochure .programma-brochure-icon-custom {
width: 100px;
height: 100px;
border-radius: 50px;
display: inline-block;
margin-top: 19px;
position: relative;
background-color: black;
border: 2px solid black;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.programma-brochure .programma-brochure-icon-custom .icon {
width: 38px;
height: 49px;
fill: white;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -19px;
}
.programma-brochure .programma-brochure-icon-custom:hover {
background-color: transparent;
}
.programma-brochure .programma-brochure-title {
color: #3b3d40;
font-size: 15px;
font-weight: 700;
line-height: 18px;
padding: 20px 35px 0;
display: inline-block;
}
.programma-brochure .button-custom {
line-height: 32px;
padding: 0 35px 0 52px;
font-size: 10px;
position: relative;
margin-top: 25px;
letter-spacing: 0.2em;
}
.programma-brochure .button-custom .icon {
position: absolute;
left: 29px;
top: 9px;
width: 13px;
height: 12px;
fill: white;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.modulo-testo-subtitle {
font-size: 22px;
line-height: 35px;
letter-spacing: 0.02em;
}
.modulo-testo-text {
color: #666d70;
font-size: 16px;
line-height: 25px;
}
.modulo-testo-text h1 {
font-size: 25px;
font-weight: 700;
line-height: 32px;
margin-top: 30px;
color: #1b6060;
font-family: "Roboto Slab", serif;
}
.modulo-testo-text h2 {
font-size: 13px;
font-weight: 700;
line-height: 15px;
text-transform: uppercase;
margin-top: 30px;
letter-spacing: 0.2em;
}
.modulo-tabs-container {
position: relative;
margin-top: 50px;
}
.modulo-tabs-container.intervista {
padding-right: 250px;
}
.modulo-tabs-border {
border: 1px solid #ddd;
border-radius: 4px;
background-color: #eee;
position: relative;
}
.modulo-tabs-border:after {
content: "";
background: white;
right: 0;
top: 0;
bottom: 0;
width: 83.33333333%;
position: absolute;
}
.modulo-tabs-content {
background-color: white;
border-left: 1px solid #ddd;
z-index: 1;
}
.intervista-container {
position: absolute;
right: 0;
top: 0;
width: 230px;
min-height: 300px;
border-radius: 5px;
text-align: center;
}
.intervista-thumb {
width: 100%;
height: 141px;
}
.intervista-text {
width: 100%;
color: white;
font-size: 15px;
line-height: 18px;
padding: 20px;
letter-spacing: 0.01em;
}
.intervista-text .button {
background: white;
font-size: 9px;
text-transform: uppercase;
line-height: 34px;
margin-top: 20px;
border: 1px solid white;
letter-spacing: 0.2em;
}
.intervista-text .button:hover,
.intervista-text .button:focus {
background-color: transparent;
color: white;
}
ul.tabs-left {
padding-top: 0;
letter-spacing: 0.05em;
}
ul.tabs-left > li {
font-size: 13px;
line-height: 14px;
margin-bottom: 0;
}
ul.tabs-left > li > a {
padding: 12px;
background-color: #eee;
color: rgba(40, 40, 42, 0.8);
overflow: hidden;
text-overflow: ellipsis;
border-radius: 0;
border: 0;
border-bottom: 1px solid #ddd;
}
ul.tabs-left > li > a:hover {
text-decoration: underline;
}
ul.tabs-left > li.active {
position: relative;
}
ul.tabs-left > li.active:after {
content: "";
position: absolute;
right: -1px;
top: 0;
bottom: 0;
width: 1px;
background-color: white;
z-index: 10;
}
ul.tabs-left > li.active > a {
background-color: #fff;
border: 0;
border-bottom: 1px solid #ddd;
font-weight: bold;
}
ul.tabs-left > li.active > a:hover,
ul.tabs-left > li.active > a:focus {
text-decoration: none;
border: 0;
border-bottom: 1px solid #ddd;
}
ul.tabs-left > li:first-child,
ul.tabs-left > li:first-child a {
border-radius: 4px 0 0 0;
}
ul.tabs-left > li:last-child,
ul.tabs-left > li:last-child a {
border-bottom-color: transparent !important;
border-radius: 0 0 0 4px;
}
.modulo-tabs {
margin-bottom: 50px;
}
.modulo-tabs .tab-content {
padding: 0 30px 30px 30px;
color: #666d70;
font-size: 16px;
line-height: 25px;
padding-top: 10px;
padding-bottom: 24px;
}
.modulo-tabs .tab-content a {
color: #838d8f;
}
.modulo-tabs .tab-content h1 {
font-family: "Roboto Slab", serif;
font-size: 22px;
font-weight: 400;
line-height: 28px;
margin-bottom: 20px;
letter-spacing: -0.02em;
}
.tab-more {
line-height: 34px;
border-radius: 17px;
font-size: 10px;
text-transform: uppercase;
position: relative;
padding: 0 48px 0 38px;
border: 1px solid #1b6060;
margin-top: 20px;
letter-spacing: 0.2em;
background-color: #1b6060;
}
.tab-more:hover,
.tab-more:focus {
color: #fff;
}
.tab-more:hover .icon,
.tab-more:focus .icon {
fill: #fff;
}
.tab-more .icon {
width: 11px;
height: 11px;
position: absolute;
top: 10px;
right: 25px;
}
.tab-more-container {
display: none;
}
#cookie-law-banner {
position: fixed;
bottom: 0;
width: 100%;
background-color: #1b5e5e;
font-family: "Roboto Slab", serif;
font-size: 12px;
color: white;
text-align: center;
z-index: 1030;
padding: 9px 0;
}
#cookie-law-banner a {
color: white;
text-decoration: underline;
}
#cookie-law-banner p {
margin: 0;
display: inline;
}
#cookie-law-banner button {
background-color: white;
color: #1b5e5e;
font-weight: bold;
border: 0;
width: 33px;
line-height: 18px;
margin-left: 20px;
padding: 0;
}
.white {
color: #666d70;
font-size: 14px;
line-height: 27px;
}
.white h1 {
font-family: "Roboto Slab";
font-size: 42px;
line-height: 52px;
font-weight: 700;
}
.white h2 {
font-size: 22px;
font-weight: 600;
line-height: 35px;
margin-bottom: 30px;
letter-spacing: -0.02em;
}
.modal-content {
min-height: 500px;
padding: 30px 50px;
}
.modal {
text-align: center;
padding: 0 !important;
}
.modal:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.programma-test {
background-color: rgba(61, 147, 153, 0.3);
text-align: center;
padding: 60px 0 45px;
}
.programma-test .tab-more {
font-size: 14px;
line-height: 46px;
border-radius: 23px;
}
.programma-test h2 {
margin: 0;
color: #1b6060;
font-family: "Roboto Slab", serif;
font-size: 52px;
line-height: 62px;
font-weight: 300;
letter-spacing: -0.02em;
}
.programma-test .programma-test-subtitle {
color: #28282a;
font-size: 18px;
line-height: 20px;
margin-bottom: 55px;
}
.modulo-testo-espanso-sx {
padding: 70px 0;
}
.modulo-testo-espanso-sx-container {
color: #666d70;
font-size: 16px;
line-height: 25px;
}
.modulo-testo-espanso-sx-container.testimonianza-guida {
padding-left: 280px;
position: relative;
min-height: 500px;
}
.modulo-testo-espanso-sx-container h1 {
font-family: "Roboto Slab";
font-size: 42px;
line-height: 52px;
font-weight: 700;
}
.modulo-testo-espanso-sx-container h2 {
font-size: 22px;
font-weight: 600;
line-height: 35px;
margin-bottom: 30px;
margin-top: 0;
letter-spacing: -0.02em;
}
.modulo-testo-guida-testimonianza-container {
position: absolute;
left: 0;
top: 0;
}
.modulo-testo-guida-container,
.modulo-testo-testimonianza-container {
width: 230px;
border: 1px solid #eaeaea;
border-radius: 5px;
}
.modulo-testo-guida-container {
text-align: center;
margin-bottom: 44px;
}
.modulo-testo-guida-container .button {
margin-top: 25px;
margin-bottom: 29px;
color: white;
font-size: 10px;
line-height: 34px;
border-radius: 17px;
text-transform: uppercase;
background-color: #1b6060;
border: 1px solid #1b6060;
letter-spacing: 0.2em;
}
.modulo-testo-guida-container .button:hover,
.modulo-testo-guida-container .button:focus {
color: #1b6060;
}
.modulo-testo-testimonianza-container {
text-align: left;
}
.modulo-testo-guida-intro-title {
width: 100%;
color: white;
font-size: 11px;
font-weight: 700;
line-height: 49px;
text-transform: uppercase;
border-radius: 5px 5px 0 0;
}
.modulo-testo-guida-icon {
width: 80px;
height: 80px;
background-color: #189b81;
border-radius: 40px;
display: inline-block;
position: relative;
margin-top: 18px;
}
.modulo-testo-guida-icon .icon {
width: 39px;
height: 39px;
fill: white;
position: absolute;
top: 50%;
left: 50%;
margin-left: -19px;
margin-top: -20px;
}
.modulo-testo-guida-title {
color: #28282a;
font-size: 15px;
font-weight: 700;
line-height: 18px;
padding: 5px 30px 0;
}
.modulo-testo-testimonianza-intro-title {
width: 100%;
line-height: 31px;
color: white;
font-size: 10px;
text-transform: uppercase;
padding-left: 22px;
letter-spacing: 0.1em;
}
.modulo-testo-testimonianza {
position: relative;
padding: 25px 20px 25px 80px;
color: #28282a;
font-size: 13px;
line-height: 17px;
}
.modulo-testo-testimonianza-thumb {
width: 50px;
height: 50px;
border-radius: 25px;
position: absolute;
left: 20px;
top: 17px;
}
.button-testimonianza {
line-height: 30px;
width: 100%;
border-top: 1px solid #eaeaea;
display: inline-block;
padding-left: 20px;
color: #5a5a5c;
font-size: 10px;
text-transform: uppercase;
position: relative;
letter-spacing: 0.1em;
}
.button-testimonianza .icon {
fill: #ff4054;
opacity: 0.45;
width: 6px;
height: 6px;
position: absolute;
right: 15px;
top: 50%;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
margin-top: -4px;
}
.button-testimonianza:hover .icon {
opacity: 1;
}
.modulo-informazioni-container {
border: 1px solid #eaeaea;
border-radius: 0 5px 5px 0;
position: relative;
margin-bottom: 100px;
margin-top: 80px;
}
.modulo-informazioni-image {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/programmi_info_bg.jpg);
}
.modulo-informazioni-title {
margin: 0;
line-height: 68px;
color: #393d3f;
font-family: "Roboto Slab";
font-size: 22px;
font-weight: 300;
padding: 0 40px;
border-bottom: 1px solid #eee;
}
.modulo-informazioni-form {
padding: 0 0 0 40px;
font-family: "Roboto Slab", serif;
font-size: 12px;
}
.modulo-informazioni-form label {
font-family: "Montserrat", sans-serif;
color: #006168;
font-size: 12px;
font-weight: 700;
line-height: 14px;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 8px;
letter-spacing: 0.04em;
}
.modulo-informazioni-form input {
line-height: 45px;
height: 45px;
background-color: #eee;
border-radius: 5px;
border: 0;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07);
color: #3b3d40;
padding: 0 15px;
width: 100%;
}
.modulo-informazioni-form textarea {
width: 100%;
height: 160px;
background-color: #eee;
border-radius: 4px;
border: 0;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07);
padding: 10px 15px;
}
.modulo-informazioni-form .contatti-form-element {
padding-right: 50px;
}
.modulo-informazioni-form .simpleselect {
width: 100%;
color: #3b3d40;
height: 45px;
line-height: 45px;
}
.modulo-informazioni-form .simpleselect .placeholder {
line-height: 45px;
background-color: #eee;
}
.modulo-informazioni-form .simpleselect .placeholder:after {
width: 16px;
height: 9px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/arrow-down-simpleselect.svg);
top: 50%;
margin-top: -3px;
right: 18px;
}
.modulo-informazioni-form .simpleselect .placeholder:hover {
background-color: #eee;
}
.modulo-informazioni-form .simpleselect .placeholder,
.modulo-informazioni-form .simpleselect .options {
border: 0;
border-radius: 5px;
}
.modulo-informazioni-form .simpleselect .placeholder,
.modulo-informazioni-form .simpleselect .options .option {
padding: 0 15px;
line-height: 45px;
background-color: #eee;
}
.modulo-informazioni-form .simpleselect .options .option:first-child {
border-radius: 5px 5px 0 0;
}
.modulo-informazioni-form .simpleselect .options .option:last-child {
border-radius: 0 0 5px 5px;
}
.modulo-informazioni-form .simpleselect .options .option.active {
color: #666;
}
.modulo-informazioni-form .simpleselect .options {
width: 100%;
}
.modulo-informazioni-form .contatti-form-textarea {
position: relative;
}
.modulo-informazioni-form .char-counter {
position: absolute;
top: 175px;
right: 70px;
opacity: 0.63;
color: #525252;
font-size: 12px;
font-family: "Montserrat", sans-serif;
z-index: 1;
pointer-events: none;
}
.modulo-informazioni-form .contatti-submit input {
font-family: "Montserrat", sans-serif;
width: 175px;
line-height: 38px;
border-radius: 32px;
color: white;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 10px 0 28px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.modulo-informazioni-form .contatti-submit input:hover,
.modulo-informazioni-form .contatti-submit input:focus {
background-color: transparent;
}
.screen-reader-response {
display: none;
}
.modulo-programmi {
text-align: center;
padding: calc(45px + 7vh) 0;
color: black;
}
.modulo-programmi h2 {
margin: 0;
color: white;
font-family: "Roboto Slab";
font-size: 52px;
line-height: 62px;
font-weight: 300;
letter-spacing: -0.02em;
}
.modulo-programmi .modulo-programmi-sottotitolo {
color: white;
font-size: 16px;
margin: 20px;
font-weight: bold;
line-height: 20px;
letter-spacing: 0.02em;
}
.modulo-programmi p {
color: #fff;
font-size: 52px;
display: block;
}
@media (min-width: 576px) {
.modulo-programmi p {
width: 50vw;
margin: auto;
}
}
.programma-related {
width: 230px;
height: 142px;
border-radius: 8px;
display: inline-block;
margin-top: 35px;
margin-right: 15px;
}
.programma-related span {
width: 145px;
height: 100px;
margin-top: 21px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.programma-related:last-child {
margin-right: 0;
}
.intro-destinazioni {
box-shadow: inset 0 0 166px rgba(0, 0, 0, 0.4);
text-align: center;
height: 60vh;
position: relative;
}
.intro-destinazioni.parallax {
background-attachment: inherit;
background-position: center;
}
.wrapper-program-text {
position: absolute;
top: 50%;
margin: auto;
margin-top: 50px;
left: 0;
right: 0;
transform: translateY(-50%);
}
.wrapper-program-text .button {
margin-top: 0;
}
.intro-destinazioni h1 {
margin: 20px 0;
color: white;
font-family: "Roboto Slab", serif;
font-size: 52px;
font-weight: 300;
line-height: 62px;
}
.intro-destinazioni h2 {
color: white;
font-family: "Roboto Slab", serif;
font-size: 16px;
line-height: 22px;
margin: 0;
text-transform: uppercase;
}
.intro-destinazioni .button {
line-height: 38px;
border-radius: 19px;
letter-spacing: 0.2em;
}
.intro-destinazioni .button:hover,
.intro-destinazioni .button:focus {
color: #fff;
}
.intro-destinazioni-logo {
display: inline-block;
width: 54px;
height: 54px;
border-radius: 6px;
display: none;
}
.intro-destinazioni-logo-img-container {
display: table;
width: 100%;
height: 100%;
}
.intro-destinazioni-logo-img {
display: table-cell;
vertical-align: middle;
}
.intro-destinazioni-logo-img img {
max-width: 49px;
max-height: 43px;
width: auto;
height: auto;
}
.intro-destinazioni-prev,
.intro-destinazioni-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 50px;
bottom: 0;
display: block;
width: 60px;
height: 60px;
}
.intro-destinazioni-prev:hover .intro-destinazioni-prev-arrow,
.intro-destinazioni-next:hover .intro-destinazioni-prev-arrow,
.intro-destinazioni-prev:hover .intro-destinazioni-next-arrow,
.intro-destinazioni-next:hover .intro-destinazioni-next-arrow {
opacity: 0.8;
}
.intro-destinazioni-prev:hover .intro-destinazioni-prev-title-container,
.intro-destinazioni-next:hover .intro-destinazioni-prev-title-container,
.intro-destinazioni-prev:hover .intro-destinazioni-next-title-container,
.intro-destinazioni-next:hover .intro-destinazioni-next-title-container {
opacity: 1;
}
.intro-destinazioni-prev {
left: 0;
}
.intro-destinazioni-next {
right: 0;
}
.intro-destinazioni-prev-arrow,
.intro-destinazioni-next-arrow {
display: block;
position: relative; width: 60px;
height: 60px;
opacity: 0.6;
border-radius: 30px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.intro-destinazioni-prev-arrow .icon,
.intro-destinazioni-next-arrow .icon {
fill: white;
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
}
.intro-destinazioni-prev {
left: 80px;
}
.intro-destinazioni-prev-arrow .icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
margin-left: -17px;
}
.intro-destinazioni-next {
right: 80px;
}
.intro-destinazioni-next-arrow .icon {
margin-left: -13px;
}
.intro-destinazioni-prev-title-container,
.intro-destinazioni-next-title-container {
position: absolute;
color: white;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
text-align: right;
opacity: 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
display: table;
height: 60px;
}
.intro-destinazioni-prev-title-container {
left: 70px;
}
.intro-destinazioni-next-title-container {
right: 70px;
}
.intro-destinazioni-prev-title,
.intro-destinazioni-next-title {
display: table-cell;
vertical-align: middle;
}
.modulo-testo {
color: #666d70;
font-size: 16px;
line-height: 25px;
}
.modulo-testo + .modulo-prenota {
margin-top: 70px;
}
.modulo-testo .titolo {
padding-right: 20px;
padding-top: 15px;
text-align: right;
}
.modulo-testo .testo {
padding-left: 20px;
padding-top: 50px;
}
.modulo-testo h1 {
color: #1b6060;
font-family: "Roboto Slab";
font-size: 34px;
font-weight: 400;
line-height: 40px;
}
.modulo-testo h2 {
color: #666d70;
font-size: 20px;
font-weight: 600;
line-height: 32px;
margin-bottom: 20px;
letter-spacing: -0.02em;
}
.modulo-galleria {
padding: 20px 0;
}
.modulo-galleria-img {
float: left;
margin-right: 20px;
}
.modulo-galleria-img:last-child {
margin-right: 0;
}
.modulo-galleria-img img {
border-radius: 3px;
}
a.fancybox-close {
background-image: none !important;
color: white !important;
text-decoration: none !important;
top: -30px;
right: -40px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
a.fancybox-close:after {
content: "+";
font-family: "Roboto Slab", serif;
font-weight: bold;
font-size: 35px;
color: white !important;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 1;
}
.fancybox-skin {
padding: 0 !important;
}
.modulo-testimonianza-content {
padding-left: 270px;
position: relative;
}
.modulo-testimonianza-box {
position: absolute;
left: 0;
top: 0;
width: 230px;
border-radius: 5px;
margin-top: 25px;
}
.modulo-testimonianza-title {
width: 100%;
line-height: 50px;
border-bottom: 1px solid rgba(238, 238, 238, 0.24);
color: white;
font-size: 11px;
text-transform: uppercase;
padding-left: 20px;
letter-spacing: 0.2em;
}
.modulo-testimonianza-text {
letter-spacing: -0.01em;
color: white;
font-family: "Roboto Slab";
font-size: 18px;
font-weight: 400;
line-height: 27px;
padding: 20px;
}
.modulo-testimonianza-text span {
color: white;
font-size: 14px;
font-weight: 400;
display: block;
margin-top: 10px;
}
.modulo-testimonianza-content-text {
color: #666d70;
font-size: 14px;
line-height: 20px;
}
.modulo-testimonianza-content-text h1 {
font-family: "Roboto Slab";
font-size: 28px;
font-weight: 400;
line-height: 40px;
}
.modulo-testimonianza {
min-height: 260px;
margin-bottom: 40px;
}
.tabs-destinazioni.modulo-tabs ul.tabs-left > li > a {
min-height: 0;
text-transform: uppercase;
padding: 13px;
}
.tabs-destinazioni.modulo-tabs .tab-content h2 {
font-family: "Roboto Slab";
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.tabs-destinazioni.modulo-tabs .tab-content table {
width: 100%;
border: 0;
border-collapse: collapse;
font-size: 12px;
color: black;
}
.tabs-destinazioni.modulo-tabs .tab-content table td,
.tabs-destinazioni.modulo-tabs .tab-content table th {
border: 1px solid #eee;
padding: 15px 20px;
}
.tabs-destinazioni.modulo-tabs .tab-content table h1 {
font-size: 13px;
position: relative;
margin: 0;
}
.tabs-destinazioni.modulo-tabs .tab-content table h2 {
font-size: 12px;
color: #828287;
position: relative;
margin: 0;
}
.tabs-destinazioni.modulo-tabs .tab-content table h1,
.tabs-destinazioni.modulo-tabs .tab-content table h2 {
font-family: "Montserrat", sans-serif;
letter-spacing: 0.1em;
}
.tabs-destinazioni.modulo-tabs .tab-content table h1:before,
.tabs-destinazioni.modulo-tabs .tab-content table h2:before {
content: "";
position: absolute;
left: -20px;
right: -20px;
bottom: -15px;
top: -15px;
background-color: rgba(238, 238, 238, 0.3);
}
.tabs-destinazioni.modulo-tabs .tab-content table p {
margin: 0;
}
.modulo-prenota {
text-align: center;
padding: 60px 0;
box-shadow: inset 0 0 140px rgba(0, 0, 0, 0.6);
}
.modulo-prenota h2 {
letter-spacing: -0.02em;
color: white;
font-family: "Roboto Slab";
font-size: 36px;
font-weight: 300;
line-height: 44px;
margin: 0;
}
.modulo-prenota .modulo-prenota-subtitle {
font-size: 18px;
line-height: 20px;
color: white;
font-weight: 400;
margin: 20px 0 50px;
}
.modulo-prenota .modulo-prenota-subtitle a {
color: #fff;
text-decoration: underline;
}
.modulo-prenota .button {
margin-top: 0;
}
.modulo-prenota .button:focus,
.modulo-prenota .button:hover {
color: #fff;
}
.modulo-destinazioni-box {
display: inline-block;
width: 315px;
height: 215px;
position: relative;
margin-right: 10px;
margin-bottom: 28px;
}
.modulo-destinazioni-box:hover .modulo-destinazioni-box-title {
text-align: left;
color: rgba(0, 0, 0, 0.5);
}
.modulo-destinazioni-box:hover .modulo-destinazioni-link {
opacity: 1;
}
.modulo-destinazioni-box-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: white;
color: black;
font-family: "Roboto Slab";
font-size: 20px;
font-weight: 400;
line-height: 28px;
text-align: center;
padding: 15px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.modulo-destinazioni-link {
display: inline-block;
line-height: 34px;
border-radius: 17px;
color: white;
font-family: "Montserrat", sans-serif;
font-size: 11px;
text-transform: uppercase;
position: absolute;
right: 19px;
top: 50%;
margin-top: -17px;
padding: 0 32px 0 23px;
opacity: 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.modulo-destinazioni-link .icon {
width: 11px;
height: 11px;
fill: #fff;
position: absolute;
top: 50%;
margin-top: -6px;
right: 15px;
}
.testresult-intro {
text-align: center;
background-color: #3d9399;
padding: 40px 0;
}
.testresult-intro h1 {
margin: 0;
color: white;
font-family: "Roboto Slab";
font-size: 52px;
line-height: 62px;
font-weight: 400;
}
.testresult-intro .testresult-intro-subtitle {
color: #fefefe;
font-size: 18px;
line-height: 26px;
margin-top: 5px;
}
.testresult-single {
padding: 55px 0 44px;
}
.testresult-single .button {
padding: 0 58px 0 38px;
position: relative;
line-height: 38px;
border-radius: 19px;
text-transform: uppercase;
}
.testresult-single .button:not(:hover) {
color: white !important;
}
.testresult-single .button:not(:hover) .icon {
fill: white !important;
}
.testresult-single .button .icon {
width: 16px;
height: 16px;
position: absolute;
top: 50%;
margin-top: -8px;
right: 15px;
}
.testresult-logo {
display: inline-block;
width: 62px;
height: 62px;
border-radius: 6px;
text-align: center;
position: absolute;
left: 0;
top: 0;
}
.testresult-logo-img-container {
display: table;
width: 100%;
height: 100%;
}
.testresult-logo-img {
display: table-cell;
vertical-align: middle;
}
.testresult-logo-img img {
max-width: 49px;
max-height: 43px;
width: auto;
height: auto;
position: relative;
top: -4px;
}
.testresult-title {
color: white;
font-family: "Roboto Slab", serif;
font-size: 40px;
font-weight: 300;
line-height: 47px;
padding-left: 75px;
padding-top: 5px;
}
.testresult-title a {
color: white;
}
.intro-prenotazione {
text-align: center;
height: 50vh;
position: relative;
}
.intro-prenotazione-text {
position: absolute;
top: 50%;
transform: translateY(-25%);
left: 0;
right: 0;
margin: auto;
}
.intro-prenotazione h1 {
color: white;
font-family: "Roboto Slab", serif;
font-size: 52px;
font-weight: 300;
line-height: 62px;
}
.intro-prenotazione h2 {
color: white;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
}
.prenotazione-steps {
text-align: center;
padding: 30px 0;
}
.prenotazione-step {
display: inline-block;
width: 44px;
height: 44px;
background-color: #d5d5d7;
border-radius: 22px;
color: #66296c;
font-size: 22px;
line-height: 32px;
text-align: center;
line-height: 44px;
margin-right: 45px;
position: relative;
}
.prenotazione-step.active {
background-color: #cc1484;
color: white;
}
.prenotazione-step:last-child {
margin-right: 0;
}
.prenotazione-step:last-child:after {
display: none;
}
.prenotazione-step:after {
content: "";
position: absolute;
height: 4px;
background-color: #d5d5d7;
top: 50%;
right: -50px;
margin-top: -2px;
width: 50px;
}
.prenotazione-text {
text-align: center;
font-size: 22px;
line-height: 32px;
color: #838c8d;
}
.prenotazione-text span {
color: #66296c;
}
.prenotazione-tabs {
text-align: center;
margin-top: 35px;
}
.prenotazione-tabs-content {
max-width: 771px;
display: inline-block;
}
.prenotazione-tabs-content .tab-content {
border: 1px solid #d6d6d6;
border-radius: 6px;
margin-bottom: 40px;
}
.prenotazione-tabs-content .tab-content h3 {
color: #393d3f;
font-family: "Roboto Slab";
font-size: 22px;
font-weight: 700;
line-height: 26px;
}
.prenotazione-tabs-content .nav-tabs {
border: 0;
}
.prenotazione-tabs-content .nav-tabs > li {
width: 50%;
margin-bottom: 0;
}
.prenotazione-tabs-content .nav-tabs > li:not(.active) a span .icon {
fill: #404043 !important;
}
.prenotazione-tabs-content .nav-tabs > li:first-child {
text-align: right;
}
.prenotazione-tabs-content .nav-tabs > li:first-child a {
padding-right: 33px;
}
.prenotazione-tabs-content .nav-tabs > li:first-child.active:before {
right: 132px;
}
.prenotazione-tabs-content .nav-tabs > li:first-child.active:after {
right: 133px;
}
.prenotazione-tabs-content .nav-tabs > li:last-child {
text-align: left;
}
.prenotazione-tabs-content .nav-tabs > li:last-child a {
padding-left: 76px;
}
.prenotazione-tabs-content .nav-tabs > li:last-child.active:before {
left: 134px;
}
.prenotazione-tabs-content .nav-tabs > li:last-child.active:after {
left: 135px;
}
.prenotazione-tabs-content .nav-tabs > li.active {
position: relative;
}
.prenotazione-tabs-content .nav-tabs > li.active:before {
content: "";
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #d6d6d6;
position: absolute;
bottom: -1px;
z-index: 1;
}
.prenotazione-tabs-content .nav-tabs > li.active:after {
content: "";
width: 0;
height: 0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 11px solid #fff;
position: absolute;
bottom: -1px;
z-index: 2;
}
.prenotazione-tabs-content .nav-tabs > li.active > a {
color: #66296c;
font-weight: 700;
}
.prenotazione-tabs-content .nav-tabs > li > a {
line-height: 68px;
padding: 0;
border: 0 !important;
color: #2e2e30;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.prenotazione-tabs-content .nav-tabs > li > a span {
position: relative;
}
.prenotazione-tabs-content .nav-tabs > li > a span .icon {
position: absolute;
left: -40px;
bottom: 0;
width: 24px;
height: 20px;
}
.prenotazione-tabs-content .nav-tabs > li > a:hover,
.prenotazione-tabs-content .nav-tabs > li > a:focus {
background-color: transparent;
}
.prenotazione-form {
padding: 20px 30px 0 55px;
}
.tab-pane .prenotazione-input {
margin-bottom: 10px;
}
.prenotazione-input {
padding-right: 25px;
}
.prenotazione-input label {
text-align: left;
width: 100%;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
margin-bottom: 8px;
letter-spacing: 0.1em;
}
.prenotazione-input input {
width: 100%;
line-height: 45px;
background-color: #eee;
border-radius: 5px;
border: 0;
padding: 0 15px;
color: #3b3d40;
font-size: 14px;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07);
}
.prenotazione-input .carta_identita_input {
line-height: inherit;
background-color: transparent;
box-shadow: none;
padding: 0;
outline: 0;
}
.prenotazione-input p {
text-align: left;
}
.prenotazione-input p,
.prenotazione-step2-submit p {
color: #ee1c25;
font-size: 13px;
font-weight: 700;
line-height: 17px;
margin-top: 5px;
}
.prenotazione-step2-submit p {
text-align: center;
}
.prenotazione-info {
margin-top: 40px;
font-size: 14px;
line-height: 27px;
color: #666d70;
}
.prenotazione-info span {
color: #cc1484;
font-weight: 600;
}
.prenotazione-info-bonifico {
font-size: 14px;
line-height: 27px;
color: #666d70;
font-style: italic;
padding-top: 30px;
}
.prenotazione-info-bonifico strong {
color: #404043;
}
.prenotazione-info-submit {
line-height: 38px;
border-radius: 19px;
margin-top: 20px;
margin-bottom: 20px;
border-color: #1b6060;
background-color: #1b6060;
color: white;
}
.prenotazione-info-submit:hover,
.prenotazione-info-submit:focus {
background-color: rgba(27, 96, 96, 0.3);
color: #fff;
}
.prenotazione-info-paypal {
color: #666d70;
font-size: 14px;
line-height: 27px;
}
.prenotazione-step2 {
text-align: center;
}
.prenotazione-step2-content h1 {
color: white;
font-family: "Roboto Slab";
font-size: 78px;
font-weight: 700;
line-height: 93px;
margin: 40px 0 0;
}
.prenotazione-step2-content .prenotazione-step2-text {
color: #fefefe;
font-size: 16px;
line-height: 22px;
margin-top: 10px;
}
.prenotazione-upload {
padding: 0 85px 0 65px;
position: relative;
}
.prenotazione-upload input[type="file"] {
position: fixed;
top: -1000px;
}
.prenotazione-upload .icon {
position: absolute;
width: 16px;
height: 16px;
right: 57px;
top: 50%;
margin-top: -8px;
}
.prenotazione-upload,
.prenotazione-invia,
.prenotazione-paypal-invia {
margin-top: 20px;
line-height: 46px;
background-color: #8e3a80;
border-color: #8e3a80;
border-radius: 23px;
color: white;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.prenotazione-upload:hover,
.prenotazione-invia:hover,
.prenotazione-paypal-invia:hover,
.prenotazione-upload:focus,
.prenotazione-invia:focus,
.prenotazione-paypal-invia:focus {
color: #fff;
background-color: rgba(142, 58, 128, 0.3);
}
.prenotazione-invia,
.prenotazione-paypal-invia {
padding: 0 65px;
}
.prenotazione-invia {
display: none;
}
.prenotazione-step2-footer {
color: white;
font-size: 14px;
line-height: 20px;
margin-top: 30px;
margin-bottom: 140px;
}
.prenotazione-step2-footer a {
color: white;
text-decoration: underline;
}
.prenotazione-upload-label {
border: 2px solid #aaa;
border-radius: 4px;
padding: 2px 5px;
margin: 2px;
background: #ddd;
display: inline-block;
}
.scheda_prenotazione .prenotazione-input {
margin-bottom: 15px;
}
.prenotazione-checkbox input {
display: none;
}
.prenotazione-checkbox input:checked + label:after {
content: "";
background-color: #3b3d40;
width: 8px;
height: 8px;
border-radius: 4px;
position: absolute;
top: 4px;
left: 4px;
}
.prenotazione-checkbox label {
padding-left: 20px;
position: relative;
font-weight: 300;
text-transform: none;
}
.prenotazione-checkbox label:before {
content: "";
width: 16px;
height: 16px;
background: #eee;
border-radius: 3px;
position: absolute;
left: 0;
top: 0;
}
.prenotazione-extended {
text-align: center;
}
.prenotazione-extended .button {
background-color: #006168;
border-color: #006168;
margin: 20px 0 40px;
}
.prenotazione-extended .button:hover,
.prenotazione-extended .button:focus {
color: #fff;
background-color: rgba(0, 97, 104, 0.3);
}
.page-text {
padding: 50px 0;
}
.parallax {
background-attachment: fixed;
}
.modulo-galleria-full {
position: relative;
margin: 35px 0;
}
.modulo-galleria-full .item {
padding-bottom: 25%;
background-size: cover;
background-position: center;
}
.modulo-galleria-full .carousel-control-container {
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 50px;
}
.modulo-scheda-di-presentazione {
margin-top: 55px;
min-height: 340px;
text-align: center;
background-color: #d6e8e9;
margin-bottom: 50px;
}
.modulo-scheda-di-presentazione .modulo-scheda-di-presentazione-testo {
color: #666d70;
font-family: Roboto;
font-size: 16px;
line-height: 26px;
font-weight: 400;
padding-top: 15px;
padding-bottom: 20px;
}
.modulo-scheda-di-presentazione .modulo-scheda-di-presentazione-testo h2 {
font-family: "Roboto Slab", serif;
color: #1b6060;
font-size: 40px;
line-height: 40px;
font-weight: 400;
position: relative;
padding-top: 70px;
padding-bottom: 15px;
}
.modulo-scheda-di-presentazione .modulo-scheda-di-presentazione-testo h2 .icon {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%);
fill: #1b6060;
width: 45px;
height: 45px;
}
.modulo-scheda-di-presentazione .modulo-scheda-di-presentazione-testo strong {
font-weight: 700;
}
.modulo-scheda-di-prenotazione {
min-height: 430px;
position: relative;
margin-bottom: 50px;
margin-top: 30px;
}
.modulo-scheda-di-prenotazione .modulo-scheda-di-prenotazione-testo {
padding-left: 270px;
font-size: 14px;
line-height: 25px;
color: #666d70;
}
.modulo-scheda-di-prenotazione .modulo-scheda-di-prenotazione-testo h1 {
font-family: "Roboto Slab", serif;
font-size: 32px;
font-weight: 700;
line-height: 40px;
}
.modulo-scheda-di-prenotazione .modulo-scheda-di-prenotazione-testo strong {
font-weight: 700;
}
.modulo-scheda-di-prenotazione .modulo-scheda-di-prenotazione-testo em {
font-style: normal;
}
.modulo-scheda-di-prenotazione .modulo-scheda-di-prenotazione-img {
position: absolute;
left: 0;
top: 0;
height: 430px;
background-position: top left;
background-size: cover;
right: 91.66666667%;
margin-right: -230px;
}
.modulo-condizioni-per-il-viaggio {
font-size: 16px;
line-height: 25px;
color: #666d70;
min-height: 308px;
margin-bottom: 50px;
margin-top: 50px;
}
.modulo-condizioni-per-il-viaggio h1 {
font-family: "Roboto Slab", serif;
font-size: 25px;
font-weight: 700;
line-height: 35px;
margin-top: -10px;
}
.modulo-condizioni-per-il-viaggio .modulo-condizioni-per-il-viaggio-testo {
padding-left: 280px;
position: relative;
}
.modulo-condizioni-per-il-viaggio .condizioni-container {
position: absolute;
left: 0;
top: 0;
width: 230px;
height: 112px;
border-radius: 5px;
text-align: left;
background-color: #1b6060;
}
.modulo-condizioni-per-il-viaggio .condizioni-container .condizioni-button {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 30px;
background-color: rgba(255, 255, 255, 0.8);
}
.modulo-condizioni-per-il-viaggio .condizioni-container .condizioni-button a {
line-height: 30px;
color: #1e1e1f;
font-size: 12px;
margin-top: 0;
position: relative;
display: block;
text-align: left;
padding-left: 20px;
line-height: 29px;
}
.modulo-condizioni-per-il-viaggio
.condizioni-container
.condizioni-button
a
.icon {
width: 8px;
height: 12px;
fill: #1b6060;
position: absolute;
right: 15px;
top: 50%;
margin-top: -7px;
stroke-width: 5px;
stroke: #1b6060;
}
.modulo-condizioni-per-il-viaggio .condizioni-title {
color: #fff;
font-size: 13px;
font-weight: 700;
line-height: 20px;
padding-top: 22px;
padding-left: 80px;
position: relative;
display: block;
}
.modulo-condizioni-per-il-viaggio .condizioni-title:hover,
.modulo-condizioni-per-il-viaggio .condizioni-title:focus {
text-decoration: none;
}
.modulo-condizioni-per-il-viaggio .condizioni-title:hover .icon,
.modulo-condizioni-per-il-viaggio .condizioni-title:focus .icon {
fill: #1b6060;
}
.modulo-condizioni-per-il-viaggio .condizioni-title:hover:before,
.modulo-condizioni-per-il-viaggio .condizioni-title:focus:before {
background: white;
}
.modulo-condizioni-per-il-viaggio .condizioni-title .icon {
fill: #fff;
width: 20px;
height: 21px;
position: absolute;
top: 31px;
left: 33px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.modulo-condizioni-per-il-viaggio .condizioni-title:before {
content: "";
position: absolute;
top: 20px;
left: 20px;
width: 44px;
height: 44px;
border: 2px solid white;
border-radius: 22px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.modulo-condizioni-per-il-viaggio table {
margin: 15px 0 20px;
}
.modulo-condizioni-per-il-viaggio table tr:first-child td:nth-child(2) {
width: 70px;
}
.modulo-condizioni-per-il-viaggio .programma-brochure {
top: 135px;
text-align: left;
padding-bottom: 0;
}
.modulo-condizioni-per-il-viaggio
.programma-brochure
.programma-brochure-icon-container {
display: block;
height: 80px;
border-bottom: 0;
}
.modulo-condizioni-per-il-viaggio
.programma-brochure
.programma-brochure-icon-container:hover,
.modulo-condizioni-per-il-viaggio
.programma-brochure
.programma-brochure-icon-container:focus {
text-decoration: none;
}
.modulo-condizioni-per-il-viaggio
.programma-brochure
.programma-brochure-icon-container:hover
.programma-brochure-icon-custom,
.modulo-condizioni-per-il-viaggio
.programma-brochure
.programma-brochure-icon-container:focus
.programma-brochure-icon-custom {
background-color: transparent;
}
.modulo-condizioni-per-il-viaggio
.programma-brochure
.programma-brochure-icon-custom {
width: 44px;
height: 44px;
border-radius: 22px;
position: absolute;
top: 20px;
left: 20px;
margin-top: 0;
}
.modulo-condizioni-per-il-viaggio
.programma-brochure
.programma-brochure-icon-custom
.icon {
width: 20px;
height: 21px;
top: 9px;
left: 11px;
margin: 0;
}
.modulo-condizioni-per-il-viaggio
.programma-brochure
.programma-brochure-title {
display: block;
font-size: 13px;
padding: 25px 20px 0 80px;
}
.modulo-condizioni-per-il-viaggio
.programma-brochure
.programma-brochure-title-container
.button-custom {
margin-top: 0;
line-height: 30px;
border-radius: 0 0 5px 5px;
width: 100%;
text-align: left;
padding-left: 20px;
}
.modulo-condizioni-per-il-viaggio .programma-brochure .button-custom:hover,
.modulo-condizioni-per-il-viaggio .programma-brochure .button-custom:focus {
color: #fff;
}
.modulo-condizioni-per-il-viaggio .programma-brochure .button-custom .icon {
left: auto;
right: 15px;
}
@media screen and (min-width: 768px) {
body:not(.home) .logo-big {
display: none;
}
.home .logo-standard {
display: none;
}
.home .header-hiddenhp {
display: none;
}
.home .logo-big {
height: 350px;
}
.home .logo-big a {
width: 380px;
height: 230px;
background-size: 380px 230px;
margin-top: 50px;
}
.menu-principale .navbar-pagine-interne {
position: relative;
}
.menu-principale .navbar-pagine-interne .logo {
position: absolute;
left: 0;
top: 0;
width: 20%;
border-right: 1px solid #ddd;
}
.menu-principale .navbar-pagine-interne .logo a {
width: 190px;
height: 100px;
background-size: 190px 100px;
margin-top: 9px;
}
.menu-principale .navbar-pagine-interne .navbar-collapse {
padding-left: 20%;
}
.menu-principale .navbar-pagine-interne .navbar-collapse ul.navbar-nav {
border-top: 0;
}
.menu-principale .navbar-pagine-interne .navbar-collapse ul.navbar-nav > li {
height: 120px;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.studenti {
width: 20%;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.studenti
> a {
line-height: 120px;
padding-top: 0;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.istituti {
width: 22%;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.uni-business {
width: 24%;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.famiglia {
width: 18%;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.universitari {
width: 22%;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.manager {
width: 18%;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.famiglia
> a {
line-height: 120px;
padding-top: 0;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.facebook,
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.instagram {
padding-top: 42px;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li
> a {
height: 120px;
line-height: 20px;
padding-top: 42px;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li
> a
.icon {
bottom: 50%;
transform: translateY(50%);
}
}
.container-logo-mosaico {
background: #d3d0d6;
position: relative;
}
.hp-slideshow {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
background-position: center;
background-size: cover;
}
.hp-slideshow-img {
opacity: 0.9;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center top;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
z-index: 0;
-webkit-backface-visibility: hidden;
-webkit-animation: imageAnimation 36s linear infinite 0s;
-moz-animation: imageAnimation 36s linear infinite 0s;
-o-animation: imageAnimation 36s linear infinite 0s;
-ms-animation: imageAnimation 36s linear infinite 0s;
animation: imageAnimation 36s linear infinite 0s;
}
.hp-slideshow-img:nth-child(2) {
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s;
}
.hp-slideshow-img:nth-child(3) {
-webkit-animation-delay: 12s;
-moz-animation-delay: 12s;
-o-animation-delay: 12s;
-ms-animation-delay: 12s;
animation-delay: 12s;
}
.hp-slideshow-img:nth-child(4) {
-webkit-animation-delay: 18s;
-moz-animation-delay: 18s;
-o-animation-delay: 18s;
-ms-animation-delay: 18s;
animation-delay: 18s;
}
.hp-slideshow-img:nth-child(5) {
-webkit-animation-delay: 24s;
-moz-animation-delay: 24s;
-o-animation-delay: 24s;
-ms-animation-delay: 24s;
animation-delay: 24s;
}
.hp-slideshow-img:nth-child(6) {
-webkit-animation-delay: 30s;
-moz-animation-delay: 30s;
-o-animation-delay: 30s;
-ms-animation-delay: 30s;
animation-delay: 30s;
}
@-webkit-keyframes imageAnimation {
0% {
opacity: 0;
-webkit-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-webkit-animation-timing-function: ease-out;
}
17% {
opacity: 1;
}
25% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-moz-keyframes imageAnimation {
0% {
opacity: 0;
-moz-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-moz-animation-timing-function: ease-out;
}
17% {
opacity: 1;
}
25% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-o-keyframes imageAnimation {
0% {
opacity: 0;
-o-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-o-animation-timing-function: ease-out;
}
17% {
opacity: 1;
}
25% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-ms-keyframes imageAnimation {
0% {
opacity: 0;
-ms-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-ms-animation-timing-function: ease-out;
}
17% {
opacity: 1;
}
25% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes imageAnimation {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
8% {
opacity: 1;
animation-timing-function: ease-out;
}
17% {
opacity: 1;
}
25% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.menu-principale-hp {
background: white;
position: relative;
z-index: 100000;
}
.menu-principale-hp .navbar-nav {
background: transparent !important;
border-top: 0 !important;
}
.menu-principale-hp:not(.fixed) .dropdown-menu {
top: auto;
bottom: 100%;
padding-bottom: 10px !important;
}
.menu-principale-hp:not(.fixed) ul.navbar-nav > li .dropdown-menu-inner:before {
top: auto;
bottom: -7px;
border-top: 8px solid #fff;
border-bottom: 0;
}
.menu-principale-hp.fixed {
position: fixed;
background: #fff;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.info-intro {
text-align: center;
box-shadow: inset 0 0 166px rgba(0, 0, 0, 0.47);
padding: 100px 0;
}
.info-intro h1 {
color: white;
font-family: "Roboto Slab", serif;
font-size: 52px;
line-height: 56px;
margin: 0;
font-weight: 300;
}
.accordion-info {
margin: 30px 0;
}
.accordion-info .panel {
border-bottom: 1px solid #eee;
padding-left: 50px;
}
.accordion-info .panel-heading {
padding: 15px 0;
font-family: "Roboto Slab", serif;
font-size: 19px;
font-weight: 700;
line-height: 29px;
}
.accordion-info .panel-heading a {
color: #006168;
display: block;
position: relative;
}
.accordion-info .panel-heading a:before {
content: "_";
font-family: "Roboto", sans-serif;
font-size: 24px;
display: block;
color: #006168;
position: absolute;
left: -44px;
top: -8px;
font-weight: normal;
}
.accordion-info .panel-heading a:after {
content: "";
width: 24px;
height: 24px;
border-radius: 12px;
box-shadow: 0.5px 0.9px 3px rgba(0, 0, 0, 0.1);
display: block;
border: 2px solid #006168;
position: absolute;
left: -50px;
top: 2px;
}
.accordion-info .panel-heading a.collapsed {
color: #333;
}
.accordion-info .panel-heading a.collapsed:before {
content: "+";
color: #66296c;
left: -45px;
top: 0;
}
.accordion-info .panel-heading a.collapsed:after {
border-color: #66296c;
}
.accordion-info .panel-heading a:hover,
.accordion-info .panel-heading a:focus {
text-decoration: none;
}
.accordion-info .panel-collapse {
color: #333;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 19px;
}
.accordion-info .panel-collapse a {
color: #333;
text-decoration: none;
}
.accordion-info .panel-collapse h1 {
margin: 0;
color: #006168;
font-family: "Roboto Slab", serif;
font-size: 23px;
font-weight: 700;
line-height: 29px;
}
.ginput_container_select .simpleselect {
width: 100%;
}
.ginput_container_select .placeholder {
line-height: 45px;
height: 45px;
background-color: #eee;
border-radius: 5px;
border: 0;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07);
color: #3b3d40;
position: relative;
padding: 0 15px;
}
.ginput_container_select .placeholder:hover {
background-color: #eee;
}
.ginput_container_select .placeholder:after {
width: 16px;
height: 9px;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/arrow-down-simpleselect.svg);
top: 50%;
margin-top: -3px;
right: 18px;
content: "";
position: absolute;
}
.ginput_container_select .options {
width: 100%;
border-radius: 5px;
}
.ginput_container_select .option {
line-height: 45px !important;
height: 45px;
background-color: #eee;
border: 0;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07);
color: #3b3d40;
padding: 0 15px !important;
}
.home-perche {
background-color: #fff;
color: #145b5a;
text-align: center;
padding: 44px 0 0;
}
.home-perche .carousel {
padding-bottom: 100px;
min-height: 410px;
}
.home-perche .carousel-indicators {
bottom: 50px;
}
.home-perche .carousel-indicators li {
background-color: #c4dee0;
border: 0;
}
.home-perche .carousel-indicators .active {
background-color: rgba(86, 126, 126, 0.9);
}
.home-perche h2 {
font-size: 40px;
font-weight: 300;
font-family: "Roboto Slab", serif;
}
.home-perche .home-box-element {
margin-top: 50px;
}
.home-perche .home-box-img {
height: 105px;
width: 100%;
position: relative;
float: left;
}
.home-perche .home-box-img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.home-perche .home-box-text {
float: left;
width: 100%;
font-size: 18px;
line-height: 28px;
color: #726267;
margin-top: 30px;
padding: 0 20px;
}
.home-news .slick-list {
position: relative;
}
.home-news .slick-list:before,
.home-news .slick-list:after {
content: "";
width: 100px;
position: absolute;
top: 0;
bottom: 0;
background: #eaf2fd;
z-index: 2;
}
.home-news .slick-list:before {
left: 0;
}
.home-news .slick-list:after {
right: 0;
}
.contatti-form-checkbox {
position: relative;
padding-right: 20px;
margin-bottom: 30px;
}
.contatti-form-checkbox label {
margin-left: 0 !important;
display: flex;
}
.contatti-form-checkbox label a {
padding: 0 5px;
}
.contatti-form-checkbox .first,
.contatti-form-checkbox .wpcf7-acceptance .wpcf7-list-item {
margin-left: 0;
}
.contatti-form-checkbox input {
height: auto;
padding: 0;
margin: 5px 10px 0 10px;
width: auto;
}
.contatti-form-checkbox-programmi {
margin-top: 30px;
}
.modulo-informazioni-form .contatti-submit input:disabled {
opacity: 0.2;
}
.footer-collabora {
line-height: 18px;
padding-top: 8px;
}
.coming-soon h2 {
margin-bottom: 20px;
}
.coming-soon .programma-test-subtitle {
line-height: 32px;
margin-bottom: 35px;
}
.modulo_doppio-testo-img-dx {
font-size: 16px;
line-height: 25px;
}
.inps-logo .icon {
width: 165px;
height: 116px;
position: absolute;
top: 64px;
left: 0;
}
.inps-yfu {
position: absolute;
top: 94px;
right: 165px;
}
.inps-yfu .icon {
height: 45px;
width: 45px;
}
.inps-yfu:after {
content: "";
position: absolute;
right: -22px;
top: -5px;
width: 2px;
height: 51px;
background-color: rgba(255, 255, 255, 0.3);
}
.inps-hsp .icon {
width: 119px;
height: 38px;
position: absolute;
top: 94px;
right: 0;
}
.inps-intro {
padding-bottom: 107px;
}
.inps-intro h1 {
color: #016f98;
font-family: "Roboto Slab";
font-size: 93px;
font-weight: 700;
padding-top: 190px;
}
.inps-intro .testo {
color: white;
font-size: 30px;
line-height: 38px;
padding-top: 5px;
}
.inps-intro .button {
background-color: #2faf66;
}
.inps-intro .button:hover,
.inps-intro .button:focus {
color: #fff;
border-color: #2faf66;
background-color: rgba(47, 175, 102, 0.3);
}
.inps-modulo1 {
text-align: center;
padding: 40px 0 80px;
}
.inps-modulo1 h1 {
color: #016f98;
font-family: "Roboto Slab";
font-size: 52px;
font-weight: 400;
line-height: 60px;
}
.inps-modulo1 .testo {
padding-top: 22px;
color: #303030;
font-size: 21px;
line-height: 34px;
}
.inps-modulo1 .button {
background-color: #039bd3;
margin-top: 30px;
}
.inps-modulo1 .button:hover,
.inps-modulo1 .button:focus {
color: #fff;
border-color: #039bd3;
background-color: rgba(3, 155, 211, 0.3);
}
.inps-modulo1 .button + .button {
margin-left: 45px;
}
.destinazioni_YFU_show,
.destinazioni_HSP_show,
.destinazioni_altre_show {
position: relative;
padding: 0;
}
.destinazioni_YFU_show:after,
.destinazioni_HSP_show:after,
.destinazioni_altre_show:after,
.destinazioni_YFU_show:before,
.destinazioni_HSP_show:before,
.destinazioni_altre_show:before {
-webkit-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
content: "";
position: absolute;
opacity: 0;
}
.destinazioni_YFU_show:after,
.destinazioni_HSP_show:after,
.destinazioni_altre_show:after {
bottom: 0;
height: 7px;
left: 0;
right: 0;
border-radius: 5px;
}
.destinazioni_YFU_show:before,
.destinazioni_HSP_show:before,
.destinazioni_altre_show:before {
bottom: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 12.5px 0 12.5px;
border-color: transparent;
left: 50%;
transform: translateX(-50%);
}
.destinazioni_YFU_show.selected,
.destinazioni_HSP_show.selected,
.destinazioni_altre_show.selected,
.destinazioni_YFU_show:hover,
.destinazioni_HSP_show:hover,
.destinazioni_altre_show:hover,
.destinazioni_YFU_show:focus,
.destinazioni_HSP_show:focus,
.destinazioni_altre_show:focus {
color: #fff;
}
.destinazioni_YFU_show.selected:after,
.destinazioni_HSP_show.selected:after,
.destinazioni_altre_show.selected:after,
.destinazioni_YFU_show:hover:after,
.destinazioni_HSP_show:hover:after,
.destinazioni_altre_show:hover:after,
.destinazioni_YFU_show:focus:after,
.destinazioni_HSP_show:focus:after,
.destinazioni_altre_show:focus:after,
.destinazioni_YFU_show.selected:before,
.destinazioni_HSP_show.selected:before,
.destinazioni_altre_show.selected:before,
.destinazioni_YFU_show:hover:before,
.destinazioni_HSP_show:hover:before,
.destinazioni_altre_show:hover:before,
.destinazioni_YFU_show:focus:before,
.destinazioni_HSP_show:focus:before,
.destinazioni_altre_show:focus:before {
opacity: 1;
}
.destinazioni_YFU_show {
margin-right: 45px;
}
.destinazioni_YFU_show:after {
background-color: #8e3a80;
}
.destinazioni_YFU_show:before {
border-color: #8e3a80 transparent transparent transparent;
}
.destinazioni_HSP_show {
margin-right: 45px;
}
.destinazioni_HSP_show:after {
background-color: #1b6060;
}
.destinazioni_HSP_show:before {
border-color: #1b6060 transparent transparent transparent;
}
.destinazioni_altre_show:after {
background-color: #039bd3;
}
.destinazioni_altre_show:before {
border-color: #039bd3 transparent transparent transparent;
}
.modulo-destinazioni-altreproposte {
display: inline-block;
width: 324px;
background-color: white;
}
.modulo-destinazioni-altreproposte:hover,
.modulo-destinazioni-altreproposte:focus {
text-decoration: none;
}
.modulo-destinazioni-altreproposte .icon-file {
position: relative;
display: block;
padding: 57px 0 47px;
}
.modulo-destinazioni-altreproposte .icon-file:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
background-color: #016f98;
border-radius: 50px;
}
.modulo-destinazioni-altreproposte .icon-file .icon {
width: 38px;
height: 49px;
fill: #fff;
z-index: 1;
position: relative;
top: -3px;
}
.modulo-destinazioni-altreproposte .altre_pdf {
font-family: "Roboto Slab";
font-size: 20px;
font-weight: 400;
color: #000;
line-height: 65px;
display: block;
border-top: 1px solid #eaeaea;
}
.modulo-destinazioni-altreproposte .altre_pdf .icon {
margin-left: 5px;
}
.destinazioni-inps .modulo-destinazioni-subtitle {
padding-top: 10px;
}
.destinazioni-inps .button {
margin-top: 5px;
margin-bottom: 30px;
}
.destinazioni_HSP,
.destinazioni_altre {
display: none;
}
.home-perche-inps {
background-color: rgba(205, 235, 246, 0.5);
box-shadow: inset 0 0 210px rgba(0, 0, 0, 0.13);
}
.home-perche-inps h2 {
color: #016f98;
}
.home-perche-inps .home-perche-sottotitolo {
color: #1e1e1f;
}
.home-perche-inps .home-box-text {
color: #1e1e1f;
font-size: 16px;
line-height: 24px;
}
.inps-modulo2 {
text-align: center;
padding: 55px 0 70px;
}
.inps-modulo2 h1 {
color: white;
font-family: "Roboto Slab";
font-size: 52px;
line-height: 62px;
font-weight: 300;
}
.inps-modulo2 .testo {
padding-top: 5px;
color: white;
font-size: 18px;
line-height: 24px;
}
.modulo-informazioni-inps {
background-color: #dfecf2;
}
.modulo-informazioni-inps h3 {
text-align: center;
color: #016f98;
font-family: "Roboto Slab";
font-size: 52px;
line-height: 62px;
font-weight: 300;
padding-top: 10px;
}
.modulo-informazioni-inps h3 span {
font-weight: 700;
}
.modulo-informazioni-inps .modulo-informazioni-container {
margin-top: 15px;
}
.modulo-informazioni-inps .modulo-informazioni-content {
background-color: #fff;
border-radius: 0 5px 5px 0;
}
.modulo-informazioni-inps .contatti-submit input {
background-color: #3ca66a;
}
.modulo-informazioni-inps .contatti-submit input:hover,
.modulo-informazioni-inps .contatti-submit input:focus {
border-color: #3ca66a;
background-color: rgba(60, 166, 106, 0.3);
}
.footer-inps {
padding: 15px 0;
}
.footer-inps h1 {
color: #f7f7f7;
font-size: 21px;
font-weight: 400;
line-height: 20px;
}
.footer-inps .footer-dati-rights {
text-align: right;
padding: 11px 0;
}
.box-hp-inps {
text-align: center;
color: #fff;
padding: 15px 0 30px;
}
.box-hp-inps h2 {
font-weight: 300;
font-size: 40px;
font-family: "Roboto Slab", serif;
letter-spacing: -0.02em;
}
.box-hp-inps .box-hp-inps-subtitle {
font-weight: 400;
font-size: 18px;
letter-spacing: 0.02em;
}
.box-hp-inps .button {
background-color: #25b063;
border-color: #25b063;
margin-top: 30px;
}
.box-hp-inps .button:hover,
.box-hp-inps .button:focus {
background-color: rgba(37, 176, 99, 0.3);
color: #fff;
}
.landing-inps-intro {
min-height: 768px;
padding: 82px 0 50px;
}
.landing-inps-intro .landing-inps-logo .icon {
width: 211px;
height: 110px;
}
.landing-inps-intro .inps-yfu,
.landing-inps-intro .inps-hsp .icon {
top: 52px;
}
.landing-inps-intro h1 {
color: #039bd3;
font-family: "Roboto Slab";
font-size: 52px;
font-weight: 400;
line-height: 60px;
padding-top: 40px;
letter-spacing: -0.02em;
}
.landing-inps-intro .testo {
color: white;
font-size: 30px;
font-weight: 400;
line-height: 38px;
padding-top: 35px;
letter-spacing: -0.02em;
}
.landing-inps-intro .gform_wrapper {
margin: 0;
border: 0;
}
.landing-inps-intro .gform_wrapper li.gfield_error ul.gfield_checkbox {
color: #fff !important;
}
.landing-inps-intro .gform_wrapper .top_label .gfield_error.col-xs-12 {
width: 100% !important;
}
.landing-inps-intro .gform_wrapper .top_label .gfield_error.col-sm-6 {
width: 50% !important;
}
.landing-inps-intro .gform_wrapper .top_label .gfield_error.col-sm-5 {
width: 41.66666667% !important;
}
.landing-inps-intro
.gform_wrapper
li.gfield.gfield_error.gfield_contains_required
label.gfield_label {
margin-top: 0;
}
.landing-inps-intro .gform_wrapper .gform_body {
float: left;
padding: 0;
background: transparent;
}
.landing-inps-intro .gform_wrapper .gform_body .gfield {
padding: 0 20px !important;
clear: none !important;
}
.landing-inps-intro .gform_wrapper .gform_body .gform_fields .gfield_label {
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
font-weight: 700;
color: white;
letter-spacing: 0.04em;
}
.landing-inps-intro .gform_wrapper .gform_body .gfield_required {
color: white;
}
.landing-inps-intro .gform_wrapper input {
padding: 0 15px !important;
font-size: 18px !important;
}
.landing-inps-intro .gform_wrapper .simpleselect {
font-size: 18px;
}
.landing-inps-intro .gform_wrapper .ginput_container_select .placeholder:after {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/arrow-down-landing.svg);
width: 24px;
height: 24px;
margin-top: -10px;
right: 12px;
}
.landing-inps-intro .gform_wrapper .contatti-form-accept {
color: white;
font-size: 14px;
font-weight: 400 !important;
line-height: 14px;
letter-spacing: 0.04em;
}
.landing-inps-intro .gform_wrapper .contatti-form-accept .gfield_label {
display: none;
}
.landing-inps-intro .gform_wrapper .contatti-form-accept a {
color: #fff;
text-decoration: underline;
}
.landing-inps-intro .gform_wrapper .contatti-form-accept label {
position: relative;
top: 3px;
left: 7px;
font-weight: 400 !important;
}
.landing-inps-intro .gform_wrapper .validation_error {
display: none !important;
}
.landing-inps-intro .gform_wrapper .validation_message {
font-size: 16px;
color: #fff;
padding-top: 5px !important;
}
.landing-inps-intro .gform_wrapper .ginput_container_select {
margin-bottom: 7px;
}
.landing-inps-intro .gform_wrapper .gform_footer {
background: transparent;
text-align: left;
margin-top: 10px;
float: left;
width: 100%;
}
.landing-inps-intro .gform_wrapper .gform_footer .button {
height: 46px;
background-color: #2faf66;
border-radius: 23px;
line-height: 46px;
font-size: 16px !important;
padding: 0 25px !important;
}
.landing-inps-intro .gform_confirmation_wrapper {
color: #fff;
font-size: 20px;
}
.landing-inps-box {
text-align: center;
padding: 50px 0 60px;
}
.landing-inps-box h2 {
color: #016f98;
font-family: "Roboto Slab";
font-size: 52px;
font-weight: 400;
line-height: 60px;
}
.landing-inps-box h3 {
color: #303030;
font-size: 21px;
font-weight: 400;
line-height: 34px;
}
.home-perche-inps-landing .home-perche-sottotitolo {
font-size: 18px;
line-height: 24px;
margin-top: 20px;
}
.landing-hsp-intro h1 {
color: #189b81;
}
.landing-download {
text-align: center;
min-height: 600px;
padding: 100px 0;
}
.mappa {
height: 754px;
position: relative;
text-align: center;
color: white;
}
.mappa-inner-programma {
display: none;
z-index: 1;
position: relative;
}
.mappa-inner {
position: relative;
width: 100%;
height: 507px;
background: blue;
margin: auto;
}
.mappa-inner-paesi,
.mappa-inner-paesi-title,
.mappa-inner-programmi {
position: absolute;
}
.mappa-inner-paesi-title {
left: 0;
top: 0;
height: 50px;
width: 450px;
text-align: center;
background: #ea5d0e;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.2em;
}
.mappa-inner-paesi-title h2 {
margin: 0;
font-size: 11px;
line-height: 50px;
}
.mappa-inner-paesi {
left: 0;
top: 50px;
bottom: 0;
background: white;
color: black;
width: 450px;
overflow: auto;
overflow-x: hidden;
}
.mappa-inner-paesi ul {
list-style: none;
padding: 0;
text-align: left;
margin-bottom: 0;
}
#mappa-sc {
margin-left: 450px;
height: 100%;
}
.mappa-inner-programmi {
left: 230px;
top: 0;
bottom: 0;
right: 0;
z-index: 1;
}
.bottone-mappa {
cursor: pointer;
line-height: 50px;
border-bottom: 1px solid #eee;
font-family: "Roboto Slab", serif;
font-size: 18px;
color: #28282a;
padding-left: 20px;
width: 450px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.bottone-mappa .locations p {
line-height: 14px;
padding-left: 45px;
}
.bottone-mappa .locations p a {
font-size: 14px;
color: #28282a;
font-family: "Roboto", sans-serif;
}
.bottone-mappa span {
display: inline-block;
background: #d5d5d7;
width: 32px;
height: 32px;
border-radius: 16px;
font-size: 16px;
font-weight: bold;
color: #ea5d0e;
line-height: 32px;
text-align: center;
margin-right: 10px;
}
.bottone-mappa.active {
background: #fbdfcf;
font-weight: bold;
}
.bottone-mappa.active span {
background: #ea5d0e;
color: #fff;
}
.mappa-inner-programma-inner-title {
position: absolute;
right: 0;
font-size: 40px;
margin-right: 15px;
margin-top: 5px;
font-weight: bold;
color: white;
}
.marker-mappa {
background: #fff;
padding: 20px 25px;
border-radius: 10px;
font-size: 16px;
padding-bottom: 70px;
position: relative;
text-align: left;
box-shadow: 8px 13px 40px 0px rgba(0, 0, 0, 0.22);
}
.marker-mappa:after {
content: "";
position: absolute;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 12px 12px 0 12px;
border-color: #f7f7f7 transparent transparent transparent;
}
.marker-mappa .titolo {
font-weight: bold;
color: #28282a;
}
.marker-mappa .sottotitolo {
color: #666d70;
}
.marker-mappa .link {
height: 50px;
line-height: 50px;
padding: 0 25px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
background: #f7f7f7;
border-top: 1px solid #ebebec;
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-radius: 0 0 10px 10px;
}
.marker-mappa .link a {
display: block;
color: #ea5d0e;
position: relative;
}
.marker-mappa .link a:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url(//www.navigando.it/cms/wp-content/themes/navigando/images/arrow-map.png);
width: 8px;
height: 11px;
}
.marker-mappa .link a:hover {
text-decoration: none;
}
.marker-list {
display: none;
}
.modulo-pillole {
padding-top: 45px;
padding-bottom: 100px;
}
.modulo-testo-citazione {
color: #666d70;
font-size: 22px;
font-style: italic;
line-height: 32px;
position: relative;
padding-top: 15px;
padding-left: 43px;
margin-top: 15px;
margin-bottom: 38px;
}
.modulo-testo-citazione:before {
content: "";
position: absolute;
left: 0;
top: 0;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/citazione.png);
width: 67px;
height: 48px;
background-size: cover;
z-index: -1;
}
.pillole-container {
right: 0;
top: 0;
width: 100%;
text-align: center;
margin-top: 40px;
}
.pillole-container .button {
background-color: #3ca66a;
margin-top: 0;
}
.pillole-container .button:hover,
.pillole-container .button:focus {
color: #3ca66a;
border-color: #3ca66a;
background-color: rgba(60, 166, 106, 0.3);
}
.pillole-container .pillole-container-inner {
border: 1px solid #eaeaea;
border-radius: 5px;
margin-bottom: 30px;
}
.pillole-container ul {
list-style: none;
padding: 0;
margin: 0;
border-radius: 0 0 5px 5px;
display: table;
width: 100%;
}
.pillole-container ul li {
padding: 20px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
display: table-cell;
text-align: left;
color: rgba(255, 255, 255, 0.6);
font-size: 12px;
font-weight: bold;
}
.pillole-container ul li:last-child {
border-right: 0;
}
.pillole-container ul li span {
display: block;
font-size: 13px;
text-transform: uppercase;
color: #fff;
}
.pillole-title {
font-size: 11px;
font-weight: bold;
text-align: center;
color: #28282a;
line-height: 50px;
border-bottom: 1px solid #eaeaea;
text-transform: uppercase;
}
.modulo-speciality {
padding: 20px 0;
}
.modulo-speciality h1 {
font-size: 34px;
font-weight: normal;
margin-top: 0;
}
.speciality-content-in:nth-child(even) {
padding-left: 10px;
}
.speciality-content-in:nth-child(odd) {
padding-right: 10px;
clear: left;
}
.speciality-content-in .speciality-content {
border: 1px solid #eaeaea;
border-radius: 5px;
margin: 15px 0;
}
.speciality-content-in .speciality-content-inner {
padding: 30px 25px 30px 30px;
}
.speciality-content-in .speciality-content-text {
position: relative;
min-height: 345px;
}
.speciality-content-in .speciality-content-img {
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-size: cover;
border-radius: 0 5px 0 0;
}
.speciality-content-in h3 {
color: #3c3d41;
margin: 0 0 10px 0;
font-size: 22px;
font-family: "Roboto Slab", serif;
}
.speciality-content-in h3 span {
display: inline-block;
padding-right: 35px;
position: relative;
}
.speciality-content-in h3 span:after {
content: "";
position: absolute;
width: 24px;
height: 25px;
right: 0;
top: 50%;
transform: translateY(-50%);
background-repeat: no-repeat;
}
.speciality-content-in h3.sport span:after {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/icon-sport.png);
}
.speciality-content-in h3.cinema span:after {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/icon-cinema.png);
}
.speciality-content-in h3.teatro span:after {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/icon-teatro.png);
}
.speciality-content-in .speciality-content-inner-testo {
margin-top: 20px;
font-size: 14px;
color: #666d70;
line-height: 19px;
}
.speciality-content-in .speciality-content-footer {
border-top: 1px solid #eaeaea;
}
.speciality-content-in .speciality-content-footer-durata,
.speciality-content-in .speciality-content-footer-prezzo,
.speciality-content-in .speciality-content-footer-periodo {
float: left;
background-color: #fcfcfc;
font-size: 12px;
font-weight: bold;
padding: 20px 25px;
}
.speciality-content-in .speciality-content-footer-durata span,
.speciality-content-in .speciality-content-footer-prezzo span,
.speciality-content-in .speciality-content-footer-periodo span {
display: block;
text-transform: uppercase;
font-size: 13px;
}
.speciality-content-in .speciality-content-footer-durata {
width: 50%;
border-right: 1px solid #eaeaea;
}
.speciality-content-in .speciality-content-footer-prezzo {
width: 50%;
}
.modulo-tariffe {
padding-bottom: 50px;
}
.modulo-tariffe form {
text-align: center;
}
.modulo-tariffe table {
font-weight: bold;
margin: 50px 0 20px;
width: 100%;
border: 1px solid #eaeaea;
border-bottom: 0;
border-right: 0;
}
.modulo-tariffe table tr {
border-bottom: 1px solid #eaeaea;
font-size: 12px;
}
.modulo-tariffe table tr:first-child {
background-color: #fcfcfc;
font-size: 13px;
} .modulo-tariffe table td {
border-right: 1px solid #eaeaea;
padding: 10px 20px;
}
.hp-banner-inps {
padding: 13px 240px 13px 50px;
background-color: #fff;
color: #039bd3;
font-family: "Roboto Slab", serif;
font-weight: 700;
font-size: 34px;
text-align: left;
border-bottom: 5px solid #176161;
position: relative;
}
.hp-banner-inps a {
position: absolute;
right: 0;
margin-right: 40px;
height: 50px;
line-height: 50px;
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 16px;
display: inline-block;
padding: 0 50px 0 30px;
background-color: #039bd3;
color: #fff;
border-radius: 25px;
top: 50%;
transform: translateY(-50%);
-webkit-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
border: 1px solid #039bd3;
}
.hp-banner-inps a:after {
content: "";
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/hp-banner.png);
background-size: 20px 15px;
width: 20px;
height: 15px;
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
margin-top: -1px;
}
.hp-banner-inps a:hover {
background-color: rgba(3, 155, 211, 0.6);
text-decoration: none;
}
.intro-estate .button {
background-color: #039bd3;
margin-top: 30px;
}
.intro-estate .button:hover,
.intro-estate .button:focus {
color: #fff;
border-color: #039bd3;
background-color: rgba(3, 155, 211, 0.3);
}
.inps-contattocta {
background-color: #1ab162;
font-family: "Roboto Slab", serif;
font-weight: 400;
font-size: 36px;
text-align: center;
color: #fff;
padding: 30px 0;
border-bottom: 5px solid #006e9a;
}
.landing-inps-intro .button-call {
background-color: #2db269;
border: 1px solid #2db269;
color: #282828;
}
.landing-inps-intro .button-call:hover,
.landing-inps-intro .button-call:focus {
border-color: #2db269;
background-color: rgba(45, 178, 105, 0.3);
color: #282828;
}
.thankyou-bg {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/thankyou.jpg);
min-height: 540px;
font-size: 14px;
}
.thankyou-bg .prenotazione-step2-text {
padding: 180px 0;
}
.thankyou-bg h1 {
font-size: 58px;
line-height: 62px;
font-family: "Roboto Slab", serif;
font-weight: 300;
}
.thankyou-bg h1 strong {
font-weight: 700;
}
.thankyou-bg h2 {
font-size: 22px;
line-height: 62px;
}
.nuova-inps .contatti-form-element {
padding: 0 20px;
margin-top: 15px;
}
.nuova-inps .contatti-form-element label {
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
font-weight: 700;
color: white;
letter-spacing: 0.04em;
}
.nuova-inps .contatti-form-element input {
line-height: 45px;
height: 45px;
background-color: #fff;
border-radius: 5px;
border: 0;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07);
color: #3b3d40;
padding: 0 15px;
width: 100%;
font-family: "Roboto Slab", serif;
}
.nuova-inps .contatti-form-element textarea {
background-color: #fff;
border-radius: 5px;
border: 0;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07);
color: #3b3d40;
padding: 15px;
width: 100%;
font-family: "Roboto Slab", serif;
}
.nuova-inps .contatti-form-element .char-counter {
display: none;
}
.nuova-inps .contatti-form-checkbox {
margin-left: 20px;
color: #fff;
}
.nuova-inps .g-recaptcha {
margin-left: 20px;
}
.nuova-inps .wpcf7-submit {
height: 46px;
background-color: #2faf66;
border-radius: 23px;
line-height: 46px;
font-size: 16px;
padding: 0 25px;
color: white;
border: 1px solid #2faf66;
text-transform: uppercase;
font-family: "Roboto", sans-serif;
margin-left: 20px;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) and (max-width: 1260px) {
.home-test-select .simpleselect {
font-size: 18px;
}
.home-blog-single {
margin-right: 17px;
}
.about-programmi .about-programmi-testo {
font-size: 20px;
}
.blog-tab-single .blog-data {
margin-top: 20px;
}
.about-mondo-container {
margin-top: 100px;
}
}
@media (min-width: 1200px) and (max-width: 1540px) {
.home-test-select {
width: 50%;
margin-bottom: 20px;
}
}
@media (min-width: 1541px) and (max-width: 1705px) {
.home-test-select .simpleselect {
font-size: 17px;
}
}
@media (min-width: 1200px) and (max-width: 1285px) {
.blog-tab-single {
min-height: 1px;
}
}
@media screen and (max-width: 1199px) {
.home-infografica-schema .step-testo,
.home-infografica:before {
display: none;
}
.home-infografica {
float: left;
width: 100%;
}
.home-infografica.animate:after {
opacity: 1;
transition-delay: 6.5s;
z-index: -1;
}
.home-infografica .home-infografica-schema {
width: 100%;
}
.home-infografica:after {
content: "";
position: absolute;
left: 50%;
opacity: 0;
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-mobile.png);
background-size: contain;
background-repeat: no-repeat;
}
.home-infografica .step-box {
left: 50%;
right: auto;
top: 0;
}
.home-infografica .step1-box {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-mobile-step1.svg);
}
.home-infografica .step {
width: 100%;
top: 0 !important;
left: 0 !important;
}
.home-infografica .step2-box {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-mobile-step2.svg);
}
.home-infografica .step3-box {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-mobile-step3.svg);
}
.home-infografica .step4-box {
background-image: url(//www.navigando.it/cms/wp-content/themes/navigando/images/infografica-mobile-step4.svg);
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.mosaico-title {
font-size: 32px;
}
.home-test h2 {
font-size: 50px;
}
.home-test .home-test-subtitle {
font-size: 15px;
}
.home-test-select .simpleselect {
font-size: 16px;
}
.home-blog-single {
margin-right: 13px;
width: 260px;
}
.home-blog-single-content {
padding: 0 20px 30px;
}
.about-programmi .about-programmi-testo {
font-size: 16px;
}
.about-programmi h3 {
font-size: 40px;
}
.blog-tab-single {
min-height: 1px;
}
.blog-tab-single .blog-data {
margin-top: 10px;
}
.blog-tab-single .blog-title {
margin-bottom: 10px;
}
.home-test-button {
margin-right: 0;
}
.about-mondo-container {
margin-top: 150px;
}
.menu-principale .navbar-pagine-interne {
position: relative;
}
.menu-principale .navbar-pagine-interne .logo {
width: 19%;
}
.menu-principale .navbar-pagine-interne .navbar-collapse {
padding-left: 19%;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.istituti {
width: 22% !important;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.uni-business {
width: 25.5% !important;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.famiglia {
width: 20%;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.facebook {
width: 6.5%;
}
.menu-principale
.navbar-pagine-interne
.navbar-collapse
ul.navbar-nav
> li.instagram {
width: 4.5%;
}
.menu-principale ul.navbar-nav > li > a {
padding-left: 45px;
}
.menu-principale ul.navbar-nav > li > a .icon {
left: 13px;
}
.menu-principale ul.navbar-nav > li.istituti {
width: 25.5% !important;
}
.menu-principale ul.navbar-nav > li.uni-business {
width: 30% !important;
}
.menu-principale ul.navbar-nav > li.facebook,
.menu-principale ul.navbar-nav > li.instagram {
width: 6.5%;
}
.home-test-select {
margin-bottom: 15px;
}
.footer-col {
min-height: 250px;
}
}
@media (min-width: 390px) and (max-width: 1199px) {
.home-infografica {
height: 1242px;
overflow: hidden;
}
.home-infografica:after {
width: 409px;
height: 892px;
margin-left: -199px;
top: 278px;
}
.home-infografica .step-box {
height: 242px;
width: 369px;
margin-left: -184.5px;
}
.home-infografica .step {
height: 242px;
}
.home-infografica .step2-box {
top: -27px;
}
.home-infografica .step3-box {
top: -54px;
}
.home-infografica .step4-box {
top: -96px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.type-mini p {
width: 160px;
}
.menu-principale {
font-size: 13px;
}
.menu-principale ul.navbar-nav > li {
font-size: 12px;
}
.menu-principale ul.navbar-nav > li > a {
padding-left: 0;
text-align: center;
}
.menu-principale ul.navbar-nav > li > a .icon {
left: 10px;
}
.mosaico-title {
font-size: 28px;
}
.mosaico-text {
font-size: 12px;
line-height: 16px;
}
.home-test h2 {
font-size: 50px;
}
.home-test .home-test-subtitle {
font-size: 15px;
}
.home-test-select .simpleselect {
font-size: 16px;
}
.home-blog-single {
margin-right: 13px;
width: 260px;
}
.home-blog-single-content {
padding: 0 20px 30px;
min-height: 0;
}
.home-test-select.dove,
.home-test-select.lingua {
margin-top: 20px;
}
.home-blog-single:nth-child(2) {
margin-right: 0;
}
.home-blog-single:nth-child(3) {
margin-top: 15px;
margin-bottom: 15px;
}
.footer-social,
.footer-newsletter {
margin-top: 20px;
}
.footer-social h3,
.footer-social ul {
padding-left: 0;
}
.footer-newsletter {
border-right: 1px solid #4e5054;
min-height: 200px;
}
.about-intro h1 {
font-size: 55px;
}
.about-intro h2 {
font-size: 20px;
}
.about-mondo-container {
display: none;
}
.about-testo {
padding: 60px;
}
.blog-categorie {
padding-top: 20px;
}
.blog-tab-single {
min-height: 1px;
}
.blog-tab-single .blog-content {
right: 41.66666667%;
}
.blog-tab-single .blog-data {
margin-top: 20px;
}
.blog-tab-single .blog-testo {
max-height: 112px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-newsletter h3 {
font-size: 47px;
}
.blog-newsletter .blog-newsletter-testo {
font-size: 16px;
margin-bottom: 30px;
}
.faq-cerca-inner .cerca_faq,
.faq_cerca_argomenti .faq_cerca_argomenti_label {
font-size: 19px;
}
.accordion_faq .faq-column {
padding: 0 !important;
}
.accordion_faq .faq-column:first-child {
margin-bottom: 0;
}
.accordion_faq .faq-column:first-child .faq-column-inner {
border-radius: 8px 8px 0 0;
}
.accordion_faq .faq-column:last-child {
margin-top: 0;
}
.accordion_faq .faq-column:last-child .faq-column-inner {
border-radius: 0 0 8px 8px;
border-top: 0;
}
.contatti-intro h2 {
font-size: 16px;
}
.download-accordion-file {
padding: 0 !important;
}
.home-test-button {
margin-right: 0;
}
.prenotazione-tabs-content {
max-width: 730px;
}
.about-mondo-container {
margin-top: 150px;
}
.menu-principale .navbar-pagine-interne .logo {
height: 120px;
}
.menu-principale .navbar-pagine-interne .logo a {
width: 150px;
height: 80px;
background-size: 150px 80px;
margin-top: 17px;
}
.home-perche .home-box-text {
font-size: 18px;
line-height: 25px;
}
.mappa-inner-paesi-title,
.mappa-inner-paesi,
.bottone-mappa {
width: 180px;
}
#mappa-sc {
margin-left: 180px;
}
.bottone-mappa {
height: 67px;
line-height: 67px;
font-size: 15px;
}
.speciality-content-in {
padding: 0 !important;
}
.pillole-container ul li {
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-right: 0;
}
.hp-banner-inps {
font-size: 26px;
padding: 13px 50px;
}
.hp-banner-inps a {
margin-right: 0;
position: relative;
top: 20px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.mosaico {
height: auto;
}
.mosaico:nth-child(3) {
margin-bottom: 1px;
}
.mosaico:first-child,
.mosaico:nth-child(3) {
margin-right: 0;
margin-left: 0;
}
.logo {
float: left;
}
.logo a {
width: 150px;
height: 90px;
background-size: 150px 90px;
margin-left: 15px;
}
.navbar-header { }
.navbar-header .icon-bar {
background-color: #000;
}
.navbar-collapse {
width: 100%;
}
.menu-principale ul.navbar-nav > li {
width: 100% !important;
border-right: 0;
border-bottom: 1px solid #ddd;
float: left;
}
.menu-principale ul.navbar-nav > li .dropdown-menu-inner {
border-bottom: 0;
}
.menu-principale ul.navbar-nav > li .dropdown-menu-inner a {
display: block;
}
.menu-principale ul.navbar-nav > li .dropdown-menu-inner:before {
display: none;
}
.menu-principale ul.navbar-nav > li.dropdown.open {
border-bottom: 0;
}
.menu-principale ul.navbar-nav > li.facebook,
.menu-principale ul.navbar-nav > li.instagram {
display: none;
}
.menu-principale ul.navbar-nav > li.volontariato {
border-bottom: 0;
}
.mosaico-text-container {
position: static;
transform: none;
}
.mosaico-text-container-inner {
padding-right: 15px;
padding-left: 70px !important;
padding-top: 20px;
padding-bottom: 20px;
}
.mosaico-text-container-inner:before {
left: 10px !important;
top: 20px;
width: 50px;
height: 50px;
}
.mosaico-text-container-inner:after {
background-size: 144px 37px !important;
}
.mosaico-sl .mosaico-text-container-inner:after {
width: 32px;
height: 34px;
left: 18px;
top: 27px;
}
.mosaico-hsp .mosaico-text-container-inner:after {
width: 35px;
height: 16px;
left: 17px;
top: 37px;
}
.mosaico-sc .mosaico-text-container-inner:after {
width: 34px;
height: 37px;
background-position: -110px 0;
left: 19px;
top: 26px;
}
.mosaico-yfu .mosaico-text-container-inner:after {
background-position: -81px 0;
width: 28px;
height: 37px;
left: 21px;
top: 26px;
}
.mosaico-title {
font-size: 25px;
line-height: 30px;
}
.home-news h2,
.home-test h2 {
font-size: 30px;
}
.home-test .home-test-subtitle,
.testresult-test .home-test-subtitle {
font-size: 12px;
margin-bottom: 20px;
}
.home-test .home-test-subtitle {
line-height: 18px;
}
.home-test-select {
margin-bottom: 10px;
padding-right: 0;
}
.home-test-select .simpleselect {
font-size: 17px;
}
.home-test-button {
margin: 20px 10px 30px 0;
}
.home-blog h3 {
font-size: 35px;
margin-top: 30px;
line-height: 40px;
}
.home-blog .home-blog-subtitle {
font-size: 14px;
line-height: 20px;
max-height: 40px;
}
.home-blog .button {
margin: 20px auto 30px;
}
.home-blog-single {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.home-blog-single-content {
padding: 0 20px 30px;
min-height: 1px;
}
.home-blog-title {
font-size: 20px;
font-weight: 700;
line-height: 25px;
height: 75px;
margin-top: 20px;
letter-spacing: 0.1em;
}
.home-infografica .home-infografica-subtitle {
font-size: 14px;
line-height: 20px;
}
.home-infografica h2 {
font-size: 40px;
line-height: 55px;
margin-top: 20px;
margin-bottom: 15px;
}
.home-partners {
padding: 20px 0 5px;
}
.partner {
height: 42px;
background-size: 491px 42px;
}
.partner1 {
width: 45px;
}
.partner2 {
width: 72px;
background-position: -44.5px 0;
}
.partner3 {
width: 54px;
background-position: -116px 0;
}
.partner4 {
width: 64px;
background-position: -170px 0;
}
.partner5 {
width: 61px;
background-position: -234px 0;
}
.partner6 {
width: 74.5px;
background-position: -295px 0;
}
.partner7 {
width: 66.5px;
background-position: -369px 0;
}
.partner8 {
width: 55px;
background-position: -436px 0;
}
.box-info {
min-height: 1px;
padding-bottom: 30px;
}
.box-info h2 {
font-size: 35px;
line-height: 45px;
margin-top: 30px;
}
.box-info .box-info-subtitle {
font-size: 14px;
line-height: 20px;
margin-bottom: 0;
font-weight: 400;
}
.box-info .button {
margin-top: 20px;
}
.footer {
padding: 20px 0;
}
.footer-col {
min-height: 1px;
border-right: 0;
}
.footer-dati {
padding-right: 0;
padding-bottom: 20px;
}
.footer-menu-secondario {
padding-top: 10px;
}
.footer-dati,
.footer-menu-secondario,
.footer-social {
border-bottom: 1px solid #4e5054;
}
.footer-menu-principale ul,
.footer-menu-secondario ul,
.footer-social ul,
.footer-social h3,
.footer-newsletter h3,
.footer-newsletter-testo,
.footer-form {
padding-left: 0;
}
.footer-social,
.footer-newsletter {
padding-top: 10px;
}
.footer-social h3,
.footer-newsletter h3 {
padding-bottom: 5px;
}
.about-intro h1 {
font-size: 30px;
line-height: 40px;
margin: 170px 0 0;
position: relative;
z-index: 2;
}
.about-intro h2 {
font-size: 20px;
line-height: 26px;
margin: 15px 0 0;
position: relative;
z-index: 2;
}
.about-intro .about-intro-testo {
font-size: 14px;
line-height: 20px;
}
.about-intro-schema {
margin-top: 15px;
}
.about-schema-line {
display: none;
}
.about-schema {
font-size: 15px;
line-height: 20px;
padding-top: 80px;
margin-bottom: 10px;
}
.about-schema:before {
width: 70px;
height: 70px;
border-radius: 35px;
margin-left: -35px;
}
.about-schema-viaggi:after {
margin-left: -18px;
width: 36px;
height: 36px;
top: 13px;
}
.about-schema-mondo:after {
margin-left: -21px;
width: 42px;
height: 42px;
top: 14px;
}
.about-schema-adhoc:after {
margin-left: -15px;
width: 29px;
height: 35px;
top: 18px;
}
.about-citazioni-testo {
font-size: 18px;
line-height: 25px;
}
.about-citazioni-fonte {
padding-top: 20px;
font-size: 12px;
}
.about-citazioni {
padding-bottom: 70px;
}
.about-citazioni .carousel-indicators {
margin-bottom: 20px;
}
.about-galleria-img {
position: relative;
width: 100%;
height: 200px;
}
.about-galleria-text-container {
padding-left: 0;
padding-right: 0;
}
.about-galleria-text-container h3 {
font-size: 18px;
line-height: 23px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.about-galleria-text-container .about-galleria-text {
font-size: 14px;
line-height: 20px;
padding: 15px 10px;
}
.about-galleria-img-dida {
font-size: 12px;
width: 100%;
padding: 0 10px 15px 10px;
}
.about-galleria-img-dida span .icon {
top: -1px;
}
.about-mondo-container {
display: none;
}
.about-testo {
min-height: 1px;
padding: 20px 10px 20px 10px;
}
.about-testo h3 {
font-size: 20px;
padding-top: 15px;
}
.about-testo .about-testo-content {
font-size: 15px;
line-height: 20px;
padding-top: 15px;
}
.about-programmi {
padding-top: 20px;
}
.about-programmi .about-programmi-testo {
font-size: 15px;
line-height: 22px;
}
.about-programmi h3 {
padding-top: 20px;
font-size: 25px;
line-height: 32px;
}
.about-slick-title {
font-size: 15px;
line-height: 22px;
}
.blog-intro {
padding: 20px 0;
}
.blog-intro h1 {
font-size: 30px;
line-height: 45px;
}
.blog-categorie {
padding-top: 20px;
}
.blog-categorie .categories {
font-size: 22px;
}
.blog-categorie .categories .cat-item {
font-size: 12px;
line-height: 25px;
}
.blog-evidenza {
margin-top: 25px;
padding-bottom: 15px;
}
.blog-evidenza .blog-testo {
max-height: 34px;
margin-bottom: 15px;
}
.blog-evidenza .blog-categoria {
top: auto;
left: 10px;
bottom: 10px;
}
.blog-content {
padding: 10px;
}
.blog-title {
font-size: 20px;
margin-bottom: 10px;
}
.blog-testo {
font-size: 13px;
line-height: 18px;
}
.blog-data {
font-size: 11px;
}
.blog-tab-single .blog-content {
position: relative;
left: 0;
padding: 0 8.33333333% 15px;
}
.blog-tab-single
.blog-content
.blog-content-inner
.blog-content-inner-middle {
display: block;
margin-top: 15px;
}
.blog-tab-single .blog-title {
font-size: 20px;
line-height: 25px;
margin-top: 7px;
max-height: 25px;
margin-bottom: 0;
}
.blog-tab-single .blog-data {
margin-top: 10px;
}
.blog-tab-single .blog-testo {
max-height: 55px;
}
.blog-tab-single .blog-img {
width: 100%;
}
.blog-newsletter {
padding: 20px 0;
}
.blog-newsletter h3 {
font-size: 28px;
line-height: 35px;
}
.blog-newsletter .blog-newsletter-testo {
font-size: 14px;
margin-bottom: 20px;
}
.blog-form .blog-email {
padding: 0 10px;
}
.blog-form .blog-email:before {
left: 21px;
top: 10px;
width: 23px;
height: 15px;
background-size: 23px 15px;
}
.blog-form .blog-email input {
width: 100%;
line-height: 35px;
height: 35px;
padding-right: 45px;
font-size: 18px;
}
.blog-form .blog-form .blog-submit button {
width: 35px;
height: 35px;
}
.blog-form .blog-form .blog-submit button:before {
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
background-size: 20px 20px;
}
.blogsingle-header {
font-size: 35px;
line-height: 100px;
padding: 170px 0 100px 0;
}
.blogsingle-post {
padding: 20px 0;
}
.blogsingle-post h1 {
font-size: 30px;
line-height: 40px;
margin: 10px 0;
}
.blogsingle-post .blog-testo {
font-size: 14px;
margin-top: 10px;
margin-bottom: 15px;
}
.blogsingle-content {
font-size: 13px;
line-height: 20px;
padding-top: 15px;
padding-bottom: 15px;
}
.blogpost-citazione {
font-size: 20px;
line-height: 30px;
padding-top: 10px;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 15px;
}
.blogpost-citazione:before {
width: 34px;
height: 24px;
}
.blogsingle-related {
padding: 20px 0 40px;
}
.blogsingle-related h4 {
font-size: 25px;
font-weight: 400;
line-height: 30px;
}
.related-single .related-content-inner {
display: block;
padding: 10px 0;
}
.related-single .related-content {
height: auto;
}
.faq-mega-intro {
padding: 20px 0;
}
.faq-mega-intro h1 {
font-size: 40px;
line-height: 55px;
}
.faq-intro {
padding-top: 20px;
}
.faq-intro h2 {
font-size: 35px;
}
.faq-intro .faq-intro-subtitle {
font-size: 13px;
line-height: 20px;
}
.faq-cerca-inner {
margin-top: 20px;
padding: 15px 20px 5px;
margin-bottom: 10px;
}
.faq-cerca-inner .cerca_faq {
height: 45px;
line-height: 45px;
font-size: 12px;
}
.faq_cerca_argomenti {
margin-top: 15px;
padding: 10px 0 0;
}
.faq_cerca_argomenti:before {
left: -20px;
right: -20px;
}
.faq_cerca_argomenti .faq_cerca_tag_container {
display: block;
}
.faq_cerca_argomenti .faq_cerca_argomenti_label {
font-size: 17px;
line-height: 20px;
margin-bottom: 15px;
}
.faq_cerca_argomenti .faq_cerca_tag {
line-height: 25px;
font-size: 12px;
padding: 0 10px;
margin-left: 0;
margin-right: 5px;
margin-bottom: 10px;
}
.accordion_faq .faq-column {
padding: 0 !important;
}
.accordion_faq .faq-column:first-child {
margin-bottom: 0;
}
.accordion_faq .faq-column:first-child .faq-column-inner {
border-radius: 8px 8px 0 0;
}
.accordion_faq .faq-column:last-child {
margin-top: 0;
}
.accordion_faq .faq-column:last-child .faq-column-inner {
border-radius: 0 0 8px 8px;
border-top: 0;
}
.accordion_faq .panel-title {
line-height: 50px;
font-size: 15px;
}
.faq_info h3 {
font-size: 25px;
line-height: 35px;
}
.faq_info .faq_info_testo {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
}
.faq_info .box-info-button {
margin-top: 10px;
}
.contatti-intro {
padding: 20px 0;
}
.contatti-intro h1 {
font-size: 40px;
line-height: 55px;
}
.contatti-intro h2 {
font-size: 14px;
line-height: 20px;
}
.contatti-form {
padding: 20px 0;
}
.contatti-form .contatti-form-element {
margin-bottom: 20px;
padding-right: 0;
}
.contatti-form input {
line-height: 35px;
height: 35px;
font-size: 12px;
}
.contatti-form .simpleselect {
height: 35px;
font-size: 12px;
line-height: 35px;
}
.contatti-form .simpleselect .placeholder,
.contatti-form .simpleselect .options .option {
line-height: 35px;
}
.contatti-form textarea {
font-size: 12px;
height: 150px;
}
.contatti-form .wpcf7-submit {
line-height: 35px;
}
.download-intro {
padding: 20px 0;
}
.download-intro h1 {
font-size: 30px;
}
.download-intro .download-intro-subtitle {
font-size: 14px;
line-height: 20px;
}
.download-accordion .download-accordion-title {
font-size: 25px;
line-height: 35px;
padding: 20px 0;
}
.download-accordion .download-accordion-title .download-accordion-title-top {
top: 25px;
}
.download-accordion
.download-accordion-title
.download-accordion-title-top
.icon {
width: 24px;
height: 14px;
}
.download-accordion-files-list {
padding: 10px 0;
}
.download-accordion-file {
padding: 0 !important;
}
.download-accordion-file a {
font-size: 14px;
line-height: 20px;
padding: 10px 30px 10px 10px;
}
.download-accordion-file a .icon {
right: 8px;
top: 13px;
width: 12px;
height: 12.5px;
}
.download-info h2 {
font-size: 25px;
line-height: 30px;
}
.download-info .download-info-subtitle {
font-size: 14px;
line-height: 18px;
padding-top: 0;
padding-bottom: 0;
}
.download-info .button {
margin-top: 15px;
}
.programma-intro {
padding: 20px 0;
}
.programma-intro .button-custom {
margin-top: 15px;
line-height: 30px;
font-size: 12px;
}
.programma-logo {
margin-top: 15px;
}
.programma-title {
margin: 20px 0 0;
font-size: 35px;
line-height: 45px;
}
.programma-subtitle {
font-size: 18px;
line-height: 25px;
}
.modulo-testo-breve {
padding: 20px 0;
font-size: 15px;
line-height: 20px;
}
.programma-preview-video-container {
padding: 0 30%;
margin-bottom: 15px;
}
.modulo-destinazioni {
padding: 20px 0;
}
.modulo-destinazioni .modulo-destinazioni-title {
font-size: 30px;
}
.modulo-destinazioni .modulo-destinazioni-subtitle {
font-size: 14px;
line-height: 19px;
margin-bottom: 20px;
}
.modulo-destinazioni-box {
width: 100%;
height: 150px;
margin-right: 0;
margin-bottom: 15px;
}
.modulo-destinazioni-box-title {
font-size: 17px;
line-height: 20px;
}
.modulo-testo-espanso-dx {
padding: 20px 0;
}
.modulo-testo-content.brochure {
padding-left: 0;
}
.modulo-tabs-container.intervista {
padding-right: 0;
}
.programma-brochure {
position: relative;
width: 100%;
}
.programma-brochure-icon-container {
display: none;
}
.modulo-testo-subtitle {
font-size: 16px;
line-height: 22px;
margin-top: 20px;
}
.intervista-container {
position: relative;
width: 100%;
min-height: 1px;
float: left;
}
ul.tabs-left > li.active:after {
display: none;
}
ul.tabs-left > li > a {
min-height: 1px;
}
.modulo-tabs-border {
margin-bottom: 20px;
}
.modulo-tabs-border > div {
z-index: 2;
}
.programma-test {
padding: 20px 0;
}
.programma-test h2 {
font-size: 35px;
line-height: 45px;
}
.programma-test .programma-test-subtitle {
font-size: 15px;
margin-bottom: 20px;
}
.modulo-testo-espanso-sx {
padding: 20px 0;
}
.modulo-testo-espanso-sx-container {
font-size: 12px;
}
.modulo-testo-espanso-sx-container.testimonianza-guida {
padding-left: 0;
min-height: 1px;
}
.modulo-testo-espanso-sx-container h1 {
font-size: 25px;
line-height: 30px;
margin: 0;
}
.modulo-testo-espanso-sx-container h2 {
font-size: 16px;
line-height: 25px;
margin-bottom: 10px;
margin-top: 10px;
}
.modulo-testo-guida-testimonianza-container {
position: relative;
margin-top: 20px;
}
.modulo-testo-guida-icon {
display: none;
}
.modulo-testo-guida-intro-title {
line-height: 35px;
}
.modulo-testo-guida-title {
font-size: 14px;
padding-top: 10px;
}
.modulo-testo-guida-container {
margin-bottom: 20px;
}
.modulo-testo-guida-container .button {
margin-top: 10px;
margin-bottom: 10px;
}
.modulo-testo-guida-container,
.modulo-testo-testimonianza-container {
width: 100%;
}
.modulo-informazioni-title {
line-height: 55px;
font-size: 18px;
padding: 0 20px;
text-align: center;
}
.modulo-informazioni-form {
padding: 0 20px;
}
.modulo-informazioni-form .contatti-form-element {
padding-right: 0;
}
.modulo-informazioni-form .char-counter {
right: 20px;
}
.contatti-submit {
text-align: center;
}
.contatti-submit input {
width: 100%;
margin-bottom: 0;
}
.modulo-informazioni-container {
margin-bottom: 30px;
}
.modulo-programmi {
padding: 20px 0;
}
.modulo-programmi h2 {
font-size: 30px;
line-height: 35px;
}
.intro-destinazioni {
padding: 20px 0;
}
.intro-destinazioni h1 {
margin: 10px 0;
font-size: 35px;
line-height: 40px;
}
.intro-destinazioni .button {
margin-top: 10px;
}
.intro-destinazioni-prev,
.intro-destinazioni-next {
display: none;
}
.modulo-testo h1 {
font-size: 25px;
line-height: 35px;
}
.modulo-testo h2 {
font-size: 15px;
line-height: 25px;
margin-bottom: 10px;
margin-top: 0;
}
.white {
font-size: 14px;
line-height: 20px;
}
.white h1 {
font-size: 25px;
line-height: 35px;
}
.white h2 {
font-size: 22px;
margin-bottom: 10px;
line-height: 22px;
}
.modal-content {
padding: 10px 20px;
}
.modal-close:after {
top: -20px;
}
.modulo-testimonianza-content {
padding-left: 0;
}
.modulo-testimonianza-box {
position: relative;
width: 100%;
margin-top: 10px;
}
.modulo-prenota {
padding: 30px 0;
}
.modulo-prenota h2 {
font-size: 25px;
line-height: 30px;
}
.modulo-prenota .modulo-prenota-subtitle {
font-size: 15px;
margin: 10px 0 0;
}
.modulo-prenota .button {
margin-top: 20px;
}
.prenotazione-text {
font-size: 18px;
line-height: 25px;
}
.prenotazione-tabs-content .nav-tabs > li {
width: 100%;
}
.prenotazione-tabs-content .nav-tabs > li:before,
.prenotazione-tabs-content .nav-tabs > li:after {
display: none;
}
.prenotazione-tabs-content .nav-tabs > li a {
padding-right: 0 !important;
padding-left: 50px !important;
text-align: left;
line-height: 35px;
}
.prenotazione-tabs-content .tab-content h3 {
font-size: 19px;
}
.prenotazione-form {
padding: 10px 20px 0 20px;
}
.prenotazione-input {
padding-right: 0;
margin-bottom: 10px;
}
.prenotazione-info {
margin-top: 20px;
font-size: 13px;
line-height: 22px;
}
.prenotazione-step2-content h1 {
font-size: 45px;
}
.prenotazione-step2-content .prenotazione-step2-text {
font-size: 15px;
line-height: 20px;
}
.prenotazione-extended .button {
font-size: 12px;
}
.about-galleria-control {
display: none;
}
.download-bottone-container > div > a {
padding: 5px 25px !important;
}
.type-mini p {
width: 120px;
position: relative;
top: 13px;
}
.type-mini .icon {
display: none;
}
.modulo-testo .titolo {
text-align: left;
}
.modulo-testo .testo {
padding-top: 0;
padding-left: 0;
}
.modulo-galleria-full .item {
padding-bottom: 50%;
}
.modulo-scheda-di-presentazione-img,
.modulo-scheda-di-prenotazione .modulo-scheda-di-prenotazione-img {
display: none;
}
.modulo-scheda-di-presentazione .modulo-scheda-di-presentazione-testo {
padding-right: 0;
}
.modulo-condizioni-per-il-viaggio .modulo-condizioni-per-il-viaggio-testo {
padding-left: 0;
}
.modulo-scheda-di-prenotazione .modulo-scheda-di-prenotazione-testo {
padding-left: 0;
padding-right: 8.33333333%;
}
.modulo-condizioni-per-il-viaggio .condizioni-container {
position: static;
margin-top: 20px;
}
.modulo-scheda-di-presentazione {
margin-top: 0;
}
.home-news .slick-list:before,
.home-news .slick-list:after {
display: none;
}
.modulo-tabs-container.intervista {
padding: 0 10px !important;
}
.modulo_doppio-testo-img-dx .text,
.modulo_doppio-testo-img-dx .text2 {
padding-right: 0 !important;
}
.modulo_doppio-testo-img-dx .text2 h1,
.modulo_doppio-testo-img-dx .text2 p {
text-align: left !important;
}
.hp-slideshow {
background-position: bottom center;
}
.home-perche {
min-height: 645px;
}
.inps-logo .icon {
top: 20px;
}
.inps-yfu,
.landing-inps-intro .inps-yfu {
top: 150px;
right: auto;
left: 0;
}
.inps-yfu:after,
.landing-inps-intro .inps-yfu:after {
display: none;
}
.inps-hsp .icon,
.landing-inps-intro .inps-hsp .icon {
top: 215px;
right: auto;
left: 0;
}
.inps-intro {
padding-bottom: 50px;
}
.inps-intro h1 {
font-size: 47px;
padding-top: 270px;
}
.inps-intro .testo {
font-size: 24px;
line-height: 33px;
}
.destinazioni-inps .button {
font-size: 11px;
}
.destinazioni_YFU_show {
margin-right: 15px;
}
.inps-modulo1 .testo {
font-size: 18px;
line-height: 29px;
}
.inps-modulo1 .button {
font-size: 9px;
}
.footer-inps .footer-dati {
border-bottom: 0;
}
.footer-inps h1 {
font-size: 19px;
text-align: center;
}
.footer-inps .footer-dati-rights {
text-align: center;
padding-top: 0;
}
.inps-modulo1 .button + .button {
margin-left: 0;
}
.landing-inps-intro {
padding: 20px 0;
}
.landing-inps-intro h1 {
padding-top: 140px;
}
.landing-inps-intro .testo {
padding-top: 15px;
font-size: 22px;
}
.landing-inps-intro .gform_wrapper .gform_body .gfield {
padding: 0 !important;
}
.landing-inps-intro .gform_wrapper .gform_footer {
padding: 0;
text-align: center;
}
.landing-inps-intro .gform_wrapper .gform_footer .button {
font-size: 14px !important;
}
.landing-inps-box h2 {
font-size: 25px;
line-height: 40px;
}
.landing-inps-box h3 {
font-size: 16px;
line-height: 24px;
}
.hp-banner-inps {
font-size: 20px;
line-height: 25px;
padding: 15px;
}
.hp-banner-inps a {
position: relative;
top: 30px;
margin-right: 0;
}
.hp-banner-inps span {
display: block;
}
}
@media screen and (max-width: 389px) {
.home-infografica {
height: 1000px;
}
.home-infografica .home-infografica-schema {
margin-top: 30px;
}
.home-infografica:after {
width: 254px;
height: 615px;
margin-left: -127px;
top: 400px;
}
.home-infografica .step-box {
height: 166px;
width: 254px;
margin-left: -127px;
}
.home-infografica .step {
height: 166px;
}
.home-infografica .step2-box {
top: -17px;
}
.home-infografica .step3-box {
top: -34px;
}
.home-infografica .step4-box {
top: -61px;
}
}
@media (max-width: 767px) {
.tabs-left {
display: none !important;
}
.modulo-tabs-content .tab-pane {
display: block !important;
}
.tabs-destinazioni.modulo-tabs .tab-content table td,
.tabs-destinazioni.modulo-tabs .tab-content table th {
padding: 2px !important;
font-size: 10px;
}
.modulo-tabs .tab-content {
padding: 0 10px 30px 10px;
}
.col-xs-10.modulo-tabs-container {
width: 100%;
margin-top: 0;
padding: 10px;
}
.condizioni-container {
width: 100% !important;
}
.modulo-tabs {
margin-bottom: 0px;
}
.modulo-scheda-di-prenotazione,
.modulo-condizioni-per-il-viaggio {
margin-bottom: 10px !important;
margin-top: 1px;
min-height: initial !important;
}
.modulo-scheda-di-prenotazione h1,
.modulo-scheda-di-prenotazione h2,
.modulo-condizioni-per-il-viaggio h1,
.modulo-condizioni-per-il-viaggio h2 {
font-size: 20px !important;
line-height: 1em !important;
font-weight: 100 !important;
}
.modulo-testo-text .button-custom {
line-height: 1.3em;
padding: 1em 1.5em;
}
.home-news .home-news-single {
border-left: 5px solid #0a9999;
margin: 0px 5px 0 5px;
padding: 10px;
} .mosaico-text-container-inner {
padding-right: 10px;
padding-left: 10px !important;
padding-top: 10px;
padding-bottom: 10px;
min-height: 80px;
}
.mosaico:before {
left: 10px;
top: 50%;
width: 50px;
height: 50px;
border-radius: 3px;
}
.mosaico-title {
font-size: 20px;
line-height: 1em;
left: 85px;
}
.mosaico-text {
display: none;
}
.mosaico:hover .mosaico-title,
.mosaico:focus .mosaico-title {
opacity: 1;
}
.mosaico-yfu:after {
background-position: -88px 0;
background-size: 156px 39px;
width: 30px;
height: 39.5px;
left: 22px;
}
.mosaico-hsp:after {
background-position: -29px 0;
background-size: 130px 33px;
width: 43.5px;
height: 14.5px;
left: 14px;
}
.mosaico-sc:after {
background-position: -137px 0;
background-size: 180px 46px;
width: 41.5px;
height: 42px;
left: 14px;
}
.mosaico-sl:after {
background-size: 180px 46px;
width: 40px;
height: 41.5px;
left: 15px;
}
.tabs-destinazioni.modulo-tabs .tab-content table h1:before,
.tabs-destinazioni.modulo-tabs .tab-content table h2:before {
display: none !important;
font-size: 10px !important;
}
.tabs-destinazioni.modulo-tabs .tab-content table h1,
.tabs-destinazioni.modulo-tabs .tab-content table h2 {
font-size: 9px !important;
}
.modulo-pillole .modulo-testo-content {
padding-right: 0;
}
.pillole-container ul li {
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-right: 0;
}
.speciality-content-in {
padding: 0 !important;
}
.speciality-content-in .speciality-content-img {
display: none;
}
.speciality-content-in .speciality-content-footer-durata,
.speciality-content-in .speciality-content-footer-prezzo {
width: 100%;
}
.speciality-content-in .speciality-content-footer-durata {
border-bottom: 1px solid #eaeaea;
}
.table-responsive {
border: 0;
}
.mappa-inner-paesi-title,
.mappa-inner-paesi,
.bottone-mappa {
width: 180px;
}
#mappa-sc {
margin-left: 180px;
}
.bottone-mappa {
height: 67px;
line-height: 67px;
font-size: 15px;
}
}
@media (max-width: 767px) and (orientation: portrait) {
.mappa-inner {
position: relative;
height: 160px;
}
.mappa-inner:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: -1px;
bottom: 0;
background: #ea5d0e url(//www.navigando.it/cms/wp-content/themes/navigando/images/phone.png) no-repeat center 13px;
z-index: 1;
background-size: 65px;
}
.mappa-inner:after {
content: "Ruota il tuo smartphone per visualizzare la mappa";
position: absolute;
top: 50%;
left: 0;
right: -1px;
color: #000;
z-index: 2;
padding: 10px 30px 0;
}
} .download-intro h1,
.download-intro .download-intro-subtitle,
.download-info h2,
.download-info .download-info-subtitle {
color: #fff;
}
.download-intro,
.download-info {
background-repeat: no-repeat;
background-position: center;
}
.download-intro {
padding: 200px 100px 85px;
}
.download-categoria {
font-family: "Roboto Slab", serif;
color: #1b5e5e;
margin: 30px 0px;
}
.download-nome {
text-align: center;
text-transform: uppercase;
padding: 15px 5px;
}
.download-bottone-container {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
}
.download-bottone-container > div {
text-align: center;
}
.download-bottone-container > div > a {
padding: 5px 35px;
background-color: #1b5e5e;
color: #fff;
border-radius: 200px;
border: 1px solid #1b5e5e;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.type-mini a {
display: block;
width: 100%;
position: relative;
color: #333;
}
.download-bottone-container > div > a:hover,
.type-mini a:hover {
text-decoration: none;
}
.download-bottone-container > div > a:hover {
color: #fff;
background-color: rgba(27, 94, 94, 0.3);
}
.type-mini img {
width: 100px;
height: 100px;
display: inline-block;
}
.type-mini p {
display: inline-block;
margin-left: 15px;
text-transform: uppercase;
}
.type-mini svg {
position: absolute;
right: 15px;
top: 45px;
bottom: 0px;
}
.download-border {
border: 1px solid #ddd;
border-radius: 5px;
}
img.round-left-border {
border-radius: 5px 0px 0px 5px;
}
.menu-principale ul.navbar-nav > li.famiglia a .icon-famiglia {
width: 22px;
height: 22px;
}
.wait {
opacity: 0;
}
.menu-principale ul.navbar-nav > li.studenti {
width: 16%;
}
.menu-principale ul.navbar-nav > li.istituti {
width: 25%;
}
.menu-principale ul.navbar-nav > li.uni-business {
width: 28%;
}
.menu-principale ul.navbar-nav > li.famiglia {
width: 15%;
}
.programma-label {
display: none;
}
.programma-logo {
margin-top: 0px;
}
.modulo-destinazioni-link {
right: auto;
top: auto;
position: relative;
color: #fff;
}
.programma-test.testo-bottone {
margin-bottom: 30px;
}
.modulo-tabs-container.intervista {
padding-right: 0px;
padding-left: 250px;
}
.intervista-container {
right: auto;
left: 0px;
}
.modulo_doppio-testo-img-dx h1 {
font-family: "Roboto Slab", serif;
color: #7e3285;
}
.modulo_doppio-testo-img-dx .text2 h1 {
font-family: "Roboto Slab", serif;
}
.modulo_doppio-testo-img-dx {
margin: 40px 0px;
}
.modulo-destinazioni-box:hover .modulo-destinazioni-box-title {
text-align: center;
}
@media (max-width: 991px) and (min-width: 768px) {
.home-test-select.dove {
padding-right: 20px;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.menu-principale ul.navbar-nav > li:not(.facebook):not(.instagram) a .icon {
display: none;
}
}
@media (max-width: 767px) {
body:not(.home) .navbar-header {
top: 3px;
}
.navbar-navigando .navbar-collapse.collapse.in {
overflow: hidden;
min-height: 100px;
}
} body .gform_wrapper {
width: 100%;
}
body .gform_wrapper .gform_body {
width: 100% !important;
}
body .gform_wrapper .gform_body .gform_fields .gsection {
border: none;
padding: 0px;
margin: 0px;
padding-top: 20px;
font-family: "Roboto Slab", serif;
}
.gf_browser_chrome {
border: 1px solid #eee;
}
body .gform_body {
padding: 10px 20px;
background-color: #f9f9f9;
}
body .gform_wrapper .gform_body .gform_fields .gsection_title {
text-transform: capitalize;
color: #7e3285;
font-family: "Roboto Slab", serif;
}
body .gform_wrapper .gf_page_steps {
margin: auto;
padding: 0 20px 5px;
}
body .gform_wrapper .gform_body .gform_fields .gfield_label {
text-transform: uppercase;
color: #006168;
font-size: 12px;
}
body .gform_wrapper .gform_body .gform_fields .gfield_list th {
text-transform: uppercase;
color: #006168;
font-size: 12px;
}
body .gform_wrapper .gf_page_steps .gf_step_label {
font-size: 20px !important;
font-family: "Roboto Slab", serif;
}
body .gform_wrapper .gf_step.gf_step_active .gf_step_number {
color: #006168 !important;
font-weight: bolder;
font-family: "Roboto Slab", serif;
}
body .gform_wrapper .gf_step.gf_step_active .gf_step_label {
color: #006168 !important;
font-weight: bolder;
font-family: "Roboto Slab", serif;
}
.gf_step_pending {
display: none !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"] {
line-height: 45px;
height: 45px;
background-color: #eee;
border-radius: 5px;
border: 0;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07);
color: #3b3d40;
padding: 0 15px;
width: 100%;
font-family: "Roboto Slab", serif;
}
body .gform_wrapper .gform_page_footer,
body .gform_wrapper .gform_footer {
text-align: center;
}
.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li {
width: auto !important;
margin: 0px 10px !important;
margin-left: 0px !important;
font-family: "Roboto Slab", serif;
}
.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li label {
overflow: visible !important;
font-family: "Roboto Slab", serif;
}
body .gform_wrapper .gform_page_footer .button,
body .gform_wrapper .gform_footer .button {
width: 175px;
line-height: 22px;
border-radius: 16px;
color: white;
font-size: 12px !important;
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 10px 0 28px;
background-color: #006168;
border: 1px solid #006168 !important;
padding: 5px 15px;
}
body .gform_wrapper .gform_page_footer .button:hover,
body .gform_wrapper .gform_footer .button:hover {
opacity: 0.7 !important;
}
body .gform_wrapper .gform_page_footer .button.gform_previous_button,
body .gform_wrapper .gform_footer .button.gform_previous_button {
display: none;
}
body .gform_wrapper .gform_page_footer input[type="submit"] {
background-color: #7e3285;
font-family: "Roboto Slab", serif;
}
body .gform_wrapper li.gfield.gfield_error {
background-color: transparent !important;
border-top: 0px !important;
border-bottom: 0px !important;
font-family: "Roboto Slab", serif;
}
body
.gform_wrapper
li.gfield_error
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper li.gfield_error textarea {
border: 0px !important;
}
body .gform_wrapper div.validation_error {
border: 0px !important;
background-color: #f9f9f9;
margin: 0px !important;
padding-bottom: 0px;
font-family: "Roboto Slab", serif;
color: #f00;
}
.gform_wrapper .validation_message {
font-family: "Roboto Slab", serif;
color: #f00;
font-size: 13px;
}
body .gform_wrapper .gform_footer {
background-color: #f9f9f9;
padding: 15px;
margin: 0px;
} .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} @-webkit-keyframes growIn {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes growIn {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.growIn {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.growIn.go {
-webkit-animation-name: growIn;
animation-name: growIn;
} @-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(300px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(300px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
opacity: 0;
-webkit-transform: translateY(300px);
transform: translateY(300px);
}
.fadeInDown.go {
opacity: 1;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownShort {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDownShort {
0% {
opacity: 0;
transform: translateY(100px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownShort {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.fadeInDownShort.go {
-webkit-animation-name: fadeInDownShort;
animation-name: fadeInDownShort;
}
.mosaico-vac:before {
background-color: #006352;
}
.mosaico-vac:after {
background: url(http://www.navigando.it/cms/wp-content/uploads/2016/10/logo_navvacanze1.png);
background-repeat: no-repeat;
background-size: 60px 38px;
width: 10%;
height: 40%;
left: 58px;
top: 83px;
}
.mosaico-sum:before {
background-color: #d64304;
}
.mosaico-sum:after {
background: url(http://www.navigando.it/cms/wp-content/uploads/2016/10/logo_summercamp-1.png);
background-size: 60px 60px;
background-repeat: no-repeat;
width: 60px;
height: 60px;
left: 58px;
}
.mosaico-aca:before {
background-color: #822917;
}
.mosaico-aca:after {
background: url(http://www.navigando.it/cms/wp-content/uploads/2016/10/logo_acchallenge.png);
background-size: 54px 54px;
width: 54px;
height: 54px;
left: 60px;
}
.mosaico-act:before {
background-color: #c9105a;
}
.mosaico-act:after {
background: url(http://www.navigando.it/cms/wp-content/uploads/2016/10/logo_acttalk.png);
background-size: 64px 12px;
background-repeat: no-repeat;
width: 80px;
height: 52.5px;
left: 56px;
top: 97px;
}
@media (max-width: 767px) {
.mosaico-vac:after {
background-size: 30px 20px;
width: 30px;
height: 20px;
left: 24px;
top: 40px;
}
.mosaico-aca:after {
background-size: 27px 27px;
width: 27px;
height: 27px;
left: 21px;
}
.mosaico-sum:after {
background-size: 30px 30px;
width: 30px;
height: 30px;
left: 21px;
}
.mosaico-act:after {
background-size: 32px 6px;
width: 32px;
height: 6px;
left: 20px;
top: 40px;
}
} .navbar-navigando {
height: 150px;
background: transparent;
border: 0px solid;
}
.navbar-navigando:after {
content: "";
width: calc(100% - 60px);
height: 1px;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
position: absolute;
margin: 0 30px;
}
.navbar-navigando .navbar-brand {
position: absolute;
top: 50%;
left: 33px;
height: auto;
transform: translateY(-50%);
z-index: 11;
}
.navbar-navigando .logo-bianco {
width: 112px;
}
@media (min-width: 12px) {
.navbar-nav {
float: initial;
position: absolute;
margin: auto;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
}
.navbar-nav li {
display: inline-block;
float: inherit;
}
.navbar-nav li.studenti.dropdown:first-child a:after {
content: "\f0dd";
font-family: "FontAwesome";
color: #fff;
top: -3px;
position: relative;
transition: 0.5s;
}
.navbar-nav li.universitari.dropdown a:after {
content: "\f0dd";
font-family: "FontAwesome";
color: #fff;
top: -3px;
position: relative;
transition: 0.5s;
}
.navbar-fill .navbar-nav li.studenti.dropdown:first-child a:after {
color: black;
}
.navbar-fill .navbar-nav li.universitari.dropdown a:after {
color: black;
}
.navbar-fill .navbar-nav li.universitari.dropdown li a:after,
.navbar-nav li.universitari.dropdown li a:after {
display: none;
}
.navbar-nav li.studenti.dropdown:first-child li a:after {
opacity: 0;
}
.navbar-nav li.dropdown:first-child a:hover:after {
opacity: 0.7;
}
.navbar-nav li a,
.navbar-default .navbar-nav > li > a {
color: #fff;
font-family: "Roboto";
font-size: 16px; }
.navbar-nav li.contatti a {
margin-right: 0;
}
.social-menu {
float: right;
margin-right: 30px;
}
.social-menu li {
display: inline-block;
line-height: 1em;
margin: 1em;
margin-right: 0;
}
.social-menu li a {
line-height: 2em;
margin: 0;
}
.navbar-fill .social-menu li a {
color: black;
}
.social-menu li:first-child {
margin-right: 1em;
}
.menu-principale ul.navbar-nav {
background: transparent;
border: 0px;
display: block;
z-index: 10;
}
.menu-principale ul.navbar-nav > li {
border: 0;
width: auto !important;
}
.menu-principale ul.navbar-nav > li > a {
color: #fff;
margin-right: 0;
font-weight: normal;
text-transform: lowercase;
padding: 0;
padding-left: 60px;
transition: 0.5s;
}
@media all and (min-width: 1921px) {
.menu-principale ul.navbar-nav > li > a {
padding-left: 60px;
}
}
@media all and (max-width: 1920px) {
.menu-principale ul.navbar-nav > li > a {
padding-left: 30px;
}
}
.menu-principale ul.navbar-nav > li > a:first-letter {
text-transform: uppercase;
}
.menu-principale ul.navbar-nav > li > a:hover,
.menu-principale ul.navbar-nav > li > a:active,
.menu-principale ul.navbar-nav > li > a:focus {
color: #fff;
opacity: 0.7;
}
.menu-principale.navbar-fill ul.navbar-nav > li > a {
color: black;
}
.navbar-navigando,
.navbar-navigando .navbar-brand img {
transition: 0.5s;
}
.navbar-navigando:not(.navbar-fill) .logo-bianco path {
fill: white;
}
.navbar-navigando.navbar-fill {
background: white;
margin: 0;
height: 80px;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}
.navbar-navigando.navbar-fill .navbar-brand {
overflow: hidden;
height: 20px;
position: absolute;
padding: 0;
top: 50%;
transform: translateY(-50%);
}
}
.wrapper-home {
height: 80vh;
}
.wrapper-button .wrp-service {
background-color: white;
overflow: hidden;
display: flex;
position: relative;
padding-right: 100px;
width: 100%;
}
@media (min-width: 630px) and (max-width: 1199px) {
.wrapper-button .wrp-service {
width: 50%;
}
}
.wrapper-button .item-service {
height: 100px;
display: table;
width: 100%;
overflow: hidden;
}
.wrapper-button .item-service .dot {
width: 120px;
height: 120px;
background: red;
position: absolute;
right: -50px;
border-radius: 50%;
top: -10px;
}
.wrapper-button .item-service a .dot {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.323s;
transition-duration: 0.323s;
}
.wrapper-button .item-service a:hover .dot,
.wrapper-button .item-service a:focus .dot,
.wrapper-button .item-service a:active .dot {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 1.7, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 1.7, 0.31, -0.36);
}
.wrapper-button .item-service a:before {
content: "\f054";
color: white;
font-family: "FontAwesome";
font-size: 18px;
line-height: 18px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.wrapper-button a {
padding: 1.2em;
color: #000000;
font-family: Roboto;
font-size: 18px;
line-height: 21px;
display: table-cell;
vertical-align: middle;
}
.wrapper-button a:hover,
.wrapper-button a:focus,
.wrapper-button a:active {
text-decoration: none;
}
ul.slide-home {
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
height: 80vh;
background: #333331;
overflow: hidden;
}
.wrapper-home {
position: absolute;
top: 0;
width: 100vw;
height: 90vh;
}
ul.slide-home li.child,
ul.slide-home li.main {
opacity: 0;
transition: 1s;
}
ul.slide-home li.child.active,
ul.slide-home li.main.active {
opacity: 1;
transition: 1s;
}
.wrapper-home,
.wrapper-program {
background-position: center;
background-size: cover;
}
.wrapper-program {
height: 100%;
}
.wrapper-home .wrp-text {
position: absolute;
text-align: center;
font-family: "Roboto Slab";
top: 50%;
color: white;
right: 0;
left: 0;
margin: auto;
transform: translateY(-50%);
transition: 0.5s;
}
.wrapper-home .wrp-text h2 {
font-weight: bold;
font-size: 64px;
text-transform: uppercase;
transition: 0.5s;
}
.text-program h2,
.desc-program h2,
.text-fixed h2,
.desc-fixed h2 {
transition: 22s;
}
.wrapper-home .wrp-text p {
font-size: 24px;
font-family: "Roboto";
width: 40vw;
margin: auto;
transition: 0.5s;
}
.wrapper-home .overlay {
position: absolute;
width: 100%;
height: 100%;
background: #555;
opacity: 0.4;
transition: 0.5s;
}
.menu-principale ul.navbar-nav > li.istituti {
width: auto !important;
}
@media (max-width: 1190px) {
.menu-principale ul.navbar-nav > li > a {
padding-left: 30px;
}
.wrapper-button .wrp-service a span {
width: 70%;
display: block;
}
.wrapper-home .wrp-text p {
width: 70vw;
}
}
@media (max-width: 960px) {
.navbar-navigando .navbar-header {
float: none;
}
.navbar-navigando .navbar-toggle {
display: block;
}
.navbar-navigando .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-navigando .navbar-collapse.collapse {
display: none !important;
}
.navbar-navigando .navbar-nav {
float: none !important;
margin: 7.5px -15px;
}
.navbar-navigando .navbar-nav > li {
float: none;
}
.navbar-navigando .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
color: black;
text-align: left;
}
.navbar-navigando .navbar-collapse.collapse.in {
display: block !important;
}
.menu-principale ul.navbar-nav > li {
display: block;
}
.navbar-nav li a,
.menu-principale ul.navbar-nav > li > a {
color: black;
text-align: left;
}
.navbar-navigando .navbar-nav {
top: 100%;
transform: none;
color: black;
text-align: left;
margin: 0;
background-color: white !important;
}
.social-menu {
float: left;
padding-left: 15px;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: transparent;
border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: white;
}
.navbar-default.navbar-fill .navbar-toggle .icon-bar {
background-color: #1b6060;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30px;
padding: 0;
margin: 0;
z-index: 10;
}
.navbar-default.navbar-fill .navbar-toggle,
.navbar-default.navbar-fill .navbar-toggle:hover,
.navbar-default.navbar-fill .navbar-toggle:focus {
right: 30px;
}
.menu-principale ul.navbar-nav > li {
float: none;
}
.menu-principale ul.navbar-nav > li > a:hover,
.menu-principale ul.navbar-nav > li > a:active,
.menu-principale ul.navbar-nav > li > a:focus {
color: black;
}
.navbar-navigando:not(.navbar-fill) .navbar-brand {
left: 30px;
}
.wrapper-text-header-programma {
transform: translateY(-40%);
margin: auto 30px;
}
.wrapper-home .wrp-text h2 {
font-size: 4em;
}
.wrapper-home .wrp-text p {
width: 100%;
font-size: 1.2em;
}
.wrapper-home .wrp-text {
transform: translateY(-40%);
margin: auto 20px;
}
}
@media (max-width: 576px) {
.navbar-navigando {
height: 100px;
}
.navbar-navigando .navbar-brand,
.navbar-navigando:not(.navbar-fill) .navbar-brand {
left: 30px;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
right: 30px;
}
.modulo-programmi {
padding: 100px 0;
}
.wrapper-home .wrp-text h2 {
font-size: 3em;
}
}
.scale-dot {
transform: scale(1.2) !important;
}
.contatti-form.prenotazioni input,
.contatti-form.prenotazioni textarea {
border: 1px solid #eaeaea;
}
.elem-dest-program {
display: none;
}
.prenotazione-text {
margin-bottom: 2em;
}
.wrapper-button {
-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 1;
display: flex;
}
@media (max-width: 1200px) {
.wrapper-button {
flex-wrap: wrap;
flex: 50% 0 0;
background: white;
}
}
.contatti-intro {
position: relative;
}
.contatti-intro div {
position: absolute;
top: 50%;
transform: translateY(-20%);
left: 0;
right: 0;
margin: auto;
}
.footer-social .contatti {
line-height: 22px;
}
.footer-social .contatti a {
padding-left: 15px;
}
@media (min-width: 991px) {
.blog-intro {
padding-top: 200px;
}
}
@media (max-width: 991px) {
.blog-intro {
padding-top: 120px;
}
}
.type-faq p.content-text {
font-size: 18px;
line-height: 1.6em;
color: #333;
padding: 100px 0 50px;
}
.type-faq.blogsingle-post {
padding: 0;
border: 0;
}
.blogsingle-header.faq-item .big-title {
padding: 200px 50px 70px;
line-height: 1.5em;
}
.button-green {
background-color: #1b6060;
border: 1px solid #1b6060;
}
.button-green:hover,
.button-green:focus {
border-color: #1b6060;
color: #fff;
background-color: rgba(27, 96, 96, 0.3);
}
@media (max-width: 576px) {
.blogsingle-header.faq-item .big-title {
padding: 150px 50px 70px;
}
}
.faq-risposta {
border-bottom: 0px solid;
}
.faq-link {
color: #006168;
display: block;
padding-bottom: 19px;
}
.faq-link i {
font-size: 12px;
vertical-align: middle;
padding-left: 5px;
transition: 0.5s;
}
.faq-link:hover {
color: #006168;
text-decoration: none;
}
.faq-link:hover i {
padding-left: 8px;
}
.faq-divider {
border-bottom: 1px solid #d6d6d6;
}
@media (max-width: 415px) {
.navbar-nav li.studenti.dropdown:first-child a:after {
color: black;
}
.menu-principale ul.navbar-nav {
background: transparent;
border: 0px;
display: block;
overflow: scroll;
height: 70vh;
z-index: 10;
}
}
.post.type-post table {
width: 100%;
}
.post.type-post table td {
border: 1px solid #eee;
padding: 5px;
}
.destinazioni-landing-inps {
margin: 20px 50px;
}
.button-up {
}
@media screen and (max-width: 767px) {
.destinazioni-landing-inps {
margin: 20px 0;
}
.home-perche .carousel {
padding-bottom: 0;
min-height: auto;
}
.landing-inps-intro {
background-position: center right;
}
}
.cpt-inps-2020 {
margin-top: -32px !important;
padding: 250px 0 50px;
}
body.page-id-1813 .modulo-destinazioni {
display: none;
}  .footer .footer-link {
color: #828287;
}
.footer .footer-link a {
color: #828287;
transition: all ease-in-out .2s;
}
.footer .footer-link a:hover {
text-decoration: none;
color: #FFF;
}
.footer-logo {
display: inline-block;
width: 100%;
}
.footer-logo svg {
width: 112px;
margin-bottom: 5px;
}
.footer-menu-secondario h3 {
letter-spacing: 0.2em;
color: #f7f7f7;
font-size: 11px;
font-weight: 700;
line-height: 13px;
text-transform: uppercase;
padding-left: 40px;
margin: 0;
padding-top: 13px;
padding-bottom: 20px;
}
@media all and (max-width: 767px) {
.footer-menu-secondario h3 {
padding-left: 0;
}
}
.footer-menu-secondario a {
transition: all ease-in-out .2s;
}
.footer-menu-secondario a:hover {
color: #FFF;
text-decoration: none;
}
.footer-bottom {
padding: 10px 0;
background-color: #1b6060;
color: #FFF;
}
.footer-bottom a,
.footer-bottom span {
color: #FFF;
}
.footer-bottom .bottom-footer-col-dx {
display: flex;
justify-content: end;
}
.footer-social-in .icon-instagram g {
transition: all ease-in-out .2s;
}
.footer-social-in:hover .icon-instagram g {
fill: #FFF!important;
}
.contatti-form .recaptcha-holder {
opacity: 0;
}
.contatti-form .contatti-form-checkbox .first input {
margin-left: 0!important;
}
.contatti-box .socials {
display: flex;
align-items: flex-start;
justify-content: center;
}
.contatti-box .socials .social a {
color: #000;
background-color: transparent;
border: none;
}
.contatti-box .socials a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
font-size: 20px;
}
.contatti-box .socials .social.facebook {
margin-right: 20px;
}
.contatti-box .socials .social.facebook svg {
margin-bottom: 6px;
}
.contatti-box .socials .social svg g,
.contatti-box .socials .social svg path {
fill: #000;
height: 40px;
}
.contatti-box .socials .social:hover svg g {
fill: #185e5d;
}
@media all and (max-width: 1330px) {
.logo-bianco {
width: 80px!important;
}
.menu-principale ul.navbar-nav > li {
position: relative;
left: 30px;
}
}
@media all and (max-width: 1280px) {
.menu-principale ul.navbar-nav > li > a {
padding-left: 10px;
}
.menu-principale ul.navbar-nav > li {
left: 60px;
}
}
@media all and (max-width: 960px) {
.menu-principale ul.navbar-nav > li > a {
padding-left: 10px;
}
.menu-principale ul.navbar-nav > li {
left: 10px;
}
} .main-esperienza .page-header {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
border-bottom: none;
}
.main-esperienza .logo {
display: block;
width: 150px;
height: auto;
margin-bottom: 30px;
}
.main-esperienza form h2,
.page-template-page-thankyou-esperienza h2 {
font-size: clamp(32px, 2.083vw, 40px);
line-height: clamp(40px, 2.604vw, 50px);
color: #1b6060;
font-weight: bold;
}
.page-template-page-esperienza form h3,
.page-template-page-thankyou-esperienza h3 {
font-size: clamp(26px, 1.667vw, 32px);
line-height: clamp(32px, 2.083vw, 40px);
margin-bottom: 30px;
}
.page-template-page-esperienza form h4,
.main-esperienza h4 {
text-align: center;
color: #939393;
margin-top: 30px;
}
.page-template-page-esperienza form p,
.main-esperienza p,
.page-template-page-esperienza form .gfield_label,
.page-template-page-esperienza form label,
.page-template-page-esperienza form .gfield_description,
.page-template-page-esperienza form .gform_fileupload_rules
{
font-size: 18px!important;
line-height: 25px!important;
}
.page-template-page-esperienza .navbar,
.page-template-page-esperienza .footer,
.page-template-page-esperienza .footer-bottom,
.page-template-page-thankyou-esperienza .navbar,
.page-template-page-thankyou-esperienza .footer,
.page-template-page-thankyou-esperienza .footer-bottom {
display: none;
}
.page-template-page-esperienza .main-esperienza {
padding: 0 0 100px 0;
}
.page-template-page-esperienza .main-esperienza .gform_wrapper {
border: none;
}
.page-template-page-esperienza .main-esperienza form .gform-body,
.page-template-page-esperienza .main-esperienza form .gform_footer {
background-color: transparent;
}
.page-template-page-esperienza .main-esperienza form ol,
.page-template-page-esperienza .main-esperienza form ul {
padding-left: 0;
}
.page-template-page-esperienza .main-esperienza form ol li,
.page-template-page-esperienza .main-esperienza form ul li {
margin: 10px 0;
}
.page-template-page-esperienza .gform_wrapper.gravity-theme .gform_page_footer input {
padding: 10px 25px!important;
font-size: 20px!important;
border-radius: 50px!important;
}
.page-template-page-esperienza .page-title {
margin: 0;
color: white;
font-family: "Roboto Slab";
font-size: 52px;
line-height: 62px;
font-weight: 300;
letter-spacing: -0.02em;
text-align: center;
}
.page-template-page-esperienza .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
background-color: #1b6060;
}
.page-template-page-esperienza .gform_button_select_files {
background-color: #1b6060;
}
.page-template-page-thankyou-esperienza {
min-height: 100vh;
height: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-page-thankyou-esperienza .social-contianer ul {
list-style: none;
padding: 0;
display: flex;
align-items: center;
flex-direction: row;
gap: 30px;
}
.page-template-page-thankyou-esperienza .social-contianer ul li svg path{
fill: #1b6060;
}
.page-template-page-esperienza .gform_heading {
position: absolute;
bottom: 0;
left: 0;
color: #939393;
}
.page-template-page-esperienza .gfield--type-consent {
margin-top: 50px!important;
} .page-id-136 .about-testo {
background-color: #FFF;
}
.page-id-136 .slick-arrow {
opacity: 1!important;
background-color: #FFF;
}
.page-id-136 .slick-arrow:hover {
background-color: #000;
}
.page-id-136 .slick-arrow svg {
fill: #000!important;
}
.page-id-136 .slick-arrow:hover svg {
fill: #FFF!important;
}
.page-id-1011 h1 {
font-weight: bold;
}
.postid-154811 .button-corsi-custom {
display: none;
} .page-template-landing-hsp-new-php h1,
.page-template-landing-hsp-new-contattaci-php h1,
.page-template-landing-2024-gruppo h1,
.page-template-landing-2024-individuali h1,
.page-template-landing-hsp-new-php h2,
.page-template-landing-hsp-new-contattaci-php h2,
.page-template-landing-2024-gruppo h2,
.page-template-landing-2024-individuali h2,
.page-template-landing-hsp-new-php h3,
.page-template-landing-hsp-new-contattaci-php h3,
.page-template-landing-2024-gruppo h3,
.page-template-landing-2024-individuali h3,
.page-template-landing-hsp-new-php h4,
.page-template-landing-hsp-new-contattaci-php h4,
.page-template-landing-2024-gruppo h4,
.page-template-landing-2024-individuali h4,
.page-template-landing-hsp-new-php h5,
.page-template-landing-hsp-new-contattaci-php h5,
.page-template-landing-2024-gruppo h5,
.page-template-landing-2024-individuali h5,
.page-template-landing-hsp-new-php h6,
.page-template-landing-hsp-new-contattaci-php h6,
.page-template-landing-2024-gruppo h6,
.page-template-landing-2024-individuali h6 {
font-family: 'Work Sans', sans-serif !important;
font-weight: bold;
line-height: 1.3;
}
.page-template-landing-2024-gruppo .subtitle-text {
font-weight: 600;
}
.page-template-landing-hsp-new-php .navbar,
.page-template-landing-hsp-new-contattaci-php .navbar,
.page-template-landing-2024-gruppo .navbar,
.page-template-landing-2024-individuali .navbar {
display: none;
}
.page-template-landing-hsp-new-php .custom_fonts .font-work-sans *,
.page-template-landing-hsp-new-contattaci-php .custom_fonts .font-work-sans *,
.page-template-landing-2024-gruppo .custom_fonts .font-work-sans *,
.page-template-landing-2024-individuali .custom_fonts .font-work-sans *,
.page-template-landing-hsp-new-php div,
.page-template-landing-hsp-new-contattaci-php div,
.page-template-landing-2024-gruppo div,
.page-template-landing-2024-individuali div {
font-family: 'Work Sans', sans-serif !important;
line-height: 1.6;
font-size: 16px;
}
.page-template-landing-hsp-new-php header .buttons-set .buttons-set__list,
.page-template-landing-hsp-new-contattaci-php header .buttons-set .buttons-set__list,
.page-template-landing-2024-gruppo header .buttons-set .buttons-set__list,
.page-template-landing-2024-individuali header .buttons-set .buttons-set__list {
display: flex;
width: 100%;
gap: 10px;
margin-left: 0!important;
}
.page-template-landing-hsp-new-php header .buttons-set .buttons-set__list li,
.page-template-landing-hsp-new-contattaci-php header .buttons-set .buttons-set__list,
.page-template-landing-2024-gruppo header .buttons-set .buttons-set__list li,
.page-template-landing-2024-individuali header .buttons-set .buttons-set__list li {
display: inline-block;
margin: 0;
}
.page-template-landing-hsp-new-php header .buttons-set .buttons-set__list .button__text,
.page-template-landing-hsp-new-contattaci-php header .buttons-set .buttons-set__list .button__text,
.page-template-landing-2024-gruppo header .buttons-set .buttons-set__list .button__text,
.page-template-landing-2024-individuali header .buttons-set .buttons-set__list .button__text {
width: 100%;
display: block;
margin: 0;
font-family: 'Work Sans', sans-serif !important;
line-height: 1.4!important;
font-size: 14px!important;
text-transform: capitalize;
}
.page-template-landing-hsp-new-php .button--accent-bg,
.page-template-landing-hsp-new-contattaci-php .button--accent-bg,
.page-template-landing-2024-gruppo .button--accent-bg,
.page-template-landing-2024-individuali .button--accent-bg {
background-color: #fbd92d; 
text-transform: capitalize;
}
.page-template-landing-hsp-new-php .gform_wrapper,
.page-template-landing-hsp-new-contattaci-php .gform_wrapper,
.page-template-landing-2024-gruppo .gform_wrapper,
.page-template-landing-2024-individuali .gform_wrapper {
border: none;
}
.page-template-landing-hsp-new-php .gform-body,
.page-template-landing-hsp-new-contattaci-php .gform-body,
.page-template-landing-2024-gruppo .gform-body,
.page-template-landing-2024-individuali .gform-body {
padding: 0;
background-color: transparent;
}
.page-template-landing-hsp-new-php .form-landing-hsp-container,
.page-template-landing-hsp-new-contattaci-php .form-landing-hsp-container,
.page-template-landing-2024-gruppo .form-landing-hsp-container,
.page-template-landing-2024-individuali .form-landing-hsp-container {
width: 100%!important;
max-width: 600px!important;
padding: 20px 32px!important;
border-radius: 10px!important;
background-color: #FFF!important;
margin: 0 auto
}
.page-template-landing-hsp-new-php .form-landing-hsp-container label,
.page-template-landing-hsp-new-contattaci-php .form-landing-hsp-container,
.page-template-landing-2024-gruppo .form-landing-hsp-container label,
.page-template-landing-2024-individuali .form-landing-hsp-container label,
.page-template-landing-hsp-new-php .form-landing-hsp-container .gfield_label,
.page-template-landing-hsp-new-contattaci-php .form-landing-hsp-container .gfield_label,
.page-template-landing-2024-gruppo .form-landing-hsp-container .gfield_label,
.page-template-landing-2024-individuali .form-landing-hsp-container .gfield_label {
color: rgb(63, 63, 70, 1) !important;
line-height: 16px !important;
font-size: 16px!important;
font-style: normal!important;
font-variation-settings: normal!important;
font-weight: 500!important;
text-transform: none!important;
font-family: 'Work Sans', sans-serif !important;
}
.page-template-landing-hsp-new-php .form-landing-hsp-container input:not([type="checkbox"]),
.page-template-landing-hsp-new-contattaci-php .form-landing-hsp-container input:not([type="checkbox"]),
.page-template-landing-2024-gruppo .form-landing-hsp-container input:not([type="checkbox"]),
.page-template-landing-2024-individuali .form-landing-hsp-container input:not([type="checkbox"]),
.page-template-landing-hsp-new-php .form-landing-hsp-container textarea,
.page-template-landing-hsp-new-contattaci-php .form-landing-hsp-container textarea,
.page-template-landing-2024-gruppo .form-landing-hsp-container textarea,
.page-template-landing-2024-individuali .form-landing-hsp-container textarea {
width: 100%!important;
padding: 8px 12px!important;
margin-top: 8px!important;
border: 1px solid rgb(228, 228, 231) !important;
border-radius: 8px!important;
line-height: 18.4px!important;
margin-bottom: 10px!important;
background-color: transparent!important;
font-family: 'Work Sans', sans-serif !important;
box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px!important;
}
.page-template-landing-hsp-new-php .form-landing-hsp-container input:not([type="checkbox"]),
.page-template-landing-hsp-new-contattaci-php .form-landing-hsp-container input:not([type="checkbox"]),
.page-template-landing-2024-gruppo .form-landing-hsp-container input:not([type="checkbox"]),
.page-template-landing-2024-individuali .form-landing-hsp-container input:not([type="checkbox"]) {
height: 35px!important;
margin-top: 0!important;
}
.page-template-landing-hsp-new-php .form-landing-hsp-container textarea,
.page-template-landing-hsp-new-contattaci-php .form-landing-hsp-container textarea,
.page-template-landing-2024-gruppo .form-landing-hsp-container textarea,
.page-template-landing-2024-individuali .form-landing-hsp-container textarea {
margin-bottom: 20px!important;
max-height: 100px!important;
}
.page-template-landing-hsp-new-php #gform_fields_9 fieldset,
.page-template-landing-hsp-new-contattaci-php #gform_fields_9 fieldset,
.page-template-landing-2024-gruppo #gform_fields_9 fieldset,
.page-template-landing-2024-individuali #gform_fields_9 fieldset {
border: none!important;
font-family: 'Work Sans', sans-serif !important;
}
.page-template-landing-hsp-new-php #field_13_16.gform_validation_container,
.page-template-landing-hsp-new-contattaci-php #field_16_17.gform_validation_container,
.page-template-landing-2024-gruppo #field_13_16.gform_validation_container,
.page-template-landing-2024-individuali #field_13_16.gform_validation_container {
display: none!important;
}
.page-template-landing-hsp-new-php fieldset .ginput_container_consent,
.page-template-landing-2024-gruppo fieldset .ginput_container_consent,
.page-template-landing-2024-individuali fieldset .ginput_container_consent{
display: flex!important;
justify-content: flex-start!important;
margin: 8px 0 15px!important;
gap: 5px!important;
}
.page-template-landing-hsp-new-php #gform_fields_9 fieldset .ginput_container_consent .gfield_consent_label,
.page-template-landing-hsp-new-contattaci-php #gform_fields_9 fieldset .ginput_container_consent .gfield_consent_label,
.page-template-landing-2024-gruppo #gform_fields_9 fieldset .ginput_container_consent .gfield_consent_label,
.page-template-landing-2024-individuali #gform_fields_9 fieldset .ginput_container_consent .gfield_consent_label{
margin-bottom: 0px!important;
} 
.page-template-landing-hsp-new-php .form-landing-hsp-container .gform_footer,
.page-template-landing-hsp-new-contattaci-php .form-landing-hsp-container .gform_footer,
.page-template-landing-2024-gruppo .form-landing-hsp-container .gform_footer,
.page-template-landing-2024-individuali .form-landing-hsp-container .gform_footer {
background-color: transparent!important;
padding: 0!important;
}
.page-template-landing-hsp-new-php .form-landing-hsp-container .gform_footer .gform_button,
.page-template-landing-hsp-new-contattaci-php .form-landing-hsp-container .gform_footer .gform_button,
.page-template-landing-2024-gruppo .form-landing-hsp-container .gform_footer .gform_button,
.page-template-landing-2024-individuali .form-landing-hsp-container .gform_footer .gform_button {
background-color: #000!important;
color: #FFF!important;
}
.page-template-landing-hsp-new-php .form-landing-hsp-container .field_description_below legend,
.page-template-landing-hsp-new-contattaci-php .form-landing-hsp-container .field_description_below legend,
.page-template-landing-2024-gruppo .form-landing-hsp-container .field_description_below legend, 
.page-template-landing-2024-individuali .form-landing-hsp-container .field_description_below legend {
border-bottom: none!important;
margin-bottom: 5px!important;
text-align: left!important;
}
.page-template-landing-hsp-new-php .header-29__container,
.page-template-landing-hsp-new-contattaci-php .header-29__container,
.page-template-landing-2024-gruppo .header-29__container,
.page-template-landing-2024-individuali .header-29__container,
.page-template-landing-2024-individuali .nav-02 .container,
.page-template-landing-2024-gruppo .nav-02 .container,
.page-template-landing-2024-gruppo footer .container,
.page-template-landing-2024-individuali footer .container {
width: 100%!important;
max-width: 1440px!important;
}
.page-template-landing-hsp-new-php .header-29__text_box,
.page-template-landing-hsp-new-contattaci-php .header_29__text_box,
.page-template-landing-2024-gruppo .header-29__text_box,
.page-template-landing-2024-individuali .header-29__text_box {
width: 100%!important;
display: flex;
max-width: 100%!important;
gap: 30px;
align-items: center;
}
.page-template-landing-hsp-new-php .header-29__text_box_inner,
.page-template-landing-hsp-new-php .header-29__form_box,
.page-template-landing-hsp-new-contattaci-php .header-29__text_box_inner,
.page-template-landing-hsp-new-contattaci-php .header-29__form_box {
width: 50%!important;
}
.page-template-landing-hsp-new-contattaci-php .header-29__text_box_inner .button-set__item {
margin-left: 0!important;
}
.page-template-landing-2024-gruppo .header-29__text_box_inner,
.page-template-landing-2024-individuali .header-29__text_box_inner {
width: 70%!important;
}
.page-template-landing-2024-gruppo .header-29__form_box,
.page-template-landing-2024-individuali .header-29__form_box {
width: 30%!important;
}
.page-template-landing-hsp-new-php .header-29__text_box_inner,
.page-template-landing-hsp-new-contattaci-php .header-29__text_box_inner,
.page-template-landing-2024-gruppo .header-29__text_box_inner,
.page-template-landing-2024-individuali .header-29__text_box_inner {
text-align: left;
padding-right: 50px;
}
.page-template-landing-hsp-new-php .header-29__buttons,
.page-template-landing-hsp-new-contattaci-php .header-29__buttons,
.page-template-landing-2024-gruppo .header-29__buttons,
.page-template-landing-2024-individuali .header-29__buttons {
margin-top: 30px!important;
}
@media all and (max-width: 1050px) {
.page-template-landing-2024-gruppo .header-29__text_box_inner,
.page-template-landing-2024-individuali .header-29__text_box_inner {
width: 60%!important;
}
.page-template-landing-2024-gruppo .header-29__form_box,
.page-template-landing-2024-individuali .header-29__form_box {
width: 40%!important;
}
}
@media all and (max-width: 767px) {
.page-template-landing-hsp-new-php .header-29__text_box,
.page-template-landing-hsp-new-contattaci-php .header-29__text_box,
.page-template-landing-2024-gruppo .header-29__text_box,
.page-template-landing-2024-individuali .header-29__text_box {
flex-direction: column;
}
.page-template-landing-hsp-new-php .header-29__text_box_inner,
.page-template-landing-hsp-new-contattaci-php .header-29__text_box_inner,
.page-template-landing-2024-gruppo .header-29__text_box_inner,
.page-template-landing-2024-individuali .header-29__text_box_inner,
.page-template-landing-hsp-new-php .header-29__form_box,
.page-template-landing-hsp-new-contattaci-php .header-29__form_box,
.page-template-landing-2024-gruppo .header-29__form_box,
.page-template-landing-2024-individuali .header-29__form_box {
width: 100%!important;
}
.page-template-landing-hsp-new-php .form-landing-hsp-container,
.page-template-landing-hsp-new-contattaci-php .form-landing-hsp-container,
.page-template-landing-2024-gruppo .form-landing-hsp-container,
.page-template-landing-2024-individuali .form-landing-hsp-container {
max-width: unset!important;
}
} .page-template-landing-2024-individuali .form-landing-hsp-container #field_14_16,
.page-template-landing-2024-gruppo .form-landing-hsp-container #field_15_16,
.page-template-landing-2024-individuali .form-landing-hsp-container .gfield_required,
.page-template-landing-2024-gruppo .form-landing-hsp-container .gfield_required,
.page-template-landing-2024-gruppo .form-landing-hsp-container .gform_required_legend,
.page-template-landing-2024-individuali .form-landing-hsp-container .gform_required_legend
{
display: none!important;
}
.page-template-landing-2024-individuali .page-component__bg_image_box,
.page-template-landing-2024-gruppo .page-component__bg_image_box {
min-height: 100vh;
}
.page-template-landing-2024-individuali #prenota-colloquio,
.page-template-landing-2024-gruppo #prenota-colloquio {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.page-template-landing-2024-individuali #field_14_3,
.page-template-landing-2024-gruppo #field_15_3 {
margin-bottom: 20px;
}
.page-template-landing-2024-gruppo .gfield,
.page-template-landing-2024-individuali .gfield {
text-align: left;
}
.page-template-landing-2024-gruppo input[type="checkbox"],
.page-template-landing-2024-individuali input[type="checkbox"] {
margin: 0;
position: relative;
top: -2px;
}
.page-template-landing-2024-individuali footer,
.page-template-landing-2024-gruppo footer {
background-color: #006168;
}
@media all and (max-width: 767px) {
.page-template-landing-2024-individuali .page-component__bg_image_box,
.page-template-landing-2024-gruppo .page-component__bg_image_box {
padding-top: 5rem;
padding-bottom: 5rem;
min-height: 130vh;
}
}
@media all and (max-width: 500px) {
.page-template-landing-2024-individuali .page-component__bg_image_box,
.page-template-landing-2024-gruppo .page-component__bg_image_box {
min-height: 180vh;
}
} .navigando-popup {
padding: 0 15px 30px!important;
}
.navigando-popup .navigando-popup__header {
padding: 30px 0;
}
.navigando-popup .navigando-popup__header h2 {
font-family: "Roboto Slab";
font-size: 36px!important;
font-weight: 300!important;
line-height: 48px!important;
color: #006352!important;
margin: 0 auto!important;
}
.navigando-popup .navigando-popup__content {
padding: 0 8%!important;
}
.navigando-popup .navigando-popup__content h3 {
margin: 0 auto!important;
}
.navigando-popup .navigando-popup__content a {
background-color: #006352;
border: 1px solid #006352!important;
border-radius: 23px;
line-height: 46px;
color: white;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
display: inline-block;
padding: 0 30px;
border: 1px solid transparent;
margin-top: 45px;
letter-spacing: 0.1em;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.navigando-popup .navigando-popup__content a:hover {
background-color: rgba(0, 99, 82, 0.3);
color: #006352;
} .block-flip-cards {
background-color: rgb(224, 222, 46);
padding-top: 100px;
padding-bottom: 150px;
padding-left: calc((100% - 1560px) / 2);
padding-right: calc((100% - 1560px) / 2);
}
.block-flip-cards .container:after,
.block-flip-cards .container:before {
display: none;
}
.block-flip-cards .container {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.block-flip-cards__card-container {
perspective: 1000px;
width: 100%;
height: auto;
position: relative;
}
.block-flip-cards__card-container:hover .block-flip-cards__card {
transform: rotateY(180deg);
}
.block-flip-cards__card {
position: relative;
z-index: 15;
width: 100%;
height: 300px;
transform-style: preserve-3d;
transform-origin: center;
transition: transform 0.6s ease-in-out;
cursor: pointer;
pointer-events: auto;
transform: translate3d(0, 0, 0);
will-change: transform;
}
.block-flip-cards__card--front,
.block-flip-cards__card--back {
position: absolute;
width: 100%;
height: 100%;
padding: 30px 40px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 50px;
pointer-events: none;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1080px) {
.block-flip-cards__card--front,
.block-flip-cards__card--back {
padding: 30px;
}
.block-flip-cards .container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.block-flip-cards__card--front,
.block-flip-cards__card--back {
padding: 30px 15px;
}
.block-flip-cards .container {
grid-template-columns: repeat(1, 1fr);
}
}
.block-flip-cards__card--front {
background-color: #fff;
color: #333;
justify-content: center;
}
.block-flip-cards__card--front .card-icon {
font-size: 48px;
margin-bottom: 30px;
}
.block-flip-cards__card--front .card-title {
font-size: 40px; line-height: 100%; text-align: center;
font-weight: 600;
color: #006168;
font-family: "Work Sans", sans-serif;
}
.block-flip-cards__card--back {
background-color: #006168; color: #FFF;
border: 1px solid #fff; transform: rotateY(180deg);
justify-content: center;
}
.block-flip-cards__card--back ul {
list-style: none;
}
.block-flip-cards__card--back ul li{
color: #FFF;
font-size: 20px;
font-weight: 500;
}
.contatti-box .socials {
margin-top: 20px;
}
.footer-social-lk,
.footer-social-in {
margin-right: 20px;
}
.footer-social-lk .icon,
.footer-social-tk .icon {
height: 24px;
margin-bottom: 6px;
}
.footer-social-lk .icon path {
height: 30px;
}
.nav .social-menu .icon-tiktok {
margin-top: 8px;
}
@media all and (max-width: 767px) {
body.page-template-landing-2024-gruppo .page-component__bg_image_box {
background-image: url(https://www.navigando.it/cms/wp-content/themes/navigando/images/landing-2024/mobile_2.jpg)!important;
}
}
.blogsingle-share {
display: flex;
align-items: center;
}
.blogsingle-share a {
display: block;
height: 32px;
width: auto;
}
.blogsingle-share svg {
height: 32px;
width: auto;
margin-right: 10px;
}
#field_13_17 {
display: none!important;
}
body.page-id-178218 .thankyou-bg,
body.page-id-193087 .thankyou-bg {
background-image: url(https://www.navigando.it/cms/wp-content/uploads/2025/09/pexels-wildlittlethingsphoto-697244.jpg)!important;
min-height: 100dvh!important;
display: flex;
align-items: center;
}
body.page-id-178218 .footer-dati,
body.page-id-193087 .footer-dati {
border-right: none!important;
}
body.page-id-178218 .footer-dati .footer-logo,
body.page-id-193087 .footer-dati .footer-logo {
cursor: default;
pointer-events: none!important;
}
body.page-id-178218 .footer-menu-secondario,
body.page-id-178218 .footer-social,
body.page-id-178218 .footer-newsletter,
body.page-id-193087 .footer-menu-secondario,
body.page-id-193087 .footer-social,
body.page-id-193087 .footer-newsletter {
display: none!important;
} body.page-template-landing-hsp-new-php .header-29__box div.subtitle-text,
body.page-template-landing-hsp-new-contattaci-php .header-29__box div.subtitle-text {
font-size: 18px!important;
line-height: 120%!important;
}
body.page-id-178218 nav,
body.page-id-193087 nav {
display: none;
}
body.page-id-178218 .thankyou-bg h2,
body.page-id-193087 .thankyou-bg h2 {
line-height: 120%!important;
}
.gform_wrapper .validation_message {
margin-top: -10px;
margin-bottom: 10px;
} .modulo-informazioni-form .simpleselect .options {
height: auto!important;
min-height: 100%!important;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
padding-right: 0!important;
overflow-y: hidden!important;
}
.modulo-informazioni-form .simpleselect .option:not(:first-of-type) {
line-height: 38px!important;
}
.modulo-informazioni-form .simpleselect .option:last-of-type {
padding-bottom: 10px!important;
} body.page-id-1813 form textarea,
body.page-id-155836 form textarea,
body.page-id-3812 form textarea { 
max-height: 150px;
}
body.page-id-1813 .landing-inps-intro,
body.page-id-155836 .landing-inps-intro,
body.page-id-3812 .landing-inps-intro {
min-height: 100vh;
padding-top: 150px;
background-position: center bottom;
}
body.page-id-1813 .landing-inps-intro .col-xs-10,
body.page-id-155836 .landing-inps-intro .col-xs-10,
body.page-id-3812 .landing-inps-intro .col-xs-10 {
display: flex;
align-items: center;
}
body.page-id-1813 .home-perche-sottotitolo,
body.page-id-155836 .home-perche-sottotitolo,
body.page-id-3812 .home-perche-sottotitolo {
font-size: 18px;
}
body.page-id-193823 .thankyou-bg {
background-image: url(https://www.navigando.it/cms/wp-content/uploads/2016/10/inps1.jpg);
background-position: center bottom!important;
background-attachment: unset!important;
}
@media all and (max-width: 768px) {
body.page-id-1813 .landing-inps-intro,
body.page-id-155836 .landing-inps-intro,
body.page-id-3812 .landing-inps-intro {
background-position: center right;
}
body.page-id-1813 .landing-inps-intro .col-xs-10,
body.page-id-155836 .landing-inps-intro .col-xs-10,
body.page-id-3812 .landing-inps-intro .col-xs-10 {
flex-direction: column;
}
body.page-id-1813 #wpcf7-f1840-p1813-o1 form,
body.page-id-155836 #wpcf7-f1840-p1813-o1 form,
body.page-id-3812 #wpcf7-f1840-p1813-o1 form {
margin-top: 30px;
}
body.page-id-1813 #wpcf7-f1840-p1813-o1 form > div,
body.page-id-155836 #wpcf7-f1840-p1813-o1 form > div,
body.page-id-3812 #wpcf7-f1840-p1813-o1 form > div,
body.page-id-1813 #wpcf7-f1840-p1813-o1 form .contatti-submit input,
body.page-id-155836 #wpcf7-f1840-p1813-o1 form .contatti-submit input,
body.page-id-3812 #wpcf7-f1840-p1813-o1 form .contatti-submit input {
padding-left: 0;
padding-right: 0;
margin-left: 0;
}
}
body.page-id-1813 .whatsapp-btn:hover {
text-decoration: none;
} @media all and (max-width: 768px) {
body.page-id-1813 h1 {
padding-top: 50px;
}
}
@media all and (max-width: 501px) {
body.page-id-1813 h1 {
padding-top: 30px;
}
body.page-id-1813 .landing-inps-intro {
padding-top: 70px;
}
body.page-id-1813 .landing-inps-intro .testo br:nth-child(3),
body.page-id-1813 .landing-inps-intro .testo br:nth-child(5){
display: none;
}
} .page-template-landing-webinar h1,
.page-template-landing-webinar-contattaci h1,
.page-template-landing-vacanze-studio h1,
.page-template-landing-webinar h2, 
.page-template-landing-webinar-contattaci h2,
.page-template-landing-vacanze-studio h2,
.page-template-landing-webinar h3,
.page-template-landing-webinar-contattaci h3,
.page-template-landing-vacanze-studio h3,
.page-template-landing-webinar h4,
.page-template-landing-webinar-contattaci h4,
.page-template-landing-vacanze-studio h4,
.page-template-landing-webinar h5,
.page-template-landing-webinar-contattaci h5,
.page-template-landing-vacanze-studio h5,
.page-template-landing-webinar h6,
.page-template-landing-webinar-contattaci h6,
.page-template-landing-vacanze-studio h6 {
font-family: 'Work Sans', sans-serif !important;
font-weight: bold;
line-height: 1.3;
}
.page-template-landing-webinar p,
.page-template-landing-webinar-contattaci p,
.page-template-landing-vacanze-studio p {
font-family: 'Work Sans', sans-serif !important;
}
.page-template-landing-webinar .subtitle-text,
.page-template-landing-webinar-contattaci .subtitle-text,
.page-template-landing-vacanze-studio .subtitle-text {
font-weight: 600;
}
.page-template-landing-webinar .navbar,
.page-template-landing-webinar-contattaci .navbar,
.page-template-landing-vacanze-studio .navbar {
display: none;
}
.page-template-landing-webinar .custom_fonts .font-work-sans *,
.page-template-landing-webinar-contattaci .custom_fonts .font-work-sans *,
.page-template-landing-vacanze-studio .custom_fonts .font-work-sans *,
.page-template-landing-webinar div,
.page-template-landing-webinar-contattaci div,
.page-template-landing-vacanze-studio div {
font-family: 'Work Sans', sans-serif !important;
line-height: 1.6;
font-size: 16px;
}
.page-template-landing-webinar header .buttons-set .buttons-set__list,
.page-template-landing-webinar-contattaci header .buttons-set .buttons-set__list,
.page-template-landing-vacanze-studio header .buttons-set .buttons-set__list {
display: flex;
width: 100%;
gap: 10px;
margin-left: 0!important;
}
.page-template-landing-webinar header .buttons-set .buttons-set__list li,
.page-template-landing-webinar-contattaci header .buttons-set .buttons-set__list li,
.page-template-landing-vacanze-studio header .buttons-set .buttons-set__list li {
display: inline-block;
margin: 0;
}
.page-template-landing-webinar header .buttons-set .buttons-set__list .button__text,
.page-template-landing-webinar-contattaci header .buttons-set .buttons-set__list .button__text,
.page-template-landing-vacanze-studio header .buttons-set .buttons-set__list .button__text {
width: 100%;
display: block;
margin: 0;
font-family: 'Work Sans', sans-serif !important;
line-height: 1.4!important;
font-size: 14px!important;
text-transform: capitalize;
}
.page-template-landing-webinar .button--accent-bg,
.page-template-landing-webinar-contattaci .button--accent-bg,
.page-template-landing-vacanze-studio .button--accent-bg {
background-color: #fbd92d; 
text-transform: capitalize;
}
.page-template-landing-webinar .gform_wrapper,
.page-template-landing-webinar-contattaci .gform_wrapper,
.page-template-landing-vacanze-studio .gform_wrapper {
border: none;
}
.page-template-landing-webinar .gform-body,
.page-template-landing-webinar-contattaci .gform-body,
.page-template-landing-vacanze-studio .gform-body {
padding: 0;
background-color: transparent;
}
.page-template-landing-webinar .form-landing-hsp-container,
.page-template-landing-webinar-contattaci .form-landing-hsp-container,
.page-template-landing-vacanze-studio .form-landing-hsp-container {
width: 100%!important;
max-width: 600px!important;
padding: 20px 32px!important;
border-radius: 10px!important;
background-color: #FFF!important;
margin: 0 auto
}
.page-template-landing-webinar .form-landing-hsp-container label,
.page-template-landing-webinar-contattaci .form-landing-hsp-container label,
.page-template-landing-vacanze-studio .form-landing-hsp-container label
.page-template-landing-webinar .form-landing-hsp-container .gfield_label,
.page-template-landing-webinar-contattaci .form-landing-hsp-container .gfield_label,
.page-template-landing-vacanze-studio .form-landing-hsp-container .gfield_label {
color: rgb(63, 63, 70, 1) !important;
line-height: 16px !important;
font-size: 16px!important;
font-style: normal!important;
font-variation-settings: normal!important;
font-weight: 500!important;
text-transform: none!important;
font-family: 'Work Sans', sans-serif !important;
}
.page-template-landing-webinar .form-landing-hsp-container input:not([type="checkbox"]),
.page-template-landing-webinar .form-landing-hsp-container textarea,
.page-template-landing-webinar-contattaci .form-landing-hsp-container input:not([type="checkbox"]),
.page-template-landing-webinar-contattaci .form-landing-hsp-container textarea,
.page-template-landing-vacanze-studio .form-landing-hsp-container input:not([type="checkbox"]),
.page-template-landing-vacanze-studio .form-landing-hsp-container textarea {
width: 100%!important;
padding: 8px 12px!important;
margin-top: 8px!important;
border: 1px solid rgb(228, 228, 231) !important;
border-radius: 8px!important;
line-height: 18.4px!important;
margin-bottom: 10px!important;
background-color: transparent!important;
font-family: 'Work Sans', sans-serif !important;
box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px!important;
}
.page-template-landing-webinar .form-landing-hsp-container input:not([type="checkbox"]),
.page-template-landing-webinar-contattaci .form-landing-hsp-container input:not([type="checkbox"]),
.page-template-landing-vacanze-studio .form-landing-hsp-container input:not([type="checkbox"]) {
height: 35px!important;
margin-top: 0!important;
}
.page-template-landing-webinar .form-landing-hsp-container textarea,
.page-template-landing-webinar-contattaci .form-landing-hsp-container textarea,
.page-template-landing-vacanze-studio .form-landing-hsp-container textarea {
margin-bottom: 20px!important;
max-height: 100px!important;
}
.page-template-landing-webinar #gform_fields_9 fieldset,
.page-template-landing-webinar-contattaci #gform_fields_9 fieldset,
.page-template-landing-vacanze-studio #gform_fields_9 fieldset {
border: none!important;
font-family: 'Work Sans', sans-serif !important;
}
.page-template-landing-webinar #field_13_16.gform_validation_container,
.page-template-landing-webinar-contattaci #field_13_16.gform_validation_container,
.page-template-landing-vacanze-studio #field_13_16.gform_validation_container {
display: none!important;
}
.page-template-landing-webinar fieldset .ginput_container_consent,
.page-template-landing-webinar-contattaci fieldset .ginput_container_consent,
.page-template-landing-vacanze-studio fieldset .ginput_container_consent {
display: flex!important;
justify-content: flex-start!important;
margin: 8px 0 15px!important;
gap: 5px!important;
}
.page-template-landing-webinar #gform_fields_9 fieldset .ginput_container_consent .gfield_consent_label,
.page-template-landing-webinar-contattaci #gform_fields_9 fieldset .ginput_container_consent .gfield_consent_label,
.page-template-landing-vacanze-studio #gform_fields_9 fieldset .ginput_container_consent .gfield_consent_label {
margin-bottom: 0px!important;
} 
.page-template-landing-webinar .form-landing-hsp-container .gform_footer,
.page-template-landing-webinar-contattaci .form-landing-hsp-container .gform_footer,
.page-template-landing-vacanze-studio .form-landing-hsp-container .gform_footer {
background-color: transparent!important;
padding: 0!important;
}
.page-template-landing-webinar .form-landing-hsp-container .gform_footer .gform_button,
.page-template-landing-webinar-contattaci .form-landing-hsp-container .gform_footer .gform_button,
.page-template-landing-vacanze-studio .form-landing-hsp-container .gform_footer .gform_button {
background-color: #000!important;
color: #FFF!important;
}
.page-template-landing-webinar .form-landing-hsp-container .field_description_below legend,
.page-template-landing-webinar-contattaci .form-landing-hsp-container .field_description_below legend,
.page-template-landing-vacanze-studio .form-landing-hsp-container .field_description_below legend {
border-bottom: none!important;
margin-bottom: 5px!important;
text-align: left!important;
}
.page-template-landing-webinar .header-29__container,
.page-template-landing-webinar .nav-02 .container
.page-template-landing-webinar footer .container,
.page-template-landing-webinar .new-section .container,
.page-template-landing-webinar-contattaci .header-29__container,
.page-template-landing-webinar-contattaci .nav-02 .container,
.page-template-landing-webinar-contattaci footer .container,
.page-template-landing-webinar-contattaci .new-section .container,
.page-template-landing-vacanze-studio .header-29__container,
.page-template-landing-vacanze-studio .nav-02 .container
.page-template-landing-vacanze-studio footer .container,
.page-template-landing-vacanze-studio .new-section .container {
width: 100%!important;
max-width: 1560px!important;
}
.page-template-landing-webinar .header-29__text_box,
.page-template-landing-webinar-contattaci .header-29__text_box,
.page-template-landing-vacanze-studio .header-29__text_box {
width: 100%!important;
display: flex;
max-width: 100%!important;
gap: 30px;
align-items: center;
}
.page-template-landing-webinar .header-29__text_box_inner,
.page-template-landing-webinar .header-29__form_box,
.page-template-landing-webinar-contattaci .header-29__text_box_inner,
.page-template-landing-webinar-contattaci .header-29__form_box,
.page-template-landing-vacanze-studio .header-29__text_box_inner,
.page-template-landing-vacanze-studio .header-29__form_box {
width: 50%!important;
}
.page-template-landing-webinar .header-29__text_box_inner .button-set__item,
.page-template-landing-webinar-contattaci .header-29__text_box_inner .button-set__item,
.page-template-landing-vacanze-studio .header-29__text_box_inner .button-set__item {
margin-left: 0!important;
}
.page-template-landing-webinar .header-29__text_box_inner,
.page-template-landing-webinar-contattaci .header-29__text_box_inner,
.page-template-landing-vacanze-studio .header-29__text_box_inner {
width: 60%!important;
}
.page-template-landing-webinar .header-29__form_box,
.page-template-landing-webinar-contattaci .header-29__form_box,
.page-template-landing-vacanze-studio .header-29__form_box {
width: 40%!important;
}
.page-template-landing-webinar .header-29__text_box_inner,
.page-template-landing-webinar-contattaci .header-29__text_box_inner,
.page-template-landing-vacanze-studio .header-29__text_box_inner {
text-align: left;
padding-right: 50px;
}
.page-template-landing-webinar .header-29__buttons,
.page-template-landing-webinar-contattaci .header-29__buttons,
.page-template-landing-vacanze-studio .header-29__buttons {
margin-top: 30px!important;
}
@media all and (max-width: 767px) {
.page-template-landing-webinar .header-29__text_box,
.page-template-landing-webinar-contattaci .header-29__text_box,
.page-template-landing-vacanze-studio .header-29__text_box {
flex-direction: column;
}
.page-template-landing-webinar .header-29__text_box_inner,
.page-template-landing-webinar .header-29__form_box,
.page-template-landing-webinar-contattaci .header-29__text_box_inner,
.page-template-landing-webinar-contattaci .header-29__form_box,
.page-template-landing-vacanze-studio .header-29__text_box_inner,
.page-template-landing-vacanze-studio .header-29__form_box {
width: 100%!important;
}
.page-template-landing-webinar .form-landing-hsp-container,
.page-template-landing-webinar-contattaci .form-landing-hsp-container,
.page-template-landing-vacanze-studio .form-landing-hsp-container {
max-width: unset!important;
}
}
.page-template-landing-webinar .header-29__text_box .subtitle-text,
.page-template-landing-webinar-contattaci .header-29__text_box .subtitle-text,
.page-template-landing-vacanze-studio .header-29__text_box .subtitle-text {
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.page-template-landing-webinar .new-section,
.page-template-landing-webinar-contattaci .new-section,
.page-template-landing-vacanze-studio .new-section {
padding: 100px 0;
}
.page-template-landing-webinar .new-section.section-esperienza-webinar,
.page-template-landing-webinar-contattaci .new-section.section-esperienza-webinar,
.page-template-landing-vacanze-studio .new-section.section-esperienza-webinar {
background-image: url(https://www.navigando.it/cms/wp-content/themes/navigando/images/webinar/dettaglio-webinar.png);
background-position: bottom right;
background-repeat: no-repeat;
background-size: contain;
}
.page-template-landing-webinar .section-motivi,
.page-template-landing-webinar-contattaci .section-motivi,
.page-template-landing-vacanze-studio .section-motivi {
background-image: url(https://www.navigando.it/cms/wp-content/themes/navigando/images/webinar/dettaglio-webinar-yellow.png);
background-position: bottom left;
background-repeat: no-repeat;
background-size: contain;
}
.esperienza-webinar__container {
max-width: 1560px;
}
.esperienza-webinar__col-wrapper,
.per-chi__col-wrapper {
display: flex;
align-items: center;
gap: clamp(50px, 7.4vw, 142px);
}
.esperienza-webinar__image-container {
width: 40%;
border-radius: 12px;
overflow: hidden;
position: relative;
aspect-ratio: 1 / 1;
}
.per-chi__image-container {
width: 50%;
border-radius: 12px;
overflow: hidden;
position: relative;
aspect-ratio: 1 / 1.3;
}
.esperienza-webinar__text-wrapper {
width: 60%;
height: 100%;
}
.esperienza-webinar__text-wrapper h2,
.per-chi__text-wrapper h2 {
max-width: 680px;
font-size: 48px;
line-height: 100%;
font-weight: bold;
margin-bottom: 50px;
}
.esperienza-webinar__text-wrapper p,
.per-chi__text-wrapper p,
.per-chi__text-wrapper ul li {
max-width: 680px;
font-size: 20px;
font-family: 'Work Sans', sans-serif !important;
}
.per-chi__text-wrapper ul {
padding-left: 20px;
}
.esperienza-webinar__image-container img,
.per-chi__image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.section-per-chi .images-wrapper,
.section-per-chi .per-chi__text-wrapper,
.section-vacanze-studio .images-wrapper,
.section-vacanze-studio .per-chi__text-wrapper {
width: 50%;
}
.section-per-chi .images-wrapper,
.section-vacanze-studio .images-wrapper {
display: flex;
gap: 20px;
}
.section-per-chi .images-wrapper .per-chi__image-container:nth-child(2) {
top: 100px;
}
.section-come-funziona h3 {
text-align: center;
margin-bottom: 60px;
}
.section-come-funziona .icons-wrapper {
width: 100%;
display: flex;
margin: 0 auto;
justify-content: center;
gap: 40px;
}
.section-come-funziona .icons-wrapper .come-funziona__icon img {
display: block;
margin: 0 auto;
height: 150px;
width: auto;
margin-bottom: 30px;
}
.section-come-funziona .icons-wrapper h4 {
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
line-height: 105%;
}
.section-come-funziona .icons-wrapper p {
font-size: 16px;
line-height: 105%;
}
.section-come-funziona .icons-wrapper .separator {
margin-top: 70px;
}
.section-motivi .box-container {
width: 100%;
display: flex;
margin: 0 auto;
gap: 35px;
}
.section-motivi h2 {
margin-bottom: 70px;
}
.section-motivi .box-container .motivi__box {
width: 100%;
background-color: #E0DE2E;
padding: 50px;
border-radius: 12px;
}
.section-motivi .box-container .motivi__box .icon-container {
width: 45px;
height: 45px;
border-radius: 50px;
background-color: #FFF;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.section-motivi .box-container .motivi__box h4 {
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
line-height: 110%;
margin-bottom: 18px;
}
.section-motivi .box-container .motivi__box p {
font-size: 16px;
font-weight: 400;
line-height: 100%;
}
.page-template-landing-webinar .new-btn a,
.page-template-landing-vacanze-studio .new-btn a {
display: inline-block;
background-color: #E0DE2E;
font-size: 18px;
line-height: 100%;
padding: 13px;
margin: 0 auto;
font-weight: 600;
border-radius: 50px;
color: #303030;
text-decoration: none;
}
.page-template-landing-webinar .features-01__item .title-text--inner,
.page-template-landing-webinar .features-01__item .title-text--inner,
.page-template-landing-vacanze-studio .features-01__item .title-text--inner,
.page-template-landing-vacanze-studio .features-01__item .title-text--inner {
font-size: 13px;
}
.page-template-landing-webinar .lista-testimonianze .testimonianza-wrapper,
.page-template-landing-vacanze-studio .lista-testimonianze .testimonianza-wrapper {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
}
.page-template-landing-webinar .lista-testimonianze .testimonianza-wrapper .iniziale,
.page-template-landing-vacanze-studio .lista-testimonianze .testimonianza-wrapper .iniziale {
background-color: #E0DE2E;
width: 67px;
height: 67px;
font-size: 42px;
line-height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
color: #FFF;
font-family: 'Work Sans', sans-serif !important;
font-weight: 700;
margin: 0;
margin-bottom: 17px;
}
.page-template-landing-webinar .lista-testimonianze .testimonianza-wrapper .nome,
.page-template-landing-vacanze-studio .lista-testimonianze .testimonianza-wrapper .nome {
font-size: 18px;
line-height: 100%;
font-weight: 600;
margin: 0;
margin-bottom: 6px;
}
.page-template-landing-webinar .lista-testimonianze .testimonianza-wrapper .destinazione,
.page-template-landing-vacanze-studio .lista-testimonianze .testimonianza-wrapper .destinazione {
font-size: 14px;
line-height: 26px;
font-weight: 500;
margin: 0;
margin-bottom: 10px;
}
.page-template-landing-webinar .lista-testimonianze .testimonianza-wrapper .testimonianza,
.page-template-landing-vacanze-studio .lista-testimonianze .testimonianza-wrapper .testimonianza {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0;
margin-bottom: 10px;
}
.page-template-landing-webinar .lista-testimonianze .testimonianza-wrapper .rating,
.page-template-landing-vacanze-studio .lista-testimonianze .testimonianza-wrapper .rating {
margin: 0;
} .page-template-landing-webinar .new-section.flip-section,
.page-template-landing-webinar-contattaci .new-section.flip-section,
.page-template-landing-vacanze-studio .new-section.flip-section {
width: 100%;
max-width: 100%;
padding-left: calc((100% - 1560px) / 2);
padding-right: 0;
overflow-x: hidden;
}
.page-template-landing-webinar .flip-section,
.page-template-landing-webinar-contattaci .flip-section,
.page-template-landing-vacanze-studio .flip-section {
text-align: center;
padding: 80px 20px;
background: #f8f9fa;
}
.page-template-landing-webinar .flip-section .title,
.page-template-landing-webinar .flip-section .subtitle,
.page-template-landing-webinar-contattaci .flip-section .title,
.page-template-landing-webinar-contattaci .flip-section .subtitle,
.page-template-landing-vacanze-studio .flip-section .title,
.page-template-landing-vacanze-studio .flip-section .subtitle {
margin-right: calc(100% - 1560px);
}
.page-template-landing-webinar .flip-slider .slick-slide,
.page-template-landing-webinar-contattaci .flip-slider .slick-slide,
.page-template-landing-vacanze-studio .flip-slider .slick-slide {
margin: 0 15px; }
.page-template-landing-webinar .flip-slider .slick-list,
.page-template-landing-webinar-contattaci .flip-slider .slick-list,
.page-template-landing-vacanze-studio .flip-slider .slick-list {
margin: 50px -15px 0; }
.page-template-landing-webinar .flip-card,
.page-template-landing-webinar-contattaci .flip-card,
.page-template-landing-vacanze-studio .flip-card {
perspective: 1000px;
width: 500px;
height: auto;
aspect-ratio: 1 / 1;
}
.page-template-landing-webinar .flip-inner,
.page-template-landing-webinar-contattaci .flip-inner,
.page-template-landing-vacanze-studio .flip-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.page-template-landing-webinar .flip-card:hover .flip-inner,
.page-template-landing-webinar-contattaci .flip-card:hover .flip-inner,
.page-template-landing-vacanze-studio .flip-card:hover .flip-inner {
transform: rotateY(180deg);
}
.page-template-landing-webinar .flip-front,
.page-template-landing-webinar .flip-back,
.page-template-landing-webinar-contattaci .flip-front,
.page-template-landing-webinar-contattaci .flip-back,
.page-template-landing-vacanze-studio .flip-front,
.page-template-landing-vacanze-studio .flip-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
border-radius: 12px;
overflow: hidden;
}
.page-template-landing-webinar .flip-front,
.page-template-landing-webinar-contattaci .flip-front,
.page-template-landing-vacanze-studio .flip-front {
background: white;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.page-template-landing-webinar .flip-front img,
.page-template-landing-webinar-contattaci .flip-front img,
.page-template-landing-vacanze-studio .flip-front img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.page-template-landing-webinar .flip-front h3,
.page-template-landing-webinar-contattaci .flip-front h3,
.page-template-landing-vacanze-studio .flip-front h3 {
width: 90%;
position: absolute;
z-index: 99;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 48px;
line-height: 100%;
margin: 0;
}
.page-template-landing-webinar .flip-front .overlay,
.page-template-landing-webinar-contattaci  .flip-front .overlay,
.page-template-landing-vacanze-studio  .flip-front .overlay {
position: absolute;
z-index: 50;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.3);
}
.page-template-landing-webinar .flip-back,
.page-template-landing-webinar-contattaci .flip-back,
.page-template-landing-vacanze-studio .flip-back {
background: #E0DE2E;
color: #303030;
transform: rotateY(180deg);
display: flex;
align-items: center;
justify-content: center;
}
.page-template-landing-webinar .flip-back ul,
.page-template-landing-webinar-contattaci .flip-back ul,
.page-template-landing-vacanze-studio .flip-back ul {
list-style: none;
padding: 0;
margin: 0;
}
.page-template-landing-webinar .flip-back li,
.page-template-landing-webinar-contattaci .flip-back li,
.page-template-landing-vacanze-studio .flip-back li {
margin: 5px 0;
font-size: 26px;
line-height: 100%;
}
@media all and (max-width: 1560px) {
.page-template-landing-webinar .new-section.flip-section,
.page-template-landing-webinar-contattaci .new-section.flip-section,
.page-template-landing-vacanze-studio .new-section.flip-section {
padding-left: 30px!important;
}
.page-template-landing-webinar .flip-section .title,
.page-template-landing-webinar .flip-section .subtitle,
.page-template-landing-webinar-contattaci .flip-section .title,
.page-template-landing-webinar-contattaci .flip-section .subtitle,
.page-template-landing-vacanze-studio .flip-section .title,
.page-template-landing-vacanze-studio .flip-section .subtitle {
margin-right: 40px!important;
}
}
@media all and (max-width: 1250px) {
.section-come-funziona .icons-wrapper {
flex-wrap: wrap;
}
.section-come-funziona .separator {
display: none;
}
}
@media all and (max-width: 1100px) {
.section-motivi .box-container {
flex-wrap: wrap;
align-items: center;
}
.section-motivi .box-container .motivi__box {
padding: 20px!important;
align-items: center;
}
}
@media all and (max-width: 767px) {
.new-section {
padding: 50px 0!important;
}
.new-section h2 {
font-size: 1.5em;
margin-bottom: 20px;
}
.esperienza-webinar__col-wrapper {
flex-direction: column-reverse;
gap: 30px;
}
.per-chi__col-wrapper {
flex-direction: column;
gap: 30px;
}
.esperienza-webinar__image-container,
.esperienza-webinar__text-wrapper,
.per-chi__text-wrapper,
.images-wrapper {
width: 100%!important;
max-width: 100%!important;
}
.per-chi__image-container:nth-child(2) {
top: 0!important
}
.page-template-landing-webinar .flip-front h3,
.page-template-landing-webinar-contattaci .flip-front h3,
.page-template-landing-vacanze-studio .flip-front h3 {
font-size: 28px;
line-height: 100%;
}
.page-template-landing-webinar .flip-back li,
.page-template-landing-webinar-contattaci .flip-back li,
.page-template-landing-vacanze-studio .flip-back li {
font-size: 18px;
}
.page-template-landing-webinar .flip-slider .slick-slide,
.page-template-landing-webinar-contattaci .flip-slider .slick-slide,
.page-template-landing-vacanze-studio .flip-slider .slick-slide {
margin: 0 7px; }
.page-template-landing-webinar .flip-slider .slick-list,
.page-template-landing-webinar-contattaci .flip-slider .slick-list,
.page-template-landing-vacanze-studio .flip-slider .slick-list {
margin: 30px -7px 0; }
}
@media all and (max-width: 800px) {
.modulo-destinazioni .col-xs-12 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.modulo-destinazioni .col-xs-12 .modulo-destinazioni-box-title {
padding: 10px;
}
}
h1.background-text span {
padding: 0 6px;
display: inline-block!important;
background-color: #E0DE2E;
}
.page-template-landing-vacanze-studio .page-component__bg_image_box  {
position: relative;
}
.page-template-landing-vacanze-studio .page-component__bg_image_box .overlay-hero {
width: 100%;
height: 100%;
position: absolute!important;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(89.67deg, rgba(61, 61, 61, 0.2) 41.66%, rgba(255, 155, 80, 0.2) 99.73%);
}
.page-template-landing-vacanze-studio .esperienza-webinar__image-container {
aspect-ratio: 3 / 4;
}
.vacanze-studio__image-container {
width: 100%;
border-radius: 12px;
overflow: visible;
position: relative;
}
.vacanze-studio__image-container img {
width: 100%;
}
.vacanze-studio__image-container .dettaglio {
position: absolute;
background-color: #FF6F03;
font-size: clamp(20px, 1.88vw, 36px);
text-align: center;
color: #FFF;
line-height: 100%;
padding: 4px 20px 6px;
border-radius: 50px;
z-index: 9;
left: 50%;
transform: translate(-50%, -50%);
font-style: italic;
font-weight: 700;
width: 60%;
}
@media all and (max-width: 550px) {
.vacanze-studio__image-container .dettaglio {
font-size: 26px;
}
.section-vacanze-studio .per-chi__col-wrapper {
flex-direction: column!important;
}
}
.section-vacanze-studio .title-wrapper h2 {
font-size: 48px;
line-height: 100%;
font-weight: bold;
margin-bottom: 100px;
text-align: center;
}
.section-vacanze-studio.image-right {
background-image: url(https://www.navigando.it/cms/wp-content/themes/navigando/images/vacanze-estero/dettaglio-vacanze-studio.png);
background-position: bottom right;
background-repeat: no-repeat;
background-size: 55%;
}
.section-vacanze-studio.image-left {
background-image: url(https://www.navigando.it/cms/wp-content/themes/navigando/images/vacanze-estero/dettaglio-vacanze-studio-right.png);
background-position: bottom left;
background-repeat: no-repeat;
background-size: 55%;
}
.section-vacanze-studio.image-left .per-chi__col-wrapper {
flex-direction: row-reverse;
}
.section-vacanze-studio h3 {
font-size: 36px;
}
.section-vacanze-studio .new-btn {
text-align: left;
}
.final-text {
margin: 0 auto;
margin-top: 150px!important;
text-align: center;
max-width: 680px;
font-size: 20px;
font-family: 'Work Sans', sans-serif !important;
}
.page-template-landing-vacanze-studio .section-per-chi {
padding-bottom: 200px;
}
.page-template-landing-vacanze-studio .per-chi__image-container {
overflow: visible;
}
.page-template-landing-vacanze-studio .per-chi__image-container img {
max-width: 100%;
}
.page-template-landing-vacanze-studio .per-chi__image-container .dettaglio {
position: absolute;
background-color: #FF6F03;
font-size: clamp(20px, 1.88vw, 36px);
text-align: center;
color: #FFF;
line-height: 100%;
padding: 4px 20px 6px;
border-radius: 50px;
z-index: 9;
left: 50%;
transform: translate(-50%, 50%);
font-style: italic;
font-weight: 700;
width: 60%;
bottom: 0;
}
@media all and (max-width: 550px) {
.per-chi__image-container .dettaglio {
font-size: 26px;
}
.final-text {
margin-top: 70px!important;
}
.section-vacanze-studio .title-wrapper h2 {
margin-bottom: 40px;  
}
}
.page-template-landing-vacanze-studio .subtitle-text {
font-size: 24px;
line-height: 26px;
}
.page-template-landing-vacanze-studio .card-container {
padding: 30px;
}
.page-template-landing-vacanze-studio .section-motivi {
background-image: url(https://www.navigando.it/cms/wp-content/themes/navigando/images/vacanze-estero/dettaglio-center.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.page-template-landing-vacanze-studio .section-motivi .subtitle-text,
.page-template-landing-vacanze-studio .section-motivi .title {
text-align: center;
margin: 0 auto;
margin-bottom: 32px;
}
.page-template-landing-vacanze-studio .section-motivi .subtitle-text {
font-weight: 400;
margin-bottom: 50px;
}
.page-template-landing-vacanze-studio .section-motivi .box-container {
max-width: 975px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 35px;
grid-row-gap: 35px;
}
@media all and (max-width: 550px) {
.page-template-landing-vacanze-studio .section-motivi .subtitle-text {
margin-bottom: 0;
}
.page-template-landing-vacanze-studio .section-motivi .box-container {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-row-gap: 0;
}
}
.page-template-landing-vacanze-studio .section-motivi .box-container .motivi__box {
background-color: #FFF;
}
.page-template-landing-vacanze-studio .section-motivi .box-container .motivi__box {
padding: 35px;
}
.page-template-landing-vacanze-studio .section-motivi .box-container .motivi__box p,
.page-template-landing-vacanze-studio .section-motivi .box-container .motivi__box ul li {
font-size: 18px;
line-height: 26px;
font-family: 'Work Sans', sans-serif !important;
}
.page-template-landing-vacanze-studio .section-motivi .box-container .motivi__box p {
margin-bottom: 0;
}
.page-template-landing-vacanze-studio .section-motivi .box-container .motivi__box ul {
padding-left: 20px;
}
.testimonials-01__author {
max-width: 100%!important;
}
.page-template-landing-vacanze-studio .flip-card:hover .flip-inner {
transform: none;
}
.section-vacanze-docente {
background-image: url(https://www.navigando.it/cms/wp-content/themes/navigando/images/vacanze-estero/dettaglio-vacanze-studio.png);
background-position: bottom right;
background-repeat: no-repeat;
background-size: 55%;
}
.section-vacanze-docente .docente-box {
background-color: #E0DE2E;
padding: 60px;
max-width: 1040px;
margin: 0 auto;
border-radius: 10px;
}
.section-vacanze-docente .docente-box h3 {
font-size: 36px;
line-height: 44px;
font-weight: 700;
}
.section-vacanze-docente .docente-box p {
font-size: 24px;
line-height: 30px;
font-weight: 400;
}
.new-btn-green a {
display: inline-block;
background-color: #006168!important;
font-size: 18px;
line-height: 100%;
padding: 13px;
margin: 0 auto;
font-weight: 600;
border-radius: 50px;
color: #FFF!important;
text-decoration: none;
}
.page-id-194858 .thankyou-bg {
background: linear-gradient(89.67deg, rgba(61, 61, 61, 0.2) 41.66%, rgba(255, 155, 80, 0.2) 99.73%)!important;
background-image: url(https://www.navigando.it/cms/wp-content/themes/navigando/images/vacanze-estero/vacanze-studio-landing.jpg)!important;
height: 80vh!important;
}
.page-id-194858 h1 span,
.page-id-194858 h2 span {
background-color: #E0DE2E!important;
color: #303030!important;
}
.page-id-194858 nav {
display: none;
}
body.page-id-194858 .footer-dati {
border-right: none!important;
}
body.page-id-194858 .footer-dati .footer-logo {
cursor: default;
pointer-events: none!important;
}
body.page-id-194858 .footer-menu-secondario,
body.page-id-194858 .footer-social,
body.page-id-194858 .footer-newsletter {
display: none!important;
}
body.page-template-landing-vacanze-studio #field_17_17 {
display: none!important;
}
body.page-id-194858 h1 {
font-family: 'Work Sans', sans-serif !important;
font-weight: 700;
}
body.page-id-194858 h2 span {
font-family: 'Work Sans', sans-serif !important;
font-weight: 400;
font-size: 24px;
}
.page-template-landing-vacanze-studio .flip-section .title {
font-size: 36px;
}
.page-template-landing-vacanze-studio .flip-section .subtitle {
font-size: 24px;
margin-bottom: 80px;
}
.solo-mobile {
display: none!important;
}
@media all and (max-width: 768px) {
.page-template-landing-vacanze-studio .new-wrapper__form_box {
max-width: unset!important;
width: 100% !important;
}
}
@media all and (max-width: 500px) {
.page-template-landing-vacanze-studio .page-component__bg_image_box .overlay-hero {
background: linear-gradient(89.67deg, rgba(61, 61, 61, 0.5) 41.66%, rgba(255, 155, 80, 0.5 ) 99.73%)!important;
}
.solo-mobile {
display: block!important;
}
}
.navbar-navigando.navbar-fill .logo-bianco {
width: 120px;
margin-top: -56px;
}
@media all and (max-width: 1330px) {
.navbar-navigando.navbar-fill .logo-bianco {
margin-top: -34px!important;
}
} .custom-arrow {
background: none;
border: none;
padding: 0;
cursor: pointer;
}
.custom-prev,
.custom-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
background-color: #fbefa7;
height: 60px;
width: 60px;
cursor: pointer;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.custom-prev svg,
.custom-next svg {
width: 30px!important;
height: auto!important;
}
.custom-prev svg path,
.custom-next svg path {
fill: #00396B!important;
}
.custom-prev {
left: -50px; }
.custom-next {
right: 100px; }
@media all and (max-width: 1700px) {
.custom-prev {
left: 20px; }
.custom-next {
right: 20px; }
}
@media all and (max-width: 1080px) {
.custom-prev,
.custom-next {
height: 40px;
width: 40px;
}
.custom-prev svg,
.custom-next svg {
width: 20px!important;
height: auto!important;
}
.custom-prev {
left: 0px; }
.custom-next {
right: 10px; }
}
body.single-destinazioni .intro-destinazioni {
position: relative;
}
body.single-destinazioni .intro-destinazioni:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .2);
}
body.single-destinazioni .intro-destinazioni .wrapper-program-text {
z-index: 999;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.navigando.it/cms/wp-content/themes/navigando/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.navigando.it/cms/wp-content/themes/navigando/slick/fonts/slick.eot);
src: url(https://www.navigando.it/cms/wp-content/themes/navigando/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.navigando.it/cms/wp-content/themes/navigando/slick/fonts/slick.woff) format('woff'), url(https://www.navigando.it/cms/wp-content/themes/navigando/slick/fonts/slick.ttf) format('truetype'), url(https://www.navigando.it/cms/wp-content/themes/navigando/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}