Git - Openforge

@charset "UTF-8";

/* ==============================

1. Common styles

============================== */

/*

* 1.1 Common styles

*/

::-moz-selection {

color: #fff;

background: #000000; }

::selection {

color: #fff;

background: #000000; }

html, body {

-webkit-font-smoothing: antialiased;

overflow-x: hidden; }

iframe {

border: none; }

a:hover {

-webkit-transition: all 0.3s ease 0s;

-khtml-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; }

a:focus, a:active {

-webkit-outline: none;

-khtml-outline: none;

-moz-outline: none;

-ms-outline: none;

-o-outline: none;

outline: none; }

img:not([draggable]), embed, object, video {

max-width: 100%;

height: auto; }

p {

margin-bottom: 30px; }

.appear-animate .wow {

visibility: hidden; }

.row.no-gutters {

margin-right: 0;

margin-left: 0; }

.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {

padding-right: 0;

padding-left: 0; }

.breadcrumb {

margin: 0 0 35px;

padding: 0;

background: none;

-webkit-border-radius: 0;

-khtml-border-radius: 0;

-moz-border-radius: 0;

-ms-border-radius: 0;

-o-border-radius: 0;

border-radius: 0; }

.breadcrumb a {

color: #999999; }

.page-header {

border: none;

margin: 0;

padding: 0; }

.page-header h1 {

margin: 0;

font-size: 18px; }

.page-header .breadcrumb {

margin: 0; }

/* indresh style */

.dropdown-menu {

background-color: blueviolet !important;

/* border: 1px solid rgba(0, 0, 0, 0.15);

border-radius: 4px;

box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);

float: left;

font-size: 14px;

left: 0;

list-style: outside none none;

min-width: 160px;

padding: 5px 0;

position: absolute;

text-align: left;

top: 100%;

z-index: 1000;*/

}

.dropdown-menu>li>a{

color:#fff;

}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{ background-color:#fff !important; margin-left:15px; padding-left:8px !important;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {

border-top: 1px solid #ddd;

line-height: 1.42857;

padding: 8px;

vertical-align: top;

cursor:hand;

cursor:pointer;

}

/*

* 1.2. Helper CSS

*/

.kt-table {

display: table;

width: 100%;

height: 100%; }

.kt-table .kt-col {

display: table-cell;

vertical-align: middle; }

.round {

-webkit-border-radius: 2px;

-khtml-border-radius: 2px;

-moz-border-radius: 2px;

-ms-border-radius: 2px;

-o-border-radius: 2px;

border-radius: 2px; }

.circle {

-webkit-border-radius: 100%;

-khtml-border-radius: 100%;

-moz-border-radius: 100%;

-ms-border-radius: 100%;

-o-border-radius: 100%;

border-radius: 100%; }

.square {

-webkit-border-radius: 0;

-khtml-border-radius: 0;

-moz-border-radius: 0;

-ms-border-radius: 0;

-o-border-radius: 0;

border-radius: 0; }

.screen-reader-text {

clip: rect(1px, 1px, 1px, 1px);

height: 1px;

overflow: hidden;

position: absolute !important;

width: 1px; }

.kt-column-bg {

-webkit-background-size: cover;

-khtml-background-size: cover;

-moz-background-size: cover;

-ms-background-size: cover;

-o-background-size: cover;

background-size: cover;

background-position: center center;

background-repeat: no-repeat; }

.letter-spacing {

letter-spacing: 0.2em; }

.text-nomal {

text-transform: none; }

.white {

color: #fff !important; }

.black {

color: #111 !important; }

.redwine {

color: #dd2d25 !important; }

.babyred {

color: #ff604d !important; }

.blueface {

color: #43609c !important; }

.sky {

color: #69d6e8 !important; }

.olive {

color: #423918 !important; }

.black {

color: #111 !important; }

.gray {

color: #999999 !important; }

.bg-silver{

background: #e0e0e0;

}

.bg-wood{

background: #57513f;

}

.bg-gray {

background: #f6f6f6; }

.bg-lightgreen {

background: #c7db9c; }

.bg-wheat {

background: #f4dc86; }

.bg-sky {

background: #337ab7; }

.bg-coral {

background: #ed8b5c; }

.bg-aquamarine {

background: #bce5d3; }

.bg-purple {

background: #d1aece; }

.bg-gradient-gray {

position: relative; }

.bg-gradient-gray:before {

content: '';

width: 100%;

height: 50%;

position: absolute;

background: #f6f6f6;

top: 0;

left: 0; }

.bg-gradient-blue {

position: relative; }

.bg-gradient-blue:before {

content: '';

width: 100%;

height: 40%;

position: absolute;

background: #b7f0f3;

top: 0;

left: 0; }

/* ==============================

2. Page loader

============================== */

.pace {

background: #FFFFFF;

height: 100%;

left: 0;

position: fixed;

top: 0;

visibility: visible;

width: 100%;

z-index: 999999;

text-align: center;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1;

-webkit-pointer-events: none;

-khtml-pointer-events: none;

-moz-pointer-events: none;

-ms-pointer-events: none;

-o-pointer-events: none;

pointer-events: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

-o-user-select: none;

user-select: none;

-webkit-background-clip: padding-box;

-khtml-background-clip: padding-box;

-moz-background-clip: padding-box;

-ms-background-clip: padding-box;

-o-background-clip: padding-box;

background-clip: padding-box;

-webkit-transition: all 0.2s ease-in-out 0s;

-khtml-transition: all 0.2s ease-in-out 0s;

-moz-transition: all 0.2s ease-in-out 0s;

-ms-transition: all 0.2s ease-in-out 0s;

-o-transition: all 0.2s ease-in-out 0s;

transition: all 0.2s ease-in-out 0s; }

.pace.pace-inactive {

visibility: hidden;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0; }

.pace-activity {

display: block;

height: 100%;

left: 0;

position: absolute;

top: 0;

width: 100%;

z-index: 1; }

.pace-activity:before {

content: "";

display: inline-block;

height: 100%;

vertical-align: middle; }

.pace-activity .page-loading-wrapper {

display: inline-block; }

.page-loading-wrapper {

display: none;

vertical-align: middle;

padding: 0 15px;

width: 99%; }

.page-loading-wrapper .progress-bar-loading {

width: 110px;

margin: 0 auto;

height: 105px;

float: none;

-webkit-border-top-left-radius: 13px;

-webkit-border-top-right-radius: 13px;

-webkit-border-bottom-right-radius: 13px;

-webkit-border-bottom-left-radius: 13px;

-moz-border-radius-topleft: 13px;

-moz-border-radius-topright: 13px;

-moz-border-radius-bottomright: 13px;

-moz-border-radius-bottomleft: 13px;

border-top-left-radius: 13px;

border-top-right-radius: 13px;

border-bottom-right-radius: 13px;

border-bottom-left-radius: 13px;

background: #fff;

max-width: 100%;

position: relative; }

.page-loading-wrapper .progress-bar-loading .progress-bar-inner {

position: absolute;

left: 0;

top: 0;

width: 110px;

overflow: hidden; }

.page-loading-wrapper .progress-bar-loading .progress-bar-inner.back-loading path {

fill: #eeeeee; }

.page-loading-wrapper .progress-bar-loading .progress-bar-inner.front-loading {

width: 1%;

-webkit-transition: all 0.2s ease-in-out 0s;

-khtml-transition: all 0.2s ease-in-out 0s;

-moz-transition: all 0.2s ease-in-out 0s;

-ms-transition: all 0.2s ease-in-out 0s;

-o-transition: all 0.2s ease-in-out 0s;

transition: all 0.2s ease-in-out 0s; }

.page-loading-wrapper .progress-bar-loading .progress-bar-inner.front-loading path {

fill: #000000; }

.page-loading-wrapper .progress-bar-loading .progress-bar-number {

font-family: "Roboto Slab", serif;

color: #000000;

font-size: 14px;

font-weight: bold;

letter-spacing: 0.075em;

line-height: 1;

padding-left: 30px;

text-align: center; }

.page-loading-wrapper .progress-bar-loading svg {

width: 110px; }

.page-loading-wrapper .progress-bar-loading svg path {

stroke-linecap: round;

stroke-linejoin: round;

stroke-miterlimit: 10; }

/* ==============================

3. Typography

============================== */

/*

* 3.1 Typography common styles

*/

body {

font-family: "Karla", arial, sans-serif;

font-size: 14px;

line-height: 25px;

color: #666666;

min-width: 300px; }

h1, h2, h3, h4, h5, h6 {

line-height: 1.4;

margin: 0 0 20px;

font-family: "Roboto Slab", serif;

text-transform: uppercase;

font-weight: bold;

color: #000000; }

h1, h2, h3 {

letter-spacing: 0.2em; }

a {

color: #000000; }

a:hover, a:focus {

color: #333333;

text-decoration: none; }

.font-light {

font-weight: 300; }

.font-black {

font-weight: 900; }

/*

* 3.2 Blockquote

*/

blockquote {

background: #f6f6f6;

padding: 90px 45px 35px;

margin-bottom: 30px;

border: none;

position: relative;

font-size: 14px;

color: #999999; }

blockquote:before {

background: #000000;

color: #ffffff;

content: "“";

font-size: 36px;

height: 32px;

left: 45px;

line-height: 55px;

padding-left: 2px;

position: absolute;

top: 35px;

width: 28px;

text-align: left; }

blockquote .blockquote-reverse {

padding: 90px 45px 35px; }

blockquote .blockquote-reverse:before {

left: auto;

right: 45px;

content: "�?"; }

blockquote p {

margin-bottom: 15px; }

blockquote *:last-child {

margin-bottom: 0; }

/* ==============================

4. Forms fields

============================== */

input[type=email],

input[type=password],

input[type=phone],

input[type=tel],

input[type=text],

textarea {

border: 2px solid #ebebeb;

color: #999999;

padding: 6px 12px;

height: 40px;

background: none;

-webkit-border-radius: 0;

-khtml-border-radius: 0;

-moz-border-radius: 0;

-ms-border-radius: 0;

-o-border-radius: 0;

border-radius: 0;

-webkit-box-shadow: none;

-khtml-box-shadow: none;

-moz-box-shadow: none;

-ms-box-shadow: none;

-o-box-shadow: none;

box-shadow: none;

-webkit-appearance: none;

-khtml-appearance: none;

-moz-appearance: none;

-ms-appearance: none;

-o-appearance: none;

appearance: none;

-webkit-transition: none;

-khtml-transition: none;

-moz-transition: none;

-ms-transition: none;

-o-transition: none;

transition: none;

width: 100%; }

input[type=email]:focus,

input[type=password]:focus,

input[type=phone]:focus,

input[type=tel]:focus,

input[type=text]:focus,

textarea:focus {

-webkit-box-shadow: none;

-khtml-box-shadow: none;

-moz-box-shadow: none;

-ms-box-shadow: none;

-o-box-shadow: none;

box-shadow: none;

border-color: #999999;

outline: 0;

color: #999999; }

textarea {

height: auto; }

input[type=email].input-bg,

input[type=password].input-bg,

input[type=phone].input-bg,

input[type=tel].input-bg,

input[type=text].input-bg,

textarea.input-bg {

background: #f6f6f6;

border: 1px solid #f0f0f0;

font-size: 12px;

letter-spacing: 0.075em; }

select {

-webkit-border-radius: 0;

-khtml-border-radius: 0;

-moz-border-radius: 0;

-ms-border-radius: 0;

-o-border-radius: 0;

border-radius: 0;

width: 100%;

height: 40px;

line-height: 1.42857;

padding: 6px 12px;

border: 1px solid #f0f0f0;

background: #f6f6f6;

cursor: pointer;

color: #999999; }

select:focus {

outline: 0; }

select:not([multiple]) {

-webkit-box-shadow: none;

-khtml-box-shadow: none;

-moz-box-shadow: none;

-ms-box-shadow: none;

-o-box-shadow: none;

box-shadow: none;

-webkit-appearance: none;

-khtml-appearance: none;

-moz-appearance: none;

-ms-appearance: none;

-o-appearance: none;

appearance: none;

background: #f6f6f6 url(../images/selectbox-arrow.png) no-repeat right center; }

.form-control {

-webkit-border-radius: 0;

-khtml-border-radius: 0;

-moz-border-radius: 0;

-ms-border-radius: 0;

-o-border-radius: 0;

border-radius: 0;

-webkit-box-shadow: none;

-khtml-box-shadow: none;

-moz-box-shadow: none;

-ms-box-shadow: none;

-o-box-shadow: none;

box-shadow: none; }

.form-control :focus {

-webkit-box-shadow: none;

-khtml-box-shadow: none;

-moz-box-shadow: none;

-ms-box-shadow: none;

-o-box-shadow: none;

box-shadow: none; }

.select-icon {

display: inline-block;

position: relative; }

.select-icon:after {

content: "";

display: block;

pointer-events: none;

right: 5px;

z-index: 1;

font-family: FontAwesome;

content: "";

font-style: normal;

font-weight: normal;

position: absolute;

-webkit-transform: translateY(-50%);

-khtml-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

top: 50%;

font-size: 12px; }

.select-icon select {

border: none;

font-size: 14px;

background: none;

padding: 0 25px 0 0;

height: auto; }

/* ==============================

5. Buttons

============================== */

.btn {

-webkit-border-radius: 0;

-khtml-border-radius: 0;

-moz-border-radius: 0;

-ms-border-radius: 0;

-o-border-radius: 0;

border-radius: 0;

border: 2px solid transparent;

display: inline-block;

line-height: 1.42857;

/*padding: 8px 26px;*/

font-weight: bold;

font-size: 14px;

letter-spacing: 0.15em;

text-transform: uppercase;

font-family: "Karla", sans-serif;

/* Button size */

/* Button shapes */

/* Button icon */

/* Button style */ }

.btn:focus, .btn:active:focus, .btn.active:focus {

outline: none; }

.btn.active, .btn:active {

-webkit-box-shadow: none;

-khtml-box-shadow: none;

-moz-box-shadow: none;

-ms-box-shadow: none;

-o-box-shadow: none;

box-shadow: none; }

.btn.btn-xs {

padding: 6px 10px;

font-size: 8px; }

.btn.btn-sm {

padding: 8px 20px;

font-size: 10px; }

.btn.btn-lg {

padding: 10px 60px;

font-size: 18px; }

.btn.btn-xlg {

padding: 12px 65px;

font-size: 20px; }

.btn.btn-round {

border-radius: 3px; }

.btn.btn-circle {

border-radius: 30px; }

.btn.button-icon-left {

margin-right: 5px; }

.btn.button-icon-right {

margin-left: 5px; }

.btn.btn-default {

background: #blueviolet;

color: #FFFFFF;

/* border-color: #000000; */}

.btn-info:hover

{color:#fff;background-color:blueviolet;border-color:#269abc}

**/

.btn.btn-animation span {

-webkit-transform: translateX(0);

-khtml-transform: translateX(0);

-moz-transform: translateX(0);

-ms-transform: translateX(0);

-o-transform: translateX(0);

transform: translateX(0);

-webkit-transition: all .3s ease-in-out 0s;

-khtml-transition: all .3s ease-in-out 0s;

-moz-transition: all .3s ease-in-out 0s;

-ms-transition: all .3s ease-in-out 0s;

-o-transition: all .3s ease-in-out 0s;

transition: all .3s ease-in-out 0s;

display: block;

position: relative; }

.btn.btn-animation span i {

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0;

-webkit-transition: all .3s ease-in-out 0s;

-khtml-transition: all .3s ease-in-out 0s;

-moz-transition: all .3s ease-in-out 0s;

-ms-transition: all .3s ease-in-out 0s;

-o-transition: all .3s ease-in-out 0s;

transition: all .3s ease-in-out 0s;

-webkit-transform: translate(30px, -50%);

-khtml-transform: translate(30px, -50%);

-moz-transform: translate(30px, -50%);

-ms-transform: translate(30px, -50%);

-o-transform: translate(30px, -50%);

transform: translate(30px, -50%);

position: absolute;

right: 0;

top: 50%; }

.btn.btn-animation:hover span {

-webkit-transform: translateX(-10px);

-khtml-transform: translateX(-10px);

-moz-transform: translateX(-10px);

-ms-transform: translateX(-10px);

-o-transform: translateX(-10px);

transform: translateX(-10px); }

.btn.btn-animation:hover span i {

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1; }

.btn.btn-gray {

background: #f6f6f6;

color: #666666;

border-color: #f6f6f6; }

.btn.btn-gray:hover {

background: #000000;

color: #FFFFFF;

border-color: #000000; }

.btn.btn-light {

border-color: #FFFFFF;

background: #FFFFFF;

color: #000000; }

.btn.btn-light:hover {

background: #000000;

color: #FFFFFF;

border-color: #000000; }

.btn.btn-dark-b {

background: none;

color: #000000;

border-color: #000000; }

.btn.btn-light-b {

border: 2px solid #FFFFFF;

background: none;

font-family: "Karla", arial, sans-serif;

font-weight: normal;

color: #FFFFFF; }

.btn.btn-light-b:hover {

background: #FFFFFF;

color: #000000; }

.btn.btn-medium {

background: #f6f6f6;

border: 1px solid #f0f0f0;

color: #000;

font-weight: bold;

letter-spacing: 0.2em; }

.btn.btn-medium:hover {

background: #000000;

border-color: #000000;

color: #fff; }

.btn.btn-addtocart {

background: #ffffff;

color: #000000;

width: 100%;

height: 32px;

font-size: 14px;

border-color: #ffffff;

padding: 0 45px;

line-height: 32px; }

.btn.btn-addtocart:hover {

background: #000000;

color: #FFFFFF;

border-color: #000000; }

.btn.btn-addtocart-b {

background: none;

color: #000000;

height: 48px;

font-size: 14px;

border-color: #000000;

padding: 0 45px;

line-height: 44px; }

.btn.btn-addtocart-b:hover {

background: #000000;

color: #FFFFFF;

border-color: #000000; }

.btn.btn-default:hover, .btn.btn-dark-b:hover {

background:cornflowerblue;

color: #FFFFFF;

/* border-color: #000000;*/ }

.btn.btn-blue-b {

border: 2px solid #f15d35;

background: #f15d35;

font-family: "Karla", arial, sans-serif;

font-weight: normal;

color: #FFFFFF; }

.btn.btn-blue-b:hover {

border: 2px solid #f15d35;

background: #FFFFFF;

color: #000000; }

.rev-btn {

padding: 15px 46px;

border: 2px solid #fff;

color: #fff;

text-transform: uppercase;

background: none;

font-size: 14px;

line-height: 14px;

font-family: "Karla", arial, sans-serif;

font-weight: 400;

letter-spacing: 0.18em; }

/* ==============================

6. Sections styles

============================== */

.page-section {

display: block;

position: relative;

padding: 50px 0;

background-repeat: no-repeat;

background-position: center center;

background-attachment: fixed;

-webkit-background-size: cover;

-khtml-background-size: cover;

-moz-background-size: cover;

-ms-background-size: cover;

-o-background-size: cover;

background-size: cover; }

.page-section .page-section-inner {

position: relative;

z-index: 1; }

.page-section.small-section {

padding: 30px 0; }

.page-section.bg-scroll {

background-attachment: scroll !important; }

.page-section.bg-dark-alfa-40:before {

content: "";

width: 100%;

height: 100%;

position: absolute;

top: 0;

left: 0;

background: rgba(0, 0, 0, 0.4); }

.page-small-width {

margin: 0 auto;

max-width: 900px;

padding: 0 15px; }

/* ==============================

7. Search

============================== */

.searchform {

margin: 0 auto;

position: relative; }

.searchform input[type=text] {

background: transparent;

width: 100%;

padding: 5px 40px 5px 10px; }

.searchform button {

background: none;

border: none;

height: 26px;

padding: 0;

right: 5px;

width: 26px;

line-height: 26px;

position: absolute;

-webkit-transform: translateY(-50%);

-khtml-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

top: 50%; }

.searchform button i {

line-height: 26px; }

#search-fullwidth {

background: #ffffff;

margin: 0 auto;

max-width: 1170px;

padding: 70px 200px;

position: relative; }

#search-fullwidth button.mfp-close {

color: #000000;

font-size: 0;

right: 15px;

top: 15px; }

#search-fullwidth button.mfp-close:before {

font-size: 18px;

font-family: FontAwesome;

content: "�?";

font-style: normal;

font-weight: normal;

position: absolute;

-webkit-transform: translate(-50%, -50%);

-khtml-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

-o-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

top: 50%;

left: 50%; }

#search-fullwidth .searchform input[type=text] {

border: none;

border-bottom: 2px solid #ebebeb;

padding: 10px 0;

height: auto;

font-size: 14px;

letter-spacing: 0.075em; }

#search-fullwidth .searchform button {

font-size: 14px; }

/* ==============================

8. Header

============================== */

.branding h1 {

margin: 0;

font-size: 24px; }

.topbar .branding {

position: absolute;

-webkit-transform: translate(-50%, -50%);

-khtml-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

-o-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

top: 50%;

left: 50%;

z-index: 1; }

.topbar .branding h1 {

line-height: 40px; }

.topbar {

height: 40px;

background-color: #fdfdfc;

border-bottom: 1px solid #f6f6f6;

text-align: center;

position: relative;

z-index: 30; }

.topbar .topbar-left {

text-align: left; }

.topbar .topbar-left li:first-child .top-navigation-submenu {

left: 9px; }

.topbar .topbar-right {

text-align: right; }

.topbar .topbar-right .top-navigation {

float: right; }

.topbar .topbar-right .top-navigation .top-navigation-submenu {

left: auto;

right: 0; }

.topbar .topbar-right .top-navigation li:last-child .top-navigation-submenu {

right: 9px; }

.top-navigation {

margin: 0;

padding: 0;

list-style: none; }

.top-navigation > li {

display: inline-block;

border-left: 1px solid #f6f6f6;

position: relative;

float: left; }

.top-navigation > li:last-child {

border-right: 1px solid #f6f6f6; }

.top-navigation > li.wishlist-item > a > span {

background: #f6f6f6;

color: #000000;

font-size: 12px;

margin-left: 10px;

padding: 3px 5px; }

.top-navigation > li.shopping-bag-item a > span {

padding: 2px 8px;

background: #dce9b7;

color: #000000;

font-size: 10px;

margin-left: 10px; }

.top-navigation > li.language-switcher li, .top-navigation > li.currency-switcher li {

border-bottom: 1px solid #f6f6f6; }

.top-navigation > li.language-switcher li:last-child, .top-navigation > li.currency-switcher li:last-child {

border: none; }

.top-navigation > li.language-switcher li a, .top-navigation > li.currency-switcher li a {

display: block;

padding: 5px 10px 5px 10px;

color: #999999; }

.top-navigation > li.language-switcher li a:hover, .top-navigation > li.currency-switcher li a:hover {

color: #000000; }

.top-navigation > li.language-switcher .top-navigation-submenu, .top-navigation > li.currency-switcher .top-navigation-submenu {

width: 200px; }

.top-navigation > li.myaccount-item .top-navigation-submenu {

width: 508px; }

.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form,

.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-create {

padding: 25px 15px; }

.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form {

border-bottom: 1px solid #f6f6f6; }

.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form p {

margin-bottom: 20px; }

.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form p :last-child {

margin: 0; }

.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label {

color: #999999;

font-size: 14px;

font-weight: normal; }

.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label.inline {

margin-left: 30px;

color: #666666; }

.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label.inline input {

margin-right: 10px; }

.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form a.forget-password {

float: right;

color: #999999;

margin-top: 4px; }

.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form a.forget-password:hover {

color: #000000; }

.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-create {

line-height: 36px; }

.top-navigation > li > a {

text-transform: uppercase;

/* color: #999999; */color: #000000;;

letter-spacing: 0.12em;

font-size: 12px;

line-height: 40px;

padding: 0 15px;

display: inline-block; }

.top-navigation > li > a:hover {

color: #000000; }

.top-navigation > li .top-navigation-submenu {

background: #FFFFFF;

position: absolute;

left: 0;

top: 40px;

width: 340px;

text-align: left;

-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);

-khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);

-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);

-ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);

-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);

box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);

border-top: 1px solid #f6f6f6;

margin: 0;

padding: 0;

list-style: none;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0;

-webkit-transform: translate(0, 40px);

-khtml-transform: translate(0, 40px);

-moz-transform: translate(0, 40px);

-ms-transform: translate(0, 40px);

-o-transform: translate(0, 40px);

transform: translate(0, 40px);

-webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

-khtml-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

-moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

-ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

-o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

visibility: hidden; }

.top-navigation > li .top-navigation-submenu h3.submenu-heading {

text-align: center;

font-size: 14px;

color: #000000;

line-height: 40px;

border-bottom: 1px solid #f6f6f6;

margin: 0;

letter-spacing: 0.02em; }

.top-navigation > li:hover .top-navigation-submenu {

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1;

-webkit-transform: translate(0, 0);

-khtml-transform: translate(0, 0);

-moz-transform: translate(0, 0);

-ms-transform: translate(0, 0);

-o-transform: translate(0, 0);

transform: translate(0, 0);

visibility: visible; }

.shopping-bag .cart_block_no_products {

margin: 0;

padding: 18px;

text-align: center; }

.shopping-bag .bag-products .bag-product {

padding: 18px;

border-bottom: 1px solid #F6f6f6;

position: relative; }

.shopping-bag .bag-products .bag-product:before, .shopping-bag .bag-products .bag-product:after {

content: " ";

display: table; }

.shopping-bag .bag-products .bag-product:after {

clear: both; }

.shopping-bag .bag-products .bag-product figure {

float: left;

position: relative;

z-index: 1; }

.shopping-bag .bag-products .bag-product figure img {

height: auto;

max-width: 90px; }

.shopping-bag .bag-products .bag-product .bag-product-details {

padding-left: 105px;

position: relative; }

.shopping-bag .bag-products .bag-product .bag-product-details .bag-product-title {

font-size: 14px;

text-transform: none;

margin: 0 0 10px;

padding-right: 10px; }

.shopping-bag .bag-products .bag-product .bag-product-details .bag-product-title:hover {

text-decoration: underline; }

.shopping-bag .bag-products .bag-product .bag-product-details > div {

color: #999999;

line-height: 25px;

font-size: 13px; }

.shopping-bag .bag-products .bag-product .remove {

color: #000000;

font-size: 12px;

line-height: 1;

position: absolute;

right: 12px;

top: 18px; }

.shopping-bag .bag-products .bag-product .remove:before {

font-family: FontAwesome;

content: "�?";

font-style: normal;

font-weight: normal; }

.shopping-bag .bag-products .bag-product .remove:hover {

color: red; }

.shopping-bag .bag-buttons {

padding: 30px 65px; }

.shopping-bag .bag-buttons a {

margin-bottom: 30px; }

.shopping-bag .bag-buttons a:last-child {

margin-bottom: 0; }

.mobile-tool {

position: absolute;

-webkit-transform: translateY(-50%);

-khtml-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

top: 50%;

right: 0;

display: none; }

.mobile-tool a {

display: block;

float: right;

line-height: 1;

margin-left: 15px; }

.mobile-tool a:last-child {

margin: 0; }

.mobile-tool a.mobile-tool-cart {

font-size: 26px;

position: relative;

margin-top: 2px; }

.mobile-tool a.mobile-tool-cart span {

font-size: 12px;

position: absolute;

right: 0;

top: -6px; }

#hamburger-icon {

padding: 10px; }

#hamburger-icon .hamburger-icon-inner {

width: 20px;

height: 12px;

position: relative;

display: block; }

#hamburger-icon .line {

display: block;

background: #000000;

width: 20px;

height: 2px;

position: absolute;

left: 0;

-webkit-border-radius: 1px;

-khtml-border-radius: 1px;

-moz-border-radius: 1px;

-ms-border-radius: 1px;

-o-border-radius: 1px;

border-radius: 1px;

-webkit-transition: all 0.4s;

-khtml-transition: all 0.4s;

-moz-transition: all 0.4s;

-ms-transition: all 0.4s;

-o-transition: all 0.4s;

transition: all 0.4s; }

#hamburger-icon .line.line-1 {

top: 0; }

#hamburger-icon .line.line-2 {

top: 50%; }

#hamburger-icon .line.line-3 {

top: 100%; }

#hamburger-icon.active .line-1 {

-webkit-transform: translateY(6px) translateX(0) rotate(45deg);

-khtml-transform: translateY(6px) translateX(0) rotate(45deg);

-moz-transform: translateY(6px) translateX(0) rotate(45deg);

-ms-transform: translateY(6px) translateX(0) rotate(45deg);

-o-transform: translateY(6px) translateX(0) rotate(45deg);

transform: translateY(6px) translateX(0) rotate(45deg); }

#hamburger-icon.active .line-2 {

top: 100%;

-webkit-transform: translateY(6px);

-khtml-transform: translateY(6px);

-moz-transform: translateY(6px);

-ms-transform: translateY(6px);

-o-transform: translateY(6px);

transform: translateY(6px); }

#hamburger-icon.active .line-3 {

-webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);

-khtml-transform: translateY(-6px) translateX(0) rotate(-45deg);

-moz-transform: translateY(-6px) translateX(0) rotate(-45deg);

-ms-transform: translateY(-6px) translateX(0) rotate(-45deg);

-o-transform: translateY(-6px) translateX(0) rotate(-45deg);

transform: translateY(-6px) translateX(0) rotate(-45deg); }

.navbar-container {

position: relative;

width: 100%;

background: #FFFFFF; }

.navbar-container.is-sticky {

position: fixed;

top: 0;

left: 0; }

.navbar-container.is-sticky .navbar-container-inner {

height: 60px;

line-height: 60px;

-webkit-transition: all .5s ease-in-out 0s;

-khtml-transition: all .5s ease-in-out 0s;

-moz-transition: all .5s ease-in-out 0s;

-ms-transition: all .5s ease-in-out 0s;

-o-transition: all .5s ease-in-out 0s;

transition: all .5s ease-in-out 0s; }

.navbar-container.is-sticky .branding h1 {

line-height: 60px;

-webkit-transition: all .5s ease-in-out 0s;

-khtml-transition: all .5s ease-in-out 0s;

-moz-transition: all .5s ease-in-out 0s;

-ms-transition: all .5s ease-in-out 0s;

-o-transition: all .5s ease-in-out 0s;

transition: all .5s ease-in-out 0s; }

.navbar-container .navbar-container-inner {

position: relative;

height: 90px;

line-height: 90px; }

.navbar-container .branding {

float: left; }

.navbar-container .branding h1 {

line-height: 90px; }

.navbar-container #nav {

float: right; }

.navbar-container #nav > ul {

margin: 0;

padding: 0;

list-style: none;

float: right; }

.navbar-container #nav > ul#main-nav-tool {

margin-left: 66px; }

.navbar-container #nav > ul#main-nav-tool li {

display: inline-block;

margin-left: 30px; }

.navbar-container #nav > ul#main-nav-tool li:first-child {

margin-left: 0; }

.navbar-container #nav #main-navigation {

margin: 0;

padding: 0;

list-style: none; }

.navbar-container #nav #main-navigation li.active > a {

color: #000; }

.navbar-container #nav #main-navigation > li {

display: inline-block;

position: relative;

/* margin-left: 20px; */ }

.navbar-container #nav #main-navigation > li.kt-megamenu-item {

position: static; }

.navbar-container #nav #main-navigation > li:first-child {

margin-left: 0; }

.navbar-container #nav #main-navigation > li:first-child > a {

padding-left: 0; }

.navbar-container #nav #main-navigation > li:last-child > a {

padding-right: 0; }

.navbar-container #nav #main-navigation > li > a {

text-transform: uppercase;

padding: 0 22px;

color: #999999;

letter-spacing: 0.04em;

font-weight: bold; }

.navbar-container #nav #main-navigation > li > a:hover {

color: #000000; }

.navbar-container #nav #main-navigation > li.active > a {

color: #000000; }

.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown,

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper {

border-top: 1px solid #f6f6f6;

background: #FFFFFF;

position: absolute;

top: 100%;

left: 0;

visibility: hidden;

line-height: normal;

width: 308px;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0;

-webkit-transform: translate(0, 40px);

-khtml-transform: translate(0, 40px);

-moz-transform: translate(0, 40px);

-ms-transform: translate(0, 40px);

-o-transform: translate(0, 40px);

transform: translate(0, 40px);

-webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

-khtml-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

-moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

-ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

-o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);

-khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);

-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);

-ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);

-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);

box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);

text-align: left; }

.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown {

list-style: none;

padding: 0;

margin: 0; }

.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li {

border-bottom: 1px solid #f6f6f6; }

.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li a {

padding: 20px;

display: block;

color: #999999;

font-size: 14px; }

.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li a:hover {

color: #000000; }

.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li ul.sub-menu-dropdown {

left: 100%;

top: -1px; }

.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown.right-overflow {

right: 0;

left: auto;

top: 100%; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper {

width: 100%; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul {

display: table;

list-style: none;

margin: 0;

padding: 0;

table-layout: fixed;

width: 100%; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li {

border-right: 1px solid #f6f6f6;

display: table-cell;

float: none;

vertical-align: top; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li:last-child {

border: none; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > a,

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > span {

color: #000000;

font-size: 15px;

display: block;

padding: 40px 28px 24px;

border-bottom: 1px solid #f6f6f6; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul {

list-style: none;

padding: 0;

margin: 0; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li {

display: block;

border-bottom: 1px solid #f6f6f6; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li :last-child {

border-bottom: none; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > a,

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > span {

padding: 30px 26px 22px;

display: block;

color: #999999;

font-size: 14px; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > a:hover,

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > span:hover {

color: #000000; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-4 > ul > li {

width: 25%; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-3 > ul > li {

width: 33.33%; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-2 > ul > li {

width: 50%; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-position-left-menubar {

right: auto;

left: 0; }

.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-position-right-menubar {

right: 0;

left: auto; }

.navbar-container #nav #main-navigation > li.megamenu-width-50 .kt-megamenu-wrapper {

width: 50%; }

.navbar-container #nav #main-navigation > li.megamenu-width-75 .kt-megamenu-wrapper {

width: 75%; }

.navbar-container #nav #main-navigation > li.megamenu-width-80 .kt-megamenu-wrapper {

width: 80%; }

.navbar-container #nav #main-navigation > li.megamenu-width-90 .kt-megamenu-wrapper {

width: 90%; }

.navbar-container #nav #main-navigation li:hover > ul.sub-menu-dropdown,

.navbar-container #nav #main-navigation li:hover .kt-megamenu-wrapper {

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1;

-webkit-transform: translate(0, 0);

-khtml-transform: translate(0, 0);

-moz-transform: translate(0, 0);

-ms-transform: translate(0, 0);

-o-transform: translate(0, 0);

transform: translate(0, 0);

visibility: visible; }

.navbar-container #nav #main-navigation li ul.sub-menu-dropdown li > ul.sub-menu-dropdown.right-overflow {

right: 100%;

left: auto; }

.main-nav-mobile {

overflow-y: scroll;

position: fixed;

width: 100%;

max-height: 400px;

background: #fff none repeat scroll 0 0;

border-top: 1px solid #ebebeb;

border-bottom: 1px solid #ebebeb;

display: none; }

.main-nav-mobile li {

position: relative; }

.main-nav-mobile > ul {

margin: 0;

padding: 0;

list-style: none; }

.main-nav-mobile > ul > li {

position: relative;

-webkit-transform: translateX(-30px);

-khtml-transform: translateX(-30px);

-moz-transform: translateX(-30px);

-ms-transform: translateX(-30px);

-o-transform: translateX(-30px);

transform: translateX(-30px);

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0; }

.main-nav-mobile > ul > li:nth-child(1) {

-webkit-transition: all 0.3s ease-out 0.1s;

-khtml-transition: all 0.3s ease-out 0.1s;

-moz-transition: all 0.3s ease-out 0.1s;

-ms-transition: all 0.3s ease-out 0.1s;

-o-transition: all 0.3s ease-out 0.1s;

transition: all 0.3s ease-out 0.1s; }

.main-nav-mobile > ul > li:nth-child(2) {

-webkit-transition: all 0.3s ease-out 0.2s;

-khtml-transition: all 0.3s ease-out 0.2s;

-moz-transition: all 0.3s ease-out 0.2s;

-ms-transition: all 0.3s ease-out 0.2s;

-o-transition: all 0.3s ease-out 0.2s;

transition: all 0.3s ease-out 0.2s; }

.main-nav-mobile > ul > li:nth-child(3) {

-webkit-transition: all 0.3s ease-out 0.3s;

-khtml-transition: all 0.3s ease-out 0.3s;

-moz-transition: all 0.3s ease-out 0.3s;

-ms-transition: all 0.3s ease-out 0.3s;

-o-transition: all 0.3s ease-out 0.3s;

transition: all 0.3s ease-out 0.3s; }

.main-nav-mobile > ul > li:nth-child(4) {

-webkit-transition: all 0.3s ease-out 0.4s;

-khtml-transition: all 0.3s ease-out 0.4s;

-moz-transition: all 0.3s ease-out 0.4s;

-ms-transition: all 0.3s ease-out 0.4s;

-o-transition: all 0.3s ease-out 0.4s;

transition: all 0.3s ease-out 0.4s; }

.main-nav-mobile > ul > li:nth-child(5) {

-webkit-transition: all 0.3s ease-out 0.5s;

-khtml-transition: all 0.3s ease-out 0.5s;

-moz-transition: all 0.3s ease-out 0.5s;

-ms-transition: all 0.3s ease-out 0.5s;

-o-transition: all 0.3s ease-out 0.5s;

transition: all 0.3s ease-out 0.5s; }

.main-nav-mobile > ul > li:nth-child(6) {

-webkit-transition: all 0.3s ease-out 0.6s;

-khtml-transition: all 0.3s ease-out 0.6s;

-moz-transition: all 0.3s ease-out 0.6s;

-ms-transition: all 0.3s ease-out 0.6s;

-o-transition: all 0.3s ease-out 0.6s;

transition: all 0.3s ease-out 0.6s; }

.main-nav-mobile > ul > li:nth-child(7) {

-webkit-transition: all 0.3s ease-out 0.7s;

-khtml-transition: all 0.3s ease-out 0.7s;

-moz-transition: all 0.3s ease-out 0.7s;

-ms-transition: all 0.3s ease-out 0.7s;

-o-transition: all 0.3s ease-out 0.7s;

transition: all 0.3s ease-out 0.7s; }

.main-nav-mobile > ul > li:nth-child(8) {

-webkit-transition: all 0.3s ease-out 0.8s;

-khtml-transition: all 0.3s ease-out 0.8s;

-moz-transition: all 0.3s ease-out 0.8s;

-ms-transition: all 0.3s ease-out 0.8s;

-o-transition: all 0.3s ease-out 0.8s;

transition: all 0.3s ease-out 0.8s; }

.main-nav-mobile > ul > li:nth-child(9) {

-webkit-transition: all 0.3s ease-out 0.9s;

-khtml-transition: all 0.3s ease-out 0.9s;

-moz-transition: all 0.3s ease-out 0.9s;

-ms-transition: all 0.3s ease-out 0.9s;

-o-transition: all 0.3s ease-out 0.9s;

transition: all 0.3s ease-out 0.9s; }

.main-nav-mobile > ul > li:nth-child(10) {

-webkit-transition: all 0.3s ease-out 1s;

-khtml-transition: all 0.3s ease-out 1s;

-moz-transition: all 0.3s ease-out 1s;

-ms-transition: all 0.3s ease-out 1s;

-o-transition: all 0.3s ease-out 1s;

transition: all 0.3s ease-out 1s; }

.main-nav-mobile > ul > li > a {

border-bottom: 1px solid #ebebeb;

color: #999999;

font-weight: bold;

text-transform: uppercase;

letter-spacing: 0.075em;

display: block;

padding: 10px 60px 10px 15px;

position: relative;

font-size: 13px; }

.main-nav-mobile > ul > li > a:hover {

color: #000000; }

.main-nav-mobile > ul > li a > .open-submenu {

cursor: pointer;

height: 100%;

line-height: 50px;

position: absolute;

right: 0;

text-align: center;

top: 0;

width: 40px; }

.main-nav-mobile > ul > li a > .open-submenu:after {

font-size: 15px;

font-family: FontAwesome;

content: "";

font-style: normal;

font-weight: normal; }

.main-nav-mobile > ul > li ul.sub-menu-dropdown,

.main-nav-mobile > ul > li div.kt-megamenu-wrapper {

border-bottom: 1px solid #ebebeb;

display: none; }

.main-nav-mobile > ul > li ul.sub-menu-dropdown,

.main-nav-mobile > ul > li ul.sub-menu-megamenu {

margin: 0;

padding: 0;

list-style: none; }

.main-nav-mobile > ul > li ul.sub-menu-dropdown li a,

.main-nav-mobile > ul > li ul.sub-menu-megamenu li a {

padding: 0 10px 0 25px;

font-size: 13px;

display: block; }

.main-nav-mobile > ul > li ul.sub-menu-dropdown {

padding: 15px 0; }

.main-nav-mobile > ul > li ul.sub-menu-dropdown ul.sub-menu-dropdown {

border: medium none;

margin-left: 20px;

padding: 0; }

.main-nav-mobile > ul > li div.kt-megamenu-wrapper {

padding: 10px 0; }

.main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul {

margin: 0;

padding: 0;

list-style: none; }

.main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li {

margin-bottom: 10px; }

.main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li > a,

.main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li > span {

display: block;

font-size: 15px;

color: #000000;

padding: 3px 10px 3px 25px;

text-transform: uppercase; }

.main-nav-mobile > ul > li .searchform {

margin: 10px; }

.main-nav-mobile > ul > li .searchform input[type="text"] {

border-width: 1px; }

.main-nav-mobile > ul > li.active-menu-item > a > .open-submenu:after {

content: '\f106'; }

body.opened-nav-animate {

height: 100%;

overflow: hidden !important;

position: fixed;

width: 100%; }

body.opened-nav-animate .main-nav-mobile {

display: block; }

body.opened-nav-animate.opened-nav .main-nav-mobile > ul li {

-webkit-transform: translateX(0);

-khtml-transform: translateX(0);

-moz-transform: translateX(0);

-ms-transform: translateX(0);

-o-transform: translateX(0);

transform: translateX(0);

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1; }

#header {

position: relative;

z-index: 100; }

#header.header-full-center .navbar-container {

padding: 0 77px; }

#header.header-full-center .navbar-container .branding {

position: absolute;

left: 0;

top: 0;

z-index: 10; }

#header.header-full-center .navbar-container .main-navigation-outer {

position: relative; }

#header.header-full-center #nav {

float: none; }

#header.header-full-center #nav > ul#main-nav-tool {

position: absolute;

right: 0;

top: 0; }

#header.header-full-center #nav #main-navigation {

float: none;

text-align: center; }

#header.navigation-right .mobile-tool {

left: 0;

right: auto; }

#header.navigation-right .mobile-tool a {

float: left;

margin-right: 0;

margin-left: 15px; }

#header.navigation-right .mobile-tool a:first-child {

margin-left: 0; }

#header.navigation-right #nav {

float: left; }

#header.navigation-right .branding {

float: right; }

#header.navigation-center .navbar-container .branding {

display: none; }

#header.navigation-center .navbar-container .branding a {

position: relative;

z-index: 10; }

#header.navigation-center .mobile-tool {

width: 100%; }

#header.navigation-center .mobile-tool a#hamburger-icon {

float: left;

margin: 0; }

#header.navigation-center .mobile-tool .mobile-tool-cart {

margin-right: 10px; }

#header.header-shadow .navbar-container {

-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }

