authpartner
Clone or download
Modified Files
@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; }
<?php
<?php
include 'header.php';
include 'header.php';
$code = $_GET['code'];
$code = $_GET['code'];
$state = $_GET['state'];
$state = $_GET['state'];
if (file_exists("xml/hashKey.xml")) {
if (file_exists("xml/hashKey.xml")) {
$xml = (array) simplexml_load_file("xml/hashKey.xml") or die("Error: Cannot create object");
$xml = (array) simplexml_load_file("xml/hashKey.xml") or die("Error: Cannot create object");
} else {
} else {
echo "xml/hashKey.xml file doesnot exists";
echo "xml/hashKey.xml file doesnot exists";
}
}
$access_token = $xml['access_token'];
$access_token = $xml['access_token'];
$cd = (array) $xml['code']['num'];
$cd = (array) $xml['code']['num'];
if ($cd != $code) {
if ($cd != $code) {
$url = "https://developers.digitallocker.gov.in/public/oauth2/1/token";
$url = "https://developers.digitallocker.gov.in/public/oauth2/1/token";
$post = array(
$post = array(
'code' => $code,
'code' => $code,
'grant_type' => 'authorization_code',
'grant_type' => 'authorization_code',
'client_id' => 'NIELN3M9',
'client_id' => 'NIELN3M9',
'client_secret' => 'DQ3pWgCtB0I3EhSrtTXU',
'client_secret' => 'DQ3pWgCtB0I3EhSrtTXU',
'redirect_uri' => 'http://localhost/digibank/doc.php',
'redirect_uri' => 'http://localhost/digibank/doc.php',
);
);
$vh = curl_init($url);
$vh = curl_init($url);
curl_setopt($vh, CURLOPT_CUSTOMREQUEST, "POST");
curl_setopt($vh, CURLOPT_CUSTOMREQUEST, "POST");
curl_setopt($vh, CURLOPT_POST, true);
curl_setopt($vh, CURLOPT_POST, true);
curl_setopt($vh, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vh, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vh, CURLOPT_POSTFIELDS, $post);
curl_setopt($vh, CURLOPT_POSTFIELDS, $post);
//curl_setopt($vh, CURLOPT_HTTPHEADER, $headers);
//curl_setopt($vh, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vh, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vh, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vh, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vh, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vh, CURLOPT_RETURNTRANSFER, true);
curl_setopt($vh, CURLOPT_RETURNTRANSFER, true);
$result = curl_exec($vh);
$result = curl_exec($vh);
curl_close($vh);
curl_close($vh);
$notgettingdata = explode('', $result);
$notgettingdata = explode('', $result);
$getToken = json_decode($notgettingdata[1]);
$getToken = json_decode($notgettingdata[1]);
if (isset($getToken->access_token)) {
if (isset($getToken->access_token)) {
$access_token = $getToken->access_token;
$access_token = $getToken->access_token;
}
}
if (isset($access_token)) {
if (isset($access_token)) {
$doc = new DOMDocument('1.0');
$doc = new DOMDocument('1.0');
$doc->formatOutput = true;
$doc->formatOutput = true;
$doc = new DOMDocument('1.0');
$doc = new DOMDocument('1.0');
$doc->formatOutput = true;
$doc->formatOutput = true;
$root = $doc->createElement('maincontent');
$root = $doc->createElement('maincontent');
$root = $doc->appendChild($root);
$root = $doc->appendChild($root);
$title = $doc->createElement('code');
$title = $doc->createElement('code');
$title = $root->appendChild($title);
$title = $root->appendChild($title);
$enclosure = $doc->createAttribute('num');
$enclosure = $doc->createAttribute('num');
$enclosure->value = $code;
$enclosure->value = $code;
$title->appendChild($enclosure);
$title->appendChild($enclosure);
$title = $doc->createElement('access_token');
$title = $doc->createElement('access_token');
$title = $root->appendChild($title);
$title = $root->appendChild($title);
$text = $doc->createTextNode($access_token);
$text = $doc->createTextNode($access_token);
$text = $title->appendChild($text);
$text = $title->appendChild($text);
$doc->save("xml/hashKey.xml");
$doc->save("xml/hashKey.xml");
}
}
if (file_exists("xml/hashKey.xml")) {
if (file_exists("xml/hashKey.xml")) {
$xml = (array) simplexml_load_file("xml/hashKey.xml") or die("Error: Cannot create object");
$xml = (array) simplexml_load_file("xml/hashKey.xml") or die("Error: Cannot create object");
} else {
} else {
echo "xml/hashKey.xml file doesnot exists";
echo "xml/hashKey.xml file doesnot exists";
}
}
$access_token = $xml['access_token'];
$access_token = $xml['access_token'];
}
}
$headers = array(
$headers = array(
'Authorization: Bearer ' . $access_token
'Authorization: Bearer ' . $access_token
//'Authorization: Basic '. base64_encode("$username:$password")
//'Authorization: Basic '. base64_encode("$username:$password")
);
);
$urlFile = 'https://developers.digitallocker.gov.in/public/oauth2/1/files/';
$urlFile = 'https://developers.digitallocker.gov.in/public/oauth2/1/files/';
$vhf = curl_init($urlFile);
$vhf = curl_init($urlFile);
curl_setopt($vhf, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vhf, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vhf, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vhf, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vhf, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vhf, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vhf, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vhf, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vhf, CURLOPT_RETURNTRANSFER, true);
curl_setopt($vhf, CURLOPT_RETURNTRANSFER, true);
$resFile = curl_exec($vhf);
$resFile = curl_exec($vhf);
curl_close($vhf);
curl_close($vhf);
$resFileNew = explode('', $resFile);
$resFileNew = explode('', $resFile);
$dataF = json_decode($resFileNew[1], TRUE);
$dataF = json_decode($resFileNew[1], TRUE);
$headers = array(
$headers = array(
'Authorization: Bearer ' . $access_token
'Authorization: Bearer ' . $access_token
//'Authorization: Basic '. base64_encode("$username:$password")
//'Authorization: Basic '. base64_encode("$username:$password")
);
);
$urlissued = 'https://developers.digitallocker.gov.in/public/oauth2/1/files/issued';
$urlissued = 'https://developers.digitallocker.gov.in/public/oauth2/1/files/issued';
$vhi = curl_init($urlissued);
$vhi = curl_init($urlissued);
curl_setopt($vhi, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vhi, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vhi, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vhi, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vhi, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vhi, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vhi, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vhi, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vhi, CURLOPT_RETURNTRANSFER, true);
curl_setopt($vhi, CURLOPT_RETURNTRANSFER, true);
$resissued = curl_exec($vhi);
$resissued = curl_exec($vhi);
$resissuedErr = curl_error($vhi);
$resissuedErr = curl_error($vhi);
curl_close($vhi);
curl_close($vhi);
$issuedNew = explode('', $resissued);
$issuedNew = explode('', $resissued);
$dataI = json_decode($issuedNew[1], TRUE);
$dataI = json_decode($issuedNew[1], TRUE);
?>
?>
<div id="wrapper">
<div id="wrapper">
<div id="page-wrapper">
<div id="page-wrapper">
<div class="container-fluid">
<div class="container-fluid">
<!-- Page Heading -->
<!-- Page Heading -->
<div class="row">
<div class="row">
<div class="col-lg-12">
<div class="col-lg-12">
<div class="container">
<div class="container">
<ul class="nav nav-tabs">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#uploadeddocument"><img src="images/uploaded_files.png">Uploaded Document</a></li>
<li class="active"><a data-toggle="tab" href="#uploadeddocument"><img src="images/uploaded_files.png">Uploaded Document</a></li>
<li><a data-toggle="tab" href="#issueddocument" ><img src="images/issuedfile.png">Issued Document</a></li>
<li><a data-toggle="tab" href="#issueddocument" ><img src="images/issuedfile.png">Issued Document</a></li>
</ul>
</ul>
<div class="tab-content">
<div class="tab-content">
<div id="uploadeddocument" class="tab-pane fade in active">
<div id="uploadeddocument" class="tab-pane fade in active">
<section class="content">
<section class="content">
<div class="row">
<div class="row">
<div class="col-md-12">
<div class="col-md-12">
<div class="box box-primary">
<div class="box box-primary">
<div class="box box-body col-sm-12" >
<div class="box box-body col-sm-12" >
<div class="table-responsive">
<div class="table-responsive">
<table class="table">
<table class="table">
<thead>
<thead style="color:#1569C7">
<tr>
<tr>
<th>Name</th>
<th>Name</th>
<th>Size</th>
<th>Size</th>
<th>Date</th>
<th>Date</th>
<th>URI</th>
<th>URI</th>
</tr>
</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>
</thead>
<tbody id="folderPath">
<tbody id="folderPath">
<?php
<?php
foreach ((array) ($dataF['items']) as $api_detail) {
foreach ((array) ($dataF['items']) as $api_detail) {
if (isset($api_detail['id'])) {
if (isset($api_detail['id'])) {
$api_detail['id'] = $api_detail['id'];
$api_detail['id'] = $api_detail['id'];
$api_detail['parent'] = $api_detail['parent'];
$api_detail['parent'] = $api_detail['parent'];
} else {
} else {
$api_detail['id'] = "";
$api_detail['id'] = "";
}
}
?>
?>
<tr>
<tr>
<?php
<?php
if (($api_detail['type']) == "dir") {
if (($api_detail['type']) == "dir") {
echo '<td onclick="uriData(' . $api_detail['id'] . ',' . $api_detail['parent'] . ')">';
echo '<td onclick="uriData(' . $api_detail['id'] . ',' . $api_detail['parent'] . ')">';
echo '<img src="images/folder.svg"></img>';
echo '<img src="images/folder.svg"></img>';
echo($api_detail['name']);
echo($api_detail['name']);
}
}
if ($api_detail['type'] == "file") {
if ($api_detail['type'] == "file") {
echo "<td onclick='thisIsNotAFolder()'>";
echo "<td onclick='thisIsNotAFolder()'>";
echo '<img src="images/file.svg"></img>';
echo '<img src="images/file.svg"></img>';
echo($api_detail['name']);
echo($api_detail['name']);
}
}
echo "</td>";
echo "</td>";
?>
?>
<td><?php echo($api_detail['size']); ?></td>
<td><?php echo($api_detail['size']); ?></td>
<td><?php echo($api_detail['date']); ?></td>
<td><?php echo($api_detail['date']); ?></td>
<?php if ($api_detail['type'] == "file") { ?>
<?php if ($api_detail['type'] == "file") { ?>
<td>
<td>
<button onclick="download('<?php echo($api_detail['uri'] . ',' . $api_detail['name']); ?>')"><i class="fa fa-download"> </i></button>
<button onclick="download('<?php echo($api_detail['uri'] . ',' . $api_detail['name']); ?>')"><i class="fa fa-download"> </i></button>
</td>
</td>
<?php }
<?php }
?>
?>
</tr>
</tr>
<?php }
<?php }
?>
?>
</tbody>
</tbody>
</table>
</table>
<div class="footer">
<div class="footer">
<a class="btn btn-default" style="float: right; margin-left: 10px" href="payment.php">Complete Payment</a>
<a class="btn btn-default" style="float: right; margin-left: 10px" href="payment.php">Complete Payment</a>
<a class="btn btn-default" style="float: right;" href="index.php">Cancel</a>
<a class="btn btn-default" style="float: right;" href="index.php">Cancel</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</div>
</div>
<div id="issueddocument" class="tab-pane">
<div id="issueddocument" class="tab-pane">
<section class="content">
<section class="content">
<div class="row">
<div class="row">
<div class="col-md-12">
<div class="col-md-12">
<div class="box box-primary">
<div class="box box-primary">
<div class="box box-body col-sm-12">
<div class="box box-body col-sm-12">
<div class="table-responsive">
<div class="table-responsive">
<table class="table">
<table class="table">
<tr>
<tr>
<th>Name</th>
<th>Name</th>
<th>URI</th>
<th>URI</th>
<th>Created On</th>
<th>Created On</th>
</tr>
</tr>
<?php
<?php
foreach ((array) ($dataI['items']) as $issued_detail):
foreach ((array) ($dataI['items']) as $issued_detail):
?>
?>
<tr><td>
<tr><td>
<?php
<?php
echo "<i class='fa fa-file-o'></i> ";
echo "<i class='fa fa-file-o'></i> ";
echo($issued_detail['name']);
echo($issued_detail['name']);
?>
?>
</td>
</td>
<td><?php echo($issued_detail['uri']); ?></td>
<td><?php echo($issued_detail['uri']); ?></td>
<td><?php echo($issued_detail['date']); ?></td>
<td><?php echo($issued_detail['date']); ?></td>
<td><?php if ($api_detail['type'] == "file") { ?>
<td><?php if ($api_detail['type'] == "file") { ?>
<td>
<td>
<button onclick="download('<?php echo($issued_detail['uri'] . ',' . $issued_detail['name']); ?>')"><i class="fa fa-download"> </i></button>
<button onclick="download('<?php echo($issued_detail['uri'] . ',' . $issued_detail['name']); ?>')"><i class="fa fa-download"> </i></button>
</td>
</td>
<?php } ?>
<?php } ?>
</tr>
</tr>
<?php
<?php
endforeach;
endforeach;
?>
?>
</table>
</table>
<div class="footer">
<div class="footer">
<a class="btn btn-default" style="float: right; margin-left: 10px" href="payment.php">Complete Payment</a>
<a class="btn btn-default" style="float: right; margin-left: 10px" href="payment.php">Complete Payment</a>
<a class="btn btn-default" style="float: right;" href="index.php">Cancel</a>
<a class="btn btn-default" style="float: right;" href="index.php">Cancel</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.container-fluid -->
<!-- /.container-fluid -->
</div>
</div>
</div>
</div>
</body>
</body>
<?php include 'footer.php' ?>
<?php include 'footer.php' ?>
<script>
<script>
function uriData(id, parent) {
function uriData(id, parent) {
$("#folderPath").empty();
$("#folderPath").empty();
var id = id;
var id = id;
var accessTocken = "<?php echo $access_token; ?>";
var accessTocken = "<?php echo $access_token; ?>";
var uri = "<?php echo $api_detail['uri']; ?>";
var uri = "<?php echo $api_detail['uri']; ?>";
var uriDataHtml = "";
var uriDataHtml = "";
var fileOrFolder = "";
var fileOrFolder = "";
var onclickFnc = "";
var onclickFnc = "";
var dwnldTd = "";
var dwnldTd = "";
var accessToken = "<?php echo $access_token; ?>";
var accessToken = "<?php echo $access_token; ?>";
$.post("http://localhost/digibank/uri.php", {access_token: accessTocken, id: id}, function (result) {
$.post("http://localhost/digibank/uri.php", {access_token: accessTocken, id: id}, function (result) {
$.each(result.items, function (i, l) {
$.each(result.items, function (i, l) {
if (result.items[i].type == "file") {
if (result.items[i].type == "file") {
console.log(result.items);
console.log(result.items);
fileOrFolder = '<img src="images/file.svg"></img>';
fileOrFolder = '<img src="images/file.svg"></img>';
onclickFnc = "onclick='thisIsNotAFolder()'";
onclickFnc = "onclick='thisIsNotAFolder()'";
dwnldTd = "<td onclick = 'download(\"" + result.items[i].uri + "\",\"" + result.items[i].name + "\");';><button><i class='fa fa-download'> </i></button></td>";
dwnldTd = "<td onclick = 'download(\"" + result.items[i].uri + "\",\"" + result.items[i].name + "\");';><button><i class='fa fa-download'> </i></button></td>";
} else {
} else {
fileOrFolder = '<img src="images/folder.svg"></img>';
fileOrFolder = '<img src="images/folder.svg"></img>';
onclickFnc = "onclick='uriData(" + result.items[i].id + "," + result.items[i].parent + ")'";
onclickFnc = "onclick='uriData(" + result.items[i].id + "," + result.items[i].parent + ")'";
dwnldTd = "<td></td>";
dwnldTd = "<td></td>";
}
}
uriDataHtml += "<tr><td " + onclickFnc + ">" + fileOrFolder + result.items[i].name + "</td><td>" + result.items[i].size + "</td><td>" + result.items[i].date + "</td>\n\
uriDataHtml += "<tr><td " + onclickFnc + ">" + fileOrFolder + result.items[i].name + "</td><td>" + result.items[i].size + "</td><td>" + result.items[i].date + "</td>\n\
<td>" + result.items[i].uri + "</td>" + dwnldTd + "</tr>";
<td>" + result.items[i].uri + "</td>" + dwnldTd + "</tr>";
$("#folderPath").html(uriDataHtml);
$("#folderPath").html(uriDataHtml);
});
});
//$("#parent").empty();
//$("#parent").empty();
$("#parent").html("<i onclick=uriData(" + parent + ",null)>" + result.directory + "</i>");
$("#parent").html("<i onclick=uriData(" + parent + ",null)>" + result.directory + "</i>");
}, "json")
}, "json")
.fail(function () {
.fail(function () {
$("#folderPath").html("Some error found");
$("#folderPath").html("Some error found");
});
});
}
}
function download(uris, filename) {
function download(uris, filename) {
var getdata = uris.split(",");
var getdata = uris.split(",");
var uri = getdata[0];
var uri = getdata[0];
var filename = getdata[1];
var filename = getdata[1];
var accessTocken = "<?php echo $access_token; ?>";
var accessTocken = "<?php echo $access_token; ?>";
var arraydata = {uri: uri, accesstoken: accessTocken, filename: filename}
var arraydata = {uri: uri, accesstoken: accessTocken, filename: filename}
$.ajax({
$.ajax({
url: '/digibank/download.php',
url: '/digibank/download.php',
type: 'POST',
type: 'POST',
data: arraydata
data: arraydata
}).done(function (response)
}).done(function (response)
{
{
var getdata = JSON.parse(response);
var getdata = JSON.parse(response);
console.log(getdata[1]);
console.log(getdata[1]);
window.open("data:" + getdata[0] + ";base64," + getdata[1], '', 'height=650,width=840');
window.open("data:" + getdata[0] + ";base64," + getdata[1], '', 'height=650,width=840');
});
});
}
}
</script>
</script>
</html>
</html>
<div class="navbar navbar-inverse footer-setting" style="margin-bottom:0px;">
<div class="navbar navbar-inverse footer-setting" style="margin-bottom:0px;">
<footer class="container border-box">
<footer id="footer-copyright" class="bg-wood">
<div class="row">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="col-md-4">
<div class="col-lg-12">
<p class="footer-text" >
<h6 class="footer-hed">Customer Service</h6>
CSC E-Governance Services India Limited <br/>
<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>
Department of Electronics & Information Technology<br/>
</div>
Ministry of Communications & IT<br/>
<div class="col-lg-12"></div>
Government of India
<div class="col-lg-12" style="margin-top:-15px;">
</p>
<h6 class="footer-hed">Customer Service</h6>
</div>
<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 class="col-md-4">
</div>
<p class="footer-text" >
</div>
<!--<a href="tel:180030003468">Helpline: 1800 3000 3468</a> <br/>
<div class="col-lg-4">
<a href="mailto:support@csc.gov.in">E-Mail: support@csc.gov.in</a><br/>-->
<h6 class="text-center footer-hed">Useful Link</h6>
<span>Helpline: 1800 3000 3468</span><br/>
<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> |
<span>E-Mail: support@csc.gov.in</span><br/>
<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 href="http://developer.csccloud.in/faq" target="_blank">FAQ</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>
</p>
</div>
</div>
<div class="col-md-4">
<div class="col-lg-4">
<ul class="social-nav">
<h6 class="pull-right footer-hed" style="padding-right:10px;">Visit Other Service Centers Sites</h6>
<li><a href="https://www.facebook.com/cscscheme/" target="_blank"><i class="fa fa-facebook fa-2x white"></i></a> </li>
<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> |
<li><a href="https://twitter.com/CSCegov" target="_blank"><i class="fa fa-twitter fa-2x sky"></i></a> </li>
<a target="_blank" href="https://www.Digilombard.com/" title="DIGI Lombard General Insurance">DIGI Lombard General Insurance</a> |
<li><a href="https://www.youtube.com/user/CSCSCHEME" target="_blank"><i class="fa fa-youtube-play fa-2x redwine"></i></a> </li>
<a target="_blank" href="http://www.iseconline.com/" title="DIGI Securities">DIGI Securities</a> |
</ul>
<a target="_blank" href="http://www.Digiprulife.com/public/default.htm" title="DIGI Prudential Life Insurance">DIGI Prudential Life Insurance</a> |
<div class="footer-copyright">Copyright 2017 CSC E-Governance Services India Limited.<br/> All rights reserved.</div>
<a target="_blank" href="http://www.Digipruamc.com/Homepage.aspx" title="DIGI Prudential AMC">DIGI Prudential AMC</a> |
</div>
<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> |
</div>
<a target="_blank" href="http://dishafc.org/" title="DISHA Financial Counselling">DISHA Financial Counselling</a> |
</div><!-- .container -->
<a target="_blank" href="http://www.Digihfc.com/" title="DIGI Home Finance">DigiLocker Home Services</a></p>
</footer>
</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>
</footer>
</div>
</div>
<script language="javascript" charset="UTF-8" type="text/javascript" src="js/stats.js"></script>
<script language="javascript" charset="UTF-8" type="text/javascript" src="js/stats.js"></script>
<!-- /.container -->
<!-- /.container -->
<!-- jQuery -->
<!-- jQuery -->
<!-- Bootstrap Core JavaScript -->
<!-- Bootstrap Core JavaScript -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="description" content="">
<meta name="author" content="">
<meta name="author" content="">
<title>DigiLocker Service Center</title>
<title>DigiLocker Service Center</title>
<!-- Bootstrap Core CSS -->
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/style-seva.css" rel="stylesheet">
<!-- Custom Fonts -->
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<style>
<style>
@media (min-width: 768px){
@media (min-width: 768px){
.navbar-nav>li>a {
.navbar-nav>li>a {
font-size:11px;
font-size:11px;
padding-top: 8px;
padding-top: 8px;
padding-bottom: 0px;
padding-bottom: 0px;
color: #fff;
color: #fff;
padding-bottom: 8px;
padding-bottom: 8px;
}
}
.navbar-nav>li>a:hover{ color: #000; background-color:#f0ede4;}
.navbar-nav>li>a:hover{ color: #000; background-color:#f0ede4;}
.row{margin-top: -10px;margin-bottom: 15px;}
.row{margin-top: -10px;margin-bottom: 15px;}
}
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
}
</style>
</style>
</head>
</head>
<body>
<body>
<!-- Navigation -->
<!-- Navigation -->
<div class="row">
<div class="row">
<div class="col-md-6">
<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>
<div class="col-md-6">
<div class="col-md-6">
<a class="navbar-brand pull-right">
<a class="navbar-brand pull-right">
<img src="images/digitalindialogo.png"></a>
<img src="images/digitalindialogo.png"></a>
</div>
</div>
</div>
</div>
<nav role="navigation" style="background-color: blueviolet; margin-bottom: 15px;height: 35px; position: relative;" >
<nav role="navigation" style="background-color: blueviolet; margin-bottom: 15px;height: 35px; position: relative;" >
<div class="container" style="padding-left:0px !important;">
<div class="container" style="padding-left:0px !important;">
<!-- Brand and toggle get grouped for better mobile display -->
<!-- Brand and toggle get grouped for better mobile display -->
<!-- Collect the nav links, forms, and other content for toggling -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" >
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" >
<ul class="nav navbar-nav navbar-left ">
<ul class="nav navbar-nav navbar-left ">
<li>
<li>
<a href="signup.php">Open DigiLocker Account</a>
<a href="#">AADHAAR</a>
</li>
<li>
<a href="#">AGRICULTURE</a>
</li>
</li>
<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>
<li>
<li>
<a href="upload.php">Upload</a>
<a href="#">TRAVEL</a>
</li>
</li>
</ul>
</ul>
</div>
</div>
<!-- /.navbar-collapse -->
<!-- /.navbar-collapse -->
</div>
</div>
<!-- /.container -->
<!-- /.container -->
</nav>
</nav>
PNG
IHDR & %PLTEGpL+/*+*)+*)+*)YS-<^:+*)+*)+*)+*)+*)+*)F+(+*)+*)+*)+<,+*)+*)+*)+*)+*)+*)+*)+*),f671*+*)+*)+*)+*)+*)+*)+*)+*)+*)+*)/#+*)6#+*)+*)'#+*)+*)+*)+*)+*)+*)+#+*)+*),g6+*))l8+*)+*)+*);#+*)+*)-k6:#2w8-@-,f6+*)*i7+*)4:I<(#,f6'p9+*)` (s91#)j7(m8*o8'#(#*j7J!] j '#<#?#7<9=B=8<,f6)l7'$*i6)m8,#+#?#+#,f6m N ,f65#'#C;6;?#Z89=&s:5#'$)$,f6<#&s:?#+#^ ($?#:#m m m q3C<^61v9+*)?#9=*#*#@;蔻-'$,f6l <#5#j4'#7<{1&s:-V7I8t2`5(#G=p^/a tRNS Z}&kG! .afKp-w%U7 4?P k) 2"f\0Qyȇ7\Ա1u=5ٽHl 1Sj;Bֺ,uY J3R(<V IDATx^ՖWYoH#4B0 H@\@ņյn%T{}dL&|s33}sA!ˎy033s} 噩9B&i!=3`H'w4cLkv6f.%.3a0$ocQN{\?wOtdK{/-\X lm&w:`#s OY&5 C!AR0GD=xs%u CpG ^?W4Uŝr\ <k
8 19N$utY!{9ё#ǖ_j>(frٙJ, ,Z@DcN`k2 c5 A9@O&Y wǒmP)ģZA7SR\>]9?Cb^0d8 z@zG$.
InVLn ˹"tCkW
~O} 3;WjhU u b}͠Hn)N'nu Tps\;H"'13*Xԑu,"b H#F.TӊW|LrrG<9W-!7BG.X2#a2' )Ue&;
roKi=@vI 9
cwr)7x=:r.Q3]t&@|Q#< Pءb4!'%&51 {f1Va 9H2SZ9 @patOd0 -ћQ|$'TF_?_|XTG#ng?pB(#3Q&`}R\nr2%q6by tƽmw*֑O KQCUƪ쒉t@ԽB)@m?qsTOti2bP]J.!
oבCҕ| n q%Jc<8 E,bJdr?rdW F S:5#Mp6H'c1=9$babuQCQY0 '*zWrDjfrs{o$Q_ɋ_k t^ϒE82@\1ėO"v
=$spkY եlbQwRUY 6}Ed&@m%UTYTlT"{Żu\^nҩ |rBm[f}_m?\Ts{#˙D[+ %-L_n`;x =^\2AQ2 јrrHeA,bˑ- (q+dNJݠp)u tz& rDy.sic#D(ԕM .k-se1hY-VH6{
Y%rVeiK e Ɛtw" sHvVeP/5XD䠬7/#ROX"U%ե r7L+n+y f&X>P.%aվIެ^EB<0Fm
M}z>T{xEڳL`TL>,g.L[W{>
6jVGOC-]Ic傕jߟ=3fV<Ťaf
L>Q[}T2"f'Ff_`P QZg8 8x SS Q IENDB`
<?php include 'header.php' ?>
<?php include 'header.php' ?>
<div class="container">
<div class="container">
<!-- Marketing Icons Section -->
<!-- Marketing Icons Section -->
<div class="row">
<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>
<div class="col-md-8">
<div class="page-section pad-bottom-60">
<div class="panel panel-default">
<div class="container">
<div class="panel-heading">
<h4><i class="fa fa-download"></i>Download</h4>
<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>
<div class="panel-body">
<div class="row">
<p>DigiLocker is Government of India's cloud based platform for issuance and verification of documents & certificates digitally. </p>
<div class="col-md-4 text-center">
<p>With DigiLocker, you can: </p>
<div class="box">
<ul class="custom-bullet">
<div class="box-content">
<li>Access your documents anytime, anywhere.</li>
<h4 class="tag-title">Insurance</h4>
<li>Share documents digitally for verification.</li>
<hr />
<li>eSign documents (which is similar to self-attestation).</li>
<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>
</ul>
<br />
<form action = "https://developers.digitallocker.gov.in/public/oauth2/1/authorize" method = "GET" role="form">
<a href="#" class="btn btn-blue-b" target="_blank">Browse</a>
<div class="form-group has-success" style="display:none">
</div>
<label class="control-label" for="inputSuccess">Response Type</label>
<input type="text" class="form-control" name = "response_type" value="code">
</div>
</div>
<div class="form-group has-success" style="display:none">
</div>
<label class="control-label" for="inputSuccess">Client ID</label>
<div class="col-md-4 text-center">
<input type="text" class="form-control" name = "client_id" value="NIELN3M9">
<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>
<div class="form-group has-success" style="display:none">
</div>
<label class="control-label" for="inputSuccess">Redirect Uri</label>
<div class="col-md-4 text-center">
<input type="text" class="form-control" name = "redirect_uri" value="http://localhost/digibank/doc.php">
<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>
<div class="form-group has-success" style="display:none">
</div>
<label class="control-label" for="inputSuccess">State</label>
</div>
<input type="text" class="form-control" name = "state" value="123456">
</div><!-- ./ container end -->
</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 class="col-md-2">
<div class="col-md-2">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.row -->
<!-- /.row -->
</div>
</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' ?>
<?php include 'footer.php' ?>
<?php include 'header.php' ?>
<?php include 'header.php' ?>
<div class="container">
<div class="container">
<div class="col-lg-2"></div>
<div class="col-lg-2"></div>
<div class="col-lg-8">
<div class="col-lg-8">
<div class="panel panel-default">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-heading">
<h4><i class="fa fa-fw fa-link"></i>Payment</h4>
<h4><i class="fa fa-fw fa-link"></i>Payment</h4>
</div>
</div>
<div class="panel-body">
<div class="panel-body">
<form role="form">
<form role="form">
<script src='https://js.stripe.com/v2/' type='text/javascript'></script>
<script src='https://js.stripe.com/v2/' type='text/javascript'></script>
<fohttp://bootsnipp.com/snippets/featured/payment-receipt-bs3rm accept-charset="UTF-8" action="/" class="require-validation" data-cc-on-file="false" data-stripe-publishable-key="pk_bQQaTxnaZlzv4FnnuZ28LFHccVSaj" id="payment-form" method="post">
<fohttp://bootsnipp.com/snippets/featured/payment-receipt-bs3rm accept-charset="UTF-8" action="/" class="require-validation" data-cc-on-file="false" data-stripe-publishable-key="pk_bQQaTxnaZlzv4FnnuZ28LFHccVSaj" id="payment-form" method="post">
<div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" />
<div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" />
<input name="_method" type="hidden" value="PUT" />
<input name="_method" type="hidden" value="PUT" />
<input name="authenticity_token" type="hidden" value="qLZ9cScer7ZxqulsUWazw4x3cSEzv899SP/7ThPCOV8=" /></div>
<input name="authenticity_token" type="hidden" value="qLZ9cScer7ZxqulsUWazw4x3cSEzv899SP/7ThPCOV8=" /></div>
<div class='form-row'>
<div class='form-row'>
<div class='col-xs-12 form-group required'>
<div class='col-xs-12 form-group required'>
<label class='control-label'>Name on Card</label>
<label class='control-label'>Name on Card</label>
<input class='form-control' value="Sanjay Singh" size='4' type='text'>
<input class='form-control' value="Sanjay Singh" size='4' type='text'>
</div>
</div>
</div>
</div>
<div class='form-row'>
<div class='form-row'>
<div class='col-xs-12 form-group card required'>
<div class='col-xs-12 form-group card required'>
<label class='control-label'>Card Number</label>
<label class='control-label'>Card Number</label>
<input autocomplete='off' value="5196200080652015" class='form-control card-number' size='20' type='text'>
<input autocomplete='off' value="5196200080652015" class='form-control card-number' size='20' type='text'>
</div>
</div>
</div>
</div>
<div class='form-row'>
<div class='form-row'>
<div class='col-xs-4 form-group cvc required'>
<div class='col-xs-4 form-group cvc required'>
<label class='control-label'>CVC</label>
<label class='control-label'>CVC</label>
<input autocomplete='off' value="708" class='form-control card-cvc' placeholder='ex. 2021' size='4' type='text'>
<input autocomplete='off' value="708" class='form-control card-cvc' placeholder='ex. 2021' size='4' type='text'>
</div>
</div>
<div class='col-xs-4 form-group expiration required'>
<div class='col-xs-4 form-group expiration required'>
<label class='control-label'>Expiration</label>
<label class='control-label'>Expiration</label>
<input class='form-control card-expiry-month' placeholder='MM' value="02" size='2' type='text'>
<input class='form-control card-expiry-month' placeholder='MM' value="02" size='2' type='text'>
</div>
</div>
<div class='col-xs-4 form-group expiration required'>
<div class='col-xs-4 form-group expiration required'>
<label class='control-label'> </label>
<label class='control-label'> </label>
<input class='form-control card-expiry-year' placeholder='YYYY' value="2017" size='4' type='text'>
<input class='form-control card-expiry-year' placeholder='YYYY' value="2017" size='4' type='text'>
</div>
</div>
</div>
</div>
<div class='form-row'>
<div class='form-row'>
<div class='col-md-12'>
<div class='col-md-12'>
<div class='form-control total btn btn-info'>
<div class='form-control total btn btn-info'>
Ammount:
Ammount:
<span class='amount'>Rs.10</span>
<span class='amount'>Rs.10</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='form-row'>
<div class='form-row'>
<div class='col-md-12 form-group' style="text-align: center;">
<div class='col-md-12 form-group' style="text-align: center;">
<a class="btn btn-default"style="margin-top: 10px;" href="index.php">Pay</a><br><br>
<a class="btn btn-default"style="margin-top: 10px;" href="index.php">Pay</a><br><br>
<button onclick="myFunction()" class="btn btn-default">Print this page</button>
<button onclick="myFunction()" class="btn btn-default">Print this page</button>
</div>
</div>
</div>
</div>
<div class='form-row'>
<div class='form-row'>
<div class='col-md-12 error form-group hide'>
<div class='col-md-12 error form-group hide'>
<div class='alert-danger alert'>
<div class='alert-danger alert'>
Please correct the errors and try again.
Please correct the errors and try again.
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-2"></div>
<div class="col-lg-2"></div>
<!-- /.row -->
<!-- /.row -->
<script src="js/jquery.js"></script>
<script src="js/jquery.js"></script>
<?php include 'footer.php' ?>
<?php include 'footer.php' ?>
<script>
<script>
function myFunction() {
function myFunction() {
window.print();
window.print();
}
}
</script>
</script>
<?php
<?php
include 'header.php';
include 'header.php';
if (file_exists("xml/hashKey.xml")) {
if (file_exists("xml/hashKey.xml")) {
$xml = (array) simplexml_load_file("xml/hashKey.xml") or die("Error: Cannot create object");
$xml = (array) simplexml_load_file("xml/hashKey.xml") or die("Error: Cannot create object");
} else {
} else {
echo "xml/hashKey.xml file doesnot exists";
echo "xml/hashKey.xml file doesnot exists";
}
}
$access_token = $xml['access_token'];
$access_token = $xml['access_token'];
$cd = (array) $xml['code']['num'];
$cd = (array) $xml['code']['num'];
$access_token = $xml['access_token'];
$access_token = $xml['access_token'];
$headers = array(
$headers = array(
'Authorization: Bearer ' . $access_token
'Authorization: Bearer ' . $access_token
//'Authorization: Basic '. base64_encode("$username:$password")
//'Authorization: Basic '. base64_encode("$username:$password")
);
);
$urlFile = 'https://developers.digitallocker.gov.in/public/oauth2/1/files/';
$urlFile = 'https://developers.digitallocker.gov.in/public/oauth2/1/files/';
$vhf = curl_init($urlFile);
$vhf = curl_init($urlFile);
curl_setopt($vhf, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vhf, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vhf, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vhf, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vhf, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vhf, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vhf, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vhf, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vhf, CURLOPT_RETURNTRANSFER, true);
curl_setopt($vhf, CURLOPT_RETURNTRANSFER, true);
$resFile = curl_exec($vhf);
$resFile = curl_exec($vhf);
curl_close($vhf);
curl_close($vhf);
$resFileNew = explode('', $resFile);
$resFileNew = explode('', $resFile);
$dataF = json_decode($resFileNew[1], TRUE);
$dataF = json_decode($resFileNew[1], TRUE);
?>
?>
<div class="container">
<div class="container">
<!-- Marketing Icons Section -->
<!-- Marketing Icons Section -->
<div class="row">
<div class="row">
<div class="col-md-1">
<div class="col-md-1">
</div>
</div>
<div class="col-md-10 outerborder">
<div class="col-md-10 outerborder">
<div class="panel panel-default">
<div class="panel panel-default">
<p class="para">
<p class="para">
Important security information:
Important security information:
</p>
</p>
</div>
</div>
<div class="row">
<div class="row">
<ul class="custom-bullet">
<ul class="custom-bullet">
<li class="formrow">
<li class="formrow">
Before logging in, please ensure that the URL address on the address bar of your internet browser starts with <a href="#">demobank.gov.in.</a>
Before logging in, please ensure that the URL address on the address bar of your internet browser starts with <a href="#">demobank.gov.in.</a>
</li>
</li>
<li class="formrow">
<li class="formrow">
Never provide your User ID or password to any one on phone or in response to a mail.<a href="#"> Report a suspicious mail</a>.
Never provide your User ID or password to any one on phone or in response to a mail.<a href="#"> Report a suspicious mail</a>.
</li>
</li>
<li class="formrow">
<li class="formrow">
Do not enter login or other sensitive information in any pop up window.
Do not enter login or other sensitive information in any pop up window.
</li>
</li>
<li class="formrow">
<li class="formrow">
Verify the site's security certificate by clicking on the padlock icon of your internet browser. For more details, <a href="#">click here</a>.
Verify the site's security certificate by clicking on the padlock icon of your internet browser. For more details, <a href="#">click here</a>.
</li>
</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-1">
<div class="col-md-1">
</div>
</div>
</div>
</div>
<div class="row">
<div class="row">
<div class="col-md-1">
<div class="col-md-1">
</div>
</div>
<div class="col-md-8">
<div class="col-md-8">
<form action="browse.php" method="post" enctype="multipart/form-data">
<form action="browse.php" method="post" enctype="multipart/form-data">
<input type="text" value="<?php echo $access_token; ?>" name="accesstoken" class="hidden"/>
<input type="text" value="<?php echo $access_token; ?>" name="accesstoken" class="hidden"/>
<input type="file" id="fileUpload" name="fileUpload"/>
<input type="file" id="fileUpload" name="fileUpload"/>
<br/>
<br/>
<select name="filePath">
<select name="filePath">
<?php
<?php
$itm = "";
$itm = "";
$i = 0;
$i = 0;
foreach ($dataF['items'] as $items) {
foreach ((array)$dataF['items'] as $items) {
if ($items['type'] == "dir") {
if ($items['type'] == "dir") {
$itm .= "<option value='" . $items['name'] . "'>" . $items['name'] . "</option>";
$itm .= "<option value='" . $items['name'] . "'>" . $items['name'] . "</option>";
}
}
}
}
echo "<option value='' selected='selected'>-Select-</option>" . $itm;
echo "<option value='' selected='selected'>-Select-</option>" . $itm;
?>
?>
</select>
</select>
<input type="submit" name="submit" class="btn btn-default"style="margin-left:10px;" value="Upload" />
<input type="submit" name="submit" class="btn btn-default"style="margin-left:10px;" value="Upload" />
</form>
</form>
</div>
</div>
<div class="col-md-1">
<div class="col-md-1">
</div>
</div>
</div>
</div>
<!-- /.row -->
<!-- /.row -->
</div>
</div>
<?php include 'footer.php' ?>
<?php include 'footer.php' ?>
<?xml version="1.0"?>
<?xml version="1.0"?>
<maincontent>
<maincontent>
<code num="2d5be450f80301fbf3d0e02911d0646b8c0d26fb"/>
<code num=""/>
<access_token>0ae5fcbb90a134e6137ba940d2b7283ca605a6c4</access_token>
<access_token>f60b6343c399d1ce3f6f3fe9508ac76ae8572301</access_token>
</maincontent>
</maincontent>