.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
max-width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.merkdisplay.nl/wp-content/themes/composer/_css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
.owl-controls {
text-align: center;
} .owl-nav {
position: absolute;
top: 50%;
width: 100%;
margin-top: -42px;
}
.owl-nav div {
color: #c1c1c1;
display: inline-block;
zoom: 1;
background: #fff;
line-height: 40px;
font-size: 21px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #f2f2f2;
-webkit-transition: all ease-in-out .2s;
-moz-transition: all ease-in-out .2s;
-ms-transition: all ease-in-out .2s;
-o-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
}
.owl-nav div {
left: -20px;
position: absolute;
}
.owl-nav div:before {
content: "7";
font-family: "pix-fonts";
line-height: 1;
}
.owl-nav div.owl-next {
right: -20px;
left: auto;
}
.owl-nav .owl-next:before {
content: "8";
}
.owl-nav div:hover {
color: #fff;
}
.no-pagination .owl-nav {
margin-top: -13px;
}
.owl-dots {
margin-top: 30px;
display: inline-block;
}
.owl-dot {
position: relative;
display: block;
float: left;
margin: 0 5px;
width: 12px;
height: 12px;
cursor: pointer;    
border-radius: 50%;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
}
.owl-dot span {
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
border-radius: 50%;
text-indent: -999em;
cursor: pointer;
position: absolute;
background-color: #b5b5b5;
-webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.owl-dot.active span {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.owl-dot.active span {
background: #b5b5b5;	
}
.owl-dot.active {
box-shadow: 0 0 0 2px #00a9d1;
}
.owl-dot.active span {
background: #00a9d1;
}.pix-boxed-content{max-width: 1366px;margin-left: auto;margin-right: auto;}@media (max-width: 991px) {.pix-boxed-content{max-width: 748px;}.pix-container, .container{max-width: 682px;width: 100%;}}@media (max-width: 767px) {.pix-boxed-content{width: 468px;}.pix-container, .container{max-width: 428px;}}@media (max-width: 480px) {.pix-boxed-content{max-width: 80%;}.pix-container, .container{max-width: 80%;}}body {font-family: 'Raleway', Arial, sans-serif;font-size: 14px;font-style:normal;font-weight: 400;}h1, h2, h3, blockquote, .top-details, #logo, .main-nav .menu li, .main-nav li.pix-megamenu > ul.sub-menu > li > a, .main-nav li.pix-megamenu > ul.sub-menu > li:hover > a, .header-con .main-nav li.pix-megamenu > ul.sub-menu > li > a, .textfield, #sub-header h2, .btn, .title, .process .text .process-style, .process .text span.inner-text, .percent-text, .gradient-text, #filters.normal li a, #filters.normal.simple li a, .price-table .plan-title, .counter .counter-value, .blog .post .quote-author, .pix-recent-blog-posts .content .top-meta, .single .post_format-post-format-quote .quote-link-content .quote-author, .authorDetails .authorName a, .comment-list .fn a, .comment-list .fn, .footer-dark #pageFooterCon .widget .tagcloud a, .widget select, .widget_archive select, .widget_categories select, .screen-reader-text, footer .widget .widgettitle, .recentpost .content, .popularpost .content, .wpcf7-submit, .contactform .textfield, .wpcf7-text, .wpcf7-number, .wpcf7-date, .wpcf7-select, .wpcf7-quiz, .wpcf7-captchar, .contactform .message, .wpcf7-textarea, #amz-settings-inner h3, .amz-setting .amz-setting-inner a, .pix-item-icon, .pix-cart .product_list_widget li.empty, .pix-cart .product_list_widget li a, .pix-cart .woocommerce-price-amount.amount, .pix-cart .product_list_widget .quantity, .pix-cart .widget_shopping_cart_content .total, .pix-cart .total, .woo-product-item .price, .button, input[type="submit"], .summary .price ins, .summary .price .amount, .product_meta span, .woocommerce-tabs#commentform label, .woocommerce-message, .woocommerce-error, .woocommerce-info, .cart-collaterals table tbody th, .cart-collaterals table tbody td, table.shop_table thead th, table.shop_table tbody td, .add_to_cart_button, .added_to_cart, .ajax_add_to_cart, .product_type_external, .product_type_grouped, .summary .cart .group_table td.label a, .summary .cart .group_table .price p, .checkout.woocommerce-checkout, .stock, .quantity .qty { font-family: 'Poppins', Arial, sans-serif;}.single-blog .post-author .author-name, .addresses h3{font-family: 'Poppins', Arial, sans-serif;}