html,body{
font-family: 'PT Sans', arial, sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 17px;
font-weight: 400;
color: #53575a;
background-color: #ffffff;
background-size: 240px;
background-image: url("../imgs/backgrounds/alice-es_back-pattern.png");
min-height: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
body.opened{
overflow: hidden;
}
.wow{
visibility: hidden;
}
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;
color: inherit;
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
color: inherit;
text-decoration: underline;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
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 {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
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"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
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;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
color: inherit;
overflow-y: hidden;
margin-top: 0px;
margin-bottom: 10px;
}
h1.subH,
h2.subH,
h3.subH,
h4.subH,
h5.subH,
h6.subH {
font-weight: normal;
line-height: 1;
color: inherit;
overflow-y: visible;
height: auto;
}
.gradient{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
display: block;
}
.pattern{
position: relative;
width: 100%;
height: 100%;
display: block;
background-size: 240px;
background-image: url("../imgs/backgrounds/alice-es_back-pattern.png");
}
/* //////////////////////////// ALICENEWS */
.gradient.colorOrange{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4a913+0,e14b26+100 */
background: rgb(225,75,38); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(244,169,19,1) 0%, rgba(225,75,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(244,169,19,1) 0%,rgba(225,75,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(244,169,19,1) 0%,rgba(225,75,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a913', endColorstr='#e14b26',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradient.colorOrange .pattern{ opacity: .08; }
.gradient.colorGreen{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#50ab47+1,d2d727+98 */
background: rgb(80,171,71); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(80,171,71,1) 1%, rgba(210,215,39,1) 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(80,171,71,1) 1%,rgba(210,215,39,1) 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(80,171,71,1) 1%,rgba(210,215,39,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50ab47', endColorstr='#d2d727',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradient.colorGreen .pattern{ opacity: .08; }
.gradient.colorBlue{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ba4d7+0,bee8de+100 */
background: rgb(75,164,215); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(75,164,215,1) 0%, rgba(190,232,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(75,164,215,1) 0%,rgba(190,232,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(75,164,215,1) 0%,rgba(190,232,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba4d7', endColorstr='#bee8de',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradient.colorBlue .pattern{ opacity: .08; }
.gradient.colorRed{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c3192a+0,f11921+77,f11921+77 */
background: rgb(241,25,33); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(195,25,42,.9) 0%, rgba(241,25,33,1) 77%, rgba(241,25,33,1) 77%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(195,25,42,1) 0%,rgba(241,25,33,1) 77%,rgba(241,25,33,1) 77%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(195,25,42,1) 0%,rgba(241,25,33,1) 77%,rgba(241,25,33,1) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3192a', endColorstr='#f11921',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradient.colorRed .pattern{ opacity: .08; }
.gradient.colorGray{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,f2f2f2+100 */
background: rgb(224,224,224); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(224,224,224,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(224,224,224,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(224,224,224,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradient.colorGray .pattern{ opacity: .45; }
/* //////////////////////////// ALICE-ES */
.gradient.colorBlue2{
background: rgb(204,35,112);
background: -moz-linear-gradient(29deg, rgba(204,35,112,1) -20%, rgba(80,83,159,1) 89%);
background: -webkit-linear-gradient(29deg, rgba(204,35,112,1) -20%, rgba(80,83,159,1) 89%);
background: linear-gradient(29deg, rgba(204,35,112,1) -20%, rgba(80,83,159,1) 89%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc2370",endColorstr="#50539f",GradientType=1);
}
.gradient.colorBlue2 .pattern{ opacity: .08; }
.gradient.colorRed2{
background: rgb(163,36,48);
background: -moz-linear-gradient(66deg, rgba(163,36,48,1) -50%, rgba(204,34,41,1) 100%);
background: -webkit-linear-gradient(66deg, rgba(163,36,48,1) -50%, rgba(204,34,41,1) 100%);
background: linear-gradient(66deg, rgba(163,36,48,1) -50%, rgba(204,34,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a32430",endColorstr="#cc2229",GradientType=1);
}
.gradient.colorRed2 .pattern{ opacity: .08; }
.gradient.colorBlue3{
background: rgb(70,91,165);
background: -moz-linear-gradient(66deg, rgba(70,91,165,1) -100%, rgba(63,157,218,1) 100%);
background: -webkit-linear-gradient(66deg, rgba(70,91,165,1) -100%, rgba(63,157,218,1) 100%);
background: linear-gradient(66deg, rgba(70,91,165,1) -100%, rgba(63,157,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#465ba5",endColorstr="#3f9dda",GradientType=1);
}
.gradient.colorBlue3 .pattern{ opacity: .08; }
.gradient.colorYellow{
background: rgb(118,118,35);
background: -moz-linear-gradient(351deg, rgba(118,118,35,1) -50%, rgba(240,233,54,1) 100%);
background: -webkit-linear-gradient(351deg, rgba(118,118,35,1) -50%, rgba(240,233,54,1) 100%);
background: linear-gradient(351deg, rgba(118,118,35,1) -50%, rgba(240,233,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#767623",endColorstr="#f0e936",GradientType=1);
}
.gradient.colorYellow .pattern{ opacity: .08; }
.gradient.colorPurple{
background: rgb(104,44,124);
background: -moz-linear-gradient(66deg, rgba(104,44,124,1) -100%, rgba(132,85,158,1) 90%);
background: -webkit-linear-gradient(66deg, rgba(104,44,124,1) -100%, rgba(132,85,158,1) 90%);
background: linear-gradient(66deg, rgba(104,44,124,1) -100%, rgba(132,85,158,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#682c7c",endColorstr="#84559e",GradientType=1);
}
.gradient.colorPurple .pattern{ opacity: .08; }
.gradient.colorOrange2{
background: rgb(207,113,46);
background: -moz-linear-gradient(351deg, rgba(207,113,46,1) 50%, rgba(227,156,48,1) 120%);
background: -webkit-linear-gradient(351deg, rgba(207,113,46,1) 50%, rgba(227,156,48,1) 120%);
background: linear-gradient(351deg, rgba(207,113,46,1) 50%, rgba(227,156,48,1) 120%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cf712e",endColorstr="#e39c30",GradientType=1);
}
.gradient.colorOrange2 .pattern{ opacity: .08; }
.gradient.colorRed3{
background: rgb(161,66,41);
background: -moz-linear-gradient(351deg, rgba(161,66,41,1) 0%, rgba(215,90,107,1) 120%);
background: -webkit-linear-gradient(351deg, rgba(161,66,41,1) 0%, rgba(215,90,107,1) 120%);
background: linear-gradient(351deg, rgba(161,66,41,1) 0%, rgba(215,90,107,1) 120%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a14229",endColorstr="#d75a6b",GradientType=1);
}
.gradient.colorRed3 .pattern{ opacity: .08; }
.gradient.colorBrown{
background: rgb(173,103,56);
background: -moz-linear-gradient(50deg, rgba(173,103,56,1) 0%, rgba(110,58,53,1) 100%);
background: -webkit-linear-gradient(50deg, rgba(173,103,56,1) 0%, rgba(110,58,53,1) 100%);
background: linear-gradient(50deg, rgba(173,103,56,1) 0%, rgba(110,58,53,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ad6738",endColorstr="#6e3a35",GradientType=1);
}
.gradient.colorBrown .pattern{ opacity: .08; }
.gradient.colorGreen2{
background: rgb(47,163,109);
background: -moz-linear-gradient(336deg, rgba(47,163,109,1) 0%, rgba(46,125,71,1) 90%);
background: -webkit-linear-gradient(336deg, rgba(47,163,109,1) 0%, rgba(46,125,71,1) 90%);
background: linear-gradient(336deg, rgba(47,163,109,1) 0%, rgba(46,125,71,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2fa36d",endColorstr="#2e7d47",GradientType=1);
}
.gradient.colorGreen2 .pattern{ opacity: .08; }
.gradient.colorGray2{
background: rgb(133,161,211);
background: -moz-linear-gradient(344deg, rgba(133,161,211,1) 6%, rgba(39,37,37,1) 150%);
background: -webkit-linear-gradient(344deg, rgba(133,161,211,1) 6%, rgba(39,37,37,1) 150%);
background: linear-gradient(344deg, rgba(133,161,211,1) 6%, rgba(39,37,37,1) 150%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#85a1d3",endColorstr="#272525",GradientType=1);
}
.gradient.colorGray2 .pattern{ opacity: .08; }
.gradient.colorYellow2{
background: rgb(221,196,58);
background: -moz-linear-gradient(13deg, rgba(221,196,58,1) 0%, rgba(228,164,21,1) 120%);
background: -webkit-linear-gradient(13deg, rgba(221,196,58,1) 0%, rgba(228,164,21,1) 120%);
background: linear-gradient(13deg, rgba(221,196,58,1) 0%, rgba(228,164,21,1) 120%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ddc43a",endColorstr="#e4a415",GradientType=1);
}
.gradient.colorYellow2 .pattern{ opacity: .08; }
.gradient.colorPink{
background: rgb(178,123,158);
background: -moz-linear-gradient(350deg, rgba(178,123,158,1) 6%, rgba(209,173,206,1) 150%);
background: -webkit-linear-gradient(350deg, rgba(178,123,158,1) 6%, rgba(209,173,206,1) 150%);
background: linear-gradient(350deg, rgba(178,123,158,1) 6%, rgba(209,173,206,1) 150%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b27b9e",endColorstr="#d1adce",GradientType=1);
}
.gradient.colorPink .pattern{ opacity: .08; }
.gradient.colorOrange3{
background: rgb(213,101,44);
background: -moz-linear-gradient(85deg, rgba(213,101,44,1) 12%, rgba(127,94,64,1) 120%);
background: -webkit-linear-gradient(85deg, rgba(213,101,44,1) 12%, rgba(127,94,64,1) 120%);
background: linear-gradient(85deg, rgba(213,101,44,1) 12%, rgba(127,94,64,1) 120%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d5652c",endColorstr="#7f5e40",GradientType=1);
}
.gradient.colorOrange3 .pattern{ opacity: .08; }
.noHmargin h1, .noHmargin h2, .noHmargin h3, .noHmargin h4, .noHmargin h5, .noHmargin h6{
margin-top: 5px;
margin-bottom: 5px;
}
.noHmargin h1.subH, .noHmargin h2.subH, .noHmargin h3.subH, .noHmargin h4.subH, .noHmargin h5.subH, .noHmargin h6.subH{
margin: 0px;
}
.centerDiv {
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
.centerText {
text-align: center;
}
.wordwrap {
/*white-space: pre-wrap; /* CSS3 */
/*white-space: -moz-pre-wrap; /* Firefox */
/*white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
.noPadding{
padding: 0px !important;
}
.noMargin{
margin: 0px !important;
}
.noJustify{
text-align: left !important;
}
.fullScreen { position:relative; height: 90%; min-height: 90%; width:100%; }
.fullScreenText { position:relative; min-height: 90%; width:100%; }
.fixedImage {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-attachment: fixed;
background-position: center;
background-size: cover;
filter: grayscale(1);
-webkit-filter: grayscale(1);
opacity:0.25;
}
.mobile .fixedImage { background-attachment:scroll !important; background-position: center; background-size: cover; }
.hasImage, .hasImage.unifojFilter{background-color: rgb(214,33,50) !important; position: relative;}
.hasImage.e-unifojFilter{background-color: rgb(51,51,51) !important;}
#topBarTrigger{position: absolute; width: 1px; height: 1px; padding: 0; margin: 0; z-index: -1;}
.topBar{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 124px;
z-index: 9999;
background-color: rgba(255,255,255,0);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.mobile .topBar, .topBar.float, .topBar.opened{
height: 80px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar.float, .topBar.opened{
background-color: rgba(255,255,255,0.9);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar.opened{
background-color: rgba(255,255,255,0);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar .bar{
position: relative;
margin: 0px auto;
width: 100%;
height: 124px;
z-index: 99999;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.mobile .topBar .bar, .topBar.float .bar, .topBar.opened .bar{
height: 80px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar .bar .logo{
position: absolute;
margin:0px;
height: 80px;
top: 35px;
left: 20px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-ms-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.mobile .bar .logo, .topBar.float .bar .logo, .topBar.opened .bar .logo{
height: 70px;
top: 5px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-ms-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.topBar.white .bar .logo.lColor, .topBar .bar .logo.lWhite, .topBar.float .bar .logo.lWhite, .topBar.white.float .bar .logo.lWhite, .topBar.opened .bar .logo.lWhite, .topBar.white.opened .bar .logo.lWhite{
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar.white .bar .logo.lWhite, .topBar .bar .logo.lColor, .topBar.float .bar .logo.lColor, .topBar.opened .bar .logo.lColor{
opacity: 1;
visibility: visible;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar .bar .logo img{
height: 100%;
width: auto;
}
.topBar .bar .toggle, .topBar .bar .search, .topBar .bar .home{
position: absolute;
height: 124px;
top: 0px;
right: 0px;
width:70px;
margin:0px;
background-color: transparent;
cursor: pointer;
text-align: center;
line-height: 160px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.topBar .bar .search{
right: 70px;
}
.topBar .bar .home{
right: 140px;
}
.mobile .topBar .bar .toggle, .topBar.float .bar .toggle, .topBar.opened .bar .toggle, .mobile .topBar .bar .search, .topBar.float .bar .search, .topBar.opened .bar .search, .mobile .topBar .bar .home, .topBar.float .bar .home, .topBar.opened .bar .home{
height: 80px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar .bar .toggle i, .topBar .bar .search i, .topBar .bar .home i{
position: absolute;
top: 0px;
right: 0px;
margin-top: 46px;
padding-top: 22px;
padding-bottom: 22px;
padding-right: 17px;
padding-left: 17px;
font-size: 36px;
color: #53575a;
vertical-align: middle;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar.white .bar .toggle i:hover, .topBar.white .bar .search i:hover, .topBar.white .bar .home i:hover{
background-color: rgba(255,255,255,0.2);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.mobile .topBar .bar .toggle i:hover, .topBar.float .bar .toggle i:hover, .topBar.opened .bar .toggle i:hover, .mobile .topBar .bar .search i:hover, .topBar.float .bar .search i:hover, .topBar.opened .bar .search i:hover, .mobile .topBar .bar .home i:hover, .topBar.float .bar .home i:hover, .topBar.opened .bar .home i:hover, .topBar .bar .toggle i:hover, .topBar .bar .search i:hover, .topBar .bar .home i:hover{
background-color: rgba(0,0,0,0.2);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar.white .bar .toggle i, .topBar.white .bar .search i, .topBar.white .bar .home i{
color: #ffffff;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar.float .bar .toggle i, .topBar.opened .bar .toggle i, .topBar.float .bar .search i, .topBar.opened .bar .search i, .topBar.float .bar .home i, .topBar.opened .bar .home i{
color: #53575a;
margin-top: 12px;
padding-top: 22px;
padding-bottom: 22px;
padding-right: 17px;
padding-left: 17px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.mobile .topBar .bar .toggle i, .topBar.float .bar .toggle i, .topBar.opened .bar .toggle i, .mobile .topBar .bar .search i, .topBar.float .bar .search i, .topBar.opened .bar .search i, .mobile .topBar .bar .home i, .topBar.float .bar .home i, .topBar.opened .bar .home i{
margin-top: 10px;
padding-top: 22px;
padding-bottom: 22px;
padding-right: 17px;
padding-left: 17px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
/*.mobile .topBar .bar .toggle i.opened, .topBar.float .bar .toggle i.opened, .topBar.opened .bar .toggle i.opened{
padding-right: 21px;
}*/
.topBar .bar .toggle .toggleImages{
display: none;
}
.ie67 .topBar .bar .toggle .toggleImages{
display: block;
}
.topBar .bar .toggle .opened{
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-ms-transform: translateX(10px);
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.topBar .bar .toggle .closed{
opacity: 1;
visibility: visible;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-ms-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.topBar.opened .bar .toggle .opened{
opacity: 1;
visibility: visible;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-ms-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.topBar.opened .bar .toggle .closed{
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-ms-transform: translateX(-10px);
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
@media (max-width: 768px) {
.topBar{
height: 80px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar .bar{
height: 80px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar .bar .logo{
height: 70px;
top: 5px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-ms-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.topBar .bar .toggle, .topBar .bar .search, .topBar .bar .home{
height: 80px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.topBar .bar .toggle i, .topBar .bar .search i, .topBar .bar .home i{
margin-top: 10px;
padding-top: 22px;
padding-bottom: 22px;
padding-right: 17px;
padding-left: 17px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
}
@media (max-width: 500px) {
.topBar .bar .logo, .topBar.float .bar .logo, .topBar.opened .bar .logo, .mobile .topBar .bar .logo{
height: 50px;
top: 15px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-ms-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.topBar .bar .toggle i, .topBar.float .bar .toggle i, .topBar.opened .bar .toggle i, .mobile .topBar .bar .toggle i, .topBar .bar .search i, .topBar.float .bar .search i, .topBar.opened .bar .search i, .mobile .topBar .bar .search i, .topBar .bar .home i, .topBar.float .bar .home i, .topBar.opened .bar .home i, .mobile .topBar .bar .home i{
margin-top: 9px;
padding-top: 25px;
padding-bottom: 25px;
padding-right: 10px;
padding-left: 10px;
font-size: 31px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.mobile .topBar .bar .toggle i.opened, .topBar.float .bar .toggle i.opened, .topBar.opened .bar .toggle i.opened{
padding-right: 11px;
}
.topBar .bar .toggle{
width: 51px;
right: 10px;
}
.topBar .bar .search{
width: 51px;
right: 61px;
}
.topBar .bar .home{
width: 51px;
right: 112px;
}
}
.theNav ul.nav .langSelector{
top: 0px !important;
right: 0px !important;
color: #53575a !important;
}
.topBar.white, .topBar.white i, .topBar.white a{
color:#ffffff;
}
.topBar, .topBar i, .topBar.float, .topBar.float i, .topBar a, .topBar.float a{
color:#53575a;
}
.theNav{
position: fixed;
width: 100%;
top: 0px;
left: 0px;
height: 100%;
padding-top: 80px;
z-index: 9998;
background-color: rgba(255,255,255,0.9);
transition: .3s all ease;
opacity: 0;
visibility: hidden;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-ms-transform: translateX(10px);
-webkit-transform: translateX(10px);
transform: translateX(10px);
padding: 0px;
min-height: 100%
}
.nav-swiper-container{
width: 100%;
max-width: 1100px;
margin-left: auto !important;
margin-right: auto !important;
height: 100%;
height: calc(100% - 80px);
margin-top: 80px;
padding: 20px;
transition: .3s all ease;
}
.theNav.opened{
transition: .3s all ease;
opacity: 9999;
visibility: visible;
-ms-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.theNav ul.nav{
/*position: relative;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
width: 100%;
height: auto;*/
display: block;
float: right;
z-index: 2;
margin: 0 auto;
padding: 0;
list-style: none;
}
.theNav ul.nav li{
position: relative;
z-index: 1;
display: block;
float: right;
width: 100%;
padding: 0px;
padding-bottom: 50px;
height: auto !important;
}
.theNav ul.nav li.cat{
text-transform: uppercase;
font-weight: 700;
font-size: 20px;
text-align: right;
padding-bottom: 10px;
}
.theNav ul.nav li .menuButton{
position: relative;
display: block;
width: 25%;
height: 170px;
float: right;
}
@media (max-width: 900px) {
.theNav ul.nav li .menuButton{
width: 33%;
}
}
@media (max-width: 700px) {
.theNav ul.nav li .menuButton{
width: 50%;
}
}
@media (max-width: 500px) {
.theNav ul.nav li .menuButton{
width: 100%;
}
}
.menuButton .gradient{
z-index: 0;
}
.menuButton .menuButton-background{
background-size:cover;
background-position:center;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
display: block;
opacity: 0.15;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
transition: .3s opacity ease;
}
.menuButton:hover .menuButton-background{
opacity: 0.25;
transition: .3s opacity ease;
}
.menuButton .menuButton-icon{
cursor: pointer;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 20px;
z-index: 2;
transition: .3s all ease;
text-transform: uppercase;
font-weight: 700;
color: #ffffff;
font-size: 21px;
}
.menuButton .menuButton-content{
position: absolute;
cursor: pointer;
display: block;
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 20px;
z-index: 3;
transition: .3s all ease;
color: #ffffff;
}
.newsletterSection .menuButton-content{
cursor: default;
}
.menuButton .menuButton-icon img, .menuButton .menuButton-icon span{
z-index: 2;
text-align: center;
}
.menuButton .fa-external-link-alt{
position: absolute;
top: 10px;
right: 10px;
font-size:18px;
color: #ffffff;
}
.menuSection .menuButton{
position: relative;
display: block;
width: 33.33333333333333%;
height: 220px;
float: left;
}
.relatedSection .menuButton{
width: calc(33.33333333333333% - 20px);
margin-left: 20px;
margin-bottom: 20px;
position:relative;
min-height: 100%;
}
.menuSection .menuButton.big{
width: 50%;
}
.menuSection .container{
padding:0px;
}
.relatedSection .container{
background-color: #f1f2f2;
padding:0px;
}
.relatedSection .container .container{
background-color: #f1f2f2;
padding:0px;
padding-top:20px;
padding-right:20px;
position:relative;
min-height: 100%;
display: flex;
align-items: top;
}
.relatedSection .menuButton .menuButton-content{
min-height: 220px;
}
.relatedSection .menuButton a:hover{
text-decoration: none;
}
@media (max-width: 768px) {
.menuSection .menuButton{
width: 50%;
}
}
@media (max-width: 670px) {
.relatedSection .container .container{
display: block;
float: left !important;
}
.relatedSection .menuButton{
width: 100%;
width: calc(100% - 20px);
float: left;
min-height: 170px;
}
.relatedSection .menuButton .menuButton-content{
min-height: 170px;
}
}
@media (max-width: 500px) {
.menuSection .menuButton{
width: 100%;
height: 170px;
}
.menuSection .menuButton.big{
width: 100%;
}
}
.ie678 .theNav ul.nav li a:hover:after, .ie678 .theNav ul.nav li a::after, .ie678 .theNav ul.nav li.current a::after{
display: none;
}
.grid{
overflow: visible;
}
.read_more_wrapper{
max-height: 400px;
overflow: hidden;
display: block;
position: relative;
padding-bottom: 30px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.read_more_wrapper .read_more_button{
display: block;
position: absolute;
bottom: 0px;
left: 0px;
height: 100px;
width: 100%;
background: -moz-linear-gradient(top, rgba(29,164,170,0) 0%, rgba(29,164,170,1) 76%, rgba(29,164,170,1) 99%);
background: -webkit-linear-gradient(top, rgba(29,164,170,0) 0%,rgba(29,164,170,1) 76%,rgba(29,164,170,1) 99%);
background: linear-gradient(to bottom, rgba(29,164,170,0) 0%,rgba(29,164,170,1) 76%,rgba(29,164,170,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0053575a', endColorstr='#53575a',GradientType=0 );
color: #ffffff;
font-weight: bold;
text-decoration: underline;
text-align: left;
line-height: 70px;
cursor: pointer;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.read_more_wrapper.expanded{
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.read_more_wrapper.expanded .read_more_button{
background: rgba(59,170,53,0);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.button {
background-color: transparent;
color: #ffffff;
margin-top: 50px;
padding: 10px;
padding-left: 15px;
padding-right: 15px;
border: 3px solid #ffffff;
float: left;
font-weight: 500;
cursor: pointer;
text-decoration: none;
outline: 0;
line-height: normal;
}
.button:hover{
outline: 0;
color: #53575a;
background-color:#ffffff;
text-decoration: none;
}
.section{
/*background-color:#ffffff;*/
}
.section, .topSection{
width: 100%;
overflow: hidden;
}
.container{
position: relative;
width: 100%;
max-width: 1000px;
height: auto;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
padding-top: 20px;
padding-bottom: 20px;
}
.contentSection img{
width: 100%;
height: auto;
}
.container.extrasmall, .bar.extrasmall{
max-width: 600px;
}
.container.small, .bar.small{
max-width: 800px;
}
.container.big, .bar.big{
max-width: 1100px;
}
.container.extrabig, .bar.extrabig{
max-width: 1400px;
}
.topSection .container{
padding-top: 170px;
}
.mobile .topSection .container{
padding-top: 90px;
}
.slideSection .container{
padding: 0px;
}
.container .text p:first-child{
margin-top: 0px;
}
.container .text p:last-child{
margin-bottom: 0px;
}
.container .text .title{
font-size: 20px;
font-weight: 700;
}
.container .text hr{
border: none;
border-bottom: 1px solid #53575a;
}
.container .text a{
text-decoration: underline;
}
.footer{
margin-top: 50px;
margin-bottom: 50px;
}
footer{
position: relative;
color: #53575a;
margin-top: 30px;
margin-bottom: 50px;
font-weight: 700;
font-size: 15px;
text-align: left;
}
footer .logos{
text-align: right;
}
@media handheld, only screen and (max-width: 670px) {
footer, footer .logos{
text-align: center;
}
}
/* /////////////////////////////////////////////////////////// ie fallback */
.ie678 .container .line-separator, .ie678 .container .in-line-separator, .ie678 .home .text .the-line-separator{
height: 3px;
background: #000000;
}
.no-flexbox .topBar .bar ul.nav {
display: block;
float: right;
}
.no-flexbox .topBar .bar ul.nav li {
width: auto;
display: inline-block;
}
.no-flexbox.ie .topBar .bar ul.nav li {
float: left;
}
.ie678 .topBar{
background-color: transparent;
}
.ie678 .topBar .bar ul.nav{
top: -80px;
color: #ffffff;
}
.ie678 .topBar .bar .toggle{
top: 0px;
}
.ie678 .topBar .bar .logo{
top: 0px;
opacity: 1;
color: #000000;
text-decoration: none;
}
.ie678 .theNav{
background-color: #ffffff;
color: #000000;
}
.ie678 .the-color{
background-color: rgb(237, 143, 9);
}
.ie678 .home{
margin-top: 140px;
}
.ie678 .container{
padding-top: 70px;
}
.ie678 .theNav ul.nav li a{
color: #ffffff;
}
.hiddenInfoButton .mais, .hiddenInfoButton.hidden .menos{
display: none;
}
.hiddenInfoButton.hidden .mais, .hiddenInfoButton .menos{
display:inline;
}
.hiddenInfo {
margin-top: 20px;
width: 100%;
float: left;
}
.tabs {
width:100%;
display:inline-block;
margin-top: 13px;
}
.tab-links {
padding:0px;
margin:0px;
}
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
display:block;
clear:both;
content:'';
}
.tab-links li {
margin:0px;
float:left;
list-style:none;
margin-right: 3px;
border: 3px solid #000;
margin-top: -3px;
padding: 6px;
}
.tab-links li a{
text-decoration: none;
padding: 6px;
color: #ffffff;
}
.tab-links li a:hover, .tab-links li.active a, .tab-links li.active a:hover, .tab-links li:hover a, .tab-links li.active a, .tab-links li.active:hover a, .tab-links li:hover, .tab-links li.active, .tab-links li.active:hover{
color: #ffffff;
background-color:#000000;
text-decoration: none;
}
.tab-content {
position: relative;
padding:20px;
padding-top: 30px;
border: 3px solid #000;
overflow: hidden;
width: 100%;
top: -3px;
}
.tab {
display:none;
}
.tab.active {
display:block;
}
/*
* @subsection RD Mail Form
*
* @description Describes style declarations for RD Mail Form extension
*
* @author Evgeniy Gusarov
* @link https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version 1.1.2
*/
.nav-right .rd-navbar-info .rd-mailform label input, .nav-right .rd-navbar-info .rd-mailform label textarea {
padding: 7px 14px; }
.rd-mailform {
position: relative;
text-align: left;
margin-left: auto;
margin-right: auto;
/*margin-top: 35px;*/ }
.rd-mailform fieldset {
border: none; }
.rd-mailform fieldset > .row + .row {
margin-top: 30px; }
.rd-mailform label {
position: relative;
display: block;
width: 100%;
margin-top: 26px; }
.rd-mailform label:first-child {
margin-top: 0; }
.rd-mailform label input, .rd-mailform label select {
height: 52px; }
.rd-mailform label input, .rd-mailform label textarea {
outline: 0;
display: block;
width: 100%;
margin: 0;
-webkit-appearance: none;
font-size: 18px;
padding: 11px 21px;
line-height: 28px;
color: #53575a;
background: rgba(83, 87, 90, 0.10);
border: 0px solid #ffffff;
border-radius: 0px; }
.rd-mailform label input:-moz-placeholder, .rd-mailform label textarea:-moz-placeholder {
color: #53575a;
opacity: 1; }
.rd-mailform label input::-webkit-input-placeholder, .rd-mailform label textarea::-webkit-input-placeholder {
color: #53575a;
opacity: 1; }
.rd-mailform label input::-moz-placeholder, .rd-mailform label textarea::-moz-placeholder {
color: #53575a;
opacity: 1; }
.rd-mailform label input:-ms-input-placeholder, .rd-mailform label textarea:-ms-input-placeholder {
color: #53575a;
opacity: 1; }
.rd-mailform label textarea {
outline: 0;
resize: vertical;
overflow: auto;
min-height: 52px;
height: 250px;
max-height: 300px; }
@media (min-width: 768px) {
.rd-mailform label {
margin-top: 30px;
}
}
/*
* MF Controls
*/
.mfControls {
margin-top: 20px;
}
.mfControls button {
background: rgba(83, 87, 90, 0.70);
color: #ffffff;
padding: 10px;
padding-left: 15px;
padding-right: 15px;
border: 0px solid #ffffff;
float: left;
font-weight: 500;
cursor: pointer;
text-decoration: none;
outline: 0;
}
.mfControls button:hover {
outline: 0;
color: #ffffff;
background: rgba(83, 87, 90, 1);
text-decoration: none;
}
@-webkit-keyframes fout {
0% {
-webkit-transform: scale(1) translateX(0);
transform: scale(1) translateX(0); }
100% {
-webkit-transform: scale(0) translateX(0);
transform: scale(0) translateX(0); } }
@keyframes fout {
0% {
-webkit-transform: scale(1) translateX(0);
transform: scale(1) translateX(0); }
100% {
-webkit-transform: scale(0) translateX(0);
transform: scale(0) translateX(0); } }
/*
* MF Placeholder
*/
.mfPlaceHolder {
cursor: text;
position: absolute;
left: 0;
top: 0;
padding: 11px 21px;
font-weight: inherit;
font-size: 18px;
line-height: 28px;
color: #53575a;
opacity: 1;
transition: .2s all ease; }
*:-webkit-autofill ~ .mfPlaceHolder {
opacity: .4; }
.mfPlaceHolder.state-1 {
opacity: .0; }
*:-webkit-autofill ~ .mfPlaceHolder {
display: none; }
.mfInput.filled .mfPlaceHolder.state-1 {
display: none; }
/*
* MF Validation
*/
.mfValidation {
position: absolute;
top: 0;
padding-left: 21px;
right: 7px;
color: #A9333F;
font-weight: inherit;
font-size: 9px;
line-height: 20px;
opacity: 0;
visibility: hidden;
z-index: 9;
pointer-events: none;
transition: .3s all ease; }
.mfValidation.show {
opacity: 1;
visibility: visible; }
.mfValidation.hide, .mfValidation.valid {
opacity: 0;
visibility: hidden; }
/*
* MF Submit
*/
.mfInfo,
.mfProgress {
position: fixed;
left: 15px;
bottom: 15px;
padding: 17px;
height: 54px;
color: #FFF;
background: #C32138;
border-radius: 0px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0px rgba(0, 0, 0, 0.11);
line-height: 20px;
font-size: 13px;
transition: .3s all ease;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(83px);
transform: translateY(83px);
z-index: 999; }
.mfInfo .loader,
.mfProgress .loader {
display: inline-block;
position: relative;
margin-right: 16px; }
.mfInfo .loader, .mfInfo .loader:before, .mfInfo .loader:after,
.mfProgress .loader,
.mfProgress .loader:before,
.mfProgress .loader:after {
width: 20px;
height: 20px;
line-height: 20px; }
.mfInfo .loader:before, .mfInfo .loader:after,
.mfProgress .loader:before,
.mfProgress .loader:after {
content: '';
position: absolute;
top: 0;
left: 0; }
.mfInfo .loader:before,
.mfProgress .loader:before {
-webkit-animation: mfLoader 1.1s infinite linear;
animation: mfLoader 1.1s infinite linear;
border: 2px solid #FFF;
border-top-color: transparent;
border-radius: 50%;
opacity: 1;
visibility: visible;
transition: .3s all ease; }
.mfInfo .loader:after,
.mfProgress .loader:after {
opacity: 0;
visibility: hidden;
font-weight: 400;
font-family: "FontAwesome";
font-size: 20px;
transition: .6s all ease;
-webkit-transform: rotate(-90deg) scale(0);
transform: rotate(-90deg) scale(0); }
.mfInfo.fail,
.mfProgress.fail {
background: #C32138; }
.mfInfo.fail .loader:after,
.mfProgress.fail .loader:after {
content: '\f00d'; }
.mfInfo.success,
.mfProgress.success {
background: #2E7D32; }
.mfInfo.success .loader:after,
.mfProgress.success .loader:after {
content: '\f00c'; }
.mfInfo.fail .loader:before, .mfInfo.success .loader:before,
.mfProgress.fail .loader:before,
.mfProgress.success .loader:before {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0); }
.mfInfo.fail .loader:after, .mfInfo.success .loader:after,
.mfProgress.fail .loader:after,
.mfProgress.success .loader:after {
opacity: 1;
visibility: visible;
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
.mfInfo.fail, .mfInfo.success, .mfInfo.sending,
.mfProgress.fail,
.mfProgress.success,
.mfProgress.sending {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0); }
@media (min-width: 768px) {
.mfInfo,
.mfProgress {
bottom: 24px;
left: 50%;
-webkit-transform: translate(-50%, 83px);
transform: translate(-50%, 83px); }
.mfInfo.fail, .mfInfo.success, .mfInfo.sending,
.mfProgress.fail,
.mfProgress.success,
.mfProgress.sending {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0); } }
@-webkit-keyframes mfLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes mfLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/*
* MF Icon
*/
.mfInput[data-add-icon] input, .mfInput[data-add-icon] .mfPlaceHolder {
padding-right: 44px; }
.mfIcon {
position: absolute;
text-align: center;
top: 14px;
right: 10px;
width: 24px;
height: 24px;
line-height: 24px;
color: #53575a;
font: 400 20px/24px "FontAwesome"; }
.mfIcon span:before, .mfIcon span:after {
position: absolute;
left: 50%;
top: 50%;
margin-top: -12px;
margin-left: -10px;
transition: .4s all ease-in-out; }
.mfIcon span:before {
content: ""; }
.mfIcon span:after {
content: "";
-webkit-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-animation: zoom-out 0.4s ease-in-out 1 forwards;
animation: zoom-out 0.4s ease-in-out 1 forwards; }
.mfIcon.state-1:after {
content: "";
position: absolute;
bottom: -1px;
width: 0;
height: 1px;
background: #53575a;
-webkit-animation: line 1.2s 0.4s infinite;
animation: line 1.2s 0.4s infinite; }
.mfIcon.state-1 span:before {
-webkit-transform: scale(0) rotate(90deg);
transform: scale(0) rotate(90deg); }
.mfIcon.state-1 span:after {
-webkit-transform: scale(1) rotate(-35deg);
transform: scale(1) rotate(-35deg);
-webkit-animation: zoom-in-state-1 0.4s ease-in-out 1 forwards, anim-1 1.2s 0.3s infinite, anim-2 0.6s 0.3s infinite;
animation: zoom-in-state-1 0.4s ease-in-out 1 forwards, anim-1 1.2s 0.3s infinite, anim-2 0.6s 0.3s infinite; }
.mfIcon.state-2 span:before {
content: "";
-webkit-transform: scale(0) rotate(90deg);
transform: scale(0) rotate(90deg); }
.mfIcon.state-2 span:after {
-webkit-transform: scale(1) rotate(-210deg);
transform: scale(1) rotate(-210deg);
-webkit-animation: zoom-in-state-2 0.4s ease-in-out 1 forwards, anim-3 0.6s 0.4s infinite;
animation: zoom-in-state-2 0.4s ease-in-out 1 forwards, anim-3 0.6s 0.4s infinite; }
@-webkit-keyframes anim-1 {
0% {
left: 50%; }
100% {
left: 90%; } }
@keyframes anim-1 {
0% {
left: 50%; }
100% {
left: 90%; } }
@-webkit-keyframes anim-2 {
0% {
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg); }
25% {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg); }
50% {
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg); }
75% {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg); }
100% {
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg); } }
@keyframes anim-2 {
0% {
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg); }
25% {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg); }
50% {
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg); }
75% {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg); }
100% {
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg); } }
@-webkit-keyframes anim-3 {
0% {
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
left: 50%; }
50% {
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
left: 90%; }
100% {
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
left: 50%; } }
@keyframes anim-3 {
0% {
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
left: 50%; }
50% {
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
left: 90%; }
100% {
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
left: 50%; } }
@-webkit-keyframes zoom-out {
0% {
-webkit-transform: scale(1) rotate(-35deg);
transform: scale(1) rotate(-35deg); }
100% {
-webkit-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg); } }
@keyframes zoom-out {
0% {
-webkit-transform: scale(1) rotate(-35deg);
transform: scale(1) rotate(-35deg); }
100% {
-webkit-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg); } }
@-webkit-keyframes zoom-in-state-1 {
0% {
-webkit-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg); }
100% {
-webkit-transform: scale(1) rotate(-35deg);
transform: scale(1) rotate(-35deg); } }
@keyframes zoom-in-state-1 {
0% {
-webkit-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg); }
100% {
-webkit-transform: scale(1) rotate(-35deg);
transform: scale(1) rotate(-35deg); } }
@-webkit-keyframes zoom-in-state-2 {
0% {
-webkit-transform: scale(0) rotate(-35deg);
transform: scale(0) rotate(-35deg); }
100% {
left: 50%;
-webkit-transform: scale(1) rotate(150deg);
transform: scale(1) rotate(150deg); } }
@keyframes zoom-in-state-2 {
0% {
-webkit-transform: scale(0) rotate(-35deg);
transform: scale(0) rotate(-35deg); }
100% {
left: 50%;
-webkit-transform: scale(1) rotate(150deg);
transform: scale(1) rotate(150deg); } }
@-webkit-keyframes line {
0% {
left: 40%; }
100% {
left: 40%;
width: 40%; } }
@keyframes line {
0% {
left: 40%; }
100% {
left: 40%;
width: 40%; } }
.mfInput input[name='phone'] ~ .mfIcon span:before,
.mfInput select[name='phone'] ~ .mfIcon span:before,
.mfInput textarea[name='phone'] ~ .mfIcon span:before {
content: ""; }
.mfInput input[name='email'] ~ .mfIcon span:before,
.mfInput select[name='email'] ~ .mfIcon span:before,
.mfInput textarea[name='email'] ~ .mfIcon span:before {
content: ""; }
.mfInput input[name='name'] ~ .mfIcon span:before,
.mfInput select[name='name'] ~ .mfIcon span:before,
.mfInput textarea[name='name'] ~ .mfIcon span:before {
content: ""; }
.mfInput input[name='date'] ~ .mfIcon span:before,
.mfInput select[name='date'] ~ .mfIcon span:before,
.mfInput textarea[name='date'] ~ .mfIcon span:before {
content: ""; }
.mfInput input[name='guests'] ~ .mfIcon span:before,
.mfInput select[name='guests'] ~ .mfIcon span:before,
.mfInput textarea[name='guests'] ~ .mfIcon span:before {
content: ""; }
.mfInput input[name='message'] ~ .mfIcon,
.mfInput select[name='message'] ~ .mfIcon,
.mfInput textarea[name='message'] ~ .mfIcon {
display: none; }
.mfInput input:-webkit-autofill ~ .mfIcon span:before,
.mfInput textarea:-webkit-autofill ~ .mfIcon span:before {
color: #2D2D2D; }
/*
* MF Select
*/
.mfSelect {
position: relative; }
.mfSelect select {
padding: 0px 1px 1px 0;
z-index: -9999999;
border: medium none; }
.mfSelect .dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 15px;
max-height: 100px;
opacity: 0;
visibility: hidden;
border: 1px solid #888;
box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.11);
transition: .3s all ease-in-out;
outline: none;
-webkit-appearance: none;
font-weight: inherit;
line-height: 28px;
border: 1px solid #ED9F9F;
background: #fff;
color: #ED9F9F;
border-radius: 0px;
z-index: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px); }
.mfSelect .dropdown .option {
position: relative;
z-index: 1;
text-transform: none;
cursor: pointer;
padding: 10px 15px;
overflow: hidden;
transition: .4s all ease-in-out;
transition-delay: .2s;
font-size: 16px;
line-height: 30px; }
.mfSelect .dropdown .option.selected {
background: #f2f2f2;
color: #ED9F9F; }
.mfSelect .dropdown .option:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: rgb(80,171,71);
opacity: 0;
z-index: -1;
transition: .4s all ease-in-out;
-webkit-transform: translate(-20%, -50%);
transform: translate(-20%, -50%); }
.mfSelect .dropdown .option:before {
content: '\f00c';
position: absolute;
display: inline-block;
left: 15px;
color: #fff;
font: 400 20px "FontAwesome";
line-height: inherit;
transition: .4s all ease-in-out;
-webkit-transform: scale(0) rotate(-60deg);
transform: scale(0) rotate(-60deg); }
.mfSelect .dropdown .option:hover {
color: #fff;
padding-left: 40px;
transition-delay: 0s; }
.mfSelect .dropdown .option:hover:before {
transition-delay: .15s;
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg); }
.mfSelect .dropdown .option:hover:after {
width: 1000px;
height: 500px;
opacity: 1; }
.mfSelect .dropdown:before {
content: '';
position: absolute;
bottom: 100%;
left: 14px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 8px 7px;
border-color: transparent transparent #ebebeb transparent; }
.mfSelect .dropdown:after {
content: '';
position: absolute;
bottom: 100%;
left: 15px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #FFF transparent; }
.mfSelect .value {
cursor: pointer;
transition: .4s all ease-in-out;
font-size: 18px;
padding: 11px 21px;
line-height: 28px;
color: #ED9F9F;
background: none;
border: 1px solid #ED9F9F;
border-radius: 0px; }
.mfSelect .value:before, .mfSelect .value:after {
position: absolute;
right: 12px;
top: 14px;
width: 24px;
height: 24px;
font: 400 20px "FontAwesome";
line-height: 24px;
color: #53575a;
text-align: center;
transition: .4s all ease; }
.mfSelect .value:before {
content: '\f0c9';
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
.mfSelect .value:after {
content: '\f107';
font-size: 24px;
-webkit-transform: rotate(-180deg) scale(0);
transform: rotate(-180deg) scale(0); }
.mfSelect.show .dropdown {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0); }
.mfSelect.show .value {
background: #fff;
color: #ED9F9F;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0px rgba(0, 0, 0, 0.11); }
.mfSelect.show .value:before, .mfSelect.show .value:after {
color: #ED9F9F; }
.mfSelect.show .value:before {
-webkit-transform: rotate(90deg) scale(0);
transform: rotate(90deg) scale(0); }
.mfSelect.show .value:after {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
/*
* MF Datepicker#bee8de
*/
.mfDatePicker {
position: absolute;
top: 100%;
left: 0;
margin-top: 15px;
padding: 10px 15px;
opacity: 0;
z-index: 1;
width: 270px;
visibility: hidden;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0px rgba(0, 0, 0, 0.11);
transition: .3s all ease-in-out;
z-index: 99;
-webkit-transform: translateY(20px);
transform: translateY(20px);
background: #53575a;
color: #fff;
border-radius: 8px;
border: 1px solid #53575a; }
.mfDatePicker:before {
content: '';
position: absolute;
bottom: 100%;
left: 15px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #53575a transparent; }
.mfDatePicker table {
text-align: center;
border-collapse: separate;
border-spacing: 3px;
font-size: 12px; }
.mfDatePicker table th {
font-weight: 700;
text-transform: uppercase;
font-size: 14px; }
.mfDatePicker table td {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
transition: .3s all ease;
border-radius: 50%; }
.mfDatePicker table td:hover {
color: #53575a;
background: #ebebeb; }
.mfDatePicker table td.dp-offset {
color: #bee8de; }
.mfDatePicker table td.dp-today {
color: #53575a;
background: #fff; }
.mfDatePicker table td.dp-selected {
color: #fff;
background: rgb(80,171,71); }
.mfDatePicker_title {
font-size: 16px;
line-height: 30px; }
.mfDatePicker_next, .mfDatePicker_prev {
text-decoration: none;
font: 400 22px "FontAwesome";
line-height: inherit;
text-align: center;
color: #fff;
cursor: pointer; }
.mfDatePicker_next:hover, .mfDatePicker_prev:hover {
color: rgb(80,171,71); }
.mfDatePicker_panel {
text-align: center;
padding: 0 2px;
line-height: 30px; }
.mfDatePicker_next {
float: right; }
.mfDatePicker_next:before {
text-decoration: none;
content: '\f105'; }
.mfDatePicker_prev {
float: left; }
.mfDatePicker_prev:before {
content: '\f104'; }
.mfDatePicker_panel + table {
margin-top: 5px; }
.mfDatePicker.open {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible; }
.titleForm{
text-transform: uppercase;
width: 100%;
display: block;
margin-bottom: 10px;
}
.suggestionForm .col-1-1:last-child{
padding-bottom: 60px;
}
.floatingLink{
right: 0px;
z-index: 999;
top: 90px;
bottom: auto;
position: absolute;
}
.floatingLink img{
width: 130px;
height: 130px;
}
@media (min-width: 768px) {
.floatingLink{
top: auto;
bottom: 20px;
right: 20px;
position: fixed;
}
.floatingLink img{
width: 190px;
height: 190px;
}
}
.hide{
display: none;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.slide-swiper-container {
width: 100%;
height: 550px;
margin-left: auto;
margin-right: auto;
transition: .3s all ease;
}
.slide-swiper-container .swiper-slide {
font-size: 18px;
color:#fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
}
.slide-swiper-container .swiper-slide .slide-background{
background-size:cover;
background-position:center;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
display: block;
opacity: 0.15;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.slide-swiper-container .swiper-slide .slide-content{
padding: 170px 80px 40px 80px;
transition: .3s all ease;
}
.mobile .slide-swiper-container .swiper-slide .slide-content{
padding: 90px 80px 40px 80px;
transition: .3s all ease;
}
@media (max-width: 768px) {
.slide-swiper-container .swiper-slide .slide-content{
padding: 90px 80px 40px 80px;
transition: .3s all ease;
}
.slide-swiper-container {
height: 430px;
transition: .3s all ease;
}
}
@media (max-width: 670px) {
.slide-swiper-container .swiper-slide .slide-content, .mobile .slide-swiper-container .swiper-slide .slide-content{
padding: 90px 50px 40px 50px;
transition: .3s all ease;
}
}
.slide-swiper-container .swiper-button-prev, .slide-swiper-container .swiper-button-next{
transition: .3s all ease;
}
.slide-swiper-container .swiper-button-prev:hover {
animation: pointLeft 1s forwards;
-webkit-animation: pointLeft 1s forwards;
-moz-animation: pointLeft 1s forwards;
-o-animation: pointLeft 1s forwards;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
transition: .3s all ease;
}
.slide-swiper-container .swiper-button-next:hover {
animation: pointRight 1s forwards;
-webkit-animation: pointRight 1s forwards;
-moz-animation: pointRight 1s forwards;
-o-animation: pointRight 1s forwards;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
transition: .3s all ease;
}
@keyframes pointLeft {
0% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
50% {-ms-transform: translateX(-5px); -webkit-transform: translateX(-5px); transform: translateX(-5px);}
100% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
}
@-webkit-keyframes pointLeft {
0% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
50% {-ms-transform: translateX(-5px); -webkit-transform: translateX(-5px); transform: translateX(-5px);}
100% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
}
@-moz-keyframes pointLeft {
0% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
50% {-ms-transform: translateX(-5px); -webkit-transform: translateX(-5px); transform: translateX(-5px);}
100% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
}
@-o-keyframes pointLeft {
0% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
50% {-ms-transform: translateX(-5px); -webkit-transform: translateX(-5px); transform: translateX(-5px);}
100% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
}
@keyframes pointRight {
0% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
50% {-ms-transform: translateX(5px); -webkit-transform: translateX(5px); transform: translateX(5px);}
100% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
}
@-webkit-keyframes pointRight {
0% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
50% {-ms-transform: translateX(5px); -webkit-transform: translateX(5px); transform: translateX(5px);}
100% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
}
@-moz-keyframes pointRight {
0% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
50% {-ms-transform: translateX(5px); -webkit-transform: translateX(5px); transform: translateX(5px);}
100% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
}
@-o-keyframes pointRight {
0% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
50% {-ms-transform: translateX(5px); -webkit-transform: translateX(5px); transform: translateX(5px);}
100% {-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
}
.headerSection > .container .container{
padding:0px;
}
.headerSection > .container{
padding: 170px 0px 40px 0px;
transition: .3s all ease;
}
.mobile .headerSection > .container{
padding: 90px 0px 40px 0px;
transition: .3s all ease;
}
@media (max-width: 768px) {
.headerSection > .container{
padding: 90px 0px 40px 0px;
transition: .3s all ease;
}
}
.headerSection .background{
background-size:cover;
background-position:center;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
display: block;
opacity: 0.15;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.contentSection > .container{
background-color: #ffffff;
}
.newsEventsSection .container{
padding: 0px;
}
.newsEventsSection .grid, .newsSection, .eventsSection{
padding: 0px;
position:relative;
min-height: 100%
}
.newsEventsSection .grid{
display: flex;
align-items: top;
}
.newsEventsSection .swiper-slide{
height: auto !important;
}
.newsSection{
background-color:#fbfbfb;
}
.eventsSection{
background-color:#f1f1f1;
}
.news-swiper-container {
width: 100%;
height: 100%;
max-height: 550px;
padding: 20px;
transition: .3s all ease;
}
@media (max-width: 670px) {
.news-swiper-container {
max-height:none;
}
.newsEventsSection .grid{
display: block;
}
}
.news-swiper-container .swiper-slide {
font-size: 18px;
color:#53575a;
margin-bottom: 20px;
width: 100%;
}
.pubsSlideSection img{
height: 220px;
width: auto;
}
.pubsSlideSection .container{
padding: 5px;
padding-bottom: 0px;
background-color: #ffffff;
}
.pubsSlideSection .pubs-swiper-container{
width: 100%;
height: 100%;
transition: .3s all ease;
}
.pubs-swiper-container .swiper-slide{
width: auto !important;
padding-right: 5px;
background-color: #ffffff;
}
.aboutSlideSection .container{
padding-right: 20px;
padding-left: 20px;
padding-top: 30px;
padding-bottom: 30px;
background-color: #55585b;
text-align: center;
color: #ffffff;
font-size: 15px;
}
.aboutSlideSection img{
height: 57px;
width: auto;
}
.aboutSlideSection .about-swiper-container{
margin-top: 15px;
width: 100%;
height: auto;
max-width: 700px;
transition: .3s all ease;
}
.about-swiper-container .swiper-pagination{
top: 0px;
bottom: none;
}
.about-swiper-container .swiper-slide{
padding-top: 35px;
}
.about-swiper-container .swiper-pagination-bullet{
padding-top: 3px;
padding-bottom: 2px;
padding-right: 7px;
padding-left: 6px;
font-size: 12px;
width: 25px;
height: 25px;
font-weight: 400;
color: #ffffff;
background-color: transparent;
border: 1px solid #ffffff;
border-radius: 20px;
transition: .3s all ease;
}
.originalVideo.small{ height: 200px; transition: .3s all ease;}
.originalVideo .youtubeVideo-background{
opacity: 0.9;
transition: .3s all ease;
}
.originalVideo:hover .youtubeVideo-background{
-webkit-filter: none; /* Safari 6.0 - 9.0 */
filter: none;
opacity: 1;
transition: .3s all ease;
}
.originalVideo.small .youtubeVideo-play{
font-size: 60px;
margin-top: -58px;
margin-left: -30px;
transition: .3s all ease;
}
@media (max-width: 670px) {
.originalVideo.small, .originalVideo{
height: 222px;
transition: .3s all ease;
}
.originalVideo.small .youtubeVideo-play, .originalVideo .youtubeVideo-play{
font-size: 70px;
margin-top: -70px;
margin-left: -35px;
transition: .3s all ease;
}
}
@media (max-width: 670px) {
.relatedSection .originalVideo.small{
height: 222px;
margin-bottom: 20px;
transition: .3s all ease;
}
}
.fadeTitle{
text-transform: uppercase;
font-weight: 700;
color: #ffffff;
opacity: 0.3;
font-size: 25px;
}
.langSelector{
text-transform: uppercase;
font-weight: 700;
color: #ffffff;
font-size: 25px;
position: absolute;
right: 20px;
top: 125px;
transition: .3s all ease;
z-index: 2;
}
.langSelector a{opacity: 0.6; margin-left: 20px;}
.langSelector a.active{opacity: 1; text-decoration: none;}
@media (max-width: 768px) {
.langSelector{
top: 92px;
font-size: 23px;
transition: .3s all ease;
}
}
.newsletterSocialSuggestionsSection .container{
padding: 0px;
}
.newsletterSocialSuggestionsSection .grid, .newsletterSection, .suggestionsSection{
padding: 0px;
position:relative;
min-height: 100%
}
.newsletterSocialSuggestionsSection .grid{
display: flex;
align-items: top;
}
@media (max-width: 670px) {
.newsletterSocialSuggestionsSection .grid{
display: block;
}
.newsletterSection, .suggestionsSection{
float: left;
display: block;
width: 100%;
min-height: 170px;
}
.suggestionsSection{
display: flex;
}
}
.newsletterForm{ padding-top: 5px; padding-bottom: 10px; color: #ffffff !important; float: left; display: block; width:100%; z-index: 1;}
.newsletterForm fieldset{ padding: 0px; margin: 0px;}
.rd-mailform.newsletterForm label input, .newsletterForm .rd-mailform label textarea, .newsletterForm .mfSelect .value{
color: #ffffff !important;
background: rgba(256,256,256,0.3);
border: 0px;
padding-right: 112px;
width: 100%;
}
.rd-mailform.newsletterForm label{
float: left;
width: 100%;
color: #ffffff !important;
}
.rd-mailform.newsletterForm label input:-moz-placeholder, .rd-mailform.newsletterForm label textarea:-moz-placeholder, .rd-mailform.newsletterForm label input::-webkit-input-placeholder, .rd-mailform.newsletterForm label textarea::-webkit-input-placeholder, .rd-mailform.newsletterForm label input::-moz-placeholder, .rd-mailform.newsletterForm label textarea::-moz-placeholder, .rd-mailform.newsletterForm label input:-ms-input-placeholder, .rd-mailform.newsletterForm label textarea:-ms-input-placeholder {
color: #ffffff !important;
}
.newsletterForm .mfPlaceHolder, .newsletterForm .mfSelect .value:before, .newsletterForm .mfSelect .value:after, .newsletterForm .mfSelect.show .value:before, .newsletterForm .mfSelect.show .value:after, .newsletterForm .mfIcon {
color: #ffffff !important;
}
.newsletterForm .mfValidation{
right: 112px;
color: #A9333F;
}
.newsletterForm .mfControls {
margin: 0px;
position: absolute;
right: 0px;
z-index: 2;
}
.newsletterForm .mfControls button {
border: 0px solid #53575a;
font-weight: 400;
color: #ffffff;
background: rgba(256,256,256,0.3);
transition: .3s all ease;
height: 52px;
}
.newsletterForm .mfControls button:hover, .socialNetwork:hover {
color: #ffffff;
background: rgba(256,256,256,0.4);
transition: .3s all ease;
text-decoration: none;
}
.socialNetworks {
float: left;
display: block;
padding-top: 5px;
padding-bottom: 15px;
width: 100%;
z-index: 1 !important;
}
.socialNetwork {
display: inline-block;
color: #ffffff;
background: rgba(256,256,256,0.3);
transition: .3s all ease;
height: 52px;
padding: 15px;
float: left;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer;
text-decoration: none;
}
.socialNetwork i {
font-size: 25px;
}
.searchSection .langSelector, .searchSection .title{
color: #53575a !important;
}
.searchSection > .container{
padding-bottom: 0px;
}
.searchForm .searchField{
outline: 0;
display: block;
margin: 0;
-webkit-appearance: none;
font-size: 18px;
padding-top: 16px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 72px;
line-height: 28px;
color: #53575a;
background: transparent;
border-radius: 0px;
border: none;
border-bottom: 4px solid #53575a;
width: 100%;
float: left;
}
.searchForm .searchButton{
position: absolute;
border: 0px solid #53575a;
font-weight: 700;
color: #53575a;
background: transparent;
transition: .3s all ease;
width: 52px;
height: 52px;
right: 20px;
font-size: 45px;
outline: none;
}
.searchResult {
font-size: 18px;
color:#53575a;
margin-bottom: 30px;
width: 100%;
}
.listPost{
color:#53575a;
transition: .3s all ease;
display: flex;
align-items: top;
}
.listPost .img{
width: 126px;
transition: .3s all ease;
}
.listPost .img .theImg{
width: 126px;
height: 94px;
background-size:cover;
background-position:center;
transition: .3s all ease;
}
.listPost .img img{
width: 126px;
height: auto;
transition: .3s all ease;
}
@media (min-width: 550px) {
.contentSection .listPost .img{
width: 156px;
}
.contentSection .listPost .img .theImg{
width: 156px;
height: 124px;
}
.contentSection .listPost .img img{
width: 156px;
}
}
@media (min-width: 700px) {
.contentSection .listPost .img{
width: 186px;
}
.contentSection .listPost .img .theImg{
width: 186px;
height: 154px;
}
.contentSection .listPost .img img{
width: 186px;
}
}
.listPost .content{
padding-left: 10px;
}
.listPost .tags{
width: 100%;
float: left;
}
.listPost .tags .tag, .calLegend .tags .tag{
float: left;
margin-bottom: 3px;
margin-right: 3px;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 7px;
padding-left: 7px;
font-size: 12px;
font-weight: 400;
color: #ffffff;
background-color: rgba(83, 87, 90, 0.6);
border: 1px solid transparent;
border-radius: 20px;
transition: .3s all ease;
}
.listPost .tags .tag.canal22, .calLegend .tags .tag.canal22{
background-color: rgba(241,25,33, 0.6);
border: 1px solid transparent;
}
.listPost .tags .tag.canal23, .calLegend .tags .tag.canal23{
background-color: rgba(178,123,158, 0.6);
border: 1px solid transparent;
}
.listPost .tags .tag.canal26, .calLegend .tags .tag.canal26{
background-color: rgba(75,164,215, 0.6);
border: 1px solid transparent;
}
.listPost .tags .tag.canal27, .calLegend .tags .tag.canal27{
background-color: rgba(212,212,44, 0.6);
border: 1px solid transparent;
}
.listPost .tags .tag.canal28, .calLegend .tags .tag.canal28{
background-color: rgba(212,212,44, 0.6);
border: 1px solid transparent;
}
.listPost .tags .tag.original{
color: rgba(255, 168, 0, 0.72);
background-color: transparent;
border: 1px solid rgba(255, 168, 0, 0.72);
transition: .3s all ease;
}
.listPost .tags .tag.pt, .listPost .tags .tag.es, .listPost .tags .tag.en{
background-color: transparent;
transition: .3s all ease;
padding-top: 0px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 4px;
}
.listPost .tags .tag.pt{
color: #57c164;
border: 1px solid #57c164;
}
.listPost .tags .tag.es{
color: #cd3032;
border: 1px solid #cd3032;
}
.listPost .tags .tag.en{
color: #407bd2;
border: 1px solid #407bd2;
}
.playlistsTags{
display: none;
float: left;
width: 100%;
}
.openCloseLists{
cursor: pointer;
}
.listPost .title{
font-size: 17px;
float: none;
font-weight: 700;
}
.listPost .subtitle{
font-size: 14px;
float: none;
font-weight: 700;
}
.listPost .date{
font-size: 13px;
font-weight: 400;
}
.listPost .local{
font-size: 13px;
font-weight: 400;
font-style: italic;
}
.listPost .text{
font-size: 12px;
font-weight: 400;
}
.listPost .title u{
font-size: 13px;
font-weight: 400;
text-decoration: inherit;
}
.relatedSection .menuButton:hover .listPost{
color:#ffffff;
transition: .3s all ease;
}
.relatedSection .menuButton:hover .listPost .tags .tag{
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid transparent;
transition: .3s all ease;
}
.relatedSection .menuButton .menuButton-background{
opacity: 0.10;
transition: .3s opacity ease;
}
.relatedSection .menuButton:hover .menuButton-background{
opacity: 0.15;
transition: .3s opacity ease;
}
.relatedSection .menuButton .gradient{
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
transition: .3s all ease;
}
.relatedSection .menuButton:hover .gradient{
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%);
}
.relatedSection .menuButton:hover .listPost .tags .tag.original, .relatedSection .menuButton:hover .listPost .tags .tag.pt, .relatedSection .menuButton:hover .listPost .tags .tag.es, .relatedSection .menuButton:hover .listPost .tags .tag.en{
color: rgba(255, 255, 255, 0.5);
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.5);
transition: .3s all ease;
}
.highlightPost{
color: #ffffff;
}
.highlightPost .tags{
width: 100%;
clear: both;
float: left;
display: block;
position: relative;
}
.highlightPost .tags .tag{
float: left;
margin-bottom: 3px;
margin-right: 3px;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 7px;
padding-left: 7px;
font-size: 13px;
font-weight: 400;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid transparent;
border-radius: 20px;
transition: .3s all ease;
}
.highlightPost .tags .tag.original{
color: rgba(255, 255, 255, 0.72);
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.72);
transition: .3s all ease;
}
.highlightPost .tags .tag.pt, .highlightPost .tags .tag.es, .highlightPost .tags .tag.en{
color: rgba(255, 255, 255, 0.72);
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.72);
transition: .3s all ease;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 5px;
padding-left: 5px;
}
.highlightPost .tags .tag.othertag{
background-color: rgba(255, 255, 255, 0.20);
border: 1px solid transparent;
transition: .3s all ease;
}
.highlightPost .title{
font-size: 40px;
font-weight: 700;
max-width: 700px;
/*float: left;*/
transition: .3s all ease;
/*display: inline-flex;*/
clear: both;
float: left;
display: block;
position: relative;
}
.highlightPost .title u{
font-size: 20px;
font-weight: 400;
text-decoration: inherit;
}
.highlightPost .subtitle{
font-size: 33px;
font-weight: 700;
max-width: 700px;
transition: .3s all ease;
clear: both;
float: left;
display: block;
position: relative;
}
.highlightPost .text {
font-size: 15px;
font-weight: 400;
width: 100%;
max-width: 700px;
line-height: 1.3;
text-align: left;
margin: 0px;
margin-top: 5px;
overflow: hidden;
text-overflow: ellipsis;
transition: .3s all ease;
clear: both;
float: left;
display: block;
position: relative;
}
@media (max-width: 670px) {
.highlightPost .text{
max-height: 130px;
transition: .3s all ease;
}
}
.highlightPost .date{
font-size: 15px;
font-weight: 400;
width: 100%;
float: left;
margin-top: 5px;
clear: both;
float: left;
display: block;
position: relative;
}
.highlightPost .local{
font-size: 15px;
font-weight: 400;
font-style: italic;
width: 100%;
float: left;
margin-top: 5px;
clear: both;
float: left;
display: block;
position: relative;
}
@media handheld, only screen and (max-width: 900px) {
.headerSection .title, .highlightPost .title{
font-size: 35px !important;
transition: .3s all ease;
}
.headerSection .title u, .highlightPost .title u{
font-size: 15px !important;
transition: .3s all ease;
}
.headerSection .subtitle, .highlightPost .subtitle{
font-size: 28px !important;
transition: .3s all ease;
}
}
@media handheld, only screen and (max-width: 670px) {
.headerSection .title, .highlightPost .title{
font-size: 30px !important;
transition: .3s all ease;
}
.headerSection .title u, .highlightPost .title u{
font-size: 15px !important;
transition: .3s all ease;
}
.headerSection .subtitle, .highlightPost .subtitle{
font-size: 23px !important;
transition: .3s all ease;
}
}
@media handheld, only screen and (max-width: 420px) {
.headerSection .title, .highlightPost .title{
font-size: 25px !important;
transition: .3s all ease;
}
.headerSection .title u, .highlightPost .title u{
font-size: 13px !important;
transition: .3s all ease;
}
.headerSection .subtitle, .highlightPost .subtitle{
font-size: 18px !important;
transition: .3s all ease;
}
}
.invisivel{
opacity: 0.3 !important;
}
.searchForm label {
display: block;
line-height: 25px;
font-weight: 700;
font-size: 14px;
}
.option-input {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
position: relative;
top: 7.33333px;
right: 0;
bottom: 0;
left: 0;
height: 25px;
width: 25px;
transition: all 0.15s ease-out 0s;
background: transparent;
border: none;
color: #53575a;
cursor: pointer;
display: inline-block;
margin-right: 0.5rem;
outline: none;
position: relative;
z-index: 1000;
border: 4px solid #53575a;
}
.option-input:hover, .option-input:checked:hover {
background: #e0e0e0;
transition: all 0.15s ease-out 0s;
}
.option-input:checked {
background: transparent;
transition: all 0.15s ease-out 0s;
}
.option-input:checked::before {
height: 25px;
width: 25px;
position: absolute;
content:"✔";
display: inline-block;
font-size: 15px;
text-align: center;
line-height: 25px;
margin-left: -4px;
margin-top: -4px;
}
.option-input:checked::after {
-webkit-animation: click-wave 0.65s;
-moz-animation: click-wave 0.65s;
animation: click-wave 0.65s;
background: #40e0d0;
content: '';
display: block;
position: relative;
z-index: 100;
}
.option-input.radio {
border-radius: 50%;
}
.option-input.radio::after {
border-radius: 50%;
}
.paging{
position: relative;
display: block;
margin-top: 27px;
font-size: 23px;
font-style: bold;
height: 50px;
}
.paging a{
text-decoration: none;
}
.prevPage, .nextPage, .pageCount{
display: inline-block;
height: 50px;
padding: 13px;
font-size: 23px;
text-decoration: none;
}
.prevPage, .nextPage{
padding-top: 10px;
cursor: pointer;
-webkit-transition: padding 200ms ease-in-out;
-moz-transition: padding 200ms ease-in-out;
-ms-transition: padding 200ms ease-in-out;
-o-transition: padding 200ms ease-in-out;
transition: padding 200ms ease-in-out;
}
.prevPage i, .nextPage i{
font-size: 25px;
text-decoration: none;
}
.pageCount{
font-size: 21px;
font-weight: 700;
}
.prevPage:hover{
animation: prevPage 1s forwards;
-webkit-animation: prevPage 1s forwards;
-moz-animation: prevPage 1s forwards;
-o-animation: prevPage 1s forwards;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
padding-left:8px;
padding-right:18px;
-webkit-transition: padding 200ms ease-in-out;
-moz-transition: padding 200ms ease-in-out;
-ms-transition: padding 200ms ease-in-out;
-o-transition: padding 200ms ease-in-out;
transition: padding 200ms ease-in-out;
font-style: underline;
}
@keyframes prevPage {
0% {padding-left:13px; padding-right:13px;}
50% {padding-left:8px; padding-right:18px;}
100% {padding-left:13px; padding-right:13px;}
}
@-webkit-keyframes prevPage {
0% {padding-left:13px; padding-right:13px;}
50% {padding-left:8px; padding-right:18px;}
100% {padding-left:13px; padding-right:13px;}
}
@-moz-keyframes prevPage {
0% {padding-left:13px; padding-right:13px;}
50% {padding-left:8px; padding-right:18px;}
100% {padding-left:13px; padding-right:13px;}
}
@-o-keyframes prevPage {
0% {padding-left:13px; padding-right:13px;}
50% {padding-left:8px; padding-right:18px;}
100% {padding-left:13px; padding-right:13px;}
}
.nextPage:hover{
animation: nextPage 1s forwards;
-webkit-animation: nextPage 1s forwards;
-moz-animation: nextPage 1s forwards;
-o-animation: nextPage 1s forwards;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
padding-left:18px;
padding-right:8px;
-webkit-transition: padding 200ms ease-in-out;
-moz-transition: padding 200ms ease-in-out;
-ms-transition: padding 200ms ease-in-out;
-o-transition: padding 200ms ease-in-out;
transition: padding 200ms ease-in-out;
font-style: underline;
}
@keyframes nextPage {
0% {padding-left:13px; padding-right:13px;}
50% {padding-left:18px; padding-right:8px;}
100% {padding-left:13px; padding-right:13px;}
}
@-webkit-keyframes nextPage {
0% {padding-left:13px; padding-right:13px;}
50% {padding-left:18px; padding-right:8px;}
100% {padding-left:13px; padding-right:13px;}
}
@-moz-keyframes nextPage {
0% {padding-left:13px; padding-right:13px;}
50% {padding-left:18px; padding-right:8px;}
100% {padding-left:13px; padding-right:13px;}
}
@-o-keyframes nextPage {
0% {padding-left:13px; padding-right:13px;}
50% {padding-left:18px; padding-right:8px;}
100% {padding-left:13px; padding-right:13px;}
}
/**
* TABS
*
* -------------------------------------------------------------------------------------------------
*/
.tabs .tab {
display: block;
background: white !important;
margin: 0;
padding: 0;
}
.tabs .tab h3 {
padding-top: 20px;
border-top: 4px solid #53575a !important;
margin-bottom: 0px !important;
}
.tabs ul{
list-style: none;
margin: 0;
padding: 0;
}
.tabs li {
color: #ffffff;
background-color: #53575a;
margin: 0 10px 0 0;
display: inline-block;
opacity: 1;
transition: .3s all ease;
}
.tabs li a {
color: #ffffff;
display: block;
font-size: 18px;
font-weight: 300;
padding: 14px 24px;
text-decoration: none;
}
.tabs li:hover {
transition: .3s all ease;
opacity: 0.8;
}
.tabs li.active {
transition: .3s all ease;
opacity: 0.8;
}
.postPeople{
margin-top: -20px;
margin-bottom: 20px;
font-weight: 700;
font-size: 16px;
width: 100%;
min-height: 20px;
padding-right: 50px;
float: left;
}
.postPeople .date{
margin-top: 5px;
font-weight: 400;
font-size: 16px;
}
.postPeople .local{
margin-top: 5px;
font-weight: 400;
font-size: 16px;
font-style: italic;
}
a.linkButton{
position: relative;
display: block;
float: left;
margin-top: 15px; margin-right: 10px;
padding: 5px;
background-color: #53575a;
color: #ffffff;
cursor: pointer;
font-size: 18px;
font-weight: bold;
text-decoration: none !important;
}
#printButton{
position: absolute;
top: -20px;
right: 20px;
font-size: 22px;
width: 40px;
height: 40px;
padding-top: 6px;
padding-right: 9px;
padding-left: 9px;
padding-bottom: 6px;
background-color: #53575a;
color: #ffffff;
cursor: pointer;
float: right;
margin-bottom: 20px;
}
#printButton:hover, a.linkButton:hover{
opacity: .8;
}
.onPrint{display:none;}
@media print {
.wow {
animation-name:none!important;
visibility:visible!important;
}
.onPrint, footer{display:block;}
html,body{
background-image:none; background-color:#ffffff;
color: #53575a !important;
}
.topBar, .theNav, .newsletterSocialSuggestionsSection, .relatedSection, .headerSection .gradient, .headerSection .background, .headerSection .langSelector, #printButton{display:none !important;}
.headerSection > .container {padding:0px;}
.headerSection .highlightPost{
color: #53575a !important;
}
.tags .tag{
color: #ffffff !important;
background-color: #989a9c !important;
border: 1px solid #989a9c !important;
border-radius: 20px !important;
}
.tags .tag.canal22{
color: #ffffff !important;
background-color: #f57479 !important;
border: 1px solid #f57479 !important;
}
.tags .tag.canal23{
color: #ffffff !important;
background-color: #d1b0c5 !important;
border: 1px solid #d1b0c5 !important;
}
.tags .tag.canal26{
color: #ffffff !important;
background-color: #93c8e7 !important;
border: 1px solid #93c8e7 !important;
}
.tags .tag.canal27{
color: #ffffff !important;
background-color: #e3e37e !important;
border: 1px solid #e3e37e !important;
}
.tags .tag.canal28{
color: #ffffff !important;
background-color: #e3e37e !important;
border: 1px solid #e3e37e !important;
}
.tags .tag.original{
color: #ffffff !important;
background-color: #ffc047 !important;
border: 1px solid #ffc047 !important;
}
.tags .tag.pt{
color: #ffffff !important;
border: 1px solid #57c164 !important;
background-color: #57c164 !important;
}
.tags .tag.es{
color: #ffffff !important;
border: 1px solid #cd3032 !important;
background-color: #cd3032 !important;
}
.tags .tag.en{
color: #ffffff !important;
border: 1px solid #407bd2 !important;
background-color: #407bd2 !important;
}
}