@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,600,700');
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
.tab-description img{
width:100%;
}
/* footer */
/* menu */
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/
/*** Animate ****/
@charset "UTF-8";
/* Ishi ProductBlock */
/* Quick View */
/* If media is below 992 */
/* If media is above 1199 */
/* If media is above 991 */
@media (min-width: 544px) {
.container {
max-width: 576px;
width: 100%; } }
@media (min-width: 768px) {
.container {
max-width: 720px;
width: 100%; } }
@media (min-width: 992px) {
.container {
max-width: 940px;
width: 100%; } }
@media (min-width: 1200px) {
.container {
max-width: 1500px;
width: 100%; } }
#_desktop_column_left #column-left, #_desktop_column_right #column-left, #_desktop_column_left #column-right, #_desktop_column_right #column-right {
/* If media is above 1500 */ }
@media (min-width: 1500px) {
#_desktop_column_left #column-left, #_desktop_column_right #column-left, #_desktop_column_left #column-right, #_desktop_column_right #column-right {
width: 20%; } }
.column_full {
/* If media is above 1500 */ }
@media (min-width: 1500px) {
.column_full {
width: 100%; } }
.column_center {
/* If media is above 1500 */ }
@media (min-width: 1500px) {
.column_center {
width: 80%; } }
.column_left {
/* If media is above 1500 */ }
@media (min-width: 1500px) {
.column_left {
width: 60%; } }
.product-container {
padding: 15px;
/* If media is below 544 */ }
@media (max-width: 543px) {
.product-container {
padding: 5px 5px; } }
.product-thumb {
/* If media is below 544 */
text-align: center;
display: block;
overflow: hidden;
position: relative; }
@media (max-width: 543px) {
.product-thumb {
max-width: 370px;
margin: auto; } }
.product-thumb .image {
overflow: hidden;
position: relative; }
.product-thumb .image a {
display: block;
position: relative; }
.product-thumb .image img {
margin: 0 auto;
max-width: 100%;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s; }
.product-thumb .image .product-img-extra, .product-thumb .image.change {
left: 0;
position: absolute;
right: 0;
top: 0;
opacity: 0;
-moz-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
-o-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1); }
@media (max-width: 543px) {
.product-thumb .image .product-img-extra, .product-thumb .image.change {
display: none; } }
.product-thumb .caption {
padding: 15px 10px;
display: block;
overflow: hidden;
position: relative; }
@media (max-width: 767px) {
.product-thumb .caption {
padding: 10px 2px 0px; } }
@media (max-width: 543px) {
.product-thumb .caption {
padding: 7px 5px;
padding-bottom: 0; } }
.product-thumb .caption h4 {
font: 400 14px/18px 'Poppins', sans-serif;
overflow: hidden;
text-overflow: ellipsis;
width: auto;
margin: 0;
text-transform: capitalize;
margin-bottom: 6px;
/* If media is below 768 */ }
@media (max-width: 767px) {
.product-thumb .caption h4 {
margin-bottom: 4px; } }
.product-thumb .caption h4 a {
color: #202020;
white-space: nowrap; }
.product-thumb .caption .description {
display: none; }
.product-thumb .caption .price {
/* If media is between 1199 and 1210 */
/* If media is above 544 */
font-family: 'Poppins', sans-serif;
color: #000;
font-size: 14px;
font-weight: 500;
margin-bottom: 6px; }
@media screen and (min-width: 1200px) and (max-width: 1210px) {
.product-thumb .caption .price {
font-size: 13px; } }
@media (min-width: 543px) {
.product-thumb .caption .price {
opacity: 1;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
.product-thumb .caption .price .price-old {
color: #888;
text-decoration: line-through; }
.product-thumb .caption .price .price-tax {
color: #999;
font-size: 12px;
display: none; }
.product-thumb .outstock-overlay {
position: absolute;
background: #c92c2c;
text-align: center;
text-transform: uppercase;
padding: 7px;
width: auto;
color: #fff;
display: block;
font-size: 9px;
font-weight: 600;
border-radius: 4px;
top: 10px;
left: 10px;
line-height: 10px; }
.product-thumb .sold-out {
cursor: not-allowed; }
.product-thumb .rating {
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 10px;
text-align: center;
margin: 0 auto;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media (max-width: 543px) {
.product-thumb .rating {
bottom: 5px; } }
.product-thumb .rating .fa-star, .product-thumb .rating .fa-star-o {
color: #ccc;
font-size: 13px;
line-height: 0; }
.product-thumb .rating .yellow {
color: #fec42d; }
.product-thumb .rating .gray {
color: #ccc; }
.product-thumb .rating span.fa-stack {
width: 8px;
height: 8px;
margin-right: 3px; }
.product-thumb .button-group {
position: absolute;
top: 5px;
right: 5px;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
/* If media s below 544 */ }
@media (max-width: 543px) {
.product-thumb .button-group {
right: 0;
top: 0; } }
.product-thumb .button-group i {
display: none; }
.product-thumb .button-group > div {
border: none;
border-radius: 0;
line-height: 0;
text-align: center; }
.product-thumb .button-group > div button, .product-thumb .button-group > div .quickbox {
width: 30px;
height: 30px;
border: none;
border-radius: 0;
padding: 0;
fill: #000;
background: transparent;
display: inline-block;
vertical-align: middle;
text-decoration: none;
outline: none;
/* If media is below 544 */ }
@media (max-width: 543px) {
.product-thumb .button-group > div button, .product-thumb .button-group > div .quickbox {
height: 25px; } }
.product-thumb .button-group > div button span, .product-thumb .button-group > div .quickbox span {
display: none !important; }
.product-thumb .button-group > div button:hover, .product-thumb .button-group > div .quickbox:hover {
fill: #1f2d3d; }
.product-thumb .button-group .btn-quickview, .product-thumb .button-group .btn-wishlist, .product-thumb .button-group .btn-compare {
/* If media is above 544 */ }
@media (min-width: 768px) {
.product-thumb .button-group .btn-quickview, .product-thumb .button-group .btn-wishlist, .product-thumb .button-group .btn-compare {
opacity: 0;
transform: translateX(10px);
-moz-transform: translateX(10px);
-webkit-transform: translateX(10px);
-o-transform: translateX(10px);
-ms-transform: translateX(10px); } }
.product-thumb .button-group .btn-quickview {
-webkit-transition: all ease-in-out 0.2;
-moz-transition: all ease-in-out 0.2;
-o-transition: all ease-in-out 0.2;
transition: all ease-in-out 0.2s; }
.product-thumb .button-group .btn-wishlist {
-webkit-transition: all ease-in-out 0.4s;
-moz-transition: all ease-in-out 0.4s;
-o-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s; }
.product-thumb .button-group .btn-compare {
-webkit-transition: all ease-in-out 0.6s;
-moz-transition: all ease-in-out 0.6s;
-o-transition: all ease-in-out 0.6s;
transition: all ease-in-out 0.6s; }
.product-thumb .btn-cart {
/* If media is between 1199 and 1500 */
/* If media is below 544 */
display: inline-block;
vertical-align: middle;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
/* If media is above 544 */ }
@media screen and (min-width: 1200px) and (max-width: 1500px) {
.product-thumb .btn-cart {
bottom: 5px; } }
@media (max-width: 767px) {
.product-thumb .btn-cart {
position: unset; } }
@media (min-width: 768px) {
.product-thumb .btn-cart {
opacity: 0;
-moz-transform: translateY(50px);
-webkit-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; } }
.product-thumb .btn-cart button {
border: none;
background: #1f2d3d;
color: #fff;
font-size: 13px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
border-radius: 0;
letter-spacing: 0.5px;
line-height: 24px;
text-transform: uppercase;
padding: 7px 20px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
/* If media is between 992 and 1199 */
/* If media is below 544 */ }
.product-thumb .btn-cart button .lblcart {
display: block; }
.product-thumb .btn-cart button i {
color: #1f2d3d;
display: none; }
@media screen and (min-width: 1200px) and (max-width: 1300px) {
.product-thumb .btn-cart button {
padding: 4px 15px;
font-size: 12px; } }
@media (max-width: 370px) {
.product-thumb .btn-cart button {
padding: 7px 10px;
font-size: 12px; } }
.product-thumb .btn-cart:hover button {
background-color: #fedb22;
color: #000; }
.product-thumb:hover .countdown-container {
opacity: 0; }
.product-thumb:hover .button-group .btn-quickview, .product-thumb:hover .button-group .btn-wishlist, .product-thumb:hover .button-group .btn-compare {
opacity: 1;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.product-thumb:hover .image .product-img-extra {
opacity: 1;
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1); }
.product-thumb:hover .btn-cart {
opacity: 1;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.product-thumb:hover .caption .price {
/* If media is below 544 */
opacity: 0; }
@media (max-width: 767px) {
.product-thumb:hover .caption .price {
opacity: 1; } }
.product-grid {
/* If media is below 768 */
/* If media is below 768 */
/* If media is below 1200 */
/* If media is below 768 */ }
@media (max-width: 767px) {
.product-grid {
width: 50%; } }
@media (max-width: 543px) {
.product-grid {
padding: 5px 5px; } }
.product-grid .product-container {
padding: 15px 0;
padding-bottom: 0;
/* If media is below 544 */ }
@media (max-width: 543px) {
.product-grid .product-container {
padding: 0; } }
.product-grid:nth-child(4n+1) {
clear: left; }
@media (max-width: 1199px) {
.product-grid:nth-child(4n+1) {
clear: none; }
.product-grid:nth-child(3n+1) {
clear: left; } }
@media (max-width: 767px) {
.product-grid:nth-child(3n+1) {
clear: none; }
.product-grid:nth-child(2n+1) {
clear: left; } }
.product-grid .countdown-container {
/* If media is above 1199 */ }
@media (min-width: 992px) {
.product-grid .countdown-container {
padding: 2px; }
.product-grid .countdown-container .counter .lbl {
font-size: 11px; } }
@media (min-width: 1501px) {
.product-grid .countdown-container .counter .data {
width: 56px; } }
@media (min-width: 1426px) and (max-width: 1500px) {
.product-grid .countdown-container .counter .data {
width: 50px; } }
@media (min-width: 1326px) and (max-width: 1425px) {
.product-grid .countdown-container .counter .data {
width: 45px; } }
@media (min-width: 768px) and (max-width: 1325px) {
.product-grid .countdown-container .counter .data {
width: 38px; } }
.product-grid .product-thumb .caption {
padding: 10px;
/* If media is below 544 */ }
@media (max-width: 543px) {
.product-grid .product-thumb .caption {
padding: 7px 5px;
padding-bottom: 0; } }
.product-list {
padding: 0;
/* If media is below 544 */ }
@media (max-width: 543px) {
.product-list {
margin: auto;
width: 300px;
float: none; } }
.product-list .product-container {
padding: 15px;
/* If media is below 544 */ }
@media (max-width: 543px) {
.product-list .product-container {
padding: 10px 5px; } }
.product-list .product-thumb {
/* If media is below 544 */
text-align: left;
/*==========================To Override theme.scss ==========================*/ }
@media (max-width: 543px) {
.product-list .product-thumb {
text-align: center; } }
.product-list .product-thumb .image {
padding: 0;
/* If media is below 768 */ }
@media (max-width: 767px) {
.product-list .product-thumb .image {
width: 50%; } }
@media (max-width: 543px) {
.product-list .product-thumb .image {
width: 100%; } }
.product-list .product-thumb .caption {
/* If media is below 768 */
padding: 15px;
padding-right: 0; }
@media (max-width: 767px) {
.product-list .product-thumb .caption {
width: 50%; } }
@media (max-width: 543px) {
.product-list .product-thumb .caption {
width: 100%;
padding: 15px 5px 0; } }
.product-list .product-thumb .caption h4 {
padding: 0;
margin-bottom: 12px; }
.product-list .product-thumb .caption .description {
display: block;
margin-bottom: 12px;
font-size: 14px;
line-height: 20px; }
.product-list .product-thumb .caption .price {
margin-bottom: 12px;
opacity: 1; }
.product-list .product-thumb .caption .btn-cart {
position: relative;
bottom: 0;
opacity: 1;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.product-list .countdown-container {
/* If media is below 544 */
/* If media is below 544 */ }
@media (max-width: 543px) {
.product-list .countdown-container {
left: 10px;
right: 10px;
bottom: 10px;
padding: 4px; } }
@media (max-width: 543px) {
.product-list .countdown-container {
padding: 4px; } }
.product-list .countdown-container .counter .data {
/* If media is below 476 */ }
@media (min-width: 1500px) {
.product-list .countdown-container .counter .data {
width: 60px; } }
@media (min-width: 1325px) and (max-width: 1499px) {
.product-list .countdown-container .counter .data {
width: 50px; } }
@media (min-width: 1200px) and (max-width: 1324px) {
.product-list .countdown-container .counter .data {
width: 42px; } }
@media (min-width: 992px) and (max-width: 1199px) {
.product-list .countdown-container .counter .data {
width: 38px; } }
@media (max-width: 991px) {
.product-list .countdown-container .counter .data {
width: 75px;
font-size: 20px; } }
@media (max-width: 767px) {
.product-list .countdown-container .counter .data {
width: 50px; } }
@media (max-width: 543px) {
.product-list .countdown-container .counter .data {
width: 60px; } }
@media (max-width: 475px) {
.product-list .countdown-container .counter .data {
width: 55px;
height: 25px;
font-size: 18px; } }
.product-list .countdown-container .counter .lbl {
/* If media is below 476 */
/* If media is below 376 */ }
@media (max-width: 991px) {
.product-list .countdown-container .counter .lbl {
font-size: 14px; } }
@media (max-width: 475px) {
.product-list .countdown-container .counter .lbl {
font-size: 13px; } }
@media (max-width: 375px) {
.product-list .countdown-container .counter .lbl {
font-size: 13px; } }
.breadcrumb-container {
padding: 15px;
display: block;
overflow: hidden;
border: 0;
margin-bottom: 30px;
background: url("") no-repeat top;
background-attachment: fixed;
background-color: #f7f7f7; }
.breadcrumb {
/* If media is below 544 */
background: transparent;
padding: 0;
margin: 0 !important;
float: right; }
@media (max-width: 543px) {
.breadcrumb {
float: none;
text-align: center;
display: block; } }
.breadcrumb i {
font-size: 15px; }
.breadcrumb > li {
display: inline-block;
vertical-align: middle;
position: relative;
white-space: nowrap;
line-height: 17px;
margin-bottom: 0 !important; }
.breadcrumb > li + li:before {
content: "|";
padding: 0 10px 0 5px;
top: -1px;
font-weight: 400;
color: #262626;
position: relative; }
.page-title {
/* If media is below 544 */
color: #000;
font-weight: 500;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
margin: 0;
float: left; }
@media (max-width: 543px) {
.page-title {
float: none;
text-align: center;
display: block;
margin-bottom: 10px; } }
.wrapper_container {
padding-top: 30px; }
.category_banner .category_img {
margin-bottom: 15px; }
.category_banner .category-title {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
text-transform: uppercase;
color: #000; }
.category_banner .category_description {
line-height: 22px;
margin-bottom: 15px;
color: #666;
font-weight: 400;
font-size : 13px; }
.category_banner .category_description p {
margin: 0;
color: #666; }
.refine-search h3 {
margin-bottom: 15px;
margin-top: 0;
font-size: 16px;
text-align: center;
color: #000;
font-weight: 400;
letter-spacing: 0.5px; }
.refine-search .category-list ul {
list-style: none;
padding: 0;
margin-bottom: 0;
/* If media is below 544 */ }
@media (max-width: 543px) {
.refine-search .category-list ul {
margin: 0 -10px; } }
.refine-search .category-list ul .owl-item .item {
/* If media s below 420 */ }
@media (max-width: 420px) {
.refine-search .category-list ul .owl-item .item {
width: auto; } }
.refine-search .category-list ul li {
list-style: none;
text-align: center;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.refine-search .category-list ul li.item {
margin-bottom: 25px;
/* If media is below 420 */
/* If media is below 992 */
/* If media is below 768 */
/* If media is below 544 */
/* If media s below 420 */ }
@media (max-width: 420px) {
.refine-search .category-list ul li.item {
width: 50%; } }
.refine-search .category-list ul li.item:nth-child(6n+1) {
clear: left; }
@media (max-width: 991px) {
.refine-search .category-list ul li.item:nth-child(6n+1) {
clear: none; }
.refine-search .category-list ul li.item:nth-child(4n+1) {
clear: left; } }
@media (max-width: 767px) {
.refine-search .category-list ul li.item:nth-child(4n+1) {
clear: none; }
.refine-search .category-list ul li.item:nth-child(3n+1) {
clear: left; } }
@media (max-width: 543px) {
.refine-search .category-list ul li.item {
padding: 0 5px; } }
@media (max-width: 420px) {
.refine-search .category-list ul li.item:nth-child(3n+1) {
clear: none; }
.refine-search .category-list ul li.item:nth-child(2n+1) {
clear: left; } }
.refine-search .category-list ul li:hover a .subcategory-title {
color: #000; }
.refine-search .category-list ul li a {
display: inline-block;
position: relative;
text-decoration: none; }
.refine-search .category-list ul li a img {
display: block;
max-width: 100%; }
.refine-search .category-list ul li a .subcategory-title {
display: block;
word-break: break-all;
margin-top: 8px;
font-size: 14px;
font-weight: 500;
color: #777;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.refine-search .category-list .owl-nav {
text-align: center;
margin-top: 0;
position: absolute;
top: 32%;
left: 0;
right: 0; }
.refine-search .category-list .owl-nav .owl-prev, .refine-search .category-list .owl-nav .owl-next {
position: absolute;
left: 0;
right: auto; }
.refine-search .category-list .owl-nav .owl-next {
right: 0;
left: auto; }
.product-list-top {
padding: 14px 15px;
line-height: 30px;
background-color: #f5f5f5;
margin-bottom: 15px; }
.product-list-top .btn-list-grid {
/* If media is below 768 */
position: relative;
top: 4px;
width: auto;
display: inline-block;
vertical-align: middle;
margin-left: 15px; }
@media (max-width: 767px) {
.product-list-top .btn-list-grid {
margin-right: 15px; } }
.product-list-top .btn-list-grid .btn-group > .btn {
width: 22px;
height: 22px;
display: inline-block;
cursor: pointer;
margin: 1px;
padding: 0;
border: 0;
box-shadow: none;
background: url(../img/grid.png) no-repeat;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; }
.product-list-top .btn-list-grid .btn-group > .btn i {
display: none; }
.product-list-top .btn-list-grid .btn-group > .btn#grid-view {
background-position: 0 0;
margin-right: 8px; }
.product-list-top .btn-list-grid .btn-group > .btn#grid-view:hover, .product-list-top .btn-list-grid .btn-group > .btn#grid-view.active {
background-position: 0px -33px; }
.product-list-top .btn-list-grid .btn-group > .btn#list-view {
background-position: -37px 0; }
.product-list-top .btn-list-grid .btn-group > .btn#list-view:hover, .product-list-top .btn-list-grid .btn-group > .btn#list-view.active {
background-position: -37px -32px; }
.product-list-top .compare-total {
position: relative;
top: 5px;
margin: 0 5px;
display: inline-block;
vertical-align: middle; }
.product-list-top .pagination-right {
/* If media is below 768 */
float: right;
margin: 0;
width: auto; }
@media (max-width: 767px) {
.product-list-top .pagination-right {
float: none;
margin-left: 15px;
margin-top: 15px; } }
.product-list-top .pagination-right .sort-by-wrapper, .product-list-top .pagination-right .show-wrapper {
/* If media is below 768 */
float: left;
margin-right: 15px;
position: relative;
top: 3px;
display: inline-block;
vertical-align: middle; }
@media (max-width: 767px) {
.product-list-top .pagination-right .sort-by-wrapper, .product-list-top .pagination-right .show-wrapper {
float: none; } }
.product-list-top .pagination-right .show-wrapper {
/* If media is below 466 */ }
@media (max-width: 452px) {
.product-list-top .pagination-right .show-wrapper {
margin: 10px 0 0; } }
.product-list-top .pagination-right .sort-by {
float: left;
margin: 3px 10px 0 0;
width: auto;
padding: 0; }
.product-list-top .pagination-right .sort {
float: left;
width: 150px;
padding: 0; }
.product-list-top .pagination-right .show {
/* If media is below 544 */
float: left;
margin: 2px 10px 0;
padding: 0;
width: auto; }
@media (max-width: 543px) {
.product-list-top .pagination-right .show {
margin: 2px 10px 0 0; } }
.product-list-top .pagination-right .limit {
float: right;
width: 100px;
padding: 0; }
.product-list-top .pagination-right .select-wrapper .form-control {
font-size: 12px;
border: 1px solid #e0e0e0;
background-color: #fff;
padding: 0 5px;
color: #333;
position: relative;
text-decoration: none;
white-space: nowrap;
text-align: left;
border-radius: 0;
box-shadow: none;
cursor: pointer;
appearance: none;
-o-appearance: none;
-moz-appearance: none;
-webkit-appearance: none; }
.product-list-top .pagination-right .select-wrapper .form-control:focus {
box-shadow: none;
outline: none; }
.product-list-top .pagination-right .select-wrapper:after {
font-family: 'fontawesome';
content: '\f0d7';
font-size: 14px;
position: absolute;
right: 10px;
top: 2px;
pointer-events: none; }
.product-list-js {
/* If media is below 768 */ }
@media (max-width: 543px) {
.product-list-js {
padding: 0 5px; } }
.category-pagination {
/* If media is below 992 */
/* If media is below 544 */
display: block;
width: 100%;
margin-top: 15px;
padding: 14px 15px;
background-color: #f5f5f5; }
@media (max-width: 991px) {
.category-pagination {
margin-bottom: 15px; } }
@media (max-width: 543px) {
.category-pagination {
text-align: center !important; } }
.category-pagination .pagination-desc {
/* If media is below 544 */
line-height: 34px;
font-size: 14px;
color: #333; }
@media (max-width: 543px) {
.category-pagination .pagination-desc {
text-align: center !important; } }
.category-pagination .pagination {
margin: 0;
border-radius: 0; }
.category-pagination .pagination > .active > span {
background-color: #1f2d3d;
border-color: #1f2d3d;
color: #fff;
cursor: not-allowed; }
.category-pagination .pagination li > a, .category-pagination .pagination li > span {
color: #000;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
padding: 6px 14px; }
#information-contact .contact-location .store-map img {
margin: 0 auto;
text-align: center;
margin-bottom: 10px; }
#information-contact .contact-location .location-title {
font-weight: 600; }
#information-contact .contact-location .location-title i {
border: 2px solid #e9e9e9;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
color: #999;
font-size: 16px;
height: 30px;
margin: 10px 8px 10px 0;
padding: 5px;
text-align: center;
width: 30px;
position: relative;
top: 5px; }
#information-contact .contact-location .location-detail {
margin: 0 0 20px 37px; }
#cart table > tbody > tr {
border-bottom: 1px solid #eee; }
#cart table > tbody > tr:nth-of-type(2n+1) {
background-color: transparent; }
#cart table > tbody > tr > td {
border-top: 0;
font-size: 14px; }
#cart table > tbody > tr > td.product-image {
padding: 10px 0; }
#cart table > tbody > tr > td .cart_block_product_name {
font-weight: 500;
display: inline-block;
vertical-align: top; }
#cart table > tbody > tr > td .text-price {
display: block;
margin: 5px 0;
font-size: 14px;
color: #000; }
#cart table > tbody > tr > td .product-detail {
font-weight: 300;
font-size: 13px; }
#cart table > tbody > tr > td .btn-danger {
color: #fff;
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 0;
background-color: #d9534f;
border-color: #d43f3a; }
#cart table.billing-info > tbody > tr {
border-bottom: 0; }
#cart table.billing-info > tbody > tr > td {
padding: 2px;
font-size: 13px; }
#cart table.billing-info > tbody > tr > td strong {
font-weight: 500;
color: #232323;
font-size: 13px;
line-height: 22px; }
#cart table.billing-info > tbody > tr > td .value {
color: #000;
line-height: 22px; }
.table.table-bordered {
/* If media is below 768 */
border-color: #e9e9e9;
margin-bottom: 16px; }
@media (max-width: 767px) {
.table.table-bordered {
margin-bottom: 0; } }
.table.table-bordered > thead > tr > td {
padding: 10px 15px;
background: #f8f8f8 none repeat scroll 0 0;
color: #000;
font-weight: 500;
border: 1px solid #e9e9e9;
font-family: 'Poppins', sans-serif;
font-size: 13px;
line-height: 18px;
letter-spacing: 0.6px;
text-transform: uppercase;
vertical-align: middle; }
.table.table-bordered > tbody > tr > td {
padding: 10px 15px;
color: #232323;
font-weight: 500;
border: 1px solid #e9e9e9;
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.6px;
text-transform: capitalize;
vertical-align: middle; }
.table.table-bordered > tbody > tr > td .img-thumbnail {
border-radius: 0;
padding: 0;
border-color: #eee; }
.table.table-bordered > tbody > tr > td small {
font-size: 12px;
color: #888; }
.table.table-bordered > tbody > tr > td .price {
font-weight: 500; }
.table.table-bordered > tbody > tr > td .price b {
color: #000;
font-size: 14px;
font-weight: 500; }
.table.table-bordered > tbody > tr > td .price s {
color: #888; }
.table.table-bordered > tbody > tr > td.unit-price, .table.table-bordered > tbody > tr > td.total-price {
color: #333;
font: 400;
font-size: 13px; }
.table.table-bordered > tbody > tr > td.rating .fa-stack {
width: 20px;
height: 20px; }
.table.table-bordered > tbody > tr > td.rating .fa-stack .fa-stack-2x, .table.table-bordered > tbody > tr > td.rating .fa-stack i {
font-size: 15px; }
#checkout-cart {
/* If media is above 1199 */
/* If media is above 991 */ }
#checkout-cart h2 {
font-family: 'Poppins', sans-serif;
font-weight: 500;
font-size: 18px; }
#checkout-cart #accordion .panel {
border: none; }
#checkout-cart #accordion .panel-heading {
padding: 0;
background-color: #f8f8f8;
border: 1px solid #e5e5e5; }
#checkout-cart #accordion .panel-heading a {
padding: 10px 15px;
font-weight: 500;
font-size: 14px;
line-height: 22px;
display: block;
color: #333;
overflow: hidden; }
#checkout-cart #accordion .panel-heading a i {
float: right;
line-height: 20px; }
#checkout-cart #accordion .panel-body {
border: 1px solid #e5e5e5;
border-top: 0; }
#checkout-cart #accordion .control-label {
width: 100%;
padding: 0;
color: #232323;
text-align: left; }
#checkout-cart #accordion .form-control {
background: #fff;
border-color: #e9e9e9;
color: #9c9b9b;
margin: 0 0 5px; }
#checkout-cart #accordion .input-group {
display: table; }
#checkout-cart #accordion .input-group .input-group-btn {
vertical-align: top; }
#checkout-cart #accordion .input-group .input-group-btn .btn-primary {
padding: 8px 14px;
line-height: 16px; }
#checkout-cart #accordion .form-horizontal .form-group {
margin: 15px 0; }
#checkout-cart #accordion .form-horizontal .form-group > div {
width: 100%;
padding: 0;
margin: 5px 0; }
#checkout-cart .sub-total-table {
margin-bottom: 20px; }
#checkout-cart .sub-total-table .table-bordered > tbody > tr > td strong {
font-weight: 500;
font-size: 13px; }
#checkout-cart .sub-total-table .table-bordered > tbody > tr > td.total-amount {
color: #333;
font-weight: 400;
font-size: 13px;
line-height: 20px;
text-align: right; }
#checkout-cart .sub-total-table .table-bordered > tbody > tr:last-child > td strong {
font-size: 14px;
font-weight: 500;
color: #666; }
#checkout-cart .sub-total-table .table-bordered > tbody > tr:last-child > td.total-amount {
font-size: 14px;
color: #666; }
#checkout-cart .buttons {
margin: 0 0 15px; }
@media (min-width: 1200px) {
#checkout-cart .collapse {
display: none; }
#checkout-cart .collapse.in {
display: block; } }
@media (min-width: 992px) {
#checkout-cart .collapse {
display: none; }
#checkout-cart .collapse.in {
display: block; } }
#checkout-checkout {
/* If media is above 1199 */
/* If media is above 991 */ }
#checkout-checkout #column-left .collapse, #checkout-checkout #column-right .collapse {
/* If media is above 991 */ }
@media (min-width: 992px) {
#checkout-checkout #column-left .collapse, #checkout-checkout #column-right .collapse {
display: inherit; } }
#checkout-checkout #accordion .panel-default {
border-radius: 0;
overflow: hidden; }
#checkout-checkout #accordion .panel-default .panel-heading {
background-color: #f8f8f8;
border: 1px solid #e5e5e5;
color: #1f2022; }
#checkout-checkout #accordion .panel-default .panel-heading .panel-title {
font-size: 13px;
font-weight: 500px;
line-height: 26px; }
#checkout-checkout #accordion .panel-default .panel-heading .panel-title a {
display: block; }
#checkout-checkout #accordion .panel-default .panel-heading .panel-title a i {
float: right;
line-height: 26px; }
#checkout-checkout #accordion .panel-default .panel-body {
border-top: 0; }
#checkout-checkout #accordion .buttons input[type="checkbox"] {
margin: 0px 2px 0px 2px; }
#checkout-checkout #accordion h2 {
color: #333;
font: 600 16px/24px 'Poppins', sans-serif;
margin: 0 0 15px; }
#checkout-checkout #accordion .radio label {
font-weight: 500;
font-size: 14px;
line-height: 22px; }
#checkout-checkout #accordion p {
color: #888;
line-height: 22px;
font-size: 13px;
margin-bottom: 15px; }
@media (min-width: 1200px) {
#checkout-checkout .collapse {
display: none; }
#checkout-checkout .collapse.in {
display: block; } }
@media (min-width: 992px) {
#checkout-checkout .collapse {
display: none; }
#checkout-checkout .collapse.in {
display: block; } }
#checkout-cart #column-left .collapse, #checkout-cart #column-right .collapse {
/* If media is above 991 */ }
@media (min-width: 992px) {
#checkout-cart #column-left .collapse, #checkout-cart #column-right .collapse {
display: inherit; } }
table.table-bordered > tbody > tr > td .btn-primary {
border: 0;
line-height: 20px;
padding: 7.5px 12px; }
table.table-bordered > tbody > tr > td .btn-primary::before {
display: none; }
#account-login .well {
box-shadow: none;
background-color: transparent;
border-color: #e9e9e9; }
#account-login .well h2 {
color: #333;
font: 600 16px/24px 'Poppins', sans-serif;
margin: 0 0 15px; }
#account-login .well p {
color: #333;
line-height: 22px;
font-size: 13px;
margin-bottom: 15px; }
#account-login .well p strong {
font-weight: 500;
color: #232323;
font-size: 14px; }
#column-right .list-group .list-group-item {
border-radius: 0; }
#account-account .a-link-list {
border: 1px solid #e9e9e9;
margin-bottom: 20px;
padding: 5px; }
#account-account .a-link-list .a-link-heading {
background-color: #f5f5f5;
margin-bottom: 6px;
padding: 5px 8px; }
#account-account .a-link-list .a-link-heading h2 {
margin: 0;
font-size: 16px;
font-weight: 500;
color: #000;
line-height: 38px; }
#account-account .a-link-list .a-link-content {
padding: 8px;
font-size: 14px;
color: #888;
line-height: 24px; }
#account-account .a-link-list .a-link-content ul {
margin: 0;
padding: 0; }
#account-account .a-link-list .a-link-content ul li a {
color: #888;
line-height: 24px; }
#account-account .a-link-list .a-link-content ul li a:hover {
color: #1f2d3d; }
#account-address .table-responsive .table.table-bordered {
margin-bottom: 0; }
#account-address .table-responsive .table.table-bordered > tbody > tr > td {
font-size: 14px;
line-height: 24px;
text-transform: capitalize; }
#account-order table.table-bordered {
/* If media is below 992 */ }
@media (max-width: 991px) {
#account-order table.table-bordered {
margin-bottom: 0; } }
#account-order table.table-bordered > tfoot > tr > td > b {
color: #333; }
#account-return .form-horizontal .form-group .input-group {
display: table; }
#account-return .form-horizontal .form-group .input-group .btn-default {
line-height: 1.32857;
padding: 7px 12px; }
#account-return .form-horizontal .form-group .input-group .btn-default:before {
display: none; }
#account-register .form-horizontal .control-label {
color: #232323;
font-weight: 500; }
#account-register .form-horizontal fieldset legend {
color: #000;
font-weight: 500; }
#information-sitemap ul {
padding: 0 20px;
margin-top: 10px;
text-transform: capitalize; }
#information-sitemap ul.nested {
margin-left: 20px; }
#information-sitemap ul li {
margin-bottom: 1rem; }
#footer {
margin-top: 30px;
background: #263242 url("") no-repeat;
color: #fff;
clear: both;
line-height: 1.25em;
/* If media is above 991 */
/* If media is above 1199 */
/* If media is below 544 */
/* If media is above 991 */ }
#footer hr {
border-top: none;
border-bottom: 1px solid #666; }
#footer section {
margin: 0; }
#footer.home-footer {
margin-top: 0; }
#footer .ishistoreinfoblock .store-logo:hover {
animation: none;
mask-image: none;
mask-size: unset;
-webkit-mask-image: none;
-webkit-mask-size: unset; }
#footer .ishipaymentblock .paymentblock a:hover {
animation: none;
mask-image: none;
mask-size: unset;
-webkit-mask-image: none;
-webkit-mask-size: unset; }
#footer #ishispecialdeals .product-thumb a:hover {
animation: none;
mask-image: none;
mask-size: unset;
-webkit-mask-image: none;
-webkit-mask-size: unset; }
#footer .block_newsletter .newsletter_form a.btn-submit {
color: #000;
padding: 10px;
/* If media is below 992 */ }
@media (max-width: 991px) {
#footer .block_newsletter .newsletter_form a.btn-submit {
position: absolute;
top: 0;
right: 0;
margin: 0; } }
@media (max-width: 543px) {
#footer .block_newsletter .newsletter_form a.btn-submit {
font-size: 13px; } }
#footer .block_newsletter .newsletter_form a.btn-submit:hover, #footer .block_newsletter .newsletter_form a.btn-submit:focus {
color: #fff;
animation: none;
mask-image: none;
mask-size: unset;
-webkit-mask-image: none;
-webkit-mask-size: unset; }
#footer .footer-aftertext {
text-align: center;
color: #fff;
margin-bottom: 0;
padding: 0;
line-height: 20px;
font-family: 'Poppins', sans-serif; }
#footer .footer-aftertext a {
color: #fff;
display: inline-block;
vertical-align: middle;
line-height: 20px;
top: -1px;
font-family: 'Poppins', sans-serif; }
#footer .footer-aftertext a:hover {
color: #fff;
animation: none;
mask-image: none;
mask-size: unset;
-webkit-mask-image: none;
-webkit-mask-size: unset; }
#footer #slidetop {
background: #fedb22 none repeat scroll 0 0;
box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.1);
color: transparent;
border-radius: 50%;
bottom: 20px;
cursor: pointer;
height: 40px;
overflow: hidden;
padding: 6px;
position: fixed;
right: 20px;
text-align: center;
width: 40px;
z-index: 99;
display: none;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
#footer #slidetop:before {
content: "\f106";
display: inline-block;
color: #000;
font-family: FontAwesome;
font-size: 21px;
font-weight: 600;
left: 0;
position: absolute;
right: 0;
top: 10px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
#footer #slidetop:after {
display: none; }
#footer #slidetop:hover {
background-color: #1f2d3d;
animation: none;
mask-image: none;
mask-size: unset;
-webkit-mask-image: none;
-webkit-mask-size: unset; }
#footer #slidetop:hover:before {
color: #fff; }
#footer .button-group > div .quickbox, #footer .button-group > div button {
background-image: none;
width: auto;
height: auto;
padding: 9px 20px;
line-height: 14px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
font-family: 'Poppins', sans-serif; }
#footer .button-group > div .quickbox:hover, #footer .button-group > div button:hover {
animation: none;
mask-image: none;
mask-size: unset;
-webkit-mask-image: none;
-webkit-mask-size: unset; }
#footer .button-group > div .quickbox {
background-color: #fedb22;
color: #000; }
#footer .button-group > div .quickbox:hover {
background-color: #1f2d3d;
color: #fff; }
#footer .button-group > div .btn-cart {
position: unset;
background-color: #1f2d3d;
color: #fff; }
#footer .button-group > div .btn-cart:hover {
background-color: #fedb22;
color: #000; }
#footer a {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: 0.5px;
font-size: 14px;
color: #fff;
line-height: 18px;
text-decoration: none;
position: relative;
display: block;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
#footer a:hover {
color: #fedb22; }
#footer h5, #footer .h3 {
margin: 0 0 20px 0;
color: #fedb22;
text-transform: uppercase;
font-size: 18px;
display: block;
font-weight: 500;
cursor: pointer;
font-family: 'Poppins', sans-serif;
/* If media is below 1200 */
/* If media is below 1200 */ }
@media (max-width: 1199px) {
#footer h5, #footer .h3 {
font-size: 15px; } }
@media (max-width: 991px) {
#footer h5, #footer .h3 {
margin-bottom: 15px; } }
#footer .block_newsletter h5 {
/* If media is below 992 */ }
@media (max-width: 991px) {
#footer .block_newsletter h5 {
margin-bottom: 10px; } }
#footer li {
margin-bottom: 15px; }
@media (min-width: 992px) {
#footer li:last-child {
margin-bottom: 0; } }
#footer .block-social {
/* If media is above 991 */
text-align: left;
display: block;
overflow: hidden;
position: relative;
/* If media is below 992 */ }
@media (min-width: 992px) {
#footer .block-social {
margin: 25px 0; } }
@media (max-width: 991px) {
#footer .block-social {
text-align: center; } }
#footer .block-social ul {
padding: 0;
margin: 0;
text-decoration: none; }
#footer .block-social ul li {
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin: 0 3px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
#footer .block-social ul li a, #footer .block-social ul li i {
width: 30px;
height: 30px;
text-align: center;
margin: 0 auto;
border-radius: 50%;
text-decoration: none;
display: inline-block;
vertical-align: middle;
font-family: FontAwesome;
font-weight: 400;
position: relative;
font-size: 18px;
line-height: 29px;
color: #fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
#footer .block-social ul li a:hover, #footer .block-social ul li i:hover {
padding: 0 ! important;
background: transparent;
animation: none;
mask-image: none;
mask-size: unset;
-webkit-mask-image: none;
-webkit-mask-size: unset; }
#footer .block-social ul li a:hover.facebook i, #footer .block-social ul li i:hover.facebook i {
color: #3b5999; }
#footer .block-social ul li a:hover.twitter i, #footer .block-social ul li i:hover.twitter i {
color: #00aced; }
#footer .block-social ul li a:hover.youtube i, #footer .block-social ul li i:hover.youtube i {
color: #d12121; }
#footer .block-social ul li a:hover.googleplus i, #footer .block-social ul li i:hover.googleplus i {
color: #dc473b; }
#footer .block-social ul li a:hover.rss i, #footer .block-social ul li i:hover.rss i {
color: #f26522; }
#footer .block-social ul li a:hover.pinterest i, #footer .block-social ul li i:hover.pinterest i {
color: #cb2027; }
#footer .block-social ul li a:hover.vimeo i, #footer .block-social ul li i:hover.vimeo i {
color: #00aced; }
#footer .block-social ul li a:hover.instagram i, #footer .block-social ul li i:hover.instagram i {
color: #cc2366; }
#footer .block-contact {
/* If media is above 1500 */
/* If media is between 992 and 1199 */
display: block;
overflow: hidden; }
@media (min-width: 1500px) {
#footer .block-contact {
width: 19%; } }
@media screen and (min-width: 992px) and (max-width: 1500px) {
#footer .block-contact {
width: 23%; } }
#footer .block-contact .block {
margin-bottom: 15px;
letter-spacing: 0.5px;
font-size: 14px;
font-weight: 400;
/* If media is below 544 */ }
@media (max-width: 991px) {
#footer .block-contact .block {
margin-bottom: 15px;
width: 100%; } }
#footer .block-contact .block .icon {
content: "";
color: #fedb22;
font-family: FontAwesome;
font-size: 18px;
height: 30px;
width: 24px;
margin-right: 7px;
position: relative;
top: 0px;
line-height: 29px;
vertical-align: middle;
display: inline-block;
text-align: center; }
@media (max-width: 991px) {
#footer .block-contact .block .icon {
width: 45px;
height: 45px;
line-height: 45px;
border: 1px solid #ddd;
border-radius: 50%;
font-size: 21px; } }
#footer .block-contact .block.email .icon {
font-size: 14px;
/* If media is below 991 */ }
@media (max-width: 991px) {
#footer .block-contact .block.email .icon {
font-size: 20px; } }
#footer .block-contact .block .content {
line-height: 25px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
width: 74%;
word-break: break-all;
color: #fff; }
@media (max-width: 991px) {
#footer .block-contact .block .content {
width: 80%; } }
#footer .block-contact .block .content a:after {
display: none; }
#footer .block-contact .block .content a:hover {
padding-left: 0; }
#footer .information, #footer .extras, #footer .account {
/* If media is above 1500 */
/* If media is between 992 and 1199 */ }
@media (min-width: 1500px) {
#footer .information, #footer .extras, #footer .account {
width: 20%; } }
@media screen and (min-width: 992px) and (max-width: 1500px) {
#footer .information, #footer .extras, #footer .account {
width: 17.66%; } }
#footer .footer-before {
/* If media is below 1200 */
/* If media is below 992 */
display: block;
overflow: hidden;
position: relative; }
@media (max-width: 1199px) {
#footer .footer-before {
padding: 40px 0; } }
@media (max-width: 991px) {
#footer .footer-before {
padding-bottom: 25px; } }
#footer .footer-before .footer-block {
/* If media is above 991 */
/* If media is above 1199 */
/* If media is between 992 and 1199 */ }
@media (min-width: 992px) {
#footer .footer-before .footer-block {
border-left: 1px solid rgba(255, 255, 255, .1); }
#footer .footer-before .footer-block:nth-child(5n+2) {
border-left: 0; } }
@media (min-width: 1200px) {
#footer .footer-before .footer-block {
padding: 60px 15px 60px 30px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
#footer .footer-before .footer-block {
padding-left: 20px;
padding-right: 5px; } }
#footer .footer-container {
/* If media is above 991 */
padding: 10px 0;
border-top: 1px solid rgba(255, 255, 255, .1);
display: block;
overflow: hidden;
position: relative; }
@media (max-width: 992px) {
#footer .footer-container {
padding: 20px 0; } }
#footer .footer-dropdown {
margin-top: 0px; }
#footer .footer-dropdown ul {
margin-bottom: 0; }
@media (max-width: 992px) {
#footer .footer-block {
margin-bottom: 0px; }
#footer .newletter-subscribe {
/* If media is below 992 */ } }
@media (max-width: 992px) and (max-width: 991px) {
#footer .newletter-subscribe {
margin-bottom: 30px;
text-align: center; } }
@media (min-width: 1200px) {
#footer .collapse {
display: inherit; }
#footer .footer-dropdown {
margin-top: 0; } }
@media (max-width: 543px) {
#footer .footer-block {
margin-bottom: 0px; }
#footer .newletter-subscribe {
/* If media is below 992 */ } }
@media (max-width: 543px) and (max-width: 991px) {
#footer .newletter-subscribe {
margin-bottom: 30px;
text-align: center; } }
@media (min-width: 992px) {
#footer .collapse {
display: inherit; } }
#footer .footer-title .navbar-toggler {
top: 0;
right: 0;
color: #fedb22; }
.footer-after {
background: #1f2d3d;
color: #fff; }
.footer-after > .container {
padding: 15px; }
@keyframes shine {
0% {
-webkit-mask-position: 150%; }
100% {
-webkit-mask-position: -50%; } }
@-webkit-keyframes shine {
0% {
-webkit-mask-position: 150%; }
100% {
-webkit-mask-position: -50%; } }
@-moz-keyframes shine {
0% {
-moz-mask-position: 150%; }
100% {
-moz-mask-position: -50%; } }
@-o-keyframes shine {
0% {
-o-mask-position: 150%; }
100% {
-o-mask-position: -50%; } }
.owl-nav {
/* If media is below 544 */
text-align: center;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
@media (max-width: 543px) {
.owl-nav {
margin-bottom: 20px; } }
.owl-nav .owl-prev, .owl-nav .owl-next {
/* If media is above 543 */
/* If media is below 544 */
display: inline-block;
border: 1px solid #fedb22;
background-color: #fedb22;
border-radius: 0;
width: 30px;
height: 50px;
margin: 2px;
outline: none;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media (min-width: 544px) {
.owl-nav .owl-prev, .owl-nav .owl-next {
left: 0;
top: 50%;
margin: 0;
margin-top: -20px;
position: absolute; } }
@media (max-width: 543px) {
.owl-nav .owl-prev, .owl-nav .owl-next {
width: 30px;
height: 30px; } }
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {
background-color: #1f2d3d;
border-color: #1f2d3d; }
.owl-nav .owl-prev:hover i:before, .owl-nav .owl-next:hover i:before {
color: #fff; }
.owl-nav .owl-prev i:before, .owl-nav .owl-next i:before {
font-size: 16px;
line-height: 27px;
color: #000;
position: relative;
text-align: center;
font-weight: 600;
margin: 0 auto;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.owl-nav .owl-next {
/* If media is above 543 */ }
@media (min-width: 544px) {
.owl-nav .owl-next {
right: 0;
left: auto; } }
.owl-dots .owl-dot span {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
#product-search .search-criteria {
border: 1px solid #eee;
padding: 10px; }
#product-search .search-criteria .select-wrapper {
position: relative; }
#product-search .search-criteria .checkbox-inline {
line-height: 20px; }
#product-search .search-criteria .search-list {
margin-bottom: 15px; }
#product-search .search-criteria .search-list .form-control {
margin: 0;
font-size: 12px;
border: 1px solid #e0e0e0;
background-color: #fff;
padding: 0 10px;
color: #333;
position: relative;
text-decoration: none;
border-radius: 0;
box-shadow: none; }
#_desktop_top_menu {
/* If media is below 1200 */
/* If media is below 992 */
position: relative;
margin: 0;
float: left;
padding: 0 15px; }
@media (max-width: 1199px) {
#_desktop_top_menu {
padding: 0 15px; } }
@media (max-width: 991px) {
#_desktop_top_menu {
display: block; } }
#_desktop_top_menu .home-title {
background-color: #2a3847;
color: #fff;
font-size: 14px;
font-weight: 500;
text-align: left;
padding: 15px 15px 15px 45px;
margin: 0;
text-transform: uppercase;
width: 269px;
line-height: 16px;
letter-spacing: 1.5px;
cursor: pointer;
border: 0;
background-image: none;
position: relative; }
@media screen and (max-width: 1499px) and (min-width: 1200px) {
#_desktop_top_menu .home-title {
width: 219px; } }
#_desktop_top_menu .home-title:after, #_desktop_top_menu .home-title:before {
display: none; }
#_desktop_top_menu .wrapper-menu {
width: 18px;
height: 14px;
display: flex;
position: absolute;
top: 16px;
left: 30px;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
transition: transform 330ms ease-out; }
#_desktop_top_menu .wrapper-menu.open {
transform: rotate(-45deg); }
#_desktop_top_menu .wrapper-menu.open .line-menu.start {
transform: rotate(-90deg) translateX(3px); }
#_desktop_top_menu .wrapper-menu.open .line-menu.end {
transform: rotate(-90deg) translateX(-3px); }
#_desktop_top_menu .wrapper-menu .line-menu {
background-color: #fff;
border-radius: 5px;
width: 100%;
height: 2px; }
#_desktop_top_menu .wrapper-menu .line-menu:after {
content: '';
position: absolute;
left: 0;
width: 0;
height: 2px;
border-radius: 5px;
background: #fff;
transition: all 0.3s;
transition-delay: 0.1s; }
#_desktop_top_menu .wrapper-menu .line-menu:nth-child(2n+1):after {
transition-delay: 0.2s; }
#_desktop_top_menu .wrapper-menu .line-menu:nth-child(2n+2):after {
transition-delay: 0.3s; }
#_desktop_top_menu .wrapper-menu .line-menu:nth-child(2n+3):after {
transition-delay: 0.4s;
right: 0;
left: auto; }
#_desktop_top_menu .wrapper-menu .line-menu.half {
width: 50%; }
#_desktop_top_menu .wrapper-menu .line-menu.start {
transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
transform-origin: right; }
#_desktop_top_menu .wrapper-menu .line-menu.end {
align-self: flex-end;
transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
transform-origin: left; }
#_desktop_top_menu:hover .wrapper-menu.open .line-menu:after {
display: none; }
#_desktop_top_menu:hover .wrapper-menu .line-menu:nth-child(2n+1):after {
width: 50%; }
#_desktop_top_menu:hover .wrapper-menu .line-menu:nth-child(2n+2):after {
width: 100%; }
#_desktop_top_menu:hover .wrapper-menu .line-menu:nth-child(2n+3):after {
width: 50%; }
#top-menu {
/* If media is below 992 */
position: absolute;
top: 51px;
left: 15px;
right: 15px;
z-index: 9;
display: none;
padding: 0;
margin: 0;
background-color: #f5f5f5; }
@media (max-width: 991px) {
#top-menu {
background-color: none; } }
#top-menu > li {
display: block;
text-align: left;
position: relative;
border-bottom: 1px solid #ddd;
/* If media is below 992 */ }
#top-menu > li:last-child {
border-bottom: 0; }
@media (max-width: 991px) {
#top-menu > li {
padding: 2px 0;
border-bottom: 0;
overflow: hidden; } }
#top-menu > li .dropdown-item {
white-space: normal;
display: block;
width: 100%;
clear: both; }
#top-menu > li > a {
/* If media is below 992 */
line-height: 1.25em;
padding: 15px;
font-weight: 400;
color: #000;
text-transform: capitalize;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
@media (max-width: 991px) {
#top-menu > li > a {
color: #000; } }
#top-menu > li > a i {
float: right;
line-height: 16px;
font-size: 22px; }
#top-menu > li > a:hover {
color: #1f2d3d; }
#_desktop_top_menu #top-menu > li .sub-menu {
top: 0;
left: 115%;
border: none;
width: auto;
z-index: 18;
padding: 15px 0;
border-radius: 0;
visibility: hidden;
margin: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
text-align: center; }
#_desktop_top_menu #top-menu > li .sub-menu.collapse {
opacity: 0;
-webkit-transition: opacity 0.4s, left 0.4s, right 0.4s, visibility 0.4s;
-o-transition: opacity 0.4s, left 0.4s, right 0.4s, visibility 0.4s;
transition: opacity 0.4s, left 0.4s, right 0.4s, visibility 0.4s;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }
#_desktop_top_menu #top-menu > li .sub-menu .category_dropdownmenu {
width: 200px;
padding: 0; }
#_desktop_top_menu #top-menu > li .sub-menu .category_dropdownmenu.multiple-dropdown-menu {
float: left; }
#_desktop_top_menu #top-menu > li .sub-menu .category_dropdownmenu .childs_2 {
margin-bottom: 15px; }
#_desktop_top_menu #top-menu > li .sub-menu .category_dropdownmenu .childs_2 li {
margin-bottom: 6px; }
#_desktop_top_menu #top-menu > li .sub-menu .category_dropdownmenu .childs_2 li a {
text-transform: capitalize; }
#_desktop_top_menu #top-menu > li .sub-menu ul[data-depth="1"] > li {
text-align: left;
float: left;
margin-left: 20px;
min-width: 182px; }
#_desktop_top_menu #top-menu > li .sub-menu ul[data-depth="1"] > li > a {
padding: 0;
padding-bottom: 4px;
margin-bottom: 17px;
color: #000;
text-transform: capitalize;
font-size: 15px;
position: relative;
display: block; }
#_desktop_top_menu #top-menu > li .sub-menu ul[data-depth="1"] > li > a:before {
border-top: 1px solid #ddd;
bottom: -7px;
content: "";
position: absolute;
left: 0;
width: 50%; }
#_desktop_top_menu #top-menu > li:hover:hover .sub-menu {
left: 100%;
opacity: 1;
visibility: visible; }
.top-menu a.dropdown-submenu {
color: #000;
text-transform: uppercase;
font-weight: 400;
display: block;
width: 100%;
clear: both; }
.top-menu ul[data-depth="2"] > li a {
padding: 0;
font-size: 13px;
color: #000;
font-weight: 400;
padding-bottom: 5px; }
.top-menu ul[data-depth="2"] > li:last-child a {
padding-bottom: 0; }
.top-menu .collapse {
display: inherit; }
.top-menu .category-image {
max-width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 25px; }
.top-menu .popover {
max-width: inherit; }
.popover.bs-tether-element-attached-top {
margin-top: 0; }
#canvas {
background-color: rgba(0, 0, 0, 0.7);
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0; }
#mobile_top_menu_wrapper {
position: fixed;
top: 0;
left: 0;
width: 300px;
bottom: 0;
background: white;
z-index: 99999999;
overflow-y: auto;
overflow-x: auto; }
#mobile_top_menu_wrapper #top_menu_closer {
cursor: pointer;
color: #000;
margin-top: 8px;
margin-right: 11px;
text-align: right; }
#mobile_top_menu_wrapper #top_menu_closer i {
font-size: 17px; }
#mobile_top_menu_wrapper #_mobile_top_menu {
padding: 15px; }
#mobile_top_menu_wrapper #top-menu {
margin-bottom: 0;
text-align: left;
display: block;
padding: 2px 0;
background: none; }
#mobile_top_menu_wrapper #top-menu > li {
padding: 15px 0;
border-bottom: 1px solid #eee;
overflow: hidden;
cursor: pointer; }
#mobile_top_menu_wrapper #top-menu > li:last-child {
border: none; }
#mobile_top_menu_wrapper #top-menu > li a {
padding: 0;
display: inline-block;
vertical-align: middle;
width: auto;
margin-bottom: 0;
z-index: 1;
font-size: 16px;
color: #000; }
#mobile_top_menu_wrapper #top-menu > li i {
float: right;
line-height: 16px;
font-size: 22px; }
#mobile_top_menu_wrapper #top-menu ul[data-depth="1"] > li a {
font-size: 15px; }
#mobile_top_menu_wrapper #top-menu ul[data-depth="2"] > li a {
font-size: 14px; }
#mobile_top_menu_wrapper #top-menu ul[data-depth="3"] > li a {
font-size: 14px; }
#mobile_top_menu_wrapper #top-menu ul[data-depth="4"] > li a {
font-size: 14px; }
#mobile_top_menu_wrapper .top-menu {
color: #000; }
#mobile_top_menu_wrapper .top-menu .category-image {
display: none; }
#mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .add {
display: none; }
#mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .remove {
display: block; }
#mobile_top_menu_wrapper .top-menu .collapse-icons .remove {
display: none; }
#mobile_top_menu_wrapper .top-menu .navbar-toggler {
padding: 0;
position: absolute;
right: 0;
top: 16px;
left: auto; }
#mobile_top_menu_wrapper .top-menu .collapse {
display: none; }
#mobile_top_menu_wrapper .top-menu .collapse.in {
display: block; }
#mobile_top_menu_wrapper .top-menu .sub-menu {
box-shadow: none;
z-index: inherit;
display: block;
position: static;
overflow: hidden;
margin-left: 0;
width: 100%;
min-width: 100%;
border: none;
padding: 10px 0 0 15px; }
#mobile_top_menu_wrapper .top-menu .sub-menu.collapse {
display: none; }
#mobile_top_menu_wrapper .top-menu .sub-menu.collapse.in {
display: block; }
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] {
margin: 0;
padding: 0; }
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li {
float: none;
margin: 0;
padding: 10px 0; }
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a {
text-transform: capitalize;
font-size: 15px; }
#mobile_top_menu_wrapper .top-menu .sub-menu ul {
padding: 0 0 0 15px; }
#mobile_top_menu_wrapper .top-menu .sub-menu li > a {
margin-bottom: 5px; }
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] {
padding : 10px 0 0 15px; }
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] > li {
padding: 10px 0 5px; }
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="3"] > li {
padding: 10px 0; }
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="3"] > li > a {
padding-left: rem(40px); }
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="4"] > li {
padding: 10px 0; }
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="4"] > li > a {
padding-left: rem(60px); }
#mobile_top_menu_wrapper .top-menu .popover {
border-radius: 0; }
#menu-icon {
float: left;
cursor: pointer; }
#menu-icon .nav-icon {
width: 40px;
height: 40px; }
#menu-icon .nav-icon svg {
fill: #fff; }
#_desktop_seach_widget {
/* If media is above 1199 */
/* If media is below 992 */ }
@media (min-width: 992px) {
#_desktop_seach_widget {
display: inline-block;
vertical-align: middle;
position: relative;
text-align: center;
margin: 0 auto; } }
@media (max-width: 991px) {
#_desktop_seach_widget {
display: none; } }
.search-widget {
cursor: pointer;
position: relative;
display: inline-block;
vertical-align: middle;
/* If media is below 992 */ }
@media (max-width: 991px) {
.search-widget {
padding: 0;
float: left;
position: relative; } }
.search-widget .search-logo {
/* If media is below 992 */
/* If media is below 992 */ }
@media (max-width: 991px) {
.search-widget .search-logo {
width: 40px;
height: 40px;
display: block;
fill: #fff; } }
@media (max-width: 991px) {
.search-widget .search-logo {
fill: #fff; } }
.search-widget .searchboxform {
position: absolute;
left: 0;
width: 30%;
/* If media is below 1199 */ }
@media (max-width: 1199px) {
.search-widget .searchboxform {
display: none; } }
.search-widget .searchboxform .ishicategory-select {
border: 0;
height: 40px;
padding: 0 10px;
font-weight: 400;
font-size: 13px;
width: 100%;
z-index: 11;
color: #666;
cursor: pointer;
outline: none;
background: url(../img/arrow-down.png) no-repeat right 14px center/26px 28px;
position: relative;
-webkit-appearance: none;
-moz-appearance: none; }
.search-widget .searchboxform .ishicategory-select:focus {
outline: none; }
.search-widget .searchboxform:before {
content: "";
height: 20px;
position: absolute;
right: 10px;
top: 10px;
width: 1px;
background: #ddd;
z-index: 111; }
.search-widget form {
padding: 0;
margin: 0;
/* If media is below 992 */
display: block;
z-index: 2;
position: relative; }
@media (max-width: 991px) {
.search-widget form {
top: 45px;
z-index: 2;
position: absolute;
left: 0;
display: none; } }
.search-widget form .search-tag {
/* If media is below 1200 */
background: #fedb22;
color: #000;
font-size: 12px;
font-family: 'Poppins', sans-serif;
height: 40px;
padding: 10px 15px;
position: absolute;
left: 0;
top: 0;
z-index: 3;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
border-radius: 4px 0 0 4px; }
@media (max-width: 1199px) {
.search-widget form .search-tag {
display: none; } }
.search-widget form input[type="text"] {
/* If media is below 1200 */
/* If media is below 992 */
/* If media is below 544 */
min-width: 500px;
width: 100%;
border: 1px solid #eee;
border-radius: 4px !important;
height: 40px;
padding: 5px 10px;
padding-right: 110px;
padding-left: 150px;
margin: 0;
background: #fff;
text-transform: capitalize;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.8px;
color: #666; }
@media (max-width: 1199px) {
.search-widget form input[type="text"] {
min-width: 450px;
padding-left: 10px; } }
@media (max-width: 991px) {
.search-widget form input[type="text"] {
min-width: 300px;
padding-right: 45px;
border: 1px solid #eee;
border-radius: 0 !important; } }
@media (max-width: 543px) {
.search-widget form input[type="text"] {
min-width: 220px; } }
.search-widget form input[type="text"]:focus {
/* If media is below 992 */
background: #fff; }
@media (max-width: 991px) {
.search-widget form input[type="text"]:focus {
background: #f5f5f5; } }
.search-widget form input[type="text"]::placeholder {
color: #666; }
.search-widget form button {
/* If media is below 992 */
box-shadow: none;
border: none;
right: 0;
top: 0;
left: auto;
z-index: 11;
position: absolute;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media (min-width: 992px) {
.search-widget form button {
background: #fedb22;
color: #000;
padding: 3px 25px;
height: 40px;
width: auto;
font-weight: 400;
box-shadow: none;
font-size: 15px;
border-radius: 0 4px 4px 0; } }
@media (max-width: 991px) {
.search-widget form button {
border-radius: 0 !important;
background: #fedb22;
color: #1f2d3d;
padding: 0;
height: 40px;
width: 40px;
z-index: 11;
border-radius: 0px 4px 4px 0; } }
.search-widget form button:last-child > .btn, .search-widget form button:last-child .btn-group {
margin-left: 0; }
#checkout #search_widget {
/* Not ideal solution by allows to reuse same hooks/templates */
display: none; }
#pagenotfound .page-content #search_widget {
width: 100%; }
.page-not-found #_desktop_seach_widget {
float: none;
padding: 0;
position: unset; }
.page-not-found .search-widget {
position: relative;
padding: 0; }
.page-not-found .search-widget .search-logo {
display: none; }
.page-not-found .search-widget form {
display: inline-block;
top: 0;
position: relative;
opacity: 1;
visibility: visible; }
.ajaxishi-search {
position: absolute;
top: 38px;
left: 0;
right: 0;
height: auto;
max-height: 422px;
overflow-y: scroll;
scrollbar-width: thin;
background: #fff;
box-shadow: 0 0px 2px 0px rgba(0, 0, 0, .1); }
.ajaxishi-search ul {
margin: 0; }
.ajaxishi-search ul li {
text-decoration: none;
list-style: none; }
.ajaxishi-search ul li:last-child > div {
border-bottom: 0; }
.ajaxishi-search ul li > div {
display: block;
position: relative;
overflow: hidden;
padding: 15px;
border-bottom: 1px solid #eee; }
.ajaxishi-search ul li > div a {
display: block;
position: relative;
overflow: hidden; }
.ajaxishi-search ul li > div .product-image {
float: left;
margin-right: 12px; }
.ajaxishi-search ul li > div .product-desc {
text-align: left; }
.ajaxishi-search ul li > div .product-desc .product-name {
margin-bottom: 5px;
color: #000; }
.ajaxishi-search ul li > div .product-desc .product-price .special {
color: #888;
text-decoration: line-through;
display: inline-block;
vertical-align: middle;
margin-right: 8px; }
.ajaxishi-search ul li > div .product-desc .product-price .price {
color: #000;
display: inline-block;
vertical-align: middle; }
.ajaxishi-search::-webkit-scrollbar {
width: 8px;
height: 8px; }
.ajaxishi-search::-webkit-scrollbar-thumb {
background: #cdcdcd;
border: 1px solid #f0f0f0; }
.ajaxishi-search::-webkit-scrollbar-track {
background: #f0f0f0; }
#product-compare {
/* If media is below 992 */ }
#product-compare .btn-danger, #product-compare .btn-primary {
margin: 2px 0; }
@media (max-width: 991px) {
#product-compare .table-bordered {
float: left;
width: 100%;
overflow: auto;
display: inline; } }
.product_carousel {
display: block;
position: relative;
/* If media is below 768 */ }
@media (max-width: 767px) {
.product_carousel {
overflow: hidden; } }
.product_carousel .carousel-container {
display: block;
margin-bottom: 20px; }
.product_carousel .carousel-container .item_image {
margin-bottom: 15px; }
.product_carousel .carousel-container .item_image:last-child {
margin-bottom: 0; }
.product_carousel .carousel-container .owl-nav {
/* If media is below 543 */ }
@media (max-width: 544px) {
.product_carousel .carousel-container .owl-nav {
margin-top: 15px; } }
.product_carousel .carousel-container .owl-nav .owl-prev, .product_carousel .carousel-container .owl-nav .owl-next {
top: 55%; }
@keyframes slide-down {
.product_carousel 0% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
-moz-transform: translateY(-100%); }
.product_carousel 100% {
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-moz-transform: translateY(0); } }
.product-left {
position: relative;
display: block; }
.product-left .thumbnail {
border: 1px solid #eee;
border-radius: 0;
margin-bottom: 0;
padding: 0; }
.product-left .thumbnail img {
width: 100%; }
.product-left .thumbnail:hover, .product-left .thumbnail:focus {
border-color: #eee; }
.product-left .image-carousel {
position: sticky;
position: -webkit-sticky;
top: 15px; }
.product-left-title {
padding-bottom: 8px;
margin-bottom: 20px;
border-bottom: 1px solid #eee; }
@media (max-width: 767px) {
.product-left-title {
border: 0;
padding: 0;
margin-bottom: 10px;
text-align: center; } }
.product-left-title .product-title {
font-size: 30px;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 12px;
color: #333;
line-height: 30px;
/* If media is below 544 */ }
@media (max-width: 543px) {
.product-left-title .product-title {
font-size: 24px; } }
.product-left-title .price {
margin-bottom: 20px;
font-size: 13px;
line-height: 24px;
font-weight: 500;
color: #232323; }
.product-left-title .price .product-price {
/* iIf media is below 768 */
margin: 0 0 15px;
font-size: 18px;
font-weight: 400;
display: inline-block;
vertical-align: middle; }
@media (max-width: 767px) {
.product-left-title .price .product-price {
margin: 0; } }
.product-left-title .price .product-price h2 {
margin: 0;
font-size: 22px;
color: #1f2d3d; }
.product-left-title .price .product-dis {
/* iIf media is below 768 */
display: inline-block;
vertical-align: middle;
font-size: 18px;
color: #888;
font-weight: 500;
margin: 0 10px 15px; }
@media (max-width: 767px) {
.product-left-title .price .product-dis {
margin: 0; } }
.product-left-title .price hr {
border: 0; }
.product-image .additional-carousel .image-additional {
margin-bottom: 15px; }
.product-image .additional-carousel .image-additional.active {
border: 2px solid #ddd; }
.product-image .image_show #slider_carousel {
padding: 0 12px 15px; }
.product-image .image_show #slider_carousel .owl-nav {
margin: 0;
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -25px; }
.product-image .image_show #slider_carousel .owl-nav .owl-prev, .product-image .image_show #slider_carousel .owl-nav .owl-next {
left: 0;
right: auto;
position: absolute;
width: 28px;
height: 28px;
margin: 0;
overflow: hidden; }
.product-image .image_show #slider_carousel .owl-nav .owl-prev i:before, .product-image .image_show #slider_carousel .owl-nav .owl-next i:before {
font-size: 15px;
line-height: 24px; }
.product-image .image_show #slider_carousel .owl-nav .owl-next {
right: 0;
left: auto; }
.tab-description {
margin-bottom: 20px;
font-size: 13px;
line-height: 22px;
letter-spacing: 0.3px;
padding: 0 15px; }
.tab-description ul {
padding: 0 15px; }
.tab-description ul li {
color: #666;
font-weight: 400; }
.tab-description p {
color: #666;
font-weight: 400; }
.tab-description b, .tab-description strong {
color: #232323;
font-size: 14px;
font-weight: 600; }
#tab-review b, #tab-review strong {
font-weight: 500; }
#tab-review h2 {
font-size: 20px; }
.social-toolbox {
margin-bottom: 10px;
display: block; }
.social-toolbox .addthis_toolbox {
display: inline-block;
vertical-align: top; }
.social-toolbox .addthis_toolbox .addthis_button_tweet {
min-width: 90px; }
.social-toolbox .addthis_toolbox .addthis_button_tweet .at300b {
padding: 0; }
.social-toolbox .addthis_toolbox a {
margin-bottom: 0;
vertical-align: middle; }
.social-toolbox .addthis_toolbox .addthis_pill_style {
height: auto; }
.product-right {
position: -webkit-sticky;
position: sticky;
top: 10px;
margin-bottom: 30px; }
.product-right .rating-wrapper {
margin: 10px 0 20px;
color: #888;
/*==========================To Override theme.scss ==========================*/ }
.product-right .rating-wrapper .fa-star, .product-right .rating-wrapper .fa-star-o {
color: #ccc;
font-size: 13px;
line-height: 6px; }
.product-right .rating-wrapper .yellow {
color: #fec42d; }
.product-right .rating-wrapper .gray {
color: #ccc; }
.product-right .rating-wrapper span.fa-stack {
width: 8px;
height: 8px;
margin-right: 3px; }
.product-right .rating-wrapper .review-count, .product-right .rating-wrapper .write-review {
margin: 0 10px;
color: #888; }
.product-right .countdown-container {
position: unset;
margin-left: 0;
max-width: 270px;
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
/* If media is below 544 */ }
@media (max-width: 543px) {
.product-right .countdown-container {
padding: 4px; } }
.product-right .countdown-container .counter .data {
width: 50px;
/* If media is between 768 and 991 */
/* If media is below 476 */
/* If media is below 376 */ }
@media screen and (min-width: 768px) and (max-width: 991px) {
.product-right .countdown-container .counter .data {
width: 50px;
font-size: 18px;
margin-bottom: 2px; } }
@media (max-width: 475px) {
.product-right .countdown-container .counter .data {
width: 50px;
height: 25px;
font-size: 18px; } }
@media (max-width: 375px) {
.product-right .countdown-container .counter .data {
width: 50px;
font-size: 18px; } }
.product-right .countdown-container .counter .lbl {
/* If media is between 768 and 991 */
/* If media is below 476 */
/* If media is below 376 */ }
@media screen and (min-width: 768px) and (max-width: 991px) {
.product-right .countdown-container .counter .lbl {
font-size: 13px; } }
@media (max-width: 475px) {
.product-right .countdown-container .counter .lbl {
font-size: 13px; } }
@media (max-width: 375px) {
.product-right .countdown-container .counter .lbl {
font-size: 13px; } }
.product-right .list-unstyled {
margin-bottom: 0; }
.product-right .list-unstyled.attr {
padding: 20px 0 0;
border-top: 1px solid #eee;
margin-bottom: 20px;
display: block;
overflow: hidden;
text-align: center; }
.product-right .list-unstyled.attr li {
/* If media is above 1200 */
/* If media is between 992 and 1310px */
/* If media is between 430 and 767 */
/* If media is below 430 */
line-height: 35px;
padding: 5px 5px 0;
float: left;
border: 1px solid #eee;
margin-right: 15px;
color: #666;
margin-bottom: 15px; }
@media (min-width: 1200px) {
.product-right .list-unstyled.attr li {
width: 45%; } }
@media screen and (min-width: 768px) and (max-width: 1199px) {
.product-right .list-unstyled.attr li {
width: 47%; } }
@media screen and (min-width: 435px) and (max-width: 767px) {
.product-right .list-unstyled.attr li {
width: 48%; } }
@media (max-width: 435px) {
.product-right .list-unstyled.attr li {
width: 47%; } }
.product-right .list-unstyled.attr li:nth-child(3n+3), .product-right .list-unstyled.attr li:nth-child(4n+4) {
margin-bottom: 0; }
.product-right .list-unstyled.attr li:nth-child(3n+2), .product-right .list-unstyled.attr li:nth-child(4n+4) {
margin-right: 0; }
.product-right .list-unstyled.attr li span {
/* If media is below 558 */
font-weight: 400;
color: #232323;
font-size: 13px;
display: block;
text-transform: uppercase;
background: #f4f4f4;
padding: 0; }
@media (max-width: 410px) {
.product-right .list-unstyled.attr li span {
font-size: 12px; } }
.product-right .list-unstyled.attr li a {
color: #666; }
.product-right .list-unstyled.price {
margin-bottom: 20px;
font-size: 13px;
line-height: 22px; }
.product-right .list-unstyled.price .product-price {
margin: 0;
margin-bottom: 8px;
font-size: 18px;
font-weight: 400;
display: inline-block;
vertical-align: middle; }
.product-right .list-unstyled.price .product-price h2 {
margin: 0;
font-size: 22px;
color: #1f2d3d; }
.product-right .list-unstyled.price .product-dis {
display: inline-block;
vertical-align: middle;
font-size: 18px;
color: #888;
font-weight: 400;
margin: 0 10px 8px;
/* If media is below 768 */ }
@media (max-width: 767px) {
.product-right .list-unstyled.price .product-dis {
margin: 0 0px 0; } }
.product-right .list-unstyled.price hr {
border: 0;
margin: 0; }
.product-right .form-group {
margin-bottom: 20px;
overflow: hidden;
position: relative;
clear: both; }
.product-right .form-group .control-label {
float: left;
margin: 8px 8px 8px 0;
font-size: 14px;
color: #232323;
font-weight: 500; }
.product-right .form-group .control-label.radio-text, .product-right .form-group .control-label.checkbox-text {
float: none;
margin: 0; }
.product-right .form-group #input-quantity {
margin-right: 6px;
margin-bottom: 0;
width: auto;
float: left;
height: 37px;
text-align: center;
/* If media is between 992 and 1199 */
/* If media is below 343 */ }
@media screen and (min-width: 992px) and (max-width: 1199px) {
.product-right .form-group #input-quantity {
width: 14%;
margin-right: 5px; } }
@media (max-width: 342px) {
.product-right .form-group #input-quantity {
padding: 6px 5px; } }
.product-right .form-group #button-cart {
display: inline-block;
vertical-align: middle;
width: auto;
padding: 7px 15px;
font-size: 14px;
/* If media is between 992 and 1199 */
/* If media is below 377 */
/* If media is below 343 */ }
@media screen and (min-width: 992px) and (max-width: 1250px) {
.product-right .form-group #button-cart {
font-size: 13px; } }
@media (max-width: 378px) {
.product-right .form-group #button-cart {
font-size: 12px;
padding: 7px 10px; } }
@media (max-width: 342px) {
.product-right .form-group #button-cart {
padding: 7px 6px; } }
.product-right .form-group .wishlist, .product-right .form-group .compare {
/* If media is below 377 */
padding: 0;
fill: #fff;
display: inline-block;
vertical-align: middle;
height: 36px;
width: 36px;
border: 0;
text-align: center;
text-transform: capitalize;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
/* If media is below 343 */ }
@media (max-width: 378px) {
.product-right .form-group .wishlist, .product-right .form-group .compare {
margin: 0; } }
@media (max-width: 342px) {
.product-right .form-group .wishlist, .product-right .form-group .compare {
width: 33px; } }
.product-right .form-group .wishlist i, .product-right .form-group .compare i {
display: none; }
.product-right .form-group .wishlist:hover, .product-right .form-group .compare:hover {
fill: #000; }
.product-right .form-group .input-group.date, .product-right .form-group .input-group.time, .product-right .form-group .input-group.datetime {
display: inline-table; }
.product-right .form-group .input-group.date .btn-default, .product-right .form-group .input-group.time .btn-default, .product-right .form-group .input-group.datetime .btn-default {
padding: 6px 18px; }
.product-right .form-group .btn-file {
display: inline-block;
vertical-align: middle;
width: auto; }
.product-right .sold-out {
cursor: not-allowed; }
.product-right .addthis_toolbox {
margin-bottom: 10px; }
.product-right .product_option {
/* If media is above 543 */ }
.product-right .product_option .checkbox label, .product-right .product_option .radio label {
font-size: 13px;
color: #666;
/* If media is below 1200 */ }
@media (max-width: 1199px) {
.product-right .product_option .checkbox label, .product-right .product_option .radio label {
font-size: 13px; } }
@media (min-width: 544px) {
.product-right .product_option:nth-child(2n+1) {
clear: right; } }
.tabs_info {
/* If media is below 992 */
margin-top: 10px;
margin-bottom: 50px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee; }
@media (max-width: 991px) {
.tabs_info {
margin-bottom: 30px; } }
.tabs_info .collapse.in {
display: block; }
.tabs_info .collapse {
display: none; }
.tabs_info .panel-group {
margin-bottom: 0px; }
.tabs_info .panel-group .panel {
border: 0;
border-radius: 0;
margin: 0;
border-bottom: 1px solid #eee; }
.tabs_info .panel-group .panel + .panel {
margin: 0; }
.tabs_info .panel-group .panel:last-child {
border-bottom: 0; }
.tabs_info .panel-group .panel .panel-body {
border-color: #eee; }
.tabs_info .panel-heading {
padding: 0;
background: transparent;
border: 0; }
.tabs_info .panel-heading a {
/* If media is below 544 */
color: #000;
display: block;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
padding: 20px 15px; }
@media (max-width: 543px) {
.tabs_info .panel-heading a {
padding: 15px 10px; } }
.tabs_info .panel-heading a::after {
content: "";
position: relative;
top: 1px;
font-family: 'FontAwesome';
font-style: normal;
font-weight: 400;
line-height: 1;
float: right;
transition: transform 0.25s linear;
-webkit-transition: -webkit-transform 0.25s linear; }
.tabs_info .panel-heading a[aria-expanded="true"]:after {
content: "\f068";
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.tabs_info .panel-heading a[aria-expanded="false"]:after {
content: "\f067";
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.tabs_info #tab-review .fa-stack {
width: 16px;
height: 20px; }
.tabs_info #tab-review .fa-stack .fa-star, .tabs_info #tab-review .fa-stack .fa-star-o {
font-size: 17px;
color: #ccc; }
.tabs_info #tab-review .fa-stack .yellow {
color: #fec42d; }
.tabs_info #tab-review .fa-stack .gray {
color: #ccc; }
.tabs_info #tab-review .form-horizontal .form-group .control-label {
padding-top: 0;
margin-bottom: 10px; }
.tabs_info #tab-review .form-horizontal .form-group .radio-title {
margin-bottom: 0;
position: relative;
top: 1px; }
.tabs_info #tab-review .form-radio {
display: inline-block;
vertical-align: middle; }
.tabs_info #tab-review .form-radio span {
position: relative;
top: 0; }
.tabs_info #tab-review .form-radio input[type="radio"] {
margin: 0;
position: relative;
top: 1px; }
.tabs_info #tab-specification table thead tr td {
background: #f7f7f7; }
#product-product {
display: block;
position: relative; }
#product-product .related-product {
text-align: center;
margin-bottom: 30px;
text-align: center;
/* If media is below 544 */ }
@media (max-width: 543px) {
#product-product .related-product {
margin: 0 -10px;
margin-bottom: 30px; } }
#product-product .related-product .countdown-container {
/* If media is above 1199 */ }
@media (min-width: 992px) {
#product-product .related-product .countdown-container {
padding: 2px; }
#product-product .related-product .countdown-container .counter .lbl {
font-size: 11px; } }
@media (min-width: 1500px) {
#product-product .related-product .countdown-container .counter .data {
width: 55px; } }
@media (min-width: 1325px) and (max-width: 1499px) {
#product-product .related-product .countdown-container .counter .data {
width: 45px; } }
@media (min-width: 1200px) and (max-width: 1324px) {
#product-product .related-product .countdown-container .counter .data {
width: 35px; } }
@media (min-width: 992px) and (max-width: 1199px) {
#product-product .related-product .countdown-container .counter .data {
width: 38px; } }
#product-product .related-product:hover .home-title:before {
width: 90px; }
#product-product .related-product .owl-nav {
position: unset; }
#product-product .related-product .owl-nav .owl-prev, #product-product .related-product .owl-nav .owl-next {
position: unset;
width: 30px;
height: 30px;
margin: 2px; }
.hb-animate-element {
opacity: 0;
/*** end Animate ****/ }
.hb-animate-element.hb-animate-element.hb-in-viewport.right-to-left {
animation: 1s ease 0s normal none 1 fadeInRight;
-webkit-animation: 1s ease 0s normal none 1 fadeInRight;
-moz-animation: 1s ease 0s normal none 1 fadeInRight;
-o-animation: 1s ease 0s normal none 1 fadeInRight;
opacity: 1; }
.lang-rtl .hb-animate-element.hb-animate-element.hb-in-viewport.right-to-left {
animation: 1s ease 0s normal none 1 fadeInLeft;
-webkit-animation: 1s ease 0s normal none 1 fadeInLeft;
-moz-animation: 1s ease 0s normal none 1 fadeInLeft;
-o-animation: 1s ease 0s normal none 1 fadeInLeft; }
.hb-animate-element.hb-animate-element.hb-in-viewport.left-to-right {
animation: 1s ease 0s normal none 1 fadeInLeft;
-webkit-animation: 1s ease 0s normal none 1 fadeInLeft;
-moz-animation: 1s ease 0s normal none 1 fadeInLeft;
-o-animation: 1s ease 0s normal none 1 fadeInLeft;
opacity: 1; }
.lang-rtl .hb-animate-element.hb-animate-element.hb-in-viewport.left-to-right {
animation: 1s ease 0s normal none 1 fadeInRight;
-webkit-animation: 1s ease 0s normal none 1 fadeInRight;
-moz-animation: 1s ease 0s normal none 1 fadeInRight;
-o-animation: 1s ease 0s normal none 1 fadeInRight; }
.hb-animate-element.hb-animate-element.hb-in-viewport.bottom-to-top {
animation: 1s ease 0s normal none 1 fadeInUp;
-webkit-animation: 1s ease 0s normal none 1 fadeInUp;
-moz-animation: 1s ease 0s normal none 1 fadeInUp;
-o-animation: 1s ease 0s normal none 1 fadeInUp;
opacity: 1; }
.hb-animate-element.hb-animate-element.hb-in-viewport.top-to-bottom {
animation: 1s ease 0s normal none 1 fadeInDown;
-webkit-animation: 1s ease 0s normal none 1 fadeInDown;
-moz-animation: 1s ease 0s normal none 1 fadeInDown;
-o-animation: 1s ease 0s normal none 1 fadeInDown;
opacity: 1; }
.hb-animate-element.hb-animate-element.hb-in-viewport.fade-in {
animation: 1s ease 0s normal none 1 fadeIn;
-webkit-animation: 1s ease 0s normal none 1 fadeIn;
-moz-animation: 1s ease 0s normal none 1 fadeIn;
-o-animation: 1s ease 0s normal none 1 fadeIn;
opacity: 1; }
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated .infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated .hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated .flipOutX, .animated .flipOutY, .animated .bounceIn, .animated .bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash;
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ }
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.shake {
-webkit-animation-name: shake;
animation-name: shake; }
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake; }
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada;
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ }
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ }
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ }
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
#product-manufacturer .a-link-group {
color: #222;
font-family: 'Poppins', sans-serif;
font-size: 16px;
margin-bottom: 10px;
line-height: 20px; }
#product-manufacturer .a-link-list {
border: 1px solid #e9e9e9;
margin-bottom: 20px;
padding: 5px; }
#product-manufacturer .a-link-heading {
background: #f5f5f5;
font-size: 15px;
font-weight: 600;
margin-bottom: 6px;
padding: 5px 8px; }
#product-manufacturer .a-link-heading p {
line-height: 38px;
margin: 0;
color: #222;
padding: 0 10px; }
#product-manufacturer .a-link-content {
padding: 8px;
font-size: 14px;
line-height: 20px; }
.ishi-customhover-fadeinnormal.scale img, .ishi-customhover-fadeinflip.scale img, .ishi-customhover-fadeinrotate.scale img, .ishi-customhover-fadeinrotate3D.scale img, .ishi-customhover-fadeintop.scale img, .ishi-customhover-fadeinbottom.scale img, .ishi-customhover-fadeoutcenter.scale img, .ishi-customhover-fadeinoutcorner.scale img, .ishi-customhover-fadeoutcorner.scale img, .ishi-customhover-doublefadeincenter.scale img, .ishi-customhover-fadeintopbottom.scale img, .banner-scale.scale img {
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1); }
.ishi-customhover-fadeinnormal:hover.scale img, .ishi-customhover-fadeinflip:hover.scale img, .ishi-customhover-fadeinrotate:hover.scale img, .ishi-customhover-fadeinrotate3D:hover.scale img, .ishi-customhover-fadeintop:hover.scale img, .ishi-customhover-fadeinbottom:hover.scale img, .ishi-customhover-fadeoutcenter:hover.scale img, .ishi-customhover-fadeinoutcorner:hover.scale img, .ishi-customhover-fadeoutcorner:hover.scale img, .ishi-customhover-doublefadeincenter:hover.scale img, .ishi-customhover-fadeintopbottom:hover.scale img, .banner-scale:hover.scale img {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1); }
.ishi-customhover-fadeinnormal:after {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
background: rgba(255, 255, 255, 0.1);
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.ishi-customhover-fadeinnormal:hover:after {
opacity: 1;
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1); }
.ishi-customhover-fadeinflip:after {
content: "";
background-color: rgba(255, 255, 255, 0.1);
position: absolute;
padding: 30px;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
opacity: 0;
-webkit-transform: rotate3d(1, 1, 0, 100deg);
-moz-transform: rotate3d(1, 1, 0, 100deg);
-ms-transform: rotate3d(1, 1, 0, 100deg);
-o-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease; }
.ishi-customhover-fadeinflip:hover:after {
opacity: 1;
-webkit-transition-delay: 0.14s;
-moz-transition-delay: 0.14s;
transition-delay: 0.14s;
-webkit-transform: rotate3d(0, 0, 0, 0deg);
-moz-transform: rotate3d(0, 0, 0, 0deg);
-ms-transform: rotate3d(0, 0, 0, 0deg);
-o-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg); }
.ishi-customhover-fadeinrotate:after {
content: '';
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
position: absolute;
display: block;
top: 10px;
right: 10px;
bottom: 10px;
opacity: 0;
left: 10px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: rotate(-180deg) scale(0);
-moz-transform: rotate(-180deg) scale(0);
-ms-transform: rotate(-180deg) scale(0);
-o-transform: rotate(-180deg) scale(0);
transform: rotate(-180deg) scale(0); }
.ishi-customhover-fadeinrotate:hover:after {
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1; }
.ishi-customhover-fadeinrotate3D:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
right: 50%;
bottom: 50%;
-webkit-transition: all 0.9s;
-moz-transition: all 0.9s;
-o-transition: all 0.9s;
transition: all 0.9s; }
.ishi-customhover-fadeinrotate3D:hover:after {
background: rgba(255, 255, 255, 0.1);
transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.9s;
-moz-transition: all 0.9s;
-o-transition: all 0.9s;
transition: all 0.9s; }
.ishi-customhover-fadeintop:after {
content: "";
background: rgba(255, 255, 255, 0.1);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width: 100%;
height: 0%;
position: absolute;
left: 0;
right: 0;
top: 0; }
.ishi-customhover-fadeintop:hover:after {
height: 100%; }
.ishi-customhover-fadeinbottom:after {
content: "";
background: rgba(255, 255, 255, 0.1);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width: 100%;
height: 0%;
position: absolute;
left: 0;
right: 0;
bottom: 0; }
.ishi-customhover-fadeinbottom:hover:after {
height: 100%; }
.ishi-customhover-fadeintopbottom:before, .ishi-customhover-fadeintopbottom:after {
content: "";
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
bottom: -100%;
width: 100%;
height: 100%;
display: block;
left: 0;
opacity: 0;
position: absolute;
-webkit-transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
-ms-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
z-index: 1; }
.ishi-customhover-fadeintopbottom:after {
top: -100%;
bottom: auto; }
.ishi-customhover-fadeintopbottom:hover:before {
bottom: 50%;
opacity: 1; }
.ishi-customhover-fadeintopbottom:hover:after {
top: 50%;
opacity: 1; }
.ishi-customhover-doublefadeincenter:before, .ishi-customhover-doublefadeincenter:after {
content: "";
bottom: 10px;
left: 10px;
opacity: 0;
position: absolute;
right: 10px;
top: 10px;
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
transition: opacity 0.35s ease 0s, transform 0.5s ease 0s;
-webkit-transition: opacity 0.35s ease 0s, transform 0.5s ease 0s;
-moz-transition: opacity 0.35s ease 0s, transform 0.5s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.5s ease 0s;
-ms-transition: opacity 0.35s ease 0s, transform 0.5s ease 0s; }
.ishi-customhover-doublefadeincenter:before {
transform: scale(0, 1);
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
-ms-transform: scale(0, 1); }
.ishi-customhover-doublefadeincenter:after {
transform: scale(1, 0);
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
-ms-transform: scale(1, 0); }
.ishi-customhover-doublefadeincenter:hover:before, .ishi-customhover-doublefadeincenter:hover:after {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1); }
.ishi-customhover-fadeoutcenter:after {
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
opacity: 0; }
.ishi-customhover-fadeoutcenter:hover:after {
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-khtml-transition-duration: 1s;
-o-transition-duration: 1s;
opacity: 1; }
.ishi-customhover-fadeoutcorner:before, .ishi-customhover-fadeoutcorner:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.1);
margin: auto;
opacity: 1;
z-index: 1; }
.ishi-customhover-fadeoutcorner:after {
bottom: 0;
right: 0;
left: auto;
top: auto; }
.ishi-customhover-fadeoutcorner:hover:before, .ishi-customhover-fadeoutcorner:hover:after {
height: 100%;
-webkit-transition: 1.3s;
-moz-transition: 1.3s;
-ms-transition: 1.3s;
-o-transition: 1.3s;
transition: 1.3s;
opacity: 0;
width: 100%; }
.ishi-customhover-fadeinoutcorner:after {
background-color: rgba(255, 255, 255, 0.1);
width: 0;
height: 0;
content: "";
position: absolute;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-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;
right: 0; }
.ishi-customhover-fadeinoutcorner:hover:after {
width: 100%;
height: 100%;
right: auto;
left: 0; }
.newletter-popup {
background: #fff url(../img/newsletter.jpg) no-repeat center;
padding: 30px;
width: 650px;
height: 330px; }
.newletter-popup #popup2 {
position: absolute;
right: 0;
top: 0;
line-height: 25px;
text-align: center;
background: #000;
cursor: pointer;
padding: 0 10px;
color: #fff; }
.newletter-popup .newletter-container .newletter-title {
margin-bottom: 20px; }
.newletter-popup .newletter-container .newletter-title h2 {
margin: 0;
color: #fff; }
.newletter-popup .newletter-container .block-newsletter-label {
margin-bottom: 20px;
line-height: 22px;
color: #fff; }
.newletter-popup .newletter-container .newsletter_form {
text-align: center;
position: relative;
margin-bottom: 20px; }
.newletter-popup .newletter-container .newsletter_form .btn-submit {
/* If media is below 544 */
height: 50px;
cursor: pointer;
background-color: #1f2d3d;
font-size: 16px;
font-weight: 400;
border: none;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
border-radius: 0 4px 4px 0;
color: #fff;
padding: 17px 20px;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
@media (max-width: 543px) {
.newletter-popup .newletter-container .newsletter_form .btn-submit {
font-size: 15px;
padding: 4px 15px; } }
.newletter-popup .newletter-container .newsletter_form .btn-submit:hover {
background-color: #000; }
.newletter-popup .newletter-container .newsletter_form .text-email {
min-width: 250px;
width: 100%;
height: 50px;
border-radius: 4px;
border: 1px solid #eee;
color: #a4a4a4;
padding: 10px;
background-color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400; }
.newletter-popup .newletter-container .newsletter_form .text-email:focus {
background-color: #fff; }
.newletter-popup .newletter-container .newsletter_form .text-email:placeholder {
color: #a4a4a4; }
.newletter-popup .newletter-container .subscribe-bottom {
text-align: left;
display: inline-block;
vertical-align: middle;
margin-bottom: 20px; }
.newletter-popup .newletter-container .subscribe-bottom input[type="checkbox"], .newletter-popup .newletter-container .subscribe-bottom input[type="radio"] {
margin: 2px 4px 0 0; }
.newletter-popup .newletter-container .subscribe-bottom label {
margin: 0;
color: #fff; }
.newletter-popup .newletter-container #notification .alert {
margin: 0; }
.ishislider .slider-content-right {
float: right; }
.ishislider .slider-content-left {
float: left; }
.ishislider .slider-content-center {
margin: 0 auto;
float: unset; }
.ishislider {
overflow: hidden;
position: relative; }
@media (max-width: 991px) {
.ishislider {
margin: 0; } }
.ishislider .owl-carousel .slideshow__link {
display: flex;
align-items: center; }
.ishislider .owl-carousel .container {
position: absolute;
left: 0;
right: 0;
/* If media is between 1200 and 1500 */ }
@media screen and (min-width: 1200px) and (max-width: 1499px) {
.ishislider .owl-carousel .container {
max-width: 1200px; } }
.ishislider .owl-carousel .slider-content {
padding: 0; }
.ishislider .owl-carousel .slider-content .sub-title {
font-size: 15px;
text-transform: unset;
line-height: 26px;
margin-bottom: 20px;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif; }
@media (max-width: 991px) {
.ishislider .owl-carousel .slider-content .sub-title {
font-size: 13px;
margin-bottom: 5px; } }
@media (max-width: 543px) {
.ishislider .owl-carousel .slider-content .sub-title {
margin-bottom: 3px; } }
@media (max-width: 415px) {
.ishislider .owl-carousel .slider-content .sub-title {
font-size: 9px;
margin: 0; } }
.ishislider .owl-carousel .slider-content .main-title {
font-size: 56px;
text-transform: unset;
line-height: 60px;
margin-bottom: 30px;
letter-spacing: 0.5px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
/* If media is below 1500 */ }
@media (max-width: 1499px) {
.ishislider .owl-carousel .slider-content .main-title {
font-size: 48px;
line-height: 50px; } }
@media (max-width: 1199px) {
.ishislider .owl-carousel .slider-content .main-title {
font-size: 45px; } }
@media (max-width: 991px) {
.ishislider .owl-carousel .slider-content .main-title {
font-size: 34px;
line-height: 37px;
margin-bottom: 15px; } }
@media (max-width: 767px) {
.ishislider .owl-carousel .slider-content .main-title {
font-size: 20px;
line-height: 27px; } }
@media (max-width: 543px) {
.ishislider .owl-carousel .slider-content .main-title {
font-size: 15px;
line-height: 17px; } }
@media (max-width: 415px) {
.ishislider .owl-carousel .slider-content .main-title {
font-size: 12px; } }
@media (max-width: 375px) {
.ishislider .owl-carousel .slider-content .main-title {
font-size: 11px;
margin-bottom: 8px; } }
.ishislider .owl-carousel .slider-content .desc {
font-size: 15px;
line-height: 24px;
letter-spacing: 1.5px;
font-weight: 400;
font-family: 'Poppins', sans-serif; }
@media (max-width: 767px) {
.ishislider .owl-carousel .slider-content .desc {
display: none; } }
.ishislider .owl-carousel .slider-content .desc p {
font-size: 15px;
margin-bottom: 35px;
/* If media is below 1500 */ }
@media (max-width: 1499px) {
.ishislider .owl-carousel .slider-content .desc p {
font-size: 14px; } }
@media (max-width: 1199px) {
.ishislider .owl-carousel .slider-content .desc p {
font-size: 13px; } }
@media (max-width: 991px) {
.ishislider .owl-carousel .slider-content .desc p {
font-size: 10px;
margin-bottom: 15px;
line-height: 20px; } }
.ishislider .owl-carousel .slider-content .slider-btn span {
line-height: 1.4;
padding: 10px 20px; }
@media (max-width: 767px) {
.ishislider .owl-carousel .slider-content .slider-btn span {
font-size: 13px;
padding: 8px 20px; } }
@media (max-width: 543px) {
.ishislider .owl-carousel .slider-content .slider-btn span {
font-size: 12px;
padding: 7px 15px; } }
@media (max-width: 480px) {
.ishislider .owl-carousel .slider-content .slider-btn span {
font-size: 11px;
padding: 6px 12px; } }
@media (max-width: 415px) {
.ishislider .owl-carousel .slider-content .slider-btn span {
font-size: 10px;
padding: 3px 8px; } }
.ishislider .owl-carousel .owl-item.active .sub-title {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.7s; }
.ishislider .owl-carousel .owl-item.active .main-title {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.6s; }
.ishislider .owl-carousel .owl-item.active .desc {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.5s; }
.ishislider .owl-carousel .owl-item.active .slider-btn {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.4s; }
.ishislider .owl-carousel .owl-nav {
margin: 0;
position: unset;
/* If media is below 768 */ }
@media (max-width: 767px) {
.ishislider .owl-carousel .owl-nav {
display: none; } }
.ishislider .owl-carousel .owl-nav .owl-prev, .ishislider .owl-carousel .owl-nav .owl-next {
/* If media is below 992 */
position: absolute;
top: 45%;
left: 70px;
right: auto;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media (max-width: 991px) {
.ishislider .owl-carousel .owl-nav .owl-prev, .ishislider .owl-carousel .owl-nav .owl-next {
top: 44%; } }
.ishislider .owl-carousel .owl-nav .owl-prev i:before, .ishislider .owl-carousel .owl-nav .owl-next i:before {
color: #666;
font-size: 24px;
font-weight: 600;
text-align: center;
line-height: 30px; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav1, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1 {
/* If media is above 767 */
right: auto;
left: 50px;
border: none;
border-radius: 0;
padding: 2px;
margin: 4px;
width: 40px;
height: 42px;
outline: none;
box-shadow: none;
background: url(../img/Arrow.png) no-repeat 7px 0px;
background-color: transparent;
border: none; }
@media (min-width: 768px) {
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav1, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1 {
-moz-transform: translateX(-100px);
-webkit-transform: translateX(-100px);
-o-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px); } }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav1:hover, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1:hover {
background-position: 7px -65px;
background-color: transparent; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav1 i, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1 i {
display: none; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav2, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav2 {
margin: 4px;
left: 70px;
right: auto;
height: 40px;
width: 40px;
overflow: hidden;
opacity: 0;
border: 0;
border-radius: 0;
padding: 4px 5px;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
background: url(../img/arrow-1.png) no-repeat 12px 8px;
background-color: #fedb22;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav2:hover, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav2:hover {
background-color: #000;
background-position: 12px -17px; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav2 i, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav2 i {
display: none; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav3, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav3 {
border: none;
border-radius: 0;
padding: 2px;
margin: 4px;
left: 30px;
right: auto;
width: 40px;
height: 40px;
outline: none;
box-shadow: none;
background-color: #fedb22;
color: #000;
border: none;
transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0); }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav3:hover, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav3:hover {
background-color: #1f2d3d; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav3:hover i:before, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav3:hover i:before {
color: #fff; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav3 i:before, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav3 i:before {
color: #000;
font-size: 24px;
line-height: 34px; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav4, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav4 {
border: 0;
background-color: #fedb22;
border: 1px solid #fedb22;
padding: 9px;
margin: 4px;
left: 70px;
right: auto;
width: 38px;
height: 38px;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
/* If media is below 768 */ }
@media (max-width: 991px) {
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav4, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav4 {
top: 38%; } }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav4:hover, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav4:hover {
background-color: #1f2d3d;
border-color: #1f2d3d; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav4:hover i:before, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav4:hover i:before {
color: #fff; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav4 i:before, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav4 i:before {
content: "\f060";
font-size: 14px;
color: #000;
font-weight: 400;
line-height: 12px; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav5, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5 {
border: 1px solid #fedb22;
background-color: #fedb22;
border-radius: 30px;
padding: 10px;
margin: 4px;
left: 70px;
right: auto;
width: 38px;
height: 38px;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav5:hover, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5:hover {
background-color: #1f2d3d;
border-color: #1f2d3d; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav5:hover i:before, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5:hover i:before {
color: #fff; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav5:hover:after, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5:hover:after {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%); }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav5:after, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5:after {
content: "";
background: transparent;
border: 1px solid #fff;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav5 i:before, .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5 i:before {
font-size: 22px;
color: #000;
line-height: 16px; }
.ishislider .owl-carousel .owl-nav .owl-next {
right: 70px;
left: auto; }
.ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1 {
/* If media is above 767 */
right: 50px;
left: auto;
background-position: -64px 0px; }
@media (min-width: 768px) {
.ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1 {
-moz-transform: translateX(100px);
-webkit-transform: translateX(100px);
-o-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px); } }
.ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1:hover {
background-position: -64px -65px; }
.ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav2 {
right: 70px;
left: auto;
background-position: -23px 8px; }
.ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav2:hover {
background-position: -23px -17px; }
.ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav3 {
right: 30px;
left: auto; }
.ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav4 {
right: 70px;
left: auto; }
.ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav4 i:before {
content: "\f061"; }
.ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5 {
right: 70px;
left: auto; }
.ishislider .owl-carousel .owl-dots {
position: absolute;
bottom: 15px;
right: 0;
left: 0;
margin: 0 auto;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.ishislider .owl-carousel .owl-dots .owl-dot {
display: inline-block;
vertical-align: middle;
outline: none; }
.ishislider .owl-carousel .owl-dots .owl-dot span {
width: 12px;
height: 12px;
border: 1px solid #fedb22;
background: #fedb22;
margin: 0 5px;
display: block; }
@media (max-width: 543px) {
.ishislider .owl-carousel .owl-dots .owl-dot span {
width: 40px; } }
.ishislider .owl-carousel .owl-dots .owl-dot.active span {
background: #fff;
border-color: #fff; }
.ishislider .owl-carousel .owl-dots.ishi-style-dot1 .owl-dot span {
border-radius: 0; }
.ishislider .owl-carousel .owl-dots.ishi-style-dot2 .owl-dot span {
border-radius: 50%;
width: 12px;
height: 12px; }
.ishislider .owl-carousel .owl-dots.ishi-style-dot3 .owl-dot span {
width: 35px;
height: 4px;
border-radius: 0;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg); }
.ishislider .owl-carousel .owl-dots.ishi-style-dot4 .owl-dot span {
width: 25px;
height: 5px;
border-radius: 0; }
.ishislider .owl-carousel .owl-dots.ishi-style-dot5 .owl-dot span {
width: 25px;
height: 6px;
border-radius: 5px; }
.ishislider:hover:before {
width: 100%; }
.ishislider:hover .owl-carousel .owl-nav .owl-prev, .ishislider:hover .owl-carousel .owl-nav .owl-next {
opacity: 1;
left: 50px; }
.ishislider:hover .owl-carousel .owl-nav .owl-prev.ishi-style-nav1, .ishislider:hover .owl-carousel .owl-nav .owl-next.ishi-style-nav1 {
-moz-transform: translate(0);
-webkit-transform: translate(0);
-o-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0); }
.ishislider:hover .owl-carousel .owl-nav .owl-prev.ishi-style-nav3, .ishislider:hover .owl-carousel .owl-nav .owl-next.ishi-style-nav3 {
left: 30px;
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1); }
.ishislider:hover .owl-carousel .owl-nav .owl-next {
right: 50px;
left: auto; }
.ishislider:hover .owl-carousel .owl-nav .owl-next.ishi-style-nav3 {
right: 30px;
left: auto; }
.manufacturerblock .home-title {
display: none; }
.manufacturerblock .item {
text-align: center;
margin: -11px auto; }
.manufacturerblock .item img {
opacity: 0.8;
max-width: 200px;
display: inline-block; }
.manufacturerblock .item:hover img {
opacity: 1; }
.ishibannerblock {
display: block;
overflow: hidden;
position: relative; }
.ishibannerblock .bannerblock {
display: inline-block;
vertical-align: middle;
padding: 0; }
.ishibannerblock .bannerblock:nth-child(2n+2) .image-container .banner-desc .banner-data .banner-title {
color: #fff; }
.ishibannerblock .bannerblock:nth-child(2n+2) .image-container .banner-desc .banner-data .banner-subtitle {
color: #fff; }
.ishibannerblock .bannerblock:nth-child(2n+2) .image-container .banner-desc .banner-btn a {
color: #fff; }
.ishibannerblock .bannerblock:nth-child(2n+2) .image-container .banner-desc .banner-btn:hover {
color: #fff; }
.ishibannerblock .bannerblock:nth-child(2n+2) .image-container .banner-desc .banner-btn:before {
border-color: #fff; }
.ishibannerblock .bannerblock img {
max-width: 100%;
width: 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.ishibannerblock .bannerblock a {
display: block;
position: relative;
overflow: hidden;
margin: 0 auto;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
/* If media s below 544 */ }
@media (max-width: 767px) {
.ishibannerblock .bannerblock a {
width: 100%; } }
.ishibannerblock .bannerblock .banner-btn {
position: absolute;
bottom: 2px;
right: 10px;
display: inline-block;
vertical-align: middle; }
.ishibannerblock .bannerblock .banner-btn a {
background-color: transparent;
padding: 0;
box-shadow: none;
font-size: 14px;
border: none;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
/* If media is below 544 */ }
@media (min-width: 768px) and (max-width: 1199px) {
.ishibannerblock .bannerblock .banner-btn a {
font-size: 12px; } }
@media (max-width: 543px) {
.ishibannerblock .bannerblock .banner-btn a {
font-size: 12px; } }
.ishibannerblock .bannerblock .banner-btn a:hover {
background-color: transparent;
color: #000; }
.ishibannerblock .bannerblock .banner-btn:before {
content: '';
position: absolute;
bottom: -3px;
left: 50%;
right: 50%;
opacity: 0;
z-index: 11;
border-bottom: 1px solid #000;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.ishibannerblock .bannerblock .image-container {
display: block;
position: relative;
overflow: hidden;
margin: 0 auto;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
/* If media s below 544 */ }
@media (max-width: 767px) {
.ishibannerblock .bannerblock .image-container {
width: 100%; } }
.ishibannerblock .bannerblock .image-container .banner-desc {
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: auto;
width: 50%; }
@media (max-width: 767px) {
.ishibannerblock .bannerblock .image-container .banner-desc {
width: auto; } }
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data {
top: 32%;
position: relative;
padding: 5px 15px;
text-align: left;
overflow: hidden;
display: inline-block;
vertical-align: middle; }
@media screen and (min-width: 1400px) and (max-width: 1700px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data {
top: 23%; } }
@media (max-width: 1400px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data {
top: 20%; } }
@media (max-width: 991px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data {
top: 2%; } }
@media (max-width: 767px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data {
top: 10%; } }
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data .banner-title {
text-transform: capitalize;
font-weight: 500;
font-size: 58px;
line-height: 70px;
margin-bottom: 5px;
color: #000;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
/* If media is between 768 and 991 */
/* If media is below 544 */ }
@media screen and (max-width: 1700px) and (min-width: 1400px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data .banner-title {
font-size: 48px;
line-height: 60px; } }
@media screen and (max-width: 1400px) and (min-width: 1200px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data .banner-title {
font-size: 40px;
line-height: 50px; } }
@media screen and (min-width: 1090px) and (max-width: 1200px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data .banner-title {
font-size: 30px;
line-height: 40px; } }
@media screen and (min-width: 768px) and (max-width: 1090px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data .banner-title {
font-size: 23px;
line-height: 30px; } }
@media (max-width: 543px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data .banner-title {
font-size: 30px;
line-height: 25px; } }
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data .banner-subtitle {
text-transform: capitalize;
font-weight: 300;
font-size: 23px;
line-height: 30px;
color: #000;
/* If media is below 1200 */
/* If media is between 768 and 991 */
/* If media is below 768 */
/* If media is below 544 */ }
@media screen and (min-width: 1400px) and (max-width: 1760px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data .banner-subtitle {
font-size: 18px; } }
@media (max-width: 1400px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data .banner-subtitle {
font-size: 16px;
line-height: 20px; } }
@media (min-width: 768px) and (max-width: 1199px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data .banner-subtitle {
font-size: 14px;
line-height: 16px; } }
@media (max-width: 767px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data .banner-subtitle {
font-size: 23px;
line-height: 30px; } }
@media (max-width: 543px) {
.ishibannerblock .bannerblock .image-container .banner-desc .banner-data .banner-subtitle {
font-size: 16px;
line-height: 25px; } }
.ishibannerblock .bannerblock:hover .banner-btn:before {
left: 0;
right: 0;
opacity: 1; }
.ishiservicesblock {
/* If media is below 992 */
text-align: center;
padding: 20px 0; }
@media (max-width: 991px) {
.ishiservicesblock {
padding: 25px 0;
margin-bottom: 50px; } }
@media (max-width: 767px) {
.ishiservicesblock {
margin-bottom: 30px; } }
.ishiservicesblock .ishiservices {
display: block;
overflow: hidden;
position: relative;
text-align: center;
margin: 0 auto; }
.ishiservicesblock .ishiservices .services {
/* If media is below 768 */
/* If media is below 544 */
text-align: center;
cursor: pointer;
border-right: 1px solid rgba(0, 0, 0, 0.08); }
@media (max-width: 767px) {
.ishiservicesblock .ishiservices .services {
border-right: 0; } }
@media (max-width: 400px) {
.ishiservicesblock .ishiservices .services {
width: 100%;
text-align: left; } }
.ishiservicesblock .ishiservices .services:last-child {
border-right: 0; }
.ishiservicesblock .ishiservices .services:nth-child(4n+1) {
/* If media is below 992 */ }
@media (max-width: 991px) {
.ishiservicesblock .ishiservices .services:nth-child(4n+1) {
margin-bottom: 20px; } }
.ishiservicesblock .ishiservices .services:nth-child(4n+2) {
/* If media is below 992 */ }
@media (max-width: 991px) {
.ishiservicesblock .ishiservices .services:nth-child(4n+2) {
border-right: 0;
margin-bottom: 20px; } }
.ishiservicesblock .ishiservices .services:nth-child(4n+3) {
/* If media is below 768 */ }
@media (max-width: 767px) {
.ishiservicesblock .ishiservices .services:nth-child(4n+3) {
margin-bottom: 20px; } }
.ishiservicesblock .ishiservices .services .service-img {
width: 50px;
height: 50px;
background-position: center 0px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
text-align: center;
position: relative;
transition: all 400ms;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
/* If media is between 992 and 1199 */
/* If media is below 768 */
/* If media is below 768 */ }
@media screen and (min-width: 992px) and (max-width: 1199px) {
.ishiservicesblock .ishiservices .services .service-img {
display: block;
text-align: center;
margin: 0 auto 5px; } }
@media (max-width: 767px) {
.ishiservicesblock .ishiservices .services .service-img {
display: block;
text-align: center;
margin: 0 auto 5px; } }
@media (max-width: 400px) {
.ishiservicesblock .ishiservices .services .service-img {
display: inline-block;
vertical-align: middle;
text-align: left;
margin: 0; } }
.ishiservicesblock .ishiservices .services .service-block {
/* If media is above 1199 */
/* If media is between 992 and 1199 */
/* If media is between 768 and 991 */
/* If media is below 768 */
/* If media is below 768 */
display: inline-block;
vertical-align: middle;
text-align: left;
padding-left: 10px; }
@media (min-width: 1200px) {
.ishiservicesblock .ishiservices .services .service-block {
width: 79%; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
.ishiservicesblock .ishiservices .services .service-block {
display: block;
text-align: center;
padding: 0; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
.ishiservicesblock .ishiservices .services .service-block {
width: 79%; } }
@media (max-width: 767px) {
.ishiservicesblock .ishiservices .services .service-block {
display: block;
text-align: center;
padding: 0; } }
@media (max-width: 400px) {
.ishiservicesblock .ishiservices .services .service-block {
display: inline-block;
vertical-align: middle;
text-align: left;
padding-left: 5px;
width: 80%; } }
.ishiservicesblock .ishiservices .services .service-block .service-title {
font-size: 14px;
font-weight: 400;
color: #000;
margin-bottom: 5px;
font-family: 'Poppins', sans-serif;
transition: all 400ms ease;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease; }
.ishiservicesblock .ishiservices .services .service-block .service-desc {
display: block;
color: #6d6d6d;
font-weight: 400;
font-style: italic;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
/* If media is between 992 and 1330 */ }
@media screen and (min-width: 992px) and (max-width: 1330px) {
.ishiservicesblock .ishiservices .services .service-block .service-desc {
font-size: 12px; } }
@media (max-width: 400px) {
.ishiservicesblock .ishiservices .services .service-block .service-desc {
font-size: 12px; } }
.ishiservicesblock .ishiservices .services:hover .service-img {
background-position: center -58px; }
#view_text, #menu_text {
display: none; }
#_desktop_link_menu {
display: none;
/* If media is above 1199 */
/* If media is above 1199 */ }
@media (min-width: 1200px) {
#_desktop_link_menu {
display: none; } }
@media (min-width: 992px) {
#_desktop_link_menu {
position: relative;
display: inline-block;
vertical-align: middle;
float: left;
/* If media is below 1200 */ } }
@media (min-width: 992px) and (max-width: 1199px) {
#_desktop_link_menu {
top: 3px; } }
#header_ishiheaderlinks {
/* If media is below 992 */
position: relative;
display: inline-block;
vertical-align: middle; }
@media (max-width: 991px) {
#header_ishiheaderlinks {
padding: 0;
float: right; } }
#header_ishiheaderlinks .bullet {
padding: 13px 0;
margin: 0; }
#header_ishiheaderlinks .bullet li {
display: inline-block;
vertical-align: middle;
position: relative; }
#header_ishiheaderlinks .bullet li a {
/* If media is below 992 */
color: #fff;
font-size: 13px;
line-height: 16px;
font-weight: 400;
padding: 0 15px;
text-transform: capitalize;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
@media screen and (max-width: 1499px) and (min-width: 1200px) {
#header_ishiheaderlinks .bullet li a {
padding: 0 13px; } }
@media (max-width: 991px) {
#header_ishiheaderlinks .bullet li a {
margin: 0 8px; } }
#header_ishiheaderlinks .bullet li a:hover {
color: #fff; }
#header_ishiheaderlinks .bullet li a ul {
padding: 0; }
#header_ishiheaderlinks .bullet li .viewmore:before {
content: '\f0d7';
position: absolute;
top: 1px;
right: 0;
font-family: FontAwesome; }
#header_ishiheaderlinks .bullet li .headerlink-dropdown {
position: absolute;
top: 170%;
right: 0;
visibility: hidden;
background: #fff;
overflow: hidden;
text-align: left;
padding: 5px;
opacity: 0;
z-index: 2;
border: 1px solid #ebebeb;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
#header_ishiheaderlinks .bullet li .headerlink-dropdown ul {
padding: 0; }
#header_ishiheaderlinks .bullet li .headerlink-dropdown ul li {
line-height: 28px; }
#header_ishiheaderlinks .bullet li .headerlink-dropdown ul li a {
padding: 0 10px;
color: #000; }
#header_ishiheaderlinks .bullet li:hover .headerlink-dropdown {
top: 120%;
opacity: 1;
visibility: visible; }
#header_ishiheaderlinks .bullet.small {
display: none;
/* If media is below 1200 */
/* If media is below 992 */ }
@media (max-width: 1199px) {
#header_ishiheaderlinks .bullet.small {
display: block;
visibility: hidden;
opacity: 0;
padding: 10px;
top: 125%;
position: absolute;
left: 0;
z-index: 2;
background: #fff;
border: 1px solid #ebebeb;
width: auto;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; } }
@media (max-width: 991px) {
#header_ishiheaderlinks .bullet.small {
right: 0;
left: auto; } }
#header_ishiheaderlinks .bullet.small li {
display: block;
line-height: 28px;
text-align: left; }
#header_ishiheaderlinks .bullet.small li a {
padding: 0 10px;
margin: 0;
color: #000; }
#header_ishiheaderlinks .header-link {
/* If media is below 992 */
cursor: pointer;
position: relative;
padding: 3px 0; }
@media (max-width: 991px) {
#header_ishiheaderlinks .header-link {
padding: 0;
display: inline-block;
vertical-align: middle; } }
#header_ishiheaderlinks .link-icon {
/* If media is below 992 */
width: 40px;
height: 40px;
fill: #fff;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media (max-width: 991px) {
#header_ishiheaderlinks .link-icon {
fill: #fff; } }
#header_ishiheaderlinks .link-icon .wrapper-menu {
width: 18px;
height: 14px;
display: flex;
position: absolute;
top: 16px;
left: 0;
right: 0;
margin: 0 auto;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
transition: transform 330ms ease-out; }
#header_ishiheaderlinks .link-icon .wrapper-menu .line-menu {
border-radius: 5px;
width: 100%;
height: 2px;
background-color: #fff; }
#header_ishiheaderlinks .link-icon .wrapper-menu .line-menu.start {
transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
transform-origin: right; }
#header_ishiheaderlinks .link-icon .wrapper-menu .line-menu.half {
width: 50%; }
#header_ishiheaderlinks .link-icon .wrapper-menu .line-menu.end {
align-self: flex-end;
transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
transform-origin: left; }
#header_ishiheaderlinks .link-icon .wrapper-menu .line-menu:after {
content: '';
position: absolute;
left: 0;
width: 0;
height: 2px;
border-radius: 5px;
background: #fff;
transition: all 0.3s;
transition-delay: 0.1s; }
#header_ishiheaderlinks .link-icon .wrapper-menu .line-menu:nth-child(2n+1):after {
transition-delay: 0.2s; }
#header_ishiheaderlinks .link-icon .wrapper-menu .line-menu:nth-child(2n+2):after {
transition-delay: 0.3s; }
#header_ishiheaderlinks .link-icon .wrapper-menu .line-menu:nth-child(2n+3):after {
transition-delay: 0.4s;
right: 0;
left: auto; }
#header_ishiheaderlinks .small-title {
/* If media is below 992 */
margin: 0;
padding: 5px;
font-size: 14px;
font-weight: 400;
color: #fff;
position: relative;
display: inline-block;
vertical-align: middle; }
@media (max-width: 991px) {
#header_ishiheaderlinks .small-title {
display: none; } }
#header_ishiheaderlinks:hover .small {
/* If media is below 1200 */ }
@media (max-width: 1199px) {
#header_ishiheaderlinks:hover .small {
top: 100%;
opacity: 1;
visibility: visible; } }
@media (max-width: 991px) {
#header_ishiheaderlinks:hover .small {
top: 45px; } }
@media (max-width: 1199px) {
#header_ishiheaderlinks:hover .header-link .small {
top: 100%;
opacity: 1;
visibility: visible; } }
@media (max-width: 991px) {
#header_ishiheaderlinks:hover .header-link .small {
top: 113%; } }
.ishispecialblock {
overflow: hidden;
display: block;
text-align: center; }
.ishispecialblock:hover .home-title:before {
width: 90px; }
#_desktop_newsletter {
/* If media is below 992 */ }
@media (max-width: 991px) {
#_desktop_newsletter {
display: none; } }
#_mobile_newsletter {
/* If media is above 991 */ }
@media (min-width: 992px) {
#_mobile_newsletter {
display: none; } }
.block_newsletter {
/* If media is above 1500 */
/* If media is between 992 and 1199 */
overflow: hidden;
display: block; }
@media (min-width: 1500px) {
.block_newsletter {
width: 21%; } }
@media screen and (min-width: 992px) and (max-width: 1500px) {
.block_newsletter {
width: 24%; } }
.block_newsletter p {
margin: 2px 0; }
.block_newsletter .conditions {
display: none; }
.block_newsletter .alert-danger, .block_newsletter .alert-success {
padding: 4px 0;
margin: 4px 0;
font-size: 12px; }
.block_newsletter .newsletter_text .block-newsletter-label {
margin-bottom: 23px;
display: block;
margin-top: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: 0.5px;
font-size: 14px;
line-height: 27px;
color: #fff;
/* If media is between 992 and 1500 */
/* If media is below 992 */ }
@media screen and (min-width: 992px) and (max-width: 1500px) {
.block_newsletter .newsletter_text .block-newsletter-label {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px; } }
@media (max-width: 991px) {
.block_newsletter .newsletter_text .block-newsletter-label {
margin-bottom: 10px; } }
.block_newsletter .newsletter_form {
/* If media is below 992 */
text-align: center;
position: relative; }
@media (max-width: 991px) {
.block_newsletter .newsletter_form {
height: auto; } }
.block_newsletter .newsletter_form form {
/* If media is below 992 */
/* If media is below 768 */
/* If media is below 544 */ }
@media (max-width: 991px) {
.block_newsletter .newsletter_form form {
position: relative;
width: 70%;
margin: 0 auto; } }
@media (max-width: 767px) {
.block_newsletter .newsletter_form form {
width: 90%; } }
@media (max-width: 543px) {
.block_newsletter .newsletter_form form {
width: 100%; } }
.block_newsletter .newsletter_form .btn-submit {
height: 40px;
cursor: pointer;
background-color: #fedb22;
border: 1px solid #fedb22;
font-size: 15px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
color: #000;
border-radius: 4px;
padding: 6px;
margin-top: 10px;
line-height: 28px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
/* If media is below 992 */ }
.block_newsletter .newsletter_form .btn-submit:hover, .block_newsletter .newsletter_form .btn-submit:focus {
background-color: #1f2d3d;
color: #fff;
border-color: rgba(255, 255, 255, .1); }
@media (max-width: 991px) {
.block_newsletter .newsletter_form .btn-submit {
border-radius: 0 4px 4px 0; } }
.block_newsletter .newsletter_form .text-email {
/* If media is below 1199 */
width: 100%;
height: 40px;
border-radius: 4px;
border: 1px solid #eee;
color: #666;
padding: 10px;
background-color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400; }
@media (max-width: 1199px) {
.block_newsletter .newsletter_form .text-email {
font-size: 13px; } }
@media (max-width: 991px) {
.block_newsletter .newsletter_form .text-email {
padding-right: 110px; } }
.block_newsletter .newsletter_form .text-email:focus {
background-color: #fff; }
.block_newsletter .newsletter_form .text-email:placeholder {
color: #666; }
.ishileftbanner {
margin-bottom: 30px;
/* If media is below 992 */ }
@media (max-width: 991px) {
.ishileftbanner {
text-align: center;
margin-bottom: 15px; } }
.ishileftbanner .bannerblock {
position: relative;
margin-bottom: 30px;
/* If media is below 992 */ }
.ishileftbanner .bannerblock:last-child {
margin-bottom: 0; }
@media (max-width: 991px) {
.ishileftbanner .bannerblock {
display: inline-block;
vertical-align: middle; } }
.ishileftbanner .bannerblock a {
display: block;
position: relative;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.ishileftbanner .bannerblock a img {
width: 100%;
max-width: 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.ishipaymentblock {
/* If media is above 991 */
/* If media is below 992 */
text-align: right; }
@media (min-width: 992px) {
.ishipaymentblock {
margin: 25px 0; } }
@media (max-width: 991px) {
.ishipaymentblock {
padding: 5px 0 0;
text-align: center; } }
.ishipaymentblock .paymentblock {
/* If media is between 992 and 1199 */
display: inline-block;
vertical-align: middle;
margin: 0 2px; }
@media screen and (min-width: 992px) and (max-width: 1199px) {
.ishipaymentblock .paymentblock {
margin: 0 1px; } }
.ishipaymentblock .paymentblock img {
/* If media is below 768 */
border-radius: 0;
cursor: pointer;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; }
@media (max-width: 1199px) {
.ishipaymentblock .paymentblock img {
width: 40px; } }
.ishitestimonialsblock {
/* If media is below 992 */
color: #000;
position: relative;
padding-left: 0; }
@media (max-width: 991px) {
.ishitestimonialsblock {
padding-left: 15px; } }
.ishitestimonialsblock .home-title {
display: none; }
.ishitestimonialsblock ul {
padding: 0;
list-style: none; }
.ishitestimonialsblock .parallax {
padding: 15px;
position: relative; }
.ishitestimonialsblock .parallax:before {
/* If media is below 544 */
content: '';
position: absolute;
top: 15px;
bottom: 15px;
left: 50%;
right: 50%;
opacity: 0.3;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media (max-width: 543px) {
.ishitestimonialsblock .parallax:before {
left: 15px;
right: 15px; } }
.ishitestimonialsblock .parallax:after {
/* If media is below 544 */
content: '';
position: absolute;
left: 15px;
right: 15px;
top: 50%;
bottom: 50%;
opacity: 0.3;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media (max-width: 543px) {
.ishitestimonialsblock .parallax:after {
top: 15px;
bottom: 15px; } }
.ishitestimonialsblock .parallax:hover:before {
left: 15px;
right: 15px; }
.ishitestimonialsblock .parallax:hover:after {
top: 15px;
bottom: 15px; }
.ishitestimonialsblock .ishitestimonials-container {
padding: 45px 15px 30px 15px;
text-align: center;
background-repeat: no-repeat;
background-size: cover;
/* If media is between 1199 and 1366 */
/* If media is between 992 and 1199 */
/* If media is below 544 */ }
@media screen and (min-width: 1200px) and (max-width: 1365px) {
.ishitestimonialsblock .ishitestimonials-container {
padding: 30px 15px 20px 15px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
.ishitestimonialsblock .ishitestimonials-container {
padding: 20px 15px 15px 15px; } }
@media (max-width: 543px) {
.ishitestimonialsblock .ishitestimonials-container {
padding-bottom: 20px; } }
.ishitestimonialsblock .ishitestimonials-container .testimonial-img {
/* If media is below 1200 */
border-radius: 50%;
display: inline-block;
vertical-align: middle;
margin-bottom: 20px;
width: 100px;
height: 100px; }
@media (max-width: 1199px) {
.ishitestimonialsblock .ishitestimonials-container .testimonial-img {
margin-bottom: 15px; } }
.ishitestimonialsblock .ishitestimonials-container .testimonial-img img {
border-radius: 50%;
max-width: 100%; }
.ishitestimonialsblock .ishitestimonials-container .testimonial-desc {
position: relative; }
.ishitestimonialsblock .ishitestimonials-container .testimonial-desc .user-name {
text-transform: uppercase;
font-size: 16px;
display: block;
margin-bottom: 9px;
color: #fedb22;
font-weight: 500; }
.ishitestimonialsblock .ishitestimonials-container .testimonial-desc .user-designation {
/* If media is below 1200 */
/* If media is below 768 */
margin-bottom: 15px;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
display: block;
font-weight: 400; }
@media (max-width: 1199px) {
.ishitestimonialsblock .ishitestimonials-container .testimonial-desc .user-designation {
margin-bottom: 10px; } }
@media (max-width: 767px) {
.ishitestimonialsblock .ishitestimonials-container .testimonial-desc .user-designation {
margin-bottom: 15px; } }
.ishitestimonialsblock .ishitestimonials-container .testimonial-desc .user-description {
/* If media is between 992 and 1199 */
width: 85%;
margin: 0 auto;
font-weight: 400;
font-size: 14px;
line-height: 24px;
font-family: 'Montserrat', sans-serif;
color: #fff;
position: relative; }
@media screen and (min-width: 992px) and (max-width: 1199px) {
.ishitestimonialsblock .ishitestimonials-container .testimonial-desc .user-description {
letter-spacing: 0;
font-size: 13px; } }
.ishitestimonialsblock .owl-dots {
/* If media is below 1200 */
margin: 30px 0 30px;
display: block;
text-align: center;
opacity: 1;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
@media (max-width: 1199px) {
.ishitestimonialsblock .owl-dots {
margin: 23px 0 23px; } }
.ishitestimonialsblock .owl-dots .owl-dot {
display: inline-block;
margin: 0px 2px; }
.ishitestimonialsblock .owl-dots .owl-dot span {
display: block;
width: 10px;
height: 10px;
border: 1px solid #000;
cursor: pointer;
border-radius: 50%;
background: transparent; }
.ishitestimonialsblock .owl-dots .owl-dot.active span, .ishitestimonialsblock .owl-dots .owl-dot:hover span {
background: #000;
border: 1px solid #000; }
.ishitestimonialsblock .owl-dots .owl-dot.active span {
cursor: default; }
.ishistoreinfoblock {
/* If media is below 992 */
text-align: center;
display: block;
overflow: hidden; }
@media (max-width: 991px) {
.ishistoreinfoblock {
margin: 10px 0; } }
.ishistoreinfoblock .ishistoreinfo-inner .store-logo {
display: block;
margin-bottom: 20px;
text-align: center; }
.ishistoreinfoblock .ishistoreinfo-inner .store-logo img {
width: auto; }
.ishistoreinfoblock .ishistoreinfo-inner .store-logo:after {
display: none; }
.ishistoreinfoblock .ishistoreinfo-inner .store-description {
margin-bottom: 0; }
.ishistoreinfoblock .ishistoreinfo-inner .store-description p {
line-height: 24px;
font-size: 15px;
font-family: 'Poppins', sans-serif;
margin-bottom: 0;
color: #fff;
/* If media is above 1199 */ }
@media (min-width: 1200px) {
.ishistoreinfoblock .ishistoreinfo-inner .store-description p {
width: 85%;
margin: 0 auto; } }
.ishiproductsblock {
text-align: center; }
.ishiproductsblock:hover .home-title:before {
width: 90px; }
.products-block {
/* If media is below 992 */
display: block;
position: relative;
overflow: hidden;
margin-bottom: 50px; }
@media (max-width: 991px) {
.products-block {
margin-bottom: 40px; } }
.products-block .product-img {
/* If media is above 1199 */
/* If media is below 1200 */
/* If media is above 1199 */ }
@media (min-width: 1200px) {
.products-block .product-img {
width: 22%; } }
@media (max-width: 1199px) {
.products-block .product-img {
display: none; } }
.products-block .product-img img {
max-width: 100%;
width: 100%; }
.products-block .product-img a {
display: block;
position: relative;
overflow: hidden; }
@media (min-width: 1200px) {
.products-block .product-img.banner-left {
float: left; }
.products-block .product-img.banner-right {
float: right; } }
.products-block .product-info {
/* If media is above 1199 */
/* If media is above 1199 */
/* If media is below 1200 */
/* If media is below 544 */ }
@media (min-width: 1200px) {
.products-block .product-info.banner-left {
float: right; }
.products-block .product-info.banner-right {
float: left; } }
@media (min-width: 1200px) {
.products-block .product-info {
width: 78%; } }
@media (max-width: 1199px) {
.products-block .product-info {
width: 100%; } }
@media (max-width: 543px) {
.products-block .product-info {
padding: 0 10px; } }
.products-block .product-info .product-bgcolor {
background: #f7f7f7;
display: block;
position: relative;
overflow: hidden;
border: 1px solid #eee; }
.products-block .product-info .product-bgcolor .home-title {
/* If media is below 1500 */ }
@media (max-width: 991px) {
.products-block .product-info .product-bgcolor .home-title {
margin: 20px 0; } }
.products-block .product-info .product-thumbnail {
padding: 0;
display: block;
overflow: hidden;
position: relative;
width: 100%; }
.products-block .product-info .product-thumbnail .product-container {
/* If media is below 544 */
padding: 10px 15px 25px; }
@media (max-width: 543px) {
.products-block .product-info .product-thumbnail .product-container {
padding: 10px 5px 0px; } }
.products-block .product-info .product-thumbnail .product-container .product-thumb .caption {
padding: 16px 2px 16px; }
@media (max-width: 767px) {
.products-block .product-info .product-thumbnail .product-container .product-thumb .caption {
padding: 10px 2px 10px; } }
.products-block .countdown-container {
/* If media is above 1199 */ }
@media (min-width: 992px) {
.products-block .countdown-container {
padding: 2px; } }
.products-block .countdown-container .counter .data {
/* If media is above 1199 */ }
@media (min-width: 544px) and (max-width: 767px) {
.products-block .countdown-container .counter .data {
width: 45px; } }
@media (min-width: 992px) {
.products-block .countdown-container .counter .data {
font-size: 16px;
width: 35px;
height: 20px; } }
@media (min-width: 1200px) and (max-width: 1400px) {
.products-block .countdown-container .counter .data {
width: 25px;
font-size: 15px; } }
@media (min-width: 992px) {
.products-block .countdown-container .counter .lbl {
font-size: 11px; } }
@media (min-width: 1200px) and (max-width: 1400px) {
.products-block .countdown-container .counter .lbl {
font-size: 11px; } }
.products-block .owl-nav {
/* If media is below 768 */
/* If media is below 544 */
opacity: 0; }
@media (max-width: 767px) {
.products-block .owl-nav {
opacity: 1; } }
@media (max-width: 543px) {
.products-block .owl-nav {
margin-top: 10px; } }
.products-block .owl-nav .owl-prev, .products-block .owl-nav .owl-next {
/* If media s below 544 */
padding: 10px 0; }
@media (max-width: 543px) {
.products-block .owl-nav .owl-prev, .products-block .owl-nav .owl-next {
padding: 0;
margin-right: 5px; } }
.products-block:hover .owl-nav {
opacity: 1; }
.smartblog_block {
display: block;
position: relative;
margin-bottom: 0;
/*<------------------------------------------------------------------------------------>*/ }
.smartblog_block .home-title {
display: none; }
.smartblog_block #smartblog-carousel .owl-stage-outer .owl-item:nth-child(2n+1) .blog_content {
background: #f2f2f2; }
.smartblog_block #smartblog-carousel .owl-stage-outer .owl-item:nth-child(2n) .blog_content {
background: #f7f8f9; }
.smartblog_block .blog_post {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 100%; }
.smartblog_block .blog_post:hover .news_module_image_holder {
/* If media is above 767 */ }
@media (min-width: 768px) {
.smartblog_block .blog_post:hover .news_module_image_holder {
opacity: 1;
z-index: 1; } }
.smartblog_block .blog_post:hover .news_module_image_holder a img {
-webkit-transform-style: unset;
transform-style: unset; }
.smartblog_block .blog_post:hover .news_module_image_holder a .blog-hover {
opacity: 1; }
.smartblog_block .blog_post:hover .news_module_image_holder .blogicons {
opacity: 1; }
.smartblog_block .blog_post .news_module_image_holder {
display: block;
max-width: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
/* If media is above 767 */ }
@media (min-width: 768px) {
.smartblog_block .blog_post .news_module_image_holder {
opacity: 0; } }
.smartblog_block .blog_post .news_module_image_holder a {
display: block;
width: 100%;
overflow: hidden; }
.smartblog_block .blog_post .news_module_image_holder a img {
width: 100%;
max-width: 100%;
-webkit-transform-style: unset;
transform-style: unset;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s; }
.smartblog_block .blog_post .news_module_image_holder .blogicons {
display: none;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
text-align: center;
top: 45%;
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s; }
.smartblog_block .blog_post .news_module_image_holder .blogicons a {
display: inline-block;
float: none; }
.smartblog_block .blog_post .news_module_image_holder .blogicons a:hover i:before {
color: #fff;
background: #000;
border-color: #000; }
.smartblog_block .blog_post .news_module_image_holder .blogicons a i:before {
border: 1px solid #fff;
color: #fff;
font-size: 14px;
height: 40px;
margin: auto;
padding: 12px;
text-align: center;
width: 40px;
line-height: 13px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s; }
.smartblog_block .blog_post .blog_content {
/* If media is above 767 */
text-align: left;
opacity: 1;
color: #000; }
@media (min-width: 768px) {
.smartblog_block .blog_post .blog_content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; } }
.smartblog_block .blog_post .blog_content .blog_inner {
position: relative;
overflow: hidden;
padding: 10%;
/* If media is between 1400 and 1600 */
/* If media is between 1200 and 1400 */
/* If media is below 992 */
/* If media is below 768 */ }
@media screen and (min-width: 1400px) and (max-width: 1600px) {
.smartblog_block .blog_post .blog_content .blog_inner {
padding: 8%; } }
@media screen and (min-width: 1200px) and (max-width: 1399px) {
.smartblog_block .blog_post .blog_content .blog_inner {
padding: 6%; } }
@media (max-width: 991px) {
.smartblog_block .blog_post .blog_content .blog_inner {
padding: 8%; } }
@media (max-width: 767px) {
.smartblog_block .blog_post .blog_content .blog_inner {
padding: 30px 15px; } }
.smartblog_block .blog_post .blog_content .category {
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
text-transform: capitalize;
margin-bottom: 25px;
display: inline-block;
background: #fedb22;
color: #000;
padding: 10px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2); }
.smartblog_block .blog_post .blog_content .blog_title {
margin-bottom: 30px;
margin-top: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
/* If media is between 1400 and 1600 */
/* If media is between 992 and 1199 */
/* If media is below 992 */
/* If media is below 768 */ }
@media screen and (min-width: 1400px) and (max-width: 1600px) {
.smartblog_block .blog_post .blog_content .blog_title {
margin-bottom: 20px;
line-height: 32px; } }
@media screen and (min-width: 1200px) and (max-width: 1399px) {
.smartblog_block .blog_post .blog_content .blog_title {
margin-bottom: 15px; } }
@media (max-width: 991px) {
.smartblog_block .blog_post .blog_content .blog_title {
margin-bottom: 15px; } }
@media (max-width: 767px) {
.smartblog_block .blog_post .blog_content .blog_title {
margin-bottom: 15px; } }
.smartblog_block .blog_post .blog_content .blog_title a {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
font-weight: 600;
letter-spacing: 0.5px;
/* If media is between 1400 and 1600 */
/* If media is between 1200 and 1400 */
/* If media is below 1200 */
/* If media is below 992 */
/* If media is below 768 */ }
@media screen and (min-width: 1400px) and (max-width: 1600px) {
.smartblog_block .blog_post .blog_content .blog_title a {
font-size: 28px; } }
@media screen and (min-width: 1200px) and (max-width: 1399px) {
.smartblog_block .blog_post .blog_content .blog_title a {
font-size: 23px; } }
@media (max-width: 1199px) {
.smartblog_block .blog_post .blog_content .blog_title a {
font-size: 25px; } }
@media (max-width: 991px) {
.smartblog_block .blog_post .blog_content .blog_title a {
font-size: 21px; } }
@media (max-width: 767px) {
.smartblog_block .blog_post .blog_content .blog_title a {
font-size: 18px; } }
.smartblog_block .blog_post .blog_content .blog-desc {
margin-bottom: 30px;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.8px;
color: #666;
/* If media is between 1400 and 1600 */
/* If media is between 992 and 1199 */
/* If media is below 992 */ }
@media screen and (min-width: 1400px) and (max-width: 1600px) {
.smartblog_block .blog_post .blog_content .blog-desc {
margin-bottom: 20px;
font-size: 13px; } }
@media screen and (min-width: 1200px) and (max-width: 1399px) {
.smartblog_block .blog_post .blog_content .blog-desc {
margin-bottom: 15px;
font-size: 13px; } }
@media (max-width: 991px) {
.smartblog_block .blog_post .blog_content .blog-desc {
margin-bottom: 15px;
font-size: 13px; } }
.smartblog_block .blog_post .blog_content .view-blog {
display: none;
/* If media is below 992 */ }
@media (max-width: 991px) {
.smartblog_block .blog_post .blog_content .view-blog {
padding: 6px 14px; } }
.smartblog_block .blog_post .blog_content .date-comment {
/* iIf media is below 768 */
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
line-height: 35px;
display: inline-block;
background-color: #fff;
padding: 0 15px;
border-radius: 2px;
-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, .04); }
@media (max-width: 767px) {
.smartblog_block .blog_post .blog_content .date-comment {
padding: 0 3px; } }
.smartblog_block .blog_post .blog_content .date-comment span {
/* iIf media is below 668 */
display: inline-block;
vertical-align: middle;
color: #929292;
padding: 0 9px;
font-weight: 500;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.8px;
font-family: 'Poppins', sans-serif;
position: relative; }
@media (max-width: 667px) {
.smartblog_block .blog_post .blog_content .date-comment span {
font-size: 11px; } }
.smartblog_block .blog_post .blog_content .date-comment span a {
color: #929292; }
.smartblog_block .blog_post .blog_content .date-comment span:after {
content: "/";
position: absolute;
right: -3px;
top: 0;
color: #d2d2d2; }
.smartblog_block .blog_post .blog_content .date-comment span:last-child:after {
display: none; }
.smartblog_block .blog_post .blog_content .date-comment .date-time i {
display: none;
vertical-align: middle;
font-size: 14px;
color: #000;
padding-right: 5px; }
.smartblog_block .blog_post .blog_content .date-comment .write-comment {
display: inline-block; }
.smartblog_block .owl-nav {
margin: 0; }
.single-blog {
text-align: center;
/*<------------------------------------------------------------------------------------>*/ }
.single-blog .page-item-title {
margin-bottom: 30px; }
.single-blog .page-item-title h1 {
font-size: 22px;
text-transform: uppercase;
color: #000;
font-weight: 500;
font-family: 'Poppins', sans-serif;
margin: 0; }
.single-blog .blog-img img {
max-width: 100%;
height: auto;
text-align: center;
margin: 0 auto; }
.single-blog .blog-date {
display: none;
font-size: 15px;
position: relative;
text-transform: capitalize;
color: #000;
font-family: 'Poppins', sans-serif;
padding: 20px 0 0; }
.single-blog .blog-desc {
/* If media is below 992 */
padding: 30px 15px 20px;
font-family: 'Poppins', sans-serif;
margin: 0 auto;
width: 80%;
color: #323;
font-weight: 300;
font-size: 14px;
letter-spacing: 0.8px;
line-height: 20px; }
@media (max-width: 991px) {
.single-blog .blog-desc {
width: 100%; } }
.single-blog .smartblogcomments {
margin-bottom: 50px; }
.single-blog .smartblogcomments .reply-title {
margin-bottom: 15px;
font-weight: 500;
color: #000;
font-family: 'Poppins', sans-serif;
font-size: 20px; }
.single-blog .smartblogcomments .view-comment {
text-align: left;
padding: 15px 0;
margin-bottom: 15px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee; }
.single-blog .smartblogcomments .view-comment:last-child {
margin-bottom: 0; }
.single-blog .smartblogcomments .view-comment .user_icon {
display: inline-block;
vertical-align: middle; }
.single-blog .smartblogcomments .view-comment .user_icon i:before {
font-size: 70px;
color: #000; }
.single-blog .smartblogcomments .view-comment .user_list {
display: inline-block;
vertical-align: middle;
text-align: left;
margin-left: 10px; }
.single-blog .block-title .reply-title {
margin-bottom: 15px;
font-weight: 500;
color: #000;
font-family: 'Poppins', sans-serif;
font-size: 20px; }
.single-blog #add-comment .form-horizontal .control-label {
text-align: left; }
.single-blog #add-comment .form-horizontal .form-control {
border-color: #eee; }
.single-blog #add-comment .form-horizontal .form-control:last-child {
margin-bottom: 0; }
.single-blog #add-comment .form-horizontal .form-group {
margin: 15px; }
.single-blog #add-comment .form-horizontal .submit-btn {
margin-top: 20px; }
.all-blog {
text-align: center;
margin: 0 auto; }
.all-blog h1 {
display: none; }
.all-blog .sdsarticleCat {
/* If media is above 991 */
display: block;
overflow: hidden;
margin-bottom: 30px;
text-align: center; }
@media (min-width: 992px) {
.all-blog .sdsarticleCat {
text-align: left; } }
.all-blog .sdsarticleCat > div {
font-family: 'Poppins', sans-serif;
font-size: 14px;
color: #000;
font-weight: 400;
line-height: 20px; }
.all-blog .sdsarticleCat .blog-content {
margin-bottom: 30px;
display: block;
overflow: hidden;
/* If media is below 992 */ }
@media (max-width: 991px) {
.all-blog .sdsarticleCat .blog-content {
margin-bottom: 20px; } }
.all-blog .sdsarticleCat .articleContent:last-child {
margin-bottom: 0; }
.all-blog .sdsarticleCat .articleContent .post_hover {
display: none; }
.all-blog .sdsarticleCat .articleContent .blog-image img {
text-align: center;
margin: 0 auto; }
.all-blog .sdsarticleCat .smartblog-desc {
/* If media is below 992 */
/* If media is below 1200 */
position: relative;
top: 18px; }
@media (max-width: 991px) {
.all-blog .sdsarticleCat .smartblog-desc {
padding: 15px; } }
@media (max-width: 1199px) {
.all-blog .sdsarticleCat .smartblog-desc {
top: 0; } }
.all-blog .sdsarticleCat .smartblog-desc .blog-date-comment {
/* If media is below 1200 */
margin-bottom: 15px; }
@media (max-width: 1199px) {
.all-blog .sdsarticleCat .smartblog-desc .blog-date-comment {
margin-bottom: 10px; } }
.all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .blog-title {
/* If media is below 1200 */
margin: 0 0 15px; }
@media (max-width: 1199px) {
.all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .blog-title {
margin: 15px 0; } }
.all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .blog-title a {
font-size: 20px;
text-transform: uppercase;
color: #000;
font-weight: 400;
text-decoration: none; }
.all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .blog-date {
display: block;
margin-bottom: 15px;
font-size: 15px;
position: relative; }
.all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .comment-wrapper {
display: block; }
.all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .comment-wrapper span {
font-size: 15px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
position: relative;
text-transform: capitalize;
color: #000;
line-height: 25px; }
.all-blog .sdsarticleCat .smartblog-desc .blog-desc {
/* If media is below 1200 */
display: block;
margin-bottom: 15px;
color: #666;
line-height: 24px; }
@media (max-width: 1199px) {
.all-blog .sdsarticleCat .smartblog-desc .blog-desc {
margin-bottom: 10px; } }
.all-blog .sdsarticleCat .smartblog-desc .read-more a {
text-decoration: none;
font-size: 14px;
font-weight: 400;
border: 0;
background: #fedb22;
color: #000;
text-transform: uppercase;
padding: 5px 15px;
border-radius: 0;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.all-blog .sdsarticleCat .smartblog-desc .read-more a:hover {
background: #1f2d3d;
color: #fff; }
#ishioffersblock {
/* If media is below 1200 */
/* If media is below 992 */
float: right;
color: #fff;
padding: 0 15px;
overflow: hidden;
width: 28%; }
@media screen and (min-width: 1200px) and (max-width: 1499px) {
#ishioffersblock {
width: 31%; } }
@media (max-width: 1199px) {
#ishioffersblock {
width: 43%; } }
@media (max-width: 991px) {
#ishioffersblock {
display: none; } }
#ishioffersblock .offer-title {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: #fedb22;
margin: 0;
padding: 14px 15px;
background: #2a3847;
float: left;
margin-right: 15px; }
@media screen and (min-width: 991px) and (max-width: 1500px) {
#ishioffersblock .offer-title {
font-size: 12px;
margin-right: 8px;
line-height: 18px;
padding: 14px 10px; } }
#ishioffersblock #typed {
position: relative;
top: 13px;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase; }
#ishioffersblock #typed-strings {
display: inline-block;
vertical-align: middle; }
#ishioffersblock #typed-strings p {
list-style: none;
font-weight: 400;
font-size: 12px;
color: #fff;
display: block;
margin: 0;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase; }
#ishioffersblock #typed-strings p:hover {
color: #fff; }
.linklist_block {
/* If media is below 992 */
padding-right: 30px;
position: relative;
overflow: hidden;
text-align: center; }
@media (max-width: 991px) {
.linklist_block {
padding-right: 15px; } }
.linklist_block .linklist {
position: relative;
overflow: hidden;
display: block;
margin-bottom: 30px;
border: 1px solid #eee;
background: #f7f7f7; }
.linklist_block .linklist:last-child {
margin-bottom: 0; }
.linklist_block .linklist .link-img {
padding: 0 6px; }
.linklist_block .linklist .link-img img {
max-width: 100%;
width: auto;
text-align: center;
margin: 0 auto; }
.linklist_block .linklist .linklist-desc {
font-size: 13px;
font-family: 'Montserrat', sans-serif;
line-height: 26px;
position: relative;
top: 24px;
padding: 0 6px;
text-align: left; }
.linklist_block .linklist .linklist-desc h3 {
/* If media is below 1200 */
color: #1f2d3d;
font-size: 16px;
margin-bottom: 15px;
font-weight: 400;
text-align: left;
margin-top: 0;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media (max-width: 1199px) {
.linklist_block .linklist .linklist-desc h3 {
font-size: 15px; } }
.linklist_block .linklist .linklist-desc ul {
display: block;
margin-bottom: 0; }
.linklist_block .linklist .linklist-desc ul li {
position: relative;
list-style: none;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.linklist_block .linklist .linklist-desc ul li a {
color: #6d6d6d;
text-decoration: none;
font-size: 13px;
position: relative;
overflow: hidden;
letter-spacing: 0.5px;
font-weight: 400;
font-style: italic;
padding-left: 20px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.linklist_block .linklist .linklist-desc ul li a:before {
content: "";
position: absolute;
left: 0;
top: 0;
opacity: 1;
width: 16px;
height: 16px;
background: url("../../../../../OPC002L01/image/catalog/star.png") no-repeat center;
border-radius: 0;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s; }
.linklist_block .linklist .linklist-desc ul li:hover a {
color: #000;
padding-left: 0; }
.linklist_block .linklist .linklist-desc ul li:hover a:before {
opacity: 0; }
#ishispecialdeals-icon {
/* If media is below 544 */
width: 50px;
height: 50px;
z-index: 99;
position: fixed;
bottom: 20px;
left: 20px; }
@media (max-width: 543px) {
#ishispecialdeals-icon {
display: none; } }
#ishispecialdeals-icon:after {
background: url("../../../../../OPC002L01/image/catalog/dealicon.png") no-repeat center;
background-size: 40px;
animation-duration: 2.5s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-name: bounce;
content: "";
position: absolute;
width: 50px;
height: 50px; }
#ishispecialdeals-icon:hover .ishispecialdeals {
opacity: 1;
visibility: visible;
left: 20px; }
.ishispecialdeals {
z-index: 98;
width: 420px;
opacity: 0;
position: fixed;
bottom: 20px;
left: 50px;
visibility: hidden;
border: 1px solid #eee;
padding: 15px;
border-radius: 4px;
background: #f7f7f7;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: opacity 0.5s, left 0.5s, right 0.5s, visibility 0.5s;
-o-transition: opacity 0.5s, left 0.5s, right 0.5s, visibility 0.5s;
transition: opacity 0.5s, left 0.5s, right 0.5s, visibility 0.5s; }
.ishispecialdeals .product-thumb {
padding: 0; }
.ishispecialdeals .product-thumb .image a:hover {
animation: none !important;
mask-image: none !important;
mask-size: unset !important;
-webkit-mask-image: none !important;
-webkit-mask-size: unset !important; }
.ishispecialdeals .product-thumb .caption {
text-align: left;
padding: 0; }
.ishispecialdeals .product-thumb .caption h4 a {
color: #000 !important; }
.ishispecialdeals .product-thumb .caption h4 a:hover {
animation: none !important;
mask-image: none !important;
mask-size: unset !important;
-webkit-mask-image: none !important;
-webkit-mask-size: unset !important; }
.ishispecialdeals .product-thumb .caption .price {
opacity: 1; }
.ishispecialdeals .product-thumb .caption .rating {
position: relative;
text-align: left;
margin-bottom: 5px;
opacity: 1;
top: 0; }
.ishispecialdeals .product-thumb .caption .button-group {
position: unset;
display: block;
width: auto;
height: auto; }
.ishispecialdeals .product-thumb .caption .button-group .btn-quickview, .ishispecialdeals .product-thumb .caption .button-group .btn-cart {
opacity: 1;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.ishispecialdeals .product-thumb .caption .button-group .btn-quickview svg, .ishispecialdeals .product-thumb .caption .button-group .btn-cart svg {
display: none; }
.ishispecialdeals .product-thumb .caption .button-group > div {
display: inline-block;
vertical-align: middle; }
.ishispecialdeals .product-thumb .caption .button-group > div .quickbox, .ishispecialdeals .product-thumb .caption .button-group > div button {
background-image: none;
width: auto;
height: auto;
padding: 9px 20px;
line-height: 14px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
font-family: 'Poppins', sans-serif; }
.ishispecialdeals .product-thumb .caption .button-group > div .quickbox span, .ishispecialdeals .product-thumb .caption .button-group > div button span {
display: block !important; }
.ishispecialdeals .product-thumb .caption .button-group > div .quickbox {
background-color: #fedb22;
color: #000; }
.ishispecialdeals .product-thumb .caption .button-group > div .quickbox:hover {
background-color: #1f2d3d;
color: #fff; }
.ishispecialdeals .product-thumb .caption .button-group .btn-cart {
position: unset;
background-color: #1f2d3d;
color: #fff; }
.ishispecialdeals .product-thumb .caption .button-group .btn-cart:hover {
background-color: #fedb22;
color: #000; }
.ishispecialdeals .product-thumb .caption .button-group .btn-wishlist, .ishispecialdeals .product-thumb .caption .button-group .btn-compare {
display: none; }
.ishispecialdeals .product-thumb .caption .countdown-container {
position: unset;
width: 80%;
margin-bottom: 15px;
margin-left: 0; }
.ishispecialdeals .product-thumb .caption .countdown-container .countdown-text {
display: none; }
.ishispecialdeals .product-thumb .caption .countdown-container .counter {
position: relative; }
.ishispecialdeals .product-thumb .caption .countdown-container .counter span {
display: block; }
.ishispecialdeals .product-thumb .caption .countdown-container .counter:last-child .data:after {
display: none; }
.ishispecialdeals .product-thumb .caption .countdown-container .counter .data {
font-size: 16px;
width: 40px;
height: 23px; }
.ishispecialdeals .product-thumb .caption .countdown-container .counter .data:after {
content: ':';
position: absolute;
right: -3px;
top: 0;
color: #666; }
.ishispecialdeals .product-thumb .caption .countdown-container .counter .lbl {
font-size: 12px; }
.ishispecialdeals .product-thumb:hover .countdown-container {
opacity: 1; }
.ishispecialdeals .owl-dots {
position: relative;
margin: 0 auto;
margin-top: 10px;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.ishispecialdeals .owl-dots .owl-dot {
display: inline-block;
vertical-align: middle;
outline: none; }
.ishispecialdeals .owl-dots .owl-dot span {
width: 12px;
height: 12px;
border: 0;
border-radius: 50%;
background: #1f2d3d;
margin: 0 3px;
display: block; }
.ishispecialdeals .owl-dots .owl-dot.active span {
background : #fedb22; }
#information-information #content h2 {
margin-top: 0; }
#information-information #content b {
margin-bottom: 10px;
position: relative;
display: block;
color: #333;
font-size: 15px; }
#information-information #content p {
letter-spacing: 1.3px;
font-size: 13px;
line-height: 24px;
font-weight: 400;
color: #787878; }
#information-information #content ul, #information-information #content ol {
margin-bottom: 18px;
padding-left: 26px; }
#information-information #content ul li, #information-information #content ol li {
color: #787878;
line-height: 24px;
font-size: 13px;
padding-left: 3px;
letter-spacing: 1.3px;
font-weight: 400; }
#information-information #content blockquote {
text-align: left;
line-height: 26px;
color: #787878;
margin-bottom: 0;
letter-spacing: 0.2px;
font-weight: 500;
font-size: 13px;
border-left: 3px solid #e5e5e5;
margin-left: 15px; }
@media (max-width: 991px) {
#information-information #content blockquote {
margin-bottom: 15px; } }
#information-information #content blockquote p {
font-size: 14px; }
.quickview {
background: #fff;
padding: 15px 0;
display: block;
overflow: hidden;
position: relative; }
.quickview .quickview-container .productpage-quickview {
width: 100%; }
.quickview .quickview-container .productpage-quickview .product-left {
float: left; }
.quickview .quickview-container .productpage-quickview .product-right {
float: right;
clear: none !important; }
.quickview .quickview-container .productpage-quickview .product-right .product-title {
font-weight: 600;
padding: 0 0 5px; }
.quickview .quickview-container .productpage-quickview .product-right .rating-wrapper {
margin: 0 0 15px;
clear: both;
padding: 0; }
.quickview .quickview-container .productpage-quickview .product-right .rating-wrapper .review-count, .quickview .quickview-container .productpage-quickview .product-right .rating-wrapper .write-review {
display: none; }
.quickview .quickview-container .productpage-quickview .product-right .list-unstyled.attr {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
padding: 20px 0;
margin: 0 0 20px; }
.quickview .quickview-container .productpage-quickview .product-right .list-unstyled.attr li {
line-height: 28px;
font-size: 14px;
color: #666; }
.quickview .quickview-container .productpage-quickview .product-right .list-unstyled.attr li .desc {
margin-right: 10px;
text-transform: capitalize;
color: #000; }
.quickview .quickview-container .productpage-quickview .product-right .list-unstyled.attr li a {
color: #666;
text-decoration: none; }
.quickview .quickview-container .productpage-quickview .product-right .list-unstyled.price li {
line-height: 15px;
padding: 3px 0;
font-size: 15px;
color: #808080; }
.quickview .quickview-container .productpage-quickview .product-right .list-unstyled.price .special-price {
color: #000;
font-size: 24px;
font-weight: 500;
line-height: 30px;
margin-top: 10px; }
.quickview .quickview-container .productpage-quickview .product-right .list-unstyled.price .input-group {
display: inline-flex; }
.quickview .quickview-container .productpage-quickview .product-right .list-unstyled.price .input-group .input-group-btn .btn-default {
line-height: 18px; }
.quickview .quickview-container .productpage-quickview .product-right #product2 .form-group .control-label {
margin: 8px 8px 8px 0; }
.quickview .quickview-container .productpage-quickview .product-right #product2 .form-group .form-control {
display: inline-block;
vertical-align: middle;
line-height: 20px; }
.quickview .quickview-container .productpage-quickview .product-right #product2 .form-group button {
width: auto;
display: inline-block;
vertical-align: middle; }
.quickview .quickview-container .productpage-quickview .product-right .addthis_toolbox a {
margin: 0; }
body {
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #232323;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.5px; }
* {
outline: 0 !important; }
*:focus {
outline: 0 !important; }
*:active {
outline: 0 !important; }
h1, h2, h3, h4, h5, h6 {
color: #333; }
p {
color: #888;
/* default font size */ }
.fa {
font-size: 14px;
/* Override the bootstrap defaults */ }
h1 {
font-size: 33px; }
h2 {
font-size: 27px; }
h3 {
font-size: 21px; }
h4 {
font-size: 15px; }
h5 {
font-size: 12px; }
h6 {
font-size: 10.2px; }
a {
color: #000;
outline: none; }
a:hover {
color: #1f2d3d;
text-decoration: none;
outline: none; }
a:focus {
outline: none;
color: #1f2d3d;
text-decoration: none; }
ul, .list-unstyled {
padding: 0; }
.form-control {
box-shadow: none;
border-radius: 0;
margin: 0 0 5px;
border-color: #e9e9e9;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.form-control:focus {
box-shadow: none;
border-color: #ccc; }
.form-horizontal .control-label {
/* If media is above 767 */ }
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: left; } }
input[type="checkbox"] {
position: relative;
top: 0;
margin: 3px 2px 0px 2px;
vertical-align: middle; }
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #e9e9e9;
border-radius: 0;
box-shadow: none; }
legend {
font-size: 18px;
padding: 7px 0px; }
label {
font-size: 14px;
font-weight: 400;
color: #232323; }
.panel-heading {
padding: 15px; }
select.form-control, textarea.form-control {
font-size: 12px; }
input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
font-size: 12px; }
.input-group {
/* Fix some bootstrap issues */
/*span {
&.hidden-xs, &.hidden-sm, &.hidden-md, &.hidden-lg {
display: inline;
}
}*/ }
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
font-size: 12px; }
.input-group .input-group-addon {
font-size: 12px;
height: 30px; }
.popover {
font-family: inherit; }
.nav-tabs {
margin-bottom: 15px; }
div.required .control-label:before {
content: '* ';
color: #f00;
font-weight: bold;
/* Gradent to all drop down menus */ }
.dropdown-menu li > a:hover {
text-decoration: none;
outline: none;
background-color: transparent; }
@media (max-width: 991px) {
#_mobile_column_left > #column-left, #_mobile_column_right > #column-left, #_mobile_column_left #column-right, #_mobile_column_right #column-right {
float: left;
width: 100%;
padding: 0;
display: block !important; }
#content {
float: left;
width: 100%; } }
section {
margin-bottom: 50px;
/* If media is below 992 */ }
@media (max-width: 991px) {
section {
margin-bottom: 40px; } }
.clearfix {
clear: both; }
#menu_wrapper {
/* header-before */ }
#menu_wrapper.active {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 3;
background: rgba(0, 0, 0, .2);
cursor: pointer; }
#header-before {
/* If media is below 768 */
/* header */ }
#header-before .page-title {
display: none; }
@media (max-width: 767px) {
#header-before {
display: none; } }
#header {
color: #fff;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 13px;
letter-spacing: 0.6px; }
.header-nav {
background: #2a3847; }
.header-nav #ishiheaderblock {
padding: 6px 0;
color: #f8f8f8;
font-size: 13px;
font-weight: 400;
position: relative;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
/* If media is below 992 */ }
@media (max-width: 991px) {
.header-nav #ishiheaderblock {
padding-bottom: 0; } }
.header-nav #ishiheaderblock > div {
display: inline-block;
vertical-align: middle; }
.header-nav #ishiheaderblock > div span {
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
fill: #fff; }
.header-nav .left-nav {
text-align: left; }
@media (max-width: 991px) {
.header-nav .left-nav {
display: none; } }
.header-nav .left-nav > div {
display: inline-block;
vertical-align: middle; }
.header-nav .right-nav {
/* If media is below 992 */
text-align: right; }
@media (max-width: 991px) {
.header-nav .right-nav {
text-align: center; } }
.header-nav .right-nav > div {
display: inline-block;
vertical-align: middle;
padding: 12px 8px;
padding-right: 0;
/* If media is below 992 */ }
@media (max-width: 991px) {
.header-nav .right-nav > div {
padding: 10px 3px; } }
.header-nav .right-nav > div:last-child {
padding-right: 0; }
.header-top {
background: #1f2d3d;
border-bottom: 1px solid;
border-color: rgba(255, 255, 255, 0.05);
/* If media is below 1200 */
/* If media is below 992 */ }
@media (max-width: 1199px) {
.header-top {
padding: 20px 0;
border: none; } }
@media (max-width: 991px) {
.header-top {
padding: 0;
display: none; } }
.header-top > .container {
position: relative; }
.header-top > .container > .row {
/* If media is above 543 */ }
@media (min-width: 544px) {
.header-top > .container > .row {
display: flex;
align-items: center; } }
.header-top .desktop-logo {
max-width: 240px;
position: relative;
margin-right: auto;
/* If media is below 544 */ }
@media (max-width: 543px) {
.header-top .desktop-logo {
text-align: center;
margin: 0 auto; } }
.header-top .desktop-logo h1 {
margin: 0; }
.header-top .desktop-logo img {
/* If media is below 544 */ }
@media (max-width: 1199px) {
.header-top .desktop-logo img {
width: 160px; } }
@media (max-width: 543px) {
.header-top .desktop-logo img {
text-align: center;
margin: 0 auto; } }
.header-top .header-top-right {
/* If media is above 543 */ }
@media (max-width: 991px) {
.header-top .header-top-right {
display: none; } }
.header-top .header-top-right .header-right-container {
/* If media is above 543 */ }
@media (min-width: 544px) {
.header-top .header-top-right .header-right-container {
display: flex;
align-items: center; } }
#_mobile_user_info {
/* Nav full width fixed header */ }
@media (min-width: 992px) {
#_mobile_user_info {
display: none; } }
@media (max-width: 991px) {
.nav-full-height {
min-height: 80px; } }
.nav-full-width {
padding: 5px 0;
background-color: #1f2d3d;
position: relative;
/* If media is below 992 */
/* Nav full width fixed header End*/ }
@media (max-width: 991px) {
.nav-full-width {
background-color: #1f2d3d;
padding: 15px 0; } }
.nav-full-width > .container {
position: relative; }
@media (max-width: 991px) {
.nav-full-width > .container > .row {
display: flex;
align-items: center; } }
.nav-full-width.fixed-header {
background-color: #fedb22;
position: fixed;
top: 0;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
z-index: 9999999;
box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.1);
animation: slide-down 0.7s;
-moz-animation: slide-down 0.7s;
-webkit-animation: slide-down 0.7s;
-o-animation: slide-down 0.7s;
overflow: visible;
/* If media is below 992 */ }
@media (max-width: 991px) {
.nav-full-width.fixed-header {
background-color: #1f2d3d;
padding: 10px 0; } }
.wrapper-right {
/* If media is above 991 */
/* If media is between 992 and 1199 */
/* If media is between 992 and 1199 */
/* If media is below 1200 */
/* contact info */ }
@media (min-width: 992px) {
.wrapper-right {
display: inline-block;
vertical-align: middle;
border-color: rgba(255, 255, 255, 0.05);
border-style: solid;
border-width: 1px 1px 0 1px;
padding: 1px 0;
width: 31%; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
.wrapper-right {
padding: 0 15px;
border: none; } }
@media screen and (min-width: 1200px) and (max-width: 1400px) {
.wrapper-right {
width: 38%; } }
@media (max-width: 1199px) {
.wrapper-right {
text-align: right;
padding: 0; } }
.contact-num {
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
padding: 4px 10px;
border-right: 1px solid;
border-color: rgba(255, 255, 255, 0.05);
white-space: nowrap;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
/* If media is below 1200 */
/* If media is between 992 and 1200 */
/* If media is below 992 */
/* If media is below 544 */
/* language, currency Start */ }
@media (max-width: 1199px) {
.contact-num {
border: none; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
.contact-num {
display: none; } }
@media (max-width: 991px) {
.contact-num {
padding: 0; } }
@media (max-width: 543px) {
.contact-num {
display: none; } }
.contact-num .call-img {
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
fill: #fff; }
.contact-num .call-num {
display: inline-block;
vertical-align: middle;
padding: 5px;
color: #fff;
font-family: 'Montserrat', sans-serif; }
.contact-num:hover .call-img {
/* If media is below 1199 */ }
@media (min-width: 1200px) {
.contact-num:hover .call-img {
fill: #fff; } }
.currency-selector, .language-selector {
white-space: nowrap;
display: inline-block;
vertical-align: middle;
line-height: 1.1;
font-family: 'Montserrat', sans-serif; }
.currency-selector .dropdown-menu, .language-selector .dropdown-menu {
left: auto;
right: 0;
top: 29px;
padding: 5px 7px;
margin: 0;
font-size: 14px;
border-radius: 0;
/* If media is below 992 */
/* If media is below 544 */ }
@media (max-width: 991px) {
.currency-selector .dropdown-menu, .language-selector .dropdown-menu {
top: 25px; } }
@media (max-width: 543px) {
.currency-selector .dropdown-menu, .language-selector .dropdown-menu {
min-width: 100px; } }
.currency-selector li, .language-selector li {
text-decoration: none; }
.currency-selector li img, .language-selector li img {
padding-right: 8px; }
.currency-selector li a, .language-selector li a, .currency-selector li button, .language-selector li button {
padding: 3px 10px;
text-align: left;
font-size: 12px;
color: #888;
font-weight: 500;
outline: none;
transition: all 0.5s; }
.currency-selector li a:hover, .language-selector li a:hover, .currency-selector li button:hover, .language-selector li button:hover {
color: #000; }
.currency-selector a, .language-selector a {
color: #f8f8f8;
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 13px; }
.currency-selector .language-selector-label, .language-selector .language-selector-label, .currency-selector .currency-selector-label, .language-selector .currency-selector-label {
display: none; }
#_desktop_user_info {
/* If media is between 992 and 1200 */
/* If media is below 992 */
display: inline-block;
vertical-align: middle;
position: relative;
padding: 4px 5px; }
@media screen and (min-width: 992px) and (max-width: 1199px) {
#_desktop_user_info {
padding: 4px 8px; } }
@media (max-width: 991px) {
#_desktop_user_info {
display: none; } }
.user-info {
cursor: pointer;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.user-info:hover .account-logo {
/* If media is above 1199 */ }
@media (min-width: 1200px) {
.user-info:hover .account-logo {
fill: #fff; } }
@media (max-width: 991px) {
.user-info {
margin: 0;
position: relative;
line-height: 1.1; } }
@media (min-width: 992px) {
.user-info .account-logo {
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
fill: #fff; } }
@media (max-width: 991px) {
.user-info a {
color: #f8f8f8;
font-size: 13px;
display: inline-block;
vertical-align: middle; } }
.user-info a .account-name {
/* If media is between 992 and 1199 */ }
@media screen and (min-width: 992px) and (max-width: 1199px) {
.user-info a .account-name {
display: none; } }
@media (min-width: 992px) {
.user-info a .account-name {
display: inline-block;
vertical-align: middle;
padding: 5px;
color: #fff;
font-family: 'Montserrat', sans-serif; } }
.user-info a i {
margin-left: 3px; }
.user-info .dropdown-menu {
top: 45px;
padding: 5px 7px;
margin: 0;
right: 0;
left: auto;
border-radius: 0;
min-width: 160px;
border: none;
/* If media is below 992 */ }
@media (max-width: 991px) {
.user-info .dropdown-menu {
top: 27px; } }
.user-info .dropdown-menu li a {
display: block;
line-height: 26px;
padding: 3px 10px;
font-size: 12px;
color: #888;
font-weight: 500;
transition: all 0.5s; }
.user-info .dropdown-menu li a:hover {
color: #000; }
.dropdown-backdrop {
display: none;
/* cart */ }
#_desktop_cart {
display: none;
/* If media is above 991 */
/* If media is between 992 and 1199 */ }
@media (min-width: 992px) {
#_desktop_cart {
display: inline-block;
vertical-align: middle;
text-align: center;
position: relative;
padding: 4px 0;
width: 100%;
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.05); } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
#_desktop_cart {
width: auto;
border: none; } }
.blockcart {
/* If media is below 992 */
cursor: pointer;
display: inline-block;
vertical-align: middle;
text-align: left;
white-space: nowrap;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media (max-width: 991px) {
.blockcart {
padding: 0;
float: right;
position: relative; } }
.blockcart:hover .cart-img {
/* If media is above 1199 */ }
@media (min-width: 1200px) {
.blockcart:hover .cart-img {
fill: #fff; } }
.blockcart .cart-link {
display: block;
width: 100%;
overflow: hidden;
position: relative; }
.blockcart .cart-img {
width: 40px;
height: 40px;
fill: #fff;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
/* If media is below 992 */ }
@media (max-width: 991px) {
.blockcart .cart-img {
fill: #fff; } }
.blockcart .cart-content {
/* If media is below 992 */
/* If media is between 992 and 1199 */
display: inline-block;
vertical-align: middle;
padding: 5px;
font-size: 13px;
font-family: 'Montserrat', sans-serif; }
@media (max-width: 991px) {
.blockcart .cart-content {
padding: 0; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
.blockcart .cart-content {
display: none; } }
.blockcart .cart-content .cart-products-count {
line-height: 14px;
display: block;
width: auto;
letter-spacing: 1px;
color: #fff;
/* If media is below 992 */ }
@media (max-width: 991px) {
.blockcart .cart-content .cart-products-count {
border-radius: 50%;
height: 15px;
width: 15px;
background: #fff;
color: #000;
font-size: 11px;
right: 10px;
top: 6px;
position: absolute;
left: auto;
bottom: auto;
text-align: center;
margin: 0 auto;
letter-spacing: 0; } }
.blockcart #cart table > tbody > tr > td {
white-space: normal; }
.blockcart #cart > .btn {
font-size: 14px;
line-height: 18px;
color: #000;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
text-shadow: none; }
.blockcart #cart.open > .btn {
color: #000; }
.blockcart #cart.open > .btn:hover {
color: #000; }
.blockcart #cart .cart-dropdown, .blockcart #cart .dropdown-menu {
/* If media is below 544 */
top: 45px;
position: absolute;
display: none;
background: #fff;
z-index: 3;
min-width: 100%;
right: 0;
padding: 10px;
left: auto;
text-align: left;
width: 350px;
border-radius: 0;
margin: 0;
color: #000;
box-shadow: none;
border: 1px solid #e9e9e9; }
@media (max-width: 543px) {
.blockcart #cart .cart-dropdown, .blockcart #cart .dropdown-menu {
width: 303px; } }
.blockcart #cart .cart-dropdown table, .blockcart #cart .dropdown-menu table {
margin-bottom: 10px;
width: 100%;
max-width: 350px; }
.blockcart #cart .cart-dropdown .cart-btn, .blockcart #cart .dropdown-menu .cart-btn {
padding: 10px; }
.blockcart #cart .cart-dropdown .cart-btn .btn-cartblock, .blockcart #cart .dropdown-menu .cart-btn .btn-cartblock {
padding: 7px 15px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.blockcart #cart .cart-dropdown .cart-btn .btn-cartblock i, .blockcart #cart .dropdown-menu .cart-btn .btn-cartblock i {
margin: 0 5px 0 0; }
.blockcart #cart .cart-dropdown li, .blockcart #cart .dropdown-menu li {
text-decoration: none;
outline: none;
list-style: none; }
.blockcart #cart .cart-dropdown li .empty, .blockcart #cart .dropdown-menu li .empty {
font-size: 14px;
line-height: 18px;
margin-bottom: 0;
color: #000; }
.blockcart #cart .cart-dropdown .quantity-formated, .blockcart #cart .dropdown-menu .quantity-formated {
font-weight: 500; }
.blockcart #cart .cart-dropdown .slimScrollDiv, .blockcart #cart .dropdown-menu .slimScrollDiv {
position: relative;
width: auto;
overflow-y: scroll;
max-height: 386px; }
@media (max-width: 543px) {
.blockcart #cart .cart-dropdown .slimScrollDiv, .blockcart #cart .dropdown-menu .slimScrollDiv {
max-height: 330px; } }
.blockcart #cart .cart-dropdown .slimScrollDiv::-webkit-scrollbar-track, .blockcart #cart .dropdown-menu .slimScrollDiv::-webkit-scrollbar-track {
border-radius: 10px; }
.blockcart #cart .cart-dropdown .slimScrollDiv::-webkit-scrollbar, .blockcart #cart .dropdown-menu .slimScrollDiv::-webkit-scrollbar {
width: 5px; }
.blockcart #cart .cart-dropdown .slimScrollDiv::-webkit-scrollbar-thumb, .blockcart #cart .dropdown-menu .slimScrollDiv::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.2); }
.blockcart button, .blockcart .btn-block {
padding: 0; }
.menu-left, .menu-right {
width: 31%;
padding: 5px;
float: left; }
@media (min-width: 992px) {
.menu-left, .menu-right {
display: none; } }
#_mobile_logo #logo img {
margin: 0 auto;
width: 130px; }
.menu-center {
width: 38%;
float: left;
/* Custom Info End */
/* alert */ }
@media (min-width: 992px) {
.menu-center {
display: none; } }
.alert {
padding: 12px 14px 12px 14px;
text-align: center;
border-radius: 0;
/* buttons */ }
.alert button {
display: block;
overflow: hidden;
position: relative; }
.alert button.close {
position: relative;
top: 2px;
right: 0;
margin: 0; }
.buttons {
margin: 1em 0;
display: block;
overflow: hidden;
position: relative; }
.buttons.close {
position: relative;
top: 2px;
right: 0; }
.alert-dismissible .close {
position: relative;
top: 2px;
right: 0; }
.btn {
padding: 7.5px 12px;
font-size: 12px;
line-height: 18px;
border-radius: 0; }
.btn.active {
box-shadow: none;
outline: none; }
.btn:focus {
outline: none;
text-decoration: none; }
.btn-xs {
font-size: 9px; }
.btn-sm {
font-size: 10.2px; }
.btn-lg {
padding: 10px 16px;
font-size: 15px; }
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
font-size: 12px; }
.btn-group > .btn:focus, .btn-group > .dropdown-menu:focus, .btn-group > .popover:focus {
outline: none;
text-decoration: none; }
.btn-group > .btn-xs {
font-size: 9px; }
.btn-group > .btn-sm {
font-size: 10.2px; }
.btn-group > .btn-lg {
font-size: 15px; }
.btn-warning, .btn-inverse, .btn-link, .btn-info, .btn-success, .btn-danger, .btn-warning {
padding: 7.5px 12px; }
.btn-warning:hover, .btn-inverse:hover, .btn-link:hover, .btn-info:hover, .btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-warning:focus, .btn-inverse:focus, .btn-link:focus, .btn-info:focus, .btn-success:focus, .btn-danger:focus, .btn-warning:focus {
outline: none;
text-decoration: none;
box-shadow: none; }
.btn-default {
background-color: #1f2d3d;
border-color: #1f2d3d;
color: #fff;
outline: none;
line-height: 20px;
font-weight: 400;
padding: 7px 20px;
font-size: 13px;
text-transform: uppercase;
border-radius: 0;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.btn-default:hover, .btn-default:active, .btn-default:focus {
color: #000;
background-color: #fedb22;
border-color: #fedb22;
outline: none; }
.btn-default:active:hover {
color: #000;
background-color: #fedb22;
border-color: #fedb22;
outline: none; }
.btn-default:active:focus {
color: #000;
background-color: #fedb22;
border-color: #fedb22;
outline: none; }
.btn-primary, .btn.disabled, .btn:disabled, .btn-secondary {
opacity: 1;
font-size: 13px;
line-height: 20px;
font-weight: 400;
padding: 7px 20px;
text-transform: uppercase;
border-radius: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #000;
background-color: #fedb22;
border: 1px solid #fedb22;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
outline: none;
/* list group */ }
.btn-primary:hover, .btn.disabled:hover, .btn:disabled:hover, .btn-secondary:hover, .btn-primary:active, .btn.disabled:active, .btn:disabled:active, .btn-secondary:active, .btn-primary:focus, .btn.disabled:focus, .btn:disabled:focus, .btn-secondary:focus {
color: #fff;
background-color: #1f2d3d;
border-color: #1f2d3d;
outline: none; }
.btn-primary:active:hover, .btn.disabled:active:hover, .btn:disabled:active:hover, .btn-secondary:active:hover {
color: #fff;
background-color: #1f2d3d;
border-color: #1f2d3d;
outline: none; }
.btn-primary:active:focus, .btn.disabled:active:focus, .btn:disabled:active:focus, .btn-secondary:active:focus {
color: #fff;
background-color: #1f2d3d;
border-color: #1f2d3d;
outline: none; }
.list-group a {
border: 1px solid #e9e9e9;
color: #888;
padding: 10px 12px;
/*@media (min-width: 1200px) {
#content {
.col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1) {
clear: left;
}
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#content {
.col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1) {
clear: left;
}
}
}
@media (min-width: 768px) and (max-width: 991px) {
#content {
.col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) {
clear: left;
}
}
}*/
/* fixed colum left + content + right*/ }
.list-group a.active {
color: #444;
background: #eee;
border: 1px solid #ddd;
text-shadow: 0 1px 0 #fff; }
.list-group a.active:hover {
color: #444;
background: #eee;
border: 1px solid #ddd;
text-shadow: 0 1px 0 #fff; }
.list-group a:hover {
color: #444;
background: #eee;
border: 1px solid #ddd;
text-shadow: 0 1px 0 #fff; }
.list-group a:focus {
color: #888;
background: #eee;
border: 1px solid #ddd;
text-shadow: 0 1px 0 #fff; }
@media (min-width: 768px) {
/* fixed product layouts used in left and right columns */
#column-left .product-layout .col-md-3 {
width: 100%; }
#column-left + #content .product-layout .col-md-3 {
width: 50%; }
#column-left + #content + #column-right .product-layout .col-md-3 {
width: 100%; }
#content + #column-right .product-layout .col-md-3 {
width: 100%; } }
@media (min-width: 1200px) {
.collapse {
display: inherit; } }
@media (min-width: 992px) {
.collapse {
display: inherit; } }
.block-title, .footer-title, .title {
position: relative;
cursor: pointer; }
.block-title .navbar-toggler, .footer-title .navbar-toggler, .title .navbar-toggler {
position: absolute;
top: 12px;
right: 15px;
padding: 0;
font-size: 22px;
font-style: normal;
display: inline-block;
vertical-align: middle;
width: 1em;
height: 1em;
text-align: center; }
.block-title .navbar-toggler i.add, .footer-title .navbar-toggler i.add {
display: none; }
.block-title .navbar-toggler i.remove, .footer-title .navbar-toggler i.remove {
display: block; }
.block-title.collapsed .navbar-toggler i.add, .footer-title.collapsed .navbar-toggler i.add {
display: block; }
.block-title.collapsed .navbar-toggler i.remove, .footer-title.collapsed .navbar-toggler i.remove {
display: none; }
#column-left, #column-right {
/* fixed mobile cart quantity input */ }
#column-left .block-title, #column-right .block-title {
display: block; }
#column-left .block-title .h3, #column-right .block-title .h3 {
border: medium none;
color: #fff;
font: 400 16px/18px 'Poppins', sans-serif;
letter-spacing: 1px;
width: 100%;
display: block;
margin: 0;
text-align: left;
background: #000;
padding: 15px;
text-transform: uppercase !important; }
#column-left .block-title .navbar-toggler, #column-right .block-title .navbar-toggler {
top: 13px;
right: 15px;
color: #fff;
/* If media is below 992 */ }
@media (max-width: 991px) {
#column-left .block-title .navbar-toggler, #column-right .block-title .navbar-toggler {
color: #333; } }
#column-left .data-toggler > div, #column-right .data-toggler > div {
display: block; }
#column-left .swiper-viewport, #column-right .swiper-viewport {
/* If media is below 992 */
margin-bottom: 30px; }
@media (max-width: 991px) {
#column-left .swiper-viewport, #column-right .swiper-viewport {
margin-bottom: 15px; } }
#column-left .filterbox, #column-right .filterbox {
/* If media is below 992 */
margin-bottom: 30px;
padding: 0;
border: 1px solid #e9e9e9; }
@media (max-width: 991px) {
#column-left .filterbox, #column-right .filterbox {
margin-bottom: 15px; } }
#column-left .filterbox .list-group-filter, #column-right .filterbox .list-group-filter {
border: none;
margin-bottom: 0;
border-radius: 0;
background: #fff;
padding: 0 0 15px; }
#column-left .filterbox .list-group-filter .list-group-item, #column-right .filterbox .list-group-filter .list-group-item {
padding: 0 18px;
margin-bottom: 15px;
border: none;
margin-bottom: 0;
border-radius: 0; }
#column-left .filterbox .list-group-filter .list-group-item label, #column-right .filterbox .list-group-filter .list-group-item label {
color: #888; }
#column-left .filterbox .list-group-filter .list-group-item.group-name, #column-right .filterbox .list-group-filter .list-group-item.group-name {
color: #262626;
font-size: 14px;
font-weight: 600;
margin-bottom: 0;
padding: 10px 18px;
text-transform: uppercase; }
#column-left .filterbox .list-group-filter .list-group-item.group-name:hover, #column-right .filterbox .list-group-filter .list-group-item.group-name:hover {
background: transparent; }
#column-left .filterbox .panel-footer, #column-right .filterbox .panel-footer {
background: transparent;
border: 0;
border-radius: 0;
padding: 0 15px 15px; }
#column-left section.featured-products, #column-right section.featured-products {
/* If media is below 992 */
margin-bottom: 30px;
padding: 0;
border: 1px solid #e9e9e9;
overflow: hidden;
position: relative;
display: block; }
@media (max-width: 991px) {
#column-left section.featured-products, #column-right section.featured-products {
margin-bottom: 15px; } }
#column-left section.featured-products .collapse, #column-right section.featured-products .collapse {
display: block; }
#column-left section.featured-products .collapse.in, #column-right section.featured-products .collapse.in {
display: block; }
#column-left section.featured-products .navbar-toggler i.add, #column-right section.featured-products .navbar-toggler i.add {
display: none; }
#column-left section.featured-products .navbar-toggler i.remove, #column-right section.featured-products .navbar-toggler i.remove {
display: block; }
#column-left section.featured-products [aria-expanded="false"] .collapse-icons .add, #column-right section.featured-products [aria-expanded="false"] .collapse-icons .add {
display: block; }
#column-left section.featured-products [aria-expanded="false"] .collapse-icons .remove, #column-right section.featured-products [aria-expanded="false"] .collapse-icons .remove {
display: none; }
#column-left section.ishibannerblock, #column-right section.ishibannerblock {
margin-bottom: 30px;
/* If media is below 992 */ }
@media (max-width: 991px) {
#column-left section.ishibannerblock, #column-right section.ishibannerblock {
margin-bottom: 15px; } }
#column-left section.ishibannerblock .bannerblock, #column-right section.ishibannerblock .bannerblock {
float: none;
width: 100%; }
#column-left section.ishibannerblock .bannerblock:hover img, #column-right section.ishibannerblock .bannerblock:hover img {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1); }
#column-left section.ishibannerblock .bannerblock img, #column-right section.ishibannerblock .bannerblock img {
width: 100%;
max-width: 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
#column-left section.ishibannerblock .bannerblock a, #column-right section.ishibannerblock .bannerblock a {
width: auto;
/* If media is below 992 */ }
@media (max-width: 991px) {
#column-left section.ishibannerblock .bannerblock a, #column-right section.ishibannerblock .bannerblock a {
display: inline-block; } }
#column-left .page-title, #column-right .page-title {
border: medium none;
color: #fff;
font: 400 16px/18px 'Poppins', sans-serif;
letter-spacing: 1px;
width: 100%;
display: block;
margin: 0;
float: none;
text-align: left;
background: #232323;
padding: 15px;
text-transform: uppercase !important;
/* If media is below 992 */ }
@media (max-width: 991px) {
#column-left .page-title, #column-right .page-title {
background: #f5f5f5;
color: #333; } }
#column-left .box, #column-right .box {
/* If media is below 992 */
border: 1px solid #e9e9e9;
margin-bottom: 30px; }
@media (max-width: 991px) {
#column-left .box, #column-right .box {
margin-bottom: 15px; } }
#column-left .box .page-title, #column-right .box .page-title {
margin: 0; }
#column-left .box ul, #column-right .box ul, #column-left .box .category-top-menu, #column-right .box .category-top-menu {
text-decoration: none;
list-style: none;
padding: 0;
margin: 0;
position: relative; }
#column-left .box ul .list-group-item, #column-right .box ul .list-group-item, #column-left .box .category-top-menu .list-group-item, #column-right .box .category-top-menu .list-group-item {
border: 0;
border-radius: 0;
color: #232323;
display: inline-block;
vertical-align: middle;
background: transparent;
padding-bottom: 4px; }
#column-left .box ul .list-group-item:hover, #column-right .box ul .list-group-item:hover, #column-left .box .category-top-menu .list-group-item:hover, #column-right .box .category-top-menu .list-group-item:hover, #column-left .box ul .list-group-item:focus, #column-right .box ul .list-group-item:focus, #column-left .box .category-top-menu .list-group-item:focus, #column-right .box .category-top-menu .list-group-item:focus {
background-color: transparent; }
#column-left .box ul .list-group-item .active, #column-right .box ul .list-group-item .active, #column-left .box .category-top-menu .list-group-item .active, #column-right .box .category-top-menu .list-group-item .active {
background-color: transparent; }
#column-left .box ul li, #column-right .box ul li, #column-left .box .category-top-menu li, #column-right .box .category-top-menu li {
position: relative; }
#column-left .box ul li:last-child .list-group-item, #column-right .box ul li:last-child .list-group-item, #column-left .box .category-top-menu li:last-child .list-group-item, #column-right .box .category-top-menu li:last-child .list-group-item {
padding-bottom: 10px; }
#column-left .box ul li #childlist .category-sub-menu li, #column-right .box ul li #childlist .category-sub-menu li, #column-left .box .category-top-menu li #childlist .category-sub-menu li, #column-right .box .category-top-menu li #childlist .category-sub-menu li {
line-height: 14px; }
#column-left .box ul .collapse, #column-right .box ul .collapse, #column-left .box .category-top-menu .collapse, #column-right .box .category-top-menu .collapse {
display: none; }
#column-left .box ul .collapse.in, #column-right .box ul .collapse.in, #column-left .box .category-top-menu .collapse.in, #column-right .box .category-top-menu .collapse.in {
display: block; }
#column-left .box ul .navbar-toggler, #column-right .box ul .navbar-toggler, #column-left .box .category-top-menu .navbar-toggler, #column-right .box .category-top-menu .navbar-toggler {
/* If media is between 992 and 1199 */
position: absolute;
right: 15px;
top: 9px;
cursor: pointer;
font-size: 18px; }
@media screen and (min-width: 992px) and (max-width: 1199px) {
#column-left .box ul .navbar-toggler, #column-right .box ul .navbar-toggler, #column-left .box .category-top-menu .navbar-toggler, #column-right .box .category-top-menu .navbar-toggler {
z-index: 2; } }
#column-left .box ul [aria-expanded="true"] .add, #column-right .box ul [aria-expanded="true"] .add, #column-left .box .category-top-menu [aria-expanded="true"] .add, #column-right .box .category-top-menu [aria-expanded="true"] .add {
display: none; }
#column-left .box ul [aria-expanded="true"].collapse-icons .remove, #column-right .box ul [aria-expanded="true"].collapse-icons .remove, #column-left .box .category-top-menu [aria-expanded="true"].collapse-icons .remove, #column-right .box .category-top-menu [aria-expanded="true"].collapse-icons .remove {
display: block; }
#column-left .box ul .collapse-icons .remove, #column-right .box ul .collapse-icons .remove, #column-left .box .category-top-menu .collapse-icons .remove, #column-right .box .category-top-menu .collapse-icons .remove {
display: none; }
#column-left .product-thumb, #column-right .product-thumb {
padding: 15px;
padding-bottom: 0;
max-width: 100%; }
#column-left .product-thumb:last-child, #column-right .product-thumb:last-child {
padding-bottom: 15px; }
#column-left .product-thumb .image, #column-right .product-thumb .image {
float: left;
margin-right: 10px; }
#column-left .product-thumb h4, #column-right .product-thumb h4 {
padding: 0;
font-size: 14px;
margin-bottom: 5px;
line-height: 18px; }
#column-left .product-thumb h4 a, #column-right .product-thumb h4 a {
white-space: normal; }
#column-left .product-thumb .price, #column-right .product-thumb .price {
font-size: 14px;
margin-bottom: 2px;
opacity: 1; }
#column-left .product-thumb .price .price-old, #column-right .product-thumb .price .price-old {
margin-left: 0; }
#column-left .product-thumb .button-group, #column-right .product-thumb .button-group {
display: none; }
#column-left .product-thumb .caption, #column-right .product-thumb .caption {
overflow: hidden;
display: block;
position: relative;
text-align: left;
/* If media is between 992 and 1199 */ }
@media screen and (min-width: 992px) and (max-width: 1199px) {
#column-left .product-thumb .caption, #column-right .product-thumb .caption {
padding: 2px; } }
#column-left .product-thumb .caption .rating, #column-right .product-thumb .caption .rating {
display: none; }
.input-group {
display: inline-block;
vertical-align: middle;
width: auto; }
.input-group .input-group-btn .btn-primary, .input-group .input-group-btn .btn.disabled, .input-group .input-group-btn .btn:disabled, .input-group .input-group-btn .btn-secondary {
padding: 8px 14px;
line-height: 18px;
border-radius: 0;
text-transform: capitalize; }
.input-group .input-group-btn .btn-danger {
color: #fff;
background-color: #da4f49;
letter-spacing: 1px;
padding: 8px 14px;
line-height: 16px;
text-transform: capitalize; }
.input-group .input-group-btn .btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925; }
.input-group .form-control[name^=quantity] {
min-width: 50px;
border-radius: 0;
display: inline-block;
width: auto;
text-align: center;
/* Missing focus and border color to overwrite bootstrap */ }
.btn-info {
/* Theme Title */ }
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background-image: none;
background-color: #df5c39;
border-color: #df5c39; }
.home-title {
/* If media is below 544 */
position: relative;
text-transform: capitalize;
display: inline-block;
margin: 0 0 20px;
text-align: center;
padding-bottom: 13px;
font-size: 30px;
line-height: 28px;
font-weight: 400;
color: #000;
font-family: 'Poppins', sans-serif; }
@media (max-width: 543px) {
.home-title {
font-size: 26px;
line-height: 26px; } }
.home-title:before {
content: "";
position: absolute;
background: #757575;
width: 60px;
height: 2px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.sub-title {
color: #1f2d3d;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
margin-bottom: 15px;
/* select dropdown */ }
.select-wrapper {
position: relative;
/*========================== NO CHANGE ==========================*/ }
.select-wrapper .form-control {
font-size: 12px;
border: 1px solid #e0e0e0;
background-color: #fff;
padding: 0 5px;
color: #333;
position: relative;
text-decoration: none;
white-space: nowrap;
text-align: left;
border-radius: 0;
box-shadow: none;
cursor: pointer;
appearance: none;
-o-appearance: none;
-moz-appearance: none;
-webkit-appearance: none; }
.select-wrapper .form-control:focus {
box-shadow: none; }
.select-wrapper:after {
font-family: 'fontawesome';
content: '\f0d7';
font-size: 14px;
position: absolute;
right: 10px;
top: 9px;
pointer-events: none; }
#spin-wrapper {
width: 100%;
height: 100%;
position: fixed;
z-index: 9998;
background: #fff;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.countdown-container {
display: inline-block;
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
text-align: center;
opacity: 1;
margin: 0 auto;
padding: 4px;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: none;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media (max-width: 1199px) {
.countdown-container {
left: 15px;
right: 15px; } }
@media (max-width: 543px) {
.countdown-container {
left: 5px;
right: 5px;
padding: 0; } }
.countdown-container .countdown-text {
display: none;
font-weight: 600;
margin-bottom: 15px;
color: #000; }
.countdown-container .counter {
display: inline-block;
vertical-align: middle;
text-align: center;
font-weight: 500;
cursor: pointer;
position: relative;
border: 0;
padding: 0;
float: left;
width: 25%; }
@media (max-width: 767px) {
.countdown-container .counter.data-large:after {
right: -6px; } }
@media (max-width: 767px) and (max-width: 380px) {
.countdown-container .counter.data-large:after {
right: -5px; } }
.countdown-container .counter:after {
content: ":";
position: absolute;
top: 3px;
right: -3px; }
@media (max-width: 767px) {
.countdown-container .counter:after {
display: none; } }
.countdown-container .counter:last-child:after {
display: none; }
.countdown-container .counter span {
display: block; }
.countdown-container .counter .data {
font-size: 16px;
font-weight: 500;
color: #222;
margin: 0 auto;
position: relative;
height: 25px;
line-height: 25px; }
@media (max-width: 767px) {
.countdown-container .counter .data {
font-size: 14px; } }
@media (max-width: 543px) {
.countdown-container .counter .data {
font-size: 13px;
height: 20px; } }
.countdown-container .counter:last-child .data {
color: #1f2d3d; }
.countdown-container .counter .lbl {
display: block;
font-size: 12px;
font-weight: 400;
color: #666; }
@media (max-width: 543px) {
.countdown-container .counter .lbl {
font-size: 11px; } }
@media (max-width: 375px) {
.countdown-container .counter .lbl {
font-size: 10px; } }
#siteloader {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
text-align: center; }
#siteloader .loader-1 {
/* If media is below 371 */
display: block;
position: relative;
top: 40%;
width: 150px;
height: 150px;
border-radius: 50%;
text-align: center;
margin: 0 auto;
border: 3px solid transparent;
border-top-color: transparent;
border-top-color: #1f2d3d;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite; }
@media (max-width: 370px) {
#siteloader .loader-1 {
width: 120px;
height: 120px; } }
#siteloader .loader-1:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #1f2d3d;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite; }
#siteloader .loader-1:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: transparent;
border-top-color: #1f2d3d;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite; }
#siteloader .loader-2 {
position: relative;
top: 40%;
display: grid;
grid-template-columns: 33% 33% 33%;
grid-gap: 2px;
width: 70px;
height: 70px;
text-align: center;
margin: 0 auto; }
#siteloader .loader-2 > div {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
background: #1f2d3d;
transform: scale(0);
transform-origin: center center;
animation: loader 2s infinite linear; }
#siteloader .loader-2 > div:nth-of-type(1), #siteloader .loader-2 > div:nth-of-type(5), #siteloader .loader-2 > div:nth-of-type(9) {
animation-delay: 0.4s; }
#siteloader .loader-2 > div:nth-of-type(4), #siteloader .loader-2 > div:nth-of-type(8) {
animation-delay: 0.2s; }
#siteloader .loader-2 > div:nth-of-type(2), #siteloader .loader-2 > div:nth-of-type(6) {
animation-delay: 0.6s; }
#siteloader .loader-2 > div:nth-of-type(3) {
animation-delay: 0.8s; }
#siteloader .loader-3 {
display: block;
font-size: 0;
color: #1f2d3d;
width: 96px;
height: 96px;
text-align: center;
margin: 0 auto;
top: 42%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#siteloader .loader-3 > div {
position: absolute;
top: 0;
left: 0;
width: 96px;
height: 96px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
-moz-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
-o-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor; }
#siteloader .loader-3 > div:nth-child(1) {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s; }
#siteloader .loader-3 > div:nth-child(2) {
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-o-animation-delay: 0.25s;
animation-delay: 0.25s; }
#siteloader .loader-3 > div:nth-child(3) {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s; }
#siteloader .loader-4 {
display: block;
font-size: 0;
color: #1f2d3d;
top: 50%;
text-align: center;
margin: 0 auto;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#siteloader .loader-4 > div {
background-color: currentColor;
border: 0 solid currentColor;
position: absolute;
top: 0;
left: -100%;
display: block;
border-radius: 100%;
opacity: 0.5;
-webkit-animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1), ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
-moz-animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1), ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
-o-animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1), ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1), ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1); }
#siteloader .loader-4 > div:nth-child(1) {
-webkit-animation-delay: 0s, -0.5s;
-moz-animation-delay: 0s, -0.5s;
-o-animation-delay: 0s, -0.5s;
animation-delay: 0s, -0.5s; }
#siteloader .loader-4 > div:nth-child(2) {
-webkit-animation-delay: -0.5s, -1s;
-moz-animation-delay: -0.5s, -1s;
-o-animation-delay: -0.5s, -1s;
animation-delay: -0.5s, -1s; }
#siteloader .loader-4 > div:nth-child(3) {
-webkit-animation-delay: -1s, -1.5s;
-moz-animation-delay: -1s, -1.5s;
-o-animation-delay: -1s, -1.5s;
animation-delay: -1s, -1.5s; }
#siteloader .loader-4 > div:nth-child(4) {
-webkit-animation-delay: -1.5s, -2s;
-moz-animation-delay: -1.5s, -2s;
-o-animation-delay: -1.5s, -2s;
animation-delay: -1.5s, -2s; }
#siteloader .loader-4 > div:nth-child(5) {
-webkit-animation-delay: -2s, -2.5s;
-moz-animation-delay: -2s, -2.5s;
-o-animation-delay: -2s, -2.5s;
animation-delay: -2s, -2.5s; }
#siteloader .loader-4.la-2x {
width: 32px;
height: 32px; }
#siteloader .loader-4.la-2x > div {
width: 32px;
height: 32px; }
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
@-o-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
@-moz-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
@-ms-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes loader {
0% {
transform: scale(0); }
40% {
transform: scale(1); }
80% {
transform: scale(1); }
100% {
transform: scale(0); } }
@-webkit-keyframes loader {
0% {
transform: scale(0); }
40% {
transform: scale(1); }
80% {
transform: scale(1); }
100% {
transform: scale(0); } }
@-ms-keyframes loader {
0% {
transform: scale(0); }
40% {
transform: scale(1); }
80% {
transform: scale(1); }
100% {
transform: scale(0); } }
@-o-keyframes loader {
0% {
transform: scale(0); }
40% {
transform: scale(1); }
80% {
transform: scale(1); }
100% {
transform: scale(0); } }
@-moz-keyframes loader {
0% {
transform: scale(0); }
40% {
transform: scale(1); }
80% {
transform: scale(1); }
100% {
transform: scale(0); } }
@-webkit-keyframes ball-scale-ripple-multiple {
0% {
opacity: 1;
-webkit-transform: scale(0.1);
transform: scale(0.1); }
70% {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1); }
95% {
opacity: 0; } }
@-moz-keyframes ball-scale-ripple-multiple {
0% {
opacity: 1;
-moz-transform: scale(0.1);
transform: scale(0.1); }
70% {
opacity: 0.5;
-moz-transform: scale(1);
transform: scale(1); }
95% {
opacity: 0; } }
@-o-keyframes ball-scale-ripple-multiple {
0% {
opacity: 1;
-o-transform: scale(0.1);
transform: scale(0.1); }
70% {
opacity: 0.5;
-o-transform: scale(1);
transform: scale(1); }
95% {
opacity: 0; } }
@keyframes ball-scale-ripple-multiple {
0% {
opacity: 1;
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
transform: scale(0.1); }
70% {
opacity: 0.5;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
95% {
opacity: 0; } }
@keyframes ball-scale-ripple-multiple {
0% {
opacity: 1;
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
transform: scale(0.1); }
70% {
opacity: 0.5;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
95% {
opacity: 0; } }
@-webkit-keyframes ball-circus-position {
50% {
left: 100%; } }
@-moz-keyframes ball-circus-position {
50% {
left: 100%; } }
@-o-keyframes ball-circus-position {
50% {
left: 100%; } }
@keyframes ball-circus-position {
50% {
left: 100%; } }
@-webkit-keyframes ball-circus-size {
50% {
-webkit-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3); } }
@-moz-keyframes ball-circus-size {
50% {
-moz-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3); } }
@-o-keyframes ball-circus-size {
50% {
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3); } }
@keyframes ball-circus-size {
50% {
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-o-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3); } }
@keyframes slide-down {
0% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
-moz-transform: translateY(-100%); }
100% {
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-moz-transform: translateY(0); } }