.orange-text{color: #e7470c!important;}
.post-data{padding: 0;}
.post-data h2{margin-top: 0;}
.small-btn{padding: 0 12px;font-size: 12px;}
.read-more:hover {text-decoration: underline;}
.blog-single .inner-box .lower-content .text ul { list-style: none!important;}
.list-style-one li{font-weight: 100;}
.text-editor-background-gray{color: #fff;background-color: #666666;}
.text-editor-background-gray p{color: #fff!important;}body {
font-size: 15px;
color: #777777;
line-height: 1.8em;
font-weight: 400;
background: #ffffff;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
}
a {
text-decoration: none;
cursor: pointer;
color: #222222;
}
.no-padding {
padding: 0px !important;
}
.no-padding-left {
padding-left: 0px !important;
}
.no-padding-right {
padding-right: 0px !important;
}
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
font-weight: normal;
background: none;
line-height: 1.6em;
font-family: 'Merriweather', serif;
}
input,
button,
select {}
textarea {
overflow: hidden;
}
p,
.text {
position: relative;
line-height: 1.8em;
font-family: 'Open Sans', sans-serif;
}
.strike-through {
text-decoration: line-through;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
} .list-style-one {
position: relative;
list-style: none;
margin-bottom: 0;
}
.list-style-one li {
position: relative;
color: #444444;
font-size: 14px;
font-weight: 600;
padding-left: 25px;
margin-bottom: 6px;
}
.list-style-one li:before {
position: absolute;
content: '';
left: 0px;
top: 8px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #e9531b;
}
.list-style-one li:after {
position: absolute;
content: '';
left: 3px;
top: 11px;
right: 2px;
bottom: 2px;
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid #e9531b;
}
.list-style-one.style-two li {
color: #ffffff;
}
.list-style-one.style-two li:before,
.list-style-one.style-two li:after {
border-color: #ffffff;
}
ul,
li {}
.theme-btn {
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.grey-bg {
background-color: #f1f2f3;
} .btn-style-one {
position: relative;
line-height: 29px;
color: #222222;
font-size: 14px;
font-weight: 700;
border-radius: 50px;
text-transform: uppercase;
background-color: #ffffff;
border: 2px solid #ffffff;
padding: 4px 29px 4px 29px;
}
.btn-style-one:hover {
color: #ffffff;
background: none;
} .btn-style-two {
position: relative;
padding: 13px 32px;
line-height: 29px;
color: #ffffff;
font-size: 16px;
font-weight: 700;
border-radius: 50px;
background-color: #e5a62d;
border: 2px solid #e5a62d;
}
.btn-style-two:hover {
background: none;
color: #e5a62d;
} .btn-style-three {
position: relative;
line-height: 29px;
color: #ffffff;
font-size: 18px;
font-weight: 600;
border-radius: 50px;
background-color: #e7470c;
border: 2px solid #e7470c;
}
.btn-style-three:hover {
background: none;
color: #e7470c;
} .btn-style-four {
position: relative !important;
padding: 11px 39px !important;
line-height: 29px !important;
color: #ffffff !important;
font-size: 18px !important;
font-weight: 600 !important;
border-radius: 50px !important;
width: auto !important;
background-color: #e5a62d;
border: 2px solid #e5a62d;
}
.btn-style-four:hover {
background: none;
color: #e5a62d;
} .btn-style-five {
position: relative;
padding: 11px 39px;
line-height: 29px;
color: #ffffff;
font-size: 18px;
font-weight: 600;
border-radius: 50px;
background-color: #630abb;
border: 2px solid #630abb;
}
.btn-style-five:hover {
background: none;
color: #630abb;
} .btn-style-six {
position: relative;
padding: 11px 40px;
line-height: 29px;
color: #222222;
font-size: 16px;
font-weight: 700;
border-radius: 50px;
background: none;
border: 2px solid #222222;
}
.btn-style-six:hover {
background: #e7470c;
border-color: #e7470c;
color: #ffffff;
} .btn-style-seven {
position: relative;
padding: 9px 40px;
line-height: 29px;
color: #222222;
font-size: 14px;
font-weight: 700;
border-radius: 50px;
background: none;
text-transform: uppercase;
border: 2px solid #222222;
}
.btn-style-seven:hover {
background: #e7470c;
border-color: #e7470c;
color: #ffffff;
} .btn-style-eight {
position: relative;
padding: 6px 24px;
line-height: 29px;
color: #444444;
font-size: 12px;
font-weight: 700;
border-radius: 50px;
background: none;
text-transform: uppercase;
border: 2px solid #eeeeee;
}
.btn-style-eight:hover {
background: #e5a62d;
border-color: #e5a62d;
color: #ffffff;
} .btn-style-nine {
position: relative;
padding: 9px 32px;
line-height: 29px;
color: #222222;
font-size: 14px;
font-weight: 700;
border-radius: 50px;
background: none;
text-transform: uppercase;
border: 2px solid #222222;
}
.btn-style-nine:hover {
background: #e5a62d;
border-color: #e5a62d;
color: #ffffff;
}
.theme_color {
color: #e7470c;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/icons/preloader.gif);
background-size: 100px;
} .scroll-to-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 40px;
height: 70px;
color: #ffffff;
font-size: 24px;
text-transform: uppercase;
line-height: 65px;
text-align: center;
z-index: 99999;
cursor: pointer;
border-radius: 50px;
background: #e7470c;
display: none;
border: 2px solid #e7470c;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.scroll-to-top:hover {
color: #ffffff;
} .main-header {
position: relative;
z-index: 99;
width: 100%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
} .admin-bar .sticky-header {
top: 32px;
}
.sticky-header {
position: fixed;
opacity: 0;
visibility: hidden;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
background: #ffffff;
z-index: 0;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sticky-header .logo {}
.main-header .sticky-header .outer-box {
margin-top: 20px;
}
.main-header .sticky-header .search-box-outer .dropdown-menu {
top: 46px;
}
.fixed-header .sticky-header {
z-index: 999;
opacity: 1;
visibility: visible;
border-bottom: 1px solid #f9f9f9;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-header .header-upper {
position: relative;
z-index: 5;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .header-upper .logo img {
position: relative;
display: inline-block;
max-width: 100%;
}
.main-header .logo-outer {
position: relative;
z-index: 25;
padding: 20px 0px;
}
.main-header .logo-outer .logo img {
position: relative;
display: inline-block;
max-width: 100%;
}
.main-header .header-upper .upper-right {
position: relative;
}
.main-header .header-lower {
position: relative;
top: 0px;
width: 100%;
z-index: 5;
}
.main-header .nav-outer {
position: relative;
}
.main-menu {
position: relative;
float: left;
}
.main-menu .navbar-collapse {
padding: 0px;
}
.main-menu .navigation {
position: relative;
margin: 0px;
padding-left: 0;
}
.main-menu .navigation>li {
position: relative;
float: left;
margin-left: 32px;
list-style: none;
}
.main-menu .navigation>li:last-child {
margin-right: 0px;
}
.main-header .sticky-header .main-menu .navigation>li {
margin: 0px;
border: 0px;
margin-left: 30px;
}
.main-menu .navigation>li>a {
position: relative;
display: block;
font-size: 16px;
color: #222222;
line-height: 30px;
font-weight: 700;
opacity: 1;
text-transform: uppercase;
padding: 35px 0px 35px 0px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-style-two .main-menu .navigation>li>a {
text-transform: capitalize;
}
.header-style-three .header-lower .nav-outer .main-menu .navigation>li>a {
font-weight: 600;
text-transform: capitalize;
}
.header-style-three .logo-outer {
position: absolute;
left: 50%;
z-index: 99;
margin-left: -85px;
padding: 39px 0px;
}
.header-style-three .header-upper .form-column {
padding-top: 50px;
padding-bottom: 40px;
}
.header-style-three .header-upper .cart-list {
padding-top: 55px;
}
.header-style-three .header-lower .nav-outer {
border-top: 1px solid #eeeeee;
}
.header-style-three .header-lower .nav-outer .main-menu {
width: 100%;
text-align: center;
}
.header-style-three .header-lower .nav-outer .main-menu .navigation>li {
float: none;
margin: 0px 15px;
display: inline-block;
}
.main-header .sticky-header .main-menu .navigation>li>a {
color: #222222;
padding: 20px 0px;
line-height: 30px;
font-size: 16px;
font-weight: 700;
min-height: 0px;
background: none;
border: 0px;
}
.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li.current-menu-item>a {
color: #e5a62d;
opacity: 1;
}
.main-header .sticky-header .main-menu .navigation>li:hover>a,
.main-header .sticky-header .main-menu .navigation>li.current>a,
.main-header .sticky-header .main-menu .navigation>li.current-menu-item>a {
color: #e7470c;
opacity: 1;
}
.main-menu .navigation>li:hover>a:after {
opacity: 1;
}
.main-header .sticky-header .main-menu .navigation>li>ul:before {
display: none;
}
.main-header .sticky-header .main-menu .navigation>li>ul {
top: 100% !important;
padding-left: 0;
}
.main-menu .navigation>li>ul {
position: absolute;
left: 0px;
top: 100%;
width: 220px;
z-index: 100;
padding-left: 0;
display: none;
background: #f6f6f6;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation li ul {
position: absolute;
left: 0px;
top: 100%;
width: 220px;
z-index: 100;
padding-left: 0;
display: none;
background: #f6f6f6;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation>li>ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation>li>ul>li {
position: relative;
width: 100%;
border-bottom: 1px solid #dedede;
list-style: none;
}
.main-menu .navigation>li>ul>li:last-child {
border-bottom: none;
}
.main-menu .navigation>li>ul>li>a {
position: relative;
display: block;
padding: 13px 40px;
line-height: 24px;
font-weight: 500;
font-size: 15px;
color: #242424;
text-align: left;
padding-right: 0px !important;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation>li>ul>li>a:before {
position: absolute;
content: '';
left: 27px;
top: 50%;
width: 7px;
height: 1px;
background-color: #242424;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-family: 'FontAwesome';
}
.main-menu .navigation>li>ul>li:hover>a:before {
background-color: #ffffff;
}
.main-menu .navigation>li>ul>li:hover>a {
background-color: #e7470c;
color: #ffffff;
}
.main-menu .navigation>li>ul>li>ul {
position: absolute;
left: 100%;
top: 100%;
width: 220px;
z-index: 100;
display: none;
background: #f6f6f6;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
list-style: none;
padding-left: 0;
}
.main-menu .navigation>li>ul>li>ul:before {
position: absolute;
content: '';
right: 100%;
top: 0px;
width: 20px;
height: 100%;
}
.main-menu .navigation>li>ul>li>ul>li {
position: relative;
width: 100%;
border-bottom: 1px solid #dedede;
}
.main-menu .navigation>li>ul>li>ul>li:last-child {
border-bottom: none;
}
.main-menu .navigation>li>ul>li>ul>li>a {
position: relative;
display: block;
padding: 13px 40px;
line-height: 24px;
font-weight: 500;
font-size: 15px;
color: #242424;
text-align: left;
padding-right: 0px !important;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation>li>ul>li>ul>li>a:before {
position: absolute;
content: '';
left: 27px;
top: 50%;
width: 7px;
height: 1px;
background-color: #242424;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-family: 'FontAwesome';
}
.main-menu .navigation>li>ul>li>ul>li:hover>a:before {
background-color: #ffffff;
}
.main-menu .navigation>li>ul>li>ul>li>a:hover {
background-color: #e7470c;
color: #ffffff;
}
.sticky-header .main-menu .navigation>li>a:after {
display: none;
}
.main-menu .navigation>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
}
.main-menu .navigation li>ul>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
left: 100%;
top: 0%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation li>ul>li>ul>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
left: 100%;
top: 0%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation li ul {
position: absolute;
left: 0px;
top: 100%;
width: 220px;
z-index: 100;
list-style: none;
padding-left: 0;
display: none;
background: #f6f6f6;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation li ul li a {
position: relative;
display: block;
padding: 13px 40px;
line-height: 24px;
font-weight: 500;
font-size: 15px;
color: #242424;
text-align: left;
padding-right: 0px !important;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation li ul li a:before {
position: absolute;
content: '';
left: 27px;
top: 50%;
width: 7px;
height: 1px;
background-color: #242424;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-family: 'FontAwesome';
}
.main-menu .navigation li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
display: block;
}
.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 6px;
width: 34px;
height: 30px;
border: 1px solid #ffffff;
text-align: center;
font-size: 16px;
line-height: 26px;
color: #ffffff;
cursor: pointer;
z-index: 5;
display: none;
}
.main-header .outer-box {
position: relative;
float: left;
margin-left: 22px;
margin-top: 34px;
}
.main-header .outer-box .btn-box {
position: relative;
float: right;
margin-left: 42px;
margin-top: -10px;
}
.main-header .outer-box .btn-box .theme-btn {
font-size: 16px;
font-weight: 700;
padding: 9px 39px;
}
.main-header .outer-box .btn-box .theme-btn .icon {
margin-right: 8px;
font-size: 18px;
}
.main-header .outer-box .social-links-box {
position: relative;
float: right;
margin-left: 20px;
}
.header-style-two .header-inner-container {
padding: 0px 72px;
}
.header-top {
position: relative;
padding: 15px 0px 28px;
background: #e7470c url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/background/layer-1.png) left bottom repeat-x;
}
.header-top .top-inner {
position: relative;
}
.header-top .top-left {
position: relative;
float: left;
}
.header-top .top-left ul li {
position: relative;
font-size: 15px;
color: #ffffff;
font-weight: 500;
margin-right: 30px;
display: inline-block;
}
.header-top .top-left ul li a {
font-size: 15px;
font-weight: 400;
color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-top .top-left ul li .icon {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1em;
margin-right: 10px;
}
.header-top .top-right {
position: relative;
float: right;
}
.header-top .top-right .donate-box {
position: relative;
float: left;
margin-right: 10px;
} .header-top .social-icon {
position: relative;
float: left;
margin-top: 10px;
}
.header-top .social-icon li {
position: relative;
float: left;
margin-left: 18px;
list-style: none;
}
.header-top .social-icon li a {
position: relative;
display: block;
line-height: 1em;
font-size: 16px;
color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-top .social-icon li a:hover {
color: #ffffff;
}
.header-top-two {
position: relative;
padding: 10px 0px;
text-align: center;
background-color: #444444;
}
.header-top-two .text {
position: relative;
color: #ffffff;
font-size: 13px;
font-weight: 400;
padding-left: 25px;
display: inline-block;
}
.header-top-two .text:before {
position: absolute;
content: '\f02b';
left: 0px;
top: 1px;
font-size: 16px;
font-family: 'FontAwesome';
}
.header-top .top-right>ul>li>a>.icon {
position: relative;
top: 1px;
font-size: 15px;
color: #e7470c;
margin-right: 8px;
} .main-header .search-box-outer {
position: relative;
left: 3px;
display: inline-block;
}
.main-header .search-box-btn {
position: relative;
font-size: 18px;
line-height: 1em;
color: #222222;
cursor: pointer;
display: inline-block;
background: none;
border: none;
}
.main-header .search-box-outer .dropdown-menu {
top: 64px;
padding: 0px;
width: 280px;
border-radius: 0px;
border-top: 3px solid #e7470c;
}
.main-header .search-panel .form-container {
padding: 25px 20px;
}
.main-header .search-panel .form-group {
position: relative;
margin: 0px;
}
.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
display: block;
width: 100%;
line-height: 24px;
padding: 7px 40px 7px 15px;
height: 40px;
border: 1px solid #e0e0e0;
background: #ffffff;
}
.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
border-color: #e7470c;
}
.main-header .search-panel .search-btn {
position: absolute;
right: 0px;
top: 0px;
width: 40px;
height: 40px;
text-align: center;
color: #555555;
font-size: 12px;
background: none;
cursor: pointer;
border: none;
}
.main-header .info-box {
position: relative;
float: left;
margin-left: 30px;
font-size: 13px;
color: #777777;
text-align: left;
padding: 0px 0px 0px 50px;
}
.main-header .info-box:first-child {
padding-right: 30px;
border-right: 1px solid #c8c8c8;
}
.main-header .info-box:last-child {
padding-right: 0px;
margin-left: 0px;
top: -2px;
}
.main-header .info-box .icon-box {
position: absolute;
left: 0px;
top: 6px;
color: #e7470c;
font-size: 26px;
text-align: left;
line-height: 1.2em;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .info-box li {
position: relative;
line-height: 20px;
color: #767676;
font-size: 15px;
margin-bottom: 3px;
font-weight: 500;
}
.main-header .info-box strong {
font-weight: 500;
color: #333333;
font-size: 15px;
display: block;
margin-bottom: 4px;
} .social-icon-one {
position: relative;
padding-left: 0;
}
.social-icon-one li {
position: relative;
margin: 0px 2px;
display: inline-block;
}
.social-icon-one li a {
position: relative;
color: #444444;
width: 32px;
height: 32px;
line-height: 32px;
border: 1px solid #dedede;
font-size: 14px;
display: inline-block;
border-radius: 50px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
text-align: center;
}
.social-icon-one li a:hover {
color: #ffffff;
border-color: #e5a62d;
background-color: #e5a62d;
} .social-icon-two {
position: relative;
padding-left: 0;
}
.social-icon-two li {
position: relative;
margin-right: 12px;
display: inline-block;
}
.social-icon-two li a {
position: relative;
font-size: 18px;
color: #888888;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-two li a:hover {
color: #e7470c;
} .social-icon-three {
position: relative;
}
.social-icon-three li {
position: relative;
margin-left: 12px;
display: inline-block;
}
.social-icon-three li a {
position: relative;
font-size: 16px;
color: #444444;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-three li a:hover {
color: #e7470c;
} .social-icon-four {
position: relative;
}
.social-icon-four .share {
position: relative;
color: #666666;
font-weight: 600;
margin-right: 5px;
text-transform: uppercase;
}
.social-icon-four a {
position: relative;
width: 32px;
height: 32px;
font-size: 13px;
color: #666666;
text-align: center;
display: inline-block;
border-radius: 50%;
line-height: 32px;
margin-left: 8px;
background-color: #eeeeee;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-four a:hover {
background-color: #e7470c;
color: #ffffff;
} .form-group .ui-selectmenu-button.ui-button {
width: 100%;
font-size: 14px;
font-style: normal;
height: 48px;
padding: 10px 20px;
line-height: 26px;
color: #262626;
float: left;
border-radius: 50px;
border: 1px solid #cccccc;
background: #ffffff;
}
.form-group .ui-button .ui-icon {
background: none;
position: relative;
top: 0px;
text-indent: 0px;
color: #333333;
}
.form-group .ui-button .ui-icon:before {
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
top: 2px !important;
top: 13px;
width: 10px;
height: 30px;
display: block;
color: #262626;
line-height: 23px;
font-size: 15px;
font-weight: normal;
text-align: center;
z-index: 5;
}
.ui-widget.ui-widget-content {
border: 1px solid #e0e0e0;
}
.ui-menu .ui-menu-item {
font-size: 14px;
border-bottom: 1px solid #e0e0e0;
}
.ui-menu .ui-menu-item:last-child {
border: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
background-color: #e7470c;
border-color: #e7470c;
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
display: block;
padding: 8px 20px;
font-size: 14px;
line-height: 24px;
}
.ui-menu-item:hover {} .sec-title {
position: relative;
margin-bottom: 48px;
}
.sec-title .separator {
position: relative;
width: 120px;
text-align: center;
margin-bottom: 10px !important;
}
.sec-title .separator:before {
position: absolute;
left: 0px;
top: 0px;
content: '::::::';
color: #000000;
font-size: 14px;
letter-spacing: 3px;
}
.sec-title .separator:after {
position: absolute;
right: 0px;
top: 0px;
content: '::::::';
color: #000000;
font-size: 14px;
letter-spacing: 3px;
}
.sec-title .separator .icon {
color: #e7470c;
font-size: 28px;
}
.sec-title .title {
position: relative;
color: #666666;
font-size: 14px;
font-style: italic;
font-family: 'Merriweather', serif;
}
.sec-title h2 {
position: relative;
font-size: 36px;
color: #222222;
font-weight: 800;
line-height: 1.2em;
display: inline-block;
margin-top: 10px;
}
.sec-title.centered {
text-align: center;
}
.sec-title.centered .separator {
margin: 0 auto;
}
.sec-title.light .separator:before,
.sec-title.light .separator:after,
.sec-title.light .separator .icon,
.sec-title.light h2 {
color: #ffffff;
}
.sec-title.light .title {
color: rgba(255, 255, 255, 0.60);
} .sec-title-two {
position: relative;
margin-bottom: 40px;
}
.sec-title-two .title-icon {
position: relative;
margin-bottom: 15px;
}
.sec-title-two h2 {
position: relative;
color: #222222;
font-size: 40px;
font-weight: 700;
line-height: 1.4em;
}
.sec-title-two .text {
position: relative;
color: #444444;
font-size: 16px;
line-height: 1.4em;
margin-top: 8px;
}
.sec-title-two.centered {
text-align: center;
}
.sec-title-two.light h2,
.sec-title-two.light .text {
color: #ffffff;
} .main-slider {
position: relative;
z-index: 10;
}
.main-slider .tp-caption {
z-index: 5 !important;
}
.main-slider .tp-dottedoverlay {
background: rgba(0, 0, 0, 0.40) !important;
}
.main-slider .tparrows.gyges {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.20);
}
.main-slider .tparrows.gyges:before {
line-height: 60px;
}
.main-slider .tparrows.gyges:hover {
color: #e7470c;
background-color: #e7470c;
}
.main-slider h2 {
position: relative;
color: #222222;
font-size: 60px;
font-weight: 400;
line-height: 1.2em;
display: inline-block;
}
.main-slider h2 span {
font-weight: 700;
}
.main-slider h2.alternate {
font-weight: 700;
font-size: 48px;
line-height: 1.4em;
}
.main-slider .text {
position: relative;
font-size: 20px;
font-weight: 400;
color: #222222;
line-height: 1.6em;
}
.main-slider h2.alternate {
font-weight: 700;
}
.main-slider h2.light,
.main-slider .text.light {
color: #ffffff;
}
.main-slider .btns-box .theme-btn {
margin-right: 20px;
}
.slider-content {
position: relative;
padding: 35px 30px;
background-color: rgba(0, 0, 0, 0.60);
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets {
display: none !important;
} .fancybox-next span,
.fancybox-prev span {
background-image: none !important;
width: 44px !important;
height: 44px !important;
line-height: 44px !important;
text-align: center;
}
.fancybox-next span:before,
.fancybox-prev span:before {
content: '';
position: absolute;
font-family: 'FontAwesome';
left: 0px;
top: 0px;
font-size: 12px;
width: 44px !important;
height: 44px !important;
line-height: 44px !important;
background-color: rgba(28, 28, 28, 0.40) !important;
color: #ffffff;
visibility: visible;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.fancybox-next span:before {
content: '\f178';
}
.fancybox-prev span:before {
content: '\f177';
}
.fancybox-next:hover span:before,
.fancybox-prev:hover span:before {
background-color: #ffffff !important;
color: #000000;
}
.fancybox-type-image .fancybox-close {
right: 0px;
top: 0px;
width: 45px;
height: 45px;
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/icons/icon-cross.png) center center no-repeat;
background-color: rgba(17, 17, 17, 0.50) !important;
}
.fancybox-type-image .fancybox-close:hover {
background-color: #000000 !important;
}
.fancybox-type-image .fancybox-skin {
padding: 0px !important;
} .welcome-section {
position: relative;
padding: 0px 0px 90px;
}
.welcome-section .image-column {
position: relative;
margin-bottom: 40px;
}
.welcome-section .image-column .image {
position: relative;
}
.welcome-section .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.welcome-section .content-column {
position: relative;
}
.welcome-section .content-column .inner-column {
position: relative;
padding-left: 10px;
}
.welcome-section .content-column .inner-column .text {
position: relative;
margin-bottom: 35px;
}
.welcome-section .content-column .inner-column .text p {
position: relative;
color: #444444;
font-size: 14px;
line-height: 2em;
margin-bottom: 20px;
}
.welcome-section .content-column .inner-column .text p:last-child {
margin-bottom: 0px;
}
.welcome-section .content-column .inner-column .theme-btn {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
padding: 11px 40px;
margin-top: 35px;
} .featured-section {
position: relative;
padding: 60px 0px 60px;
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}
.featured-block {
position: relative;
margin-bottom: 40px;
}
.featured-block .inner-box {
position: relative;
padding: 40px 30px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 1);
-moz-box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 1);
box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 1);
}
.featured-block .inner-box .content {
position: relative;
padding-left: 75px;
}
.featured-block .inner-box .content .icon-box {
position: absolute;
left: 0px;
top: 5px;
color: #e7470d;
line-height: 1em;
font-size: 50px;
}
.featured-block:nth-child(2) .inner-box .content .icon-box {
color: #e7a52b;
}
.featured-block:nth-child(3) .inner-box .content .icon-box {
color: #6108ba;
}
.featured-block .inner-box .content h3 {
position: relative;
font-size: 24px;
font-weight: 300;
text-transform: capitalize;
}
.featured-block .inner-box .content h3 a {
position: relative;
color: #222222;
}
.featured-block .inner-box .content .text {
position: relative;
color: #444444;
font-weight: 600;
font-size: 14px;
text-transform: capitalize;
} .services-section {
position: relative;
padding: 90px 0px 90px;
background-position: right bottom;
background-repeat: no-repeat;
}
.services-block {
position: relative;
margin-bottom: 30px;
}
.services-block .inner-box {
position: relative;
padding: 40px 40px;
border-radius: 4px;
border: 1px solid #e6e6e6;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: #ffffff;
}
.services-block .inner-box:hover {
border: 1px solid transparent;
-webkit-box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
-moz-box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
}
.services-block .inner-box .content {
position: relative;
padding-left: 85px;
}
.services-block .inner-box .icon-box {
position: absolute;
left: 0px;
top: 5px;
color: #222222;
font-size: 60px;
line-height: 1em;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.services-block .inner-box:hover .icon-box {
color: #e7470c;
}
.services-block .inner-box h3 {
position: relative;
color: #222222;
font-size: 18px;
font-weight: 700;
margin-bottom: 12px;
}
.services-block .inner-box h3 a {
position: relative;
color: #222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.services-block .inner-box h3 a:hover {
color: #e7470c;
}
.services-block .inner-box .text {
position: relative;
color: #444444;
font-size: 14px;
line-height: 1.9em;
}
.services-section .owl-nav {
display: none;
}
.services-section .owl-dots {
position: relative;
text-align: center;
margin-top: 30px;
}
.services-section .owl-dots .owl-dot {
position: relative;
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0px 5px;
display: inline-block;
border: 1px solid #cecece;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.services-section .owl-dots .owl-dot:hover,
.services-section .owl-dots .owl-dot.active {
border-color: #e5a62d;
background-color: #e5a62d;
} .appointment-section {
position: relative;
padding: 90px 0px 90px;
background-size: cover;
background-repeat: no-repeat;
background: #e7470c;
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/background/3.png);
}
.appointment-section.style-two {
background-color: #630abb;
}
.appointment-section.style-two:before {
display: none;
}
.appointment-section:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 82px;
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/background/layer-1.png) left bottom no-repeat;
} .default-form {
position: relative;
margin-bottom: 50px;
}
.default-form .form-box {
position: relative;
}
.default-form .form-box .form-group {
margin-bottom: 25px;
}
.default-form .form-box .form-group .clock-icon {
position: absolute;
right: 40px;
top: 12px;
z-index: 10;
color: #444444;
}
.default-form .form-box .form-group input[type="text"],
.default-form .form-box .form-group input[type="email"],
.default-form .form-box .form-group input[type="password"],
.default-form .form-box .form-group select,
.default-form .form-box .form-group textarea {
position: relative;
display: block;
width: 100%;
height: 50px;
font-size: 14px;
color: #848484;
line-height: 28px;
padding: 10px 25px;
font-weight: 400;
background: #ffffff;
border-radius: 50px;
border: 1px solid #ffffff;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-form .form-box .form-group textarea {
width: 100%;
resize: none;
height: 140px;
border-radius: 20px;
}
.default-form .form-box .form-group input:focus,
.default-form .form-box .form-group select:focus,
.default-form .form-box .form-group textarea:focus {}
.default-form .form-box .form-group button {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
padding: 11px 46px;
margin-top: 10px;
} .team-section {
position: relative;
padding: 90px 0px 90px;
}
.team-block {
position: relative;
margin-bottom: 40px;
}
.team-block .inner-box {
position: relative;
padding-bottom: 10px;
box-shadow: 2px 2px 30px #ccc;
transition-duration: .5s;
}
.team-block .inner-box:hover {
box-shadow: none;
}
.team-block .inner-box .image {
position: relative;
}
.team-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.team-block .inner-box .lower-box {
position: relative;
padding: 22px 22px 0px;
text-align: center;
}
.team-block .inner-box .lower-box h3 {
position: relative;
color: #222222;
font-size: 18px;
font-weight: 700;
line-height: 1.2em;
}
.team-block .inner-box .lower-box h3 a {
position: relative;
color: #222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.team-block .inner-box .lower-box h3 a:hover {
color: #e7470c;
}
.team-block .inner-box .lower-box .designation {
position: relative;
color: #444444;
font-size: 12px;
font-weight: 600;
margin-top: 4px;
text-transform: uppercase;
}
.team-block .inner-box .lower-box .phno i {
padding-right: 10px;
}
.team-block .inner-box .lower-box .email i {
padding-right: 10px;
}
.team-block .inner-box .lower-box .social-box {
position: relative;
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #dddddd;
}
.team-block .inner-box .lower-box .social-box ul {
margin-bottom: 0;
}
.memberdetails .row {
background: #f1f1f1;
margin-bottom: 5px;
}
.memberdetails .row .mdetails {
padding: 5px 15px;
}
.memberdetails .row .title {
text-transform: capitalize;
background: #333333;
color: #ffffff;
padding: 5px 15px;
} .counter-section {
position: relative;
padding: 90px 0px 90px;
}
.counter-section .image-layer {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 420px;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center center;
}
.counter-section .image-layer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.80);
}
.counter-section .image-layer:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 82px;
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/background/layer-1.png) left bottom no-repeat;
}
.counter-section h2 {
position: relative;
font-size: 56px;
font-weight: 700;
text-align: center;
color: #ffffff;
line-height: 1.2em;
margin-bottom: 70px;
text-transform: capitalize;
}
.counter-section h2 span {
font-weight: 300;
display: block;
}
.counter-section .counter-box {
position: relative;
padding: 60px 0px 30px;
text-align: center;
background-color: #ffffff;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
-moz-box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
} .fact-counter {
position: relative;
}
.fact-counter .column {
position: relative;
z-index: 5;
margin-bottom: 25px;
}
.fact-counter .column .inner {
position: relative;
top: 0;
text-align: center;
padding: 0px 0px 0px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.fact-counter .column .inner .icon {
position: relative;
}
.fact-counter .column .inner .icon-box {
position: relative;
color: #ebba5c;
font-size: 50px;
margin-bottom: 15px;
width: 80px;
height: 80px;
border-radius: 5px;
margin: 0 auto;
text-align: center;
line-height: 75px;
border: 1px dashed #ebba5c;
}
.fact-counter .column:nth-child(2) .inner .icon-box,
.fact-counter .column:nth-child(4) .inner .icon-box {
color: #e7470c;
border-color: #e7470c;
}
.fact-counter .count-outer {
position: relative;
font-size: 40px;
line-height: 1em;
font-weight: 600;
margin: 0px 0px;
color: #222222;
padding: 15px 0px;
}
.fact-counter .count-outer .plus-icon {
position: relative;
font-weight: 700;
color: #333333;
font-size: 30px;
margin-left: 8px;
font-family: 'Open Sans', sans-serif;
}
.fact-counter .count-outer .count-text {
position: relative;
font-weight: 700;
color: #333333;
font-size: 30px;
}
.fact-counter .column .counter-title {
position: relative;
font-size: 16px;
font-weight: 400;
color: #444444;
display: inline-block;
} .save-pets-section {
position: relative;
padding: 25px 0px 25px;
}
.save-pets-section h2 {
position: relative;
color: #222222;
font-weight: 300;
font-size: 44px;
line-height: 1.2em;
text-align: center;
margin-bottom: 15px;
}
.save-pets-section .text {
position: relative;
color: #444444;
font-size: 16px;
text-align: center;
line-height: 1.8em;
margin-bottom: 62px;
}
.save-pets-section .prices-block {
position: relative;
max-width: 840px;
margin: 0 auto;
}
.price-block {
position: relative;
margin-bottom: 40px;
border-right: 1px solid #dddddd;
}
.price-block:last-child {
border: none;
}
.price-block .inner-box {
position: relative;
text-align: center;
}
.price-block .inner-box h3 {
position: relative;
color: #222222;
font-size: 48px;
line-height: 1.2em;
margin-bottom: 30px;
} .fluid-section-one {
position: relative;
}
.fluid-section-one .outer-container {
position: relative;
min-height: 250px;
background-color: #ffffff;
}
.fluid-section-one .image-column {
position: absolute;
float: left;
top: 0px;
left: 0px;
width: 50%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.fluid-section-one .image-column .image-box {
position: relative;
display: none;
}
.fluid-section-one .image-column .image-box img {
position: relative;
display: block;
width: 100%;
}
.fluid-section-one .image-column .overlay-box {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
display: block;
text-align: center;
}
.fluid-section-one .image-column .overlay-box .icon-box {
position: relative;
top: 50%;
font-size: 18px;
font-weight: 600;
color: #ffffff;
text-align: center;
display: inline-block;
margin-top: -30px;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.50);
text-transform: uppercase;
}
.fluid-section-one .image-column .overlay-box .icon-box .icon {
position: relative;
display: block;
font-size: 32px;
margin-bottom: 20px;
}
.fluid-section-one .content-column {
position: relative;
float: right;
width: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.fluid-section-one .content-column .inner-column {
position: relative;
max-width: 750px;
float: left;
width: 100%;
padding: 70px 15px 76px 80px;
}
.featured-block-two {
position: relative;
margin-bottom: 35px;
}
.featured-block-two:last-child {
margin-bottom: 0px;
}
.featured-block-two .featured-inner {
position: relative;
padding-left: 132px;
min-height: 100px;
}
.featured-block-two .featured-inner .icon-box {
position: absolute;
left: 0px;
top: 0px;
width: 100px;
height: 100px;
color: #222222;
font-size: 50px;
text-align: center;
border-radius: 50px;
line-height: 94px;
background-color: #ffffff;
}
.featured-block-two .featured-inner h3 {
position: relative;
color: #222222;
font-size: 18px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 16px;
}
.featured-block-two .featured-inner .text {
position: relative;
color: #444444;
font-size: 14px;
font-weight: 400;
line-height: 2em;
} .testimonial-section {
position: relative;
padding: 90px 0px 90px;
display: block;
clear: both;
}
.testimonial-block {
position: relative;
}
.testimonial-block .inner-box {
position: relative;
text-align: center;
}
.testimonial-block .inner-box .quote-icon {
position: relative;
color: #e5a62d;
font-size: 36px;
line-height: 1em;
margin-bottom: 25px;
}
.testimonial-block .inner-box .text {
position: relative;
color: #444444;
font-size: 18px;
font-style: italic;
line-height: 1.8em;
max-width: 920px;
margin: 0 auto;
margin-bottom: 35px;
font-family: 'Merriweather', serif;
}
.testimonial-block .inner-box .author-image {
position: relative;
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
margin-bottom: 15px;
}
.testimonial-block .inner-box .author-name {
position: relative;
color: #222222;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
}
.testimonial-block .inner-box .designation {
position: relative;
color: #666666;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.testimonial-section .owl-dots {
display: none;
}
.testimonial-section .owl-nav {
position: absolute;
left: 0px;
top: 30%;
width: 100%;
}
.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next {
position: absolute;
color: #cccccc;
font-size: 20px;
display: inline-block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.testimonial-section .owl-nav .owl-next {
right: 0px;
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
color: #e5a62d;
}
.testimonial-section.style-two .inner-box .quote-icon {
color: #e7470c;
}
.testimonial-section.style-two .owl-nav {
display: none;
}
.testimonial-section.style-two .owl-dots {
display: block;
position: absolute;
right: 0px;
top: 30%;
}
.testimonial-section.style-two .owl-dots .owl-dot {
width: 10px;
height: 10px;
border-radius: 50px;
margin-bottom: 12px;
border: 1px solid #cecece;
background-color: #ffffff;
}
.testimonial-section.style-two .owl-dots .owl-dot.active {
position: relative;
left: -5px;
width: 20px;
height: 20px;
background-color: #ffffff;
}
.testimonial-section.style-two .owl-dots .owl-dot.active:before {
position: absolute;
left: 3px;
top: 3px;
content: '';
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #e7470c;
} .news-section {
position: relative;
padding: 90px 0px 90px;
background-repeat: no-repeat;
background-size: cover;
background-image: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/background/5.jpg);
}
.news-block {
position: relative;
margin-bottom: 40px;
}
.news-block .inner-box {
position: relative;
}
.news-block .inner-box .image {
position: relative;
}
.news-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.news-block .inner-box .image .post-date {
position: absolute;
left: 30px;
top: 30px;
width: 75px;
height: 75px;
color: #ffffff;
font-size: 24px;
font-weight: 800;
line-height: 25px;
border-radius: 50%;
text-align: center;
z-index: 1;
padding-top: 12px;
background-color: #e7470c;
}
.news-block:nth-child(2) .inner-box .image .post-date {
background-color: #e5a62d;
}
.news-block:nth-child(3) .inner-box .image .post-date {
background-color: #630abb;
}
.news-block .inner-box .image .post-date span {
display: block;
font-weight: 600;
font-size: 14px;
}
.news-block .inner-box .lower-content {
position: relative;
padding-top: 30px;
}
.news-block .inner-box .lower-content .news-info {
position: relative;
margin-bottom: 8px;
padding-left: 0;
}
.news-block .inner-box .lower-content .news-info li {
position: relative;
color: #666666;
font-size: 12px;
font-weight: 600;
padding-right: 12px;
margin-right: 12px;
display: inline-block;
text-transform: uppercase;
list-style: none;
}
.news-block .inner-box .lower-content .news-info li:after {
position: absolute;
content: '';
right: -5px;
top: 11px;
width: 5px;
height: 5px; }
.news-block .inner-box .lower-content .news-info li:last-child::after {
display: none;
}
.news-block .inner-box .lower-content h3 {
position: relative;
font-weight: 700;
font-size: 18px;
line-height: 1.7em;
margin-bottom: 8px;
}
.news-block .inner-box .lower-content h3 a {
position: relative;
color: #222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block .inner-box .lower-content h3 a:hover {
color: #e7470c;
}
.news-block .inner-box .lower-content .read-more {
position: relative;
}
.news-block .inner-box .lower-content .read-more {
position: relative;
color: #e7470c;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.lower-content ul {
list-style: none;
padding-left: 0;
} .main-footer {
position: relative;
}
.main-footer .widgets-section {
position: relative;
padding: 50px 0px 50px;
}
.main-footer .footer-widget {
position: relative;
margin-bottom: 30px;
}
.main-footer .footer-widget h2 {
position: relative;
font-size: 18px;
color: #222222;
font-weight: 700;
line-height: 1.2em;
margin-top: 30px;
margin-bottom: 25px;
}
.main-footer ul {
padding-left: 0;
} .main-footer .logo-widget {
position: relative;
}
.main-footer .logo-widget .logo {
position: relative;
margin-bottom: 20px;
}
.main-footer .logo-widget .text {
position: relative;
font-size: 14px;
font-weight: 400;
color: #444444;
margin-bottom: 25px;
}
.links-widget .links {
position: relative;
}
.links-widget .links li {
position: relative;
margin-bottom: 8px;
}
.links-widget .links li a {
position: relative;
padding-left: 32px;
color: #444444;
font-size: 14px;
font-weight: 400;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.links-widget .links li a:before {
position: absolute;
content: '\f119';
left: 0px;
top: 4px;
color: #cccccc;
line-height: 1em;
font-family: "Flaticon";
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.links-widget .links li a:hover::before {
color: #e7470c;
}
.info-widget {
position: relative;
}
.info-widget ul {
position: relative;
list-style: none;
}
.info-widget ul li {
position: relative;
color: #222222;
font-size: 14px;
margin-bottom: 12px;
padding-left: 30px;
}
.info-widget ul li .icon {
position: absolute;
left: 0px;
top: 4px;
color: #cccccc;
font-size: 24px;
line-height: 1em;
}
.info-widget ul li:last-child .icon {
font-size: 18px;
}
.subscribe-widget .text {
position: relative;
font-size: 14px;
font-weight: 400;
color: #444444;
line-height: 2em;
margin-bottom: 15px;
}
.newsletter-form {
position: relative;
} .main-footer .subscribe-widget .form-group {
position: relative;
display: block;
margin-bottom: 10px;
}
.main-footer .subscribe-widget .form-group input[type="text"],
.main-footer .subscribe-widget .form-group input[type="email"] {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 20px;
height: 48px;
font-size: 15px;
color: #444444;
border-radius: 50px;
border: 1px solid #cccccc;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .subscribe-widget .form-group button {
width: 100%;
font-size: 14px;
font-weight: 700;
padding: 6px 39px;
text-transform: uppercase;
}
.main-footer .subscribe-widget .form-group input[type="text"]:focus,
.main-footer .subscribe-widget .form-group input[type="email"]:focus {
border-color: #e5a62d;
}
.main-footer .footer-bottom {
position: relative;
text-align: center;
padding: 45px 0px 45px;
border-top: 1px solid #dddddd;
}
.main-footer .footer-bottom .copyright {
position: relative;
color: #888888;
font-size: 14px;
text-align: center;
}
.main-footer .footer-bottom .copyright span {
font-weight: 700;
}
.main-footer.style-two {
background-color: #1e1e1e;
border-top: 4px solid #e7470c;
}
.main-footer.style-two .logo-widget .text,
.main-footer.style-two .footer-widget h2 {
color: #ffffff;
}
.main-footer.style-two .widget-post .text a,
.main-footer.style-two .widget-post .post-info,
.main-footer.style-two .links-widget .links li a,
.main-footer.style-two .info-widget ul li {
color: #cccccc;
}
.main-footer.style-two .footer-bottom {
border-color: #3a3a3a;
} .services-section-two {
position: relative;
padding: 90px 0px 90px;
}
.services-block-two {
position: relative;
margin-bottom: 20px;
}
.services-block-two .inner-box {
position: relative;
text-align: center;
}
.services-block-two .inner-box .icon-box {
position: relative;
width: 135px;
height: 135px;
color: #444444;
text-align: center;
line-height: 132px;
font-size: 62px;
margin: 0 auto;
margin-bottom: 20px;
border-radius: 50%;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.services-block-two .inner-box:hover .icon-box {
color: #ffffff;
background-color: #e5a62d;
}
.services-block-two .inner-box h3 {
position: relative;
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
}
.services-block-two .inner-box h3 a {
position: relative;
color: #222222;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.services-block-two .inner-box h3 a:hover {
color: #e6470c;
}
.services-block-two .inner-box .text {
position: relative;
color: #444444;
font-size: 14px;
line-height: 2em;
padding: 0px 30px;
} .mission-section {
position: relative;
padding: 90px 0px 90px;
background-repeat: repeat-x;
background-color: #e6470c;
}
.mission-section .image-column {
position: relative;
margin-bottom: 40px;
}
.mission-section .image-column .image {
position: relative;
}
.mission-section .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.mission-section .content-column {
position: relative;
}
.mission-section .content-column .inner-column {
position: relative;
padding-left: 30px;
}
.mission-section .content-column .inner-column h2 {
position: relative;
color: #ffffff;
font-size: 36px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 15px;
font-family: 'Lato', sans-serif;
}
.mission-section .content-column .inner-column .text {
position: relative;
color: #ffffff;
font-size: 14px;
line-height: 1.9em;
margin-bottom: 18px;
}
.mission-section .content-column .inner-column .signature {
position: relative;
margin-top: 48px;
color: #fff;
text-transform: capitalize;
font-style: oblique;
}
.mission-section .content-column .inner-column .designation {
position: relative;
color: #ffffff;
font-weight: 700;
margin-top: 8px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
} .grooming-section {
position: relative;
padding: 90px 0px 90px;
}
.groming-block {
position: relative;
margin-bottom: 40px;
}
.groming-block .inner-box {
position: relative;
text-align: center;
}
.groming-block .inner-box .big-icon {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
color: #f6f6f6;
font-size: 280px;
line-height: 1em;
transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
}
.groming-block .inner-box .icon-box {
position: relative;
margin-bottom: 20px;
}
.groming-block .inner-box h3 {
position: relative;
color: #222222;
font-size: 24px;
font-weight: 700;
padding-bottom: 8px;
margin-bottom: 18px;
font-family: 'Lato', sans-serif;
}
.groming-block .inner-box h3:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 4px;
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/icons/separater-line.png) center center no-repeat;
}
.groming-block .inner-box .text {
position: relative;
color: #444444;
font-size: 14px;
text-transform: uppercase;
}
.groming-block .inner-box .icon-box .icon {
font-size: 100px;
display: inline-block;
margin-top: 40px;
color: #333;
} .services-section-three {
position: relative;
padding: 90px 0 90px;
background-color: #f6f6f6;
}
.services-section-three .image {
position: relative;
margin-top: -30px;
text-align: center;
} .services-block-three {
position: relative;
margin-bottom: 40px;
}
.services-block-three .inner-box {
position: relative;
padding-left: 55px;
}
.services-block-three .inner-box .icon-box {
position: absolute;
left: 0px;
top: 2px;
color: #e7470c;
font-size: 36px;
line-height: 1em;
}
.services-block-three:nth-child(2) .inner-box .icon-box {
color: #e5a62d;
}
.services-block-three .inner-box h3 {
position: relative;
font-size: 20px;
font-weight: 700;
margin-bottom: 8px;
}
.services-block-three .inner-box h3 a {
position: relative;
color: #222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.services-block-three .inner-box h3 a:hover {
color: #e7470c;
}
.services-block-three .inner-box .text {
position: relative;
color: #444444;
font-size: 14px;
line-height: 1.8em;
margin-bottom: 8px;
}
.services-block-three .inner-box .detail {
position: relative;
color: #e5a62d;
font-size: 14px;
} .services-block-four {
position: relative;
margin-bottom: 40px;
}
.services-block-four .inner-box {
position: relative;
padding-right: 55px;
text-align: right;
}
.services-block-four .inner-box .icon-box {
position: absolute;
right: 0px;
top: 2px;
color: #e5a62d;
font-size: 36px;
line-height: 1em;
}
.services-block-four:nth-child(2) .inner-box .icon-box {
color: #e7470c;
}
.services-block-four .inner-box h3 {
position: relative;
font-size: 20px;
font-weight: 700;
margin-bottom: 4px;
}
.services-block-four .inner-box h3 a {
position: relative;
color: #222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.services-block-four .inner-box h3 a:hover {
color: #e7470c;
}
.services-block-four .inner-box .text {
position: relative;
color: #444444;
font-size: 14px;
line-height: 1.8em;
margin-bottom: 12px;
}
.services-block-four .inner-box .detail {
position: relative;
color: #e5a62d;
font-size: 14px;
} .gallery-section {
position: relative;
padding: 90px 0px 90px;
} .gallery-item {
position: relative;
margin-bottom: 30px;
}
.gallery-item .inner-box {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 4px;
}
.gallery-item .image-box {
position: relative;
display: block;
}
.gallery-item .image-box img {
position: relative;
display: block;
width: 100%;
border-radius: 4px;
}
.gallery-item .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
color: #ffffff;
text-align: center;
background: rgba(0, 0, 0, 0.70);
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transform: translate(-100%, 0%);
-ms-transform: translate(-100%, 0%);
-o-transform: translate(-100%, 0%);
-moz-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
}
.gallery-item .inner-box:hover .overlay-box {
opacity: 1;
-webkit-transform: translate(0%);
-ms-transform: translate(0%);
-o-transform: translate(0%);
-moz-transform: translate(0%);
transform: translate(0%);
}
.gallery-item .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
padding: 10px 0px;
}
.gallery-item .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.gallery-item .overlay-inner .link {
position: relative;
font-size: 18px;
color: #ffffff;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
margin: 0px 5px;
display: inline-block;
background-color: #e5a62d;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-item .overlay-inner .link .icon {
position: relative;
} .pricing-section {
position: relative;
padding: 90px 0 90px;
background-position: left top;
background-repeat: repeat-x;
background-color: #e4a52d;
}
.pricing-section .inner-container {
position: relative;
background-color: #ffffff;
padding: 60px 100px 30px;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.pricing-section .row {
margin: 0px -35px;
}
.pricing-section .price-block-two {
padding: 0px 35px;
}
.price-block-two {
position: relative;
margin-bottom: 40px;
}
.price-block-two .inner-box {
position: relative;
background-color: #ffffff;
}
.price-block-two .inner-box .title {
position: relative;
font-size: 24px;
font-weight: 300;
padding-bottom: 15px;
margin-bottom: 18px;
border-bottom: 1px solid #dddddd;
font-family: 'Lato', sans-serif;
}
.price-block-two .inner-box .price {
position: relative;
font-size: 48px;
font-weight: 800;
color: #222222;
line-height: 1em;
padding-bottom: 4px;
border-bottom: 1px solid #dddddd;
font-family: 'Lato', sans-serif;
}
.price-block-two .inner-box .price span {
color: #444444;
font-size: 16px;
font-weight: 700;
}
.price-block-two .inner-box ul {
position: relative;
margin-top: 30px;
min-height: 190px;
padding-left: 0;
}
.price-block-two .inner-box ul li {
position: relative;
color: #444444;
font-size: 14px;
margin-bottom: 0px;
list-style: none;
}
.price-block-two .inner-box ul li span {
font-weight: 700;
} .subscribe-style-one {
position: relative;
padding: 90px 0px 90px;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.subscribe-style-one:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.80);
}
.subscribe-style-one .icon-box {
position: absolute;
left: 15px;
top: 0px;
color: #ffffff;
font-size: 70px;
line-height: 1em;
}
.subscribe-style-one h2 {
position: relative;
color: #ffffff;
font-size: 24px;
font-weight: 700;
padding-left: 92px;
text-transform: capitalize;
font-family: 'Lato', sans-serif;
}
.subscribe-style-one .text {
position: relative;
font-size: 14px;
color: #ffffff;
font-weight: 400;
padding-left: 92px;
}
.subscribe-style-one form {
position: relative;
margin-top: 5px;
}
.subscribe-style-one .form-group {
position: relative;
display: block;
z-index: 1;
margin-bottom: 0px;
}
.subscribe-style-one .form-group input[type="text"],
.subscribe-style-one .form-group input[type="tel"],
.subscribe-style-one .form-group input[type="email"],
.subscribe-style-one .form-group textarea {
position: relative;
width: 100%;
line-height: 30px;
padding: 10px 30px;
height: 55px;
display: inline-block;
font-size: 14px;
background: #ffffff;
border-radius: 50px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.subscribe-style-one .form-group input[type="email"]:focus {}
.subscribe-style-one .form-group input[type="submit"],
.subscribe-style-one .form-group button {
position: absolute;
top: 0px;
right: -1px;
float: right;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
letter-spacing: 1px;
border-radius: 0px 50px 50px 0px;
margin-top: 0;
height: 55px;
} .widget-post {
position: relative;
font-size: 14px;
color: #666666;
padding: 0px 0px;
padding-left: 100px;
min-height: 80px;
margin-bottom: 20px;
}
.widget-post:last-child {
margin-bottom: 0px;
border: 0px;
min-height: 80px;
}
.widget-post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 80px;
}
.widget-post .post-thumb img {
display: block;
width: 100%;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.widget-post .text {
position: relative;
top: 2px;
font-size: 14px;
margin: 0px 0px 0px;
font-weight: 700;
color: #444444;
line-height: 1.6em;
text-transform: capitalize;
}
.widget-post .text a {
color: #444444;
font-family: 'Open Sans', sans-serif;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.widget-post a,
.widget-post a:hover {
color: #e7470c;
}
.widget-post .post-info {
position: relative;
font-size: 12px;
color: #444444;
font-weight: 400;
margin-top: 6px;
text-transform: capitalize;
} .product-form {
position: relative;
width: 345px;
}
.product-form .form-group {
position: relative;
margin: 0px;
}
.product-form input[type="text"],
.product-form input[type="email"],
.product-form input[type="password"] {
display: block;
width: 100%;
height: 48px;
padding: 10px 30px;
font-size: 13px;
background: #ffffff;
border-radius: 50px;
border: 2px solid #eeeeee;
}
.product-form .theme-btn {
position: absolute;
right: 0px;
top: 0px;
width: 55px;
height: 48px;
font-size: 20px;
line-height: 30px;
color: #ffffff;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 600;
text-align: center;
background: #e7470c;
border-radius: 0px 50px 50px 0px;
border: none;
} .cart-list {
position: relative;
}
.cart-list li {
position: relative;
margin-left: 20px;
display: inline-block;
}
.cart-list li a {
position: relative;
color: #222222;
font-size: 14px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.cart-list li a .icon {
position: relative;
color: #888888;
margin-right: 6px;
font-size: 16px;
}
.dropdown-menu .cart-list li a .icon {
position: relative;
color: #ffffff;
}
.cart-list li a:hover {
color: #e7470c;
}
.cart-list li.cart a {
color: #222222;
font-weight: 600;
font-size: 20px;
}
.cart-list li.cart a .icon {
color: #222222;
font-size: 32px;
}
.cart-list li.cart a .icon .total {
position: absolute;
top: -16px;
right: -10px;
width: 18px;
height: 18px;
color: #ffffff;
border-radius: 50%;
line-height: 18px;
font-size: 12px;
text-align: center;
font-weight: 600;
display: inline-block;
background-color: #e5a62d;
} .banner-section {
position: relative;
padding: 65px 0px 40px;
background-color: #e5faf4;
}
.banner-section .content-column {
position: relative;
}
.banner-section .content-column .inner-column {
position: relative;
padding-top: 90px;
}
.banner-section .content-column h2 {
position: relative;
color: #222222;
font-size: 43px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 25px;
display: inline-block;
font-family: 'Lato', sans-serif;
}
.banner-section .content-column h2:before {
position: absolute;
content: '';
right: 0px;
top: 0px;
width: 44px;
height: 4px;
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/icons/separater-line.png) no-repeat;
}
.banner-section .content-column h2 span {
font-weight: 300;
display: block;
}
.banner-section .content-column .text {
position: relative;
color: #222222;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 30px;
}
.banner-section .image-column {
position: relative;
text-align: right;
}
.banner-section .image-column .inner-column {
position: relative;
}
.banner-section .image-column .inner-column .image {
position: relative;
}
.banner-section .image-column .inner-column .image img {
position: relative;
width: auto;
float: right;
}
.banner-section .image-column .inner-column .price-box {
position: absolute;
left: 0px;
top: 0px;
width: 215px;
height: 213px;
z-index: 1;
text-align: center;
padding-top: 50px;
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/icons/price-bg.png) no-repeat;
}
.banner-section .image-column .inner-column .price-box .icon img {
width: auto;
margin: 0 auto;
}
.banner-section .image-column .inner-column .price-box .discount {
position: relative;
color: #ffffff;
font-size: 16px;
font-weight: 700;
margin-top: 5px;
}
.banner-section .image-column .inner-column .price-box .price {
position: relative;
color: #ffffff;
font-size: 48px;
font-weight: 700;
line-height: 1em;
}
.banner-section .owl-dots,
.banner-section .owl-nav {
display: none;
} .products-section {
position: relative;
padding: 90px 0px 90px;
}
.product-block {
position: relative;
margin-bottom: 40px;
}
.product-block .inner-box {
position: relative;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.product-block .inner-box .image {
position: relative;
border: 1px solid #eeeeee;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.product-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.product-block .inner-box .lower-content {
position: relative;
padding-top: 22px;
text-align: center;
padding-bottom: 34px;
}
.product-block .inner-box .lower-content .title {
position: relative;
color: #222222;
margin-bottom: 12px;
font-size: 12px;
text-transform: capitalize;
}
.product-block .inner-box .lower-content h3 {
position: relative;
font-size: 18px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 12px;
}
.product-block .inner-box .lower-content h3 a {
position: relative;
color: #222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.product-block .inner-box .lower-content h3 a:hover {
color: #e7470c;
}
.product-block .inner-box .lower-content .price {
position: relative;
color: #e7470c;
font-size: 22px;
line-height: 1.2em;
margin-bottom: 0px;
}
.product-block .inner-box:hover .image {
border: 1px solid transparent;
}
.product-block .inner-box:hover {
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
} .discount-section {
position: relative;
}
.discount-section .inner-container {
position: relative;
padding: 55px 0px;
background-repeat: no-repeat;
background-size: cover;
}
.discount-section .content {
position: relative;
padding: 45px 0px 60px;
max-width: 530px;
margin: 0 auto;
text-align: center;
background-color: rgba(255, 255, 255, 0.95);
}
.discount-section .content .deal {
position: relative;
color: #e5a62d;
font-weight: 700;
letter-spacing: 3px;
margin-bottom: 4px;
font-family: 'Lato', sans-serif;
}
.discount-section .content h2 {
position: relative;
color: #222222;
font-size: 36px;
font-weight: 400;
line-height: 1.2em;
margin-bottom: 15px;
text-transform: capitalize;
}
.discount-section .content .discount-price {
position: relative;
color: #e7470c;
font-size: 26px;
font-weight: 700;
margin-bottom: 18px;
}
.discount-section .content .discount-price span {
position: relative;
font-size: 20px;
font-weight: 400;
color: #888888;
margin-left: 5px;
}
.discount-section .content .text {
position: relative;
color: #444444;
font-weight: 400;
margin-bottom: 30px;
} .time-counter {
position: relative;
}
.time-counter .time-countdown {
position: relative;
}
.time-counter .time-countdown .counter-column {
position: relative;
margin-right: 17px;
width: 70px;
height: 70px;
text-align: center;
display: inline-block;
padding: 0px 0px 0px;
color: #222222;
font-size: 40px;
line-height: 30px;
font-weight: 400;
margin-bottom: 30px;
}
.time-counter .time-countdown .counter-column:after {
position: absolute;
content: ':';
right: -15px;
top: 5px;
font-size: 40px;
}
.time-counter .time-countdown .counter-column:last-child::after {
display: none;
}
.time-counter .time-countdown .counter-column:last-child {
margin-right: 0px;
}
.time-counter .time-countdown .counter-column .count {
position: relative;
display: block;
font-size: 35px;
line-height: 40px;
padding: 0px 10px;
color: #333333;
letter-spacing: 1px;
font-weight: 500;
}
.time-counter .time-countdown .counter-column .unit {
position: relative;
color: #444444;
width: 100%;
display: block;
text-align: center;
font-size: 14px;
} .popular-products-section {
position: relative;
padding: 70px 0px 50px;
}
.popular-products-section .filters {
margin-bottom: 40px;
text-align: center;
}
.popular-products-section .filters .filter-tabs {
position: relative;
}
.popular-products-section .filters li {
position: relative;
display: inline-block;
color: #888888;
padding: 0px 0px;
cursor: pointer;
font-size: 18px;
font-weight: 400;
margin: 0px 20px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.popular-products-section .filters .filter.active,
.popular-products-section .filters .filter:hover {
color: #e7470c;
}
.product-block.mix {
display: none;
} .featured-section-two {
position: relative;
padding-bottom: 60px;
}
.featured-block-three {
position: relative;
margin-bottom: 40px;
}
.featured-block-three .inner-box {
position: relative;
padding: 32px;
background-color: #e7470c;
background-position: center bottom;
background-repeat: no-repeat;
}
.featured-block-three:nth-child(2) .inner-box {
background-color: #e5a62d;
}
.featured-block-three:nth-child(3) .inner-box {
background-color: #630abb;
}
.featured-block-three .inner-box .content {
position: relative;
padding-left: 70px;
}
.featured-block-three .inner-box .content .icon-box {
position: absolute;
left: 0px;
top: 10px;
font-size: 54px;
color: #ffffff;
}
.featured-block-three .inner-box .content h3 {
position: relative;
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 5px;
font-family: 'Lato', sans-serif;
}
.featured-block-three .inner-box .content .text {
position: relative;
color: #ffffff;
} .info-section {
position: relative;
padding: 55px 0px;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
}
.info-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.80);
}
.info-section .auto-container {
max-width: 1520px;
margin: 0 auto;
}
.info-lists {
position: relative;
float: left;
}
.info-lists li {
position: relative;
color: #ffffff;
font-weight: 300;
font-size: 22px;
margin-right: 40px;
display: inline-block;
font-family: 'Lato', sans-serif;
}
.info-lists li .icon {
position: relative;
width: 55px;
height: 55px;
color: #ffffff;
line-height: 55px;
text-align: center;
margin-right: 15px;
border-radius: 50%;
display: inline-block;
border: 2px solid #ffffff;
}
.info-lists li strong {
font-weight: 700;
} .emailed-form {
position: relative;
width: 340px;
float: left;
margin-top: 3px;
}
.emailed-form .form-group {
position: relative;
margin: 0px;
}
.emailed-form input[type="text"],
.emailed-form input[type="email"],
.emailed-form input[type="password"] {
display: block;
width: 100%;
height: 48px;
padding: 10px 30px;
font-size: 13px;
background: #ffffff;
border-radius: 50px;
}
.emailed-form .theme-btn {
position: absolute;
right: 0px;
top: 0px;
width: 110px;
height: 48px;
font-size: 13px;
line-height: 30px;
color: #ffffff;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
background: #e7470c;
border-radius: 0px 50px 50px 0px;
} .page-title {
position: relative;
padding: 80px 0px 80px;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
background-image: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/background/7.jpg);
}
.page-title .pull-left,
.page-title .pull-right {
width: 49%;
}
.page-title:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(65,166,42,0.94);
}
.page-title h2 {
position: relative;
color: #ffffff;
font-size: 24px;
font-weight: 600;
margin: 0;
word-break: break-all;
text-align: left;
}
.page-title .page-breadcrumb {
position: relative;
margin-bottom: 0px;
border-radius: 50px;
padding: 8px 24px;
display: inline-block;
border: 2px solid #ffffff;
float: right;
}
.page-title .page-breadcrumb li {
position: relative;
display: inline-block;
margin-right: 10px;
padding-right: 10px;
color: #ffffff;
font-size: 14px;
font-weight: 600;
}
.page-title .page-breadcrumb li:after {
position: absolute;
content: '/';
right: -4px;
top: 0px;
color: #ffffff;
}
.page-title .page-breadcrumb li:last-child::after {
display: none;
}
.page-title .page-breadcrumb li:last-child {
padding-right: 0px;
margin-right: 0px;
word-break: break-all;
}
.page-title .page-breadcrumb li a {
color: #ffffff;
font-weight: 600;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.page-title .page-breadcrumb li a:hover {
color: #e7470c;
}
.page-pagination {
display: block;
overflow: hidden;
width: 100%;
padding-top: 10px;
} .services-section-four {
position: relative;
padding: 90px 0px 70px;
}
.services-section-four h2 {
position: relative;
color: #444444;
font-size: 36px;
font-weight: 300;
line-height: 1.4em;
margin-bottom: 50px;
text-align: center;
} .services-section-five {
position: relative;
padding: 80px 0px 40px;
background-repeat: no-repeat;
background-color: #f3f3f3;
}
.services-block-five {
position: relative;
margin-bottom: 52px;
}
.services-block-five .inner-box {
position: relative;
}
.services-block-five .inner-box .image {
position: relative;
}
.services-block-five .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.services-block-five .inner-box .lower-content {
position: relative;
padding-top: 32px;
text-align: center;
}
.services-block-five .inner-box .lower-content h3 {
position: relative;
font-size: 22px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 14px;
}
.services-block-five .inner-box .lower-content h3 a {
position: relative;
color: #222222;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.services-block-five .inner-box .lower-content h3 a:hover {
color: #e7470c;
}
.services-block-five .inner-box .lower-content .text {
position: relative;
color: #444444;
font-size: 14px;
line-height: 1.9em;
padding: 0px 35px;
margin-bottom: 30px;
}
.services-block-five .inner-box .lower-content .read-more {
position: relative;
font-size: 12px;
font-weight: 700;
color: #e7470c;
letter-spacing: 1px;
text-transform: uppercase;
} .pets-box {
position: relative;
margin-bottom: 75px;
}
.pets-box .inner-container {
position: relative;
margin-top: -10px;
border-radius: 5px;
padding: 35px 50px 35px;
background-color: #ffffff;
background-repeat: no-repeat;
background-size: cover;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.pets-box .inner-container h2 {
position: relative;
color: #e7470c;
font-size: 36px;
font-weight: 800;
padding-left: 40px;
line-height: 1.2em;
margin-bottom: 22px;
}
.pets-box .inner-container h2:before {
position: absolute;
content: "\f119";
left: 0px;
top: 6px;
color: #444444;
font-size: 30px;
line-height: 1em;
font-family: "Flaticon";
}
.pets-search-form .form-group {
margin-bottom: 20px;
}
.pets-search-form .form-group .theme-btn {
text-transform: uppercase;
width: 100%;
height: 48px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
} .pets-container {
position: relative;
}
.pets-container h2 {
position: relative;
color: #444444;
font-size: 36px;
font-weight: 300;
line-height: 1.2em;
text-align: center;
margin-bottom: 50px;
}
.pet-block {
position: relative;
margin-bottom: 60px;
}
.pet-block .inner-box {
position: relative;
}
.pet-block .inner-box .image {
position: relative;
}
.pet-block .inner-box .image img {
position: relative;
width: 100%;
height: auto;
display: block;
}
.pet-block .inner-box .image .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
display: block;
height: 100%;
opacity: 0;
text-align: center;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background-color: rgba(0, 0, 0, 0.80);
}
.pet-block .inner-box:hover .image .overlay-box {
opacity: 1;
}
.pet-block .inner-box .image .overlay-box .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.pet-block .inner-box .image .overlay-box .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.pet-block .inner-box .image .overlay-box .overlay-inner .content ul {
position: relative;
}
.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li {
position: relative;
margin: 0px 5px;
display: inline-block;
}
.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li a {
position: relative;
color: #ffffff;
font-size: 12px;
font-weight: 700;
padding: 7px 27px;
border-radius: 50px;
display: inline-block;
border: 2px solid #ffffff;
text-transform: uppercase;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li a:hover {
border-color: #e7470c;
background-color: #e7470c;
}
.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li.share a {
position: relative;
top: 4px;
width: 44px;
height: 44px;
color: #e7470c;
padding: 0px;
font-size: 16px;
line-height: 40px;
border-radius: 50%;
}
.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li.share a:hover {
color: #ffffff;
}
.pet-block .inner-box .lower-content {
position: relative;
padding-top: 35px;
padding-bottom: 35px;
border-bottom: 1px solid #dddddd;
}
.pet-block .inner-box .lower-content h3 {
position: relative;
font-size: 22px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 15px;
}
.pet-block .inner-box .lower-content h3 a {
position: relative;
color: #222222;
}
.pet-block .inner-box .lower-content ul {
position: relative;
margin-bottom: 15px;
}
.pet-block .inner-box .lower-content ul li {
position: relative;
margin-bottom: 6px;
color: #444444;
font-size: 14px;
padding-left: 25px;
}
.pet-block .inner-box .lower-content ul li:before {
position: absolute;
content: '\f119';
left: 0px;
top: 4px;
color: #e5a62d;
font-size: 16px;
line-height: 1em;
font-family: "Flaticon";
} .blog-page-section {
position: relative;
padding: 100px 0px 100px;
}
.news-block-two {
position: relative;
margin-bottom: 70px;
}
.news-block-two .inner-box {
position: relative;
}
.news-block-two .inner-box .image {
position: relative;
}
.news-block-two .inner-box .image img {
position: relative;
max-width: 100%;
height: auto;
display: block;
}
.news-block-two .inner-box .image .post-date {
position: absolute;
right: 48px;
bottom: 40px;
width: 75px;
height: 75px;
font-size: 24px;
font-weight: 800;
display: block;
color: #ffffff;
padding-top: 12px;
text-align: center;
border-radius: 50%;
background-color: #e7470c;
}
.news-block-two .inner-box .image .post-date span {
font-weight: 600;
font-size: 16px;
display: block;
}
.news-block-two .inner-box .lower-content {
position: relative;
padding-top: 28px;
}
.news-block-two .inner-box .lower-content .post-meta {
position: relative;
margin-bottom: 18px;
}
.news-block-two .inner-box .lower-content .post-meta li {
position: relative;
color: #666666;
font-size: 14px;
font-weight: 600;
padding-right: 12px;
margin-right: 8px;
line-height: 1em;
display: inline-block;
border-right: 1px solid #dddddd;
}
.news-block-two .inner-box .lower-content .post-meta li:first-child {
color: #e5a62d;
}
.news-block-two .inner-box .lower-content .post-meta li:last-child {
border: none;
margin-right: 0px;
padding-right: 0px;
}
.news-block-two .inner-box .lower-content h3 {
position: relative;
color: #222222;
font-size: 18px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 15px;
}
.news-block-two .inner-box .lower-content h3 a {
position: relative;
color: #222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block-two .inner-box .lower-content h3 a:hover {
color: #e5a62d;
}
.news-block-two .inner-box .lower-content .text {
position: relative;
color: #444444;
font-size: 14px;
line-height: 2em;
margin-bottom: 30px;
} .styled-pagination {
position: relative;
}
.styled-pagination li {
position: relative;
display: inline-block;
margin: 0px 6px 0px 0px;
}
.styled-pagination li a {
position: relative;
display: inline-block;
line-height: 42px;
height: 44px;
font-size: 14px;
min-width: 45px;
color: #222222;
font-weight: 700;
text-align: center;
background: #ffffff;
border-radius: 5px;
border: 1px solid #dddddd;
text-transform: uppercase;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.styled-pagination li a:hover,
.styled-pagination li a.active {
color: #ffffff;
border-color: #e5a62d;
background-color: #e5a62d;
}
.styled-pagination li.next a {
min-width: 90px;
} .sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
margin-bottom: 40px;
}
.blog-single.padding-right {
padding-right: 30px;
}
.sidebar-widget {
margin-bottom: 30x;
} .sidebar .search-box .form-group {
position: relative;
margin: 0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
position: relative;
line-height: 28px;
padding: 10px 50px 10px 20px;
border: 1px solid #dddddd;
background: none;
display: block;
font-size: 14px;
width: 100%;
height: 50px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sidebar .search-box .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 50px;
width: 50px;
display: block;
font-size: 16px;
color: #ffffff;
line-height: 100%;
font-weight: normal;
background: #e7470c;
} .sidebar-title {
position: relative;
margin-bottom: 20px;
}
.sidebar-title h2 {
font-size: 24px;
color: #222222;
font-weight: 700;
line-height: 1.2em;
text-transform: capitalize;
} .cat-list {
position: relative;
}
.cat-list li {
position: relative;
}
.cat-list li a {
position: relative;
color: #222222;
font-size: 14px;
font-weight: 400;
margin-bottom: 6px;
display: block;
padding-left: 25px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.cat-list li:last-child a {
border-bottom: 0px;
}
.cat-list li a:before {
position: absolute;
content: '';
left: 0px;
top: 8px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #e9531b;
}
.cat-list li a:after {
position: absolute;
content: '';
left: 3px;
top: 11px;
right: 2px;
bottom: 2px;
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid #e9531b;
}
.cat-list li a:hover {
color: #e7470c;
} .adoption {
position: relative;
}
.adoption a {
position: relative;
width: 50%;
float: left;
padding: 0px 7px;
margin-bottom: 14px;
}
.adoption img {
width: 100%;
} .sidebar .popular-tags a {
position: relative;
display: inline-block;
line-height: 24px;
padding: 8px 22px 8px;
margin: 0px 6px 10px 0px;
color: #444444;
text-align: center;
font-size: 12px;
background: none;
font-weight: 700;
border-radius: 50px;
border: 2px solid #eeeeee;
text-transform: uppercase;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.sidebar .popular-tags a:hover {
border-color: #e5a62d;
background-color: #e5a62d;
color: #ffffff;
} .sidebar .popular-posts .post {
position: relative;
font-size: 14px;
color: #666666;
padding: 6px 0px 0px;
padding-left: 100px;
min-height: 80px;
margin-bottom: 25px;
}
.sidebar .popular-posts .post:last-child {
margin-bottom: 0px;
}
.sidebar .popular-posts .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 80px;
}
.sidebar .popular-posts .post .post-thumb img {
display: block;
width: 100%;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.sidebar .popular-posts .post .text {
position: relative;
top: -4px;
font-size: 14px;
margin: 0px 0px 0px;
font-weight: 600;
color: #222222;
line-height: 1.6em;
text-transform: capitalize;
}
.sidebar .popular-posts .post .text a {
color: #222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.sidebar .popular-posts .post a:hover {
color: #e7470c;
}
.sidebar .popular-posts .post-info {
font-size: 14px;
color: #e7470c;
font-weight: 400;
}
.blog-single {
position: relative;
}
.blog-single .inner-box {
position: relative;
}
.blog-single .inner-box .image {
position: relative;
padding-bottom: 20px;
}
.blog-single .inner-box .image img {
position: relative;
max-width: 100%;
height: auto;
display: block;
}
.blog-single .inner-box .lower-content {
position: relative;
}
.blog-single .inner-box .lower-content .title-box {
position: relative;
margin-bottom: 20px;
}
.blog-single .inner-box .lower-content .title-box .date-box {
position: absolute;
left: 0px;
top: 0px;
width: 75px;
height: 75px;
font-size: 24px;
font-weight: 800;
display: block;
color: #ffffff;
padding-top: 12px;
text-align: center;
border-radius: 50%;
background-color: #e7470c;
}
.blog-single .inner-box .lower-content .title-box .date-box span {
font-weight: 600;
font-size: 16px;
display: block;
}
.blog-single .inner-box .lower-content .title-box h3 {
position: relative;
color: #222222;
font-size: 24px;
font-weight: 700;
word-break: break-all;
}
.blog-single .inner-box .lower-content .title-box .post-meta {
position: relative;
margin-bottom: 18px;
}
.blog-single .inner-box .lower-content .title-box .post-meta li {
position: relative;
color: #666666;
font-size: 14px;
font-weight: 600;
padding-right: 12px;
margin-right: 8px;
line-height: 1em;
display: inline-block;
border-right: 1px solid #dddddd;
}
.blog-single .inner-box .lower-content .title-box .post-meta li:first-child {
color: #e5a62d;
}
.blog-single .inner-box .lower-content .title-box .post-meta li:last-child {
border: none;
margin-right: 0px;
padding-right: 0px;
}
.blog-single .inner-box .lower-content .text {
position: relative;
overflow: hidden;
}
.blog-single .inner-box .lower-content .text ul {
list-style: disc;
padding-left: 40px;
}
.blog-single .inner-box .lower-content .text p {
position: relative;
color: #444444;
font-size: 14px;
line-height: 2em;
margin-bottom: 20px;
} table,
th,
td {
border: 1px solid #cecece;
padding: 5px 10px;
}
.blog-single .inner-box .lower-content .post-share-options {
position: relative;
margin-top: 20px;
padding: 18px 0px 18px;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
.blog-single .inner-box .lower-content .post-share-options .tags a {
position: relative;
color: #222222;
font-size: 14px;
font-weight: 600;
margin-left: 4px;
text-transform: capitalize;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.blog-single .inner-box .lower-content .post-share-options .tags a:hover {
color: #e7470c;
}
.blog-single .inner-box .lower-content .post-share-options .tags span {
position: relative;
color: #666666;
font-size: 14px;
}
.blog-single .inner-box .lower-content .post-share-options .tags {
position: relative;
color: #777777;
font-size: 12px;
font-weight: 600;
line-height: 30px;
} li.comment {
list-style: none;
}
.comments-area li {
list-style: none;
}
.sidebar-page-container .group-title {
position: relative;
margin-bottom: 0px;
}
.sidebar-page-container .group-title h2 {
color: #222222;
font-size: 24px;
font-weight: 800;
}
.sidebar-page-container .comments-area {
position: relative;
margin-top: 20px;
padding-right: 30px;
}
.sidebar-page-container .comments-area .comment-box {
position: relative;
margin-bottom: 40px;
}
.sidebar-page-container .comments-area .comment-box .comment {
position: relative;
font-size: 14px;
padding: 0px 0px 0px 110px;
}
.sidebar-page-container .comments-area .comment .comment-inner {
position: relative;
}
.sidebar-page-container .comments-area .comment .comment-reply {
position: absolute;
right: 0px;
top: 0px;
color: #e7470c;
font-size: 12px;
font-weight: 700;
text-align: center;
text-decoration: underline;
text-transform: uppercase;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.sidebar-page-container .comments-area .comment .comment-reply .icon {
font-size: 13px;
margin-right: 2px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 90px;
overflow: hidden;
margin-bottom: 20px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img {
display: block;
width: 100%;
}
.sidebar-page-container .comments-area .comment-info {
color: #222222;
line-height: 24px;
font-size: 16px;
font-weight: 700;
}
.sidebar-page-container .comments-area .comment-info span {
font-weight: 400;
font-size: 16px;
color: #777777;
margin-left: 22px;
}
.sidebar-page-container .comments-area .comment .comment-inner .rating {
position: relative;
font-size: 18px;
color: #ffb200;
}
.sidebar-page-container .comments-area .comment-box .text {
color: #444444;
font-size: 14px;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1.9em;
}
.sidebar-page-container .comments-area .comment-info .comment-time {
position: relative;
font-size: 12px;
color: #666666;
margin-left: 12px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
}
.sidebar-page-container .comments-area .comment-box .theme-btn {
padding: 5px 30px;
font-size: 12px;
border: 1px solid #fbca00;
text-transform: uppercase;
letter-spacing: 1px;
}
.comment-author{
font-weight: 700;
} .comment-respond label {
display: none;
}
.comment-form {
position: relative;
}
.comment-form .row {
margin: 0px -10px;
}
.comment-form .form-group {
position: relative;
margin-bottom: 20px;
padding: 0px 10px;
}
.comment-form .form-group:last-child {
margin-bottom: 0px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 25px;
border: 1px solid #dddddd;
height: 50px;
color: #444444;
font-weight: 400;
background: #ffffff;
border-radius: 50px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
border-color: #febe28;
}
.comment-respond .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 10px 25px;
color: #444444;
border: 1px solid #dddddd;
height: 125px;
font-weight: 300;
background: #ffffff;
resize: none;
border-radius: 15px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 10px 25px;
color: #444444;
border: 1px solid #dddddd;
height: 125px;
font-weight: 300;
background: #ffffff;
resize: none;
border-radius: 15px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form input[type="text"],
.comment-form input[type="password"],
.comment-form input[type="tel"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 25px;
border: 1px solid #dddddd;
height: 50px;
color: #444444;
font-weight: 400;
background: #ffffff;
border-radius: 50px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
margin-bottom: 10px;
}
.comment-form input[type="text"]:focus,
.comment-form input[type="password"]:focus,
.comment-form input[type="tel"]:focus,
.comment-form input[type="url"]:focus,
.comment-form input[type="email"]:focus,
.comment-form select:focus,
.comment-form textarea:focus {
border-color: #febe28;
}
.comment-respond textarea {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 10px 25px;
color: #444444;
border: 1px solid #dddddd;
height: 125px;
font-weight: 300;
background: #ffffff;
resize: none;
border-radius: 15px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form textarea {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 10px 25px;
color: #444444;
border: 1px solid #dddddd;
height: 125px;
font-weight: 300;
background: #ffffff;
resize: none;
border-radius: 15px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form button {
padding: 10px 53px;
font-size: 14px;
text-transform: uppercase;
}
.comment-form input:focus,
.comment-form select:focus,
.comment-form textarea:focus {
border-color: #e5a62d;
}
.comments-area .group-title h2 {
margin-bottom: 20px;
}
.comment-form .group-title h2 {
margin-bottom: 20px;
}
.comment-form h3.comment-reply-title {
margin-bottom: 20px;
font-size: 20px;
}
.comment-form p.form-submit {
clear: both;
}
.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
margin: 0;
}
.comment-form p.form-submit {
margin-top: 0;
padding-top: 0 !important;
}
.comment-form p.form-submit input[type="submit"] {
margin-top: 0;
} .contact-section {
position: relative;
padding: 95px 0px 60px;
}
.contact-section .sec-title {
margin-bottom: 35px;
}
.contact-section h2 {
position: relative;
color: #242424;
font-size: 34px;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 10px;
}
.contact-section .title {
position: relative;
color: #242424;
}
.contact-section .form-column {
position: relative;
} .contact-form {
position: relative;
padding-right: 40px;
}
.contact-form .form-group {
position: relative;
margin-bottom: 30px;
}
.contact-form .form-group input {
position: relative;
display: block;
width: 100%;
line-height: 33px;
padding: 10px 0px;
height: 55px;
color: #000000;
background: none;
font-size: 15px;
font-weight: 600;
border-bottom: 2px solid #f0eff4;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.70);
font-weight: 400;
font-size: 15px;
}
.contact-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 30px;
padding: 10px 0px;
color: #000000;
height: 160px;
resize: none;
background: none;
font-weight: 600;
border-bottom: 2px solid #f0eff4;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.contact-form .form-group input:focus,
.contact-form .form-group textarea:focus {
border-color: #e5a62d;
}
.contact-form .form-group button {
margin-top: 5px;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
border-color: #ff0000 !important;
}
.contact-form label.error {
display: block;
line-height: 24px;
padding: 5px 0px 0px;
margin: 0px;
text-transform: uppercase;
font-size: 11px;
color: #ff0000;
font-weight: 500;
}
.contact-section .info-column {
position: relative;
}
.contact-section .info-column .inner-column {
position: relative;
padding-left: 35px;
margin-top: 54px;
margin-left: 30px;
border-left: 1px solid #cccccc;
}
.contact-section .info-column ul {
position: relative;
padding-bottom: 1px;
}
.contact-section .info-column ul li span {
position: relative;
color: #242424;
font-size: 16px;
display: block;
font-weight: 600;
margin-bottom: 6px;
text-transform: capitalize;
}
.contact-section .info-column ul li {
position: relative;
margin-bottom: 40px;
font-size: 16px;
font-weight: 600;
color: #797979;
line-height: 1.4em;
list-style: none;
} .map-section {
position: relative;
}
.map-data {
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 1.8em;
}
.map-data h6 {
font-size: 16px;
font-weight: 700;
text-align: center;
margin-bottom: 5px;
color: #121212;
}
.map-canvas {
height: 440px;
} .gallery {
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
} .gallery .gallery-item {
float: left;
margin-bottom: 15px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
.gallery .gallery-item a {
display: block;
text-align: center;
} .rtl .gallery .gallery-item {
float: right;
} .gallery.gallery-columns-9 .gallery-item {
width: 11%;
} .gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
} .gallery.gallery-columns-7 .gallery-item {
width: 14%;
} .gallery.gallery-columns-6 .gallery-item {
width: 16.5%;
} .gallery.gallery-columns-5 .gallery-item {
width: 20%;
} .gallery.gallery-columns-4 .gallery-item {
width: 25%;
} .gallery.gallery-columns-3 .gallery-item {
width: 33%;
} .gallery.gallery-columns-1 .gallery-item {
width: 100%;
} .gallery.gallery-columns-2 .gallery-item {
width: 50%;
} .comment-respond {
padding: 20px 0;
position: relative;
}
.comment-respond:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
.comment-respond textarea {
min-height: 260px;
}
.comment-respond p {
padding-bottom: 7px;
}
.comment-respond p:empty {
display: block;
}
.comment-respond textarea[name=comment] {
width: 100%;
}
.comment-respond .comment-reply-title {
position: relative;
margin-bottom: 20px;
}
.comment-respond .comment-reply-title small {
float: right;
}
.comment-respond .comment-form-name {
margin-bottom: 10px;
clear: both;
}
.comment-respond .comment-form {
position: relative;
}
.comment-respond .comment-form:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
.comment-respond .comment-notes,
.comment-respond .logged-in-as {
padding-bottom: 20px;
display: block;
clear: both;
}
.comment-respond .comment-form-comment {
padding-right: 0px;
}
.comment-respond .comment-form-author,
.comment-respond .comment-form-email {
margin: 0;
}
.comment-respond .form-submit {
padding-top: 10px;
display: block;
clear: both;
}
.nocomments {
margin: 50px 0 0;
position: relative;
overflow: hidden;
}
.error404 {
border-top: 1px solid #f0f0f0;
min-height: 200px;
text-align: center;
}
.error404 .search-form-wrapper {
padding: 0;
}
.error404 .search-form-wrapper h1 {
color: #12a4dd;
font-size: 200px;
font-weight: 900;
letter-spacing: 10px;
line-height: 1.1;
margin: 0 0 30px;
}
.error404 .search-form-wrapper h2 {
color: #333;
font-size: 35px;
text-transform: uppercase;
}
.error404 .search-form-wrapper p {
color: #333;
font-size: 22px;
font-weight: 300;
margin: 20px auto 30px;
text-align: center;
width: 60%;
}
.error404 .search-form-wrapper #blogsearchform .form-input {
margin-left: auto;
margin-right: auto;
}
.error404 .search-form-wrapper #blogsearchform .form-input .input_text,
.error404 .search-form-wrapper #blogsearchform .form-input .button {
height: 50px;
line-height: 50px;
}
.error404 .search-form-wrapper a.buttonback {
margin-top: 30px;
}
.error404 .search-form-wrapper a.button:hover {
background: #333;
}
.error404 .form-group input[type=text] {
position: relative;
line-height: 28px;
padding: 10px 50px 10px 20px;
border: 1px solid #dddddd;
background: none;
display: block;
font-size: 14px;
width: 100%;
height: 50px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.error404 .form-group .search-btn {
position: absolute;
right: 0px;
top: 0px;
height: 50px;
width: 50px;
display: block;
font-size: 16px;
color: #ffffff;
line-height: 100%;
font-weight: normal;
background: #e7470c;
border: none;
}  select {
max-width: 90%;
}
#wp-calendar {
width: 100%;
text-align: center;
font-size: 12px;
line-height: 3;
max-width: 370px;
background: #fff;
}
#wp-calendar caption {
border: 1px solid #DDDDDD;
color: #fff;
background: #2b292a;
font-size: 19px;
text-align: center;
font-family: 'Montserrat', sans-serif;
line-height: 25px;
padding: 10px 20px;
text-transform: uppercase;
border-bottom: none;
}
#wp-calendar td a {
color: #777;
display: block;
}
#wp-calendar table,
#wp-calendar th,
#wp-calendar td {
padding: 0;
}
#wp-calendar td a:hover {
background: #000;
color: #fff;
}
#wp-calendar #prev a,
#wp-calendar #next a {
display: inline;
}
#wp-calendar tbody tr td {
border: 1px solid #DDDDDD;
color: #BBBBBB;
font-weight: bold;
}
#wp-calendar thead {
color: #555555;
}
#wp-calendar thead th {
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #DDDDDD;
text-align: center;
}
#wp-calendar tfoot {
border: 1px solid #ddd;
}
#wp-calendar tfoot #next {
text-align: right;
border: none;
}
#wp-calendar tfoot #prev {
text-align: left;
border: none;
}
td.pad {
border: none;
}
#wp-calendar tfoot a {
padding: 10px;
}
.wp-caption {
border: 1px solid #ddd;
border-radius: 3px;
padding: 3px;
}
.wp-caption.aligncenter {
margin: auto;
}
.wp-caption.aligncenter {
margin-bottom: 10px;
}
.wp-caption.alignnone {
margin-bottom: 10px;
}
.wp-caption.alignleft {
float: left;
margin-right: 10px;
}
.wp-caption.alignright {
float: right;
margin-left: 10px;
}
.alignleft {
text-align: left;
margin-right: 5px;
}
.alignright {
text-align: right;
}
.aligncenter {
text-align: center;
}
img.alignright {
clear: both;
display: block;
float: right;
margin-bottom: 3px;
margin-left: 10px;
}
img.alignleft {
clear: both;
display: block;
float: left;
margin-bottom: 3px;
margin-right: 10px;
}
img.aligncenter {
display: block;
margin: auto;
text-align: center;
}
.wp-caption-text,
.gallery-caption {
font-size: 13px;
margin: 0;
padding: 5px;
text-align: center;
}
.wp-caption {
max-width: 100% !important;
}
.rssSummary {
color: #787878;
font-size: 13px;
margin-bottom: 10px;
margin-top: 5px;
}
.rss-date {
clear: both;
color: #2b292a;
display: block;
font-size: 12px;
font-weight: bold;
margin-top: 10px;
text-transform: uppercase;
}
.widget_rss cite {
display: block;
font-size: 14px;
margin-bottom: 10px;
font-family: playfair display;
}
.widget_rss li .rsswidget {
background: #1f1f1f;
color: #fff;
width: 100%;
display: block;
padding: 5px 10px;
font-weight: 600;
}
.sidebar .widget_rss ul li {
list-style: none;
}
.sidebar .widget_rss ul {
padding: 0;
list-style: none;
}
.sticky.blog-post .blog-title::before {
background: #b9b9b9 none repeat scroll 0 0;
border-radius: 100px;
color: #fff;
content: "\f08d";
letter-spacing: 0;
display: inline-block;
float: right;
font-family: fontawesome;
font-size: 14px;
height: 30px;
line-height: 30px;
margin-left: 5px;
margin-top: 10px;
text-align: center;
width: 30px;
}
.post.sticky {
border: 1px solid #eee;
margin-bottom: 20px;
padding: 30px;
}
.post.sticky .border-post.clearfix {
background: transparent;
margin: 0;
}
.post.sticky .go-btn {
background: transparent;
color: #bf919f;
}
.post.sticky .go-btn:hover {
background: #bf919f;
color: #fff;
}
.post-pager p {
border-top: 1px solid #eeeeee;
color: #555555;
font-size: 13px;
font-weight: bold;
margin: 0;
padding-top: 30px;
}
.post-pager a {
border: 1px solid;
margin: 0 5px;
padding: 4px 10px;
}
.widget ol li ul li ol li {
list-style-type: lower-alpha;
}
.widget ul li ol li {
list-style-type: decimal;
}
.widget ul li ol li ul li {
list-style-type: square;
}
.widget_rss .rsswidget {
font-weight: 500;
}
.post-password-form input[type="submit"]:hover {
color: #fff;
background: #ccc;
}
.comment-reply-title {
font-size: 18px;
margin: 0;
text-transform: uppercase;
color: #222222;
}
.post-password-form input {
border: 1px solid #ccc;
border-radius: 100px;
color: #aaa;
display: inline-block;
font-weight: bold;
letter-spacing: 2px;
line-height: 1.2;
margin-bottom: 40px;
margin-top: 20px;
padding: 16px 35px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
width: auto;
}
.post-password-form input[type="submit"] {
background: #000 none repeat scroll 0 0;
border-radius: 100px;
color: #fff;
display: inline-block;
font-weight: bold;
letter-spacing: 2px;
line-height: 1.2;
margin-bottom: 40px;
margin-top: 20px;
padding: 16px 35px;
text-transform: uppercase;
width: auto;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
border: none;
}
.search-title {
border-bottom: 1px solid #eee;
font-size: 25px;
margin: 0 0 40px;
padding-bottom: 20px;
text-transform: uppercase;
}
button,
input,
select,
textarea {
max-width: 100%;
}
.widget_nav_menu ul li a {
letter-spacing: 0;
padding: 0;
text-transform: none;
}
.footer-widget ul li {
position: relative;
margin-bottom: 8px;
list-style: none;
}
.widget_nav_menu ul li a {
position: relative;
padding-left: 32px;
color: #444444;
font-size: 14px;
font-weight: 400;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.widget_nav_menu ul li a:before {
position: absolute;
content: '\f119';
left: 0px;
top: 4px;
color: #cccccc;
line-height: 1em;
font-family: "Flaticon";
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.footer-widget ul li .icon {
position: absolute;
left: 0px;
top: 4px;
color: #cccccc;
font-size: 24px;
line-height: 1em;
}
#give-recurring-form .form-row input[type=text],
#give-recurring-form .form-row input[type=email],
#give-recurring-form .form-row input[type=password],
#give-recurring-form .form-row input[type=tel],
#give-recurring-form .form-row input[type=url],
#give-recurring-form .form-row select,
#give-recurring-form .form-row textarea,
form.give-form .form-row input[type=text],
form.give-form .form-row input[type=email],
form.give-form .form-row input[type=password],
form.give-form .form-row input[type=tel],
form.give-form .form-row input[type=url],
form.give-form .form-row select,
form.give-form .form-row textarea,
form[id*=give-form] .form-row input[type=text],
form[id*=give-form] .form-row input[type=email],
form[id*=give-form] .form-row input[type=password],
form[id*=give-form] .form-row input[type=tel],
form[id*=give-form] .form-row input[type=url],
form[id*=give-form] .form-row select,
form[id*=give-form] .form-row textarea {
position: relative;
display: block;
width: 100%;
height: 50px;
font-size: 14px;
color: #848484;
line-height: 28px;
padding: 10px 25px;
font-weight: 400;
background: #ffffff;
border-radius: 50px;
border: 1px solid #cecece;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
form[id*=give-form] #give-final-total-wrap .give-donation-total-label,
form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
background-color: #f2f2f2;
color: #333;
margin: 0;
padding: 10px 25px;
height: 50px;
line-height: 35px;
font-size: 18px;
border-radius: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
border: 1px solid #cecece;
}
.give-modal form[id*=give-form] .give-submit {
position: relative;
padding: 11px 39px;
line-height: 29px;
color: #ffffff;
font-size: 18px;
font-weight: 600;
border-radius: 50px;
background-color: #e7470c;
border: 2px solid #e7470c;
}
.gform1 .give-btn {
position: relative;
padding: 11px 39px;
line-height: 29px;
color: #ffffff;
font-size: 18px;
font-weight: 600;
border-radius: 50px;
background-color: #e7470c;
border: 2px solid #e7470c;
}
.gform2 .give-btn {
position: relative;
padding: 11px 39px;
line-height: 29px;
color: #ffffff;
font-size: 18px;
font-weight: 600;
border-radius: 50px;
background-color: #e5a62d;
border: 2px solid #e5a62d;
}
.gform3 .give-btn {
position: relative;
padding: 11px 39px;
line-height: 29px;
color: #ffffff;
font-size: 18px;
font-weight: 600;
border-radius: 50px;
background-color: #630abb;
border: 2px solid #630abb;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol {
background-color: transparent;
border-top: none;
border-bottom: none;
color: #333;
margin: 0;
padding: 0;
height: 65px;
line-height: 65px;
font-size: 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
font-size: 48px;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
border-left: none;
}
form[id*=give-form] .give-donation-amount #give-amount,
form[id*=give-form] .give-donation-amount #give-amount-text {
border: 1px solid #ccc;
background: #FFF;
border-radius: 0;
height: 50px;
line-height: 50px;
padding: 0 12px;
margin: 0;
font-size: 18px;
border-radius: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 60%;
float: left;
color: #000;
}
.sidebar-widget ul {
list-style: none;
padding-left: 0;
}
.sidebar-widget ul ul {
list-style: none;
padding-left: 5px;
}
.sidebar-widget ul li{
display: block !important;
}
.sidebar-widget ul li a {
position: relative;
color: #222222;
font-size: 14px;
font-weight: 400;
margin-bottom: 6px;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.widget_categories ul li a,
.widget_archive ul li a,
.widget_meta ul li a,
.widget_recent_entries ul li ,
.widget_recent_comments ul li {
position: relative;
color: #222222;
font-size: 14px;
font-weight: 400;
margin-bottom: 6px;
display: inline-block;
padding-left: 25px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.widget_categories ul li a:before,
.widget_archive ul li a:before,
.widget_meta ul li a:before,
.widget_recent_entries ul li:before,
.widget_recent_comments ul li:before {
position: absolute;
content: '';
left: 0px;
top: 8px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #e9531b;
}
.widget_categories ul li a:after,
.widget_archive ul li a:after,
.widget_meta ul li a:after,
.widget_recent_entries ul li:after,
.widget_recent_comments ul li:after {
position: absolute;
content: '';
left: 3px;
top: 11px;
right: 2px;
bottom: 2px;
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid #e9531b;
}
.tagcloud a {
position: relative;
display: inline-block;
line-height: 24px;
padding: 8px 22px 8px;
margin: 0px 6px 10px 0px;
color: #444444;
text-align: center;
font-size: 12px !important;
background: none;
font-weight: 700;
border-radius: 50px;
border: 2px solid #eeeeee;
text-transform: uppercase;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.tagcloud a:hover {
border-color: #e5a62d;
background-color: #e5a62d;
color: #ffffff !important;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
ul.petdetails {
padding-left: 0;
}
ul.petdetails li {
position: relative;
margin-bottom: 6px;
color: #444444;
font-size: 14px;
padding-left: 25px;
list-style: none;
}
ul.petdetails li:before {
position: absolute;
content: '\f119';
left: 0px;
top: 4px;
color: #e5a62d;
font-size: 16px;
line-height: 1em;
font-family: "Flaticon";
}
.cmb-th {
color: #fff !important;
}
.cmb-th label {
padding-left: 15px !important;
}
.cmb-type-text,
.cmb-type-text-email,
.cmb-type-text-date,
.cmb-type-text-time {
width: 33%;
display: inline-block;
}
.cmb-th+.cmb-td,
.cmb2-wrap input.cmb2-text-medium,
.cmb2-datepicker {
width: 100% !important;
}
.cmb2-element .ui-datepicker,
.cmb2-element.ui-datepicker {
width: 300px !important;
}
.cmb2-wrap input {
position: relative;
display: block;
width: 100%;
height: 50px;
font-size: 14px;
color: #848484;
line-height: 28px;
padding: 10px 25px !important;
font-weight: 400;
background: #ffffff;
border-radius: 30px;
border: 1px solid #ffffff;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.cmb2-wrap textarea {
position: relative;
display: block;
width: 100% !important;
height: 50px;
font-size: 14px;
color: #848484;
line-height: 28px;
padding: 10px 25px !important;
font-weight: 400;
background: #ffffff;
border-radius: 30px;
border: 1px solid #ffffff;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
height: 140px;
}
.cmb2-wrap input.cmb2-timepicker {
width: 100% !important;
}
.cmb-th {
padding: 0 !important;
}
html input[type=button],
input[type=reset],
input[type=submit] {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
padding: 11px 46px;
margin-top: 10px;
position: relative;
line-height: 29px;
color: #ffffff;
font-size: 16px;
font-weight: 700;
border-radius: 50px;
background-color: #e5a62d;
border: 2px solid #e5a62d;
} .error-404 {
padding: 60px 0;
} .page-404 {
padding: 50px 0;
} .page-404 .big-font {
line-height: 140px;
font-size: 130px;
font-weight: 500;
text-transform: uppercase;
font-family: "Montserrat";
color: #222222;
}
@media only screen and (max-width: 767px) { .page-404 .big-font {
font-size: 110px;
}
.welcome-section{padding: 0;}
}
@media (max-width: 640px) { .page-404 .big-font {
font-size: 110px;
}
} .page-404 .page-title {
font-size: 60px;
font-weight: 500;
line-height: 1;
margin: 0 0 25px;
}
@media (min-width: 768px) and (max-width: 1023px) { .page-404 .page-title {
font-size: 54px;
line-height: 64px;
}
}
@media only screen and (max-width: 767px) { .page-404 .page-title {
font-size: 44px;
line-height: 54px;
}
}
@media (max-width: 640px) { .page-404 .page-title {
font-size: 38px;
line-height: 48px;
}
} .page-404 .sub-title {
font-size: 16px;
margin: 0 0 40px;
}
.text-left {
text-align: left !important;
}
.petenica-pagination {
text-align: center;
}
span.page-numbers,
a.page-numbers {
padding: 5px 10px;
border: 1px solid #eeeeee;
color: #777;
}
.petenica-pagination .current {
background: #e5a62d;
color: #fff;
}
.petenica-pagination ul {
list-style: none;
}
.form-group {
position: relative;
}
.sidebar-widget .form-group .search-btn {
position: absolute;
right: 0px;
top: 0px;
height: 50px;
width: 50px;
display: block;
font-size: 16px;
color: #ffffff;
line-height: 100%;
font-weight: normal;
background: #e7470c;
border: none;
}
.sidebar-widget .form-group input[type=text] {
position: relative;
line-height: 28px;
padding: 10px 50px 10px 20px;
border: 1px solid #dddddd;
background: none;
display: block;
font-size: 14px;
width: 100%;
height: 50px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.petenica-pagination ul.page-numbers li {
display: inline-block;
}
.adopt-form input[type="text"],
.adopt-form input[type="email"] {
border-color: #cecece !important;
}
footer .popular-posts figure.post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 80px;
}
footer .popular-posts .text {
position: relative;
top: 2px;
font-size: 14px;
margin: 0px 0px 0px;
font-weight: 700;
color: #444444;
line-height: 1.6em;
text-transform: capitalize;
}
footer ul.contact-info {
padding-left: 0;
}
footer ul.contact-info li {
position: relative;
color: #222222;
font-size: 14px;
margin-bottom: 12px;
padding-left: 30px;
}
.blog .single-latest-news {
margin-bottom: 50px;
border:1px solid #cecece;
}
.blog .sticky{
box-shadow: 2px 2px 2px 2px #cecece;
}
.single-latest-news h2 {
margin-bottom: 0;
position: relative;
font-size: 24px;
font-weight: 800;
display: inline-block;
}
.single-latest-news a {
color: #222222;
}
.blog .single-latest-news .post-media {
background: 0 0;
position: relative;
overflow: hidden;
margin-bottom: 0px;
}
.post-details {
padding: 10px 0;
border-bottom: 1px solid #e0f3ff;
margin-bottom: 0;
}
.post-data{
padding: 20px;
}
.list-inline {
padding-left: 0;
list-style: none;
}
ul.list-inline>li:not(:last-child) {
margin-right: 15px;
}
.post-details li:not(:last-child) {
padding-right: 10px;
}
ul.list-inline>li {
display: inline-block;
}
.post-details li {
font-size: 14px;
color: #666666;
position: relative;
}
.post-details li i {
font-size: 12px;
margin-right: 8px;
}
.single-latest-news h2 a {
display: inline-block;
word-break: break-word;
}
.post-categories {
list-style: none;
color: #666666;
}
.post-categories li {
display: inline-block;
margin-right: 15px;
}
.categories i {
font-size: 12px;
color: #666666;
margin-right: 8px;
}
ul.post-meta a {
color: #666666;
line-height: 20px;
}
.name h4 {
margin-bottom: 5px;
}
.blog-post {
margin-bottom: 10px;
}
.blog-post .blog-text {
padding-top: 20px;
}
.blog-post .blog-text ul {
padding-top: 10px;
padding-bottom: 20px;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.blog-post .blog-text h2 {
letter-spacing: .44px;
padding: 0px 0 10px;
border-bottom: 1px solid #e4e4e4;
-webkit-transition: all .3s linear 0s;
-o-transition: all .3s linear 0s;
transition: all .3s linear 0s;
}
.blog-post .blog-text p {
margin-bottom: 20px;
}
.blog-post .blog-text ul li {
display: inline-block;
margin-right: 27px;
}
.blog-post .read_btn {
margin-top: 30px;
}
.read_btn {
display: inline-block;
padding: 0 30px;
border: 1px solid #adadad;
line-height: 40px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 500;
color: #797979;
border-radius: 3px;
-webkit-transition: all .3s linear 0s;
-o-transition: all .3s linear 0s;
transition: all .3s linear 0s;
}
.woocommerce .sidebar .widget {
margin-bottom: 45px;
}
.woocommerce .sidebar .widget img {
max-width: 100%;
}
.woocommerce .sidebar .widget ul {
list-style: none;
padding-left: 0;
}
.woocommerce .sidebar .widget ul li ul {
padding-left: 10px;
}
.bypostauthor .fn.comment-author:after {
content: "\f007";
background: #dadada none repeat scroll 0 0;
border-radius: 100px;
color: #888888;
display: inline-block;
font-family: FontAwesome;
font-size: 11px;
height: 23px;
line-height: 23px;
margin-left: 3px;
text-align: center;
width: 23px;
}
.woocommerce div.product p.stock {
font-size: .92em;
position: relative;
padding: 12px;
}
#search {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}
#search form{
width: 50%;
margin: 0 auto;
}
#search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1); 
opacity: 1;
z-index: 99999;
}
#search input[type="search"] {
position: absolute;
top: 50%;
width: 50%;
color: rgb(2, 2, 2);
background: rgba(0, 0, 0, 0);
font-size: 60px;
font-weight: 300;
text-align: center;
border: 0px;
margin: 0px auto;
margin-top: -51px;
padding-left: 30px;
padding-right: 30px;
outline: none;
}
#search .btn {
position: absolute;
top: 50%;
left: 50%;
margin-top: 61px;
margin-left: -45px;
}
#search .close {
position: fixed;
top: 15px;
right: 15px;
color: #222;
opacity: 1;
padding: 10px 17px;
font-size: 50px;
}
.main-header .search-panel .form-container{
border-top: 2px solid #e7470c;
}
.search-icon {
font-size: 18px;
color: #222222;
background: none;
border: 0;
outline: none;
padding-top: 0;
}
.search-toggle .search-icon.icon-close {
display: none;
}
.search-toggle.opened .search-icon.icon-search {
display: none;
}
.search-toggle.opened .search-icon.icon-close {
display: block;
}
.search-container {
position: relative;
max-height: 0;
overflow: hidden;
background-color: #eee;
width: 300px;
}
.search-container.opened {
max-height: 100px;
}
.search-container input[type="text"] {
}
.search-container .search-icon {
vertical-align: middle;
}
.search-container {
position: absolute;
right: 0px;
top: 65px
}
.top-left ul{
padding-left: 0;
}
.paginationpet{
text-align: center;
}
#home_background{background-color: #51AF33;}
.home_banner_section{padding:0!important;}
.red-carpet a{color: #fff;}
.red-carpet:hover a{color: #fff;}
.red-carpet{background-color: #e62a16;padding: 5px 20px;text-align: center!important;}
.sidebar-page-container {position: relative;padding: 20px 0px 20px;}
.slide-text{padding: 6em 0;}
@media only screen and (max-width: 991px) {
.slide-text{padding: 0;text-align: center;}	
}.hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}  .hvr-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
} @-webkit-keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
} .hvr-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
-webkit-animation-name: hvr-pulse;
animation-name: hvr-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
} .hvr-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
-webkit-animation-name: hvr-pulse-grow;
animation-name: hvr-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
} .hvr-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
-webkit-animation-name: hvr-pulse-shrink;
animation-name: hvr-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
} .hvr-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
-webkit-animation-name: hvr-push;
animation-name: hvr-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
} .hvr-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
-webkit-animation-name: hvr-pop;
animation-name: hvr-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}  .hvr-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
} .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}  .hvr-bounce-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
} .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}  .hvr-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}  .hvr-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
-webkit-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
}  .hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}  .hvr-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
-webkit-transform: translateY(8px);
transform: translateY(8px);
} @-webkit-keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
} .hvr-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
} .hvr-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
-webkit-animation-name: hvr-hang-sink, hvr-hang;
animation-name: hvr-hang-sink, hvr-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}  .hvr-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
}  .hvr-skew-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
} .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
}  .hvr-skew-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
} .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
-webkit-transform: skew(10deg);
transform: skew(10deg);
} @-webkit-keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
} .hvr-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
-webkit-animation-name: hvr-wobble-vertical;
animation-name: hvr-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .hvr-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
} .hvr-wobble-to-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
-webkit-animation-name: hvr-wobble-to-bottom-right;
animation-name: hvr-wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
} .hvr-wobble-to-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
-webkit-animation-name: hvr-wobble-to-top-right;
animation-name: hvr-wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
} .hvr-wobble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
} .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
-webkit-animation-name: hvr-wobble-top;
animation-name: hvr-wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
} .hvr-wobble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
} .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
-webkit-animation-name: hvr-wobble-bottom;
animation-name: hvr-wobble-bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
} .hvr-wobble-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
-webkit-animation-name: hvr-wobble-skew;
animation-name: hvr-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
} .hvr-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
-webkit-animation-name: hvr-buzz;
animation-name: hvr-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
} .hvr-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
} .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}  .hvr-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}  .hvr-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}   .hvr-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
} .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
background-color: #2098D1;
color: white;
} @-webkit-keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
@keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
} .hvr-back-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
} .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
-webkit-animation-name: hvr-back-pulse;
animation-name: hvr-back-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-color: #2098D1;
background-color: #2098d1;
color: white;
}  .hvr-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
color: white;
} .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}  .hvr-sweep-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-sweep-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
color: white;
} .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}  .hvr-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
color: white;
} .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}  .hvr-sweep-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
color: white;
} .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}  .hvr-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
} .hvr-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
color: white;
} .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}  .hvr-bounce-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
} .hvr-bounce-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
color: white;
} .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}  .hvr-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
} .hvr-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
color: white;
} .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}  .hvr-bounce-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
} .hvr-bounce-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
color: white;
} .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}  .hvr-radial-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-radial-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
color: white;
} .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
-webkit-transform: scale(2);
transform: scale(2);
}  .hvr-radial-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-radial-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
border-radius: 100%;
-webkit-transform: scale(2);
transform: scale(2);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
color: white;
} .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
}  .hvr-rectangle-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
color: white;
} .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
}  .hvr-rectangle-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
color: white;
} .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
-webkit-transform: scale(1);
transform: scale(1);
}  .hvr-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
color: white;
} .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}  .hvr-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
color: white;
} .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}  .hvr-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
color: white;
} .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
-webkit-transform: scaleY(0);
transform: scaleY(0);
}  .hvr-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-shutter-out-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
color: white;
} .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}   .hvr-border-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; } .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent; }  .hvr-hollow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background;
transition-property: background;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; } .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
background: none;
}  .hvr-trim {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-trim:before {
content: '';
position: absolute;
border: white solid 4px;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
} .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
opacity: 1;
} @-webkit-keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
} .hvr-ripple-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-ripple-out:before {
content: '';
position: absolute;
border: #e1e1e1 solid 6px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
} .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
-webkit-animation-name: hvr-ripple-out;
animation-name: hvr-ripple-out;
} @-webkit-keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
@keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
} .hvr-ripple-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-ripple-in:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
} .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
-webkit-animation-name: hvr-ripple-in;
animation-name: hvr-ripple-in;
}  .hvr-outline-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-outline-out:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
} .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
}  .hvr-outline-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-outline-in:before {
pointer-events: none;
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
} .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
}  .hvr-round-corners {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
} .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
border-radius: 1em;
}  .hvr-underline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
} .hvr-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
right: 0;
}  .hvr-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
} .hvr-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
left: 0;
right: 0;
}  .hvr-underline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
} .hvr-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
left: 0;
}  .hvr-overline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
} .hvr-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
right: 0;
}  .hvr-overline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
} .hvr-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
left: 0;
right: 0;
}  .hvr-overline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
} .hvr-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
left: 0;
}  .hvr-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
} .hvr-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-color: #2098D1;
border-style: solid;
border-width: 0;
-webkit-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-width: 4px;
}  .hvr-underline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
} .hvr-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}  .hvr-overline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
} .hvr-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}   .hvr-glow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
} .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}  .hvr-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
} .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}  .hvr-grow-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform;
} .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}  .hvr-box-shadow-outset {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
} .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}  .hvr-box-shadow-inset {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent; } .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent; }  .hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
} .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px); }  .hvr-shadow-radial {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-shadow-radial:before, .hvr-shadow-radial:after {
pointer-events: none;
position: absolute;
content: '';
left: 0;
width: 100%;
box-sizing: border-box;
background-repeat: no-repeat;
height: 5px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
} .hvr-shadow-radial:before {
bottom: 100%;
background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
} .hvr-shadow-radial:after {
top: 100%;
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
} .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
opacity: 1;
}   .hvr-bubble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-bubble-top:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
top: 0;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e1e1e1 transparent;
} .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}  .hvr-bubble-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-bubble-right:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
right: 0;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
} .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}  .hvr-bubble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-bubble-bottom:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
bottom: 0;
border-width: 10px 10px 0 10px;
border-color: #e1e1e1 transparent transparent transparent;
} .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}  .hvr-bubble-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
left: 0;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
} .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}  .hvr-bubble-float-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-bubble-float-top:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
top: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e1e1e1 transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
-webkit-transform: translateY(10px);
transform: translateY(10px);
} .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}  .hvr-bubble-float-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-bubble-float-right:before {
position: absolute;
z-index: -1;
top: calc(50% - 10px);
right: 0;
content: '';
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
} .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}  .hvr-bubble-float-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-bubble-float-bottom:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
bottom: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #e1e1e1 transparent transparent transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}  .hvr-bubble-float-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-bubble-float-left:before {
position: absolute;
z-index: -1;
content: '';
top: calc(50% - 10px);
left: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
} .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
-webkit-transform: translateX(10px);
transform: translateX(10px);
} .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}   .hvr-icon-back {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-left: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
} .hvr-icon-back:before {
content: "\f137";
position: absolute;
left: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
}  .hvr-icon-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
} .hvr-icon-forward:before {
content: "\f138";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
-webkit-transform: translateX(4px);
transform: translateX(4px);
} @-webkit-keyframes hvr-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}  .hvr-icon-down {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
} .hvr-icon-down:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
-webkit-animation-name: hvr-icon-down;
animation-name: hvr-icon-down;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes hvr-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}  .hvr-icon-up {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
} .hvr-icon-up:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
-webkit-animation-name: hvr-icon-up;
animation-name: hvr-icon-up;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}  .hvr-icon-spin {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
} .hvr-icon-spin:before {
content: "\f021";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
} .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
} @-webkit-keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
@keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}  .hvr-icon-drop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
} .hvr-icon-drop:before {
content: "\f041";
position: absolute;
right: 1em;
opacity: 1;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-animation-name: hvr-icon-drop;
animation-name: hvr-icon-drop;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}  .hvr-icon-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
} .hvr-icon-fade:before {
content: "\f00c";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color;
transition-property: color;
} .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
color: #0F9E5E;
} @-webkit-keyframes hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
@keyframes hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}  .hvr-icon-float-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
} .hvr-icon-float-away:before, .hvr-icon-float-away:after {
content: "\f055";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
} .hvr-icon-float-away:after {
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
} .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
-webkit-animation-name: hvr-icon-float-away;
animation-name: hvr-icon-float-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
@keyframes hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}  .hvr-icon-sink-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
} .hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
content: "\f056";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .hvr-icon-sink-away:after {
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
} .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
-webkit-animation-name: hvr-icon-sink-away;
animation-name: hvr-icon-sink-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}  .hvr-icon-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-grow:before {
content: "\f118";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0);
}  .hvr-icon-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-shrink:before {
content: "\f119";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
-webkit-transform: scale(0.8);
transform: scale(0.8);
} @-webkit-keyframes hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
} .hvr-icon-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
} .hvr-icon-pulse:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
-webkit-animation-name: hvr-icon-pulse;
animation-name: hvr-icon-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@keyframes hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
} .hvr-icon-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
} .hvr-icon-pulse-grow:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
-webkit-animation-name: hvr-icon-pulse-grow;
animation-name: hvr-icon-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
} .hvr-icon-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
} .hvr-icon-pulse-shrink:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
-webkit-animation-name: hvr-icon-pulse-shrink;
animation-name: hvr-icon-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
} .hvr-icon-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-push:before {
content: "\f006";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
-webkit-animation-name: hvr-icon-push;
animation-name: hvr-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
} .hvr-icon-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-pop:before {
content: "\f005";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
-webkit-animation-name: hvr-icon-pop;
animation-name: hvr-icon-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}  .hvr-icon-bounce {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-bounce:before {
content: "\f087";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}  .hvr-icon-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-rotate:before {
content: "\f0c6";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}  .hvr-icon-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-grow-rotate:before {
content: "\f095";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
-webkit-transform: scale(1.5) rotate(12deg);
transform: scale(1.5) rotate(12deg);
}  .hvr-icon-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-float:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}  .hvr-icon-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-sink:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
-webkit-transform: translateY(4px);
transform: translateY(4px);
} @-webkit-keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
} .hvr-icon-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-bob:before {
content: "\f077";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
animation-name: hvr-icon-bob-float, hvr-icon-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
} .hvr-icon-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-hang:before {
content: "\f078";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
animation-name: hvr-icon-hang-sink, hvr-icon-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .hvr-icon-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-wobble-horizontal:before {
content: "\f061";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
-webkit-animation-name: hvr-icon-wobble-horizontal;
animation-name: hvr-icon-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
} .hvr-icon-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-wobble-vertical:before {
content: "\f062";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
-webkit-animation-name: hvr-icon-wobble-vertical;
animation-name: hvr-icon-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
} .hvr-icon-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-buzz:before {
content: "\f017";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
-webkit-animation-name: hvr-icon-buzz;
animation-name: hvr-icon-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
} .hvr-icon-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .hvr-icon-buzz-out:before {
content: "\f023";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
-webkit-animation-name: hvr-icon-buzz-out;
animation-name: hvr-icon-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}   .hvr-curl-top-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-curl-top-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
left: 0;
background: white; background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); z-index: 1000;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
} .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
width: 25px;
height: 25px;
}  .hvr-curl-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-curl-top-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
right: 0;
background: white; background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
} .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
width: 25px;
height: 25px;
}  .hvr-curl-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-curl-bottom-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
right: 0;
background: white; background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
} .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
width: 25px;
height: 25px;
}  .hvr-curl-bottom-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
} .hvr-curl-bottom-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
left: 0;
background: white; background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
} .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
width: 25px;
height: 25px;
}        .margin-top-1 {
margin-top: 1px !important;
} .margin-left-1 {
margin-left: 1px !important;
} .margin-bottom-1 {
margin-bottom: 1px !important;
} .margin-right-1 {
margin-right: 1px !important;
} .margin-top-2 {
margin-top: 2px !important;
} .margin-left-2 {
margin-left: 2px !important;
} .margin-bottom-2 {
margin-bottom: 2px !important;
} .margin-right-2 {
margin-right: 2px !important;
} .margin-top-3 {
margin-top: 3px !important;
} .margin-left-3 {
margin-left: 3px !important;
} .margin-bottom-3 {
margin-bottom: 3px !important;
} .margin-right-3 {
margin-right: 3px !important;
} .margin-top-4 {
margin-top: 4px !important;
} .margin-left-4 {
margin-left: 4px !important;
} .margin-bottom-4 {
margin-bottom: 4px !important;
} .margin-right-4 {
margin-right: 4px !important;
} .margin-top-5 {
margin-top: 5px !important;
} .margin-left-5 {
margin-left: 5px !important;
} .margin-bottom-5 {
margin-bottom: 5px !important;
} .margin-right-5 {
margin-right: 5px !important;
} .margin-top-6 {
margin-top: 6px !important;
} .margin-left-6 {
margin-left: 6px !important;
} .margin-bottom-6 {
margin-bottom: 6px !important;
} .margin-right-6 {
margin-right: 6px !important;
} .margin-top-7 {
margin-top: 7px !important;
} .margin-left-7 {
margin-left: 7px !important;
} .margin-bottom-7 {
margin-bottom: 7px !important;
} .margin-right-7 {
margin-right: 7px !important;
} .margin-top-8 {
margin-top: 8px !important;
} .margin-left-8 {
margin-left: 8px !important;
} .margin-bottom-8 {
margin-bottom: 8px !important;
} .margin-right-8 {
margin-right: 8px !important;
} .margin-top-9 {
margin-top: 9px !important;
} .margin-left-9 {
margin-left: 9px !important;
} .margin-bottom-9 {
margin-bottom: 9px !important;
} .margin-right-9 {
margin-right: 9px !important;
} .margin-top-10 {
margin-top: 10px !important;
} .margin-left-10 {
margin-left: 10px !important;
} .margin-bottom-10 {
margin-bottom: 10px !important;
} .margin-right-10 {
margin-right: 10px !important;
} .margin-top-11 {
margin-top: 11px !important;
} .margin-left-11 {
margin-left: 11px !important;
} .margin-bottom-11 {
margin-bottom: 11px !important;
} .margin-right-11 {
margin-right: 11px !important;
} .margin-top-12 {
margin-top: 12px !important;
} .margin-left-12 {
margin-left: 12px !important;
} .margin-bottom-12 {
margin-bottom: 12px !important;
} .margin-right-12 {
margin-right: 12px !important;
} .margin-top-13 {
margin-top: 13px !important;
} .margin-left-13 {
margin-left: 13px !important;
} .margin-bottom-13 {
margin-bottom: 13px !important;
} .margin-right-13 {
margin-right: 13px !important;
} .margin-top-14 {
margin-top: 14px !important;
} .margin-left-14 {
margin-left: 14px !important;
} .margin-bottom-14 {
margin-bottom: 14px !important;
} .margin-right-14 {
margin-right: 14px !important;
} .margin-top-15 {
margin-top: 15px !important;
} .margin-left-15 {
margin-left: 15px !important;
} .margin-bottom-15 {
margin-bottom: 15px !important;
} .margin-right-15 {
margin-right: 15px !important;
} .margin-top-16 {
margin-top: 16px !important;
} .margin-left-16 {
margin-left: 16px !important;
} .margin-bottom-16 {
margin-bottom: 16px !important;
} .margin-right-16 {
margin-right: 16px !important;
} .margin-top-17 {
margin-top: 17px !important;
} .margin-left-17 {
margin-left: 17px !important;
} .margin-bottom-17 {
margin-bottom: 17px !important;
} .margin-right-17 {
margin-right: 17px !important;
} .margin-top-18 {
margin-top: 18px !important;
} .margin-left-18 {
margin-left: 18px !important;
} .margin-bottom-18 {
margin-bottom: 18px !important;
} .margin-right-18 {
margin-right: 18px !important;
} .margin-top-19 {
margin-top: 19px !important;
} .margin-left-19 {
margin-left: 19px !important;
} .margin-bottom-19 {
margin-bottom: 19px !important;
} .margin-right-19 {
margin-right: 19px !important;
} .margin-top-20 {
margin-top: 20px !important;
} .margin-left-20 {
margin-left: 20px !important;
} .margin-bottom-20 {
margin-bottom: 20px !important;
} .margin-right-20 {
margin-right: 20px !important;
} .margin-top-21 {
margin-top: 21px !important;
} .margin-left-21 {
margin-left: 21px !important;
} .margin-bottom-21 {
margin-bottom: 21px !important;
} .margin-right-21 {
margin-right: 21px !important;
} .margin-top-22 {
margin-top: 22px !important;
} .margin-left-22 {
margin-left: 22px !important;
} .margin-bottom-22 {
margin-bottom: 22px !important;
} .margin-right-22 {
margin-right: 22px !important;
} .margin-top-23 {
margin-top: 23px !important;
} .margin-left-23 {
margin-left: 23px !important;
} .margin-bottom-23 {
margin-bottom: 23px !important;
} .margin-right-23 {
margin-right: 23px !important;
} .margin-top-24 {
margin-top: 24px !important;
} .margin-left-24 {
margin-left: 24px !important;
} .margin-bottom-24 {
margin-bottom: 24px !important;
} .margin-right-24 {
margin-right: 24px !important;
} .margin-top-25 {
margin-top: 25px !important;
} .margin-left-25 {
margin-left: 25px !important;
} .margin-bottom-25 {
margin-bottom: 25px !important;
} .margin-right-25 {
margin-right: 25px !important;
} .margin-top-26 {
margin-top: 26px !important;
} .margin-left-26 {
margin-left: 26px !important;
} .margin-bottom-26 {
margin-bottom: 26px !important;
} .margin-right-26 {
margin-right: 26px !important;
} .margin-top-27 {
margin-top: 27px !important;
} .margin-left-27 {
margin-left: 27px !important;
} .margin-bottom-27 {
margin-bottom: 27px !important;
} .margin-right-27 {
margin-right: 27px !important;
} .margin-top-28 {
margin-top: 28px !important;
} .margin-left-28 {
margin-left: 28px !important;
} .margin-bottom-28 {
margin-bottom: 28px !important;
} .margin-right-28 {
margin-right: 28px !important;
} .margin-top-29 {
margin-top: 29px !important;
} .margin-left-29 {
margin-left: 29px !important;
} .margin-bottom-29 {
margin-bottom: 29px !important;
} .margin-right-29 {
margin-right: 29px !important;
} .margin-top-30 {
margin-top: 30px !important;
} .margin-left-30 {
margin-left: 30px !important;
} .margin-bottom-30 {
margin-bottom: 30px !important;
} .margin-right-30 {
margin-right: 30px !important;
} .margin-top-31 {
margin-top: 31px !important;
} .margin-left-31 {
margin-left: 31px !important;
} .margin-bottom-31 {
margin-bottom: 31px !important;
} .margin-right-31 {
margin-right: 31px !important;
} .margin-top-32 {
margin-top: 32px !important;
} .margin-left-32 {
margin-left: 32px !important;
} .margin-bottom-32 {
margin-bottom: 32px !important;
} .margin-right-32 {
margin-right: 32px !important;
} .margin-top-33 {
margin-top: 33px !important;
} .margin-left-33 {
margin-left: 33px !important;
} .margin-bottom-33 {
margin-bottom: 33px !important;
} .margin-right-33 {
margin-right: 33px !important;
} .margin-top-34 {
margin-top: 34px !important;
} .margin-left-34 {
margin-left: 34px !important;
} .margin-bottom-34 {
margin-bottom: 34px !important;
} .margin-right-34 {
margin-right: 34px !important;
} .margin-top-35 {
margin-top: 35px !important;
} .margin-left-35 {
margin-left: 35px !important;
} .margin-bottom-35 {
margin-bottom: 35px !important;
} .margin-right-35 {
margin-right: 35px !important;
} .margin-top-36 {
margin-top: 36px !important;
} .margin-left-36 {
margin-left: 36px !important;
} .margin-bottom-36 {
margin-bottom: 36px !important;
} .margin-right-36 {
margin-right: 36px !important;
} .margin-top-37 {
margin-top: 37px !important;
} .margin-left-37 {
margin-left: 37px !important;
} .margin-bottom-37 {
margin-bottom: 37px !important;
} .margin-right-37 {
margin-right: 37px !important;
} .margin-top-38 {
margin-top: 38px !important;
} .margin-left-38 {
margin-left: 38px !important;
} .margin-bottom-38 {
margin-bottom: 38px !important;
} .margin-right-38 {
margin-right: 38px !important;
} .margin-top-39 {
margin-top: 39px !important;
} .margin-left-39 {
margin-left: 39px !important;
} .margin-bottom-39 {
margin-bottom: 39px !important;
} .margin-right-39 {
margin-right: 39px !important;
} .margin-top-40 {
margin-top: 40px !important;
} .margin-left-40 {
margin-left: 40px !important;
} .margin-bottom-40 {
margin-bottom: 40px !important;
} .margin-right-40 {
margin-right: 40px !important;
} .margin-top-41 {
margin-top: 41px !important;
} .margin-left-41 {
margin-left: 41px !important;
} .margin-bottom-41 {
margin-bottom: 41px !important;
} .margin-right-41 {
margin-right: 41px !important;
} .margin-top-42 {
margin-top: 42px !important;
} .margin-left-42 {
margin-left: 42px !important;
} .margin-bottom-42 {
margin-bottom: 42px !important;
} .margin-right-42 {
margin-right: 42px !important;
} .margin-top-43 {
margin-top: 43px !important;
} .margin-left-43 {
margin-left: 43px !important;
} .margin-bottom-43 {
margin-bottom: 43px !important;
} .margin-right-43 {
margin-right: 43px !important;
} .margin-top-44 {
margin-top: 44px !important;
} .margin-left-44 {
margin-left: 44px !important;
} .margin-bottom-44 {
margin-bottom: 44px !important;
} .margin-right-44 {
margin-right: 44px !important;
} .margin-top-45 {
margin-top: 45px !important;
} .margin-left-45 {
margin-left: 45px !important;
} .margin-bottom-45 {
margin-bottom: 45px !important;
} .margin-right-45 {
margin-right: 45px !important;
} .margin-top-46 {
margin-top: 46px !important;
} .margin-left-46 {
margin-left: 46px !important;
} .margin-bottom-46 {
margin-bottom: 46px !important;
} .margin-right-46 {
margin-right: 46px !important;
} .margin-top-47 {
margin-top: 47px !important;
} .margin-left-47 {
margin-left: 47px !important;
} .margin-bottom-47 {
margin-bottom: 47px !important;
} .margin-right-47 {
margin-right: 47px !important;
} .margin-top-48 {
margin-top: 48px !important;
} .margin-left-48 {
margin-left: 48px !important;
} .margin-bottom-48 {
margin-bottom: 48px !important;
} .margin-right-48 {
margin-right: 48px !important;
} .margin-top-49 {
margin-top: 49px !important;
} .margin-left-49 {
margin-left: 49px !important;
} .margin-bottom-49 {
margin-bottom: 49px !important;
} .margin-right-49 {
margin-right: 49px !important;
} .margin-top-50 {
margin-top: 50px !important;
} .margin-left-50 {
margin-left: 50px !important;
} .margin-bottom-50 {
margin-bottom: 50px !important;
} .margin-right-50 {
margin-right: 50px !important;
} .margin-top-51 {
margin-top: 51px !important;
} .margin-left-51 {
margin-left: 51px !important;
} .margin-bottom-51 {
margin-bottom: 51px !important;
} .margin-right-51 {
margin-right: 51px !important;
} .margin-top-52 {
margin-top: 52px !important;
} .margin-left-52 {
margin-left: 52px !important;
} .margin-bottom-52 {
margin-bottom: 52px !important;
} .margin-right-52 {
margin-right: 52px !important;
} .margin-top-53 {
margin-top: 53px !important;
} .margin-left-53 {
margin-left: 53px !important;
} .margin-bottom-53 {
margin-bottom: 53px !important;
} .margin-right-53 {
margin-right: 53px !important;
} .margin-top-54 {
margin-top: 54px !important;
} .margin-left-54 {
margin-left: 54px !important;
} .margin-bottom-54 {
margin-bottom: 54px !important;
} .margin-right-54 {
margin-right: 54px !important;
} .margin-top-55 {
margin-top: 55px !important;
} .margin-left-55 {
margin-left: 55px !important;
} .margin-bottom-55 {
margin-bottom: 55px !important;
} .margin-right-55 {
margin-right: 55px !important;
} .margin-top-56 {
margin-top: 56px !important;
} .margin-left-56 {
margin-left: 56px !important;
} .margin-bottom-56 {
margin-bottom: 56px !important;
} .margin-right-56 {
margin-right: 56px !important;
} .margin-top-57 {
margin-top: 57px !important;
} .margin-left-57 {
margin-left: 57px !important;
} .margin-bottom-57 {
margin-bottom: 57px !important;
} .margin-right-57 {
margin-right: 57px !important;
} .margin-top-58 {
margin-top: 58px !important;
} .margin-left-58 {
margin-left: 58px !important;
} .margin-bottom-58 {
margin-bottom: 58px !important;
} .margin-right-58 {
margin-right: 58px !important;
} .margin-top-59 {
margin-top: 59px !important;
} .margin-left-59 {
margin-left: 59px !important;
} .margin-bottom-59 {
margin-bottom: 59px !important;
} .margin-right-59 {
margin-right: 59px !important;
} .margin-top-60 {
margin-top: 60px !important;
} .margin-left-60 {
margin-left: 60px !important;
} .margin-bottom-60 {
margin-bottom: 60px !important;
} .margin-right-60 {
margin-right: 60px !important;
} .margin-top-61 {
margin-top: 61px !important;
} .margin-left-61 {
margin-left: 61px !important;
} .margin-bottom-61 {
margin-bottom: 61px !important;
} .margin-right-61 {
margin-right: 61px !important;
} .margin-top-62 {
margin-top: 62px !important;
} .margin-left-62 {
margin-left: 62px !important;
} .margin-bottom-62 {
margin-bottom: 62px !important;
} .margin-right-62 {
margin-right: 62px !important;
} .margin-top-63 {
margin-top: 63px !important;
} .margin-left-63 {
margin-left: 63px !important;
} .margin-bottom-63 {
margin-bottom: 63px !important;
} .margin-right-63 {
margin-right: 63px !important;
} .margin-top-64 {
margin-top: 64px !important;
} .margin-left-64 {
margin-left: 64px !important;
} .margin-bottom-64 {
margin-bottom: 64px !important;
} .margin-right-64 {
margin-right: 64px !important;
} .margin-top-65 {
margin-top: 65px !important;
} .margin-left-65 {
margin-left: 65px !important;
} .margin-bottom-65 {
margin-bottom: 65px !important;
} .margin-right-65 {
margin-right: 65px !important;
} .margin-top-66 {
margin-top: 66px !important;
} .margin-left-66 {
margin-left: 66px !important;
} .margin-bottom-66 {
margin-bottom: 66px !important;
} .margin-right-66 {
margin-right: 66px !important;
} .margin-top-67 {
margin-top: 67px !important;
} .margin-left-67 {
margin-left: 67px !important;
} .margin-bottom-67 {
margin-bottom: 67px !important;
} .margin-right-67 {
margin-right: 67px !important;
} .margin-top-68 {
margin-top: 68px !important;
} .margin-left-68 {
margin-left: 68px !important;
} .margin-bottom-68 {
margin-bottom: 68px !important;
} .margin-right-68 {
margin-right: 68px !important;
} .margin-top-69 {
margin-top: 69px !important;
} .margin-left-69 {
margin-left: 69px !important;
} .margin-bottom-69 {
margin-bottom: 69px !important;
} .margin-right-69 {
margin-right: 69px !important;
} .margin-top-70 {
margin-top: 70px !important;
} .margin-left-70 {
margin-left: 70px !important;
} .margin-bottom-70 {
margin-bottom: 70px !important;
} .margin-right-70 {
margin-right: 70px !important;
} .margin-top-71 {
margin-top: 71px !important;
} .margin-left-71 {
margin-left: 71px !important;
} .margin-bottom-71 {
margin-bottom: 71px !important;
} .margin-right-71 {
margin-right: 71px !important;
} .margin-top-72 {
margin-top: 72px !important;
} .margin-left-72 {
margin-left: 72px !important;
} .margin-bottom-72 {
margin-bottom: 72px !important;
} .margin-right-72 {
margin-right: 72px !important;
} .margin-top-73 {
margin-top: 73px !important;
} .margin-left-73 {
margin-left: 73px !important;
} .margin-bottom-73 {
margin-bottom: 73px !important;
} .margin-right-73 {
margin-right: 73px !important;
} .margin-top-74 {
margin-top: 74px !important;
} .margin-left-74 {
margin-left: 74px !important;
} .margin-bottom-74 {
margin-bottom: 74px !important;
} .margin-right-74 {
margin-right: 74px !important;
} .margin-top-75 {
margin-top: 75px !important;
} .margin-left-75 {
margin-left: 75px !important;
} .margin-bottom-75 {
margin-bottom: 75px !important;
} .margin-right-75 {
margin-right: 75px !important;
} .margin-top-76 {
margin-top: 76px !important;
} .margin-left-76 {
margin-left: 76px !important;
} .margin-bottom-76 {
margin-bottom: 76px !important;
} .margin-right-76 {
margin-right: 76px !important;
} .margin-top-77 {
margin-top: 77px !important;
} .margin-left-77 {
margin-left: 77px !important;
} .margin-bottom-77 {
margin-bottom: 77px !important;
} .margin-right-77 {
margin-right: 77px !important;
} .margin-top-78 {
margin-top: 78px !important;
} .margin-left-78 {
margin-left: 78px !important;
} .margin-bottom-78 {
margin-bottom: 78px !important;
} .margin-right-78 {
margin-right: 78px !important;
} .margin-top-79 {
margin-top: 79px !important;
} .margin-left-79 {
margin-left: 79px !important;
} .margin-bottom-79 {
margin-bottom: 79px !important;
} .margin-right-79 {
margin-right: 79px !important;
} .margin-top-80 {
margin-top: 80px !important;
} .margin-left-80 {
margin-left: 80px !important;
} .margin-bottom-80 {
margin-bottom: 80px !important;
} .margin-right-80 {
margin-right: 80px !important;
} .padding-top-1 {
padding-top: 1px !important;
} .padding-left-1 {
padding-left: 1px !important;
} .padding-bottom-1 {
padding-bottom: 1px !important;
} .padding-right-1 {
padding-right: 1px !important;
} .padding-top-2 {
padding-top: 2px !important;
} .padding-left-2 {
padding-left: 2px !important;
} .padding-bottom-2 {
padding-bottom: 2px !important;
} .padding-right-2 {
padding-right: 2px !important;
} .padding-top-3 {
padding-top: 3px !important;
} .padding-left-3 {
padding-left: 3px !important;
} .padding-bottom-3 {
padding-bottom: 3px !important;
} .padding-right-3 {
padding-right: 3px !important;
} .padding-top-4 {
padding-top: 4px !important;
} .padding-left-4 {
padding-left: 4px !important;
} .padding-bottom-4 {
padding-bottom: 4px !important;
} .padding-right-4 {
padding-right: 4px !important;
} .padding-top-5 {
padding-top: 5px !important;
} .padding-left-5 {
padding-left: 5px !important;
} .padding-bottom-5 {
padding-bottom: 5px !important;
} .padding-right-5 {
padding-right: 5px !important;
} .padding-top-6 {
padding-top: 6px !important;
} .padding-left-6 {
padding-left: 6px !important;
} .padding-bottom-6 {
padding-bottom: 6px !important;
} .padding-right-6 {
padding-right: 6px !important;
} .padding-top-7 {
padding-top: 7px !important;
} .padding-left-7 {
padding-left: 7px !important;
} .padding-bottom-7 {
padding-bottom: 7px !important;
} .padding-right-7 {
padding-right: 7px !important;
} .padding-top-8 {
padding-top: 8px !important;
} .padding-left-8 {
padding-left: 8px !important;
} .padding-bottom-8 {
padding-bottom: 8px !important;
} .padding-right-8 {
padding-right: 8px !important;
} .padding-top-9 {
padding-top: 9px !important;
} .padding-left-9 {
padding-left: 9px !important;
} .padding-bottom-9 {
padding-bottom: 9px !important;
} .padding-right-9 {
padding-right: 9px !important;
} .padding-top-10 {
padding-top: 10px !important;
} .padding-left-10 {
padding-left: 10px !important;
} .padding-bottom-10 {
padding-bottom: 10px !important;
} .padding-right-10 {
padding-right: 10px !important;
} .padding-top-11 {
padding-top: 11px !important;
} .padding-left-11 {
padding-left: 11px !important;
} .padding-bottom-11 {
padding-bottom: 11px !important;
} .padding-right-11 {
padding-right: 11px !important;
} .padding-top-12 {
padding-top: 12px !important;
} .padding-left-12 {
padding-left: 12px !important;
} .padding-bottom-12 {
padding-bottom: 12px !important;
} .padding-right-12 {
padding-right: 12px !important;
} .padding-top-13 {
padding-top: 13px !important;
} .padding-left-13 {
padding-left: 13px !important;
} .padding-bottom-13 {
padding-bottom: 13px !important;
} .padding-right-13 {
padding-right: 13px !important;
} .padding-top-14 {
padding-top: 14px !important;
} .padding-left-14 {
padding-left: 14px !important;
} .padding-bottom-14 {
padding-bottom: 14px !important;
} .padding-right-14 {
padding-right: 14px !important;
} .padding-top-15 {
padding-top: 15px !important;
} .padding-left-15 {
padding-left: 15px !important;
} .padding-bottom-15 {
padding-bottom: 15px !important;
} .padding-right-15 {
padding-right: 15px !important;
} .padding-top-16 {
padding-top: 16px !important;
} .padding-left-16 {
padding-left: 16px !important;
} .padding-bottom-16 {
padding-bottom: 16px !important;
} .padding-right-16 {
padding-right: 16px !important;
} .padding-top-17 {
padding-top: 17px !important;
} .padding-left-17 {
padding-left: 17px !important;
} .padding-bottom-17 {
padding-bottom: 17px !important;
} .padding-right-17 {
padding-right: 17px !important;
} .padding-top-18 {
padding-top: 18px !important;
} .padding-left-18 {
padding-left: 18px !important;
} .padding-bottom-18 {
padding-bottom: 18px !important;
} .padding-right-18 {
padding-right: 18px !important;
} .padding-top-19 {
padding-top: 19px !important;
} .padding-left-19 {
padding-left: 19px !important;
} .padding-bottom-19 {
padding-bottom: 19px !important;
} .padding-right-19 {
padding-right: 19px !important;
} .padding-top-20 {
padding-top: 20px !important;
} .padding-left-20 {
padding-left: 20px !important;
} .padding-bottom-20 {
padding-bottom: 20px !important;
} .padding-right-20 {
padding-right: 20px !important;
} .padding-top-21 {
padding-top: 21px !important;
} .padding-left-21 {
padding-left: 21px !important;
} .padding-bottom-21 {
padding-bottom: 21px !important;
} .padding-right-21 {
padding-right: 21px !important;
} .padding-top-22 {
padding-top: 22px !important;
} .padding-left-22 {
padding-left: 22px !important;
} .padding-bottom-22 {
padding-bottom: 22px !important;
} .padding-right-22 {
padding-right: 22px !important;
} .padding-top-23 {
padding-top: 23px !important;
} .padding-left-23 {
padding-left: 23px !important;
} .padding-bottom-23 {
padding-bottom: 23px !important;
} .padding-right-23 {
padding-right: 23px !important;
} .padding-top-24 {
padding-top: 24px !important;
} .padding-left-24 {
padding-left: 24px !important;
} .padding-bottom-24 {
padding-bottom: 24px !important;
} .padding-right-24 {
padding-right: 24px !important;
} .padding-top-25 {
padding-top: 25px !important;
} .padding-left-25 {
padding-left: 25px !important;
} .padding-bottom-25 {
padding-bottom: 25px !important;
} .padding-right-25 {
padding-right: 25px !important;
} .padding-top-26 {
padding-top: 26px !important;
} .padding-left-26 {
padding-left: 26px !important;
} .padding-bottom-26 {
padding-bottom: 26px !important;
} .padding-right-26 {
padding-right: 26px !important;
} .padding-top-27 {
padding-top: 27px !important;
} .padding-left-27 {
padding-left: 27px !important;
} .padding-bottom-27 {
padding-bottom: 27px !important;
} .padding-right-27 {
padding-right: 27px !important;
} .padding-top-28 {
padding-top: 28px !important;
} .padding-left-28 {
padding-left: 28px !important;
} .padding-bottom-28 {
padding-bottom: 28px !important;
} .padding-right-28 {
padding-right: 28px !important;
} .padding-top-29 {
padding-top: 29px !important;
} .padding-left-29 {
padding-left: 29px !important;
} .padding-bottom-29 {
padding-bottom: 29px !important;
} .padding-right-29 {
padding-right: 29px !important;
} .padding-top-30 {
padding-top: 30px !important;
} .padding-left-30 {
padding-left: 30px !important;
} .padding-bottom-30 {
padding-bottom: 30px !important;
} .padding-right-30 {
padding-right: 30px !important;
} .padding-top-31 {
padding-top: 31px !important;
} .padding-left-31 {
padding-left: 31px !important;
} .padding-bottom-31 {
padding-bottom: 31px !important;
} .padding-right-31 {
padding-right: 31px !important;
} .padding-top-32 {
padding-top: 32px !important;
} .padding-left-32 {
padding-left: 32px !important;
} .padding-bottom-32 {
padding-bottom: 32px !important;
} .padding-right-32 {
padding-right: 32px !important;
} .padding-top-33 {
padding-top: 33px !important;
} .padding-left-33 {
padding-left: 33px !important;
} .padding-bottom-33 {
padding-bottom: 33px !important;
} .padding-right-33 {
padding-right: 33px !important;
} .padding-top-34 {
padding-top: 34px !important;
} .padding-left-34 {
padding-left: 34px !important;
} .padding-bottom-34 {
padding-bottom: 34px !important;
} .padding-right-34 {
padding-right: 34px !important;
} .padding-top-35 {
padding-top: 35px !important;
} .padding-left-35 {
padding-left: 35px !important;
} .padding-bottom-35 {
padding-bottom: 35px !important;
} .padding-right-35 {
padding-right: 35px !important;
} .padding-top-36 {
padding-top: 36px !important;
} .padding-left-36 {
padding-left: 36px !important;
} .padding-bottom-36 {
padding-bottom: 36px !important;
} .padding-right-36 {
padding-right: 36px !important;
} .padding-top-37 {
padding-top: 37px !important;
} .padding-left-37 {
padding-left: 37px !important;
} .padding-bottom-37 {
padding-bottom: 37px !important;
} .padding-right-37 {
padding-right: 37px !important;
} .padding-top-38 {
padding-top: 38px !important;
} .padding-left-38 {
padding-left: 38px !important;
} .padding-bottom-38 {
padding-bottom: 38px !important;
} .padding-right-38 {
padding-right: 38px !important;
} .padding-top-39 {
padding-top: 39px !important;
} .padding-left-39 {
padding-left: 39px !important;
} .padding-bottom-39 {
padding-bottom: 39px !important;
} .padding-right-39 {
padding-right: 39px !important;
} .padding-top-40 {
padding-top: 40px !important;
} .padding-left-40 {
padding-left: 40px !important;
} .padding-bottom-40 {
padding-bottom: 40px !important;
} .padding-right-40 {
padding-right: 40px !important;
} .padding-top-41 {
padding-top: 41px !important;
} .padding-left-41 {
padding-left: 41px !important;
} .padding-bottom-41 {
padding-bottom: 41px !important;
} .padding-right-41 {
padding-right: 41px !important;
} .padding-top-42 {
padding-top: 42px !important;
} .padding-left-42 {
padding-left: 42px !important;
} .padding-bottom-42 {
padding-bottom: 42px !important;
} .padding-right-42 {
padding-right: 42px !important;
} .padding-top-43 {
padding-top: 43px !important;
} .padding-left-43 {
padding-left: 43px !important;
} .padding-bottom-43 {
padding-bottom: 43px !important;
} .padding-right-43 {
padding-right: 43px !important;
} .padding-top-44 {
padding-top: 44px !important;
} .padding-left-44 {
padding-left: 44px !important;
} .padding-bottom-44 {
padding-bottom: 44px !important;
} .padding-right-44 {
padding-right: 44px !important;
} .padding-top-45 {
padding-top: 45px !important;
} .padding-left-45 {
padding-left: 45px !important;
} .padding-bottom-45 {
padding-bottom: 45px !important;
} .padding-right-45 {
padding-right: 45px !important;
} .padding-top-46 {
padding-top: 46px !important;
} .padding-left-46 {
padding-left: 46px !important;
} .padding-bottom-46 {
padding-bottom: 46px !important;
} .padding-right-46 {
padding-right: 46px !important;
} .padding-top-47 {
padding-top: 47px !important;
} .padding-left-47 {
padding-left: 47px !important;
} .padding-bottom-47 {
padding-bottom: 47px !important;
} .padding-right-47 {
padding-right: 47px !important;
} .padding-top-48 {
padding-top: 48px !important;
} .padding-left-48 {
padding-left: 48px !important;
} .padding-bottom-48 {
padding-bottom: 48px !important;
} .padding-right-48 {
padding-right: 48px !important;
} .padding-top-49 {
padding-top: 49px !important;
} .padding-left-49 {
padding-left: 49px !important;
} .padding-bottom-49 {
padding-bottom: 49px !important;
} .padding-right-49 {
padding-right: 49px !important;
} .padding-top-50 {
padding-top: 50px !important;
} .padding-left-50 {
padding-left: 50px !important;
} .padding-bottom-50 {
padding-bottom: 50px !important;
} .padding-right-50 {
padding-right: 50px !important;
} .padding-top-51 {
padding-top: 51px !important;
} .padding-left-51 {
padding-left: 51px !important;
} .padding-bottom-51 {
padding-bottom: 51px !important;
} .padding-right-51 {
padding-right: 51px !important;
} .padding-top-52 {
padding-top: 52px !important;
} .padding-left-52 {
padding-left: 52px !important;
} .padding-bottom-52 {
padding-bottom: 52px !important;
} .padding-right-52 {
padding-right: 52px !important;
} .padding-top-53 {
padding-top: 53px !important;
} .padding-left-53 {
padding-left: 53px !important;
} .padding-bottom-53 {
padding-bottom: 53px !important;
} .padding-right-53 {
padding-right: 53px !important;
} .padding-top-54 {
padding-top: 54px !important;
} .padding-left-54 {
padding-left: 54px !important;
} .padding-bottom-54 {
padding-bottom: 54px !important;
} .padding-right-54 {
padding-right: 54px !important;
} .padding-top-55 {
padding-top: 55px !important;
} .padding-left-55 {
padding-left: 55px !important;
} .padding-bottom-55 {
padding-bottom: 55px !important;
} .padding-right-55 {
padding-right: 55px !important;
} .padding-top-56 {
padding-top: 56px !important;
} .padding-left-56 {
padding-left: 56px !important;
} .padding-bottom-56 {
padding-bottom: 56px !important;
} .padding-right-56 {
padding-right: 56px !important;
} .padding-top-57 {
padding-top: 57px !important;
} .padding-left-57 {
padding-left: 57px !important;
} .padding-bottom-57 {
padding-bottom: 57px !important;
} .padding-right-57 {
padding-right: 57px !important;
} .padding-top-58 {
padding-top: 58px !important;
} .padding-left-58 {
padding-left: 58px !important;
} .padding-bottom-58 {
padding-bottom: 58px !important;
} .padding-right-58 {
padding-right: 58px !important;
} .padding-top-59 {
padding-top: 59px !important;
} .padding-left-59 {
padding-left: 59px !important;
} .padding-bottom-59 {
padding-bottom: 59px !important;
} .padding-right-59 {
padding-right: 59px !important;
} .padding-top-60 {
padding-top: 60px !important;
} .padding-left-60 {
padding-left: 60px !important;
} .padding-bottom-60 {
padding-bottom: 60px !important;
} .padding-right-60 {
padding-right: 60px !important;
} .padding-top-61 {
padding-top: 61px !important;
} .padding-left-61 {
padding-left: 61px !important;
} .padding-bottom-61 {
padding-bottom: 61px !important;
} .padding-right-61 {
padding-right: 61px !important;
} .padding-top-62 {
padding-top: 62px !important;
} .padding-left-62 {
padding-left: 62px !important;
} .padding-bottom-62 {
padding-bottom: 62px !important;
} .padding-right-62 {
padding-right: 62px !important;
} .padding-top-63 {
padding-top: 63px !important;
} .padding-left-63 {
padding-left: 63px !important;
} .padding-bottom-63 {
padding-bottom: 63px !important;
} .padding-right-63 {
padding-right: 63px !important;
} .padding-top-64 {
padding-top: 64px !important;
} .padding-left-64 {
padding-left: 64px !important;
} .padding-bottom-64 {
padding-bottom: 64px !important;
} .padding-right-64 {
padding-right: 64px !important;
} .padding-top-65 {
padding-top: 65px !important;
} .padding-left-65 {
padding-left: 65px !important;
} .padding-bottom-65 {
padding-bottom: 65px !important;
} .padding-right-65 {
padding-right: 65px !important;
} .padding-top-66 {
padding-top: 66px !important;
} .padding-left-66 {
padding-left: 66px !important;
} .padding-bottom-66 {
padding-bottom: 66px !important;
} .padding-right-66 {
padding-right: 66px !important;
} .padding-top-67 {
padding-top: 67px !important;
} .padding-left-67 {
padding-left: 67px !important;
} .padding-bottom-67 {
padding-bottom: 67px !important;
} .padding-right-67 {
padding-right: 67px !important;
} .padding-top-68 {
padding-top: 68px !important;
} .padding-left-68 {
padding-left: 68px !important;
} .padding-bottom-68 {
padding-bottom: 68px !important;
} .padding-right-68 {
padding-right: 68px !important;
} .padding-top-69 {
padding-top: 69px !important;
} .padding-left-69 {
padding-left: 69px !important;
} .padding-bottom-69 {
padding-bottom: 69px !important;
} .padding-right-69 {
padding-right: 69px !important;
} .padding-top-70 {
padding-top: 70px !important;
} .padding-left-70 {
padding-left: 70px !important;
} .padding-bottom-70 {
padding-bottom: 70px !important;
} .padding-right-70 {
padding-right: 70px !important;
} .padding-top-71 {
padding-top: 71px !important;
} .padding-left-71 {
padding-left: 71px !important;
} .padding-bottom-71 {
padding-bottom: 71px !important;
} .padding-right-71 {
padding-right: 71px !important;
} .padding-top-72 {
padding-top: 72px !important;
} .padding-left-72 {
padding-left: 72px !important;
} .padding-bottom-72 {
padding-bottom: 72px !important;
} .padding-right-72 {
padding-right: 72px !important;
} .padding-top-73 {
padding-top: 73px !important;
} .padding-left-73 {
padding-left: 73px !important;
} .padding-bottom-73 {
padding-bottom: 73px !important;
} .padding-right-73 {
padding-right: 73px !important;
} .padding-top-74 {
padding-top: 74px !important;
} .padding-left-74 {
padding-left: 74px !important;
} .padding-bottom-74 {
padding-bottom: 74px !important;
} .padding-right-74 {
padding-right: 74px !important;
} .padding-top-75 {
padding-top: 75px !important;
} .padding-left-75 {
padding-left: 75px !important;
} .padding-bottom-75 {
padding-bottom: 75px !important;
} .padding-right-75 {
padding-right: 75px !important;
} .padding-top-76 {
padding-top: 76px !important;
} .padding-left-76 {
padding-left: 76px !important;
} .padding-bottom-76 {
padding-bottom: 76px !important;
} .padding-right-76 {
padding-right: 76px !important;
} .padding-top-77 {
padding-top: 77px !important;
} .padding-left-77 {
padding-left: 77px !important;
} .padding-bottom-77 {
padding-bottom: 77px !important;
} .padding-right-77 {
padding-right: 77px !important;
} .padding-top-78 {
padding-top: 78px !important;
} .padding-left-78 {
padding-left: 78px !important;
} .padding-bottom-78 {
padding-bottom: 78px !important;
} .padding-right-78 {
padding-right: 78px !important;
} .padding-top-79 {
padding-top: 79px !important;
} .padding-left-79 {
padding-left: 79px !important;
} .padding-bottom-79 {
padding-bottom: 79px !important;
} .padding-right-79 {
padding-right: 79px !important;
} .padding-top-80 {
padding-top: 80px !important;
} .padding-left-80 {
padding-left: 80px !important;
} .padding-bottom-80 {
padding-bottom: 80px !important;
} .padding-right-80 {
padding-right: 80px !important;
}  button, .btn, .button {
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
} button:hover, button:focus, .btn:hover, .button:hover, .btn:focus, .button:focus {
outline: none !important;
} .btn-outline-light {
color: #FFFFFF !important;
background-color: transparent;
border-color: #FFFFFF !important;
} .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
color: #252525;
background-color: #FFFFFF !important;
border-color: #252525;
} .open .btn-outline-light.dropdown-toggle {
color: #252525;
background-color: #FFFFFF !important;
border-color: #252525;
} .btn-outline-light:active, .btn-outline-light.active {
background-image: none;
} .open .btn-outline-light.dropdown-toggle {
background-image: none;
} .btn-outline-light.disabled, .btn-outline-light.disabled:hover, .btn-outline-light.disabled:focus, .btn-outline-light.disabled:active, .btn-outline-light.disabled.active, .btn-outline-light[disabled], .btn-outline-light[disabled]:hover, .btn-outline-light[disabled]:focus, .btn-outline-light[disabled]:active, .btn-outline-light[disabled].active, fieldset[disabled] .btn-outline-light, fieldset[disabled] .btn-outline-light:hover, fieldset[disabled] .btn-outline-light:focus, fieldset[disabled] .btn-outline-light:active, fieldset[disabled] .btn-outline-light.active {
background-color: transparent;
border-color: #FFFFFF !important;
} .btn-outline-light .badge {
color: transparent;
background-color: #FFFFFF !important;
} .btn-outline.btn-default {
background: transparent;
border-color: #fff !important;
color: #fff !important;
} .btn-outline.btn-default:hover {
color: #e7470c;
border-color: #fff !important;
background: #fff !important;
} .btn-outline.btn-primary {
background: transparent;
border-color: #252525;
color: #252525;
} .btn-outline.btn-primary:hover {
color: #fff !important;
border-color: #252525;
background: #252525;
} .btn-outline.btn-success {
background: transparent;
border-color: #e7470c;
color: #e7470c;
} .btn-outline.btn-success:hover {
color: #FFFFFF !important;
border-color: #e7470c;
background: #e7470c;
} .btn-outline.btn-info {
background: transparent;
border-color: #00aeef;
color: #00aeef;
} .btn-outline.btn-info:hover {
color: #FFFFFF !important;
border-color: #00aeef;
background: #00aeef;
} .btn-outline.btn-danger {
background: transparent;
border-color: #f65b47;
color: #f65b47;
} .btn-outline.btn-danger:hover {
color: #FFFFFF !important;
border-color: #f65b47;
background: #f65b47;
} .btn-outline.btn-warning {
background: transparent;
border-color: #fdb900;
color: #fdb900;
} .btn-outline.btn-warning:hover {
color: #FFFFFF !important;
border-color: #fdb900;
background: #fdb900;
} .btn-inverse.btn-primary:hover {
color: #fff !important;
background: #e7470c;
border-color: #e7470c;
} .btn-inverse.btn-success:hover {
color: #e7470c;
background: #FFFFFF !important;
} .btn-inverse.btn-info:hover {
color: #00aeef;
background: #FFFFFF !important;
} .btn-inverse.btn-danger:hover {
color: #f65b47;
background: #FFFFFF !important;
} .btn-inverse.btn-warning:hover {
color: #fdb900;
background: #FFFFFF !important;
} .btn-inverse.btn-theme:hover {
color: #e7470c;
background: #FFFFFF !important;
} .btn-dark-double {
font-size: 13px;
font-weight: 600;
color: #999999;
border: 2px solid #4b4d4e;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
padding: 10px 15px;
background: transparent;
} .btn-dark-double:hover, .btn-dark-double:active {
background: #252525;
color: rgba(255, 255, 255, 0.7);
border-color: #181818;
} .btn.btn-dark, .btn-dark.button {
border: 1px solid #e0e0e0 !important;
background: #eeeeee !important;
color: #888888 !important;
} .btn.btn-dark:hover, .btn-dark.button:hover, .btn.btn-dark:active, .btn-dark.button:active {
background: lightgray !important;
border-color: lightgray !important;
} .btn-sm {
font-weight: 500;
} .btn-border2x {
border-width: 2px;
} .btn.btn-lighten, .btn-lighten.button {
border-color: #fff !important;
color: #fff !important;
background: transparent;
} .btn.btn-lighten:hover, .btn-lighten.button:hover {
color: #fff !important;
background: transparent;
border-color: #fff !important;
} .btn.btn-white, .btn-white.button {
background: #fff !important;
color: #999999;
border-color: #fff !important;
} .btn.btn-white:hover, .btn-white.button:hover {
color: #999999;
background: #FFFFFF !important;
border-color: #FFFFFF !important;
} .btn-link-dark {
color: #999999 !important;
font-size: 18px !important;
text-transform: inherit !important;
line-height: 1.1 !important;
} .btn-reverse {
background: transparent;
font-weight: 400;
text-transform: capitalize;
} .btn-reverse:hover, .btn-reverse:active, .btn-reverse:focus {
color: #fff !important;
background: #e7470c;
} .btn-reverse i {
font-size: 16px;
margin-right: 8px;
vertical-align: text-top;
} .rtl .btn-reverse i {
margin-left: 8px;
margin-right: inherit;
} .btn-gray {
background: #eeeeee;
color: #969696;
} .btn-gray:hover, .btn-gray:active {
background: #cccccc;
color: #616161;
} .btn-pink {
color: #fff !important;
background-color: #e3a3a2;
border-color: #e3a3a2;
} .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .open > .btn-pink.dropdown-toggle {
color: #fff !important !important;
background-color: #d77c7b;
border-color: #d57473;
} .btn-pink:active, .btn-pink.active, .open > .btn-pink.dropdown-toggle {
background-image: none;
} .btn-pink.disabled, .btn-pink.disabled:hover, .btn-pink.disabled:focus, .btn-pink.disabled:active, .btn-pink.disabled.active, .btn-pink[disabled], .btn-pink[disabled]:hover, .btn-pink[disabled]:focus, .btn-pink[disabled]:active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink, fieldset[disabled] .btn-pink:hover, fieldset[disabled] .btn-pink:focus, fieldset[disabled] .btn-pink:active, fieldset[disabled] .btn-pink.active {
background-color: #e3a3a2;
border-color: #e3a3a2;
} .btn-pink .badge {
color: #e3a3a2;
background-color: #fff !important;
} .btn-3d {
border: 0;
border: 0;
box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
-o-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
-ms-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
border: 0;
border: 0;
} .btn-3d.btn-lg {
box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
-o-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
-ms-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
} .btn-3d.btn-sm {
box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.15) inset;
-o-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.15) inset;
-ms-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.15) inset;
} .btn-3d.btn-xs {
box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.15) inset;
-o-box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.15) inset;
-ms-box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.15) inset;
} .btn-shadow {
border: 0;
box-shadow: 0 -15px 15px -10px rgba(0, 0, 0, 0.3) inset;
-o-box-shadow: 0 -15px 15px -10px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0 -15px 15px -10px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 -15px 15px -10px rgba(0, 0, 0, 0.3) inset;
-ms-box-shadow: 0 -15px 15px -10px rgba(0, 0, 0, 0.3) inset;
} .btn-theme {
color: #fff ;
background-color: #e7470c;
border-color: #e7470c;
} .btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme.active, .open > .btn-theme.dropdown-toggle {
color: #e7470c  !important;
background-color: #ffffff;
border-color: #e7470c;
} .btn-theme:active, .btn-theme.active, .open > .btn-theme.dropdown-toggle {
background-image: none;
} .btn-theme.disabled, .btn-theme.disabled:hover, .btn-theme.disabled:focus, .btn-theme.disabled:active, .btn-theme.disabled.active, .btn-theme[disabled], .btn-theme[disabled]:hover, .btn-theme[disabled]:focus, .btn-theme[disabled]:active, .btn-theme[disabled].active, fieldset[disabled] .btn-theme, fieldset[disabled] .btn-theme:hover, fieldset[disabled] .btn-theme:focus, fieldset[disabled] .btn-theme:active, fieldset[disabled] .btn-theme.active {
background-color: #e7470c;
border-color: #e7470c;
} .btn-theme .badge {
color: #e7470c;
background-color: #fff !important;
} .btn-dark {
color: #fff !important;
background-color: #616161;
border-color: #616161;
} .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle {
color: #fff !important !important;
background-color: #484848;
border-color: #424242;
} .btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle {
background-image: none;
} .btn-dark.disabled, .btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled:active, .btn-dark.disabled.active, .btn-dark[disabled], .btn-dark[disabled]:hover, .btn-dark[disabled]:focus, .btn-dark[disabled]:active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark.active {
background-color: #616161;
border-color: #616161;
} .btn-dark .badge {
color: #616161;
background-color: #fff !important;
} .btn-theme-color-second {
background: #e7470c !important;
} .btn-theme-color-second:hover, .btn-theme-color-second:active {
background: #13a26e !important;
} .btn-theme-second {
color: #fff !important;
background-color: #e7470c;
border-color: #e7470c;
} .btn-theme-second:hover, .btn-theme-second:focus, .btn-theme-second:active, .btn-theme-second.active, .open > .btn-theme-second.dropdown-toggle {
color: #e7470c !important !important;
background-color: #ffffff;
border-color: #e7470c;
} .btn-theme-second:active, .btn-theme-second.active, .open > .btn-theme-second.dropdown-toggle {
background-image: none;
} .btn-theme-second.disabled, .btn-theme-second.disabled:hover, .btn-theme-second.disabled:focus, .btn-theme-second.disabled:active, .btn-theme-second.disabled.active, .btn-theme-second[disabled], .btn-theme-second[disabled]:hover, .btn-theme-second[disabled]:focus, .btn-theme-second[disabled]:active, .btn-theme-second[disabled].active, fieldset[disabled] .btn-theme-second, fieldset[disabled] .btn-theme-second:hover, fieldset[disabled] .btn-theme-second:focus, fieldset[disabled] .btn-theme-second:active, fieldset[disabled] .btn-theme-second.active {
background-color: #e7470c;
border-color: #e7470c;
} .btn-theme-second .badge {
color: #e7470c;
background-color: #fff !important;
} .btn-theme.btn-outline {
color: #999999;
border-color: #e7470c;
background: #fff !important;
} .btn-theme.btn-outline:hover, .btn-theme.btn-outline:active {
color: #fff !important;
background: #e7470c;
border-color: #e7470c;
} .more-link {
display: inline-block;
margin: 30px 0px 0px 0px;
font-weight: 700;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #FFFFFF;
background-image: none;
border: 2px solid transparent;
background-color: #e7470c;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 1px;
padding: 12px 40px;
font-size: 12px;
line-height: 1.625;
border-radius: 0px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
} .more-link:hover, .more-link:focus, .more-link:active {
text-decoration: none;
color: #FFFFFF;
background-color: #e7470c;
}  .search-popup .dropdown-menu {
padding: 10px;
} .btn-action {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: 900;
line-height: 30px;
margin-bottom: 0;
padding: 0px 10px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
vertical-align: middle;
white-space: nowrap;
} .searchform .input-search {
padding: 15px;
border-right: 0;
line-height: 1.5;
} .rtl .searchform .input-search {
border-left: 0;
border-right: inherit;
} .searchform .btn-search {
vertical-align: top;
color: #adafac;
padding: 12px 5px;
} .searchform .input-group-btn {
line-height: 100%;
} .petenica-search {
height: 48px;
padding-right: 55px;
} .rtl .petenica-search {
padding-left: 55px;
padding-right: inherit;
} .petenica-search .button-search {
display: block;
margin-top: 1px;
font-size: 16px;
color: #999999;
} .petenica-search .button-search:hover {
color: #999999 !important;
} .search-category .btn, .search-category .button {
margin-left: 10px !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-ms-border-radius: 0px !important;
-o-border-radius: 0px !important;
} .rtl .search-category .btn, .rtl .search-category .button {
margin-right: 10px !important;
margin-left: inherit;
} .search-category .wpo-search-inner label.form-control {
border: none;
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
} .search-category select {
border: none;
text-transform: capitalize;
font-weight: 500;
}  .chosen-container {
width: 100% !important;
} .input-group-form {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
background: transparent;
margin: 0 0 5px 0;
} .input-group-form .form-control-reversed {
border: 0px;
background: #222222;
color: #cccccc;
font-size: 14px;
height: 34px;
} .input-group-form .form-control-reversed:hover, .input-group-form .form-control-reversed:focus {
-webkit-box-shadow: none;
box-shadow: none;
} .input-group-form .input-group-addon {
border: 0;
background: #222222;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
} .woocommerce #review_form #respond p {
margin: 20px 0 0;
} #review_form .comment-form label {
margin: 0;
font-size: 16px;
font-weight: 400;
color: #999999;
} #review_form .comment-form > p,
#review_form .comment-form > div {
margin-top: 20px;
} #review_form .comment-form > p:first-child,
#review_form .comment-form > div:first-child {
margin: 0;
} #review_form .comment-form > p input, #review_form .comment-form > p textarea,
#review_form .comment-form > div input,
#review_form .comment-form > div textarea {
width: 100%;
}
@media (min-width: 1024px) { #review_form .comment-form > p,
#review_form .comment-form > div {
display: table;
width: 100%;
} #review_form .comment-form > p > *,
#review_form .comment-form > div > * {
display: table-cell;
vertical-align: top;
padding-top: 10px;
} #review_form .comment-form > p label,
#review_form .comment-form > div label {
width: 150px;
} #review_form .comment-form > p input,
#review_form .comment-form > div input {
width: 100%;
} #review_form .comment-form .you-rating {
width: 150px;
float: left;
} .rtl #review_form .comment-form .you-rating {
float: right;
} #review_form .comment-form .comment-form-rating {
overflow: hidden;
} #review_form .comment-form .form-submit {
padding-left: 150px;
} .rtl #review_form .comment-form .form-submit {
padding-right: 150px;
padding-left: inherit;
}
} #review_form .comment-form input {
height: 45px;
} #review_form .comment-form input, #review_form .comment-form textarea {
padding: 10px 15px;
height: 45px;
font-size: 16px;
color: #a4a4a4;
border: 1px solid #e0e0e0;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
} #review_form .comment-form input:-webkit-input-placeholder, #review_form .comment-form textarea:-webkit-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} #review_form .comment-form input:-moz-placeholder, #review_form .comment-form textarea:-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} #review_form .comment-form input::-moz-placeholder, #review_form .comment-form textarea::-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} #review_form .comment-form input:-ms-input-placeholder, #review_form .comment-form textarea:-ms-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} #review_form .comment-form input:focus, #review_form .comment-form textarea:focus {
border-color: #e7470c;
-webkit-box-shadow: inset 0 0 0 1px #e7470c;
box-shadow: inset 0 0 0 1px #e7470c;
} #review_form .comment-form textarea {
height: 120px !important;
} #review_form .comment-form input#submit {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
font-weight: 700;
background: #c8cace !important;
text-transform: uppercase;
color: #fff !important;
display: inline-block;
padding: 12px 50px;
width: auto;
border: none;
height: 46px;
letter-spacing: 1px;
font-size: 12px;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
} #review_form .comment-form input#submit:hover, #review_form .comment-form input#submit:active, #review_form .comment-form input#submit:focus {
color: #fff !important;
background: #bbbdc2 !important;
} #reviews #comments {
margin: 0 0 30px;
padding: 0;
} #reviews #comments .woocommerce-noreviews {
margin: 20px 0;
} #reviews #comments .title-tab {
border-top: 1px solid #e0e0e0;
margin-bottom: 50px;
margin-top: 50px;
padding-top: 35px;
} #reviews .commentlist {
padding: 0;
} #reviews .reviews-summary .review-summary-total {
text-align: center;
font-weight: 400;
} #reviews .reviews-summary .review-summary-total .review-summary-result {
width: 70px;
height: 70px;
text-align: center;
border: 2px solid #e7470c;
color: #e7470c;
line-height: 66px;
font-size: 20px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
margin-bottom: 8px;
} #reviews .reviews-summary .review-summary-detal {
overflow: hidden;
display: block;
} #reviews .reviews-summary .review-summary-detal .review-label {
color: #000;
font-weight: 400;
} #reviews .comments {
padding: 30px 0;
} #reviews .comments .commentlist {
margin: 15px 0;
} #reviews .comments .commentlist .comment {
margin-bottom: 30px;
} #reviews .comments .commentlist .comment-image {
min-width: 100px;
margin-right: 20px;
} .rtl #reviews .comments .commentlist .comment-image {
margin-left: 20px;
margin-right: inherit;
} #reviews .comments .commentlist .comment-image > span {
display: block;
margin-bottom: 5px;
} #reviews .comments .commentlist .comment-image .avatar {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
} #reviews .comments .commentlist .comment-image .author {
color: #000;
} #reviews .comments .commentlist .comment-text {
border: 1px solid #e0e0e0;
padding: 15px 30px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
} #reviews .comments .commentlist .comment-text > div {
margin-bottom: 7px;
} #reviews .review_form_wrapper {
border-top: 1px solid #e0e0e0;
} #reviews .comment-reply-title {
font-size: 16px;
font-weight: 400;
letter-spacing: 1.5px;
padding-top: 30px;
border-top: 1px solid #e0e0e0;
line-height: 28px;
text-transform: uppercase;
color: #999999;
margin: 0 0 30px !important;
} #reviews .title-info {
font-size: 16px;
font-weight: 600;
margin: 0 0 5px !important;
} #reviews .title-info {
margin: 0 0 20px !important;
} #reviews .average-value {
font-size: 30px;
font-weight: 700;
color: #999999;
line-height: 1.2;
} #reviews .average-value span {
font-size: 16px;
font-weight: 400;
display: block;
} .wpcf7-form span.wpcf7-not-valid-tip {
margin-bottom: 12px;
} .wpcf7-form textarea.form-control {
height: 160px;
resize: none;
} .wpcf7-form .submit {
text-align: left !important;
} .wpcf7-form .form-control {
color: #a4a4a4;
margin: 0 0 20px;
height: 45px;
background: #F9F9F9;
border: 1px solid #e0e0e0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
} .wpcf7-form .form-control:-webkit-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .wpcf7-form .form-control:-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .wpcf7-form .form-control::-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .wpcf7-form .form-control:-ms-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .wpcf7-form .form-control:focus {
border-color: #e7470c;
-webkit-box-shadow: inset 0 0 0 1px #e7470c;
box-shadow: inset 0 0 0 1px #e7470c;
} .widget-search-form {
padding: 56px 120px;
}
@media (max-width: 1200px) { .widget-search-form {
padding: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) { .widget-search-form {
padding: 35px; }
}
@media (min-width: 768px) and (max-width: 1023px) { .widget-search-form {
padding: 30px;
}
}
@media only screen and (max-width: 767px) { .widget-search-form {
padding: 25px;
}
}
@media (max-width: 640px) { .widget-search-form {
padding: 20px;
}
} .widget-search-form .left-search {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
} .widget-search-form .search-form-item {
max-width: 29%;
-webkit-box-flex: 0 0 29%;
-moz-box-flex: 0 0 29%;
-webkit-flex: 0 0 29%;
-ms-flex: 0 0 29%;
flex: 0 0 29%;
margin-right: 20px;
} .rtl .widget-search-form .search-form-item {
margin-left: 20px;
margin-right: inherit;
} .widget-search-form .search-form-item.submit {
-webkit-box-flex: 0 0 50px;
-moz-box-flex: 0 0 50px;
-webkit-flex: 0 0 50px;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
}
@media (max-width: 1200px) { .widget-search-form .search-form-item {
margin-bottom: 10px;
margin-right: 10px;
} .rtl .widget-search-form .search-form-item {
margin-left: 10px;
margin-right: inherit;
} .widget-search-form .search-form-item:last-child {
margin-right: 0px;
} .rtl .widget-search-form .search-form-item:last-child {
margin-left: 0px;
margin-right: inherit;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) { .widget-search-form .search-form-item {
margin-bottom: 10px;
margin-right: 10px; } .rtl .widget-search-form .search-form-item {
margin-left: 10px;
margin-right: inherit;
}
}
@media (min-width: 768px) and (max-width: 1023px) { .widget-search-form .search-form-item {
margin-bottom: 10px;
margin-right: 20px;
} .rtl .widget-search-form .search-form-item {
margin-left: 20px;
margin-right: inherit;
}
}
@media only screen and (max-width: 767px) { .widget-search-form .search-form-item {
float: none !important;
margin-bottom: 10px;
-webkit-box-flex: 0 0 100%;
-moz-box-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-right: 0px;
} .rtl .widget-search-form .search-form-item {
margin-left: 0px;
margin-right: inherit;
}
}
@media (max-width: 640px) { .widget-search-form .search-form-item {
float: none !important;
margin-bottom: 10px;
-webkit-box-flex: 0 0 100%;
-moz-box-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-right: 0px;
} .rtl .widget-search-form .search-form-item {
margin-left: 0px;
margin-right: inherit;
}
} .widget-search-form .search-form-item:last-child {
margin: 0;
} .widget-search-form .input_search, .widget-search-form select {
border: 0px;
padding: 8px 23px;
height: 47px;
color: #a4a4a4;
min-width: 269px;
} .widget-search-form .input_search:-webkit-input-placeholder, .widget-search-form select:-webkit-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .widget-search-form .input_search:-moz-placeholder, .widget-search-form select:-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .widget-search-form .input_search::-moz-placeholder, .widget-search-form select::-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .widget-search-form .input_search:-ms-input-placeholder, .widget-search-form select:-ms-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .widget-search-form .btn, .widget-search-form .button {
padding: 0;
font-size: 16px;
text-align: center;
border: 2px solid #FFFFFF !important;
width: 51px;
height: 47px;
background: transparent !important;
} .widget-search-form .btn:hover, .widget-search-form .button:hover, .widget-search-form .btn:active, .widget-search-form .button:active, .widget-search-form .btn:focus, .widget-search-form .button:focus {
border-color: #FFFFFF !important;
}  select {
border: 1px solid #e0e0e0;
height: 43px;
padding: 5px 15px;
font-weight: 400;
font-size: 14px;
}   .no-margin {
margin: 0 !important;
} .no-margin .pagination {
margin: 0;
}  .no-padding {
padding: 0 !important;
} .no-position {
position: static !important;
} .inline-block {
display: inline-block;
vertical-align: middle;
} .lt-ie8 .inline-block {
display: inline;
zoom: 1;
} .no-background {
-webkit-box-shadow: none;
box-shadow: none;
background: none !important;
} .no-effect a:before {
content: none !important;
}  .clear-list {
padding: 0;
margin: 0;
list-style: none;
}  .text-uppercase {
text-transform: uppercase !important;
}  .separator_align_center {
text-align: center !important;
} .vc_align_right,
.separator_align_right {
text-align: right !important;
} .separator_align_left {
text-align: left !important;
}  .font-size-lg {
font-size: 48px;
} .font-size-md {
font-size: 30px;
} .font-size-sm {
font-size: 20px;
} .font-size-xs {
font-size: 16px;
}  .no-border {
border: 0px !important;
}  .bg-transparent {
background: transparent !important;
}  .effect-1 {
position: relative;
} .effect-1:after {
content: '';
display: block;
width: 0px;
height: 1px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
left: 0;
bottom: 0;
right: 0;
background: transparent;
margin: auto;
} .effect-1:hover:after {
width: 100%;
height: 1px;
background: #e7470c;
} .zoom-2 {
overflow: hidden;
display: block;
} .zoom-2 img {
position: relative;
width: 100%;
height: auto;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
} .zoom-2:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
} .filter-grayscale {
-webkit-transition: all 0.6s ease-out 0s;
-o-transition: all 0.6s ease-out 0s;
transition: all 0.6s ease-out 0s;
} .filter-grayscale:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
} .filter-brightness {
-webkit-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
} .filter-brightness:hover {
filter: brightness(0.4);
-webkit-filter: brightness(0.4);
-moz-filter: brightness(0.4);
-o-filter: brightness(0.4);
-ms-filter: brightness(0.4);
} .filter-blur {
-webkit-transition: all 0.6s ease-out 0s;
-o-transition: all 0.6s ease-out 0s;
transition: all 0.6s ease-out 0s;
} .filter-blur:hover {
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
} .close .fa {
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
} .close:hover .fa {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
} .image-overlay-1:after, .image-overlay-1:before {
content: "";
display: block;
position: absolute;
z-index: 100;
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
} .rtl .image-overlay-1:after, .rtl .image-overlay-1:before {
right: 0;
left: auto;
} .image-overlay-1:after {
top: -100%;
} .image-overlay-1:before {
bottom: -100%;
} .image-overlay-1:hover:after {
top: -50%;
opacity: 1;
filter: alpha(opacity=100);
} .image-overlay-1:hover:before {
bottom: -50%;
opacity: 1;
filter: alpha(opacity=100);
} .image-plus-1 {
position: relative;
} .image-plus-1::before {
overflow: hidden;
position: absolute;
top: 0;
content: "";
z-index: 100;
width: 100%;
height: 100%;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/plus.png) no-repeat scroll center center/60px 60px rgba(0, 0, 0, 0.6);
} .rtl .image-plus-1::before {
right: 0;
left: auto;
} .image-plus-1:hover::before {
visibility: visible;
opacity: 0.6;
filter: alpha(opacity=60);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
} .image-plus-2 {
position: relative;
} .image-plus-2::before {
content: "";
z-index: 199;
top: 0;
position: absolute;
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/plus.png) no-repeat scroll center center/60px 60px rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
left: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
-webkit-background-size: 10px 10px, 100% 100%;
-moz-background-size: 10px 10px, 100% 100%;
-ms-background-size: 10px 10px, 100% 100%;
-o-background-size: 10px 10px, 100% 100%;
background-size: 10px 10px, 100% 100%;
-webkit-background-origin: padding-box, padding-box;
-moz-background-origin: padding-box, padding-box;
-ms-background-origin: padding-box, padding-box;
-o-background-origin: padding-box, padding-box;
background-origin: padding-box, padding-box;
} .rtl .image-plus-2::before {
right: 0;
left: auto;
} .image-plus-2:hover::before {
opacity: .6;
visibility: visible;
-webkit-background-size: 60px 60px, 100% 100%;
-moz-background-size: 60px 60px, 100% 100%;
-ms-background-size: 60px 60px, 100% 100%;
-o-background-size: 60px 60px, 100% 100%;
background-size: 60px 60px, 100% 100%;
} .image-plus-3 {
position: relative;
} .image-plus-3::before {
content: "";
top: 0;
overflow: hidden;
position: absolute;
z-index: 100;
-webkit-transform: scale(0.5) rotateX(180deg);
-moz-transform: scale(0.5) rotateX(180deg);
-ms-transform: scale(0.5) rotateX(180deg);
-o-transform: scale(0.5) rotateX(180deg);
transform: scale(0.5) rotateX(180deg);
width: 100%;
height: 100%;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background: rgba(0, 0, 0, 0.8);
} .rtl .image-plus-3::before {
right: 0;
left: auto;
} .image-plus-3:hover::before {
visibility: visible;
opacity: 0.6;
filter: alpha(opacity=60);
-webkit-transform: scale(1) rotateX(0deg);
-moz-transform: scale(1) rotateX(0deg);
-ms-transform: scale(1) rotateX(0deg);
-o-transform: scale(1) rotateX(0deg);
transform: scale(1) rotateX(0deg);
} .icon-effect-1 {
position: relative;
} .icon-effect-1:before {
content: "";
display: block;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-webkit-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
} .icon-effect-1:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}  .btn, .button {
display: inline-block;
margin-bottom: 0;
font-weight: 700;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 2px solid transparent;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 1px;
padding: 12px 40px;
font-size: 12px;
line-height: 1.625;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
} .btn:focus, .button:focus, .btn:active:focus, .button:active:focus, .btn.active:focus, .active.button:focus {
outline: 0;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
} .btn:hover, .button:hover, .btn:focus, .button:focus {
color: #e7470c;
text-decoration: none;
} .btn:active, .button:active, .btn.active, .active.button {
outline: 0;
background-image: none;
} .btn.disabled, .disabled.button, .btn[disabled], [disabled].button, fieldset[disabled] .btn, fieldset[disabled] .button {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
} .btn-default {
color: #1f2227;
background-color: #fff;
border-color: #e8e8e8;
} .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
color: #1f2227 !important;
background-color: #e6e6e6;
border-color: #c9c9c9;
} .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
background-image: none;
} .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #e8e8e8;
} .btn-default .badge {
color: #fff;
background-color: #1f2227;
} .btn-primary {
color: #fff;
background-color: #1f2227;
border-color: #1f2227;
} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
color: #fff !important;
background-color: #08090b;
border-color: #040405;
} .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
background-image: none;
} .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
background-color: #1f2227;
border-color: #1f2227;
} .btn-primary .badge {
color: #1f2227;
background-color: #fff;
} .btn-success {
color: #fff;
background-color: #e7470c;
border-color: #e7470c;
} .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
color: #e7470c !important;
background-color: #ffffff;
border-color: #e7470c;
} .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
background-image: none;
} .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
background-color: #e7470c;
border-color: #e7470c;
} .btn-success .badge {
color: #e7470c;
background-color: #fff;
} .btn-info {
color: #fff;
background-color: #00aeef;
border-color: #00aeef;
} .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
color: #fff !important;
background-color: #0089bc;
border-color: #0081b2;
} .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
background-image: none;
} .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
background-color: #00aeef;
border-color: #00aeef;
} .btn-info .badge {
color: #00aeef;
background-color: #fff;
} .btn-warning {
color: #fff;
background-color: #fdb900;
border-color: #fdb900;
} .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
color: #fff !important;
background-color: #ca9400;
border-color: #c08c00;
} .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
background-image: none;
} .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
background-color: #fdb900;
border-color: #fdb900;
} .btn-warning .badge {
color: #fdb900;
background-color: #fff;
} .btn-danger {
color: #fff;
background-color: #f65b47;
border-color: #f65b47;
} .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
color: #fff !important;
background-color: #f43016;
border-color: #f3270d;
} .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
background-image: none;
} .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
background-color: #f65b47;
border-color: #f65b47;
} .btn-danger .badge {
color: #f65b47;
background-color: #fff;
} .btn-link {
color: #999999;
font-weight: normal;
cursor: pointer;
border-radius: 0;
} .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
} .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
border-color: transparent;
} .btn-link:hover, .btn-link:focus {
color: #e7470c;
text-decoration: underline;
background-color: transparent;
} .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
} .btn-lg {
padding: 17px 40px;
font-size: 13px;
line-height: 1.33333;
border-radius: 0px;
} .btn-sm {
padding: 9px 20px;
font-size: 12px;
line-height: 1.5;
border-radius: 0px;
} .btn-xs {
padding: 4px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 0px;
} .btn-block {
display: block;
width: 100%;
} .btn-block + .btn-block {
margin-top: 5px;
} input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}  .alert {
padding: 15px;
margin-bottom: 26px;
border: 1px solid transparent;
border-radius: 4px;
} .alert h4 {
margin-top: 0;
color: inherit;
} .alert .alert-link {
font-weight: bold;
} .alert > p,
.alert > ul {
margin-bottom: 0;
} .alert > p + p {
margin-top: 5px;
} .alert-dismissable,
.alert-dismissible {
padding-right: 35px;
} .alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
} .alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
} .alert-success hr {
border-top-color: #c9e2b3;
} .alert-success .alert-link {
color: #2b542c;
} .alert-success .close {
color: #3c763d;
} .alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
} .alert-info hr {
border-top-color: #a6e1ec;
} .alert-info .alert-link {
color: #245269;
} .alert-info .close {
color: #31708f;
} .alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
} .alert-warning hr {
border-top-color: #f7e1b5;
} .alert-warning .alert-link {
color: #66512c;
} .alert-warning .close {
color: #8a6d3b;
} .alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
} .alert-danger hr {
border-top-color: #e4b9c0;
} .alert-danger .alert-link {
color: #843534;
} .alert-danger .close {
color: #a94442;
}   .pp_gallery ul {
height: auto;
} .pp_gallery ul a {
height: auto;
} .woocommerce div.product.first {
clear: both;
} .woocommerce.widget input[type="submit"] {
background-color: #e7470c;
border-color: #e7470c;
border: 0px;
outline: none;
padding: 10px 15px;
color: #FFFFFF;
font-size: 12px;
letter-spacing: .5px;
text-transform: uppercase;
text-align: center;
display: inline-block;
text-align: center;
font-weight: 700;
} .quickview-container {
position: relative;
} .quickview-container .mfp-close {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
background: #e7470c !important;
} .quickview-container .summary {
margin: 0;
padding-left: 10px;
} .rtl .quickview-container .summary {
padding-right: 10px;
padding-left: inherit;
} .quickview-container .summary form.cart {
margin-bottom: 10px !important;
} .quickview-container .summary .product_title {
margin: 0 0 15px 0 !important;
} .quickview-container .summary div.qty {
text-transform: uppercase;
color: #333;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.5px;
padding: 13px 10px 0 0;
} .rtl .quickview-container .summary div.qty {
padding: 13px 0 0 10px;
} .quickview-container .summary .btn, .quickview-container .summary .button {
background: #424242;
height: 47px;
color: #FFFFFF;
padding: 5px 50px;
border-color: #424242;
} .quickview-container .summary .btn i, .quickview-container .summary .button i {
font-size: 22px;
} .quickview-container .summary .btn span, .quickview-container .summary .button span {
display: inline-block;
vertical-align: top;
margin: 3px 0 0 0;
} .quickview-container .summary .quantity input.qty {
height: 47px;
border-color: #9b9b9b;
background: transparent !important;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
} .quickview-container .summary .quantity input.qty:-webkit-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .quickview-container .summary .quantity input.qty:-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .quickview-container .summary .quantity input.qty::-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .quickview-container .summary .quantity input.qty:-ms-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .quickview-container .summary .quantity input.qty:focus {
border-color: #e7470c;
-webkit-box-shadow: inset 0 0 0 1px #e7470c;
box-shadow: inset 0 0 0 1px #e7470c;
} .quickview-container .owl-carousel .owl-controls {
position: absolute;
top: 50%;
width: 100%;
height: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
} .quickview-container .owl-carousel .owl-controls .owl-nav {
width: 100%;
height: 100%;
position: relative;
} .quickview-container .owl-carousel .owl-controls .owl-nav .owl-prev {
left: 0;
margin-right: 30px;
margin-left: 30px;
opacity: 1;
filter: alpha(opacity=100);
background: #b2b2b2;
width: 37px;
height: 77px;
line-height: 77px;
border: 0;
color: #FFFFFF;
} .rtl .quickview-container .owl-carousel .owl-controls .owl-nav .owl-prev {
right: 0;
left: auto;
} .quickview-container .owl-carousel .owl-controls .owl-nav .owl-prev:hover {
color: #FFFFFF;
} .quickview-container .owl-carousel .owl-controls .owl-nav .owl-next {
right: 0;
margin-right: 30px;
margin-left: 30px;
opacity: 1;
filter: alpha(opacity=100);
background: #b2b2b2;
width: 37px;
height: 77px;
line-height: 77px;
border: 0;
color: #FFFFFF;
} .rtl .quickview-container .owl-carousel .owl-controls .owl-nav .owl-next {
left: 0;
right: auto;
} .quickview-container .owl-carousel .owl-controls .owl-nav .owl-next:hover {
color: #FFFFFF;
} .woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin: 0;
} .woocommerce div.product div.images {
margin-bottom: 74px;
} .woocommerce #respond input#submit.added:after,
.woocommerce a.button.added:after,
.woocommerce button.button.added:after,
.woocommerce input.button.added:after {
display: none;
} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
resize: none;
height: 47px;
color: #a4a4a4;
line-height: 1.625;
border: 1px solid #e0e0e0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
} .woocommerce form .form-row input.input-text:-webkit-input-placeholder, .woocommerce form .form-row textarea:-webkit-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .woocommerce form .form-row input.input-text:-moz-placeholder, .woocommerce form .form-row textarea:-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .woocommerce form .form-row input.input-text::-moz-placeholder, .woocommerce form .form-row textarea::-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .woocommerce form .form-row input.input-text:-ms-input-placeholder, .woocommerce form .form-row textarea:-ms-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
border-color: #e7470c;
-webkit-box-shadow: inset 0 0 0 1px #e7470c;
box-shadow: inset 0 0 0 1px #e7470c;
} .select2-container .select2-selection--single .select2-selection__rendered {
padding-top: 8px;
padding-bottom: 8px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
} .select2-container .select2-selection--single {
height: 47px;
} .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 9px;
} .woocommerce-account .addresses .title h3 {
font-size: 18px;
font-weight: 500;
text-align: left;
text-transform: uppercase;
margin: 0 0 10px 0;
} p.myaccount_address {
margin-bottom: 40px;
} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
background-color: #e7470c !important;
border-color: #e7470c !important;
color: #ffffff !important;
font-size: 13px;
font-weight: 700;
padding: 12px 35px;
line-height: 23px;
letter-spacing: 1.5px;
text-transform: uppercase;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
} .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:active, .woocommerce a.button:hover, .woocommerce a.button:active, .woocommerce button.button:hover, .woocommerce button.button:active, .woocommerce input.button:hover, .woocommerce input.button:active {
color: #e7470c !important;
background: #ffffff;
border-color: #ffffff;
} .woocommerce-message {
line-height: 2.5;
} .petenica-filter .woocommerce-message {
display: none;
} .cart-collaterals {
margin: 15px 0 0;
} .woocommerce table.shop_table {
border: 1px solid #e0e0e0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
} .woocommerce table.shop_table td {
border: none;
border-top: 1px solid #e0e0e0;
overflow: hidden;
} .woocommerce table.shop_table td img {
width: 50px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
display: block;
} .woocommerce table.shop_table .product-name {
font-size: 16px;
font-weight: 500;
color: #333;
} .woocommerce table.shop_table .product-price {
font-size: 16px;
font-weight: 500;
color: #333;
} .woocommerce table.shop_table .product-subtotal {
font-size: 16px;
font-weight: 500;
color: #333;
} .woocommerce table.shop_table .product-quantity {
font-size: 16px;
font-weight: 500;
color: #333;
} .woocommerce table.shop_table tbody .actions {
padding: 20px 30px;
} .woocommerce table.shop_table tbody .actions p {
margin: 0;
} .woocommerce table.shop_table tbody .product-subtotal {
font-size: 13px;
font-weight: 700;
color: #1f2227;
} .woocommerce table.shop_table tbody .order-total .woocommerce-Price-amount {
color: #333;
font-weight: 600;
font-size: 18px;
} .woocommerce table.shop_table tbody .cart_item td {
font-size: 16px;
font-weight: 500;
color: #999999;
padding: 15px;
} .woocommerce table.shop_table tbody .cart_item .product-name {
color: #999999;
} .woocommerce table.shop_table tbody .cart-subtotal .woocommerce-Price-amount,
.woocommerce table.shop_table tbody .order-total .woocommerce-Price-amount {
font-size: 16px;
font-weight: 500;
} .woocommerce table.shop_table th {
border: none;
color: #555555;
font-size: 16px;
font-weight: 500;
} .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
margin: 0;
} .woocommerce form .form-row label.checkbox:before, .woocommerce form .form-row label.checkbox:after, .woocommerce-page form .form-row label.checkbox:before, .woocommerce-page form .form-row label.checkbox:after {
content: " ";
display: table;
} .woocommerce form .form-row label.checkbox:after, .woocommerce-page form .form-row label.checkbox:after {
clear: both;
} .woocommerce form .form-row label.checkbox span, .woocommerce-page form .form-row label.checkbox span {
float: left;
margin-left: 20px;
} .rtl .woocommerce form .form-row label.checkbox span, .rtl .woocommerce-page form .form-row label.checkbox span {
float: right;
} .woocommerce form .form-row .input-checkbox {
float: left;
margin: 25px 0 0 0;
} .rtl .woocommerce form .form-row .input-checkbox {
float: right;
} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #f5f5f5;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
} #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background: #ffffff;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-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: #fff;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
} .woocommerce form .form-row textarea {
height: 150px;
} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
border-color: #e0e0e0;
} .checkout #order_review_heading {
font-size: 22px;
margin: 30px 0;
} .woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
right: 0;
left: 0;
margin: auto;
} .rtl .woocommerce #respond input#submit.loading:after, .rtl
.woocommerce a.button.loading:after, .rtl
.woocommerce button.button.loading:after, .rtl
.woocommerce input.button.loading:after {
right: 0;
left: auto;
} .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce  .cross-sells, .woocommerce-page .cross-sells{
padding: 0px 15px;
margin: 15px 0 0 ;
}
.cross-sells h2 {
font-size: 22px;
margin: 0 0 20px;
font-weight: 500;
} .price del {
margin-right: 3px;
} .rtl .price del {
margin-left: 3px;
margin-right: inherit;
} .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {
top: 10px;
} .woocommerce table.shop_attributes td p {
padding: 8px;
} .yith-wcwl-add-to-wishlist .ajax-loading {
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
} .rtl .yith-wcwl-add-to-wishlist .ajax-loading {
right: 0;
left: auto;
} .yith-wcwl-add-button {
position: relative;
} .woocommerce div.product .product_title {
font-size: 36px;
font-weight: 400;
line-height: 42px;
margin: -5px 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) { .woocommerce div.product .product_title {
font-size: 32px;
line-height: 34px;
}
}
@media (max-width: 640px) { .woocommerce div.product .product_title {
font-size: 26px;
line-height: 28px;
}
} .woocommerce-product-details__short-description {
line-height: 26px;
padding-bottom: 20px;
padding-right: 25px;
} .rtl .woocommerce-product-details__short-description {
padding-left: 25px;
padding-right: inherit;
} .woocommerce p.stars.selected a.active::before, .woocommerce p.stars:hover a::before,
.woocommerce p.stars.selected a:not(.active):before {
content: '';
} .woocommerce div.product div.images .flex-control-thumbs {
margin-top: 10px;
} .woocommerce div.product div.images img {
width: auto;
}
@media (min-width: 768px) and (max-width: 1023px) { .woocommerce div.product div.images img {
width: 100%;
}
}
@media only screen and (max-width: 767px) { .woocommerce div.product div.images img {
width: 100%;
}
}
@media (max-width: 640px) { .woocommerce div.product div.images img {
width: 100%;
}
} .woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 10px;
margin-bottom: 10px;
width: auto;
} .rtl .woocommerce div.product div.images .flex-control-thumbs li {
margin-left: 10px;
margin-right: inherit;
} .woocommerce div.product div.images .flex-control-thumbs li:last-child {
margin: 0;
} .woocommerce div.product p.price del, .woocommerce div.product span.price del,
.woocommerce div.product span.price {
font-size: 14px;
color: #777777;
font-weight: 400;
} .woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #e7470c;
font-size: 18px;
font-weight: 400;
margin: 0 0 10px 0;
padding: 0;
} .woocommerce div.product p.price del,
.woocommerce div.product span.price del {
color: #999999;
font-size: 18px;
} .woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
font-weight: 400;
} .woocommerce div.product p.price del, .woocommerce div.product span.price del {
opacity: 1;
filter: alpha(opacity=100);
} .woocommerce .widget_price_filter .price_slider_amount .button {
border: 0 none;
color: #ffffff;
float: left;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
outline: medium none;
padding: 8px 20px;
text-transform: uppercase;
} .rtl .woocommerce .widget_price_filter .price_slider_amount .button {
float: right;
} .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce .widget_price_filter .price_slider_amount .button:active {
background: #e7470c;
color: #FFFFFF;
} .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background: #e7470c;
} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #eeeeee;
margin-top: 8px;
} .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background: #fff;
width: 16px;
height: 16px;
border: 1px solid #e0e0e0;
border-radius: 50% !important;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
-ms-border-radius: 50% !important;
-o-border-radius: 50% !important;
top: -6px;
} .variations label {
color: #777777;
font-size: 18px;
text-transform: capitalize;
margin: 5px 0;
} .variations .value {
padding: 0;
} .variations .reset_variations {
display: block !important;
} .variations td {
height: 55px;
} .woocommerce div.product form.cart .group_table .price del {
font-size: 12px !important;
} .woocommerce div.product form.cart .group_table .price,
.woocommerce div.product form.cart .group_table .price ins {
font-size: 18px !important;
} .woocommerce div.product form.cart .group_table td {
vertical-align: middle;
} .woocommerce div.product form.cart .group_table .label {
padding: 0.5em;
vertical-align: middle;
font-size: 14px;
display: table-cell;
text-align: inherit;
} .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
line-height: 3em;
} .woocommerce .order_details {
padding: 0;
} .woocommerce table.shop_table input.button {
line-height: 1.625;
} .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;
height: 41px;
padding: 5px 10px !important;
margin-right: 10px !important;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
} .rtl .woocommerce #content table.cart td.actions .input-text, .rtl
.woocommerce table.cart td.actions .input-text, .rtl
.woocommerce-page #content table.cart td.actions .input-text, .rtl
.woocommerce-page table.cart td.actions .input-text {
margin-left: 10px !important;
margin-right: inherit;
} .cart_totals h2 {
font-size: 22px;
margin: 0 0 20px;
font-weight: 500;
} .cart_totals th {
background: #fcfcfc;
font-size: 16px;
color: #1f2227;
padding: 15px !important;
font-weight: 500;
border-right: 1px solid #e0e0e0;
} .rtl .cart_totals th {
border-left: 1px solid #e0e0e0;
border-right: inherit;
} .cart_totals td {
padding: 15px !important;
font-size: 14px;
color: #1f2227;
font-weight: 500;
} #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 100px;
} .woocommerce .percent-sale,
.woocommerce span.onsale {
color: #ffffff !important;
font-size: 11px;
font-weight: 500;
padding: 0;
position: absolute;
text-align: center;
right: 0px;
left: inherit;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
top: 24px;
height: 41px;
text-transform: uppercase;
z-index: 991;
display: inline-block;
line-height: 1;
} .rtl .woocommerce .percent-sale, .rtl
.woocommerce span.onsale {
left: 0px;
right: auto;
} .rtl .woocommerce .percent-sale, .rtl
.woocommerce span.onsale {
right: inherit;
left: auto;
} .woocommerce .percent-sale .percent-sale-iiner,
.woocommerce span.onsale .percent-sale-iiner {
padding: 15px 11px;
position: relative;
display: block;
} .woocommerce .percent-sale .percent-sale-iiner:before,
.woocommerce span.onsale .percent-sale-iiner:before {
top: 0;
content: "";
position: absolute;
width: 0;
height: 0;
left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 20px solid #e7470c;
} .rtl .woocommerce .percent-sale .percent-sale-iiner:before, .rtl
.woocommerce span.onsale .percent-sale-iiner:before {
right: -10px;
left: auto;
} .woocommerce .percent-sale .percent-sale-iiner:after,
.woocommerce span.onsale .percent-sale-iiner:after {
bottom: 0;
content: "";
position: absolute;
width: 0;
height: 0;
left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 20px solid #e7470c;
} .rtl .woocommerce .percent-sale .percent-sale-iiner:after, .rtl
.woocommerce span.onsale .percent-sale-iiner:after {
right: -10px;
left: auto;
} .popup-cart .title-count,
.popup-cart .title-add {
font-size: 20px;
margin: 0 0 20px;
} .popup-cart .gr-buttons {
margin: 50px 0 0;
} .popup-cart .title-add {
color: #e7470c;
} .popup-cart .image img {
max-width: 100px;
} .popup-cart .name {
margin: 30px 0 0;
} .popup-cart .widget-product {
margin-top: 30px;
} #petenica-cart-modal .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 99;
background: #fff;
width: 30px;
height: 30px;
line-height: 26px;
text-align: center;
display: inline-block;
} .rtl #petenica-cart-modal .btn-close {
left: 0;
right: auto;
} #petenica-cart-modal .modal-content {
background: #ffffff none repeat scroll 0 0;
min-width: 1000px;
max-width: 100%;
margin-top: 50px;
} #petenica-cart-modal .modal-body {
padding: 60px;
} .name {
font-size: 13px;
} .name a {
color: #999999;
font-size: 16px;
} .product-block .sale-off {
background: #f65b47 none repeat scroll 0 0;
color: #ffffff !important;
font-size: 12px;
font-weight: 400;
padding: 4px 10px;
position: absolute;
right: 20px;
text-align: center;
text-transform: uppercase;
top: 20px;
} .product-block .image {
position: relative;
overflow: hidden;
} .product-block .image img {
width: 100%;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
} .product-block .image .image-effect {
top: 0;
position: absolute;
overflow: hidden;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
} .rtl .product-block .image .image-effect {
right: 0;
left: auto;
} .product-block .image .image-hover {
opacity: 1;
filter: alpha(opacity=100);
} .product-block .image:hover .image-hover {
opacity: 0;
filter: alpha(opacity=0);
} .product-block .image:hover .image-effect {
opacity: 1;
filter: alpha(opacity=100);
} .product-block .image .yith-wcwl-add-to-wishlist span, .product-block .image .yith-wcwl-add-to-wishlist span {
display: none;
} .product-block .category {
text-transform: none;
font-weight: 300;
font-style: italic;
font-size: 12px;
} .product-block .category a {
color: #000;
} .product-block .category a:hover {
color: #e7470c;
} .product-block .clear {
display: none !important;
} .product-block .add_to_cart_button {
position: relative;
} .product-block .add_to_cart_button.loading .title-cart {
visibility: hidden;
} .product-block .yith-wcwl-add-to-wishlist {
margin: 0;
} .product-block.grid {
text-align: center;
}
.products-grid .product-overlay {
opacity: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0px auto;
border-top: 1px solid rgba(0, 0, 0, 0.1);
z-index: 9999;
transition-duration: .4s;
}
.products-grid .product-overlay div.add-to-cart {
background-color: #e7470c;
display: block;
float: left;
width: 50%;
padding: 10px;
color: #1e1e1e;
margin: 0px;
transition-duration: .4s;
}
.products-grid .product-overlay div.tinv-wraper {
background-color: #e7470c;
display: block;
float: left;
width: 50%;
padding: 10px;
color: #1e1e1e;
margin: 0px;
transition-duration: .4s;
}
.products-grid .product-overlay div:hover {
background-color: #1e1e1e;
}
.products-grid .product-overlay .add-to-cart {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.products-grid .product-overlay a {
color: #1e1e1e;
text-decoration: none;
}
.products-grid .product-overlay div:hover a {
color: #ffffff;
}
.products-grid .product-overlay a {
color: #ffffff;
}
.products-grid .product-block:hover .product-overlay {
opacity: 1;
}
.tinvwl-tooltip {
display: none !important;
}
.tinv-wishlist .button.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt, .tinv-wishlist .button.tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt{
background: transparent!important;
margin-top: 0;
color:#1e1e1e !important;
width: auto;
height: auto;
}
a.wishlist_products_counter.top_wishlist-heart.no-txt:before{
color: #1e1e1e;
}
a.wishlist_products_counter.top_wishlist-heart.no-txt:before:hover{
color: #ffffff !important;
}
@media (max-width: 1200px) { .product-block.grid {
margin-bottom: 30px;
}
} .product-block.grid .product-entry-content {
margin: 0;
padding: 20px 30px;
text-align: center;
} .product-block.grid .image.out .product-image {
opacity: 0.5;
filter: alpha(opacity=50);
} .product-block.grid .stock, .product-block.grid .onsale {
color: #ffffff !important;
font-size: 9px;
letter-spacing: 1px;
font-weight: 500;
padding: 6px 15px;
margin: 0;
border: 0;
position: absolute;
text-align: center;
top: 75px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
right: 0px;
left: inherit;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
height: 40px;
text-transform: uppercase;
z-index: 991;
line-height: 1;
background-color: #e7470c;
} .rtl .product-block.grid .stock, .rtl .product-block.grid .onsale {
left: 0px;
right: auto;
} .rtl .product-block.grid .stock, .rtl .product-block.grid .onsale {
right: inherit;
left: auto;
} .product-block.grid .stock:before, .product-block.grid .onsale:before {
top: 0;
content: "";
position: absolute;
width: 0;
height: 0;
left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 20px solid #e7470c;
} .rtl .product-block.grid .stock:before, .rtl .product-block.grid .onsale:before {
right: -10px;
left: auto;
} .product-block.grid .stock:after, .product-block.grid .onsale:after {
bottom: 0;
content: "";
position: absolute;
width: 0;
height: 0;
left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 20px solid #e7470c;
} .rtl .product-block.grid .stock:after, .rtl .product-block.grid .onsale:after {
right: -10px;
left: auto;
} .product-block.grid .onsale {
top: 24px;
} .product-block.grid .product-description {
max-width: 350px;
margin: 0 auto;
font-size: 16px;
line-height: 22px;
padding: 12px 0 15px;
} .product-block.grid .name {
margin: 0 0 10px 0;
padding: 0;
font-size: 14px;
letter-spacing: 1px;
font-weight: 500;
line-height: 26px;
text-transform: uppercase;
} .product-block.grid .name a {
color: #333;
} .product-block.grid .name a:hover, .product-block.grid .name a:focus, .product-block.grid .name a:active {
color: #e7470c;
} .product-block.grid .rating {
display: inline-block;
margin: 0 0 15px;
vertical-align: top;
padding: 0 0 15px 0;
position: relative;
} .product-block.grid .rating:after {
position: absolute;
content: "";
background: #e0e0e0;
height: 1px;
bottom: 0;
display: block;
margin: 0 auto;
left: 0;
right: 0;
} .rtl .product-block.grid .rating:after {
right: 0;
left: auto;
} .product-block.grid .rating .star-rating {
float: left;
} .rtl .product-block.grid .rating .star-rating {
float: right;
} .product-block.grid .price {
display: block;
} .product-block.grid .feedback,
.product-block.grid .sub-title {
display: none;
} .product-block.grid .category {
margin: 0px 0 8px;
overflow: hidden;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} .product-block.grid:hover .block-inner:before, .product-block.grid:focus .block-inner:before, .product-block.grid:active .block-inner:before {
z-index: 2;
-webkit-transform: scale(1);
transform: scale(1);
} .product-block.grid .block-inner {
position: relative;
background: #FFFFFF;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
display: block;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .product-block.grid .block-inner:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .rtl .product-block.grid .block-inner:before {
right: 0;
left: auto;
} .product-block.grid .block-inner.loading .quick-view:before {
position: absolute;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
content: '';
background: rgba(255, 255, 255, 0.5) url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/loading-quick.gif) no-repeat scroll center center/30px auto;
} .product-block.grid .groups-button {
margin-top: 0;
position: absolute;
top: 50%;
z-index: -1;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
} .rtl .product-block.grid .groups-button {
right: 50%;
left: auto;
} .product-block.grid .groups-button > div {
display: inline-block;
vertical-align: top;
position: relative;
margin: 0 4px;
z-index: 2;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
@media only screen and (min-width: 768px) and (max-width: 959px) { .product-block.grid .groups-button > div {
margin: 0; }
}
@media (min-width: 768px) and (max-width: 1023px) { .product-block.grid .groups-button > div {
margin: 0;
}
}
@media only screen and (max-width: 767px) { .product-block.grid .groups-button > div {
margin: 0;
}
}
@media (max-width: 640px) { .product-block.grid .groups-button > div {
margin: 0;
}
} .product-block.grid .groups-button > div i {
font-size: 22px;
} .product-block.grid .groups-button .add-cart .btn, .product-block.grid .groups-button .add-cart .button {
z-index: 1;
border: 2px solid #ffffff !important;
background: transparent !important;
padding: 10px 5px;
text-align: center;
width: 48px;
height: 48px;
} .product-block.grid .groups-button .yith-wcwl-add-to-wishlist > .show,
.product-block.grid .groups-button .quickview {
width: 48px;
height: 48px;
border-width: 2px;
padding: 10px 5px;
} .product-block.grid:hover .groups-button {
z-index: 10;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
} .product-block.grid:hover .groups-button > div {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
} .product-block.list {
margin: 0 0 30px;
} .product-block.list .image {
border: 1px solid #e0e0e0;
padding: 20px;
background: #fff;
} .product-block.list .caption-list {
padding: 15px 5px 20px;
background: #fff;
text-align: center;
border-width: 0 1px 1px;
border-style: solid;
border-color: #e0e0e0;
} .product-block.list .star-rating {
margin: 0 auto 8px !important;
} .product-block.list .rating {
margin: 10px 0 0px;
} .product-block.list .name {
margin: 0;
} .product-block.list .action-bottom {
margin: 10px 0 0;
} .product-block.list .action-bottom i {
margin-right: 10px !important;
} .rtl .product-block.list .action-bottom i {
margin-left: 10px !important;
margin-right: inherit;
} .product-block.list .action-bottom > * {
display: inline-block;
vertical-align: top;
margin-right: 2px;
} .rtl .product-block.list .action-bottom > * {
margin-left: 2px;
margin-right: inherit;
} .product-block.list .action-bottom .add-cart .btn, .product-block.list .action-bottom .add-cart .button,
.product-block.list .action-bottom .yith-wcwl-add-to-wishlist > .show {
font-size: 12px;
font-weight: 400;
padding: 12px 10px;
background: #252525;
color: #fff !important;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
line-height: 1;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
position: relative;
} .product-block.list .action-bottom .add-cart .btn a, .product-block.list .action-bottom .add-cart .button a,
.product-block.list .action-bottom .yith-wcwl-add-to-wishlist > .show a {
color: #fff !important;
} .product-block.list .action-bottom .add-cart .btn:hover, .product-block.list .action-bottom .add-cart .button:hover, .product-block.list .action-bottom .add-cart .btn:active, .product-block.list .action-bottom .add-cart .button:active,
.product-block.list .action-bottom .yith-wcwl-add-to-wishlist > .show:hover,
.product-block.list .action-bottom .yith-wcwl-add-to-wishlist > .show:active {
background: #e7470c;
} .product-block.list .feedback {
display: none;
} .owl-carousel .product-block.grid {
margin: 0 0 1px;
} .products {
margin-bottom: 20px; } .products .product-list {
padding: 20px;
background: #fff;
} .products .product-list img {
height: auto;
} .products .product-list .rating:before, .products .product-list .rating:after {
content: " ";
display: table;
} .products .product-list .rating:after {
clear: both;
} .products .product-list .rating .star-rating {
float: right;
} .rtl .products .product-list .rating .star-rating {
float: left;
} .products .product-list .price {
text-align: right;
} .rtl .products .product-list .price {
text-align: left;
} .products .product-list .price ins {
text-align: right;
} .rtl .products .product-list .price ins {
text-align: left;
} .products .product-list .price > * {
width: inherit;
} .products .product-list .description {
text-align: justify;
} .products .product-list .product-assets {
text-align: right;
} .products .product-list .product-assets .name {
display: none;
} .products .product-list .product-assets .btn-cart, .products .product-list .product-assets .btn-cart a {
background: none;
} .products .product-list .product-assets .btn-cart:after, .products .product-list .product-assets .btn-cart:before, .products .product-list .product-assets .btn-cart a:after, .products .product-list .product-assets .btn-cart a:before {
content: none !important;
} .woocommerce div.product div.images div.thumbnails {
padding-top: 20px;
} .woocommerce div.product .woocommerce-product-rating {
margin: 0 0 5px;
} .woocommerce .woocommerce-product-rating .star-rating {
margin: 5px -5px 0 0;
} .rtl .woocommerce .woocommerce-product-rating .star-rating {
margin: 5px 0 0 -5px;
} .woocommerce .woocommerce-product-rating .woocommerce-review-link {
vertical-align: top;
font-size: 13px;
color: #999999;
} .woocommerce .woocommerce-product-rating .woocommerce-review-link:hover {
color: #e7470c;
} .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary,
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: 100%;
} .single_variation_wrap div.qty {
font-size: 16px;
text-transform: uppercase;
color: #777777;
margin-top: 10px;
margin-right: 10px;
} .rtl .single_variation_wrap div.qty {
margin-left: 10px;
margin-right: inherit;
}
@media (min-width: 1024px) { .wrapper-shop {
padding-bottom: 78px;
}
} .wrapper-shop .petenica-pagination {
border: 0;
padding: 0;
margin: 0;
text-align: center;
}
@media (min-width: 768px) and (max-width: 1023px) { .wrapper-shop .petenica-pagination {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) { .wrapper-shop .petenica-pagination {
margin-bottom: 30px;
}
}
@media (max-width: 640px) { .wrapper-shop .petenica-pagination {
margin-bottom: 30px;
}
} .wrapper-shop aside.sidebar {
background: #f3f3f3 !important;
padding: 20px;
} .thumbnails-image .prev,
.thumbnails-image .next {
border: 1px solid #e0e0e0;
} .thumbnails-image .prev:active, .thumbnails-image .prev:hover,
.thumbnails-image .next:active,
.thumbnails-image .next:hover {
border-color: #e7470c;
background: #e7470c;
color: #ffffff !important;
} .thumbnails-image .thumb-link {
display: block;
opacity: 0.6;
filter: alpha(opacity=60);
margin: 2.5px 0;
} .thumbnails-image .thumb-link:hover, .thumbnails-image .thumb-link.active {
opacity: 1;
filter: alpha(opacity=100);
border-color: #e0e0e0;
} .single-product .product-tabs-info,
.single-product .product-header-info {
position: relative;
z-index: 2;
} .single-product .wrapper-shop {
padding-top: 50px;
}
@media (min-width: 768px) and (max-width: 1023px) { .single-product .wrapper-shop {
padding-top: 0px;
}
}
@media only screen and (max-width: 767px) { .single-product .wrapper-shop {
padding-top: 0px;
}
}
@media (max-width: 640px) { .single-product .wrapper-shop {
padding-top: 0px;
}
} .single-product .petenica-attribute-wrap > label {
min-width: 72px;
} .single-product .petenica-variants-sw select {
padding: 5px;
font-size: 14px;
} .single-product .video {
text-align: center;
margin: 30px 0 15px;
font-size: 14px;
} .single-product .video a {
color: #777777;
} .single-product .video a:hover {
color: #e7470c;
} .single-product .video i {
margin-right: 4px;
} .rtl .single-product .video i {
margin-left: 4px;
margin-right: inherit;
} .single-product .title-sm {
margin: 0 0 10px;
font-size: 18px;
} .single-product .inner-content {
margin: 0 0 30px;
}
@media (min-width: 1024px) { .single-product .table td {
width: 40%;
} .single-product .table td + td {
width: 60%;
}
} .single-product table i {
color: #15ab1c;
} .single-product .woocommerce-tabs {
margin-bottom: 53px;
} .single-product .woocommerce-tabs .petenica-avatar {
padding-right: 30px;
} .rtl .single-product .woocommerce-tabs .petenica-avatar {
padding-left: 30px;
padding-right: inherit;
}
@media (max-width: 640px) { .single-product .woocommerce-tabs .petenica-avatar {
padding-right: 10px;
} .rtl .single-product .woocommerce-tabs .petenica-avatar {
padding-left: 10px;
padding-right: inherit;
}
} .single-product .features .media-left {
padding-right: 0;
} .rtl .single-product .features .media-left {
padding-left: 0;
padding-right: inherit;
} .single-product .features .media-heading {
font-size: 18px;
} .single-product .features .media {
margin-top: 20px;
} .single-product .features .media:first-child {
margin-top: 0;
} .single-product .review-stars {
list-style: none;
padding: 0 !important;
margin: 0;
font-size: 16px;
} .single-product .review-stars li {
display: inline-block;
} .single-product .review-stars.filled {
position: absolute;
top: 0;
left: 0;
} .rtl .single-product .review-stars.filled {
right: 0;
left: auto;
} .single-product .review-stars .fa-star {
color: #fdb900;
} .single-product .list-rating {
position: relative;
} .single-product .list-rating .stars {
display: none !important;
} .single-product .detailed-rating {
margin: 20px 0 0;
} .single-product .rating-box .progress {
height: 10px;
margin: 0 10px 0 35px;
width: 240px;
} .rtl .single-product .rating-box .progress {
margin: 0 35px 0 10px;
} .single-product .skill {
overflow: hidden;
clear: both;
margin: 0 0 6px;
} .single-product .skill > * {
display: inline-block;
float: none;
vertical-align: middle;
} .user_photo_thumbs {
list-style: none;
padding: 0;
text-align: center;
margin: 10px 0 0;
} .user_photo_thumbs li {
display: inline-block;
margin: 0 4px;
width: 70px;
opacity: 0.4;
filter: alpha(opacity=40);
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
} .user_photo_thumbs li:hover, .user_photo_thumbs li.active, .user_photo_thumbs li:active {
opacity: 1;
filter: alpha(opacity=100);
} .user_photo {
margin-top: 50px;
} .archive-shop div.product .image-mains {
position: relative;
margin-bottom: 0;
} .archive-shop div.product .image-mains .petenica_swipe_image_item {
cursor: zoom-out;
} .archive-shop div.product .image-mains .onsale {
right: inherit;
left: 15px;
} .rtl .archive-shop div.product .image-mains .onsale {
left: inherit;
right: auto;
} .rtl .archive-shop div.product .image-mains .onsale {
right: 15px;
left: auto;
} .archive-shop div.product .image-mains .thumbnails-image-carousel .owl-stage .owl-item .thumb-link {
opacity: 0.3;
filter: alpha(opacity=30);
} .archive-shop div.product .image-mains .thumbnails-image-carousel .owl-stage .owl-item .thumb-link.active {
opacity: 1;
filter: alpha(opacity=100);
} .archive-shop div.product .image-mains .main-image-carousel .owl-controls .owl-dots {
display: none !important;
} .archive-shop div.product .reset_variations {
font-weight: 700;
text-transform: capitalize;
color: #e7470c;
padding-bottom: 5px !important;
font-size: 17px !important;
} .archive-shop div.product .reset_variations:hover, .archive-shop div.product .reset_variations:active {
color: #f65b47;
} .archive-shop div.product .information {
position: relative;
} .archive-shop div.product .information .summary {
float: none !important;
width: 100%;
margin: 0;
} .archive-shop div.product .information [itemprop="description"] {
padding-bottom: 13px;
border-bottom: 1px solid #eeeeee;
} .archive-shop div.product .information [itemprop="description"] ul {
padding-left: 15px;
} .rtl .archive-shop div.product .information [itemprop="description"] ul {
padding-right: 15px;
padding-left: inherit;
} .archive-shop div.product .information .cart {
margin: 0 0 33px 0;
} .archive-shop div.product .information .cart > .pull-left {
display: none;
} .archive-shop div.product .information .cart div.qty {
font-size: 16px;
text-transform: uppercase;
color: #777777;
margin-right: 10px;
display: none;
} .rtl .archive-shop div.product .information .cart div.qty {
margin-left: 10px;
margin-right: inherit;
} .archive-shop div.product .information .cart .quantity input.qty {
background: transparent !important;
border: 1px solid #9b9b9b;
height: 47px;
color: #a4a4a4;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
} .archive-shop div.product .information .cart .quantity input.qty:-webkit-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .archive-shop div.product .information .cart .quantity input.qty:-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .archive-shop div.product .information .cart .quantity input.qty::-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .archive-shop div.product .information .cart .quantity input.qty:-ms-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} .archive-shop div.product .information .cart .quantity input.qty:focus {
border-color: #e7470c;
-webkit-box-shadow: inset 0 0 0 1px #e7470c;
box-shadow: inset 0 0 0 1px #e7470c;
} .archive-shop div.product .information .cart .btn, .archive-shop div.product .information .cart .button {
padding: 12px 75px;
text-transform: uppercase;
color: #ffffff !important;
background: #424242;
border: none;
font-size: 13px;
height: 47px;
font-weight: 400;
letter-spacing: 1.5px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
} .archive-shop div.product .information .cart .btn:hover, .archive-shop div.product .information .cart .button:hover, .archive-shop div.product .information .cart .btn:focus, .archive-shop div.product .information .cart .button:focus, .archive-shop div.product .information .cart .btn:active, .archive-shop div.product .information .cart .button:active {
background: #353535 !important;
} .archive-shop div.product .information .cart .btn i, .archive-shop div.product .information .cart .button i {
font-size: 22px;
display: inline-block;
vertical-align: middle;
} .archive-shop div.product .information .cart .btn span, .archive-shop div.product .information .cart .button span {
display: inline-block;
vertical-align: bottom;
margin: 0 0 0 10px;
} .rtl .archive-shop div.product .information .cart .btn span, .rtl .archive-shop div.product .information .cart .button span {
margin: 0 10px 0 0;
} .archive-shop div.product .information .cart .btn:active, .archive-shop div.product .information .cart .button:active, .archive-shop div.product .information .cart .btn:focus, .archive-shop div.product .information .cart .button:focus, .archive-shop div.product .information .cart .btn:hover, .archive-shop div.product .information .cart .button:hover {
color: #ffffff !important;
background: #424242;
} .archive-shop div.product .information .woocommerce-product-rating {
margin: 15px 0 0 0;
} .archive-shop div.product .information .feedback {
display: none;
} .archive-shop div.product .information .yith-wcwl-wishlistexistsbrowse i,
.archive-shop div.product .information .yith-wcwl-wishlistaddedbrowse i,
.archive-shop div.product .information .add_to_wishlist i {
padding-right: 8px;
} .rtl .archive-shop div.product .information .yith-wcwl-wishlistexistsbrowse i, .rtl
.archive-shop div.product .information .yith-wcwl-wishlistaddedbrowse i, .rtl
.archive-shop div.product .information .add_to_wishlist i {
padding-left: 8px;
padding-right: inherit;
} .archive-shop div.product .information .compare:before {
content: "\e983";
padding-right: 8px;
} .rtl .archive-shop div.product .information .compare:before {
padding-left: 8px;
padding-right: inherit;
} .archive-shop div.product .information .yith-wcwl-add-to-wishlist,
.archive-shop div.product .information .compare {
display: inline-block !important;
margin: 0 20px 0 0;
padding: 0;
} .rtl .archive-shop div.product .information .yith-wcwl-add-to-wishlist, .rtl
.archive-shop div.product .information .compare {
margin: 0 0 0 20px;
} .archive-shop div.product .information .compare,
.archive-shop div.product .information .add_to_wishlist,
.archive-shop div.product .information .yith-wcwl-wishlistexistsbrowse > a,
.archive-shop div.product .information .yith-wcwl-wishlistaddedbrowse > a {
vertical-align: middle;
font-size: 14px;
text-transform: capitalize;
font-weight: 700;
color: #999999;
display: inline-block;
text-transform: uppercase;
background: transparent !important;
} .archive-shop div.product .information .compare:hover, .archive-shop div.product .information .compare:active,
.archive-shop div.product .information .add_to_wishlist:hover,
.archive-shop div.product .information .add_to_wishlist:active,
.archive-shop div.product .information .yith-wcwl-wishlistexistsbrowse > a:hover,
.archive-shop div.product .information .yith-wcwl-wishlistexistsbrowse > a:active,
.archive-shop div.product .information .yith-wcwl-wishlistaddedbrowse > a:hover,
.archive-shop div.product .information .yith-wcwl-wishlistaddedbrowse > a:active {
color: #e7470c;
} .archive-shop div.product .information .clear {
display: none;
} .archive-shop div.product .information .product_meta {
border-top: 1px solid #eeeeee;
margin: 0 0 33px;
overflow: hidden;
padding-top: 26px;
} .archive-shop div.product .information .product_meta > * {
display: block;
} .archive-shop div.product .information .product_meta .posted_in a,
.archive-shop div.product .information .product_meta .sku {
font-weight: 500;
} .archive-shop div.product .information .price {
border-bottom: 1px solid #e0e0e0;
font-size: 22px;
font-weight: 400;
margin: 10px 0 30px;
padding: 0 0 20px;
} .archive-shop div.product .information .price del {
color: #777777;
font-weight: 400;
margin-right: 5px;
} .rtl .archive-shop div.product .information .price del {
margin-left: 5px;
margin-right: inherit;
} .archive-shop div.product .information .price ins {
text-decoration: none;
} .archive-shop div.product .information .product_title {
clear: both;
} .archive-shop div.product .information .product-navs {
padding-bottom: 20px;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links {
overflow: visible;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .product-nav {
position: relative;
font-size: 18px;
font-weight: 700;
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .product-nav .on-hover {
display: none;
position: absolute;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .next-product {
float: right;
text-align: right;
position: relative;
} .rtl .archive-shop div.product .information .product-navs .post-navigation .nav-links .next-product {
float: left;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .next-product .before-hover i {
padding-left: 5px;
} .rtl .archive-shop div.product .information .product-navs .post-navigation .nav-links .next-product .before-hover i {
padding-right: 5px;
padding-left: inherit;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .next-product:hover .on-hover {
position: absolute;
right: 0;
display: block;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .next-product:hover .on-hover .nav-product-title {
color: #999999;
display: block;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .next-product:hover .on-hover img {
display: inline;
width: 90px;
height: 90px;
-webkit-box-shadow: 0 0 7px -3px #807d80;
box-shadow: 0 0 7px -3px #807d80;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .next-product:hover .before-hover {
display: none;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .previous-product {
float: left;
} .rtl .archive-shop div.product .information .product-navs .post-navigation .nav-links .previous-product {
float: right;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .previous-product .before-hover i {
padding-right: 5px;
} .rtl .archive-shop div.product .information .product-navs .post-navigation .nav-links .previous-product .before-hover i {
padding-left: 5px;
padding-right: inherit;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .previous-product:hover .on-hover {
display: block;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .previous-product:hover .on-hover .nav-product-title {
color: #999999;
display: block;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .previous-product:hover .on-hover img {
display: inline;
width: 90px;
height: 90px;
-webkit-box-shadow: 0 0 7px -3px #807d80;
box-shadow: 0 0 7px -3px #807d80;
} .archive-shop div.product .information .product-navs .post-navigation .nav-links .previous-product:hover .before-hover {
display: none;
} .archive-shop div.product .petenica-social-share {
margin-top: 20px;
}
@media (max-width: 640px) { .archive-shop div.product .petenica-social-share {
margin-bottom: 20px;
}
} .archive-shop div.product .petenica-social-share span {
display: none;
} .single-product .thumbnails-image {
margin-top: 15px;
} .single-product .thumbnails-image .owl-item {
padding-left: 7.5px;
padding-right: 7.5px;
} .single-product .thumbnails-image .owl-item .thumb-link {
border: 1px solid #fff !important;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0.6;
filter: alpha(opacity=60);
display: inline-block;
} .single-product .thumbnails-image .owl-item .thumb-link:hover, .single-product .thumbnails-image .owl-item .thumb-link.active {
opacity: 1;
filter: alpha(opacity=100);
border-color: #e7470c;
} .single-product .thumbnails-image .owl-carousel {
margin: 0;
} .single-product .thumbnails-image .owl-prev,
.single-product .thumbnails-image .owl-next {
width: 30px !important;
height: 30px !important;
line-height: 28px !important;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
} .single-product .thumbnails-image li {
margin: 0 0 20px;
} .single-product .thumbnails-image li:last-child {
margin: 0;
} .single-product .thumbnails-image:hover .owl-prev,
.single-product .thumbnails-image:hover .owl-next {
opacity: 1;
filter: alpha(opacity=100);
} .single-product .yith-wcwl-add-to-wishlist {
font-weight: 400;
} .single-product .product-navs .post-navigation {
padding: 0;
} .single-product .product-navs .product-nav {
max-width: 180px;
position: relative;
position: fixed;
top: 35%;
left: 30px;
z-index: 9;
} .single-product .product-navs .product-nav.next-product {
right: 30px;
left: inherit;
float: right;
text-align: right;
} .rtl .single-product .product-navs .product-nav.next-product {
float: left;
} .rtl .single-product .product-navs .product-nav.next-product {
text-align: left;
} .single-product .product-navs .product-nav.next-product .before-hover {
right: 0;
left: inherit;
} .rtl .single-product .product-navs .product-nav.next-product .before-hover {
left: 0;
right: auto;
} .rtl .single-product .product-navs .product-nav.next-product .before-hover {
right: inherit;
left: auto;
} .single-product .product-navs .product-nav:hover .on-hover {
opacity: 1;
filter: alpha(opacity=100);
} .single-product .product-navs .product-nav:hover .before-hover {
opacity: 0;
filter: alpha(opacity=0);
} .single-product .product-navs .before-hover {
display: inline-block;
position: absolute;
top: 0;
left: 0;
padding: 10px;
width: 70px;
border: 1px solid #e0e0e0;
background: #fff;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
} .rtl .single-product .product-navs .before-hover {
right: 0;
left: auto;
} .single-product .product-navs .on-hover {
display: block;
padding: 10px;
border: 1px solid #e0e0e0;
background: #fff;
opacity: 0;
filter: alpha(opacity=0);
color: #777777;
} .single-product .product-navs .on-hover:hover, .single-product .product-navs .on-hover:active {
color: #999999;
} .single-product .product-navs .nav-product-title {
display: inline-block;
width: 100%;
} .accessoriesproducts-wrapper {
position: relative;
} .accessoriesproducts-wrapper.loading:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99;
content: '';
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/loading-quick.gif) center center no-repeat rgba(255, 255, 255, 0.9);
} .rtl .accessoriesproducts-wrapper.loading:before {
right: 0;
left: auto;
} .accessoriesproducts .product-block.grid {
margin-bottom: 25px;
} .accessoriesproducts .product-block.grid .accessory-add-product {
position: absolute;
left: 10px;
bottom: -25px;
} .rtl .accessoriesproducts .product-block.grid .accessory-add-product {
right: 10px;
left: auto;
} .accessoriesproducts .check-all-items-wrapper {
margin: 0 0 10px;
} .accessoriesproducts .check-all-items-wrapper input {
margin-right: 6px;
} .rtl .accessoriesproducts .check-all-items-wrapper input {
margin-left: 6px;
margin-right: inherit;
} .accessoriesproducts .total-price-wrapper {
font-size: 14px;
color: #999999;
margin: 0 0 5px;
} .accessoriesproducts .total-price {
display: block;
color: #e7470c;
font-size: 18px;
font-weight: 700;
}  .product-category .product-category-content {
position: relative;
overflow: hidden;
min-height: 45px;
margin: 0 0 20px 0;
} .product-category .product-category-image {
display: block;
} .product-category .product-category-title {
text-transform: none;
position: absolute;
text-align: center;
bottom: 0;
left: 0;
width: 100%;
font-weight: 400;
font-size: 16px;
color: #fff;
margin: 0;
padding: 15px 10px;
background: rgba(0, 0, 0, 0.3);
} .rtl .product-category .product-category-title {
right: 0;
left: auto;
} .product-category .product-category-title .count {
background: transparent !important;
color: #fff;
} .select2-container--default .select2-selection--single {
border-color: #e0e0e0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}  #petenica-quickview-modal .product_meta {
margin: 15px 0 0;
}  .button .fa, .button .icon {
margin-right: 8px;
} .rtl .button .fa, .rtl .button .icon {
margin-left: 8px;
margin-right: inherit;
} .form-row label {
font-size: 16px;
font-weight: 500;
} .form-row .checkbox, .form-row .input-radio {
margin-bottom: 0;
margin-top: 0;
margin-left: 20px;
} .rtl .form-row .checkbox, .rtl .form-row .input-radio {
margin-right: 20px;
margin-left: inherit;
} .form-row input[type="checkbox"] {
float: left;
} .rtl .form-row input[type="checkbox"] {
float: right;
} .woocommerce form .form-row {
margin: 0 0 15px;
padding: 0;
}  p.demo_store {
top: 0;
position: fixed;
left: 0;
right: 0;
width: 100%;
height: auto;
text-align: center;
font-size: 30px;
padding: .5em 0;
z-index: 99998;
border: 1px solid #c7c7c7;
-webkit-box-shadow: 0, 0, 0, 3px, rgba(255, 255, 255, 0.2);
box-shadow: 0, 0, 0, 3px, rgba(255, 255, 255, 0.2);
} .rtl p.demo_store {
right: 0;
left: auto;
} .rtl p.demo_store {
left: 0;
right: auto;
} .rtl p.demo_store {
text-align: right;
} .admin-bar p.demo_store {
top: 28px;
}  .woocommerce #reviews #comments ol.commentlist li {
margin: 0 0 30px;
} .woocommerce #reviews #comments ol.commentlist li .petenica-avata {
min-width: 70px;
} .woocommerce #reviews #comments ol.commentlist li:last-child {
border-bottom: none;
margin: 0;
} .woocommerce #reviews #comments ol.commentlist li.comment {
margin: 0;
padding: 56px 46px;
background: #f5f5f5;
} .woocommerce #reviews #comments ol.commentlist li.comment .media {
margin: 0;
} .woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 103px;
height: 103px;
border: none;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
padding: 0;
position: relative;
}
@media (max-width: 640px) { .woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 50px;
height: 50px;
}
} .woocommerce #reviews #comments ol.commentlist li .comment-text {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border: 0;
padding: 0;
} .woocommerce #reviews #comments ol.commentlist li .comment-text .comment-body p:empty {
margin: 0;
} .woocommerce #reviews #comments ol.commentlist li .comment-text .comment-body div {
text-transform: uppercase;
font-size: 13px;
color: #999999;
letter-spacing: 1.5px;
line-height: 26px;
} .woocommerce #reviews #comments ol.commentlist li .meta {
margin: 0 0 5px;
} .woocommerce #reviews #comments ol.commentlist li .star-rating {
margin: 0;
position: absolute;
top: 25px;
right: 20px;
} .rtl .woocommerce #reviews #comments ol.commentlist li .star-rating {
left: 20px;
right: auto;
} .woocommerce #reviews #comments ol.commentlist li .top-info {
margin: 0 0 8px;
} .woocommerce #reviews #comments ol.commentlist li .petenica-author {
font-size: 20px;
line-height: 32px;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
text-transform: capitalize;
} .woocommerce #reviews #comments ol.commentlist li .petenica-author + .meta {
display: inline;
font-size: 14px !important;
} .woocommerce #reviews #comments ol.commentlist li .petenica-author + .meta:before {
content: "-";
padding: 0 7px;
} #respond .form-submit input {
left: auto;
} .rtl #respond .form-submit input {
right: auto;
left: auto;
} #respond textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} #respond p.stars {
position: relative;
padding: 6px 0;
left: 4px;
} #respond p.stars a {
display: inline-block;
vertical-align: middle;
font-weight: 700;
text-indent: -9999px;
position: relative;
margin-right: 1em;
color: #cccccc;
} .lt-ie8 #respond p.stars a {
display: inline;
zoom: 1;
} .rtl #respond p.stars a {
margin-left: 1em;
margin-right: inherit;
} #respond p.stars a:last-child {
border-right: 0;
} .rtl #respond p.stars a:last-child {
border-left: 0;
border-right: inherit;
} #respond p.stars a.star-1, #respond p.stars a.star-2, #respond p.stars a.star-3, #respond p.stars a.star-4, #respond p.stars a.star-5 {
border-right: 1px solid #e0e0e0;
} .rtl #respond p.stars a.star-1, .rtl #respond p.stars a.star-2, .rtl #respond p.stars a.star-3, .rtl #respond p.stars a.star-4, .rtl #respond p.stars a.star-5 {
border-left: 1px solid #e0e0e0;
border-right: inherit;
} #respond p.stars a.star-1:after, #respond p.stars a.star-2:after, #respond p.stars a.star-3:after, #respond p.stars a.star-4:after, #respond p.stars a.star-5:after {
top: -6px;
font-family: "WooCommerce";
text-indent: 0;
position: absolute;
left: 0;
} .rtl #respond p.stars a.star-1:after, .rtl #respond p.stars a.star-2:after, .rtl #respond p.stars a.star-3:after, .rtl #respond p.stars a.star-4:after, .rtl #respond p.stars a.star-5:after {
right: 0;
left: auto;
} #respond p.stars a.star-1 {
width: 2em;
} #respond p.stars a.star-1:after {
content: "\e021";
} #respond p.stars a.star-1:hover:after, #respond p.stars a.star-1.active:after {
content: "\e020";
} #respond p.stars a.star-2 {
width: 3em;
} #respond p.stars a.star-2:after {
content: "\e021\e021";
} #respond p.stars a.star-2:hover:after, #respond p.stars a.star-2.active:after {
content: "\e020\e020";
} #respond p.stars a.star-3 {
width: 4.5em;
} #respond p.stars a.star-3:after {
content: "\e021\e021\e021";
} #respond p.stars a.star-3:hover:after, #respond p.stars a.star-3.active:after {
content: "\e020\e020\e020";
} #respond p.stars a.star-4 {
width: 6em;
} #respond p.stars a.star-4:after {
content: "\e021\e021\e021\e021";
} #respond p.stars a.star-4:hover:after, #respond p.stars a.star-4.active:after {
content: "\e020\e020\e020\e020";
} #respond p.stars a.star-5 {
width: 6em;
border: 0;
} #respond p.stars a.star-5:after {
content: "\e021\e021\e021\e021\e021";
} #respond p.stars a.star-5:hover:after, #respond p.stars a.star-5.active:after {
content: "\e020\e020\e020\e020\e020";
} #respond p.stars a.active:after, #respond p.stars a:hover:after, #respond p.stars a:active:after {
color: #fdb900;
} .woocommerce #reviews #comment {
height: auto;
}  .quantity {
position: relative;
margin: 0 auto;
overflow: hidden;
zoom: 1;
float: left;
} .rtl .quantity {
float: right;
} .quantity input.qty {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding: 8px;
width: 100px;
height: 45px;
text-align: center;
color: #000;
font-weight: 400;
border: 1px solid #e0e0e0;
} .quantity input.qty:focus:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
} .quantity .plus, .quantity .minus {
background: #fff;
float: right;
clear: right;
display: block;
padding: 0;
margin: 0;
vertical-align: text-top;
text-decoration: none;
overflow: visible;
text-decoration: none;
cursor: pointer;
line-height: 13px;
font-size: 12px;
color: #777777;
border: 1px solid #e0e0e0;
text-align: center;
width: 25px;
height: 19px;
} .rtl .quantity .plus, .rtl .quantity .minus {
float: left;
} .rtl .quantity .plus, .rtl .quantity .minus {
clear: left;
} .quantity .plus:hover, .quantity .minus:hover {
color: #fff !important;
background: #e7470c !important;
} .quantity .plus {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
right: 0;
} .rtl .quantity .plus {
left: 0;
right: auto;
} .quantity .minus {
bottom: 0;
right: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
} .rtl .quantity .minus {
left: 0;
right: auto;
}  .form-row:before, .form-row:after {
content: " ";
display: table;
} .form-row:after {
clear: both;
} .form-row label.hidden {
visibility: hidden;
} .form-row label.inline {
display: inline;
} .form-row label {
display: block;
} .form-row select {
cursor: pointer;
} .form-row .required {
color: #ec5355;
font-weight: 700;
border: 0;
} .form-row .input-text {
width: 100%;
padding: 9px 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
} .form-row.form-row-first {
width: 47%;
float: left;
} .rtl .form-row.form-row-first {
float: right;
} .form-row.form-row-last {
width: 47%;
float: right;
} .rtl .form-row.form-row-last {
float: left;
} .form-row.form-row-wide {
clear: both;
} .select2-container .select2-choice {
padding: 5px 7px;
} ul.tabs {
list-style: none;
padding: 0 0 0 1em;
margin: 0 0 1.618em;
overflow: hidden;
position: relative;
} ul.tabs li {
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 0;
margin: 0 -5px;
padding: 0 1em;
border: 1px solid #c7c7c7;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.6);
} .lt-ie8 ul.tabs li {
display: inline;
zoom: 1;
} ul.tabs li a {
display: inline-block;
vertical-align: middle;
padding: .5em 0;
font-weight: 700;
color: #e0e0e0;
text-decoration: none;
} .lt-ie8 ul.tabs li a {
display: inline;
zoom: 1;
} ul.tabs li a:hover {
text-decoration: none;
color: #fafafa;
} ul.tabs li.active {
background: #e0e0e0;
z-index: 2;
border-bottom-color: #e0e0e0;
} ul.tabs li.active a {
color: inherit;
text-shadow: inherit;
} ul.tabs li.active:before {
-webkit-box-shadow: 2px 2px 0 #e0e0e0;
box-shadow: 2px 2px 0 #e0e0e0;
} ul.tabs li.active:after {
-webkit-box-shadow: -2px 2px 0 #e0e0e0;
box-shadow: -2px 2px 0 #e0e0e0;
} ul.tabs li:before, ul.tabs li:after {
border: 1px solid #c7c7c7;
position: absolute;
bottom: -1px;
content: "";
width: 5px;
height: 5px;
} ul.tabs li:before {
border-width: 0 1px 1px 0;
left: -6px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-box-shadow: 2px 2px 0 #c7c7c7;
box-shadow: 2px 2px 0 #c7c7c7;
} .rtl ul.tabs li:before {
right: -6px;
left: auto;
} ul.tabs li:after {
border-width: 0 0 1px 1px;
right: -6px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-box-shadow: -2px 2px 0 #c7c7c7;
box-shadow: -2px 2px 0 #c7c7c7;
} .rtl ul.tabs li:after {
left: -6px;
right: auto;
} ul.tabs:before {
position: absolute;
content: "";
width: 100%;
bottom: 0;
z-index: 1;
left: 0;
border-bottom: 1px solid #c7c7c7;
} .rtl ul.tabs:before {
right: 0;
left: auto;
} .product-quantity .input-text .input-sm {
height: 38px;
padding: 12px 12px;
font-size: 12px;
line-height: 1.5;
border-radius: 0;
} .product-quantity .input-text select.input-sm {
height: 38px;
line-height: 38px;
} .product-quantity .input-text textarea.input-sm,
.product-quantity .input-text select[multiple].input-sm {
height: auto;
} .i-am-new li {
background-image: none !important;
background-color: #fff !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
} .i-am-new li .noty_message {
padding: 20px 0 !important;
}  .cart-icon{
position: relative;
}
.cart-icon .count {
color: #ffffff !important;
font-size: 12px;
font-weight: 600;
display: inline-block;
min-width: 17px;
min-height: 17px;
line-height: 17px;
float: right;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
text-align: center;
background-color: #e5a62d;
top: -20px;
position: absolute;
right: -20px;
}
.top-cart .woocommerce-Price-amount {
padding-left: 20px;
} .rtl .cart-icon .count {
float: left;
}  .woocommerce .star-rating {
margin: auto 0;
overflow: hidden;
position: relative;
width: 90px;
height: 1.2em;
line-height: 1.2em;
font-family: 'star';
font-size: 12px;
} .woocommerce .star-rating:before {
content: "\73\73\73\73\73";
color: #cccccc;
float: left;
top: 0;
left: 0;
position: absolute;
letter-spacing: 3px;
} .rtl .woocommerce .star-rating:before {
float: right;
} .rtl .woocommerce .star-rating:before {
right: 0;
left: auto;
} .woocommerce .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
} .rtl .woocommerce .star-rating span {
float: right;
} .rtl .woocommerce .star-rating span {
right: 0;
left: auto;
} .woocommerce .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #fdb900;
letter-spacing: 3px;
} .rtl .woocommerce .star-rating span:before {
right: 0;
left: auto;
}  .archive-shop .page-title {
display: none;
} .petenica-filter {
padding: 0;
background: #fff;
position: relative;
display: flex;
width: 100%;
margin: 0 0 58px 0;
} .petenica-filter .woocommerce-result-count {
border-bottom: 1px solid #e0e0e0;
margin: 10px 0 0;
padding: 0 0 5px;
}
@media (max-width: 640px) { .petenica-filter .woocommerce-result-count {
border-bottom: 0 none;
display: block;
float: none;
font-size: 14px;
margin: 0;
padding: 0;
}
} .petenica-filter .display-mode {
margin: 0;
-webkit-flex: 1;
flex: 1;
} .petenica-filter .woocommerce-ordering {
-webkit-flex: 1;
flex: 1;
margin: 0;
position: relative;
text-align: right;
} .rtl .petenica-filter .woocommerce-ordering {
text-align: left;
} .petenica-filter .woocommerce-ordering:after {
background: #e0e0e0;
content: "";
height: 25px;
width: 1px;
display: block;
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
} .rtl .petenica-filter .woocommerce-ordering:after {
left: 30px;
right: auto;
} .petenica-filter select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/select.png) #fff right 10px center no-repeat;
border: 1px solid #e0e0e0;
padding: 5px 15px;
} .petenica-filter select option {
font-weight: 400;
color: #777777;
} .petenica-filter select option[selected="selected"] {
font-weight: 700;
color: #999999;
} .petenica-filter .change-view {
background: transition;
margin-right: 15px;
} .petenica-filter .change-view i {
font-size: 18px;
} .rtl .petenica-filter .change-view {
margin-left: 15px;
margin-right: inherit;
} .petenica-filter .change-view:hover, .petenica-filter .change-view.active {
color: #e7470c;
}  .top-cart .dropdown-menu {
top: 50px;
padding: 15px;
min-width: 320px;
display: block;
visibility: hidden;
-webkit-box-shadow: none;
box-shadow: none;
text-align: left;
left: auto;
right: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
-o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
} .rtl .top-cart .dropdown-menu {
text-align: right;
} .rtl .top-cart .dropdown-menu {
right: auto;
left: auto;
} .rtl .top-cart .dropdown-menu {
left: 0px;
right: auto;
} .top-cart .dropdown-menu .quantity {
font-size: 16px;
} .top-cart .dropdown-menu .cart_list .name, .top-cart .dropdown-menu .cart_list a.btn, .top-cart .dropdown-menu .cart_list a.button, .top-cart .dropdown-menu .cart_list .button {
font-weight: 500;
font-size: 16px;
margin: 0 0 8px 0;
} .top-cart .dropdown-menu .variation dt, .top-cart .dropdown-menu .variation dd {
width: 50%;
float: left;
} .rtl .top-cart .dropdown-menu .variation dt, .rtl .top-cart .dropdown-menu .variation dd {
float: right;
} .top-cart .dropdown-menu .variation dt p, .top-cart .dropdown-menu .variation dd p {
margin: 0;
} .top-cart .buttons .wc-forward {
display: block;
margin-top: 15px;
font-weight: 700;
} .top-cart .buttons .wc-forward:after {
vertical-align: text-top;
} .top-cart .name a {
color: #000 !important;
} .top-cart .name a:hover {
color: #e7470c !important;
} .top-cart .open .dropdown-menu {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform-origin: 29px -50px;
-moz-transform-origin: 29px -50px;
-ms-transform-origin: 29px -50px;
transform-origin: 29px -50px;
filter: none;
-webkit-filter: none;
-moz-filter: none;
-o-filter: none;
-ms-filter: none;
visibility: visible;
} .petenica-topcart.version-2 .media-left {
vertical-align: middle;
} .petenica-topcart.version-2 .media-left i {
font-size: 28px;
} .petenica-topcart.version-2 .media-body {
line-height: 1;
} .petenica-topcart.version-2 .title-cart {
font-size: 14px;
font-weight: 400;
line-height: 1;
margin: 0 0 5px;
}
@media (min-width: 992px) { .petenica-topcart.version-2 .media-left {
padding-right: 20px;
border-right: 1px solid #e0e0e0;
} .rtl .petenica-topcart.version-2 .media-left {
padding-left: 20px;
padding-right: inherit;
} .rtl .petenica-topcart.version-2 .media-left {
border-left: 1px solid #e0e0e0;
border-right: inherit;
} .petenica-topcart.version-2 .media-body {
padding-left: 20px;
} .rtl .petenica-topcart.version-2 .media-body {
padding-right: 20px;
padding-left: inherit;
}
}  .cart_list > div {
margin: 10px 0;
padding: 10px 0;
overflow: hidden;
} .cart_list > div.empty {
text-align: center;
} .cart_list .cart-item {
line-height: 1.1;
margin: 0;
font-size: 16px !important;
} .cart_list .cart-item .amount {
font-size: 16px !important;
} .cart_list .media-body {
width: 1000px;
} .cart_list .cart-main-content {
text-align: left;
position: relative;
} .rtl .cart_list .cart-main-content {
text-align: right;
} .cart_list .cart-main-content .remove {
padding: 0;
margin: 0;
background: #fff;
width: 20px;
height: 20px;
color: #999999 !important;
font-weight: 500;
border: 0px solid transparent;
display: inline-block;
text-align: center;
font-size: 24px !important;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
position: absolute;
right: 0;
top: 0;
font-size: 20px;
} .rtl .cart_list .cart-main-content .remove {
left: 0;
right: auto;
} .cart_list .cart-main-content .remove:focus, .cart_list .cart-main-content .remove:hover, .cart_list .cart-main-content .remove:active {
color: #e7470c !important;
} .cart_list .cart-item {
overflow: hidden;
} .cart_list + .total {
position: relative;
margin-top: 10px;
} .cart_list + .total strong {
font-weight: 400;
} .cart_list + .total .amount {
font-size: 18px !important;
position: absolute;
right: 0;
font-weight: 700;
color: #999999;
} .rtl .cart_list + .total .amount {
left: 0;
right: auto;
} .woocommerce a.remove {
padding: 0;
margin: auto;
color: #ccc !important;
font-weight: 700;
font-size: 25px;
background: transparent !important;
} .woocommerce a.remove:active, .woocommerce a.remove:hover {
color: #f65b47 !important;
}  .place-order {
padding: 30px;
} .yith-wcwl-add-button > a i, .wishlist_table .add_to_cart.button i {
margin: 0 !important;
} .yith-wcwl-share ul {
padding: 0;
margin: 0;
list-style: none;
} ul.display, ul#shipping_method, ul.payment_methods {
padding: 0;
margin: 0;
list-style: none;
} ul.payment_methods li {
margin-bottom: 30px;
} ul.products-list {
padding: 0;
margin: 0;
list-style: none;
margin-bottom: 15px;
} .input-text {
border: 1px solid #e5e5e5;
padding: 5px 10px;
} .woocommerce address {
margin-bottom: 20px;
} .woocommerce .quantity input.qty,
.woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus {
position: static;
display: inline-block;
} .woocommerce .quantity input.minus,
.woocommerce-page .quantity input.minus,
.woocommerce .quantity input.plus,
.woocommerce-page .quantity input.plus {
border: none;
color: #999999;
background: transparent !important;
} .quantity.buttons_added {
border-bottom: 2px solid #e6e6e6;
position: relative;
background: #f1f1f1;
} .quantity.buttons_added .minus {
position: absolute;
} .single-product .archive-shop {
outline: none;
} .single-product-cart .quantity span {
display: none;
} .woocommerce .quantity, .woocommerce-page .quantity {
padding-right: 0px !important;
margin-right: 15px !important;
} .rtl .woocommerce .quantity, .rtl .woocommerce-page .quantity {
margin-left: 15px !important;
margin-right: inherit;
} .woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty {
display: inline-block;
background: #fcfcfc;
border: 1px solid #e0e0e0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
font-size: 13px;
font-weight: 500;
height: 40px;
width: 72px;
} .cross-sells {
margin: 0 0 30px;
} .widget.related .widget-title {
font-size: 22px;
margin: 0 0 30px;
} .product-categories > li {
line-height: 33px;
margin: 0;
} .product-categories > li:last-child {
margin: 0;
} .product-categories > li a {
color: #777777;
} .product-categories > li a:hover, .product-categories > li a:active {
color: #e7470c;
} .product-categories > li .count {
font-size: 12px;
} ul.nav > li > a:hover, ul.nav > li > a:active, ul.nav > li > a:focus {
background: transparent;
} ul.nav.style1 {
font-size: 30px;
padding: 0;
padding-bottom: 22px;
} ul.nav.style1 > li {
padding-right: 18px;
} .rtl ul.nav.style1 > li {
padding-left: 18px;
padding-right: inherit;
} ul.nav.style1 > li > a {
font-weight: 700;
text-transform: uppercase;
padding: 0 20px;
} ul.nav.style1 > li > a:after {
content: "";
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/iconline.png) no-repeat;
width: 40px;
height: 4px;
margin: 0 auto;
position: absolute;
bottom: 2px;
left: 0;
right: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .rtl ul.nav.style1 > li > a:after {
right: 0;
left: auto;
} ul.nav.style1 > li > a:hover {
color: #111111;
} ul.nav.style1 > li.active a {
color: #111111;
display: block;
} ul.nav.style1 > li.active a:after {
opacity: 1;
filter: alpha(opacity=100);
} ul.nav.style2 {
text-align: center;
font-size: 24px;
padding-bottom: 40px;
} ul.nav.style2 > li {
margin: 0 3px;
width: 180px;
background: #ffffff;
-webkit-box-shadow: 1px 1px 7px 1px #eeeeee;
box-shadow: 1px 1px 7px 1px #eeeeee;
} ul.nav.style2 > li > a {
display: block;
padding: 8px 15px;
font-weight: 700;
text-transform: uppercase;
} ul.nav.style2 > li > a img, ul.nav.style2 > li > a i {
padding-right: 9px;
} .rtl ul.nav.style2 > li > a img, .rtl ul.nav.style2 > li > a i {
padding-left: 9px;
padding-right: inherit;
} ul.nav.style2 > li > a img {
padding-right: 20px;
} ul.nav.style2 > li > a img.image-icon-hover {
display: none;
} .rtl ul.nav.style2 > li > a img {
padding-left: 20px;
padding-right: inherit;
} ul.nav.style2 > li.active {
background: #e7470c;
-webkit-box-shadow: none;
box-shadow: none;
} ul.nav.style2 > li.active > a {
color: #ffffff !important;
} ul.nav.style2 > li.active > a img {
display: none;
} ul.nav.style2 > li.active > a img.image-icon-hover {
display: inline;
} ul.nav.style3 {
font-size: 18px;
font-weight: 700;
padding-bottom: 30px;
} ul.nav.style3 > li {
padding-right: 15px;
} .rtl ul.nav.style3 > li {
padding-left: 15px;
padding-right: inherit;
} ul.nav.style3 > li > a {
font-weight: 700;
padding: 0 20px;
} ul.nav.style3 > li > a:after {
content: "";
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/iconline.png) no-repeat;
width: 40px;
height: 4px;
margin: 0 auto;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .rtl ul.nav.style3 > li > a:after {
right: 0;
left: auto;
} ul.nav.style3 > li > a:hover {
color: #111111;
} ul.nav.style3 > li.active a {
color: #111111;
display: block;
} ul.nav.style3 > li.active a:after {
opacity: 1;
filter: alpha(opacity=100);
} .price .woocs_price_code .woocommerce-Price-amount {
font-size: 24px;
} .col-md-2 .product-block.grid .groups-button, .widget-categories-tabs-special .product-block.grid .groups-button {
background: rgba(242, 242, 242, 0.9);
} .col-md-2 .product-block.grid .groups-button .addcart .add-cart a, .widget-categories-tabs-special .product-block.grid .groups-button .addcart .add-cart a {
padding: 0px;
} .col-md-2 .product-block.grid .groups-button .addcart .add-cart a i, .widget-categories-tabs-special .product-block.grid .groups-button .addcart .add-cart a i {
padding: 0px;
} .col-md-2 .product-block.grid .groups-button .addcart .title-cart, .widget-categories-tabs-special .product-block.grid .groups-button .addcart .title-cart {
display: none;
} .col-md-2 .product-block.grid .groups-button .yith-wcwl-add-to-wishlist, .col-md-2 .product-block.grid .groups-button .quick-view, .col-md-2 .product-block.grid .groups-button .addcart, .widget-categories-tabs-special .product-block.grid .groups-button .yith-wcwl-add-to-wishlist, .widget-categories-tabs-special .product-block.grid .groups-button .quick-view, .widget-categories-tabs-special .product-block.grid .groups-button .addcart {
width: 32%;
text-align: center;
} .col-md-2 .product-block.grid .groups-button .yith-wcwl-add-to-wishlist, .widget-categories-tabs-special .product-block.grid .groups-button .yith-wcwl-add-to-wishlist {
vertical-align: middle;
} .product-block .image a.product-image {
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/loading.gif) no-repeat center center;
display: block;
position: relative;
overflow: hidden;
text-align: center;
} .petenica-shop-header {
background: transparent !important;
margin-bottom: 25px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
} .petenica-shop-header.filter-active {
background: #ffffff;
border-bottom: 1px solid #eeeeee;
margin-bottom: 10px;
} .petenica-shop-header .petenica-shop-menu {
padding: 0 10px;
font-size: 18px;
font-weight: 700;
} .petenica-shop-header .petenica-shop-menu ul.petenica-filter-menu {
padding: 0;
padding-top: 10px;
margin: 0;
list-style: none;
float: right;
} .rtl .petenica-shop-header .petenica-shop-menu ul.petenica-filter-menu {
float: left;
} .petenica-shop-header .petenica-shop-menu ul.petenica-filter-menu li {
display: inline-block;
} .petenica-shop-header .petenica-shop-menu ul.petenica-categories {
padding: 0;
margin: 0;
list-style: none;
} .petenica-shop-header .petenica-shop-menu ul.petenica-categories li {
display: inline-block;
padding: 10px 0;
padding-right: 40px;
} .rtl .petenica-shop-header .petenica-shop-menu ul.petenica-categories li {
padding-left: 40px;
padding-right: inherit;
} .petenica-shop-header .petenica-shop-menu ul.petenica-categories li:last-child {
padding-right: 0px;
} .rtl .petenica-shop-header .petenica-shop-menu ul.petenica-categories li:last-child {
padding-left: 0px;
padding-right: inherit;
} .petenica-shop-header .petenica-shop-menu ul.petenica-categories li a {
padding: 0 10px;
} .petenica-shop-header .petenica-shop-menu ul.petenica-categories li.current-cat a {
color: #111111;
position: relative;
} .petenica-shop-header .petenica-shop-menu ul.petenica-categories li.current-cat a:after {
content: "";
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/iconline.png) no-repeat;
width: 40px;
height: 4px;
margin: 0 auto;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .rtl .petenica-shop-header .petenica-shop-menu ul.petenica-categories li.current-cat a:after {
right: 0;
left: auto;
} .petenica-shop-header .petenica-shop-menu ul.petenica-categories .petenica-shop-sub-categories {
padding: 0px;
margin: 10px 0 15px;
} .petenica-shop-header .petenica-shop-menu ul.petenica-categories .petenica-shop-sub-categories li {
font-weight: 400;
} .petenica-shop-header .petenica-sidebar-header {
display: none;
padding: 0 12px 32px;
} .petenica-shop-header .petenica-sidebar-inner {
padding: 0 25px;
} .petenica-shop-header .petenica-sidebar-inner ul {
padding: 0;
margin: 0;
list-style: none;
} .petenica-shop-header .petenica-sidebar-inner .petenica-widget-title {
font-weight: 700;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 20px;
} .petenica-shop-header .petenica-sidebar-inner .petenica-widget-content li {
font-size: 14px;
padding-left: 1px;
padding-bottom: 5px;
} .rtl .petenica-shop-header .petenica-sidebar-inner .petenica-widget-content li {
padding-right: 1px;
padding-left: inherit;
} .petenica-shop-header .petenica-sidebar-inner .petenica-widget-content li:before {
content: "\f1db";
float: left;
font-family: "FontAwesome";
margin-right: 10px;
} .rtl .petenica-shop-header .petenica-sidebar-inner .petenica-widget-content li:before {
float: right;
} .rtl .petenica-shop-header .petenica-sidebar-inner .petenica-widget-content li:before {
margin-left: 10px;
margin-right: inherit;
} .petenica-shop-header .petenica-sidebar-inner .petenica-widget-content li.current, .petenica-shop-header .petenica-sidebar-inner .petenica-widget-content li.active {
color: #111111;
} .petenica-shop-header .petenica-sidebar-inner .petenica-widget-content li.current:before, .petenica-shop-header .petenica-sidebar-inner .petenica-widget-content li.active:before {
content: "\f058";
float: left;
font-family: "FontAwesome";
color: #777777;
margin: 0 10px;
} .rtl .petenica-shop-header .petenica-sidebar-inner .petenica-widget-content li.current:before, .rtl .petenica-shop-header .petenica-sidebar-inner .petenica-widget-content li.active:before {
float: right;
} .petenica-shop-header .petenica-sidebar-inner .petenica-widget-content li a {
color: #515151;
} .petenica-results {
background: #ffffff;
margin-bottom: 30px;
padding: 11px 15px;
} .petenica-results a {
font-size: 14px;
color: #515151;
} .petenica-results a i {
padding-right: 5px;
} .rtl .petenica-results a i {
padding-left: 5px;
padding-right: inherit;
} .kc-title-wrap .kc_title {
font-size: 24px;
text-transform: uppercase;
color: #ffffff !important;
position: relative;
margin-bottom: 25px;
} .kc-title-wrap .kc_title:after {
background: transparent url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/iconline2.png) no-repeat scroll 0 0;
bottom: -4px;
content: "";
height: 4px;
left: 0;
position: absolute;
right: 0;
transition: all 0.3s ease-in-out 0s;
width: 40px;
} .rtl .kc-title-wrap .kc_title:after {
right: 0;
left: auto;
} .kc-title-wrap .kc_title.titile-dark {
color: #111111;
} .kc-title-wrap .kc_title.titile-dark:after {
background: transparent url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/iconline.png) no-repeat scroll 0 0;
} [class*="-cus-5"] {
width: 20%;
float: left;
} .rtl [class*="-cus-5"] {
float: right;
}
@media (max-width: 992px) { [class*="-cus-5"] {
width: 50%;
float: left;
} .rtl [class*="-cus-5"] {
float: right;
}
}
@media (max-width: 768px) { [class*="-cus-5"] {
width: 100%;
float: left;
} .rtl [class*="-cus-5"] {
float: right;
}
} .caption-list .name {
font-size: 13px;
} .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
top: 20px;
right: 30px;
} .rtl .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
left: 30px;
right: auto;
} .information {
} .information .price {
} .information .price .woocs_price_code .woocommerce-Price-amount {
font-size: 20px;
color: #999999;
} .information .product_meta {
font-size: 14px;
font-weight: 400;
color: #777777;
} .information .product_meta a {
color: #999999;
} .information .product_meta a:hover, .information .product_meta a:active {
color: #e7470c;
} .loadmore-action > a {
padding-right: 20px;
} .rtl .loadmore-action > a {
padding-left: 20px;
padding-right: inherit;
} .ajax-pagination {
text-align: center;
font-size: 18px;
} .ajax-pagination.petenica-loader:after {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(102,102,102,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
background-position: center center;
background-repeat: no-repeat;
content: "";
width: 40px;
height: 40px;
display: block;
width: 100%;
} .ajax-pagination .petenica-loadmore-btn + .petenica-allproducts {
display: none;
} .ajax-pagination .petenica-loadmore-btn.hidden + .petenica-allproducts {
display: block;
} .groups-button .add-cart > .added {
display: none;
} .groups-button .add-cart .added_to_cart {
background: transparent !important;
border: 2px solid #ffffff !important;
width: 48px;
height: 48px;
padding: 10px 5px;
text-align: center;
position: relative;
color: transparent !important;
font-size: 22px;
overflow: hidden;
float: left;
} .rtl .groups-button .add-cart .added_to_cart {
float: right;
} .groups-button .add-cart .added_to_cart:before {
content: "\e908";
position: absolute;
top: 50%;
color: #FFFFFF;
font-size: 18px;
left: 50%;
font-family: "petenica" !important;
display: block;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .petenica-shop-products-wrapper.loading {
position: relative;
} .petenica-shop-products-wrapper.loading:before {
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/loading.gif) center 70px no-repeat rgba(255, 255, 255, 0.9);
position: absolute;
width: 100%;
height: 100%;
content: "";
left: 0;
top: 0;
z-index: 99;
} .rtl .petenica-shop-products-wrapper.loading:before {
right: 0;
left: auto;
} .woocommerce table.my_account_orders .button {
padding: 6px 22px;
} .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
padding: 8px;
} .woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
float: none;
} .woocommerce-account .woocommerce-MyAccount-navigation {
border-bottom: 0 none;
margin: 0 0 20px;
} .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
margin-right: -3px;
display: inline-block;
vertical-align: top;
} .rtl .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
margin-left: -3px;
margin-right: inherit;
} .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:last-child a:after {
display: none;
} .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
color: #999999 !important;
font-weight: 500;
text-transform: uppercase;
padding: 3px 25px;
letter-spacing: 1px;
font-size: 12px;
position: relative;
float: left;
background: #f5f5f5;
} .rtl .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
float: right;
} .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:after {
content: "";
background: #e0e0e0;
width: 1px;
height: 21px;
top: 50%;
position: absolute;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
} .rtl .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:after {
left: 0;
right: auto;
} .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active > a, .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover > a, .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:active > a {
color: #FFFFFF !important;
background: #e7470c;
} .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active > a:after, .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover > a:after, .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:active > a:after {
background: #e7470c;
} .woocommerce-MyAccount-content {
padding: 20px 0;
} .woocommerce-MyAccount-content h2 {
margin: 20px 0 10px;
text-transform: uppercase;
font-size: 18px;
} .edit-account br {
display: none;
} .edit-account input[type="text"],
.edit-account input[type="password"] {
height: 40px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
} .edit-account input[type="text"]:focus,
.edit-account input[type="password"]:focus {
border-color: #e0e0e0;
} .edit-account legend {
font-size: 24px;
border: none;
margin: 30px 0;
} .edit-account label {
font-weight: 500;
font-size: 16px;
} .woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation {
max-width: 100%;
margin: auto;
} .title-login {
font-size: 16px;
font-weight: 500;
margin: 0 0 15px;
text-transform: uppercase;
} form.login,
form.register {
background: #fff;
margin: 0 !important;
border: none !important;
padding: 0 !important;
} form.login br,
form.register br {
display: none;
} form.login label,
form.register label {
font-weight: 700;
font-size: 16px;
color: #999999;
} form.login input[type="email"],
form.login input[type="text"],
form.login input[type="password"],
form.register input[type="email"],
form.register input[type="text"],
form.register input[type="password"] {
background: #fff;
height: 47px;
font-size: 14px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #e0e0e0;
-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
} form.login input[type="email"]:-webkit-input-placeholder,
form.login input[type="text"]:-webkit-input-placeholder,
form.login input[type="password"]:-webkit-input-placeholder,
form.register input[type="email"]:-webkit-input-placeholder,
form.register input[type="text"]:-webkit-input-placeholder,
form.register input[type="password"]:-webkit-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} form.login input[type="email"]:-moz-placeholder,
form.login input[type="text"]:-moz-placeholder,
form.login input[type="password"]:-moz-placeholder,
form.register input[type="email"]:-moz-placeholder,
form.register input[type="text"]:-moz-placeholder,
form.register input[type="password"]:-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} form.login input[type="email"]::-moz-placeholder,
form.login input[type="text"]::-moz-placeholder,
form.login input[type="password"]::-moz-placeholder,
form.register input[type="email"]::-moz-placeholder,
form.register input[type="text"]::-moz-placeholder,
form.register input[type="password"]::-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} form.login input[type="email"]:-ms-input-placeholder,
form.login input[type="text"]:-ms-input-placeholder,
form.login input[type="password"]:-ms-input-placeholder,
form.register input[type="email"]:-ms-input-placeholder,
form.register input[type="text"]:-ms-input-placeholder,
form.register input[type="password"]:-ms-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} form.login input[type="email"]:focus,
form.login input[type="text"]:focus,
form.login input[type="password"]:focus,
form.register input[type="email"]:focus,
form.register input[type="text"]:focus,
form.register input[type="password"]:focus {
border-color: #e7470c;
-webkit-box-shadow: inset 0 0 0 1px #e7470c;
box-shadow: inset 0 0 0 1px #e7470c;
} form.login input[type="checkbox"],
form.register input[type="checkbox"] {
margin-right: 5px;
margin-top: 7px;
} .rtl form.login input[type="checkbox"], .rtl
form.register input[type="checkbox"] {
margin-left: 5px;
margin-right: inherit;
} form.login .input-submit ~ span,
form.register .input-submit ~ span {
margin: 10px 0 0;
} form.login .input-submit ~ span.pull-left,
form.register .input-submit ~ span.pull-left {
margin-left: 15px;
} .rtl form.login .input-submit ~ span.pull-left, .rtl
form.register .input-submit ~ span.pull-left {
margin-right: 15px;
margin-left: inherit;
} form.login .input-submit ~ span.lost_password a,
form.register .input-submit ~ span.lost_password a {
color: #e7470c;
} .wrapper-account {
padding: 30px;
border: 1px solid #e0e0e0 !important;
}
@media (min-width: 1024px) { .wrapper-account {
padding: 45px !important;
}
} #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
height: 42px;
color: #a4a4a4;
border-color: #e0e0e0;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
} #add_payment_method table.cart td.actions .coupon .input-text:-webkit-input-placeholder, .woocommerce-cart table.cart td.actions .coupon .input-text:-webkit-input-placeholder, .woocommerce-checkout table.cart td.actions .coupon .input-text:-webkit-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} #add_payment_method table.cart td.actions .coupon .input-text:-moz-placeholder, .woocommerce-cart table.cart td.actions .coupon .input-text:-moz-placeholder, .woocommerce-checkout table.cart td.actions .coupon .input-text:-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} #add_payment_method table.cart td.actions .coupon .input-text::-moz-placeholder, .woocommerce-cart table.cart td.actions .coupon .input-text::-moz-placeholder, .woocommerce-checkout table.cart td.actions .coupon .input-text::-moz-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} #add_payment_method table.cart td.actions .coupon .input-text:-ms-input-placeholder, .woocommerce-cart table.cart td.actions .coupon .input-text:-ms-input-placeholder, .woocommerce-checkout table.cart td.actions .coupon .input-text:-ms-input-placeholder {
color: #a4a4a4;
opacity: 1;
filter: alpha(opacity=100);
} #add_payment_method table.cart td.actions .coupon .input-text:focus, .woocommerce-cart table.cart td.actions .coupon .input-text:focus, .woocommerce-checkout table.cart td.actions .coupon .input-text:focus {
border-color: #e7470c;
-webkit-box-shadow: inset 0 0 0 1px #e7470c;
box-shadow: inset 0 0 0 1px #e7470c;
}
@media (max-width: 640px) { .woocommerce div.product form.cart div.quantity {
margin: 0 0 20px 0;
}
} .widget-product-categories .image-wrapper img {
display: block;
width: 100% \9;
max-width: 100%;
height: auto;
} .select2-container--default.select2-container--focus .select2-selection--multiple {
border: 1px solid #e0e0e0 !important;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-o-border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
height: 45px !important;
min-height: 45px;
padding: 0 !important;
} .select2-container--default .select2-search--inline .select2-search__field {
border: 0;
margin: 0 !important;
padding: 5px 10px;
height: 43px !important;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
} .select2-container--default .select2-search--inline .select2-search__field:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
} .select2-container--default .select2-selection--multiple {
border: 1px solid #e0e0e0 !important;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-o-border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
height: 45px !important;
min-height: 45px;
padding: 0 !important;
} .select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding: 2px 8px !important;
} .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
color: #333;
font-size: 16px;
font-weight: 500;
margin: 0 0 7px 0;
} .woocommerce ul.cart_list li a:hover, .woocommerce ul.cart_list li a:active, .woocommerce ul.cart_list li a:focus, .woocommerce ul.product_list_widget li a:hover, .woocommerce ul.product_list_widget li a:active, .woocommerce ul.product_list_widget li a:focus {
color: #e7470c;
} .woocommerce img, .woocommerce-page img {
max-width: inherit;
}  .row-products {
margin-bottom: 30px;
} .widget-products .tab-content .ajax-loading {
background: url(//www.catsbest.com.au/wp-content/themes/petenica/framework/assets/images/loading.gif) center center no-repeat #fff;
} .widget_product_categories .product-categories {
padding: 0;
list-style: none;
margin: 0;
} .widget_product_categories .product-categories .children {
list-style: none;
padding-left: 20px;
} .rtl .widget_product_categories .product-categories .children {
padding-right: 20px;
padding-left: inherit;
} .widget_product_categories .product-categories .current-cat > a {
color: #999999;
} .widget-carousel.products .owl-carousel .owl-stage-outer {
padding-bottom: 40px;
}  .widget_price_filter {
} .widget_price_filter .price_slider_wrapper {
overflow: hidden;
} .widget_price_filter .price_slider_amount .price_label {
font-weight: 500;
color: #292929;
display: inline-block;
text-transform: uppercase;
margin-top: 3px;
float: right;
} .rtl .widget_price_filter .price_slider_amount .price_label {
float: left;
} .widget_price_filter .ui-slider {
position: relative;
text-align: left;
} .rtl .widget_price_filter .ui-slider {
text-align: right;
} .widget_price_filter .ui-slider .ui-slider-range {
top: 0;
height: 100%;
background: #dddddd;
} .widget_price_filter .ui-slider .ui-slider-handle {
z-index: 2;
position: absolute;
width: 18px;
height: 18px;
border-radius: 0 !important;
cursor: pointer;
top: -7px;
} .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #eaeaea;
height: 4px;
margin: 5px 10px 20px;
}  .woocommerce ul.product_list_widget {
padding: 0;
list-style: none;
line-height: 1.5;
} .woocommerce ul.product_list_widget li {
clear: both;
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px solid #e0e0e0;
} .woocommerce ul.product_list_widget li:last-child {
border: none;
padding: 0;
margin: 0;
} .woocommerce ul.product_list_widget li .review {
clear: left;
} .rtl .woocommerce ul.product_list_widget li .review {
clear: right;
} .woocommerce ul.product_list_widget li img {
margin-left: 0;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
} .rtl .woocommerce ul.product_list_widget li img {
margin-right: 0;
margin-left: inherit;
}
@media (min-width: 1199px) { .woocommerce ul.product_list_widget li img {
width: 70px;
height: auto;
margin-right: 20px;
float: left;
} .rtl .woocommerce ul.product_list_widget li img {
margin-left: 20px;
margin-right: inherit;
} .rtl .woocommerce ul.product_list_widget li img {
float: right;
}
}
@media (max-width: 1199px) { .woocommerce ul.product_list_widget li img {
width: 70px;
height: auto;
margin-right: 8px;
float: left;
} .rtl .woocommerce ul.product_list_widget li img {
margin-left: 8px;
margin-right: inherit;
} .rtl .woocommerce ul.product_list_widget li img {
float: right;
}
}
@media (max-width: 767px) { .woocommerce ul.product_list_widget li img {
margin-right: 10px;
} .rtl .woocommerce ul.product_list_widget li img {
margin-left: 10px;
margin-right: inherit;
}
} .woocommerce ul.product_list_widget .woocs_price_code {
color: #000;
font-size: 14px;
font-weight: 600;
} .woocommerce ul.product_list_widget .product-title {
display: block;
font-size: 16px;
font-weight: 500;
margin: 0 0 5px;
} .woocommerce ul.product_list_widget .woocommerce-Price-amount {
color: #1f2227;
font-size: 14px;
font-weight: 700;
} .woocommerce ul.product_list_widget del .woocommerce-Price-amount {
color: #777777;
font-weight: 400;
} .product_list_v1_widget .product-block {
padding: 25px 15px;
border-bottom: 1px solid #e0e0e0;
margin-top: 0;
} .product_list_v1_widget .product-block:last-child {
border-bottom: none;
} .product_list_v1_widget .product-block .image {
padding: 0;
}
@media (min-width: 1199px) { .product_list_v1_widget .product-block .image {
width: 150px;
height: auto;
}
}
@media (max-width: 1199px) { .product_list_v1_widget .product-block .image {
width: 100px;
height: auto;
}
} .product_list_v1_widget .product-block .caption .price {
margin-bottom: 10px;
text-align: left;
} .rtl .product_list_v1_widget .product-block .caption .price {
text-align: right;
} .product_list_v1_widget .product-block .caption .action-bottom {
min-height: 40px;
} .product_list_v1_widget .product-block .caption .action-bottom .btn-cart {
display: inline-block;
background-color: #e7470c;
display: inline-block;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
} .product_list_v1_widget .product-block .caption .action-bottom .btn-cart a {
min-width: 135px;
padding: 5px;
display: block;
text-align: left;
} .product_list_v1_widget .product-block .caption .action-bottom .btn-cart:hover {
background-color: #e7470c;
} .product_list_v1_widget .product-block .caption .action-bottom .btn-cart .icon-cart {
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-color: #fff;
margin-right: 5px;
} .rtl .product_list_v1_widget .product-block .caption .action-bottom .btn-cart .icon-cart {
margin-left: 5px;
margin-right: inherit;
} .product_list_v1_widget .product-block .caption .action-bottom .btn-cart .title-cart {
font-size: 12px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
padding-right: 10px;
} .rtl .product_list_v1_widget .product-block .caption .action-bottom .btn-cart .title-cart {
padding-left: 10px;
padding-right: inherit;
}
@media (max-width: 991px) { .product_list_v1_widget .product-block .caption .action-bottom .btn-cart .icon-cart {
display: none !important;
} .product_list_v1_widget .product-block .caption .action-bottom .btn-cart .title-cart {
display: block !important;
line-height: 32px;
padding-right: 0;
text-align: center;
} .rtl .product_list_v1_widget .product-block .caption .action-bottom .btn-cart .title-cart {
padding-left: 0;
padding-right: inherit;
}
} .product_list_v1_widget .name {
font-weight: 400;
margin-top: 0;
height: 42px;
overflow: hidden;
}  .product_special_widget .widget-product {
margin: 0;
position: relative;
border-bottom: 1px solid #fff;
} .product_special_widget .widget-product:first-child {
padding: 0;
} .product_special_widget .widget-product:first-child .image {
max-width: 60%;
position: relative;
margin: 0;
margin-right: 10px;
} .rtl .product_special_widget .widget-product:first-child .image {
margin-left: 10px;
margin-right: inherit;
} .product_special_widget .widget-product:first-child .image .first-order {
width: 32px;
height: 32px;
position: absolute;
bottom: 0;
left: 0;
background: #e7470c;
padding: 5px 11px;
z-index: 99;
color: #fff;
font-weight: 900;
} .product_special_widget .widget-product:first-child .media-body {
max-width: 40%;
float: none;
padding: 0;
} .product_special_widget .widget-product .media-body {
padding: 0 10px 10px 40px;
} .product_special_widget .widget-product .order {
width: 32px;
background: #DADADA;
position: absolute;
top: 0;
left: 0;
height: 100%;
color: #6A6A6A;
font-weight: 900;
padding: 0 10px;
} .product_special_widget .widget-product .order span {
position: relative;
top: 50%;
margin-top: -10px;
display: block;
} .product_special_widget .widget-product .review {
clear: left;
} .rtl .product_special_widget .widget-product .review {
clear: right;
} .product_special_widget .widget-product .rating {
margin-bottom: 25px;
} .product_special_widget .widget-product .star-rating {
margin: 0;
} .product_special_widget .widget-product .name {
font-size: 14px;
font-weight: 400;
} .product_special_widget .widget-product .price {
text-align: left;
} .rtl .product_special_widget .widget-product .price {
text-align: right;
} .product_special_widget .widget-product .price > * {
color: #000;
} .product_special_widget .widget-product.last {
background: #F5F5F5;
}  .petenica-sidebar .product_list_widget .image {
margin-right: 10px;
width: 80px;
height: auto;
} .rtl .petenica-sidebar .product_list_widget .image {
margin-left: 10px;
margin-right: inherit;
} .woo-deals.widget-content {
padding-bottom: 0 !important;
} .woo-deals .pts-countdown {
padding: 5px 0;
font-size: 10px;
} .woo-deals .time {
padding: 18px 0;
position: absolute;
width: 100%;
text-align: center;
left: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.64);
} .woo-deals .countdown-times {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
text-align: center;
} .woo-deals .countdown-times > .time-details {
display: inline-block;
background: #555857;
padding: 10px 8px;
color: #fff;
margin: 0 2.5px;
position: relative;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border: 0;
box-shadow: 0 -15px 15px -10px rgba(0, 0, 0, 0.3) inset;
-o-box-shadow: 0 -15px 15px -10px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0 -15px 15px -10px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 -15px 15px -10px rgba(0, 0, 0, 0.3) inset;
-ms-box-shadow: 0 -15px 15px -10px rgba(0, 0, 0, 0.3) inset;
} .woo-deals .countdown-times > .time-details:before {
display: block;
width: 100%;
height: 1px;
background: #1e1f1f;
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
} .woo-deals .countdown-times > .time-details > b {
display: block;
font-size: 18px;
font-weight: 600;
} .vertical-menu .product-block.product-list .image {
width: 70px;
height: auto;
}  .woocommerce-currency-switcher-form {
min-width: 100px;
} .woocommerce-currency-switcher-form .dd-select {
background: #fff !important;
border: none;
border-radius: 0;
} .woocommerce-currency-switcher-form ul.dd-options {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
} .woocommerce-currency-switcher-form ul.dd-options li {
padding: 0;
border: none;
} .widget-woocommerce-currency-switcher .dd-desc {
display: none;
} .widget-woocommerce-currency-switcher a.dd-option,
.widget-woocommerce-currency-switcher .dd-selected {
padding: 5px 10px !important;
} .widget-woocommerce-currency-switcher label {
line-height: 100%;
float: left;
margin: 0;
} .rtl .widget-woocommerce-currency-switcher label {
float: right;
} .widget-woocommerce-currency-switcher .dd-pointer {
border: none !important;
margin: 0 !important;
} .widget-woocommerce-currency-switcher .dd-pointer:before {
font-family: FontAwesome;
position: absolute;
line-height: 100%;
right: 0;
bottom: -4px;
} .widget-woocommerce-currency-switcher .dd-pointer.dd-pointer-down:before {
content: "\f107";
} .widget-woocommerce-currency-switcher .dd-pointer.dd-pointer-up:before {
content: "\f106";
} .widget-products .owl-carousel .product-wrapper {
padding-left: 15px;
padding-right: 15px;
} .widget-products .carousel-controls {
position: absolute;
right: 0;
top: -35px;
width: 100%;
} .rtl .widget-products .carousel-controls {
left: 0;
right: auto;
} .widget-products .carousel-controls.carousel-controls-v4 {
width: 50px;
} .widget-productcats.style2 .widget-heading {
background: #fff;
text-align: left;
} .rtl .widget-productcats.style2 .widget-heading {
text-align: right;
} .widget-productcats.style2 .widget-heading .widget-title {
border-bottom: 1px solid #e0e0e0;
font-size: 24px;
} .widget-productcats.style2 .widget-heading .nav-tabs {
float: right;
margin: -44px 0 0;
} .rtl .widget-productcats.style2 .widget-heading .nav-tabs {
float: left;
} .widget.widget-compare-device .widget-title {
font-size: 30px;
margin: 0 0 30px;
font-weight: 700;
} .widget.widget-compare-device table {
border: none;
color: #757575;
} .widget.widget-compare-device thead td {
background: #fff !important;
text-align: center !important;
} .widget.widget-compare-device thead .name-title {
font-size: 16px;
color: #333;
margin: 10px 0;
} .widget.widget-compare-device table td {
border: none;
} .widget.widget-compare-device table tr > td:first-child {
color: #999999;
text-align: left;
} .rtl .widget.widget-compare-device table tr > td:first-child {
text-align: right;
} .widget.widget-compare-device table tr td {
padding: 12px;
text-align: center;
} .widget.widget-compare-device table tr:nth-child(2n+1) {
background: #fafafa;
} .petenica-products-list {
list-style: none;
padding: 0;
margin: 0;
} .petenica-products-list .product-block {
padding: 10px 0;
background: #ffffff;
} .petenica-products-list .media-left {
padding: 0;
} .petenica-products-list .media-body {
padding-left: 20px;
} .rtl .petenica-products-list .media-body {
padding-right: 20px;
padding-left: inherit;
} .petenica-products-list .rating {
display: none;
} .petenica-products-list .name {
margin: 0;
} .petenica-products-list .name a {
color: #1e2022;
font-size: 16px;
text-transform: capitalize;
} .petenica-products-list .product-block:hover .name a {
color: #e7470c;
} .petenica-products-list .groups-button * i {
color: #777777;
} .petenica-products-list .groups-button * i:hover {
color: #e7470c;
} .petenica-products-list .groups-button .addcart, .petenica-products-list .groups-button .yith-wcwl-add-to-wishlist, .petenica-products-list .groups-button .quick-view {
display: inline-block;
padding-right: 26px;
} .rtl .petenica-products-list .groups-button .addcart, .rtl .petenica-products-list .groups-button .yith-wcwl-add-to-wishlist, .rtl .petenica-products-list .groups-button .quick-view {
padding-left: 26px;
padding-right: inherit;
} .petenica-products-list .groups-button .addcart .add-cart a {
background: transparent;
padding: 0;
} .petenica-products-list .groups-button .addcart .add-cart a .title-cart {
display: none;
} .petenica-products-list .groups-button .yith-wcwl-add-to-wishlist {
vertical-align: bottom;
} .petenica-products-list .groups-button .yith-wcwl-add-to-wishlist .sub-title {
display: none;
} .petenica-products-list .groups-button .yith-wcwl-add-to-wishlist .feedback {
display: none;
} .petenica-products-list .groups-button .quick-view {
padding-right: 0px;
vertical-align: middle;
} .rtl .petenica-products-list .groups-button .quick-view {
padding-left: 0px;
padding-right: inherit;
} .petenica-products-list .groups-button .quick-view a.quickview {
background: transparent;
border: none;
padding: 0px;
} .petenica-products-list .price {
margin-bottom: 10px;
} .petenica-products-list .price span.woocs_price_code del span.woocommerce-Price-amount {
font-size: 20px;
color: #888625;
} .petenica-products-list .price span.woocs_price_code ins span.woocommerce-Price-amount {
font-size: 24px;
font-weight: 700;
color: #888625;
} .petenica-products-list .price span.woocs_price_code span.woocommerce-Price-amount {
font-size: 24px;
font-weight: 700;
color: #888625;
} .widget-categoriestabs {
background: #fff !important;
} .widget-categoriestabs .widget-image {
margin: 0 0 30px;
position: relative;
overflow: hidden;
} .widget-categoriestabs .widget-image:before, .widget-categoriestabs .widget-image:after {
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.3);
-webkit-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
-o-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .widget-categoriestabs .widget-image:after {
-webkit-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
-o-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} .widget-categoriestabs .widget-image:hover:before, .widget-categoriestabs .widget-image:hover:after {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
} .widget-categoriestabs.home4 .widget-title-wrapper {
margin: 0 0 50px;
} .widget-categoriestabs.home4 .widget-title {
margin: 0;
} .widget-categoriestabs.home4 .widget-title + .tabs-product1 {
padding: 0;
}
@media (min-width: 992px) { .widget-categoriestabs.home4 .widget-title-wrapper {
position: relative;
} .widget-categoriestabs.home4 .tabs-product1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: right;
padding-right: 120px !important;
} .rtl .widget-categoriestabs.home4 .tabs-product1 {
text-align: left;
} .rtl .widget-categoriestabs.home4 .tabs-product1 {
padding-left: 120px !important;
padding-right: inherit;
} .widget-categoriestabs.home4 .owl-carousel .owl-controls {
width: 108px;
right: 0;
top: -80px;
} .rtl .widget-categoriestabs.home4 .owl-carousel .owl-controls {
left: 0;
right: auto;
}
} .widget-categoriestabs.home3 {
margin: 0 0 30px;
overflow: hidden;
} .widget-categoriestabs.home3 .widget-title {
padding: 15px 30px;
border: none;
color: #fff;
font-size: 15px;
margin: 0;
} .widget-categoriestabs.home3 .widget-title span {
padding: 0;
margin: 0;
border: 0;
} .widget-categoriestabs.home3 .widget-title img {
margin-right: 5px;
} .rtl .widget-categoriestabs.home3 .widget-title img {
margin-left: 5px;
margin-right: inherit;
} .widget-categoriestabs.home3 .wrapper-image {
position: relative;
} .widget-categoriestabs.home3 .wrapper-image:before {
content: '';
top: 0;
position: absolute;
left: 0;
width: 1px;
height: 200%;
background: #e0e0e0;
} .rtl .widget-categoriestabs.home3 .wrapper-image:before {
right: 0;
left: auto;
}
@media (min-width: 992px) { .widget-categoriestabs.home3 .widget-title-wrapper {
position: relative;
} .widget-categoriestabs.home3 .tabs-product1 {
position: absolute;
top: 0;
left: 0;
padding: 15px;
width: 100%;
text-align: right;
} .rtl .widget-categoriestabs.home3 .tabs-product1 {
text-align: left;
}
} .widget-product-tabs {
background: #fff !important;
} .widget-product-tabs.home2 .widget-image {
height: 120px;
margin: 30px 0;
} .widget-product-tabs.home2 .widget-title-wrapper {
position: relative;
border: 1px solid #e0e0e0;
padding: 10px;
} .widget-product-tabs.home2 .widget-title-wrapper .widget-title {
margin: 0;
border: 0;
} .widget-product-tabs.home2 .widget-title-wrapper .widget-title > span {
margin: 0;
border: 0;
padding: 0;
}
@media (min-width: 992px) { .widget-product-tabs.home2 .widget-title-wrapper .widget-title + .tabs-product1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 10px;
text-align: right;
padding-right: 120px;
} .rtl .widget-product-tabs.home2 .widget-title-wrapper .widget-title + .tabs-product1 {
text-align: left;
} .rtl .widget-product-tabs.home2 .widget-title-wrapper .widget-title + .tabs-product1 {
padding-left: 120px;
padding-right: inherit;
}
}
@media (min-width: 992px) { .widget-product-tabs.home2 .owl-carousel-top-full .owl-carousel .owl-controls {
width: 108px;
right: 10px;
top: -23px;
} .rtl .widget-product-tabs.home2 .owl-carousel-top-full .owl-carousel .owl-controls {
left: 10px;
right: auto;
} .widget-product-tabs.home2.has-banner .owl-carousel-top-full .owl-carousel .owl-controls {
top: -202px;
}
} .widget-product-tabs.home1 {
overflow: hidden;
} .widget-product-tabs.home1 .widget-title-wrapper {
background: #252525;
} .widget-product-tabs.home1 .widget-title-wrapper .widget-title {
margin: 0;
border: 0;
text-align: center;
padding: 12px;
color: #fff;
font-size: 16px;
} .widget-product-tabs.home1 .widget-title-wrapper .widget-title img {
margin-right: 5px;
} .rtl .widget-product-tabs.home1 .widget-title-wrapper .widget-title img {
margin-left: 5px;
margin-right: inherit;
} .widget-product-tabs.home1 .widget-title-wrapper .widget-title > span {
margin: 0;
border: 0;
padding: 0;
}
@media (min-width: 992px) { .widget-product-tabs.home1 .widget-title-wrapper {
position: absolute;
bottom: -48px;
left: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
min-width: 482px;
} .rtl .widget-product-tabs.home1 .widget-title-wrapper {
right: 0;
left: auto;
}
} .widget-product-tabs.home1 .tabs-product1 {
padding: 15px 30px;
text-align: left;
} .rtl .widget-product-tabs.home1 .tabs-product1 {
text-align: right;
} .sub-categories .sub-title {
font-size: 15px;
color: #fff;
background: #252525;
padding: 14px 40px;
margin: 0;
text-transform: uppercase;
} .sub-categories .sub-title .icon {
margin-right: 20px;
} .rtl .sub-categories .sub-title .icon {
margin-left: 20px;
margin-right: inherit;
} .sub-categories .sub-title .pull-right {
margin-top: 3px;
} .sub-categories > .list-square {
padding: 15px 40px;
background: #f5f5f5;
} .sub-categories > .list-square > li > a {
color: #777777;
} .sub-categories > .list-square > li > a:before {
background: #777777;
} .sub-categories > .list-square > li:hover > a, .sub-categories > .list-square > li.active > a {
color: #999999;
} .sub-categories > .list-square > li:hover > a:before, .sub-categories > .list-square > li.active > a:before {
background: #999999;
} .widget_deals_products .widget-title-wrapper {
position: relative;
margin: 0 0 50px;
} .widget_deals_products .widget-title-wrapper .widget-title {
margin: 0;
font-size: 20px;
} .widget_deals_products .widget-title-wrapper .widget-title > span {
padding: 0 0 17px;
}
@media (min-width: 992px) { .widget_deals_products .widget-title-wrapper .widget-title + .petenica-countdown {
position: absolute;
top: 0;
background: #fff;
right: 0;
} .rtl .widget_deals_products .widget-title-wrapper .widget-title + .petenica-countdown {
left: 0;
right: auto;
} .widget_deals_products .widget-title-wrapper .widget-title + .petenica-countdown .times > div:last-child {
margin-right: 0;
} .rtl .widget_deals_products .widget-title-wrapper .widget-title + .petenica-countdown .times > div:last-child {
margin-left: 0;
margin-right: inherit;
}
} .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
margin: 0 0 7px 0;
}
.sidebar .woocommerce{
border-bottom:1px dotted #000; position:relative;
margin-bottom: 35px;
padding-bottom: 35px;
}
.sidebar .woocommerce:after {
border-bottom:1px dotted #000;
content:'';
left:0;
position:absolute;
bottom:-3px;
width:100%;
}
.woocommerce-tabs .tab-content{
padding: 20px;
border: 1px solid #cecece;
border-top: none;
}