*{
margin:0;
padding:0;
outline:none;
box-sizing:border-box;
}
body{
margin:0;
padding:0;
line-height:20px;
font-size:13px;
background-color:#fff;
color:#5c5c5c;
font-family:Arial, Helvetica, sans-serif;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-word-wrap:break-word;
word-wrap:break-word;
}
.clear{
clear:both;
}
p{
margin:0;
padding:0;
}
a{
text-decoration:none;
color:#c01d06;
}
img{
border:none;
margin:0;
padding:0;
height:auto;
max-width:100%;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter{
margin:0;
padding:0;
max-width:100% !important;
}
.sticky {
background: #efefef;
}
.textwidget select{
width:100%;
}
table{
width:100%;
}
.left{
float:left;
}
.right{
float:right;
}
h1,h2,h3,h4,h5,h6{
color:#484f5e;
font-family:'Roboto', sans-serif;
margin:0 0 20px;
padding:0;
line-height:1.2;
font-weight:400;
}
.postmeta{
padding:5px 0;
color:#999;
}
.postmeta a{
color:#999;
}
.postmeta a:hover{
color:#c01d06;
}
.form-allowed-tags{
display:none;
}
.entry-content table,
.comment-body table{
border-collapse:collapse;
margin:10px 0;
}
.entry-content table td,
.entry-content table th,
.comment-body table td,
.comment-body table th{
padding:10px 5px;
text-align:left;
}
.entry-content table th,
.comment-body table th{
color:#676767;
font-family:Arial, Helvetica, sans-serif ;
border-bottom:1px #888 solid;
}
.entry-content table td,
.comment-body table td{
border-bottom:1px #ccc solid;
}
.fvch-codeblock:hover .comment-form-url{
display:block !important;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter{
margin:0;
padding:0;
max-width:100%!important;
}
body:not(.title-tagline-hidden) .site-branding-text {
display: inline-block;
vertical-align: middle;
} #menubar{
background-color:#fff;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.toggle{
display: block;
}
.toggle a{
background:url(//demeterdesign.net/wp-content/themes/florence-it/images/mobilemenu.png) no-repeat right center #c01d06;
color:#ffffff;
padding:10px 10px;
font-size:16px;
text-align:left;
}
.toggle a:hover{
color:#ffffff !important;
}
.hdrmenu{
padding:0;
display:none;
}
.hdrmenu ul {
margin:0;
padding:0;
font-family:'Roboto', sans-serif;
font-weight:400;
font-size:15px;
}
.hdrmenu ul li{
display:inline-block;
margin:0;
position:relative;
text-align:center;
}
.hdrmenu ul li a{
padding:32px 10px;
display:block;
color:#fff;
}
.hdrmenu ul li ul li{
display:block;
position:relative;
float:none;
top:-1px;
border-bottom:1px solid #777;
}
.hdrmenu ul li ul li a{
display:block;
padding-top:10px;
padding-bottom:10px;
position:relative;
top:1px;
text-align:left;
border-right:none !important;
}
.hdrmenu ul li a:hover,
.hdrmenu ul li.current_page_item a{
color:#c01d06;
}
.hdrmenu ul li ul{
display:none;
z-index:99999;
position:relative;
}
.hdrmenu ul li:hover > ul{
display:block;
width:200px;
position:absolute;
left:0;
text-align:left;
background-color:rgba(0,0,0,0.6);
}
.pageheader .hdrmenu ul li:hover > ul{
background-color:rgba(0,0,0,1);
}
.hdrmenu ul li:hover ul li ul{
display:none;
position:relative;
}
.hdrmenu ul li:hover ul li:hover > ul{
display:block;
position:absolute;
left:200px;
top:1px;
} .hdrmenu .menu li > a.parent {
padding-right: 2em;
position: relative;
}
.hdrmenu .menu li > a.parent::after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #fff transparent transparent;
border-image: none;
border-style: solid;
border-width: 0.3em;
content: "";
display: block;
position: absolute;
right: 0.8751em;
top: 48%;
}
.hdrmenu .menu li ul li a.parent {
padding-right: 0;
}
.hdrmenu .menu li ul li a.parent::after {
right: 0.8751em;
top: 46%;
} .container{
width:1150px;
margin:0 auto;
position:relative;
}
.header{
width:100%;
background-color:rgba(0,0,0,0.1);
position:absolute;
z-index:999;
}
.pageheader{
position:relative;
background-color:rgba(0,0,0,0.8);
}
.logo{
float:left;
padding:15px 0;
width:25.5%;
text-align:left;
}
.logo h1{
font-weight:900;
margin:0;
line-height:34px;
font-size:34px;
}
.logo h1 span{
color:#c01d06;
font-weight:300;
}
.logo span{
color:#fff;
}
.logo a{
color:#fff;
}
.hdr_panelright{
font:400 14px/18px 'Roboto',san-serif;
float:right;
text-align:right;
color:#111;
}
.hidetitle{ display:none;} #catsliderarea{
padding:0 0 20px;
}
.catwrapslider{
width:100%;
position:relative;
background-color:#000;
box-sizing:border-box;
}
.catwrapslider h3{
position:absolute;
bottom:0px;
padding:1.5% !important;
width:100%;
background-color:rgba(0,0,0,0.8);
margin:0;
color:#fff;
text-align:center;
}
.catwrapslider .owl-controls{
position: absolute;
top:55%;
right:auto;
left:auto;
width:100%;
}
.catwrapslider .owl-prev,
.catwrapslider .owl-next {
position: absolute;
bottom:15px;
width:22px;
height:22px;
font-size:0;
right:0;
}
.catwrapslider .owl-prev{
background:url(//demeterdesign.net/wp-content/themes/florence-it/rotator/images/arrow_prev.png) no-repeat left top;
left:10px;
}
.catwrapslider .owl-next{
background:url(//demeterdesign.net/wp-content/themes/florence-it/rotator/images/arrow_next.png) no-repeat left top;
right:10px;
}
.catwrapslider{
height:auto;
}
a.ReadMore{
background-color:#c01d06;
color:#fff ;
padding:5px 15px;
font:normal 18px/22px 'Roboto';
text-transform:uppercase;
-moz- border-radius:5px; -webkit- border-radius:5px; border-radius:5px;
}
a.ReadMore:hover{
background-color:#865628;
color:#fff;
}
.last_column{
clear:right;
margin-right:0 !important;
}
.MoreLink{
background-color:#262626;
color:#fff ;
display: inline-block;
padding:6px 15px;
} .site-contentarea{
width:760px;
float:left;
}
h1.entry-title{
font-size:18px !important;
border-bottom:1px solid #eeeeee;
padding:0 0 15px 0;
margin:0 0 15px 0;
font-weight:bold;
text-transform:uppercase;
}
.contentbox{
background-color:#fff;
}
.sitefull{
width:100%;
float:none;
}
.sitefull p{
margin-bottom:15px;
}
.content-holder{
padding:25px 0;
}
.content-holder p{
margin-bottom:20px;
line-height:20px;
}
.entry-content ul li,
.entry-content ol li,
.contentCAT li{
margin-left:15px;
}
.tparea{
width:34%;
float:right;
text-align:left;
}
.infomessage img{
height:100%;
display:block;
}
.infomessage1{
padding: 40px 0 20px 0;
} #multicatWrap{
margin-top:25px;
}
.lists_cats{
margin: 0 0 40px 0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border:5px solid #ededed;
padding:20px;
}
.catThumb{
width:34%;
float:left;
margin:0 20px 10px 0;
}
.lists_cats h5{
font-size:18px;
color:#464545;
padding-bottom:10px;
margin-bottom:5px;
font-weight:600;
}
.lists_cats h5 a{
color:#464545;
}
.lists_cats p{
margin-bottom:10px;
}
.lists_cats .read-more a{
font-size:12px;
}
.contentCAT{
position:relative;
display:block;
}
.last_column{
margin-right:0 !important;
}
.datebx{
text-transform:uppercase;
font-weight:bold;
font-family:12px;
color:#5a5b5b;
display:block;
margin-bottom:15px;
}
.commentbx{
color:#333;
}
.commentbx a{
color:#fff;
}
.postmeta{
font-size:12px;
color:#828181;
margin:0;
position:relative;
word-wrap:break-word;
}
.postmeta a{
color:#828181;
}
.postmeta span{
margin-right:3px;
}
.post-date,
.post-comment,
.category-area{
display:inline;
}
.lists_cats .post-date{
background:url(//demeterdesign.net/wp-content/themes/florence-it/images/icon-date.png) no-repeat left 2px;
padding:0 10px 0 15px;
}
.lists_cats .post-comment{
background:url(//demeterdesign.net/wp-content/themes/florence-it/images/icon-comment.png) no-repeat left 2px;
padding:0 0 0 18px;
}
.single-post .postmeta{
border-bottom:1px solid #eee;
padding-bottom:15px;
margin-bottom:20px;
}
.single-post .post-date,
.single-post .post-comment,
.single-post .category-area{
display:inline-block;
float:left;
margin-right:10px;
list-style:none;
}
.single-post ul.post-categories li{
list-style:none;
} #sidebar{
width:360px;
float:right;
}
aside.widget{
margin-bottom:30px;
border:5px solid #ededed;
padding:20px;}
aside.widget ul{
list-style:disc;
}
h3.widget-title{
padding:0 0 15px 0;
color:#363636;
border-bottom:1px solid #edecec;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
}
#sidebar ul li{
list-style:inside none disc;
border-bottom:1px dashed #d0cfcf;
padding:8px 0;
}
#sidebar ul li a{
padding:0 0 0 10px;
color:#3b3b3b;
display:inline-block;
}
#sidebar ul li a:hover{
color:#34c6f6;
}
#sidebar ul li:last-child{
border:none;
}
#sidebar.left{
float:left;
}
#sidebar table{
width:100%;
text-align:center;
}
#calendar_wrap caption{
font-weight:700;
padding-bottom:10px;
text-transform:uppercase;
}
#sidebar select{
width:100%;
height:25px;
}
#sidebar select option{
width:240px;
}
#sidebar .widget-title a{
color:#fff;
}
#sidebar input[type="text"],
#sidebar input[type="search"]{
width:78%;
height:25px;
margin-bottom:10px;
padding-left:6px;
}
#sidebar h1, h2, h3, h4, h5, h6{
margin: 0 0 10px;
}
#recentcomments li{
background-image:none !important;
}
#recentcomments li a{
padding-left:0px !important;
}
.textwidget select{
width:100%;
}
table{
width:100%
} #footer-wrapper{
background-color:#111;
color:#fff;
position:relative;
padding:30px 0;
text-align:center;
}
#footer-wrapper p{
line-height:24px;
} .button{
background-color:#ff6565;
border-bottom:4px solid #e44545;
color:#fff;
padding:8px 20px;
display:inline-block;
border-radius:2px;
-moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px;
}
.button:hover{
background-color:#34c6f6;
border-color:#1898c2;
color:#fff;
} a.added_to_cart{
background:#e1472f;
padding:5px;
display:inline-block;
color:#fff;
line-height:1;
}
a.added_to_cart:hover{
background:#000000;
}
a.button.added:before{
content:'' !important;
}
#bbpress-forums ul li{
padding:0;
}
#subscription-toggle a.subscription-toggle{
padding:5px 10px;
display:inline-block;
color:#e1472f;
margin-top:4px;
}
textarea.wp-editor-area{
border:1px #ccc solid;
}
.woocommerce input[type=text],
.woocommerce textarea{
border:1px #ccc solid;
padding:4px;
}
form.woocommerce-ordering select{
padding:5px;
color:#777777;
}
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th{
font-family:'Roboto',san-serif;
color:#c01d06;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price{
color:inherit !important;
}
h1.product_title,
p.price{
margin-bottom:10px;
}
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th{
font-family:'Roboto',san-serif;
color:#c01d06;
}
.woocommerce ul.products li,
#payment ul.payment_methods li{
list-style:none !important;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price{
color:inherit !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
border-bottom:0px !important
} .screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;
font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
z-index: 100000; } .wpcf7{
margin:30px 0 0;
padding:0;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"]{
width:40%;
border:1px solid #cccccc;
box-shadow:inset 1px 1px 2px #ccc;
height:35px;
padding:0 15px;
color:#797979;
margin-bottom:0;
}
.wpcf7 textarea{
width:60%;
border:1px solid #cccccc;
box-shadow:inset 1px 1px 2px #ccc;
height:150px;
color:#797979;
margin-bottom:25px;
font:12px arial;
padding:10px;
padding-right:0;
}
.wpcf7 input[type="submit"]{
background-color:#c01d06;
width:auto;
border:none;
cursor:pointer;
font:18px 'Roboto',san-serif;
color:#ffffff;
padding:10px 40px;
border-radius:3px;
} h1.screen-reader-text{
font:22px 'Roboto',san-serif;
}
.site-nav-previous,
.nav-previous{
float:left;
}
.site-nav-next, .nav-next{
float:right;
}
h3#reply-title{
font:400 18px 'Roboto',san-serif;
}
#comments{
margin:30px 0 0;
padding:0;
}
nav#nav-below{
margin-top:15px;
}
.post_tags a{
word-wrap:break-word;
padding:10px 5px 5px 0;
}
#prev{
text-align:left;
}
#next{
text-align:right;
}
.woocommerce .quantity .qty{
padding:6px;
}
.nav-links .page-numbers{
background-color:#111;
border-radius:5px;
padding:5px 15px;
}
.nav-links .page-numbers.current, .nav-links a:hover{
color:#fff;
} ol.comment-list{
list-style:none;
}
.comment-list,
ol.comment-list {
list-style:none;
box-shadow:0 0 5px #666;
-moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666;
margin:10px 0;
background-color:#fff;
padding:10px 0;
}
.comment-list li,
ol.comment-list li {
list-style:none;
background-image:none !important;
padding:0px 15px;
}
.comment-list li ol li.depth-2,
.comment-list li ol li.depth-3,
.comment-list li ol li.depth-4,
ol.comment-list li ol li.depth-2,
ol.comment-list li ol li.depth-3,
ol.comment-list li ol li.depth-4 {
border-bottom:none;
}
.comment-list li.bypostauthor article,
ol.comment-list li.bypostauthor article {
background:#f9ffe1;
}
.comment-list article,
.comment-list li.bypostauthor li article,
ol.comment-list li.bypostauthor li article {
border:none !important;
padding:10px;
position:relative;
background-color:#fff;
}
.comment-list li .fn {
font-weight:normal;
font-size:15px;
font-style:normal;
}
.comment-list li.bypostauthor .fn,
ol.comment-list li.bypostauthor .fn {
color:#000;
}
img.avatar {
vertical-align:middle;
position:static;
display:inline-block;
}
.comment-list article a time {
display:block;
clear:both;
padding:5px 0 10px;
font-size:11px;
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
}
.comment-list,
ol.comment-list p {
font-size:14px;
}
.comment-list .reply span,
ol.comment-list .reply span {
display:none;
}
.comment-list .reply a,
ol.comment-list .reply a {
display:block;
padding:10px;
text-align:center;
background:#f6f6f6;
margin:5px 0;
border:1px #ddd solid;
}
.comment-author.vcard{
display:inline-block;
margin-right:15px;
}
.comment-list ul.children li.comment{
background-image:none;
padding-left:5px;
}
.comment-author-link,
.comment-author-link a{
font-weight:700 !important; color:#000;
}
.comment-form-comment label{
display:block;
}@media screen and (max-width:767px) {
.left, .right, .copyright-txt, .design-by{ float:none;}
.container { width:auto; padding:0 20px;}
.header { width:100%; padding:10px 0;}
.hdr_panelright{ float:none; text-align:center; width:auto; padding:15px 0; }
.logo{ width:auto; float:none; text-align:center; padding:0;}
.logo h1{ font-size:34px;}
.topright{ width:67%;}
.togglediv{ line-height:35px;}
.lists_cats{float:none; width:100%; margin:0 0 40px;}
.lists_cats .catThumb{ height:auto;} #sidebar{ width:100%; float:none;}
#sidebar.left{ float:none;} .content-area{ width:auto; margin:0; padding:50px 20px;}
.site-contentarea{ width:auto; margin:0 0 30px; padding:0; float:none;}
h2.section-title{ font-size:22px; line-height:26px;} .copyright-wrapper{ text-align:center;}
.cols-4{ width:100% !important; display:block; margin-right:0; margin-bottom:30px;}
.widget-column-4{ margin-bottom:0;} h2.section_title{ text-align:center;} .BlogPosts{ float:none; width:auto; margin:0 0 10% 0;}
.post-thumb{ width:30%; float:left; margin:0 25px 15px 0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea{ width:100%;}
}
@media screen and (min-width:300px) and (max-width: 480px){
.post-thumb{ width:100%; float:none; margin:0 0 15px;}
.catwrapslider h3{ font-size:14px;}
.lists_cats .catThumb img{ width:100%;}
} @media screen and (min-width: 481px) and (max-width: 767px){
.container{ width:440px; }
} @media screen and (max-width:1299px) and (min-width:768px) { 
.social-icons a{ box-sizing:content-box; margin-bottom:5px; }
.container { width:auto; padding:0 20px;}
.logo{ width:35%; padding:20px 0;}
.hdr_panelright{ width:63%;}
.logo h1{ font-size:30px;}
.content-area{ width:auto; margin:0; padding:50px 20px;}
#sidebar{ width:26.5%;}
.site-contentarea{ width:70.5%;}
.cols-4{ margin:0 18px 0 0;}
.footer-col-4{ min-height:355px;}
.cols-4 h5{ font-size:16px;}
ul.footer-cats{-moz-column-count:1;}
.togglediv{ line-height:50px;}
}
@media screen and (min-width:768px) and (max-width: 980px){
.header{ text-align:center; padding-bottom:10px;}
.logo{ width:auto; float:none; padding:20px 0; text-align:center;}
.hdr_panelright{ width:auto; float:none;}
}
@media screen and (max-width:1299px) and (min-width:981px) { 
html{overflow-x:hidden; }
.logo h1{ font-size:40px;}
.site-contentarea{ width:72.5%;}
}
@media screen and (max-width: 980px){
.toggleMenu{display: block;}
.hdrmenu{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#fff; border-radius:0; top:0; border-bottom:none; }
.hdrmenu ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.hdrmenu ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-bottom:none !important}
.hdrmenu ul li a{padding:5px 10px !important; display:block; color:#000; border:none;}
.hdrmenu ul li a:hover, .hdrmenu ul li.current_page_item a{color:#fff;  border:none;}
.hdrmenu ul li ul, .hdrmenu ul li ul ul{ display:block !important;}
.hdrmenu ul li ul li a:before{content:"\00BB \00a0";}
.hdrmenu ul li ul li a{padding-left:20px !important; }
.hdrmenu ul li ul li a{ border:none;}
.hdrmenu ul li ul li ul li a{padding-left:30px !important;}
.hdrmenu ul li ul li ul li ul li a{padding-left:40px !important;}
.hdrmenu ul li:hover > ul{ background:none !important; box-shadow:none;}
.hdrmenu ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; padding:0;}
.hdrmenu ul li:hover ul li ul, .hdrmenu ul li:hover ul li:hover > ul, .hdrmenu ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.hdrmenu ul li:hover ul li:hover ul, .hdrmenu ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
}.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;
width:100%;
margin:0 auto; -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;
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(//demeterdesign.net/wp-content/themes/florence-it/rotator/js/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{ position: absolute; top:0; right:25px;}
.owl-prev, .owl-next { position: absolute; bottom:15px; width:22px; height:22px; font-size:0; right:0;}
.owl-prev{ background:url(//demeterdesign.net/wp-content/themes/florence-it/rotator/images/arrow_prev.png) no-repeat left top; right:2px;}
.owl-next{ background:url(//demeterdesign.net/wp-content/themes/florence-it/rotator/images/arrow_next.png) no-repeat left top; right:-22px;}
.owl-dots{ display:none !important}