From: indresh singh bhadoria Date: Mon, 12 Jun 2017 18:01:47 +0530 Subject: sample api UI changed --- sample api UI changed --- --- /dev/null +++ b/css/style-seva.css @@ -0,0 +1,5265 @@ +@charset "UTF-8"; +/* ============================== + 1. Common styles + ============================== */ +/* + * 1.1 Common styles + */ +::-moz-selection { + color: #fff; + background: #000000; } + +::selection { + color: #fff; + background: #000000; } + +html, body { + -webkit-font-smoothing: antialiased; + overflow-x: hidden; } + +iframe { + border: none; } + +a:hover { + -webkit-transition: all 0.3s ease 0s; + -khtml-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -ms-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; } +a:focus, a:active { + -webkit-outline: none; + -khtml-outline: none; + -moz-outline: none; + -ms-outline: none; + -o-outline: none; + outline: none; } + +img:not([draggable]), embed, object, video { + max-width: 100%; + height: auto; } + +p { + margin-bottom: 30px; } + +.appear-animate .wow { + visibility: hidden; } + +.row.no-gutters { + margin-right: 0; + margin-left: 0; } + .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { + padding-right: 0; + padding-left: 0; } + +.breadcrumb { + margin: 0 0 35px; + padding: 0; + background: none; + -webkit-border-radius: 0; + -khtml-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; } + .breadcrumb a { + color: #999999; } + +.page-header { + border: none; + margin: 0; + padding: 0; } + .page-header h1 { + margin: 0; + font-size: 18px; } + .page-header .breadcrumb { + margin: 0; } + +/* + * 1.2. Helper CSS + */ +.kt-table { + display: table; + width: 100%; + height: 100%; } + .kt-table .kt-col { + display: table-cell; + vertical-align: middle; } + +.round { + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; } + +.circle { + -webkit-border-radius: 100%; + -khtml-border-radius: 100%; + -moz-border-radius: 100%; + -ms-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; } + +.square { + -webkit-border-radius: 0; + -khtml-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; } + +.screen-reader-text { + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + overflow: hidden; + position: absolute !important; + width: 1px; } + +.kt-column-bg { + -webkit-background-size: cover; + -khtml-background-size: cover; + -moz-background-size: cover; + -ms-background-size: cover; + -o-background-size: cover; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; } + +.letter-spacing { + letter-spacing: 0.2em; } + +.text-nomal { + text-transform: none; } + +.white { + color: #fff !important; } + +.black { + color: #111 !important; } + +.redwine { + color: #dd2d25 !important; } + +.babyred { + color: #ff604d !important; } +.blueface { + color: #43609c !important; } +.sky { + color: #69d6e8 !important; } +.olive { + color: #423918 !important; } +.black { + color: #111 !important; } + + +.gray { + color: #999999 !important; } + +.bg-silver{ + background: #e0e0e0; + } + + .bg-wood{ + background: #57513f; + } +.bg-gray { + background: #f6f6f6; } + +.bg-lightgreen { + background: #c7db9c; } + +.bg-wheat { + background: #f4dc86; } + +.bg-sky { + background: #337ab7; } + +.bg-coral { + background: #ed8b5c; } + +.bg-aquamarine { + background: #bce5d3; } + +.bg-purple { + background: #d1aece; } + +.bg-gradient-gray { + position: relative; } + .bg-gradient-gray:before { + content: ''; + width: 100%; + height: 50%; + position: absolute; + background: #f6f6f6; + top: 0; + left: 0; } + +.bg-gradient-blue { + position: relative; } + .bg-gradient-blue:before { + content: ''; + width: 100%; + height: 40%; + position: absolute; + background: #b7f0f3; + top: 0; + left: 0; } + +/* ============================== + 2. Page loader + ============================== */ +.pace { + background: #FFFFFF; + height: 100%; + left: 0; + position: fixed; + top: 0; + visibility: visible; + width: 100%; + z-index: 999999; + text-align: center; + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; + -webkit-pointer-events: none; + -khtml-pointer-events: none; + -moz-pointer-events: none; + -ms-pointer-events: none; + -o-pointer-events: none; + pointer-events: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + -webkit-background-clip: padding-box; + -khtml-background-clip: padding-box; + -moz-background-clip: padding-box; + -ms-background-clip: padding-box; + -o-background-clip: padding-box; + background-clip: padding-box; + -webkit-transition: all 0.2s ease-in-out 0s; + -khtml-transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + -ms-transition: all 0.2s ease-in-out 0s; + -o-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; } + .pace.pace-inactive { + visibility: hidden; + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; } + +.pace-activity { + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 1; } + .pace-activity:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; } + .pace-activity .page-loading-wrapper { + display: inline-block; } + +.page-loading-wrapper { + display: none; + vertical-align: middle; + padding: 0 15px; + width: 99%; } + .page-loading-wrapper .progress-bar-loading { + width: 110px; + margin: 0 auto; + height: 105px; + float: none; + -webkit-border-top-left-radius: 13px; + -webkit-border-top-right-radius: 13px; + -webkit-border-bottom-right-radius: 13px; + -webkit-border-bottom-left-radius: 13px; + -moz-border-radius-topleft: 13px; + -moz-border-radius-topright: 13px; + -moz-border-radius-bottomright: 13px; + -moz-border-radius-bottomleft: 13px; + border-top-left-radius: 13px; + border-top-right-radius: 13px; + border-bottom-right-radius: 13px; + border-bottom-left-radius: 13px; + background: #fff; + max-width: 100%; + position: relative; } + .page-loading-wrapper .progress-bar-loading .progress-bar-inner { + position: absolute; + left: 0; + top: 0; + width: 110px; + overflow: hidden; } + .page-loading-wrapper .progress-bar-loading .progress-bar-inner.back-loading path { + fill: #eeeeee; } + .page-loading-wrapper .progress-bar-loading .progress-bar-inner.front-loading { + width: 1%; + -webkit-transition: all 0.2s ease-in-out 0s; + -khtml-transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + -ms-transition: all 0.2s ease-in-out 0s; + -o-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; } + .page-loading-wrapper .progress-bar-loading .progress-bar-inner.front-loading path { + fill: #000000; } + .page-loading-wrapper .progress-bar-loading .progress-bar-number { + font-family: "Roboto Slab", serif; + color: #000000; + font-size: 14px; + font-weight: bold; + letter-spacing: 0.075em; + line-height: 1; + padding-left: 30px; + text-align: center; } + .page-loading-wrapper .progress-bar-loading svg { + width: 110px; } + .page-loading-wrapper .progress-bar-loading svg path { + stroke-linecap: round; + stroke-linejoin: round; + stroke-miterlimit: 10; } + +/* ============================== + 3. Typography + ============================== */ +/* + * 3.1 Typography common styles + */ +body { + font-family: "Karla", arial, sans-serif; + font-size: 14px; + line-height: 25px; + color: #666666; + min-width: 300px; } + +h1, h2, h3, h4, h5, h6 { + line-height: 1.4; + margin: 0 0 20px; + font-family: "Roboto Slab", serif; + text-transform: uppercase; + font-weight: bold; + color: #000000; } + +h1, h2, h3 { + letter-spacing: 0.2em; } + +a { + color: #000000; } + a:hover, a:focus { + color: #333333; + text-decoration: none; } + +.font-light { + font-weight: 300; } + +.font-black { + font-weight: 900; } + +/* + * 3.2 Blockquote + */ +blockquote { + background: #f6f6f6; + padding: 90px 45px 35px; + margin-bottom: 30px; + border: none; + position: relative; + font-size: 14px; + color: #999999; } + blockquote:before { + background: #000000; + color: #ffffff; + content: "“"; + font-size: 36px; + height: 32px; + left: 45px; + line-height: 55px; + padding-left: 2px; + position: absolute; + top: 35px; + width: 28px; + text-align: left; } + blockquote .blockquote-reverse { + padding: 90px 45px 35px; } + blockquote .blockquote-reverse:before { + left: auto; + right: 45px; + content: "”"; } + blockquote p { + margin-bottom: 15px; } + blockquote *:last-child { + margin-bottom: 0; } + +/* ============================== + 4. Forms fields + ============================== */ +input[type=email], +input[type=password], +input[type=phone], +input[type=tel], +input[type=text], +textarea { + border: 2px solid #ebebeb; + color: #999999; + padding: 6px 12px; + height: 40px; + background: none; + -webkit-border-radius: 0; + -khtml-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -khtml-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + -webkit-appearance: none; + -khtml-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + -o-appearance: none; + appearance: none; + -webkit-transition: none; + -khtml-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; + transition: none; + width: 100%; } + input[type=email]:focus, + input[type=password]:focus, + input[type=phone]:focus, + input[type=tel]:focus, + input[type=text]:focus, + textarea:focus { + -webkit-box-shadow: none; + -khtml-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + border-color: #999999; + outline: 0; + color: #999999; } + +textarea { + height: auto; } + +input[type=email].input-bg, +input[type=password].input-bg, +input[type=phone].input-bg, +input[type=tel].input-bg, +input[type=text].input-bg, +textarea.input-bg { + background: #f6f6f6; + border: 1px solid #f0f0f0; + font-size: 12px; + letter-spacing: 0.075em; } + +select { + -webkit-border-radius: 0; + -khtml-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + width: 100%; + height: 40px; + line-height: 1.42857; + padding: 6px 12px; + border: 1px solid #f0f0f0; + background: #f6f6f6; + cursor: pointer; + color: #999999; } + select:focus { + outline: 0; } + +select:not([multiple]) { + -webkit-box-shadow: none; + -khtml-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + -webkit-appearance: none; + -khtml-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + -o-appearance: none; + appearance: none; + background: #f6f6f6 url(../images/selectbox-arrow.png) no-repeat right center; } + +.form-control { + -webkit-border-radius: 0; + -khtml-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -khtml-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; } + .form-control :focus { + -webkit-box-shadow: none; + -khtml-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; } + +.select-icon { + display: inline-block; + position: relative; } + .select-icon:after { + content: ""; + display: block; + pointer-events: none; + right: 5px; + z-index: 1; + font-family: FontAwesome; + content: ""; + font-style: normal; + font-weight: normal; + position: absolute; + -webkit-transform: translateY(-50%); + -khtml-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + top: 50%; + font-size: 12px; } + .select-icon select { + border: none; + font-size: 14px; + background: none; + padding: 0 25px 0 0; + height: auto; } + +/* ============================== + 5. Buttons + ============================== */ +.btn { + -webkit-border-radius: 0; + -khtml-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + border: 2px solid transparent; + display: inline-block; + line-height: 1.42857; + padding: 8px 26px; + font-weight: bold; + font-size: 14px; + letter-spacing: 0.15em; + text-transform: uppercase; + font-family: "Karla", sans-serif; + /* Button size */ + /* Button shapes */ + /* Button icon */ + /* Button style */ } + .btn:focus, .btn:active:focus, .btn.active:focus { + outline: none; } + .btn.active, .btn:active { + -webkit-box-shadow: none; + -khtml-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; } + .btn.btn-xs { + padding: 6px 10px; + font-size: 8px; } + .btn.btn-sm { + padding: 8px 20px; + font-size: 10px; } + .btn.btn-lg { + padding: 10px 60px; + font-size: 18px; } + .btn.btn-xlg { + padding: 12px 65px; + font-size: 20px; } + .btn.btn-round { + border-radius: 3px; } + .btn.btn-circle { + border-radius: 30px; } + .btn.button-icon-left { + margin-right: 5px; } + .btn.button-icon-right { + margin-left: 5px; } + .btn.btn-default { + background: #000000; + color: #FFFFFF; + border-color: #000000; } + .btn.btn-animation span { + -webkit-transform: translateX(0); + -khtml-transform: translateX(0); + -moz-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + transform: translateX(0); + -webkit-transition: all .3s ease-in-out 0s; + -khtml-transition: all .3s ease-in-out 0s; + -moz-transition: all .3s ease-in-out 0s; + -ms-transition: all .3s ease-in-out 0s; + -o-transition: all .3s ease-in-out 0s; + transition: all .3s ease-in-out 0s; + display: block; + position: relative; } + .btn.btn-animation span i { + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; + -webkit-transition: all .3s ease-in-out 0s; + -khtml-transition: all .3s ease-in-out 0s; + -moz-transition: all .3s ease-in-out 0s; + -ms-transition: all .3s ease-in-out 0s; + -o-transition: all .3s ease-in-out 0s; + transition: all .3s ease-in-out 0s; + -webkit-transform: translate(30px, -50%); + -khtml-transform: translate(30px, -50%); + -moz-transform: translate(30px, -50%); + -ms-transform: translate(30px, -50%); + -o-transform: translate(30px, -50%); + transform: translate(30px, -50%); + position: absolute; + right: 0; + top: 50%; } + .btn.btn-animation:hover span { + -webkit-transform: translateX(-10px); + -khtml-transform: translateX(-10px); + -moz-transform: translateX(-10px); + -ms-transform: translateX(-10px); + -o-transform: translateX(-10px); + transform: translateX(-10px); } + .btn.btn-animation:hover span i { + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; } + .btn.btn-gray { + background: #f6f6f6; + color: #666666; + border-color: #f6f6f6; } + .btn.btn-gray:hover { + background: #000000; + color: #FFFFFF; + border-color: #000000; } + .btn.btn-light { + border-color: #FFFFFF; + background: #FFFFFF; + color: #000000; } + .btn.btn-light:hover { + background: #000000; + color: #FFFFFF; + border-color: #000000; } + .btn.btn-dark-b { + background: none; + color: #000000; + border-color: #000000; } + .btn.btn-light-b { + border: 2px solid #FFFFFF; + background: none; + font-family: "Karla", arial, sans-serif; + font-weight: normal; + color: #FFFFFF; } + .btn.btn-light-b:hover { + background: #FFFFFF; + color: #000000; } + .btn.btn-medium { + background: #f6f6f6; + border: 1px solid #f0f0f0; + color: #000; + font-weight: bold; + letter-spacing: 0.2em; } + .btn.btn-medium:hover { + background: #000000; + border-color: #000000; + color: #fff; } + .btn.btn-addtocart { + background: #ffffff; + color: #000000; + width: 100%; + height: 32px; + font-size: 14px; + border-color: #ffffff; + padding: 0 45px; + line-height: 32px; } + .btn.btn-addtocart:hover { + background: #000000; + color: #FFFFFF; + border-color: #000000; } + .btn.btn-addtocart-b { + background: none; + color: #000000; + height: 48px; + font-size: 14px; + border-color: #000000; + padding: 0 45px; + line-height: 44px; } + .btn.btn-addtocart-b:hover { + background: #000000; + color: #FFFFFF; + border-color: #000000; } + .btn.btn-default:hover, .btn.btn-dark-b:hover { + background: #000000; + color: #FFFFFF; + border-color: #000000; } +.btn.btn-blue-b { + border: 2px solid #f15d35; + background: #f15d35; + font-family: "Karla", arial, sans-serif; + font-weight: normal; + color: #FFFFFF; } + .btn.btn-blue-b:hover { + border: 2px solid #f15d35; + background: #FFFFFF; + color: #000000; } + +.rev-btn { + padding: 15px 46px; + border: 2px solid #fff; + color: #fff; + text-transform: uppercase; + background: none; + font-size: 14px; + line-height: 14px; + font-family: "Karla", arial, sans-serif; + font-weight: 400; + letter-spacing: 0.18em; } + +/* ============================== + 6. Sections styles + ============================== */ +.page-section { + display: block; + position: relative; + padding: 50px 0; + background-repeat: no-repeat; + background-position: center center; + background-attachment: fixed; + -webkit-background-size: cover; + -khtml-background-size: cover; + -moz-background-size: cover; + -ms-background-size: cover; + -o-background-size: cover; + background-size: cover; } + .page-section .page-section-inner { + position: relative; + z-index: 1; } + .page-section.small-section { + padding: 30px 0; } + .page-section.bg-scroll { + background-attachment: scroll !important; } + .page-section.bg-dark-alfa-40:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.4); } + +.page-small-width { + margin: 0 auto; + max-width: 900px; + padding: 0 15px; } + +/* ============================== + 7. Search + ============================== */ +.searchform { + margin: 0 auto; + position: relative; } + .searchform input[type=text] { + background: transparent; + width: 100%; + padding: 5px 40px 5px 10px; } + .searchform button { + background: none; + border: none; + height: 26px; + padding: 0; + right: 5px; + width: 26px; + line-height: 26px; + position: absolute; + -webkit-transform: translateY(-50%); + -khtml-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + top: 50%; } + .searchform button i { + line-height: 26px; } + +#search-fullwidth { + background: #ffffff; + margin: 0 auto; + max-width: 1170px; + padding: 70px 200px; + position: relative; } + #search-fullwidth button.mfp-close { + color: #000000; + font-size: 0; + right: 15px; + top: 15px; } + #search-fullwidth button.mfp-close:before { + font-size: 18px; + font-family: FontAwesome; + content: ""; + font-style: normal; + font-weight: normal; + position: absolute; + -webkit-transform: translate(-50%, -50%); + -khtml-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + top: 50%; + left: 50%; } + #search-fullwidth .searchform input[type=text] { + border: none; + border-bottom: 2px solid #ebebeb; + padding: 10px 0; + height: auto; + font-size: 14px; + letter-spacing: 0.075em; } + #search-fullwidth .searchform button { + font-size: 14px; } + +/* ============================== + 8. Header + ============================== */ +.branding h1 { + margin: 0; + font-size: 24px; } +.topbar .branding { + position: absolute; + -webkit-transform: translate(-50%, -50%); + -khtml-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + top: 50%; + left: 50%; + z-index: 1; } + .topbar .branding h1 { + line-height: 40px; } + +.topbar { + height: 40px; + background-color: #fdfdfc; + border-bottom: 1px solid #f6f6f6; + text-align: center; + position: relative; + z-index: 30; } + .topbar .topbar-left { + text-align: left; } + .topbar .topbar-left li:first-child .top-navigation-submenu { + left: 9px; } + .topbar .topbar-right { + text-align: right; } + .topbar .topbar-right .top-navigation { + float: right; } + .topbar .topbar-right .top-navigation .top-navigation-submenu { + left: auto; + right: 0; } + .topbar .topbar-right .top-navigation li:last-child .top-navigation-submenu { + right: 9px; } + +.top-navigation { + margin: 0; + padding: 0; + list-style: none; } + .top-navigation > li { + display: inline-block; + border-left: 1px solid #f6f6f6; + position: relative; + float: left; } + .top-navigation > li:last-child { + border-right: 1px solid #f6f6f6; } + .top-navigation > li.wishlist-item > a > span { + background: #f6f6f6; + color: #000000; + font-size: 12px; + margin-left: 10px; + padding: 3px 5px; } + .top-navigation > li.shopping-bag-item a > span { + padding: 2px 8px; + background: #dce9b7; + color: #000000; + font-size: 10px; + margin-left: 10px; } + .top-navigation > li.language-switcher li, .top-navigation > li.currency-switcher li { + border-bottom: 1px solid #f6f6f6; } + .top-navigation > li.language-switcher li:last-child, .top-navigation > li.currency-switcher li:last-child { + border: none; } + .top-navigation > li.language-switcher li a, .top-navigation > li.currency-switcher li a { + display: block; + padding: 5px 10px 5px 10px; + color: #999999; } + .top-navigation > li.language-switcher li a:hover, .top-navigation > li.currency-switcher li a:hover { + color: #000000; } + .top-navigation > li.language-switcher .top-navigation-submenu, .top-navigation > li.currency-switcher .top-navigation-submenu { + width: 200px; } + .top-navigation > li.myaccount-item .top-navigation-submenu { + width: 508px; } + .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form, + .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-create { + padding: 25px 15px; } + .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form { + border-bottom: 1px solid #f6f6f6; } + .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form p { + margin-bottom: 20px; } + .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form p :last-child { + margin: 0; } + .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label { + color: #999999; + font-size: 14px; + font-weight: normal; } + .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label.inline { + margin-left: 30px; + color: #666666; } + .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label.inline input { + margin-right: 10px; } + .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form a.forget-password { + float: right; + color: #999999; + margin-top: 4px; } + .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form a.forget-password:hover { + color: #000000; } + .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-create { + line-height: 36px; } + .top-navigation > li > a { + text-transform: uppercase; + /* color: #999999; */color: #000000;; + letter-spacing: 0.12em; + font-size: 12px; + line-height: 40px; + padding: 0 15px; + display: inline-block; } + .top-navigation > li > a:hover { + color: #000000; } + .top-navigation > li .top-navigation-submenu { + background: #FFFFFF; + position: absolute; + left: 0; + top: 40px; + width: 340px; + text-align: left; + -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + -khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + border-top: 1px solid #f6f6f6; + margin: 0; + padding: 0; + list-style: none; + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; + -webkit-transform: translate(0, 40px); + -khtml-transform: translate(0, 40px); + -moz-transform: translate(0, 40px); + -ms-transform: translate(0, 40px); + -o-transform: translate(0, 40px); + transform: translate(0, 40px); + -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; + -khtml-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; + -moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; + -ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; + -o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; + transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; + visibility: hidden; } + .top-navigation > li .top-navigation-submenu h3.submenu-heading { + text-align: center; + font-size: 14px; + color: #000000; + line-height: 40px; + border-bottom: 1px solid #f6f6f6; + margin: 0; + letter-spacing: 0.02em; } + .top-navigation > li:hover .top-navigation-submenu { + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; + -webkit-transform: translate(0, 0); + -khtml-transform: translate(0, 0); + -moz-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); + visibility: visible; } + +.shopping-bag .cart_block_no_products { + margin: 0; + padding: 18px; + text-align: center; } +.shopping-bag .bag-products .bag-product { + padding: 18px; + border-bottom: 1px solid #F6f6f6; + position: relative; } + .shopping-bag .bag-products .bag-product:before, .shopping-bag .bag-products .bag-product:after { + content: " "; + display: table; } + .shopping-bag .bag-products .bag-product:after { + clear: both; } + .shopping-bag .bag-products .bag-product figure { + float: left; + position: relative; + z-index: 1; } + .shopping-bag .bag-products .bag-product figure img { + height: auto; + max-width: 90px; } + .shopping-bag .bag-products .bag-product .bag-product-details { + padding-left: 105px; + position: relative; } + .shopping-bag .bag-products .bag-product .bag-product-details .bag-product-title { + font-size: 14px; + text-transform: none; + margin: 0 0 10px; + padding-right: 10px; } + .shopping-bag .bag-products .bag-product .bag-product-details .bag-product-title:hover { + text-decoration: underline; } + .shopping-bag .bag-products .bag-product .bag-product-details > div { + color: #999999; + line-height: 25px; + font-size: 13px; } + .shopping-bag .bag-products .bag-product .remove { + color: #000000; + font-size: 12px; + line-height: 1; + position: absolute; + right: 12px; + top: 18px; } + .shopping-bag .bag-products .bag-product .remove:before { + font-family: FontAwesome; + content: ""; + font-style: normal; + font-weight: normal; } + .shopping-bag .bag-products .bag-product .remove:hover { + color: red; } +.shopping-bag .bag-buttons { + padding: 30px 65px; } + .shopping-bag .bag-buttons a { + margin-bottom: 30px; } + .shopping-bag .bag-buttons a:last-child { + margin-bottom: 0; } + +.mobile-tool { + position: absolute; + position: absolute; + -webkit-transform: translateY(-50%); + -khtml-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + top: 50%; + right: 0; + display: none; } + .mobile-tool a { + display: block; + float: right; + line-height: 1; + margin-left: 15px; } + .mobile-tool a:last-child { + margin: 0; } + .mobile-tool a.mobile-tool-cart { + font-size: 26px; + position: relative; + margin-top: 2px; } + .mobile-tool a.mobile-tool-cart span { + font-size: 12px; + position: absolute; + right: 0; + top: -6px; } + +#hamburger-icon { + padding: 10px; } + #hamburger-icon .hamburger-icon-inner { + width: 20px; + height: 12px; + position: relative; + display: block; } + #hamburger-icon .line { + display: block; + background: #000000; + width: 20px; + height: 2px; + position: absolute; + left: 0; + -webkit-border-radius: 1px; + -khtml-border-radius: 1px; + -moz-border-radius: 1px; + -ms-border-radius: 1px; + -o-border-radius: 1px; + border-radius: 1px; + -webkit-transition: all 0.4s; + -khtml-transition: all 0.4s; + -moz-transition: all 0.4s; + -ms-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; } + #hamburger-icon .line.line-1 { + top: 0; } + #hamburger-icon .line.line-2 { + top: 50%; } + #hamburger-icon .line.line-3 { + top: 100%; } + #hamburger-icon.active .line-1 { + -webkit-transform: translateY(6px) translateX(0) rotate(45deg); + -khtml-transform: translateY(6px) translateX(0) rotate(45deg); + -moz-transform: translateY(6px) translateX(0) rotate(45deg); + -ms-transform: translateY(6px) translateX(0) rotate(45deg); + -o-transform: translateY(6px) translateX(0) rotate(45deg); + transform: translateY(6px) translateX(0) rotate(45deg); } + #hamburger-icon.active .line-2 { + top: 100%; + -webkit-transform: translateY(6px); + -khtml-transform: translateY(6px); + -moz-transform: translateY(6px); + -ms-transform: translateY(6px); + -o-transform: translateY(6px); + transform: translateY(6px); } + #hamburger-icon.active .line-3 { + -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg); + -khtml-transform: translateY(-6px) translateX(0) rotate(-45deg); + -moz-transform: translateY(-6px) translateX(0) rotate(-45deg); + -ms-transform: translateY(-6px) translateX(0) rotate(-45deg); + -o-transform: translateY(-6px) translateX(0) rotate(-45deg); + transform: translateY(-6px) translateX(0) rotate(-45deg); } + +.navbar-container { + position: relative; + width: 100%; + background: #FFFFFF; } + .navbar-container.is-sticky { + position: fixed; + top: 0; + left: 0; } + .navbar-container.is-sticky .navbar-container-inner { + height: 60px; + line-height: 60px; + -webkit-transition: all .5s ease-in-out 0s; + -khtml-transition: all .5s ease-in-out 0s; + -moz-transition: all .5s ease-in-out 0s; + -ms-transition: all .5s ease-in-out 0s; + -o-transition: all .5s ease-in-out 0s; + transition: all .5s ease-in-out 0s; } + .navbar-container.is-sticky .branding h1 { + line-height: 60px; + -webkit-transition: all .5s ease-in-out 0s; + -khtml-transition: all .5s ease-in-out 0s; + -moz-transition: all .5s ease-in-out 0s; + -ms-transition: all .5s ease-in-out 0s; + -o-transition: all .5s ease-in-out 0s; + transition: all .5s ease-in-out 0s; } + .navbar-container .navbar-container-inner { + position: relative; + height: 90px; + line-height: 90px; } + .navbar-container .branding { + float: left; } + .navbar-container .branding h1 { + line-height: 90px; } + .navbar-container #nav { + float: right; } + .navbar-container #nav > ul { + margin: 0; + padding: 0; + list-style: none; + float: right; } + .navbar-container #nav > ul#main-nav-tool { + margin-left: 66px; } + .navbar-container #nav > ul#main-nav-tool li { + display: inline-block; + margin-left: 30px; } + .navbar-container #nav > ul#main-nav-tool li:first-child { + margin-left: 0; } + .navbar-container #nav #main-navigation { + margin: 0; + padding: 0; + list-style: none; } + .navbar-container #nav #main-navigation li.active > a { + color: #000; } + .navbar-container #nav #main-navigation > li { + display: inline-block; + position: relative; + /* margin-left: 20px; */ } + .navbar-container #nav #main-navigation > li.kt-megamenu-item { + position: static; } + .navbar-container #nav #main-navigation > li:first-child { + margin-left: 0; } + .navbar-container #nav #main-navigation > li:first-child > a { + padding-left: 0; } + .navbar-container #nav #main-navigation > li:last-child > a { + padding-right: 0; } + .navbar-container #nav #main-navigation > li > a { + text-transform: uppercase; + padding: 0 22px; + color: #999999; + letter-spacing: 0.04em; + font-weight: bold; } + .navbar-container #nav #main-navigation > li > a:hover { + color: #000000; } + .navbar-container #nav #main-navigation > li.active > a { + color: #000000; } + .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown, + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper { + border-top: 1px solid #f6f6f6; + background: #FFFFFF; + position: absolute; + top: 100%; + left: 0; + visibility: hidden; + line-height: normal; + width: 308px; + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; + -webkit-transform: translate(0, 40px); + -khtml-transform: translate(0, 40px); + -moz-transform: translate(0, 40px); + -ms-transform: translate(0, 40px); + -o-transform: translate(0, 40px); + transform: translate(0, 40px); + -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; + -khtml-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; + -moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; + -ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; + -o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; + transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; + -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + -khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + text-align: left; } + .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown { + list-style: none; + padding: 0; + margin: 0; } + .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li { + border-bottom: 1px solid #f6f6f6; } + .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li a { + padding: 20px; + display: block; + color: #999999; + font-size: 14px; } + .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li a:hover { + color: #000000; } + .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li ul.sub-menu-dropdown { + left: 100%; + top: -1px; } + .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown.right-overflow { + right: 0; + left: auto; + top: 100%; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper { + width: 100%; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul { + display: table; + list-style: none; + margin: 0; + padding: 0; + table-layout: fixed; + width: 100%; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li { + border-right: 1px solid #f6f6f6; + display: table-cell; + float: none; + vertical-align: top; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li:last-child { + border: none; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > a, + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > span { + color: #000000; + font-size: 15px; + display: block; + padding: 40px 28px 24px; + border-bottom: 1px solid #f6f6f6; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul { + list-style: none; + padding: 0; + margin: 0; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li { + display: block; + border-bottom: 1px solid #f6f6f6; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li :last-child { + border-bottom: none; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > a, + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > span { + padding: 30px 26px 22px; + display: block; + color: #999999; + font-size: 14px; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > a:hover, + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > span:hover { + color: #000000; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-4 > ul > li { + width: 25%; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-3 > ul > li { + width: 33.33%; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-2 > ul > li { + width: 50%; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-position-left-menubar { + right: auto; + left: 0; } + .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-position-right-menubar { + right: 0; + left: auto; } + .navbar-container #nav #main-navigation > li.megamenu-width-50 .kt-megamenu-wrapper { + width: 50%; } + .navbar-container #nav #main-navigation > li.megamenu-width-75 .kt-megamenu-wrapper { + width: 75%; } + .navbar-container #nav #main-navigation > li.megamenu-width-80 .kt-megamenu-wrapper { + width: 80%; } + .navbar-container #nav #main-navigation > li.megamenu-width-90 .kt-megamenu-wrapper { + width: 90%; } + .navbar-container #nav #main-navigation li:hover > ul.sub-menu-dropdown, + .navbar-container #nav #main-navigation li:hover .kt-megamenu-wrapper { + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; + -webkit-transform: translate(0, 0); + -khtml-transform: translate(0, 0); + -moz-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); + visibility: visible; } + .navbar-container #nav #main-navigation li ul.sub-menu-dropdown li > ul.sub-menu-dropdown.right-overflow { + right: 100%; + left: auto; } + +.main-nav-mobile { + overflow-y: scroll; + position: fixed; + width: 100%; + max-height: 400px; + background: #fff none repeat scroll 0 0; + border-top: 1px solid #ebebeb; + border-bottom: 1px solid #ebebeb; + display: none; } + .main-nav-mobile li { + position: relative; } + .main-nav-mobile > ul { + margin: 0; + padding: 0; + list-style: none; } + .main-nav-mobile > ul > li { + position: relative; + -webkit-transform: translateX(-30px); + -khtml-transform: translateX(-30px); + -moz-transform: translateX(-30px); + -ms-transform: translateX(-30px); + -o-transform: translateX(-30px); + transform: translateX(-30px); + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; } + .main-nav-mobile > ul > li:nth-child(1) { + -webkit-transition: all 0.3s ease-out 0.1s; + -khtml-transition: all 0.3s ease-out 0.1s; + -moz-transition: all 0.3s ease-out 0.1s; + -ms-transition: all 0.3s ease-out 0.1s; + -o-transition: all 0.3s ease-out 0.1s; + transition: all 0.3s ease-out 0.1s; } + .main-nav-mobile > ul > li:nth-child(2) { + -webkit-transition: all 0.3s ease-out 0.2s; + -khtml-transition: all 0.3s ease-out 0.2s; + -moz-transition: all 0.3s ease-out 0.2s; + -ms-transition: all 0.3s ease-out 0.2s; + -o-transition: all 0.3s ease-out 0.2s; + transition: all 0.3s ease-out 0.2s; } + .main-nav-mobile > ul > li:nth-child(3) { + -webkit-transition: all 0.3s ease-out 0.3s; + -khtml-transition: all 0.3s ease-out 0.3s; + -moz-transition: all 0.3s ease-out 0.3s; + -ms-transition: all 0.3s ease-out 0.3s; + -o-transition: all 0.3s ease-out 0.3s; + transition: all 0.3s ease-out 0.3s; } + .main-nav-mobile > ul > li:nth-child(4) { + -webkit-transition: all 0.3s ease-out 0.4s; + -khtml-transition: all 0.3s ease-out 0.4s; + -moz-transition: all 0.3s ease-out 0.4s; + -ms-transition: all 0.3s ease-out 0.4s; + -o-transition: all 0.3s ease-out 0.4s; + transition: all 0.3s ease-out 0.4s; } + .main-nav-mobile > ul > li:nth-child(5) { + -webkit-transition: all 0.3s ease-out 0.5s; + -khtml-transition: all 0.3s ease-out 0.5s; + -moz-transition: all 0.3s ease-out 0.5s; + -ms-transition: all 0.3s ease-out 0.5s; + -o-transition: all 0.3s ease-out 0.5s; + transition: all 0.3s ease-out 0.5s; } + .main-nav-mobile > ul > li:nth-child(6) { + -webkit-transition: all 0.3s ease-out 0.6s; + -khtml-transition: all 0.3s ease-out 0.6s; + -moz-transition: all 0.3s ease-out 0.6s; + -ms-transition: all 0.3s ease-out 0.6s; + -o-transition: all 0.3s ease-out 0.6s; + transition: all 0.3s ease-out 0.6s; } + .main-nav-mobile > ul > li:nth-child(7) { + -webkit-transition: all 0.3s ease-out 0.7s; + -khtml-transition: all 0.3s ease-out 0.7s; + -moz-transition: all 0.3s ease-out 0.7s; + -ms-transition: all 0.3s ease-out 0.7s; + -o-transition: all 0.3s ease-out 0.7s; + transition: all 0.3s ease-out 0.7s; } + .main-nav-mobile > ul > li:nth-child(8) { + -webkit-transition: all 0.3s ease-out 0.8s; + -khtml-transition: all 0.3s ease-out 0.8s; + -moz-transition: all 0.3s ease-out 0.8s; + -ms-transition: all 0.3s ease-out 0.8s; + -o-transition: all 0.3s ease-out 0.8s; + transition: all 0.3s ease-out 0.8s; } + .main-nav-mobile > ul > li:nth-child(9) { + -webkit-transition: all 0.3s ease-out 0.9s; + -khtml-transition: all 0.3s ease-out 0.9s; + -moz-transition: all 0.3s ease-out 0.9s; + -ms-transition: all 0.3s ease-out 0.9s; + -o-transition: all 0.3s ease-out 0.9s; + transition: all 0.3s ease-out 0.9s; } + .main-nav-mobile > ul > li:nth-child(10) { + -webkit-transition: all 0.3s ease-out 1s; + -khtml-transition: all 0.3s ease-out 1s; + -moz-transition: all 0.3s ease-out 1s; + -ms-transition: all 0.3s ease-out 1s; + -o-transition: all 0.3s ease-out 1s; + transition: all 0.3s ease-out 1s; } + .main-nav-mobile > ul > li > a { + border-bottom: 1px solid #ebebeb; + color: #999999; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 0.075em; + display: block; + padding: 10px 60px 10px 15px; + position: relative; + font-size: 13px; } + .main-nav-mobile > ul > li > a:hover { + color: #000000; } + .main-nav-mobile > ul > li a > .open-submenu { + cursor: pointer; + height: 100%; + line-height: 50px; + position: absolute; + right: 0; + text-align: center; + top: 0; + width: 40px; } + .main-nav-mobile > ul > li a > .open-submenu:after { + font-size: 15px; + font-family: FontAwesome; + content: ""; + font-style: normal; + font-weight: normal; } + .main-nav-mobile > ul > li ul.sub-menu-dropdown, + .main-nav-mobile > ul > li div.kt-megamenu-wrapper { + border-bottom: 1px solid #ebebeb; + display: none; } + .main-nav-mobile > ul > li ul.sub-menu-dropdown, + .main-nav-mobile > ul > li ul.sub-menu-megamenu { + margin: 0; + padding: 0; + list-style: none; } + .main-nav-mobile > ul > li ul.sub-menu-dropdown li a, + .main-nav-mobile > ul > li ul.sub-menu-megamenu li a { + padding: 0 10px 0 25px; + font-size: 13px; + display: block; } + .main-nav-mobile > ul > li ul.sub-menu-dropdown { + padding: 15px 0; } + .main-nav-mobile > ul > li ul.sub-menu-dropdown ul.sub-menu-dropdown { + border: medium none; + margin-left: 20px; + padding: 0; } + .main-nav-mobile > ul > li div.kt-megamenu-wrapper { + padding: 10px 0; } + .main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul { + margin: 0; + padding: 0; + list-style: none; } + .main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li { + margin-bottom: 10px; } + .main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li > a, + .main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li > span { + display: block; + font-size: 15px; + color: #000000; + padding: 3px 10px 3px 25px; + text-transform: uppercase; } + .main-nav-mobile > ul > li .searchform { + margin: 10px; } + .main-nav-mobile > ul > li .searchform input[type="text"] { + border-width: 1px; } + .main-nav-mobile > ul > li.active-menu-item > a > .open-submenu:after { + content: '\f106'; } + +body.opened-nav-animate { + height: 100%; + overflow: hidden !important; + position: fixed; + width: 100%; } + body.opened-nav-animate .main-nav-mobile { + display: block; } + body.opened-nav-animate.opened-nav .main-nav-mobile > ul li { + -webkit-transform: translateX(0); + -khtml-transform: translateX(0); + -moz-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + transform: translateX(0); + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; } + +#header { + position: relative; + z-index: 100; } + #header.header-full-center .navbar-container { + padding: 0 77px; } + #header.header-full-center .navbar-container .branding { + position: absolute; + left: 0; + top: 0; + z-index: 10; } + #header.header-full-center .navbar-container .main-navigation-outer { + position: relative; } + #header.header-full-center #nav { + float: none; } + #header.header-full-center #nav > ul#main-nav-tool { + position: absolute; + right: 0; + top: 0; } + #header.header-full-center #nav #main-navigation { + float: none; + text-align: center; } + #header.navigation-right .mobile-tool { + left: 0; + right: auto; } + #header.navigation-right .mobile-tool a { + float: left; + margin-right: 0; + margin-left: 15px; } + #header.navigation-right .mobile-tool a:first-child { + margin-left: 0; } + #header.navigation-right #nav { + float: left; } + #header.navigation-right .branding { + float: right; } + #header.navigation-center .navbar-container .branding { + display: none; } + #header.navigation-center .navbar-container .branding a { + position: relative; + z-index: 10; } + #header.navigation-center .mobile-tool { + width: 100%; } + #header.navigation-center .mobile-tool a#hamburger-icon { + float: left; + margin: 0; } + #header.navigation-center .mobile-tool .mobile-tool-cart { + margin-right: 10px; } + #header.header-shadow .navbar-container { + -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } + +/* ============================== + 9. Footer + ============================== */ +#footer-top { + background: #63d4e7; + padding: 30px 0 20px; } + +#footer-area { + padding: 40px 0 20px; + position: relative; } + #footer-area .footer-area-inner { + padding: 40px 60px 20px; } + #footer-area .footer-area-right { + padding: 60px 65px; + color: #FFFFFF; } + #footer-area .footer-area-right .widget-title { + color: #FFFFFF; } + #footer-area .widget-container { + margin-bottom: 5px; + border: none; + padding: 0; } + #footer-area .widget-container .widget-title { + text-transform: uppercase; + margin: 0 0 5px; + /* letter-spacing: 0.2em; */ } + +#footer-bottom { + padding: 5px 0; + background: #f6f6f6; } + #footer-bottom .widget-container { + margin: 0; + padding: 0; } + #footer-bottom .widget-container .widget-title { + margin: 8px 0; + text-transform: uppercase; } + #footer-bottom .social-nav { + margin-top: 10px; } + +#footer-copyright { + padding: 30px 0 0 0 ; + color: #ffffff; + text-align: center; } + #footer-copyright .container .social-nav, + #footer-copyright .container .footer-copyright { + margin-bottom: 10px; } + #footer-copyright .container .footer-copyright { + font-size: 12px; line-height:1.5; } + #footer-copyright .container > *:last-child { + margin-bottom: 0; } + +#footer-copyright a:link, a:active, a:hover, a:focus{ + /* color: #ffffff; */ +text-decoration: none; } + +.footer-text {color: #ffffff;font-size: 12px;line-height:1.5;} +.footer-text a {color: #ffffff;font-size: 12px;line-height:1.5;} + + +/* ============================== + 10. Shortcodes + ============================== */ +/* + * 10.1 Heading Section + */ +.kt-heading-wrapper { + text-align: center; + margin-bottom: 50px; } + .kt-heading-wrapper .kt-heading-divider { + width: 60px; + margin: 0 auto; } + .kt-heading-wrapper .kt-heading-divider path { + fill: #999999; } + .kt-heading-wrapper .kt-heading-title { + line-height: 30px; + margin: 24px 0 10px; } + .kt-heading-wrapper .kt-heading-subtitle { + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.3em; } + .kt-heading-wrapper .kt-heading-subtitle a { + color: #999999; } + .kt-heading-wrapper .kt-heading-subtitle a:hover { + color: #000000; } + +/* + * 10.2 Hightlight + */ +.hightlight { + color: #ffffff; + padding: 0 4px; + border-radius: 3px; } + .hightlight.hightlight1 { + background: #c7db9c; } + .hightlight.hightlight2 { + background: #ed8b5c; } + .hightlight.hightlight3 { + background: #f4dc86; } + .hightlight.hightlight4 { + background: #bce5d3; } + +/* + * 10.3 Dropcap + */ +.kt_dropcap { + float: left; + display: block; + margin-right: 10px; + font-weight: bold; + text-align: center; } + .kt_dropcap.dropcap-sm { + font-size: 72px; + line-height: 72px; + height: 72px; } + .kt_dropcap.dropcap-sm.dropcap-bg { + font-size: 30px; + line-height: 40px; + height: 40px; } + .kt_dropcap.dropcap-sm.dropcap-bg.dropcap-circle { + width: 40px; } + .kt_dropcap.dropcap-md { + font-size: 100px; + line-height: 100px; + height: 100px; } + .kt_dropcap.dropcap-md.dropcap-bg { + font-size: 48px; + line-height: 65px; + height: 65px; } + .kt_dropcap.dropcap-md.dropcap-bg.dropcap-circle { + width: 65px; } + .kt_dropcap.dropcap-gray { + color: #bce5d3; } + .kt_dropcap.dropcap-black { + color: #000000; } + .kt_dropcap.dropcap-orange { + color: #ed8b5c; } + .kt_dropcap.dropcap-bg { + padding: 0 10px; + margin-top: 10px; } + .kt_dropcap.dropcap-bg.dropcap-circle { + border-radius: 100%; } + .kt_dropcap.dropcap-bg.dropcap-gray { + background: #bce5d3; + color: #fff; } + .kt_dropcap.dropcap-bg.dropcap-black { + background: #000000; + color: #fff; } + .kt_dropcap.dropcap-bg.dropcap-orange { + background: #ed8b5c; + color: #fff; } + +/* + * 10.4 Lists + */ +ul.style-list { + padding: 0; + margin: 0 0 30px; + list-style: none; } + ul.style-list li { + padding-left: 52px; + margin-bottom: 20px; + position: relative; + line-height: 30px; } + ul.style-list li:after { + width: 30px; + height: 30px; + position: absolute; + left: 0; + top: 0; + text-align: center; } + ul.style-list.style1 { + counter-reset: my-badass-counter; } + ul.style-list.style1 li:after { + content: counter(my-badass-counter,decimal); + counter-increment: my-badass-counter; + border-radius: 100%; + border: 1px solid #d8d8d8; + font-size: 14px; + color: #000; + line-height: 28px; } + ul.style-list.style2 li:after { + border-radius: 100%; + background: #ed8b5c; + color: #fff; + font-size: 10px; + line-height: 28px; + font-family: FontAwesome; + content: ""; + font-style: normal; + font-weight: normal; } + ul.style-list.style3 li:after { + border-radius: 100%; + border: 1px solid #d8d8d8; + font-size: 14px; + color: #000; + line-height: 28px; + font-family: FontAwesome; + content: ""; + font-style: normal; + font-weight: normal; } + +/* + * 10.5 Alert + */ +.alert { + padding: 10px 40px 10px 100px; + border: 1px solid #dce2ed; + border-radius: 0; + position: relative; + line-height: 24px; + margin-bottom: 30px; } + .alert .alert_title { + font-size: 18px; + letter-spacing: 0.05em; + margin: 0 0 5px; + text-transform: none; } + .alert button.close { + position: absolute; + top: 14px; + right: 18px; + margin: 0; + text-shadow: none; + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; + font-weight: normal; + font-size: 18px; } + .alert:after { + font-family: FontAwesome; + content: ""; + font-style: normal; + font-weight: normal; + text-transform: none; + left: 0; + position: absolute; + text-align: center; + top: 50%; + font-size: 36px; + -webkit-transform: translateY(-50%); + -khtml-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + width: 100px; + color: #9fadbd; } + .alert.alert-info:after { + content: "\f05a"; + color: #f95b46; } + .alert.alert-success:after { + content: "\f058"; + color: #84be20; } + .alert.alert-warning:after { + content: "\f071"; + color: #e7ad24; } + .alert.alert-danger:after { + content: "\f05a"; + color: #f56048; } + .alert.alert-normal { + color: #7a8692; } + .alert.alert-normal .alert_title, .alert.alert-normal button.close { + color: #7a8692; } + .alert.alert-info { + color: #c86353; } + .alert.alert-info .alert_title, .alert.alert-info button.close { + color: #c86353; } + .alert.alert-success { + color: #84be20; } + .alert.alert-success .alert_title, .alert.alert-success button.close { + color: #84be20; } + .alert.alert-warning { + color: #d99e12; } + .alert.alert-warning .alert_title, .alert.alert-warning button.close { + color: #d99e12; } + .alert.alert-danger { + color: #eff2f5; } + .alert.alert-danger .alert_title, .alert.alert-danger button.close { + color: #eff2f5; } + .alert.style1.alert-normal { + background: #ececec; } + .alert.style1.alert-info { + background: #f9b5aa; } + .alert.style1.alert-success { + background: #e7f6cd; } + .alert.style1.alert-warning { + background: #faf4d4; } + .alert.style1.alert-danger { + background: #252932; } + .alert.style2 { + background: none !important; } + .alert.style2.alert-danger { + color: #818d9a; } + .alert.style2.alert-danger .alert_title { + color: #6c7884; } + .alert.style2.alert-danger button.close { + color: #f56048; } + +/* + * 10.6 Tabs + */ +.kt-tab-container { + margin-bottom: 30px; } + .kt-tab-container .tabs { + padding: 0; + list-style: none; + margin: 0 0 0px; + background: #fff; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + -khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } + .kt-tab-container .tabs li { + float: left; + margin-right: 15px; } + .kt-tab-container .tabs li a { + display: inline-block; + padding: 22px 30px; + line-height: normal; + font-size: 14px; + color: #999; + font-weight: bold; + text-transform: uppercase; } + .kt-tab-container .tabs li.ui-tabs-active a { + color: #000; } + .kt-tab-container .kt-tab-content { + background: #fff; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + -khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + padding: 30px; } + .kt-tab-container .kt-tab-content p { + margin: 0; } + +/* + * 10.7 Accordion + */ +.kt-accordion { + margin: 0 0 30px; } + .kt-accordion .kt-accortion-title { + padding: 20px 30px; + font-size: 14px; + text-transform: uppercase; + font-weight: bold; + font-family: "Karla", arial, sans-serif; + letter-spacing: 0; + margin: 0 0 20px; + cursor: pointer; + position: relative; } + .kt-accordion .kt-accortion-title .ui-accordion-header-icon { + position: absolute; + width: 10px; + height: 10px; + right: 30px; + top: 50%; + position: absolute; + -webkit-transform: translateY(-50%); + -khtml-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + top: 50%; + display: block; } + .kt-accordion .kt-accortion-title .ui-accordion-header-icon:after { + font-family: FontAwesome; + content: ""; + font-style: normal; + font-weight: normal; + font-size: 10px; + position: absolute; + -webkit-transform: translate(-50%, -50%); + -khtml-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + top: 50%; + left: 50%; + font-weight: normal; } + .kt-accordion .kt-accortion-title.ui-accordion-header-active .ui-accordion-header-icon:after { + content: "\f068"; } + .kt-accordion.style1 .kt-accortion-title { + background: #f6f6f6; } + .kt-accordion.style1 .kt-accortion-title.ui-accordion-header-active { + background: #000; + color: #fff; } + .kt-accordion.style2 .kt-accortion-title { + border-top: 1px solid #efefef; + border-bottom: 1px solid #efefef; } + .kt-accordion.style2 .kt-accortion-title.ui-accordion-header-active { + color: #333946; } + .kt-accordion.style3 .kt-accortion-title { + background: #f6f6f6; } + .kt-accordion.style3 .kt-accortion-title.ui-accordion-header-active { + background-color: #a7c8eb; + background-image: -webkit-gradient(linear, left top, right top, from(#a7c8eb), to(#bce5d3)); + background-image: -webkit-linear-gradient(left, #a7c8eb, #bce5d3); + background-image: -moz-linear-gradient(left, #a7c8eb, #bce5d3); + background-image: -ms-linear-gradient(left, #a7c8eb, #bce5d3); + background-image: -o-linear-gradient(left, #a7c8eb, #bce5d3); + background-image: linear-gradient(left, #a7c8eb, #bce5d3); + filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a7c8eb', endColorStr='#bce5d3', gradientType='1'); + color: #fff; } + .kt-accordion.style4 .kt-accortion-title { + background: #fff; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + -khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } + .kt-accordion .kt-accordion-content { + padding: 10px 30px 30px; } + +/* + * 10.8 Tooltip + */ +.tooltip { + opacity: 1; + font-size: 14px; + font-family: "Karla", arial, sans-serif; } + .tooltip .tooltip-inner { + -webkit-border-radius: 0; + -khtml-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + padding: 10px 15px; } + .tooltip.top { + margin-top: -10px; } + .tooltip.top .tooltip-arrow { + border-width: 10px 10px 0; + bottom: -5px; + left: 50%; + margin-left: -7px; } + +/* + * 10.9 Socials + */ +.social-nav { + margin: 0; + padding: 0; + list-style: none; } + .social-nav li { + display: inline-block; + padding: 0 22px; + font-size: 14px; } + .social-nav li a { + -webkit-transform: translatey(0); + -khtml-transform: translatey(0); + -moz-transform: translatey(0); + -ms-transform: translatey(0); + -o-transform: translatey(0); + transform: translatey(0); + -webkit-transition: all 0.2s ease 0s; + -khtml-transition: all 0.2s ease 0s; + -moz-transition: all 0.2s ease 0s; + -ms-transition: all 0.2s ease 0s; + -o-transition: all 0.2s ease 0s; + transition: all 0.2s ease 0s; + display: inline-block; } + .social-nav li:hover a { + -webkit-transform: translatey(-6px); + -khtml-transform: translatey(-6px); + -moz-transform: translatey(-6px); + -ms-transform: translatey(-6px); + -o-transform: translatey(-6px); + transform: translatey(-6px); } + .social-nav li:first-child { + padding-left: 0; } + .social-nav li:last-child { + padding-right: 0; } + +/* + * 10.10 Newsletter + */ +.newsletters-form { + margin: 0 auto; + position: relative; } + .newsletters-form input[type=email] { + background: transparent; + width: 100%; + height: 44px; + padding: 5px 40px 10px 10px; + font-size: 14px; + border-color: #dddddd; } + .newsletters-form button { + background: none; + border: none; + height: 44px; + padding: 0; + right: 0; + width: 44px; + font-size: 18px; + position: absolute; + -webkit-transform: translateY(-50%); + -khtml-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + top: 50%; } + .newsletters-form button i { + line-height: 44px; } + .newsletters-form input[type=email], + .newsletters-form button { + color: #666666; } + .newsletters-form.style2 input[type=email] { + border: none; + border-bottom: 2px solid #000000; + height: auto; + padding-left: 0; + padding-top: 0; } + .newsletters-form.style2 button { + text-align: right; } + .newsletters-form.style2 input[type=email], + .newsletters-form.style2 button { + color: #000000; } + +.newsletters-outer { + margin-bottom: 30px; } + .newsletters-outer .newsletters-before { + margin-bottom: 35px; } + .newsletters-outer .newsletters-title { + color: #c7db9c; + letter-spacing: 0.2em; } + .newsletters-outer .newsletters-form input[type="email"], + .newsletters-outer .newsletters-form button { + color: #000000; } + +.newsletters-wrapper {border: none;background: #ffffff;padding: 26px;margin-bottom: 30px; text-align: center;float:left; } + .newsletters-wrapper h3 { + font-size: 18px; + margin: 0 0 20px; } + .newsletters-wrapper .newsletters-before { + margin-bottom: 10px; + color: #666666; } + +/* + * 10.11 banner + */ +.banner { + position: relative; + text-align: center; + overflow: hidden; + margin-bottom: 30px; } + .banner.banner-dark:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 5; + -webkit-transition: all 0.2s ease-in-out 0s; + -khtml-transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + -ms-transition: all 0.2s ease-in-out 0s; + -o-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; } + .banner:hover.banner-dark:after { + background: rgba(0, 0, 0, 0.6); } + .banner img { + width: 100%; } + .banner .banner-content { + width: 100%; + position: absolute; + -webkit-transform: translate(-50%, -50%); + -khtml-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + top: 50%; + left: 50%; + z-index: 10; + padding: 30px 60px; } + .banner .banner-content > *:last-child { + margin-bottom: 0; } + .banner .banner-link { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 15; } + .banner.position-bottom .banner-content { + bottom: 0; + left: 0; + top: auto; + -webkit-transform: translate(0px, 0px); + -khtml-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); + -o-transform: translate(0px, 0px); + transform: translate(0px, 0px); } + .banner.position-bottom .btn { + padding-left: 50px; + padding-right: 50px; } + .banner.banner-left { + text-align: left; } + .banner.banner-right { + text-align: right; } + +/* + * 10.12 Category banner + */ +.category-banner { + position: relative; + text-align: center; + overflow: hidden; } + .category-banner:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.2); + z-index: 5; } + .category-banner img { + width: 100%; } + .category-banner .category-banner-content { + width: 100%; + position: absolute; + -webkit-transform: translate(-50%, -50%); + -khtml-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + top: 50%; + left: 50%; + z-index: 10; } + .category-banner .category-banner-content > *:last-child { + margin-bottom: 0; } + .category-banner .category-banner-content h1 { + margin-bottom: 35px; } + .category-banner .category-banner-content ul { + margin: 0; + list-style: none; + padding: 0; + max-height: 0; + overflow: hidden; + -webkit-transition: all 0.5s ease-in-out 0s; + -khtml-transition: all 0.5s ease-in-out 0s; + -moz-transition: all 0.5s ease-in-out 0s; + -ms-transition: all 0.5s ease-in-out 0s; + -o-transition: all 0.5s ease-in-out 0s; + transition: all 0.5s ease-in-out 0s; } + .category-banner .category-banner-content ul li { + font-size: 15px; + line-height: 30px; } + .category-banner .category-banner-content ul li a { + color: #f6f6f6; } + .category-banner .category-banner-content ul li a:hover { + color: #FFFFFF; } + .category-banner:hover ul { + margin: 0 0 35px; + max-height: 600px; } + +/* + * 10.13 Flip box + */ +.flip-box { + -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + background: #ffffff none repeat scroll 0 0; + border-color: #ffffff; + color: #000000; + text-align: center; + position: relative; + overflow: hidden; + cursor: pointer; + margin-bottom: 30px; } + .flip-box .flip-box-before, + .flip-box .flip-box-after { + -webkit-transition: all 0.2s ease-out 0s; + -khtml-transition: all 0.2s ease-out 0s; + -moz-transition: all 0.2s ease-out 0s; + -ms-transition: all 0.2s ease-out 0s; + -o-transition: all 0.2s ease-out 0s; + transition: all 0.2s ease-out 0s; } + .flip-box .flip-box-before { + font-weight: bold; + letter-spacing: 0.2em; + font-family: "Roboto Slab", serif; + font-size: 24px; + padding: 44px 40px; + line-height: 38px; + text-transform: uppercase; + -webkit-transform: translate(0px, 0px); + -khtml-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); + -o-transform: translate(0px, 0px); + transform: translate(0px, 0px); } + .flip-box .flip-box-after { + font-size: 16px; + color: #999999; + position: absolute; + top: 0; + width: 100%; + -webkit-transform: translate(0px, -100%); + -khtml-transform: translate(0px, -100%); + -moz-transform: translate(0px, -100%); + -ms-transform: translate(0px, -100%); + -o-transform: translate(0px, -100%); + transform: translate(0px, -100%); } + .flip-box:hover .flip-box-before { + -webkit-transform: translate(0, 100%); + -khtml-transform: translate(0, 100%); + -moz-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); } + .flip-box:hover .flip-box-after { + top: 50%; + -webkit-transform: translate(0, -50%); + -khtml-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + transform: translate(0, -50%); } + +/* + * 10.14 Feature icon + */ +.feature-icon { + margin: 0 0 30px; + padding: 30px; + position: relative; + text-align: center; } + .feature-icon .features-box-icon, + .feature-icon .features-box-title { + color: #FFFFFF; } + .feature-icon .features-box-icon a, + .feature-icon .features-box-title a { + color: #FFFFFF; } + .feature-icon .features-box-icon { + font-size: 48px; + margin-bottom: 25px; } + .feature-icon .features-box-title { + font-size: 14px; + letter-spacing: 0.2em; + margin: 0; } + +/* + * 10.15 Single Image + */ +.single-image { + margin: 0 0 30px; + overflow: hidden; } + .single-image img { + -webkit-transition: all 1s ease-in-out 0s; + -khtml-transition: all 1s ease-in-out 0s; + -moz-transition: all 1s ease-in-out 0s; + -ms-transition: all 1s ease-in-out 0s; + -o-transition: all 1s ease-in-out 0s; + transition: all 1s ease-in-out 0s; + -webkit-transform: scale(1); + -khtml-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + .single-image:hover img { + -webkit-transform: scale(1.2); + -khtml-transform: scale(1.2); + -moz-transform: scale(1.2); + -ms-transform: scale(1.2); + -o-transform: scale(1.2); + transform: scale(1.2); } + .single-image.no-effect:hover img { + -webkit-transform: scale(1); + -khtml-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + +/* + * 10.16 Client + */ +.client-item img { + margin: 0 auto; } + +/* + * 10.17 About + */ +.about-wrapper { + padding: 58px 43px 30px; + color: #FFFFFF; + -webkit-background-size: cover; + -khtml-background-size: cover; + -moz-background-size: cover; + -ms-background-size: cover; + -o-background-size: cover; + background-size: cover; + background-position: center 550px; + margin: 0 0 30px; } + .about-wrapper .about-title { + color: #FFFFFF; + margin: 0 0 30px; + letter-spacing: 0.2em; } + +/* + * 10.18 collection + */ +.collection-wrapper { + position: relative; + overflow: hidden; } + .collection-wrapper .left-collection { + position: absolute; + top: 0; + left: 0; + width: 45%; } + .collection-wrapper .right-collection { + position: absolute; + right: 0; + bottom: 0; + width: 41.6667%; } + .collection-wrapper .front-collection { + margin-top: 225px; + margin-bottom: 80px; + position: relative; } + .collection-wrapper .front-collection .collection-image { + text-align: center; } + .collection-wrapper .front-collection .collection-image img { + margin: 0 auto; } + .collection-wrapper .collection-content { + width: 33.3333%; } + .collection-wrapper .collection-content .collection-desc { + margin-bottom: 5px; } + +/* + * 10.19 Box colored + */ +.box-colored { + margin-bottom: 30px; + color: #FFFFFF; + text-align: center; } + .box-colored .box-colored-image { + margin: 0 0 30px; + overflow: hidden; } + .box-colored .box-colored-image img { + -webkit-transition: all 1s ease-in-out 0s; + -khtml-transition: all 1s ease-in-out 0s; + -moz-transition: all 1s ease-in-out 0s; + -ms-transition: all 1s ease-in-out 0s; + -o-transition: all 1s ease-in-out 0s; + transition: all 1s ease-in-out 0s; + -webkit-transform: scale(1); + -khtml-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + .box-colored:hover img { + -webkit-transform: scale(1.2); + -khtml-transform: scale(1.2); + -moz-transform: scale(1.2); + -ms-transform: scale(1.2); + -o-transform: scale(1.2); + transform: scale(1.2); } + .box-colored .box-colored-title { + color: #FFFFFF; + font-size: 14px; + letter-spacing: 0.2em; + margin: 0 0 30px; } + .box-colored .box-colored-title a { + padding: 55px 20px; + color: #FFFFFF; + display: block; } + .box-colored :last-child { + margin-bottom: 0; } + +/* + * 10.20 Testimonials + */ +.testimonial-posts.light { + color: #FFFFFF; } + .testimonial-posts.light .testimonial-author { + color: #FFFFFF; } + .testimonial-posts.light .owl-pagination .owl-page { + background: #FFFFFF; } + .testimonial-posts.light .owl-pagination .owl-page:hover, .testimonial-posts.light .owl-pagination .owl-page.active { + background: #e5e5e5; } + +.testimonial-item { + text-align: center; } + .testimonial-item .testimonial-content { + font-family: "Crete Round", serif; + font-size: 18px; + line-height: 30px; + margin: 0 auto 35px; + max-width: 865px; + font-style: italic; } + .testimonial-item .testimonial-author { + margin-bottom: 10px; + letter-spacing: 0.075em; } + +/* + * 10.21 Product countdown + */ +.product-countdown { + background: #fff; + padding: 30px; + box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05); + margin-bottom: 30px; } + .product-countdown .countdown-wrap { + width: 60px; + height: 60px; + border: 2px solid #f6f6f6; + text-align: center; + float: left; + margin-right: 30px; } + .product-countdown .countdown-wrap:last-child { + margin-right: 0; } + .product-countdown .countdown-wrap .title { + font-size: 14px; + color: #999; + line-height: normal; } + .product-countdown .countdown-wrap .value-time { + font-size: 18px; + font-weight: 700; + color: #000; + margin: 10px 0 2px; + line-height: normal; } + +/* + * 10.22 Callout + */ +.callout-content { + font-family: "Crete Round", serif; + font-style: italic; + padding-right: 40px; + width: 70%; } + +/* ============================== + 11. Widgets + ============================== */ +.widget-container { + margin-bottom: 40px; + border-bottom: 2px solid #f6f6f6; + padding-bottom: 5px; + font-size: 14px; } + .widget-container:last-child { + border: none; } + .widget-container .widget-title { + font-size: 18px; + margin: 0 0 30px; + text-transform: capitalize; + letter-spacing: 0.075em; } + .widget-container.widget_nav_menu ul, .widget-container.widget_categories ul, .widget-container.widget_product_categories ul, .widget-container.widget_recent_entries ul { + margin: 0; + padding: 0; + list-style: none; } + .widget-container.widget_nav_menu ul li, .widget-container.widget_categories ul li, .widget-container.widget_product_categories ul li, .widget-container.widget_recent_entries ul li { + padding-bottom: 6px; } + .widget-container.widget_nav_menu ul li.nav-copyright, .widget-container.widget_categories ul li.nav-copyright, .widget-container.widget_product_categories ul li.nav-copyright, .widget-container.widget_recent_entries ul li.nav-copyright { + color: #999999; + font-weight: 300; } + .widget-container.widget_nav_menu ul li a, .widget-container.widget_categories ul li a, .widget-container.widget_product_categories ul li a, .widget-container.widget_recent_entries ul li a { + color: #666666; } + .widget-container.widget_nav_menu ul li a:hover, .widget-container.widget_categories ul li a:hover, .widget-container.widget_product_categories ul li a:hover, .widget-container.widget_recent_entries ul li a:hover { + color: #000000; } + .widget-container.widget_nav_menu ul li .count, .widget-container.widget_categories ul li .count, .widget-container.widget_product_categories ul li .count, .widget-container.widget_recent_entries ul li .count { + padding-left: 17px; + font-size: 12px; + color: #cacaca; } + .widget-container.widget_tag_cloud a { + font-size: 14px !important; + line-height: normal !important; + display: inline-block; + margin: 0 20px 20px 0; + color: #666; } + .widget-container.widget_tag_cloud a:hover { + color: #000000; } + .widget-container.widget_price_filter .ui-slider { + position: relative; + background: #f6f6f6; + margin-bottom: 40px; + height: 2px; + margin-left: 4px; } + .widget-container.widget_price_filter .ui-slider .ui-slider-range { + background: #000000; + height: 100%; + position: absolute; } + .widget-container.widget_price_filter .ui-slider .ui-slider-handle { + height: 14px; + width: 4px; + background: #000000; + position: absolute; + top: -6px; + cursor: ew-resize; + margin-left: -4px; } + .widget-container.widget-hover-content .widget-hover-element { + visibility: hidden; + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; + -webkit-transition: all 0.4s ease-in-out; + -khtml-transition: all 0.4s ease-in-out; + -moz-transition: all 0.4s ease-in-out; + -ms-transition: all 0.4s ease-in-out; + -o-transition: all 0.4s ease-in-out; + transition: all 0.4s ease-in-out; } + .widget-container.widget-hover-content:hover .widget-hover-element { + visibility: visible; + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; } + +/* ============================== + 12. Blog posts + ============================== */ +.blog-posts .blog-post { + margin-bottom: 25px; } + .blog-posts .blog-post .blog-post-thumbnail { + margin-bottom: 33px; + display: block; + overflow: hidden; } + .blog-posts .blog-post .blog-post-thumbnail img { + -webkit-transition: all 1s ease-in-out 0s; + -khtml-transition: all 1s ease-in-out 0s; + -moz-transition: all 1s ease-in-out 0s; + -ms-transition: all 1s ease-in-out 0s; + -o-transition: all 1s ease-in-out 0s; + transition: all 1s ease-in-out 0s; + -webkit-transform: scale(1); + -khtml-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + .blog-posts .blog-post .blog-post-thumbnail:hover img { + -webkit-transform: scale(1.2); + -khtml-transform: scale(1.2); + -moz-transform: scale(1.2); + -ms-transform: scale(1.2); + -o-transform: scale(1.2); + transform: scale(1.2); } + .blog-posts .blog-post .blog-post-title { + margin-bottom: 10px; + font-size: 16px; + text-transform: none; + letter-spacing: 0; } + .blog-posts .blog-post .blog-post-meta { + margin-bottom: 20px; + color: #999999; } + .blog-posts .blog-post .blog-post-meta > span:after { + content: '/'; + padding-left: 4px; } + .blog-posts .blog-post .blog-post-meta > span:last-child:after { + content: ''; } + .blog-posts .blog-post .blog-post-meta a { + color: #999999; } + .blog-posts .blog-post .blog-post-meta a:hover { + color: #000000; } + +/* ============================== + 13. Single Post + ============================== */ +/* + * 13.1 Single Post Common styles + */ +.single-post .entry-thumb { + margin-bottom: 60px; } +.single-post .entry-meta-data { + margin-bottom: 30px; + font-size: 14px; + color: #999; } + .single-post .entry-meta-data > span:after { + content: "/"; + margin: 0 5px; } + .single-post .entry-meta-data > span:last-child:after { + display: none; } + .single-post .entry-meta-data a { + color: #000; } +.single-post .share-it { + margin: 65px 0 95px; } + .single-post .share-it .social_icons { + padding: 0; + margin: 0; + list-style: none; } + .single-post .share-it .social_icons li { + display: inline-block; + margin-right: 30px; } + .single-post .share-it .social_icons li:last-child { + margin-right: 0; } + .single-post .share-it .social_icons li a { + display: inline-block; + padding: 17px 40px; + border: 2px solid #e3e3e3; + font-size: 14px; + color: #999; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 0.2em; + line-height: normal; } + .single-post .share-it .social_icons li a:hover { + color: #000; + border-color: #000; } + .single-post .share-it .social_icons li a i { + display: none; } +.single-post .single-bottom-title { + margin-bottom: 30px; + letter-spacing: 0.2em; } + +/* + * 13.2 Author Info + */ +.author-info { + background: #f6f6f6; + margin-bottom: 85px; + padding: 25px 25px 15px; } + .author-info .author-avatar { + float: left; + max-width: 70px; } + .author-info .author-description { + padding-left: 93px; } + .author-info .author-title { + font-size: 14px; + margin: 0 0 10px; + padding: 0; + color: #000000; + text-transform: none; + letter-spacing: 0.075em; } + .author-info .author-title a { + color: #000000; } + .author-info .author-title a:hover { + color: #000000; } + .author-info .author-bio { + margin-bottom: 0; } + .author-info .author-socials { + margin: 0; + padding: 0; + list-style: none; } + .author-info .author-socials li { + display: inline-block; + margin-right: 40px; } + .author-info .author-socials a { + color: #999999; } + .author-info .author-socials a:hover { + color: #000000; } + +/* + * 13.3 Comments Area + */ +.comments-area { + margin-bottom: 55px; } + .comments-area .comment-list { + list-style: none; + margin: 0 0 85px; + padding: 0; } + .comments-area .children { + list-style: outside none none; + margin: 0; + padding-left: 25px; + position: relative; } + .comments-area .children:before { + content: ''; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 1px; + background: #e1e1e1; } + .comments-area .children > li { + position: relative; } + .comments-area .children > li:before { + background: #e1e1e1; + content: ""; + height: 1px; + left: -25px; + position: absolute; + top: 25px; + width: 12px; } + +.comments-area .comment-item { + padding: 25px; + background: #f6f6f6; + margin-bottom: 30px; + min-height: 120px; } + .comments-area .comment-item .comment-avatar { + float: left; + margin-right: 20px; + max-width: 70px; } + .comments-area .comment-item .comment-body { + padding-left: 90px; + position: relative; } + .comments-area .comment-item .comment-body .comment-meta { + margin: 0 0 12px; + line-height: 15px; } + .comments-area .comment-item .comment-body .comment-meta .comment-author { + color: #000000; + font-size: 14px; + font-weight: 700; + text-transform: none; + display: inline-block; + padding: 0; + margin: 0 10px 0 0; + line-height: 15px; } + .comments-area .comment-item .comment-body .comment-meta .comment-metadata { + color: #999999; + font-size: 12px; + font-weight: bold; + display: inline-block; } + .comments-area .comment-item .comment-body .comment-content p:last-child { + margin: 0; } + .comments-area .comment-item .comment-body .reply { + font-size: 14px; + font-weight: bold; + letter-spacing: 0.075em; + line-height: 15px; + position: absolute; + right: 0; + top: 0; } + .comments-area .comment-item .comment-body .reply a { + color: #4ad1e5; } + +/* + * 13.4 Comment Form + */ +.comment-respond { + margin-bottom: 30px; } + .comment-respond .comment-form textarea, + .comment-respond .comment-form input[type=text] { + border: none; + border-bottom: 2px solid #ebebeb; + padding: 10px 0; + height: auto; } + .comment-respond .comment-form textarea:focus, + .comment-respond .comment-form input[type=text]:focus { + border-color: #999999; + color: #999999; } + .comment-respond .comment-form textarea { + height: 55px; + width: 100% !important; } + .comment-respond .comment-form .form-submit { + padding-top: 15px; } + +/* ============================== + 14. Pagination + ============================== */ +.pagination { + text-align: center; + display: block; + margin: 0; + padding-top: 35px; + border-top: 2px solid #f6f6f6; } + .pagination .page-numbers { + border: 2px solid transparent; + color: #666666; + display: inline-block; + font-size: 14px; + line-height: 36px; + margin: 0 2px; + padding: 0; + width: 40px; + height: 40px; } + .pagination .page-numbers.next, .pagination .page-numbers.prev { + font-size: 18px; } + .pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover { + border-color: transparent; + color: #000000; } + .pagination .page-numbers.next { + float: right; + text-align: right; } + .pagination .page-numbers.prev { + float: left; + text-align: left; } + .pagination a.page-numbers:hover, + .pagination .page-numbers.current { + border-color: #f0f0f0; } + +/* ============================== + 15. Shop + ============================== */ +/* + * 15.1 Shop Common styles + */ +.star-rating { + display: inline-block; + font-family: FontAwesome; + font-size: 12px; + letter-spacing: 5px; + line-height: 1; + position: relative; + white-space: nowrap; } + .star-rating:before { + color: #c6c6c6; + content: "\f006\f006\f006\f006\f006"; } + .star-rating span { + bottom: 0; + display: block; + left: 0; + position: absolute; + text-indent: -9999px; + overflow: hidden; + top: 0; } + .star-rating span:before { + content: "\f006\f006\f006\f006\f006"; + left: 0; + position: absolute; + top: 0; + color: #6fd9e9; + text-indent: 0; } + +.stars a { + font-family: FontAwesome; + font-size: 12px; + letter-spacing: 5px; + display: inline-block; + outline: 0 none; + position: relative; + color: #c6c6c6; } + .stars a:after { + content: "\f006"; } + .stars a.active { + color: #6fd9e9; } + +.products-tools { + border-bottom: 2px solid #f6f6f6; + margin-bottom: 50px; + padding-bottom: 15px; } + .products-tools .products-sortby { + float: left; } + .products-tools .products-sortby .select-icon { + margin-right: 65px; } + .products-tools .products-sortby .select-icon:last-child { + margin-right: 0; } + .products-tools .grid-list, + .products-tools .result-count { + float: right; } + .products-tools .filter-block {float: left; } + .products-tools .grid-list { + margin: 0 28px 0 0; + padding: 0; + list-style: none; } + .products-tools .grid-list li { + display: inline;/* inline-block; */ } + .products-tools .grid-list li ~ li { + margin-left: 18px; } + .products-tools .grid-list li a { + font-size: 14px; + color: #666; } + .products-tools .grid-list li a.active { + color: #000; } + +/* + * 15.2 Products category + */ +.products .product { + margin-bottom: 25px; + text-align: center; } + .products .product .product-inner { + position: relative; } + .products .product .product-thumbnail { + display: block; } + .products .product .product-content { + /* margin-bottom: 34px; */ + max-height: 200px; + position: relative; + overflow: hidden; + text-align: center; } + .products .product .product-content .product-over-add, + .products .product .product-content .product-over-tool { + -webkit-transition: all 0.4s ease 0s; + -khtml-transition: all 0.4s ease 0s; + -moz-transition: all 0.4s ease 0s; + -ms-transition: all 0.4s ease 0s; + -o-transition: all 0.4s ease 0s; + transition: all 0.4s ease 0s; + position: absolute; + -webkit-transform: translateX(-50%); + -khtml-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + left: 50%; + width: 212px; + z-index: 5; } + .products .product .product-content .product-over-tool { + top: -55px; } + .products .product .product-content .product-over-tool > a { + background: #ffffff; + color: #999999; + font-size: 14px; + display: inline-block; + float: left; + height: 32px; + line-height: 32px; + margin: 0 1px 0 0; + width: 70px; } + .products .product .product-content .product-over-tool > a:hover { + background: #000000; + color: #FFFFFF; } + .products .product .product-content .product-over-tool > a:last-child { + margin-right: 0; } + .products .product .product-content .product-over-add { + bottom: -55px; } + .products .product .product-content .product-over-sale { + position: absolute; + right: 16px; + top: 16px; } + .products .product .product-content .product-over-sale span { + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + margin-bottom: 10px; + color: #FFFFFF; + background: #ed8b5c; + line-height: 22px; + display: block; + min-width: 50px; + font-size: 12px; + text-transform: uppercase; + font-weight: bold; + position: relative; } + .products .product .product-content .product-over-sale span:before { + content: ''; + width: 6px; + height: 6px; + background: #ed8b5c; + -webkit-transform: rotate(-45deg) translateX(-50%); + -khtml-transform: rotate(-45deg) translateX(-50%); + -moz-transform: rotate(-45deg) translateX(-50%); + -ms-transform: rotate(-45deg) translateX(-50%); + -o-transform: rotate(-45deg) translateX(-50%); + transform: rotate(-45deg) translateX(-50%); + position: absolute; + left: 50%; + bottom: -1px; } + .products .product .product-content .product-over-sale span.onsale { + background: #6fd9e9; } + .products .product .product-content .product-over-sale span.onsale:before { + background: #6fd9e9; } + .products .product .product-content .product-over-sale span.onnew { + background: #8ec78e; } + .products .product .product-content .product-over-sale span.onnew:before { + background: #8ec78e; } + .products .product .product-content .product-thumbnail { + display: block; } + .products .product .product-content .product-thumbnail img { + -webkit-transition: all 0.4s ease-in-out; + -khtml-transition: all 0.4s ease-in-out; + -moz-transition: all 0.4s ease-in-out; + -ms-transition: all 0.4s ease-in-out; + -o-transition: all 0.4s ease-in-out; + transition: all 0.4s ease-in-out; } + .products .product .product-content .product-thumbnail img.first-img { + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; } + .products .product .product-content .product-thumbnail img.second-img { + position: absolute; + top: 0; + left: 0; + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; } + .products .product .product-title { + font-size: 16px; + margin-bottom: 5px; + text-transform: none; + letter-spacing: 0.12em; + padding: 0px 5px 0px 5px; + } + .products .product .product-price { + color: #999999; } + .products .product .product-content:hover .product-over-tool { + top: 10px; } + .products .product .product-content:hover .product-over-add { + bottom: 10px; } + .products .product .product-content:hover .product-thumbnail img.first-img { + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; } + .products .product .product-content:hover .product-thumbnail img.second-img { + z-index: 1; + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; } +.products .owl-kttheme .product { + margin-bottom: 0; } +.products.products-multi-masonry .product { + margin-bottom: 30px; + position: relative; } + .products.products-multi-masonry .product.grid-sizer { + margin: 0; + min-height: 0; } + .products.products-multi-masonry .product .product-content { + margin-bottom: 0; } + .products.products-multi-masonry .product .product-details { + position: absolute; + -webkit-transform: translate(-50%, -50%); + -khtml-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + top: 50%; + left: 50%; + z-index: 5; + width: 100%; } + .products.products-multi-masonry .product .product-details .product-title, + .products.products-multi-masonry .product .product-details .product-price { + -webkit-transition: all 0.4s ease 0s; + -khtml-transition: all 0.4s ease 0s; + -moz-transition: all 0.4s ease 0s; + -ms-transition: all 0.4s ease 0s; + -o-transition: all 0.4s ease 0s; + transition: all 0.4s ease 0s; + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; + -webkit-transform: translate3d(0, 30px, 0); + -khtml-transform: translate3d(0, 30px, 0); + -moz-transform: translate3d(0, 30px, 0); + -ms-transform: translate3d(0, 30px, 0); + -o-transform: translate3d(0, 30px, 0); + transform: translate3d(0, 30px, 0); + color: #FFFFFF; } + .products.products-multi-masonry .product .product-details .product-title a { + color: #FFFFFF; } + .products.products-multi-masonry .product .product-thumbnail:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + z-index: 1; + -webkit-transition: all 0.4s ease; + -khtml-transition: all 0.4s ease; + -moz-transition: all 0.4s ease; + -ms-transition: all 0.4s ease; + -o-transition: all 0.4s ease; + transition: all 0.4s ease; + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; } + .products.products-multi-masonry .product:hover .product-details .product-title, + .products.products-multi-masonry .product:hover .product-details .product-price { + -webkit-transform: translate3d(0, 0, 0); + -khtml-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; } + .products.products-multi-masonry .product:hover .product-details .product-price { + -webkit-transition-delay: .3s; + -khtml-transition-delay: .3s; + -moz-transition-delay: .3s; + -ms-transition-delay: .3s; + -o-transition-delay: .3s; + transition-delay: .3s; } + .products.products-multi-masonry .product:hover .product-thumbnail:after { + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; } +.products.products-multi-masonry .no-gutters .product { + margin-bottom: 0; } +.products.products-multi-masonry.masonry-botom .product .product-details { + -webkit-transform: translate(0, 0); + -khtml-transform: translate(0, 0); + -moz-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); + left: 25px; + top: auto; + bottom: 25px; + text-align: left; + width: auto; } +.products.products-gallery .product .product-content { + margin-bottom: 40px; } +.products.products-gallery .product .product-inner { + background: #FFFFFF; + padding: 0 0 20px; + -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } +.products.products-gallery .product .product-title { + letter-spacing: 0; } +.products .product-description, .products .produt-tool-list { + display: none; } +.products.lists .product { + padding: 40px 15px; + margin: 0; + border-bottom: 1px solid #f6f6f6; + width: 100%; + text-align: left; } + .products.lists .product:first-child { + padding-top: 0; } + .products.lists .product:last-child { + border-bottom: none; } + .products.lists .product .product-description, .products.lists .product .produt-tool-list { + display: block; } + .products.lists .product .product-attribute { + margin-left: 330px; } + .products.lists .product .product-content { + float: left; + max-width: 270px; + margin-bottom: 0; + margin-right: 60px; + min-width: 200px; + } + .products.lists .product .product-content .product-over-tool, .products.lists .product .product-content .product-over-add { + display: none; } + .products.lists .product .product-content .product-over-tool, .products.lists .product .product-content .product-over-add{display:block;} + .products.lists .product h3.product-title { + margin-top: 20px; } + .products.lists .product .produt-tool-list { + margin-top: 40px; } + .products.lists .product .produt-tool-list .quantity, .products.lists .product .produt-tool-list .product-over-add { + float: left; + margin-right: 30px; + margin-top: 12px; } + .products.lists .product .produt-tool-list .quantity input { + height: 48px; + width: 60px; + text-align: center; } + .products.lists .product .produt-tool-list .quantity input:focus { + border-color: #000; } + .products.lists .product .produt-tool-list .product-over-tool { + float: left; + margin-top: 12px; } + .products.lists .product .produt-tool-list .product-over-tool > a { + display: inline-block; + width: 60px; + height: 48px; + border: 2px solid #e3e3e3; + text-align: center; + color: #999; } + .products.lists .product .produt-tool-list .product-over-tool > a:hover { + color: #000000; + border-color: #000000; } + .products.lists .product .produt-tool-list .product-over-tool > a:last-child { + margin-left: 26px; } + .products.lists .product .produt-tool-list .product-over-tool > a i { + line-height: 44px; } + +.product-content .cd-item-wrapper { + position: relative; + overflow: hidden; + margin: 0; + padding: 0; + list-style: none; } + .product-content .cd-item-wrapper li { + position: absolute; + top: 0; + left: 17%; + height: 100%; + width: 66%; + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; + -webkit-transform: translateZ(0); + -khtml-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform, opacity; + -webkit-transform: translateX(200%) scale(0.5); + -khtml-transform: translateX(200%) scale(0.5); + -moz-transform: translateX(200%) scale(0.5); + -ms-transform: translateX(200%) scale(0.5); + -o-transform: translateX(200%) scale(0.5); + transform: translateX(200%) scale(0.5); + -webkit-transition: transform 0.4s, opacity 0.4s; + -khtml-transition: transform 0.4s, opacity 0.4s; + -moz-transition: transform 0.4s, opacity 0.4s; + -ms-transition: transform 0.4s, opacity 0.4s; + -o-transition: transform 0.4s, opacity 0.4s; + transition: transform 0.4s, opacity 0.4s; } + .product-content .cd-item-wrapper li.selected { + position: relative; + opacity: 1; + -webkit-transform: translateX(0) scale(1); + -khtml-transform: translateX(0) scale(1); + -moz-transform: translateX(0) scale(1); + -ms-transform: translateX(0) scale(1); + -o-transform: translateX(0) scale(1); + transform: translateX(0) scale(1); } + .product-content .cd-item-wrapper li.move-right { + -webkit-transform: translateX(70%) scale(0.5); + -khtml-transform: translateX(70%) scale(0.5); + -moz-transform: translateX(70%) scale(0.5); + -ms-transform: translateX(70%) scale(0.5); + -o-transform: translateX(70%) scale(0.5); + transform: translateX(70%) scale(0.5); + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; } + .product-content .cd-item-wrapper li.move-left { + -webkit-transform: translateX(-70%) scale(0.5); + -khtml-transform: translateX(-70%) scale(0.5); + -moz-transform: translateX(-70%) scale(0.5); + -ms-transform: translateX(-70%) scale(0.5); + -o-transform: translateX(-70%) scale(0.5); + transform: translateX(-70%) scale(0.5); + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; } + .product-content .cd-item-wrapper li.hide-left { + -webkit-transform: translateX(-140%) scale(0.5); + -khtml-transform: translateX(-140%) scale(0.5); + -moz-transform: translateX(-140%) scale(0.5); + -ms-transform: translateX(-140%) scale(0.5); + -o-transform: translateX(-140%) scale(0.5); + transform: translateX(-140%) scale(0.5); } + .product-content .cd-item-wrapper li img { + display: block; + width: 100%; } +.product-content:hover li.move-right, .product-content:hover li.move-left { + filter: alpha(opacity=30); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; + -webkit-opacity: 0.3; + -khtml-opacity: 0.3; + -moz-opacity: 0.3; + -ms-opacity: 0.3; + -o-opacity: 0.3; + opacity: 0.3; } +.product-content:hover li.hover.move-right, .product-content:hover li.hover.move-left { + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; } + +.cd-dots { + bottom: 0px; + left: 50%; + position: absolute; + right: auto; + -webkit-transform: translateX(-50%); + -khtml-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + margin: 0; + padding: 0; } + .cd-dots li { + display: inline-block; + float: left; + margin: 0 5px; } + .cd-dots li a { + display: block; + height: 7px; + width: 7px; + -webkit-border-radius: 50%; + -khtml-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + border: 1px solid #9688a0; + overflow: hidden; + text-indent: 100%; + white-space: nowrap; + -webkit-transition: border-color 0.2s, background-color 0.2s; + -khtml-transition: border-color 0.2s, background-color 0.2s; + -moz-transition: border-color 0.2s, background-color 0.2s; + -ms-transition: border-color 0.2s, background-color 0.2s; + -o-transition: border-color 0.2s, background-color 0.2s; + transition: border-color 0.2s, background-color 0.2s; } + .cd-dots li.selected a { + background: #2f2933 none repeat scroll 0 0; + border-color: #2f2933; } + +.product-list-widget .product-widget { + padding-bottom: 30px; } +.product-list-widget .product-title { + font-size: 16px; + margin: 0 0 7px; + text-transform: none; + letter-spacing: 0.075em; } + +/* + * 15.3 Product Detail + */ +.product-main .product-detail-thumbarea { + margin-bottom: 30px; } + .product-main .product-detail-thumbarea .single-product-main-images { + margin-bottom: 30px; + position: relative; } + .product-main .product-detail-thumbarea .single-product-main-images .owl-controls { + bottom: 8px; + margin: 0; + position: absolute; + right: 9px; } + .product-main .product-detail-thumbarea .single-product-main-images .owl-controls .owl-buttons > div { + width: 60px; + height: 48px; + padding: 0; + text-align: center; + background: #fff; + -webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.1); + -khtml-box-shadow: 1px 0 3px rgba(0,0,0,0.1); + -moz-box-shadow: 1px 0 3px rgba(0,0,0,0.1); + -ms-box-shadow: 1px 0 3px rgba(0,0,0,0.1); + -o-box-shadow: 1px 0 3px rgba(0,0,0,0.1); + box-shadow: 1px 0 3px rgba(0,0,0,0.1); + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; + -webkit-border-radius: 0; + -khtml-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; } + .product-main .product-detail-thumbarea .single-product-main-images .owl-controls .owl-buttons > div i { + font-size: 14px; + color: #999; + line-height: 48px; } +.product-main.style1 .single-product-main-thumbnails { + width: auto; + margin-right: -15px; + margin-left: -15px; } + .product-main.style1 .single-product-main-thumbnails .owl-item { + padding: 0 15px; } +.product-main.style2 .single-product-main-images { + margin-bottom: 0; } +.product-main.style2 .product-detail-wrap { + padding: 100px 0 80px; + max-width: 570px; } +.product-main.style2 .product-detail-thumbarea { + margin: 0; } +.product-main.style3 .product-detail-thumbarea { + margin-bottom: 0; + padding: 30px; + background: #ededed; } +.product-main.style3 .single-product-main-thumbnails { + width: auto; + margin-right: -10px; + margin-left: -10px; } + .product-main.style3 .single-product-main-thumbnails .owl-item { + padding: 0 10px; } +.product-main.style3 .product-detail-wrap { + padding: 90px 0; + max-width: 570px; } +.product-main .breadcrumb { + font-size: 14px; + line-height: 1; + margin-bottom: 35px; } +.product-main .product-title { + font-size: 18px; + padding-bottom: 30px; + border-bottom: 2px solid #f6f6f6; + margin: 0 0 30px; } +.product-main .product-price-wrap { + margin-bottom: 35px; } + .product-main .product-price-wrap h3.price { + float: left; + margin: 0; + font-size: 24px; + font-weight: normal; + letter-spacing: 0; } + .product-main .product-price-wrap .review-summary { + float: left; + margin: 3px 0 0 50px; } + .product-main .product-price-wrap .reviews-text { + display: inline-block; + font-size: 14px; + padding-left: 48px; } +.product-main form.cart { + margin-bottom: 45px; } + .product-main form.cart .quantity { + float: left; + width: 60px; + margin-right: 30px; } + .product-main form.cart .quantity input { + height: 48px; + text-align: center; } + .product-main form.cart .quantity input:focus { + border-color: #000000; } + .product-main form.cart button { + float: left; + width: auto; } + .product-main form.cart .cart-tool { + float: left; } + .product-main form.cart .cart-tool .add_to_wishlist, + .product-main form.cart .cart-tool .add_to_compare { + float: left; + margin-left: 30px; + width: 60px; + height: 48px; + text-align: center; + border: 2px solid #e3e3e3; + color: #999; + font-size: 14px; + line-height: 44px; } + .product-main form.cart .cart-tool .add_to_wishlist:hover, + .product-main form.cart .cart-tool .add_to_compare:hover { + border: 2px solid #000000; + color: #000000; } +.product-main .product-short p { + margin-bottom: 20px; } +.product-main .product_meta { + padding-bottom: 30px; + border-bottom: 2px solid #f6f6f6; + margin-bottom: 35px; } + .product-main .product_meta > span { + display: block; } + .product-main .product_meta > span a { + color: #666; } + .product-main .product_meta > span a:hover { + color: #000000; } +.product-main .product-shareit .social_icons { + margin: 0 -11px; + padding: 0; + list-style: none; } + .product-main .product-shareit .social_icons li { + float: left; + width: 33.33%; + line-height: normal; + padding: 0 11px; } + .product-main .product-shareit .social_icons li a { + color: #999; + letter-spacing: 0.15em; + padding: 15px 40px; + border: 2px solid #e3e3e3; + text-transform: uppercase; + font-weight: bold; + font-size: 14px; + display: block; } + .product-main .product-shareit .social_icons li a:hover, .product-main .product-shareit .social_icons li a:focus { + color: #000; + border-color: #000; } + .product-main .product-shareit .social_icons li a i { + display: none; } + +.easyzoom-flyout img { + max-width: none !important; + width: auto !important; } + +.woocommerce-tabs .nav { + padding-bottom: 30px; + border-bottom: 2px solid #e3e3e3; + margin-bottom: 50px; } + .woocommerce-tabs .nav li { + float: left; + margin-right: 140px; } + .woocommerce-tabs .nav li:last-child { + margin-right: 0; } + .woocommerce-tabs .nav li a { + padding: 0; + line-height: normal; + font-size: 14px; + font-family: "Roboto Slab", serif; + color: #999; + text-transform: uppercase; + letter-spacing: 0.15em; + font-weight: bold; } + .woocommerce-tabs .nav li a:hover, .woocommerce-tabs .nav li a:focus { + background: none; } + .woocommerce-tabs .nav li.active a { + color: #000; } +.woocommerce-tabs .shop_attributes { + width: 50%; } + .woocommerce-tabs .shop_attributes tr td, .woocommerce-tabs .shop_attributes tr th { + padding: 15px 0; + font-weight: normal; + line-height: normal; + border-bottom: 1px dashed #e3e3e3; } +.woocommerce-tabs .comments-area .comments-title { + font-weight: bold; + font-size: 14px; + letter-spacing: 0.075em; + color: #666; + font-family: "Karla", arial, sans-serif; + text-transform: none; + margin-bottom: 55px; } +.woocommerce-tabs .comments-area .comment-list { + margin: 0; } +.woocommerce-tabs .comments-area .comment-item { + padding: 0; + min-height: 0; + margin-bottom: 40px; } + .woocommerce-tabs .comments-area .comment-item .comment-avatar { + max-width: 45px; + border-radius: 100%; + overflow: hidden; } + .woocommerce-tabs .comments-area .comment-item .comment-content { + margin-left: 65px; } + .woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta { + margin-bottom: 15px; + line-height: normal; } + .woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta .author_name { + margin: 0 30px 0 0; + display: inline-block; + font-size: 16px; + font-family: "Karla", arial, sans-serif; + text-transform: none; } + .woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta .comment-date { + margin-right: 25px; + display: inline-block; } + .woocommerce-tabs .comments-area .comment-item .comment-content p { + margin: 0; } + +#review_form .comment-reply-title { + font-family: "Karla", arial, sans-serif; + font-size: 14px; + color: #666; + text-transform: none; + letter-spacing: 0.075em; } +#review_form .comment-form-rating { + display: inline-block; + margin-right: 36px; } + #review_form .comment-form-rating #rating { + display: none; } + #review_form .comment-form-rating .stars { + width: 210px; + border: 2px solid #e3e3e3; + text-align: center; + line-height: 47px; + margin: 0; } +#review_form .form-submit { + display: inline-block; + margin: 0; + padding: 0; } + +/* + * 15.4 Checkout page + */ +.title-checkout { + letter-spacing: 0.2em; + padding: 10px 0; + border: 1px solid #f0f0f0; + margin: 0; + text-align: center; } + +.checkout-wrap { + padding: 20px; + border-right: 1px solid #f0f0f0; + border-bottom: 1px solid #f0f0f0; + border-left: 1px solid #f0f0f0; + margin-bottom: 30px; } + +form.checkout .form-group { + margin-bottom: 20px; } + form.checkout .form-group label, form.checkout .form-group p { + font-weight: normal; + font-size: 14px; + line-height: normal; + margin-bottom: 10px; } + form.checkout .form-group label { + letter-spacing: 0.05em; + display: block; } + form.checkout .form-group label abbr { + color: #ff0000; + text-decoration: none; + border: none; } +form.checkout .woocommerce-shipping-fields label { + font-weight: normal; + font-size: 14px; + display: block; } +form.checkout input[type="checkbox"] { + vertical-align: middle; + margin: 0 10px 0 0; } +form.checkout p { + margin-bottom: 15px; } +form.checkout .title-order { + padding: 12px; + text-align: center; + background: #f6f6f6; + letter-spacing: 0.2em; + margin: 0; } +form.checkout .coupon_wrap { + margin-bottom: 7px; } + form.checkout .coupon_wrap p { + font-weight: bold; } + form.checkout .coupon_wrap .coupon-form { + padding-right: 227px; + position: relative; } + form.checkout .coupon_wrap .coupon-form input { + width: 100%; + padding: 12px; + line-height: normal; + height: auto; + font-weight: bold; } + form.checkout .coupon_wrap .coupon-form input.submit { + position: absolute; + right: 0; + top: 0; + width: 207px; + letter-spacing: 0.2em; + height: 100%; } + +#order_review .shop_table { + width: 100%; + margin-bottom: 30px; } + #order_review .shop_table tbody, #order_review .shop_table tfoot { + border-bottom: 2px solid #000; } + #order_review .shop_table th, #order_review .shop_table td { + padding: 25px 0; + color: #666; + border-bottom: 1px solid #f6f6f6; + font-size: 14px; + letter-spacing: 0.075em; } + #order_review .shop_table tfoot .order-total td { + color: #000; } + +#payment { + margin-bottom: 10px; } + #payment .payment_methods { + padding: 0; + margin: 0; + list-style: none; } + #payment .payment_methods li { + margin: 0 0 30px; } + #payment .payment_methods li .payment_box { + background: #f6f6f6; + padding: 15px; + position: relative; + font-size: 14px; + line-height: 24px; + display: none; } + #payment .payment_methods li .payment_box:after { + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-bottom: 8px solid #f6f6f6; + top: -8px; + content: ""; + height: 0; + position: absolute; + left: 30px; + width: 0; } + #payment .payment_methods li .payment_box p { + margin: 0; } + #payment .payment_methods li label { + margin: 0 0 20px; + font-size: 14px; + color: #666; + letter-spacing: 0.075em; + line-height: normal; } + #payment .payment_methods li label .input-radio { + margin: 0 10px 0 0; + position: static; } + #payment .place-order { + text-align: center; } + +/* + * 15.5 My Cart page + */ +.table-cart-form { + margin-bottom: 45px; } + +table.cart { + width: 100%; + text-align: center; } + table.cart thead th { + border: 1px solid #f0f0f0; + padding: 12px; + text-align: center; + font-size: 14px; + font-family: "Roboto Slab", serif; + letter-spacing: 0.2em; + text-transform: uppercase; + line-height: normal; + color: #000; } + table.cart td { + padding: 14px; + border: 1px solid #f0f0f0; + font-size: 14px; } + table.cart td.product-name a { + letter-spacing: 0.075em; + font-family: "Roboto Slab", serif; + font-weight: bold; } + table.cart td.product-name a:hover { + text-decoration: underline; } + table.cart td.product-thumbnail img { + max-width: 100px; + margin: 0 auto; } + table.cart td .qty { + width: 60px; + margin: 0 auto; + text-align: center; } + table.cart td.actions { + padding: 31px 31px 21px; } + table.cart td.actions button { + margin: 0 15px 10px; + color: #010101; } + table.cart td.actions button:hover, table.cart td.actions button:focus { + background: #000; + color: #fff; } + +.cart-collaterals h5 { + padding: 12px 0; + border: 1px solid #f0f0f0; + text-align: center; + margin: 0; + letter-spacing: 0.2em; } +.cart-collaterals .cart-collaterals-inner { + padding: 22px; + margin-bottom: 30px; + border-bottom: 1px solid #f0f0f0; + border-left: 1px solid #f0f0f0; + border-right: 1px solid #f0f0f0; } + .cart-collaterals .cart-collaterals-inner p { + margin-bottom: 20px; + font-size: 14px; + line-height: 24px; } +.cart-collaterals .cart_totals table { + width: 100%; } + .cart-collaterals .cart_totals table tr.order-total td { + color: #000; } + .cart-collaterals .cart_totals table tr th, .cart-collaterals .cart_totals table tr td { + padding: 15px 0; + line-height: normal; + font-size: 14px; + color: #666; + font-weight: bold; } +.cart-collaterals .cart_totals .cart-collaterals-inner { + border-bottom: 1px solid #f0f0f0; + margin-bottom: 20px; } +.cart-collaterals .button-checkout { + text-align: center; + border: 1px solid #f0f0f0; + border-top: none; + padding: 20px; } +.cart-collaterals .coupon-form input { + margin-bottom: 20px; } +.cart-collaterals .shipping_calculator select { + font-size: 12px; + letter-spacing: 0.075em; } +.cart-collaterals .shipping_calculator .row { + margin-left: -10px; + margin-right: -10px; } + .cart-collaterals .shipping_calculator .row > div { + padding-right: 10px; + padding-left: 10px; } +.cart-collaterals .shipping_calculator button { + padding: 9px 0; + text-align: center; + width: 100%; + letter-spacing: 0.18em; } + +/* + * 15.6 Compare page + */ +table.compare tr td { + padding: 28px 22px; + border: 1px solid #eee; } + table.compare tr td.compare-title { + padding: 28px 20px; + background: #fafafa; + font-size: 14px; + font-family: "Roboto Slab", serif; + font-weight: bold; + letter-spacing: 0.075em; + color: #222; + min-width: 160px; } + table.compare tr td.product-thumbnail { + font-size: 14px; + font-family: "Roboto Slab", serif; + font-weight: bold; + letter-spacing: 0.075em; + color: #000; } + table.compare tr td.product-thumbnail a:hover { + text-decoration: underline; } + table.compare tr td.product-thumbnail img { + margin-right: 24px; + max-width: 100px; } + table.compare tr td.actions { + min-width: 326px; } + table.compare tr td .amount { + font-size: 14px; } + table.compare tr td .instock { + color: #6fd9e9; + font-weight: normal; } + table.compare tr td .outstock { + color: #8ec78e; + font-weight: normal; } + table.compare tr td .qty { + max-width: 60px; + text-align: center; } + table.compare tr td .add_to_wishlist { + width: 60px; + height: 48px; + border: 2px solid #e3e3e3; + text-align: center; + display: inline-block; + vertical-align: middle; } + table.compare tr td .add_to_wishlist i { + color: #999; + line-height: 44px; } + table.compare tr td .add_to_wishlist:hover { + border-color: #000; } + table.compare tr td .add_to_wishlist:hover i { + color: #000; } + table.compare tr td .add_to_cart_button { + float: left; + margin-right: 17px; } + +/* + * 15.7 My Account page + */ +#customer_login h5 { + border: 1px solid #f0f0f0; + letter-spacing: 0.2em; + margin: 0; + padding: 10px 0; + text-align: center; } +#customer_login form { + padding: 20px; + border: 1px solid #f0f0f0; + border-top: none; + margin-bottom: 30px; } + #customer_login form label { + font-size: 14px; + font-weight: normal; + line-height: normal; + margin-bottom: 10px; + letter-spacing: 0.075em; + display: block; } + #customer_login form label.inline { + display: inline-block; + margin-left: 10px; } + #customer_login form label .required { + color: #ff0000; } + #customer_login form .form-row { + margin-bottom: 20px; } + #customer_login form .lost_password { + margin: 0; } + +/* + * 15.8 QuickView + */ +.themedev-product-popup { + margin: 0 auto; + max-width: 600px; + position: relative; + overflow: hidden; } + .themedev-product-popup .close-quickview { + font-size: 18px; + line-height: 1.4; + position: absolute; + right: 30px; + top: 35px; } + .themedev-product-popup .close-quickview.mobile-version { + display: none; + height: 30px; + line-height: 30px; + right: 0; + text-align: center; + top: 0; + width: 30px; } + .themedev-product-popup .product-main { + background: #FFF; } + .themedev-product-popup .product-main .product-detail-images { + padding: 30px; + max-width: 600px; } + .themedev-product-popup .product-main .product-detail-thumbarea { + margin: 0; + padding: 0; } + .themedev-product-popup .product-main .product-details-info { + position: absolute; + padding: 35px 30px 30px; + visibility: hidden; + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; + -webkit-transition: all 0.2s ease-in-out 0s; + -khtml-transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + -ms-transition: all 0.2s ease-in-out 0s; + -o-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -webkit-transform: translate3d(-40px, 0, 0); + -khtml-transform: translate3d(-40px, 0, 0); + -moz-transform: translate3d(-40px, 0, 0); + -ms-transform: translate3d(-40px, 0, 0); + -o-transform: translate3d(-40px, 0, 0); + transform: translate3d(-40px, 0, 0); } + .themedev-product-popup.animate-width { + max-width: 1200px; } + .themedev-product-popup.add-content { + max-width: 1200px; } + .themedev-product-popup.add-content .product-detail-images { + width: 50%; + float: left; } + .themedev-product-popup.add-content .product-details-info { + position: relative; + visibility: visible; + opacity: 1; + float: left; + width: 50%; + -webkit-transform: translate3d(0, 0, 0); + -khtml-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + +/* ============================== + 16. Slideshow and owl carousel + ============================== */ +/* + * 16.1 Rev slider + */ +.rev_slider .product-attr { + text-align: center; } + .rev_slider .product-attr h4 { + font-size: 16px; + text-transform: none; + margin: 0 0 10px; } +.rev_slider .tp-loader.spinner0 { + background-color: #FFFFFF; } +.rev_slider .metis { + width: 50px; + height: 50px; + -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } + .rev_slider .metis.tparrows:before { + font-size: 15px; + line-height: 34px; + color: #999999; } + .rev_slider .metis.tparrows.tp-leftarrow:before { + font-family: FontAwesome; + content: ""; + font-style: normal; + font-weight: normal; } + .rev_slider .metis.tparrows.tp-rightarrow:before { + font-family: FontAwesome; + content: ""; + font-style: normal; + font-weight: normal; } +.rev_slider .ares .tp-bullet { + width: 7px; + height: 7px; + background: #d7d7d7; } + .rev_slider .ares .tp-bullet:hover, .rev_slider .ares .tp-bullet.selected { + background: #000000; } +.rev_slider .site-nav { + width: 46px; + background: none; + border: 2px solid #fff; } + .rev_slider .site-nav:hover:before { + -webkit-transform: scale(1.2); + -khtml-transform: scale(1.2); + -moz-transform: scale(1.2); + -ms-transform: scale(1.2); + -o-transform: scale(1.2); + transform: scale(1.2); } + .rev_slider .site-nav:before { + font-family: "icomoon"; + font-size: 18px; + line-height: 36px; + -webkit-transition: all 0.4s ease; + -khtml-transition: all 0.4s ease; + -moz-transition: all 0.4s ease; + -ms-transition: all 0.4s ease; + -o-transition: all 0.4s ease; + transition: all 0.4s ease; } + .rev_slider .site-nav.tp-rightarrow:before { + content: "\ebf9"; } + .rev_slider .site-nav.tp-leftarrow:before { + content: "\ea26"; } +.rev_slider .site-pagination .tp-bullet { + width: 7px; + height: 7px; + background: #999999; + -webkit-border-radius: 50%; + -khtml-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; } + .rev_slider .site-pagination .tp-bullet:hover, .rev_slider .site-pagination .tp-bullet.selected { + background: #ffffff; } + +/* + * 16.2 Owl Carousel + */ +.owl-carousel-kt { + margin-left: -15px; + margin-right: -15px; + margin-bottom: 50px; + position: relative; + cursor: url(../images/drag.png) 16 9, ew-resize !important; } + .owl-carousel-kt.no-gutters { + margin-left: 0; + margin-right: 0; } + .owl-carousel-kt.no-gutters .kt-owl-carousel .owl-item { + padding-left: 0; + padding-right: 0; } + .owl-carousel-kt.big-width .owl-carousel-kt-inner { + max-width: 1550px; + margin: 0 auto; } + .owl-carousel-kt .kt-owl-carousel .owl-item { + padding-left: 15px; + padding-right: 15px; } + .owl-carousel-kt.navigation-center .owl-buttons > div, .owl-carousel-kt.navigation-center-inner .owl-buttons > div { + position: absolute; + -webkit-transform: translateY(-50%); + -khtml-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + top: 50%; + font-size: 30px; + color: #000000; + width: 30px; + height: 30px; + line-height: 30px; + text-align: center; } + .owl-carousel-kt.navigation-center .owl-buttons > div.owl-prev { + left: -105px; } + .owl-carousel-kt.navigation-center .owl-buttons > div.owl-next { + right: -105px; } + .owl-carousel-kt.navigation-center-inner .owl-buttons > div { + color: #FFFFFF; } + .owl-carousel-kt.navigation-center-inner .owl-buttons > div.owl-prev { + left: 20px; } + .owl-carousel-kt.navigation-center-inner .owl-buttons > div.owl-next { + right: 20px; } + .owl-carousel-kt .owl-buttons { + filter: alpha(opacity=0); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + -ms-opacity: 0; + -o-opacity: 0; + opacity: 0; + -webkit-transition: all 1s ease; + -khtml-transition: all 1s ease; + -moz-transition: all 1s ease; + -ms-transition: all 1s ease; + -o-transition: all 1s ease; + transition: all 1s ease; } + .owl-carousel-kt .owl-buttons > div { + cursor: pointer; } + .owl-carousel-kt:hover .owl-buttons { + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; } + .owl-carousel-kt.visiable-navigation .owl-buttons { + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; } + .owl-carousel-kt.navigation-square-light .owl-buttons div { + -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + background: #FFFFFF; + color: #999999; + font-size: 18px; + height: 50px; + line-height: 50px; + width: 50px; } + .owl-carousel-kt.navigation-square-light.navigation-center-inner .owl-buttons > div.owl-prev { + left: 35px; } + .owl-carousel-kt.navigation-square-light.navigation-center-inner .owl-buttons > div.owl-next { + right: 35px; } + .owl-carousel-kt .owl-pagination { + text-align: center; + margin: 40px 0 0; } + .owl-carousel-kt .owl-pagination .owl-page { + background: #d7d7d7; + cursor: pointer; + height: 8px; + display: inline-block; + width: 8px; + margin: 0 7px; + -webkit-border-radius: 50%; + -khtml-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 0.2s ease-in-out 0s; + -khtml-transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + -ms-transition: all 0.2s ease-in-out 0s; + -o-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; } + .owl-carousel-kt .owl-pagination .owl-page:hover, .owl-carousel-kt .owl-pagination .owl-page.active { + background: #000000; } + .owl-carousel-kt.pagination-before .owl-pagination { + margin: 0 0 40px; } + +/* ============================== + 17. Popup Newletter + ============================== */ +#popup-wrap { + max-width: 900px; + background: #fff; + margin: 0 auto; + position: relative; } + #popup-wrap .mfp-close { + left: 100%; + background: #fff; + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; } + #popup-wrap .mfp-close:active { + top: 0; } + #popup-wrap .wrapper-newletter-popup { + padding: 50px 55px 35px 405px; + text-align: center; } + #popup-wrap .wrapper-newletter-popup .newsletters-form { + margin-top: 50px; } + #popup-wrap .wrapper-newletter-popup .bg-popup { + width: 350px; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: url(../images/bg-popup.png) no-repeat center center; + background-size: cover; } + +/* ============================== + 18. Back to Top + ============================== */ +#back-to-top { + width: 50px; + height: 50px; + background: #fff; + text-align: center; + position: fixed; + right: 30px; + bottom: 30px; + z-index: 100; + cursor: pointer; + display: none; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); + -khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); + -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); + -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); + -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); + color: #000000; } + #back-to-top i { + font-size: 18px; + line-height: 50px; + -webkit-transition: all 0.4s ease; + -khtml-transition: all 0.4s ease; + -moz-transition: all 0.4s ease; + -ms-transition: all 0.4s ease; + -o-transition: all 0.4s ease; + transition: all 0.4s ease; } + #back-to-top:hover i { + -webkit-transform: scale(1.5); + -khtml-transform: scale(1.5); + -moz-transform: scale(1.5); + -ms-transform: scale(1.5); + -o-transform: scale(1.5); + transform: scale(1.5); } + +/* ============================== + 19. Main content + ============================== */ +/* + * 19.1 About page + */ +.about-left { + margin-left: 30px; + margin-bottom: 30px; } + +/* + * 19.2 Contact page + */ +.contact-details { + background: #f6f6f6; + padding: 65px 35px; + margin-bottom: 30px; + color: #999999; } + .contact-details p { + line-height: 36px; + margin-bottom: 40px; } + .contact-details .social-nav li a { + color: #999999; } + .contact-details .social-nav li a:hover { + color: #000000; } + +.contactform { + margin-bottom: 30px; } + .contactform h4 { + margin-bottom: 30px; } + .contactform input[type="text"], + .contactform textarea { + padding: 15px 0; + line-height: normal; + border: none; + border-bottom: 2px solid #e3e3e3; + height: auto; } + .contactform input[type="text"]:focus, + .contactform textarea:focus { + border-color: #999999; } + .contactform textarea { + width: 100% !important; } + +/* + * 19.3 404 page + */ +.wrapper-404 { + background: #f6f6f6; + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 1; } + +#error404 { + text-align: center; + position: absolute; + max-width: 100%; + top: 50%; + left: 50%; + position: absolute; + -webkit-transform: translate(-50%, -50%); + -khtml-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + top: 50%; + left: 50%; + padding: 0 20px; + z-index: 2; } + #error404 h1 { + font-family: "Vollkorn", serif; + font-size: 200px; + font-style: italic; + line-height: 200px; + margin-bottom: 25px; + letter-spacing: 0; + font-weight: 400; } + #error404 h4 { + font-size: 16px; + font-family: "Karla", arial, sans-serif; + color: #999; + text-transform: none; + margin-bottom: 30px; + font-weight: 400; } + #error404 p a { + color: #74cdd7; } + #error404 p a i { + font-size: 20px; + vertical-align: middle; + margin-left: 15px; } + +/*# sourceMappingURL=style.css.map */ + + +.box { + background:#fff; + transition:all 0.2s ease; + border:1px dashed #dadada; + margin-top: 10px; + box-sizing: border-box; + background-clip: padding-box; + padding:0 10px 10px 10px; + min-height:300px; +} + +.box:hover { + border:1px solid #f15d35; + background: #fefefe; +} + +.box span.box-title { + color: #fff; + font-size: 16px; + font-weight: 300; + text-transform: uppercase; +} + +.box .box-content { + padding: 15px; + background-clip: padding-box; + box-sizing: border-box; +} +.box .box-content p { + color:#515c66; + text-transform:none; +} + + +.rst-post-container { + padding: 110px 0 0; +} + +.rst-category { + border: 1px solid #f0f1f2; + float: left; + margin: -1px 0 0 -1px; + padding: 30px 30px 40px; + width: 33.3332%; +} +.rst-category li { + margin: 0 0 22px; + list-style: none; +} +.rst-category li a { + color: #1c2633; + opacity: 0.5; + -webkit-transition: opacity 0.3s ease-out; + -moz-transition: opacity 0.3s ease-out; + -ms-transition: opacity 0.3s ease-out; + -o-transition: opacity 0.3s ease-out; + transition: opacity 0.3s ease-out; +} +.rst-category li a:hover, +.rst-category li a:hover i +{ + opacity: 1; + -webkit-transition: opacity 0.3s ease-out; + -moz-transition: opacity 0.3s ease-out; + -ms-transition: opacity 0.3s ease-out; + -o-transition: opacity 0.3s ease-out; + transition: opacity 0.3s ease-out; +} +.rst-category li a i { + color: #9b79d2; + display: inline-block; + font-size: 16px; + font-weight: bold; + margin: 2px 0 0 5px; + opacity: 0; + vertical-align: top; +} +.rst-category li a img +{ + display: inline-block; + margin: -3px 10px 0 0; + vertical-align: middle; +} +.rst-category h4 span { + background: #f8f9fb none repeat scroll 0 0; + border-radius: 30px; + color: #233141; + display: inline-block; + font-size: 14px; + margin: -2px 0 0 10px; + padding: 6px 15px; + vertical-align: top; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.rst-category h4 a { + color: #233141; +} +.rst-category h4 a:hover span +{ + background: #9b79d2; + color: #fff; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.rst-cat-list .rst-single-content h2 { + margin: 0 0 20px; +} +.rst-cat-list .rst-single-content { + border-bottom: 1px solid #f0f2f1; + margin: 0 0 35px; + padding: 0 0 24px; +} +.rst-cat-list .rst-single-content h2 a +{ + color: #233141; +} + +/* Page navigation */ +.rst-page ul { + padding: 0 60px; + position: relative; +} +.rst-page li { + display: inline-block; + margin: 4px; +} +.rst-page li a { + border-radius: 50%; + color: #a8b3bf; + display: block; + font-family: Montserrat; + height: 42px; + padding: 11px 0; + width: 42px; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.rst-page li:first-child +{ + position: absolute; + top: 0; + left: -18px; +} +.rst-page li:last-child +{ + position: absolute; + top: 0; + right: -18px; +} +.rst-page li a:hover +{ + color: #fff; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.rst-page li.active a +{ + color: #fff; +} + +.rst-post-container { + padding: 30px 0 0; +} +@media (max-width: 1170px){ +.rst-category {width: 50%;} +.rst-category h3 span {line-height: normal;margin: 0 0 0 10px;} +.rst-category h3{line-height: 35px;} +.rst-category {width: 100%;} +} +h3.widget-title.side-nav {margin-top: 20px;} +.dash-page{padding:10px 0px!important;} +.no-border{border:none;} +.val_err p{color:#ff0000;margin-bottom:0px;} +.container-padd{padding-right: 20px;padding-left: 20px;margin-right: 0px;margin-left: 0px;} +@media (min-width: 1200px){ +.container-padd{width:100%!important;} +} +.col-md-12.logos {margin-bottom: 36px;} + + +/* 1. Styles for devices(<=1300px) */ +@media (max-width: 1300px) { + #footer-area .footer-area-inner { + padding: 55px 40px 40px; } + #footer-area .footer-area-right { + padding: 50px 45px; } } +/* 5. Styles for devices(>=1200px) */ +@media (min-width: 1200px) { + .side-bar .widget-container { + margin-right: 25px; } + .side-bar.side-bar-right .widget-container { + margin-left: 25px; + margin-right: 0; } + + .product-main .product-detail-thumbarea { + padding-right: 45px; } + .product-main.style3 .product-detail-thumbarea { + margin-right: 45px; } + + .product-content .cd-item-wrapper li { + cursor: pointer; } + .product-content .cd-item-wrapper li.focus-on-left { + -webkit-transform: translateX(3%) scale(1); + -khtml-transform: translateX(3%) scale(1); + -moz-transform: translateX(3%) scale(1); + -ms-transform: translateX(3%) scale(1); + -o-transform: translateX(3%) scale(1); + transform: translateX(3%) scale(1); } + .product-content .cd-item-wrapper li.focus-on-left.move-right { + -webkit-transform: translateX(75%) scale(0.5); + -khtml-transform: translateX(75%) scale(0.5); + -moz-transform: translateX(75%) scale(0.5); + -ms-transform: translateX(75%) scale(0.5); + -o-transform: translateX(75%) scale(0.5); + transform: translateX(75%) scale(0.5); } + .product-content .cd-item-wrapper li.focus-on-right { + -webkit-transform: translateX(-3%) scale(1); + -khtml-transform: translateX(-3%) scale(1); + -moz-transform: translateX(-3%) scale(1); + -ms-transform: translateX(-3%) scale(1); + -o-transform: translateX(-3%) scale(1); + transform: translateX(-3%) scale(1); } + .product-content .cd-item-wrapper li.focus-on-right.move-left { + -webkit-transform: translateX(-75%) scale(0.5); + -khtml-transform: translateX(-75%) scale(0.5); + -moz-transform: translateX(-75%) scale(0.5); + -ms-transform: translateX(-75%) scale(0.5); + -o-transform: translateX(-75%) scale(0.5); + transform: translateX(-75%) scale(0.5); } + .product-content .cd-item-wrapper li.hover.move-left { + -webkit-transform: translateX(-70%) scale(0.65); + -khtml-transform: translateX(-70%) scale(0.65); + -moz-transform: translateX(-70%) scale(0.65); + -ms-transform: translateX(-70%) scale(0.65); + -o-transform: translateX(-70%) scale(0.65); + transform: translateX(-70%) scale(0.65); } + .product-content .cd-item-wrapper li.hover.move-right { + -webkit-transform: translateX(70%) scale(0.65); + -khtml-transform: translateX(70%) scale(0.65); + -moz-transform: translateX(70%) scale(0.65); + -ms-transform: translateX(70%) scale(0.65); + -o-transform: translateX(70%) scale(0.65); + transform: translateX(70%) scale(0.65); } } +/* 8. Styles for devices(<=1199px) */ +@media (max-width: 1199px) { + .sticky-placeholder, + .topbar { + display: none; } + + #header.header-full-center.navigation-center .branding { + position: static; + text-align: center; + float: none; + display: block; } + #header.header-full-center .navbar-container { + padding: 0 15px; } + + .navbar-container .is-sticky { + position: static !important; } + .navbar-container .navbar-container-inner { + height: 80px; + line-height: 80px; } + .navbar-container .main-nav { + display: none; } + .navbar-container .branding h1 { + line-height: 80px; + font-size: 20px; } + + .mobile-tool { + display: block; } + + .products.products-multi-masonry .product .product-details { + display: none; } + + .product-main form.cart .cart-tool { + clear: both; + float: none; + padding-top: 20px; } + .product-main form.cart .cart-tool > a:first-child { + margin-left: 0; } + .product-main .product-shareit .social_icons li { + width: auto; } + .product-main .product-shareit .social_icons li a { + padding: 15px 25px; } + .product-main .product-shareit .social_icons li a span { + display: none; } + .product-main .product-shareit .social_icons li a i { + display: inline; } + .product-main.style2 .product-detail-wrap { + padding: 40px 0; } + + .single-post .share-it .social_icons li a { + padding: 15px 25px; } + .single-post .share-it .social_icons li a span { + display: none; } + .single-post .share-it .social_icons li a i { + display: block; } + + .themedev-product-popup { + max-width: 485px; } + .themedev-product-popup .product-main .product-detail-images { + max-width: 485px; } + .themedev-product-popup.animate-width { + max-width: 970px; } + .themedev-product-popup.add-content { + max-width: 970px; } } +/* 4. Styles for devices(<=991px ) */ +@media (max-width: 991px) { + .page-section { + background-attachment: inherit; } + + .product-main.style2 .product-detail-wrap, .product-main.style3 .product-detail-wrap { + max-width: none; + padding: 40px 15px; } + + .page-header { + text-align: center; } + .page-header .text-right { + text-align: center; } + + .products-tools .products-sortby .select-icon { + margin-right: 15px; } + .products-tools .products-sortby .select-icon:last-child { + margin-right: 0; } + .products-tools .result-count {/* display: none; */ float: left;} + .products-tools .grid-list {margin-right: 10; } + + .themedev-product-popup { + max-width: none; + margin: 10px; } + .themedev-product-popup .product-main .product-details-info, + .themedev-product-popup .product-main .product-detail-images { + max-width: none; + float: none; + width: auto; + position: static; } + .themedev-product-popup.animate-width { + max-width: none; + float: none; + width: auto; } + .themedev-product-popup .close-quickview { + display: none; } + .themedev-product-popup .close-quickview.mobile-version { + display: block; } + + .cart-collaterals .shipping_calculator button { + margin-top: 15px; } + + #popup-wrap .mfp-close { + left: auto; + right: 0; } + + .products.lists .product .product-content { + margin-right: 30px; } + .products.lists .product h3.product-title { + margin-top: 0; } } +/* 5. Styles for devices(>=768px and <= 991px) */ +/* 6. Styles for devices(<=767px ) */ +@media (max-width: 767px) { + .products.products-multi-masonry .product { + width: 50%; } + .products.products-multi-masonry .product .product-thumbnail { + height: auto !important; } + + .product-list-widget .product-title { + margin-top: 30px; } + + .kt_callout .kt-col { + display: block; + padding: 0 0 20px; + text-align: center !important; + width: 100%; } + + form.checkout .coupon_wrap .coupon-form { + padding: 0; } + form.checkout .coupon_wrap .coupon-form input.submit { + position: static; + margin-top: 10px; } + + .table-responsive { + border-color: #f0f0f0; } + + .woocommerce-tabs .nav { + padding: 0; } + .woocommerce-tabs .nav li { + width: 100%; + margin: 0; + padding: 15px 0; + border-top: 2px solid #e3e3e3; } + .woocommerce-tabs .shop_attributes { + width: 100%; } + + .side-bar { + margin-top: 0px; + } + + .about-left { + margin-left: 0; } + + #popup-wrap .wrapper-newletter-popup { + padding-left: 200px; } + #popup-wrap .wrapper-newletter-popup .bg-popup { + width: 200px; } + + .products.lists .product { + text-align: center; } + .products.lists .product .product-content { + max-width: 100%; + width: 100%; + margin: 0 0 30px; } + .products.lists .product .product-content img { + width: 100%; } + .products.lists .product .product-attribute { + margin: 0; } } +/* 7. Styles for devices(>=481px and <= 767px) */ +/* 8. Styles for devices(<=480px ) */ +@media (max-width: 480px) { + .products .product { + width: 100% !important; } + + .product-list-widget .product-widget { + width: 100%; } + + .product-main .product-price-wrap .review-summary { + clear: both; + display: block; + float: none; + margin: 0; + padding-top: 10px; } + .product-main form.cart .quantity input { + float: none; + margin-bottom: 20px; } + + .products-tools .products-sortby .select-icon { + margin-right: 10px; } + .products-tools .products-sortby .select-icon:last-child { + margin-right: 0; } + .products-tools .grid-list { + display: none; } + + .collection-wrapper { + margin: 30px 0; } + .collection-wrapper .left-collection, + .collection-wrapper .right-collection { + margin-bottom: 15px; + position: static; + width: auto; } + .collection-wrapper .front-collection { + margin: 0; } + .collection-wrapper .collection-image { + margin-bottom: 30px; } + .collection-wrapper .collection-content { + width: auto; } + + .category-banner .category-banner-content h1 { + font-size: 30px; + margin-bottom: 30px; } + .category-banner:hover ul { + margin-bottom: 30px; } + + .kt-tab-container .tabs li { + width: 100%; + margin: 0; } + + #popup-wrap .wrapper-newletter-popup { + padding: 20px; } + #popup-wrap .wrapper-newletter-popup .bg-popup { + display: none; } + + .banner .banner-content { + padding: 30px 35px; } + + form.checkout .coupon_wrap .coupon-form input.submit { + width: 100%; } + + .cart-collaterals .cart-collaterals-inner button.btn-medium { + width: 100%; } + + #review_form .comment-form-rating, #review_form .form-submit { + display: block; + margin-right: 0; + margin-left: 0; } + #review_form .comment-form-rating .stars { + width: 100%; } + #review_form .form-submit input { + width: 100%; } } +/* 9. Styles for devices(<=320px ) */ + +/*# sourceMappingURL=responsive.css.map */ + + +/* 1. multi-columns-row.css +-----------------------------------------------------------------------------------------------*/ +.multi-columns-row .col-xs-1:nth-child(12n+13),.multi-columns-row .col-xs-2:nth-child(6n+7),.multi-columns-row .col-xs-3:nth-child(4n+5),.multi-columns-row .col-xs-4:nth-child(3n+4),.multi-columns-row .col-xs-6:nth-child(2n+3),.multi-columns-row .first-in-row{clear:left}@media (min-width:768px){.multi-columns-row .col-xs-1:nth-child(12n+13),.multi-columns-row .col-xs-2:nth-child(6n+7),.multi-columns-row .col-xs-3:nth-child(4n+5),.multi-columns-row .col-xs-4:nth-child(3n+4),.multi-columns-row .col-xs-6:nth-child(2n+3){clear:none}.multi-columns-row .col-sm-1:nth-child(12n+13),.multi-columns-row .col-sm-2:nth-child(6n+7),.multi-columns-row .col-sm-3:nth-child(4n+5),.multi-columns-row .col-sm-4:nth-child(3n+4),.multi-columns-row .col-sm-6:nth-child(2n+3){clear:left}}@media (min-width:992px){.multi-columns-row .col-sm-1:nth-child(12n+13),.multi-columns-row .col-sm-2:nth-child(6n+7),.multi-columns-row .col-sm-3:nth-child(4n+5),.multi-columns-row .col-sm-4:nth-child(3n+4),.multi-columns-row .col-sm-6:nth-child(2n+3){clear:none}.multi-columns-row .col-md-1:nth-child(12n+13),.multi-columns-row .col-md-2:nth-child(6n+7),.multi-columns-row .col-md-3:nth-child(4n+5),.multi-columns-row .col-md-4:nth-child(3n+4),.multi-columns-row .col-md-6:nth-child(2n+3){clear:left}}@media (min-width:1200px){.multi-columns-row .col-md-1:nth-child(12n+13),.multi-columns-row .col-md-2:nth-child(6n+7),.multi-columns-row .col-md-3:nth-child(4n+5),.multi-columns-row .col-md-4:nth-child(3n+4),.multi-columns-row .col-md-6:nth-child(2n+3){clear:none}.multi-columns-row .col-lg-1:nth-child(12n+13),.multi-columns-row .col-lg-2:nth-child(6n+7),.multi-columns-row .col-lg-3:nth-child(4n+5),.multi-columns-row .col-lg-4:nth-child(3n+4),.multi-columns-row .col-lg-6:nth-child(2n+3){clear:left}} +.owl-item .item a {color: #fff;} + + +/* 2. animate.min.css +-----------------------------------------------------------------------------------------------*/ +.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} + +/* 3. magnific-popup.css +-----------------------------------------------------------------------------------------------*/ +.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0} +.mfp-zoom-in .mfp-with-anim{opacity:0;transition:all .2s ease-in-out;transform:scale(.8)}.mfp-zoom-in.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-in.mfp-removing .mfp-with-anim{transform:scale(.8);opacity:0}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-newspaper .mfp-with-anim{opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .5s;transform:scale(0) rotate(500deg)}.mfp-newspaper.mfp-bg{opacity:0;transition:all .5s}.mfp-newspaper.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1) rotate(0)}.mfp-newspaper.mfp-ready.mfp-bg{opacity:.8}.mfp-newspaper.mfp-removing .mfp-with-anim{transform:scale(0) rotate(500deg);opacity:0}.mfp-newspaper.mfp-removing.mfp-bg{opacity:0}.mfp-move-horizontal .mfp-with-anim{opacity:0;transition:all .3s;transform:translateX(-50px)}.mfp-move-horizontal.mfp-bg{opacity:0;transition:all .3s}.mfp-move-horizontal.mfp-ready .mfp-with-anim{opacity:1;transform:translateX(0)}.mfp-move-horizontal.mfp-ready.mfp-bg{opacity:.8}.mfp-move-horizontal.mfp-removing .mfp-with-anim{transform:translateX(50px);opacity:0}.mfp-move-horizontal.mfp-removing.mfp-bg{opacity:0}.mfp-move-from-top .mfp-content{vertical-align:top}.mfp-move-from-top .mfp-with-anim{opacity:0;transition:all .2s;transform:translateY(-100px)}.mfp-move-from-top.mfp-bg{opacity:0;transition:all .2s}.mfp-move-from-top.mfp-ready .mfp-with-anim{opacity:1;transform:translateY(0)}.mfp-move-from-top.mfp-ready.mfp-bg{opacity:.8}.mfp-move-from-top.mfp-removing .mfp-with-anim{transform:translateY(-50px);opacity:0}.mfp-move-from-top.mfp-removing.mfp-bg{opacity:0}.mfp-3d-unfold .mfp-content{perspective:2000px}.mfp-3d-unfold .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg)}.mfp-3d-unfold.mfp-bg{opacity:0;transition:all .5s}.mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;transform:rotateY(0)}.mfp-3d-unfold.mfp-ready.mfp-bg{opacity:.8}.mfp-3d-unfold.mfp-removing .mfp-with-anim{transform:rotateY(60deg);opacity:0}.mfp-3d-unfold.mfp-removing.mfp-bg{opacity:0}.mfp-zoom-out .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;transform:scale(1.3)}.mfp-zoom-out.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-out.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-out.mfp-removing .mfp-with-anim{transform:scale(1.3);opacity:0}.mfp-zoom-out.mfp-removing.mfp-bg{opacity:0}.mfp-3d-unfold .mfp-iframe-scaler,.mfp-move-from-top .mfp-iframe-scaler,.mfp-move-horizontal .mfp-iframe-scaler,.mfp-newspaper .mfp-iframe-scaler,.mfp-zoom-in .mfp-iframe-scaler,.mfp-zoom-out .mfp-iframe-scaler{overflow:visible} + +/* 4. Owl carousel +-----------------------------------------------------------------------------------------------*/ +.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left;text-align:center;}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-item .item {padding: 30px 0px;margin: 10px;background: #3fbf79; color: #fff;}.owl-theme .owl-controls .owl-buttons div {position: absolute;}.owl-theme .owl-controls .owl-buttons .owl-prev{left: -45px;top: 25px;}.owl-theme .owl-controls .owl-buttons .owl-next{right: -45px;top: 25px;}.owl-theme .owl-controls .owl-buttons div {color: #FFF;display: inline-block;zoom: 1;margin: 5px;font-size: 12px;border-radius: 0px;background: #869791;opacity: 0.5;}.icon-chevron-left {background-position: -424px -65px;}.icon-chevron-right {background-position: -448px -64px;} +.icon-white{background-image: url("../images/glyphicons-halflings-white.png");display: inline-block; width: 30px;height: 30px;line-height: 14px;vertical-align: text-top;background-repeat: no-repeat;}.item.active-link {background: #869791;} + +/* 5. Easyzoom +-----------------------------------------------------------------------------------------------*/ +.easyzoom{position:relative;display:block}.easyzoom-flyout,.easyzoom-notice{position:absolute;background:#FFF}.easyzoom img{vertical-align:bottom}.easyzoom.is-loading img{cursor:progress}.easyzoom.is-ready img{cursor:crosshair}.easyzoom.is-error img{cursor:not-allowed}.easyzoom-notice{top:50%;left:50%;z-index:150;width:10em;margin:-1em 0 0 -5em;line-height:2em;text-align:center;box-shadow:0 0 10px #888}.easyzoom-flyout{z-index:100;overflow:hidden}.easyzoom--overlay .easyzoom-flyout{top:0;left:0;width:100%;height:100%}.easyzoom--adjacent .easyzoom-flyout{top:0;left:100%;width:100%;height:100%;margin-left:20px} + +/* + * Common Spacing and Padding Style File + */ +.mar-top { + margin-top: 90px; } + +.mar-bottom { + margin-bottom: 90px; } + +.mar-xlg { + margin: 360px 0; } + +.mar-top-xlg { + margin-top: 360px; } + +.mar-bottom-xlg { + margin-bottom: 360px; } + +.mar-lg { + margin: 150px 0; } + +.mar-top-lg { + margin-top: 150px; } + +.mar-bottom-lg { + margin-bottom: 150px; } + +.pad-top { + padding-top: 190px; } + +.pad-bottom { + padding-bottom: 190px; } + +.pad-xlg { + padding: 360px 0; } + +.pad-top-xlg { + padding-top: 360px; } + +.pad-bottom-xlg { + padding-bottom: 360px; } + +.pad-lg { + padding: 150px 0; } + +.pad-top-lg { + padding-top: 150px; } + +.pad-bottom-lg { + padding-bottom: 150px; } + +.mar-top-5 { + margin-top: 5px; } + +.mar-bottom-5 { + margin-bottom: 5px; } + +.pad-top-5 { + padding-top: 5px; } + +.pad-bottom-5 { + padding-bottom: 5px; } + +.mar-top-10 { + margin-top: 10px; } + +.mar-bottom-10 { + margin-bottom: 10px; } + +.pad-top-10 { + padding-top: 10px; } + +.pad-bottom-10 { + padding-bottom: 10px; } + +.mar-top-15 { + margin-top: 15px; } + +.mar-bottom-15 { + margin-bottom: 15px; } + +.pad-top-15 { + padding-top: 15px; } + +.pad-bottom-15 { + padding-bottom: 15px; } + +.mar-top-20 { + margin-top: 20px; } + +.mar-bottom-20 { + margin-bottom: 20px; } + +.pad-top-20 { + padding-top: 20px; } + +.pad-bottom-20 { + padding-bottom: 20px; } + +.mar-top-30 { + margin-top: 30px; } + +.mar-bottom-30 { + margin-bottom: 30px; } + +.pad-top-30 { + padding-top: 30px; } + +.pad-bottom-30 { + padding-bottom: 30px; } + +.mar-top-35 { + margin-top: 35px; } + +.mar-bottom-35 { + margin-bottom: 35px; } + +.pad-top-35 { + padding-top: 35px; } + +.pad-bottom-35 { + padding-bottom: 35px; } + +.mar-top-40 { + margin-top: 40px; } + +.mar-bottom-40 { + margin-bottom: 40px; } + +.pad-top-40 { + padding-top: 40px; } + +.pad-bottom-40 { + padding-bottom: 40px; } + +.mar-top-50 { + margin-top: 50px; } + +.mar-bottom-50 { + margin-bottom: 50px; } + +.pad-top-50 { + padding-top: 50px; } + +.pad-bottom-50 { + padding-bottom: 50px; } + +.mar-top-60 { + margin-top: 60px; } + +.mar-bottom-60 { + margin-bottom: 60px; } + +.pad-top-60 { + padding-top: 60px; } + +.pad-bottom-60 { + padding-bottom: 60px; } + +.mar-top-70 { + margin-top: 70px; } + +.mar-bottom-70 { + margin-bottom: 70px; } + +.pad-top-70 { + padding-top: 70px; } + +.pad-bottom-70 { + padding-bottom: 70px; } + +.mar-top-80 { + margin-top: 80px; } + +.mar-bottom-80 { + margin-bottom: 80px; } + +.pad-top-80 { + padding-top: 80px; } + +.pad-bottom-80 { + padding-bottom: 80px; } + +.mar-top-90 { + margin-top: 90px; } + +.mar-bottom-90 { + margin-bottom: 90px; } + +.pad-top-90 { + padding-top: 90px; } + +.pad-bottom-90 { + padding-bottom: 90px; } + +.remove-mar-top { + margin-top: 0 !important; } + +.remove-mar-bottom { + margin-bottom: 0 !important; } + +.no-margin { + margin: 0 !important; } + +.remove-pad-top { + padding-top: 0 !important; } + +.remove-pad-bottom { + padding-bottom: 0 !important; } + +.no-padding { + padding: 0 !important; } \ No newline at end of file --- 'a/doc.php' +++ b/doc.php @@ -116,18 +116,16 @@ $dataI = json_decode($issuedNew[1], TRUE
- + -
- +
- '; echo($api_detail['name']); } - if ($api_detail['type'] == "file") { echo " - --- 'a/footer.php' +++ b/footer.php @@ -1,43 +1,35 @@
-
--- 'a/header.php' +++ b/header.php @@ -11,6 +11,7 @@ +
- +
+
Name Size Date URI
"; echo ''; @@ -154,11 +151,9 @@ $dataI = json_decode($issuedNew[1], TRUE ?> -