/* ==============================

9. Footer

============================== */

#footer-top {

background: #63d4e7;

padding: 30px 0 20px; }

#footer-area {

padding: 40px 0 20px;

position: relative; }

#footer-area .footer-area-inner {

padding: 40px 60px 20px; }

#footer-area .footer-area-right {

padding: 60px 65px;

color: #FFFFFF; }

#footer-area .footer-area-right .widget-title {

color: #FFFFFF; }

#footer-area .widget-container {

margin-bottom: 5px;

border: none;

padding: 0; }

#footer-area .widget-container .widget-title {

text-transform: uppercase;

margin: 0 0 5px;

/* letter-spacing: 0.2em; */ }

#footer-bottom {

padding: 5px 0;

background: #f6f6f6; }

#footer-bottom .widget-container {

margin: 0;

padding: 0; }

#footer-bottom .widget-container .widget-title {

margin: 8px 0;

text-transform: uppercase; }

#footer-bottom .social-nav {

margin-top: 10px; }

#footer-copyright {

padding: 30px 0 0 0 ;

color: #ffffff;

text-align: center; }

#footer-copyright .container .social-nav,

#footer-copyright .container .footer-copyright {

margin-bottom: 10px; }

#footer-copyright .container .footer-copyright {

font-size: 12px; line-height:1.5; }

