authpartner
Clone or download
Modified Files
--- /dev/null
+++ b/css/style-seva.css
@@ -0,0 +1,5265 @@
+@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; }
+
+/*
+ * 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: #000000;
+ color: #FFFFFF;
+ border-color: #000000; }
+ .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: #000000;
+ 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;
+ 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));
+ background-image: -webkit-linear-gradient(left, #a7c8eb, #bce5d3);
+ background-image: -moz-linear-gradient(left, #a7c8eb, #bce5d3);
+ background-image: -ms-linear-gradient(left, #a7c8eb, #bce5d3);
+ background-image: -o-linear-gradient(left, #a7c8eb, #bce5d3);
+ background-image: linear-gradient(left, #a7c8eb, #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:300px;
+}
+
+.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; }
\ No newline at end of file
--- 'a/doc.php'
+++ b/doc.php
@@ -116,18 +116,16 @@ $dataI = json_decode($issuedNew[1], TRUE
<div class="box box-body col-sm-12" >
<div class="table-responsive">
<table class="table">
- <thead>
+ <thead style="color:#1569C7">
<tr>
<th>Name</th>
<th>Size</th>
<th>Date</th>
<th>URI</th>
</tr>
- <div><b onclick="uriData(null, null)" class="fa fa-home fa-2x" style="color:#3701ff"></b><b id="parent"></b></div>
-
+ <div><b onclick="uriData(null, null)" class="fa fa-home fa-2x" style="color:#1569C7"></b><b id="parent" style="color:#1569C7"></b></div>
</thead>
<tbody id="folderPath">
-
<?php
foreach ((array) ($dataF['items']) as $api_detail) {
if (isset($api_detail['id'])) {
@@ -144,7 +142,6 @@ $dataI = json_decode($issuedNew[1], TRUE
echo '<img src="images/folder.svg"></img>';
echo($api_detail['name']);
}
-
if ($api_detail['type'] == "file") {
echo "<td onclick='thisIsNotAFolder()'>";
echo '<img src="images/file.svg"></img>';
@@ -154,11 +151,9 @@ $dataI = json_decode($issuedNew[1], TRUE
?>
<td><?php echo($api_detail['size']); ?></td>
<td><?php echo($api_detail['date']); ?></td>
-
<?php if ($api_detail['type'] == "file") { ?>
<td>
<button onclick="download('<?php echo($api_detail['uri'] . ',' . $api_detail['name']); ?>')"><i class="fa fa-download"> </i></button>
-
</td>
<?php }
?>
--- 'a/footer.php'
+++ b/footer.php
@@ -1,43 +1,35 @@
<div class="navbar navbar-inverse footer-setting" style="margin-bottom:0px;">
- <footer class="container border-box">
- <div class="row">
-
- <div class="col-lg-4">
- <div class="col-lg-12">
- <h6 class="footer-hed">Customer Service</h6>
- <p class="pull-left"><a target="_blank" href="http://www.digibank.gov.in/complaints/customer-care.html" title="Safe Services">Customer Care Numbers</a></p>
- </div>
- <div class="col-lg-12"></div>
- <div class="col-lg-12" style="margin-top:-15px;">
- <h6 class="footer-hed">Customer Service</h6>
- <p class="pull-left"><a target="_blank" href="http://www.digilockerservicecenter.gov.in/online-safe-service/index.html" title="Safe Services" >Safe Service</a> | <a target="_blank" href="http://www.digibank.gov.in/go-green/Index.html" title="Go Green">Go Green</a></p>
- </div>
- </div>
- <div class="col-lg-4">
- <h6 class="text-center footer-hed">Useful Link</h6>
- <p class="text-center" style="text-align:justify"><a target="_blank" href="https://Digibank.co.in/BANKAWAY?Action.RetriveUserId.Acct.first=Y&folderId=AL&AppSignonBankId=ICI&AppType=corporate&abrdPrf=N" title="Get User ID">Get User ID</a> | <a target="_blank" href="http://www.digilockerservice.gov.in/Personal-service/insta-/insta-index.html" title="Ways To Bank">Ways To services</a> | <a target="_blank" href="http://www.digilockerservice.gov.in/Personal-Service/insta-/internet-service/index.html" title="Online Service">Online Service</a> |
- <a target="_blank" href="http://www.digibank.gov.in/Personal-Banking/account-deposit/savings-account/index.html" title="">Online Stydy</a> | <a target="_blank" href="http://www.digilockerservice.gov.in/Personal-swrvices/investments/ppf/ppf.html" title="online learning">Online Learning activity</a> | <a target="_blank" href="http://www.digibank.gov.in/financial-tools/index.html" title="home services">Home Services</a> |
- <a target="_blank" href="http://www.digibank.gov.in/form-center.html" title="Form Center">Form Center</a> | <a target="_blank" href="http://www.digibank.gov.in/Personal-Banking/investments/Digi-ser vices-pure-gold/gold-rate.html" title="Gold Rate Today">Online Services Today</a> | <a target="_blank" href="http://www.digibank.gov.in/media-gallery/media-gallery.html" title="Media Gallery">Media Gallery</a> | <a target="_blank" href="http://www.digibank.gov.in/Personal-Banking/credit-card/credit-cards.html" title="Credit Card">Online payment services</a>
- </p>
- </div>
- <div class="col-lg-4">
- <h6 class="pull-right footer-hed" style="padding-right:10px;">Visit Other Service Centers Sites</h6>
- <p class="pull-right" style="text-align: justify"><a target="_blank" href="https://www.csc.gov.in//" title="CSC Service Center">Common Service Center</a> | <a target="_blank" href="https://digilocker.gov.in//" title="DigiLocker">DigiLocker</a> |
- <a target="_blank" href="https://www.Digilombard.com/" title="DIGI Lombard General Insurance">DIGI Lombard General Insurance</a> |
- <a target="_blank" href="http://www.iseconline.com/" title="DIGI Securities">DIGI Securities</a> |
- <a target="_blank" href="http://www.Digiprulife.com/public/default.htm" title="DIGI Prudential Life Insurance">DIGI Prudential Life Insurance</a> |
- <a target="_blank" href="http://www.Digipruamc.com/Homepage.aspx" title="DIGI Prudential AMC">DIGI Prudential AMC</a> |
- <a target="_blank" href="http://www.Digiventure.com/" title="DIGI Venture">DIGI Venture</a> | <a target="_blank" href="http://content.Digidirect.com/newsitecontent/Home/Home.asp" title="DIGI Direct">DLSC Direct</a> |
- <a target="_blank" href="http://dishafc.org/" title="DISHA Financial Counselling">DISHA Financial Counselling</a> |
- <a target="_blank" href="http://www.Digihfc.com/" title="DIGI Home Finance">DigiLocker Home Services</a></p>
- </div>
- </div>
-
- <div class="col-lg-12">
- <p class="text-justify" style="margin-top:-20px;">
- <a target="_blank" href="http://www.digibank.gov.in/terms-condition/terms-and-conditions.html" title="Terms & Conditions">Terms & Conditions</a> | <a target="_blank" href="http://www.digibank.gov.in/interest-rates.html" title="Interest Rates">Interest Rates</a> | <a target="_blank" href="http://www.digibank.gov.in/service-charges/service-charges.html" title="Service Charges & Fees">Service Charges & Fees</a> | <a target="_blank" href="http://www.digibank.gov.in/do-not-call.html" title="Do Not Call Registry">Do Not Call Registry</a> | <a target="_blank" href="http://www.digibank.gov.in/disclaimer.html" title="Disclaimer">Disclaimer</a> | <a target="_blank" href="http://www.digibank.gov.in/multilingual-disclaimer.html" title="Multilingual Disclaimer">Multilingual Disclaimer</a> | <a target="_blank" href="http://www.digibank.gov.in/code-of-commitment.html" title="Code of Commitment">Code of Commitment</a> | <a target="_blank" href="http://www.digibank.gov.in/aboutus/pdf/code_of_business_conduct_ethics.pdf" title="Group Code of Business Conduct and Ethics">Group Code of Business Conduct and Ethics</a> | <a target="_blank" href="http://www.digibank.gov.in/aboutus/invest-disclosure.html" title="Basel II Disclosures">Basel II Disclosures</a> | <a target="_blank" href="http://www.digibank.gov.in/notice-board.html" title="Notice Board">Notice Board</a> | <a target="_blank" href="http://www.digibank.gov.in/unparliamentary-language-by-customers.html" title="Use of Unparliamentary Language by Customers">Use of Unparliamentary Language by Customers</a> | <a target="_blank" href="http://www.digibank.gov.in/privacy.html" title="Privacy">Privacy</a> | <a target="_blank" href="http://www.digibank.gov.in/usa-patriot-act-certification.html" title="USA Patriot Act Certification">USA Patriot Act Certification</a> </p>
-
- </div>
+ <footer id="footer-copyright" class="bg-wood">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-4">
+ <p class="footer-text" >
+ CSC E-Governance Services India Limited <br/>
+ Department of Electronics & Information Technology<br/>
+ Ministry of Communications & IT<br/>
+ Government of India
+ </p>
+ </div>
+ <div class="col-md-4">
+ <p class="footer-text" >
+ <!--<a href="tel:180030003468">Helpline: 1800 3000 3468</a> <br/>
+ <a href="mailto:support@csc.gov.in">E-Mail: support@csc.gov.in</a><br/>-->
+ <span>Helpline: 1800 3000 3468</span><br/>
+ <span>E-Mail: support@csc.gov.in</span><br/>
+ <a href="http://developer.csccloud.in/faq" target="_blank">FAQ</a>
+ </p>
+ </div>
+ <div class="col-md-4">
+ <ul class="social-nav">
+ <li><a href="https://www.facebook.com/cscscheme/" target="_blank"><i class="fa fa-facebook fa-2x white"></i></a> </li>
+ <li><a href="https://twitter.com/CSCegov" target="_blank"><i class="fa fa-twitter fa-2x sky"></i></a> </li>
+ <li><a href="https://www.youtube.com/user/CSCSCHEME" target="_blank"><i class="fa fa-youtube-play fa-2x redwine"></i></a> </li>
+ </ul>
+ <div class="footer-copyright">Copyright 2017 CSC E-Governance Services India Limited.<br/> All rights reserved.</div>
+ </div>
+ </div>
+ </div><!-- .container -->
+</footer>
</footer>
</div>
--- 'a/header.php'
+++ b/header.php
@@ -11,6 +11,7 @@
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
+ <link href="css/style-seva.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<style>
@@ -26,19 +27,30 @@
.row{margin-top: -10px;margin-bottom: 15px;}
}
+
+.dropdown-submenu {
+ position: relative;
+}
+
+.dropdown-submenu .dropdown-menu {
+ top: 0;
+ left: 100%;
+ margin-top: -1px;
+}
</style>
</head>
<body>
<!-- Navigation -->
<div class="row">
<div class="col-md-6">
- <a class="navbar-brand pull-left" href="index.html"><img src="images/digibank.png"></a>
+ <a class="navbar-brand pull-left" href="index.html"><img src="images/logo.png"></a>
</div>
<div class="col-md-6">
<a class="navbar-brand pull-right">
<img src="images/digitalindialogo.png"></a>
</div>
</div>
+
<nav role="navigation" style="background-color: blueviolet; margin-bottom: 15px;height: 35px; position: relative;" >
<div class="container" style="padding-left:0px !important;">
<!-- Brand and toggle get grouped for better mobile display -->
@@ -46,14 +58,30 @@
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" >
<ul class="nav navbar-nav navbar-left ">
<li>
- <a href="signup.php">Open DigiLocker Account</a>
+ <a href="#">AADHAAR</a>
+ </li>
+ <li>
+ <a href="#">AGRICULTURE</a>
</li>
<li>
- <a href="index.php">Download</a>
+ <a href="#">BANKING & PENSION</a>
+ </li>
+ <li>
+ <a href="#">DIGILOCKER</a>
+ </li>
+ <li>
+ <a href="#">ELECTION</a>
+ </li>
+ <li>
+ <a href="#">GOVERNMENT</a>
+ </li>
+ <li>
+ <a href="#">INSURANCE</a>
</li>
<li>
- <a href="upload.php">Upload</a>
+ <a href="#">TRAVEL</a>
</li>
+
</ul>
</div>
<!-- /.navbar-collapse -->
Binary files /dev/null and b/images/logo.png differ
--- 'a/index.php'
+++ b/index.php
@@ -1,44 +1,65 @@
<?php include 'header.php' ?>
+
+
<div class="container">
<!-- Marketing Icons Section -->
<div class="row">
- <div class="col-md-2">
+ <div class="page-section pad-bottom-30">
+ <div class="col-md-12 pad-bottom-30">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <h4>ABOUT COMMON SERVICES CENTERS</h4>
+ </div>
+ <div class="panel-body">
+ <p>Common Services Centers (CSC) are one of the crucial enablers of the Digital India Programme. They are the access points for delivery of various e-governance and business services to citizens in rural and remote areas of the country. It is a pan-India network catering to regional, geographic, linguistic and cultural diversity of the country, thus enabling the Government’s mandate of a socially, financially and digitally inclusive society. CSCs offer assisted access of e-services to citizens with a focus on enhancing governance, delivering essential government and public utility services, social welfare schemes, financial services, education and skill development courses, health and agriculture services and digital literacy, apart from a host of B2C services.</p>
+
+ </div>
+ </div>
+ </div>
</div>
- <div class="col-md-8">
- <div class="panel panel-default">
- <div class="panel-heading">
- <h4><i class="fa fa-download"></i>Download</h4>
+ <div class="page-section pad-bottom-60">
+ <div class="container">
+
+ <div class="kt-heading-wrapper">
+ <h3 class="kt-heading-title">Featured Services</h3>
+ <!--<div class="kt-heading-subtitle"><a href="#">see all</a></div>-->
</div>
- <div class="panel-body">
- <p>DigiLocker is Government of India's cloud based platform for issuance and verification of documents & certificates digitally. </p>
- <p>With DigiLocker, you can: </p>
- <ul class="custom-bullet">
- <li>Access your documents anytime, anywhere.</li>
- <li>Share documents digitally for verification.</li>
- <li>eSign documents (which is similar to self-attestation).</li>
- </ul>
- <form action = "https://developers.digitallocker.gov.in/public/oauth2/1/authorize" method = "GET" role="form">
- <div class="form-group has-success" style="display:none">
- <label class="control-label" for="inputSuccess">Response Type</label>
- <input type="text" class="form-control" name = "response_type" value="code">
+ <div class="row">
+ <div class="col-md-4 text-center">
+ <div class="box">
+ <div class="box-content">
+ <h4 class="tag-title">Insurance</h4>
+ <hr />
+ <p>CSC SPV acquired license from Insurance Regulatory and Development Authority in 2013 to work as an authorized intermediary to market life and non-life insurance products through VLEs as Rural Authorised Persons. </p>
+ <br />
+ <a href="#" class="btn btn-blue-b" target="_blank">Browse</a>
+ </div>
</div>
- <div class="form-group has-success" style="display:none">
- <label class="control-label" for="inputSuccess">Client ID</label>
- <input type="text" class="form-control" name = "client_id" value="NIELN3M9">
+ </div>
+ <div class="col-md-4 text-center">
+ <div class="box">
+ <div class="box-content">
+ <h4 class="tag-title">Digilocker</h4>
+ <hr />
+ <p>Targeted at the idea of paperless governance, DigiLocker is a platform for issuance and verification of documents & certificates in a digital way, thus eliminating the use of physical documents. Indian citizens who sign up for a DigiLocker account get a dedicated cloud storage space that is linked to their Aadhaar. </p>
+
+ <a href="https://digilocker.gov.in/public/register" class="btn btn-blue-b" target="_blank">Browse</a>
+ </div>
</div>
- <div class="form-group has-success" style="display:none">
- <label class="control-label" for="inputSuccess">Redirect Uri</label>
- <input type="text" class="form-control" name = "redirect_uri" value="http://localhost/digibank/doc.php">
+ </div>
+ <div class="col-md-4 text-center">
+ <div class="box">
+ <div class="box-content">
+ <h4 class="tag-title">Banking</h4>
+ <hr />
+ <p>Under Reserve Bank of India guidelines for delivery of financial services through the CSCs, CSC SPV has partnered with 42 public, private sector and regional rural banks to provide banking facilities to the unbanked, especially marginalized communities and women. </p>
+ <br />
+ <a href="#" class="btn btn-blue-b" target="_blank">Browse</a>
+ </div>
</div>
- <div class="form-group has-success" style="display:none">
- <label class="control-label" for="inputSuccess">State</label>
- <input type="text" class="form-control" name = "state" value="123456">
- </div>
- <!--<a href="doc.php"><input type="button" class="btn btn-primary" value="Submit" /></a>-->
- <button type="submit" class="btn btn-default">Access Digilocker</button>
- </form>
- </div>
- </div>
+ </div>
+ </div>
+ </div><!-- ./ container end -->
</div>
<div class="col-md-2">
</div>
@@ -46,4 +67,13 @@
</div>
<!-- /.row -->
</div>
+<script>
+ $(document).ready(function () {
+ $('.dropdown-submenu a.test').on("click", function (e) {
+ $(this).next('ul').toggle();
+ e.stopPropagation();
+ e.preventDefault();
+ });
+ });
+</script>
<?php include 'footer.php' ?>
\ No newline at end of file
--- 'a/payment.php'
+++ b/payment.php
@@ -53,7 +53,7 @@
<button onclick="myFunction()" class="btn btn-default">Print this page</button>
</div>
</div>
-
+
<div class='form-row'>
<div class='col-md-12 error form-group hide'>
<div class='alert-danger alert'>
@@ -72,7 +72,7 @@
<?php include 'footer.php' ?>
<script>
- function myFunction() {
- window.print();
- }
+ function myFunction() {
+ window.print();
+ }
</script>
--- 'a/uploaddoc.php'
+++ b/uploaddoc.php
@@ -70,7 +70,7 @@ $dataF = json_decode($resFileNew[1], TRU
<?php
$itm = "";
$i = 0;
- foreach ($dataF['items'] as $items) {
+ foreach ((array)$dataF['items'] as $items) {
if ($items['type'] == "dir") {
$itm .= "<option value='" . $items['name'] . "'>" . $items['name'] . "</option>";
}
--- 'a/xml/hashKey.xml'
+++ b/xml/hashKey.xml
@@ -1,5 +1,5 @@
<?xml version="1.0"?>
<maincontent>
- <code num="2d5be450f80301fbf3d0e02911d0646b8c0d26fb"/>
- <access_token>0ae5fcbb90a134e6137ba940d2b7283ca605a6c4</access_token>
+ <code num=""/>
+ <access_token>f60b6343c399d1ce3f6f3fe9508ac76ae8572301</access_token>
</maincontent>