@charset "UTF-8";
* {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
body {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 16px;
padding: 0;
margin: 0 auto;
}
h1 {
font-size: 1.85em;
margin: 0px;
padding: 0px;
}
h2 {
margin: 0px;
padding: 0px;
}
p {
margin: 0px;
padding: 0px;
}
a {
color: #900;
}
a:hover {
color: #F60;
}
a:visited {
color: #6A0000;
} .entry-content img, .comment-content img, .widget img { } img.size-full {
max-width: 100%;  height: auto;
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
body {
font-size: 14px !important;
}
.container, .header, .menu_bar {
width: 100% !important;
}
.contentleft {
width: 100% !important;
padding-right: 0px !important;
}
.contentright {
width: 100% !important;
}
.post_title {
font-size: 2.1em !important;
text-align: center;
}
.posts_thumbnail {
width: 100% !important;
padding-bottom: 10px;
}
.posts_excerpts_wrapper {
width: 100% !important;
padding-left: 0px !important;
}
} .container, .header, .menu_bar, .title-bar {
max-width: 1270px;
margin: 0 auto;
}
.container {
padding: 15px 10px;
}
.contentleft {
width: 72%;
padding-left: 0px;
padding-right: 20px;
margin: 0;
float: left;
}
.contentright {
float: left;
width: 28%;
padding-bottom: 30px;
padding-top: 5px;
margin: 0;
}
.four-column {
max-width: 1560px;
}
.cl-four-column {
width: 77.55%;
}
.cr-four-column {
width: 22.45%;
}
@media only screen and (max-width: 1620px), only screen and (max-device-width: 1620px) {
.four-column {
margin-left: 1%;
margin-right: 1%;
}
}
@media only screen and (max-width: 1370px), only screen and (max-device-width: 1370px) {
.cl-four-column {
width: 74.5%;
}
.cr-four-column {
width: 25.5%;
}
}
@media only screen and (max-width: 1270px), only screen and (max-device-width: 1270px) {
.four-column {
margin-left: auto;
margin-right: auto;
}
.cl-four-column {
width: 72%;
}
.cr-four-column {
width: 28%;
}
} .f-nav {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 4;
display: none;
}
.header_wrapper {
background-color: #FFF; }
.header {
padding: 10px;
}
.home_logo {
width: 320px;
margin-left: 10px;
float: left;
}
.ecommerce-menu-wrapper {
position: relative;
float: right;
width: 45%;
min-height: 70px;
}
.ecommerce-menu {
position: absolute;
bottom: 5px;
right: 0;
float: right;
margin-right: 4.5%;
}
.ecommerce-menu a {
font-family: Montserrat, sans-serif; font-size: .8125em;
color: #666666;
text-decoration: none;
text-transform: uppercase;
padding: 1em .5em;
}
.ecommerce-menu ul {
list-style-type: none;
padding: 0;
margin: 1em 0 0 0;
}
.ecommerce-menu ul li {
display: inline-block;
}
.ecommerce-menu li:after {
color: #666666;
content: ' | ';
}
.ecommerce-menu li:last-child:after {
content: '';
}
.menu_wrapper {
background: #000;
padding: 2px 0; }
.menu_bar {
padding: 0 10px;
} #menu_buttons {
width: 670px;
height: 82px;
}
.flex_logo {
position: absolute;
margin-top: 100px;
margin-left: 220px;
margin-right: 10px !important;
z-index: 3;
}
.flex_logo img {
width: 100%;
} .sidebar_box {  margin: 0 0 30px 0;
}
.social_buttons {
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 2px solid #000;
}
.social_buttons img {
max-width: 25%;
height: auto;
float: left;
}
.about_img {
width: 100%;
margin-top: 8px;
margin-bottom: 5px;
}
.sidebar_box p {
margin-top: 5px;
margin-bottom: 5px;
}
.box_title {
font-family: 'Covered By Your Grace', cursive;
padding: 0 10px;
font-size: 2em;
font-variant: small-caps;
letter-spacing: 0.05em;
font-weight: bold;
border-bottom: 2px solid #000;
}
.box_title, x:-moz-any-link {
font-size: 1.875em;
}
.about_text {
background-color: #fff;
}
.about_text p {
font-size: 0.875em;
text-align: justify;
line-height: 20px;
padding-top: 5px; padding-bottom: 5px; margin: 0;
}
.about_text strong {
color: #900;
}
.about_text img {
width: 100%;
}
.box_text {
background-color: #fff;
padding-top: 5px; padding-bottom: 5px; }
.box_image {
padding-right: 5px;
}
.sidebar_banner img {
max-width: 100%;
height: auto;
} .search_wrapper {
background-color: #000;
} #searchfield {
background-color: #EFEFEF;
width: 78%;
padding: 10px 5px;
margin: 0;
border: 0px solid #FFF;
display: inline-block;
}
#searchbutton, #submit, #comment-submit-btn {
color: #FFF;
background-color: #000;
font-variant: small-caps;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
font-weight: bold;
}
#searchbutton {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1em;
font-weight: bold;
width: 20%;
padding: 0px 5px;
margin: 0;
border: 0px solid #FFF;
display: inline-block;
}
#submit, #comment-submit-btn {
border-style: none;
}
#searchbutton:hover, #submit:hover, #comment-submit-btn:hover {
color: #F60;
cursor: pointer;
}
#searchbutton:hover { }
@media only screen and (max-width: 925px), only screen and (max-device-width: 925px) {
#searchfield {
width: 100%;
}
#searchbutton {
width: 100%;
}
} .box_text ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.box_text ul li {
padding: 0px;
}
.recent_post_wrapper {
background-color: rgba(255,255,255,0.5);
height: auto;
margin-bottom: 3px;
overflow: hidden;
display: flex;
}
.recent_post_thumb {
height: 100%;
width: 75px;
padding-top: 3px;
float: left;
}
.recent_post {
padding-top: 2px;
padding-left: 10px;
-webkit-align-self: center; align-self: center;
}
.recent_title a {
font-family: 'Covered By Your Grace', cursive;
font-variant: small-caps;
text-decoration: none;
font-size: 1.5625em;
letter-spacing: -0.04em;
color: #900;
font-weight: bold;
line-height: 1.12;
}
.recent_title a, x:-moz-any-link {
font-size: 1.4375em;
} .navigation_wrapper {
background-color: #D1D1D1;
border-top-style: solid;
border-top-color: #000;
border-top-width: 2px;
}
.navigation {
text-align: right;
max-width: 1250px;
padding: 15px 0px;
margin: 0 auto;
}
.navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.navigation li {
padding: 0px 10px;
display: inline-block;
}
.page-numbers {
font-family: 'Covered By Your Grace', cursive;
font-variant: small-caps;
text-decoration: none;
font-weight: bold;
line-height: 1.12;
}
.page-numbers li {
font-size: 2em;
} #pagination {
position: absolute;
visibility: hidden;
}
.footer_wrapper {
background-color: #000;
border-top-style: solid;
border-top-color: #333333;
border-top-width: 4px;
}
.footer a {
text-decoration: none;
}
.footer {
padding-top: 12px;
color: #666666;
font-size: .75em;
font-family: Arial, Helvetica, Verdana, sans-serif;
max-width: 1250px;
padding-bottom: 50px;
margin: 0 auto;
}
.footer-left {
margin: auto 0px;
float: left;
}
.footer-right {
margin: auto 0px;
float: right;
}
.copyright {
display: inline-block;
}
.footer .banner {
margin-top: 30px;
text-align: center;
margin-bottom: 30px;
}
.footer img {
max-width: 100%;
height: auto;
}
.footer .below-banner-left {
width: 60%;
margin: 0 auto;
float: left;
}
.footer .below-banner-right {
text-align: justify;
width: 40%;
float: right;
margin: 0 auto;
}
.footer-menu {
display: inline-block;
}
.footer-menu a {
}
.footer-menu ul {
list-style-type: none;
padding: 0 0 0 20px;
margin: 0;
}
.footer-menu li {
display: inline-block;
}
.footer-menu li:after {
color: #666666;
content: ' | ';
}
.footer-menu li:last-child:after {
content: '';
}
.follow_box {
margin-top: 20px;
float: right;
}
.follow_box p {
text-align: center;
margin-bottom: 20px;
}
@media only screen and (max-width: 728px), only screen and (max-device-width: 728px) {
.footer .below-banner-left, .footer .below-banner-right {
width: auto;
float: none;
}
.footer .below-banner-right {
margin-top: 10px;
}
} .post_wrapper {
background-color: #FFF;
margin-bottom: 30px;
}
.posts_thumbnail {
width: 28.5%;
height: auto;
margin-top: 5px;
float: left;
}
.posts_thumbnail img {
max-width: 100%;
height: auto;
-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.75);
box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.75);
}
.posts_excerpts_wrapper {
width: 71.5%;
padding-left: 10px;
margin: 0 auto;
float: left;
}
.post_title_wrapper {
width: 100%;
padding-bottom: 5px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #900;
}
.post_title, .archivetitle {
font-family: 'Covered By Your Grace', cursive; color: #900;
font-size: 2.375em;
line-height: 1.1;
font-variant: small-caps;
font-weight: bold;
margin: 0px;
padding: 0px;
-webkit-font-smoothing: antialiased !important;
-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
.post_title a {
text-decoration: none;
}
.title_wrapper {
background-color: #333;
border-top: 1px solid #FFF;
}
.title-bar {
}
.archivetitle {
color: #FFF;
padding: 3px 15px 6px 65px;
}
.title-bar .date {
color: #fff;
font-weight: 500;
padding-top: 3px;
}
.learning-paths-title {
padding: 12px 10px 10px 65px;
}
.date {
font-size: 0.75em;
color: #333;
font-weight: bold;
padding-right: 10px;
}
.recent_post .date {
font-style: italic;
position: relative;
top: -2px;
}
.comments_link {
font-size: 0.75em;
text-decoration: none;
color: #666;
}
.comments_link a:hover {
color: #666;
}
.entry {
padding-top: 10px;
margin-bottom: 20px;
}
.entry h1 {
font-family: Montserrat, sans-serif;
font-size: 1.9em;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
margin-top: 0.83em;
margin-bottom: 0.6em;
}
.entry h1 a {
text-decoration: none;
}
.entry h2 {
color: #900;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.55em;
letter-spacing: -.01em;
}
.sub-title {
padding: 0 1em 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #900;
margin-bottom: 10px;
}
.sub-title h2 {
font-family: 'Covered By Your Grace', cursive;
margin: 0em;
letter-spacing: 0em;
}
.entry h3 { letter-spacing: -.01em;
}
.styled-h {
font-family: 'Covered By Your Grace', cursive;
color: #900;
font-size: 1.9em;
margin-top: 0.83em;
margin-bottom: 0.3em;
}
.entry p {
margin-bottom: 1em;
}
.hl {
background-color: #CCCCCC; }
.orange {
color: #ff7e00;
}
.highlight-orange {
background-color: #ffb566;
}
.red {
color: #900 !important;
}
.dark-red {
color: #6A0000 !important;
}
.freebie-bg {
background-image: url(//www.laylo3d.com/wp-content/themes/laylo3d/images/Freebie_Button.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.freebie {
border: 1px solid #6A0000;
padding: 20px;
margin: 1.5em 0;
}
.freebie h2 {
color: #FFF;
font-family: 'Covered By Your Grace', cursive;
font-size: 2em;
font-variant: small-caps;
background-color: #6A0000;
display: block;
padding: 5px 20px;
margin: -20px -20px .4em -20px;
}
.freebie p:last-child {
margin-bottom: 0;
}
.note_box {
background-color: #f2f2f2;
border-radius: 3px;
border: 1px solid #1F1F1F;
padding: 5px 10px;
margin-bottom: 1em;
}
.note_box p:last-of-type {
margin-bottom: 0;
}
ol li {
margin-bottom: 1em;
} table {
border-spacing: 0;
margin-bottom: 1.2em;
}
th, td {
padding: 5px;
}
.data-table th, .data-table td {
padding: 5px;
border-bottom: 1px solid #ddd;
}
.data-table th {
background-color: #333333;
color: white;
text-align: left;
}
.data-table tr:nth-child(even) {
background-color: #f2f2f2
} .directions-ul ul {
padding-inline-start: 20px;
}
.directions-ul li {
margin-bottom: .25em;
} .unstyled-ul ul, .unstyled-ul2 ul {
list-style-type: none;
padding-left: 30px;
margin-top: 10px;
margin-bottom: 10px;
}
.unstyled-ul li {
margin-bottom: 2px;
}
.unstyled-ul2 li {
margin-bottom: 1em;
}
.products-used {
font-family: Tahoma, Geneva, sans-serif;
background-color: #EEEEEE;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 15px;
margin-bottom: 10px;
}
.products-used p {
font-size: 1.1em;
font-style: italic;
font-weight: bold;
}
.products-used ul {
list-style-type: none;
padding-left: 30px;
margin-top: 10px;
margin-bottom: 10px;
}
.products-used li {
margin-bottom: 2px;
}
.more-link, .more-link:visited {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
font-variant: small-caps;
background-color: #900;
text-decoration: none;
float: right;
padding: 2px 5px 2px 5px;
margin-top: 1em;
margin-left: 1em;
border-style: none;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
}
.more-link:hover {
color: #000;
}
.wp-caption-text {
background-color: #F0F0F0;
font-size: .875em;
font-style: italic;
text-align: justify;
padding: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #333;
border-right-color: #333;
border-bottom-color: #333;
border-left-color: #333;
max-width: 100%;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
margin-bottom: 20px;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .parameters {
background-color: #343535;
margin-left: 10px;
margin-bottom: 10px;
float: right;
}
.parameters-tab {
float: left;
}
.open-paramaters-btn {
cursor: pointer;
}
.parameters-dials {
display: none;
overflow: hidden;
float: left;
}
.parameters-dials img {
max-width: 100%;
height: auto;
}
.parameters-dials:after {
clear: both;
}
.show-dials {
display: block !important;
visibility: visible !important;
}
@media only screen and (max-width: 421px), only screen and (max-device-width: 421px) {
.parameters {
padding-bottom: 5px;
}
.parameters-tab {
max-width: 25px;
}
.parameters-tab img {
max-width: 100%;
height: auto;
}
.parameters-dials {
max-width: 90%;
height: auto;
}
} .important_box {
}
.important_box_title {
padding: 0;
}
.important_box_title span {
background-color: #900;
font-family: 'Covered By Your Grace', cursive;
font-weight: bold;
font-size: 1.8em;
font-variant: small-caps;
padding: 0px 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top: 1px solid #1F1F1F;
border-left: 1px solid #1F1F1F;
border-right: 1px solid #1F1F1F;
}
.important_box_content {
background-color: #f2f2f2;
padding: 10px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #1F1F1F;
margin-bottom: 1em;
}
.important_box_content p:last-of-type {
margin-bottom: 0;
} .entry .learning-path h1 {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0em;
display: inline;
}
.learning-path h1 {
cursor: pointer;
}
.learning-path h1:hover {
color: #ff7e00;
}
.learning-path .prev-next, .learning-path .tutorial .sub-title {
display: none;
overflow: hidden;
}
.tutorial ol {
list-style: none;
counter-reset: li;
}
.tutorial ol ol {
counter-reset: nestedli;
}
.tutorial ol li::before {
font-weight: bold;
display: inline-block;
width: 2em;
margin-left: -2.5em;
margin-right: 0.5em;
text-align: right;
}
.tutorial ol > li {
counter-increment: li;
}
.tutorial ol > li::before {
content: counter(li) ".";
}
.tutorial ol ol > li {
counter-increment: nestedli;
}
.tutorial ol ol > li::before {
content: counter(nestedli, lower-alpha) ".";
}
.tutorial ol li span {
display: inline-block;
margin-bottom: 1em;
}
#part1, #part2, #part3, #part4, #part5, #part6, #part7, #part8, #part9, #part10 {
height: 0px;
overflow: hidden;
transition: all .3s ease;
border-bottom: 1px solid #900;
margin: 10px 0;
}
#part2 h2:first-of-type, #part4 h2:first-of-type {
margin-top: 0em;
}
.expand-arrow {
position: relative;
top: 3px;
padding-right: 5px;
display: inline;
}
.expand-arrow img {
height: 29px;
width: auto;
transition: all .3s ease;
-ms-transform-origin: 40% 50%; -webkit-transform-origin: 40% 50%; transform-origin: 40% 50%;
}
.rot-cw-90 {
-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
padding-right: 5px;
} .comments_box {
background-color: #E2E2E2;
padding: 10px 15px;
border-top: 3px solid #900;
}
.comments_box h3 {
margin: 0px;
}
.comments_box .respond h3 {
margin-bottom: 10px;
}
.comments_box ol {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.comment-body {
padding: 24px 0;
}
.comment-author {
float: left;
max-width: 74px;
}
.comment-author .avatar {
margin-bottom: 10px;
margin-right: 10px;
}
.children {
list-style-type: none;
margin-bottom: 20px;
}
.fn, .comment-author .url, .comment-reply-link, .comment-reply-login {
color: #bc360a;
font-size: .875em;
font-style: normal;
font-weight: bold;
text-decoration: none;
}
.fn {
position: relative;
bottom: 87px;
left: 84px;
display: block;
width: 300px;
}
.comment-author .fn a {
text-decoration: underline;
}
.comment-reply-link {
color: #FFF;
background-color: #000;
font-variant: small-caps;
line-height: 1;
padding: 3px 8px;
}
.comment-reply-link:hover {
color: #F60 !important;
}
.comment-reply-link:visited {
color: #FFF;
}
.reply {
padding-top: 7px;
margin-left: 84px;
}
.says {
display: none;
}
.comment-body p {
font-size: .95em;
line-height: 1.2em;
margin-left: 84px;
margin-bottom: 1em;
}
.bypostauthor > .comment-body .fn:before {
vertical-align: text-top;
}
.comment-list .edit-link {
margin-left: 20px;
}
.comment-meta {
margin-left: 84px;
border-bottom: 2px solid #900;
}
.comment-meta, .comment-meta a {
color: #666666;
font-size: .8125em;
font-weight: bold;
text-decoration: none;
padding-bottom: 2px;
padding-top: 15px;
margin-bottom: 5px;
}
.comment-meta a:hover {
color: #ea9629;
}
.comment-metadata {
margin-bottom: 20px;
}
.ping-meta {
color: #a2a2a2;
font-size: .8125em;
line-height: 2;
}
.comment-awaiting-moderation {
color: #a2a2a2;
position: relative;
top: 15px;
}
.comment-awaiting-moderation:before {
margin-right: 5px;
position: relative;
top: -2px;
}
.comment-reply-link:before, .comment-reply-login:before {
margin-right: 3px;
}
label {
padding-left: 3px;
padding-bottom: 2px;
}
.comment_input {
background-color: #f2f1f1;
border-radius: 3px;
border-style: none;
margin-bottom: 5px;
padding-top: 0;
padding-right: 5px;
padding-bottom: 0;
margin-right: 10px;
line-height: 28px;
width: 99%;
}
.respond #comment-submit-btn {
padding: 6px 8px;
margin-bottom: 5px;
} img.alignright {
float: right;
margin: 0 0 1em 1em
}
img.alignleft {
float: left;
margin: 0 1em 1em 0
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
a img.alignright {
float: right;
margin: 0 0 1em 1em
}
a img.alignleft {
float: left;
margin: 0 1em 1em 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
} .gallery_wrapper {
color: #FFF;
width: 100%;
}
.gallery_image_list {
display: inline-block;
margin: 0;
padding: 0;
list-style-type: none;
}
.gallery_image_box {
background-color: #222;
padding: 4px;
margin: 0 0 6px 0;
border: 1px solid #CCC;
border-radius: 4px;
}
.book-list {
background-color: #FFF;
border: none;
}
.gallery-image-box-hover:hover {
border: 1px solid #900;
-webkit-box-shadow: 0px 0px 2px 2px rgba(144,0,0,1);
-moz-box-shadow: 0px 0px 2px 2px rgba(144,0,0,1);
box-shadow: 0px 0px 2px 2px rgba(144,0,0,1);
margin-top: 2px;
}
.gallery_image img, .book_card img {
max-width: 100%;
height: auto;
}
.gallery_image a, .book_card a {
text-decoration: none;
}
.image_title {
margin: 8px 10px 3px;
}
.image_title_wrapper h2 {
font-family: 'Covered By Your Grace', cursive;
font-variant: small-caps;
font-size: 1.5em;
font-weight: normal;
line-height: 1.12;
}
.image_title a {
text-decoration: none; color: #E1E1E1;
}
.gallery_wrapper p {
margin: 3px 10px 20px;
}
.gallery_wrapper .date {
color: #E1E1E1;
font-family: Helvetica, sans-serif;
font-weight: normal;
}
.image_title a, x:-moz-any-link {
font-size: .9em;
} .book_list_wrapper {
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.book_list_wrapper .post_title_wrapper {
padding-left: 75px;
margin-bottom: 20px;
}
.book_card_box {
max-width: 300px;
width: 100%;
padding: 1% 1% 30px 1%;
margin: 0 1.5% 40px;
display: flex;
flex-direction: column;
background: #F2F2F2;
border-radius: 4px;
box-shadow: 1px 1px 20px rgba(0,0,0,0.3);
}
.book_info_wrapper {
padding: 30px 5px 15px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.book_title_wrapper {
}
.book_title_wrapper h2 {
font-family: Montserrat, sans-serif;
font-size: 1.2em;
font-weight: normal;
line-height: 1.12;
text-align: center;
}
.book_title a {
text-decoration: none; color: #3D3D3D;
}
.book_author_wrapper {
}
.book_author {
font-family: Montserrat, sans-serif;
font-size: 1em;
font-weight: normal;
text-align: center;
color: #3D3D3D;
margin: .6em 0;
}
.book-buy-now-btn {
font-family: Montserrat, sans-serif;
text-align: center;
margin: 0 auto;
}
.book-buy-now-btn a {
display: inline-block;
font-size: .8125em;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .05em;
line-height: 1em;
color: #E1E1E1;
background-color: #1a1a1a;
padding: .7em 1.8em;
}
.book-buy-now-btn a:hover {
color: #fff;
background-color: #494949;
} .grid {
width: 100%;
} .grid:after {
content: '';
display: block;
clear: both;
}
.grid.are-images-unloaded {
opacity: 0;
}
.grid-sizer, .grid-item {
width: 24.625%;
}
.five-column {
width: 19.6% !important;
}
.grid-item--width2 {
width: 49.75%;
}
.gutter-sizer {
width: .5%;
}
@media only screen and (max-width: 1270px), only screen and (max-device-width: 1270px) {
.grid-sizer, .grid-item {
width: 33%;
}
.grid-item--width2 {
width: 66.5%;
}
}
.page-load-status {
display: none; margin-top: 10px;
padding-top: 20px;
border-top: 1px solid #DDD;
text-align: center;
color: #777;
}
.loader-wheel {
font-size: 64px; position: relative;
height: 1em;
width: 1em;
padding-left: 0.45em;
overflow: hidden;
margin: 0 auto;
animation: loader-wheel-rotate 0.5s steps(12) infinite;
}
.loader-wheel i {
display: block;
position: absolute;
height: 0.3em;
width: 0.1em;
border-radius: 0.05em;
background: #333; opacity: 0.8;
transform: rotate(-30deg);
transform-origin: center 0.5em;
}
@keyframes loader-wheel-rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
#infscr-loading {
text-align: center;
z-index: 100;
position: fixed;
left: 45%;
bottom: 300px;
width: 200px;
padding: 10px;
background: #000;
opacity: 0.8;
color: #FFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
} .product-page a {
text-decoration: none;
}
.product-compatibility {
width: 50%;
list-style-type: none;
padding: 0;
margin-top: 10px;
margin-bottom: 20px;
}
.product-compatibility li {
margin-bottom: 2px;
border-bottom: 1px solid #6A0000;
}
.product-compatibility ul li {
border-bottom: 0px solid #6A0000;
}
.features {
margin-bottom: 30px;
padding-bottom: 10px; }
.features h3 {
margin: 40px 0 10px 0;
padding: 10px 0 10px 0;
border-top: 1px solid #900;
border-bottom: 1px solid #900;
}
.features-table {
column-count: 3;
column-gap: 10px;
}
.features-table ul {
list-style-type: none;
padding: 0;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 10px;
margin-right: 0px;
}
.features-table > ul {
margin-left: 5px;
}
.features-table > ul > li {
margin-bottom: 7px;
}
.features-table ul li ul li {
margin-bottom: 3px;
border-bottom: 1px solid #6A0000;
}
.main-product-image {
width: 100%;
margin-bottom: 20px;
}
.main-product-image img {
width: 100%;
height: auto;
} .related-images-wrapper {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden;
}
.related-images-wrapper h1 {
color: #EFEFEF;
font-family: 'Covered By Your Grace', cursive;
font-style: italic;
background-color: #333;
padding: 5px 10px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}
.related-images {
background-color: #EFEFEF;
padding: 10px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.related-images .grid-sizer, .related-images .grid-item {
width: 19.6%;
}
.related-images .grid-item--width2 {
width: 39.7%;
}
.related-posts-wrapper {
background-color: #6A0000;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 8px 4px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 8px 4px rgba(0,0,0,0.5);
box-shadow: 2px 2px 8px 4px rgba(0,0,0,0.5);
margin-top: 30px;
}
.related-posts-wrapper h1 {
color: #EFEFEF;
font-family: 'Covered By Your Grace', cursive;
font-style: italic;
padding: 10px;
}
.related-posts-holder {
background-color: #fff;
padding: 10px 25px 10px 10px;
}
.related-posts {
border-bottom: 1px solid #900;
margin-bottom: 10px;
margin-left: 30px;
}
.related-posts h2 {
line-height: 1;
margin: 0;
}
.lb-caption a {
color: #ccc;
font-weight: bold;
padding-right: 10px;
} .flex_wrapper {
background-color: #000;
border-top: 2px solid #FFF;
margin-bottom: 60px;
}
.flexslider-width {
max-width: 1280px;
margin: 0 auto;
}
@keyframes animatedBackground1 {
from {
background-position: 60% 60%;
background-size: 40% auto;
-webkit-background-size: 40%;
}
to {
background-position: 4% 5%;
background-size: 22.5% 19%;
-webkit-background-size: 22.5% 19%;
}
}
.flexslider-preload-height {
width: 100%;
padding-bottom: 56.25%;
position: relative;
background-image: url(https://www.laylo3d.com/wp-content/uploads/2017/09/LayLo3D_WhiteLogo.png);
background-repeat: no-repeat;
background-position: 4% 5%;
animation: animatedBackground1 2s ease;
background-size: 22.5% 19%;
}
.flexslider-holder {
position: absolute;
top: 0;
left: 0;
} .input-text {
padding: .618em 1em;
} @font-face {
font-family: 'flexslider-icon';
src: url(//www.laylo3d.com/wp-content/themes/laylo3d/fonts/flexslider-icon.eot);
src: url(//www.laylo3d.com/wp-content/themes/laylo3d/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(//www.laylo3d.com/wp-content/themes/laylo3d/fonts/flexslider-icon.woff) format('woff'), url(//www.laylo3d.com/wp-content/themes/laylo3d/fonts/flexslider-icon.ttf) format('truetype'), url(//www.laylo3d.com/wp-content/themes/laylo3d/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flex-container a:hover, .flex-slider a:hover {
outline: none;
}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 60px;
background: #000;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
#carousel {
margin-top: -30px;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
overflow: hidden;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(50, 50, 50, 0.8);
text-shadow: 1px 1px 0 rgba(40, 40, 40, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
.tabscontainer .tabnav {
display: block;
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #CCCCCC;
}
.tabscontainer .tabnav li {
display: inline;
margin: 0 2px 0 0;
padding: 0;
}
.tabscontainer .tabnav li:first-child {
margin-left: 0;
} .ui-tabs .ui-tabs-nav li a {
display: inline-block;
margin: 0 0 -1px 0;
padding: 10px 20px 5px 20px;
font-size: .9em;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
color: #333333;
background-color: #E2E2E2;
border-bottom: 1px solid #CCCCCC;
}
.ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
color: #E2E2E2;
background-color: #333333;
border-color: #333333;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
cursor: default;
} .ui-tabs .ui-tabs-nav li a { -moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
-khtml-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}
.tabcontainer .tabcontainer {
display: block;
width: 100%;
margin: 0;
padding: 20px 0 0 0;
}
.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}}@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 99;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu #menu-button {
display: none;
}
#cssmenu {
font-family: Montserrat, sans-serif;
background: #000000;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu.align-center > ul {
font-size: 0;
text-align: center;
}
#cssmenu.align-center > ul > li {
display: inline-block;
float: none;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu > ul > li > a {
padding: 16px 17px;
font-size: .8125em;
letter-spacing: 1px;
text-decoration: none;
color: #dddddd;
font-weight: 700;
text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
background: #333333;
color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
position: absolute;
top: 22px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu > ul > li.has-sub > a:before {
position: absolute;
top: 19px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
top: 23px;
height: 0;
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
}
#cssmenu.align-right ul ul {
text-align: right;
}
#cssmenu ul ul li {
height: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu li:hover > ul {
left: auto;
}
#cssmenu.align-right li:hover > ul {
left: auto;
right: 0;
}
#cssmenu li:hover > ul > li {
height: auto;
}
#cssmenu ul ul ul {
margin-left: 100%;
top: 0;
}
#cssmenu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}
#cssmenu ul ul li a {
border-bottom: 1px solid rgba(150, 150, 150, 0.15);
padding: 11px 15px;
width: auto;
min-width: 170px;
font-size: .8125em;
text-decoration: none;
color: #dddddd;
font-weight: 400;
background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
position: absolute;
top: 16px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
right: auto;
left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
position: absolute;
top: 13px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
right: auto;
left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
top: 17px;
height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu {
width: 100%;
}
#cssmenu ul {
width: 100%;
display: none;
}
#cssmenu.align-center > ul {
text-align: left;
}
#cssmenu ul li {
width: 100%;
border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu ul ul li,
#cssmenu li:hover > ul > li {
height: auto;
}
#cssmenu ul li a,
#cssmenu ul ul li a {
width: 100%;
border-bottom: 0;
}
#cssmenu > ul > li {
float: none;
}
#cssmenu ul ul li a {
padding-left: 25px;
}
#cssmenu ul ul ul li a {
padding-left: 35px;
}
#cssmenu ul ul li a {
color: #dddddd;
background: none;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
color: #ffffff;
}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu.align-right ul ul {
position: relative;
left: 0;
width: 100%;
margin: 0;
text-align: left;
}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before {
display: none;
}
#cssmenu #menu-button {
display: block;
padding: 17px;
color: #dddddd;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}
#cssmenu #menu-button:after {
position: absolute;
top: 22px;
right: 17px;
display: block;
height: 4px;
width: 20px;
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
content: '';
}
#cssmenu #menu-button:before {
position: absolute;
top: 16px;
right: 17px;
display: block;
height: 2px;
width: 20px;
background: #dddddd;
content: '';
}
#cssmenu #menu-button.menu-opened:after {
top: 23px;
border: 0;
height: 2px;
width: 15px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cssmenu #menu-button.menu-opened:before {
top: 23px;
background: #ffffff;
width: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#cssmenu .submenu-button {
position: absolute;
z-index: 100;
right: 0;
top: 0;
display: block;
border-left: 1px solid rgba(120, 120, 120, 0.2);
height: 46px;
width: 46px;
cursor: pointer;
}
#cssmenu .submenu-button.submenu-opened {
background: #262626;
}
#cssmenu ul ul .submenu-button {
height: 34px;
width: 34px;
}
#cssmenu .submenu-button:after {
position: absolute;
top: 22px;
right: 19px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu ul ul .submenu-button:after {
top: 15px;
right: 13px;
}
#cssmenu .submenu-button.submenu-opened:after {
background: #ffffff;
}
#cssmenu .submenu-button:before {
position: absolute;
top: 19px;
right: 22px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
}
#cssmenu ul ul .submenu-button:before {
top: 12px;
right: 16px;
}
#cssmenu .submenu-button.submenu-opened:before {
display: none;
}
}body:after {
content: url(//www.laylo3d.com/wp-content/themes/laylo3d/images/close.png) url(//www.laylo3d.com/wp-content/themes/laylo3d/images/loading.gif) url(//www.laylo3d.com/wp-content/themes/laylo3d/images/prev.png) url(//www.laylo3d.com/wp-content/themes/laylo3d/images/next.png);
display: none;
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
border-radius: 3px;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
padding: 4px;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//www.laylo3d.com/wp-content/themes/laylo3d/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//www.laylo3d.com/wp-content/themes/laylo3d/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//www.laylo3d.com/wp-content/themes/laylo3d/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//www.laylo3d.com/wp-content/themes/laylo3d/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}