@charset "UTF-8";
.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}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(//minkhairlounge.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(//minkhairlounge.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-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-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-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;
}
.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;
} .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 {
display: block;
margin: 0 auto;
}
.video-mod-wrapper.width-regular {
max-width: 800px;
}
.video-mod-wrapper.width-small {
max-width: 500px;
} .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-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-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-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-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-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-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-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-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-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;
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;
}
}.header-cart-link {
position: relative;
display: block;
cursor: pointer;
}
.header-cart-link-mobile {
position: relative;
display: none;
}
@media only screen and (max-width: 568px) {
.header-cart-link {
display: none;
}
.header-cart-link-mobile {
display: block;
}
}
.header-cart-span {
margin-right: 5px;
font-size: 12px;
letter-spacing: 4px;
font-weight: normal;
text-transform: uppercase;
}
.header-cart-link .header-cart-qy,
.header-cart-link-mobile .header-cart-qy {
font-size: 9px;
margin-left: 5px;
}
.header-cart {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 420px;
padding: 40px;
background: #fff;
-moz-transform: translateX(200%);
-webkit-transform: translateX(200%);
-o-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
-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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 9999;
}
.header-cart.open-cart {
-webkit-box-shadow: 0 21px 65px 0 rgba(0,0,0,0.2);
box-shadow: 0 21px 65px 0 rgba(0,0,0,0.2);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.cart-inner {
font-size: 14px;
line-height: 1.5;
color: #000;
}
.close-header-cart {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
background: #eaeaea;
cursor: pointer;
z-index: 99;
}
.close-header-cart:hover {
background: #000;
}
.close-header-cart:before,
.close-header-cart:after {
position: absolute;
top: 12px;
left: 24px;
display: block;
content: "";
width: 1px;
height: 26px;
background: #000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.close-header-cart:before {
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close-header-cart:after {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.close-header-cart:hover:before,
.close-header-cart:hover:after {
background: #fff;
}
.cart-contents {
position: absolute;
top: 40px;
right: 40px;
bottom: 240px;
left: 40px;
overflow: hidden;	
}
.cart-contents.cart-empty {
top: 50%;
bottom: auto;
text-align: center;
color: #75858f;
font-size: 16px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.cart-contents.cart-empty p {
max-width: 280px;
margin: 0 auto 30px;
}
.cart-contents ul {
height: 100%; margin: 0;
list-style: none;
}
.cart-content {
position: relative;
min-height: 65px;
height: auto;
margin-bottom: 20px;
border: none !important;
-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;
}
.cart-content:last-of-type {
margin-bottom: 0;
}
.cart-content:hover {
}
.cart-content a { display: flex;
align-items: center;
}
.cart-content img { width: 20%;
height: auto;
line-height: 0;
vertical-align: middle;
}
.cart-content:first-of-type:last-of-type img {
width: 40%;
}
.product-details {  width: 80%;
padding-left: 20px;
vertical-align: middle;
line-height: 1.3;
-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;
z-index: 2;
}
.cart-content:first-of-type:last-of-type .product-details {
width: 59%;
}
.product-details .product-title {
display: block;
max-width: 180px;
font-weight: bold;
color: #000;
}
.cart-content:first-of-type:last-of-type .product-details .product-title {
font-size: 110%;
}
.product-details .product-quantity {
display: block;
margin-top: 5px;
font-size: 80%;
color: #75858f;
}
.product-quantity .amount {
font-weight: normal;
}
.cart-data {
position: absolute;
bottom: 40px;
right: 40px;
left: 40px;
padding-top: 30px;
border-top: 2px solid #000;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cart-total {
margin: 0 0 30px;
font-size: 150%;
}
.cart-total p {
margin-bottom: 0;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
}
.cart-total .amount {
display: block;
margin-top: 5px;
font-size: 28px;
font-weight: bolder;
letter-spacing: 0;
}
.cart-actions {
}
.cart-actions div {
display: inline-block;
width: 48%;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cart-actions div a {
display: block;
padding: 16px 5px;
font-size: 11px;
}
.cart-link a.qbtn {
color: #000 !important;
border-color: #000;
}
.cart-link a:hover {
}
.checkout-link {
float: right;
}
.checkout-link a.qbtn {
color: #fff !important;
border-color: #000;
background: #000;
}
.checkout-link a.qbtn:after {
font-family: 'FontAwesome';
content: "\f105";
margin-left: 8px;
line-height: 0;
} .ss-wrapper {
overflow: hidden;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
float: left;
}
.ss-content {
height: 100%;
width: 100%;
padding: 0 32px 0 0;
position: relative;
right: -18px;
overflow: auto;
box-sizing: border-box;
}
.ss-scroll {
position: relative;
background: rgba(0, 0, 0, 0.1);
width: 9px;
border-radius: 4px;
top: 0;
z-index: 2;
cursor: pointer;
opacity: 0;
transition: opacity 0.25s linear;
}
.ss-hidden {
display: none;
}
.ss-container:hover .ss-scroll {
opacity: 1;
}
.ss-grabbed {
-o-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}  @media only screen and (min-width: 1025px) {
.woocommerce.woo-sidebar-left .content-area {
float: right;
width: 66%;
max-width: none;
}
.woocommerce.woo-sidebar-right .content-area {
width: 66%;
max-width: none;
}
.woocommerce.woo-sidebar-left .woo-sidebar {
float: left;
}
.woocommerce.woo-sidebar-left #content div.product div.summary,
.woocommerce.woo-sidebar-left div.product div.summary,
.woocommerce.woo-sidebar-right #content div.product div.summary,
.woocommerce.woo-sidebar-right div.product div.summary {
width: 50%;
}
.woocommerce.woo-sidebar-left #content div.product div.images,
.woocommerce.woo-sidebar-left div.product div.images,
.woocommerce.woo-sidebar-right #content div.product div.images,
.woocommerce.woo-sidebar-right div.product div.images {
width: 44%;
}
}
.woocommerce.woo-sidebar-none .content-area {
width: 100%;
max-width: none;
}
p.demo_store {
top: auto;
bottom: 0;
} .woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button.alt {
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;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover {
}
.woocommerce a.button.added:before {
position: static;
margin-right: 8px;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
padding: 16px 30px;
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
border-color: transparent;
}
.woocommerce-cart .wc-proceed-to-checkout a.button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover {
zoom: 1;
filter: alpha(opacity=85);
opacity: 0.85;
}
.woocommerce .term-description,
.woocommerce-page .term-description {
max-width: 700px;
margin: 15px 0 0;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
}
.woo-cat-header-category_header .archive-title {
font-size: 48px;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
padding: 13px 0;
font-size: 12px;
letter-spacing: 1px;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
margin-bottom: 30px;
}
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce input[type="url"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce input[type="date"],
.woocommerce textarea,
.woocommerce select {
}
.select2-container .select2-choice {
padding: 6px 10px;
border: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.select2-drop-active {
border: none !important;
}
.select2-results {
background: #fff;
} .woocommerce nav.woocommerce-pagination ul,
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul {
width: 100%;
border: none;
font-size: 16px;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li {
float: none;
border: none;
margin: 0 3px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span {
padding: 10px;
background: none;
border: 1px solid transparent;
color: #75858f;
font-weight: inherit;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus {
border-color: #cecece;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current {
color: #000;
border-color: inherit;
} .woocommerce div.product {
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 46%;
margin-bottom: 60px;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: left;
margin-bottom: 60px;
}
.woocommerce div.product div.images .flex-control-thumbs {
position: static;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: calc(20% - 8px);
margin: 10px 10px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(5n) {
margin-right: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:not(.flex-active-slide):nth-child(n+2) {
float: left;
width: 20%;
width: calc(20% - 8px);
margin: 10px 10px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:not(.flex-active-slide):nth-child(5n+1) {
margin-right: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__image img {
padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
-moz-transform: none;
-webkit-transform: none; 
-o-transform: none;
-ms-transform: none;
transform: none;
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.woocommerce div.product .product_title {
margin: 0 0 5px;
font-size: 48px;
}
.woocommerce div.product .woocommerce-product-rating {
margin: 0 0 20px;
}
.woocommerce .star-rating,
.woocommerce-page .star-rating,
.woocommerce .woocommerce-product-rating .star-rating {
float: none;
display: inline-block;
height: 14px;
line-height: 14px;
font-size: 14px;
color: #000;
zoom: 1;
filter: alpha(opacity=20);
opacity: 0.2;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #000;
font-size: 36px;
font-weight: bolder;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
display: inline-block;
font-size: 75%;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
display: inline-block;
font-weight: inherit;
}
.woocommerce div.product form.cart .variations {
padding: 0;
}
.woocommerce div.product form.cart .variations td {
padding: 0 0 20px;
}
.woocommerce div.product form.cart .variations td.label {
}
.woocommerce div.product form.cart .variations label {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
}
.woocommerce div.product form.cart .variations th {
padding: 0 20px 0 0;
}
.woocommerce div.product form.cart .variations select {
border: 1px solid #4c4c4c !important;
}
.single_variation p {
font-size: 90%;
}
.woocommerce-review-link {
display: inline-block;
font-size: 80%;
}
a.reset_variations {
display: inline-block;
float: right;
margin-top: 5px;
font-size: 80%;
}
.single_variation {
display: block;
margin-bottom: 20px;
}
.woocommerce-product-details__short-description {
font-size: 90%;
color: #000;
}
.woocommerce div.product form.cart,
.woocommerce #content div.product form.cart,
.woocommerce-page div.product form.cart,
.woocommerce-page #content div.product form.cart,
.woocommerce div.product p.cart {
margin: 40px 0;
}
.woocommerce div.product form.cart div.quantity {
margin: 0 10px 0 0;
}
.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
width: 100px;
height: 56px;
border: 1px solid #dedede;
font-size: 14px;
}
.woocommerce div.product form.cart table {
padding: 0;
border: none;
}
.woocommerce div.product form.cart .button,
.woocommerce div.product p.cart .button {
float: none;
display: inline-block;
margin-top: 0;
background: none;
font-weight: bold;
}
.product_meta {
font-size: 14px;
}
.product_meta > span {
display: block;
}
.product_meta a {
color: #000 !important;
} .woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
display: block;
float: left;
width: 100%;
margin: 0 0 60px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
margin: 0;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before {
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
margin: 0;
padding: 0;
background: none;
border: 1px solid transparent;
box-shadow:	none;
-webkit-box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-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;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
border-color: #a6a6a6;
border-bottom-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
display: block;
padding: 20px 30px;
color: #888;
font-size: 12px;
letter-spacing: 2px;
text-shadow: none;
font-weight: normal;
text-transform: uppercase;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a {
color: #000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover {
color: #000;
}
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel {
max-width: none;
margin: -1px auto 0;
padding: 60px;
border: 1px solid #a6a6a6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce-tabs .panel h2 {
font-size: 24px;
}
.woocommerce-tabs #tab-description p {
max-width: 740px;
font-size: 90%;
}
.woocommerce-tabs #tab-description img,
.woocommerce-tabs #tab-description img {
max-width: 100%;
margin: 0 auto 30px;
} .woocommerce #reviews #comments ol.commentlist,
.woocommerce-page #reviews #comments ol.commentlist {
max-width: 700px;
}
.woocommerce #reviews #comments ol.commentlist li,
.woocommerce-page #reviews #comments ol.commentlist li {
margin-bottom: 0;
padding: 40px 0;
min-height: 80px;
border-bottom: 1px solid #dedede;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar,
.woocommerce-page #reviews #comments ol.commentlist li img.avatar {
top: 40px;
left: 0;
width: 60px;
padding: 0;
background: none;
border: none;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
margin-left: 80px;
padding: 0;
border: none !important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text .star-rating {
position: absolute;
top: 110px;
left: 0;
font-size: 11px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p {
margin-bottom: 5px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta {
color: #111;
font-size: 90%;
line-height: 1.5;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta time {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text .description {
max-width: 700px;
font-size: 90%;
}
.woocommerce #review_form #respond,
.woocommerce-page #review_form #respond {
max-width: 700px;
margin: 40px 0 0;
}
.woocommerce #review_form .comment-reply-title,
.woocommerce-page #review_form .comment-reply-title {
color: #000;
}
.woocommerce #review_form #respond .comment-notes,
.woocommerce-page #review_form #respond .comment-notes {
text-align: left;
margin-bottom: 20px;
}
.woocommerce p.stars a {
margin: 0 5px 0 0;
}
.woocommerce #review_form #respond p.form-submit {
margin-top: 30px;
}
.woocommerce #review_form #respond textarea {
min-height: 200px;
} .woocommerce table.shop_attributes,
.woocommerce-page table.shop_attributes {
margin: 0;
padding: 0;
border: none;
font-size: 80%;
}
.woocommerce table.shop_attributes th,
.woocommerce-page table.shop_attributes th,
.woocommerce table.shop_attributes td,
.woocommerce-page table.shop_attributes td {
font-weight: inherit;
border-style: solid;
border-left: none;
border-right: none;
}
.woocommerce table.shop_attributes th,
.woocommerce-page table.shop_attributes th {
padding: 15px 0;
font-size: 11px;
letter-spacing: 1px;
font-weight: bold;
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
background: none;
}
.woocommerce table.shop_attributes td {
color: #000;
font-style: normal;
}
.woocommerce table.shop_attributes td p,
.woocommerce-page table.shop_attributes td p {
max-width: 700px;
} section.up-sells {
margin-bottom: 60px;
}
section.up-sells h2 {
font-size: 24px;
color: #000;
}
.woocommerce .cart-collaterals .cross-sells ul.products li,
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
width: 48% !important;
} .woocommerce .related,
.woocommerce-page .related {
float: left;
width: 100%;
margin: 0;
}
.woocommerce .related h2,
.woocommerce-page .related h2 {
margin-bottom: 30px;
font-size: 24px;
color: #000;
}
.woocommerce .related ul,
.woocommerce .related ul.products,
.woocommerce-page .related ul,
.woocommerce-page .related ul.products {
margin-bottom: 0;
}
.woocommerce .related ul li.product,
.woocommerce .related ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .related ul.products li.product {
width: 22% !important;
margin-bottom: 0;
}  .cart-empty,
.return-to-shop {
text-align: center;
}
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
margin: 0;
padding: 0;
background: none;
border: 2px solid #000;
font-size: 90%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce table.shop_table thead {
background: #000;
color: #fff;
}
.woocommerce table.cart th,
.woocommerce table.cart td,
.woocommerce #content table.cart th,
.woocommerce #content table.cart td,
.woocommerce-page table.cart th,
.woocommerce-page table.cart td,
.woocommerce-page #content table.cart th,
.woocommerce-page #content table.cart td {
padding: 20px;
border-bottom: none;
}
.woocommerce table.shop_table th {
font-size: 12px;
letter-spacing: 2px;
font-weight: normal;
}
.woocommerce table.shop_table td {
border-top-color: #dedede;
color: #000;
font-weight: inherit;
}
.woocommerce table.cart a,
.woocommerce #content table.cart a,
.woocommerce-page table.cart a,
.woocommerce-page #content table.cart a {
color: #000;
}
.woocommerce table.cart a.remove,
.woocommerce #content table.cart a.remove,
.woocommerce-page table.cart a.remove,
.woocommerce-page #content table.cart a.remove {
width: 20px;
height: 20px;
background: #aaa;
color: #fff !important;
font-size: 16px;
line-height: 20px;
}
.woocommerce table.cart a.remove:hover,
.woocommerce #content table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover {
background: #000;
}
.woocommerce table.cart img,
.woocommerce #content table.cart img,
.woocommerce-page table.cart img,
.woocommerce-page #content table.cart img {
display: block;
width: 60px;
}
.woocommerce td.product-name dl.variation {
font-size: 85%;
color: #8a8a8a;
}
.woocommerce #content table.cart td.product-subtotal,
.woocommerce table.cart td.product-subtotal,
.woocommerce-page #content table.cart td.product-subtotal,
.woocommerce-page table.cart td.product-subtotal {
font-size: 100%;
font-weight: bolder;
}
.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
padding: 30px 40px;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
width: auto;
}
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text {
display: inline-block;
padding: 14px !important;
font-size: 14px; line-height: 26px;
}
.woocommerce table.cart input,
.woocommerce #content table.cart input,
.woocommerce-page table.cart input,
.woocommerce-page #content table.cart input {
width: auto;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
margin-top: 60px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
padding: 30px;
-webkit-box-shadow: 0 21px 65px 0 rgba(0,0,0,0.2);
box-shadow: 0 21px 65px 0 rgba(0,0,0,0.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-page .cart-collaterals .cart_totals h2,
.woocommerce .cross-sells h2,
.woocommerce-page .cross-sells h2 {
font-size: 24px;
color: #000;
}
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {
background: #fafafa;
border: none;
border-top: 1px solid #dedede;
}
.woocommerce .cart-collaterals .cart_totals tr td,
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr td,
.woocommerce-page .cart-collaterals .cart_totals tr th {
padding: 20px;
border-bottom: none;
border-color: #dedede;
font-weight: inherit;
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th {
}
.woocommerce table.shop_table tr.order-total,
.woocommerce-page table.shop_table tr.order-total {
background: none;
font-weight: bold;
color: #000;
}
.woocommerce table.shop_table tr.order-total th,
.woocommerce-page table.shop_table tr.order-total th,
.woocommerce table.shop_table tr.order-total td,
.woocommerce-page table.shop_table tr.order-total td {
border: none;
}
.woocommerce ul#shipping_method .amount {
font-size: 90%;
}
.woocommerce .cart-collaterals .cart_totals .shipping-calculator-button,
.woocommerce-page .cart-collaterals .cart_totals .shipping-calculator-button {
display: block;
text-transform: uppercase;
font-size: 11px;
font-weight: normal;
letter-spacing: 1px;
}
.woocommerce .cart-collaterals .cart_totals .shipping-calculator-button:after,
.woocommerce-page .cart-collaterals .cart_totals .shipping-calculator-button:after {
font-family: "FontAwesome";
content: "\f107";
margin-left: 3px;
}
.woocommerce-cart .wc-proceed-to-checkout {
display: block;
float: left;
width: 100%;
margin-top: 30px;
padding: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.button {
display: block;
margin: 0;
padding: 20px 10px;
font-weight: bold;
font-size: 13px;
} .woocommerce form.login,
.woocommerce form.checkout_coupon,
.woocommerce form.register,
.woocommerce-page form.login,
.woocommerce-page form.checkout_coupon,
.woocommerce-page form.register { max-width: 600px;
margin: 20px auto 30px;
padding: 30px;
border: 2px solid #000;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce form.login,
.woocommerce-page form.login {
font-size: 90%;
}
.woocommerce form.login .form-row label.inline {
margin-left: 10px;
}
.woocommerce form.login p.lost_password,
.woocommerce-page form.login p.lost_password {
font-size: 85%;
}
.woocommerce form.checkout_coupon .form-row,
.woocommerce-page form.checkout_coupon .form-row {
margin-bottom: 0;
padding: 0;
}
.woocommerce form.checkout_coupon input[type="submit"],
.woocommerce-page form.checkout_coupon input[type="submit"] {
line-height: 1;
}
.woocommerce form .form-row {
padding: 0;
margin: 0 0 30px;
}
.woocommerce form .form-row label {
margin-bottom: 5px;
font-size: 15px;
font-weight: normal;
color: #000;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
padding: 12px !important;
line-height: 1.5;
border: 2px solid #ccc;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.select2-container--default .select2-selection--single:focus {
border-color: #777;
}
.woocommerce form .form-row textarea {
min-height: 180px;
}
.select2-container--default .select2-selection--single {
height: 48px;
border: 2px solid #ccc;
border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 10px;
padding-right: 50px;
font-size: 15px;
line-height: 46px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
width: 40px;
height: 46px;
}
#billing_address_2_field,
#shipping_address_2_field {
margin-top: -15px;
}
.woocommerce form .form-row .required {
text-decoration: none;
}
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
margin-top: 60px;
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #dedede;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
width: 46%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce .col2-set .checkout-col.col-1,
.woocommerce-page .col2-set .checkout-col.col-1 {
width: 54%;
}
.woocommerce .col2-set .checkout-col.col-2,
.woocommerce-page .col2-set .checkout-col.col-2 {
width: 42%;
padding: 30px;
background: #fff;
-webkit-box-shadow: 0 21px 65px 0 rgba(0,0,0,0.2);
box-shadow: 0 21px 65px 0 rgba(0,0,0,0.2);
}
.woocommerce .col2-set h3,
.woocommerce-page .col2-set h3,
h3#order_review_heading {
color: #000;
font-size: 24px;
}
h3#ship-to-different-address {
margin-bottom: 0;
padding: 20px;
background: #f0f0f0;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bolder;
}
#ship-to-different-address input[type="checkbox"] {
margin-right: 10px;
vertical-align: middle;
}
.woocommerce-shipping-fields__field-wrapper {
margin-top: 40px;
}
.woocommerce .checkout table.shop_table,
.woocommerce-page .checkout table.shop_table {
border: none;
}
.woocommerce .checkout table.shop_table th,
.woocommerce-page .checkout table.shop_table th,
.woocommerce .checkout table.shop_table td,
.woocommerce-page .checkout table.shop_table td {
padding: 20px;
border-bottom: none;
font-weight: bolder;
}
.woocommerce .checkout table.shop_table td,
.woocommerce-page .checkout table.shop_table td {
font-weight: inherit;
font-size: 85%;
}
.woocommerce .checkout table.shop_table thead,
.woocommerce-page .checkout table.shop_table thead {
display: none;
}
.woocommerce .checkout table.shop_table tfoot,
.woocommerce-page .checkout table.shop_table tfoot {
background: #fafafa;
}
.woocommerce .checkout table.shop_table tfoot th,
.woocommerce-page .checkout table.shop_table tfoot th {
}
.woocommerce table.shop_table tr.order-total,
.woocommerce-page table.shop_table tr.order-total {
background: #323232;
color: #fff;
}
.woocommerce table.shop_table tr.order-total td,
.woocommerce-page table.shop_table tr.order-total td {
color: #fff;
}
.woocommerce #payment,
.woocommerce-page #payment,
.woocommerce-checkout #payment {
margin-top: 40px;
font-size: 15px;
background: none !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce #payment ul.payment_methods,
.woocommerce-page #payment ul.payment_methods {
border-bottom: none;
padding: 0 0 20px;
}
.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box,
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: #f0f0f0;
font-size: 12px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: #f0f0f0;
}
.woocommerce #payment div.form-row,
.woocommerce-page #payment div.form-row {
padding: 20px 0 0;
margin: 0;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
width: 100%;
margin: 0;
padding: 18px 10px;
font-size: 13px;
font-weight: bold;
} .login-text {
max-width: 700px;
margin: 0 auto 60px;
}
.woocommerce-password-strength {
font-size: 12px;
font-weight: normal;
color: #000;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 28%;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
}
.woocommerce-MyAccount-navigation ul li {
margin: 0;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
position: relative;
margin-bottom: 2px;
padding: 16px 50px 16px 20px;
color: #000 !important;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
.woocommerce-MyAccount-navigation ul li a:hover {
background: #f0f0f0;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-view-order .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a {
background: #000;
color: #fff !important;
}
.woocommerce-MyAccount-navigation ul li a:after {
font-family: "FontAwesome";
content: "\f105";
position: absolute;
top: 0;
bottom: 0;
right: 20px;
height: 20px;
width: 20px;
margin: auto 0;
font-size: 15px;
line-height: 20px;
text-align: center;
color: #ddd;
}
.icons-e-icons .woocommerce-MyAccount-navigation ul li a:after {
font-family: "ElegantIcons";
content: "\35";
}
.woocommerce-MyAccount-navigation ul li a:hover:after {
color: #aaa;
}
.woocommerce-MyAccount-navigation ul li.is-active a:after,
.woocommerce-view-order .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:after {
color: #fff;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:after {
content: "\f015";
}
.icons-e-icons .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:after {
content: "\e009";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:after {
content: "\f290";
}
.icons-e-icons .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:after {
content: "\e013";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:after {
content: "\f019";
}
.icons-e-icons .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:after {
content: "\e092";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:after {
content: "\f041";
}
.icons-e-icons .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:after {
content: "\e01d";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:after {
content: "\f283";
}
.icons-e-icons .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:after {
content: "\e014";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:after {
content: "\f007";
}
.icons-e-icons .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:after {
content: "\e08a";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:after {
content: "\f08b";
}
.icons-e-icons .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:after {
content: "\e001";
}
.woocommerce-account .woocommerce-MyAccount-content p:not(.form-row) {
max-width: 700px;
}
.woocommerce-account .woocommerce-MyAccount-content p.order-again {
margin: 0 0 40px;
}
.woocommerce table.my_account_orders tbody,
.woocommerce table.order_details tbody,
.woocommerce table.customer_details tbody {
font-size: 14px;
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th,
.woocommerce table.order_details td,
.woocommerce table.order_details th,
.woocommerce table.customer_details td,
.woocommerce table.customer_details th {
padding: 10px;
border: none;
}
.woocommerce table.my_account_orders td,
.woocommerce table.order_details td,
.woocommerce table.customer_details td {
border-top: 1px solid #dedede;
}
.woocommerce table.my_account_orders .button {
display: block;
padding: 12px;
text-align: center;
font-size: 11px;
}
.woocommerce-EditAccountForm fieldset {
margin: 30px 0 0;
}
.woocommerce-EditAccountForm fieldset legend {
font-weight: bold;
}
.woocommerce-account:not(.logged-in) .woocommerce h2 {
text-align: center;
color: #000;
} .woocommerce-thankyou-order-received {
font-size: 130%;
text-align: center;
color: #000;
}
.woocommerce ul.order_details {
margin: 0 0 30px;
padding: 20px;
border: 2px solid #000;
text-align: center;
}
.woocommerce ul.order_details li {
float: none;
display: inline-block;
margin: 20px 0;
padding: 0 40px;
font-size: 12px;
letter-spacing: 1px;
font-weight: normal;
}
.woocommerce ul.order_details li strong {
margin-top: 5px;
color: #000;
}
.woocommerce-order-details {
margin-top: 60px;
}
.woocommerce-order-details h2,
.woocommerce-order-details h3 {
font-size: 24px;
color: #000;
}
.woocommerce table.order_details tfoot tr:last-of-type {
background: #fafafa;
}
.woocommerce .woocommerce-order-details table {
margin-bottom: 40px;
} .woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info {
position: relative;
padding: 15px 20px 15px 80px;
background: #fafafa;
border: none;
font-size: 85%;
text-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
padding-right: 200px;
}
.woocommerce .woocommerce-message a,
.woocommerce-page .woocommerce-message a {
color: #8fae1b;
}
.woocommerce .woocommerce-info a,
.woocommerce-page .woocommerce-info a {
color: #1e85be;
}
.woocommerce .woocommerce-error a,
.woocommerce-page .woocommerce-error a {
color: #b81c23;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
z-index: 99;
}
.woocommerce-error::after,
.woocommerce-info::after,
.woocommerce-message::after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 60px;
border-right: 1px solid #eaeaea;
}
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button {
position: absolute;
top: 0;
right: 20px;
bottom: 0;
height: 36px;
margin: auto 0;
padding: 0 20px;
font-size: 10px;
line-height: 36px;
letter-spacing: 1px;
}
.woocommerce-form-login-toggle .woocommerce-info {
margin-bottom: 15px;
padding: 0;
background: none;
text-align: right;
}
@media only screen and (max-width: 768px) {
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info {
padding: 10px 15px 10px 65px;
line-height: 1.3;
}
.woocommerce-form-login-toggle .woocommerce-info {
padding: 0;
text-align: left;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
top: 0.7em;
left: 1.2em;
}
.woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after {
width: 50px;
}
}
.woocommerce-form-login-toggle .woocommerce-info::before,
.woocommerce-form-login-toggle .woocommerce-info::after {
display: none;
}
.woocommerce-form-coupon-toggle .woocommerce-info::before {
content: "\e600";
} .widget.woocommerce {}
.widget_shopping_cart_content {
padding: 20px;
background: #fafafa;
}
.widget ul.cart_list li,
.widget ul.product_list_widget li,
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
position: relative;
min-height: 80px;
margin-bottom: 20px;
padding-left: 100px;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
top: 5px;
right: 0;
left: auto;
width: 20px;
height: 20px;
background: #aaa;
color: #fff !important;
font-size: 16px;
line-height: 20px;
}
.widget ul.cart_list li a,
.widget ul.product_list_widget li a {
font-weight: inherit;
font-weight: bold;
color: #000;
}
.widget ul.cart_list li img,
.widget ul.product_list_widget li img {
position: absolute;
top: 0;
left: 0;
width: 80px;
margin: 0;
}
.widget ul.cart_list li del,
.widget ul.product_list_widget li del {
font-size: 85%;
}
.widget ul.cart_list li ins,
.widget ul.product_list_widget li ins {
background: none;
}
.widget ul.cart_list li span.quantity,
.widget ul.product_list_widget li span.quantity {
display: block;
font-size: 80%;
color: #75858f;
}
.widget ul.cart_list li .amount,
.widget ul.product_list_widget li .amount {
font-weight: bolder;
}
.woocommerce.widget_shopping_cart .total,
.widget_shopping_cart .total {
margin: 0;
padding: 20px 0;
border-top: 2px solid #000;
color: #000;
text-align: center;
line-height: 1.5;
}
.widget_shopping_cart .total strong {
margin-bottom: 0;
font-size: 11px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px;
}
.widget_shopping_cart .total .amount {
display: block;
margin-top: 5px;
font-size: 28px;
font-weight: bolder;
}
.widget_shopping_cart .buttons {
margin: 0;
}
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
float: left;
width: 48%;
margin: 0 0 10px;
padding: 16px 5px;
color: #000;
font-size: 11px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce .widget_shopping_cart .buttons a.checkout,
.woocommerce.widget_shopping_cart .buttons a.checkout {
float: right;
background: #000;
border-color: #000;
color: #fff;
}
ul.cart_list li .star-rating,
ul.product_list_widget li .star-rating {
display: block;
margin: 0 0 10px;
font-size: 11px;
zoom: 1;
filter: alpha(opacity=30);
opacity: 0.3;
}
ul.cart_list li .reviewer,
ul.product_list_widget li .reviewer {
display: block;
font-size: 14px;
line-height: 18px;
}
.widget_layered_nav_filters ul li {
border: none;
}
.widget_layered_nav_filters ul li a,
.woocommerce-page .widget_layered_nav_filters ul li a  {
padding: 3px 6px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.widget_layered_nav ul small.count {
color: #9a9a9a;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
height: 10px;
margin: 20px 5px 40px;
background-color: #dedede;
border-radius: 1px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #000;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
top: -10px;
width: 6px;
height: 30px;
margin-left: -3px;
border-radius: 2px;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
padding: 10px 24px;
font-size: 12px;
}
.widget_product_search input.search-field {
float: left;
width: 60%;
height: 50px;
}
.widget_product_search input[type="submit"] {
float: right;
width: 38%;
height: 50px;
padding: 10px 0;
line-height: 1;
white-space: nowrap;
}  .woocommerce .products ul,
.woocommerce ul.products {
margin-bottom: 0;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 22%;
margin: 0 4% 60px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
}
.woocommerce.woo-cols2 ul.products li.product,
.woocommerce-page.woo-cols2 ul.products li.product,
.woocommerce-page.columns-2 ul.products li.product,
.woocommerce.columns-2 ul.products li.product {
width: 48%;
}
.woocommerce.woo-cols3 ul.products li.product,
.woocommerce-page.woo-cols3 ul.products li.product,
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 30.6666%;
}
.woocommerce.woo-cols4 ul.products li.product,
.woocommerce-page.woo-cols4 ul.products li.product,
.woocommerce-page.columns-4 ul.products li.product,
.woocommerce.columns-4 ul.products li.product {
width: 22%;
}
.woocommerce.woo-cols5 ul.products li.product,
.woocommerce-page.woo-cols5 ul.products li.product,
.woocommerce-page.columns-5 ul.products li.product,
.woocommerce.columns-5 ul.products li.product {
width: 16.8%;
}
.woocommerce.woo-cols6 ul.products li.product,
.woocommerce-page.woo-cols6 ul.products li.product,
.woocommerce-page.columns-6 ul.products li.product,
.woocommerce.columns-6 ul.products li.product {
width: 13.3333%;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
margin-right: 0;
}
.woocommerce ul.products li:last-of-type,
.woocommerce-page ul.products li:last-of-type,
.columns-2 ul.products li:nth-last-of-type(2),
.columns-3 ul.products li:nth-last-of-type(2),
.columns-3 ul.products li:nth-last-of-type(3),
.columns-4 ul.products li:nth-last-of-type(2),
.columns-4 ul.products li:nth-last-of-type(3),
.columns-4 ul.products li:nth-last-of-type(4),
.columns-5 ul.products li:nth-last-of-type(2),
.columns-5 ul.products li:nth-last-of-type(3),
.columns-5 ul.products li:nth-last-of-type(4),
.columns-5 ul.products li:nth-last-of-type(5),
.columns-6 ul.products li:nth-last-of-type(2),
.columns-6 ul.products li:nth-last-of-type(3),
.columns-6 ul.products li:nth-last-of-type(4),
.columns-6 ul.products li:nth-last-of-type(5),
.columns-6 ul.products li:nth-last-of-type(6) {
margin-bottom: 0;  }
.woocommerce ul.products li.product > a:first-of-type,
.woocommerce ul.products li.type-product > a:first-of-type {
display: block;
color: #000;
}
.woocommerce span.onsale,
.woocommerce-page span.onsale {
top: 10px;
left: 10px;
min-height: 0;
min-width: 0;
padding: 5px 12px;
background: #000;
color: #fff;
text-align: center;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
top: 10px;
right: 10px;
margin: 0;
z-index: 9;
}
.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a {
}
.wooproduct-thumb {
position: relative;
margin-bottom: 15px;
overflow: hidden;
}
.woocommerce ul.products li.product .wooproduct-thumb img,
.woocommerce-page ul.products li.product .wooproduct-thumb img {
display: block;
margin: 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;
}
.woocommerce ul.products li.product:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.woocommerce ul.products li.product .star-rating {
position: absolute;
top: 20px;
left: 20px;
margin: 0;
height: 10px;
line-height: 10px;
font-size: 10px;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateY(-80px);
-webkit-transform: translateY(-80px);
-o-transform: translateY(-80px);
-ms-transform: translateY(-80px);
transform: translateY(-80px);
-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;
}
.woocommerce .star-rating:before,
.woocommerce-page .star-rating:before {
color: inherit;
}
.woocommerce ul.products li.product:hover .star-rating,
.woocommerce-page ul.products li.product:hover .star-rating {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
padding: 0;
font-weight: bolder;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
color: #75858f;
font-size: 13px;
letter-spacing: 1px;
line-height: 20px;
}
.woocommerce ul.products li.product .price del {
display: inline-block;
font-size: 80%;
}
.woocommerce ul.products li.product .price ins {
font-weight: inherit;
}
.woocommerce ul.products li.product a.button {
position: absolute;
left: 10px;
right: 10px;
bottom: -60px;
height: 20px;
margin: 0;
padding: 14px 5px;
background: #fff !important;
color: #000 !important;
border: none !important;
text-align: center;
font-size: 11px;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.woocommerce ul.products li.product:hover a.button {
bottom: 10px;
}
.woocommerce ul.products li.product a.button.add_to_cart_button:not(.loading):not(.added):before {
font-family: 'FontAwesome';
content: "\f290";
position: static;
margin-right: 10px;
}
.woocommerce #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
font-family: 'FontAwesome';
content: "\f110";
position: static;
margin-left: 10px;
}
.woocommerce ul.products li.product:hover a.button.add_to_cart_button.added {
bottom: 59px;
}
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
position: absolute;
right: 10px;
bottom: -60px;
left: 10px;
padding: 14px;
background: #000;
color: #fff !important;
font-size: 12px;
line-height: 20px;
text-align: center;
}
.woocommerce ul.products li.product:hover a.added_to_cart,
.woocommerce-page ul.products li.product:hover a.added_to_cart {
bottom: 10px;
}
.wc-forward:after,
.wc-forward a:after {
font-family: "FontAwesome";
content: "\f105";
margin-left: 5px;
font-size: 80%;
} .woocommerce ul.products li.product-category,
.woocommerce-page ul.products li.product-category {
}
.woocommerce ul.products li.product-category a,
.woocommerce-page ul.products li.product-category a {
display: block;
}
.woocommerce ul.products li.product-category a img,
.woocommerce-page ul.products li.product-category a img {
margin: 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;
}
.woocommerce ul.products li.product-category h3,
.woocommerce-page ul.products li.product-category h3,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
.woocommerce ul.products li.product-category h2 {
position: absolute;
top: 50%;
left: 30px;
right: 30px;
padding: 20px 10px;
background: #000;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
color: #fff;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-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;
}
.woocommerce ul.products li.product mark,
.woocommerce-page ul.products li.product mark {
display: block;
background: none;
color: #fff;
font-size: 85%;
zoom: 1;
filter: alpha(opacity=40);
opacity: 0.4;
} p.woocommerce-store-notice,
p.demo_store {
position: fixed;
padding: 15px 60px;
font-size: 15px;
line-height: 26px;
box-sizing: border-box;
}
.woocommerce-demo-store.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-header,
.woocommerce-demo-store.woo_sn_position-topf:not(.woo_sn_position-bottomf).sticky-header .site-header {
top: 56px;
}
.woocommerce-demo-store.woo_sn_position-topf:not(.woo_sn_position-bottomf) p.woocommerce-store-notice,
.woocommerce-demo-store.woo_sn_position-topf:not(.woo_sn_position-bottomf) p.demo_store {
top: 0;
bottom: auto;
}
.woocommerce-demo-store.woo_sn_position-bottomf p.woocommerce-store-notice,
.woocommerce-demo-store.woo_sn_position-bottomf p.demo_store {
top: auto;
bottom: 0;
}
a.woocommerce-store-notice__dismiss-link,
p.demo_store a.woocommerce-store-notice__dismiss-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 10px;
padding: 15px 20px;
background: rgba(0,0,0,0.1);
text-decoration: none;
text-indent: -99999px;
}
a.woocommerce-store-notice__dismiss-link:before,
p.demo_store a.woocommerce-store-notice__dismiss-link:before {
font-family: 'FontAwesome';
content: "\f00d";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 10px;
height: 10px;
margin: auto;
font-size: 12px;
line-height: 10px;
text-indent: 0;
}
a.woocommerce-store-notice__dismiss-link:hover,
p.demo_store a.woocommerce-store-notice__dismiss-link:hover {
background: rgba(0,0,0,0.2);
}
@media only screen and (max-width: 519px) {
p.woocommerce-store-notice,
p.demo_store {
padding: 15px 60px 15px 15px;
text-align: left;
}
.woocommerce-demo-store.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-header,
.woocommerce-demo-store.woo_sn_position-topf:not(.woo_sn_position-bottomf).sticky-header .site-header {
top: 82px;
}
}
.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content {
margin-top: 136px;
}
@media only screen and (min-width: 1025px) {
.header-layout2.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content,
.header-layout3.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content,
.header-layout4.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content,
.header-layout7.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content {
margin-top: 236px;
}
.header-layout5.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content {
margin-top: 376px;
-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.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content {
margin-top: 276px;
}
.header-layout9.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content {
margin-top: 196px;
}
.header-layout6.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content {
margin-top: 56px;
}
.header-layout5.woo_sn_position-topf:not(.woo_sn_position-bottomf) .headroom--not-top + .site-content {
margin-top: 208px;
}
}
.transparent-header.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content {
margin-top: 56px !important;
}
@media only screen and (min-width: 1025px) {
.transparent-header.header-layout2.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content {
margin-top: 106px !important;
}
.transparent-header.header-layout7.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content {
margin-top: 96px !important;
}
.transparent-header.header-layout8.woo_sn_position-topf:not(.woo_sn_position-bottomf) .site-content {
margin-top: 92px !important;
}
} @media only screen and (max-width: 1024px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.woocommerce.woo-cols4 ul.products li.product,
.woocommerce-page.woo-cols4 ul.products li.product,
.woocommerce-page.columns-4 ul.products li.product,
.woocommerce.columns-4 ul.products li.product,
.woocommerce.woo-cols5 ul.products li.product,
.woocommerce-page.woo-cols5 ul.products li.product,
.woocommerce-page.columns-5 ul.products li.product,
.woocommerce.columns-5 ul.products li.product,
.woocommerce.woo-cols6 ul.products li.product,
.woocommerce-page.woo-cols6 ul.products li.product,
.woocommerce-page.columns-6 ul.products li.product,
.woocommerce.columns-6 ul.products li.product {
width: 30.6666%;
margin-right: 4%;
clear: none;
}
.woocommerce.woo-cols4 ul.products li.product:nth-of-type(3n),
.woocommerce-page.woo-cols4 ul.products li.product:nth-of-type(3n),
.woocommerce-page.columns-4 ul.products li.product:nth-of-type(3n),
.woocommerce.columns-4 ul.products li.product:nth-of-type(3n),
.woocommerce.woo-cols5 ul.products li.product:nth-of-type(3n),
.woocommerce-page.woo-cols5 ul.products li.product:nth-of-type(3n),
.woocommerce-page.columns-5 ul.products li.product:nth-of-type(3n),
.woocommerce.columns-5 ul.products li.product:nth-of-type(3n),
.woocommerce.woo-cols6 ul.products li.product:nth-of-type(3n),
.woocommerce-page.woo-cols6 ul.products li.product:nth-of-type(3n),
.woocommerce-page.columns-6 ul.products li.product:nth-of-type(3n),
.woocommerce.columns-6 ul.products li.product:nth-of-type(3n) {
margin-right: 0;
}
.woocommerce.woo-cols4 ul.products li.product:nth-of-type(3n+1),
.woocommerce-page.woo-cols4 ul.products li.product:nth-of-type(3n+1),
.woocommerce-page.columns-4 ul.products li.product:nth-of-type(3n+1),
.woocommerce.columns-4 ul.products li.product:nth-of-type(3n+1),
.woocommerce.woo-cols5 ul.products li.product:nth-of-type(3n+1),
.woocommerce-page.woo-cols5 ul.products li.product:nth-of-type(3n+1),
.woocommerce-page.columns-5 ul.products li.product:nth-of-type(3n+1),
.woocommerce.columns-5 ul.products li.product:nth-of-type(3n+1),
.woocommerce.woo-cols6 ul.products li.product:nth-of-type(3n+1),
.woocommerce-page.woo-cols6 ul.products li.product:nth-of-type(3n+1),
.woocommerce-page.columns-6 ul.products li.product:nth-of-type(3n+1),
.woocommerce.columns-6 ul.products li.product:nth-of-type(3n+1) {
clear: left;
}
}
@media only screen and (max-width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce .related ul li.product,
.woocommerce .related ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .related ul.products li.product {
width: 48% !important;
margin: 0 0 30px;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
float: left;
width: 100%;
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
margin-bottom: 60px;
padding-bottom: 20px;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .checkout-col.col-1,
.woocommerce-page .col2-set .checkout-col.col-1,
.woocommerce .col2-set .checkout-col.col-2,
.woocommerce-page .col2-set .checkout-col.col-2,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator,
.woocommerce #order_review table.shop_table,
.woocommerce-page #order_review table.shop_table,
.woocommerce #payment,
.woocommerce-page #payment,
.woocommerce table.shop_table,
.woocommerce-page table.shop_table,
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
float: left;
width: 100%;
margin: 0 0 40px;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
margin: 60px 0 0;
}
.woocommerce table.shop_table.cart thead,
.woocommerce-page table.shop_table.cart thead {
display: none;
}
.woocommerce table.cart tr,
.woocommerce #content table.cart tr,
.woocommerce-page table.cart tr,
.woocommerce-page #content table.cart tr {
display: block;
position: relative;
float: left;
width: 100%;
padding: 20px;
border-bottom: 1px solid #dedede;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: none;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
text-align: left !important;
}
.woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before {
float: none;
margin-right: 8px;
}
.woocommerce table.cart tr.cart_item,
.woocommerce #content table.cart tr.cart_item,
.woocommerce-page table.cart tr.cart_item,
.woocommerce-page #content table.cart tr.cart_item {
padding-right: 50px;
}
.woocommerce table.cart td,
.woocommerce #content table.cart td,
.woocommerce-page table.cart td,
.woocommerce-page #content table.cart td {
display: block;
margin-bottom: 5px;
padding: 0;
border: none;
}
.woocommerce table.cart td.product-quantity input.qty,
.woocommerce-page table.cart td.product-quantity input.qty,
.woocommerce-page #content table.cart td.product-quantity input.qty {
height: auto;
}
.woocommerce table.cart td.product-remove,
.woocommerce #content table.cart td.product-remove,
.woocommerce-page table.cart td.product-remove,
.woocommerce-page #content table.cart td.product-remove {
position: absolute;
top: 20px;
right: 20px;
}
.woocommerce #content table.cart td.product-thumbnail,
.woocommerce table.cart td.product-thumbnail,
.woocommerce-page #content table.cart td.product-thumbnail,
.woocommerce-page table.cart td.product-thumbnail {
display: block;
float: left;
width: 28%;
margin: 0 20px 0 0;
}
.woocommerce #content table.cart td.product-thumbnail:before,
.woocommerce table.cart td.product-thumbnail:before,
.woocommerce-page #content table.cart td.product-thumbnail:before,
.woocommerce-page table.cart td.product-thumbnail:before {
display: none;
}
.woocommerce table.cart img,
.woocommerce #content table.cart img,
.woocommerce-page table.cart img,
.woocommerce-page #content table.cart img {
width: 100%;
}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,
.woocommerce td.product-name .wc-item-meta dt,
.woocommerce td.product-name dl.variation .wc-item-meta-label,
.woocommerce td.product-name dl.variation dt {
float: none;
}
.woocommerce td.product-name .wc-item-meta dd,
.woocommerce td.product-name dl.variation dd {
display: inline-block;
}
.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
padding: 0;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #dedede;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
padding: 14px 20px;
font-size: 11px;
letter-spacing: 2px;
}
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel {
padding: 40px;
} .woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
float: left;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #dedede;
}
}
@media only screen and (max-width: 568px) {
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
background: #eaeaea;
border-color: transparent;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #content div.product form.cart .button:hover,
.woocommerce.woo-style-style2 ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce div.product form.cart .button:hover {
zoom: 1;
filter: alpha(opacity=85);
opacity: 0.85;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering,
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
width: 100%;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100% !important;
}
.woocommerce ul.products li.product a.button.add_to_cart_button {
bottom: 10px;
padding: 18px 5px;
} .woocommerce table.cart tr.cart_item, .woocommerce #content table.cart tr.cart_item, .woocommerce-page table.cart tr.cart_item, .woocommerce-page #content table.cart tr.cart_item {
padding-right: 20px;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
text-align: center !important;
}
.woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before {
float: none;
}
.woocommerce table.cart td.product-remove, .woocommerce #content table.cart td.product-remove, .woocommerce-page table.cart td.product-remove, .woocommerce-page #content table.cart td.product-remove {
top: 15px;
right: 15px;
}
.woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove {
padding: 5px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.20);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.20);
}
.woocommerce #content table.cart td.product-thumbnail, .woocommerce table.cart td.product-thumbnail, .woocommerce-page #content table.cart td.product-thumbnail, .woocommerce-page table.cart td.product-thumbnail {
width: 100%;
margin: 0 0 20px;
}
.woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img {
max-width: 120px;
margin: 0 auto;
}
.woocommerce table.cart td.product-quantity input.qty, .woocommerce-page table.cart td.product-quantity input.qty, .woocommerce-page #content table.cart td.product-quantity input.qty {
width: auto;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text,
.woocommerce form.checkout_coupon input[type="text"],
.woocommerce-page form.checkout_coupon input[type="text"] {
width: 100%;
margin: 0 0 10px !important;
}
.woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input,
.woocommerce form.checkout_coupon input[type="submit"],
.woocommerce-page form.checkout_coupon input[type="submit"] {
width: 100%;
}
.woocommerce-cart .wc-proceed-to-checkout a.button {
display: block;
}
.woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.login, .woocommerce-page form.checkout_coupon, .woocommerce-page form.register {
padding: 20px;
}
.woocommerce form.login .form-row label.inline {
display: block;
margin: 10px 0 0;
}
.woocommerce form.checkout_coupon .form-row,
.woocommerce-page form.checkout_coupon .form-row {
float: left;
width: 100%;
}
.woocommerce form.checkout_coupon .form-row.form-row-first,
.woocommerce-page form.checkout_coupon .form-row.form-row-first {
margin-bottom: 10px;
}
.woocommerce ul.order_details li {
display: block;
border: none;
padding: 20px 0;
margin: 0;
border-bottom: 1px dashed #d3ced2;
} .woocommerce div.product .product_title {
font-size: 36px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-size: 24px;
}
.woocommerce div.product form.cart div.quantity {
display: block;
width: 100%;
margin: 0 auto 10px;
}
.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty {
width: 100%;
}
.woocommerce div.product form.cart .button {
display: block;
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
display: block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
border-bottom-color: #a6a6a6;
}
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel {
margin-top: 10px;
padding: 20px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar,
.woocommerce-page #reviews #comments ol.commentlist li img.avatar {
width: 40px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
margin-left: 55px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text .star-rating {
top: 90px;
font-size: 8px;
} .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
padding-right: 20px;
}
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button {
position: static;
float: right;
margin-left: 5px;
}
}
@media only screen and (max-width: 460px) {
.header-cart {
width: 95%;
}	
}
 .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; }