#footer-copyright .container > *:last-child {

margin-bottom: 0; }

#footer-copyright a:link, a:active, a:hover, a:focus{

/* color: #ffffff; */

text-decoration: none; }

.footer-text {color: #ffffff;font-size: 12px;line-height:1.5;}

.footer-text a {color: #ffffff;font-size: 12px;line-height:1.5;}

/* ==============================

10. Shortcodes

============================== */

/*

* 10.1 Heading Section

*/

.kt-heading-wrapper {

text-align: center;

margin-bottom: 50px; }

.kt-heading-wrapper .kt-heading-divider {

width: 60px;

margin: 0 auto; }

.kt-heading-wrapper .kt-heading-divider path {

fill: #999999; }

.kt-heading-wrapper .kt-heading-title {

line-height: 30px;

margin: 24px 0 10px; }

.kt-heading-wrapper .kt-heading-subtitle {

font-size: 12px;

text-transform: uppercase;

letter-spacing: 0.3em; }

.kt-heading-wrapper .kt-heading-subtitle a {

color: #999999; }

.kt-heading-wrapper .kt-heading-subtitle a:hover {

color: #000000; }

/*

* 10.2 Hightlight

*/

.hightlight {

color: #ffffff;

padding: 0 4px;

border-radius: 3px; }

.hightlight.hightlight1 {

background: #c7db9c; }

.hightlight.hightlight2 {

background: #ed8b5c; }

.hightlight.hightlight3 {

background: #f4dc86; }

.hightlight.hightlight4 {

background: #bce5d3; }

/*

* 10.3 Dropcap

*/

.kt_dropcap {

float: left;

display: block;

margin-right: 10px;

font-weight: bold;

text-align: center; }

.kt_dropcap.dropcap-sm {

font-size: 72px;

line-height: 72px;

height: 72px; }

.kt_dropcap.dropcap-sm.dropcap-bg {

font-size: 30px;

line-height: 40px;

height: 40px; }

.kt_dropcap.dropcap-sm.dropcap-bg.dropcap-circle {

width: 40px; }

.kt_dropcap.dropcap-md {

font-size: 100px;

line-height: 100px;

height: 100px; }

.kt_dropcap.dropcap-md.dropcap-bg {

font-size: 48px;

line-height: 65px;

height: 65px; }

.kt_dropcap.dropcap-md.dropcap-bg.dropcap-circle {

width: 65px; }

.kt_dropcap.dropcap-gray {

color: #bce5d3; }

.kt_dropcap.dropcap-black {

color: #000000; }

.kt_dropcap.dropcap-orange {

color: #ed8b5c; }

.kt_dropcap.dropcap-bg {

padding: 0 10px;

margin-top: 10px; }

.kt_dropcap.dropcap-bg.dropcap-circle {

border-radius: 100%; }

.kt_dropcap.dropcap-bg.dropcap-gray {

background: #bce5d3;

color: #fff; }

.kt_dropcap.dropcap-bg.dropcap-black {

background: #000000;

color: #fff; }

.kt_dropcap.dropcap-bg.dropcap-orange {

background: #ed8b5c;

color: #fff; }

/*

* 10.4 Lists

*/

ul.style-list {

padding: 0;

margin: 0 0 30px;

list-style: none; }

ul.style-list li {

padding-left: 52px;

margin-bottom: 20px;

position: relative;

line-height: 30px; }

ul.style-list li:after {

width: 30px;

height: 30px;

position: absolute;

left: 0;

top: 0;

text-align: center; }

ul.style-list.style1 {

counter-reset: my-badass-counter; }

ul.style-list.style1 li:after {

content: counter(my-badass-counter,decimal);

counter-increment: my-badass-counter;

border-radius: 100%;

border: 1px solid #d8d8d8;

font-size: 14px;

color: #000;

line-height: 28px; }

ul.style-list.style2 li:after {

border-radius: 100%;

background: #ed8b5c;

color: #fff;

font-size: 10px;

line-height: 28px;

font-family: FontAwesome;

content: "";

font-style: normal;

font-weight: normal; }

ul.style-list.style3 li:after {

border-radius: 100%;

border: 1px solid #d8d8d8;

font-size: 14px;

color: #000;

line-height: 28px;

font-family: FontAwesome;

content: "";

font-style: normal;

font-weight: normal; }

/*

* 10.5 Alert

*/

.alert {

padding: 10px 40px 10px 100px;

border: 1px solid #dce2ed;

border-radius: 0;

position: relative;

line-height: 24px;

margin-bottom: 30px; }

.alert .alert_title {

font-size: 18px;

letter-spacing: 0.05em;

margin: 0 0 5px;

text-transform: none; }

.alert button.close {

position: absolute;

top: 14px;

right: 18px;

margin: 0;

text-shadow: none;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1;

font-weight: normal;

font-size: 18px; }

.alert:after {

font-family: FontAwesome;

content: "";

font-style: normal;

font-weight: normal;

text-transform: none;

left: 0;

position: absolute;

text-align: center;

top: 50%;

font-size: 36px;

-webkit-transform: translateY(-50%);

-khtml-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

width: 100px;

color: #9fadbd; }

.alert.alert-info:after {

content: "\f05a";

color: #f95b46; }

.alert.alert-success:after {

content: "\f058";

color: #84be20; }

.alert.alert-warning:after {

content: "\f071";

color: #e7ad24; }

.alert.alert-danger:after {

content: "\f05a";

color: #f56048; }

.alert.alert-normal {

color: #7a8692; }

.alert.alert-normal .alert_title, .alert.alert-normal button.close {

color: #7a8692; }

.alert.alert-info {

color: #c86353; }

.alert.alert-info .alert_title, .alert.alert-info button.close {

color: #c86353; }

.alert.alert-success {

color: #84be20; }

.alert.alert-success .alert_title, .alert.alert-success button.close {

color: #84be20; }

.alert.alert-warning {

color: #d99e12; }

.alert.alert-warning .alert_title, .alert.alert-warning button.close {

color: #d99e12; }

.alert.alert-danger {

color: #eff2f5; }

.alert.alert-danger .alert_title, .alert.alert-danger button.close {

color: #eff2f5; }

.alert.style1.alert-normal {

background: #ececec; }

.alert.style1.alert-info {

background: #f9b5aa; }

.alert.style1.alert-success {

background: #e7f6cd; }

.alert.style1.alert-warning {

background: #faf4d4; }

.alert.style1.alert-danger {

background: #252932; }

.alert.style2 {

background: none !important; }

.alert.style2.alert-danger {

color: #818d9a; }

.alert.style2.alert-danger .alert_title {

color: #6c7884; }

.alert.style2.alert-danger button.close {

color: #f56048; }

/*

* 10.6 Tabs

*/

.kt-tab-container {

margin-bottom: 30px; }

.kt-tab-container .tabs {

padding: 0;

list-style: none;

margin: 0 0 0px;

background: #fff;

-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

-khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }

.kt-tab-container .tabs li {

float: left;

margin-right: 15px; }

.kt-tab-container .tabs li a {

display: inline-block;

padding: 22px 30px;

line-height: normal;

font-size: 14px;

color: #999;

font-weight: bold;

text-transform: uppercase; }

.kt-tab-container .tabs li.ui-tabs-active a {

color: #000; }

.kt-tab-container .kt-tab-content {

background: #fff;

-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

-khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

padding: 30px; }

.kt-tab-container .kt-tab-content p {

margin: 0; }

/*

* 10.7 Accordion

*/

.kt-accordion {

margin: 0 0 30px; }

.kt-accordion .kt-accortion-title {

padding: 20px 30px;

font-size: 14px;

text-transform: uppercase;

font-weight: bold;

font-family: "Karla", arial, sans-serif;

letter-spacing: 0;

margin: 0 0 20px;

cursor: pointer;

position: relative; }

.kt-accordion .kt-accortion-title .ui-accordion-header-icon {

position: absolute;

width: 10px;

height: 10px;

right: 30px;

top: 50%;

position: absolute;

-webkit-transform: translateY(-50%);

-khtml-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

top: 50%;

display: block; }

.kt-accordion .kt-accortion-title .ui-accordion-header-icon:after {

font-family: FontAwesome;

content: "�?�";

font-style: normal;

font-weight: normal;

font-size: 10px;

position: absolute;

-webkit-transform: translate(-50%, -50%);

-khtml-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

-o-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

top: 50%;

left: 50%;

font-weight: normal; }

.kt-accordion .kt-accortion-title.ui-accordion-header-active .ui-accordion-header-icon:after {

content: "\f068"; }

.kt-accordion.style1 .kt-accortion-title {

background: #f6f6f6; }

.kt-accordion.style1 .kt-accortion-title.ui-accordion-header-active {

background: #000;

color: #fff; }

.kt-accordion.style2 .kt-accortion-title {

border-top: 1px solid #efefef;

border-bottom: 1px solid #efefef; }

.kt-accordion.style2 .kt-accortion-title.ui-accordion-header-active {

color: #333946; }

.kt-accordion.style3 .kt-accortion-title {

background: #f6f6f6; }

.kt-accordion.style3 .kt-accortion-title.ui-accordion-header-active {

background-color: #a7c8eb;

background-image: -webkit-gradient(linear, left top, right top, from(#a7c8eb), to(#bce5d3));

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a7c8eb', endColorStr='#bce5d3', gradientType='1');

color: #fff; }

.kt-accordion.style4 .kt-accortion-title {

background: #fff;

-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

-khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }

.kt-accordion .kt-accordion-content {

padding: 10px 30px 30px; }

/*

* 10.8 Tooltip

*/

.tooltip {

opacity: 1;

font-size: 14px;

font-family: "Karla", arial, sans-serif; }

.tooltip .tooltip-inner {

-webkit-border-radius: 0;

-khtml-border-radius: 0;

-moz-border-radius: 0;

-ms-border-radius: 0;

-o-border-radius: 0;

border-radius: 0;

padding: 10px 15px; }

.tooltip.top {

margin-top: -10px; }

.tooltip.top .tooltip-arrow {

border-width: 10px 10px 0;

bottom: -5px;

left: 50%;

margin-left: -7px; }

/*

* 10.9 Socials

*/

.social-nav {

margin: 0;

padding: 0;

list-style: none; }

.social-nav li {

display: inline-block;

padding: 0 22px;

font-size: 14px; }

.social-nav li a {

-webkit-transform: translatey(0);

-khtml-transform: translatey(0);

-moz-transform: translatey(0);

-ms-transform: translatey(0);

-o-transform: translatey(0);

transform: translatey(0);

-webkit-transition: all 0.2s ease 0s;

-khtml-transition: all 0.2s ease 0s;

-moz-transition: all 0.2s ease 0s;

-ms-transition: all 0.2s ease 0s;

-o-transition: all 0.2s ease 0s;

transition: all 0.2s ease 0s;

display: inline-block; }

.social-nav li:hover a {

-webkit-transform: translatey(-6px);

-khtml-transform: translatey(-6px);

-moz-transform: translatey(-6px);

-ms-transform: translatey(-6px);

-o-transform: translatey(-6px);

transform: translatey(-6px); }

.social-nav li:first-child {

padding-left: 0; }

.social-nav li:last-child {

padding-right: 0; }

/*

* 10.10 Newsletter

*/

.newsletters-form {

margin: 0 auto;

position: relative; }

.newsletters-form input[type=email] {

background: transparent;

width: 100%;

height: 44px;

padding: 5px 40px 10px 10px;

font-size: 14px;

border-color: #dddddd; }

.newsletters-form button {

background: none;

border: none;

height: 44px;

padding: 0;

right: 0;

width: 44px;

font-size: 18px;

position: absolute;

-webkit-transform: translateY(-50%);

-khtml-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

top: 50%; }

.newsletters-form button i {

line-height: 44px; }

.newsletters-form input[type=email],

.newsletters-form button {

color: #666666; }

.newsletters-form.style2 input[type=email] {

border: none;

border-bottom: 2px solid #000000;

height: auto;

padding-left: 0;

padding-top: 0; }

.newsletters-form.style2 button {

text-align: right; }

.newsletters-form.style2 input[type=email],

.newsletters-form.style2 button {

color: #000000; }

.newsletters-outer {

margin-bottom: 30px; }

.newsletters-outer .newsletters-before {

margin-bottom: 35px; }

.newsletters-outer .newsletters-title {

color: #c7db9c;

letter-spacing: 0.2em; }

.newsletters-outer .newsletters-form input[type="email"],

.newsletters-outer .newsletters-form button {

color: #000000; }

.newsletters-wrapper {border: none;background: #ffffff;padding: 26px;margin-bottom: 30px; text-align: center;float:left; }

.newsletters-wrapper h3 {

font-size: 18px;

margin: 0 0 20px; }

.newsletters-wrapper .newsletters-before {

margin-bottom: 10px;

color: #666666; }

/*

* 10.11 banner

*/

.banner {

position: relative;

text-align: center;

overflow: hidden;

margin-bottom: 30px; }

.banner.banner-dark:after {

content: '';

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.4);

z-index: 5;

-webkit-transition: all 0.2s ease-in-out 0s;

-khtml-transition: all 0.2s ease-in-out 0s;

-moz-transition: all 0.2s ease-in-out 0s;

-ms-transition: all 0.2s ease-in-out 0s;

-o-transition: all 0.2s ease-in-out 0s;

transition: all 0.2s ease-in-out 0s; }

.banner:hover.banner-dark:after {

background: rgba(0, 0, 0, 0.6); }

.banner img {

width: 100%; }

.banner .banner-content {

width: 100%;

position: absolute;

-webkit-transform: translate(-50%, -50%);

-khtml-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

-o-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

top: 50%;

left: 50%;

z-index: 10;

padding: 30px 60px; }

.banner .banner-content > *:last-child {

margin-bottom: 0; }

.banner .banner-link {

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

z-index: 15; }

.banner.position-bottom .banner-content {

bottom: 0;

left: 0;

top: auto;

-webkit-transform: translate(0px, 0px);

-khtml-transform: translate(0px, 0px);

-moz-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

-o-transform: translate(0px, 0px);

transform: translate(0px, 0px); }

.banner.position-bottom .btn {

padding-left: 50px;

padding-right: 50px; }

.banner.banner-left {

text-align: left; }

.banner.banner-right {

text-align: right; }

/*

* 10.12 Category banner

*/

.category-banner {

position: relative;

text-align: center;

overflow: hidden; }

.category-banner:after {

content: '';

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.2);

z-index: 5; }

.category-banner img {

width: 100%; }

.category-banner .category-banner-content {

width: 100%;

position: absolute;

-webkit-transform: translate(-50%, -50%);

-khtml-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

-o-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

top: 50%;

left: 50%;

z-index: 10; }

.category-banner .category-banner-content > *:last-child {

margin-bottom: 0; }

.category-banner .category-banner-content h1 {

margin-bottom: 35px; }

.category-banner .category-banner-content ul {

margin: 0;

list-style: none;

padding: 0;

max-height: 0;

overflow: hidden;

-webkit-transition: all 0.5s ease-in-out 0s;

-khtml-transition: all 0.5s ease-in-out 0s;

-moz-transition: all 0.5s ease-in-out 0s;

-ms-transition: all 0.5s ease-in-out 0s;

-o-transition: all 0.5s ease-in-out 0s;

transition: all 0.5s ease-in-out 0s; }

.category-banner .category-banner-content ul li {

font-size: 15px;

line-height: 30px; }

.category-banner .category-banner-content ul li a {

color: #f6f6f6; }

.category-banner .category-banner-content ul li a:hover {

color: #FFFFFF; }

.category-banner:hover ul {

margin: 0 0 35px;

max-height: 600px; }

/*

* 10.13 Flip box

*/

.flip-box {

-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

background: #ffffff none repeat scroll 0 0;

border-color: #ffffff;

color: #000000;

text-align: center;

position: relative;

overflow: hidden;

cursor: pointer;

margin-bottom: 30px; }

.flip-box .flip-box-before,

.flip-box .flip-box-after {

-webkit-transition: all 0.2s ease-out 0s;

-khtml-transition: all 0.2s ease-out 0s;

-moz-transition: all 0.2s ease-out 0s;

-ms-transition: all 0.2s ease-out 0s;

-o-transition: all 0.2s ease-out 0s;

transition: all 0.2s ease-out 0s; }

.flip-box .flip-box-before {

font-weight: bold;

letter-spacing: 0.2em;

font-family: "Roboto Slab", serif;

font-size: 24px;

padding: 44px 40px;

line-height: 38px;

text-transform: uppercase;

-webkit-transform: translate(0px, 0px);

-khtml-transform: translate(0px, 0px);

-moz-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

-o-transform: translate(0px, 0px);

transform: translate(0px, 0px); }

.flip-box .flip-box-after {

font-size: 16px;

color: #999999;

position: absolute;

top: 0;

width: 100%;

-webkit-transform: translate(0px, -100%);

-khtml-transform: translate(0px, -100%);

-moz-transform: translate(0px, -100%);

-ms-transform: translate(0px, -100%);

-o-transform: translate(0px, -100%);

transform: translate(0px, -100%); }

.flip-box:hover .flip-box-before {

-webkit-transform: translate(0, 100%);

-khtml-transform: translate(0, 100%);

-moz-transform: translate(0, 100%);

-ms-transform: translate(0, 100%);

-o-transform: translate(0, 100%);

transform: translate(0, 100%); }

.flip-box:hover .flip-box-after {

top: 50%;

-webkit-transform: translate(0, -50%);

-khtml-transform: translate(0, -50%);

-moz-transform: translate(0, -50%);

-ms-transform: translate(0, -50%);

-o-transform: translate(0, -50%);

transform: translate(0, -50%); }

/*

* 10.14 Feature icon

*/

.feature-icon {

margin: 0 0 30px;

padding: 30px;

position: relative;

text-align: center; }

.feature-icon .features-box-icon,

.feature-icon .features-box-title {

color: #FFFFFF; }

.feature-icon .features-box-icon a,

.feature-icon .features-box-title a {

color: #FFFFFF; }

.feature-icon .features-box-icon {

font-size: 48px;

margin-bottom: 25px; }

.feature-icon .features-box-title {

font-size: 14px;

letter-spacing: 0.2em;

margin: 0; }

/*

* 10.15 Single Image

*/

.single-image {

margin: 0 0 30px;

overflow: hidden; }

.single-image img {

-webkit-transition: all 1s ease-in-out 0s;

-khtml-transition: all 1s ease-in-out 0s;

-moz-transition: all 1s ease-in-out 0s;

-ms-transition: all 1s ease-in-out 0s;

-o-transition: all 1s ease-in-out 0s;

transition: all 1s ease-in-out 0s;

-webkit-transform: scale(1);

-khtml-transform: scale(1);

-moz-transform: scale(1);

-ms-transform: scale(1);

-o-transform: scale(1);

transform: scale(1); }

.single-image:hover img {

-webkit-transform: scale(1.2);

-khtml-transform: scale(1.2);

-moz-transform: scale(1.2);

-ms-transform: scale(1.2);

-o-transform: scale(1.2);

transform: scale(1.2); }

.single-image.no-effect:hover img {

-webkit-transform: scale(1);

-khtml-transform: scale(1);

-moz-transform: scale(1);

-ms-transform: scale(1);

-o-transform: scale(1);

transform: scale(1); }

/*

* 10.16 Client

*/

.client-item img {

margin: 0 auto; }

/*

* 10.17 About

*/

.about-wrapper {

padding: 58px 43px 30px;

color: #FFFFFF;

-webkit-background-size: cover;

-khtml-background-size: cover;

-moz-background-size: cover;

-ms-background-size: cover;

-o-background-size: cover;

background-size: cover;

background-position: center 550px;

margin: 0 0 30px; }

.about-wrapper .about-title {

color: #FFFFFF;

margin: 0 0 30px;

letter-spacing: 0.2em; }

/*

* 10.18 collection

*/

.collection-wrapper {

position: relative;

overflow: hidden; }

.collection-wrapper .left-collection {

position: absolute;

top: 0;

left: 0;

width: 45%; }

.collection-wrapper .right-collection {

position: absolute;

right: 0;

bottom: 0;

width: 41.6667%; }

.collection-wrapper .front-collection {

margin-top: 225px;

margin-bottom: 80px;

position: relative; }

.collection-wrapper .front-collection .collection-image {

text-align: center; }

.collection-wrapper .front-collection .collection-image img {

margin: 0 auto; }

.collection-wrapper .collection-content {

width: 33.3333%; }

.collection-wrapper .collection-content .collection-desc {

margin-bottom: 5px; }

/*

* 10.19 Box colored

*/

.box-colored {

margin-bottom: 30px;

color: #FFFFFF;

text-align: center; }

.box-colored .box-colored-image {

margin: 0 0 30px;

overflow: hidden; }

.box-colored .box-colored-image img {

-webkit-transition: all 1s ease-in-out 0s;

-khtml-transition: all 1s ease-in-out 0s;

-moz-transition: all 1s ease-in-out 0s;

-ms-transition: all 1s ease-in-out 0s;

-o-transition: all 1s ease-in-out 0s;

transition: all 1s ease-in-out 0s;

-webkit-transform: scale(1);

-khtml-transform: scale(1);

-moz-transform: scale(1);

-ms-transform: scale(1);

-o-transform: scale(1);

transform: scale(1); }

.box-colored:hover img {

-webkit-transform: scale(1.2);

-khtml-transform: scale(1.2);

-moz-transform: scale(1.2);

-ms-transform: scale(1.2);

-o-transform: scale(1.2);

transform: scale(1.2); }

.box-colored .box-colored-title {

color: #FFFFFF;

font-size: 14px;

letter-spacing: 0.2em;

margin: 0 0 30px; }

.box-colored .box-colored-title a {

padding: 55px 20px;

color: #FFFFFF;

display: block; }

.box-colored :last-child {

margin-bottom: 0; }

/*

* 10.20 Testimonials

*/

.testimonial-posts.light {

color: #FFFFFF; }

.testimonial-posts.light .testimonial-author {

color: #FFFFFF; }

.testimonial-posts.light .owl-pagination .owl-page {

background: #FFFFFF; }

.testimonial-posts.light .owl-pagination .owl-page:hover, .testimonial-posts.light .owl-pagination .owl-page.active {

background: #e5e5e5; }

.testimonial-item {

text-align: center; }

.testimonial-item .testimonial-content {

font-family: "Crete Round", serif;

font-size: 18px;

line-height: 30px;

margin: 0 auto 35px;

max-width: 865px;

font-style: italic; }

.testimonial-item .testimonial-author {

margin-bottom: 10px;

letter-spacing: 0.075em; }

/*

* 10.21 Product countdown

*/

.product-countdown {

background: #fff;

padding: 30px;

box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);

margin-bottom: 30px; }

.product-countdown .countdown-wrap {

width: 60px;

height: 60px;

border: 2px solid #f6f6f6;

text-align: center;

float: left;

margin-right: 30px; }

.product-countdown .countdown-wrap:last-child {

margin-right: 0; }

.product-countdown .countdown-wrap .title {

font-size: 14px;

color: #999;

line-height: normal; }

.product-countdown .countdown-wrap .value-time {

font-size: 18px;

font-weight: 700;

color: #000;

margin: 10px 0 2px;

line-height: normal; }

/*

* 10.22 Callout

*/

.callout-content {

font-family: "Crete Round", serif;

font-style: italic;

padding-right: 40px;

width: 70%; }

/* ==============================

11. Widgets

============================== */

.widget-container {

margin-bottom: 40px;

border-bottom: 2px solid #f6f6f6;

padding-bottom: 5px;

font-size: 14px; }

.widget-container:last-child {

border: none; }

.widget-container .widget-title {

font-size: 18px;

margin: 0 0 30px;

text-transform: capitalize;

letter-spacing: 0.075em; }

.widget-container.widget_nav_menu ul, .widget-container.widget_categories ul, .widget-container.widget_product_categories ul, .widget-container.widget_recent_entries ul {

margin: 0;

padding: 0;

list-style: none; }

.widget-container.widget_nav_menu ul li, .widget-container.widget_categories ul li, .widget-container.widget_product_categories ul li, .widget-container.widget_recent_entries ul li {

padding-bottom: 6px; }

.widget-container.widget_nav_menu ul li.nav-copyright, .widget-container.widget_categories ul li.nav-copyright, .widget-container.widget_product_categories ul li.nav-copyright, .widget-container.widget_recent_entries ul li.nav-copyright {

color: #999999;

font-weight: 300; }

.widget-container.widget_nav_menu ul li a, .widget-container.widget_categories ul li a, .widget-container.widget_product_categories ul li a, .widget-container.widget_recent_entries ul li a {

color: #666666; }

.widget-container.widget_nav_menu ul li a:hover, .widget-container.widget_categories ul li a:hover, .widget-container.widget_product_categories ul li a:hover, .widget-container.widget_recent_entries ul li a:hover {

color: #000000; }

.widget-container.widget_nav_menu ul li .count, .widget-container.widget_categories ul li .count, .widget-container.widget_product_categories ul li .count, .widget-container.widget_recent_entries ul li .count {

padding-left: 17px;

font-size: 12px;

color: #cacaca; }

.widget-container.widget_tag_cloud a {

font-size: 14px !important;

line-height: normal !important;

display: inline-block;

margin: 0 20px 20px 0;

color: #666; }

.widget-container.widget_tag_cloud a:hover {

color: #000000; }

.widget-container.widget_price_filter .ui-slider {

position: relative;

background: #f6f6f6;

margin-bottom: 40px;

height: 2px;

margin-left: 4px; }

.widget-container.widget_price_filter .ui-slider .ui-slider-range {

background: #000000;

height: 100%;

position: absolute; }

.widget-container.widget_price_filter .ui-slider .ui-slider-handle {

height: 14px;

width: 4px;

background: #000000;

position: absolute;

top: -6px;

cursor: ew-resize;

margin-left: -4px; }

.widget-container.widget-hover-content .widget-hover-element {

visibility: hidden;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0;

-webkit-transition: all 0.4s ease-in-out;

-khtml-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out; }

.widget-container.widget-hover-content:hover .widget-hover-element {

visibility: visible;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1; }

/* ==============================

12. Blog posts

============================== */

.blog-posts .blog-post {

margin-bottom: 25px; }

.blog-posts .blog-post .blog-post-thumbnail {

margin-bottom: 33px;

display: block;

overflow: hidden; }

.blog-posts .blog-post .blog-post-thumbnail img {

-webkit-transition: all 1s ease-in-out 0s;

-khtml-transition: all 1s ease-in-out 0s;

-moz-transition: all 1s ease-in-out 0s;

-ms-transition: all 1s ease-in-out 0s;

-o-transition: all 1s ease-in-out 0s;

transition: all 1s ease-in-out 0s;

-webkit-transform: scale(1);

-khtml-transform: scale(1);

-moz-transform: scale(1);

-ms-transform: scale(1);

-o-transform: scale(1);

transform: scale(1); }

.blog-posts .blog-post .blog-post-thumbnail:hover img {

-webkit-transform: scale(1.2);

-khtml-transform: scale(1.2);

-moz-transform: scale(1.2);

-ms-transform: scale(1.2);

-o-transform: scale(1.2);

transform: scale(1.2); }

.blog-posts .blog-post .blog-post-title {

margin-bottom: 10px;

font-size: 16px;

text-transform: none;

letter-spacing: 0; }

.blog-posts .blog-post .blog-post-meta {

margin-bottom: 20px;

color: #999999; }

.blog-posts .blog-post .blog-post-meta > span:after {

content: '/';

padding-left: 4px; }

.blog-posts .blog-post .blog-post-meta > span:last-child:after {

content: ''; }

.blog-posts .blog-post .blog-post-meta a {

color: #999999; }

.blog-posts .blog-post .blog-post-meta a:hover {

color: #000000; }

/* ==============================

13. Single Post

============================== */

/*

* 13.1 Single Post Common styles

*/

.single-post .entry-thumb {

margin-bottom: 60px; }

.single-post .entry-meta-data {

margin-bottom: 30px;

font-size: 14px;

color: #999; }

.single-post .entry-meta-data > span:after {

content: "/";

margin: 0 5px; }

.single-post .entry-meta-data > span:last-child:after {

display: none; }

.single-post .entry-meta-data a {

color: #000; }

.single-post .share-it {

margin: 65px 0 95px; }

.single-post .share-it .social_icons {

padding: 0;

margin: 0;

list-style: none; }

.single-post .share-it .social_icons li {

display: inline-block;

margin-right: 30px; }

.single-post .share-it .social_icons li:last-child {

margin-right: 0; }

.single-post .share-it .social_icons li a {

display: inline-block;

padding: 17px 40px;

border: 2px solid #e3e3e3;

font-size: 14px;

color: #999;

font-weight: bold;

text-transform: uppercase;

letter-spacing: 0.2em;

line-height: normal; }

.single-post .share-it .social_icons li a:hover {

color: #000;

border-color: #000; }

.single-post .share-it .social_icons li a i {

display: none; }

.single-post .single-bottom-title {

margin-bottom: 30px;

letter-spacing: 0.2em; }

/*

* 13.2 Author Info

*/

.author-info {

background: #f6f6f6;

margin-bottom: 85px;

padding: 25px 25px 15px; }

.author-info .author-avatar {

float: left;

max-width: 70px; }

.author-info .author-description {

padding-left: 93px; }

.author-info .author-title {

font-size: 14px;

margin: 0 0 10px;

padding: 0;

color: #000000;

text-transform: none;

letter-spacing: 0.075em; }

.author-info .author-title a {

color: #000000; }

.author-info .author-title a:hover {

color: #000000; }

.author-info .author-bio {

margin-bottom: 0; }

.author-info .author-socials {

margin: 0;

padding: 0;

list-style: none; }

.author-info .author-socials li {

display: inline-block;

margin-right: 40px; }

.author-info .author-socials a {

color: #999999; }

.author-info .author-socials a:hover {

color: #000000; }

/*

* 13.3 Comments Area

*/

.comments-area {

margin-bottom: 55px; }

.comments-area .comment-list {

list-style: none;

margin: 0 0 85px;

padding: 0; }

.comments-area .children {

list-style: outside none none;

margin: 0;

padding-left: 25px;

position: relative; }

.comments-area .children:before {

content: '';

position: absolute;

left: 0;

top: 0;

height: 100%;

width: 1px;

background: #e1e1e1; }

.comments-area .children > li {

position: relative; }

.comments-area .children > li:before {

background: #e1e1e1;

content: "";

height: 1px;

left: -25px;

position: absolute;

top: 25px;

width: 12px; }

.comments-area .comment-item {

padding: 25px;

background: #f6f6f6;

margin-bottom: 30px;

min-height: 120px; }

.comments-area .comment-item .comment-avatar {

float: left;

margin-right: 20px;

max-width: 70px; }

.comments-area .comment-item .comment-body {

padding-left: 90px;

position: relative; }

.comments-area .comment-item .comment-body .comment-meta {

margin: 0 0 12px;

line-height: 15px; }

.comments-area .comment-item .comment-body .comment-meta .comment-author {

color: #000000;

font-size: 14px;

font-weight: 700;

text-transform: none;

display: inline-block;

padding: 0;

margin: 0 10px 0 0;

line-height: 15px; }

.comments-area .comment-item .comment-body .comment-meta .comment-metadata {

color: #999999;

font-size: 12px;

font-weight: bold;

display: inline-block; }

.comments-area .comment-item .comment-body .comment-content p:last-child {

margin: 0; }

.comments-area .comment-item .comment-body .reply {

font-size: 14px;

font-weight: bold;

letter-spacing: 0.075em;

line-height: 15px;

position: absolute;

right: 0;

top: 0; }

.comments-area .comment-item .comment-body .reply a {

color: #4ad1e5; }

/*

* 13.4 Comment Form

*/

.comment-respond {

margin-bottom: 30px; }

.comment-respond .comment-form textarea,

.comment-respond .comment-form input[type=text] {

border: none;

border-bottom: 2px solid #ebebeb;

padding: 10px 0;

height: auto; }

.comment-respond .comment-form textarea:focus,

.comment-respond .comment-form input[type=text]:focus {

border-color: #999999;

color: #999999; }

.comment-respond .comment-form textarea {

height: 55px;

width: 100% !important; }

.comment-respond .comment-form .form-submit {

padding-top: 15px; }

/* ==============================

14. Pagination

============================== */

.pagination {

text-align: center;

display: block;

margin: 0;

padding-top: 35px;

border-top: 2px solid #f6f6f6; }

.pagination .page-numbers {

border: 2px solid transparent;

color: #666666;

display: inline-block;

font-size: 14px;

line-height: 36px;

margin: 0 2px;

padding: 0;

width: 40px;

height: 40px; }

.pagination .page-numbers.next, .pagination .page-numbers.prev {

font-size: 18px; }

.pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover {

border-color: transparent;

color: #000000; }

.pagination .page-numbers.next {

float: right;

text-align: right; }

.pagination .page-numbers.prev {

float: left;

text-align: left; }

.pagination a.page-numbers:hover,

.pagination .page-numbers.current {

border-color: #f0f0f0; }

/* ==============================

15. Shop

============================== */

/*

* 15.1 Shop Common styles

*/

.star-rating {

display: inline-block;

font-family: FontAwesome;

font-size: 12px;

letter-spacing: 5px;

line-height: 1;

position: relative;

white-space: nowrap; }

.star-rating:before {

color: #c6c6c6;

content: "\f006\f006\f006\f006\f006"; }

.star-rating span {

bottom: 0;

display: block;

left: 0;

position: absolute;

text-indent: -9999px;

overflow: hidden;

top: 0; }

.star-rating span:before {

content: "\f006\f006\f006\f006\f006";

left: 0;

position: absolute;

top: 0;

color: #6fd9e9;

text-indent: 0; }

.stars a {

font-family: FontAwesome;

font-size: 12px;

letter-spacing: 5px;

display: inline-block;

outline: 0 none;

position: relative;

color: #c6c6c6; }

.stars a:after {

content: "\f006"; }

.stars a.active {

color: #6fd9e9; }

.products-tools {

border-bottom: 2px solid #f6f6f6;

margin-bottom: 50px;

padding-bottom: 15px; }

.products-tools .products-sortby {

float: left; }

.products-tools .products-sortby .select-icon {

margin-right: 65px; }

.products-tools .products-sortby .select-icon:last-child {

margin-right: 0; }

.products-tools .grid-list,

.products-tools .result-count {

float: right; }

.products-tools .filter-block {float: left; }

.products-tools .grid-list {

margin: 0 28px 0 0;

padding: 0;

list-style: none; }

.products-tools .grid-list li {

display: inline;/* inline-block; */ }

.products-tools .grid-list li ~ li {

margin-left: 18px; }

.products-tools .grid-list li a {

font-size: 14px;

color: #666; }

.products-tools .grid-list li a.active {

color: #000; }

/*

* 15.2 Products category

*/

.products .product {

margin-bottom: 25px;

text-align: center; }

.products .product .product-inner {

position: relative; }

.products .product .product-thumbnail {

display: block; }

.products .product .product-content {

/* margin-bottom: 34px; */

max-height: 200px;

position: relative;

overflow: hidden;

text-align: center; }

.products .product .product-content .product-over-add,

.products .product .product-content .product-over-tool {

-webkit-transition: all 0.4s ease 0s;

-khtml-transition: all 0.4s ease 0s;

-moz-transition: all 0.4s ease 0s;

-ms-transition: all 0.4s ease 0s;

-o-transition: all 0.4s ease 0s;

transition: all 0.4s ease 0s;

position: absolute;

-webkit-transform: translateX(-50%);

-khtml-transform: translateX(-50%);

-moz-transform: translateX(-50%);

-ms-transform: translateX(-50%);

-o-transform: translateX(-50%);

transform: translateX(-50%);

left: 50%;

width: 212px;

z-index: 5; }

.products .product .product-content .product-over-tool {

top: -55px; }

.products .product .product-content .product-over-tool > a {

background: #ffffff;

color: #999999;

font-size: 14px;

display: inline-block;

float: left;

height: 32px;

line-height: 32px;

margin: 0 1px 0 0;

width: 70px; }

.products .product .product-content .product-over-tool > a:hover {

background: #000000;

color: #FFFFFF; }

.products .product .product-content .product-over-tool > a:last-child {

margin-right: 0; }

.products .product .product-content .product-over-add {

bottom: -55px; }

.products .product .product-content .product-over-sale {

position: absolute;

right: 16px;

top: 16px; }

.products .product .product-content .product-over-sale span {

-webkit-border-radius: 2px;

-khtml-border-radius: 2px;

-moz-border-radius: 2px;

-ms-border-radius: 2px;

-o-border-radius: 2px;

border-radius: 2px;

margin-bottom: 10px;

color: #FFFFFF;

background: #ed8b5c;

line-height: 22px;

display: block;

min-width: 50px;

font-size: 12px;

text-transform: uppercase;

font-weight: bold;

position: relative; }

.products .product .product-content .product-over-sale span:before {

content: '';

width: 6px;

height: 6px;

background: #ed8b5c;

-webkit-transform: rotate(-45deg) translateX(-50%);

-khtml-transform: rotate(-45deg) translateX(-50%);

-moz-transform: rotate(-45deg) translateX(-50%);

-ms-transform: rotate(-45deg) translateX(-50%);

-o-transform: rotate(-45deg) translateX(-50%);

transform: rotate(-45deg) translateX(-50%);

position: absolute;

left: 50%;

bottom: -1px; }

.products .product .product-content .product-over-sale span.onsale {

background: #6fd9e9; }

.products .product .product-content .product-over-sale span.onsale:before {

background: #6fd9e9; }

.products .product .product-content .product-over-sale span.onnew {

background: #8ec78e; }

.products .product .product-content .product-over-sale span.onnew:before {

background: #8ec78e; }

.products .product .product-content .product-thumbnail {

display: block; }

.products .product .product-content .product-thumbnail img {

-webkit-transition: all 0.4s ease-in-out;

-khtml-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out; }

.products .product .product-content .product-thumbnail img.first-img {

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1; }

.products .product .product-content .product-thumbnail img.second-img {

position: absolute;

top: 0;

left: 0;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0; }

.products .product .product-title {

font-size: 16px;

margin-bottom: 5px;

text-transform: none;

letter-spacing: 0.12em;

padding: 0px 5px 0px 5px;

}

.products .product .product-price {

color: #999999; }

.products .product .product-content:hover .product-over-tool {

top: 10px; }

.products .product .product-content:hover .product-over-add {

bottom: 10px; }

.products .product .product-content:hover .product-thumbnail img.first-img {

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0; }

.products .product .product-content:hover .product-thumbnail img.second-img {

z-index: 1;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1; }

.products .owl-kttheme .product {

margin-bottom: 0; }

.products.products-multi-masonry .product {

margin-bottom: 30px;

position: relative; }

.products.products-multi-masonry .product.grid-sizer {

margin: 0;

min-height: 0; }

.products.products-multi-masonry .product .product-content {

margin-bottom: 0; }

.products.products-multi-masonry .product .product-details {

position: absolute;

-webkit-transform: translate(-50%, -50%);

-khtml-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

-o-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

top: 50%;

left: 50%;

z-index: 5;

width: 100%; }

.products.products-multi-masonry .product .product-details .product-title,

.products.products-multi-masonry .product .product-details .product-price {

-webkit-transition: all 0.4s ease 0s;

-khtml-transition: all 0.4s ease 0s;

-moz-transition: all 0.4s ease 0s;

-ms-transition: all 0.4s ease 0s;

-o-transition: all 0.4s ease 0s;

transition: all 0.4s ease 0s;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0;

-webkit-transform: translate3d(0, 30px, 0);

-khtml-transform: translate3d(0, 30px, 0);

-moz-transform: translate3d(0, 30px, 0);

-ms-transform: translate3d(0, 30px, 0);

-o-transform: translate3d(0, 30px, 0);

transform: translate3d(0, 30px, 0);

color: #FFFFFF; }

.products.products-multi-masonry .product .product-details .product-title a {

color: #FFFFFF; }

.products.products-multi-masonry .product .product-thumbnail:after {

content: '';

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.5);

z-index: 1;

-webkit-transition: all 0.4s ease;

-khtml-transition: all 0.4s ease;

-moz-transition: all 0.4s ease;

-ms-transition: all 0.4s ease;

-o-transition: all 0.4s ease;

transition: all 0.4s ease;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0; }

.products.products-multi-masonry .product:hover .product-details .product-title,

.products.products-multi-masonry .product:hover .product-details .product-price {

-webkit-transform: translate3d(0, 0, 0);

-khtml-transform: translate3d(0, 0, 0);

-moz-transform: translate3d(0, 0, 0);

-ms-transform: translate3d(0, 0, 0);

-o-transform: translate3d(0, 0, 0);

transform: translate3d(0, 0, 0);

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1; }

.products.products-multi-masonry .product:hover .product-details .product-price {

-webkit-transition-delay: .3s;

-khtml-transition-delay: .3s;

-moz-transition-delay: .3s;

-ms-transition-delay: .3s;

-o-transition-delay: .3s;

transition-delay: .3s; }

.products.products-multi-masonry .product:hover .product-thumbnail:after {

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1; }

.products.products-multi-masonry .no-gutters .product {

margin-bottom: 0; }

.products.products-multi-masonry.masonry-botom .product .product-details {

-webkit-transform: translate(0, 0);

-khtml-transform: translate(0, 0);

-moz-transform: translate(0, 0);

-ms-transform: translate(0, 0);

-o-transform: translate(0, 0);

transform: translate(0, 0);

left: 25px;

top: auto;

bottom: 25px;

text-align: left;

width: auto; }

.products.products-gallery .product .product-content {

margin-bottom: 40px; }

.products.products-gallery .product .product-inner {

background: #FFFFFF;

padding: 0 0 20px;

-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }

.products.products-gallery .product .product-title {

letter-spacing: 0; }

.products .product-description, .products .produt-tool-list {

display: none; }

.products.lists .product {

padding: 40px 15px;

margin: 0;

border-bottom: 1px solid #f6f6f6;

width: 100%;

text-align: left; }

.products.lists .product:first-child {

padding-top: 0; }

.products.lists .product:last-child {

border-bottom: none; }

.products.lists .product .product-description, .products.lists .product .produt-tool-list {

display: block; }

.products.lists .product .product-attribute {

margin-left: 330px; }

.products.lists .product .product-content {

float: left;

max-width: 270px;

margin-bottom: 0;

margin-right: 60px;

min-width: 200px;

}

.products.lists .product .product-content .product-over-tool, .products.lists .product .product-content .product-over-add {

display: none; }

.products.lists .product .product-content .product-over-tool, .products.lists .product .product-content .product-over-add{display:block;}

.products.lists .product h3.product-title {

margin-top: 20px; }

.products.lists .product .produt-tool-list {

margin-top: 40px; }

.products.lists .product .produt-tool-list .quantity, .products.lists .product .produt-tool-list .product-over-add {

float: left;

margin-right: 30px;

margin-top: 12px; }

.products.lists .product .produt-tool-list .quantity input {

height: 48px;

width: 60px;

text-align: center; }

.products.lists .product .produt-tool-list .quantity input:focus {

border-color: #000; }

.products.lists .product .produt-tool-list .product-over-tool {

float: left;

margin-top: 12px; }

.products.lists .product .produt-tool-list .product-over-tool > a {

display: inline-block;

width: 60px;

height: 48px;

border: 2px solid #e3e3e3;

text-align: center;

color: #999; }

.products.lists .product .produt-tool-list .product-over-tool > a:hover {

color: #000000;

border-color: #000000; }

.products.lists .product .produt-tool-list .product-over-tool > a:last-child {

margin-left: 26px; }

.products.lists .product .produt-tool-list .product-over-tool > a i {

line-height: 44px; }

.product-content .cd-item-wrapper {

position: relative;

overflow: hidden;

margin: 0;

padding: 0;

list-style: none; }

.product-content .cd-item-wrapper li {

position: absolute;

top: 0;

left: 17%;

height: 100%;

width: 66%;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0;

-webkit-transform: translateZ(0);

-khtml-transform: translateZ(0);

-moz-transform: translateZ(0);

-ms-transform: translateZ(0);

-o-transform: translateZ(0);

transform: translateZ(0);

-webkit-backface-visibility: hidden;

backface-visibility: hidden;

will-change: transform, opacity;

-webkit-transform: translateX(200%) scale(0.5);

-khtml-transform: translateX(200%) scale(0.5);

-moz-transform: translateX(200%) scale(0.5);

-ms-transform: translateX(200%) scale(0.5);

-o-transform: translateX(200%) scale(0.5);

transform: translateX(200%) scale(0.5);

-webkit-transition: transform 0.4s, opacity 0.4s;

-khtml-transition: transform 0.4s, opacity 0.4s;

-moz-transition: transform 0.4s, opacity 0.4s;

-ms-transition: transform 0.4s, opacity 0.4s;

-o-transition: transform 0.4s, opacity 0.4s;

transition: transform 0.4s, opacity 0.4s; }

.product-content .cd-item-wrapper li.selected {

position: relative;

opacity: 1;

-webkit-transform: translateX(0) scale(1);

-khtml-transform: translateX(0) scale(1);

-moz-transform: translateX(0) scale(1);

-ms-transform: translateX(0) scale(1);

-o-transform: translateX(0) scale(1);

transform: translateX(0) scale(1); }

.product-content .cd-item-wrapper li.move-right {

-webkit-transform: translateX(70%) scale(0.5);

-khtml-transform: translateX(70%) scale(0.5);

-moz-transform: translateX(70%) scale(0.5);

-ms-transform: translateX(70%) scale(0.5);

-o-transform: translateX(70%) scale(0.5);

transform: translateX(70%) scale(0.5);

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0; }

.product-content .cd-item-wrapper li.move-left {

-webkit-transform: translateX(-70%) scale(0.5);

-khtml-transform: translateX(-70%) scale(0.5);

-moz-transform: translateX(-70%) scale(0.5);

-ms-transform: translateX(-70%) scale(0.5);

-o-transform: translateX(-70%) scale(0.5);

transform: translateX(-70%) scale(0.5);

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0; }

.product-content .cd-item-wrapper li.hide-left {

-webkit-transform: translateX(-140%) scale(0.5);

-khtml-transform: translateX(-140%) scale(0.5);

-moz-transform: translateX(-140%) scale(0.5);

-ms-transform: translateX(-140%) scale(0.5);

-o-transform: translateX(-140%) scale(0.5);

transform: translateX(-140%) scale(0.5); }

.product-content .cd-item-wrapper li img {

display: block;

width: 100%; }

.product-content:hover li.move-right, .product-content:hover li.move-left {

filter: alpha(opacity=30);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

-webkit-opacity: 0.3;

-khtml-opacity: 0.3;

-moz-opacity: 0.3;

-ms-opacity: 0.3;

-o-opacity: 0.3;

opacity: 0.3; }

.product-content:hover li.hover.move-right, .product-content:hover li.hover.move-left {

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1; }

.cd-dots {

bottom: 0px;

left: 50%;

position: absolute;

right: auto;

-webkit-transform: translateX(-50%);

-khtml-transform: translateX(-50%);

-moz-transform: translateX(-50%);

-ms-transform: translateX(-50%);

-o-transform: translateX(-50%);

transform: translateX(-50%);

margin: 0;

padding: 0; }

.cd-dots li {

display: inline-block;

float: left;

margin: 0 5px; }

.cd-dots li a {

display: block;

height: 7px;

width: 7px;

-webkit-border-radius: 50%;

-khtml-border-radius: 50%;

-moz-border-radius: 50%;

-ms-border-radius: 50%;

-o-border-radius: 50%;

border-radius: 50%;

border: 1px solid #9688a0;

overflow: hidden;

text-indent: 100%;

white-space: nowrap;

-webkit-transition: border-color 0.2s, background-color 0.2s;

-khtml-transition: border-color 0.2s, background-color 0.2s;

-moz-transition: border-color 0.2s, background-color 0.2s;

-ms-transition: border-color 0.2s, background-color 0.2s;

-o-transition: border-color 0.2s, background-color 0.2s;

transition: border-color 0.2s, background-color 0.2s; }

.cd-dots li.selected a {

background: #2f2933 none repeat scroll 0 0;

border-color: #2f2933; }

.product-list-widget .product-widget {

padding-bottom: 30px; }

.product-list-widget .product-title {

font-size: 16px;

margin: 0 0 7px;

text-transform: none;

letter-spacing: 0.075em; }

/*

* 15.3 Product Detail

*/

.product-main .product-detail-thumbarea {

margin-bottom: 30px; }

.product-main .product-detail-thumbarea .single-product-main-images {

margin-bottom: 30px;

position: relative; }

.product-main .product-detail-thumbarea .single-product-main-images .owl-controls {

bottom: 8px;

margin: 0;

position: absolute;

right: 9px; }

.product-main .product-detail-thumbarea .single-product-main-images .owl-controls .owl-buttons > div {

width: 60px;

height: 48px;

padding: 0;

text-align: center;

background: #fff;

-webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.1);

-khtml-box-shadow: 1px 0 3px rgba(0,0,0,0.1);

-moz-box-shadow: 1px 0 3px rgba(0,0,0,0.1);

-ms-box-shadow: 1px 0 3px rgba(0,0,0,0.1);

-o-box-shadow: 1px 0 3px rgba(0,0,0,0.1);

box-shadow: 1px 0 3px rgba(0,0,0,0.1);

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1;

-webkit-border-radius: 0;

-khtml-border-radius: 0;

-moz-border-radius: 0;

-ms-border-radius: 0;

-o-border-radius: 0;

border-radius: 0; }

.product-main .product-detail-thumbarea .single-product-main-images .owl-controls .owl-buttons > div i {

font-size: 14px;

color: #999;

line-height: 48px; }

.product-main.style1 .single-product-main-thumbnails {

width: auto;

margin-right: -15px;

margin-left: -15px; }

.product-main.style1 .single-product-main-thumbnails .owl-item {

padding: 0 15px; }

.product-main.style2 .single-product-main-images {

margin-bottom: 0; }

.product-main.style2 .product-detail-wrap {

padding: 100px 0 80px;

max-width: 570px; }

.product-main.style2 .product-detail-thumbarea {

margin: 0; }

.product-main.style3 .product-detail-thumbarea {

margin-bottom: 0;

padding: 30px;

background: #ededed; }

.product-main.style3 .single-product-main-thumbnails {

width: auto;

margin-right: -10px;

margin-left: -10px; }

.product-main.style3 .single-product-main-thumbnails .owl-item {

padding: 0 10px; }

.product-main.style3 .product-detail-wrap {

padding: 90px 0;

max-width: 570px; }

.product-main .breadcrumb {

font-size: 14px;

line-height: 1;

margin-bottom: 35px; }

.product-main .product-title {

font-size: 18px;

padding-bottom: 30px;

border-bottom: 2px solid #f6f6f6;

margin: 0 0 30px; }

.product-main .product-price-wrap {

margin-bottom: 35px; }

.product-main .product-price-wrap h3.price {

float: left;

margin: 0;

font-size: 24px;

font-weight: normal;

letter-spacing: 0; }

.product-main .product-price-wrap .review-summary {

float: left;

margin: 3px 0 0 50px; }

.product-main .product-price-wrap .reviews-text {

display: inline-block;

font-size: 14px;

padding-left: 48px; }

.product-main form.cart {

margin-bottom: 45px; }

.product-main form.cart .quantity {

float: left;

width: 60px;

margin-right: 30px; }

.product-main form.cart .quantity input {

height: 48px;

text-align: center; }

.product-main form.cart .quantity input:focus {

border-color: #000000; }

.product-main form.cart button {

float: left;

width: auto; }

.product-main form.cart .cart-tool {

float: left; }

.product-main form.cart .cart-tool .add_to_wishlist,

.product-main form.cart .cart-tool .add_to_compare {

float: left;

margin-left: 30px;

width: 60px;

height: 48px;

text-align: center;

border: 2px solid #e3e3e3;

color: #999;

font-size: 14px;

line-height: 44px; }

.product-main form.cart .cart-tool .add_to_wishlist:hover,

.product-main form.cart .cart-tool .add_to_compare:hover {

border: 2px solid #000000;

color: #000000; }

.product-main .product-short p {

margin-bottom: 20px; }

.product-main .product_meta {

padding-bottom: 30px;

border-bottom: 2px solid #f6f6f6;

margin-bottom: 35px; }

.product-main .product_meta > span {

display: block; }

.product-main .product_meta > span a {

color: #666; }

.product-main .product_meta > span a:hover {

color: #000000; }

.product-main .product-shareit .social_icons {

margin: 0 -11px;

padding: 0;

list-style: none; }

.product-main .product-shareit .social_icons li {

float: left;

width: 33.33%;

line-height: normal;

padding: 0 11px; }

.product-main .product-shareit .social_icons li a {

color: #999;

letter-spacing: 0.15em;

padding: 15px 40px;

border: 2px solid #e3e3e3;

text-transform: uppercase;

font-weight: bold;

font-size: 14px;

display: block; }

.product-main .product-shareit .social_icons li a:hover, .product-main .product-shareit .social_icons li a:focus {

color: #000;

border-color: #000; }

.product-main .product-shareit .social_icons li a i {

display: none; }

.easyzoom-flyout img {

max-width: none !important;

width: auto !important; }

.woocommerce-tabs .nav {

padding-bottom: 30px;

border-bottom: 2px solid #e3e3e3;

margin-bottom: 50px; }

.woocommerce-tabs .nav li {

float: left;

margin-right: 140px; }

.woocommerce-tabs .nav li:last-child {

margin-right: 0; }

.woocommerce-tabs .nav li a {

padding: 0;

line-height: normal;

font-size: 14px;

font-family: "Roboto Slab", serif;

color: #999;

text-transform: uppercase;

letter-spacing: 0.15em;

font-weight: bold; }

.woocommerce-tabs .nav li a:hover, .woocommerce-tabs .nav li a:focus {

background: none; }

.woocommerce-tabs .nav li.active a {

color: #000; }

.woocommerce-tabs .shop_attributes {

width: 50%; }

.woocommerce-tabs .shop_attributes tr td, .woocommerce-tabs .shop_attributes tr th {

padding: 15px 0;

font-weight: normal;

line-height: normal;

border-bottom: 1px dashed #e3e3e3; }

.woocommerce-tabs .comments-area .comments-title {

font-weight: bold;

font-size: 14px;

letter-spacing: 0.075em;

color: #666;

font-family: "Karla", arial, sans-serif;

text-transform: none;

margin-bottom: 55px; }

.woocommerce-tabs .comments-area .comment-list {

margin: 0; }

.woocommerce-tabs .comments-area .comment-item {

padding: 0;

min-height: 0;

margin-bottom: 40px; }

.woocommerce-tabs .comments-area .comment-item .comment-avatar {

max-width: 45px;

border-radius: 100%;

overflow: hidden; }

.woocommerce-tabs .comments-area .comment-item .comment-content {

margin-left: 65px; }

.woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta {

margin-bottom: 15px;

line-height: normal; }

.woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta .author_name {

margin: 0 30px 0 0;

display: inline-block;

font-size: 16px;

font-family: "Karla", arial, sans-serif;

text-transform: none; }

.woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta .comment-date {

margin-right: 25px;

display: inline-block; }

.woocommerce-tabs .comments-area .comment-item .comment-content p {

margin: 0; }

#review_form .comment-reply-title {

font-family: "Karla", arial, sans-serif;

font-size: 14px;

color: #666;

text-transform: none;

letter-spacing: 0.075em; }

#review_form .comment-form-rating {

display: inline-block;

margin-right: 36px; }

#review_form .comment-form-rating #rating {

display: none; }

#review_form .comment-form-rating .stars {

width: 210px;

border: 2px solid #e3e3e3;

text-align: center;

line-height: 47px;

margin: 0; }

#review_form .form-submit {

display: inline-block;

margin: 0;

padding: 0; }

/*

* 15.4 Checkout page

*/

.title-checkout {

letter-spacing: 0.2em;

padding: 10px 0;

border: 1px solid #f0f0f0;

margin: 0;

text-align: center; }

.checkout-wrap {

padding: 20px;

border-right: 1px solid #f0f0f0;

border-bottom: 1px solid #f0f0f0;

border-left: 1px solid #f0f0f0;

margin-bottom: 30px; }

form.checkout .form-group {

margin-bottom: 20px; }

form.checkout .form-group label, form.checkout .form-group p {

font-weight: normal;

font-size: 14px;

line-height: normal;

margin-bottom: 10px; }

form.checkout .form-group label {

letter-spacing: 0.05em;

display: block; }

form.checkout .form-group label abbr {

color: #ff0000;

text-decoration: none;

border: none; }

form.checkout .woocommerce-shipping-fields label {

font-weight: normal;

font-size: 14px;

display: block; }

form.checkout input[type="checkbox"] {

vertical-align: middle;

margin: 0 10px 0 0; }

form.checkout p {

margin-bottom: 15px; }

form.checkout .title-order {

padding: 12px;

text-align: center;

background: #f6f6f6;

letter-spacing: 0.2em;

margin: 0; }

form.checkout .coupon_wrap {

margin-bottom: 7px; }

form.checkout .coupon_wrap p {

font-weight: bold; }

form.checkout .coupon_wrap .coupon-form {

padding-right: 227px;

position: relative; }

form.checkout .coupon_wrap .coupon-form input {

width: 100%;

padding: 12px;

line-height: normal;

height: auto;

font-weight: bold; }

form.checkout .coupon_wrap .coupon-form input.submit {

position: absolute;

right: 0;

top: 0;

width: 207px;

letter-spacing: 0.2em;

height: 100%; }

#order_review .shop_table {

width: 100%;

margin-bottom: 30px; }

#order_review .shop_table tbody, #order_review .shop_table tfoot {

border-bottom: 2px solid #000; }

#order_review .shop_table th, #order_review .shop_table td {

padding: 25px 0;

color: #666;

border-bottom: 1px solid #f6f6f6;

font-size: 14px;

letter-spacing: 0.075em; }

#order_review .shop_table tfoot .order-total td {

color: #000; }

#payment {

margin-bottom: 10px; }

#payment .payment_methods {

padding: 0;

margin: 0;

list-style: none; }

#payment .payment_methods li {

margin: 0 0 30px; }

#payment .payment_methods li .payment_box {

background: #f6f6f6;

padding: 15px;

position: relative;

font-size: 14px;

line-height: 24px;

display: none; }

#payment .payment_methods li .payment_box:after {

border-left: 8px solid transparent;

border-right: 8px solid transparent;

border-bottom: 8px solid #f6f6f6;

top: -8px;

content: "";

height: 0;

position: absolute;

left: 30px;

width: 0; }

#payment .payment_methods li .payment_box p {

margin: 0; }

#payment .payment_methods li label {

margin: 0 0 20px;

font-size: 14px;

color: #666;

letter-spacing: 0.075em;

line-height: normal; }

#payment .payment_methods li label .input-radio {

margin: 0 10px 0 0;

position: static; }

#payment .place-order {

text-align: center; }

/*

* 15.5 My Cart page

*/

.table-cart-form {

margin-bottom: 45px; }

table.cart {

width: 100%;

text-align: center; }

table.cart thead th {

border: 1px solid #f0f0f0;

padding: 12px;

text-align: center;

font-size: 14px;

font-family: "Roboto Slab", serif;

letter-spacing: 0.2em;

text-transform: uppercase;

line-height: normal;

color: #000; }

table.cart td {

padding: 14px;

border: 1px solid #f0f0f0;

font-size: 14px; }

table.cart td.product-name a {

letter-spacing: 0.075em;

font-family: "Roboto Slab", serif;

font-weight: bold; }

table.cart td.product-name a:hover {

text-decoration: underline; }

table.cart td.product-thumbnail img {

max-width: 100px;

margin: 0 auto; }

table.cart td .qty {

width: 60px;

margin: 0 auto;

text-align: center; }

table.cart td.actions {

padding: 31px 31px 21px; }

table.cart td.actions button {

margin: 0 15px 10px;

color: #010101; }

table.cart td.actions button:hover, table.cart td.actions button:focus {

background: #000;

color: #fff; }

.cart-collaterals h5 {

padding: 12px 0;

border: 1px solid #f0f0f0;

text-align: center;

margin: 0;

letter-spacing: 0.2em; }

.cart-collaterals .cart-collaterals-inner {

padding: 22px;

margin-bottom: 30px;

border-bottom: 1px solid #f0f0f0;

border-left: 1px solid #f0f0f0;

border-right: 1px solid #f0f0f0; }

.cart-collaterals .cart-collaterals-inner p {

margin-bottom: 20px;

font-size: 14px;

line-height: 24px; }

.cart-collaterals .cart_totals table {

width: 100%; }

.cart-collaterals .cart_totals table tr.order-total td {

color: #000; }

.cart-collaterals .cart_totals table tr th, .cart-collaterals .cart_totals table tr td {

padding: 15px 0;

line-height: normal;

font-size: 14px;

color: #666;

font-weight: bold; }

.cart-collaterals .cart_totals .cart-collaterals-inner {

border-bottom: 1px solid #f0f0f0;

margin-bottom: 20px; }

.cart-collaterals .button-checkout {

text-align: center;

border: 1px solid #f0f0f0;

border-top: none;

padding: 20px; }

.cart-collaterals .coupon-form input {

margin-bottom: 20px; }

.cart-collaterals .shipping_calculator select {

font-size: 12px;

letter-spacing: 0.075em; }

.cart-collaterals .shipping_calculator .row {

margin-left: -10px;

margin-right: -10px; }

.cart-collaterals .shipping_calculator .row > div {

padding-right: 10px;

padding-left: 10px; }

.cart-collaterals .shipping_calculator button {

padding: 9px 0;

text-align: center;

width: 100%;

letter-spacing: 0.18em; }

/*

* 15.6 Compare page

*/

table.compare tr td {

padding: 28px 22px;

border: 1px solid #eee; }

table.compare tr td.compare-title {

padding: 28px 20px;

background: #fafafa;

font-size: 14px;

font-family: "Roboto Slab", serif;

font-weight: bold;

letter-spacing: 0.075em;

color: #222;

min-width: 160px; }

table.compare tr td.product-thumbnail {

font-size: 14px;

font-family: "Roboto Slab", serif;

font-weight: bold;

letter-spacing: 0.075em;

color: #000; }

table.compare tr td.product-thumbnail a:hover {

text-decoration: underline; }

table.compare tr td.product-thumbnail img {

margin-right: 24px;

max-width: 100px; }

table.compare tr td.actions {

min-width: 326px; }

table.compare tr td .amount {

font-size: 14px; }

table.compare tr td .instock {

color: #6fd9e9;

font-weight: normal; }

table.compare tr td .outstock {

color: #8ec78e;

font-weight: normal; }

table.compare tr td .qty {

max-width: 60px;

text-align: center; }

table.compare tr td .add_to_wishlist {

width: 60px;

height: 48px;

border: 2px solid #e3e3e3;

text-align: center;

display: inline-block;

vertical-align: middle; }

table.compare tr td .add_to_wishlist i {

color: #999;

line-height: 44px; }

table.compare tr td .add_to_wishlist:hover {

border-color: #000; }

table.compare tr td .add_to_wishlist:hover i {

color: #000; }

table.compare tr td .add_to_cart_button {

float: left;

margin-right: 17px; }

/*

* 15.7 My Account page

*/

#customer_login h5 {

border: 1px solid #f0f0f0;

letter-spacing: 0.2em;

margin: 0;

padding: 10px 0;

text-align: center; }

#customer_login form {

padding: 20px;

border: 1px solid #f0f0f0;

border-top: none;

margin-bottom: 30px; }

#customer_login form label {

font-size: 14px;

font-weight: normal;

line-height: normal;

margin-bottom: 10px;

letter-spacing: 0.075em;

display: block; }

#customer_login form label.inline {

display: inline-block;

margin-left: 10px; }

#customer_login form label .required {

color: #ff0000; }

#customer_login form .form-row {

margin-bottom: 20px; }

#customer_login form .lost_password {

margin: 0; }

/*

* 15.8 QuickView

*/

.themedev-product-popup {

margin: 0 auto;

max-width: 600px;

position: relative;

overflow: hidden; }

.themedev-product-popup .close-quickview {

font-size: 18px;

line-height: 1.4;

position: absolute;

right: 30px;

top: 35px; }

.themedev-product-popup .close-quickview.mobile-version {

display: none;

height: 30px;

line-height: 30px;

right: 0;

text-align: center;

top: 0;

width: 30px; }

.themedev-product-popup .product-main {

background: #FFF; }

.themedev-product-popup .product-main .product-detail-images {

padding: 30px;

max-width: 600px; }

.themedev-product-popup .product-main .product-detail-thumbarea {

margin: 0;

padding: 0; }

.themedev-product-popup .product-main .product-details-info {

position: absolute;

padding: 35px 30px 30px;

visibility: hidden;

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0;

-webkit-transition: all 0.2s ease-in-out 0s;

-khtml-transition: all 0.2s ease-in-out 0s;

-moz-transition: all 0.2s ease-in-out 0s;

-ms-transition: all 0.2s ease-in-out 0s;

-o-transition: all 0.2s ease-in-out 0s;

transition: all 0.2s ease-in-out 0s;

-webkit-transform: translate3d(-40px, 0, 0);

-khtml-transform: translate3d(-40px, 0, 0);

-moz-transform: translate3d(-40px, 0, 0);

-ms-transform: translate3d(-40px, 0, 0);

-o-transform: translate3d(-40px, 0, 0);

transform: translate3d(-40px, 0, 0); }

.themedev-product-popup.animate-width {

max-width: 1200px; }

.themedev-product-popup.add-content {

max-width: 1200px; }

.themedev-product-popup.add-content .product-detail-images {

width: 50%;

float: left; }

.themedev-product-popup.add-content .product-details-info {

position: relative;

visibility: visible;

opacity: 1;

float: left;

width: 50%;

-webkit-transform: translate3d(0, 0, 0);

-khtml-transform: translate3d(0, 0, 0);

-moz-transform: translate3d(0, 0, 0);

-ms-transform: translate3d(0, 0, 0);

-o-transform: translate3d(0, 0, 0);

transform: translate3d(0, 0, 0); }

/* ==============================

16. Slideshow and owl carousel

============================== */

/*

* 16.1 Rev slider

*/

.rev_slider .product-attr {

text-align: center; }

.rev_slider .product-attr h4 {

font-size: 16px;

text-transform: none;

margin: 0 0 10px; }

.rev_slider .tp-loader.spinner0 {

background-color: #FFFFFF; }

.rev_slider .metis {

width: 50px;

height: 50px;

-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }

.rev_slider .metis.tparrows:before {

font-size: 15px;

line-height: 34px;

color: #999999; }

.rev_slider .metis.tparrows.tp-leftarrow:before {

font-family: FontAwesome;

content: "";

font-style: normal;

font-weight: normal; }

.rev_slider .metis.tparrows.tp-rightarrow:before {

font-family: FontAwesome;

content: "";

font-style: normal;

font-weight: normal; }

.rev_slider .ares .tp-bullet {

width: 7px;

height: 7px;

background: #d7d7d7; }

.rev_slider .ares .tp-bullet:hover, .rev_slider .ares .tp-bullet.selected {

background: #000000; }

.rev_slider .site-nav {

width: 46px;

background: none;

border: 2px solid #fff; }

.rev_slider .site-nav:hover:before {

-webkit-transform: scale(1.2);

-khtml-transform: scale(1.2);

-moz-transform: scale(1.2);

-ms-transform: scale(1.2);

-o-transform: scale(1.2);

transform: scale(1.2); }

.rev_slider .site-nav:before {

font-family: "icomoon";

font-size: 18px;

line-height: 36px;

-webkit-transition: all 0.4s ease;

-khtml-transition: all 0.4s ease;

-moz-transition: all 0.4s ease;

-ms-transition: all 0.4s ease;

-o-transition: all 0.4s ease;

transition: all 0.4s ease; }

.rev_slider .site-nav.tp-rightarrow:before {

content: "\ebf9"; }

.rev_slider .site-nav.tp-leftarrow:before {

content: "\ea26"; }

.rev_slider .site-pagination .tp-bullet {

width: 7px;

height: 7px;

background: #999999;

-webkit-border-radius: 50%;

-khtml-border-radius: 50%;

-moz-border-radius: 50%;

-ms-border-radius: 50%;

-o-border-radius: 50%;

border-radius: 50%; }

.rev_slider .site-pagination .tp-bullet:hover, .rev_slider .site-pagination .tp-bullet.selected {

background: #ffffff; }

/*

* 16.2 Owl Carousel

*/

.owl-carousel-kt {

margin-left: -15px;

margin-right: -15px;

margin-bottom: 50px;

position: relative;

cursor: url(../images/drag.png) 16 9, ew-resize !important; }

.owl-carousel-kt.no-gutters {

margin-left: 0;

margin-right: 0; }

.owl-carousel-kt.no-gutters .kt-owl-carousel .owl-item {

padding-left: 0;

padding-right: 0; }

.owl-carousel-kt.big-width .owl-carousel-kt-inner {

max-width: 1550px;

margin: 0 auto; }

.owl-carousel-kt .kt-owl-carousel .owl-item {

padding-left: 15px;

padding-right: 15px; }

.owl-carousel-kt.navigation-center .owl-buttons > div, .owl-carousel-kt.navigation-center-inner .owl-buttons > div {

position: absolute;

-webkit-transform: translateY(-50%);

-khtml-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

top: 50%;

font-size: 30px;

color: #000000;

width: 30px;

height: 30px;

line-height: 30px;

text-align: center; }

.owl-carousel-kt.navigation-center .owl-buttons > div.owl-prev {

left: -105px; }

.owl-carousel-kt.navigation-center .owl-buttons > div.owl-next {

right: -105px; }

.owl-carousel-kt.navigation-center-inner .owl-buttons > div {

color: #FFFFFF; }

.owl-carousel-kt.navigation-center-inner .owl-buttons > div.owl-prev {

left: 20px; }

.owl-carousel-kt.navigation-center-inner .owl-buttons > div.owl-next {

right: 20px; }

.owl-carousel-kt .owl-buttons {

filter: alpha(opacity=0);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-opacity: 0;

-khtml-opacity: 0;

-moz-opacity: 0;

-ms-opacity: 0;

-o-opacity: 0;

opacity: 0;

-webkit-transition: all 1s ease;

-khtml-transition: all 1s ease;

-moz-transition: all 1s ease;

-ms-transition: all 1s ease;

-o-transition: all 1s ease;

transition: all 1s ease; }

.owl-carousel-kt .owl-buttons > div {

cursor: pointer; }

.owl-carousel-kt:hover .owl-buttons {

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1; }

.owl-carousel-kt.visiable-navigation .owl-buttons {

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1; }

.owl-carousel-kt.navigation-square-light .owl-buttons div {

-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

background: #FFFFFF;

color: #999999;

font-size: 18px;

height: 50px;

line-height: 50px;

width: 50px; }

.owl-carousel-kt.navigation-square-light.navigation-center-inner .owl-buttons > div.owl-prev {

left: 35px; }

.owl-carousel-kt.navigation-square-light.navigation-center-inner .owl-buttons > div.owl-next {

right: 35px; }

.owl-carousel-kt .owl-pagination {

text-align: center;

margin: 40px 0 0; }

.owl-carousel-kt .owl-pagination .owl-page {

background: #d7d7d7;

cursor: pointer;

height: 8px;

display: inline-block;

width: 8px;

margin: 0 7px;

-webkit-border-radius: 50%;

-khtml-border-radius: 50%;

-moz-border-radius: 50%;

-ms-border-radius: 50%;

-o-border-radius: 50%;

border-radius: 50%;

-webkit-transition: all 0.2s ease-in-out 0s;

-khtml-transition: all 0.2s ease-in-out 0s;

-moz-transition: all 0.2s ease-in-out 0s;

-ms-transition: all 0.2s ease-in-out 0s;

-o-transition: all 0.2s ease-in-out 0s;

transition: all 0.2s ease-in-out 0s; }

.owl-carousel-kt .owl-pagination .owl-page:hover, .owl-carousel-kt .owl-pagination .owl-page.active {

background: #000000; }

.owl-carousel-kt.pagination-before .owl-pagination {

margin: 0 0 40px; }

/* ==============================

17. Popup Newletter

============================== */

#popup-wrap {

max-width: 900px;

background: #fff;

margin: 0 auto;

position: relative; }

#popup-wrap .mfp-close {

left: 100%;

background: #fff;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-webkit-opacity: 1;

-khtml-opacity: 1;

-moz-opacity: 1;

-ms-opacity: 1;

-o-opacity: 1;

opacity: 1; }

#popup-wrap .mfp-close:active {

top: 0; }

#popup-wrap .wrapper-newletter-popup {

padding: 50px 55px 35px 405px;

text-align: center; }

#popup-wrap .wrapper-newletter-popup .newsletters-form {

margin-top: 50px; }

#popup-wrap .wrapper-newletter-popup .bg-popup {

width: 350px;

height: 100%;

position: absolute;

top: 0;

left: 0;

background: url(../images/bg-popup.png) no-repeat center center;

background-size: cover; }

/* ==============================

18. Back to Top

============================== */

#back-to-top {

width: 50px;

height: 50px;

background: #fff;

text-align: center;

position: fixed;

right: 30px;

bottom: 30px;

z-index: 100;

cursor: pointer;

display: none;

-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);

-khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);

-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);

-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);

-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);

color: #000000; }

#back-to-top i {

font-size: 18px;

line-height: 50px;

-webkit-transition: all 0.4s ease;

-khtml-transition: all 0.4s ease;

-moz-transition: all 0.4s ease;

-ms-transition: all 0.4s ease;

-o-transition: all 0.4s ease;

transition: all 0.4s ease; }

#back-to-top:hover i {

-webkit-transform: scale(1.5);

-khtml-transform: scale(1.5);

-moz-transform: scale(1.5);

-ms-transform: scale(1.5);

-o-transform: scale(1.5);

transform: scale(1.5); }

/* ==============================

19. Main content

============================== */

/*

* 19.1 About page

*/

.about-left {

margin-left: 30px;

margin-bottom: 30px; }

/*

* 19.2 Contact page

*/

.contact-details {

background: #f6f6f6;

padding: 65px 35px;

margin-bottom: 30px;

color: #999999; }

.contact-details p {

line-height: 36px;

margin-bottom: 40px; }

.contact-details .social-nav li a {

color: #999999; }

.contact-details .social-nav li a:hover {

color: #000000; }

.contactform {

margin-bottom: 30px; }

.contactform h4 {

margin-bottom: 30px; }

.contactform input[type="text"],

.contactform textarea {

padding: 15px 0;

line-height: normal;

border: none;

border-bottom: 2px solid #e3e3e3;

height: auto; }

.contactform input[type="text"]:focus,

.contactform textarea:focus {

border-color: #999999; }

.contactform textarea {

width: 100% !important; }

/*

* 19.3 404 page

*/

.wrapper-404 {

background: #f6f6f6;

position: fixed;

width: 100%;

height: 100%;

top: 0;

left: 0;

z-index: 1; }

#error404 {

text-align: center;

position: absolute;

max-width: 100%;

top: 50%;

left: 50%;

position: absolute;

-webkit-transform: translate(-50%, -50%);

-khtml-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

-o-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

top: 50%;

left: 50%;

padding: 0 20px;

z-index: 2; }

#error404 h1 {

font-family: "Vollkorn", serif;

font-size: 200px;

font-style: italic;

line-height: 200px;

margin-bottom: 25px;

letter-spacing: 0;

font-weight: 400; }

#error404 h4 {

font-size: 16px;

font-family: "Karla", arial, sans-serif;

color: #999;

text-transform: none;

margin-bottom: 30px;

font-weight: 400; }

#error404 p a {

color: #74cdd7; }

#error404 p a i {

font-size: 20px;

vertical-align: middle;

margin-left: 15px; }

/*# sourceMappingURL=style.css.map */

.box {

background:#fff;

transition:all 0.2s ease;

border:1px dashed #dadada;

/*margin-top: 10px;*/

box-sizing: border-box;

background-clip: padding-box;

padding:0 10px 10px 10px;

min-height:200px;

}

.box:hover {

border:1px solid #f15d35;

background: #fefefe;

}

.box span.box-title {

color: #fff;

font-size: 16px;

font-weight: 300;

text-transform: uppercase;

}

.box .box-content {

padding: 15px;

background-clip: padding-box;

box-sizing: border-box;

}

.box .box-content p {

color:#515c66;

text-transform:none;

}

.rst-post-container {

padding: 110px 0 0;

}

.rst-category {

border: 1px solid #f0f1f2;

float: left;

margin: -1px 0 0 -1px;

padding: 30px 30px 40px;

width: 33.3332%;

}

.rst-category li {

margin: 0 0 22px;

list-style: none;

}

.rst-category li a {

color: #1c2633;

opacity: 0.5;

-webkit-transition: opacity 0.3s ease-out;

-moz-transition: opacity 0.3s ease-out;

-ms-transition: opacity 0.3s ease-out;

-o-transition: opacity 0.3s ease-out;

transition: opacity 0.3s ease-out;

}

.rst-category li a:hover,

.rst-category li a:hover i

{

opacity: 1;

-webkit-transition: opacity 0.3s ease-out;

-moz-transition: opacity 0.3s ease-out;

-ms-transition: opacity 0.3s ease-out;

-o-transition: opacity 0.3s ease-out;

transition: opacity 0.3s ease-out;

}

.rst-category li a i {

color: #9b79d2;

display: inline-block;

font-size: 16px;

font-weight: bold;

margin: 2px 0 0 5px;

opacity: 0;

vertical-align: top;

}

.rst-category li a img

{

display: inline-block;

margin: -3px 10px 0 0;

vertical-align: middle;

}

.rst-category h4 span {

background: #f8f9fb none repeat scroll 0 0;

border-radius: 30px;

color: #233141;

display: inline-block;

font-size: 14px;

margin: -2px 0 0 10px;

padding: 6px 15px;

vertical-align: top;

-webkit-transition: all 0.3s ease-out;

-moz-transition: all 0.3s ease-out;

-ms-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

}

.rst-category h4 a {

color: #233141;

}

.rst-category h4 a:hover span

{

background: #9b79d2;

color: #fff;

-webkit-transition: all 0.3s ease-out;

-moz-transition: all 0.3s ease-out;

-ms-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

}

.rst-cat-list .rst-single-content h2 {

margin: 0 0 20px;

}

.rst-cat-list .rst-single-content {

border-bottom: 1px solid #f0f2f1;

margin: 0 0 35px;

padding: 0 0 24px;

}

.rst-cat-list .rst-single-content h2 a

{

color: #233141;

}

/* Page navigation */

.rst-page ul {

padding: 0 60px;

position: relative;

}

.rst-page li {

display: inline-block;

margin: 4px;

}

.rst-page li a {

border-radius: 50%;

color: #a8b3bf;

display: block;

font-family: Montserrat;

height: 42px;

padding: 11px 0;

width: 42px;

-webkit-transition: all 0.3s ease-out;

-moz-transition: all 0.3s ease-out;

-ms-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

}

.rst-page li:first-child

{

position: absolute;

top: 0;

left: -18px;

}

.rst-page li:last-child

{

position: absolute;

top: 0;

right: -18px;

}

.rst-page li a:hover

{

color: #fff;

-webkit-transition: all 0.3s ease-out;

-moz-transition: all 0.3s ease-out;

-ms-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

}

.rst-page li.active a

{

color: #fff;

}

.rst-post-container {

padding: 30px 0 0;

}

@media (max-width: 1170px){

.rst-category {width: 50%;}

.rst-category h3 span {line-height: normal;margin: 0 0 0 10px;}

.rst-category h3{line-height: 35px;}

.rst-category {width: 100%;}

}

h3.widget-title.side-nav {margin-top: 20px;}

.dash-page{padding:10px 0px!important;}

.no-border{border:none;}

.val_err p{color:#ff0000;margin-bottom:0px;}

.container-padd{padding-right: 20px;padding-left: 20px;margin-right: 0px;margin-left: 0px;}

@media (min-width: 1200px){

.container-padd{width:100%!important;}

}

.col-md-12.logos {margin-bottom: 36px;}

/* 1. Styles for devices(<=1300px) */

@media (max-width: 1300px) {

#footer-area .footer-area-inner {

padding: 55px 40px 40px; }

#footer-area .footer-area-right {

padding: 50px 45px; } }

/* 5. Styles for devices(>=1200px) */

@media (min-width: 1200px) {

.side-bar .widget-container {

margin-right: 25px; }

.side-bar.side-bar-right .widget-container {

margin-left: 25px;

margin-right: 0; }

.product-main .product-detail-thumbarea {

padding-right: 45px; }

.product-main.style3 .product-detail-thumbarea {

margin-right: 45px; }

.product-content .cd-item-wrapper li {

cursor: pointer; }

.product-content .cd-item-wrapper li.focus-on-left {

-webkit-transform: translateX(3%) scale(1);

-khtml-transform: translateX(3%) scale(1);

-moz-transform: translateX(3%) scale(1);

-ms-transform: translateX(3%) scale(1);

-o-transform: translateX(3%) scale(1);

transform: translateX(3%) scale(1); }

.product-content .cd-item-wrapper li.focus-on-left.move-right {

-webkit-transform: translateX(75%) scale(0.5);

-khtml-transform: translateX(75%) scale(0.5);

-moz-transform: translateX(75%) scale(0.5);

-ms-transform: translateX(75%) scale(0.5);

-o-transform: translateX(75%) scale(0.5);

transform: translateX(75%) scale(0.5); }

.product-content .cd-item-wrapper li.focus-on-right {

-webkit-transform: translateX(-3%) scale(1);

-khtml-transform: translateX(-3%) scale(1);

-moz-transform: translateX(-3%) scale(1);

-ms-transform: translateX(-3%) scale(1);

-o-transform: translateX(-3%) scale(1);

transform: translateX(-3%) scale(1); }

.product-content .cd-item-wrapper li.focus-on-right.move-left {

-webkit-transform: translateX(-75%) scale(0.5);

-khtml-transform: translateX(-75%) scale(0.5);

-moz-transform: translateX(-75%) scale(0.5);

-ms-transform: translateX(-75%) scale(0.5);

-o-transform: translateX(-75%) scale(0.5);

transform: translateX(-75%) scale(0.5); }

.product-content .cd-item-wrapper li.hover.move-left {

-webkit-transform: translateX(-70%) scale(0.65);

-khtml-transform: translateX(-70%) scale(0.65);

-moz-transform: translateX(-70%) scale(0.65);

-ms-transform: translateX(-70%) scale(0.65);

-o-transform: translateX(-70%) scale(0.65);

transform: translateX(-70%) scale(0.65); }

.product-content .cd-item-wrapper li.hover.move-right {

-webkit-transform: translateX(70%) scale(0.65);

-khtml-transform: translateX(70%) scale(0.65);

-moz-transform: translateX(70%) scale(0.65);

-ms-transform: translateX(70%) scale(0.65);

-o-transform: translateX(70%) scale(0.65);

transform: translateX(70%) scale(0.65); } }

/* 8. Styles for devices(<=1199px) */

@media (max-width: 1199px) {

.sticky-placeholder,

.topbar {

display: none; }

#header.header-full-center.navigation-center .branding {

position: static;

text-align: center;

float: none;

display: block; }

#header.header-full-center .navbar-container {

padding: 0 15px; }

.navbar-container .is-sticky {

position: static !important; }

.navbar-container .navbar-container-inner {

height: 80px;

line-height: 80px; }

.navbar-container .main-nav {

display: none; }

.navbar-container .branding h1 {

line-height: 80px;

font-size: 20px; }

.mobile-tool {

display: block; }

.products.products-multi-masonry .product .product-details {

display: none; }

.product-main form.cart .cart-tool {

clear: both;

float: none;

padding-top: 20px; }

.product-main form.cart .cart-tool > a:first-child {

margin-left: 0; }

.product-main .product-shareit .social_icons li {

width: auto; }

.product-main .product-shareit .social_icons li a {

padding: 15px 25px; }

.product-main .product-shareit .social_icons li a span {

display: none; }

.product-main .product-shareit .social_icons li a i {

display: inline; }

.product-main.style2 .product-detail-wrap {

padding: 40px 0; }

.single-post .share-it .social_icons li a {

padding: 15px 25px; }

.single-post .share-it .social_icons li a span {

display: none; }

.single-post .share-it .social_icons li a i {

display: block; }

.themedev-product-popup {

max-width: 485px; }

.themedev-product-popup .product-main .product-detail-images {

max-width: 485px; }

.themedev-product-popup.animate-width {

max-width: 970px; }

.themedev-product-popup.add-content {

max-width: 970px; } }

/* 4. Styles for devices(<=991px ) */

@media (max-width: 991px) {

.page-section {

background-attachment: inherit; }

.product-main.style2 .product-detail-wrap, .product-main.style3 .product-detail-wrap {

max-width: none;

padding: 40px 15px; }

.page-header {

text-align: center; }

.page-header .text-right {

text-align: center; }

.products-tools .products-sortby .select-icon {

margin-right: 15px; }

.products-tools .products-sortby .select-icon:last-child {

margin-right: 0; }

.products-tools .result-count {/* display: none; */ float: left;}

.products-tools .grid-list {margin-right: 10; }

.themedev-product-popup {

max-width: none;

margin: 10px; }

.themedev-product-popup .product-main .product-details-info,

.themedev-product-popup .product-main .product-detail-images {

max-width: none;

float: none;

width: auto;

position: static; }

.themedev-product-popup.animate-width {

max-width: none;

float: none;

width: auto; }

.themedev-product-popup .close-quickview {

display: none; }

.themedev-product-popup .close-quickview.mobile-version {

display: block; }

.cart-collaterals .shipping_calculator button {

margin-top: 15px; }

#popup-wrap .mfp-close {

left: auto;

right: 0; }

.products.lists .product .product-content {

margin-right: 30px; }

.products.lists .product h3.product-title {

margin-top: 0; } }

/* 5. Styles for devices(>=768px and <= 991px) */

/* 6. Styles for devices(<=767px ) */

@media (max-width: 767px) {

.products.products-multi-masonry .product {

width: 50%; }

.products.products-multi-masonry .product .product-thumbnail {

height: auto !important; }

.product-list-widget .product-title {

margin-top: 30px; }

.kt_callout .kt-col {

display: block;

padding: 0 0 20px;

text-align: center !important;

width: 100%; }

form.checkout .coupon_wrap .coupon-form {

padding: 0; }

form.checkout .coupon_wrap .coupon-form input.submit {

position: static;

margin-top: 10px; }

.table-responsive {

border-color: #f0f0f0; }

.woocommerce-tabs .nav {

padding: 0; }

.woocommerce-tabs .nav li {

width: 100%;

margin: 0;

padding: 15px 0;

border-top: 2px solid #e3e3e3; }

.woocommerce-tabs .shop_attributes {

width: 100%; }

.side-bar {

margin-top: 0px;

}

.about-left {

margin-left: 0; }

#popup-wrap .wrapper-newletter-popup {

padding-left: 200px; }

#popup-wrap .wrapper-newletter-popup .bg-popup {

width: 200px; }

.products.lists .product {

text-align: center; }

.products.lists .product .product-content {

max-width: 100%;

width: 100%;

margin: 0 0 30px; }

.products.lists .product .product-content img {

width: 100%; }

.products.lists .product .product-attribute {

margin: 0; } }

/* 7. Styles for devices(>=481px and <= 767px) */

/* 8. Styles for devices(<=480px ) */

@media (max-width: 480px) {

.products .product {

width: 100% !important; }

.product-list-widget .product-widget {

width: 100%; }

.product-main .product-price-wrap .review-summary {

clear: both;

display: block;

float: none;

margin: 0;

padding-top: 10px; }

.product-main form.cart .quantity input {

float: none;

margin-bottom: 20px; }

.products-tools .products-sortby .select-icon {

margin-right: 10px; }

.products-tools .products-sortby .select-icon:last-child {

margin-right: 0; }

.products-tools .grid-list {

display: none; }

.collection-wrapper {

margin: 30px 0; }

.collection-wrapper .left-collection,

.collection-wrapper .right-collection {

margin-bottom: 15px;

position: static;

width: auto; }

.collection-wrapper .front-collection {

margin: 0; }

.collection-wrapper .collection-image {

margin-bottom: 30px; }

.collection-wrapper .collection-content {

width: auto; }

.category-banner .category-banner-content h1 {

font-size: 30px;

margin-bottom: 30px; }

.category-banner:hover ul {

margin-bottom: 30px; }

.kt-tab-container .tabs li {

width: 100%;

margin: 0; }

#popup-wrap .wrapper-newletter-popup {

padding: 20px; }

#popup-wrap .wrapper-newletter-popup .bg-popup {

display: none; }

.banner .banner-content {

padding: 30px 35px; }

form.checkout .coupon_wrap .coupon-form input.submit {

width: 100%; }

.cart-collaterals .cart-collaterals-inner button.btn-medium {

width: 100%; }

#review_form .comment-form-rating, #review_form .form-submit {

display: block;

margin-right: 0;

margin-left: 0; }

#review_form .comment-form-rating .stars {

width: 100%; }

#review_form .form-submit input {

width: 100%; } }

/* 9. Styles for devices(<=320px ) */

/*# sourceMappingURL=responsive.css.map */

/* 1. multi-columns-row.css

-----------------------------------------------------------------------------------------------*/

.multi-columns-row .col-xs-1:nth-child(12n+13),.multi-columns-row .col-xs-2:nth-child(6n+7),.multi-columns-row .col-xs-3:nth-child(4n+5),.multi-columns-row .col-xs-4:nth-child(3n+4),.multi-columns-row .col-xs-6:nth-child(2n+3),.multi-columns-row .first-in-row{clear:left}@media (min-width:768px){.multi-columns-row .col-xs-1:nth-child(12n+13),.multi-columns-row .col-xs-2:nth-child(6n+7),.multi-columns-row .col-xs-3:nth-child(4n+5),.multi-columns-row .col-xs-4:nth-child(3n+4),.multi-columns-row .col-xs-6:nth-child(2n+3){clear:none}.multi-columns-row .col-sm-1:nth-child(12n+13),.multi-columns-row .col-sm-2:nth-child(6n+7),.multi-columns-row .col-sm-3:nth-child(4n+5),.multi-columns-row .col-sm-4:nth-child(3n+4),.multi-columns-row .col-sm-6:nth-child(2n+3){clear:left}}@media (min-width:992px){.multi-columns-row .col-sm-1:nth-child(12n+13),.multi-columns-row .col-sm-2:nth-child(6n+7),.multi-columns-row .col-sm-3:nth-child(4n+5),.multi-columns-row .col-sm-4:nth-child(3n+4),.multi-columns-row .col-sm-6:nth-child(2n+3){clear:none}.multi-columns-row .col-md-1:nth-child(12n+13),.multi-columns-row .col-md-2:nth-child(6n+7),.multi-columns-row .col-md-3:nth-child(4n+5),.multi-columns-row .col-md-4:nth-child(3n+4),.multi-columns-row .col-md-6:nth-child(2n+3){clear:left}}@media (min-width:1200px){.multi-columns-row .col-md-1:nth-child(12n+13),.multi-columns-row .col-md-2:nth-child(6n+7),.multi-columns-row .col-md-3:nth-child(4n+5),.multi-columns-row .col-md-4:nth-child(3n+4),.multi-columns-row .col-md-6:nth-child(2n+3){clear:none}.multi-columns-row .col-lg-1:nth-child(12n+13),.multi-columns-row .col-lg-2:nth-child(6n+7),.multi-columns-row .col-lg-3:nth-child(4n+5),.multi-columns-row .col-lg-4:nth-child(3n+4),.multi-columns-row .col-lg-6:nth-child(2n+3){clear:left}}

.owl-item .item a {color: #fff;}

/* 2. animate.min.css

-----------------------------------------------------------------------------------------------*/

.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}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-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{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-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;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-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{0%,100%{-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 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)}100%{-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)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-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)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-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)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.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)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.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)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.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)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{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)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{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)}100%{-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(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-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(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-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(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-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{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-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{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-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{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-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}100%{-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-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-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}100%{-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-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-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}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-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}100%{-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{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-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{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-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{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-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}100%{-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}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{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{0%{opacity:1}100%{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{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.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(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.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(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/* 3. magnific-popup.css

-----------------------------------------------------------------------------------------------*/

.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

.mfp-zoom-in .mfp-with-anim{opacity:0;transition:all .2s ease-in-out;transform:scale(.8)}.mfp-zoom-in.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-in.mfp-removing .mfp-with-anim{transform:scale(.8);opacity:0}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-newspaper .mfp-with-anim{opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .5s;transform:scale(0) rotate(500deg)}.mfp-newspaper.mfp-bg{opacity:0;transition:all .5s}.mfp-newspaper.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1) rotate(0)}.mfp-newspaper.mfp-ready.mfp-bg{opacity:.8}.mfp-newspaper.mfp-removing .mfp-with-anim{transform:scale(0) rotate(500deg);opacity:0}.mfp-newspaper.mfp-removing.mfp-bg{opacity:0}.mfp-move-horizontal .mfp-with-anim{opacity:0;transition:all .3s;transform:translateX(-50px)}.mfp-move-horizontal.mfp-bg{opacity:0;transition:all .3s}.mfp-move-horizontal.mfp-ready .mfp-with-anim{opacity:1;transform:translateX(0)}.mfp-move-horizontal.mfp-ready.mfp-bg{opacity:.8}.mfp-move-horizontal.mfp-removing .mfp-with-anim{transform:translateX(50px);opacity:0}.mfp-move-horizontal.mfp-removing.mfp-bg{opacity:0}.mfp-move-from-top .mfp-content{vertical-align:top}.mfp-move-from-top .mfp-with-anim{opacity:0;transition:all .2s;transform:translateY(-100px)}.mfp-move-from-top.mfp-bg{opacity:0;transition:all .2s}.mfp-move-from-top.mfp-ready .mfp-with-anim{opacity:1;transform:translateY(0)}.mfp-move-from-top.mfp-ready.mfp-bg{opacity:.8}.mfp-move-from-top.mfp-removing .mfp-with-anim{transform:translateY(-50px);opacity:0}.mfp-move-from-top.mfp-removing.mfp-bg{opacity:0}.mfp-3d-unfold .mfp-content{perspective:2000px}.mfp-3d-unfold .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg)}.mfp-3d-unfold.mfp-bg{opacity:0;transition:all .5s}.mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;transform:rotateY(0)}.mfp-3d-unfold.mfp-ready.mfp-bg{opacity:.8}.mfp-3d-unfold.mfp-removing .mfp-with-anim{transform:rotateY(60deg);opacity:0}.mfp-3d-unfold.mfp-removing.mfp-bg{opacity:0}.mfp-zoom-out .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;transform:scale(1.3)}.mfp-zoom-out.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-out.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-out.mfp-removing .mfp-with-anim{transform:scale(1.3);opacity:0}.mfp-zoom-out.mfp-removing.mfp-bg{opacity:0}.mfp-3d-unfold .mfp-iframe-scaler,.mfp-move-from-top .mfp-iframe-scaler,.mfp-move-horizontal .mfp-iframe-scaler,.mfp-newspaper .mfp-iframe-scaler,.mfp-zoom-in .mfp-iframe-scaler,.mfp-zoom-out .mfp-iframe-scaler{overflow:visible}

/* 4. Owl carousel

-----------------------------------------------------------------------------------------------*/

.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left;text-align:center;}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-item .item {padding: 30px 0px;margin: 10px;background: #3fbf79; color: #fff;}.owl-theme .owl-controls .owl-buttons div {position: absolute;}.owl-theme .owl-controls .owl-buttons .owl-prev{left: -45px;top: 25px;}.owl-theme .owl-controls .owl-buttons .owl-next{right: -45px;top: 25px;}.owl-theme .owl-controls .owl-buttons div {color: #FFF;display: inline-block;zoom: 1;margin: 5px;font-size: 12px;border-radius: 0px;background: #869791;opacity: 0.5;}.icon-chevron-left {background-position: -424px -65px;}.icon-chevron-right {background-position: -448px -64px;}

.icon-white{background-image: url("../images/glyphicons-halflings-white.png");display: inline-block; width: 30px;height: 30px;line-height: 14px;vertical-align: text-top;background-repeat: no-repeat;}.item.active-link {background: #869791;}

/* 5. Easyzoom

-----------------------------------------------------------------------------------------------*/

.easyzoom{position:relative;display:block}.easyzoom-flyout,.easyzoom-notice{position:absolute;background:#FFF}.easyzoom img{vertical-align:bottom}.easyzoom.is-loading img{cursor:progress}.easyzoom.is-ready img{cursor:crosshair}.easyzoom.is-error img{cursor:not-allowed}.easyzoom-notice{top:50%;left:50%;z-index:150;width:10em;margin:-1em 0 0 -5em;line-height:2em;text-align:center;box-shadow:0 0 10px #888}.easyzoom-flyout{z-index:100;overflow:hidden}.easyzoom--overlay .easyzoom-flyout{top:0;left:0;width:100%;height:100%}.easyzoom--adjacent .easyzoom-flyout{top:0;left:100%;width:100%;height:100%;margin-left:20px}

/*

* Common Spacing and Padding Style File

*/

.mar-top {

margin-top: 90px; }

.mar-bottom {

margin-bottom: 90px; }

.mar-xlg {

margin: 360px 0; }

.mar-top-xlg {

margin-top: 360px; }

.mar-bottom-xlg {

margin-bottom: 360px; }

.mar-lg {

margin: 150px 0; }

.mar-top-lg {

margin-top: 150px; }

.mar-bottom-lg {

margin-bottom: 150px; }

.pad-top {

padding-top: 190px; }

.pad-bottom {

padding-bottom: 190px; }

.pad-xlg {

padding: 360px 0; }

.pad-top-xlg {

padding-top: 360px; }

.pad-bottom-xlg {

padding-bottom: 360px; }

.pad-lg {

padding: 150px 0; }

.pad-top-lg {

padding-top: 150px; }

.pad-bottom-lg {

padding-bottom: 150px; }

.mar-top-5 {

margin-top: 5px; }

.mar-bottom-5 {

margin-bottom: 5px; }

.pad-top-5 {

padding-top: 5px; }

.pad-bottom-5 {

padding-bottom: 5px; }

.mar-top-10 {

margin-top: 10px; }

.mar-bottom-10 {

margin-bottom: 10px; }

.pad-top-10 {

padding-top: 10px; }

.pad-bottom-10 {

padding-bottom: 10px; }

.mar-top-15 {

margin-top: 15px; }

.mar-bottom-15 {

margin-bottom: 15px; }

.pad-top-15 {

padding-top: 15px; }

.pad-bottom-15 {

padding-bottom: 15px; }

.mar-top-20 {

margin-top: 20px; }

.mar-bottom-20 {

margin-bottom: 20px; }

.pad-top-20 {

padding-top: 20px; }

.pad-bottom-20 {

padding-bottom: 20px; }

.mar-top-30 {

margin-top: 30px; }

.mar-bottom-30 {

margin-bottom: 30px; }

.pad-top-30 {

padding-top: 30px; }

.pad-bottom-30 {

padding-bottom: 30px; }

.mar-top-35 {

margin-top: 35px; }

.mar-bottom-35 {

margin-bottom: 35px; }

.pad-top-35 {

padding-top: 35px; }

.pad-bottom-35 {

padding-bottom: 35px; }

.mar-top-40 {

margin-top: 40px; }

.mar-bottom-40 {

margin-bottom: 40px; }

.pad-top-40 {

padding-top: 40px; }

.pad-bottom-40 {

padding-bottom: 40px; }

.mar-top-50 {

margin-top: 50px; }

.mar-bottom-50 {

margin-bottom: 50px; }

.pad-top-50 {

padding-top: 50px; }

.pad-bottom-50 {

padding-bottom: 50px; }

.mar-top-60 {

margin-top: 60px; }

.mar-bottom-60 {

margin-bottom: 60px; }

.pad-top-60 {

padding-top: 60px; }

.pad-bottom-60 {

padding-bottom: 60px; }

.mar-top-70 {

margin-top: 70px; }

.mar-bottom-70 {

margin-bottom: 70px; }

.pad-top-70 {

padding-top: 70px; }

.pad-bottom-70 {

padding-bottom: 70px; }

.mar-top-80 {

margin-top: 80px; }

.mar-bottom-80 {

margin-bottom: 80px; }

.pad-top-80 {

padding-top: 80px; }

.pad-bottom-80 {

padding-bottom: 80px; }

.mar-top-90 {

margin-top: 90px; }

.mar-bottom-90 {

margin-bottom: 90px; }

.pad-top-90 {

padding-top: 90px; }

.pad-bottom-90 {

padding-bottom: 90px; }

.remove-mar-top {

margin-top: 0 !important; }

.remove-mar-bottom {

margin-bottom: 0 !important; }

.no-margin {

margin: 0 !important; }

.remove-pad-top {

padding-top: 0 !important; }

.remove-pad-bottom {

padding-bottom: 0 !important; }

.no-padding {

padding: 0 !important; }

/**

#loading {

content: '';

display: block;

top: 0;

left: 0;

bottom: 0;

right: 0;

position:absolute;

width: 100%; height: 100%;

background: url('loading.gif') no-repeat center center;

margin:0 auto;

z-index:10000000;

/**opacity: 0.4; **/

}

**/

/* Paste this css to your style sheet file or under head tag */

/* This only works with JavaScript,

if it's not present, don't show loader */

.no-js #loader { display: none; }

.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.se-pre-con {

display: none;

position: fixed;

left: 0px;

top: 0px;

width: 100%;

height: 100%;

z-index: 9999;

opacity: 0.2;

opacity: 0.1;

background: url(loading.gif) center no-repeat transparent;

}

authpartner

Clone or download

Merge branch 'develop' of https://openforge.gov.in/plugins/git/digitallocker/development_auth_partner_sm_app into develop

Modified Files

Public

authpartner

Clone or download

Merge branch 'develop' of https://openforge.gov.in/plugins/git/digitallocker/development_auth_partner_sm_app into develop

Modified Files