#wrapper,
body,
html {
height: 100%;
}
body,
p {
color: #333;
}
.fade-content,
header {
opacity: 0;
}
#navbar .controls,
#navbar .fluid-logo,
.offset10,
.offset11,
.offset12,
.offset2,
.offset3,
.offset4,
.offset5,
.offset6,
.offset7,
.offset8,
.offset9,
.span1,
.span10,
.span11,
.span12,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9 {
float: left;
}
.description em,
.wysiwyg em,
.wysiwyg-ce em,
address,
cite,
em,
q,
var {
font-style: italic;
}
.search-form .screen-reader-text svg line,
section#project-panel .project-panel .container .project-panel-close div.close-project-panel svg {
stroke: #000;
}
#fullscreen-menu .menu-container,
.container {
width: 940px;
margin: 0 auto !important;
}
@media screen and (min-width: 1200px) {
#fullscreen-menu .menu-container,
.container {
width: 1170px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#fullscreen-menu .menu-container,
.container {
width: 724px;
}
}
@media (max-width: 767px) {
#fullscreen-menu .menu-container,
.container {
width: 80%;
margin-left: 10%;
}
}
@media (max-width: 567px) {
#fullscreen-menu .menu-container,
.container {
width: 90%;
margin-left: 5%;
}
}
.masonry-full {
width: 95%;
margin-left: 2.5%;
}
@media (max-width: 767px) {
.masonry-full {
width: 80%;
margin-left: 10%;
}
}
@media (max-width: 567px) {
.masonry-full {
width: 90%;
margin-left: 5%;
}
}
.masonry-full-inner {
margin: 0 auto;
}
address,
dl,
h1,
h2,
h3,
h5,
h6,
ol,
p,
ul {
margin-bottom: 32px;
}
.row {
margin-left: -20px;
}
@media screen and (min-width: 1200px) {
.row {
margin-left: -30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.row {
margin-left: -20px;
}
}
@media (max-width: 767px) {
.masonry-full-inner {
width: 100% !important;
}
.row {
margin-left: 0;
}
}
@media (max-width: 567px) {
.row {
margin-left: 0;
}
}
.row:after {
clear: both;
}
.row:after,
.row:before {
content: "";
display: table;
line-height: 0;
}
body,
h5,
h6 {
line-height: 31px;
}
.span1 {
width: 60px;
margin-left: 20px;
}
@media screen and (min-width: 1200px) {
.span1 {
width: 70px;
margin-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.span1 {
width: 42px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.span1 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 567px) {
.span1 {
width: 100%;
margin-left: 0;
}
}
.span2 {
width: 140px;
margin-left: 20px;
}
@media screen and (min-width: 1200px) {
.span2 {
width: 170px;
margin-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.span2 {
width: 104px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.span2 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 567px) {
.span2 {
width: 100%;
margin-left: 0;
}
}
.span3 {
width: 220px;
margin-left: 20px;
}
@media screen and (min-width: 1200px) {
.span3 {
width: 270px;
margin-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.span3 {
width: 166px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.span3 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 567px) {
.span3 {
width: 100%;
margin-left: 0;
}
}
.span4 {
width: 300px;
margin-left: 20px;
}
@media screen and (min-width: 1200px) {
.span4 {
width: 370px;
margin-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.span4 {
width: 228px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.span4 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 567px) {
.span4 {
width: 100%;
margin-left: 0;
}
}
.span5 {
width: 380px;
margin-left: 20px;
}
@media screen and (min-width: 1200px) {
.span5 {
width: 470px;
margin-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.span5 {
width: 290px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.span5 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 567px) {
.span5 {
width: 100%;
margin-left: 0;
}
}
.span6 {
width: 460px;
margin-left: 20px;
}
@media screen and (min-width: 1200px) {
.span6 {
width: 570px;
margin-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.span6 {
width: 352px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.span6 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 567px) {
.span6 {
width: 100%;
margin-left: 0;
}
}
.span7 {
width: 540px;
margin-left: 20px;
}
@media screen and (min-width: 1200px) {
.span7 {
width: 670px;
margin-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.span7 {
width: 414px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.span7 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 567px) {
.span7 {
width: 100%;
margin-left: 0;
}
}
.span8 {
width: 620px;
margin-left: 20px;
}
@media screen and (min-width: 1200px) {
.span8 {
width: 770px;
margin-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.span8 {
width: 476px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.span8 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 567px) {
.span8 {
width: 100%;
margin-left: 0;
}
}
.span9 {
width: 700px;
margin-left: 20px;
}
@media screen and (min-width: 1200px) {
.span9 {
width: 870px;
margin-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.span9 {
width: 538px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.span9 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 567px) {
.span9 {
width: 100%;
margin-left: 0;
}
}
.span10 {
width: 780px;
margin-left: 20px;
}
@media screen and (min-width: 1200px) {
.span10 {
width: 970px;
margin-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.span10 {
width: 600px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.span10 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 567px) {
.span10 {
width: 100%;
margin-left: 0;
}
}
.span11 {
width: 860px;
margin-left: 20px;
}
@media screen and (min-width: 1200px) {
.span11 {
width: 1070px;
margin-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.span11 {
width: 662px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.span11 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 567px) {
.span11 {
width: 100%;
margin-left: 0;
}
}
.span12 {
width: 940px;
margin-left: 20px;
}
@media screen and (min-width: 1200px) {
.span12 {
width: 1170px;
margin-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.span12 {
width: 724px;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.span12 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 567px) {
.span12 {
width: 100%;
margin-left: 0;
}
}
.offset1 {
margin-left: 100px;
float: left;
}
@media screen and (min-width: 1200px) {
.offset1 {
margin-left: 130px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.offset1 {
margin-left: 82px;
}
}
@media (max-width: 767px) {
.offset1 {
margin-left: 0;
}
}
@media (max-width: 567px) {
.offset1 {
margin-left: 0;
}
}
.offset2 {
margin-left: 180px;
}
@media screen and (min-width: 1200px) {
.offset2 {
margin-left: 230px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.offset2 {
margin-left: 144px;
}
}
@media (max-width: 767px) {
.offset2 {
margin-left: 0;
}
}
@media (max-width: 567px) {
.offset2 {
margin-left: 0;
}
}
.offset3 {
margin-left: 260px;
}
@media screen and (min-width: 1200px) {
.offset3 {
margin-left: 330px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.offset3 {
margin-left: 206px;
}
}
@media (max-width: 767px) {
.offset3 {
margin-left: 0;
}
}
@media (max-width: 567px) {
.offset3 {
margin-left: 0;
}
}
.offset4 {
margin-left: 340px;
}
@media screen and (min-width: 1200px) {
.offset4 {
margin-left: 430px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.offset4 {
margin-left: 268px;
}
}
@media (max-width: 767px) {
.offset4 {
margin-left: 0;
}
}
@media (max-width: 567px) {
.offset4 {
margin-left: 0;
}
}
.offset5 {
margin-left: 420px;
}
@media screen and (min-width: 1200px) {
.offset5 {
margin-left: 530px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.offset5 {
margin-left: 330px;
}
}
@media (max-width: 767px) {
.offset5 {
margin-left: 0;
}
}
@media (max-width: 567px) {
.offset5 {
margin-left: 0;
}
}
.offset6 {
margin-left: 500px;
}
@media screen and (min-width: 1200px) {
.offset6 {
margin-left: 630px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.offset6 {
margin-left: 392px;
}
}
@media (max-width: 767px) {
.offset6 {
margin-left: 0;
}
}
@media (max-width: 567px) {
.offset6 {
margin-left: 0;
}
}
.offset7 {
margin-left: 580px;
}
@media screen and (min-width: 1200px) {
.offset7 {
margin-left: 730px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.offset7 {
margin-left: 454px;
}
}
@media (max-width: 767px) {
.offset7 {
margin-left: 0;
}
}
@media (max-width: 567px) {
.offset7 {
margin-left: 0;
}
}
.offset8 {
margin-left: 660px;
}
@media screen and (min-width: 1200px) {
.offset8 {
margin-left: 830px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.offset8 {
margin-left: 516px;
}
}
@media (max-width: 767px) {
.offset8 {
margin-left: 0;
}
}
@media (max-width: 567px) {
.offset8 {
margin-left: 0;
}
}
.offset9 {
margin-left: 740px;
}
@media screen and (min-width: 1200px) {
.offset9 {
margin-left: 930px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.offset9 {
margin-left: 578px;
}
}
@media (max-width: 767px) {
.offset9 {
margin-left: 0;
}
}
@media (max-width: 567px) {
.offset9 {
margin-left: 0;
}
}
.offset10 {
margin-left: 820px;
}
@media screen and (min-width: 1200px) {
.offset10 {
margin-left: 1030px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.offset10 {
margin-left: 640px;
}
}
@media (max-width: 767px) {
.offset10 {
margin-left: 0;
}
}
@media (max-width: 567px) {
.offset10 {
margin-left: 0;
}
}
.offset11 {
margin-left: 900px;
}
@media screen and (min-width: 1200px) {
.offset11 {
margin-left: 1130px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.offset11 {
margin-left: 702px;
}
}
@media (max-width: 767px) {
.offset11 {
margin-left: 0;
}
}
@media (max-width: 567px) {
.offset11 {
margin-left: 0;
}
}
.offset12 {
margin-left: 980px;
}
@media screen and (min-width: 1200px) {
.offset12 {
margin-left: 1230px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.offset12 {
margin-left: 764px;
}
}
*,
:after,
:before,
html {
box-sizing: border-box;
}
body,
html {
-webkit-tap-highlight-color: transparent;
}
body {
width: 100%;
background: #fff;
font-family: "Open Sans", Arial, sans-serif;
-webkit-font-smoothing: antialiased;
word-wrap: break-word;
font-size: 17px;
overflow-y: scroll;
overflow-x: hidden;
}
.description pre,
.wysiwyg pre,
.wysiwyg-ce pre,
code,
kbd,
pre,
tt {
font-family: "Courier New", monospace !important;
}
@media screen and (min-width: 1200px) {
body {
font-size: 18px;
line-height: 32px;
}
}
@media (max-width: 767px) {
.offset12 {
margin-left: 0;
}
body {
font-size: 16px;
line-height: 30px;
}
}
@media (max-width: 567px) {
.offset12 {
margin-left: 0;
}
body {
font-size: 15px;
line-height: 29px;
}
}
#wrapper {
width: 100%;
position: absolute;
z-index: 1;
}
section {
padding-top: 64px;
}
a {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
text-decoration: none;
color: #1573dd;
}
#navbar .logo a,
a:hover,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
}
h1 {
font-size: 38px;
line-height: 50px;
}
@media screen and (min-width: 1200px) {
h1 {
font-size: 42px;
line-height: 54px;
}
}
@media (max-width: 767px) {
section {
padding-top: 32px;
}
h1 {
font-size: 33px;
line-height: 45px;
}
}
@media (max-width: 567px) {
h1 {
font-size: 27px;
line-height: 39px;
}
}
h2 {
font-size: 33px;
line-height: 45px;
}
@media screen and (min-width: 1200px) {
h2 {
font-size: 36px;
line-height: 48px;
}
}
@media (max-width: 767px) {
h2 {
font-size: 29px;
line-height: 41px;
}
}
@media (max-width: 567px) {
h2 {
font-size: 24px;
line-height: 36px;
}
}
h3 {
font-size: 26px;
line-height: 38px;
}
@media screen and (min-width: 1200px) {
h3 {
font-size: 28px;
line-height: 40px;
}
}
@media (max-width: 767px) {
h3 {
font-size: 22px;
line-height: 34px;
}
}
@media (max-width: 567px) {
h3 {
font-size: 20px;
line-height: 32px;
}
}
h4 {
font-size: 22px;
line-height: 34px;
margin-bottom: 32px;
}
@media screen and (min-width: 1200px) {
h4 {
font-size: 24px;
line-height: 36px;
}
}
@media (max-width: 767px) {
h4 {
font-size: 20px;
line-height: 32px;
}
}
@media (max-width: 567px) {
h4 {
font-size: 18px;
line-height: 30px;
}
}
h5 {
font-size: 19px;
}
@media screen and (min-width: 1200px) {
h5 {
font-size: 20px;
line-height: 32px;
}
}
@media (max-width: 767px) {
h5 {
font-size: 18px;
line-height: 30px;
}
}
@media (max-width: 567px) {
h5 {
font-size: 16px;
line-height: 28px;
}
}
h6 {
font-size: 17px;
}
@media screen and (min-width: 1200px) {
h6 {
font-size: 18px;
line-height: 32px;
}
}
@media (max-width: 767px) {
h6 {
font-size: 16px;
line-height: 30px;
}
}
@media (max-width: 567px) {
h6 {
font-size: 15px;
line-height: 29px;
}
}
ol,
ul {
margin-left: 48px;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-left: 32px;
margin-bottom: 0;
}
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
dl dt {
font-weight: 700;
}
dl dd {
margin-left: 16px;
}
address:last-child,
dl:last-child {
margin-bottom: 0;
}
abbr,
acronym {
cursor: help;
border-bottom: 1px dotted #000;
}
code,
kbd,
pre,
tt {
border: 1px solid #e6e6e6;
padding: 5px;
font-size: 15px;
line-height: 27px;
}
@media screen and (min-width: 1200px) {
code,
kbd,
pre,
tt {
font-size: 16px;
line-height: 28px;
}
}
@media (max-width: 767px) {
code,
kbd,
pre,
tt {
font-size: 14px;
line-height: 26px;
}
}
@media (max-width: 567px) {
code,
kbd,
pre,
tt {
font-size: 13px;
line-height: 25px;
}
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
.fs-11px,
.h1-fs-11px h1,
.h2-fs-11px h2,
.h3-fs-11px h3,
.h4-fs-11px h4,
.h5-fs-11px h5,
.h6-fs-11px h6,
[data-font-size="11px"] {
font-size: 10px;
line-height: 20px;
}
@media screen and (min-width: 1200px) {
.fs-11px,
.h1-fs-11px h1,
.h2-fs-11px h2,
.h3-fs-11px h3,
.h4-fs-11px h4,
.h5-fs-11px h5,
.h6-fs-11px h6,
[data-font-size="11px"] {
font-size: 11px;
line-height: 21px;
}
}
@media (max-width: 767px) {
.fs-11px,
.h1-fs-11px h1,
.h2-fs-11px h2,
.h3-fs-11px h3,
.h4-fs-11px h4,
.h5-fs-11px h5,
.h6-fs-11px h6,
[data-font-size="11px"] {
font-size: 9px;
line-height: 19px;
}
}
@media (max-width: 567px) {
.fs-11px,
.h1-fs-11px h1,
.h2-fs-11px h2,
.h3-fs-11px h3,
.h4-fs-11px h4,
.h5-fs-11px h5,
.h6-fs-11px h6,
[data-font-size="11px"] {
font-size: 8px;
line-height: 18px;
}
}
.fs-12px,
.h1-fs-12px h1,
.h2-fs-12px h2,
.h3-fs-12px h3,
.h4-fs-12px h4,
.h5-fs-12px h5,
.h6-fs-12px h6,
[data-font-size="12px"] {
font-size: 11px;
line-height: 21px;
}
@media screen and (min-width: 1200px) {
.fs-12px,
.h1-fs-12px h1,
.h2-fs-12px h2,
.h3-fs-12px h3,
.h4-fs-12px h4,
.h5-fs-12px h5,
.h6-fs-12px h6,
[data-font-size="12px"] {
font-size: 12px;
line-height: 22px;
}
}
@media (max-width: 767px) {
.fs-12px,
.h1-fs-12px h1,
.h2-fs-12px h2,
.h3-fs-12px h3,
.h4-fs-12px h4,
.h5-fs-12px h5,
.h6-fs-12px h6,
[data-font-size="12px"] {
font-size: 10px;
line-height: 20px;
}
}
@media (max-width: 567px) {
.fs-12px,
.h1-fs-12px h1,
.h2-fs-12px h2,
.h3-fs-12px h3,
.h4-fs-12px h4,
.h5-fs-12px h5,
.h6-fs-12px h6,
[data-font-size="12px"] {
font-size: 9px;
line-height: 19px;
}
}
.fs-13px,
.h1-fs-13px h1,
.h2-fs-13px h2,
.h3-fs-13px h3,
.h4-fs-13px h4,
.h5-fs-13px h5,
.h6-fs-13px h6,
[data-font-size="13px"] {
font-size: 12px;
line-height: 22px;
}
@media screen and (min-width: 1200px) {
.fs-13px,
.h1-fs-13px h1,
.h2-fs-13px h2,
.h3-fs-13px h3,
.h4-fs-13px h4,
.h5-fs-13px h5,
.h6-fs-13px h6,
[data-font-size="13px"] {
font-size: 13px;
line-height: 23px;
}
}
@media (max-width: 767px) {
.fs-13px,
.h1-fs-13px h1,
.h2-fs-13px h2,
.h3-fs-13px h3,
.h4-fs-13px h4,
.h5-fs-13px h5,
.h6-fs-13px h6,
[data-font-size="13px"] {
font-size: 11px;
line-height: 21px;
}
}
@media (max-width: 567px) {
.fs-13px,
.h1-fs-13px h1,
.h2-fs-13px h2,
.h3-fs-13px h3,
.h4-fs-13px h4,
.h5-fs-13px h5,
.h6-fs-13px h6,
[data-font-size="13px"] {
font-size: 10px;
line-height: 20px;
}
}
.fs-14px,
.h1-fs-14px h1,
.h2-fs-14px h2,
.h3-fs-14px h3,
.h4-fs-14px h4,
.h5-fs-14px h5,
.h6-fs-14px h6,
[data-font-size="14px"] {
font-size: 13px;
line-height: 23px;
}
@media screen and (min-width: 1200px) {
.fs-14px,
.h1-fs-14px h1,
.h2-fs-14px h2,
.h3-fs-14px h3,
.h4-fs-14px h4,
.h5-fs-14px h5,
.h6-fs-14px h6,
[data-font-size="14px"] {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.fs-14px,
.h1-fs-14px h1,
.h2-fs-14px h2,
.h3-fs-14px h3,
.h4-fs-14px h4,
.h5-fs-14px h5,
.h6-fs-14px h6,
[data-font-size="14px"] {
font-size: 12px;
line-height: 22px;
}
}
@media (max-width: 567px) {
.fs-14px,
.h1-fs-14px h1,
.h2-fs-14px h2,
.h3-fs-14px h3,
.h4-fs-14px h4,
.h5-fs-14px h5,
.h6-fs-14px h6,
[data-font-size="14px"] {
font-size: 11px;
line-height: 21px;
}
}
.fs-15px,
.h1-fs-15px h1,
.h2-fs-15px h2,
.h3-fs-15px h3,
.h4-fs-15px h4,
.h5-fs-15px h5,
.h6-fs-15px h6,
[data-font-size="15px"] {
font-size: 14px;
line-height: 25px;
}
@media screen and (min-width: 1200px) {
.fs-15px,
.h1-fs-15px h1,
.h2-fs-15px h2,
.h3-fs-15px h3,
.h4-fs-15px h4,
.h5-fs-15px h5,
.h6-fs-15px h6,
[data-font-size="15px"] {
font-size: 15px;
line-height: 26px;
}
}
@media (max-width: 767px) {
.fs-15px,
.h1-fs-15px h1,
.h2-fs-15px h2,
.h3-fs-15px h3,
.h4-fs-15px h4,
.h5-fs-15px h5,
.h6-fs-15px h6,
[data-font-size="15px"] {
font-size: 13px;
line-height: 24px;
}
}
@media (max-width: 567px) {
.fs-15px,
.h1-fs-15px h1,
.h2-fs-15px h2,
.h3-fs-15px h3,
.h4-fs-15px h4,
.h5-fs-15px h5,
.h6-fs-15px h6,
[data-font-size="15px"] {
font-size: 12px;
line-height: 23px;
}
}
.fs-16px,
.h1-fs-16px h1,
.h2-fs-16px h2,
.h3-fs-16px h3,
.h4-fs-16px h4,
.h5-fs-16px h5,
.h6-fs-16px h6,
[data-font-size="16px"] {
font-size: 15px;
line-height: 27px;
}
@media screen and (min-width: 1200px) {
.fs-16px,
.h1-fs-16px h1,
.h2-fs-16px h2,
.h3-fs-16px h3,
.h4-fs-16px h4,
.h5-fs-16px h5,
.h6-fs-16px h6,
[data-font-size="16px"] {
font-size: 16px;
line-height: 28px;
}
}
@media (max-width: 767px) {
.fs-16px,
.h1-fs-16px h1,
.h2-fs-16px h2,
.h3-fs-16px h3,
.h4-fs-16px h4,
.h5-fs-16px h5,
.h6-fs-16px h6,
[data-font-size="16px"] {
font-size: 14px;
line-height: 26px;
}
}
@media (max-width: 567px) {
.fs-16px,
.h1-fs-16px h1,
.h2-fs-16px h2,
.h3-fs-16px h3,
.h4-fs-16px h4,
.h5-fs-16px h5,
.h6-fs-16px h6,
[data-font-size="16px"] {
font-size: 13px;
line-height: 25px;
}
}
.fs-17px,
.h1-fs-17px h1,
.h2-fs-17px h2,
.h3-fs-17px h3,
.h4-fs-17px h4,
.h5-fs-17px h5,
.h6-fs-17px h6,
[data-font-size="17px"] {
font-size: 16px;
line-height: 28px;
}
@media screen and (min-width: 1200px) {
.fs-17px,
.h1-fs-17px h1,
.h2-fs-17px h2,
.h3-fs-17px h3,
.h4-fs-17px h4,
.h5-fs-17px h5,
.h6-fs-17px h6,
[data-font-size="17px"] {
font-size: 17px;
line-height: 29px;
}
}
@media (max-width: 767px) {
.fs-17px,
.h1-fs-17px h1,
.h2-fs-17px h2,
.h3-fs-17px h3,
.h4-fs-17px h4,
.h5-fs-17px h5,
.h6-fs-17px h6,
[data-font-size="17px"] {
font-size: 15px;
line-height: 27px;
}
}
@media (max-width: 567px) {
.fs-17px,
.h1-fs-17px h1,
.h2-fs-17px h2,
.h3-fs-17px h3,
.h4-fs-17px h4,
.h5-fs-17px h5,
.h6-fs-17px h6,
[data-font-size="17px"] {
font-size: 14px;
line-height: 26px;
}
}
.fs-18px,
.h1-fs-18px h1,
.h2-fs-18px h2,
.h3-fs-18px h3,
.h4-fs-18px h4,
.h5-fs-18px h5,
.h6-fs-18px h6,
[data-font-size="18px"] {
font-size: 17px;
line-height: 31px;
}
@media screen and (min-width: 1200px) {
.fs-18px,
.h1-fs-18px h1,
.h2-fs-18px h2,
.h3-fs-18px h3,
.h4-fs-18px h4,
.h5-fs-18px h5,
.h6-fs-18px h6,
[data-font-size="18px"] {
font-size: 18px;
line-height: 32px;
}
}
@media (max-width: 767px) {
.fs-18px,
.h1-fs-18px h1,
.h2-fs-18px h2,
.h3-fs-18px h3,
.h4-fs-18px h4,
.h5-fs-18px h5,
.h6-fs-18px h6,
[data-font-size="18px"] {
font-size: 16px;
line-height: 30px;
}
}
@media (max-width: 567px) {
.fs-18px,
.h1-fs-18px h1,
.h2-fs-18px h2,
.h3-fs-18px h3,
.h4-fs-18px h4,
.h5-fs-18px h5,
.h6-fs-18px h6,
[data-font-size="18px"] {
font-size: 15px;
line-height: 29px;
}
}
.fs-20px,
.h1-fs-20px h1,
.h2-fs-20px h2,
.h3-fs-20px h3,
.h4-fs-20px h4,
.h5-fs-20px h5,
.h6-fs-20px h6,
[data-font-size="20px"] {
font-size: 19px;
line-height: 31px;
}
@media screen and (min-width: 1200px) {
.fs-20px,
.h1-fs-20px h1,
.h2-fs-20px h2,
.h3-fs-20px h3,
.h4-fs-20px h4,
.h5-fs-20px h5,
.h6-fs-20px h6,
[data-font-size="20px"] {
font-size: 20px;
line-height: 32px;
}
}
@media (max-width: 767px) {
.fs-20px,
.h1-fs-20px h1,
.h2-fs-20px h2,
.h3-fs-20px h3,
.h4-fs-20px h4,
.h5-fs-20px h5,
.h6-fs-20px h6,
[data-font-size="20px"] {
font-size: 18px;
line-height: 30px;
}
}
@media (max-width: 567px) {
.fs-20px,
.h1-fs-20px h1,
.h2-fs-20px h2,
.h3-fs-20px h3,
.h4-fs-20px h4,
.h5-fs-20px h5,
.h6-fs-20px h6,
[data-font-size="20px"] {
font-size: 16px;
line-height: 28px;
}
}
.fs-22px,
.h1-fs-22px h1,
.h2-fs-22px h2,
.h3-fs-22px h3,
.h4-fs-22px h4,
.h5-fs-22px h5,
.h6-fs-22px h6,
[data-font-size="22px"] {
font-size: 21px;
line-height: 33px;
}
@media screen and (min-width: 1200px) {
.fs-22px,
.h1-fs-22px h1,
.h2-fs-22px h2,
.h3-fs-22px h3,
.h4-fs-22px h4,
.h5-fs-22px h5,
.h6-fs-22px h6,
[data-font-size="22px"] {
font-size: 22px;
line-height: 34px;
}
}
@media (max-width: 767px) {
.fs-22px,
.h1-fs-22px h1,
.h2-fs-22px h2,
.h3-fs-22px h3,
.h4-fs-22px h4,
.h5-fs-22px h5,
.h6-fs-22px h6,
[data-font-size="22px"] {
font-size: 20px;
line-height: 32px;
}
}
@media (max-width: 567px) {
.fs-22px,
.h1-fs-22px h1,
.h2-fs-22px h2,
.h3-fs-22px h3,
.h4-fs-22px h4,
.h5-fs-22px h5,
.h6-fs-22px h6,
[data-font-size="22px"] {
font-size: 17px;
line-height: 29px;
}
}
.fs-24px,
.h1-fs-24px h1,
.h2-fs-24px h2,
.h3-fs-24px h3,
.h4-fs-24px h4,
.h5-fs-24px h5,
.h6-fs-24px h6,
[data-font-size="24px"] {
font-size: 22px;
line-height: 34px;
}
@media screen and (min-width: 1200px) {
.fs-24px,
.h1-fs-24px h1,
.h2-fs-24px h2,
.h3-fs-24px h3,
.h4-fs-24px h4,
.h5-fs-24px h5,
.h6-fs-24px h6,
[data-font-size="24px"] {
font-size: 24px;
line-height: 36px;
}
}
@media (max-width: 767px) {
.fs-24px,
.h1-fs-24px h1,
.h2-fs-24px h2,
.h3-fs-24px h3,
.h4-fs-24px h4,
.h5-fs-24px h5,
.h6-fs-24px h6,
[data-font-size="24px"] {
font-size: 20px;
line-height: 32px;
}
}
@media (max-width: 567px) {
.fs-24px,
.h1-fs-24px h1,
.h2-fs-24px h2,
.h3-fs-24px h3,
.h4-fs-24px h4,
.h5-fs-24px h5,
.h6-fs-24px h6,
[data-font-size="24px"] {
font-size: 18px;
line-height: 30px;
}
}
.fs-26px,
.h1-fs-26px h1,
.h2-fs-26px h2,
.h3-fs-26px h3,
.h4-fs-26px h4,
.h5-fs-26px h5,
.h6-fs-26px h6,
[data-font-size="26px"] {
font-size: 24px;
line-height: 36px;
}
@media screen and (min-width: 1200px) {
.fs-26px,
.h1-fs-26px h1,
.h2-fs-26px h2,
.h3-fs-26px h3,
.h4-fs-26px h4,
.h5-fs-26px h5,
.h6-fs-26px h6,
[data-font-size="26px"] {
font-size: 26px;
line-height: 38px;
}
}
@media (max-width: 767px) {
.fs-26px,
.h1-fs-26px h1,
.h2-fs-26px h2,
.h3-fs-26px h3,
.h4-fs-26px h4,
.h5-fs-26px h5,
.h6-fs-26px h6,
[data-font-size="26px"] {
font-size: 22px;
line-height: 34px;
}
}
@media (max-width: 567px) {
.fs-26px,
.h1-fs-26px h1,
.h2-fs-26px h2,
.h3-fs-26px h3,
.h4-fs-26px h4,
.h5-fs-26px h5,
.h6-fs-26px h6,
[data-font-size="26px"] {
font-size: 19px;
line-height: 31px;
}
}
.fs-28px,
.h1-fs-28px h1,
.h2-fs-28px h2,
.h3-fs-28px h3,
.h4-fs-28px h4,
.h5-fs-28px h5,
.h6-fs-28px h6,
[data-font-size="28px"] {
font-size: 26px;
line-height: 38px;
}
@media screen and (min-width: 1200px) {
.fs-28px,
.h1-fs-28px h1,
.h2-fs-28px h2,
.h3-fs-28px h3,
.h4-fs-28px h4,
.h5-fs-28px h5,
.h6-fs-28px h6,
[data-font-size="28px"] {
font-size: 28px;
line-height: 40px;
}
}
@media (max-width: 767px) {
.fs-28px,
.h1-fs-28px h1,
.h2-fs-28px h2,
.h3-fs-28px h3,
.h4-fs-28px h4,
.h5-fs-28px h5,
.h6-fs-28px h6,
[data-font-size="28px"] {
font-size: 24px;
line-height: 36px;
}
}
@media (max-width: 567px) {
.fs-28px,
.h1-fs-28px h1,
.h2-fs-28px h2,
.h3-fs-28px h3,
.h4-fs-28px h4,
.h5-fs-28px h5,
.h6-fs-28px h6,
[data-font-size="28px"] {
font-size: 20px;
line-height: 32px;
}
}
.fs-30px,
.h1-fs-30px h1,
.h2-fs-30px h2,
.h3-fs-30px h3,
.h4-fs-30px h4,
.h5-fs-30px h5,
.h6-fs-30px h6,
[data-font-size="30px"] {
font-size: 28px;
line-height: 40px;
}
@media screen and (min-width: 1200px) {
.fs-30px,
.h1-fs-30px h1,
.h2-fs-30px h2,
.h3-fs-30px h3,
.h4-fs-30px h4,
.h5-fs-30px h5,
.h6-fs-30px h6,
[data-font-size="30px"] {
font-size: 30px;
line-height: 42px;
}
}
@media (max-width: 767px) {
.fs-30px,
.h1-fs-30px h1,
.h2-fs-30px h2,
.h3-fs-30px h3,
.h4-fs-30px h4,
.h5-fs-30px h5,
.h6-fs-30px h6,
[data-font-size="30px"] {
font-size: 26px;
line-height: 38px;
}
}
@media (max-width: 567px) {
.fs-30px,
.h1-fs-30px h1,
.h2-fs-30px h2,
.h3-fs-30px h3,
.h4-fs-30px h4,
.h5-fs-30px h5,
.h6-fs-30px h6,
[data-font-size="30px"] {
font-size: 21px;
line-height: 33px;
}
}
.fs-32px,
.h1-fs-32px h1,
.h2-fs-32px h2,
.h3-fs-32px h3,
.h4-fs-32px h4,
.h5-fs-32px h5,
.h6-fs-32px h6,
[data-font-size="32px"] {
font-size: 30px;
line-height: 42px;
}
@media screen and (min-width: 1200px) {
.fs-32px,
.h1-fs-32px h1,
.h2-fs-32px h2,
.h3-fs-32px h3,
.h4-fs-32px h4,
.h5-fs-32px h5,
.h6-fs-32px h6,
[data-font-size="32px"] {
font-size: 32px;
line-height: 44px;
}
}
@media (max-width: 767px) {
.fs-32px,
.h1-fs-32px h1,
.h2-fs-32px h2,
.h3-fs-32px h3,
.h4-fs-32px h4,
.h5-fs-32px h5,
.h6-fs-32px h6,
[data-font-size="32px"] {
font-size: 26px;
line-height: 38px;
}
}
@media (max-width: 567px) {
.fs-32px,
.h1-fs-32px h1,
.h2-fs-32px h2,
.h3-fs-32px h3,
.h4-fs-32px h4,
.h5-fs-32px h5,
.h6-fs-32px h6,
[data-font-size="32px"] {
font-size: 22px;
line-height: 34px;
}
}
.fs-34px,
.h1-fs-34px h1,
.h2-fs-34px h2,
.h3-fs-34px h3,
.h4-fs-34px h4,
.h5-fs-34px h5,
.h6-fs-34px h6,
[data-font-size="34px"] {
font-size: 32px;
line-height: 44px;
}
@media screen and (min-width: 1200px) {
.fs-34px,
.h1-fs-34px h1,
.h2-fs-34px h2,
.h3-fs-34px h3,
.h4-fs-34px h4,
.h5-fs-34px h5,
.h6-fs-34px h6,
[data-font-size="34px"] {
font-size: 34px;
line-height: 46px;
}
}
@media (max-width: 767px) {
.fs-34px,
.h1-fs-34px h1,
.h2-fs-34px h2,
.h3-fs-34px h3,
.h4-fs-34px h4,
.h5-fs-34px h5,
.h6-fs-34px h6,
[data-font-size="34px"] {
font-size: 28px;
line-height: 40px;
}
}
@media (max-width: 567px) {
.fs-34px,
.h1-fs-34px h1,
.h2-fs-34px h2,
.h3-fs-34px h3,
.h4-fs-34px h4,
.h5-fs-34px h5,
.h6-fs-34px h6,
[data-font-size="34px"] {
font-size: 23px;
line-height: 35px;
}
}
.fs-36px,
.h1-fs-36px h1,
.h2-fs-36px h2,
.h3-fs-36px h3,
.h4-fs-36px h4,
.h5-fs-36px h5,
.h6-fs-36px h6,
[data-font-size="36px"] {
font-size: 33px;
line-height: 45px;
}
@media screen and (min-width: 1200px) {
.fs-36px,
.h1-fs-36px h1,
.h2-fs-36px h2,
.h3-fs-36px h3,
.h4-fs-36px h4,
.h5-fs-36px h5,
.h6-fs-36px h6,
[data-font-size="36px"] {
font-size: 36px;
line-height: 48px;
}
}
@media (max-width: 767px) {
.fs-36px,
.h1-fs-36px h1,
.h2-fs-36px h2,
.h3-fs-36px h3,
.h4-fs-36px h4,
.h5-fs-36px h5,
.h6-fs-36px h6,
[data-font-size="36px"] {
font-size: 29px;
line-height: 41px;
}
}
@media (max-width: 567px) {
.fs-36px,
.h1-fs-36px h1,
.h2-fs-36px h2,
.h3-fs-36px h3,
.h4-fs-36px h4,
.h5-fs-36px h5,
.h6-fs-36px h6,
[data-font-size="36px"] {
font-size: 24px;
line-height: 36px;
}
}
.fs-38px,
.h1-fs-38px h1,
.h2-fs-38px h2,
.h3-fs-38px h3,
.h4-fs-38px h4,
.h5-fs-38px h5,
.h6-fs-38px h6,
[data-font-size="38px"] {
font-size: 35px;
line-height: 47px;
}
@media screen and (min-width: 1200px) {
.fs-38px,
.h1-fs-38px h1,
.h2-fs-38px h2,
.h3-fs-38px h3,
.h4-fs-38px h4,
.h5-fs-38px h5,
.h6-fs-38px h6,
[data-font-size="38px"] {
font-size: 38px;
line-height: 50px;
}
}
@media (max-width: 767px) {
.fs-38px,
.h1-fs-38px h1,
.h2-fs-38px h2,
.h3-fs-38px h3,
.h4-fs-38px h4,
.h5-fs-38px h5,
.h6-fs-38px h6,
[data-font-size="38px"] {
font-size: 31px;
line-height: 43px;
}
}
@media (max-width: 567px) {
.fs-38px,
.h1-fs-38px h1,
.h2-fs-38px h2,
.h3-fs-38px h3,
.h4-fs-38px h4,
.h5-fs-38px h5,
.h6-fs-38px h6,
[data-font-size="38px"] {
font-size: 25px;
line-height: 37px;
}
}
.fs-40px,
.h1-fs-40px h1,
.h2-fs-40px h2,
.h3-fs-40px h3,
.h4-fs-40px h4,
.h5-fs-40px h5,
.h6-fs-40px h6,
[data-font-size="40px"] {
font-size: 37px;
line-height: 49px;
}
@media screen and (min-width: 1200px) {
.fs-40px,
.h1-fs-40px h1,
.h2-fs-40px h2,
.h3-fs-40px h3,
.h4-fs-40px h4,
.h5-fs-40px h5,
.h6-fs-40px h6,
[data-font-size="40px"] {
font-size: 40px;
line-height: 52px;
}
}
@media (max-width: 767px) {
.fs-40px,
.h1-fs-40px h1,
.h2-fs-40px h2,
.h3-fs-40px h3,
.h4-fs-40px h4,
.h5-fs-40px h5,
.h6-fs-40px h6,
[data-font-size="40px"] {
font-size: 32px;
line-height: 44px;
}
}
@media (max-width: 567px) {
.fs-40px,
.h1-fs-40px h1,
.h2-fs-40px h2,
.h3-fs-40px h3,
.h4-fs-40px h4,
.h5-fs-40px h5,
.h6-fs-40px h6,
[data-font-size="40px"] {
font-size: 26px;
line-height: 38px;
}
}
.fs-42px,
.h1-fs-42px h1,
.h2-fs-42px h2,
.h3-fs-42px h3,
.h4-fs-42px h4,
.h5-fs-42px h5,
.h6-fs-42px h6,
[data-font-size="42px"] {
font-size: 38px;
line-height: 50px;
}
@media screen and (min-width: 1200px) {
.fs-42px,
.h1-fs-42px h1,
.h2-fs-42px h2,
.h3-fs-42px h3,
.h4-fs-42px h4,
.h5-fs-42px h5,
.h6-fs-42px h6,
[data-font-size="42px"] {
font-size: 42px;
line-height: 54px;
}
}
@media (max-width: 767px) {
.fs-42px,
.h1-fs-42px h1,
.h2-fs-42px h2,
.h3-fs-42px h3,
.h4-fs-42px h4,
.h5-fs-42px h5,
.h6-fs-42px h6,
[data-font-size="42px"] {
font-size: 33px;
line-height: 45px;
}
}
@media (max-width: 567px) {
.fs-42px,
.h1-fs-42px h1,
.h2-fs-42px h2,
.h3-fs-42px h3,
.h4-fs-42px h4,
.h5-fs-42px h5,
.h6-fs-42px h6,
[data-font-size="42px"] {
font-size: 27px;
line-height: 39px;
}
}
.fs-44px,
.h1-fs-44px h1,
.h2-fs-44px h2,
.h3-fs-44px h3,
.h4-fs-44px h4,
.h5-fs-44px h5,
.h6-fs-44px h6,
[data-font-size="44px"] {
font-size: 40px;
line-height: 52px;
}
@media screen and (min-width: 1200px) {
.fs-44px,
.h1-fs-44px h1,
.h2-fs-44px h2,
.h3-fs-44px h3,
.h4-fs-44px h4,
.h5-fs-44px h5,
.h6-fs-44px h6,
[data-font-size="44px"] {
font-size: 44px;
line-height: 56px;
}
}
@media (max-width: 767px) {
.fs-44px,
.h1-fs-44px h1,
.h2-fs-44px h2,
.h3-fs-44px h3,
.h4-fs-44px h4,
.h5-fs-44px h5,
.h6-fs-44px h6,
[data-font-size="44px"] {
font-size: 35px;
line-height: 47px;
}
}
@media (max-width: 567px) {
.fs-44px,
.h1-fs-44px h1,
.h2-fs-44px h2,
.h3-fs-44px h3,
.h4-fs-44px h4,
.h5-fs-44px h5,
.h6-fs-44px h6,
[data-font-size="44px"] {
font-size: 28px;
line-height: 40px;
}
}
.fs-46px,
.h1-fs-46px h1,
.h2-fs-46px h2,
.h3-fs-46px h3,
.h4-fs-46px h4,
.h5-fs-46px h5,
.h6-fs-46px h6,
[data-font-size="46px"] {
font-size: 42px;
line-height: 54px;
}
@media screen and (min-width: 1200px) {
.fs-46px,
.h1-fs-46px h1,
.h2-fs-46px h2,
.h3-fs-46px h3,
.h4-fs-46px h4,
.h5-fs-46px h5,
.h6-fs-46px h6,
[data-font-size="46px"] {
font-size: 46px;
line-height: 58px;
}
}
@media (max-width: 767px) {
.fs-46px,
.h1-fs-46px h1,
.h2-fs-46px h2,
.h3-fs-46px h3,
.h4-fs-46px h4,
.h5-fs-46px h5,
.h6-fs-46px h6,
[data-font-size="46px"] {
font-size: 37px;
line-height: 49px;
}
}
@media (max-width: 567px) {
.fs-46px,
.h1-fs-46px h1,
.h2-fs-46px h2,
.h3-fs-46px h3,
.h4-fs-46px h4,
.h5-fs-46px h5,
.h6-fs-46px h6,
[data-font-size="46px"] {
font-size: 29px;
line-height: 41px;
}
}
.fs-48px,
.h1-fs-48px h1,
.h2-fs-48px h2,
.h3-fs-48px h3,
.h4-fs-48px h4,
.h5-fs-48px h5,
.h6-fs-48px h6,
[data-font-size="48px"] {
font-size: 44px;
line-height: 56px;
}
@media screen and (min-width: 1200px) {
.fs-48px,
.h1-fs-48px h1,
.h2-fs-48px h2,
.h3-fs-48px h3,
.h4-fs-48px h4,
.h5-fs-48px h5,
.h6-fs-48px h6,
[data-font-size="48px"] {
font-size: 48px;
line-height: 60px;
}
}
@media (max-width: 767px) {
.fs-48px,
.h1-fs-48px h1,
.h2-fs-48px h2,
.h3-fs-48px h3,
.h4-fs-48px h4,
.h5-fs-48px h5,
.h6-fs-48px h6,
[data-font-size="48px"] {
font-size: 38px;
line-height: 50px;
}
}
@media (max-width: 567px) {
.fs-48px,
.h1-fs-48px h1,
.h2-fs-48px h2,
.h3-fs-48px h3,
.h4-fs-48px h4,
.h5-fs-48px h5,
.h6-fs-48px h6,
[data-font-size="48px"] {
font-size: 30px;
line-height: 42px;
}
}
.fs-50px,
.h1-fs-50px h1,
.h2-fs-50px h2,
.h3-fs-50px h3,
.h4-fs-50px h4,
.h5-fs-50px h5,
.h6-fs-50px h6,
[data-font-size="50px"] {
font-size: 46px;
line-height: 58px;
}
@media screen and (min-width: 1200px) {
.fs-50px,
.h1-fs-50px h1,
.h2-fs-50px h2,
.h3-fs-50px h3,
.h4-fs-50px h4,
.h5-fs-50px h5,
.h6-fs-50px h6,
[data-font-size="50px"] {
font-size: 50px;
line-height: 62px;
}
}
@media (max-width: 767px) {
.fs-50px,
.h1-fs-50px h1,
.h2-fs-50px h2,
.h3-fs-50px h3,
.h4-fs-50px h4,
.h5-fs-50px h5,
.h6-fs-50px h6,
[data-font-size="50px"] {
font-size: 40px;
line-height: 52px;
}
}
@media (max-width: 567px) {
.fs-50px,
.h1-fs-50px h1,
.h2-fs-50px h2,
.h3-fs-50px h3,
.h4-fs-50px h4,
.h5-fs-50px h5,
.h6-fs-50px h6,
[data-font-size="50px"] {
font-size: 31px;
line-height: 43px;
}
}
.fs-52px,
.h1-fs-52px h1,
.h2-fs-52px h2,
.h3-fs-52px h3,
.h4-fs-52px h4,
.h5-fs-52px h5,
.h6-fs-52px h6,
[data-font-size="52px"] {
font-size: 48px;
line-height: 60px;
}
@media screen and (min-width: 1200px) {
.fs-52px,
.h1-fs-52px h1,
.h2-fs-52px h2,
.h3-fs-52px h3,
.h4-fs-52px h4,
.h5-fs-52px h5,
.h6-fs-52px h6,
[data-font-size="52px"] {
font-size: 52px;
line-height: 64px;
}
}
@media (max-width: 767px) {
.fs-52px,
.h1-fs-52px h1,
.h2-fs-52px h2,
.h3-fs-52px h3,
.h4-fs-52px h4,
.h5-fs-52px h5,
.h6-fs-52px h6,
[data-font-size="52px"] {
font-size: 41px;
line-height: 53px;
}
}
@media (max-width: 567px) {
.fs-52px,
.h1-fs-52px h1,
.h2-fs-52px h2,
.h3-fs-52px h3,
.h4-fs-52px h4,
.h5-fs-52px h5,
.h6-fs-52px h6,
[data-font-size="52px"] {
font-size: 33px;
line-height: 45px;
}
}
.fs-54px,
.h1-fs-54px h1,
.h2-fs-54px h2,
.h3-fs-54px h3,
.h4-fs-54px h4,
.h5-fs-54px h5,
.h6-fs-54px h6,
[data-font-size="54px"] {
font-size: 50px;
line-height: 62px;
}
@media screen and (min-width: 1200px) {
.fs-54px,
.h1-fs-54px h1,
.h2-fs-54px h2,
.h3-fs-54px h3,
.h4-fs-54px h4,
.h5-fs-54px h5,
.h6-fs-54px h6,
[data-font-size="54px"] {
font-size: 54px;
line-height: 66px;
}
}
@media (max-width: 767px) {
.fs-54px,
.h1-fs-54px h1,
.h2-fs-54px h2,
.h3-fs-54px h3,
.h4-fs-54px h4,
.h5-fs-54px h5,
.h6-fs-54px h6,
[data-font-size="54px"] {
font-size: 42px;
line-height: 54px;
}
}
@media (max-width: 567px) {
.fs-54px,
.h1-fs-54px h1,
.h2-fs-54px h2,
.h3-fs-54px h3,
.h4-fs-54px h4,
.h5-fs-54px h5,
.h6-fs-54px h6,
[data-font-size="54px"] {
font-size: 34px;
line-height: 46px;
}
}
.fs-56px,
.h1-fs-56px h1,
.h2-fs-56px h2,
.h3-fs-56px h3,
.h4-fs-56px h4,
.h5-fs-56px h5,
.h6-fs-56px h6,
[data-font-size="56px"] {
font-size: 52px;
line-height: 64px;
}
@media screen and (min-width: 1200px) {
.fs-56px,
.h1-fs-56px h1,
.h2-fs-56px h2,
.h3-fs-56px h3,
.h4-fs-56px h4,
.h5-fs-56px h5,
.h6-fs-56px h6,
[data-font-size="56px"] {
font-size: 56px;
line-height: 68px;
}
}
@media (max-width: 767px) {
.fs-56px,
.h1-fs-56px h1,
.h2-fs-56px h2,
.h3-fs-56px h3,
.h4-fs-56px h4,
.h5-fs-56px h5,
.h6-fs-56px h6,
[data-font-size="56px"] {
font-size: 44px;
line-height: 56px;
}
}
@media (max-width: 567px) {
.fs-56px,
.h1-fs-56px h1,
.h2-fs-56px h2,
.h3-fs-56px h3,
.h4-fs-56px h4,
.h5-fs-56px h5,
.h6-fs-56px h6,
[data-font-size="56px"] {
font-size: 35px;
line-height: 47px;
}
}
.fs-58px,
.h1-fs-58px h1,
.h2-fs-58px h2,
.h3-fs-58px h3,
.h4-fs-58px h4,
.h5-fs-58px h5,
.h6-fs-58px h6,
[data-font-size="58px"] {
font-size: 54px;
line-height: 66px;
}
@media screen and (min-width: 1200px) {
.fs-58px,
.h1-fs-58px h1,
.h2-fs-58px h2,
.h3-fs-58px h3,
.h4-fs-58px h4,
.h5-fs-58px h5,
.h6-fs-58px h6,
[data-font-size="58px"] {
font-size: 58px;
line-height: 70px;
}
}
@media (max-width: 767px) {
.fs-58px,
.h1-fs-58px h1,
.h2-fs-58px h2,
.h3-fs-58px h3,
.h4-fs-58px h4,
.h5-fs-58px h5,
.h6-fs-58px h6,
[data-font-size="58px"] {
font-size: 45px;
line-height: 57px;
}
}
@media (max-width: 567px) {
.fs-58px,
.h1-fs-58px h1,
.h2-fs-58px h2,
.h3-fs-58px h3,
.h4-fs-58px h4,
.h5-fs-58px h5,
.h6-fs-58px h6,
[data-font-size="58px"] {
font-size: 37px;
line-height: 49px;
}
}
.fs-60px,
.h1-fs-60px h1,
.h2-fs-60px h2,
.h3-fs-60px h3,
.h4-fs-60px h4,
.h5-fs-60px h5,
.h6-fs-60px h6,
[data-font-size="60px"] {
font-size: 56px;
line-height: 68px;
}
@media screen and (min-width: 1200px) {
.fs-60px,
.h1-fs-60px h1,
.h2-fs-60px h2,
.h3-fs-60px h3,
.h4-fs-60px h4,
.h5-fs-60px h5,
.h6-fs-60px h6,
[data-font-size="60px"] {
font-size: 60px;
line-height: 72px;
}
}
@media (max-width: 767px) {
.fs-60px,
.h1-fs-60px h1,
.h2-fs-60px h2,
.h3-fs-60px h3,
.h4-fs-60px h4,
.h5-fs-60px h5,
.h6-fs-60px h6,
[data-font-size="60px"] {
font-size: 46px;
line-height: 58px;
}
}
@media (max-width: 567px) {
.fs-60px,
.h1-fs-60px h1,
.h2-fs-60px h2,
.h3-fs-60px h3,
.h4-fs-60px h4,
.h5-fs-60px h5,
.h6-fs-60px h6,
[data-font-size="60px"] {
font-size: 38px;
line-height: 50px;
}
}
.fs-72px,
.h1-fs-72px h1,
.h2-fs-72px h2,
.h3-fs-72px h3,
.h4-fs-72px h4,
.h5-fs-72px h5,
.h6-fs-72px h6,
[data-font-size="72px"] {
font-size: 66px;
line-height: 78px;
}
@media screen and (min-width: 1200px) {
.fs-72px,
.h1-fs-72px h1,
.h2-fs-72px h2,
.h3-fs-72px h3,
.h4-fs-72px h4,
.h5-fs-72px h5,
.h6-fs-72px h6,
[data-font-size="72px"] {
font-size: 72px;
line-height: 84px;
}
}
@media (max-width: 767px) {
.fs-72px,
.h1-fs-72px h1,
.h2-fs-72px h2,
.h3-fs-72px h3,
.h4-fs-72px h4,
.h5-fs-72px h5,
.h6-fs-72px h6,
[data-font-size="72px"] {
font-size: 54px;
line-height: 66px;
}
}
@media (max-width: 567px) {
.fs-72px,
.h1-fs-72px h1,
.h2-fs-72px h2,
.h3-fs-72px h3,
.h4-fs-72px h4,
.h5-fs-72px h5,
.h6-fs-72px h6,
[data-font-size="72px"] {
font-size: 46px;
line-height: 58px;
}
}
.fs-84px,
.h1-fs-84px h1,
.h2-fs-84px h2,
.h3-fs-84px h3,
.h4-fs-84px h4,
.h5-fs-84px h5,
.h6-fs-84px h6,
[data-font-size="84px"] {
font-size: 76px;
line-height: 88px;
}
@media screen and (min-width: 1200px) {
.fs-84px,
.h1-fs-84px h1,
.h2-fs-84px h2,
.h3-fs-84px h3,
.h4-fs-84px h4,
.h5-fs-84px h5,
.h6-fs-84px h6,
[data-font-size="84px"] {
font-size: 84px;
line-height: 96px;
}
}
@media (max-width: 767px) {
.fs-84px,
.h1-fs-84px h1,
.h2-fs-84px h2,
.h3-fs-84px h3,
.h4-fs-84px h4,
.h5-fs-84px h5,
.h6-fs-84px h6,
[data-font-size="84px"] {
font-size: 62px;
line-height: 74px;
}
}
@media (max-width: 567px) {
.fs-84px,
.h1-fs-84px h1,
.h2-fs-84px h2,
.h3-fs-84px h3,
.h4-fs-84px h4,
.h5-fs-84px h5,
.h6-fs-84px h6,
[data-font-size="84px"] {
font-size: 54px;
line-height: 66px;
}
}
.fs-96px,
.h1-fs-96px h1,
.h2-fs-96px h2,
.h3-fs-96px h3,
.h4-fs-96px h4,
.h5-fs-96px h5,
.h6-fs-96px h6,
[data-font-size="96px"] {
font-size: 86px;
line-height: 98px;
}
@media screen and (min-width: 1200px) {
.fs-96px,
.h1-fs-96px h1,
.h2-fs-96px h2,
.h3-fs-96px h3,
.h4-fs-96px h4,
.h5-fs-96px h5,
.h6-fs-96px h6,
[data-font-size="96px"] {
font-size: 96px;
line-height: 108px;
}
}
@media (max-width: 767px) {
.fs-96px,
.h1-fs-96px h1,
.h2-fs-96px h2,
.h3-fs-96px h3,
.h4-fs-96px h4,
.h5-fs-96px h5,
.h6-fs-96px h6,
[data-font-size="96px"] {
font-size: 70px;
line-height: 82px;
}
}
@media (max-width: 567px) {
.fs-96px,
.h1-fs-96px h1,
.h2-fs-96px h2,
.h3-fs-96px h3,
.h4-fs-96px h4,
.h5-fs-96px h5,
.h6-fs-96px h6,
[data-font-size="96px"] {
font-size: 62px;
line-height: 74px;
}
}
.fs-120px,
.h1-fs-120px h1,
.h2-fs-120px h2,
.h3-fs-120px h3,
.h4-fs-120px h4,
.h5-fs-120px h5,
.h6-fs-120px h6,
[data-font-size="120px"] {
font-size: 106px;
line-height: 118px;
}
@media screen and (min-width: 1200px) {
.fs-120px,
.h1-fs-120px h1,
.h2-fs-120px h2,
.h3-fs-120px h3,
.h4-fs-120px h4,
.h5-fs-120px h5,
.h6-fs-120px h6,
[data-font-size="120px"] {
font-size: 120px;
line-height: 132px;
}
}
@media (max-width: 767px) {
.fs-120px,
.h1-fs-120px h1,
.h2-fs-120px h2,
.h3-fs-120px h3,
.h4-fs-120px h4,
.h5-fs-120px h5,
.h6-fs-120px h6,
[data-font-size="120px"] {
font-size: 86px;
line-height: 98px;
}
}
@media (max-width: 567px) {
.fs-120px,
.h1-fs-120px h1,
.h2-fs-120px h2,
.h3-fs-120px h3,
.h4-fs-120px h4,
.h5-fs-120px h5,
.h6-fs-120px h6,
[data-font-size="120px"] {
font-size: 80px;
line-height: 92px;
}
}
.fs-144px,
.h1-fs-144px h1,
.h2-fs-144px h2,
.h3-fs-144px h3,
.h4-fs-144px h4,
.h5-fs-144px h5,
.h6-fs-144px h6,
[data-font-size="144px"] {
font-size: 126px;
line-height: 138px;
}
@media screen and (min-width: 1200px) {
.fs-144px,
.h1-fs-144px h1,
.h2-fs-144px h2,
.h3-fs-144px h3,
.h4-fs-144px h4,
.h5-fs-144px h5,
.h6-fs-144px h6,
[data-font-size="144px"] {
font-size: 144px;
line-height: 156px;
}
}
@media (max-width: 767px) {
.fs-144px,
.h1-fs-144px h1,
.h2-fs-144px h2,
.h3-fs-144px h3,
.h4-fs-144px h4,
.h5-fs-144px h5,
.h6-fs-144px h6,
[data-font-size="144px"] {
font-size: 104px;
line-height: 116px;
}
}
@media (max-width: 567px) {
.fs-144px,
.h1-fs-144px h1,
.h2-fs-144px h2,
.h3-fs-144px h3,
.h4-fs-144px h4,
.h5-fs-144px h5,
.h6-fs-144px h6,
[data-font-size="144px"] {
font-size: 98px;
line-height: 110px;
}
}
.fs-168px,
.h1-fs-168px h1,
.h2-fs-168px h2,
.h3-fs-168px h3,
.h4-fs-168px h4,
.h5-fs-168px h5,
.h6-fs-168px h6,
[data-font-size="168px"] {
font-size: 146px;
line-height: 158px;
}
@media screen and (min-width: 1200px) {
.fs-168px,
.h1-fs-168px h1,
.h2-fs-168px h2,
.h3-fs-168px h3,
.h4-fs-168px h4,
.h5-fs-168px h5,
.h6-fs-168px h6,
[data-font-size="168px"] {
font-size: 168px;
line-height: 180px;
}
}
@media (max-width: 767px) {
.fs-168px,
.h1-fs-168px h1,
.h2-fs-168px h2,
.h3-fs-168px h3,
.h4-fs-168px h4,
.h5-fs-168px h5,
.h6-fs-168px h6,
[data-font-size="168px"] {
font-size: 122px;
line-height: 134px;
}
}
@media (max-width: 567px) {
.fs-168px,
.h1-fs-168px h1,
.h2-fs-168px h2,
.h3-fs-168px h3,
.h4-fs-168px h4,
.h5-fs-168px h5,
.h6-fs-168px h6,
[data-font-size="168px"] {
font-size: 116px;
line-height: 128px;
}
}
.fs-192px,
.h1-fs-192px h1,
.h2-fs-192px h2,
.h3-fs-192px h3,
.h4-fs-192px h4,
.h5-fs-192px h5,
.h6-fs-192px h6,
[data-font-size="192px"] {
font-size: 166px;
line-height: 178px;
}
@media screen and (min-width: 1200px) {
.fs-192px,
.h1-fs-192px h1,
.h2-fs-192px h2,
.h3-fs-192px h3,
.h4-fs-192px h4,
.h5-fs-192px h5,
.h6-fs-192px h6,
[data-font-size="192px"] {
font-size: 192px;
line-height: 204px;
}
}
@media (max-width: 767px) {
.fs-192px,
.h1-fs-192px h1,
.h2-fs-192px h2,
.h3-fs-192px h3,
.h4-fs-192px h4,
.h5-fs-192px h5,
.h6-fs-192px h6,
[data-font-size="192px"] {
font-size: 140px;
line-height: 152px;
}
}
@media (max-width: 567px) {
.fs-192px,
.h1-fs-192px h1,
.h2-fs-192px h2,
.h3-fs-192px h3,
.h4-fs-192px h4,
.h5-fs-192px h5,
.h6-fs-192px h6,
[data-font-size="192px"] {
font-size: 134px;
line-height: 146px;
}
}
nav.fs-11px ul li {
font-size: 10px;
line-height: 10px;
}
@media screen and (min-width: 1200px) {
nav.fs-11px ul li {
font-size: 11px;
line-height: 11px;
}
}
@media (max-width: 767px) {
nav.fs-11px ul li {
font-size: 9px;
line-height: 9px;
}
}
@media (max-width: 567px) {
nav.fs-11px ul li {
font-size: 8px;
line-height: 8px;
}
}
nav.fs-12px ul li {
font-size: 11px;
line-height: 11px;
}
@media screen and (min-width: 1200px) {
nav.fs-12px ul li {
font-size: 12px;
line-height: 12px;
}
}
@media (max-width: 767px) {
nav.fs-12px ul li {
font-size: 10px;
line-height: 10px;
}
}
@media (max-width: 567px) {
nav.fs-12px ul li {
font-size: 9px;
line-height: 9px;
}
}
nav.fs-13px ul li {
font-size: 12px;
line-height: 12px;
}
@media screen and (min-width: 1200px) {
nav.fs-13px ul li {
font-size: 13px;
line-height: 13px;
}
}
@media (max-width: 767px) {
nav.fs-13px ul li {
font-size: 11px;
line-height: 11px;
}
}
@media (max-width: 567px) {
nav.fs-13px ul li {
font-size: 10px;
line-height: 10px;
}
}
nav.fs-14px ul li {
font-size: 13px;
line-height: 13px;
}
@media screen and (min-width: 1200px) {
nav.fs-14px ul li {
font-size: 14px;
line-height: 14px;
}
}
@media (max-width: 767px) {
nav.fs-14px ul li {
font-size: 12px;
line-height: 12px;
}
}
@media (max-width: 567px) {
nav.fs-14px ul li {
font-size: 11px;
line-height: 11px;
}
}
nav.fs-15px ul li {
font-size: 14px;
line-height: 14px;
}
@media screen and (min-width: 1200px) {
nav.fs-15px ul li {
font-size: 15px;
line-height: 15px;
}
}
@media (max-width: 767px) {
nav.fs-15px ul li {
font-size: 13px;
line-height: 13px;
}
}
@media (max-width: 567px) {
nav.fs-15px ul li {
font-size: 12px;
line-height: 12px;
}
}
nav.fs-16px ul li {
font-size: 15px;
line-height: 15px;
}
@media screen and (min-width: 1200px) {
nav.fs-16px ul li {
font-size: 16px;
line-height: 16px;
}
}
@media (max-width: 767px) {
nav.fs-16px ul li {
font-size: 14px;
line-height: 14px;
}
}
@media (max-width: 567px) {
nav.fs-16px ul li {
font-size: 13px;
line-height: 13px;
}
}
nav.fs-17px ul li {
font-size: 16px;
line-height: 16px;
}
@media screen and (min-width: 1200px) {
nav.fs-17px ul li {
font-size: 17px;
line-height: 17px;
}
}
@media (max-width: 767px) {
nav.fs-17px ul li {
font-size: 15px;
line-height: 15px;
}
}
@media (max-width: 567px) {
nav.fs-17px ul li {
font-size: 14px;
line-height: 14px;
}
}
nav.fs-18px ul li {
font-size: 17px;
line-height: 17px;
}
@media screen and (min-width: 1200px) {
nav.fs-18px ul li {
font-size: 18px;
line-height: 18px;
}
}
@media (max-width: 767px) {
nav.fs-18px ul li {
font-size: 16px;
line-height: 16px;
}
}
@media (max-width: 567px) {
nav.fs-18px ul li {
font-size: 15px;
line-height: 15px;
}
}
nav.fs-20px ul li {
font-size: 19px;
line-height: 19px;
}
@media screen and (min-width: 1200px) {
nav.fs-20px ul li {
font-size: 20px;
line-height: 20px;
}
}
@media (max-width: 767px) {
nav.fs-20px ul li {
font-size: 18px;
line-height: 18px;
}
}
@media (max-width: 567px) {
nav.fs-20px ul li {
font-size: 16px;
line-height: 16px;
}
}
nav.fs-22px ul li {
font-size: 21px;
line-height: 21px;
}
@media screen and (min-width: 1200px) {
nav.fs-22px ul li {
font-size: 22px;
line-height: 22px;
}
}
@media (max-width: 767px) {
nav.fs-22px ul li {
font-size: 20px;
line-height: 20px;
}
}
@media (max-width: 567px) {
nav.fs-22px ul li {
font-size: 17px;
line-height: 17px;
}
}
nav.fs-24px ul li {
font-size: 22px;
line-height: 22px;
}
@media screen and (min-width: 1200px) {
nav.fs-24px ul li {
font-size: 24px;
line-height: 24px;
}
}
@media (max-width: 767px) {
nav.fs-24px ul li {
font-size: 20px;
line-height: 20px;
}
}
@media (max-width: 567px) {
nav.fs-24px ul li {
font-size: 18px;
line-height: 18px;
}
}
nav.fs-26px ul li {
font-size: 24px;
line-height: 24px;
}
@media screen and (min-width: 1200px) {
nav.fs-26px ul li {
font-size: 26px;
line-height: 26px;
}
}
@media (max-width: 767px) {
nav.fs-26px ul li {
font-size: 22px;
line-height: 22px;
}
}
@media (max-width: 567px) {
nav.fs-26px ul li {
font-size: 19px;
line-height: 19px;
}
}
nav.fs-28px ul li {
font-size: 26px;
line-height: 26px;
}
@media screen and (min-width: 1200px) {
nav.fs-28px ul li {
font-size: 28px;
line-height: 28px;
}
}
@media (max-width: 767px) {
nav.fs-28px ul li {
font-size: 24px;
line-height: 24px;
}
}
@media (max-width: 567px) {
nav.fs-28px ul li {
font-size: 20px;
line-height: 20px;
}
}
nav.fs-30px ul li {
font-size: 28px;
line-height: 28px;
}
@media screen and (min-width: 1200px) {
nav.fs-30px ul li {
font-size: 30px;
line-height: 30px;
}
}
@media (max-width: 767px) {
nav.fs-30px ul li {
font-size: 26px;
line-height: 26px;
}
}
@media (max-width: 567px) {
nav.fs-30px ul li {
font-size: 21px;
line-height: 21px;
}
}
nav.fs-32px ul li {
font-size: 30px;
line-height: 30px;
}
@media screen and (min-width: 1200px) {
nav.fs-32px ul li {
font-size: 32px;
line-height: 32px;
}
}
@media (max-width: 767px) {
nav.fs-32px ul li {
font-size: 26px;
line-height: 26px;
}
}
@media (max-width: 567px) {
nav.fs-32px ul li {
font-size: 22px;
line-height: 22px;
}
}
nav.fs-34px ul li {
font-size: 32px;
line-height: 32px;
}
@media screen and (min-width: 1200px) {
nav.fs-34px ul li {
font-size: 34px;
line-height: 34px;
}
}
@media (max-width: 767px) {
nav.fs-34px ul li {
font-size: 28px;
line-height: 28px;
}
}
@media (max-width: 567px) {
nav.fs-34px ul li {
font-size: 23px;
line-height: 23px;
}
}
nav.fs-36px ul li {
font-size: 33px;
line-height: 33px;
}
@media screen and (min-width: 1200px) {
nav.fs-36px ul li {
font-size: 36px;
line-height: 36px;
}
}
@media (max-width: 767px) {
nav.fs-36px ul li {
font-size: 29px;
line-height: 29px;
}
}
@media (max-width: 567px) {
nav.fs-36px ul li {
font-size: 24px;
line-height: 24px;
}
}
nav.fs-38px ul li {
font-size: 35px;
line-height: 35px;
}
@media screen and (min-width: 1200px) {
nav.fs-38px ul li {
font-size: 38px;
line-height: 38px;
}
}
@media (max-width: 767px) {
nav.fs-38px ul li {
font-size: 31px;
line-height: 31px;
}
}
@media (max-width: 567px) {
nav.fs-38px ul li {
font-size: 25px;
line-height: 25px;
}
}
nav.fs-40px ul li {
font-size: 37px;
line-height: 37px;
}
@media screen and (min-width: 1200px) {
nav.fs-40px ul li {
font-size: 40px;
line-height: 40px;
}
}
@media (max-width: 767px) {
nav.fs-40px ul li {
font-size: 32px;
line-height: 32px;
}
}
@media (max-width: 567px) {
nav.fs-40px ul li {
font-size: 26px;
line-height: 26px;
}
}
nav.fs-42px ul li {
font-size: 38px;
line-height: 38px;
}
@media screen and (min-width: 1200px) {
nav.fs-42px ul li {
font-size: 42px;
line-height: 42px;
}
}
@media (max-width: 767px) {
nav.fs-42px ul li {
font-size: 33px;
line-height: 33px;
}
}
@media (max-width: 567px) {
nav.fs-42px ul li {
font-size: 27px;
line-height: 27px;
}
}
nav.fs-44px ul li {
font-size: 40px;
line-height: 40px;
}
@media screen and (min-width: 1200px) {
nav.fs-44px ul li {
font-size: 44px;
line-height: 44px;
}
}
@media (max-width: 767px) {
nav.fs-44px ul li {
font-size: 35px;
line-height: 35px;
}
}
@media (max-width: 567px) {
nav.fs-44px ul li {
font-size: 28px;
line-height: 28px;
}
}
nav.fs-46px ul li {
font-size: 42px;
line-height: 42px;
}
@media screen and (min-width: 1200px) {
nav.fs-46px ul li {
font-size: 46px;
line-height: 46px;
}
}
@media (max-width: 767px) {
nav.fs-46px ul li {
font-size: 37px;
line-height: 37px;
}
}
@media (max-width: 567px) {
nav.fs-46px ul li {
font-size: 29px;
line-height: 29px;
}
}
nav.fs-48px ul li {
font-size: 44px;
line-height: 44px;
}
@media screen and (min-width: 1200px) {
nav.fs-48px ul li {
font-size: 48px;
line-height: 48px;
}
}
@media (max-width: 767px) {
nav.fs-48px ul li {
font-size: 38px;
line-height: 38px;
}
}
@media (max-width: 567px) {
nav.fs-48px ul li {
font-size: 30px;
line-height: 30px;
}
}
nav.fs-50px ul li {
font-size: 46px;
line-height: 46px;
}
@media screen and (min-width: 1200px) {
nav.fs-50px ul li {
font-size: 50px;
line-height: 50px;
}
}
@media (max-width: 767px) {
nav.fs-50px ul li {
font-size: 40px;
line-height: 40px;
}
}
@media (max-width: 567px) {
nav.fs-50px ul li {
font-size: 31px;
line-height: 31px;
}
}
nav.fs-52px ul li {
font-size: 48px;
line-height: 48px;
}
@media screen and (min-width: 1200px) {
nav.fs-52px ul li {
font-size: 52px;
line-height: 52px;
}
}
@media (max-width: 767px) {
nav.fs-52px ul li {
font-size: 41px;
line-height: 41px;
}
}
@media (max-width: 567px) {
nav.fs-52px ul li {
font-size: 33px;
line-height: 33px;
}
}
nav.fs-54px ul li {
font-size: 50px;
line-height: 50px;
}
@media screen and (min-width: 1200px) {
nav.fs-54px ul li {
font-size: 54px;
line-height: 54px;
}
}
@media (max-width: 767px) {
nav.fs-54px ul li {
font-size: 42px;
line-height: 42px;
}
}
@media (max-width: 567px) {
nav.fs-54px ul li {
font-size: 34px;
line-height: 34px;
}
}
nav.fs-56px ul li {
font-size: 52px;
line-height: 52px;
}
@media screen and (min-width: 1200px) {
nav.fs-56px ul li {
font-size: 56px;
line-height: 56px;
}
}
@media (max-width: 767px) {
nav.fs-56px ul li {
font-size: 44px;
line-height: 44px;
}
}
@media (max-width: 567px) {
nav.fs-56px ul li {
font-size: 35px;
line-height: 35px;
}
}
nav.fs-58px ul li {
font-size: 54px;
line-height: 54px;
}
@media screen and (min-width: 1200px) {
nav.fs-58px ul li {
font-size: 58px;
line-height: 58px;
}
}
@media (max-width: 767px) {
nav.fs-58px ul li {
font-size: 45px;
line-height: 45px;
}
}
@media (max-width: 567px) {
nav.fs-58px ul li {
font-size: 37px;
line-height: 37px;
}
}
nav.fs-60px ul li {
font-size: 56px;
line-height: 56px;
}
@media screen and (min-width: 1200px) {
nav.fs-60px ul li {
font-size: 60px;
line-height: 60px;
}
}
@media (max-width: 767px) {
nav.fs-60px ul li {
font-size: 46px;
line-height: 46px;
}
}
@media (max-width: 567px) {
nav.fs-60px ul li {
font-size: 38px;
line-height: 38px;
}
}
nav.fs-72px ul li {
font-size: 66px;
line-height: 66px;
}
@media screen and (min-width: 1200px) {
nav.fs-72px ul li {
font-size: 72px;
line-height: 72px;
}
}
@media (max-width: 767px) {
nav.fs-72px ul li {
font-size: 54px;
line-height: 54px;
}
}
@media (max-width: 567px) {
nav.fs-72px ul li {
font-size: 46px;
line-height: 46px;
}
}
nav.fs-84px ul li {
font-size: 76px;
line-height: 76px;
}
@media screen and (min-width: 1200px) {
nav.fs-84px ul li {
font-size: 84px;
line-height: 84px;
}
}
@media (max-width: 767px) {
nav.fs-84px ul li {
font-size: 62px;
line-height: 62px;
}
}
@media (max-width: 567px) {
nav.fs-84px ul li {
font-size: 54px;
line-height: 54px;
}
}
nav.fs-96px ul li {
font-size: 86px;
line-height: 86px;
}
@media screen and (min-width: 1200px) {
nav.fs-96px ul li {
font-size: 96px;
line-height: 96px;
}
}
@media (max-width: 767px) {
nav.fs-96px ul li {
font-size: 70px;
line-height: 70px;
}
}
@media (max-width: 567px) {
nav.fs-96px ul li {
font-size: 62px;
line-height: 62px;
}
}
nav.fs-120px ul li {
font-size: 106px;
line-height: 118px;
}
@media screen and (min-width: 1200px) {
nav.fs-120px ul li {
font-size: 120px;
line-height: 132px;
}
}
@media (max-width: 767px) {
nav.fs-120px ul li {
font-size: 86px;
line-height: 98px;
}
}
@media (max-width: 567px) {
nav.fs-120px ul li {
font-size: 80px;
line-height: 92px;
}
}
nav.fs-144px ul li {
font-size: 126px;
line-height: 138px;
}
@media screen and (min-width: 1200px) {
nav.fs-144px ul li {
font-size: 144px;
line-height: 156px;
}
}
@media (max-width: 767px) {
nav.fs-144px ul li {
font-size: 104px;
line-height: 116px;
}
}
@media (max-width: 567px) {
nav.fs-144px ul li {
font-size: 98px;
line-height: 110px;
}
}
nav.fs-168px ul li {
font-size: 146px;
line-height: 158px;
}
@media screen and (min-width: 1200px) {
nav.fs-168px ul li {
font-size: 168px;
line-height: 180px;
}
}
@media (max-width: 767px) {
nav.fs-168px ul li {
font-size: 122px;
line-height: 134px;
}
}
@media (max-width: 567px) {
nav.fs-168px ul li {
font-size: 116px;
line-height: 128px;
}
}
nav.fs-192px ul li {
font-size: 166px;
line-height: 178px;
}
@media screen and (min-width: 1200px) {
nav.fs-192px ul li {
font-size: 192px;
line-height: 204px;
}
}
@media (max-width: 767px) {
nav.fs-192px ul li {
font-size: 140px;
line-height: 152px;
}
}
@media (max-width: 567px) {
nav.fs-192px ul li {
font-size: 134px;
line-height: 146px;
}
}
.lh-12px,
[data-line-height="12px"] {
line-height: 11px;
}
@media screen and (min-width: 1200px) {
.lh-12px,
[data-line-height="12px"] {
line-height: 12px;
}
}
@media (max-width: 767px) {
.lh-12px,
[data-line-height="12px"] {
line-height: 10px;
}
}
@media (max-width: 567px) {
.lh-12px,
[data-line-height="12px"] {
line-height: 9px;
}
}
.lh-13px,
[data-line-height="13px"] {
line-height: 12px;
}
@media screen and (min-width: 1200px) {
.lh-13px,
[data-line-height="13px"] {
line-height: 13px;
}
}
@media (max-width: 767px) {
.lh-13px,
[data-line-height="13px"] {
line-height: 11px;
}
}
@media (max-width: 567px) {
.lh-13px,
[data-line-height="13px"] {
line-height: 10px;
}
}
.lh-14px,
[data-line-height="14px"] {
line-height: 13px;
}
@media screen and (min-width: 1200px) {
.lh-14px,
[data-line-height="14px"] {
line-height: 14px;
}
}
@media (max-width: 767px) {
.lh-14px,
[data-line-height="14px"] {
line-height: 12px;
}
}
@media (max-width: 567px) {
.lh-14px,
[data-line-height="14px"] {
line-height: 11px;
}
}
.lh-15px,
[data-line-height="15px"] {
line-height: 14px;
}
@media screen and (min-width: 1200px) {
.lh-15px,
[data-line-height="15px"] {
line-height: 15px;
}
}
@media (max-width: 767px) {
.lh-15px,
[data-line-height="15px"] {
line-height: 13px;
}
}
@media (max-width: 567px) {
.lh-15px,
[data-line-height="15px"] {
line-height: 12px;
}
}
.lh-16px,
[data-line-height="16px"] {
line-height: 15px;
}
@media screen and (min-width: 1200px) {
.lh-16px,
[data-line-height="16px"] {
line-height: 16px;
}
}
@media (max-width: 767px) {
.lh-16px,
[data-line-height="16px"] {
line-height: 14px;
}
}
@media (max-width: 567px) {
.lh-16px,
[data-line-height="16px"] {
line-height: 13px;
}
}
.lh-17px,
[data-line-height="17px"] {
line-height: 16px;
}
@media screen and (min-width: 1200px) {
.lh-17px,
[data-line-height="17px"] {
line-height: 17px;
}
}
@media (max-width: 767px) {
.lh-17px,
[data-line-height="17px"] {
line-height: 15px;
}
}
@media (max-width: 567px) {
.lh-17px,
[data-line-height="17px"] {
line-height: 14px;
}
}
.lh-18px,
[data-line-height="18px"] {
line-height: 17px;
}
@media screen and (min-width: 1200px) {
.lh-18px,
[data-line-height="18px"] {
line-height: 18px;
}
}
@media (max-width: 767px) {
.lh-18px,
[data-line-height="18px"] {
line-height: 16px;
}
}
@media (max-width: 567px) {
.lh-18px,
[data-line-height="18px"] {
line-height: 15px;
}
}
.lh-20px,
[data-line-height="20px"] {
line-height: 19px;
}
@media screen and (min-width: 1200px) {
.lh-20px,
[data-line-height="20px"] {
line-height: 20px;
}
}
@media (max-width: 767px) {
.lh-20px,
[data-line-height="20px"] {
line-height: 18px;
}
}
@media (max-width: 567px) {
.lh-20px,
[data-line-height="20px"] {
line-height: 16px;
}
}
.lh-22px,
[data-line-height="22px"] {
line-height: 21px;
}
@media screen and (min-width: 1200px) {
.lh-22px,
[data-line-height="22px"] {
line-height: 22px;
}
}
@media (max-width: 767px) {
.lh-22px,
[data-line-height="22px"] {
line-height: 20px;
}
}
@media (max-width: 567px) {
.lh-22px,
[data-line-height="22px"] {
line-height: 17px;
}
}
.lh-24px,
[data-line-height="24px"] {
line-height: 22px;
}
@media screen and (min-width: 1200px) {
.lh-24px,
[data-line-height="24px"] {
line-height: 24px;
}
}
@media (max-width: 767px) {
.lh-24px,
[data-line-height="24px"] {
line-height: 20px;
}
}
@media (max-width: 567px) {
.lh-24px,
[data-line-height="24px"] {
line-height: 18px;
}
}
.lh-26px,
[data-line-height="26px"] {
line-height: 24px;
}
@media screen and (min-width: 1200px) {
.lh-26px,
[data-line-height="26px"] {
line-height: 26px;
}
}
@media (max-width: 767px) {
.lh-26px,
[data-line-height="26px"] {
line-height: 22px;
}
}
@media (max-width: 567px) {
.lh-26px,
[data-line-height="26px"] {
line-height: 19px;
}
}
.lh-28px,
[data-line-height="28px"] {
line-height: 26px;
}
@media screen and (min-width: 1200px) {
.lh-28px,
[data-line-height="28px"] {
line-height: 28px;
}
}
@media (max-width: 767px) {
.lh-28px,
[data-line-height="28px"] {
line-height: 24px;
}
}
@media (max-width: 567px) {
.lh-28px,
[data-line-height="28px"] {
line-height: 20px;
}
}
.lh-30px,
[data-line-height="30px"] {
line-height: 28px;
}
@media screen and (min-width: 1200px) {
.lh-30px,
[data-line-height="30px"] {
line-height: 30px;
}
}
@media (max-width: 767px) {
.lh-30px,
[data-line-height="30px"] {
line-height: 26px;
}
}
@media (max-width: 567px) {
.lh-30px,
[data-line-height="30px"] {
line-height: 21px;
}
}
.lh-32px,
[data-line-height="32px"] {
line-height: 30px;
}
@media screen and (min-width: 1200px) {
.lh-32px,
[data-line-height="32px"] {
line-height: 32px;
}
}
@media (max-width: 767px) {
.lh-32px,
[data-line-height="32px"] {
line-height: 26px;
}
}
@media (max-width: 567px) {
.lh-32px,
[data-line-height="32px"] {
line-height: 22px;
}
}
.lh-34px,
[data-line-height="34px"] {
line-height: 32px;
}
@media screen and (min-width: 1200px) {
.lh-34px,
[data-line-height="34px"] {
line-height: 34px;
}
}
@media (max-width: 767px) {
.lh-34px,
[data-line-height="34px"] {
line-height: 28px;
}
}
@media (max-width: 567px) {
.lh-34px,
[data-line-height="34px"] {
line-height: 23px;
}
}
.lh-36px,
[data-line-height="36px"] {
line-height: 33px;
}
@media screen and (min-width: 1200px) {
.lh-36px,
[data-line-height="36px"] {
line-height: 36px;
}
}
@media (max-width: 767px) {
.lh-36px,
[data-line-height="36px"] {
line-height: 29px;
}
}
@media (max-width: 567px) {
.lh-36px,
[data-line-height="36px"] {
line-height: 24px;
}
}
.lh-38px,
[data-line-height="38px"] {
line-height: 35px;
}
@media screen and (min-width: 1200px) {
.lh-38px,
[data-line-height="38px"] {
line-height: 38px;
}
}
@media (max-width: 767px) {
.lh-38px,
[data-line-height="38px"] {
line-height: 31px;
}
}
@media (max-width: 567px) {
.lh-38px,
[data-line-height="38px"] {
line-height: 25px;
}
}
.lh-40px,
[data-line-height="40px"] {
line-height: 37px;
}
@media screen and (min-width: 1200px) {
.lh-40px,
[data-line-height="40px"] {
line-height: 40px;
}
}
@media (max-width: 767px) {
.lh-40px,
[data-line-height="40px"] {
line-height: 32px;
}
}
@media (max-width: 567px) {
.lh-40px,
[data-line-height="40px"] {
line-height: 26px;
}
}
.lh-42px,
[data-line-height="42px"] {
line-height: 38px;
}
@media screen and (min-width: 1200px) {
.lh-42px,
[data-line-height="42px"] {
line-height: 42px;
}
}
@media (max-width: 767px) {
.lh-42px,
[data-line-height="42px"] {
line-height: 33px;
}
}
@media (max-width: 567px) {
.lh-42px,
[data-line-height="42px"] {
line-height: 27px;
}
}
.lh-44px,
[data-line-height="44px"] {
line-height: 40px;
}
@media screen and (min-width: 1200px) {
.lh-44px,
[data-line-height="44px"] {
line-height: 44px;
}
}
@media (max-width: 767px) {
.lh-44px,
[data-line-height="44px"] {
line-height: 35px;
}
}
@media (max-width: 567px) {
.lh-44px,
[data-line-height="44px"] {
line-height: 28px;
}
}
.lh-46px,
[data-line-height="46px"] {
line-height: 42px;
}
@media screen and (min-width: 1200px) {
.lh-46px,
[data-line-height="46px"] {
line-height: 46px;
}
}
@media (max-width: 767px) {
.lh-46px,
[data-line-height="46px"] {
line-height: 37px;
}
}
@media (max-width: 567px) {
.lh-46px,
[data-line-height="46px"] {
line-height: 29px;
}
}
.lh-48px,
[data-line-height="48px"] {
line-height: 44px;
}
@media screen and (min-width: 1200px) {
.lh-48px,
[data-line-height="48px"] {
line-height: 48px;
}
}
@media (max-width: 767px) {
.lh-48px,
[data-line-height="48px"] {
line-height: 38px;
}
}
@media (max-width: 567px) {
.lh-48px,
[data-line-height="48px"] {
line-height: 30px;
}
}
.lh-50px,
[data-line-height="50px"] {
line-height: 46px;
}
@media screen and (min-width: 1200px) {
.lh-50px,
[data-line-height="50px"] {
line-height: 50px;
}
}
@media (max-width: 767px) {
.lh-50px,
[data-line-height="50px"] {
line-height: 40px;
}
}
@media (max-width: 567px) {
.lh-50px,
[data-line-height="50px"] {
line-height: 31px;
}
}
.lh-52px,
[data-line-height="52px"] {
line-height: 48px;
}
@media screen and (min-width: 1200px) {
.lh-52px,
[data-line-height="52px"] {
line-height: 52px;
}
}
@media (max-width: 767px) {
.lh-52px,
[data-line-height="52px"] {
line-height: 41px;
}
}
@media (max-width: 567px) {
.lh-52px,
[data-line-height="52px"] {
line-height: 33px;
}
}
.lh-54px,
[data-line-height="54px"] {
line-height: 50px;
}
@media screen and (min-width: 1200px) {
.lh-54px,
[data-line-height="54px"] {
line-height: 54px;
}
}
@media (max-width: 767px) {
.lh-54px,
[data-line-height="54px"] {
line-height: 42px;
}
}
@media (max-width: 567px) {
.lh-54px,
[data-line-height="54px"] {
line-height: 34px;
}
}
.lh-56px,
[data-line-height="56px"] {
line-height: 52px;
}
@media screen and (min-width: 1200px) {
.lh-56px,
[data-line-height="56px"] {
line-height: 56px;
}
}
@media (max-width: 767px) {
.lh-56px,
[data-line-height="56px"] {
line-height: 44px;
}
}
@media (max-width: 567px) {
.lh-56px,
[data-line-height="56px"] {
line-height: 35px;
}
}
.lh-58px,
[data-line-height="58px"] {
line-height: 54px;
}
@media screen and (min-width: 1200px) {
.lh-58px,
[data-line-height="58px"] {
line-height: 58px;
}
}
@media (max-width: 767px) {
.lh-58px,
[data-line-height="58px"] {
line-height: 45px;
}
}
@media (max-width: 567px) {
.lh-58px,
[data-line-height="58px"] {
line-height: 37px;
}
}
.lh-60px,
[data-line-height="60px"] {
line-height: 56px;
}
@media screen and (min-width: 1200px) {
.lh-60px,
[data-line-height="60px"] {
line-height: 60px;
}
}
@media (max-width: 767px) {
.lh-60px,
[data-line-height="60px"] {
line-height: 46px;
}
}
@media (max-width: 567px) {
.lh-60px,
[data-line-height="60px"] {
line-height: 38px;
}
}
.lh-72px,
[data-line-height="72px"] {
line-height: 66px;
}
@media screen and (min-width: 1200px) {
.lh-72px,
[data-line-height="72px"] {
line-height: 72px;
}
}
@media (max-width: 767px) {
.lh-72px,
[data-line-height="72px"] {
line-height: 54px;
}
}
@media (max-width: 567px) {
.lh-72px,
[data-line-height="72px"] {
line-height: 46px;
}
}
.lh-84px,
[data-line-height="84px"] {
line-height: 76px;
}
@media screen and (min-width: 1200px) {
.lh-84px,
[data-line-height="84px"] {
line-height: 84px;
}
}
@media (max-width: 767px) {
.lh-84px,
[data-line-height="84px"] {
line-height: 62px;
}
}
@media (max-width: 567px) {
.lh-84px,
[data-line-height="84px"] {
line-height: 54px;
}
}
.lh-96px,
[data-line-height="96px"] {
line-height: 86px;
}
@media screen and (min-width: 1200px) {
.lh-96px,
[data-line-height="96px"] {
line-height: 96px;
}
}
@media (max-width: 767px) {
.lh-96px,
[data-line-height="96px"] {
line-height: 70px;
}
}
@media (max-width: 567px) {
.lh-96px,
[data-line-height="96px"] {
line-height: 62px;
}
}
.lh-108px,
[data-line-height="108px"] {
line-height: 98px;
}
@media screen and (min-width: 1200px) {
.lh-108px,
[data-line-height="108px"] {
line-height: 108px;
}
}
@media (max-width: 767px) {
.lh-108px,
[data-line-height="108px"] {
line-height: 82px;
}
}
@media (max-width: 567px) {
.lh-108px,
[data-line-height="108px"] {
line-height: 74px;
}
}
.lh-132px,
[data-line-height="132px"] {
line-height: 118px;
}
@media screen and (min-width: 1200px) {
.lh-132px,
[data-line-height="132px"] {
line-height: 132px;
}
}
@media (max-width: 767px) {
.lh-132px,
[data-line-height="132px"] {
line-height: 98px;
}
}
@media (max-width: 567px) {
.lh-132px,
[data-line-height="132px"] {
line-height: 92px;
}
}
.lh-156px,
[data-line-height="156px"] {
line-height: 138px;
}
@media screen and (min-width: 1200px) {
.lh-156px,
[data-line-height="156px"] {
line-height: 156px;
}
}
@media (max-width: 767px) {
.lh-156px,
[data-line-height="156px"] {
line-height: 116px;
}
}
@media (max-width: 567px) {
.lh-156px,
[data-line-height="156px"] {
line-height: 110px;
}
}
.lh-180px,
[data-line-height="180px"] {
line-height: 158px;
}
@media screen and (min-width: 1200px) {
.lh-180px,
[data-line-height="180px"] {
line-height: 180px;
}
}
@media (max-width: 767px) {
.lh-180px,
[data-line-height="180px"] {
line-height: 134px;
}
}
@media (max-width: 567px) {
.lh-180px,
[data-line-height="180px"] {
line-height: 128px;
}
}
.lh-204px,
[data-line-height="204px"] {
line-height: 178px;
}
@media screen and (min-width: 1200px) {
.lh-204px,
[data-line-height="204px"] {
line-height: 204px;
}
}
@media (max-width: 767px) {
.lh-204px,
[data-line-height="204px"] {
line-height: 152px;
}
}
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background-color: #1573dd;
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 5px;
}
.mejs-container {
display: block !important;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #fff !important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: silver !important;
}
header {
left: 0;
right: 0;
position: fixed;
min-height: 50px;
z-index: 105;
}
@media (max-width: 767px) {
header {
top: 0 !important;
position: absolute;
}
#navbar .nav-wrapper {
width: 100%;
}
}
#navbar-bg {
background: #f9f9f9;
width: 100%;
position: absolute;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
#navbar,
#navbar .navbar-inner {
position: relative;
}
#navbar {
transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
#navbar .nav-wrapper {
position: absolute;
right: 0;
top: 0;
}
#navbar .fluid-container {
position: absolute;
left: 40px;
right: 40px;
}
@media (max-width: 767px) {
#navbar .fluid-container {
width: 80%;
margin-left: 10%;
left: 0 !important;
right: 0 !important;
}
}
@media (max-width: 567px) {
.lh-204px,
[data-line-height="204px"] {
line-height: 146px;
}
#navbar .fluid-container {
width: 90%;
margin-left: 5%;
}
}
#navbar .logo {
display: inline-block;
}
#navbar .logo h1 {
font-size: 24px !important;
margin-bottom: 0;
letter-spacing: -1px;
}
#navbar .logo a.has-logo {
display: inline-block;
font-size: 0;
}
#navbar .logo a:hover {
opacity: 0.4;
}
#navbar .logo svg {
transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
#navbar .fluid-twenty #logo,
#navbar .twenty #logo {
padding-top: 20px;
}
#navbar .fluid-fourty #logo,
#navbar .fourty #logo {
padding-top: 40px;
}
#navbar .fluid-logo {
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
#navbar .fluid-logo {
padding: 0;
}
#navbar .controls {
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
}
}
#navbar .controls a {
right: 0;
float: right;
line-height: 0;
font-size: 0;
cursor: pointer;
padding: 0 10px;
box-sizing: content-box;
}
#navbar .controls a span {
display: block;
}
#navbar .controls a.close-nav,
#navbar .controls a.open-nav {
width: 24px;
}
#navbar .controls a.close-nav .nav-icon,
#navbar .controls a.open-nav .nav-icon {
margin-top: 35px;
background: #000;
height: 2px !important;
width: 24px;
position: absolute;
transform: translateY(-50%);
}
#navbar .controls a.close-nav .nav-icon::after,
#navbar .controls a.close-nav .nav-icon::before,
#navbar .controls a.open-nav .nav-icon::after,
#navbar .controls a.open-nav .nav-icon::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: inherit;
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
}
#navbar .controls a.close-nav .nav-icon::before,
#navbar .controls a.open-nav .nav-icon::before {
-moz-transform: translateY(-6px);
-o-transform: translateY(-6px);
-ms-transform: translateY(-6px);
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
#navbar .controls a.close-nav .nav-icon::after,
#navbar .controls a.open-nav .nav-icon::after {
-moz-transform: translateY(6px);
-o-transform: translateY(6px);
-ms-transform: translateY(6px);
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
#navbar .controls a.close-nav .nav-icon {
visibility: hidden;
}
#navbar .controls a.close-nav .nav-icon::before {
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
visibility: visible;
}
#navbar .controls a.close-nav .nav-icon::after {
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
visibility: visible;
}
#navbar .controls a.open-nav:hover .nav-icon::before {
-moz-transform: translateY(-8px);
-o-transform: translateY(-8px);
-ms-transform: translateY(-8px);
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
#navbar .controls a.open-nav:hover .nav-icon::after {
-moz-transform: translateY(8px);
-o-transform: translateY(8px);
-ms-transform: translateY(8px);
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
#navbar .controls a.close-nav:hover,
#navbar .controls a.open-nav:hover {
opacity: 1 !important;
}
@media (min-width: 768px) and (max-width: 979px) {
#navbar .controls a.project-panel-button {
margin: 0 !important;
}
}
@media (max-width: 767px) {
#navbar .controls a.project-panel-button {
margin: 0 !important;
}
#navbar .controls a.standard {
display: none;
}
}
#navbar .controls .responsive-first,
#navbar .controls a:first-child {
margin-right: -10px;
}
#navbar .controls a:last-child {
padding-left: 40px;
}
#navbar .controls .project-panel-button:hover,
#navbar .controls a:hover {
opacity: 0.4 !important;
}
#navbar .controls .ios-no-hover {
opacity: 1 !important;
}
#navbar .controls a.responsive {
display: none;
}
@media (max-width: 767px) {
#navbar .controls a.responsive {
display: block;
}
}
#navbar .controls a.thumb-nav {
width: 15px;
margin-right: 0;
}
#navbar .controls span.close {
display: none;
fill: #000;
}
#navbar .controls svg {
transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
height: 24px;
}
#navbar .controls .menu-responsive {
display: none;
}
@media (min-width: 768px) and (max-width: 979px) {
#navbar .controls .menu-responsive {
display: block;
}
}
#navbar .fluid-menu {
position: absolute;
right: 0;
}
#navbar .fluid-nav-center {
width: 100%;
}
#navbar .fluid-nav-center nav.standard {
text-align: center;
float: none;
}
#navbar .fluid-nav-center nav.standard ul {
margin: 0;
}
#navbar .fluid-nav-center div.controls {
right: 0;
position: absolute;
top: 0;
}
#fullscreen-menu {
width: 100%;
top: 0;
left: 0;
background: #fff;
position: fixed;
opacity: 0;
z-index: -1;
max-height: 100%;
}
#fullscreen-menu .menu-inner nav {
font-size: 25px;
line-height: 25px;
padding: 40px 0;
}
@media screen and (min-width: 1200px) {
#fullscreen-menu .menu-inner nav {
font-size: 26px;
line-height: 26px;
}
}
@media (max-width: 767px) {
#navbar .controls .menu-responsive {
display: block;
}
#navbar .fluid-menu {
width: 100%;
}
#fullscreen-menu .menu-inner nav {
font-size: 24px;
line-height: 24px;
}
#fullscreen-menu .menu-inner nav .left li a {
left: 10% !important;
}
}
#fullscreen-menu .menu-inner nav ul {
margin-left: 0;
margin-bottom: 0 !important;
border-left: none !important;
}
#fullscreen-menu .menu-inner nav ul li {
text-align: center;
list-style: none !important;
border-bottom: 0;
padding: 10px 0;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
#fullscreen-menu .menu-inner nav ul li a {
cursor: pointer;
color: #aaa;
letter-spacing: 1px;
display: inline-block;
}
#fullscreen-menu .menu-inner nav ul li a:hover,
#fullscreen-menu .menu-inner nav ul li.current-menu-item a,
.is-work #fullscreen-menu li.current-menu-item a,
.is-work #fullscreen-menu li.portfolio-grid a {
color: #000;
}
#fullscreen-menu .menu-inner nav .fluid-menu-container li a {
position: relative;
}
@media (max-width: 767px) {
#fullscreen-menu .menu-inner nav .right li a {
right: 10% !important;
}
}
@media (max-width: 567px) {
#fullscreen-menu .menu-inner nav {
font-size: 23px;
line-height: 23px;
}
#fullscreen-menu .menu-inner nav .left li a {
left: 5% !important;
}
#fullscreen-menu .menu-inner nav .right li a {
right: 5% !important;
}
}
#fullscreen-menu .menu-inner .align-top {
transform: translate(0, 0) !important;
-webkit-transform: translate(0, 0) !important;
position: relative;
top: 0;
margin-top: 70px !important;
}
#fullscreen-menu .menu-inner .follow-links {
border-top: 1px transparent;
}
#fullscreen-menu .menu-inner .follow-links ul {
width: 100%;
margin: 0 !important;
display: inline-block;
text-align: center;
font-size: 0;
}
#fullscreen-menu .menu-inner .follow-links ul li {
display: inline-block;
}
#fullscreen-menu .menu-inner .follow-links ul li a {
cursor: pointer;
padding: 5px 10px;
display: block;
font-size: 0;
}
#fullscreen-menu .menu-inner .follow-links ul li a svg {
fill: #aaa;
height: 20px;
width: 28px;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
margin-top: 19px;
}
#fullscreen-menu .menu-inner .follow-links ul li a:hover svg {
fill: #000;
}
#fullscreen-menu .menu-inner .no-align {
position: relative;
bottom: auto;
}
.standard-height .menu-inner nav {
margin-top: 70px !important;
}
.full-height .menu-inner nav ul li {
transform: translate(0, 30px);
-webkit-transform: translate(0, 30px);
opacity: 0;
}
body.open-nav {
overflow-y: hidden;
}
body.open-nav #fullscreen-menu {
overflow-y: scroll;
}
nav.standard {
float: left;
font-size: 0;
}
@media (min-width: 768px) and (max-width: 979px) {
#fullscreen-menu .menu-inner .follow-links ul li a svg {
height: 18px;
}
nav.standard {
display: none;
}
}
@media (max-width: 767px) {
#fullscreen-menu .menu-inner .follow-links ul li a svg {
height: 16px;
}
nav.standard {
display: none;
}
}
nav.standard ul li {
display: inline-block;
}
nav.standard ul li a {
display: block;
font-size: 16px;
color: #888;
padding: 0 25px;
}
nav.standard ul li a:hover,
nav.standard ul li.current-menu-item a,
nav.standard ul li.current_page_item a {
color: #000;
}
.fullscreen-cover {
width: 100%;
height: 100%;
background-color: #fff;
overflow: hidden;
opacity: 0;
position: relative;
}
.fullscreen-cover .cover-image,
.fullscreen-cover .cover-video-responsive,
.fullscreen-cover .cover-zoom {
text-align: center;
width: 100%;
bottom: 0;
line-height: 0;
overflow: hidden;
height: 100%;
background-repeat: no-repeat;
background-attachment: scroll;
will-change: transform;
}
.fullscreen-cover [data-image-zoom="zoom"] {
transform-origin: 50% 80%;
animation: imageZoom linear 50s;
animation-iteration-count: infinite;
-webkit-animation: imageZoom linear 50s;
-webkit-animation-iteration-count: infinite;
-moz-animation: imageZoom linear 50s;
-moz-animation-iteration-count: infinite;
-ms-animation: imageZoom linear 50s;
-ms-animation-iteration-count: infinite;
}
@keyframes imageZoom {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.24);
}
}
@-moz-keyframes imageZoom {
0%,
100% {
-moz-transform: scale(1);
}
50% {
-moz-transform: scale(1.24);
}
}
@-webkit-keyframes imageZoom {
0%,
100% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.24);
}
}
@-ms-keyframes imageZoom {
.fullscreen-cover 0% {
-ms-transform: scale(1);
}
.fullscreen-cover 50% {
-ms-transform: scale(1.24);
}
.fullscreen-cover 100% {
-ms-transform: scale(1);
}
}
.fullscreen-cover .cover-video-responsive {
background-size: cover;
display: block;
}
.fullscreen-cover .cover-video,
.fullscreen-cover .video-fadein {
position: absolute;
top: 0;
overflow: hidden;
background: 0 0;
font-size: 0;
line-height: 0;
}
.fullscreen-cover .video-fadein {
background-color: #fff;
opacity: 1;
width: 100%;
height: 100%;
z-index: 2;
}
@media screen and (min-width: 1200px) {
.fullscreen-cover .cover-video-responsive {
display: none;
}
}
.fullscreen-cover a .title h1:hover {
opacity: 0.5;
}
.fullscreen-cover .cover-headline {
opacity: 0;
position: absolute;
margin-bottom: 96px;
z-index: 1;
max-width: 100%;
transition: all 0s linear;
-moz-transition: all 0s linear;
-webkit-transition: all 0s linear;
-o-transition: all 0s linear;
}
@media (min-width: 768px) and (max-width: 979px) {
.fullscreen-cover .cover-headline {
margin-bottom: 64px;
}
}
@media (max-width: 767px) {
.fullscreen-cover .cover-headline {
margin-bottom: 64px;
width: 80%;
}
}
@media (max-width: 567px) {
.fullscreen-cover .cover-headline {
margin-bottom: 32px;
width: 90%;
}
}
.fullscreen-cover .cover-headline h1 {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
margin-bottom: 0 !important;
}
.fullscreen-cover .cover-headline .headline-image {
max-width: 100%;
}
.fullscreen-cover .format-image .middle {
margin-bottom: 0;
margin-top: 0;
}
.fullscreen-cover .title-top,
.fullscreen-cover .top,
.fullscreen-cover .top-fs {
display: block;
margin-top: 96px;
}
@media (max-width: 767px) {
.fullscreen-cover .title-top,
.fullscreen-cover .top,
.fullscreen-cover .top-fs {
margin-top: 64px;
}
}
.fullscreen-cover .meta-foot {
position: absolute;
bottom: 20px;
z-index: 10;
color: #fff;
}
.fullscreen-cover .see-more {
cursor: pointer;
height: 20px;
position: absolute;
bottom: 32px;
width: 100%;
z-index: 105;
}
@media (max-width: 767px) {
.fullscreen-cover .see-more {
bottom: 16px !important;
}
}
.fullscreen-cover .see-more .icon {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
width: 100%;
position: absolute;
text-align: center;
}
@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
.vertical-slider #cover-slider .cover-zoom {
position: fixed;
bottom: inherit;
}
.horizontal-slider #cover-slider [data-image-zoom="zoom"] {
transform-origin: 0 0;
animation: none;
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
}
#cover-slider .cover-video {
position: fixed;
top: inherit;
}
}
.cover-link,
.overlay {
width: 100%;
height: 100%;
top: 0;
}
#cover-slider .cover-image {
will-change: inherit;
}
.cover-link {
position: absolute;
z-index: 100;
}
#intro-text,
.empty-portfolio {
padding: 64px 0;
}
#intro-text p:last-child,
.pd-home {
margin-bottom: 0 !important;
}
.to-the-top {
position: fixed;
right: 40px;
bottom: 40px;
z-index: 2000;
display: none;
}
.to-the-top a {
display: block;
padding: 10px;
cursor: pointer;
}
.to-the-top a svg {
fill: #b2b2b2;
}
.to-the-top a:hover {
transform: scale(1.15);
-ms-transform: scale(1.15);
-webkit-transform: scale(1.15);
}
.overlay {
display: none;
position: absolute;
background: #000;
opacity: 0;
z-index: 100;
cursor: pointer;
}
.thumbs-mobile {
width: 25%;
height: 500px;
}
section#thumbnails {
padding-top: 0 !important;
}
section#thumbnails .fwt {
overflow: hidden;
opacity: 0;
position: relative;
width: 100%;
height: 522px;
background-size: cover;
border-bottom: 1px solid #e6e6e6;
transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
@media screen and (min-width: 1200px) {
section#thumbnails .fwt {
background-size: auto;
height: 650px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.fullscreen-cover .title-top,
.fullscreen-cover .top,
.fullscreen-cover .top-fs {
margin-top: 64px;
}
section#thumbnails .fwt {
height: 402px;
}
}
@media (max-width: 767px) {
.to-the-top {
bottom: 16px;
right: 16px;
}
section#thumbnails .fwt {
height: 324px;
}
}
@media (max-width: 567px) {
.fullscreen-cover .title-top,
.fullscreen-cover .top,
.fullscreen-cover .top-fs {
margin-top: 32px;
}
section#thumbnails .fwt {
height: 180px;
}
}
section#thumbnails .fwt .fwt-solo-img {
height: 522px;
position: relative;
}
@media screen and (min-width: 1200px) {
section#thumbnails .fwt .fwt-solo-img {
height: 650px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
section#thumbnails .fwt .fwt-solo-img {
height: 402px;
}
}
@media (max-width: 767px) {
section#thumbnails .fwt .fwt-solo-img {
height: 324px;
}
section#thumbnails .fwt .fwt-inner {
width: 80%;
}
}
@media (max-width: 567px) {
section#thumbnails .fwt .fwt-solo-img {
height: 180px;
}
section#thumbnails .fwt .fwt-inner {
width: 90%;
}
}
section#thumbnails .fwt .fwt-solo-img img {
max-width: 100%;
height: auto;
}
section#thumbnails .fwt .fwt-inner {
position: absolute;
}
section#thumbnails .fwt h2 {
padding-top: 64px;
padding-bottom: 0;
margin-bottom: 0 !important;
color: #000;
}
section#thumbnails .fwt p {
color: #aaa;
margin-top: -2px;
}
@media (max-width: 767px) {
section#thumbnails .fwt h2 {
padding-top: 32px;
}
section#thumbnails #thumb-grid {
width: 80%;
margin-left: 10%;
overflow: hidden;
position: absolute;
}
}
@media (max-width: 567px) {
section#thumbnails .fwt h2 {
padding-top: 32px;
}
section#thumbnails #thumb-grid {
width: 90%;
margin-left: 5%;
position: absolute;
overflow: hidden;
}
}
section#thumbnails .thumb {
overflow: hidden;
margin-bottom: 20px;
margin-left: 0;
opacity: 0;
}
section#thumbnails .thumb .thumb-inner {
position: relative;
font-size: 0;
line-height: 0;
}
section#thumbnails .thumb .thumb-inner .thumb-hover {
opacity: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.9);
width: 100%;
height: 100%;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
section#thumbnails .thumb .thumb-inner .thumb-hover h3 {
color: #fff;
text-align: left;
padding: 32px;
margin: 0 !important;
position: absolute;
width: 100%;
}
section#thumbnails .thumb .thumb-inner .thumb-hover h3 span {
color: #aaa;
display: block;
margin-top: 8px;
}
@media screen and (min-width: 1200px) {
section#thumbnails .thumb {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
section#thumbnails .thumb {
margin-bottom: 5%;
width: 47.5%;
}
}
@media (max-width: 567px) {
section#thumbnails .thumb {
margin-bottom: 5%;
width: 100%;
}
}
section#thumbnails .thumb img {
width: 100%;
height: auto;
}
section#thumbnails .thumb h3.thumb-title {
color: #000;
font-size: 15px;
line-height: 27px;
line-height: 22px;
margin-bottom: 0 !important;
text-align: center;
margin-top: 10px;
}
@media screen and (min-width: 1200px) {
section#thumbnails .thumb h3.thumb-title {
font-size: 16px;
line-height: 28px;
}
}
@media (max-width: 767px) {
section#thumbnails .thumb h3.thumb-title {
font-size: 14px;
line-height: 26px;
}
}
@media (max-width: 567px) {
section#thumbnails .thumb h3.thumb-title {
font-size: 13px;
line-height: 25px;
}
}
@media screen and (min-width: 1200px) {
section#thumbnails .thumb h3.thumb-title {
line-height: 24px;
}
}
@media (max-width: 767px) {
section#thumbnails .thumb h3.thumb-title {
line-height: 20px;
}
}
@media (max-width: 567px) {
section#thumbnails .thumb h3.thumb-title {
line-height: 18px;
}
}
section#thumbnails .thumb h3.thumb-title span {
color: #aaa;
font-size: 13px;
line-height: 23px;
display: block;
}
@media screen and (min-width: 1200px) {
section#thumbnails .thumb h3.thumb-title span {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 767px) {
section#thumbnails .thumb h3.thumb-title span {
font-size: 12px;
line-height: 22px;
}
}
@media (max-width: 567px) {
section#thumbnails .thumb h3.thumb-title span {
font-size: 11px;
line-height: 21px;
}
}
section#thumbnails .thumb-inner:hover .thumb-hover {
opacity: 1;
}
.description h1:last-child,
.description h2:last-child,
.description h3:last-child,
.description h4:last-child,
.description h5:last-child,
.description h6:last-child,
.wysiwyg h1:last-child,
.wysiwyg h2:last-child,
.wysiwyg h3:last-child,
.wysiwyg h4:last-child,
.wysiwyg h5:last-child,
.wysiwyg h6:last-child,
.wysiwyg-ce h1:last-child,
.wysiwyg-ce h2:last-child,
.wysiwyg-ce h3:last-child,
.wysiwyg-ce h4:last-child,
.wysiwyg-ce h5:last-child,
.wysiwyg-ce h6:last-child {
margin: 0;
}
.description p,
.wysiwyg p,
.wysiwyg-ce p {
margin-bottom: 32px;
word-wrap: break-word;
}
.description p:last-child,
.wysiwyg p:last-child,
.wysiwyg-ce p:last-child {
margin: 0;
}
.description ol:last-child,
.description ul:last-child,
.wysiwyg ol:last-child,
.wysiwyg ul:last-child,
.wysiwyg-ce ol:last-child,
.wysiwyg-ce ul:last-child {
margin-bottom: 0;
}
.description blockquote,
.wysiwyg blockquote,
.wysiwyg-ce blockquote {
margin-bottom: 32px;
border-left: 3px solid #e6e6e6;
padding-left: 32px;
}
.description blockquote p,
.wysiwyg blockquote p,
.wysiwyg-ce blockquote p {
color: #888;
}
.description a.more-link,
.wysiwyg a.more-link,
.wysiwyg-ce a.more-link {
padding: 8px 12px;
color: #acacac;
border: 1px solid #e6e6e6;
font-size: 13px;
line-height: 23px;
letter-spacing: 1px;
text-transform: uppercase;
}
@media screen and (min-width: 1200px) {
.description a.more-link,
.wysiwyg a.more-link,
.wysiwyg-ce a.more-link {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.description a.more-link,
.wysiwyg a.more-link,
.wysiwyg-ce a.more-link {
font-size: 12px;
line-height: 22px;
}
}
@media (max-width: 567px) {
.description a.more-link,
.wysiwyg a.more-link,
.wysiwyg-ce a.more-link {
font-size: 11px;
line-height: 21px;
}
}
.description a.more-link:hover,
.wysiwyg a.more-link:hover,
.wysiwyg-ce a.more-link:hover {
color: #888;
border: 1px solid #aaa;
}
.description img,
.wysiwyg img,
.wysiwyg-ce img {
max-width: 100%;
height: auto;
}
.description .alignleft,
.wysiwyg .alignleft,
.wysiwyg-ce .alignleft {
float: left;
margin: 8px 32px 32px 0;
}
.description .aligncenter,
.wysiwyg .aligncenter,
.wysiwyg-ce .aligncenter {
display: block;
float: none;
margin-left: auto !important;
margin-right: auto !important;
}
.description .alignright,
.wysiwyg .alignright,
.wysiwyg-ce .alignright {
float: right;
margin: 8px 0 32px 32px;
}
.description .wp-caption,
.wysiwyg .wp-caption,
.wysiwyg-ce .wp-caption {
max-width: 100%;
text-align: center;
font-style: italic;
margin-bottom: 32px !important;
font-size: 13px;
line-height: 23px;
}
@media screen and (min-width: 1200px) {
.description .wp-caption,
.wysiwyg .wp-caption,
.wysiwyg-ce .wp-caption {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.description .wp-caption,
.wysiwyg .wp-caption,
.wysiwyg-ce .wp-caption {
font-size: 12px;
line-height: 22px;
}
}
@media (max-width: 567px) {
.description .wp-caption,
.wysiwyg .wp-caption,
.wysiwyg-ce .wp-caption {
font-size: 11px;
line-height: 21px;
}
}
.description .wp-caption-text,
.wysiwyg .wp-caption-text,
.wysiwyg-ce .wp-caption-text {
opacity: 0.6;
}
.description audio,
.description video,
.wysiwyg audio,
.wysiwyg video,
.wysiwyg-ce audio,
.wysiwyg-ce video {
max-width: 100%;
}
.description .mejs-container,
.wysiwyg .mejs-container,
.wysiwyg-ce .mejs-container {
margin-bottom: 32px;
}
.description pre,
.wysiwyg pre,
.wysiwyg-ce pre {
border: 1px solid #e6e6e6;
color: #333;
font-size: 15px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre-wrap;
word-wrap: break-word;
line-height: 26px;
}
.search-form .search-field,
form#commentform input,
form#commentform textarea {
font-family: "Open Sans", Arial, sans-serif;
-webkit-appearance: none;
}
@media screen and (min-width: 1200px) {
.description pre,
.wysiwyg pre,
.wysiwyg-ce pre {
font-size: 16px;
line-height: 28px;
}
}
@media (max-width: 767px) {
.description pre,
.wysiwyg pre,
.wysiwyg-ce pre {
font-size: 14px;
line-height: 26px;
}
}
@media (max-width: 567px) {
.description pre,
.wysiwyg pre,
.wysiwyg-ce pre {
font-size: 13px;
line-height: 25px;
}
}
.description fontsize,
.description lineheight,
.wysiwyg fontsize,
.wysiwyg lineheight,
.wysiwyg-ce fontsize,
.wysiwyg-ce lineheight {
display: inline-block;
}
.description table,
.wysiwyg table,
.wysiwyg-ce table {
border-collapse: separate;
border-color: #e6e6e6;
border-image: none;
border-radius: 4px;
border-style: solid solid solid none;
border-width: 1px 1px 1px 0;
margin-bottom: 32px;
width: 100%;
}
.description table td,
.description table th,
.wysiwyg table td,
.wysiwyg table th,
.wysiwyg-ce table td,
.wysiwyg-ce table th {
border-left: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
line-height: 18px;
padding: 8px;
text-align: left;
vertical-align: top;
}
.description table tbody:first-child tr:first-child td,
.description table tbody:first-child tr:first-child th,
.description table thead:first-child tr:first-child th,
.wysiwyg table tbody:first-child tr:first-child td,
.wysiwyg table tbody:first-child tr:first-child th,
.wysiwyg table thead:first-child tr:first-child th,
.wysiwyg-ce table tbody:first-child tr:first-child td,
.wysiwyg-ce table tbody:first-child tr:first-child th,
.wysiwyg-ce table thead:first-child tr:first-child th {
border-top: 0 none;
}
.description table tbody:first-child tr:first-child td:first-child,
.description table thead:first-child tr:first-child th:first-child,
.wysiwyg table tbody:first-child tr:first-child td:first-child,
.wysiwyg table thead:first-child tr:first-child th:first-child,
.wysiwyg-ce table tbody:first-child tr:first-child td:first-child,
.wysiwyg-ce table thead:first-child tr:first-child th:first-child {
border-radius: 4px 0 0;
}
.description table tbody:first-child tr:first-child td:last-child,
.description table thead:first-child tr:first-child th:last-child,
.wysiwyg table tbody:first-child tr:first-child td:last-child,
.wysiwyg table thead:first-child tr:first-child th:last-child,
.wysiwyg-ce table tbody:first-child tr:first-child td:last-child,
.wysiwyg-ce table thead:first-child tr:first-child th:last-child {
border-radius: 0 4px 0 0;
}
.description table tbody:last-child tr:last-child td:first-child,
.description table thead:last-child tr:last-child th:first-child,
.wysiwyg table tbody:last-child tr:last-child td:first-child,
.wysiwyg table thead:last-child tr:last-child th:first-child,
.wysiwyg-ce table tbody:last-child tr:last-child td:first-child,
.wysiwyg-ce table thead:last-child tr:last-child th:first-child {
border-radius: 0 0 0 4px;
}
.description table tbody:last-child tr:last-child td:last-child,
.description table thead:last-child tr:last-child th:last-child,
.wysiwyg table tbody:last-child tr:last-child td:last-child,
.wysiwyg table thead:last-child tr:last-child th:last-child,
.wysiwyg-ce table tbody:last-child tr:last-child td:last-child,
.wysiwyg-ce table thead:last-child tr:last-child th:last-child {
border-radius: 0 0 4px;
}
.description table:last-child,
.wysiwyg table:last-child,
.wysiwyg-ce table:last-child {
margin-bottom: 0;
}
#blog {
opacity: 0;
}
#blog,
#page-content {
padding-top: 96px;
}
@media (max-width: 767px) {
#blog,
#page-content {
padding-top: 64px;
}
}
#page-content .featured,
.blog-post .featured {
text-align: center;
margin-bottom: 64px;
}
@media (max-width: 767px) {
#page-content .featured,
.blog-post .featured {
margin-bottom: 32px;
}
}
#page-content .featured img,
.blog-post .featured img {
height: auto;
}
@media (min-width: 978px) and (max-width: 1199px) {
#page-content .featured img,
.blog-post .featured img {
margin: 0 !important;
max-width: 100%;
}
}
@media screen and (min-width: 1200px) {
#page-content .featured img,
.blog-post .featured img {
width: auto;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#page-content .featured img,
.blog-post .featured img {
max-width: 100%;
margin: 0 !important;
}
}
@media (max-width: 767px) {
#page-content .featured img,
.blog-post .featured img {
width: 100%;
margin: 0 !important;
}
}
@media (max-width: 567px) {
#blog,
#page-content {
padding-top: 32px;
}
#page-content .featured img,
.blog-post .featured img {
width: 100%;
margin: 0 !important;
}
}
#page-content #post .meta p,
#page-content #post .post-heading p,
.blog-post #post .meta p,
.blog-post #post .post-heading p {
margin-left: 2px;
font-size: 14px;
line-height: 25px;
color: #a0a0a0;
margin-bottom: 0;
}
#page-content #post .meta p.no-margin,
#page-content #post .no-content h2,
#page-content #post .post-heading p.no-margin,
.blog-post #post .meta p.no-margin,
.blog-post #post .no-content h2,
.blog-post #post .post-heading p.no-margin,
p.link-post,
p.quote {
margin-bottom: 0 !important;
}
@media screen and (min-width: 1200px) {
#page-content #post .meta p,
#page-content #post .post-heading p,
.blog-post #post .meta p,
.blog-post #post .post-heading p {
font-size: 15px;
line-height: 26px;
}
}
@media (max-width: 767px) {
#page-content #post .meta p,
#page-content #post .post-heading p,
.blog-post #post .meta p,
.blog-post #post .post-heading p {
font-size: 13px;
line-height: 24px;
}
}
@media (max-width: 567px) {
#page-content #post .meta p,
#page-content #post .post-heading p,
.blog-post #post .meta p,
.blog-post #post .post-heading p {
font-size: 12px;
line-height: 23px;
}
}
#page-content #post .meta p a,
#page-content #post .post-heading p a,
.blog-post #post .meta p a,
.blog-post #post .post-heading p a {
color: #a0a0a0;
}
#page-content #post .meta h2 a,
#page-content #post .meta p a:hover,
#page-content #post .post-heading h2 a,
#page-content #post .post-heading p a:hover,
.blog-post #post .meta h2 a,
.blog-post #post .meta p a:hover,
.blog-post #post .post-heading h2 a,
.blog-post #post .post-heading p a:hover {
color: #000;
}
#page-content #post .meta h2 a:hover,
#page-content #post .post-heading h2 a:hover,
.blog-post #post .meta h2 a:hover,
.blog-post #post .post-heading h2 a:hover {
opacity: 0.5;
}
#page-content #post .meta,
.blog-post #post .meta {
margin-top: 32px;
}
#page-content #post .meta .share,
.blog-post #post .meta .share {
padding-right: 10px;
float: left;
}
#page-content #post .meta p,
.blog-post #post .meta p {
font-size: 17px;
line-height: 31px;
}
@media screen and (min-width: 1200px) {
#page-content #post .meta p,
.blog-post #post .meta p {
font-size: 18px;
line-height: 32px;
}
}
@media (max-width: 767px) {
#page-content #post .meta p,
.blog-post #post .meta p {
font-size: 16px;
line-height: 30px;
}
}
@media (max-width: 567px) {
#page-content #post .meta p,
.blog-post #post .meta p {
font-size: 15px;
line-height: 29px;
}
}
#page-content #post .meta p span,
.blog-post #post .meta p span {
color: #333;
}
p.link-post,
p.quote {
font-size: 15px;
line-height: 27px;
text-transform: uppercase;
margin-top: 10px;
letter-spacing: 1px;
}
@media screen and (min-width: 1200px) {
p.link-post,
p.quote {
font-size: 16px;
line-height: 28px;
}
}
@media (max-width: 767px) {
p.link-post,
p.quote {
font-size: 14px;
line-height: 26px;
}
}
@media (max-width: 567px) {
p.link-post,
p.quote {
font-size: 13px;
line-height: 25px;
}
}
.quote-container p {
font-size: 30px;
line-height: 42px;
text-align: center;
}
@media screen and (min-width: 1200px) {
.quote-container p {
font-size: 32px;
line-height: 44px;
}
}
@media (max-width: 767px) {
.quote-container p {
font-size: 26px;
line-height: 38px;
}
}
@media (max-width: 567px) {
.quote-container p {
font-size: 22px;
line-height: 34px;
}
}
.quote-container img {
max-width: 100%;
height: auto;
}
.single-quote p.quote,
p.quote {
text-align: center;
}
.single-quote p.quote {
padding-bottom: 64px !important;
}
p.link-post a:hover,
p.quote a:hover {
color: #000 !important;
}
.format-image p {
margin-bottom: 32px !important;
}
section#comment {
width: 100%;
background: #f9f9f9;
padding-top: 0 !important;
margin-top: 32px;
}
section#comment h3#comments {
margin-top: 96px;
}
section#comment .comment .comments-wrapper {
padding-bottom: 32px;
}
section#comment .comment .comments-wrapper .comments-pagination {
text-align: right;
margin-top: 32px;
}
section#comment .comment .comments-wrapper .comments-pagination a,
section#comment .comment .comments-wrapper .comments-pagination span {
padding-right: 10px;
opacity: 0.7;
text-transform: uppercase;
font-size: 13px;
line-height: 23px;
}
@media screen and (min-width: 1200px) {
section#comment .comment .comments-wrapper .comments-pagination a,
section#comment .comment .comments-wrapper .comments-pagination span {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 767px) {
section#comment h3#comments {
margin-bottom: 0;
}
section#comment .comment .comments-wrapper .comments-pagination a,
section#comment .comment .comments-wrapper .comments-pagination span {
font-size: 12px;
line-height: 22px;
}
}
@media (max-width: 567px) {
section#comment .comment .comments-wrapper .comments-pagination a,
section#comment .comment .comments-wrapper .comments-pagination span {
font-size: 11px;
line-height: 21px;
}
}
section#comment .comment .comments-wrapper .children {
margin-left: 30px;
}
section#comment .comment .comments-wrapper .comment-content {
padding-bottom: 32px;
padding-top: 32px;
border-bottom: 1px solid #d6d6d6;
position: relative;
}
section#comment .comment .comments-wrapper .comment-content .avatar {
width: 48px;
height: 48px;
float: left;
}
@media (max-width: 767px) {
section#comment .comment .comments-wrapper .children {
margin-left: 0;
}
section#comment .comment .comments-wrapper .comment-content .avatar {
display: none;
}
}
section#comment .comment .comments-wrapper .comment-content .comment-meta {
color: #000 !important;
margin-bottom: 0 !important;
float: left;
margin-top: -5px;
margin-left: 20px;
}
section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-autor,
section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-autor a {
color: #000;
}
section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-autor a:hover {
opacity: 0.5;
}
section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-time {
display: block;
color: #000;
font-size: 15px;
line-height: 27px;
margin-top: -6px;
opacity: 0.7;
}
@media screen and (min-width: 1200px) {
section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-time {
font-size: 16px;
line-height: 28px;
}
}
@media (max-width: 767px) {
section#comment .comment .comments-wrapper .comment-content .comment-meta {
margin-left: 0;
}
section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-time {
font-size: 14px;
line-height: 26px;
}
}
@media (max-width: 567px) {
section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-time {
font-size: 13px;
line-height: 25px;
}
}
section#comment .comment .comments-wrapper .comment-content .comment-text {
padding-top: 20px;
clear: both;
margin-left: 68px;
font-size: 15px;
line-height: 27px;
}
@media screen and (min-width: 1200px) {
section#comment .comment .comments-wrapper .comment-content .comment-text {
font-size: 16px;
line-height: 28px;
}
}
@media (max-width: 767px) {
section#comment .comment .comments-wrapper .comment-content .comment-text {
font-size: 14px;
line-height: 26px;
margin-left: 0;
}
}
@media (max-width: 567px) {
section#comment .comment .comments-wrapper .comment-content .comment-text {
font-size: 13px;
line-height: 25px;
}
}
section#comment .comment .comments-wrapper .comment-content .comment-text span.moderation {
font-size: 13px;
line-height: 23px;
opacity: 0.5;
}
@media screen and (min-width: 1200px) {
section#comment .comment .comments-wrapper .comment-content .comment-text span.moderation {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 767px) {
section#comment .comment .comments-wrapper .comment-content .comment-text span.moderation {
font-size: 12px;
line-height: 22px;
}
}
@media (max-width: 567px) {
section#comment .comment .comments-wrapper .comment-content .comment-text span.moderation {
font-size: 11px;
line-height: 21px;
}
}
section#comment .comment .comments-wrapper .comment-content .comment-text p:first-child {
margin-bottom: 0;
}
section#comment .comment .comments-wrapper .comment-content .comment-text p {
color: #333;
}
.edit-reply {
position: absolute;
right: 0;
}
.reply-mobile,
.search-form,
form#commentform,
form#commentform .comment-input {
position: relative;
}
.edit-reply a {
padding: 8px 12px;
color: #acacac;
border: 1px solid #e6e6e6;
font-size: 13px;
line-height: 23px;
}
@media screen and (min-width: 1200px) {
.edit-reply a {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.edit-reply a {
font-size: 12px;
line-height: 22px;
}
}
.edit-reply a:hover {
color: #888;
border: 1px solid #aaa;
}
.reply-mobile {
display: none;
margin-top: 32px;
}
@media (max-width: 567px) {
.edit-reply a {
font-size: 11px;
line-height: 21px;
}
.edit-reply {
display: none;
}
.reply-mobile {
display: block;
}
}
.comments-closed {
margin: 64px 0;
text-align: center;
}
#respond {
margin-top: 32px;
}
.comment-reply-title {
font-weight: 300;
}
form#commentform {
margin-bottom: 96px;
}
form#commentform input,
form#commentform textarea {
font-size: 17px;
line-height: 31px;
color: #000;
width: 100%;
padding: 15px;
background: #f9f9f9;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
border: 1px solid #e0e0e0;
margin-bottom: 10px;
}
.gallery-item,
.search-form .search-field {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
@media screen and (min-width: 1200px) {
form#commentform input,
form#commentform textarea {
font-size: 18px;
line-height: 32px;
}
}
@media (max-width: 767px) {
form#commentform input,
form#commentform textarea {
font-size: 16px;
line-height: 30px;
padding: 8px;
}
}
@media (max-width: 567px) {
form#commentform input,
form#commentform textarea {
font-size: 15px;
line-height: 29px;
}
}
form#commentform input::-webkit-input-placeholder {
color: #aaa !important;
opacity: 1;
}
form#commentform input::-moz-placeholder {
color: #aaa !important;
opacity: 1;
}
form#commentform input:-ms-input-placeholder {
color: #aaa !important;
opacity: 1;
}
form#commentform textarea::-webkit-input-placeholder {
color: #aaa !important;
opacity: 1;
}
form#commentform textarea::-moz-placeholder {
color: #aaa !important;
opacity: 1;
}
form#commentform textarea:-ms-input-placeholder {
color: #aaa !important;
opacity: 1;
}
form#commentform #submit {
width: 100%;
background: #f9f9f9;
color: #000;
-webkit-appearance: none;
cursor: pointer;
}
form#commentform #submit:hover {
opacity: 1;
}
form#commentform #submit:hover,
form#commentform input:focus,
form#commentform input:hover,
form#commentform textarea:focus,
form#commentform textarea:hover {
background: #f9f9f9;
border: 1px solid #bebebe;
}
form#commentform .error {
border-color: red !important;
}
form#commentform label.error {
display: none !important;
}
.gallery-item {
vertical-align: top;
margin: 0 !important;
line-height: 0;
padding: 10px;
box-sizing: border-box;
float: left;
display: inline-block;
}
.gallery-item img {
border: none !important;
width: 100%;
height: auto;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) and (max-width: 979px) {
.gallery-item img {
width: 100% !important;
height: auto;
}
}
.gallery-item img:hover {
opacity: 0.6;
}
.gallery-item dd {
font-size: 13px;
line-height: 23px;
margin-top: 16px;
}
@media screen and (min-width: 1200px) {
.gallery-item {
padding: 15px;
}
.gallery-item dd {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.gallery-item img {
width: 100% !important;
height: auto;
}
.gallery-item dd {
font-size: 12px;
line-height: 22px;
}
}
@media (max-width: 567px) {
.gallery-item img {
width: 100% !important;
height: auto;
}
.gallery-item dd {
font-size: 11px;
line-height: 21px;
}
}
.gallery {
margin: auto -10px !important;
padding: 10px 0;
line-height: 1;
overflow-x: hidden;
}
@media screen and (min-width: 1200px) {
.gallery {
margin: auto -15px !important;
padding: 15px 0;
}
}
.gallery br {
clear: none !important;
display: none !important;
}
.gallery-clear p {
clear: left;
display: block;
margin-top: 0 !important;
}
#fancybox-title {
display: none !important;
}
.share-box-blog {
opacity: 1 !important;
padding-bottom: 64px !important;
}
@media (max-width: 767px) {
.share-box-blog {
padding-bottom: 32px !important;
}
}
@media (max-width: 567px) {
.share-box-blog {
padding-bottom: 0 !important;
}
}
.gallery-columns-1 .gallery-item {
width: 100% !important;
}
.gallery-columns-2 .gallery-item {
width: 50% !important;
}
.gallery-columns-3 .gallery-item {
width: 33.33333% !important;
}
.gallery-columns-4 .gallery-item {
width: 25% !important;
}
.gallery-columns-5 .gallery-item {
width: 20% !important;
}
.gallery-columns-6 .gallery-item {
width: 16.66667% !important;
}
.gallery-columns-7 .gallery-item {
width: 14.28571% !important;
}
.gallery-columns-8 .gallery-item {
width: 12.5% !important;
}
.gallery-columns-9 .gallery-item {
width: 11.11111% !important;
}
.gallery-columns-10 .gallery-item {
width: 10% !important;
}
.gallery-columns-11 .gallery-item {
width: 9.09091% !important;
}
.gallery-columns-12 .gallery-item {
width: 8.33333% !important;
}
.pagination {
margin-bottom: 64px !important;
}
.pagination .previous {
text-align: left;
}
.pagination .next {
text-align: right;
}
.blog-search {
display: none;
overflow: hidden;
}
.search-form .close-search {
position: absolute;
margin-top: 28px;
right: 30px;
}
.search-form .close-search svg {
fill: #333;
}
.search-form .screen-reader-text svg,
section#category-archives .archives-close svg {
fill: #000;
}
.search-form .close-search a:hover {
opacity: 0.5;
}
@media (max-width: 767px) {
.pagination .next,
.pagination .previous {
width: 50%;
}
.search-form .close-search {
margin-top: 13px;
right: 15px;
}
}
.search-form .search-close {
cursor: pointer;
}
.search-form .screen-reader-text {
position: absolute;
margin-top: 20px;
left: 30px;
display: none;
}
.search-form .search-field {
box-sizing: border-box;
width: 100%;
border: 1px solid #e6e6e6;
height: 80px;
color: #000;
font-size: 26px;
background: #fff;
line-height: 80px;
padding: 0 80px 0 30px;
}
.result-header,
.share-box .semplice-share {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
@media screen and (min-width: 1200px) {
.search-form .search-field {
font-size: 28px;
line-height: 40px;
}
}
@media (max-width: 767px) {
.search-form .search-field {
font-size: 24px;
line-height: 36px;
}
}
@media (max-width: 567px) {
.search-form .search-field {
font-size: 20px;
line-height: 32px;
}
}
@media (max-width: 767px) {
.search-form .search-field {
font-size: 20px;
height: 50px;
line-height: 50px;
padding: 0 65px 0 15px;
}
}
#content .content-container .audio,
#content .content-container .column-image,
#content .content-container .image,
#content .content-container .video,
#content .grid-item,
#content .mc-sub-content-container .audio,
#content .mc-sub-content-container .column-image,
#content .mc-sub-content-container .image,
#content .mc-sub-content-container .video {
font-size: 0;
line-height: 0;
}
.search-form .search-submit {
opacity: 0;
}
.no-results {
text-align: center;
color: #aaa;
margin-top: -32px;
}
.result-header {
box-sizing: border-box;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 64px;
}
@media (max-width: 767px) {
.no-results {
margin-top: 0;
}
.result-header {
margin-bottom: 32px;
}
}
.result-header h3 {
margin-bottom: 0 !important;
padding: 60px 30px 20px 0;
}
@media (max-width: 767px) {
.result-header h3 {
padding: 30px 30px 20px 0;
}
}
.archive-header h3 {
padding: 0 30px 20px 0 !important;
}
section#category-archives {
padding-top: 0 !important;
position: relative;
display: none;
overflow: hidden;
}
section#category-archives ul {
list-style: none;
margin-left: 0;
}
section#category-archives ul li a {
color: #888;
}
section#category-archives ul li a:hover {
color: #000;
}
section#category-archives h4 {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 20px;
}
section#category-archives .archives-close {
display: block;
margin-top: 17px;
cursor: pointer;
}
#content .cover-video .mejs-container .mejs-controls,
#content .cover-video .mejs-container .mejs-layers,
.hide-controls .mejs-container .mejs-controls,
.live-audio .mejs-offscreen,
.live-video .mejs-offscreen,
.wysiwyg .mejs-offscreen {
display: none !important;
}
@media (max-width: 767px) {
section#category-archives h4 {
padding-top: 32px;
}
section#category-archives h4.first {
padding-top: 0 !important;
}
section#category-archives .archives-close {
position: absolute;
top: 0;
right: 10%;
margin-top: 8px;
}
}
#content #content-holder,
#content #footer-holder,
section#project-panel .project-panel .container .project-panel-close {
position: relative;
}
section#category-archives .archives-close:hover {
opacity: 0.5;
}
section#category-archives nav ul li a {
color: #333;
}
.cover-video .mejs-container {
background: 0 0 !important;
}
.live-audio .mejs-container,
.live-video .mejs-container,
.wysiwyg .mejs-container {
background: #000 !important;
}
.live-audio .mejs-container .mejs-controls,
.live-video .mejs-container .mejs-controls,
.wysiwyg .mejs-container .mejs-controls {
background: #000;
}
.live-audio .mejs-audio,
.live-audio .mejs-controls,
.live-video .mejs-audio,
.live-video .mejs-controls,
.wysiwyg .mejs-audio,
.wysiwyg .mejs-controls {
height: 50px !important;
}
.live-audio .mejs-controls > div,
.live-video .mejs-controls > div,
.wysiwyg .mejs-controls > div {
margin-top: 10px !important;
}
.live-audio .mejs-poster,
.live-video .mejs-poster,
.wysiwyg .mejs-poster {
background-size: cover;
background-repeat: no-repeat;
}
.live-audio .mejs-playpause-button,
.live-video .mejs-playpause-button,
.wysiwyg .mejs-playpause-button {
margin: 0 0 0 15px !important;
}
.live-audio .mejs-controls .mejs-button button,
.live-video .mejs-controls .mejs-button button,
.wysiwyg .mejs-controls .mejs-button button {
background-image: url(../images/mediaelement/controls_old.svg) !important;
}
.live-audio .mejs-overlay-button,
.live-audio .no-svg .mejs-overlay-button,
.live-video .mejs-overlay-button,
.live-video .no-svg .mejs-overlay-button,
.wysiwyg .mejs-overlay-button,
.wysiwyg .no-svg .mejs-overlay-button {
background-image: url(../images/mediaelement/bigplay.png) !important;
width: 100px;
height: 100px;
background-position: 0 0;
}
.live-audio .mejs-overlay:hover > .mejs-overlay-button,
.live-video .mejs-overlay:hover > .mejs-overlay-button,
.wysiwyg .mejs-overlay:hover > .mejs-overlay-button {
background-position: 0 -100px;
}
.live-audio .mejs-time-total,
.live-video .mejs-time-total,
.wysiwyg .mejs-time-total {
margin-top: 8px !important;
}
.live-audio .mejs-controls .mejs-time-rail,
.live-video .mejs-controls .mejs-time-rail,
.wysiwyg .mejs-controls .mejs-time-rail {
padding-top: 6px !important;
}
.live-audio .mejs-controls .mejs-time-handle-content,
.live-video .mejs-controls .mejs-time-handle-content,
.wysiwyg .mejs-controls .mejs-time-handle-content {
border-radius: 50% !important;
}
.live-audio .mejs-controls .mejs-time-rail span,
.live-video .mejs-controls .mejs-time-rail span,
.wysiwyg .mejs-controls .mejs-time-rail span {
height: 3px !important;
}
.live-audio .mejs-horizontal-volume-current,
.live-audio .mejs-horizontal-volume-total,
.live-video .mejs-horizontal-volume-current,
.live-video .mejs-horizontal-volume-total,
.wysiwyg .mejs-horizontal-volume-current,
.wysiwyg .mejs-horizontal-volume-total {
height: 3px !important;
margin-top: 3px !important;
}
.live-audio .mejs-controls a.mejs-horizontal-volume-slider,
.live-video .mejs-controls a.mejs-horizontal-volume-slider,
.wysiwyg .mejs-controls a.mejs-horizontal-volume-slider {
margin-top: 10px !important;
}
.live-audio .mejs-controls .mejs-time-rail .mejs-time-current,
.live-video .mejs-controls .mejs-time-rail .mejs-time-current,
.wysiwyg .mejs-controls .mejs-time-rail .mejs-time-current {
background: #fff !important;
}
.live-audio .mejs-container .mejs-controls .mejs-time,
.live-video .mejs-container .mejs-controls .mejs-time,
.wysiwyg .mejs-container .mejs-controls .mejs-time {
padding: 9px 3px 0 !important;
}
.live-audio .mejs-container .mejs-controls .mejs-time span,
.live-video .mejs-container .mejs-controls .mejs-time span,
.wysiwyg .mejs-container .mejs-controls .mejs-time span {
color: #fff !important;
margin: 1px 5px 0 !important;
}
.live-audio .mejs-controls .mejs-time-rail .mejs-time-total,
.live-video .mejs-controls .mejs-time-rail .mejs-time-total,
.wysiwyg .mejs-controls .mejs-time-rail .mejs-time-total {
background: rgba(255, 255, 255, 0.4) !important;
border-radius: 0 !important;
height: 3px !important;
}
.live-audio .mejs-controls .mejs-time-rail .mejs-time-loaded,
.live-video .mejs-controls .mejs-time-rail .mejs-time-loaded,
.wysiwyg .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: 0 0 !important;
}
.live-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.live-video .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.wysiwyg .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #bbb !important;
}
.live-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.live-video .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.wysiwyg .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #555 !important;
}
.live-audio .mejs-horizontal-volume-slider,
.live-video .mejs-horizontal-volume-slider,
.wysiwyg .mejs-horizontal-volume-slider {
margin: 0 5px !important;
}
.live-audio .mejs-controls .mejs-time-rail .mejs-time-float,
.live-video .mejs-controls .mejs-time-rail .mejs-time-float,
.wysiwyg .mejs-controls .mejs-time-rail .mejs-time-float {
height: 15px !important;
background: #fff !important;
border: 1px solid #fff !important;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}
#content .content-container .audio-container,
#content .mc-sub-content-container .audio-container,
.transparent-controls .mejs-controls {
height: 50px !important;
}
.live-audio .mejs-fullscreen-button,
.live-video .mejs-fullscreen-button,
.wysiwyg .mejs-fullscreen-button {
margin-right: 16px !important;
}
.live-audio .mejs-overlay-loading,
.live-video .mejs-overlay-loading,
.transparent-controls .mejs-container .mejs-controls,
.wysiwyg .mejs-overlay-loading {
background: 0 0 !important;
}
.transparent-controls .mejs-controls > div {
margin-top: 15px !important;
}
.mejs-semplice-ui .live-audio .mejs-container .mejs-controls,
.mejs-semplice-ui .live-video .mejs-container .mejs-controls,
.mejs-semplice-ui .wysiwyg .mejs-container .mejs-controls {
padding: 0;
}
.mejs-semplice-ui .live-audio .mejs-controls .mejs-playpause-button,
.mejs-semplice-ui .live-video .mejs-controls .mejs-playpause-button,
.mejs-semplice-ui .wysiwyg .mejs-controls .mejs-playpause-button {
width: 28px;
}
.mejs-semplice-ui .live-audio .mejs-controls .mejs-button button,
.mejs-semplice-ui .live-video .mejs-controls .mejs-button button,
.mejs-semplice-ui .wysiwyg .mejs-controls .mejs-button button {
background-image: url(../images/mediaelement/controls_recent.svg) !important;
}
.mejs-semplice-ui .live-audio .mejs-button button,
.mejs-semplice-ui .live-video .mejs-button button,
.mejs-semplice-ui .wysiwyg .mejs-button button {
margin: 0;
}
.mejs-semplice-ui .live-audio .mejs-controls > div,
.mejs-semplice-ui .live-video .mejs-controls > div,
.mejs-semplice-ui .wysiwyg .mejs-controls > div {
margin-top: 15px !important;
}
.mejs-semplice-ui .live-audio .mejs-container .mejs-inner .mejs-controls .mejs-time,
.mejs-semplice-ui .live-video .mejs-container .mejs-inner .mejs-controls .mejs-time,
.mejs-semplice-ui .wysiwyg .mejs-container .mejs-inner .mejs-controls .mejs-time {
padding: 20px 3px 0 !important;
margin: 0 !important;
font-weight: 400;
}
.mejs-semplice-ui .live-audio .mejs-controls .mejs-time-rail,
.mejs-semplice-ui .live-video .mejs-controls .mejs-time-rail,
.mejs-semplice-ui .wysiwyg .mejs-controls .mejs-time-rail {
padding-top: 0 !important;
}
.mejs-semplice-ui .live-audio .mejs-time-handle-content,
.mejs-semplice-ui .live-video .mejs-time-handle-content,
.mejs-semplice-ui .wysiwyg .mejs-time-handle-content {
top: -6px;
}
.mejs-semplice-ui .live-audio .mejs-fullscreen-button,
.mejs-semplice-ui .live-video .mejs-fullscreen-button,
.mejs-semplice-ui .wysiwyg .mejs-fullscreen-button {
margin-right: 0 !important;
}
section#page-content {
padding-top: 96px;
opacity: 0;
}
#content .no-padding {
padding-bottom: 0 !important;
}
#content .content-container audio,
#content .content-container video,
#content .mc-sub-content-container audio,
#content .mc-sub-content-container video {
max-width: 100%;
}
#content .content-container .audio img,
#content .content-container .column-image img,
#content .content-container .image img,
#content .content-container .video img,
#content .mc-sub-content-container .audio img,
#content .mc-sub-content-container .column-image img,
#content .mc-sub-content-container .image img,
#content .mc-sub-content-container .video img {
height: auto;
max-width: 100%;
}
@media (min-width: 978px) and (max-width: 1199px) {
#content .content-container .audio img,
#content .content-container .column-image img,
#content .content-container .image img,
#content .content-container .video img,
#content .mc-sub-content-container .audio img,
#content .mc-sub-content-container .column-image img,
#content .mc-sub-content-container .image img,
#content .mc-sub-content-container .video img {
margin: 0 !important;
max-width: 100%;
}
}
@media screen and (min-width: 1200px) {
#content .content-container .audio img,
#content .content-container .column-image img,
#content .content-container .image img,
#content .content-container .video img,
#content .mc-sub-content-container .audio img,
#content .mc-sub-content-container .column-image img,
#content .mc-sub-content-container .image img,
#content .mc-sub-content-container .video img {
width: auto;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#content .content-container .audio img,
#content .content-container .column-image img,
#content .content-container .image img,
#content .content-container .video img,
#content .mc-sub-content-container .audio img,
#content .mc-sub-content-container .column-image img,
#content .mc-sub-content-container .image img,
#content .mc-sub-content-container .video img {
max-width: 100% !important;
margin: 0 !important;
}
}
@media (max-width: 767px) {
#content .content-container .audio img,
#content .content-container .column-image img,
#content .content-container .image img,
#content .content-container .video img,
#content .mc-sub-content-container .audio img,
#content .mc-sub-content-container .column-image img,
#content .mc-sub-content-container .image img,
#content .mc-sub-content-container .video img {
width: 100%;
margin: 0 !important;
}
}
@media (max-width: 567px) {
section#category-archives .archives-close {
right: 5%;
}
#content .content-container .audio img,
#content .content-container .column-image img,
#content .content-container .image img,
#content .content-container .video img,
#content .mc-sub-content-container .audio img,
#content .mc-sub-content-container .column-image img,
#content .mc-sub-content-container .image img,
#content .mc-sub-content-container .video img {
width: 100%;
margin: 0 !important;
}
}
#content .content-container .has-neg-margin img,
#content .content-container .no-scaling img,
#content .content-container .yes img,
#content .mc-sub-content-container .has-neg-margin img,
#content .mc-sub-content-container .no-scaling img,
#content .mc-sub-content-container .yes img {
width: auto !important;
}
#content .content-container .has-neg-margin img,
#content .mc-sub-content-container .has-neg-margin img {
max-width: inherit;
}
@media (min-width: 978px) and (max-width: 1199px) {
#content .content-container .has-neg-margin img,
#content .mc-sub-content-container .has-neg-margin img {
max-width: 100% !important;
}
}
#content .content-container .column-image img,
#content .mc-sub-content-container .column-image img {
max-width: 100% !important;
}
#content .content-container .column-img-full img,
#content .content-container .full img,
#content .mc-sub-content-container .column-img-full img,
#content .mc-sub-content-container .full img {
width: 100% !important;
height: auto;
}
#content .content-container .grid-width img,
#content .mc-sub-content-container .grid-width img {
width: 100% !important;
}
#content .content-container .mailchimp-input,
#content .content-container .mailchimp-submit-button,
#content .mc-sub-content-container .mailchimp-input,
#content .mc-sub-content-container .mailchimp-submit-button {
border-style: solid;
}
#content .hr-full-width {
width: 100%;
}
#content .image-link img {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
#content .image-link img:hover {
opacity: 0.6;
}
#content .cover-video {
width: 100%;
height: 100%;
}
#content .ce-button {
margin: 0 !important;
border-style: solid !important;
cursor: pointer;
text-decoration: none !important;
display: inline-block;
text-align: center;
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
#content .ce-image {
display: none !important;
}
#content .grid-item {
margin-bottom: 20px;
margin-left: 0;
opacity: 0;
transition: opacity 0.45s ease-in-out;
-moz-transition: opacity 0.45s ease-in-out;
-webkit-transition: opacity 0.45s ease-in-out;
-o-transition: opacity 0.45s ease-in-out;
}
@media screen and (min-width: 1200px) {
#content .grid-item {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
#content .content-container .has-neg-margin img,
#content .mc-sub-content-container .has-neg-margin img {
max-width: 100% !important;
}
#content .grid-item {
margin-bottom: 5%;
}
}
@media (max-width: 567px) {
#content .content-container .has-neg-margin img,
#content .mc-sub-content-container .has-neg-margin img {
max-width: 100% !important;
}
#content .grid-item {
margin-bottom: 5%;
}
}
#content .grid-item img {
width: 100%;
height: auto;
}
#content .unexecuted {
display: none;
}
#content .instagram-error {
text-align: center;
padding: 50px 0;
background: #f0f0f0;
}
#content .instagram-error img {
width: 32px;
height: auto;
}
#content .instagram-error p {
margin-bottom: 0 !important;
font-size: 15px;
line-height: 24px;
}
.footer #content-holder {
margin-top: 0 !important;
}
.share-box {
opacity: 0;
padding-top: 96px;
padding-bottom: 96px;
}
.share-box .first {
margin-left: 0 !important;
}
.share-box .semplice-share {
height: 54px;
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
width: 31.33333%;
margin-left: 3%;
float: left;
}
.share-box .semplice-share .button,
.share-box .semplice-share .text {
color: #888;
font-size: 14px;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
height: 54px;
line-height: 54px;
border: 1px solid #e6e6e6;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
@media (max-width: 767px) {
.share-box {
padding-top: 32px;
padding-bottom: 32px;
}
.share-box .semplice-share .button,
.share-box .semplice-share .text {
font-size: 12px;
}
}
.share-box .semplice-share .button a,
.share-box .semplice-share .text a {
color: #fff !important;
height: 54px;
display: block !important;
width: 100%;
}
.share-box .semplice-share .button-facebook {
border: 1px solid #3b5998;
background: #3b5998;
}
.share-box .semplice-share .button-twitter {
border: 1px solid #0084b4;
background: #0084b4;
}
.share-box .semplice-share .button-gplusone {
border: 1px solid #d73d32;
background: #d73d32;
}
.share-box .semplice-share:hover .text {
margin-top: -54px;
}
.share-box .share-icons-wrapper {
width: 100%;
display: inline-block;
text-align: center;
font-size: 0;
}
.share-box .share-icons-wrapper p {
text-transform: uppercase;
margin-bottom: 6px;
font-size: 14px;
line-height: 25px;
color: #000;
letter-spacing: 1px;
}
@media screen and (min-width: 1200px) {
.share-box .share-icons-wrapper p {
font-size: 15px;
line-height: 26px;
}
}
@media (max-width: 767px) {
.share-box .share-icons-wrapper p {
font-size: 13px;
line-height: 24px;
}
}
@media (max-width: 567px) {
.share-box .share-icons-wrapper p {
font-size: 12px;
line-height: 23px;
}
}
.share-box .share-icons-wrapper .semplice-share-icons {
display: inline-block;
}
.share-box .share-icons-wrapper .semplice-share-icons .share-icon a {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
line-height: 0;
display: block;
padding: 10px 8px;
font-size: 0;
}
.share-box .share-icons-wrapper .semplice-share-icons .share-icon a svg {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
fill: #000;
height: 26px;
width: 36px;
}
.share-box .share-icons-wrapper .semplice-share-icons .icon-facebook a:hover svg {
fill: #3b5998 !important;
}
.share-box .share-icons-wrapper .semplice-share-icons .icon-twitter a:hover svg {
fill: #0084b4 !important;
}
.share-box .share-icons-wrapper .semplice-share-icons .icon-gplusone a:hover svg {
fill: #d73d32 !important;
}
.fp-hor-nav a svg,
.fp-vert-nav a svg {
fill: #fff;
}
#project-panel-header {
background: #f9f9f9;
position: relative;
z-index: 300;
display: none;
width: 100%;
max-height: 100%;
}
section#project-panel {
padding-top: 0 !important;
margin-top: 0 !important;
}
section#project-panel .project-panel {
width: 100%;
height: 100%;
}
section#project-panel .project-panel .container {
padding-top: 32px;
padding-bottom: 32px;
}
@media (max-width: 567px) {
section#project-panel .project-panel .container .project-panel-title {
width: 65%;
margin-left: 5%;
float: left;
}
}
@media (max-width: 767px) {
section#project-panel .project-panel .container .project-panel-title {
width: 65%;
margin-left: 5%;
float: left;
}
section#project-panel .project-panel .container .project-panel-close {
width: 25%;
margin-right: 5%;
float: right;
}
}
@media (max-width: 567px) {
section#project-panel .project-panel .container .project-panel-close {
width: 25%;
margin-right: 5%;
float: right;
}
}
section#project-panel .project-panel .container .project-panel-close div.close-project-panel {
cursor: pointer;
display: block;
padding: 10px;
position: absolute;
right: 0;
transform: translate(10px, 0);
-webkit-transform: translate(10px, -2px);
-moz-transform: translate(10px, -2px);
width: 20px;
height: 25px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
section#project-panel .project-panel .container .project-panel-close div.close-project-panel:hover {
opacity: 0.5;
}
section#project-panel .project-panel .container .project-panel-thumbs {
font-size: 0 !important;
}
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
display: inline-block;
vertical-align: top;
margin-left: 20px;
width: 140px;
height: auto;
}
@media screen and (min-width: 1200px) {
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
margin-left: 30px;
width: 170px;
height: auto;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#content .content-container .has-neg-margin img,
#content .mc-sub-content-container .has-neg-margin img {
max-width: 100% !important;
}
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
margin-left: 20px;
width: 104px !important;
height: auto !important;
}
}
@media (max-width: 767px) {
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
height: auto !important;
margin-bottom: 5%;
margin-left: 5% !important;
width: 26.66667% !important;
}
}
@media (max-width: 567px) {
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
height: auto !important;
margin-bottom: 5%;
margin-left: 5% !important;
width: 42.5% !important;
}
}
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb a img {
transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
width: 140px;
height: auto;
}
@media screen and (min-width: 1200px) {
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb a img {
width: 170px !important;
height: auto !important;
}
}
@media (min-width: 768px) and (max-width: 979px) {
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb a img {
width: 104px !important;
height: auto !important;
}
}
@media (max-width: 767px) {
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb a img {
height: auto !important;
width: 100% !important;
}
}
@media (max-width: 567px) {
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb a img {
height: auto !important;
width: 100% !important;
}
}
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb h3 {
font-size: 13px !important;
line-height: 18px;
color: #333;
text-align: center;
margin-top: 5px !important;
}
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb h3 span {
color: #aaa;
font-size: 12px;
}
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb:hover img {
opacity: 0.5 !important;
}
#project-panel-footer {
background: #f9f9f9;
opacity: 0;
}
#project-panel-footer .project-panel-close {
display: none;
}
.slider-blog {
margin-bottom: 64px;
}
.slider-wrapper {
position: relative;
}
.slider-wrapper .slider {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.slider-wrapper .slider li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.slider-wrapper .slider li img {
display: block;
height: auto;
float: left;
width: 100% !important;
border: 0;
}
.slider-wrapper .slider li:first-child {
position: relative;
display: block;
float: left;
}
.slider-wrapper .gallery-preview {
display: none;
}
.slider-wrapper .next,
.slider-wrapper .prev {
width: 18px;
height: 40px;
display: block;
position: absolute;
cursor: pointer;
box-sizing: content-box;
z-index: 5000;
top: 50%;
margin-left: 10px;
padding: 30px;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.slider-wrapper .next svg,
.slider-wrapper .prev svg {
fill: #fff;
transition: all 0.2s ease-out;
}
.slider-wrapper a:hover svg {
transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
}
.slider-wrapper .next {
right: 10px;
}
.slider-wrapper .next:hover,
.slider-wrapper .prev:hover {
opacity: 1;
}
.slider-wrapper ul.slider_tabs {
position: absolute;
bottom: -30px;
z-index: 1103;
height: 10px;
width: 100%;
margin: 20px 0 0;
text-align: center;
}
.slider-wrapper ul.slider_tabs li {
display: inline-block;
height: 10px;
}
.slider-wrapper ul.slider_tabs li a {
border-radius: 50%;
display: block;
height: 10px;
width: 10px;
margin: 0 5px;
border: 0;
background: #000;
opacity: 0.3;
font-size: 0;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
color: transparent;
}
#fp-nav,
.slider-wrapper ul.slider_tabs li.slider_here a {
opacity: 1;
}
.pagination-over ul.slider_tabs {
bottom: 30px !important;
}
.pagination-below {
margin-bottom: 50px;
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fp-hor-nav a,
.fp-vert-nav a {
box-sizing: content-box;
cursor: pointer;
}
.fp-slide {
float: left;
}
.fp-slide,
.fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index: 1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
display: table;
width: 100%;
position: relative;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
overflow: scroll;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
-webkit-transform: translate3d(0, 0, 0);
}
#fp-nav.right {
right: 17px;
}
#fp-nav.left {
left: 17px;
}
.fp-slidesNav {
position: absolute;
z-index: 4;
left: 50%;
opacity: 1;
}
.fp-slidesNav.bottom {
bottom: 17px;
}
.fp-slidesNav.top {
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 3px;
}
#fp-nav ul li {
margin: 7px;
}
.fp-slidesNav ul li {
display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
height: 10px;
width: 10px;
margin: -5px 0 0 -5px;
border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 8px;
width: 8px;
border: 0;
background: #333;
left: 50%;
top: 50%;
margin: -4px 0 0 -4px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
width: 10px;
height: 10px;
margin: -5px 0 0 -5px;
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
left: 20px;
}
.fp-vert-nav {
width: 53px;
height: 160px;
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
z-index: 5000;
}
.fp-hor-nav a,
.middle {
position: absolute;
transform: translateY(-50%);
}
.fp-vert-nav a {
width: 53px;
display: block;
height: 20px;
padding: 10px 0;
}
.fp-vert-nav a.next {
position: absolute;
bottom: 0;
}
.fp-hor-nav a {
width: 18px;
height: 40px;
display: block;
padding: 0 10px;
z-index: 5000;
top: 50%;
margin-left: 30px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.fp-hor-nav a.next {
right: 30px;
}
.fp-hor-nav a svg,
.fp-vert-nav a svg {
transition: all 0.2s ease-out;
}
.fp-hor-nav a:hover svg,
.fp-vert-nav a:hover svg {
transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
}
.view-project {
position: absolute;
bottom: 64px;
width: 100%;
z-index: 10000;
text-align: center;
}
@media (min-width: 768px) and (max-width: 979px) {
.view-project {
bottom: 32px;
}
}
.view-project a {
background: 0 0;
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 4px 30px;
color: #fff;
text-align: center;
display: inline-block;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.7);
}
@media (max-width: 767px) {
.view-project {
bottom: 20px;
}
.view-project a {
padding: 0 10px;
font-size: 11px;
border-radius: 4px;
}
}
.view-project a:hover {
background: #fff;
color: #000;
}
.has-dots {
bottom: 80px;
}
@media (min-width: 768px) and (max-width: 979px) {
.has-dots {
bottom: 70px;
}
}
@media (max-width: 767px) {
.has-dots {
bottom: 70px;
}
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.bottom {
bottom: 0;
}
.top,
.top-fs {
top: 0;
}
.middle {
top: 50%;
-webkit-transform: translateY(-50%);
}
.post-divider {
width: 100%;
height: 1px;
background: #e6e6e6;
margin-top: 96px;
margin-bottom: 96px;
}
@media (max-width: 767px) {
.post-divider {
margin-top: 64px;
margin-bottom: 64px;
}
}
@media (max-width: 567px) {
.post-divider {
margin-top: 32px;
margin-bottom: 32px;
}
}
.divider-no-margin {
margin-top: 0 !important;
margin-bottom: 32px;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
width: 100%;
}
.responsive-video embed,
.responsive-video iframe,
.responsive-video object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
}
.grid-sizer {
width: 60px;
}
@media screen and (min-width: 1200px) {
.grid-sizer {
width: 70px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.grid-sizer {
width: 42px;
}
}
@media (max-width: 767px) {
.grid-sizer {
width: 47.5%;
}
}
.gutter-sizer {
width: 20px;
}
@media screen and (min-width: 1200px) {
.gutter-sizer {
width: 30px;
}
}
@media (max-width: 767px) {
.gutter-sizer {
width: 5%;
}
}
.masonry-item {
margin-left: 0 !important;
}
.masonry-offset {
height: 1px;
background: 0 0 !important;
}
.hr-container:after,
.hr-container:before {
content: "";
display: table;
}
.scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}
.post-password-form {
padding-top: 64px;
}
.post-password-form p label {
font-size: 0;
width: 100%;
}
.post-password-form p label input {
width: 100%;
height: 50px;
border: 1px solid #ddd;
padding: 5px;
text-indent: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
background: 0 0;
}
.post-password-form p input[type="submit"] {
width: 200px;
border: 1px solid #ddd;
background: 0 0;
padding: 10px;
height: 50px;
margin-top: 15px;
font-size: 16px;
}
@media (max-width: 567px) {
.post-password-form p input[type="submit"] {
width: 100%;
}
}
.post-password-form p:last-child {
line-height: 0;
}
.mailchimp-newsletter .mailchimp-submit-button,
.mailchimp-newsletter input {
line-height: normal !important;
margin: 0 !important;
display: inline-block;
transition: all 0.25s linear;
}
#imagelightbox {
position: fixed;
z-index: 9999;
-ms-touch-action: none;
touch-action: none;
background-color: rgba(255, 255, 255, 0.9);
cursor: pointer;
}
.lightbox-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
z-index: 8000;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
}
a[data-rel="lightbox"] {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
}
.mailchimp-newsletter {
font-size: 0;
text-align: center;
}
.mailchimp-newsletter form {
display: inline-block;
}
.mailchimp-newsletter input {
color: #555;
height: auto !important;
background-color: #f0f0f0;
-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
text-align: left;
float: none;
-webkit-appearance: none;
outline: 0 !important;
}
.mailchimp-newsletter .mailchimp-submit-button {
cursor: pointer;
-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
}
@media (max-width: 767px) {
.mailchimp-newsletter .mailchimp-submit-button,
.mailchimp-newsletter form {
width: 100% !important;
}
}
.lightbox-arrows {
display: none;
z-index: 10000;
position: relative;
}
.lightbox-arrows .imagelightbox-arrow {
padding: 10px;
transform: translateY(-50%);
top: 50%;
position: fixed;
cursor: pointer;
transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
}
.lightbox-arrows .imagelightbox-arrow svg {
fill: #777;
}
.lightbox-arrows .imagelightbox-arrow:hover {
opacity: 0.6;
}
.lightbox-arrows .imagelightbox-arrow-left {
left: 15px;
}
.lightbox-arrows .imagelightbox-arrow-right {
right: 15px;
}
.mouseover-color,
.mouseover-shadow {
position: relative;
display: block;
}
.mouseover-color .gg-hover,
.mouseover-shadow .gg-hover {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.mouseover-shadow .gg-hover {
transition: all 0.55s ease;
-moz-transition: all 0.55s ease;
-webkit-transition: all 0.55s ease;
-o-transition: all 0.55s ease;
}
.mouseover-color:hover .gg-hover,
.mouseover-shadow:hover .gg-hover {
opacity: 1;
}