@charset "UTF-8";
html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.admin-bar #swipebox-overlay{top: 32px;}.admin-bar #swipebox-container {bottom: 32px;}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(//tasteful-events.com/wp-content/plugins/responsive-lightbox/assets/swipebox/img/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(//tasteful-events.com/wp-content/plugins/responsive-lightbox/assets/swipebox/img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:.95}#swipebox-top-bar{color:white!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}.rs-p-wp-fix{display:none!important;margin:0!important;height:0!important}body{--sr-7-css-loaded:1}.wp-block-themepunch-revslider{position:relative}.wp-block-themepunch-revslider.revslider{margin:0}canvas.sr7-pbar{z-index:500;position:absolute;pointer-events:none}sr7-module{display:block;position:relative;overflow-x:visible;-webkit-tap-highlight-color:transparent}sr7-adjuster{position:relative;display:block;width:100%}sr7-content{position:absolute;top:0;height:100%;contain:size layout style;z-index:1;overflow-x:visible}sr7-carousel{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}sr7-slide{position:absolute;width:100%;height:100%;contain:strict;top:0;left:0;z-index:1;visibility:hidden;pointer-events:none}.sr7-overflow-force sr7-slide,sr7-carousel sr7-slide{contain:layout style}sr7-module-bg{top:0;z-index:0;position:absolute}sr7-3dwrap{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}sr7-overlay{display:block;width:100%;height:100%;top:0;left:0;position:absolute;z-index:3;background-repeat:repeat}sr7-btn,sr7-col,sr7-content .sr7-layer,sr7-grp,sr7-img,sr7-layer,sr7-linebrk,sr7-row,sr7-shp,sr7-svg,sr7-txt,sr7-zone{user-select:none;visibility:hidden;display:none;box-sizing:border-box;backface-visibility:hidden}.sr7-layer[data-subtype=slidebg],sr7bg{pointer-events:none}sr7-content .sr7-layer.sr7-withclip,sr7-content .sr7-layer.sr7-withclip .sr7-layer{backface-visibility:visible}sr7-grp.sr7-clear:after{content:"";clear:both;display:block;height:0}sr7-zone{pointer-events:none}sr7-row.sr7-layer.sr7-galign{box-sizing:border-box}.sr7-layer[data-type=svg]>svg,sr7-layer[data-type=svg]>svg{width:100%;height:100%}sr7-row-con{table-layout:fixed;font-size:0;display:block}sr7-module .sr7-layer,sr7-module sr7-layer{-webkit-font-smoothing:antialiased!important;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;font-display:swap}sr7-slide.sr7-staticslide-low{z-index:0!important}sr7-slide.sr7-staticslide-high{z-index:105!important}@-moz-document url-prefix(){sr7-slide.sr7-staticslide{transform:scale(1)}}sr7-slide a{transition:none}sr7-module.sr7-top-fixed{width:100%;height:auto!important;backface-visibility:hidden}sr7-module.sr7-top-fixed sr7-adjuster{height:auto!important}sr7-module.sr7-top-fixed sr7-content,sr7-module.sr7-top-fixed sr7-content .sr7-layer:not(.sr7-ignore-pe) *{pointer-events:none}sr7-prl{top:50%;left:50%;z-index:10000;position:absolute}sr7-prl.off{display:none!important}sr7-prl.sr7-fade-in{animation:tp-fade-in 1s linear}.sr-force-hidden{display:none!important}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes tp-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:100}}@keyframes tp-rotate{100%{transform:rotate(360deg)}}sr7-fonttest{width:auto;display:inline-block;white-space:nowrap;font-size:12px;color:#000}sr7-fonttest-wrap{position:absolute;contain:strict;top:-1500px;left:-1500px;width:1500px;height:1000px;pointer-events:none;opacity:0}.fn-wrap{display:flex;position:fixed;width:100px;height:50px;z-index:100;background-color:rgba(66,66,66,.2);justify-content:space-around;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}.fn-left,.fn-right{display:flex;width:40px;height:40px;justify-content:center;align-items:center;background-color:gray;color:#fff;font-weight:700;font-size:20px;cursor:pointer}.sr7-layer .materical-icons,sr7-module .material-icons,sr7-txt .material-icons{font-size:inherit;vertical-align:top;line-height:inherit}#sr-announcer{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
position: relative;
font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
a:focus {
outline: none;
}
a:hover,
a:active { outline: 0;
}
a img {
border: 0;
} body,
button,
input,
select,
textarea {
color: #75858f;
font-size: 18px;
font-weight: 300;
line-height: 1.75;
}
body {
background-color: #fff;
background-attachment: fixed;
} h1, h2, h3, h4, h5, h6 {
clear: both;
margin-bottom: 18px;
}
h1 { font-size: 42px; line-height: 1.4; }
h2 { font-size: 36px; line-height: 1.5; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 18px; text-transform: uppercase; }
h6 { font-size: 15px; text-transform: uppercase; letter-spacing: 1px; }
hr {
background: #000;
background: rgba(0,0,0,0.8);
max-width: 240px;
height: 2px;
border: 0;
margin: 40px auto;
} p {
margin-bottom: 24px;
}
ul, ol {
margin: 0 0 24px 20px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 20px;
}
dl {
margin-bottom: 24px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 20px 24px;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote,
q {
quotes: "" "";
margin-bottom: 24px;
padding: 30px;
background: #000;
color: #fff;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote p,
q p {
font-size: 130%;
}
blockquote p:last-child,
q p:last-child {
margin-bottom: 0;
}
blockquote em {
font-style: normal;
}
cite {
display: block;
margin-top: 10px;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
font-style: normal;
letter-spacing: 2px;
}
address {
display: block;
margin: 0 0 24px;
padding: 20px;
background: #fff;
border: 1px solid #eaeaea;
font-size: 85%;
line-height: 1.8;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 24px;
padding: 20px;
overflow: auto;
max-width: 100%;
}
code, kbd, tt, var {
font: 15px Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
width: 100%;
margin: 0 0 24px;
padding: 20px 30px;
background: rgba(255,255,255,0.8);
border: 1px solid #eaeaea;
font-size: 16px;
}
table td,
table th {
padding: 20px 0;
border-bottom: 1px solid #dedede;
}
th {
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
table tbody tr:last-of-type td,
table tbody tr:last-of-type th {
border: none;
padding-bottom: 0;
}
img {
height: auto; max-width: 100%; }
button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline;   }
select {
padding: 12px 40px 12px 15px !important;
background: url(//tasteful-events.com/wp-content/themes/pepperplus/images/select-arrows.png) no-repeat right center;
background-size: 30px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
select:focus {
background: url(//tasteful-events.com/wp-content/themes/pepperplus/images/select-arrows.png) no-repeat right center !important;
background-size: 30px !important;
}
select[multiple] {
background: none;
cursor: auto;
}
button,
input {
line-height: normal; }
input[type="file"] {
font-size: 14px;
line-height: 1;
color: #555;
}
button,
.button,
a.button,
.qbtn,
a.qbtn,
.read-more,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
display: inline-block;
padding: 16px 30px;
background: none;
cursor: pointer; -webkit-appearance: none; border: 2px solid;
font-size: 12px;
line-height: 20px;
text-shadow: none;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
button:hover,
.button:hover,
a.button:hover,
.qbtn:hover,
a.qbtn:hover,
.read-more:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color: #fff;
}
button:focus,
.button:focus,
a.button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
outline: none;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
textarea {
display: inline-block;
width: 100%;
max-width: 100%;
padding: 10px 0 !important;
background: none !important;
border: none;
border-bottom: 2px solid #ccc;
font-family: inherit;
font-size: 15px;
line-height: 1.5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
input[type="number"],
input[type="date"] {
width: auto;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
color: #000;
border-color: #000;
border-color: rgba(0,0,0,0.9);
outline: none;
}
textarea {
overflow: auto; padding: 2%;
vertical-align: top; width: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: auto;
height: 40px;
vertical-align: top;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.edit {
display: inline-block;
margin: 5px 0;
padding: 3px 10px;
background: #dedede;
color: #1a1a1a !important;
font-size: 85%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
} div.wpcf7 {
font-size: 18px;
}
* + div.wpcf7 {
margin-top: 40px;
}
.widget-area div.wpcf7,
.site-footer div.wpcf7 {
padding: 30px;
background: #fafafa;
}
div.wpcf7 p {
margin-bottom: 40px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: normal;
}
.widget-area div.wpcf7 p,
.site-footer div.wpcf7 p {
margin-bottom: 20px;
font-size: 11;
}
span.wpcf7-form-control-wrap {
width: 100%;
text-transform: none;
font-size: 14px;
font-weight: 300;
}
.widget-area div.wpcf7 span.wpcf7-form-control-wrap,
.site-footer div.wpcf7 span.wpcf7-form-control-wrap {
font-size: 13px;
}
.wpcf7-form-control-wrap .wpcf7-select,
.wpcf7-form-control-wrap .wpcf7-range,
.wpcf7-form-control-wrap .wpcf7-file {
margin-top: 10px;
}
img.wpcf7-captchac {
display: inline;
margin-top: 10px;
}
input[type="text"].wpcf7-captchar {
display: inline;
width: auto;
}
span.wpcf7-list-item {
display: block;
margin: 10px 0;
}
span.wpcf7-not-valid-tip {
font-size: 13px;
padding: 5px 0;
}
div.wpcf7-response-output {
margin: 20px 0;
padding: 10px 15px;
border-width: 1px !important;
font-size: 14px;
}
.widget div.wpcf7 input[type="text"],
.widget div.wpcf7 input[type="email"],
.widget div.wpcf7 input[type="password"],
.widget div.wpcf7 input[type="search"],
.widget div.wpcf7 input[type="url"],
.widget div.wpcf7 input[type="tel"],
.widget div.wpcf7 input[type="number"],
.widget div.wpcf7 input[type="date"],
.widget div.wpcf7 textarea {
padding: 8px;
}
.wpcf7-textarea {
height: 200px;
}
.widget-area .wpcf7-textarea,
.site-footer .wpcf7-textarea {
height: 100px;
} a {
text-decoration: none;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a:visited {}
a:hover,
a:focus,
a:active {}
a::selection {
background: none;
} .alignleft {
display: inline-block;
float: left;
margin: 0 24px 24px 0;
}
.alignright {
display: inline-block;
float: right;
margin: 0 0 24px 24px;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 24px;
} .screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
display: block;
top: 5px;
left: 5px;
width: auto;
height: auto;
padding: 15px 23px 14px;
background-color: #fff;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
clip: auto !important;
font-size: 14px;
font-weight: bold;
line-height: normal;
text-decoration: none;
z-index: 100000; } .clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
content: '';
display: table;
}
.clear:after,
[class*="content"]:after,
[class*="site"]:after {
clear: both;
} .site {}
.site-content {
margin-top: 80px;
}
@media only screen and (min-width: 1025px) {
.header-layout2 .site-content,
.header-layout3 .site-content,
.header-layout4 .site-content,
.header-layout7 .site-content {
margin-top: 180px;
}
.header-layout5 .site-content {
margin-top: 320px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.header-layout8 .site-content {
margin-top: 220px;
}
.header-layout9 .site-content {
margin-top: 140px;
}
}
.site-main {
position: relative;
background: #fff;
}
.content-area {
float: left;
width: 66%;
max-width: 700px;
min-height: 400px;
}
.content-area.fw {
float: none;
width: 100%;
margin: 0 auto;
} .site-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 100;	
}
.sticky-header .site-header {
position: fixed;
top: 0;
left: 0;
} .admin-bar.sticky-header .site-header {
margin-top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar.sticky-header .site-header {
margin-top: 46px;
}
}
@media screen and (max-width: 600px) {
.admin-bar #wpadminbar {
position: fixed;
}
}
.header-1st-row,
.header-2nd-row {
width: 100%;
padding: 0 40px;
text-align: center;
vertical-align: middle;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.header-1st-row{
height: 80px;
line-height: 80px;
}
@media only screen and (min-width: 1025px) {
.header-1st-row,
.header-2nd-row {
position: relative;
}
}
.header-2nd-row,
.header-layout2 .header-1st-row {
height: 50px;
line-height: 50px;
}
.header-layout1 .header-2nd-row {
display: none;
}
.header-layout2 .header-2nd-row {
height: 130px;
line-height: 130px;
}	
.inner-header {
position: relative;
max-width: 1400px;
margin: 0 auto;
}
.header-left {
position: absolute;
top: 0;
left: 0;
}
.header-center {
display: inline-block;
text-align: center;
}
.header-right {
position: absolute;
top: 0;
right: 0;
} @media only screen and (min-width: 1025px) {
.header-layout3 .site-header {
}
.header-layout3 .header-1st-row {
height: 180px;
line-height: 180px;
text-align: left;
}
.header-layout3 .header-2nd-row {
display: none;
}
.header-layout3 .header-left,
.header-layout3 .header-center,
.header-layout3 .header-right {
}
.header-layout3 .site-branding {
margin-right: 80px;
}
.header-layout3 .main-navigation,
.header-layout6 .main-navigation {
max-width: 400px;
line-height: 20px;
vertical-align: middle;
}
.header-layout3 .main-navigation ul,
.header-layout6 .main-navigation ul {
text-align: left;
}
.header-layout3 .main-navigation ul.menu > li,
.header-layout6 .main-navigation ul.menu > li {
float: left;
width: 50%;
}
.header-layout3 .main-navigation .menu > li > a,
.header-layout3 .main-navigation .menu > ul > li > a {
padding: 10px 20px;
}
.header-layout3 .main-navigation ul ul,
.header-layout6 .main-navigation ul ul {
top: 39px;
left: 0;
margin-left: 0;
}
.header-layout3 .main-navigation ul ul:before,
.header-layout3 .main-navigation ul ul.sub-menu-larger:before,
.header-layout6 .main-navigation ul ul:before,
.header-layout6 .main-navigation ul ul.sub-menu-larger:before {
top: -5px;
left: 20px;
right: auto;
border-left-width: 5px;
border-bottom-width: 5px;
border-right-width: 5px;
}
.header-layout3 .header-extras {
margin-left: 20px;
}
} @media only screen and (min-width: 1025px) {
.header-layout4 .site-header {
}
.header-layout4 .header-1st-row {
height: 120px;
line-height: 120px;
}
.header-layout4 .header-2nd-row {
height: 60px;
line-height: 60px;
}
.header-layout4 .main-navigation ul ul {
top: 60px;
}
} @media only screen and (min-width: 1025px) {
.header-layout5 .header-1st-row {
height: 36px;
line-height: 36px;
}
.header-layout5 .header-1st-row:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
border-top: 1px solid;
opacity: 0.1;
}
.header-layout5 .header-2nd-row {
height: 284px;
line-height: 46px;
}
.header-layout5 .header-2nd-row,
.header-layout5 .header-2nd-row .header-center,
.header-layout5 .header-2nd-row .site-branding,
.header-layout5 .site-title img {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.header-layout5 .header-2nd-row .header-center {
display: block;
padding: 102px 0 60px;
}
.header-layout5 .header-2nd-row .site-branding {
position: relative;
display: block;
height: 46px;
margin-bottom: 30px;
}
.header-layout5 .site-title img {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: auto;
max-height: 90px;
margin: 0 auto;
padding: 0;
}
.header-layout5 .header-extras > ul > li {
height: 36px;
padding: 0 10px;
}
.header-layout5 .main-navigation .menu > li > a,
.header-layout5 .main-navigation .menu > ul > li > a {
padding: 0 20px;
font-weight: normal;
line-height: 42px;
font-size: 11px;
letter-spacing: 3px;
border: 2px solid transparent;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.header-layout5 .main-navigation .menu > li > a:hover,
.header-layout5 .main-navigation .menu > ul > li > a:hover {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.header-layout5 .main-navigation .menu > li.current_page_item > a,
.header-layout5 .main-navigation .menu > li.current-menu-item > a,
.header-layout5 .main-navigation .menu > ul > li.current_page_item > a,
.header-layout5 .main-navigation .menu > ul > li.current-menu-item > a,
.header-layout5 .main-navigation .menu > li.current-menu-ancestor > a,
.header-layout5 .main-navigation .menu > li.current_page_ancestor > a,
.header-layout5 .main-navigation .menu > li.current-menu-parent > a {
background: none;
border-color: inherit;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.header-layout5 .main-navigation ul ul {
top: 46px;
left: 20px;
margin-left: 0;
}
.header-layout5 .main-navigation .menu > li.current_page_item > ul,
.header-layout5 .main-navigation .menu > li.current-menu-item > ul,
.header-layout5 .main-navigation .menu > ul > li.current_page_item > ul,
.header-layout5 .main-navigation .menu > ul > li.current-menu-item > ul,
.header-layout5 .main-navigation .menu > li.current-menu-ancestor > ul,
.header-layout5 .main-navigation .menu > li.current_page_ancestor > ul,
.header-layout5 .main-navigation .menu > li.current-menu-parent > ul {
left: 0;
}
.header-layout5 .main-navigation ul ul:before {
display: none;
}
.header-layout5 .headroom--not-top .header-1st-row {
display: none;
}
.header-layout5 .headroom--not-top .header-2nd-row {
height: 152px;
}
.header-layout5 .headroom--not-top .header-2nd-row .header-center {
padding: 20px 0;
}
.header-layout5 .headroom--not-top .header-2nd-row .site-branding {
margin-bottom: 20px;
}
.header-layout5 .headroom--not-top .site-title img {
max-height: 50px;
}
.header-layout5 .type-slogan.size-giant {
min-height: 720px;
}
} @media only screen and (min-width: 1025px) {
.header-layout6 .site-header {
position: fixed;
bottom: 0;
width: 360px;
}
.header-layout6 .headroom--not-top.headroom--unpinned {
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.header-layout6 .header-1st-row {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
padding: 100px 40px 40px;
text-align: left;
line-height: 40px;
}
.header-layout6 .header-1st-row .inner-header {
width: 100%;
height: 100%;
}
.header-layout6 .header-left {
top: -100px;
}
.header-layout6 .header-center {
position: relative;
display: block;
text-align: left;
}
.header-layout6 .header-right {
top: auto;
bottom: 0;
left: 0;
}
.header-layout6 .site-branding {
margin-bottom: 60px;
}
.header-layout6 .site-title.logo-title {
height: auto;
margin: 0;
padding: 10px 0;
line-height: 1;
}
.header-layout6 .site-title img {
max-width: 220px;
max-height: 120px;
}
.header-layout6 .main-navigation {
}
.header-layout6 .main-navigation ul.menu > li {
margin-bottom: 10px;
}
.header-layout6 .main-navigation .menu > li > a,
.header-layout6 .main-navigation .menu > ul > li > a {
padding: 10px 0;
border-bottom: 2px solid transparent;
}
.header-layout6 .main-navigation .menu > li.current_page_item > a,
.header-layout6 .main-navigation .menu > li.current-menu-item > a,
.header-layout6 .main-navigation .menu > ul > li.current_page_item > a,
.header-layout6 .main-navigation .menu > ul > li.current-menu-item > a,
.header-layout6 .main-navigation .menu > li.current-menu-ancestor > a,
.header-layout6 .main-navigation .menu > li.current_page_ancestor > a,
.header-layout6 .main-navigation .menu > li.current-menu-parent > a {
border-color: inherit;
}
.header-layout6 .header-extras > ul > li {
width: 60px;
height: 60px;
padding: 0;
margin-right: 2px;
line-height: 60px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header-layout6 .header-extras > ul > li,
.header-layout6 .header-extras > ul > li:not(.header-button) > a,
.header-layout6 .header-extras > ul > li > i,
.header-layout6 .header-extras > ul > li > a > i,
.header-layout6.background-header .header-1st-row .header-extras > ul > li > span > i {
color: #fff !important;
}
.header-layout6 .header-extras > ul > li:not(.qi-login-link):hover {
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.header-layout6 .header-search {
top: 65px;
}
.header-layout6 .site-content {
margin-top: 0;
}
.header-layout6 .quadro-mod,
.header-layout6 .single-wrapper,
.header-layout6 .page-wrapper,
.header-layout6 .page-inner-header,
.header-layout6 .archive-header {
padding-left: 400px !important;
}
.header-layout6 .no-results .page-inner-header,
.header-layout6 .not-found .page-inner-header {
padding: 0 !important;
}
.header-layout6 .quadro-mod.type-services,
.header-layout6 .quadro-mod.type-image.img-align-left,
.header-layout6 .quadro-mod.type-image.img-align-right,
.header-layout6 .quadro-mod.type-sl-insights,
.header-layout6 .quadro-mod.type-portfolio,
.header-layout6 .quadro-mod.type-cgallery.no-margins,
.header-layout6 .quadro-mod.type-pslider.no-margins,
.header-layout6 .quadro-mod.type-video.layout-full {
padding-left: 360px !important;
}
.header-layout6 .margins-disable .slide-content {
padding-left: 360px;
}
.header-layout6 .quadro-mod.type-display {
padding-left: 362px !important;
}
.header-layout6 .quadro-mod.type-gallery {
padding-left: 363px !important;
}
.header-layout6 .modules-columns .quadro-mod {
padding: 0 !important;
}
.header-layout6 .site-footer {
padding-left: 360px;
} .header-layout6 .quadro-mod .at-fee-mod-action {
margin-left: 360px !important;
}
}
.header-layout6 .header-2nd-row {
display: none;
} @media only screen and (min-width: 1025px) {
.header-layout7 .header-1st-row {
height: 40px;
line-height: 40px;
}
.header-layout7 .header-2nd-row {
height: 140px;
line-height: 60px;
padding: 40px 40px;
}
.header-layout7 .main-navigation .menu > li,
.header-layout7 .main-navigation .menu > ul > li {
margin-left: 60px;
}
.header-layout7 .main-navigation .menu > li > a,
.header-layout7 .main-navigation .menu > ul > li > a {
padding: 0;
text-transform: none;
font-size: 14px;
letter-spacing: 2px;
font-weight: inherit;
}
.header-layout7 .main-navigation .menu > li.current_page_item > a,
.header-layout7 .main-navigation .menu > li.current-menu-item > a,
.header-layout7 .main-navigation .menu > ul > li.current_page_item > a,
.header-layout7 .main-navigation .menu > ul > li.current-menu-item > a,
.header-layout7 .main-navigation .menu > li.current-menu-ancestor > a,
.header-layout7 .main-navigation .menu > li.current_page_ancestor > a,
.header-layout7 .main-navigation .menu > li.current-menu-parent > a {
background: none;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.header-layout7 .main-navigation .menu > li > a:before,
.header-layout7 .main-navigation .menu > ul > li > a:before {
content: "";
display: block;
position: absolute;
right: 0;
left: 0;
top: -30px;
width: 0;
height: 20px;
margin: 0 auto;
border-left: 1px solid;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.header-layout7 .main-navigation .menu > li > a:hover:before,
.header-layout7 .main-navigation .menu > ul > li > a:hover:before,
.header-layout7 .main-navigation .menu > li.current_page_item > a:before,
.header-layout7 .main-navigation .menu > li.current-menu-item > a:before,
.header-layout7 .main-navigation .menu > ul > li.current_page_item > a:before,
.header-layout7 .main-navigation .menu > ul > li.current-menu-item > a:before,
.header-layout7 .main-navigation .menu > li.current-menu-ancestor > a:before,
.header-layout7 .main-navigation .menu > li.current_page_ancestor > a:before,
.header-layout7 .main-navigation .menu > li.current-menu-parent > a:before {
top: -10px;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.header-layout7 .main-navigation ul ul {
top: 60px;
}
.header-layout7 .main-navigation ul ul ul {
top: -2px;
}
.header-layout7 .social-area.header-social-icons {
margin-top: -2px;
}
} @media only screen and (min-width: 1025px) {
.header-layout8 .header-1st-row {
height: 36px;
line-height: 36px;
}
.header-layout8 .header-2nd-row {
height: 184px;
line-height: 104px;
padding: 40px 40px;
}
.header-layout8 .header-2nd-row .header-center {
display: block;
width: 22%;
height: 124px;
margin: 0 auto;
}
.header-layout8 .site-branding {
margin-top: -10px;
vertical-align: middle;
}
.header-layout8 .site-title {
line-height: 1.5;
}
.header-layout8 .site-title.logo-title {
height: auto;
margin: 0;
}
.header-layout8 .site-title img {
display: block;
max-height: 124px;
}
.header-layout8 .header-2nd-row .header-left,
.header-layout8 .header-2nd-row .header-right {
width: 38%;
}
.header-layout8 .header-2nd-row .header-left,
.header-layout8 .header-2nd-row .header-left .main-navigation ul.menu {
text-align: right;
}
.header-layout8 .header-2nd-row .header-right,
.header-layout8 .header-2nd-row .header-right .main-navigation ul.menu {
text-align: left;
}
.header-layout8 .main-navigation .menu > li,
.header-layout8 .main-navigation .menu > ul > li {
line-height: 46px;
}
.header-layout8 .main-navigation .menu > li > a,
.header-layout8 .main-navigation .menu > ul > li > a {
padding: 0 20px;
font-weight: normal;
line-height: 42px;
font-size: 11px;
letter-spacing: 3px;
border: 2px solid transparent;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.header-layout8 .main-navigation .menu > li > a:hover,
.header-layout8 .main-navigation .menu > ul > li > a:hover {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.header-layout8 .main-navigation .menu > li.current_page_item > a,
.header-layout8 .main-navigation .menu > li.current-menu-item > a,
.header-layout8 .main-navigation .menu > ul > li.current_page_item > a,
.header-layout8 .main-navigation .menu > ul > li.current-menu-item > a,
.header-layout8 .main-navigation .menu > li.current-menu-ancestor > a,
.header-layout8 .main-navigation .menu > li.current_page_ancestor > a,
.header-layout8 .main-navigation .menu > li.current-menu-parent > a {
background: none;
border-color: inherit;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.header-layout8 .main-navigation ul ul {
top: 46px;
}
.header-layout8 .main-navigation ul ul ul {
top: -2px;
}
} @media only screen and (min-width: 1025px) {
.header-layout9 .header-1st-row {
height: 140px;
line-height: 50px;
padding: 45px 40px;
text-align: left;
}
.header-layout9 .header-2nd-row {
display: none;
}
.header-layout9 .site-branding {
margin-right: 50px;
}
.header-layout9 .site-title.logo-title {
margin: 0;
}
.header-layout9 .site-title img {
max-height: 70px;
margin-top: -10px;
width: auto;
}
.header-layout9 .main-navigation .menu > li,
.header-layout9 .main-navigation .menu > ul > li {
margin-right: 40px;
}
.header-layout9 .main-navigation .menu > li > a,
.header-layout9 .main-navigation .menu > ul > li > a {
padding: 0 10px;
text-transform: none;
font-size: 14px;
letter-spacing: 2px;
}
.header-layout9 .main-navigation .menu > li.current_page_item > a,
.header-layout9 .main-navigation .menu > li.current-menu-item > a,
.header-layout9 .main-navigation .menu > ul > li.current_page_item > a,
.header-layout9 .main-navigation .menu > ul > li.current-menu-item > a,
.header-layout9 .main-navigation .menu > li.current-menu-ancestor > a,
.header-layout9 .main-navigation .menu > li.current_page_ancestor > a,
.header-layout9 .main-navigation .menu > li.current-menu-parent > a {
background: none;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.header-layout9 .main-navigation .menu > li > a:before,
.header-layout9 .main-navigation .menu > ul > li > a:before {
content: "";
display: block;
position: absolute;
right: 0;
left: 0;
top: -20px;
width: 0;
height: 15px;
margin: 0 auto;
border-left: 1px solid;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.header-layout9 .main-navigation .menu > li > a:hover:before,
.header-layout9 .main-navigation .menu > ul > li > a:hover:before,
.header-layout9 .main-navigation .menu > li.current_page_item > a:before,
.header-layout9 .main-navigation .menu > li.current-menu-item > a:before,
.header-layout9 .main-navigation .menu > ul > li.current_page_item > a:before,
.header-layout9 .main-navigation .menu > ul > li.current-menu-item > a:before,
.header-layout9 .main-navigation .menu > li.current-menu-ancestor > a:before,
.header-layout9 .main-navigation .menu > li.current_page_ancestor > a:before,
.header-layout9 .main-navigation .menu > li.current-menu-parent > a:before {
top: -10px;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.header-layout9 .main-navigation ul ul {
top: 50px;
}
.header-layout9 .main-navigation ul ul ul {
top: -2px;
}
.header-layout9 .header-extras > ul > li.search-handler,
.header-layout9 .header-extras > ul > li.header-cart-icon {
width: 50px;
padding: 0;
text-align: center;
box-sizing: border-box;
border-radius: 30px;
}
.header-layout9 .social-area.header-social-icons + .header-extras {
margin-left: 20px;
}
} .headroom {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.headroom--not-top {}
.headroom--not-top:not(.headroom--unpinned) {}
.headroom--not-top.headroom--pinned {
-moz-transform: translateY(0%);
-webkit-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.headroom--not-top.headroom--unpinned {
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
@media only screen and (min-width: 1025px) {
.header-layout2 .headroom--not-top .header-2nd-row {
display: none;
}
.header-layout5 .headroom--not-top + .site-content {
margin-top: 152px;
}
} .site-branding {
display: inline-block;
vertical-align: top;
}
.site-branding a {}
.site-branding a:hover {
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.site-title {
font-size: 22px;
line-height: inherit;
margin: 0;
}
.site-title.logo-title {
display: block;
height: 60px;
margin: 10px 0;
line-height: 50px;
vertical-align: middle;
}
.site-title a {
color: #000;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.site-title.logo-title a {
display: block;
}
.site-title img {
display: inline-block;
max-height: 60px;
width: auto;
vertical-align: middle;
}
@media only screen and (min-width: 1025px) {
.header-layout2 .site-title.logo-title {
height: 110px;
line-height: 100px;
}
.header-layout2 .site-title img {
max-height: 110px;
}
.header-layout4 .site-title.logo-title {
height: 100px;
line-height: 90px;
}
.header-layout4 .site-title img {
max-height: 100px;
}
.header-layout3 .site-title.logo-title {
height: 150px;
margin: 15px 0;
line-height: 140px;
}
.header-layout3 .site-title img {
max-height: 150px;
max-width: 240px;
}
.header-layout7 .site-title.logo-title {
height: 80px;
line-height: 60px;
margin: -10px 0 0;
}
.header-layout7 .site-title img {
max-height: 80px;
}
}
@media only screen and (max-width: 1024px) {
.site-title img {
max-width: 320px;
}
}
@media only screen and (max-width: 768px) {
.site-title img {
max-width: 240px;
}
}
@media only screen and (max-width: 568px) {
.site-title img {
max-width: 180px;
}
} .social-area {
list-style: none;
margin: 0;
}
.social-area.header-social-icons {
display: inline-block;
vertical-align: top;
}
.social-area li {
display: inline-block;
}
.social-area li a {
display: block;
padding: 0 4px;
text-align: center;
font-size: 14px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.social-area li a i {
width: 28px;
height: 28px;
line-height: 28px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.social-area li a:hover i,
.social-area.header-social-icons li a:hover i,
.social-area.header-social-icons.brand-color li a:hover i,
.social-area.footer-social-icons.brand-color li a:hover i {
color: #fff !important;
}
.footer-social-icons.brand-color .fa-behance, 	   .background-header .header-social-icons.brand-color .fa-behance, 	 .headroom--not-top .header-social-icons.brand-color .fa-behance	{ color: #1769ff !important; }
.footer-social-icons.brand-color .fa-bluesky, 	   .background-header .header-social-icons.brand-color .fa-bluesky, 	 .headroom--not-top .header-social-icons.brand-color .fa-bluesky	{ color: #1285FE !important; }
.footer-social-icons.brand-color .fa-codepen, 	   .background-header .header-social-icons.brand-color .fa-codepen, 	 .headroom--not-top .header-social-icons.brand-color .fa-codepen	{ color: #111111 !important; }
.footer-social-icons.brand-color .fa-dribbble, 	   .background-header .header-social-icons.brand-color .fa-dribbble, 	 .headroom--not-top .header-social-icons.brand-color .fa-dribbble	{ color: #EA4C89 !important; }
.footer-social-icons.brand-color .fa-etsy, 	   		.background-header .header-social-icons.brand-color .fa-etsy, 		 .headroom--not-top .header-social-icons.brand-color .fa-etsy		{ color: #F1661E !important; }
.footer-social-icons.brand-color .fa-facebook, 	   .background-header .header-social-icons.brand-color .fa-facebook, 	 .headroom--not-top .header-social-icons.brand-color .fa-facebook,
.footer-social-icons.brand-color .fa-facebook-f,	.background-header .header-social-icons.brand-color .fa-facebook-f, 	 .headroom--not-top .header-social-icons.brand-color .fa-facebook-f	{ color: #3B5998 !important; }
.footer-social-icons.brand-color .fa-flickr, 	   .background-header .header-social-icons.brand-color .fa-flickr, 		 .headroom--not-top .header-social-icons.brand-color .fa-flickr		{ color: #FF0084 !important; }
.footer-social-icons.brand-color .fa-github, 	   .background-header .header-social-icons.brand-color .fa-github, 	   	 .headroom--not-top .header-social-icons.brand-color .fa-github		{ color: #4183C4 !important; }
.footer-social-icons.brand-color .fa-google-plus,  .background-header .header-social-icons.brand-color .fa-google-plus,  .headroom--not-top .header-social-icons.brand-color .fa-google-plus	{ color: #DD4B39 !important; }
.footer-social-icons.brand-color .fa-instagram,    .background-header .header-social-icons.brand-color .fa-instagram, 	 .headroom--not-top .header-social-icons.brand-color .fa-instagram	{ color: #d93175 !important; }
.footer-social-icons.brand-color .fa-itunes-note,    .background-header .header-social-icons.brand-color .fa-itunes-note, 	 .headroom--not-top .header-social-icons.brand-color .fa-itunes-note	{ color: #EA4CC0 !important; }
.footer-social-icons.brand-color .fa-linkedin, 	   .background-header .header-social-icons.brand-color .fa-linkedin, 	 .headroom--not-top .header-social-icons.brand-color .fa-linkedin,
.footer-social-icons.brand-color .fa-linkedin-in,	.background-header .header-social-icons.brand-color .fa-linkedin-in, 	 .headroom--not-top .header-social-icons.brand-color .fa-linkedin-in	{ color: #0766c2 !important; }
.footer-social-icons.brand-color .fa-medium, 	   .background-header .header-social-icons.brand-color .fa-medium, 		 .headroom--not-top .header-social-icons.brand-color .fa-medium		{ color: #111111 !important; }
.footer-social-icons.brand-color .fa-facebook-messenger,	.background-header .header-social-icons.brand-color .fa-facebook-messenger,	.headroom--not-top .header-social-icons.brand-color .fa-facebook-messenger	{ color: #0084ff !important; }
.footer-social-icons.brand-color .fa-pinterest,    .background-header .header-social-icons.brand-color .fa-pinterest, 	 .headroom--not-top .header-social-icons.brand-color .fa-pinterest,
.footer-social-icons.brand-color .fa-pinterest-p,    .background-header .header-social-icons.brand-color .fa-pinterest-p, 	 .headroom--not-top .header-social-icons.brand-color .fa-pinterest-p	{ color: #CB2027 !important; }
.footer-social-icons.brand-color .fa-skype, 	   .background-header .header-social-icons.brand-color .fa-skype, 		 .headroom--not-top .header-social-icons.brand-color .fa-skype		{ color: #00AFF0 !important; }
.footer-social-icons.brand-color .fa-slideshare,   .background-header .header-social-icons.brand-color .fa-slideshare,	 .headroom--not-top .header-social-icons.brand-color .fa-slideshare	{ color: #0077b5 !important; }
.footer-social-icons.brand-color .fa-snapchat-ghost, .background-header .header-social-icons.brand-color .fa-snapchat-ghost, .headroom--not-top .header-social-icons.brand-color .fa-snapchat-ghost { color: #fffc00 !important; }
.footer-social-icons.brand-color .fa-soundcloud,   .background-header .header-social-icons.brand-color .fa-soundcloud, 	 .headroom--not-top .header-social-icons.brand-color .fa-soundcloud	{ color: #ff8800 !important; }
.footer-social-icons.brand-color .fa-spotify,		.background-header .header-social-icons.brand-color .fa-spotify,	.headroom--not-top .header-social-icons.brand-color .fa-spotify	{ color: #1DB954 !important; }
.footer-social-icons.brand-color .fa-stack-overflow,		.background-header .header-social-icons.brand-color .fa-stack-overflow,	.headroom--not-top .header-social-icons.brand-color .fa-stack-overflow	{ color: #F47F24 !important; }
.footer-social-icons.brand-color .fa-substack,		.background-header .header-social-icons.brand-color .fa-substack,	.headroom--not-top .header-social-icons.brand-color .fa-substack	{ color: #FF6718 !important; }
.footer-social-icons.brand-color .fa-threads, 	   .background-header .header-social-icons.brand-color .fa-threads, 	  .headroom--not-top .header-social-icons.brand-color .fa-threads		{ color: #000000 !important; }
.footer-social-icons.brand-color .fa-tiktok, 	   .background-header .header-social-icons.brand-color .fa-tiktok, 	  	 .headroom--not-top .header-social-icons.brand-color .fa-tiktok		{ color: #FE2C55 !important; }
.footer-social-icons.brand-color .fa-tumblr, 	   .background-header .header-social-icons.brand-color .fa-tumblr, 	  	 .headroom--not-top .header-social-icons.brand-color .fa-tumblr		{ color: #2C4762 !important; }
.footer-social-icons.brand-color .fa-twitter, 	   .background-header .header-social-icons.brand-color .fa-twitter, 	 .headroom--not-top .header-social-icons.brand-color .fa-twitter	{ color: #00ACED !important; }
.footer-social-icons.brand-color .fa-vimeo-square, .background-header .header-social-icons.brand-color .fa-vimeo-square, .headroom--not-top .header-social-icons.brand-color .fa-vimeo-square,
.footer-social-icons.brand-color .fa-vimeo,		   .background-header .header-social-icons.brand-color .fa-vimeo, 		 .headroom--not-top .header-social-icons.brand-color .fa-vimeo,
.footer-social-icons.brand-color .fa-vimeo-v,		.background-header .header-social-icons.brand-color .fa-vimeo-v,		.headroom--not-top .header-social-icons.brand-color .fa-vimeo-v	{ color: #44BBFF !important; }
.footer-social-icons.brand-color .fa-whatsapp,		.background-header .header-social-icons.brand-color .fa-whatsapp,		.headroom--not-top .header-social-icons.brand-color .fa-whatsapp	{ color: #25D366 !important; }
.footer-social-icons.brand-color .fa-x-twitter, 	.background-header .header-social-icons.brand-color .fa-x-twitter,		.headroom--not-top .header-social-icons.brand-color .fa-x-twitter	{ color: #000000 !important; }
.footer-social-icons.brand-color .fa-youtube, 	   .background-header .header-social-icons.brand-color .fa-youtube, 	 .headroom--not-top .header-social-icons.brand-color .fa-youtube	{ color: #C4302B !important; } .header-extras {
display: inline-block;
position: relative;
}
.header-extras > ul {
display: inline-block;
list-style: none;
margin: 0;
vertical-align: top;
}
.header-extras > ul > li {
display: inline-block;
position: relative;
float: left;
padding: 0 20px;
font-size: 12px;
vertical-align: top;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.header-extras > ul > li:not(.header-button):not(.qi-login-link):hover,
.header-extras > ul > li:not(.header-button):not(.qi-login-link):hover > a,
.header-extras > ul > li:not(.header-button):not(.qi-login-link):hover i {
color: #fff !important;
}
.header-extras .search-handler {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.header-extras .search-handler {
cursor: pointer;
}
.header-extras > ul > li i {
font-size: 14px;
line-height: inherit;
vertical-align: top;
}
.header-extras > ul li i + span {
display: inline-block;
margin-left: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; 
}
.header-search {
position: absolute;
top: 80px;
right: 0;
width: 500px;
padding: 40px;
line-height: 40px;
background: rgba(0,0,0,0.85);
text-align: left;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-moz-transform: translateY(-500px);
-webkit-transform: translateY(-500px);
-o-transform: translateY(-500px);
-ms-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
z-index: 10;
}
.header-layout2 .header-search {
top: 130px;
}
.header-layout3 .header-search {
top: 180px;
}
.header-layout4 .header-search {
top: 120px;
}
.header-layout5 .header-search,
.header-layout8 .header-search {
top: 36px;
}
.header-layout7 .header-search {
top: 40px;
}
.header-layout9 .header-search {
top: 60px;
}
.site-header .header-search.search-open {
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.header-search .search-form {}
.header-search label {
float: left;
display: inline-block;
width: 70%;
}
.header-search .search-field {
width: 100%;
height: 45px;
padding: 0 !important;
background: none !important;
color: #ddd !important;
border: none;
letter-spacing: 1px;
border-bottom: 2px solid #4a4a4a !important;
box-shadow: none !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.header-search .search-submit {
float: right;
width: 28%;
color: #fff;
border: none;
font-size: 95%;
}
.header-left .header-search {
right: auto;
left: 0;
}
.header-left .header-search {
right: auto;
left: 0;
} .header-button a.qbtn {
padding: 12px 24px;
font-size: 11px;
}
.header-button a.qbtn:hover {
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
transform: translateY(-1px);
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-o-transform: translateY(-1px);
-ms-transform: translateY(-1px);
}
@media only screen and (min-width: 1025px) {
.header-extras > ul > li.header-button {
padding-right: 0;
}
.header-layout5 .header-button a.qbtn,
.header-layout7 .header-button a.qbtn,
.header-layout8 .header-button a.qbtn {
padding: 2px 12px;
font-size: 10px;
}
.header-layout6 .header-extras > ul > li.header-button {
width: auto;
background: none !important;
}
.header-layout6 .header-button a.qbtn {
height: 56px;
line-height: 56px;
padding: 0 16px;
}
.header-layout6 .header-button a.qbtn:hover {
transform: translateX(1px);
-webkit-transform: translateX(1px);
-moz-transform: translateX(1px);
-o-transform: translateX(1px);
-ms-transform: translateX(1px);
}
} .qi-login-link {
position: relative;
z-index: 999999;
}
.qi-login-link:hover > a {
opacity: 0.7;
}
.qi-login-link > a > i {
margin-right: 5px;
}
.header-layout6 .qi-login-link > a > i {
margin: 0;
}
.header-layout6 .qi-login-link > a > span {
display: none;
}
.user-navigation {
display: none;
position: absolute;
top: 100%;
right: 0;
width: 180px;
text-align: left;
z-index: 999999;
}
.header-layout6 .user-navigation {
right: auto;
left: 0;
}
.user-navigation ul.menu {
width: 100%;
margin: 0;
padding: 2px 0 0;
background: #f8f8f8;
line-height: 1.5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.user-navigation ul.menu:before {
content: "";
position: absolute;
top: -5px;
right: 20px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-bottom: 5px solid #f8f8f8;
border-right: 5px solid transparent;
}
.header-layout6 .user-navigation ul.menu:before {
right: auto;
left: 25px;
}
.user-navigation ul.menu li {
display: block;
width: 100%;
background: #f8f8f8;
}
#user-navigation ul.menu li a {
display: block;
padding: 15px 20px;
background: #f8f8f8;
color: #75858f;
}
#user-navigation ul.menu li a:hover {
background: #000;
color: #ffffff;
}
#user-navigation ul.menu li a i {
display: inline-block;
margin-right: 5px;
color: inherit;
font-size: 100%;
}
.user-navigation ul.sub-menu {
margin: 0 20px;
} @media only screen and (min-width: 1025px) {
.main-navigation,
.secondary-navigation {
display: inline-block;
}
.main-navigation ul,
.secondary-navigation ul {
list-style: none;
margin: 0;
text-align: center;
}
.main-navigation li,
.secondary-navigation li {
position: relative;
display: inline-block;
}
.main-navigation .menu > li > a,
.main-navigation .menu > ul > li > a {
display: inline-block;
padding: 0 50px;
color: #aaa;
font-size: 12px;
letter-spacing: 4px;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
vertical-align: top;
}
.header-layout2 .main-navigation .menu > li > a,
.header-layout2 .main-navigation .menu > ul > li > a,
.header-layout4 .main-navigation .menu > li > a,
.header-layout4 .main-navigation .menu > ul > li > a {
padding: 0 35px;
font-size: 11px;
}
.main-navigation .menu > li:hover > a,
.main-navigation .menu > ul > li:hover > a {
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > li.current_page_item > a,
body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > li.current-menu-item > a,
body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > ul > li.current_page_item > a,
body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > ul > li.current-menu-item > a,
body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > li.current-menu-ancestor > a,
body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > li.current_page_ancestor > a,
body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > li.current-menu-parent > a {
background: #000;
color: #fff !important;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
} .main-navigation ul ul {
display: none;
position: absolute;
top: 80px;
left: 50%;
width: 238px;
margin-left: -120px;
padding: 2px 0 0;
background: #f8f8f8;
text-align: left;
line-height: 1.5;
z-index: 999;
}
.main-navigation ul ul.sub-menu-larger {
width: 440px;
}
.main-navigation ul ul.sub-menu-larger2 {
width: 660px;
}
.header-layout2 .main-navigation ul ul {
top: 50px;
}
.main-navigation ul ul:before,
.secondary-navigation ul ul:before {
content: "";
position: absolute;
top: -8px;
left: 0;
right: 0;
width: 0;
height: 0;
margin: 0 auto;
border-left: 8px solid transparent;
border-bottom: 8px solid #f8f8f8;
border-right: 8px solid transparent;
}
.secondary-navigation ul ul:before {
top: -6px;
border-left-width: 6px;
border-bottom-width: 6px;
border-right-width: 6px;
}
.main-navigation ul ul.sub-menu-larger:before {
left: 110px;
margin: 0;
}
.main-navigation ul li:hover > ul,
.secondary-navigation ul li:hover > ul {
display: block;
}
.main-navigation ul ul li,
.secondary-navigation ul ul li {
display: block;
background: #f8f8f8;
}
.main-navigation ul ul.sub-menu-larger > li {
float: left;
width: 50%;
}
.main-navigation ul ul.sub-menu-larger > li:nth-of-type(2n+1) {
clear: left;
}
.main-navigation ul ul.sub-menu-larger2 > li {
width: 33.3333%;
}
.main-navigation ul ul.sub-menu-larger2 > li:nth-of-type(2n+1) {
clear: none;
}
.main-navigation ul ul.sub-menu-larger2 > li:nth-of-type(3n+1) {
clear: left;
}
.main-navigation ul ul a,
.secondary-navigation ul ul a {
display: block;
padding: 20px 30px;
font-size: 77%;
color: #75858f;
}
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.current_page_item > a,
.main-navigation ul ul li.current-menu-item > a,
.secondary-navigation ul ul li:hover > a,
.secondary-navigation ul ul li.current_page_item > a,
.secondary-navigation ul ul li.current-menu-item > a {
background: #000;
color: #fff;
}
.main-navigation ul ul ul,
.secondary-navigation ul ul ul,
.header-layout2 .main-navigation ul ul ul,
.header-layout3 .main-navigation ul ul ul,
.header-layout4 .main-navigation ul ul ul,
.header-layout5 .main-navigation ul ul ul,
.header-layout6 .main-navigation ul ul ul {
top: -2px;
left: 100%;
margin: 0;
}
.main-navigation ul ul ul:before,
.secondary-navigation ul ul ul:before {
display: none;
}
} .menu-toggle {
display: none;
position: relative;
width: 30px;
height: 18px;
margin: 0;
cursor: pointer;
}
@media only screen and (max-width: 1024px) {
.menu-toggle {
display: inline-block;
}
}
.menu-toggle a {
display: block;
width: 100%;
height: 100%;
}
.menu-toggle-icon {
position: absolute;
left: 0;
top: 0;
background-color: #000;
width: 30px;
height: 2px;
-webkit-transition: all .5s cubic-bezier(0,0.275,0.125,1);
-moz-transition: all .5s cubic-bezier(0,0.275,0.125,1);
-o-transition: all .5s cubic-bezier(0,0.275,0.125,1);
transition: all .5s cubic-bezier(0,0.275,0.125,1);
}
.menu-toggle-icon-2 {
top: 8px;
}
.menu-toggle-icon-3 {
top: 16px;
}
.menu-toggle-active .menu-toggle-icon-1 {
-webkit-transform: translateY(8px) rotate(45deg);
-moz-transform: translateY(8px) rotate(45deg);
-ms-transform: translateY(8px) rotate(45deg);
-o-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}
.menu-toggle-active .menu-toggle-icon-2 {
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
}
.menu-toggle-active .menu-toggle-icon-3 {
-webkit-transform: translateY(-8px) rotate(-45deg);
-moz-transform: translateY(-8px) rotate(-45deg);
-ms-transform: translateY(-8px) rotate(-45deg);
-o-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg);
}	
#msite-navigation .header-social-icons {
display: block;
padding: 15px 40px;
line-height: 25px;
}
#msite-navigation .header-social-icons li {
margin: 0 2px;
}
#msite-navigation .header-social-icons li a i {
color: #7a7a7a !important;
font-size: 13px;
}
#msite-navigation .header-search {
position: static;
margin: 0 auto;
padding: 20px 40px;
background: none;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#msite-navigation .header-search .search-form {
display: table;
width: 100%;
}
#msite-navigation .header-search label {
display: table-column;
}
#msite-navigation .header-search .search-field {
display: block;
width: 100%;
height: 30px;
font-size: 12px;
letter-spacing: 1px;
border-color: #2a2a2a !important;
}
#msite-navigation .header-search .search-submit {
display: table-column;
padding: 10px;
font-size: 11px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mm-listview .menu-item > a,
.mm-listview .menu-item > span {
text-overflow :clip;
white-space: normal;
} @media only screen and (min-width: 1025px) {
.secondary-navigation .menu > li,
.secondary-navigation .menu > ul > li {
z-index: 99;
}
.secondary-navigation .menu > li > a,
.secondary-navigation .menu > ul > li > a {
display: inline-block;
padding: 0 15px;
color: #aaa;
font-size: 10px;
letter-spacing: 3px;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
vertical-align: top;
zoom: 1;
filter: alpha(opacity=75);
opacity: 0.75;
}
.secondary-navigation .menu > li:hover > a,
.secondary-navigation .menu > ul > li:hover > a,
.secondary-navigation .menu > li.current_page_item > a,
.secondary-navigation .menu > li.current-menu-item > a,
.secondary-navigation .menu > ul > li.current_page_item > a,
.secondary-navigation .menu > ul > li.current-menu-item > a,
.secondary-navigation .menu > li.current-menu-ancestor > a,
.secondary-navigation .menu > li.current_page_ancestor > a,
.secondary-navigation .menu > li.current-menu-parent > a {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.header-left .secondary-navigation {
margin-right: 30px;
}
.header-right .secondary-navigation + .header-extras {
margin-left: 20px;
}
.header-left .secondary-navigation .menu > li,
.header-left .secondary-navigation .menu > ul > li {
margin-right: 30px;
}
.header-right .secondary-navigation .menu > li,
.header-right .secondary-navigation .menu > ul > li {
margin-left: 30px;
}
.header-left .secondary-navigation .menu > li > a,
.header-left .secondary-navigation .menu > ul > li > a,
.header-right .secondary-navigation .menu > li > a,
.header-right .secondary-navigation .menu > ul > li > a {
padding: 0;
}
.secondary-navigation ul ul {
display: none;
position: absolute;
top: 100%;
left: 50%;
width: 180px;
margin-left: -90px;
padding: 2px 0 0;
background: #f8f8f8;
text-align: left;
line-height: 1.5;
z-index: 999;
}
.secondary-navigation ul ul a {
padding: 15px 20px;
font-size: 12px;
}
} .transparent-header .site-content {
margin-top: 0 !important;
}
@media only screen and (min-width: 1025px) {
.transparent-header.header-layout2 .site-content {
margin-top: 50px !important;
}
.transparent-header.header-layout7 .site-content {
margin-top: 40px !important;
}
.transparent-header.header-layout8 .site-content {
margin-top: 36px !important;
}
}
.transparent-header.dark-header .header-1st-row,
.transparent-header.dark-header .header-2nd-row,
.transparent-header.dark-header .header-1st-row .site-title a,
.transparent-header.dark-header .header-2nd-row .site-title a,
.transparent-header.dark-header .main-navigation .menu > ul > li > a,
.transparent-header.dark-header .main-navigation .menu > li > a,
.transparent-header.dark-header .secondary-navigation .menu > ul > li > a,
.transparent-header.dark-header .secondary-navigation .menu > li > a,
.transparent-header.dark-header .header-extras > ul > li,
.transparent-header.dark-header .header-extras > ul > li a,
.transparent-header.dark-header .header-extras > ul > li i,
.transparent-header.dark-header .social-area.header-social-icons li a i,
.transparent-header.dark-header .header-extras .search-handler,
.transparent-header.dark-header .menu-toggle a {
color: #000;
}
.transparent-header.light-header .menu-toggle-icon {
background: #000;
}
.transparent-header.light-header .header-1st-row,
.transparent-header.light-header .header-2nd-row,
.transparent-header.light-header .header-1st-row .site-title a,
.transparent-header.light-header .header-2nd-row .site-title a,
.transparent-header.light-header .main-navigation .menu > ul > li > a,
.transparent-header.light-header .main-navigation .menu > li > a,
.transparent-header.light-header .secondary-navigation .menu > ul > li > a,
.transparent-header.light-header .secondary-navigation .menu > li > a,
.transparent-header.light-header .header-extras > ul > li,
.transparent-header.light-header .header-extras > ul > li a,
.transparent-header.light-header .header-extras > ul > li i,
.transparent-header.light-header .social-area.header-social-icons li a i,
.transparent-header.light-header .header-extras .search-handler,
.transparent-header.light-header .menu-toggle a {
color: #fff;
}
.transparent-header.light-header .menu-toggle-icon {
background: #fff;
}
@media only screen and (max-width: 1024px) {
.header-layout7.transparent-header.dark-header .header-1st-row .header-extras > ul > li i,
.header-layout7.transparent-header.dark-header .header-1st-row .header-extras > ul > li .header-cart-qy,
.header-layout8.transparent-header.dark-header .header-1st-row .header-extras > ul > li i,
.header-layout8.transparent-header.dark-header .header-1st-row .header-extras > ul > li .header-cart-qy {
color: #000;
}
.header-layout7.transparent-header.light-header .header-1st-row .header-extras > ul > li i,
.header-layout7.transparent-header.light-header .header-1st-row .header-extras > ul > li .header-cart-qy,
.header-layout8.transparent-header.light-header .header-1st-row .header-extras > ul > li i,
.header-layout8.transparent-header.light-header .header-1st-row .header-extras > ul > li .header-cart-qy {
color: #fff;
}
} .transparent-header .modular-modules section.type-page > section.quadro-mod:first-child {
padding-top: 160px;
}
.transparent-header .modular-modules section.type-page > section.quadro-mod.type-slogan.size-regular:first-child {
padding-top: 180px;
} .transparent-header.header-layout2 .modular-modules section.type-page > section.quadro-mod:first-child,
.transparent-header.header-layout3 .modular-modules section.type-page > section.quadro-mod:first-child,
.transparent-header.header-layout4 .modular-modules section.type-page > section.quadro-mod:first-child,
.transparent-header.header-layout7 .modular-modules section.type-page > section.quadro-mod:first-child {
padding-top: 260px;
}
.transparent-header.header-layout2 .modular-modules section.type-page > section.quadro-mod.type-slogan.size-regular:first-child,
.transparent-header.header-layout3 .modular-modules section.type-page > section.quadro-mod.type-slogan.size-regular:first-child,
.transparent-header.header-layout4 .modular-modules section.type-page > section.quadro-mod.type-slogan.size-regular:first-child,
.transparent-header.header-layout7 .modular-modules section.type-page > section.quadro-mod.type-slogan.size-regular:first-child {
padding-top: 280px;
}
.transparent-header.header-layout5 .modular-modules section.type-page > section.quadro-mod:first-child {
padding-top: 400px;
}
.transparent-header.header-layout5 .modular-modules section.type-page > section.quadro-mod.type-slogan.size-regular:first-child {
padding-top: 420px;
}
.transparent-header.header-layout8 .modular-modules section.type-page > section.quadro-mod:first-child {
padding-top: 300px;
}
.transparent-header.header-layout8 .modular-modules section.type-page > section.quadro-mod.type-slogan.size-regular:first-child {
padding-top: 320px;
} .sticky {}
.updated {
display: none;
}
.dark-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
zoom: 1;
filter: alpha(opacity=55);
opacity: 0.55;
z-index: 1;
}
.overlay-off .dark-overlay,
.overlay- .dark-overlay {
display: none;
}
.overlay-on .dark-overlay {
display: block;
}
.edit-link {
display: none; }
a.post-edit-link {
position: fixed;
top: 120px;
right: 0;
display: inline-block;
width: 80px;
height: 50px;
background: #eaeaea;
font-size: 16px;
line-height: 50px;
text-align: center;
z-index: 999;
}
a.post-edit-link:hover i {
color: #fff;
}
iframe.twitter-tweet {
width: 100%;
}
.wow {
visibility: hidden;
}
.post-password-form {
max-width: 420px;
margin: 0 auto;
}
.post-password-form label {
display: block;
max-width: 300px;
}
.post-password-form input[type="submit"] {
margin-top: 20px;
} .page-header {
background: #fff;
border-bottom: 1px solid #dedede;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
}
.transparent-header .page-header  {
padding-top: 80px;
}
@media only screen and (min-width: 1025px) {
.transparent-header.header-layout2 .site-content .page-header,
.transparent-header.header-layout3 .site-content .page-header,
.transparent-header.header-layout4 .site-content .page-header,
.transparent-header.header-layout7 .site-content .page-header {
padding-top: 180px;
}
.transparent-header.header-layout5 .site-content .page-header {
padding-top: 320px;
}
.transparent-header.header-layout8 .site-content .page-header {
padding-top: 220px;
}
}
.page-inner-header {
position: relative;
max-width: 1400px;
margin: 0 auto;
padding: 40px;
}
.big-header .page-inner-header {
padding: 240px 40px 80px;
}
.page-title {
margin: 0;
font-size: 64px;
line-height: 1.3;
color: #000;
}
.page-breadcrumbs {
display: inline-block;
margin: 10px 0 0;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
}
.page-breadcrumbs a,
.product-breadcrumbs a {
border-bottom: 1px solid;
}
.product-breadcrumbs {
display: block;
margin-bottom: 18px;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
}
.page-wrapper {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
.page-template-template-full-width .content-area {
width: 100%;
max-width: none;
}
.page-template-template-left-sidebar-php .content-area {
float: right;
}
.page-template-template-centered .content-area {
float: none;
margin: 0 auto;
}
.page-template-template-left-sidebar-php .page-content,
.page-template-default .page-content,
.page-template-template-centered .page-content {
max-width: 700px;
}
.page-template-template-centered .page-content {
margin: 0 auto;
}
.page-content > *:last-child {
margin-bottom: 0;
} .blog-style-classic.no-sidebar .content-area,
.blog-style-headlines.no-sidebar .content-area,
.blog-style-masonry.no-sidebar .content-area,
.blog-style-teasers.no-sidebar .content-area {
width: 100%;
}
.blog-style-classic .content-area,
.blog-style-headlines .content-area,
.blog-style-masonry .content-area,
.blog-style-teasers .content-area {
max-width: none;
}
.blog-item {
position: relative;
}
.blog-style-classic .blog-item:last-of-type,
.blog-style-headlines .blog-item:last-of-type,
.blog-style-teasers .blog-item:last-of-type {
margin-bottom: 0;
}
.readmore-link {
display: block;
margin-top: 20px;
} .blog-style-classic .blog-item {
margin-bottom: 120px;
}
.blog-style-classic .entry-thumbnail {
height: 480px;
background-size: cover;
background-position: center;
} @media only screen and (min-width: 1025px) {
.type-wrapper.sidebar-left .modules-wrapper .type-blog.blog-style-classic {
float: right;
max-width: 700px;
}
.blog-style-classic.with-sidebar .entry-header,
.type-wrapper .blog-style-classic .entry-header {
margin-bottom: 40px;
}
.blog-style-classic.with-sidebar .entry-thumbnail,
.type-wrapper .blog-style-classic .entry-thumbnail {
margin-bottom: 40px;
}
.type-wrapper.sidebar-left .blog-style-classic .entry-thumbnail {
margin: 0 0 60px 40px;
}
.blog-style-classic.with-sidebar .entry-title,
.type-wrapper .blog-style-classic .entry-title {
font-size: 54px;
}
.blog-style-classic.with-sidebar .entry-content,
.type-wrapper .blog-style-classic .entry-content {
padding-left: 0;
margin-left: 0;
}
} .blog-style-masonry .blog-container {
margin: 0 -2%;
}
.blog-style-masonry .blog-item,
.type-wrapper .type-blog.blog-style-masonry .blog-item {
float: left;
width: 46%;
margin: 0 2% 80px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
@media only screen and (min-width: 1025px) { .blog-style-masonry.no-sidebar:not(.blog-style-masonry2) .blog-item,
.type-blog.blog-style-masonry:not(.blog-style-masonry2) .blog-item {
width: 29.3333%;
}
}
.blog-style-masonry .entry-thumbnail {
margin: 0 0 20px;
}
.blog-style-masonry .entry-header {
margin: 0 auto;
}
.blog-style-masonry .entry-title {
font-size: 36px;
line-height: 1.5;
}
.blog-style-masonry .entry-header + .entry-summary {
margin-top: 10px;
}
.blog-style-masonry .entry-summary + .entry-meta {
margin-top: 10px;
}
.blog-style-masonry .meta-separator {
margin: 0 3px;
} .blog-style-headlines .blog-item {
position: relative;
width: 100%;
margin-bottom: 59px;
padding: 0 0 59px 0;
border-bottom: 2px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.blog-style-headlines .blog-item.has-post-thumbnail,
.blog-style-headlines .blog-item.post_format-post-format-video {
min-height: 280px;
padding-left: 260px;
}
.blog-style-headlines .blog-item:first-of-type:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.blog-style-headlines .blog-item.has-post-thumbnail:first-of-type:last-of-type,
.blog-style-headlines .blog-item.post_format-post-format-video:first-of-type:last-of-type {
min-height: 220px;
}
.blog-style-headlines .blog-item:hover {
border-color: #000;
}
.blog-style-headlines .entry-thumbnail {
position: absolute;
top: 10px;
left: 0;
width: 210px;
height: 210px;
margin: 0;
overflow: hidden;
}
.blog-style-headlines .blog-item.format-video:not(.has-post-thumbnail) .entry-thumbnail img {
width: auto;
max-width: none;
height: 100%;
margin-top: 50%;
margin-left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.blog-style-headlines .entry-header {
max-width: none;
margin: 0;
}
.blog-style-headlines .entry-title {
font-size: 64px;
line-height: 1.3;
} @media only screen and (min-width: 1025px) {
.blog-style-headlines.with-sidebar .blog-item.has-post-thumbnail,
.blog-style-headlines.with-sidebar .blog-item.post_format-post-format-video,
.type-wrapper .blog-style-headlines .blog-item.has-post-thumbnail,
.type-wrapper .blog-style-headlines .blog-item.post_format-post-format-video {
min-height: 240px;
padding-left: 210px;
}
.blog-style-headlines.with-sidebar .entry-thumbnail,
.type-wrapper .blog-style-headlines .entry-thumbnail {
width: 170px;
height: 170px;
}
.blog-style-headlines.with-sidebar .entry-title,
.type-wrapper .blog-style-headlines .entry-title {
font-size: 54px;
}
} .blog-style-teasers .blog-item {
width: 100%;
max-width: 960px;
margin: 0 auto 59px;
padding: 0 0 59px 0;
border-bottom: 2px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.blog-style-teasers .blog-item:first-of-type:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.blog-style-teasers .blog-item:hover {
border-color: #000;
}
.blog-style-teasers .entry-thumbnail {
float: left;
width: 35%;
margin: 10px 0 0;
}
.blog-style-teasers.blog-thumbsize-small .entry-thumbnail {
width: 24%;
}
.blog-style-teasers .teaser-content {
float: left;
}
.blog-style-teasers .entry-thumbnail + .teaser-content {
width: 60%;
margin-left: 5%;
}
.blog-style-teasers.blog-thumbsize-small .entry-thumbnail + .teaser-content {
width: 72%;
margin-left: 4%;
}
.blog-style-teasers .entry-header {
max-width: none;
margin: 0;
}
.blog-style-teasers .cat-links + .entry-title {
margin-top: 10px;
}
.blog-style-teasers .entry-title {
font-size: 36px;
line-height: 1.5;
}
.blog-style-teasers.blog-thumbsize-small .entry-title {
font-size: 30px;
line-height: 1.5;
}
.blog-style-teasers .entry-summary {
margin-top: 10px;
}
.blog-style-teasers .entry-summary + .entry-meta {
margin-top: 10px;
}
@media only screen and (max-width: 568px) {
.blog-style-teasers .entry-thumbnail,
.blog-style-teasers.blog-thumbsize-small .entry-thumbnail {
width: 100%;
margin: 0 0 20px;
}
.blog-style-teasers .entry-thumbnail + .teaser-content,
.blog-style-teasers.blog-thumbsize-small .entry-thumbnail + .teaser-content {
width: 100%;
margin: 0;
}
.blog-style-teasers .entry-title,
.blog-style-teasers.blog-thumbsize-small .entry-title {
font-size: 28px;
}
}  .quadro-mod {
position: relative;
clear: both;
width: 100%;
padding: 80px 40px;
background-position: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.quadro-mod:focus {
outline: none;
}
.parallax-back {
background-attachment: fixed;
background-position: top center;
}
.inner-mod {
position: relative;
width: 100%;
max-width: 1400px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
}
.inmod-s {
max-width: 960px;
}
.mod-header {
width: 100%;
margin-bottom: 60px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mod-header .inner-mod {
max-width: 700px;
margin: 0 auto;
}
.mod-title {
font-size: 46px;
line-height: 54px;
margin: 0;
}
.modheader-intro,
p.intro {
font-size: 12px;
line-height: 24px;
font-weight: bolder;
text-transform: uppercase;
letter-spacing: 2px;
}
.mod-title + .modheader-intro {
margin-top: 30px;
}
.mod-content {
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .modules-columns .quadro-mod {
margin-bottom: 40px;
padding: 0;
background: none !important;
}
.modules-columns .mod-column .quadro-mod:last-of-type {
margin-bottom: 0;
}
.modules-columns .quadro-mod.type-slogan {
padding: 0;
}
.modules-columns .quadro-mod .inmod-s {
max-width: none;
}
.modules-columns .mod-column .quadro-mod.overlay-off .dark-overlay,
.modules-columns .mod-column .quadro-mod.overlay- .dark-overlay {
display: none;
}
.modules-columns .mod-column {
min-height: 1px;
border-right: 0px solid transparent;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.columns-layout1 .modules-columns .mod-column-2,
.columns-layout2 .modules-columns .mod-column-3,
.columns-layout3 .modules-columns .mod-column-4,
.columns-layout4 .modules-columns .mod-column-3,
.columns-layout5 .modules-columns .mod-column-3,
.columns-layout6 .modules-columns .mod-column-2,
.columns-layout7 .modules-columns .mod-column-2,
.columns-layout8 .modules-columns .mod-column-2,
.columns-layout9 .modules-columns .mod-column-2,
.columns-layout10 .modules-columns .mod-column-3,
.columns-layout11 .modules-columns .mod-column-3,
.columns-layout12 .modules-columns .mod-column-2,
.columns-layout13 .modules-columns .mod-column-2,
.columns-layout14 .modules-columns .mod-column-3,
.columns-layout15 .modules-columns .mod-column-2,
.columns-layout15 .modules-columns .mod-column-3,
.columns-layout16 .modules-columns .mod-column-3,
.columns-layout17 .modules-columns .mod-column-1 {
border: none;
}
.columns-layout14 .modules-columns .mod-column-1 {
border-right: none;
border-bottom: 1px solid transparent;
}
.columns-layout15 .modules-columns .mod-column-3 {
border-right: none;
border-top: 1px solid transparent;
}
@media only screen and (min-width: 569px) {
.columns-layout14 .modules-columns .mod-column-2,
.columns-layout14 .modules-columns .mod-column-3,
.columns-layout15 .modules-columns .mod-column-3,
.mod-column .columns-layout14 .modules-columns .mod-column-2,
.mod-column .columns-layout14 .modules-columns .mod-column-3,
.mod-column .columns-layout15 .modules-columns .mod-column-3 {
margin-top: 40px;
}
} .modules-columns .mod-column {
box-sizing: border-box;
}
.columns-layout1 .modules-columns .mod-column-3,
.columns-layout1 .modules-columns .mod-column-4,
.columns-layout2 .modules-columns .mod-column-4,
.columns-layout4 .modules-columns .mod-column-4,
.columns-layout5 .modules-columns .mod-column-4,
.columns-layout6 .modules-columns .mod-column-3,
.columns-layout6 .modules-columns .mod-column-4,
.columns-layout7 .modules-columns .mod-column-3,
.columns-layout7 .modules-columns .mod-column-4,
.columns-layout8 .modules-columns .mod-column-3,
.columns-layout8 .modules-columns .mod-column-4,
.columns-layout9 .modules-columns .mod-column-3,
.columns-layout9 .modules-columns .mod-column-4,
.columns-layout10 .modules-columns .mod-column-4,
.columns-layout11 .modules-columns .mod-column-4,
.columns-layout12 .modules-columns .mod-column-3,
.columns-layout12 .modules-columns .mod-column-4,
.columns-layout13 .modules-columns .mod-column-3,
.columns-layout13 .modules-columns .mod-column-4,
.columns-layout14 .modules-columns .mod-column-4,
.columns-layout15 .modules-columns .mod-column-4,
.columns-layout16 .modules-columns .mod-column-4,
.columns-layout17 .modules-columns .mod-column-2,
.columns-layout17 .modules-columns .mod-column-3,
.columns-layout17 .modules-columns .mod-column-4 {
display: none !important;
}
.type-columns .modules-columns {
display: flex;
justify-content: center;
align-items: flex-start;
}
.type-columns.columns-layout14 .modules-columns,
.type-columns.columns-layout15 .modules-columns {
flex-wrap: wrap;
}
.columns-valign-middle .modules-columns {
align-items: center;
}
.columns-valign-bottom .modules-columns {
align-items: flex-end;
}
.columns-height-same .modules-columns {
align-items: stretch;
}
.type-columns .modules-columns .mod-column {
display: flex;
}
.columns-height-same.columns-valign-middle .modules-columns .mod-column {
align-items: center;
}
.columns-height-same.columns-valign-bottom .modules-columns .mod-column {
align-items: flex-end;
}
.mod-column-mods-wrapper {
display: block;
width: 100%;
}
@media only screen and (max-width: 1024px) {
.type-columns.columns-layout3 .modules-columns,
.type-columns.columns-layout4 .modules-columns,
.type-columns.columns-layout5 .modules-columns {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 768px) {
.type-columns.columns-layout2 .modules-columns,
.type-columns.columns-layout6 .modules-columns,
.type-columns.columns-layout7 .modules-columns,
.type-columns.columns-layout8 .modules-columns,
.type-columns.columns-layout9 .modules-columns,
.type-columns.columns-layout10 .modules-columns,
.type-columns.columns-layout11 .modules-columns,
.type-columns.columns-layout16 .modules-columns {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 568px) {
.type-columns .modules-columns {
flex-wrap: wrap;
}
}
.columns-layout14.columns-margin-0 .modules-columns .mod-column-2,
.columns-layout14.columns-margin-0 .modules-columns .mod-column-3,
.columns-layout15.columns-margin-0 .modules-columns .mod-column-3 {
margin-top: 0;
}
@media only screen and (max-width: 1024px) {
.columns-layout3.columns-margin-0 .modules-columns .mod-column:not(.mod-column-1):not(.mod-column-2),
.columns-layout4.columns-margin-0 .modules-columns .mod-column:not(.mod-column-1),
.columns-layout5.columns-margin-0 .modules-columns .mod-column:not(.mod-column-1):not(.mod-column-2) {
margin-top: 0;
}
}
@media only screen and (max-width: 768px) {
.columns-layout2.columns-margin-0 .modules-columns .mod-column:not(.mod-column-1),
.columns-layout6.columns-margin-0 .modules-columns .mod-column:not(.mod-column-1),
.columns-layout7.columns-margin-0 .modules-columns .mod-column:not(.mod-column-1),
.columns-layout8.columns-margin-0 .modules-columns .mod-column:not(.mod-column-1),
.columns-layout9.columns-margin-0 .modules-columns .mod-column:not(.mod-column-1),
.columns-layout10.columns-margin-0 .modules-columns .mod-column:not(.mod-column-1),
.columns-layout11.columns-margin-0 .modules-columns .mod-column:not(.mod-column-1),
.columns-layout16.columns-margin-0 .modules-columns .mod-column:not(.mod-column-1) {
margin-top: 0;
}
}
@media only screen and (max-width: 568px) {
.columns-margin-0 .modules-columns .mod-column:not(.mod-column-1) {
margin-top: 0;
}
}
.quadro-mod.columns-padding-disabled {
padding: 0 !important;
}
.modules-columns .mod-column {
min-height: 1px;
border-right: 0px solid transparent;
}
.columns-layout1 .modules-columns .mod-column-2,
.columns-layout2 .modules-columns .mod-column-3,
.columns-layout3 .modules-columns .mod-column-4,
.columns-layout4 .modules-columns .mod-column-3,
.columns-layout5 .modules-columns .mod-column-3,
.columns-layout6 .modules-columns .mod-column-2,
.columns-layout7 .modules-columns .mod-column-2,
.columns-layout8 .modules-columns .mod-column-2,
.columns-layout9 .modules-columns .mod-column-2,
.columns-layout10 .modules-columns .mod-column-3,
.columns-layout11 .modules-columns .mod-column-3,
.columns-layout12 .modules-columns .mod-column-2,
.columns-layout13 .modules-columns .mod-column-2,
.columns-layout14 .modules-columns .mod-column-3,
.columns-layout15 .modules-columns .mod-column-2,
.columns-layout15 .modules-columns .mod-column-3,
.columns-layout16 .modules-columns .mod-column-3,
.columns-layout17 .modules-columns .mod-column-1 {
border: none;
}
.columns-layout14 .modules-columns .mod-column-1 {
border-right: none;
border-bottom: 1px solid transparent;
}
.columns-layout15 .modules-columns .mod-column-3 {
border-right: none;
border-top: 1px solid transparent;
}
@media only screen and (max-width: 1024px) {
.columns-layout3 .modules-columns .mod-column-2,
.columns-layout5 .modules-columns .mod-column-2 {
border-right: none;
}
.columns-layout3 .modules-columns .mod-column-3,
.columns-layout3 .modules-columns .mod-column-4,
.columns-layout5 .modules-columns .mod-column-3 {
border-top: 0px solid transparent;
}
.columns-layout4 .modules-columns .mod-column-1 {
border-right: none;
border-bottom: 0px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.columns-layout2 .modules-columns .mod-column-1,
.columns-layout2 .modules-columns .mod-column-2,
.columns-layout6 .modules-columns .mod-column-1,
.columns-layout7 .modules-columns .mod-column-1,
.columns-layout8 .modules-columns .mod-column-1,
.columns-layout9 .modules-columns .mod-column-1,
.columns-layout10 .modules-columns .mod-column-1,
.columns-layout10 .modules-columns .mod-column-2,
.columns-layout11 .modules-columns .mod-column-1,
.columns-layout11 .modules-columns .mod-column-2,
.columns-layout16 .modules-columns .mod-column-1,
.columns-layout16 .modules-columns .mod-column-2 {
border-right: none;
border-bottom: 0px solid transparent;
}
}
@media only screen and (max-width: 568px) {
.columns-layout1 .modules-columns .mod-column-1,
.columns-layout3 .modules-columns .mod-column-1,
.columns-layout3 .modules-columns .mod-column-2,
.columns-layout3 .modules-columns .mod-column-3,
.columns-layout4 .modules-columns .mod-column-2,
.columns-layout5 .modules-columns .mod-column-1,
.columns-layout5 .modules-columns .mod-column-2,
.columns-layout12 .modules-columns .mod-column-1,
.columns-layout13 .modules-columns .mod-column-1,
.columns-layout14 .modules-columns .mod-column-2,
.columns-layout15 .modules-columns .mod-column-1 {
border-right: none;
border-bottom: 0px solid transparent;
}
.columns-layout5 .modules-columns .mod-column-3 {
border: none;
}
} .modules-wrapper {
float: left;
width: 66%;
}
.type-wrapper.sidebar-left .modules-wrapper {
float: right;
}
.type-wrapper.sidebar-right .widget-area {
float: right;
}
.type-wrapper.sidebar-left .widget-area {
float: left;
}
.modules-wrapper .quadro-mod {
background: none !important;
margin-bottom: 40px;
padding: 0 !important;
}
.modules-wrapper .quadro-mod:last-of-type {
margin-bottom: 0;
} .canvas-content > *:last-child {
margin-bottom: 0;
}
.type-canvas iframe {
display: block;
} .type-slogan {
text-align: center;
}
.type-slogan.size-giant {
height: 100vh;
max-height: 1200px;
min-height: 600px;
}
.type-slogan.size-regular {
padding: 100px 40px;
}
.type-slogan.align-left {
text-align: left;
}
.type-slogan.align-right {
text-align: right;
}
.slogan-slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
z-index: 0;
}
.slogan-slider ul {
width: 100%;
height: 100%;
}
.slogan-slider li {
display: none;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.slogan-video-back,
.mobile-video-poster {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
height: auto;
min-height: 100%;
width: auto;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.mobile-video-poster {
max-width: none;
height: 100%;
}
.type-slogan.size-giant .mod-content,
.type-slogan.size-giant .mod-content .inner-mod {
width: 100%;
height: 100%;
}
.type-slogan .slogan-wrapper {
margin: 0 auto;
z-index: 9;
}
.type-slogan.size-giant .slogan-wrapper {
position: absolute;
right: 0;
bottom: 40px;
left: 0;
}
.type-slogan.size-giant.align-left .slogan-wrapper {
right: auto;
left: 0;
margin: 0 auto 0 0;
}
.type-slogan.size-giant.align-right .slogan-wrapper {
left: auto;
right: 0;
margin: 0 0 0 auto;
}
.type-slogan .slogan-content-wrapper h1 { font-size: 100px; line-height: 1.3; margin-bottom: 15px; }
.type-slogan .slogan-content-wrapper h2 { font-size: 80px; line-height: 1.3; margin-bottom: 15px; }
.type-slogan .slogan-content-wrapper h3 { font-size: 64px; line-height: 1.3; margin-bottom: 15px; }
.type-slogan .slogan-content-wrapper h4 { font-size: 50px; line-height: 1.4; margin-bottom: 15px; }
.type-slogan .slogan-content-wrapper h5 { font-size: 40px; line-height: 1.5; margin-bottom: 15px; }
.type-slogan .slogan-content-wrapper h6 { font-size: 28px; line-height: 1.5; margin-bottom: 15px; }
.type-slogan .slogan-content-wrapper p  { font-size: 36px; line-height: 1.5; margin-bottom: 15px; }
.type-slogan .slogan-content-wrapper p.small  { font-size: 26px; line-height: 1.5; margin-bottom: 15px; }
.type-slogan .slogan-content-wrapper > *:last-child {
margin-bottom: 0;
}
.qbtn.slogan-call-to-action {
margin-top: 40px;
text-align: center;
}
.qbtn.slogan-call-to-action.qbtnbg:hover {
zoom: 1;
filter: alpha(opacity=85);
opacity: 0.85;
}
.qbtn.slogan-call-to-action:nth-of-type(2) {
margin: 20px 0 0 10px;
}
.qbtn.slogan-call-to-action i {
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
} .type-blog.blog-style-classic {
overflow: visible;
} .type-gallery {
padding: 3px !important;
}
.type-gallery.modtitle-true {
padding-top: 60px !important;
}
.gallery-gallery ul li {
position: relative;
float: left;
}
.gallery-gallery ul li img {
display: block;
margin: 0 auto;
}
.gallery-gallery ul li a {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.type-gallery .gallery-gallery li .gallery-caption {
right: 10px;
bottom: 10px;
margin-left: 10px;
background: #000;
font-size: 13px;
z-index: 9;
} .style-masonry .gallery-gallery ul li img,
.style-grid .gallery-gallery ul li img {
padding: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.style-masonry .gallery-gallery ul li a,
.style-grid .gallery-gallery ul li a {
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
}
.style-masonry.layout-layout1 .gallery-gallery ul li,
.style-grid.layout-layout1 .gallery-gallery ul li {
width: 100%;
}
.style-masonry.layout-layout2 .gallery-gallery ul li,
.style-grid.layout-layout2 .gallery-gallery ul li,
.style-masonry.layout-layout3 .gallery-gallery ul li,
.style-grid.layout-layout3 .gallery-gallery ul li,
.style-masonry.layout-layout4 .gallery-gallery ul li,
.style-grid.layout-layout4 .gallery-gallery ul li,
.style-masonry.layout-layout5 .gallery-gallery ul li,
.style-grid.layout-layout5 .gallery-gallery ul li {
width: 50%;
}
@media only screen and (min-width: 569px) {
.style-masonry.layout-layout3 .gallery-gallery ul li,
.style-grid.layout-layout3 .gallery-gallery ul li,
.style-masonry.layout-layout5 .gallery-gallery ul li,
.style-grid.layout-layout5 .gallery-gallery ul li {
width: 33.3333%;
}
.style-masonry.layout-layout4 .gallery-gallery ul li,
.style-grid.layout-layout4 .gallery-gallery ul li {
width: 25%;
}
}
@media only screen and (min-width: 769px) {
.style-masonry.layout-layout5 .gallery-gallery ul li,
.style-grid.layout-layout5 .gallery-gallery ul li {
width: 20%;
}
} .style-mosaic .gallery-gallery ul li {
width: 33.3333%;
height: 300px;
}
@media only screen and (max-width: 768px) {
.style-mosaic .gallery-gallery ul li {
height: 220px;
}
}
@media only screen and (max-width: 568px) {
.style-mosaic .gallery-gallery ul li {
height: 140px;
}
}
.mosaic-item {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
} .style-mosaic.layout-layout1 li.gal-pos-1,
.style-mosaic.layout-layout1 li.gal-pos-2 {
width: 50%;
}
.style-mosaic.layout-layout1 li.gal-pos-3 {
width: 100%;
height: 480px;
} .style-mosaic.layout-layout2 li.gal-pos-4,
.style-mosaic.layout-layout2 li.gal-pos-5,
.style-mosaic.layout-layout2 li.gal-pos-6 {
width: 50%;
}
.style-mosaic.layout-layout2 li.gal-pos-4,
.style-mosaic.layout-layout2 li.gal-pos-5,
.style-mosaic.layout-layout2 li.gal-pos-6 {
height: 480px;
}
.style-mosaic.layout-layout2 li.gal-pos-7,
.style-mosaic.layout-layout2 li.gal-pos-8,
.style-mosaic.layout-layout2 li.gal-pos-9,
.style-mosaic.layout-layout2 li.gal-pos-10 {
width: 25%;
height: 240px;
} .style-mosaic.layout-layout3 li.gal-pos-1,
.style-mosaic.layout-layout3 li.gal-pos-8 {
width: 66.6666%;
height: 600px;
}
.style-mosaic.layout-layout3 li.gal-pos-8 {
float: right;
} .style-mosaic.layout-layout4 ul li {
height: 240px;
}
.style-mosaic.layout-layout4 li.gal-pos-1 {
width: 66.6666%;
height: 480px;
}
.style-mosaic.layout-layout4 li.gal-pos-5,
.style-mosaic.layout-layout4 li.gal-pos-6 {
float: right;
height: 480px;
} .style-mosaic.layout-layout5 li.gal-pos-1,
.style-mosaic.layout-layout5 li.gal-pos-7 {
width: 50%;
height: 600px;
}
.style-mosaic.layout-layout5 li.gal-pos-7 {
float: right;
}
.style-mosaic.layout-layout5 li.gal-pos-2,
.style-mosaic.layout-layout5 li.gal-pos-8 {
width: 50%;
}
.style-mosaic.layout-layout5 li.gal-pos-3,
.style-mosaic.layout-layout5 li.gal-pos-4,
.style-mosaic.layout-layout5 li.gal-pos-5,
.style-mosaic.layout-layout5 li.gal-pos-6 {
width: 25%;
}
@media only screen and (max-width: 768px) { .style-mosaic.layout-layout1 li.gal-pos-3,
.style-mosaic.layout-layout2 li.gal-pos-4,
.style-mosaic.layout-layout2 li.gal-pos-5,
.style-mosaic.layout-layout2 li.gal-pos-6,
.style-mosaic.layout-layout4 li.gal-pos-1,
.style-mosaic.layout-layout4 li.gal-pos-5,
.style-mosaic.layout-layout4 li.gal-pos-6 {
height: 360px;
} .style-mosaic.layout-layout2 li.gal-pos-7,
.style-mosaic.layout-layout2 li.gal-pos-8,
.style-mosaic.layout-layout2 li.gal-pos-9,
.style-mosaic.layout-layout2 li.gal-pos-10,
.style-mosaic.layout-layout4 ul li {
height: 180px;
} .style-mosaic.layout-layout3 li.gal-pos-1,
.style-mosaic.layout-layout3 li.gal-pos-8,
.style-mosaic.layout-layout5 li.gal-pos-1,
.style-mosaic.layout-layout5 li.gal-pos-7 {
height: 440px;
}
}
@media only screen and (max-width: 568px) { .style-mosaic.layout-layout1 li.gal-pos-3,
.style-mosaic.layout-layout2 li.gal-pos-4,
.style-mosaic.layout-layout2 li.gal-pos-5,
.style-mosaic.layout-layout2 li.gal-pos-6,
.style-mosaic.layout-layout4 li.gal-pos-1,
.style-mosaic.layout-layout4 li.gal-pos-5,
.style-mosaic.layout-layout4 li.gal-pos-6 {
height: 200px;
} .style-mosaic.layout-layout2 li.gal-pos-7,
.style-mosaic.layout-layout2 li.gal-pos-8,
.style-mosaic.layout-layout2 li.gal-pos-9,
.style-mosaic.layout-layout2 li.gal-pos-10,
.style-mosaic.layout-layout4 ul li {
height: 100px;
} .style-mosaic.layout-layout3 li.gal-pos-1,
.style-mosaic.layout-layout3 li.gal-pos-8,
.style-mosaic.layout-layout5 li.gal-pos-1,
.style-mosaic.layout-layout5 li.gal-pos-7 {
height: 280px;
}
} .type-cgallery.no-margins {
padding: 0;
}
.cgallery-gallery .slides li {
position: relative;
}
.cgallery-gallery .slides li img {
width: auto;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.type-cgallery.with-margins .cgallery-gallery .slides li img {
margin-right: 10px;
}
.type-cgallery.with-margins.size-xlarge .cgallery-gallery .slides li img {
margin-right: 0;
}
.type-cgallery.size-small .cgallery-gallery .slides li img {
height: 300px;
}
.type-cgallery.size-medium .cgallery-gallery .slides li img {
height: 500px;
}
.type-cgallery.size-large .cgallery-gallery .slides li img {
height: 700px;
}
.type-cgallery.size-xlarge .cgallery-gallery .slides li img {
width: 100%;
height: auto;
}
.center-enabled .cgallery-gallery .slides li img {
zoom: 1;
filter: alpha(opacity=20);
opacity: 0.2;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.center-enabled .cgallery-gallery .slides li.slick-slide.slick-current.slick-center img,
.center-enabled .cgallery-gallery .slides .slick-slide.slick-current.slick-center img {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.lightbox-enabled .cgallery-gallery .slides li:hover img {
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
}
.cgallery-gallery ul li a {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.type-cgallery .cgallery-gallery li .gallery-caption {
right: 10px;
bottom: 10px;
margin-left: 10px;
z-index: 9;
} .type-cta.size-small {
padding-top: 30px;
padding-bottom: 30px;
}
.cta-wrapper {
position: relative;
max-width: 700px;
margin: 0 auto;
}
.type-cta.layout-layout3 .cta-wrapper,
.type-cta.layout-layout4 .cta-wrapper {
max-width: none;
}
.cta-content-wrapper {
width: 58%;
line-height: 1.5;
}
.cta-content-wrapper * {
margin-bottom: 5px;
}
.cta-content-wrapper *:last-child {
margin-bottom: 0;
}
.type-cta.layout-layout1 .cta-button-wrapper {
position: absolute;
top: 50%;
right: 0;
width: 38%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.cta-button-wrapper {
text-align: center;
}
.type-cta.layout-layout3 .cta-button-wrapper {
text-align: left;
}
.type-cta.layout-layout4 .cta-button-wrapper {
text-align: right;
}
.qbtn.cta-button {
min-width: 100px;
text-align: center;
}
.type-cta.button-size-medium .qbtn.cta-button {
padding: 20px 40px;
font-size: 14px;
}
.type-cta.button-size-big .qbtn.cta-button {
width: 100%;
min-width: 0;
padding: 20px;
font-size: 15px;
line-height: 26px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.type-cta.button-size-big.layout-layout3 .qbtn.cta-button {
max-width: 700px;
margin-left: 0;
}
.type-cta.button-size-big.layout-layout4 .qbtn.cta-button {
max-width: 700px;
margin-right: 0;
}
.qbtn.cta-button.qbtnbg:hover {
zoom: 1;
filter: alpha(opacity=85);
opacity: 0.85;
} .carousel-wrapper {
position: relative;
margin-left: -20px;
padding-right: 100px;
overflow: hidden;
}
.carousel-wrapper .flex-direction-nav {
position: absolute;
top: 0;
right: 0;
width: 82px;
height: 40px;
}
.carousel-wrapper .flex-direction-nav a {
width: 40px;
height: 40px;
line-height: 40px;
background: none;
color: #000 !important;
border: 1px solid #dedede;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.carousel-wrapper .flex-direction-nav a:hover {
background: #000;
border-color: #000;
color: #fff !important;
}
.carousel-item {
display: none;
float: left;
width: 33.3333%;
}
.carousel-item article {
position: relative;
width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.carousel-item .entry-thumbnail {
margin: 0 0 20px;
}
.carousel-content {}
.carousel-item .cat-links {
display: block;
margin-bottom: 10px;
font-size: 11px;
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
.carousel-item .cat-links,
.carousel-item .cat-links a {
color: #000;
}
.carousel-item .entry-title {
margin: 0;
font-size: 20px;
line-height: 1.7;
}
.carousel-item .entry-summary {
margin-top: 10px;
font-size: 90%;
} .quadro-mod.type-image.img-align-left,
.quadro-mod.type-image.img-align-right {
padding: 0;
}
.quadro-mod.type-image.img-align-center {
padding-top: 0;
padding-bottom: 0;
}
.type-image .mod-content img {
display: block;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.type-image.img-align-left .img-container {
padding-right: 80px;
}
.type-image.img-align-left .mod-content img {
margin: 0 auto 0 0;
}
.type-image.img-align-right .img-container {
padding-left: 80px;
}
.type-image.img-align-right .mod-content img {
margin: 0 0 0 auto;
}
.quadro-mod.type-image.shadow-on {
overflow: visible;
}
.quadro-mod.type-image.shadow-on .mod-content .inner-mod {
padding-bottom: 30px;
}
.image-legend {
margin: 12px 0 0;
padding: 0 12px;
text-align: center;
font-size: 90%;
}
.image-legend p {
margin: 0;
} .ibox-wrapper {
max-width: 480px;
margin: 0 auto;
padding: 60px 40px;
border: 4px solid #000;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.type-ibox.position-left .ibox-wrapper {
float: left;
}
.type-ibox.position-right .ibox-wrapper {
float: right;
}
.ibox-icon {
display: block;
color: #000;
font-size: 36px;
line-height: 1;
}
.ibox-title {
display: block;
margin-bottom: 0;
color: #000;
}
.ibox-text {
display: block;
}
.ibox-text * {
margin-bottom: 10px;
}
.ibox-text p {
font-size: 90%;
}
.ibox-text *:last-of-type {
margin-bottom: 0;
}
.qbtn.ibox-button {
min-width: 100px;
margin-top: 30px;
}
.ibox-icon + .ibox-title,
.ibox-title + .ibox-text,
.ibox-icon + .ibox-text {
margin-top: 20px;
} .insights {
list-style: none;
margin: 0;
}
.insight {
margin-top: 60px;
}
.insight:first-of-type {
margin-top: 0;
}
.insight img {
float: left;
display: block;
width: 55%;
}
.insight-content {
position: relative;
float: left;
width: 45%;
margin: 60px 0 0;
padding: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 9;
}
.insight-content *:last-child {
margin-bottom: 0;
}
.insight-title {
margin-bottom: 0;
margin-left: -140px;
font-size: 42px;
line-height: 1.4;
color: #000;
}
@media only screen and (min-width: 769px) {
.insight-title {
font-size: 54px;
line-height: 1.3;
}
}
@media only screen and (min-width: 1024px) {
.insight-title {
font-size: 64px;
}
}
.insight-text {
max-width: 400px;
}
.insight-title + .insight-text {
margin-top: 20px;
}
.insight-text * {
margin-bottom: 12px;
}
.insight-link {
margin-top: 30px;
} .layout2-insight .insight-content {
text-align: right;
}
.layout2-insight .insight-title {
margin: 0 -140px 0 0;
}
.layout2-insight .insight-text {
margin-left: auto;
} .layout3-insight img,
.layout3-insight .insight-content,
.layout4-insight img,
.layout4-insight .insight-content {
width: 100%;
}
.layout3-insight .insight-content,
.layout4-insight .insight-content {
max-width: 960px;
margin: 0;
}
.layout4-insight .insight-content {
float: right;
text-align: right;
margin-bottom: -160px;
}
.layout3-insight .insight-title {
margin: -160px 0 0;
}
.layout4-insight .insight-title {
margin: 0;
}
.layout4-insight .insight-text {
margin-left: auto;
} .quadro-mod.type-sl-insights {
padding: 0;
}
.sl-insight {
position: relative;
float: left;
width: 100%;
}
.sl-insight-img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 55%;
background-size: cover;
background-position: center;
}
.layout2-sl-insight .sl-insight-img {
left: auto;
right: 0;
}
.sl-insight-content {
float: right;
width: 45%;
padding: 140px 80px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.layout2-sl-insight .sl-insight-content {
float: left;
}
.sl-insight-tagline {
margin-bottom: 50px;
font-size: 14px;
line-height: 20px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
.sl-insight-text * {
margin-bottom: 12px;
}
.sl-insight-text *:last-child {
margin-bottom: 0;
}
.sl-insight-text p {
max-width: 400px;
}
.sl-insight-link {
margin-top: 50px;
}
.type-sl-insights .flex-direction-nav a.flex-prev,
.type-sl-insights .flex-direction-nav a.flex-next {
background: #fff;
color: #000 !important;
}
.type-sl-insights.nav-numbered .flex-direction-nav {
display: none;
}
.type-sl-insights.nav-arrows .flex-control-nav {
display: none;
}
.type-sl-insights .flex-control-nav {
top: 40px;
right: 30px;
bottom: auto;
left: auto;
width: 30px;
margin: 0;
text-align: center;
}
.type-sl-insights .flex-control-nav li {
display: inline-block;
margin: 0 0 5px;
}
.type-sl-insights .flex-control-nav a {
display: block;
text-indent: 0;
width: 20px;
height: auto;
background: none;
border: 2px solid transparent;
line-height: 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: 14px;
font-weight: normal;
color: #000;
cursor: default;
}
.type-sl-insights .flex-control-nav .flex-active {
border: 2px solid;
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
} .leadbox-wrapper {
position: relative;
max-width: 700px;
margin: 0 auto;
padding: 50px 40px;
border: 4px solid #000;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.leadbox-wrapper > *:last-child {
margin-bottom: 0;
}
.leadbox-img {
display: block;
margin: -50px -40px 40px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.leadbox-img img {
display: block;
margin: 0 auto;
}
.leadbox-icon {
display: block;
font-size: 24px;
position: absolute;
top: -26px;
left: 0;
right: 0;
width: 60px;
height: 60px;
margin: 0 auto;
background: #fafafa;
border: 3px solid;
line-height: 52px;
color: #000;
text-align: center;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.leadbox-title {
margin-bottom: 0;
color: #000;
}
.leadbox-text {}
.leadbox-text > *:last-child {
margin-bottom: 0;
}
.leadbox-form {
display: block;
max-width: 480px;
margin: 0 auto;
}
.leadbox-form.leadbox-hide {
display: none;
}
.leadbox-form input {
padding: 10px 15px !important;
}
.leadbox-form input[type="text"],
.leadbox-form input[type="email"] {
float: left;
width: 49%;
margin: 0 2% 0 0;
padding: 10px 15px !important;
border: 1px solid;
color: #000;
line-height: 26px;
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
.leadbox-form input:nth-of-type(2n) {
margin-right: 0;
}
.leadbox-form input[type="text"]:focus,
.leadbox-form input[type="email"]:focus {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.leadbox-form input::-webkit-input-placeholder { color: #000; }
.leadbox-form input::-moz-placeholder { color: #000; }
.leadbox-form input:-ms-input-placeholder { color: #000; }
.leadbox-form input:-moz-placeholder { color: #000; }
.qbtn.at-leadbox-submit {
display: block;
float: left;
width: 100%;
margin-top: 10px;
line-height: 32px;
}
.qbtn.at-leadbox-submit.qbtnbg:hover {
zoom: 1;
filter: alpha(opacity=85);
opacity: 0.85;
} .leadbox-form.one-input input[type="email"] {
width: 66%;
line-height: 30px;
}
.leadbox-form.one-input .qbtn.at-leadbox-submit {
display: inline-block;
float: right;
width: 32%;
margin: 0;
padding: 10px 5px !important;
line-height: 28px;
}
.leadbox-ftext {
margin: 20px 0 0;
font-size: 12px;
line-height: 1.5;
text-align: center;
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
.leadbox-ftext i.fa {
margin: 0 3px;
}
.leadbox-title + .leadbox-text,
.leadbox-icon + .leadbox-text {
margin-top: 20px;
}
* + .leadbox-form-wrapper {
margin-top: 30px;
} .type-leadbox.layout-layout2 .leadbox-wrapper,
.type-leadbox.layout-layout3 .leadbox-wrapper {
max-width: 860px;
}
.type-leadbox.layout-layout2 .leadbox-img,
.type-leadbox.layout-layout3 .leadbox-img {
display: inline-block;
width: 42%;
margin: 0;
padding-right: 40px;
vertical-align: middle;
}
.type-leadbox.layout-layout3 .leadbox-img {
padding: 0 0 0 40px;
}
.type-leadbox.layout-layout2 .leadbox-content,
.type-leadbox.layout-layout3 .leadbox-content {
display: inline-block;
width: 57%;
vertical-align: middle;
} @media only screen and (min-width: 569px) {
.type-leadbox.layout-layout4 .leadbox-wrapper,
.type-leadbox.layout-layout5 .leadbox-wrapper {
float: left;
margin: 0;
width: 50%;
min-width: 400px;
}
.type-leadbox.layout-layout5 .leadbox-wrapper {
float: right;
}
} .type-leadbox.layout-layout6,
.type-leadbox.layout-layout7 {
padding: 0 !important;
}
.type-leadbox.layout-layout6 .leadbox-wrapper,
.type-leadbox.layout-layout7 .leadbox-wrapper {
position: static;
border: none !important;
}
.type-leadbox.layout-layout6 .leadbox-icon,
.type-leadbox.layout-layout7 .leadbox-icon {
position: static;
margin-bottom: 30px;
}
@media only screen and (min-width: 769px) {
.type-leadbox.layout-layout6 .leadbox-wrapper,
.type-leadbox.layout-layout7 .leadbox-wrapper {
float: right;
width: 50%;
margin: 0;
padding: 140px 40px;
}
.type-leadbox.layout-layout7 .leadbox-wrapper {
float: left;
}
.type-leadbox.layout-layout6 .leadbox-img,
.type-leadbox.layout-layout7 .leadbox-img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50%;
height: 100%;
margin: 0;
background-position: center;
background-size: cover;
}
.type-leadbox.layout-layout7 .leadbox-img {
left: auto;
right: 0;
}
} @media only screen and (min-width: 769px) {
.type-leadbox.layout-layout8 .leadbox-wrapper,
.type-leadbox.layout-layout9 .leadbox-wrapper {
position: relative;
max-width: 860px;
padding-left: 340px;
}
.type-leadbox.layout-layout9 .leadbox-wrapper {
padding: 40px 340px 40px 40px;
}
.type-leadbox.layout-layout8 .leadbox-icon {
left: 300px;
}
.type-leadbox.layout-layout9 .leadbox-icon {
right: 300px;
}
.type-leadbox.layout-layout8 .leadbox-img,
.type-leadbox.layout-layout9 .leadbox-img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 300px;
height: 100%;
margin: 0;
background-position: center;
background-size: cover;
}
.type-leadbox.layout-layout9 .leadbox-img {
left: auto;
right: 0;
}
} .type-leadbox.layout-layout10 {
padding: 40px;
}
.type-leadbox.layout-layout10 .mod-header {
margin-bottom: 40px;
}
.type-leadbox.layout-layout10 .leadbox-wrapper {
max-width: none;
padding: 0 60px;
border: none !important;
}
.type-leadbox.layout-layout10 .leadbox-icon {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
margin: 0;
border-width: 2px;
font-size: 20px;
line-height: 44px;
}
.type-leadbox.layout-layout10 .leadbox-text-wrapper {
display: inline-block;
width: 39%;
padding: 0 20px;
text-align: left;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.type-leadbox.layout-layout10 .leadbox-title {
font-size: 24px;
}
.type-leadbox.layout-layout10 .leadbox-text {
margin: 0;
}
.type-leadbox.layout-layout10 .leadbox-form-wrapper {
display: inline-block;
width: 60%;
margin: 0;
padding: 0 20px;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.type-leadbox.layout-layout10 .leadbox-form {
max-width: none;
position: relative;
}
@media only screen and (min-width: 1025px) {
.type-leadbox.layout-layout10 .leadbox-form.two-inputs input[type="text"],
.type-leadbox.layout-layout10 .leadbox-form.two-inputs input[type="email"] {
width: 36%;
line-height: 30px;
}
.type-leadbox.layout-layout10 .qbtn.at-leadbox-submit {
display: inline-block;
float: right;
width: 32%;
margin: 0;
padding: 10px 5px !important;
line-height: 28px;
}
.type-leadbox.layout-layout10 .leadbox-form.two-inputs .qbtn.at-leadbox-submit {
width: 24%;
}
}
.type-leadbox.layout-layout10 .leadbox-error-msg {
max-width: none;
}
.type-leadbox.layout-layout10 .leadbox-ftext {
position: absolute;
right: 0;
bottom: -30px;
left: 0;
margin: 0 auto;
}
.leadbox-form-wrapper {
position: relative;
}
.leadbox-loader {
position: absolute;
top: -2000px;
left: 0;
right: 0;
width: 30px;
height: 30px;
margin: 0 auto;
font-size: 18px;
line-height: 30px;
text-align: center;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.leadbox-loader.leadbox-show {
top: 0;
bottom: 0;
margin: auto;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.leadbox-loader i {
display: inline-block;
width: 30px;
line-height: 30px;
vertical-align: middle;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.leadbox-submit-msg {
position: absolute;
top: -2000px;
max-width: 400px;
margin: 0 auto;
padding: 20px;
border: 1px dotted;
font-size: 80%;
font-weight: bold;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.leadbox-submit-msg.leadbox-wait {
position: static;
}
.leadbox-submit-msg.leadbox-show {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-animation: moveUp 0.5s ease forwards;
animation: moveUp 0.5s ease forwards;
}
@-webkit-keyframes moveUp {
0% 		{}
100% 	{ -webkit-transform: translateY(0); opacity: 1; }
}
@keyframes moveUp {
0% 		{}
100% 	{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
.leadbox-submit-msg *:last-child {
margin-bottom: 0;
}
.leadbox-error-msg {
max-width: 400px;
margin: 0 auto;
padding: 20px;
border: 1px dotted;
font-size: 80%;
font-weight: bolder;
}
.at-leadbox-consent-label {
position: relative;
float: left;
width: 100%;
margin: 10px 0 0;
padding-left: 20px;
text-align: left;
font-size: 14px;
line-height: 1.5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.at-leadbox-consent-label input[type="checkbox"] {
position: absolute;
top: 2px;
left: 0;
font-size: 16px;
}
.at-leadbox-consent-label p {
margin: 0;
} .type-logos.logos-still {
padding-top: 40px;
padding-bottom: 40px;
}
.type-logos.logos-carousel {
padding-top: 20px;
padding-bottom: 20px;
}
.logos-carousel .logos-wrapper {
padding: 0 60px;
}
.logos-still .logos-wrapper .logos {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -40px;
}
.logos-still.six-columns .logos-wrapper .logos,
.logos-still.seven-columns .logos-wrapper .logos {
margin: 0 -30px;
}
.logo-profile {}
.logos-still.three-columns .logo-profile {
width: 33.3333%;
}
.logos-still.four-columns .logo-profile {
width: 25%;
}
.logos-still.five-columns .logo-profile {
width: 20%;
}
.logos-still.six-columns .logo-profile {
width: 16.6666%;
}
.logos-still.seven-columns .logo-profile {
width: 14.2857%;
}
.logos-still.three-columns .logo-profile:nth-child(n+4),
.logos-still.four-columns .logo-profile:nth-child(n+5),
.logos-still.five-columns .logo-profile:nth-child(n+6),
.logos-still.six-columns .logo-profile:nth-child(n+7),
.logos-still.seven-columns .logo-profile:nth-child(n+8) {
margin-top: 40px;
}
.logo-content {
position: relative;
text-align: center;
}
.logos-carousel .logo-content {
height: 120px;
}
.logo-link {
display: block;
}
.logo-content img {
display: block;
max-width: 100%;
height: auto;
max-height: 100%;
margin: auto;
padding: 0 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.two-columns .logo-content img,
.three-columns .logo-content img {
}
.six-columns .logo-content img,
.seven-columns .logo-content img {
padding: 0 30px;
}
.logos-carousel .logo-content img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.logos-wrapper .flex-direction-nav a {
background: none;
color: #000 !important;
font-size: 32px;
zoom: 1;
filter: alpha(opacity=40);
opacity: 0.4;
}
.logos-wrapper .flex-direction-nav a:hover {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
} .type-magazine ul.magazine-items {
list-style: none;
margin: 0 -20px;
}
.mag-grid-sizer,
.magazine-item {
float: left;
width: 25%;
}
.magazine-item article {
margin: 0 20px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.magazine-item .entry-thumbnail {
position: relative;
margin: 0 0 20px;
z-index: 9;
}
.magazine-item:hover .entry-thumbnail {
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.magazine-item .cat-links {
display: block;
margin-bottom: 10px;
font-size: 11px;
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
.magazine-item .cat-links,
.magazine-item .cat-links a {
color: #000;
}
.magazine-content {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 99;
}
.magazine-item .entry-title {
font-size: 20px;
line-height: 1.7;
}
.magazine-item .entry-summary {
font-size: 90%;
margin-top: 5px;
}
.magazine-layout1 .magazine-item1,
.magazine-layout2 .magazine-item2,
.magazine-layout2 .magazine-item6,
.magazine-layout4 .magazine-item,
.magazine-layout5 .magazine-item,
.magazine-layout6.mag-columns-two .magazine-item {
width: 50%;
}
.magazine-layout3 .magazine-item,
.magazine-layout6.mag-columns-three .magazine-item,
.magazine-layout6.mag-columns-three .mag-grid-sizer {
width: 33.3333%;
}
.magazine-layout7 .magazine-item {
float: none;
width: 100%;
max-width: 800px;
margin: 0 auto 40px;
}
.magazine-layout7 .magazine-item:last-of-type {
margin-bottom: 0;
}
.magazine-layout1 .magazine-item2,
.magazine-layout1 .magazine-item3,
.magazine-layout2 .magazine-item1,
.magazine-layout2 .magazine-item2,
.magazine-layout2 .magazine-item3,
.magazine-layout3 .magazine-item3,
.magazine-layout3 .magazine-item4,
.magazine-layout4 .magazine-item:nth-of-type(-n+4) {
margin-bottom: 40px;
}
.magazine-layout5 .magazine-item:nth-of-type(n+3),
.magazine-layout6.mag-columns-two .magazine-item:nth-of-type(n+3),
.magazine-layout6.mag-columns-three .magazine-item:nth-of-type(n+4),
.magazine-layout6.mag-columns-four .magazine-item:nth-of-type(n+5) {
margin-top: 40px;
}
.magazine-layout4 .magazine-item:nth-of-type(2n+1) {
clear: left;
}
.magazine-layout1 .magazine-item2 article,
.magazine-layout1 .magazine-item3 article,
.magazine-layout2 .magazine-item1 article,
.magazine-layout2 .magazine-item2 article,
.magazine-layout3 .magazine-item3 article,
.magazine-layout3 .magazine-item4 article,
.magazine-layout2 .magazine-item3 article,
.magazine-layout4 .magazine-item:nth-of-type(-n+4) article,
.magazine-layout7 .magazine-item article {
padding-bottom: 40px;
border-bottom: 1px solid #dedede;
}
.magazine-layout5 .magazine-item:nth-of-type(n+3) article,
.magazine-layout6.mag-columns-two .magazine-item:nth-of-type(n+3) article,
.magazine-layout6.mag-columns-three .magazine-item:nth-of-type(n+4) article,
.magazine-layout6.mag-columns-four .magazine-item:nth-of-type(n+5) article {
padding-top: 40px;
border-top: 1px solid #dedede;
}
.magazine-layout7 .magazine-item:last-of-type article {
padding: 0;
border: none;
}
.magazine-layout2 .magazine-item6 .entry-thumbnail,
.magazine-layout4 .magazine-item:nth-of-type(n+3) .entry-thumbnail,
.magazine-layout5 .entry-thumbnail {
float: left;
width: 30%;
margin: 0 4% 0 0;
}
.magazine-layout5 .entry-thumbnail {
width: 20%;
}
.magazine-layout2 .magazine-item6.format-video .entry-thumbnail a:after,
.magazine-layout4 .magazine-item.format-video:nth-of-type(n+3) .entry-thumbnail a:after,
.magazine-layout5 .magazine-item.format-video .entry-thumbnail a:after {
width: 30px;
height: 30px;
font-size: 10px;
line-height: 30px;
}
.magazine-layout3 .magazine-item3 .entry-thumbnail,
.magazine-layout3 .magazine-item4 .entry-thumbnail,
.magazine-layout3 .magazine-item5 .entry-thumbnail,
.magazine-layout3 .magazine-item6 .entry-thumbnail,
.magazine-layout7 .magazine-item .entry-thumbnail {
position: absolute;
top: 35px;
left: 0;
width: 60px;
margin: 0;
}
.magazine-layout7 .magazine-item .entry-thumbnail {
width: 180px;
}
.magazine-layout3 .magazine-item3.format-video .entry-thumbnail a:after,
.magazine-layout3 .magazine-item4.format-video .entry-thumbnail a:after,
.magazine-layout3 .magazine-item5.format-video .entry-thumbnail a:after,
.magazine-layout3 .magazine-item6.format-video .entry-thumbnail a:after {
display: none;
}
.magazine-layout2 .magazine-item6 .magazine-content,
.magazine-layout4 .magazine-item:nth-of-type(n+3) .magazine-content,
.magazine-layout5 .magazine-content {
float: left;
width: 66%;
}
.magazine-layout5 .magazine-content {
width: 76%;
}
.magazine-layout1 .magazine-item1 .magazine-content,
.magazine-layout2 .magazine-item2 .magazine-content,
.magazine-layout4 .magazine-item1 .magazine-content,
.magazine-layout4 .magazine-item2 .magazine-content {
width: 86%;
padding: 30px;
margin: -80px auto 0;
background: #fff;
}
.magazine-layout3 .magazine-item3.has-post-thumbnail .magazine-content,
.magazine-layout3 .magazine-item4.has-post-thumbnail .magazine-content,
.magazine-layout3 .magazine-item5.has-post-thumbnail .magazine-content,
.magazine-layout3 .magazine-item6.has-post-thumbnail .magazine-content,
.magazine-layout3 .magazine-item3.format-video .magazine-content,
.magazine-layout3 .magazine-item4.format-video .magazine-content,
.magazine-layout3 .magazine-item5.format-video .magazine-content,
.magazine-layout3 .magazine-item6.format-video .magazine-content {
margin-left: 75px;
min-height: 65px;
}
.magazine-layout7 .magazine-item.has-post-thumbnail .magazine-content,
.magazine-layout7 .magazine-item.format-video .magazine-content {
margin-left: 210px;
min-height: 185px;
}
.magazine-layout1 .magazine-item1 .entry-title,
.magazine-layout2 .magazine-item2 .entry-title,
.magazine-layout3 .magazine-item1 .entry-title,
.magazine-layout3 .magazine-item2 .entry-title,
.magazine-layout4 .magazine-item1 .entry-title,
.magazine-layout4 .magazine-item2 .entry-title {
font-size: 28px;
line-height: 1.5;	
}
.magazine-layout7 .magazine-item .entry-title {
font-size: 24px;
}
.type-magazine .paging-navigation {
margin-top: 80px;
}
.type-magazine.magazine-layout7 .paging-navigation {
max-width: 760px;
margin-left: auto;
margin-right: auto;
} .quadro-plans {
display: table;
list-style: none;
margin: -40px;
border-spacing: 40px;
border-collapse: separate;
}
.quadro-plans.plans-1 {
display: block;
margin: 0;
}
@media only screen and (min-width: 960px) {
.quadro-plans.plans-2 {
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
}
.quadro-plans.plans-4 {
margin: -20px;
border-spacing: 20px;
}
.quadro-plans.plans-5 {
margin: -15px;
border-spacing: 15px;
}
.quadro-plan {
position: relative;
display: table-cell;
width: 33.3333%;
padding: 40px 40px 130px;
border: 1px solid transparent;
vertical-align: top;
word-break: break-word;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.quadro-plans.plans-1 .quadro-plan {
display: block;
width: 100%;
max-width: 420px;
margin: 0 auto;
}
.quadro-plans.plans-2 .quadro-plan {
width: 50%;
}
.quadro-plans.plans-4 .quadro-plan {
width: 25%;
padding: 30px 30px 120px;
}
.quadro-plans.plans-5 .quadro-plan {
width: 20%;
padding: 20px 20px 110px;
}
.quadro-plan:hover {
border: 1px solid;
}
.quadro-plan.plan-featured {
background: #fff;
-webkit-box-shadow: 0 21px 65px 0 rgba(0,0,0,0.12);
box-shadow: 0 21px 65px 0 rgba(0,0,0,0.12);
z-index: 9;
}
.quadro-plan p {
margin-bottom: 0;
}
.plan-head {
position: relative;
}
.plan-highlight {
display: inline-block;
margin-bottom: 15px;
padding: 5px 12px;
background: #000;
color: #fff;
text-align: center;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 20px;
}
.plan-title {
margin-bottom: 0;
color: #000;
}
.quadro-plans.plans-4 .quadro-plan .plan-title,
.quadro-plans.plans-5 .quadro-plan .plan-title {
font-size: 32px;
}
.plan-desc {
margin: 10px 0 0;
font-size: 95%;
line-height: 1.6;
}
.plan-price {
margin-top: 20px;
}
.price-value {}
.price-value span {
display: inline-block;
}
.price-numb {
color: #000;
font-size: 160%;
line-height: 1;
font-weight: bolder;
}
.price-term {
font-size: 90%;
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
.price-sub {
margin-top: 5px;
font-size: 11px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 1px;
}
.plan-features {
margin-top: 30px;
font-size: 85%;
line-height: 1.5;
}
.plan-price + .plan-features {
margin-top: 20px;
padding-top: 20px;
border-top: 4px solid #000;
}
.plan-features ul {
list-style: none;
margin: 0;
}
.plan-features ul li {
margin-bottom: 10px;
}
.plan-features ul li i {
width: 20px;
margin-right: 5px;
zoom: 1;
filter: alpha(opacity=20);
opacity: 0.2;
}
.plan-button {
position: absolute;
bottom: 40px;
left: 40px;
right: 40px;
text-align: center;
}
.quadro-plans.plans-4 .quadro-plan .plan-button {
bottom: 30px;
left: 30px;
right: 30px;
}
.quadro-plans.plans-5 .quadro-plan .plan-button {
bottom: 20px;
left: 20px;
right: 20px;
}
.plan-button a.qbtn {
display: block;
height: 28px;
line-height: 28px;
padding: 16px 5px;
} .quadro-mod.type-services {
padding: 0;
}
.quadro-services {
width: 100%;
margin: 0;
list-style: none;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.quadro-service {
position: relative;
width: 100%;
padding: 80px 40px;
background-size: cover;
background-position: center;
word-break: break-word;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.one-columns .quadro-service {
display: block;
}
@media only screen and (min-width: 569px) {
.two-columns .quadro-service {
width: 50%;
}
}
@media only screen and (min-width: 769px) {
.four-columns .quadro-service,
.three-columns .quadro-service {
width: 50%;
}
}
@media only screen and (min-width: 1025px) {
.three-columns .quadro-service {
width: 33.3333%;
}
.four-columns .quadro-service {
width: 25%;
}
}
.service-content-wrapper {
position: relative;
max-width: 400px;
margin: 0 auto;
z-index: 9;
}
.service-icon {
display: inline-block;
margin-bottom: 60px;
font-size: 54px;
line-height: 54px;
}
.icon-service .service-icon {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.image-service .service-icon {
margin-bottom: 30px;
}
.service-icon img {
display: block;
}
.service-tagline {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.service-tagline + .service-title {
margin-top: 10px;
}
.service-tagline + .service-content {
margin-top: 20px;
}
.service-title {
margin-bottom: 0;
color: #000;
line-height: 1.5;
}
.service-title a {
color: #000;
}
.service-content {
font-size: 95%;
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.service-title + .service-content {
margin-top: 20px;
}
.qbtn.service-link {
margin-top: 30px;
}
.services-type2 .quadro-service {
padding: 40px;
}
.services-type2 .service-content-wrapper {
max-width: none;
padding-left: 60px;
}
.services-type2 .none-service .service-content-wrapper {
padding-left: 0;
}
.services-type2 .service-icon {
position: absolute;
top: 0;
left: 0;
width: 40px;
font-size: 28px;
line-height: 28px;
}
.services-type2 .service-title {
font-size: 120%;
}
a.service-link-wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;	
} .quadro-mod.type-slider {
padding-top: 0;
padding-bottom: 0;
}
.quadro-mod.type-slider.margins-disable {
padding: 0 !important;
}
.type-slider.margins-disable .inner-mod {
max-width: none;
}
.quadro-slides {
height: 600px;
}
.vh-used .quadro-slides {
max-height: 1200px;
min-height: 500px;
}
.quadro-slide {
display: none;
position: relative;
height: 100%;
background-size: cover;
background-position: center;
overflow: hidden;
}
.inner-slide {
position: relative;
width: 100%;
height: 100%;
margin: 0 auto;
}
.slide-content {
position: absolute;
bottom: 120px;
left: 40px;
right: 40px;
max-width: 960px;
margin: 0 auto;
text-align: center;
z-index: 9;
}
.type-slider.novh-used .slide-content {
top: 50%;
bottom: auto;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.quadro-slide.align-left .slide-content {
text-align: left;
}
.quadro-slide.align-right .slide-content {
text-align: right;
}
.slide-content h1 { font-size: 100px; line-height: 1.3; margin-bottom: 15px; }
.slide-content h2 { font-size: 80px; line-height: 1.3; margin-bottom: 15px; }
.slide-content h3 { font-size: 64px; line-height: 1.3; margin-bottom: 15px; }
.slide-content h4 { font-size: 50px; line-height: 1.4; margin-bottom: 15px; }
.slide-content h5 { font-size: 40px; line-height: 1.5; margin-bottom: 15px; }
.slide-content h6 { font-size: 28px; line-height: 1.5; margin-bottom: 15px; }
.slide-content p  { max-width: 400px; margin: 0 auto 15px; }
.quadro-slide.align-left .slide-content p { margin-left: 0; }
.quadro-slide.align-right .slide-content p { margin-right: 0; }
.slide-content > *:last-child,
.slide-content a > *:last-child {
margin-bottom: 0;
}
.qbtn.slide-content-rmore {
margin-top: 15px;
}
.type-slider .flex-direction-nav {
position: absolute;
bottom: 120px;
right: 0;
width: 100px;
height: 80px;
}
.type-slider.novh-used .flex-direction-nav {
top: 0;
bottom: 0;
margin: auto 0;
}
.type-slider .flex-direction-nav a.flex-prev,
.type-slider .flex-direction-nav a.flex-next {
background: #fff;
color: #000 !important;
} .type-pslider.no-margins {
padding: 0;
}
.type-pslider .inner-mod {
max-width: none;
min-height: 600px;
}
.quadro-pslides {
background: #fff;
}
.quadro-pslide {
display: none;
position: relative;
height: 480px !important;
background-size: cover;
background-position: center;
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
overflow: hidden;
}
.quadro-pslide.slick-current,
.slick-slide.slick-current .quadro-pslide {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
z-index: 9;
}
.quadro-pslide:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 1;
}
.pslide-caption {
position: absolute;
top: 50%;
left: 40px;
right: 40px;
max-width: 540px;
margin: 0 auto;
color: #fff;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
overflow: hidden;
z-index: 9;
}
.quadro-pslide.slick-current .pslide-caption,
.slick-slide.slick-current .quadro-pslide .pslide-caption {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.pslide-caption a {
color: #fff !important;
}
.pslide-caption .entry-title {
font-size: 36px;
line-height: 1.5;
}
.pslide-caption .entry-title a {
color: #fff !important;
}
.pslide-caption .entry-summary {
max-width: 400px;
margin: 15px auto 0;
font-size: 90%;
}
.pslide-caption .readmore-link {
margin-top: 25px;
}
.pslide-caption .readmore-link .read-more {
padding: 12px 24px;
color: #fff;
font-size: 11px;
}
.caption-center .pslide-caption {
text-align: center;
}
.caption-right .pslide-caption {
left: auto;
text-align: right;
margin-left: 40px;
}
.caption-right .pslide-caption .entry-summary {
margin-right: 0;
}
.caption-left .pslide-caption {
right: auto;
margin-right: 40px;
}
.caption-left .pslide-caption .entry-summary {
margin-left: 0;
}
.quadro-pslides .slick-arrow {
left: 150px;
}
.quadro-pslides .slick-arrow.slick-next {
right: 150px;
}
.quadro-pslides .slick-arrow.slick-arrow-100px.slick-prev {
left: 50px;
}
.quadro-pslides .slick-arrow.slick-arrow-100px.slick-next {
right: 50px;
}
.slider-nav {
width: 100%;
}
.slider-nav ul {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
.type-pslider.with-margins .slider-nav ul {
padding: 0;
}
.slider-nav-item {
display: none;
position: relative;
height: 120px !important;
padding: 30px 0 30px 80px;
margin: 0 20px;
border-bottom: 4px solid transparent;
color: #aaa;
font-size: 90%;
font-weight: bolder;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.type-pslider.with-margins .slider-nav ul .slider-nav-item {
margin: 0 40px 0 0;
}
.slider-nav-item.slick-current,
.slick-current .slider-nav-item {
border-color: #000;
color: #000;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.slider-nav-item:hover {
color: #000;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.slider-nav-item img {
width: 58px;
position: absolute;
top: 30px;
left: 0;
}
.slider-nav-item p {
margin-bottom: 0;
} ul.team {
list-style: none;
margin: 0;
}
.team-member {
width: 100%;
margin-bottom: 60px;
}
.member-photo-wrapper img {
display: block;
}
.team-rounded .member-photo-wrapper img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.member-name {
margin-bottom: 0;
color: #000;
}
.member-name a {
color: #000 !important;
}
.member-role {
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
.member-content p {
max-width: 400px;
margin: 30px 0 0;
}
.member-socials {
margin-top: 20px;
font-size: 14px;
}
.member-socials a {
display: inline-block;
margin: 0 20px 0 0;
color: #000 !important;
}
.member-socials a:hover {
color: #000;
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
@media only screen and (min-width: 769px) {
.team-type2,
.team-type3,
.team-type4 {
margin: 0 -2%;
}
.team-type2 .team-member,
.team-type3 .team-member,
.team-type4 .team-member {
float: left;
width: 46%;
margin: 0 2% 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.team-type2 .team-member:nth-of-type(2),
.team-type3 .team-member:nth-of-type(2),
.team-type4 .team-member:nth-of-type(2) {
margin-top: 60px;
}
.team-type1 .team-member .member-photo-wrapper,
.team-type1 .team-member .member-content {
display: inline-block;
width: 50%;
vertical-align: middle;
}
.team-type1 .team-member .member-content {
width: 49%;
padding-left: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.team-type2 .team-member .member-photo-wrapper,
.team-type3 .team-member .member-photo-wrapper,
.team-type4 .team-member .member-photo-wrapper {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1025px) {
.team-type3 .team-member {
width: 29.3333%;
}
.team-type4 .team-member {
width: 21%;
}
.team-type4 .team-member:nth-of-type(4) {
margin-top: 60px;
}
.team-type2 .team-member .member-photo-wrapper,
.team-type2 .team-member .member-content {
display: inline-block;
width: 45%;
vertical-align: middle;
}
.team-type2 .team-member .member-content {
width: 54%;
padding-left: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.team-type2 .team-member .member-content,
.team-type3 .team-member .member-content,
.team-type4 .team-member .member-content {
font-size: 90%;
}
.team-type4 .team-member .member-name {
font-size: 20px;
}
}
.team-member:last-of-type {
margin-bottom: 0;
} .testimonials {
list-style: none;
margin: 0;
}
.testimonial-item {
position: relative;
width: 100%;
}
.testimonial-item-wrapper {
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.testimonial-item-photo {
display: inline-block;
width: 30%;
vertical-align: middle;
}
.testimonial-item-photo img {
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.testimonial-item-content {
display: inline-block;
width: 70%;
margin-left: -40px;
vertical-align: middle;
}
.testimonial-item-text {
margin-bottom: 20px;
font-size: 160%;
}
.testimonial-item-author {
position: relative;
padding-left: 60px;
font-size: 14px;
line-height: 18px;
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.testimonials-type1 .testimonial-item-author:before {
content: "";
display: block;
position: absolute;
top: 8px;
left: 0;
width: 50px;
border-top: 2px solid;
}
.testimonial-author-name {
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
.testimonial-author-subtitle {
display: block;
margin-top: 3px;
} .testimonials-type2,
.testimonials-type3 {
margin: 0 -2% -40px;
}
.testimonials-type2 .testimonial-item,
.testimonials-type3 .testimonial-item,
.testimonials-type4 .testimonial-item {
margin-bottom: 40px;
} .testimonials-type2 .testimonial-item-content,
.testimonials-type3 .testimonial-item-content,
.testimonials-type4 .testimonial-item-content {
width: 100%;
margin: 0;
}
.testimonials-type2 .testimonial-item-text,
.testimonials-type3 .testimonial-item-text,
.testimonials-type4 .testimonial-item-text {
margin-bottom: 30px;
font-size: 100%;
}
.testimonials-type2 .testimonial-item-photo,
.testimonials-type3 .testimonial-item-photo,
.testimonials-type4 .testimonial-item-photo {
position: absolute;
left: 30px;
bottom: 22px;
width: 59px;
}
.testimonials-type2 .testimonial-item-author,
.testimonials-type3 .testimonial-item-author,
.testimonials-type4 .testimonial-item-author {
min-height: 43px;
padding-left: 75px;
font-size: 13px;
}
@media only screen and (min-width: 769px) {
.testimonials-type2,
.testimonials-type3 {
margin-bottom: -60px;
}
.testimonials-type2 .testimonial-item,
.testimonials-type3 .testimonial-item {
float: left;
width: 46%;
margin: 0 2% 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.testimonials-type4 .testimonial-item {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1025px) {
.testimonials-type3 .testimonial-item {
width: 29.3333%;
}
}
.testimonials-type4 .testimonial-item-wrapper {
position: relative;
max-width: 960px;
margin: 0 auto;
}
.testimonials-type4 .testimonial-item:last-of-type {
margin-bottom: 0;
}
.type-testimonials .flex-control-nav {
position: static;
display: block;
float: left;
width: 100%;
margin: 30px 0 0;
}
.type-testimonials .flex-control-nav a {
width: 10px;
height: 10px;
background: #000;
border: 1px solid #fff;
} .quadro-mod.type-display {
padding: 2px;
}
.display-wrapper ul {
list-style: none;
margin: 0;
height: 800px;
}
.display-item {
float: left;
padding: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.display-item article {
position: relative;
width: 100%;
height: 100%;
background: #000;
overflow: hidden;
}
.display-back-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.display-wrapper:hover .display-back-img {
zoom: 1;
filter: alpha(opacity=20);
opacity: 0.2;
}
.display-item:hover .display-back-img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
.display-content {}
.display-content a {
color: #fff !important;
}
.display-content .entry-title {
position: absolute;
bottom: 40px;
left: 40px;
right: 40px;
max-width: 400px;
max-height: 108px;
color: #fff;
font-size: 24px;
line-height: 1.5;
overflow: hidden;
z-index: 9;
}
.display-layout1 .display-item1 .entry-title,
.display-layout2 .display-item1 .entry-title,
.display-layout5 .display-item2 .entry-title {
font-size: 36px;
}
.ellip {
display: block;
height: 100%;
}
.ellip-line {
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
max-width: 100%;
}
.ellip,
.ellip-line {
display: block;
position: relative;
overflow: hidden;
}
.display-content .entry-meta {
position: absolute;
top: 40px;
left: 40px;
right: 40px;
z-index: 9;
}
.display-layout1 .display-item1 { width: 50%; height: 66.5%; }
.display-layout1 .display-item2 { width: 50%; height: 33.25%; }
.display-layout1 .display-item3 { width: 25%; height: 33.25%; }
.display-layout1 .display-item4 { width: 25%; height: 66.5%; float: right; }
.display-layout1 .display-item5 { width: 25%; height: 33.5%; }
.display-layout1 .display-item6 { width: 50%; height: 33.5%; }
.display-layout2 .display-item1 { width: 50%; height: 60%; }
.display-layout2 .display-item2, .display-layout2 .display-item3 { width: 25%; height: 60%; }
.display-layout2 .display-item4, .display-layout2 .display-item5 { width: 50%; height: 40%; }
.display-layout3 .display-item1 { width: 60%; height: 50%; }
.display-layout3 .display-item2 { width: 35%; height: 100%; float: right; }
.display-layout3 .display-item3 { width: 60%; height: 50%; float: right; }
.display-layout4 .display-item1, .display-layout4 .display-item4 { width: 50%; height: 50%; }
.display-layout4 .display-item2, .display-layout4 .display-item3 { width: 40%; height: 50%; }
.display-layout4 .display-item1 { margin-left: 10%; }
.display-layout5 .display-item1, .display-layout5 .display-item3 { width: 25%; height: 60%; }
.display-layout5 .display-item2 { width: 50%; height: 60%; }
.display-layout5 .display-item4, .display-layout5 .display-item6 { width: 25%; height: 40%; }
.display-layout5 .display-item5 { width: 50%; height: 40%; } .type-video.layout-full {
padding: 0;
}
.video-mod-wrapper {
position: relative;
display: block;
margin: 0 auto;
}
.video-mod-wrapper.width-regular {
max-width: 800px;
}
.video-mod-wrapper.width-small {
max-width: 500px;
}
.video-mod-wrapper.width-giant {
max-width: 1400px;
}
.mod-video-poster {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.mod-video-poster:after {
display: block;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
z-index: 8;
}
.mod-video-play-btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 80px;
height: 80px;
margin: auto;
text-align: center;
font-size: 30px;
line-height: 80px;
color: #fff;
cursor: pointer;
z-index: 9;
}
.mod-video-play-btn span {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 5px;
width: 0;
height: 0;
margin: auto;
border-top: 15px solid transparent;
border-left: 25px solid #fff;
border-bottom: 15px solid transparent;
}
.mod-video-play-btn:hover {
opacity: 0.9;
}
.button-style1 .mod-video-play-btn {
background: none !important;
border-radius: 46px;
border: 2px solid;
}
.button-style2 .mod-video-play-btn {
border-radius: 46px;
background: rgba(0,0,0,0.8);
}
.button-style3 .mod-video-play-btn {
background: none !important;
width: 120px;
height: 70px;
line-height: 70px;
border-radius: 3px;
border: 2px solid;
}
.button-style4 .mod-video-play-btn {
width: 120px;
height: 70px;
line-height: 70px;
border-radius: 3px;
background: rgba(0,0,0,0.8);
}
.button-style5 .mod-video-play-btn {
background: none !important;
font-size: 48px;
}
.button-style5 .mod-video-play-btn span {
border-top: 20px solid transparent;
border-left: 35px solid #fff;
border-bottom: 20px solid transparent;
} .videos-wrapper {
position: relative;
padding-right: 260px;
}
.videos-slider {}
.quadro-video {
display: none;
position: relative;
}
.video-post {
position: absolute;
right: 40px;
bottom: 40px;
left: 40px;
max-width: 540px;
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.quadro-video:hover .video-post {
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.video-post .entry-title {
font-size: 36px;
line-height: 1.5;
}
.video-post .entry-title a {
color: #fff !important;
}
.videos-nav {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 240px;
overflow: hidden;
}
.videos-nav .slick-vertical,
.videos-nav .slick-vertical .slick-list {
height: 100% !important;
}
.videos-nav-item {
display: none;
margin-bottom: 30px;
cursor: pointer;
}
.slick-vertical .slick-slide.videos-nav-item {
border: none;
}
.videos-nav-item .video-nav-thumb {
position: relative;
width: 240px;
height: 135px;
background-position: center;
background-size: cover;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.videos-nav-item.slick-current.slick-active .video-nav-thumb:after {
font-family: "FontAwesome";
content: "\f04b";
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 30px;
margin: auto;
padding-left: 2px;
background: #000;
color: #fff;
text-align: center;
font-size: 10px;
line-height: 30px;
}
.videos-nav-item .video-nav-thumb:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.videos-nav-item:hover .video-nav-thumb:before,
.videos-nav-item.slick-current.slick-active .video-nav-thumb:before {
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
h4.video-nav-title {
font-size: 100%;
line-height: 1.5;
margin: 10px 0 0;
color: #000;
} .mod-social-icons {
list-style: none;
margin: -0.4em;
text-align: center;
} .type-icons.align-left .mod-social-icons {
text-align: left;
}
.type-icons.align-right .mod-social-icons {
text-align: right;
}
.mod-social-icons li {
display: inline-block;
margin: 0.4em;
}
.mod-social-icons li a {
display: block;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mod-social-icons li a:hover {
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.type-icons.color-brand.shape-circle-border .mod-social-icons li a,
.type-icons.color-brand.shape-square-border .mod-social-icons li a,
.type-icons.color-brand.shape-rounded-border .mod-social-icons li a {
border: 2px solid;
} .type-icons.color-brand a.social-behance { color: #1769ff; }
.type-icons.color-brand a.social-bluesky { color: #1285FE; }
.type-icons.color-brand a.social-codepen { color: #111111; }
.type-icons.color-brand a.social-dribbble { color: #ea4c89; }
.type-icons.color-brand a.social-etsy { color: #F1661E; }
.type-icons.color-brand a.social-facebook { color: #3b5998; }
.type-icons.color-brand a.social-flickr { color: #FF0084; }
.type-icons.color-brand a.social-github { color: #4183c4; }
.type-icons.color-brand a.social-google-plus { color: #dd4b39; }
.type-icons.color-brand a.social-instagram { color: #d93175; }
.type-icons.color-brand a.social-itunes { color: #EA4CC0; }
.type-icons.color-brand a.social-kickstarter { color: #05ce78; }
.type-icons.color-brand a.social-linkedin { color: #0766c2; }
.type-icons.color-brand a.social-medium { color: #111111; }
.type-icons.color-brand a.social-messenger { color: #0084ff; }
.type-icons.color-brand a.social-pinterest { color: #cc2127; }
.type-icons.color-brand a.social-slack { color: #4a154b; }
.type-icons.color-brand a.social-slideshare { color: #0077b5; }
.type-icons.color-brand a.social-snapchat-ghost { color: #fffc00; }
.type-icons.color-brand a.social-soundcloud { color: #ff8800; }
.type-icons.color-brand a.social-spotify { color: #1DB954; }
.type-icons.color-brand a.social-stack-overflow { color: #fe7a15; }
.type-icons.color-brand a.social-substack { color: #FF6718; }
.type-icons.color-brand a.social-threads { color: #000000; }
.type-icons.color-brand a.social-tiktok { color: #FE2C55; }
.type-icons.color-brand a.social-trello { color: #0079bf; }
.type-icons.color-brand a.social-tumblr { color: #35465c; }
.type-icons.color-brand a.social-twitter { color: #1da1f2; }
.type-icons.color-brand a.social-vimeo { color: #1ab7ea; }
.type-icons.color-brand a.social-whatsapp { color: #25D366; }
.type-icons.color-brand a.social-x { color: #000000; }
.type-icons.color-brand a.social-youtube { color: #ff1e00; }
.type-icons.color-brand a.social-email { color: #000000; } .type-icons.color-brand.shape-circle-bg a.social-behance,
.type-icons.color-brand.shape-square-bg a.social-behance,
.type-icons.color-brand.shape-rounded-bg a.social-behance {
background: #1769ff; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-bluesky,
.type-icons.color-brand.shape-square-bg a.social-bluesky,
.type-icons.color-brand.shape-rounded-bg a.social-bluesky {
background: #1285FE; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-codepen,
.type-icons.color-brand.shape-square-bg a.social-codepen,
.type-icons.color-brand.shape-rounded-bg a.social-codepen {
background: #111111; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-dribbble,
.type-icons.color-brand.shape-square-bg a.social-dribbble,
.type-icons.color-brand.shape-rounded-bg a.social-dribbble {
background: #ea4c89; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-etsy,
.type-icons.color-brand.shape-square-bg a.social-etsy,
.type-icons.color-brand.shape-rounded-bg a.social-etsy {
background: #F1661E; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-facebook,
.type-icons.color-brand.shape-square-bg a.social-facebook,
.type-icons.color-brand.shape-rounded-bg a.social-facebook {
background: #3b5998; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-flickr,
.type-icons.color-brand.shape-square-bg a.social-flickr,
.type-icons.color-brand.shape-rounded-bg a.social-flickr {
background: #FF0084; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-github,
.type-icons.color-brand.shape-square-bg a.social-github,
.type-icons.color-brand.shape-rounded-bg a.social-github {
background: #4183c4; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-google-plus,
.type-icons.color-brand.shape-square-bg a.social-google-plus,
.type-icons.color-brand.shape-rounded-bg a.social-google-plus {
background: #dd4b39; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-instagram,
.type-icons.color-brand.shape-square-bg a.social-instagram,
.type-icons.color-brand.shape-rounded-bg a.social-instagram {
background: #d93175; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-itunes,
.type-icons.color-brand.shape-square-bg a.social-itunes,
.type-icons.color-brand.shape-rounded-bg a.social-itunes {
background: #EA4CC0; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-kickstarter,
.type-icons.color-brand.shape-square-bg a.social-kickstarter,
.type-icons.color-brand.shape-rounded-bg a.social-kickstarter {
background: #05ce78; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-linkedin,
.type-icons.color-brand.shape-square-bg a.social-linkedin,
.type-icons.color-brand.shape-rounded-bg a.social-linkedin {
background: #0766c2; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-medium,
.type-icons.color-brand.shape-square-bg a.social-medium,
.type-icons.color-brand.shape-rounded-bg a.social-medium {
background: #111111; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-messenger,
.type-icons.color-brand.shape-square-bg a.social-messenger,
.type-icons.color-brand.shape-rounded-bg a.social-messenger {
background: #0084ff; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-pinterest,
.type-icons.color-brand.shape-square-bg a.social-pinterest,
.type-icons.color-brand.shape-rounded-bg a.social-pinterest {
background: #cc2127; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-slack,
.type-icons.color-brand.shape-square-bg a.social-slack,
.type-icons.color-brand.shape-rounded-bg a.social-slack {
background: #4a154b; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-slideshare,
.type-icons.color-brand.shape-square-bg a.social-slideshare,
.type-icons.color-brand.shape-rounded-bg a.social-slideshare {
background: #0077b5; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-snapchat-ghost,
.type-icons.color-brand.shape-square-bg a.social-snapchat-ghost,
.type-icons.color-brand.shape-rounded-bg a.social-snapchat-ghost {
background: #fffc00; color: #000;
}
.type-icons.color-brand.shape-circle-bg a.social-soundcloud,
.type-icons.color-brand.shape-square-bg a.social-soundcloud,
.type-icons.color-brand.shape-rounded-bg a.social-soundcloud {
background: #ff8800; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-spotify,
.type-icons.color-brand.shape-square-bg a.social-spotify,
.type-icons.color-brand.shape-rounded-bg a.social-spotify {
background: #1DB954; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-stack-overflow,
.type-icons.color-brand.shape-square-bg a.social-stack-overflow,
.type-icons.color-brand.shape-rounded-bg a.social-stack-overflow {
background: #fe7a15; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-substack,
.type-icons.color-brand.shape-square-bg a.social-substack,
.type-icons.color-brand.shape-rounded-bg a.social-substack {
background: #FF6718; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-threads,
.type-icons.color-brand.shape-square-bg a.social-threads,
.type-icons.color-brand.shape-rounded-bg a.social-threads {
background: #000000; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-tiktok,
.type-icons.color-brand.shape-square-bg a.social-tiktok,
.type-icons.color-brand.shape-rounded-bg a.social-tiktok {
background: #FE2C55; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-trello,
.type-icons.color-brand.shape-square-bg a.social-trello,
.type-icons.color-brand.shape-rounded-bg a.social-trello {
background: #0079bf; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-tumblr,
.type-icons.color-brand.shape-square-bg a.social-tumblr,
.type-icons.color-brand.shape-rounded-bg a.social-tumblr {
background: #35465c; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-twitter,
.type-icons.color-brand.shape-square-bg a.social-twitter,
.type-icons.color-brand.shape-rounded-bg a.social-twitter {
background: #1da1f2; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-vimeo,
.type-icons.color-brand.shape-square-bg a.social-vimeo,
.type-icons.color-brand.shape-rounded-bg a.social-vimeo {
background: #1ab7ea; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-whatsapp,
.type-icons.color-brand.shape-square-bg a.social-whatsapp,
.type-icons.color-brand.shape-rounded-bg a.social-whatsapp {
background: #25D366; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-x,
.type-icons.color-brand.shape-square-bg a.social-x,
.type-icons.color-brand.shape-rounded-bg a.social-x {
background: #000000; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-youtube,
.type-icons.color-brand.shape-square-bg a.social-youtube,
.type-icons.color-brand.shape-rounded-bg a.social-youtube {
background: #ff1e00; color: #fff;
}
.type-icons.color-brand.shape-circle-bg a.social-email,
.type-icons.color-brand.shape-square-bg a.social-email,
.type-icons.color-brand.shape-rounded-bg a.social-email {
background: #000000; color: #fff;
} .type-icons.shape-circle-bg .mod-social-icons li a,
.type-icons.shape-circle-border .mod-social-icons li a {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.type-icons.shape-rounded-bg .mod-social-icons li a,
.type-icons.shape-rounded-border .mod-social-icons li a {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.type-icons.shape-circle-border .mod-social-icons li a,
.type-icons.shape-square-border .mod-social-icons li a,
.type-icons.shape-rounded-border .mod-social-icons li a {
border: 2px solid;
}
.mod-social-icons li a i {
display: block;
vertical-align: middle;
width: 3em;
height: 3em;
line-height: 3em;
}
.type-icons.shape-just-icon .mod-social-icons li a i {
width: 2em;
height: 2em;
line-height: 2em;
} .mod-line {
display: block;
margin: 0 auto;
}
.type-line.line-align-left .mod-line {
margin-left: 0;
}
.type-line.line-align-right .mod-line {
margin-right: 0;
} .quadro-list {
position: relative;
list-style: none;
margin: 0;
}
.list-style4 .quadro-list {
padding: 20px 0;
}
.list-style4 .quadro-list:before {
content: "";
position: absolute;
top: 2px;
bottom: 2px;
left: 15px;
border-left: 1px solid;
}
.list-style5 .quadro-list {
text-align: center;
}
.quadro-list .quadro-listitem {
display: block;
position: relative;
margin-bottom: 20px;
}
.list-style2 .quadro-listitem,
.list-style3 .quadro-listitem {
padding-bottom: 19px;
}
.list-style5 .quadro-listitem {
margin-bottom: 25px;
padding-bottom: 25px;
}
.list-style2 .quadro-listitem:after,
.list-style3 .quadro-listitem:after,
.list-style5 .quadro-listitem:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-top: 1px solid;
opacity: 0.2;
}
.list-style2 .quadro-listitem:last-of-type:after,
.list-style3 .quadro-listitem:last-of-type:after,
.list-style5 .quadro-listitem:last-of-type:after {
display: none;
}
.list-style4 .quadro-listitem {
margin-bottom: 40px;
}
.list-style6 .quadro-listitem {
padding-left: 100px;
}
.list-style6 .quadro-listitem:before {
content: "";
display: block;
position: absolute;
top: 15px;
left: 0;
border-top: 1px solid;
height: 1px;
width: 80px;
margin: auto 0;
opacity: 0.5;
}
.list-style7 .quadro-listitem {
margin-bottom: 40px;
}
.list-style8 .quadro-listitem {
margin-bottom: 30px;
}
.quadro-list .quadro-listitem.icon-listitem {
position: relative;
padding-left: 40px;
}
.list-style3 .quadro-list .quadro-listitem.icon-listitem {
padding-left: 0;
padding-right: 40px;
}
.list-style4 .quadro-list .quadro-listitem.icon-listitem {
padding-left: 50px;
}
.list-style5 .quadro-list .quadro-listitem.icon-listitem,
.list-style7 .quadro-list .quadro-listitem.icon-listitem {
padding-left: 0;
}
.list-style6 .quadro-list .quadro-listitem.icon-listitem {
padding-left: 150px;
}
.list-style6 .quadro-listitem.icon-listitem:before {
left: 50px;
}
.list-style8 .quadro-list .quadro-listitem.icon-listitem {
padding-left: 90px;
}
.quadro-list .quadro-listitem:last-of-type {
margin-bottom: 0;
}
.listitem-icon {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
font-size: 18px;
line-height: 30px;
text-align: center;
z-index: 9;
}
.list-style3 .listitem-icon {
left: auto;
right: 0;
}
.list-style4 .listitem-icon {
background: #000;
color: #fff;
font-size: 14px;
border-radius: 20px;
}
.list-style5 .listitem-icon {
position: static;
display: inline-block;
margin: 0 auto 5px;
}
.list-style7 .listitem-icon {
position: static;
display: block;
margin-bottom: 10px;
}
.list-style8 .listitem-icon {
bottom: 0;
margin: auto 0;
width: 60px;
height: 60px;
line-height: 60px;
border: 1px solid;
border-radius: 40px;
}
.listitem-label {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
.quadro-list .quadro-listitem.icon-listitem .listitem-label {
margin-top: 5px;
}
.listitem-label + .listitem-content {
margin-top: 5px;
}
.list-style7 .listitem-label {
font-size: 64px;
line-height: 1.4;
text-transform: none;
letter-spacing: 0;
}
.listitem-content * {
margin-bottom: 5px;
}
.listitem-content *:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 568px) {
.list-style6 .quadro-list .quadro-listitem {
padding-left: 60px;
}
.list-style6 .quadro-list .quadro-listitem.icon-listitem {
padding-left: 100px;
}
.list-style6 .quadro-listitem:before {
width: 40px;
}
.list-style6 .quadro-listitem.icon-listitem:before {
left: 40px;
}
.list-style7 .listitem-label {
font-size: 38px;
}
} .quadro-accordion {
position: relative;
list-style: none;
margin: 0;
}
.accordionitem-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.accordion_icondisplay-left .accordionitem-header {
justify-content: flex-end;
flex-direction: row-reverse;
}
.accordionitem-title {
margin: 0;
}
.accordionitem-content {
display: none;
padding: 20px 0;
}
.accordionitem-content > * {
margin-bottom: 18px;
}
.accordionitem-content img {
display: block;
}
.accordionitem-content > *:last-child {
margin-bottom: 0;
}
.quadro-accordionitem.firstopen .accordionitem-content {
display: block;
}
.accordion-icon-wrapper {
margin-left: 30px;
}
.accordion_icondisplay-left .accordion-icon-wrapper {
margin: 0 20px 0 0;
}
.accordion-icon.accordion-iconactive,
.quadro-accordionitem.active .accordion-icon {
display: none;
}
.quadro-accordionitem.active .accordion-icon.accordion-iconactive {
display: block;
}
.accordion-style1 .quadro-accordionitem {
margin-bottom: 20px;
}
.accordion-style2 .accordionitem-header,
.accordion-style2 .accordionitem-content {
border-bottom: 1px solid;
}
.accordion-style3 .quadro-accordionitem {
border-left: 5px solid;
padding-left: 20px;
margin-bottom: 20px;
}
.accordion-style4 .quadro-accordionitem {
margin-bottom: 10px;
}
.accordion-style4 .quadro-accordionitem .accordionitem-header {
padding: 15px 30px;
}
.accordion-style4 .quadro-accordionitem .accordionitem-content {
padding-left: 30px;
padding-right: 30px;
}
.accordion-style5 .quadro-accordionitem {
margin-bottom: 10px;
border-radius: 30px;
overflow: hidden;
}
.accordion-style5 .quadro-accordionitem .accordionitem-header {
padding: 15px 30px;
}
.accordion-style5 .quadro-accordionitem .accordionitem-content {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
.accordion-style6 .quadro-accordionitem {
margin-bottom: 10px;
border: 1px solid;
}
.accordion-style6 .quadro-accordionitem.active {
margin-bottom: 20px;
}
.accordion-style6 .quadro-accordionitem .accordionitem-header {
padding: 15px 30px;
}
.accordion-style6 .quadro-accordionitem .accordionitem-content {
padding-left: 30px;
padding-right: 30px;
border-top: 1px solid;
}
.accordion-style1 .accordionitem-header:hover,
.accordion-style2 .accordionitem-header:hover,
.accordion-style3 .accordionitem-header:hover,
.accordion-style6 .accordionitem-header:hover {
opacity: 0.8;
} .modules-layers {
position: relative;
}
.mod-layer {
position: relative;
box-sizing: border-box;
}
.mod-layer-2 {
z-index: 2;
}
.overlaps-layer2 .mod-layer-1 {
z-index: 3;
}
.overlaps-lay1sh-on .mod-layer-1 .mod-layer-mods-wrapper,
.overlaps-lay2sh-on .mod-layer-2 .mod-layer-mods-wrapper {
-webkit-box-shadow: 0 21px 65px 0 rgb(0 0 0 / 20%);
box-shadow: 0 21px 65px 0 rgb(0 0 0 / 20%);
}
.modules-layers {
display: grid;
grid-template-columns: repeat(9, 1fr);
grid-template-rows: auto;
}
.overlaps-layout1 .modules-layers,
.overlaps-layout2 .modules-layers,
.overlaps-layout3 .modules-layers {
align-items: center;
}  .overlaps-layout1 .mod-layer {
grid-area: 1 / 1 / 10 / 10;
} .overlaps-layout2 .mod-layer-1 {
grid-area: 1 / 1 / 10 / 6;
}
.overlaps-layout2 .mod-layer-2 {
grid-area: 1 / 5 / 10 / 10;
} .overlaps-layout3 .mod-layer-1 {
grid-area: 1 / 1 / 10 / 7;
}
.overlaps-layout3 .mod-layer-2 {
grid-area: 1 / 4 / 10 / 10;
} .overlaps-layout4 .mod-layer-1 {
grid-area: 1 / 1 / 6 / 10;
}
.overlaps-layout4 .mod-layer-2 {
grid-area: 5 / 1 / 10 / 10;
align-self: end;
} .overlaps-layout5 .mod-layer-1 {
grid-area: 1 / 1 / 7 / 10;
}
.overlaps-layout5 .mod-layer-2 {
grid-area: 4 / 1 / 10 / 10;
align-self: end;
} .overlaps-layout6 .mod-layer-1 {
grid-area: 1 / 1 / 6 / 6;
}
.overlaps-layout6 .mod-layer-2 {
grid-area: 5 / 5 / 10 / 10;
align-self: end;
} .overlaps-layout7 .mod-layer-1 {
grid-area: 1 / 1 / 7 / 7;
}
.overlaps-layout7 .mod-layer-2 {
grid-area: 4 / 4 / 10 / 10;
align-self: end;
} .overlaps-layout8 .mod-layer-1 {
grid-area: 5 / 1 / 10 / 6;
align-self: end;
}
.overlaps-layout8 .mod-layer-2 {
grid-area: 1 / 5 / 6 / 10;
} .overlaps-layout9 .mod-layer-1 {
grid-area: 4 / 1 / 10 / 7;
align-self: end;
}
.overlaps-layout9 .mod-layer-2 {
grid-area: 1 / 4 / 7 / 10;
}
.mod-layer-mods-wrapper {
width: 100%;
margin: 0 auto;
box-sizing: border-box;
}
.type-overlaps .quadro-mod {
width: 100%;
margin-bottom: 30px;
padding: 0;
background: none !important;
}
.type-overlaps .mod-layer .quadro-mod:last-of-type {
margin-bottom: 0;
}
.type-overlaps .quadro-mod.type-slogan {
padding: 0;
}
.type-overlaps .quadro-mod.type-cta.size-small {
padding-top: 0;
padding-bottom: 0;
}
.type-overlaps .quadro-mod .inmod-s {
max-width: none;
}
.type-overlaps .mod-layer .quadro-mod.overlay-off .dark-overlay,
.type-overlaps .mod-layer .quadro-mod.overlay-on .dark-overlay,
.type-overlaps .mod-layer .quadro-mod.overlay- .dark-overlay {
display: none;
} .mods-tabs-list {
list-style: none;
margin: 0 0 30px;
text-align: center;
}
.mods-tabs-list li {
display: inline-block;
margin: 0 5px;
}
.mods-tabs-list li a {
position: relative;
display: block;
padding: 10px 24px;
font-size: 11px;
line-height: 20px;
color: #000;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2px;
cursor: pointer;
}
.mods-tabs-list li a:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -20px;
width: 20px;
height: 0;
margin: auto 0;
border-top: 1px solid;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.mods-tabs-list li.current a:before,
.mods-tabs-list li a:hover:before {
left: 0;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.mods-tabs .mod-tab {
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
height: 0;
-webkit-transition: opacity ease 0.8s;
-moz-transition: opacity ease 0.8s;
transition: opacity ease 0.8s;
}
.mods-tabs .mod-tab.visible {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
height: auto;
} .type-display .mod-header,
.type-image .mod-header,
.type-sl-insights .mod-header,
.type-slider .mod-header,
.type-video.layout-full .mod-header,
.type-services .mod-header,
.type-cgallery.no-margins .mod-header,
.type-portfolio .mod-header {
margin-top: 60px;
padding: 0 40px;
}
.type-logos.logos-still .mod-header {
margin-top: 20px;
padding: 0 40px;
}
.type-logos.logos-carousel .mod-header {
margin-top: 40px;
margin-bottom: 20px;
padding: 0 40px;
} .quadro-mod.type-portfolio {
padding: 0;
}
.terms-filter {
position: relative;
margin: 40px 0 20px;
padding: 0 40px;
z-index: 999;
}
.portfolio-layout2 .terms-filter,
.portfolio-layout3 .terms-filter,
.portfolio-layout5 .terms-filter,
.portfolio-layout7 .terms-filter {
margin-bottom: 40px;
}
.portfolio-layout4 .terms-filter,
.portfolio-layout6 .terms-filter,
.portfolio-layout9 .terms-filter {
margin-bottom: 0;
}
.filter-terms {
list-style: none;
margin: 0;
text-align: center;
}
.portfolio-layout5 .filter-terms {
text-align: left;
}
.filter-terms li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 10px 24px;
border: 1px solid transparent;
font-size: 14px;
line-height: 1.5;
letter-spacing: 1px;
cursor: pointer;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.filter-terms li.filter-active {
color: #000;
}
.filter-terms li:before {
content: "";
display: block;
position: absolute;
top: 2px;
bottom: 0;
left: -20px;
width: 20px;
height: 1px;
margin: auto 0;
border-top: 1px solid #cecece;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.filter-terms li.filter-active:before,
.filter-terms li:hover:before {
left: 0;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.filter-terms li.filter-active:before {
border-color: #000;
}
.portfolio-items {
list-style: none;
margin: 0;
}
.portf-item {
width: 100%;
padding: 60px 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portf-item a {
display: block;
color: #000 !important;
}
.portf-item-thumb {
position: relative;
display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
overflow: hidden;
}
.portf-item-thumb img {
display: block;
margin: 0 auto;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portf-item-content {
position: relative;
max-width: 700px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portf-item-title {
font-size: 80px;
line-height: 1.3;
font-weight: bold;
margin: 0;
}
.portf-item-summary {
max-width: 400px;
margin-top: 20px;
}
.portfolio-layout1 .portf-item:nth-of-type(even) .portf-item-summary {
margin-left: auto;
}
.portfolio-layout2 .portf-item-summary {
max-width: none;
margin-left: auto;
margin-right: auto;
}
.portf-item-summary + .portf-item-cats {
margin-top: 30px;
}
.portf-item-cats {
display: block;
margin: 5px 0 0;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: normal;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.portf-item-cats span {
margin: 0 20px 0 0;
}
.portfolio-layout1 .portf-item:nth-of-type(even) .portf-item-cats span,
.portfolio-layout9 .portf-item-cats span {
margin: 0 0 0 20px;
}
.portfolio-layout2 .portf-item-cats span,
.portfolio-layout7 .portf-item-cats span,
.portfolio-layout8 .portf-item-cats span {
margin: 0 10px;
}
.portf-item-arrow {
position: relative;
display: inline-block;
width: 120px;
height: 60px;
margin: 50px 0 0 -50px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.portf-item a:hover .portf-item-arrow {
margin-left: 0;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.portf-item-arrow span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto 0;
}
span.portf-item-arrow1 {
width: 60px;
height: 60px;
border: solid black;
border-width: 0 3px 3px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
span.portf-item-arrow2 {
width: 120px;
height: 3px;
margin-right: -10px;
background: #000;
}
.portf-item-arrow.in-thumb {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
margin-top: auto;
margin-bottom: auto;
-moz-transform: translateX(-60%);
-webkit-transform: translateX(-60%);
-o-transform: translateX(-60%);
-ms-transform: translateX(-60%);
transform: translateX(-60%);
}
.portfolio-container .paging-navigation {
float: left;
width: 100%;
margin: 0;
padding: 40px;
border-bottom: 1px solid #dedede;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .portfolio-layout1 .portf-item {
padding: 60px 40px;
}
.portfolio-layout1 .portf-item a:hover .portf-item-thumb {
-moz-transform: translateX(-60px) translateY(-60px);
-webkit-transform: translateX(-60px) translateY(-60px);
-o-transform: translateX(-60px) translateY(-60px);
-ms-transform: translateX(-60px) translateY(-60px);
transform: translateX(-60px) translateY(-60px);
}
.portfolio-layout1 .portf-item:nth-of-type(even) a:hover .portf-item-thumb {
-moz-transform: translateX(60px) translateY(-60px);
-webkit-transform: translateX(60px) translateY(-60px);
-o-transform: translateX(60px) translateY(-60px);
-ms-transform: translateX(60px) translateY(-60px);
transform: translateX(60px) translateY(-60px);
}
.portfolio-layout1 .portf-item a:hover .portf-item-content {
-moz-transform: translateX(20px) translateY(-20px);
-webkit-transform: translateX(20px) translateY(-20px);
-o-transform: translateX(20px) translateY(-20px);
-ms-transform: translateX(20px) translateY(-20px);
transform: translateX(20px) translateY(-20px);
}
.portfolio-layout1 .portf-item-content {
margin-top: -40px;
}
.portfolio-layout1 .portf-item:nth-of-type(even) .portf-item-content {
float: right;
text-align: right;
} .portfolio-layout2 .portf-item {
margin-bottom: 40px;
}
.portfolio-layout2 .portf-item:last-of-type {
margin-bottom: 0;
}
.portfolio-layout2 .portf-item .portf-item-thumb {
margin: -60px -40px 40px;
-moz-transform: translateX(-80px);
-webkit-transform: translateX(-80px);
-o-transform: translateX(-80px);
-ms-transform: translateX(-80px);
transform: translateX(-80px);
}
.portfolio-layout2 .portf-item:nth-of-type(even) .portf-item-thumb {
-moz-transform: translateX(80px);
-webkit-transform: translateX(80px);
-o-transform: translateX(80px);
-ms-transform: translateX(80px);
transform: translateX(80px);
}
.portfolio-layout2 .portf-item a:hover .portf-item-thumb,
.portfolio-layout2 .portf-item:nth-of-type(even) a:hover .portf-item-thumb {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.portfolio-layout2 .portf-item-content {
margin: 0 auto;
text-align: center;
} .portfolio-layout3 .portf-item {
margin-bottom: 80px;
padding: 0;
}
.portfolio-layout3 .portf-item:last-of-type {
margin-bottom: 0;
}
.portfolio-layout3 .portf-item .portf-item-thumb {
float: left;
width: 45%;
}
.portfolio-layout3 .portf-item:nth-of-type(even) .portf-item-thumb {
float: right;
}
.portfolio-layout3 .portf-item-content {
float: right;
width: 55%;
padding: 80px;
}
.portfolio-layout3 .portf-item:nth-of-type(even) .portf-item-content {
float: left;
}
.portfolio-layout3 .portf-item .portf-item-title {
font-size: 64px;
} .portfolio-layout4 .portf-item,
.portfolio-layout4 .portf-grid-sizer {
width: 50%;
margin: 0;
}
.portfolio-layout4 .portf-item:nth-of-type(5n+1) {
width: 100%;
}
.portfolio-layout4 .portf-item:nth-of-type(10n+1) {
padding-right: 200px;
}
.portfolio-layout4 .portf-item:nth-of-type(10n+6) {
padding-left: 200px;
}
.portfolio-layout4 .portf-item:nth-of-type(5n+3) {
margin-top: -60px;
}
@media only screen and (min-width: 1024px) {
.portfolio-layout4 .portf-item:nth-of-type(5n+5) {
width: 35%;
margin-left: 15%;
}
}
.portfolio-layout4 .portf-item article {
max-width: 800px;
margin: 0 auto;
}
.portfolio-layout4 .portf-item .portf-item-content {
max-width: none;
margin-top: 30px;
padding-right: 90px;
}
.portfolio-layout4 .portf-item .portf-item-title {
font-size: 36px;
line-height: 1.5;
}
.portfolio-layout4 .portf-item-cats span {
margin: 0 20px 0 0;
}
.portfolio-layout4 .portf-item-arrow {
position: absolute;
top: 20px;
right: 8px;
width: 72px;
height: 36px;
margin-top: 0;
}
.portfolio-layout4 span.portf-item-arrow1 {
width: 36px;
height: 36px;
}
.portfolio-layout4 span.portf-item-arrow2 {
width: 72px;
margin-right: -5px;
} .portfolio-layout5 .portf-item {
padding: 0;
}
.portfolio-layout6 .portf-item {
float: left;
padding: 40px;
width: 50%;
}
.portfolio-layout5 .portf-item a,
.portfolio-layout6 .portf-item a {
position: relative;
padding: 80px 40px;
background-size: cover; background-position: -100px center;
background-repeat: no-repeat;
}
.portfolio-layout6 .portf-item a {
padding: 40px;
border: 1px solid #dedede;
background-position: center top; }
.portfolio-layout5 .portf-item a:hover,
.portfolio-layout6 .portf-item a:hover {
background-position: center;
}
.portfolio-layout5 .portf-item a:hover:after,
.portfolio-layout6 .portf-item a:hover:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
zoom: 1;
filter: alpha(opacity=40);
opacity: 0.4;
}
.portfolio-layout5 .portf-item-content,
.portfolio-layout6 .portf-item-content {
max-width: none;
z-index: 99;
}
.portfolio-layout6 .portf-item-content {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.portfolio-layout5 .portf-item a:hover .portf-item-content,
.portfolio-layout6 .portf-item a:hover .portf-item-content {
color: #fff;
}
.portfolio-layout5 .portf-item-content {
padding-right: 140px;
}
.portfolio-layout6 .portf-item-content {
height: 400px;
}
.portfolio-layout6 .portf-item .portf-item-cats {
position: absolute;
top: 0;
left: 0;
}
.portfolio-layout6 .portf-item .portf-item-title {
font-size: 54px;
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-layout5 .portf-item-arrow {
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto 10px auto 0;
}
.portfolio-layout6 .portf-item-arrow {
display: none;
}
.portfolio-layout5 .portf-item a:hover span.portf-item-arrow1,
.portfolio-layout6 .portf-item a:hover span.portf-item-arrow1 {
border-color: #fff;
}
.portfolio-layout5 .portf-item a:hover span.portf-item-arrow2,
.portfolio-layout6 .portf-item a:hover span.portf-item-arrow2 {
background-color: #fff;
} .portfolio-layout7 .portf-item,
.portfolio-layout7 .portf-grid-sizer {
float: left;
padding: 0;
width: 50%;
}
.portfolio-layout7 .portf-grid-sizer + .portf-item {
margin-top: 60px;
}
.portfolio-layout7 .portf-item-content {
padding: 40px 60px 60px;
text-align: center;
}
.portfolio-layout7 .portf-item .portf-item-title {
font-size: 36px;
line-height: 1.5;
}
.portfolio-layout7 .portf-item a:hover .portf-item-thumb img,
.portfolio-layout8 .portf-item a:hover .portf-item-thumb img,
.portfolio-layout10 .portf-item a:hover .portf-item-thumb img,
.portfolio-layout11 .portf-item a:hover .portf-item-thumb img {
zoom: 1;
filter: alpha(opacity=30);
opacity: 0.3;
}
.portfolio-layout7 .portf-item-content .portf-item-arrow,
.portfolio-layout8 .portf-item-content .portf-item-arrow,
.portfolio-layout10 .portf-item-content .portf-item-arrow {
display: none;
} .portfolio-type-layout8 {
margin: 20px;
}
.portfolio-layout8 .portf-item,
.portfolio-layout8 .portf-grid-sizer {
float: left; width: 33.3333%;
}
.portfolio-layout8 .portf-item {
padding: 20px;
}
.portfolio-layout8 .portf-item:nth-of-type(2) {
margin-top: 60px;
}
.portfolio-layout8 .portf-item article {
}
.portfolio-layout8 .portf-item-content {
padding: 30px 20px;
text-align: center;
}
.portfolio-layout8 .portf-item .portf-item-title {
font-size: 20px;
line-height: 1.7;
}
.portfolio-layout8 .portf-item-cats {
font-size: 10px;
} .portfolio-layout9 .portf-item {
position: relative;
padding: 60px 40px;
}
.portfolio-layout9 .portf-item-thumb {
display: inline-block;
width: 30%;
vertical-align: middle;
}
.portfolio-layout9 .portf-item:hover .portf-item-thumb {
-moz-transform: translateX(-40px);
-webkit-transform: translateX(-40px);
-o-transform: translateX(-40px);
-ms-transform: translateX(-40px);
transform: translateX(-40px);
}
.portfolio-layout9 .portf-item-content {
display: inline-block;
width: 69%;
max-width: none;
padding-left: 80px;
vertical-align: middle;
text-align: right;
}
.portfolio-layout9 .portf-item-arrow {
position: absolute;
top: 0;
bottom: 0;
left: -75px;
margin-top: auto;
margin-bottom: auto;
} .portfolio-layout10 .portfolio-items {
margin: 20px -20px;
}
.portfolio-layout10 .portf-item {
float: left;
width: 25%;
padding: 0;
}
.portfolio-layout10 .portf-item:nth-of-type(4n+1) {
clear: left;
}
.portfolio-layout10 .portf-item article {
padding: 20px;
}
.portfolio-layout10 .portf-item-content {
padding: 20px 20px 0;
}
.portfolio-layout10 .portf-item .portf-item-title {
font-size: 18px;
line-height: 1.7;
}
.portfolio-layout10 .portf-item-summary {
font-size: 80%;
}
.portfolio-layout10 .portf-item-cats {
font-size: 10px;
}
.portfolio-layout10 .portf-item-cats span {
display: block;
margin: 0;
} .portfolio-layout11 .portf-item {
position: relative;
border-bottom: 1px solid #dedede;
}
.portfolio-layout11 .portf-item-thumb {
float: left;
width: 45%;
margin: 0 5% 0 15%;
}
.portfolio-layout11 .portf-item-content {
position: static;
float: right;
width: 35%;
}
.portfolio-layout11 .portf-item-title {
position: absolute;
top: 60px;
bottom: 60px;
left: 40px;
font-size: 64px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
writing-mode: tb-rl;
}
.portfolio-layout11 .portf-item-summary {
font-size: 115%;
}
.portfolio-layout11 .portf-item-cats {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
writing-mode: tb-rl;
}
.portfolio-layout11 .portf-item-cats span {
margin: 0 10px 0 0;
display: block;
}
.portfolio-layout11 .portf-item-arrow {
position: absolute;
left: 55%;
bottom: 80px;
} .single-quadro_portfolio .single-wrapper {}
.single-quadro_portfolio .content-area {
float: none;
width: 100%;
max-width: none;
}
.pors-item-body {}
.pors-item-header {
margin-bottom: 40px;
}
.pors-item-title {
max-width: 960px;
margin: 0;
color: #000;
font-size: 80px;
line-height: 1.3;
font-weight: bold;
}
.pors-item-content {
max-width: 700px;
}
.pors-item-content p:last-child {
margin-bottom: 0;
}
.pors-item-media {
margin: 0 auto;
}
.pors-item-content + .pors-item-media {
margin-top: 60px;
}
.portfolio-gallery {
list-style: none;
margin: 0;
}
.pors-gallery-item {
position: relative;
margin-bottom: 40px;
}
.pors-gallery-item:last-of-type {
margin-bottom: 0;
}
.pors-gallery-item img {
display: block;
margin: 0 auto;
}
.pors-item-body .portf-item-cats {
float: left;
width: 48%;
margin-top: 30px;
color: #000;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.pors-item-data {
float: right;
width: 48%;
margin-top: 30px;
font-size: 14px;
line-height: 1.5;
letter-spacing: 1px;
color: #000;
}
.pors-item-body .portf-item-cats span,
.pors-item-data p,
.pors-item-data a {
display: block;
margin: 0 0 10px;
}
.pors-item-body .portf-item-cats span:last-child,
.pors-item-data p:last-child,
.pors-item-data a:last-child {
margin-bottom: 0;
}
.pors-item-data p {
padding-bottom: 10px;
border-bottom: 1px solid #dedede;
}
.pors-item-data p span {
font-weight: bolder;
}
.pors-item-data a {
padding: 10px 18px;
color: #000 !important;
border: 1px solid #dedede;
text-align: center;
}
.pors-item-data a:hover {
border-color: #000;
}
.portf-actions {
margin-top: 60px;
}
.portf-actions a {
float: left;
display: block;
width: 32%;
margin-right: 2%;
color: #000 !important;
text-align: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portf-actions a.next-pors-item {
float: right;
}
.portf-actions a.disabled {
visibility: hidden;
}
.portf-actions a.next-pors-item {
margin-right: 0;
}
.portf-actions a.prev-pors-item {
text-align: left;
}
.portf-actions .portf-item-arrow {
display: inline-block;
margin: 10px 10px 0 auto;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.portf-actions .prev-pors-item .portf-item-arrow {
margin: 10px auto 0 10px;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.pors-item-nav-span {
display: block;
margin-top: 30px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: normal;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.portf-actions a.next-pors-item:hover .portf-item-arrow {
-moz-transform: translateX(20px);
-webkit-transform: translateX(20px);
-o-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
.portf-actions a.prev-pors-item:hover .portf-item-arrow {
-moz-transform: rotate(180deg) translateX(20px);
-webkit-transform: rotate(180deg) translateX(20px);
-o-transform: rotate(180deg) translateX(20px);
-ms-transform: rotate(180deg) translateX(20px);
transform: rotate(180deg) translateX(20px);
}
.portf-actions a h5 {
margin-top: 5px;
text-transform: none;
}
a.view-all-portf {
text-align: center;
}
a.view-all-portf > span {
display: block;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: normal;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.view-all-portf-icon {
display: block;
margin: 0 auto;
width: 80px;
height: 80px;
margin-bottom: 29px;
}
.view-all-portf-icon span {
display: inline-block;
float: left;
width: 32px;
height: 32px;
margin: 4px;
border: 3px solid #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a.view-all-portf:hover .view-all-portf-icon span {
background: #000;
} .portf-layout1 .pors-item-header {
margin: -80px -40px 60px;
padding: 280px 40px 80px;
background-size: cover;
background-position: center;
background-attachment: fixed;
text-align: center;
}
.portf-layout1 .pors-item-title {
margin: 0 auto;
color: #fff;
}
.portf-layout1 .pors-item-content {
margin: 0 auto;
}
.portf-layout1 .pors-item-media {
max-width: 960px;
} .portf-layout2 .pors-item-content {
max-width: none;
}
.portf-layout2 .pors-item-description {
float: left;
width: 56%;
margin-right: 6%;
}
.portf-layout2 .portf-item-cats,
.portf-layout2 .pors-item-data {
float: left;
width: 16%;
margin: 0;
}
.portf-layout2 .portf-item-cats {
margin-right: 6%;
}
.portf-layout2 .pors-item-media {
margin: 60px -40px 0;
}
.portf-layout2-gallery .pors-gallery-item {
margin: 0;
}
.portf-layout2-gallery li img {
height: 585px;
width: auto;
margin: 0 10px;
}
.portf-layout2-gallery li iframe {
max-width: 1040px;
height: 585px;
margin: 0 10px;
} .portf-layout3 .pors-item-content {
float: left;
width: 35%;
}
.portf-layout3 .portf-item-cats,
.portf-layout3 .pors-item-data {
width: 100%;
}
.portf-layout3 .pors-item-media {
float: right;
width: 65%;
margin: 0 -40px 0 0;
} .portf-layout4 .pors-item-header {
float: left;
width: 30%;
margin: -10px 4% 0 0;
clear: none;
}
.portf-layout4 .pors-item-title {
font-size: 50px;
line-height: 1.4;
}
.portf-layout4 .pors-item-content  {
float: left;
width: 66%;
max-width: none;
}
.portf-layout4 .pors-item-description {
float: left;
width: 60%;
}
.portf-layout4 .portf-item-cats,
.portf-layout4 .pors-item-data {
width: 34%;
margin: 0 0 0 6%;
}
.portf-layout4 .portf-item-cats + .pors-item-data {
margin-top: 30px;
}
.portf-layout4 .pors-item-media {
float: left;
width: 100%;
margin-top: 60px;
} .portf-layout5 .pors-item-header {
float: left;
width: 48%;
margin: -20px 4% 0 0;
clear: none;
}
.portf-layout5 .pors-item-content  {
float: left;
width: 48%;
}
.portf-layout5 .pors-item-media {
float: left;
width: 100%;
margin-top: 60px;
}
.portf-layout5-gallery {
display: block;
margin: 0 -20px;
}
.portf-layout5-gallery .pors-gallery-item {
float: left;
width: 50%;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .portf-layout6 .pors-item-header,
.portf-layout6 .pors-item-content {
float: right;
width: 60%;
max-width: none;
}
.portf-layout6 .pors-item-media {
float: left;
width: 100%;
}
.portf-layout6-gallery .pors-gallery-item {
width: 100%;
padding-right: 40%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portf-layout6-gallery .pors-gallery-item:nth-of-type(even) {
padding: 0 0 0 40%;
}
.portf-layout6-gallery .pors-gallery-item img {
margin: 0;
}
.portf-layout6-gallery .pors-gallery-item:nth-of-type(even) img {
margin-left: auto;
}
.pors-gallery-item .gallery-caption {
position: static;
max-width: 400px;
margin: 20px auto 0;
padding: 0 20px 10px;
background: none;
font-size: 80%;
line-height: 1.75;
color: inherit;
}
.portf-layout6-gallery .pors-gallery-item .gallery-caption {
position: absolute;
right: 64%;
bottom: 80px;
width: 36%;
max-width: 300px;
margin: 0;
padding: 0;
font-size: 90%;
text-align: right;
}
.portf-layout6-gallery .pors-gallery-item:nth-of-type(odd) .gallery-caption {
left: 64%;
text-align: left;
} .portf-layout7 .pors-item-body {
margin: 0 -20px;
}
.portf-layout7 .pors-item-header {
margin: 0 20px 120px;
}
.pors-item-thumb-header {
margin: -80px -40px -40px;
}
.pors-item-thumb-header img {
display: block;
}
.portf-layout7 .pors-item-content,
.portf-layout7-gallery .pors-gallery-item {
float: left;
width: 50%;
margin: 0 0 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portf-layout7 .pors-item-content {
position: relative;
margin-top: -80px;
padding: 0 20px;
z-index: 9;
}
.portf-layout7 .faux-element {
margin-top: -80px;
}
.portf-layout7 .portf-item-cats,
.portf-layout7 .pors-item-data {
width: 100%;
}
.faux-element {
z-index: -1;
}
.portf-layout7-gallery .pors-gallery-item img,
.portf-layout7-gallery .pors-gallery-item iframe {
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portf-layout7 .pors-item-media {
margin: 0;
} .portf-layout8 .pors-item-title,
.portf-layout8 .pors-item-content {
margin: 0 auto;
}
.portf-layout8 .pors-item-title {
font-size: 50px;
line-height: 1.4;
}
.portf-layout8-gallery {
display: block;
margin: 0 -20px;
}
.portf-layout8-gallery .pors-gallery-item {
float: left;
width: 25%;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portf-layout8-gallery .pors-gallery-item:nth-of-type(4n+1) {
clear: left;
}
.portf-layout8-gallery .pors-gallery-item:nth-last-of-type(-n+4) {
margin-bottom: 0;
}
.portf-layout8-gallery .pors-gallery-item .gallery-caption {
font-size: 75%;
} .quadro_portfolio.as-created .pors-item-body {
max-width: 700px;
margin: 0 auto;
}
.quadro_portfolio.as-created .portf-item-cats,
.quadro_portfolio.as-created .pors-item-data {
width: 100%;
margin: 0 0 30px;
}
.quadro_portfolio.as-created .portf-item-cats span {
margin: 0 20px 0 0;
display: inline-block;
}
.quadro_portfolio.as-created .pors-item-description {
float: left;
width: 100%;
}
.quadro_portfolio.as-created .portf-item-cats + .pors-item-description,
.quadro_portfolio.as-created .pors-item-data + .pors-item-description {
margin-top: 30px;
}  .the-link-url a {
display: block;
padding: 50px 30px;
border: 1px solid;
text-align: center;
font-size: 110%;
font-weight: normal;
letter-spacing: 1px;
}
.the-link-url a:before {
font-family: "FontAwesome";
content: "\f0c1";
display: block;
margin-bottom: 10px;
text-align: center;
font-size: 18px;
} .format-video .entry-thumbnail a:after {
font-family: "FontAwesome";
content: "\f04b";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 50px;
height: 50px;
margin: auto;
padding-left: 2px;
background: #000;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 50px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
} .wp-audio-shortcode {
margin-bottom: 30px;
}
.mejs-controls,
.mejs-mediaelement,
.mejs-container {
background: #424547 !important;
}
.mejs-container {
height: auto !important;
padding: 25px 0 !important;
}
.mejs-controls {
position: relative !important;
width: 92% !important;
margin: auto !important;
}
.mejs-container .mejs-controls div {
line-height: 1.5 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #aaa !important;
}
.mejs-controls div.mejs-horizontal-volume-slider {
width: 50px !important;	
}
.mejs-controls .mejs-button button:focus {
outline: none !important;
}
.mejs-controls a:focus > .mejs-offscreen {
color: #4a4a4a !important;
font-weight: inherit !important;
line-height: 1.4 !important;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
} .entry-gallery {
position: relative;
overflow: hidden;
}
.slides {
list-style: none;
margin: 0;
}
.entry-gallery .slides .gallery-item {
display: none;
position: relative;
padding: 0;
line-height: 0;
}
.flex-direction-nav {
list-style: none;
margin: 0;
}
.flex-direction-nav a,
.slick-arrow {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 50px;
height: 80px;
margin: auto 0;
background: #000;
font-size: 16px;
line-height: 80px;
color: #fff !important;
text-align: center;
text-indent: -9999px;
cursor: pointer;
z-index: 9;
}
.flex-direction-nav a.flex-next,
.slick-arrow.slick-next {
left: auto;
right: 0;
}
.flex-direction-nav a:before,
.slick-arrow:before {
display: inline-block;
font-family: "FontAwesome";
text-indent: 0;
float: left;
width: 50px;
}
.flex-direction-nav .flex-prev:before,
.slick-arrow.slick-prev:before { content: "\f104"; }
.flex-direction-nav .flex-next:before,
.slick-arrow.slick-next:before { content: "\f105"; float: right; }
.flex-direction-nav a:hover,
.slick-arrow:hover {
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.flex-direction-nav .flex-disabled {
display: none;
}
.slick-arrow {
background: #fff;
color: #000 !important;
}
.slick-vertical .slick-arrow,
.videos-nav .slick-arrow {
top: auto;
right: 80px;
bottom: 0;
left: auto;
width: 40px;
height: 40px;
margin: 0 auto;
line-height: 40px;
text-align: center;
-webkit-box-shadow: 0 6px 28px 0 rgba(0,0,0,0.36);
box-shadow: 0 6px 28px 0 rgba(0,0,0,0.36);
z-index: 99;
}
.slick-vertical .slick-arrow.slick-prev {
right: 120px;
}
.slick-vertical .slick-arrow:hover,
.videos-nav .slick-arrow:hover {
background: #000;
color: #fff !important;
}
.slick-vertical .slick-arrow:before, .videos-nav .slick-arrow:before { display: block; width: 40px; }
.slick-vertical .slick-arrow.slick-prev:before { content: "\f106"; }
.slick-vertical .slick-arrow.slick-next:before { content: "\f107"; }
.slick-arrow.slick-disabled,
.slick-arrow.slick-disabled:hover {
background: #eaeaea;
color: #aaa !important;
cursor: default;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
z-index: 9;
}
.flex-control-nav {
position: absolute;
bottom: 10px;
left: 10px;
margin: 0 10px 0 0;
list-style: none;
text-align: center;
line-height: 1;
z-index: 999;
}
.flex-control-nav li {
display: inline-block;
margin: 0 3px;
line-height: 0;
}
.flex-control-nav a {
display: inline-block;
width: 6px;
height: 6px;
background: #fff;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
z-index: 99;
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
.flex-control-nav a:hover {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.flex-control-nav .flex-active {
-moz-transform: scale(1.4);
-webkit-transform: scale(1.4);
-o-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
}
.gallery-caption {
position: absolute;
right: 0;
bottom: 5px;
margin: 0 0 0 5px;
padding: 5px 10px;
background: #000;
background: rgba(0,0,0,0.8);
color: #fff;
font-size: 11px;
line-height: 1.5;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gallery-caption:empty {
display: none;
}
.gallery-caption.wp-caption-text {
right: 5px;
} .blog-item .flex-direction-nav a,
.slider-nav .slick-arrow {
width: 40px;
height: 60px;
line-height: 60px;
}
.blog-item .flex-direction-nav a:before,
.carousel-wrapper .flex-direction-nav a:before,
.slider-nav .slick-arrow:before {
width: 40px;
} @media only screen and (min-width: 769px) {
.anim-grid article:not(.shown) {
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.anim-grid .shown,
.no-js .anim-grid article,
.no-cssanimations .anim-grid article,
.anim-none.anim-grid article {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
} .anim-grid.anim-1 article.animate {
-webkit-animation: fadeIn 0.65s ease forwards;
-moz-animation: fadeIn 0.65s ease forwards;
animation: fadeIn 0.65s ease forwards;
}
@-webkit-keyframes fadeIn {
0% { }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { }
100% { opacity: 1; }
} .anim-grid.anim-2 article.animate {
-webkit-transform: translateY(200px);
-moz-transform: translateY(200px);
transform: translateY(200px);
-webkit-animation: moveUp 0.65s ease forwards;
animation: moveUp 0.65s ease forwards;
}
@-webkit-keyframes moveUp {
0% { }
100% { -webkit-transform: translateY(0); opacity: 1; }
}
@keyframes moveUp {
0% { }
100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
} .anim-grid.anim-3 article.animate {
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: scaleUp 0.65s ease-in-out forwards;
-moz-animation: scaleUp 0.65s ease-in-out forwards;
animation: scaleUp 0.65s ease-in-out forwards;
}
@-webkit-keyframes scaleUp {
to { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes scaleUp {
to { -moz-transform: scale(1); opacity: 1; }
}
@keyframes scaleUp {
to { transform: scale(1); opacity: 1; }
} .anim-grid.anim-4 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.anim-grid.anim-4 article.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
transform: translateZ(400px) translateY(300px) rotateX(-90deg);
-webkit-animation: fallPerspective .8s ease-in-out forwards;
animation: fallPerspective .8s ease-in-out forwards;
}
@-webkit-keyframes fallPerspective {
0% { }
100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@keyframes fallPerspective {
0% { }
100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
} .ie .anim-grid article {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform-style: none !important;
transform-style: none !important;
-webkit-transform: none !important;
transform: none !important;
-webkit-animation: none !important;
animation: none !important;
}
} .single-wrapper {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
.entry-inner {
position: relative;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
}
.entry-header {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto 80px;
}
.entry-header.post-small-title {
max-width: 700px;
}
.entry-title {
margin-bottom: 0;
font-size: 64px;
line-height: 1.3;
}
.entry-title,
.entry-title a,
.entry-title a:hover,
.entry-title a:visited,
.format-quote .entry-summary a {
color: #000;
}
.entry-meta {
display: block;
font-size: 14px;
color: #aaa;
}
.entry-meta a,
.entry-meta a:visited {
color: #aaa;
}
.byline {
display: inline-block;
}
.byline .avatar {
display: inline-block;
width: 20px;
margin: 0 5px 0 0;
vertical-align: middle;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.posted-on {
display: inline-block;
}
.cat-links {
display: inline-block;
margin: 0;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: normal;
}
.comments-link {
display: inline-block;
}
.meta-separator {
margin: 0 10px;
}
.single.fullwidth-left .content-area,
.single.fullwidth-right .content-area {
width: 100%;
max-width: none;
}
.single.sidebar-left .content-area {
float: right;
}
.entry-thumbnail {
position: relative;
width: 100%;
margin: 0 0 60px -40px;
}
.entry-thumbnail.post-big-featimg {
max-width: 960px;
margin-right: auto;
margin-left: auto;
}
.entry-thumbnail.post-small-featimg {
max-width: 700px;
margin-right: auto;
margin-left: auto;
}
.entry-thumbnail.post-hide-featimg {
display: none;
}
@media only screen and (min-width: 1025px) {
.single.sidebar-left .entry-thumbnail {
margin: 0 0 60px 40px;
}
}
.entry-thumbnail > a,
.entry-thumbnail img {
display: block;
width: 100%;
}
.entry-summary {}
.entry-summary p:last-child {
margin-bottom: 0;
}
.entry-content {
max-width: 700px;
margin: 0 auto;
padding-left: 260px;
}
.single-post .entry-content {
padding-left: 0;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
color: #000;
}
.single-post blockquote,
.single-post q,
.blog-classic blockquote,
.blog-classic q {
padding: 60px;
}
.single-post blockquote p,
.single-post q p,
.blog-classic blockquote p,
.blog-classic q p {
font-size: 160%;
letter-spacing: 1px;
}
@media only screen and (min-width: 1025px) {
.single.fullwidth-left .entry-content .aligncenter,
.single.fullwidth-right .entry-content .aligncenter,
.single.fullwidth-left .entry-content img.aligncenter,
.single.fullwidth-right .entry-content img.aligncenter,
.single.fullwidth-left .entry-content .gallery,
.single.fullwidth-right .entry-content .gallery,
.single.fullwidth-left .entry-content > blockquote:not(.wp-block-quote),
.single.fullwidth-right .entry-content > blockquote:not(.wp-block-quote),
.single.fullwidth-left .entry-content q,
.single.fullwidth-right .entry-content q {
display: block;
width: 115%;
max-width: 115%;
margin: 0 0 30px -15%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.entry-content > *:last-child {
margin-bottom: 0;
}
.single-tags {
margin-top: 50px;
font-size: 14px;
text-transform: lowercase;
text-align: left;
}
.single-tags a,
.single-tags a:visited,
.single-post .entry-content .single-tags a,
.single-post .entry-content .single-tags a:visited {
display: inline-block;
color: #aaa;
}
.single-tags a:after {
content: "\2022";
margin: 0 10px;
color: #aaa;
}
.single-tags a:last-of-type:after {
display: none;
}
.entry-footer {
margin: 60px -40px 0 40px;
} .author-box {
position: relative;
padding: 80px 40px;
background: #f8f8f8;
}
.inner-author {
position: relative;
max-width: 640px;
min-height: 120px;
margin: 0 auto;
padding-left: 160px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.author-name {}
.author-name h3 {
margin: 0;
font-size: 100%;
color: #555;
font-weight: bolder;
}
.author-name h3 a {
color: #555 !important;
}
.author-name .avatar {
position: absolute;
top: 0;
left: 0;
width: 120px;
margin: 0 auto;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}
.author-bio {
margin-top: 5px;
font-size: 90%;
color: #888;
}
.author-extras {
margin-top: 15px;
}
.author-extras a {
display: inline-block;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
color: #000;
font-size: 12px;
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
.author-extras a.author-behance 		{ color: #1769ff; }
.author-extras a.author-bluesky 		{ color: #1285FE; }
.author-extras a.author-codepen 		{ color: #111111; }
.author-extras a.author-deviantart 		{ color: #05cc47; }
.author-extras a.author-digg 			{ color: #000000; }
.author-extras a.author-dribbble 		{ color: #ea4c89; }
.author-extras a.author-etsy 			{ color: #F1661E; }
.author-extras a.author-facebook,
.author-extras a.author-facebook-f 		{ color: #3b5998; }
.author-extras a.author-flickr 			{ color: #0063dc; }
.author-extras a.author-github 			{ color: #4183c4; }
.author-extras a.author-google-plus 	{ color: #dd4b39; }
.author-extras a.author-instagram 		{ color: #d93175; }
.author-extras a.author-itunes,
.author-extras a.author-itunes-note 	{ color: #EA4CC0; }
.author-extras a.author-linkedin,
.author-extras a.author-linkedin-in 	{ color: #0766c2; }
.author-extras a.author-kickstarter,
.author-extras a.author-kickstarter-k 	{ color: #05ce78; }
.author-extras a.author-medium 			{ color: #111111; }
.author-extras a.author-facebook-messenger	{ color: #0084ff; }
.author-extras a.author-pinterest,
.author-extras a.author-pinterest-p 	{ color: #cc2127; }
.author-extras a.author-skype 			{ color: #00aff0; }
.author-extras a.author-slack 			{ color: #4a154b; }
.author-extras a.author-slideshare 		{ color: #008ED2; }
.author-extras a.author-soundcloud 		{ color: #ff8800; }
.author-extras a.author-spotify 		{ color: #1DB954; }
.author-extras a.author-stack-overflow 	{ color: #fe7a15; }
.author-extras a.author-substack 		{ color: #FF6718; }
.author-extras a.author-threads 		{ color: #000000; }
.author-extras a.author-tiktok 			{ color: #FE2C55; }
.author-extras a.author-trello 			{ color: #0079bf; }
.author-extras a.author-tumblr 			{ color: #35465c; }
.author-extras a.author-twitter 		{ color: #55acee; }
.author-extras a.author-vimeo,
.author-extras a.author-vimeo-square,
.author-extras a.author-vimeo-v			{ color: #1ab7ea; }
.author-extras a.author-web 			{ color: #000000; }
.author-extras a.author-whatsapp 		{ color: #25D366; }
.author-extras a.author-x 				{ color: #000000; }
.author-extras a.author-youtube 		{ color: #cd201f; }
.author-extras a:hover {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
} .page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
max-width: 100%;
margin-bottom: 30px;
line-height: 0;
}
.wp-caption-text {
max-width: 80%;
margin: 0;
padding: 5px;
line-height: 1.2;
}
.wp-caption .wp-caption-text {
position: static;
display: block;
max-width: 100%;
margin: 10px 0 0 !important;
padding: 0;
background: none;
color: #000;
font-size: 12px;
text-align: center;
font-style: italic;
}
.site-content .gallery {
float: left;
width: 100%;
margin-bottom: 30px;
text-align: center;
}
.gallery-item {
position: relative;
float: left;
padding: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.33333%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.6666%; }
.gallery-columns-7 .gallery-item { width: 14.2857%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.1111%; }
div.gallery-icon {
line-height: 0;
}
.gallery-item a,
.wp-caption a {
position: relative;
display: block;
}
.wp-caption .wp-caption-text a {
position: static;
display: inline-block;
}
.gallery-item a:after,
.wp-caption a:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-family: "FontAwesome";
content: "\f002";
width: 50px;
height: 50px;
margin: auto;
background: #000;
color: #aaa;
font-size: 18px;
line-height: 50px;
text-align: center;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: rotate(-30deg) translateY(-20px);
-webkit-transform: rotate(-30deg) translateY(-20px);
-o-transform: rotate(-30deg) translateY(-20px);
-ms-transform: rotate(-30deg) translateY(-20px);
transform: rotate(-30deg) translateY(-20px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.wp-caption .wp-caption-text a:after {
display: none;
}
.gallery-item a:hover:after,
.wp-caption a:hover:after {
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
-moz-transform: rotate(0) translateY(0);
-webkit-transform: rotate(0) translateY(0);
-o-transform: rotate(0) translateY(0);
-ms-transform: rotate(0) translateY(0);
transform: rotate(0) translateY(0);
}
.gallery-item a img,
.wp-caption a img {
display: block;
width: 100%;
margin: 0 !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.gallery-item a img:hover {
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
} embed,
iframe,
object {
display: block;
max-width: 100%;
}  .paging-navigation,
.comment-navigation {
width: 100%;
margin: 40px 0 0;
font-size: 12px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2px;
}
.comment-navigation {
margin: 60px 0;
}
.paging-navigation .nav-previous,
.paging-navigation .nav-next,
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
float: left;
width: 49%;
margin: 0;
}
.paging-navigation .nav-next,
.comment-navigation .nav-next {
float: right;
text-align: right;
}
.paging-navigation .nav-previous:first-child:last-child,
.paging-navigation .nav-next:first-child:last-child,
.comment-navigation .nav-previous:first-child:last-child,
.comment-navigation .nav-next:first-child:last-child {
width: 100%;
text-align: center;
}
.paging-navigation a,
.comment-navigation a {
display: inline-block;
padding-bottom: 8px;
border-bottom: 2px solid transparent;
}
.paging-navigation a:hover,
.comment-navigation a:hover {
border-bottom: 2px solid;
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
}
.nav-previous .fa {
margin-right: 5px;
}
.nav-next .fa {
margin-left: 5px;
} .post-navigation {
margin: 0 -40px 0 40px;
border: 1px solid #dedede;
border-right: none;
}
.post-navigation .nav-links {
display: table;
width: 100%;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
position: relative;
display: table-cell;
width: 50%;
border-bottom: 2px solid transparent;
text-align: center;
line-height: 1.5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.post-navigation .nav-previous {
border-right: 1px solid #dedede;
}
.post-navigation .nav-previous:hover,
.post-navigation .nav-next:hover {
border-bottom-color: #000;
}
.post-navigation .nav-previous:first-child:last-child,
.post-navigation .nav-next:first-child:last-child {
display: block;
width: 100%;
border: none;
}
.post-navigation a {
display: block;
padding: 100px 80px;
color: #1a1a1a !important;
}
.post-navigation .meta-nav {
font-size: 24px;
}
.post-navigation .meta-nav strong {
display: block;
margin-bottom: 20px;
font-size: 13px;
font-weight: inherit;
color: #9a9a9a;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
font-weight: normal;
}
.post-navigation .meta-nav .fa {
position: absolute;
top: 0;
left: 20px;
bottom: 0;
height: 40px;
margin: auto 0;
font-size: 40px;
line-height: 40px;
color: #dedede;
}
.post-navigation .nav-next .meta-nav .fa {
left: auto;
right: 20px;
}
.post-navigation .nav-previous:hover .meta-nav .fa,
.post-navigation .nav-next:hover .meta-nav .fa {
color: #000;
} .page-links {
clear: both;
margin-top: 30px;
padding: 20px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
font-size: 12px;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
font-weight: normal;
}
.page-links a {
display: inline-block;
margin: 0 4px;
padding: 0 4px;
border-bottom: 1px solid;
letter-spacing: 0;
} .comments-area {
width: 100%;
max-width: 700px;
margin: 0 auto;
padding-top: 100px;
}
.comments-title {
margin-bottom: 40px;
font-size: 24px;
text-align: center;
}
.comments-area ol {
list-style: none;
margin: 30px 0 60px;
}
.comment-list li.pingback {
padding: 20px;
border-top: 1px solid #dedede;
}
.comment-list li.pingback .comment-body {
font-size: 90%;
}
.comment-list li.pingback a {
display: block;
}
.comment-list li.pingback .edit-link {
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
}
.comment-list li.pingback .edit-link a {
color: #8a8a8a !important;
}
.comment-list article {
position: relative;
min-height: 100px;
margin-bottom: 40px;
padding: 40px 40px 40px 120px;
background: #f8f8f8;
}
.bypostauthor article {}
.comment-meta {}
.comment-author {
display: block;
}
.comment-author img {
position: absolute;
left: 30px;
top: 40px;
width: 60px;
height: 60px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.comment-author cite {
display: inline-block;
margin: 0;
font-size: 18px;
color: #000;
text-transform: none;
letter-spacing: 0;
}
.comment-author cite span {
font-size: 18px;
}
.comment-author a {
color: #000;
}
.comment-metadata {
display: block;
font-size: 11px;
font-weight: normal;
}
.comment-metadata a {
color: #8a8a8a !important;
}
.comment-metadata .edit-link {
display: inline-block;
position: absolute;
top: 10px;
right: 10px;
padding: 2px 8px;
background: #fff;
border: 1px solid #dedede;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.comment-awaiting-moderation {
float: right;
font-size: 12px;
font-style: italic;
margin: 0;
}
.comment-content {
clear: both;
width: 100%;
margin: 15px 0;
font-size: 16px;
line-height: 1.5;
}
.comment-content p {
margin-bottom: 10px;
}
.comment-reply-link,
.cancel-comment-reply-link {
display: inline-block;
padding: 6px 14px;
border: 1px solid;
font-size: 12px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.comment-list .children {
list-style: none;
margin: 20px 0 0 100px;
}
.comment-respond {
margin-bottom: 40px;
}
.comment-reply-title {
margin-bottom: 5px;
text-align: center;
font-size: 24px;
}
.comment-reply-title small {
display: block;
margin-top: 10px;
font-size: 13px;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.comment-reply-title small a {
border-bottom: 1px solid;
}
.logged-in-as,
.comment-notes {
font-size: 14px;
text-align: center;
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
padding: 10px !important;
border: 1px solid #dedede;
}
.comment-form textarea:focus,
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus {
border-color: #000;
}
.comment-form label {
display: block;
margin-bottom: 10px;
font-size: 90%;
}
p.comment-subscription-form {
margin-bottom: 0;
font-size: 13px;
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.form-submit {}
.comment-content a {
word-wrap: break-word;
}  .tiled-gallery {
margin-bottom: 40px !important;
}
.tiled-gallery-caption {
bottom: 2px !important;
left: 2px !important;
right: 2px !important;
width: auto !important;
background: #111 !important;
background: rgba(0,0,0,0.8) !important;
color: #fff !important;
text-align: center;
} div.sharedaddy {
margin: 60px 0;
}
div.sharedaddy h3.sd-title,
div#jp-relatedposts h3.jp-relatedposts-headline {
display: block !important;
font-size: 20px !important;
margin-bottom: 20px !important;
font-weight: normal !important;
color: #75858f;
}
div.sharedaddy h3.sd-title:before {
display: none !important;
margin-bottom: 40px !important;
border-width: 2px !important;
border-color: #eee !important;
}
.sharedaddy .sd-content ul {
margin: 0 !important;
}
div#jp-relatedposts {
margin: 60px auto 0;
padding: 40px 0 0;
border-top: 2px solid #eee;
}
div#jp-relatedposts h3.jp-relatedposts-headline {
width: 100%;
}
div#jp-relatedposts h3.jp-relatedposts-headline em {
font-weight: inherit !important;
}
div#jp-relatedposts h3.jp-relatedposts-headline em:before {
display: none !important;
}
div#jp-relatedposts div.jp-relatedposts-items-visual {
margin: 0 !important;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
width: 32% !important;
margin: 0 2% 0 0 !important;
padding: 0 !important;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-of-type(3n) {
margin-right: 0 !important;
}
div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
width: 100% !important;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img:hover {
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
}
div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
.jp-relatedposts-post-title {
font-size: 16px !important;
line-height: 1.3 !important;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
color: #666 !important;
text-decoration: none !important;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
color: #222 !important;
text-decoration: none !important;
}
div#jp-relatedposts div.jp-relatedposts-items p {
margin-top: 10px !important;
}
div#jp-relatedposts div.jp-relatedposts-items p.jp-relatedposts-post {
margin-top: 0 !important;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
display: block;
font-size: 10px !important;
text-transform: uppercase;
letter-spacing: 1px;
zoom: 1;
filter: alpha(opacity=80) !important;
opacity: 0.8 !important;
}
span.jp-relatedposts-post-context,
div#jp-relatedposts div.jp-relatedposts-items p.jp-relatedposts-post-context {
margin-top: 5px !important;
}
@media only screen and (max-width: 768px) {
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
width: 49.4% !important;
margin: 0 1.2% 30px 0 !important;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-of-type(3n) {
margin-right: 1.2% !important;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-of-type(2n) {
margin-right: 0 !important;
}
div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:last-of-type {
margin-bottom: 0 !important;
}
}
@media only screen and (max-width: 568px) {
div#jp-relatedposts div.jp-relatedposts-items-visual {
margin-right: 0 !important;
}
div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
width: 100% !important;
margin: 0 0 30px 0 !important;
}
div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:last-of-type {
margin-bottom: 0 !important;
}
}  .archive-header {
padding: 40px;
background-color: #fff;
border-bottom: 1px solid #dedede;
background-size: cover;
background-position: center;
background-attachment: fixed;
text-align: center;
}
.archive.author .archive-header {
position: relative;
padding: 140px 40px;
text-align: left;
}
.archive.author .archive-header:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
z-index: 1;
}
.inner-archive {
max-width: 1400px;
margin: 0 auto;
}
.archive-title {
margin-bottom: 0;
font-size: 32px;
}
.archive.author .archive-title {
display: none;
}
.taxonomy-description {
max-width: 700px;
margin: 15px auto 0;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
}
.taxonomy-description p {
margin-bottom: 0;
}
.archive-header .author-box {
padding: 0;
color: #fff;
background: none;
z-index: 9;
}
.archive-header .author-box .inner-author {
margin: 0 auto;
}
.archive-header .author-box a,
.archive-header .author-bio {
color: #fff !important;
}
.archive-header .author-name .avatar {} section.no-results,
section.not-found {
text-align: center;
}
.no-results .page-header,
.not-found .page-header {
margin-bottom: 40px;
background: none;
border: none;
}
.no-results .page-inner-header,
.not-found .page-inner-header {
padding: 0;
}
.no-results input[type="search"],
.not-found input[type="search"] {
min-width: 50%;
height: 51px;
}
section.no-results .search-form,
section.not-found .search-form,
.error-404 .search-form {
margin: 40px 0 0;
}
.content-area.error-404-fw {
float: none;
width: 100%;
max-width: none;
margin: 0 auto;
} .site-footer {
float: right;
width: 100%;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.inner-footer,
.bottom-footer {
position: relative;
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}
.bottom-footer {
max-width: 1380px;
height: 20px;
padding: 40px 60px 40px 40px;
line-height: 20px;
}
.inner-footer .widget {
font-size: 77%;
margin-bottom: 30px;
}
.footer-navigation {
display: block;
padding: 10px 40px;
font-size: 10px;
line-height: 20px;
letter-spacing: 3px;
font-weight: normal;
text-transform: uppercase;
}
.footer-navigation .inner-nav {
max-width: 1400px;
margin: 0 auto;
}
.footer-navigation ul {
list-style: none;
margin: 0;
}
.footer-navigation li {
display: inline-block;
}
.footer-navigation li a {
display: inline-block;
padding: 5px 20px 5px 0;
text-decoration: none;
}
.footer-navigation li a:hover {
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
.footer-navigation li ul {
display: inline-block;
}
.site-info {
display: inline-block;
float: left;
width: 49%;
font-size: 12px;
}
.footer-social-icons {
display: inline-block;
float: right;
width: 49%;
text-align: right;
}
.footer-social-icons:empty {
display: none;
}
.footer-social-icons li a i {
font-size: 10px;
}
.back-to-top {
display: none;
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 100px;
cursor: pointer;
text-align: center;
line-height: 100px;
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
z-index: 9999;
}
.back-to-top:before {
font-family: "FontAwesome";
content: "\f106";
font-size: 16px;
color: #fff;
vertical-align: top;
} .widg-layout1 {
float: left;
width: 22.75%;
margin-left: 3%;
}
.widg-layout1:first-child {
margin-left: 0;
}
.widg-layout2 {
float: left;
width: 31.333333%;
margin-left: 3%;
}
.widg-layout2:first-child {
margin-left: 0;
}
.widg-layout1, .widg-layout2 {
min-height: 1px;
}
.widg-layout1 aside:last-child, .widg-layout2 aside:last-child {
margin-bottom: 0;
} .widget-area {
float: right;
width: 31%;
}
.page-template-template-left-sidebar-php .widget-area,
.sidebar-left .widget-area {
float: left;
}
.widget-area .widget {
margin: 0 0 60px;
font-size: 85%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.widget-title {
position: relative;
margin-bottom: 20px;
padding-bottom: 22px; font-size: 14px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2px;
}
.widget-title:after {
display: block;
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: 2px solid #000;
opacity: 0.07;
}
.widget ul {
list-style: none;
margin: 0;
}
.widget ul li {
margin-bottom: 10px;
}
.widget ul li a {
display: inline-block;
}
.widget-area .widget ul li a {
color: #000;
}
.widget ul li a:hover {
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
.widget .children,
.widget .sub-menu {
margin-top: 10px;
}
.widget .children li,
.widget .sub-menu li {
position: relative;
padding-left: 30px;
}
.widget .children li:after,
.widget .sub-menu li:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 20px;
height: 1px;
margin: auto 0;
background: #dedede;
} .widget select {
width: 100%;
max-width: 100%;
} .site-content .widget_nav_menu .current-menu-item a {
font-weight: bolder;
text-decoration: underline;
} .textwidget p:last-of-type {
margin-bottom: 0;
} .widget_search .search-field {
float: left;
width: 60%;
height: 50px;
}
.widget_search .search-submit {
float: right;
width: 38%;
height: 50px;
padding: 10px 0;
color: #fff !important;
line-height: 1;
white-space: nowrap;
} .widget_recent_entries li .post-date {
display: block;
font-size: 13px;
text-transform: uppercase;
}  .tagcloud a {
display: inline-block;
margin: 0 0 5px;
font-size: 14px !important;
color: #000;
}
.tagcloud a:after {
content: "\2022";
margin: 0 10px;
}
.tagcloud a:last-of-type:after {
display: none;
} #calendar_wrap {}
.widget_calendar table {
margin-bottom: 0;
}
.widget_calendar caption {
margin-bottom: 15px;
font-size: 90%;
text-align: center;
font-weight: 300;
}
.widget_calendar thead th,
.widget_calendar tbody td {
text-align: center;
font-weight: 300;
}
.widget_calendar tfoot tr a {
display: block;
margin-top: 10px;
font-size: 14px;
text-transform: uppercase;
}
td#next {
text-align: right;
} .widget_rss .widget-title a.rsswidget {
display: inline-block;
vertical-align: middle;
}
.widget_rss ul li a.rsswidget {
font-size: 18px;
font-weight: bolder;
}
.rss-date {
font-size: 12px;
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
.rssSummary {
margin-top: 10px;
}
.widget_rss cite {
display: block;
margin-top: 5px;
font-weight: bold;
} .google-map-map {
height: 240px;
}
.widget-image-container {
line-height: 0;
text-align: center;
}
.quadro-video-widget iframe {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.quadro-rpost,
.widget ul li.quadro-rpost {
position: relative;
min-height: 80px;
margin-bottom: 15px;
padding-left: 95px;
}
.quadro-rpost-thumb-link {
display: block !important;
position: absolute;
top: 0;
left: 0;
width: 80px;
}
.quadro-rpost img {
width: 80px;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.quadro-rpost-data {}
.quadro-rpost-data h4 {
font-size: 16px;
line-height: 1.5;
margin: 0;
}
.quadro-rpost-data p {
margin: 5px 0 0;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}
.quadro-feat-post {
position: relative;
}
.quadro-feat-post-data {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 15px;
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 1;
}
.quadro-feat-post-data a {
color: #fff !important;
}
.quadro-feat-post-data h4 {
display: inline;
margin-bottom: 0;
font-size: 18px;
line-height: 1.5;
}
.quadro-feat-post-data .meta {
margin: 5px 0 0;
color: #fff;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.quadro-feat-post-thumb-link {
display: block;
position: relative;
background: #000;
}
.quadro-feat-post-thumb-link:hover {
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
}
.quadro-feat-post-thumb-link img {
display: block;
width: 100%;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
} .qi-ad img,
.qi-ad iframe {
display: block;
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
margin: 0 auto;
} .ad-pretitle,
.ad-precontent {
margin: 0 auto 30px;
}
.ad-posttitle,
.ad-postcontent {
margin: 30px auto 0;
}
.ad-midcontent {
margin: 30px auto;
} .qi-ad-widget {
margin-bottom: 10px;
}
.qi-ad-widget:last-of-type {
margin-bottom: 0;
}
.qi-ad-widget img {
display: block;
margin: auto;
}
.quadro-ads-widget-1col img {
max-width: 100%;
}
.quadro-ads-widget-1col a:hover img {
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
}
.quadro-ads-widget-2cols .qi-ad-widget {
float: left;
width: 48.5%;
margin: 0 3% 10px 0;
}
.quadro-ads-widget-2cols .qi-ad-widget:nth-of-type(2n) {
margin-right: 0;
}
.quadro-ads-widget-2cols .qi-ad-widget:nth-last-of-type(2),
.quadro-ads-widget-2cols .qi-ad-widget:last-of-type {
margin-bottom: 0;
} .landing-enabled .site-content#content {
margin-top: 0 !important;
}
.landing-enabled .site-footer {
display: none;
} .site-main {
overflow-x: hidden;
}  .alignfull,
.single.fullwidth-left .wp-block-pullquote.alignfull,
.single.fullwidth-right .wp-block-pullquote.alignfull,
.page-template-template-full-width .wp-block-pullquote.alignfull,
.page-template-template-centered .wp-block-pullquote.alignfull,
.woocommerce.woo-sidebar-none .wp-block-pullquote.alignfull {
width: 100vw;
max-width: 100vw;
margin: 48px 0;
margin-left: calc(50% - 50vw); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: both;
}
@media only screen and (min-width: 920px) {
.alignwide,
.single.fullwidth-left .wp-block-pullquote.alignwide,
.single.fullwidth-right .wp-block-pullquote.alignwide,
.page-template-template-centered .wp-block-pullquote.alignwide {
width: 130%;
max-width: 130%;
margin: 48px 0;
margin-left: -15%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: both;
}
.page-template-template-full-width .alignwide,
.woocommerce.woo-sidebar-none .alignwide {
width: 100%;
max-width: 100%;
margin: 48px 0;
}
}
@media only screen and (min-width: 1025px) {
.single.sidebar-right .entry-content .alignwide,
.page-template-default .alignwide,
.single.sidebar-right .entry-content .alignfull,
.page-template-default .alignfull,
.woocommerce.woo-sidebar-right .alignwide,
.woocommerce.woo-sidebar-right .alignfull {
width: calc(100% + 40px);
max-width: calc(100% + 40px);
margin-left: -40px;
}
.single.sidebar-left .entry-content .alignwide,
.page-template-template-left-sidebar .alignwide,
.single.sidebar-left .entry-content .alignfull,
.page-template-template-left-sidebar .alignfull,
.woocommerce.woo-sidebar-left .alignwide,
.woocommerce.woo-sidebar-left .alignfull {
width: calc(100% + 40px);
max-width: calc(100% + 40px);
margin-right: -40px;
margin-left: 0;
}
} .wp-block-group.has-background {
padding: 40px;
}
.wp-block-group.has-background {
margin-bottom: 24px;
}
.wp-block-group.has-background .wp-block-group__inner-container > *:last-child {
margin-bottom: 0;
} p.wp-block-subhead {
font-size: 12px;
font-style: normal;
line-height: 24px;
font-weight: bolder;
text-transform: uppercase;
letter-spacing: 2px;
opacity: 1;
} .wp-block-image.alignwide ,
.wp-block-image.alignfull {
margin-bottom: 48px;
}
.wp-block-image .alignleft {
margin: 0 24px 24px 0;
}
.wp-block-image .alignright {
margin: 0 0 24px 24px;
}
.wp-block-image .aligncenter {
margin: 0 auto 24px;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignwide img,
.wp-block-image.alignfull img {
width: 100%;
}
figcaption,
.wp-block-image figcaption {
display: block;
max-width: 100%;
margin: 10px auto 0 !important;
padding: 0 5px;
background: none;
font-size: 80%;
text-align: center;
} .wp-block-cover-image {
margin-bottom: 48px;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image h2 {
position: relative;
max-width: 700px;
padding: 40px;
} .wp-block-gallery {
margin-bottom: 48px;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .wp-block-text-columns.alignfull,
.wp-block-columns.alignfull,
.wp-block-text-columns.alignwide,
.wp-block-columns.alignwide {
padding: 0 40px;
} .wp-block-button .wp-block-button__link {
padding: 16px 30px;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}
.wp-block-button.is-style-squared .wp-block-button__link {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.wp-block-button:not(.is-style-outline) a.wp-block-button__link:not(.has-text-color),
.wp-block-button:not(.is-style-outline) a.wp-block-button__link:not(.has-text-color):active,
.wp-block-button:not(.is-style-outline) a.wp-block-button__link:not(.has-text-color):focus,
.wp-block-button:not(.is-style-outline) a.wp-block-button__link:not(.has-text-color):hover {
color: #fff;
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-file a.wp-block-file__button:hover {
zoom: 1;
filter: alpha(opacity=85);
opacity: 0.85;
-moz-transform: translateY(-1px);
-webkit-transform: translateY(-1px);
-o-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
.wp-block-button.aligncenter {
width: 100%;
width: auto !important; max-width: 100% !important; margin-left: 0 !important; } blockquote.wp-block-quote {
width: auto;
max-width: 100%;
margin: 0 0 24px;
padding: 10px 0 10px 40px;
background: none;
border-left: 4px solid #000;
color: #000;
box-sizing: border-box;
}
blockquote.wp-block-quote.has-text-align-right {
padding: 10px 40px 10px 0;
border-left: none;
border-right: 4px solid #000;
text-align: right;
}
blockquote.wp-block-quote.has-text-align-center {
margin: 48px 0;
padding: 0;
border-left: none;
text-align: center;
}
blockquote.wp-block-quote.has-text-align-center:before {
content: "";
display: block;
max-width: 200px;
margin: 0 auto 40px;
border-top: 4px solid #000;
}
blockquote.wp-block-quote p {
font-size: 120%;
font-weight: bolder;
color: #000;
letter-spacing: 0;
}
blockquote.wp-block-quote.is-style-large {
margin-top: 48px;
margin-bottom: 48px;
padding: 20px 0 20px 60px;
}
blockquote.wp-block-quote.is-style-large.has-text-align-right {
padding: 20px 60px 20px 0;
}
blockquote.wp-block-quote.is-style-large.has-text-align-center {
padding: 0;
}
@media only screen and (min-width: 920px) {
.single.fullwidth-right .entry-content blockquote.wp-block-quote.is-style-large,
.single.fullwidth-left .entry-content blockquote.wp-block-quote.is-style-large,
.page-template-template-centered blockquote.wp-block-quote.is-style-large {
display: block;
width: 130%;
max-width: 130%;
margin-left: -15%;
}
}
blockquote.wp-block-quote.is-style-large p {
font-size: 160%;
line-height: 1.75;
font-style: normal;
letter-spacing: 0;
}
blockquote.wp-block-quote cite,
blockquote.wp-block-quote.is-style-large cite {
font-size: 14px;
text-align: left;
opacity: 0.6;
}
blockquote.wp-block-quote.has-text-align-right cite,
blockquote.wp-block-quote.has-text-align-right.is-style-large cite {
text-align: right;
}
blockquote.wp-block-quote.has-text-align-center cite,
blockquote.wp-block-quote.has-text-align-center.is-style-large cite {
text-align: center;
} .wp-block-pullquote {
margin-top: 48px;
margin-bottom: 48px;
padding: 60px;
border-top: 4px solid;
border-bottom: 4px solid;
box-sizing: border-box;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
padding: 40px;
max-width: 340px;
}
.wp-block-pullquote.alignleft:not(.is-style-solid-color),
.wp-block-pullquote.alignright:not(.is-style-solid-color),
.wp-block-pullquote:not(.is-style-solid-color) {
padding: 40px 0;
}
.wp-block-pullquote.alignleft {
margin: 8px 32px 32px 0;
}
.wp-block-pullquote.alignright {
margin: 8px 0 32px 32px;
}
@media only screen and (min-width: 920px) {
.single.fullwidth-right .wp-block-pullquote.alignleft,
.single.fullwidth-left .wp-block-pullquote.alignleft,
.page-template-template-centered .wp-block-pullquote.alignleft {
margin: 8px 32px 32px -15%;
}
.single.fullwidth-right .wp-block-pullquote.alignright,
.single.fullwidth-left .wp-block-pullquote.alignright,
.page-template-template-centered .wp-block-pullquote.alignright {
margin: 8px -15% 32px 32px;
}
}
.wp-block-pullquote.alignleft blockquote p,
.wp-block-pullquote.alignright blockquote p {
font-size: 120% !important;
font-weight: bolder;
letter-spacing: 0;
}
.wp-block-pullquote.alignfull {
padding: 100px 60px;
text-align: center;
}
.wp-block-pullquote blockquote,
.wp-block-pullquote.is-style-solid-color blockquote {
width: auto;
max-width: none;
margin: 0;
padding: 0;
background: none;
text-align: center;
}
.wp-block-pullquote.alignfull blockquote {
max-width: 960px;
margin: 0 auto;
}
.wp-block-pullquote blockquote:not(.has-text-color) {
color: inherit;
}
.wp-block-pullquote blockquote p,
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: 160%;
line-height: 1.75;
font-style: normal;
letter-spacing: 1px;
text-align: center;
}
.wp-block-pullquote blockquote cite,
.wp-block-pullquote.is-style-solid-color blockquote cite {
margin-top: 24px;
text-transform: uppercase;
text-align: center;
opacity: 0.6;
} .wp-block-audio {
margin-bottom: 24px;
}
.wp-block-audio.alignwide {
padding: 0 40px;
}
.wp-block-audio.alignfull {
padding: 40px;
background: #f1f3f4;
}
.wp-block-audio audio {
width: 100%;
min-width: 300px;
} .wp-block-video figcaption {
margin-top: .5em;
color: #6c7781;
text-align: center;
font-size: 13px;
}
.wp-block-video.alignwide video,
.wp-block-video.alignfull video {
width: 100%;
} .wp-block-verse {
padding: 40px;
background: #fff;
border: 1px solid #eaeaea;
} .wp-block-separator.is-style-wide {
max-width: none;
}
.wp-block-separator.is-style-dots {
max-width: none;
background: none;
} .wp-block-categories.alignfull {
padding: 0 40px;
}
.wp-block-categories.wp-block-categories-dropdown {
text-align: center;
}
.wp-block-categories.wp-block-categories-dropdown select {
width: 100%;
max-width: 700px;
}
.wp-block-categories-list ul {
list-style: none;
margin: 0 0 24px;
font-size: 16px;
line-height: 1.5;
letter-spacing: 1px;
}
.wp-block-categories-list ul li,
.wp-block-latest-posts li {
position: relative;
padding-left: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wp-block-categories-list ul li:before,
.wp-block-latest-posts li:before {
content: "";
display: block;
position: absolute;
top: 2px;
bottom: 0;
left: 0;
width: 20px;
height: 1px;
margin: auto 0;
border-top: 1px solid #dedede;
}
ul.wp-block-latest-posts {
list-style: none;
font-size: 16px;
line-height: 1.5;
letter-spacing: 1px;
}
ul.wp-block-latest-posts:not(.alignwide):not(.alignfull) {
margin-left: 0;
}
.wp-block-latest-posts.alignfull,
.wp-block-latest-posts.alignwide {
padding: 0 40px;
}
.wp-block-latest-posts li {
margin-bottom: 20px;
}
.wp-block-latest-posts li a {}
.wp-block-latest-posts__post-date {
margin: 5px 0 0;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
} .wp-block-embed,
.wp-block-embed-wordpress,
.wp-block-embed-instagram,
.wp-block-embed-twitter,
.wp-block-embed-facebook,
.wp-block-embed-tiktok {
margin-bottom: 24px;
}
.wp-block-embed-wordpress.alignfull,
.wp-block-embed-instagram.alignfull,
.wp-block-embed-twitter.alignfull,
.wp-block-embed-facebook.alignfull,
.wp-block-embed-wordpress.alignwide,
.wp-block-embed-instagram.alignwide,
.wp-block-embed-twitter.alignwide,
.wp-block-embed-facebook.alignwide {
padding: 0 40px;
}
.wp-block-embed .twitter-tweet,
.wp-block-embed .instagram-media,
.wp-block-embed .fb-post,
.wp-block-embed .fb_iframe_widget span {
display: block;
margin: 0 auto !important;
}
.tiktok-embed {
padding: 0 !important;
background: none !important;
} .wp-block-file {
padding: 20px;
background: #f8f8f8;
font-size: 15px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wp-block-file.alignfull,
.wp-block-file.alignwide {
padding: 40px;
}
.wp-block-file a:first-of-type {
color: #111 !important;
font-weight: bolder;
text-decoration: underline;
}
.wp-block-file a.wp-block-file__button {
margin-left: 20px;
padding: 12px 20px;
font-size: 11px;
line-height: 20px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2px;
color: #fff !important;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
} .wp-block-table table {
border-collapse: separate;
} @media only screen and (min-width: 920px) {
.page-template-template-full-width .wp-block-text-columns.alignwide,
.page-template-template-full-width .wp-block-columns.alignwide,
.page-template-template-full-width .wp-block-audio.alignwide,
.page-template-template-full-width .wp-block-latest-posts.alignwide,
.page-template-template-full-width .wp-block-latest-posts.alignwide,
.page-template-template-full-width .wp-block-embed-wordpress.alignwide,
.page-template-template-full-width .wp-block-embed-instagram.alignwide,
.page-template-template-full-width .wp-block-embed-twitter.alignwide,
.page-template-template-full-width .wp-block-embed-facebook.alignwide,
.woocommerce.woo-sidebar-none .wp-block-text-columns.alignwide,
.woocommerce.woo-sidebar-none .wp-block-columns.alignwide,
.woocommerce.woo-sidebar-none .wp-block-audio.alignwide,
.woocommerce.woo-sidebar-none .wp-block-latest-posts.alignwide,
.woocommerce.woo-sidebar-none .wp-block-latest-posts.alignwide,
.woocommerce.woo-sidebar-none .wp-block-embed-wordpress.alignwide,
.woocommerce.woo-sidebar-none .wp-block-embed-instagram.alignwide,
.woocommerce.woo-sidebar-none .wp-block-embed-twitter.alignwide,
.woocommerce.woo-sidebar-none .wp-block-embed-facebook.alignwide {
padding: 0;
}
}
@media only screen and (max-width: 568px) {
.wp-block-text-columns.alignwide,
.wp-block-columns.alignwide,
.wp-block-audio.alignwide,
.wp-block-latest-posts.alignwide,
.wp-block-latest-posts.alignwide,
.wp-block-embed-wordpress.alignwide,
.wp-block-embed-instagram.alignwide,
.wp-block-embed-twitter.alignwide,
.wp-block-embed-facebook.alignwide,
.wp-block-text-columns.alignfull,
.wp-block-columns.alignfull,
.wp-block-text-columns.alignwide,
.wp-block-columns.alignwide,
.wp-block-latest-posts.alignfull,
.wp-block-latest-posts.alignwide,
.wp-block-embed-wordpress.alignfull,
.wp-block-embed-instagram.alignfull,
.wp-block-embed-twitter.alignfull,
.wp-block-embed-facebook.alignfull,
.wp-block-categories.alignfull {
padding: 0 20px;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100% !important;
text-align: center;
}
.wp-block-image img {
margin: 0 auto;
}
blockquote.wp-block-quote,
blockquote.wp-block-quote.is-style-large {
padding-left: 30px;
}
blockquote.wp-block-quote.has-text-align-right,
blockquote.wp-block-quote.is-style-large.has-text-align-right {
padding-right: 30px;
}
blockquote.wp-block-quote.has-text-align-center:before {
margin-bottom: 30px;
}
.wp-block-pullquote {
padding: 40px;
}
.wp-block-pullquote.alignfull {
padding: 60px 40px;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
display: block;
float: none;
max-width: 100%;
margin: 24px 0;
box-sizing: border-box;
}
blockquote.wp-block-quote p,
.wp-block-pullquote.alignleft blockquote p,
.wp-block-pullquote.alignright blockquote p {
font-size: 100% !important;
}
blockquote.wp-block-quote.is-style-large p,
.wp-block-pullquote blockquote p,
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: 120% !important;
}
}  .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.type-slogan.size-giant,
.vh-used .quadro-slides {
height: 1024px;
}
} @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
.type-slogan.size-giant,
.vh-used .quadro-slides {
height: 768px;
}
} @media all and (device-width: 320px) and (device-height: 568px) and (orientation:portrait) {
.type-slogan.size-giant,
.vh-used .quadro-slides {
height: 500px;
}
}
@media only screen and (max-width: 1200px) {
.type-slider .flex-direction-nav,
.type-slider.novh-used .flex-direction-nav {
position: static;
height: auto;
width: auto;
}
.type-slider .flex-direction-nav a {
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.type-slider:hover .flex-direction-nav a {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
@media only screen and (max-width: 1024px) { .site-header {
position: absolute;
height: 80px;
padding: 0 40px;
line-height: 80px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header-1st-row,
.header-2nd-row {
height: auto !important;
padding: 0;
line-height: inherit !important;
background: none !important;
}
.header-left,
.header-center,
.header-right,
.inner-header {
position: static;
height: 0;
}
.site-branding {
position: absolute;
top: 0;
left: 40px;
}
.menu-toggle {
position: absolute;
top: 31px;
right: 40px;
}
#site-navigation,
#secondary-navigation,
#primary-right-navigation {
display: none;
}
.site-header .social-area.header-social-icons {
display: none;
}
.header-extras {
position: absolute;
top: 0;
right: 80px;
}
.header-search,
.header-layout5 .header-search,
.header-layout6 .header-search,
.header-layout7 .header-search,
.header-layout8 .header-search {
position: fixed;
top: 80px;
right: 0;
left: 0;
width: auto;
padding-right: 180px;
}
.header-layout2 .header-search,
.header-layout3 .header-search,
.header-layout4 .header-search {
top: 80px;
}
.header-search .search-submit {
position: absolute;
top: 40px;
right: 40px;
width: 120px;
}
.header-search label {
width: 100%;
} .type-columns.columns-layout3,
.type-columns.columns-layout4,
.type-columns.columns-layout5 {
padding-top: 40px;
}
.columns-layout3 .modules-columns .mod-column,
.columns-layout4 .modules-columns .mod-column,
.columns-layout5 .modules-columns .mod-column,
.mod-column .columns-layout3 .modules-columns .mod-column,
.mod-column .columns-layout4 .modules-columns .mod-column,
.mod-column .columns-layout5 .modules-columns .mod-column {
margin-top: 40px;
}
.quadro-plans.plans-3 {
margin: -20px;
border-spacing: 20px;
}
.quadro-plans.plans-3 .quadro-plan {
padding: 30px 30px 120px;
}
.quadro-plans.plans-3 .quadro-plan .plan-button {
bottom: 30px;
left: 30px;
right: 30px;
}
.quadro-plans.plans-4,
.quadro-plans.plans-5 {
display: block;
margin: 0 -1%;
}
.quadro-plans.plans-4 .quadro-plan,
.quadro-plans.plans-5 .quadro-plan {
display: inline-block;
float: left;
width: 48%;
margin: 0 1% 20px;
}
.quadro-plans.plans-4 .quadro-plan:last-of-type,
.quadro-plans.plans-4 .quadro-plan:nth-last-of-type(2),
.quadro-plans.plans-5 .quadro-plan:last-of-type,
.quadro-plans.plans-5 .quadro-plan:nth-last-of-type(2) {
margin-bottom: 0;
}
.quadro-plans.plans-5 .quadro-plan:nth-of-type(3n+1) {
clear: none;
}
.quadro-plans.plans-4 .quadro-plan:nth-of-type(2n+1),
.quadro-plans.plans-5 .quadro-plan:nth-of-type(2n+1) {
clear: left;
}
.logos-still.seven-columns .logo-profile {
width: 20%;
}
.logos-still.seven-columns .logo-profile:nth-child(n+6) {
margin-top: 40px;
}
.videos-wrapper {
padding: 0;
}
.video-post {
display: none;
}
.videos-nav {
position: static;
width: 100%;
margin-top: 10px;
}
.videos-nav-item {
width: 240px;
margin: 0 10px 0 0;
}
.videos-nav .slick-arrow { bottom: auto; top: 0; right: 0; }
.videos-nav .slick-arrow.slick-prev { bottom: auto; top: 0; right: 40px; }
.portfolio-layout9 .portf-item-content {
padding-left: 40px;
}
.portfolio-layout10 .portf-item {
width: 50%;
}
.portfolio-layout10 .portf-item:nth-of-type(2n+1) {
clear: left;
}
.portfolio-layout11 .portf-item-title  {
font-size: 54px;
} .content-area,
.page-template-template-left-sidebar-php .content-area,
.modules-wrapper,
.type-wrapper.sidebar-left .modules-wrapper {
width: 100%;
float: none;
margin: 0 auto;
}
.widget-area,
.page-template-template-left-sidebar-php .widget-area,
.sidebar-left .widget-area,
.type-wrapper.sidebar-right .widget-area,
.type-wrapper.sidebar-left .widget-area {
width: 100%;
float: none;
clear: both;
max-width: 700px;
margin: 80px auto 0;
} .portf-layout2 .pors-item-description {
width: 80%;
margin: 0;
}
.portf-layout2 .portf-item-cats, .portf-layout2 .pors-item-data {
width: 37%;
margin-top: 40px;
}
.portf-layout4 .pors-item-header {
width: 100%;
margin: 0;
}
.portf-layout4 .pors-item-content {
width: 100%;
margin-top: 40px;
}
.portf-layout5 .pors-item-title {
font-size: 64px;
} .single.sidebar-right .content-area,
.single.sidebar-left .content-area {
float: none;
max-width: none;
}
.entry-content {
padding-left: 0;
} .widg-layout1,
.widg-layout2 {
width: 48.5%;
margin: 0 3% 30px 0;
}
.widg-layout1:nth-child(2n),
.widg-layout2:nth-child(2n) {
margin-right: 0;
}
.widg-layout1:nth-child(3n),
.widg-layout1:last-of-type,
.widg-layout2:last-of-type {
margin-bottom: 0;
}
}
@media only screen and (max-width: 768px) { .header-button-show .header-extras > ul > li {
padding: 0 15px;
}
.header-button a.qbtn {
padding: 6px 12px;
font-size: 10px;
}
.qi-login-link > a > i {
margin: 0;
}
.qi-login-link > a > span {
display: none !important;
}
.user-navigation {
width: 160px;
}
.user-navigation ul.menu:before {
right: 11px;
}
#user-navigation ul.menu li a {
padding: 12px 20px;
} .big-header .page-inner-header {
padding: 180px 40px 60px;
}
.page-wrapper {
padding: 60px 40px;
} .quadro-mod {
padding: 60px 40px;
}
.type-slogan.size-regular {
padding: 80px 40px;
}
.type-slogan .slogan-content-wrapper h1, .slide-content h1 { font-size: 80px; }
.type-slogan .slogan-content-wrapper h2, .slide-content h2 { font-size: 64px; }
.type-slogan .slogan-content-wrapper h3, .slide-content h3 { font-size: 52px; }
.type-slogan .slogan-content-wrapper h4, .slide-content h4 { font-size: 40px; }
.type-slogan .slogan-content-wrapper h5, .slide-content h5 { font-size: 32px; }
.type-slogan .slogan-content-wrapper h6, .slide-content h6 { font-size: 24px; }
.type-slogan .slogan-content-wrapper p  { font-size: 28px; }
.type-slogan .slogan-content-wrapper p.small  { font-size: 20px; }
.blog-style-classic .entry-title,
.blog-style-headlines .entry-title,
.single .entry-title,
.entry-header.post-big-header .entry-title,
.entry-header.post-giant-header .entry-title {
font-size: 42px;
line-height: 1.4;
}
.blog-style-masonry .entry-title {
font-size: 32px;
}
.site-content .gallery .gallery-item {
width: 100%;
max-width: 100%;
}
.blog-style-headlines .blog-item.has-post-thumbnail,
.blog-style-headlines .blog-item.post_format-post-format-video {
padding-left: 240px;
}
.type-columns.columns-layout3,
.type-columns.columns-layout4,
.type-columns.columns-layout5,
.type-columns.columns-layout2,
.type-columns.columns-layout6,
.type-columns.columns-layout7,
.type-columns.columns-layout8,
.type-columns.columns-layout9,
.type-columns.columns-layout10,
.type-columns.columns-layout11,
.type-columns.columns-layout16 {
padding-top: 20px;
}
.columns-layout2 .modules-columns .mod-column,
.columns-layout6 .modules-columns .mod-column,
.columns-layout7 .modules-columns .mod-column,
.columns-layout8 .modules-columns .mod-column,
.columns-layout9 .modules-columns .mod-column,
.columns-layout10 .modules-columns .mod-column,
.columns-layout11 .modules-columns .mod-column,
.mod-column .columns-layout2 .modules-columns .mod-column,
.mod-column .columns-layout6 .modules-columns .mod-column,
.mod-column .columns-layout7 .modules-columns .mod-column,
.mod-column .columns-layout8 .modules-columns .mod-column,
.mod-column .columns-layout9 .modules-columns .mod-column,
.mod-column .columns-layout10 .modules-columns .mod-column,
.mod-column .columns-layout11 .modules-columns .mod-column {
width: 100%;
flex-basis: 100%;
margin: 40px 0 0;
}
.columns-layout2 .modules-columns .mod-column:empty,
.columns-layout6 .modules-columns .mod-column:empty,
.columns-layout7 .modules-columns .mod-column:empty,
.columns-layout8 .modules-columns .mod-column:empty,
.columns-layout9 .modules-columns .mod-column:empty,
.columns-layout10 .modules-columns .mod-column:empty,
.columns-layout11 .modules-columns .mod-column:empty,
.columns-layout16 .modules-columns .mod-column:empty {
display: none;
}
.columns-layout16 .modules-columns .mod-column,
.mod-column .columns-layout16 .modules-columns .mod-column {
margin: 40px 0 0;
}
.quadro-plans.plans-3 .quadro-plan {
display: inline-block;
float: left;
width: 48%;
margin: 0 1% 20px;
}
.quadro-plans.plans-3 .quadro-plan:last-of-type,
.quadro-plans.plans-3 .quadro-plan:nth-last-of-type(2) {
margin-bottom: 0;
}
.quadro-plans.plans-3 .quadro-plan:nth-of-type(2n+1) {
clear: left;
}
.ibox-wrapper {
float: none !important;
}
.insight {
margin-top: 40px;
}
.insight img,
.insight-content {
width: 100%;
margin: 0;
}
.layout1-insight .insight-title,
.layout3-insight .insight-title {
margin: -70px 0 0;
}
.layout2-insight .insight-title {
margin: 0;
}
.layout2-insight .insight-content,
.layout4-insight .insight-content {
margin-bottom: -70px;
}
.sl-insight-img,
.sl-insight-content {
width: 100%;
}
.sl-insight-img {
position: static;
height: 400px;
}
.sl-insight-content {
padding: 80px;
}
.type-sl-insights .flex-control-nav {
top: 440px;
}
.team-member-wrapper {
max-width: 400px;
margin: 0 auto;
}
.team-member .member-photo-wrapper {
margin-bottom: 30px;
}
.logos-still .logos-wrapper .logos {
margin: 0 -30px !important;
}
.logos-still.five-columns .logo-profile {
width: 33.3333%;
}
.logos-still.six-columns .logo-profile,
.logos-still.seven-columns .logo-profile {
width: 25%;
}
.logos-still.five-columns .logo-profile:nth-child(n+4),
.logos-still.six-columns .logo-profile:nth-child(n+5),
.logos-still.seven-columns .logo-profile:nth-child(n+5) {
margin-top: 40px;
}
.logo-content img {
padding: 0 30px !important;
}
.mag-grid-sizer, .magazine-item,
.magazine-layout3 .magazine-item1,
.magazine-layout3 .magazine-item2,
.magazine-layout6.mag-columns-four .magazine-item {
width: 50%;
}
.magazine-layout1 .magazine-item1,
.magazine-layout2 .magazine-item1,
.magazine-layout2 .magazine-item2,
.magazine-layout2 .magazine-item3,
.magazine-layout2 .magazine-item6,
.magazine-layout3 .magazine-item3,
.magazine-layout3 .magazine-item4,
.magazine-layout3 .magazine-item5,
.magazine-layout4 .magazine-item1,
.magazine-layout4 .magazine-item2 {
width: 100%;
}
.magazine-layout1 .magazine-item1,
.magazine-layout3 .magazine-item1,
.magazine-layout3 .magazine-item2,
.magazine-layout6.mag-columns-four .magazine-item1,
.magazine-layout6.mag-columns-four .magazine-item2 {
margin-bottom: 40px;
}
.magazine-layout2 .magazine-item6 {
margin-top: 40px;
}
.magazine-layout1 .magazine-item1 article,
.magazine-layout3 .magazine-item1 article,
.magazine-layout3 .magazine-item2 article,
.magazine-layout6.mag-columns-four .magazine-item1 article,
.magazine-layout6.mag-columns-four .magazine-item2 article {
padding-bottom: 40px;
border-bottom: 1px solid #dedede;
}
.magazine-layout2 .magazine-item6 article {
padding-top: 40px;
border-top: 1px solid #dedede;
}
.magazine-layout2 .magazine-item1 .entry-thumbnail,
.magazine-layout2 .magazine-item3 .entry-thumbnail {
float: left;
width: 30%;
margin: 0 4% 0 0;
}
.magazine-layout2 .magazine-item1.format-video .entry-thumbnail a:after,
.magazine-layout2 .magazine-item3.format-video .entry-thumbnail a:after {
width: 30px;
height: 30px;
font-size: 10px;
line-height: 30px;
}
.magazine-layout2 .magazine-item1 .magazine-content,
.magazine-layout2 .magazine-item3 .magazine-content {
float: left;
width: 66%;
}
.type-leadbox.layout-layout2 .leadbox-img,
.type-leadbox.layout-layout3 .leadbox-img {
display: block;
width: 100%;
max-width: 360px;
margin: 0 auto 40px;
padding: 0;
}
.type-leadbox.layout-layout3 .leadbox-img {
margin: 40px auto 0;
}
.type-leadbox.layout-layout2 .leadbox-content,
.type-leadbox.layout-layout3 .leadbox-content {
display: block;
width: 100%;
}
.type-leadbox.layout-layout6 .leadbox-wrapper,
.type-leadbox.layout-layout7 .leadbox-wrapper {
max-width: none;
padding: 100px 40px;
}
.type-leadbox.layout-layout6 .leadbox-img,
.type-leadbox.layout-layout7 .leadbox-img {
height: 360px;
margin: -100px -40px 100px;
background-size: cover;
background-position: center;
}
.type-leadbox.layout-layout8 .leadbox-img,
.type-leadbox.layout-layout9 .leadbox-img {
height: 280px;
background-size: cover;
background-position: center;
}
.type-leadbox.layout-layout10 .leadbox-text-wrapper,
.type-leadbox.layout-layout10 .leadbox-form-wrapper {
display: block;
width: 100%;
}
.type-leadbox.layout-layout10 .leadbox-text-wrapper {
margin-bottom: 30px;
}
.type-leadbox.layout-layout10 .leadbox-ftext {
position: static;
margin-top: 20px;
}
.testimonials-type1 .testimonial-item-photo {
display: block;
margin: 0 auto 20px;
}
.testimonials-type1 .testimonial-item-content {
display: block;
width: 100%;
margin: 0;
text-align: center;
}
.testimonials-type1 .testimonial-item-author {
padding: 0;
}
.testimonials-type1 .testimonial-item-author:before {
position: static;
margin: 0 auto 20px;
}
.display-wrapper ul {
height: auto;
}
.display-layout1 .display-item1,
.display-layout1 .display-item2,
.display-layout1 .display-item6,
.display-layout2 .display-item1,
.display-layout2 .display-item4,
.display-layout2 .display-item5,
.display-layout5 .display-item1,
.display-layout5 .display-item2 {
width: 100%;
}
.display-layout1 .display-item3,
.display-layout1 .display-item4,
.display-layout1 .display-item5,
.display-layout2 .display-item2,
.display-layout2 .display-item3,
.display-layout5 .display-item3,
.display-layout5 .display-item4,
.display-layout5 .display-item5,
.display-layout5 .display-item6 {
width: 50%;
}
.display-layout1 .display-item4,
.display-layout2 .display-item2,
.display-layout2 .display-item3,
.display-layout3 .display-item2,
.display-layout5 .display-item2 {
height: 600px;
}
.display-layout1 .display-item1,
.display-layout2 .display-item1,
.display-layout4 .display-item {
height: 400px;
}
.display-layout1 .display-item2,
.display-layout1 .display-item3,
.display-layout1 .display-item5,
.display-layout1 .display-item6,
.display-layout2 .display-item4,
.display-layout2 .display-item5,
.display-layout5 .display-item1,
.display-layout5 .display-item3,
.display-layout5 .display-item4,
.display-layout5 .display-item5,
.display-layout5 .display-item6,
.display-layout3 .display-item1,
.display-layout3 .display-item3 {
height: 300px;
}
.pslide-caption .entry-summary {
display: none;
}
.filter-terms {
text-align: left;
}
.filter-terms li {
float: left;
width: 33.3333%;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portf-item-title {
font-size: 64px;
}
.portfolio-layout1 .portf-item-arrow,
.portfolio-layout2 .portf-item-arrow,
.portfolio-layout3 .portf-item-arrow,
.portfolio-layout4 .portf-item-arrow,
.portfolio-layout5 .portf-item-arrow {
margin-left: 0;
zoom: 1;
filter: alpha(opacity=20);
opacity: 0.2;
}
.portfolio-layout3 .portf-item {
margin-bottom: 40px;
}
.portfolio-layout3 .portf-item .portf-item-thumb {
width: 80%;
}
.portfolio-layout3 .portf-item-content {
width: 80%;
padding: 40px;
}
.portfolio-layout4 .portf-item:nth-of-type(10n+1) {
padding-right: 40px;
}
.portfolio-layout4 .portf-item:nth-of-type(10n+6) {
padding-left: 40px;
}
.portfolio-layout4 .portf-item .portf-item-content {
padding-right: 0;
}
.portfolio-layout4 .portf-item-arrow {
position: relative;
margin: 10px 0 10px 4px;
}
.portfolio-layout5 span.portf-item-arrow1 {
width: 40px;
height: 40px;
}
.portfolio-layout5 span.portf-item-arrow2 {
width: 80px;
height: 3px;
margin-right: -6px;
}
.portfolio-layout6 .portf-item {
width: 100%;
}
.portfolio-layout7 .portf-item-content {
padding: 40px 40px 60px;
}
.portfolio-layout8 .portf-item, .portfolio-layout8 .portf-grid-sizer {
width: 50%;
}
.portfolio-layout9 .portf-item-title  {
font-size: 54px;
}
.portfolio-layout11 .portf-item {
padding: 40px 20px;
}
.portfolio-layout11 .portf-item-thumb {
float: right;
width: 80%;
margin: 0;
}
.portfolio-layout11 .portf-item-content {
width: 80%;
}
.portfolio-layout11 .portf-item-title {
top: 40px;
bottom: 40px;
left: 20px;
text-align: right;
}
.portfolio-layout11 .portf-item-cats {
margin-top: 20px;
} .pors-item-title {
font-size: 64px;
}
.portf-layout2 .pors-item-description {
width: 100%;
}
.portf-layout2 .portf-item-cats, .portf-layout2 .pors-item-data {
width: 47%;
}
.portf-layout3 .pors-item-content {
width: 100%;
margin-bottom: 40px;
}
.portf-layout3 .pors-item-media {
width: 100%;
margin: 0;
}
.portf-layout4 .pors-item-description,
.portf-layout4 .pors-item-data {
width: 100%;
}
.portf-layout4 .pors-item-data {
margin-left: 0;
}
.portf-layout4 .pors-item-media {
margin-top: 40px;
}
.portf-layout5 .pors-item-header,
.portf-layout5 .pors-item-content {
width: 100%;
}
.portf-layout5 .pors-item-content,
.portf-layout5 .pors-item-media {
margin-top: 40px;
}
.portf-layout6 .pors-item-header, .portf-layout6 .pors-item-content {
width: 100%;
}
.portf-layout8-gallery .pors-gallery-item {
width: 50%;
margin-bottom: 40px !important;
}
.portf-layout8-gallery .pors-gallery-item:nth-of-type(2n+1) {
clear: left;
}
.portf-layout8-gallery .pors-gallery-item:nth-last-of-type(-n+2) {
margin-bottom: 0 !important;
}
.portf-actions .portf-item-arrow {
width: 60px;
height: 40px;
}
.portf-actions span.portf-item-arrow1 {
width: 30px;
height: 30px;
}
.portf-actions span.portf-item-arrow2 {
width: 60px;
margin-right: -5px;
}
.view-all-portf-icon {
width: 60px;
height: 60px;
}
.view-all-portf-icon span {
width: 22px;
height: 22px;
} .single-wrapper {
padding: 60px 40px;
}
.entry-header {
margin-bottom: 60px;
}
.entry-footer {
margin: 60px -40px 0;
}
.post-navigation {
margin: 0 -40px;
}
.post-navigation a {
padding: 80px 40px;
} .comments-area {
padding-top: 60px;
}
.comment-list article {
margin-bottom: 30px;
padding: 30px;
}
.comment-author {
float: none;
width: 100%;
height: 60px;
}
.comment-author img {
position: static;
margin-right: 5px;
vertical-align: middle;
}
.comment-metadata {
margin-top: 15px;
}
.comment-list .children {
margin-left: 30px;
} .archive.author .archive-header {
padding: 60px 40px;
}
.archive-header .author-box,
.archive-header .author-box .inner-author {
padding: 0;
text-align: center;
}
.archive-header .author-box .author-name .avatar {
position: static;
width: 80px;
margin-bottom: 10px;
} .inner-footer {
padding: 60px 40px;
}
.bottom-footer {
height: auto;
padding: 40px 40px 70px;
text-align: center;
}
.site-info,
.footer-social-icons {
float: none;
display: block;
width: 100%;
text-align: center;
}
.footer-social-icons {
margin-top: 20px;
}
.back-to-top {
left: 0;
margin: 0 auto;
width: 100px;
height: 40px;
line-height: 40px;
}
.footer-navigation {
text-align: center;
}
}
@media only screen and (max-width: 568px) { .site-header {
padding: 0 20px;
}
.site-branding {
left: 20px;
}
.menu-toggle {
right: 20px;
}
.header-extras {
right: 60px;
}
.header-button-show .header-extras > ul > li {
padding: 0 10px;
}
.header-search {
padding: 30px 160px 30px 20px;
}
.header-search .search-submit {
top: 30px;
right: 20px;
} .page-wrapper {
padding: 40px 20px;
}
.page-inner-header {
padding: 40px 20px;
}
.big-header .page-inner-header {
padding: 120px 20px 40px;
}
.page-title {
font-size: 48px;
}
.alignleft,
.alignright,
.aligncenter {
width: 100%;
display: block;
margin: 0 0 20px;
}
.archive-header,
.archive.author .archive-header {
padding: 40px 20px;
} .single-wrapper {
padding: 40px 20px;
}
.entry-header {
margin-bottom: 40px;
}
.entry-thumbnail {
margin: 0 0 40px -20px;
}
.entry-footer {
margin: 60px -20px 0;
}
.author-box {
padding: 60px 20px;
}
.inner-author {
min-height: 80px;
padding-left: 100px;
}
.author-name .avatar {
width: 80px;
}
.post-navigation {
margin: 0 -20px;
}
.post-navigation .nav-links,
.post-navigation .nav-previous,
.post-navigation .nav-next {
display: block;
width: 100%;
}
.post-navigation .nav-previous {
border-right: none;
}
.post-navigation .nav-next {
border-top: 1px solid #dedede;
}
.post-navigation a {
padding: 60px 20px;
}
.post-navigation .meta-nav .fa {
position: static;
line-height: inherit;
font-size: inherit;
margin-right: 10px;
}
.post-navigation .nav-next .meta-nav .fa {
margin: 0 0 0 10px;
} .quadro-mod,
.type-leadbox.layout-layout10 {
padding: 40px 20px;
}
.type-display .mod-header,
.type-image .mod-header,
.type-sl-insights .mod-header,
.type-slider .mod-header,
.type-video.layout-full .mod-header,
.type-services .mod-header,
.type-cgallery.no-margins .mod-header,
.type-portfolio .mod-header,
.type-logos.logos-still .mod-header,
.type-logos.logos-carousel .mod-header {
padding: 0 20px;
}
.type-slogan.size-regular {
padding: 60px 20px;
}
.type-slogan .slogan-content-wrapper h1, .slide-content h1 { font-size: 48px; }
.type-slogan .slogan-content-wrapper h2, .slide-content h2 { font-size: 38px; line-height: 1.5; }
.type-slogan .slogan-content-wrapper h3, .slide-content h3 { font-size: 32px; line-height: 1.5; }
.type-slogan .slogan-content-wrapper h4, .slide-content h4 { font-size: 28px; line-height: 1.5; }
.type-slogan .slogan-content-wrapper h5, .slide-content h5 { font-size: 24px; line-height: 1.7; }
.type-slogan .slogan-content-wrapper h6, .slide-content h6 { font-size: 20px; line-height: 1.7; }
.type-slogan .slogan-content-wrapper p  { font-size: 20px; line-height: 1.7; }
.type-slogan .slogan-content-wrapper p.small  { font-size: 16px; line-height: 1.7; }
.type-slogan.align-left .qbtn.slogan-call-to-action {
float: left;
clear: both;
}
.type-slogan.align-right .qbtn.slogan-call-to-action {
float: right;
clear: both;
}
.type-slogan.align-left .qbtn.slogan-call-to-action:nth-of-type(2),
.type-slogan.align-right .qbtn.slogan-call-to-action:nth-of-type(2) {
margin: 20px 0 0;
}
.type-slogan.align-center .qbtn.slogan-call-to-action {
margin: 40px 5px 0;
}
.type-slogan.align-center .qbtn.slogan-call-to-action:nth-of-type(2) {
margin-top: 20px;
}
.blog-style-masonry .blog-container {
margin: 0;
}
.blog-style-masonry .blog-item,
.type-wrapper .type-blog.blog-style-masonry .blog-item {
width: 100%;
margin: 0 0 80px;
}
.blog-style-headlines .blog-item {
margin-bottom: 39px;
padding-bottom: 39px;
}
.blog-style-headlines .blog-item.has-post-thumbnail,
.blog-style-headlines .blog-item.post_format-post-format-video {
min-height: 160px;
padding-left: 130px;
}
.blog-style-headlines .entry-thumbnail {
width: 110px;
height: 110px;
}
.blog-style-classic .entry-title,
.blog-style-headlines .entry-title,
.single .entry-title,
.entry-header.post-big-header .entry-title,
.entry-header.post-giant-header .entry-title {
font-size: 32px;
line-height: 1.5;
}
.blog-style-headlines .blog-item .flex-direction-nav a {
width: 20px;
height: 40px;
line-height: 40px;
}
.blog-style-headlines .blog-item .flex-direction-nav a:before {
width: 20px;
}
.type-columns {
padding-top: 0 !important;
}
.modules-columns .mod-column,
.mod-column .modules-columns .mod-column {
width: 100%;
flex-basis: 100%;
margin: 40px 0 0;
}
.modules-columns .mod-column:empty {
display: none;
}
.cta-content-wrapper {
width: 100%;
text-align: center;
}
.type-cta.layout-layout1 .cta-button-wrapper {
position: static;
width: 100%;
margin-top: 30px;
-moz-transform: translateY(0%);
-webkit-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.type-image.img-align-left img {
padding-right: 40px;
}
.type-image.img-align-right img {
padding-left: 40px;
}
.quadro-plans {
display: block;
margin: 0 !important;
}
.quadro-plan {
display: block;
float: none;
width: 100% !important;
margin: 0 auto 20px !important;
}
.quadro-plan:last-of-type {
margin-bottom: 0 !important;
}
.ibox-wrapper {
padding: 60px 20px;
}
.insight-content {
padding: 40px 20px;
}
.insight-title {
font-size: 32px;
}
.sl-insight-img {
height: 300px;
}
.sl-insight-content {
padding: 40px 80px 40px 20px;
}
.type-sl-insights .flex-control-nav {
top: 340px;
right: 20px;
}
.type-sl-insights .flex-direction-nav a.flex-prev {
display: none;
}
.logos-still .logo-profile {
width: 50% !important;
}
.logos-still .logo-profile:nth-child(n+3) {
margin-top: 30px;
}
.mag-grid-sizer, .magazine-item {
width: 100% !important;
}
.magazine-item {
margin: 0 0 40px !important;
}
.magazine-item:last-of-type {
margin-bottom: 0 !important;
}
.magazine-item article {
margin: 0 20px !important;
padding: 0 0 40px !important;
border: none !important;
border-bottom: 1px solid #dedede !important;
}
.magazine-item:last-of-type article {
padding-bottom: 0 !important;
border: none !important;
}
.magazine-layout1 .magazine-item1 .magazine-content, .magazine-layout2 .magazine-item2 .magazine-content, .magazine-layout4 .magazine-item1 .magazine-content, .magazine-layout4 .magazine-item2 .magazine-content {
padding: 20px;
}
.magazine-layout7 .magazine-item .entry-thumbnail {
width: 80px;
}
.magazine-layout7 .magazine-item.has-post-thumbnail .magazine-content,
.magazine-layout7 .magazine-item.format-video .magazine-content {
margin-left: 100px;
min-height: 85px;
}
.magazine-layout7 .magazine-item.format-video .entry-thumbnail a:after {
width: 30px;
height: 30px;
font-size: 10px;
line-height: 30px;
}
.quadro-service {
display: block;
width: 100%;
padding: 40px 20px;
}
.leadbox-wrapper {
padding: 50px 20px;
}
.leadbox-img {
margin: -50px -20px 40px;
}
.type-leadbox.layout-layout6 .leadbox-wrapper,
.type-leadbox.layout-layout7 .leadbox-wrapper {
padding: 60px 20px;
}
.type-leadbox.layout-layout6 .leadbox-img,
.type-leadbox.layout-layout7 .leadbox-img {
margin: -60px -20px 60px;
}
.type-leadbox.layout-layout10 .leadbox-wrapper {
padding: 0;
}
.type-leadbox.layout-layout10 .leadbox-icon {
position: static;
margin: 0 auto 30px;
}
.type-leadbox.layout-layout10 .leadbox-text-wrapper,
.type-leadbox.layout-layout10 .leadbox-form-wrapper {
padding: 0;
}
.leadbox-form input[type="text"],
.leadbox-form input[type="email"],
.leadbox-form.one-input input[type="email"] {
width: 100%;
margin: 0 0 5px;
}
.qbtn.at-leadbox-submit,
.leadbox-form.one-input .qbtn.at-leadbox-submit {
width: 100%;
margin-top: 0;
}
.testimonials-type2 .testimonial-item,
.testimonials-type3 .testimonial-item {
margin-bottom: 30px;
}
.testimonials-type1 .testimonial-item-text {
font-size: 130%;
}
.testimonials-type1 .flex-direction-nav a {
top: auto;
bottom: 20px;
width: 40px;
height: 50px;
line-height: 50px;
}
.testimonials-type1 .flex-direction-nav a:before {
width: 40px;
}
.display-item {
width: 100% !important;
height: 300px !important;
}
.display-layout3 .display-item,
.display-layout4 .display-item {
width: 90% !important;
}
.display-layout3 .display-item3 {
float: left;
}
.display-layout4 .display-item3 {
margin-left: 10%;
}
.type-pslider .inner-mod {
min-height: 560px;
}
.type-pslider .slider-nav ul {
padding: 0;
}
.slider-nav-item {
height: 80px !important;
padding: 20px 0 20px 55px;
}
.slider-nav-item img {
top: 20px;
width: 40px;
}
.slider-nav-item p {
font-size: 90%;
line-height: 1.5;
}
.carousel-wrapper {
margin: 0;
}
.carousel-item article {
padding: 0;
}
.videos-nav-item {
width: 160px;
}
.videos-nav-item .video-nav-thumb {
width: 160px;
height: 90px;
}
h4.video-nav-title {
font-size: 15px;
}
.type-cgallery.size-small .cgallery-gallery .slides li img,
.type-cgallery.size-medium .cgallery-gallery .slides li img,
.type-cgallery.size-large .cgallery-gallery .slides li img {
width: auto;
height: auto;
}
.type-cgallery.with-margins .cgallery-gallery .slides li img {
margin: 0;
}
.mods-tabs-list {
text-align: left;
}
.mods-tabs-list li {
display: block;
margin: 0;
}
.mods-tabs-list li a {
padding: 10px 20px;
}
.mods-tabs-list li a:before {
width: 16px;
}
.terms-filter {
padding: 0 20px;
}
.filter-terms li {
width: 50%;
padding: 5px 24px;
}
.portf-item-title,
.portfolio-layout3 .portf-item .portf-item-title,
.portfolio-layout6 .portf-item .portf-item-title,
.portfolio-layout11 .portf-item-title {
font-size: 42px;
line-height: 1.4;
}
.portf-item-cats {
font-size: 10px;
}
.portf-item-cats span {
display: block;
margin: 0 0 5px;
}
.portfolio-layout1 .portf-item,
.portfolio-layout2 .portf-item,
.portfolio-layout4 .portf-item {
padding: 40px 20px;
}
.portfolio-layout1 .portf-item-content {
margin-top: -20px;	
}
.portfolio-layout2 .portf-item .portf-item-thumb {
margin: -40px -20px 40px;
}
.portfolio-layout3 .portf-item .portf-item-thumb {
width: 100%;
}
.portfolio-layout3 .portf-item-content {
width: 100%;
padding: 40px 20px;
}
.portfolio-layout4 .portf-item,
.portfolio-layout4 .portf-grid-sizer {
width: 100%;
}
.portfolio-layout4 .portf-item:nth-of-type(10n+1) {
padding-right: 20px;
}
.portfolio-layout4 .portf-item:nth-of-type(5n+3) {
margin-top: 0;
}
.portfolio-layout4 .portf-item:nth-of-type(10n+6) {
padding-left: 20px;
}
.portfolio-layout5 .portf-item a {
padding: 60px 20px;
}
.portfolio-layout5 .portf-item-content {
padding-right: 40px;
}
.portfolio-layout5 .portf-item-arrow {
display: none;
}
.portfolio-layout6 .portf-item {
padding: 20px;
}
.portfolio-layout6 .portf-item-content {
height: 300px;
}
.portfolio-layout7 .portf-item, .portfolio-layout7 .portf-grid-sizer,
.portfolio-layout8 .portf-item, .portfolio-layout8 .portf-grid-sizer {
width: 100%;
}
.portfolio-layout7 .portf-grid-sizer + .portf-item,
.portfolio-layout8 .portf-item:nth-of-type(2) {
margin-top: 0;
}
.portfolio-layout7 .portf-item-content {
padding: 40px 20px 60px;
}
.portfolio-type-layout8 {
margin: 20px 0;
}
.portfolio-layout9 .portf-item {
padding: 40px 20px;
}
.portfolio-layout9 .portf-item-thumb {
width: 20%;
}
.portfolio-layout9 .portf-item-content {
width: 78%;
padding-left: 15px;
}
.portfolio-layout9 .portf-item-title {
font-size: 28px;
}
.portfolio-layout10 .portf-item {
width: 100%;
}
.portfolio-layout11 .portf-item-summary {
font-size: 100%;
line-height: 1.5;
}
.portfolio-container .paging-navigation {
padding: 30px 20px;
} .pors-item-title,
.portf-layout5 .pors-item-title,
.portf-layout8 .pors-item-title {
font-size: 42px;
}
.portf-layout1 .pors-item-header {
margin: -40px -20px 40px;
padding: 240px 20px 40px;
}
.pors-item-body .portf-item-cats,
.pors-item-data {
float: left;
width: 100%;
margin: 30px 0 0;
}
.portf-layout5-gallery .pors-gallery-item {
width: 100%;
}
.portf-layout6-gallery .pors-gallery-item,
.portf-layout6-gallery .pors-gallery-item:nth-of-type(even) {
padding: 0;
}
.portf-layout6-gallery .pors-gallery-item .gallery-caption {
position: static;
width: 100%;
max-width: none;
margin-top: 15px;
}
.pors-item-thumb-header {
margin: -40px -20px -20px;
}
.portf-layout7 .pors-item-header {
margin-bottom: 40px;
}
.portf-layout7 .pors-item-content,
.portf-layout7 .faux-element {
margin-top: 0;
}
.portf-layout7 .pors-item-content,
.portf-layout7-gallery .pors-gallery-item {
width: 100%;
}
.portf-layout8 .pors-item-media {
margin: 40px 10px 0;
}
.portf-layout8-gallery .pors-gallery-item {
margin-bottom: 20px !important;
padding: 0 10px;
}
.portf-actions a h5 {
display: none;
} .widg-layout1,
.widg-layout2 {
width: 100%;
margin: 0 0 30px;
} .inner-footer {
padding: 40px 20px;
}
.bottom-footer {
padding: 40px 20px 70px;
}
.footer-navigation {
padding: 10px 20px;
}
}
@media only screen and (max-width: 459px) {
.type-pslider.with-margins .slider-nav ul .slider-nav-item {
margin: 0;
}
}
@media only screen and (max-width: 369px) {
.filter-terms li {
width: 100%;
}
.portfolio-layout6 .portf-item a {
padding: 20px;
}
} .quadro-mod.bgimg-true.bgimg-hpos-center {
background-position-x: center;
}
.quadro-mod.bgimg-true.bgimg-hpos-left {
background-position-x: left;
}
.quadro-mod.bgimg-true.bgimg-hpos-right {
background-position-x: right;
}
.quadro-mod.bgimg-true.bgimg-vpos-center {
background-position-y: center;
}
.quadro-mod.bgimg-true.bgimg-vpos-top {
background-position-y: top;
}
.quadro-mod.bgimg-true.bgimg-vpos-bottom {
background-position-y: bottom;
}
.quadro-mod.bgimg-true.bgimg-repeat-no-repeat {
background-repeat: no-repeat !important;
}
.quadro-mod.bgimg-true.bgimg-repeat-repeat {
background-repeat: repeat !important;
}
.quadro-mod.bgimg-true.bgimg-repeat-repeat-x {
background-repeat: repeat-x !important;
}
.quadro-mod.bgimg-true.bgimg-repeat-repeat-y {
background-repeat: repeat-y !important;
}
.quadro-mod.bgimg-true.bgimg-size-cover {
background-size: cover !important;
}
.quadro-mod.bgimg-true.bgimg-size-auto {
background-size: auto !important;
}
.quadro-mod.bgimg-true.bgimg-size-contain {
background-size: contain !important;
}  .quadro-mod.divider-top-solid {
border-top: 1px solid;
}
.quadro-mod.divider-bottom-solid {
border-bottom: 1px solid;
}
.quadro-mod.divider-top-solid-thick {
border-top: 3px solid;
}
.quadro-mod.divider-bottom-solid-thick {
border-bottom: 3px solid;
} .quadro-mod.divider-top-dotted {
border-top: 1px dotted;
}
.quadro-mod.divider-bottom-dotted {
border-bottom: 1px dotted;
}
.quadro-mod.divider-top-dotted-thick {
border-top: 5px dotted;
}
.quadro-mod.divider-bottom-dotted-thick {
border-bottom: 5px dotted;
} .quadro-mod.divider-top-dashed {
border-top: 1px dashed;
}
.quadro-mod.divider-bottom-dashed {
border-bottom: 1px dashed;
}
.quadro-mod.divider-top-dashed-thick {
border-top: 3px dashed;
}
.quadro-mod.divider-bottom-dashed-thick {
border-bottom: 3px dashed;
} .quadro-mod.divider-top-double {
border-top: 4px double;
}
.quadro-mod.divider-bottom-double {
border-bottom: 4px double;
}
.quadro-mod.divider-top-double-thick {
border-top: 8px double;
}
.quadro-mod.divider-bottom-double-thick {
border-bottom: 8px double;
} .mod-divider {
position: absolute;
left: 50%; width: 100%;
min-width: 1000px;
text-align: center;
line-height: 1;
pointer-events: none;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
z-index: 9;
}
@media only screen and (min-width: 1025px) {
.header-layout6 .mod-divider {
padding-left: 360px !important;
}
}
.mod-top-divider {
top: 0;
transform: translateX(-50%) scaleY(-1);
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
}
.mod-bottom-divider {
bottom: 0;
}
.mod-divider svg {
display: block;
fill: red;
}  .mod-divider .divider-shadow {
display: block;
position: relative;
width: 100%;
}
.mod-divider .divider-shadow:before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 30px;
box-shadow: 0 0 60px rgba(0,0,0,.3);
}
.mod-divider .divider-shadow-strong {
display: block;
position: relative;
width: 100%;
}
.mod-divider .divider-shadow-strong:before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 30px;
box-shadow: 0 0 60px rgba(0,0,0,.7);
}
.mod-divider .divider-small-dot {
display: inline-block;
width: 5px;
height: 5px;
margin: 0 5px;
background: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.mod-divider .divider-big-dot {
display: inline-block;
width: 15px;
height: 15px;
margin: 0 8px;
background: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.mod-divider .divider-square {
display: inline-block;
width: 15px;
height: 15px;
margin: 0 8px;
background: #000;
}
.mod-divider .divider-diamond {
display: inline-block;
width: 15px;
height: 15px;
margin: 0 8px;
background: #000;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.mod-divider .divider-line {
display: block;
width: 280px;
height: 1px;
margin: 0 auto;
background: #000;
}
.mod-divider .divider-thick-line {
display: block;
width: 280px;
height: 4px;
margin: 0 auto;
background: #000;
}
.mod-divider .divider-double-line {
display: block;
width: 160px;
height: 2px;
margin: 0 auto;
background: #000;
}
.mod-divider .divider-double-line:first-of-type {
margin-bottom: 30px;
}
.mod-divider .divider-dashed-line {
display: inline-block;
width: 40px;
height: 2px;
margin: 0 10px;
background: #000;
} .divider-fancy-1 span,
.divider-fancy-2 span {
display: inline-block;
margin: 0 10px;
vertical-align: middle;
}
.divider-fancy-1 .fancy-1-line,
.divider-fancy-2 .fancy-2-line {
width: 140px;
height: 1px;
background: #000;
}
.divider-fancy-1 .fancy-1-dot,
.divider-fancy-2 .fancy-2-dot {
width: 5px;
height: 5px;
background: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.divider-fancy-3 {
display: block;
position: relative;
width: 220px;
height: 18px;
margin: 0 auto;
}
.divider-fancy-3 span {
position: absolute;
}
.divider-fancy-3 .fancy-3-dot {
width: 10px;
height: 10px;
background: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.divider-fancy-3 .fancy-3-dot:first-child {
top: 0;
right: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
}
.divider-fancy-3 .fancy-3-dot:last-child {
bottom: 0;
left: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
}
.divider-fancy-3 .fancy-3-line {
top: 8px;
left: 5px;
width: 210px;
height: 2px;
background: #000;
}
.fancy-4-line {
display: inline-block;
width: 20px;
height: 2px;
margin: 0;
background: #000;
transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-o-transform: rotate(60deg);
-ms-transform: rotate(60deg);
}
.fancy-5-line {
display: inline-block;
width: 20px;
height: 2px;
margin: 0;
background: #000;
transform: rotate(300deg);
-webkit-transform: rotate(300deg);
-moz-transform: rotate(300deg);
-o-transform: rotate(300deg);
-ms-transform: rotate(300deg);
}
.mod-divider .divider-vertical-line-1 {
display: block;
width: 1px;
height: 160px;
margin: 0 auto;
background: #000;
}
.mod-divider .divider-vertical-line-2 {
display: block;
width: 1px;
height: 80px;
margin: 0 auto;
background: #000;
}
.mod-divider .divider-vertical-line-3 {
display: block;
width: 3px;
height: 160px;
margin: 0 auto;
background: #000;
}
.mod-divider .divider-vertical-line-4 {
display: block;
width: 3px;
height: 80px;
margin: 0 auto;
background: #000;
}
.mod-divider .divider-line-arrow-1,
.mod-divider .divider-line-arrow-2,
.mod-divider .divider-line-arrow-3 {
position: relative;
height: 120px;
width: 120px;
margin: 0 auto;
}
.mod-divider .divider-line-arrow-1a,
.mod-divider .divider-line-arrow-2a,
.mod-divider .divider-line-arrow-3a {
display: block;
width: 1px;
height: 120px;
margin: 0 auto;
background: #000;
}
.mod-divider .divider-line-arrow-2a {
width: 5px;
}
.mod-divider .divider-line-arrow-3a {
width: 10px;
}
.mod-divider .divider-line-arrow-1b,
.mod-divider .divider-line-arrow-1c,
.mod-divider .divider-line-arrow-2b,
.mod-divider .divider-line-arrow-2c,
.mod-divider .divider-line-arrow-3b,
.mod-divider .divider-line-arrow-3c {
display: block;
position: absolute;
top: -1px;
left: 0;
width: 60px;
height: 1px;
background: #000;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
transform-origin: top right;
}
.mod-divider .divider-line-arrow-1c,
.mod-divider .divider-line-arrow-2c,
.mod-divider .divider-line-arrow-3c {
left: auto;
right: 0;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin: top left;
}
.mod-divider .divider-line-arrow-2b,
.mod-divider .divider-line-arrow-2c {
top: -3px;
height: 5px;
}
.mod-divider .divider-line-arrow-3b,
.mod-divider .divider-line-arrow-3c {
top: -8px;
height: 10px;
}
.mod-divider .divider-chevron-1,
.mod-divider .divider-chevron-2,
.mod-divider .divider-chevron-3 {
position: relative;
height: 45px;
width: 120px;
margin: 0 auto;
}
.mod-divider .divider-chevron-1a,
.mod-divider .divider-chevron-1b,
.mod-divider .divider-chevron-2a,
.mod-divider .divider-chevron-2b,
.mod-divider .divider-chevron-3a,
.mod-divider .divider-chevron-3b {
display: block;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 1px;
background: #000;
-ms-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
transform-origin: top right;
}
.mod-divider .divider-chevron-1b,
.mod-divider .divider-chevron-2b,
.mod-divider .divider-chevron-3b {
left: auto;
right: 0;
-ms-transform: rotate(35deg);
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transform-origin: top left;
}
.mod-divider .divider-chevron-2a,
.mod-divider .divider-chevron-2b {
height: 5px;	
}
.mod-divider .divider-chevron-3a,
.mod-divider .divider-chevron-3b {
height: 10px;
} .splitbg {
position: absolute;
background-position: center;
background-size: cover;
}
.splitbg-layout1 .splitbg {
top: 0;
bottom: 0;
left: 0;
width: 50%;
}
.splitbg-layout2 .splitbg {
top: 0;
right: 0;
bottom: 0;
width: 50%;
}
.splitbg-layout3 .splitbg {
top: 0;
right: 0;
left: 0;
height: 50%;
}
.splitbg-layout4 .splitbg {
right: 0;
bottom: 0;
left: 0;
height: 50%;
}
.splitbg-layout5 .splitbg {
top: 0;
bottom: 0;
left: 0;
width: 30%;
}
.splitbg-layout6 .splitbg {
top: 0;
right: 0;
bottom: 0;
width: 30%;
}
.splitbg-layout7 .splitbg {
top: 50%;
left: 0;
bottom: 0;
width: 55%;
height: 150%;
transform: rotate(-10deg) translateY(-50%);
-webkit-transform: rotate(-10deg) translateY(-50%);
-moz-transform: rotate(-10deg) translateY(-50%);
-o-transform: rotate(-10deg) translateY(-50%);
-ms-transform: rotate(-10deg) translateY(-50%);
}
.splitbg-layout8 .splitbg {
top: 50%;
right: 0;
bottom: 0;
width: 55%;
height: 150%;
transform: rotate(10deg) translateY(-50%);
-webkit-transform: rotate(10deg) translateY(-50%);
-moz-transform: rotate(10deg) translateY(-50%);
-o-transform: rotate(10deg) translateY(-50%);
-ms-transform: rotate(10deg) translateY(-50%);
}
.splitbg-layout9 .splitbg {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 50%;
min-width: 400px;
height: 60%;
margin: auto;
}
.splitbg-layout10 .splitbg {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 50%;
min-width: 400px;
margin: auto;
}
.splitbg-layout11 .splitbg {
top: 0;
bottom: 0;
left: 50%;
width: 700px;
height: 700px;
margin: auto;
transform: rotate(45deg) translateX(-50%);
-webkit-transform: rotate(45deg) translateX(-50%);
-moz-transform: rotate(45deg) translateX(-50%);
-o-transform: rotate(45deg) translateX(-50%);
-ms-transform: rotate(45deg) translateX(-50%);
transform-origin: center left;
}
.splitbg-layout12 .splitbg {
top: 0;
bottom: 0;
left: 50%;
width: 800px;
height: 800px;
margin: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.splitbg-layout13 .splitbg {
top: -250px;
left: -250px;
width: 500px;
height: 500px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.splitbg-layout14 .splitbg {
top: -250px;
right: -250px;
width: 500px;
height: 500px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.splitbg-layout15 .splitbg {
right: -250px;
bottom: -250px;
width: 500px;
height: 500px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.splitbg-layout16 .splitbg {
bottom: -250px;
left: -250px;
width: 500px;
height: 500px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.splitbg-layout17 .splitbg {
top: 0;
left: 0;
width: 50%;
height: 50%;
}
.splitbg-layout18 .splitbg {
top: 0;
right: 0;
width: 50%;
height: 50%;
}
.splitbg-layout19 .splitbg {
right: 0;
bottom: 0;
width: 50%;
height: 50%;
}
.splitbg-layout20 .splitbg {
bottom: 0;
left: 0;
width: 50%;
height: 50%;
}
.splitbg-layout21 .splitbg {
top: -100px;
bottom: -100px;
left: 0;
width: 50%;
min-width: 240px;
-webkit-border-top-right-radius: 50%;
-webkit-border-bottom-right-radius: 50%;
-moz-border-radius-topright: 50%;
-moz-border-radius-bottomright: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
}
.splitbg-layout22 .splitbg {
top: -100px;
right: 0;
bottom: -100px;
width: 50%;
min-width: 240px;
-webkit-border-top-left-radius: 50%;
-webkit-border-bottom-left-radius: 50%;
-moz-border-radius-topleft: 50%;
-moz-border-radius-bottomleft: 50%;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}
.splitbg-layout23 .splitbg {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 60%;
min-width: 340px;
height: 140%;
margin: auto;
transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
}
.splitbg-layout24 .splitbg {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 60%;
min-width: 340px;
height: 140%;
margin: auto;
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
}
.splitbg-layout25 .splitbg {
right: -5%;
top: -15%;
left: -5%;
height: 70%;
transform: rotate(4deg);
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-o-transform: rotate(4deg);
-ms-transform: rotate(4deg);
}
.splitbg-layout26 .splitbg {
right: -5%;
bottom: -15%;
left: -5%;
height: 70%;
transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
}
.splitbg-layout27 .splitbg {
top: 0;
right: 0;
left: 0;
height: 100px;
}
.splitbg-layout28 .splitbg {
right: 0;
bottom: 0;
left: 0;
height: 100px;
} @media only screen and (min-width: 1025px) {
.quadro-mod.rv-desktop-hide {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.quadro-mod.rv-tablet-hide {
display: none;
}
}
@media only screen and (max-width: 767px) {
.quadro-mod.rv-mobile-hide {
display: none;
}
}// Your new CSS rules...
.header-layout8 .header-2nd-row, .headroom--not-top .header-2nd-row {
height: 184px;
line-height: 97px;
padding: 10px 40px;
position: fixed !important;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-bottom: 1px solid #DDD;
background: #FFF;
}
body, button, input, select, textarea {
color: #000000;
}
.inmod-s {
max-width: 100%;
}
.header-layout8 .header-social-icons li a i {
color: #FFFFFF !important;
}
.header-1st-row {
text-align: right;
}
.footer-social-icons {
margin-top: -12px;
}
.footer-social-icons li a i {
font-size: 200%;
width: 40px;
height: 40px;
line-height: 40px;
}
.social-area li a:hover i {
background: #bc1925;
border-color: #bc1925;
}
.member-content p {
max-width: none;
}
.service-content-wrapper {
text-align: center;
}
.type-slider .flex-direction-nav {
width: 100%;
}
.type-slider .slide-content, .type-slogan .slogan-content-wrapper {
font-family: "Playfair Display";
font-weight: bold;
color: #FFFFFF;
text-shadow: 2px 2px 8px #000000;
background: rgb(255,255,255);
background: linear-gradient(135deg, rgba(255,255,255,.75) 0%, rgba(245,245,220,.75) 100%);
padding: 20px;
}
.type-slogan .slogan-content-wrapper p {
font-size: 40pt;
}
.slide-content p {
max-width: none;
}
.slogan-content-wrapper {
max-width: 50%;
margin: 0 auto;
}
.qbtn, a.qbtn {
background-color: #FFFFFF;
}
.qbtn:hover, a.qbtn:hover {
border-color: #BC1925 !important;
background-color: #ED1C24 !important;
}
.insight-title {
background: #e6cf25;
padding: 32px;
color: #FFFFFF;
}
.insight-content {
margin-top: 0;
}
.insight-content h4 {
margin-bottom: 4px;
color: #ED1C24;
border-bottom: 1px dotted #ED1C24;
}
.insight-content p {
margin-bottom: 32px;
}
#post-335 .service-icon {
margin-bottom: 0;
}
#post-335 .service-icon > img {
max-width: 50%;
margin: 0 auto;
}
#post-567 .inner-mod {
box-shadow: 4px 4px 12px rgba(0,0,0,0.25);
padding: 12px 4%;
background: #f2e1e1;
background: -moz-linear-gradient(-45deg, #f2e1e1 0%, #ead3d3 100%);
background: -webkit-linear-gradient(-45deg, #f2e1e1 0%,#ead3d3 100%);
background: linear-gradient(135deg, #f2e1e1 0%,#ead3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e1e1', endColorstr='#ead3d3',GradientType=1 );
}
.glsr-review {
font-family: "Lato";
}
#post-759 .slide-content {
background: #bc1925;
box-shadow: 32px 32px 16px rgba(0,0,0,0.4);
border-top: 4px solid #FFFFFF;
border-bottom: 4px solid #FFFFFF;
outline: 10px solid #4E1A00;
}
#sec-menu-parent {
display: none;
}
.inner-header {
margin: 30px auto 0px;
}
@media only screen and (min-width: 768px) {
.team-type1 .team-member .member-photo-wrapper {
vertical-align: top;
padding-top: 112px;
}
.member-photo-wrapper > img {
margin: 0 auto;
}
} @media only screen and (min-width: 1025px) {
.header-layout8 .site-branding {
margin-top: 0;
transform: translateY(-25%);
}
.header-layout8 .site-title img {
max-height: 200px;
}
}
@media (max-width: 1025px) {
.header-layout8 .header-2nd-row, .headroom--not-top .header-2nd-row {
height: 120px !important;
line-height: 97px;
padding: 0px 40px;
position: fixed !important;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-bottom: 1px solid #DDD;
background: #FFF !important;
top: 0px;
left: 0px;
}
.headroom--not-top.headroom--unpinned {
-moz-transform: translateY(0%);
-webkit-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.header-layout8 .header-2nd-row .header-center {
display: block;
width: 22%;
height: 124px;
margin: 30px auto 0px;
}
.site-header {
height: 120px !important;
line-height: 120px !important;
}
.site-title img {
max-height: 120px;
}
.menu-toggle {
top: 50px;
}
.site-title.logo-title {
margin: 0px 0;
}
}
@media screen and (max-width:767px) {
.type-slogan .slogan-content-wrapper p, .insight-title {
font-size: 20pt;
}
.layout2-insight .insight-content, .layout4-insight .insight-content {
margin-bottom: 0;
}
.insight {
margin: 0;
}
.insight-title {
text-align: center;
}
.insight-title + .insight-text {
margin: 20px 0 0;
max-width: none;
}
}
@keyframes star {
from {
opacity: 0.5;
}
to {
opacity: 1;
}
}
@media (max-width: 1024px) {
.header-layout7 .headroom--not-top .menu-toggle-icon {
background-color: #000 !important;
}
}
 .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}@keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.mm-hidden {
display: none !important; }
.mm-wrapper {
overflow-x: hidden;
position: relative; }
.mm-menu,
.mm-panels,
.mm-panels > .mm-panel {
margin: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0; }
.mm-menu {
box-sizing: border-box;
background: inherit;
display: block;
overflow: hidden;
padding: 0; }
.mm-panel {
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
-o-transition: -o-transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened {
-webkit-transform: translate3d(-30%, 0, 0);
-moz-transform: translate3d(-30%, 0, 0);
-ms-transform: translate3d(-30%, 0, 0);
-o-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest {
z-index: 1; }
.mm-panels,
.mm-panels > .mm-panel {
background: inherit;
border-color: inherit; }
.mm-panels > .mm-panel {
background: inherit;
border-color: inherit;
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
padding: 40px 60px; }
.mm-panels > .mm-panel.mm-hasnavbar { }
.mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after {
content: '';
display: block;
height: 20px; }
.mm-vertical .mm-panel {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important; }
.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
display: none;
padding: 10px 0 10px 10px; }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
border-color: transparent; }
.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
display: block; }
.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next {
height: 40px;
bottom: auto; }
.mm-vertical .mm-listview > li > .mm-next:after,
.mm-listview > li.mm-vertical > .mm-next:after {
top: 16px;
bottom: auto; }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.mm-navbar {
text-align: center;
line-height: 20px;
height: 40px;
padding: 10px 40px;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0; }
.mm-navbar > * {
display: block;
padding: 10px 0; }
.mm-navbar a,
.mm-navbar a:hover {
text-decoration: none; }
.mm-navbar .mm-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 20px; }
.mm-navbar .mm-btn {
box-sizing: border-box;
width: 40px;
height: 80px;
position: absolute;
top: 0;
z-index: 1; }
.mm-navbar .mm-btn:first-child {
padding-left: 20px;
left: 0; }
.mm-navbar .mm-btn:last-child {
text-align: right;
padding-right: 20px;
right: 0; }
.mm-panel .mm-navbar {
display: none; }
.mm-panel.mm-hasnavbar .mm-navbar {
display: block; }
.mm-listview,
.mm-listview > li {
list-style: none;
display: block;
padding: 0;
margin: 0; }
.mm-listview {
font: inherit;
font-size: 14px;
letter-spacing: 4px;
line-height: 26px;
text-transform: uppercase; }
.mm-listview a,
.mm-listview a:hover {
text-decoration: none; }
.mm-listview > li {
position: relative; }
.mm-listview > li, .mm-listview > li:after,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next:before {
border-color: inherit; }
.mm-listview > li > a,
.mm-listview > li > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: inherit;
display: block;
padding: 12px 10px;
margin: 0; }
.mm-listview > li > a.mm-arrow,
.mm-listview > li > span.mm-arrow {
padding-right: 50px; }
.mm-listview > li:not(.mm-divider):after {
content: '';
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0; }
.mm-listview > li:not(.mm-divider):after {
left: 0; }
.mm-listview .mm-next {
background: rgba(3, 2, 1, 0);
width: 50px;
padding: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 2; }
.mm-listview .mm-next:before {
display: none !important;
content: '';
border-left-width: 1px;
border-left-style: solid;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0; }
.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
margin-right: 50px; }
.mm-listview .mm-next.mm-fullsubopen {
width: 100%; }
.mm-listview .mm-next.mm-fullsubopen:before {
border-left: none; }
.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
padding-right: 50px;
margin-right: 0; }
.mm-panels > .mm-panel > .mm-listview {
margin: 20px 0 -20px; }
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview { }
.mm-listview .mm-inset {
list-style: inside disc;
padding: 0 10px 15px 40px;
margin: 0; }
.mm-listview .mm-inset > li {
padding: 5px 0; }
.mm-listview .mm-divider {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
text-transform: uppercase;
text-indent: 20px;
line-height: 25px; }
.mm-listview .mm-spacer {
padding-top: 40px; }
.mm-listview .mm-spacer > .mm-next {
top: 40px; }
.mm-listview .mm-spacer.mm-divider {
padding-top: 25px; }
.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
content: '';
border: 2px solid transparent;
display: inline-block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.mm-prev:before {
border-right: none;
border-bottom: none;
left: 43px; }
.mm-next:after,
.mm-arrow:after {
border-top: none;
border-left: none;
right: 23px; }
.mm-menu {
background: #f3f3f3;
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.7); }
.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a {
color: rgba(0, 0, 0, 0.3); }
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu .mm-listview {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
tap-highlight-color: rgba(255, 255, 255, 0.5); }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
background: rgba(255, 255, 255, 0.5); }
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
background: rgba(0, 0, 0, 0.05); }
.mm-menu .mm-divider {
background: rgba(0, 0, 0, 0.05); } .mm-page {
box-sizing: border-box;
position: relative; }
.mm-slideout {
-webkit-transition: -webkit-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease; }
html.mm-opened {
overflow-x: hidden;
position: relative; }
html.mm-blocking {
overflow: hidden; }
html.mm-blocking body {
overflow: hidden; }
html.mm-background .mm-page {
background: inherit; }
#mm-blocker {
background: rgba(3, 2, 1, 0);
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999; }
html.mm-blocking #mm-blocker {
display: block; }
.mm-menu.mm-offcanvas {
display: none;
position: fixed; }
.mm-menu.mm-current {
display: block; }
.mm-menu {
width: 80%;
min-width: 140px; }
html.mm-opening .mm-slideout {
-webkit-transform: translate(80%, 0);
-moz-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
-o-transform: translate(80%, 0);
transform: translate(80%, 0); }
@media all and (max-width: 175px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(140px, 0);
-moz-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
-o-transform: translate(140px, 0);
transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
.mm-menu {
max-width: 380px;
}
html.mm-opening .mm-slideout {
-webkit-transform: translate(380px, 0);
-moz-transform: translate(380px, 0);
-ms-transform: translate(380px, 0);
-o-transform: translate(380px, 0);
transform: translate(380px, 0); } } .mm-menu.mm-border-none .mm-listview > li:after,
.mm-listview.mm-border-none > li:after {
content: none; }
.mm-menu.mm-border-full .mm-listview > li:after,
.mm-listview.mm-border-full > li:after {
left: 0 !important; }
.mm-menu.mm-border-offset .mm-listview > li:after,
.mm-listview.mm-border-offset > li:after {
right: 0; } .mm-menu.mm-effect-menu-zoom {
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
-o-transition: -o-transform 0.4s ease;
transition: transform 0.4s ease; }
html.mm-opened .mm-menu.mm-effect-menu-zoom {
-webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
-moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
-ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
-o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
html.mm-opening .mm-menu.mm-effect-menu-zoom {
-webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
-moz-transform: scale(1, 1) translate3d(0%, 0, 0);
-ms-transform: scale(1, 1) translate3d(0%, 0, 0);
-o-transform: scale(1, 1) translate3d(0%, 0, 0);
transform: scale(1, 1) translate3d(0%, 0, 0); }
html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
-webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
-moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
-ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
-o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center; }
html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
-webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
-moz-transform: scale(1, 1) translate3d(0%, 0, 0);
-ms-transform: scale(1, 1) translate3d(0%, 0, 0);
-o-transform: scale(1, 1) translate3d(0%, 0, 0);
transform: scale(1, 1) translate3d(0%, 0, 0); }
.mm-menu.mm-effect-menu-slide {
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
-o-transition: -o-transform 0.4s ease;
transition: transform 0.4s ease; }
html.mm-opened .mm-menu.mm-effect-menu-slide {
-webkit-transform: translate3d(-30%, 0, 0);
-moz-transform: translate3d(-30%, 0, 0);
-ms-transform: translate3d(-30%, 0, 0);
-o-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0); }
html.mm-opening .mm-menu.mm-effect-menu-slide {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
-webkit-transform: translate3d(30%, 0, 0);
-moz-transform: translate3d(30%, 0, 0);
-ms-transform: translate3d(30%, 0, 0);
-o-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0); }
html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.mm-menu.mm-effect-menu-fade {
opacity: 0;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease; }
html.mm-opening .mm-menu.mm-effect-menu-fade {
opacity: 1; }
.mm-menu.mm-effect-panels-zoom .mm-panel {
-webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
-moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
-ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
-o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
-webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
-moz-transform: scale(1, 1) translate3d(0%, 0, 0);
-ms-transform: scale(1, 1) translate3d(0%, 0, 0);
-o-transform: scale(1, 1) translate3d(0%, 0, 0);
transform: scale(1, 1) translate3d(0%, 0, 0); }
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
-webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
-moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
-ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
-o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }
.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li {
-webkit-transition: none 0.4s ease;
-moz-transition: none 0.4s ease;
-ms-transition: none 0.4s ease;
-o-transition: none 0.4s ease;
transition: none 0.4s ease; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(1) {
-webkit-transition-delay: 50ms;
-moz-transition-delay: 50ms;
-ms-transition-delay: 50ms;
-o-transition-delay: 50ms;
transition-delay: 50ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(2) {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-ms-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(3) {
-webkit-transition-delay: 150ms;
-moz-transition-delay: 150ms;
-ms-transition-delay: 150ms;
-o-transition-delay: 150ms;
transition-delay: 150ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(4) {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-ms-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(5) {
-webkit-transition-delay: 250ms;
-moz-transition-delay: 250ms;
-ms-transition-delay: 250ms;
-o-transition-delay: 250ms;
transition-delay: 250ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(6) {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(7) {
-webkit-transition-delay: 350ms;
-moz-transition-delay: 350ms;
-ms-transition-delay: 350ms;
-o-transition-delay: 350ms;
transition-delay: 350ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(8) {
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
-ms-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(9) {
-webkit-transition-delay: 450ms;
-moz-transition-delay: 450ms;
-ms-transition-delay: 450ms;
-o-transition-delay: 450ms;
transition-delay: 450ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(10) {
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(11) {
-webkit-transition-delay: 550ms;
-moz-transition-delay: 550ms;
-ms-transition-delay: 550ms;
-o-transition-delay: 550ms;
transition-delay: 550ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(12) {
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(13) {
-webkit-transition-delay: 650ms;
-moz-transition-delay: 650ms;
-ms-transition-delay: 650ms;
-o-transition-delay: 650ms;
transition-delay: 650ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(14) {
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms; }
.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(15) {
-webkit-transition-delay: 750ms;
-moz-transition-delay: 750ms;
-ms-transition-delay: 750ms;
-o-transition-delay: 750ms;
transition-delay: 750ms; }
.mm-menu.mm-effect-listitems-slide .mm-listview > li {
-webkit-transform: translate3d(50%, 0, 0);
-moz-transform: translate3d(50%, 0, 0);
-ms-transform: translate3d(50%, 0, 0);
-o-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
opacity: 0;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity; }
html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; }
.mm-menu.mm-effect-listitems-fade .mm-listview > li {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-ms-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity; }
html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li {
opacity: 1; }
.mm-menu.mm-effect-listitems-drop .mm-listview > li {
opacity: 0;
top: -25%;
-webkit-transition-property: opacity, top;
-moz-transition-property: opacity, top;
-ms-transition-property: opacity, top;
-o-transition-property: opacity, top;
transition-property: opacity, top; }
html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li {
opacity: 1;
top: 0; } .mm-menu.mm-top,
.mm-menu.mm-bottom {
width: 100%;
min-width: 100%;
max-width: 100%; }
.mm-menu.mm-right {
left: auto;
right: 0; }
.mm-menu.mm-bottom {
top: auto;
bottom: 0; }
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-80%, 0);
-moz-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
-o-transform: translate(-80%, 0);
transform: translate(-80%, 0); }
@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-140px, 0);
-moz-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
-o-transform: translate(-140px, 0);
transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-380px, 0);
-moz-transform: translate(-380px, 0);
-ms-transform: translate(-380px, 0);
-o-transform: translate(-380px, 0);
transform: translate(-380px, 0); } } html.mm-front .mm-slideout {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
z-index: 0 !important; }
.mm-menu.mm-front {
z-index: 1; }
.mm-menu.mm-front, .mm-menu.mm-next {
-webkit-transition: -webkit-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.mm-menu.mm-top {
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
.mm-menu.mm-bottom {
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.mm-menu.mm-top, .mm-menu.mm-bottom {
height: 80%;
min-height: 140px;
max-height: 880px; } .mm-menu > .mm-navbar {
background: inherit;
padding: 0;
z-index: 3;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.mm-navbar-bottom {
border-top-width: 1px;
border-top-style: solid;
border: none;
top: auto;
bottom: 0; }
.mm-navbar-top ~ .mm-navbar-top {
border-bottom: none; }
.mm-navbar-bottom ~ .mm-navbar-bottom { }
.mm-navbar.mm-hasbtns {
padding: 0 40px; }
.mm-close:after {
content: 'x'; }
.mm-navbar[class*="mm-navbar-content-"] > * {
box-sizing: border-box;
display: block;
float: left; }
.mm-navbar > .mm-breadcrumbs {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
text-align: left;
padding: 0 0 0 17px; }
.mm-navbar > .mm-breadcrumbs > * {
display: inline-block;
padding: 10px 3px; }
.mm-navbar > .mm-breadcrumbs > a {
text-decoration: underline; }
.mm-navbar.mm-hasbtns .mm-breadcrumbs {
margin-left: -40px; }
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
margin-left: 0;
padding-left: 0; }
.mm-navbar-top-1 {
top: 0px; }
.mm-hasnavbar-top-1 .mm-panels {
top: 40px; }
.mm-navbar-top-2 {
top: 40px; }
.mm-hasnavbar-top-2 .mm-panels {
top: 80px; }
.mm-navbar-top-3 {
top: 80px; }
.mm-hasnavbar-top-3 .mm-panels {
top: 120px; }
.mm-navbar-top-4 {
top: 120px; }
.mm-hasnavbar-top-4 .mm-panels {
top: 160px; }
.mm-navbar-bottom-1 {
bottom: 0px; }
.mm-hasnavbar-bottom-1 .mm-panels {
bottom: 40px; }
.mm-navbar-bottom-2 {
bottom: 40px; }
.mm-hasnavbar-bottom-2 .mm-panels {
bottom: 80px; }
.mm-navbar-bottom-3 {
bottom: 80px; }
.mm-hasnavbar-bottom-3 .mm-panels {
bottom: 120px; }
.mm-navbar-bottom-4 {
bottom: 120px; }
.mm-hasnavbar-bottom-4 .mm-panels {
bottom: 160px; }
.mm-navbar-size-2 {
height: 80px; }
.mm-navbar-size-3 {
height: 120px; }
.mm-navbar-size-4 {
height: 160px; }
.mm-navbar-content-2 > * {
width: 50%; }
.mm-navbar-content-3 > * {
width: 33.33%; }
.mm-navbar-content-4 > * {
width: 25%; }
.mm-navbar-content-5 > * {
width: 20%; }
.mm-navbar-content-6 > * {
width: 16.67%; } .mm-page {
box-sizing: border-box;
position: relative; }
.mm-slideout {
-webkit-transition: -webkit-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease; }
html.mm-opened {
overflow-x: hidden;
position: relative; }
html.mm-blocking {
overflow: hidden; }
html.mm-blocking body {
overflow: hidden; }
html.mm-background .mm-page {
background: inherit; }
#mm-blocker {
background: rgba(3, 2, 1, 0);
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999; }
html.mm-blocking #mm-blocker {
display: block; }
.mm-menu.mm-offcanvas {
display: none;
position: fixed; }
.mm-menu.mm-current {
display: block; }
.mm-menu {
width: 80%;
min-width: 140px;
max-width: 380px; }
html.mm-opening .mm-slideout {
-webkit-transform: translate(80%, 0);
-moz-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
-o-transform: translate(80%, 0);
transform: translate(80%, 0); }
@media all and (max-width: 175px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(140px, 0);
-moz-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
-o-transform: translate(140px, 0);
transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(380px, 0);
-moz-transform: translate(380px, 0);
-ms-transform: translate(380px, 0);
-o-transform: translate(380px, 0);
transform: translate(380px, 0); } } .mm-menu.mm-theme-dark {
background: #333333;
border-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-navbar > *,
.mm-menu.mm-theme-dark .mm-navbar a {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-navbar .mm-btn:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after {
border-color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-listview {
border-color: rgba(0, 0, 0, 0.15); }
.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after {
border-color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
tap-highlight-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
background: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-theme-dark .mm-divider {
background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-theme-dark label.mm-check:before {
border-color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark em.mm-counter {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-fixeddivider span {
background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-pageshadow.mm-theme-dark:after {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
.mm-menu.mm-theme-dark .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-noresultsmsg {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-indexer a {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark label.mm-toggle {
background: rgba(0, 0, 0, 0.15); }
.mm-menu.mm-theme-dark label.mm-toggle:before {
background: #333333; }
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }
.mm-menu.mm-theme-white {
background: white;
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-navbar > *,
.mm-menu.mm-theme-white .mm-navbar a {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-listview {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-theme-white .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
tap-highlight-color: rgba(0, 0, 0, 0.05); }
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
background: rgba(0, 0, 0, 0.05); }
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-theme-white .mm-divider {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-theme-white label.mm-check:before {
border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white em.mm-counter {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-fixeddivider span {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-pageshadow.mm-theme-white:after {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.mm-menu.mm-theme-white .mm-search input {
background: rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-noresultsmsg {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-indexer a {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white label.mm-toggle {
background: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-theme-white label.mm-toggle:before {
background: white; }
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }
.mm-menu.mm-theme-black {
background: black;
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-black .mm-navbar-bottom {
border: none;
}
.mm-menu.mm-theme-black .mm-navbar > *,
.mm-menu.mm-theme-black .mm-navbar a {
color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-theme-black .mm-navbar .mm-btn:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after {
border-color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black .mm-listview {
border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-theme-black .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after {
border-color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
tap-highlight-color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
background: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
background: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-theme-black .mm-divider {
background: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-theme-black label.mm-check:before {
border-color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-theme-black em.mm-counter {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black .mm-fixeddivider span {
background: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-pageshadow.mm-theme-black:after {
content: none;
display: none; }
.mm-menu.mm-theme-black .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-theme-black .mm-noresultsmsg {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black .mm-indexer a {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black label.mm-toggle {
background: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-theme-black label.mm-toggle:before {
background: black; }
.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }