in footer (only one right now) */
}
body .calendar tfoot .ttip {
/* Tooltip (status bar) cell | */
background: #f4f0e8;
padding: 1px;
border: 1px solid #efefef;
background: #fff;
color: #000;
text-align: center;
}
body .calendar tfoot .hilite {
/* Hover style for buttons in footer */
border: 0 none;
padding: 1px;
background: #e4e0d8;
}
body .calendar tfoot .active {
/* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border: 0 none;
}
body .calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border: 0 none;
background: #e4e0d8;
font-size: 90%;
padding: 1px;
z-index: 100;
}
body .calendar .combo .label,
body .calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
body .calendar .combo .label-IEfix {
width: 4em;
}
body .calendar .combo .active {
background: #c4c0b8;
padding: 0px;
border: 0 none;
}
body .calendar .combo .hilite {
background: #048;
color: #fea;
}
body .calendar td.time {
border-top: 1px solid #efefef;
padding: 1px 0px;
text-align: center;
background-color: #f4f0e8;
}
body .calendar td.time .hour,
body .calendar td.time .minute,
body .calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}
body .calendar td.time .ampm {
text-align: center;
}
body .calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
body .calendar td.time span.hilite {
border-color: #000;
background-color: #766;
color: #fff;
}
body .calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
.c-modal.sizechart#s-modal:before {
height: auto;
}
.c-modal.sizechart#s-modal .modal-dialog {
width: 800px;
max-width: 100%;
}
.c-modal.sizechart#s-modal .modal-dialog .mesurement-table {
margin-bottom: 30px;
}
.c-modal.sizechart#s-modal .modal-dialog .mesurement-table .mobile-table {
display: none;
}
@media only screen and (max-width: 599px) {
.c-modal.sizechart#s-modal .modal-dialog .mesurement-table .large-table {
display: none;
}
.c-modal.sizechart#s-modal .modal-dialog .mesurement-table .mobile-table {
display: table;
text-align: left;
}
.c-modal.sizechart#s-modal .modal-dialog .mesurement-table .mobile-table tr td .measure_type {
width: 50%;
}
}
.c-modal.sizechart#s-modal .modal-dialog .measurement-description p {
color: #000;
}
.c-modal.sizechart#s-modal .modal-dialog .measurement-description ul {
width: 100%;
padding-left: 50%;
position: relative;
text-align: left;
min-height: 440px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: auto 400px;
}
.c-modal.sizechart#s-modal .modal-dialog .measurement-description ul li h4 {
border-bottom: 1px solid #CCCCCC;
margin: 0;
height: 40px;
line-height: 45px;
background-image: url(https://novaocto.com/skin/frontend/rwd/novaocto/images/down-icon.svg);
background-size: 13px auto;
background-position: 97% center;
background-repeat: no-repeat;
}
.c-modal.sizechart#s-modal .modal-dialog .measurement-description ul li h4.active {
background-image: url(https://novaocto.com/skin/frontend/rwd/novaocto/images/up-icon.svg);
}
.c-modal.sizechart#s-modal .modal-dialog .measurement-description ul li .content {
height: 0;
overflow: hidden;
transition: height .3s ease;
margin-bottom: 0;
}
.c-modal.sizechart#s-modal .modal-dialog .measurement-description ul li:first-child h4 {
border-top: 1px solid #CCCCCC;
}
.c-modal.sizechart#s-modal .modal-dialog .measurement-description ul li.size-selector {
padding-top: 10px;
padding-bottom: 20px;
}
.c-modal.sizechart#s-modal .modal-dialog .measurement-description ul li #selectSize {
width: 100%;
}
.c-modal.sizechart#s-modal .modal-dialog .measurement-description ul li.img-holder {
position: absolute;
left: 0;
top: 0;
width: 45%;
height: 400px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: auto 400px;
}
.c-modal.sizechart#s-modal .modal-dialog .measurement-description ul li.img-holder .size-info {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
height: 40px;
line-height: 40px;
display: block;
background: #C2B6B1;
color: #fff;
padding: 0 15px;
}
@media only screen and (max-width: 599px) {
.c-modal.sizechart#s-modal .modal-dialog .measurement-description ul {
padding-left: 0;
padding-top: 400px;
background-position: center top;
}
.c-modal.sizechart#s-modal .modal-dialog .measurement-description ul li.img-holder {
width: 100%;
background-position: center top;
background-size: auto 400px;
}
}
/*# sourceMappingURL=madisonisland.css.map */
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('https://novaocto.com/skin/frontend/rwd/novaocto/fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('https://novaocto.com/skin/frontend/rwd/novaocto/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://novaocto.com/skin/frontend/rwd/novaocto/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://novaocto.com/skin/frontend/rwd/novaocto/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://novaocto.com/skin/frontend/rwd/novaocto/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://novaocto.com/skin/frontend/rwd/novaocto/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
font-display: fallback;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-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)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}/*# sourceMappingURL=slick.min.css.map */
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.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 {
from, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.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;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.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 {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.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 {
from, 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 {
from, 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;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.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 {
from {
-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;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, 100% {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, 100% {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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 {
from, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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-keyframes bounceInDown {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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 {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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 {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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 {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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 {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
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-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 {
from {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
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 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
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 {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
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 {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
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 {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
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 {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
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 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
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 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
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 {
from {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
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 {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
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 {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
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 {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
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 {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
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 {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
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 {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
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 {
from {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
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 {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.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 {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.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 {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
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 {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
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 {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
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-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
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-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
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 {
from {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
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 {
from {
-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 {
from {
-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 {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
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 {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
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 {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
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 {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
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 {
from {
-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 {
from {
-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 {
from {
-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 {
from {
-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 {
from {
-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 {
from {
-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 {
from {
-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 {
from {
-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 {
from {
-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 {
from {
-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;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
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 {
from {
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 {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
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 {
from {
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.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
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.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
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.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
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.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
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.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
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.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
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.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
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.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
from {
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.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/* */
.panWrapper {position:fixed; width:100%; height:100%; overflow:hidden;background-color: #fff;; z-index:100; left:0; top:0; display:none; cursor:move;}
.panWrapper * {-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;}
.panWrapper a.controls {background-size:100%; width:32px; height:32px; display:block; position:absolute; left:50%; z-index:2; bottom:30px; cursor:pointer;}
.panWrapper a.controls.in{background-image:url('https://novaocto.com/skin/frontend/rwd/novaocto/css/img/zoomIn.png'); margin-left:-30px;}
.panWrapper a.controls.out{background-image:url('https://novaocto.com/skin/frontend/rwd/novaocto/css/img/zoomOut.png'); margin-left:30px;}
.panWrapper a.controls.close{background-image:url('https://novaocto.com/skin/frontend/rwd/novaocto/css/img/close.png'); left:auto; right:30px; top:30px;}
.panWrapper .loading{z-index:3; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; width:100px; height:100px; background-image:url(https://novaocto.com/skin/frontend/rwd/novaocto/css/img/loading.gif); background-repeat:no-repeat; background-size:100%; display:block;}
.tooltipster-default{border-radius:5px;border:2px solid #000;background:#4c4c4c;color:#fff}.tooltipster-default .tooltipster-content{font-family:Arial,sans-serif;font-size:14px;line-height:16px;padding:8px 10px;overflow:hidden}.tooltipster-icon{cursor:help;margin-left:4px}.tooltipster-base{padding:0;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:9999999;pointer-events:none;width:auto;overflow:visible}.tooltipster-base .tooltipster-content{overflow:hidden}.tooltipster-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.tooltipster-arrow span,.tooltipster-arrow-border{display:block;width:0;height:0;position:absolute}.tooltipster-arrow-top span,.tooltipster-arrow-top-right span,.tooltipster-arrow-top-left span{border-left:8px solid transparent !important;border-right:8px solid transparent !important;border-top:8px solid;bottom:-7px}.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{border-left:9px solid transparent !important;border-right:9px solid transparent !important;border-top:9px solid;bottom:-7px}.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-right span,.tooltipster-arrow-bottom-left span{border-left:8px solid transparent !important;border-right:8px solid transparent !important;border-bottom:8px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border{border-left:9px solid transparent !important;border-right:9px solid transparent !important;border-bottom:9px solid;top:-7px}.tooltipster-arrow-top span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom .tooltipster-arrow-border{left:0;right:0;margin:0 auto}.tooltipster-arrow-top-left span,.tooltipster-arrow-bottom-left span{left:6px}.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border{left:5px}.tooltipster-arrow-top-right span,.tooltipster-arrow-bottom-right span{right:6px}.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border{right:5px}.tooltipster-arrow-left span,.tooltipster-arrow-left .tooltipster-arrow-border{border-top:8px solid transparent !important;border-bottom:8px solid transparent !important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px}.tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent !important;border-bottom:9px solid transparent !important;border-left:9px solid;margin-top:-8px}.tooltipster-arrow-right span,.tooltipster-arrow-right .tooltipster-arrow-border{border-top:8px solid transparent !important;border-bottom:8px solid transparent !important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px}.tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent !important;border-bottom:9px solid transparent !important;border-right:9px solid;margin-top:-8px}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-moz-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-ms-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(0.230,0.635,0.495,1);-webkit-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);-moz-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);-ms-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);-o-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4)}.tooltipster-fall{top:0;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-moz-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-ms-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15)}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0 !important;opacity:0}.tooltipster-slide{left:-40px;-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-moz-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-ms-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15)}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0 !important;opacity:0}.tooltipster-content-changing{opacity:.5;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(https://novaocto.com/skin/frontend/rwd/novaocto/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/*# sourceMappingURL=aos.css.map*/
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.chosen-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url('https://novaocto.com/skin/frontend/rwd/novaocto/css/chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url('https://novaocto.com/skin/frontend/rwd/novaocto/css/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: white url('https://novaocto.com/skin/frontend/rwd/novaocto/css/chosen-sprite.png') no-repeat 100% -20px;
background: url('https://novaocto.com/skin/frontend/rwd/novaocto/css/chosen-sprite.png') no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url('https://novaocto.com/skin/frontend/rwd/novaocto/css/chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: white url('https://novaocto.com/skin/frontend/rwd/novaocto/css/chosen-sprite.png') no-repeat -30px -20px;
background: url('https://novaocto.com/skin/frontend/rwd/novaocto/css/chosen-sprite.png') no-repeat -30px -20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url('https://novaocto.com/skin/frontend/rwd/novaocto/css/chosen-sprite@2x.png') !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}
#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}
#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}
.date-picker{width:170px;height:25px;padding:0;border:0;line-height:25px;padding-left:10px;font-size:12px;font-family:Arial,sans-serif;font-weight:700;cursor:pointer;color:#303030;position:relative;z-index:2}.date-picker-wrapper{position:absolute;z-index:1;border:1px solid #bfbfbf;background-color:#efefef;padding:5px 12px;font-size:12px;line-height:20px;color:#aaa;font-family:Arial,sans-serif;-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.5);box-shadow:3px 3px 10px rgba(0,0,0,.5);-webkit-box-sizing:initial;box-sizing:initial}.date-picker-wrapper.inline-wrapper{position:relative;-webkit-box-shadow:none;box-shadow:none;display:inline-block}.date-picker-wrapper.single-date{width:auto}.date-picker-wrapper.no-shortcuts{padding-bottom:12px}.date-picker-wrapper.no-topbar{padding-top:12px}.date-picker-wrapper .footer{font-size:11px;padding-top:3px}.date-picker-wrapper b{color:#666;font-weight:700}.date-picker-wrapper a{color:#6bb4d6;text-decoration:underline}.date-picker-wrapper .month-name{text-transform:uppercase}.date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.date-picker-wrapper .month-element{display:inline-block;vertical-align:middle}.date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.date-picker-wrapper .month-wrapper{border:1px solid #bfbfbf;border-radius:3px;background-color:#fff;padding:5px;cursor:default;position:relative;_overflow:hidden}.date-picker-wrapper .month-wrapper table{width:190px;float:left}.date-picker-wrapper .month-wrapper table.month2{width:190px;float:left}.date-picker-wrapper .month-wrapper table td,.date-picker-wrapper .month-wrapper table th{vertical-align:middle;text-align:center;line-height:14px;margin:0;padding:0}.date-picker-wrapper .month-wrapper table .day{padding:5px 0;line-height:1;font-size:12px;margin-bottom:1px;color:#ccc;cursor:default}.date-picker-wrapper .month-wrapper table div.day.lastMonth,.date-picker-wrapper .month-wrapper table div.day.nextMonth{color:#999;cursor:default}.date-picker-wrapper .month-wrapper table .day.checked{background-color:#9cdbf7}.date-picker-wrapper .month-wrapper table .week-name{height:20px;line-height:20px;font-weight:100;text-transform:uppercase}.date-picker-wrapper .month-wrapper table .day.has-tooltip{cursor:help!important}.date-picker-wrapper .time label{white-space:nowrap}.date-picker-wrapper .month-wrapper table .day.toMonth.valid{color:#333;cursor:pointer}.date-picker-wrapper .month-wrapper table .day.toMonth.hovering{background-color:#cdecfa}.date-picker-wrapper .month-wrapper table .day.lastMonth,.date-picker-wrapper .month-wrapper table .day.nextMonth{display:none}.date-picker-wrapper .month-wrapper table .day.real-today{background-color:#ffe684}.date-picker-wrapper .month-wrapper table .day.real-today.checked,.date-picker-wrapper .month-wrapper table .day.real-today.hovering{background-color:#70ccd5}.date-picker-wrapper table .caption{height:40px}.date-picker-wrapper table .caption .next,.date-picker-wrapper table .caption .prev{padding:0 5px;cursor:pointer}.date-picker-wrapper table .caption .next:hover,.date-picker-wrapper table .caption .prev:hover{background-color:#ccc;color:#fff}.date-picker-wrapper .gap{position:relative;z-index:1;width:15px;height:100%;background-color:red;font-size:0;line-height:0;float:left;top:-5px;margin:0 10px -10px;visibility:hidden;height:0}.date-picker-wrapper .gap .gap-lines{height:100%;overflow:hidden}.date-picker-wrapper .gap .gap-line{height:15px;width:15px;position:relative}.date-picker-wrapper .gap .gap-line .gap-1{z-index:1;height:0;border-left:8px solid #fff;border-top:8px solid #eee;border-bottom:8px solid #eee}.date-picker-wrapper .gap .gap-line .gap-2{position:absolute;right:0;top:0;z-index:2;height:0;border-left:8px solid transparent;border-top:8px solid #fff}.date-picker-wrapper .gap .gap-line .gap-3{position:absolute;right:0;top:8px;z-index:2;height:0;border-left:8px solid transparent;border-bottom:8px solid #fff}.date-picker-wrapper .gap .gap-top-mask{width:6px;height:1px;position:absolute;top:-1px;left:1px;background-color:#eee;z-index:3}.date-picker-wrapper .gap .gap-bottom-mask{width:6px;height:1px;position:absolute;bottom:-1px;left:7px;background-color:#eee;z-index:3}.date-picker-wrapper .selected-days{display:none}.date-picker-wrapper .drp_top-bar{line-height:1.4;position:relative;padding:10px 40px 10px 0}.date-picker-wrapper .drp_top-bar .error-top{display:none}.date-picker-wrapper .drp_top-bar .normal-top{display:none}.date-picker-wrapper .drp_top-bar .default-top{display:block}.date-picker-wrapper .drp_top-bar.error .default-top{display:none}.date-picker-wrapper .drp_top-bar.error .error-top{display:block;color:red}.date-picker-wrapper .drp_top-bar.normal .default-top{display:none}.date-picker-wrapper .drp_top-bar.normal .normal-top{display:block}.date-picker-wrapper .drp_top-bar .apply-btn{position:absolute;right:0;top:6px;padding:3px 5px;margin:0;font-size:12px;border-radius:4px;cursor:pointer;color:#d9eef7;border:solid 1px #0076a3;background:#0095cd;background:-moz-linear-gradient(top,#00adee,#0078a5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');color:#fff;line-height:initial}.date-picker-wrapper .drp_top-bar .apply-btn.disabled{cursor:pointer;color:#606060;border:solid 1px #b7b7b7;background:#fff;background:-moz-linear-gradient(top,#fff,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')}.date-picker-wrapper .time{position:relative}.date-picker-wrapper.single-month .time{display:block}.date-picker-wrapper .time input[type=range]{vertical-align:middle;width:129px;padding:0;margin:0;height:20px}.date-picker-wrapper .time1,.time2{width:180px;padding:0 5px;text-align:center}.date-picker-wrapper .time1{float:left}.date-picker-wrapper .time2{float:right}.date-picker-wrapper .hour,.minute{text-align:right}.date-picker-wrapper .hide{display:none}.date-picker-wrapper .first-date-selected{background-color:#49e!important;color:#fff!important}.date-picker-wrapper .last-date-selected{background-color:#49e!important;color:#fff!important}.date-picker-wrapper .date-range-length-tip{position:absolute;margin-top:-4px;margin-left:-8px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3);display:none;background-color:#ff0;padding:0 6px;border-radius:2px;font-size:12px;line-height:16px;-webkit-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));-moz-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));-ms-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));-o-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3))}.date-picker-wrapper .date-range-length-tip:after{content:'';position:absolute;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ff0;left:50%;margin-left:-4px;bottom:-4px}.date-picker-wrapper.two-months.no-gap .month1 .next,.date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.date-picker-wrapper .week-number{padding:5px 0;line-height:1;font-size:12px;margin-bottom:1px;color:#999;cursor:pointer}.date-picker-wrapper .week-number.week-number-selected{color:#49e;font-weight:700}
/* CSS Document */
@font-face {
font-family: 'FuturaNDBook';
src: url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/FuturaNDBook.eot");
src: url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/FuturaNDBook.woff2") format("woff2"), url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/FuturaNDBook.woff") format("woff"), url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/FuturaNDBook.ttf") format("truetype"), url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/FuturaNDBook.eot?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'FuturaNDLight';
src: url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/FuturaNDLight.eot");
src: url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/FuturaNDLight.woff2") format("woff2"), url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/FuturaNDLight.woff") format("woff"), url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/FuturaNDLight.ttf") format("truetype"), url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/FuturaNDLight.eot?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'icomoon';
src: url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/icomoon.eot?hj4mz7");
src: url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/icomoon.eot?hj4mz7#iefix") format("embedded-opentype"), url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/icomoon.ttf?hj4mz7") format("truetype"), url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/icomoon.woff?hj4mz7") format("woff");
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'icomoon';
src: url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/icomoon2.eot?33rey2");
src: url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/icomoon2.eot?33rey2#iefix") format("embedded-opentype"), url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/icomoon2.ttf?33rey2") format("truetype"), url("https://novaocto.com/skin/frontend/rwd/novaocto/fonts/icomoon2.woff?33rey2") format("woff");
font-weight: normal;
font-style: normal;
font-display: fallback;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-add:before {
content: "\e902";
}
.icon-substract:before {
content: "\e905";
}
.icon-logo-shape:before {
content: "\e901";
}
.icon-shopping-cart:before {
content: "\e900";
}
.icon-edit:before {
content: "\e903";
}
.icon-garbage:before {
content: "\e904";
}
.icon-shopping-bag:before {
content: "\e900";
}
/* media queries */
@media screen and (min-width: 1600px) {
.full-container {
max-width: 1170px;
}
}
@media screen and (min-width: 1200px) {
.container {
max-width: 1100px;
padding: 0px;
}
}
/* scss variables */
/* CSS Document */
html {
height: 100%;
}
body {
margin: 0;
font-family: "FuturaNDLight", arial;
color: #221f1f;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
background-color: #fff;
overflow-x: hidden;
}
body .modal-open {
margin-right: 0;
}
.wrapper {
overflow: hidden;
}
/* headings */
h1 {
font-size: 32px;
line-height: 42px;
margin-bottom: 10px;
font-weight: normal;
}
h2 {
font-size: 30px;
line-height: 40px;
margin-bottom: 10px;
font-weight: normal;
}
h3 {
font-size: 25px;
line-height: 35px;
margin-bottom: 10px;
font-weight: normal;
}
h4 {
font-size: 16px;
line-height: 26px;
margin-bottom: 10px;
font-weight: normal;
}
h5 {
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
font-weight: normal;
}
h6 {
font-size: 12px;
line-height: 24px;
margin-bottom: 10px;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
text-transform: inherit;
color: #221f1f;
font-family: "FuturaNDLight", arial;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #AF694A;
}
p {
color: #221f1f;
font-family: "FuturaNDLight", arial;
}
a {
color: #221f1f;
font-family: "FuturaNDBook", arial;
}
/* form fields */
input, textarea, select {
font-family: "FuturaNDLight", arial;
color: #221f1f;
font-weight: normal;
font-size: 14px;
line-height: 24px;
box-shadow: none !important;
border-radius: 0px;
}
select {
cursor: pointer;
border-radius: 0;
-webkit-appearance: none;
height: 45px;
-moz-appearance: none;
background: none;
text-indent: 0.01px;
text-overflow: "";
border: 1px solid #E5E5E5;
font-family: "FuturaNDBook", arial;
text-transform: inherit;
padding: 0 30px 0 15px;
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/down-icon.svg");
background-size: 13px auto;
background-position: 97% center;
background-repeat: no-repeat;
width: auto;
font-size: 12px;
color: #221f1f;
text-align: left;
}
p {
font-size: 14px;
color: #221f1f;
line-height: 28px;
margin-bottom: 10px;
font-weight: normal;
}
@media screen and (max-width: 992px) {
p {
line-height: 25px;
}
}
p a {
text-decoration: underline;
}
a {
color: #221f1f;
text-decoration: none;
cursor: pointer;
outline: 0;
}
a:hover {
color: #AF694A;
text-decoration: none;
}
ul {
padding-left: 0;
}
ul li {
line-height: 26px;
}
img {
border: none 0;
}
input[type="submit"] {
cursor: pointer;
}
input:focus, textarea:focus {
outline: transparent none;
}
select:focus {
outline: none;
}
section {
display: block;
}
/* uncomment this line when using formidable form. This will act as placeholder.(for IE only)
.wrapper .label{ font-size: 14px; color: #6A6969; font-weight: 200; display: block; overflow: hidden; position: absolute; margin-top: 6px; margin-left: 6px;}
*/
/* css 3 animation keyframes */
@-webkit-keyframes bounce {
80% {
margin-top: 15px;
}
85% {
margin-top: -50px;
}
90% {
margin-top: 15px;
}
95% {
margin-top: 5px;
}
100% {
margin-top: 15px;
}
}
@-moz-keyframes bounce {
80% {
margin-top: 15px;
}
85% {
margin-top: -50px;
}
90% {
margin-top: 15px;
}
95% {
margin-top: 5px;
}
100% {
margin-top: 15px;
}
}
@-ms-keyframes bounce {
80% {
margin-top: 15px;
}
85% {
margin-top: -50px;
}
90% {
margin-top: 15px;
}
95% {
margin-top: 5px;
}
100% {
margin-top: 15px;
}
}
@keyframes bounce {
80% {
margin-top: 15px;
}
85% {
margin-top: -50px;
}
90% {
margin-top: 15px;
}
95% {
margin-top: 5px;
}
100% {
margin-top: 15px;
}
}
@-webkit-keyframes zoom {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.03);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes zoom {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.03);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-ms-keyframes zoom {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.03);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes zoom {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.03);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes zoom1 {
0% {
-moz-transform: scale(1);
opacity: 1;
}
50% {
-moz-transform: scale(1.2);
opacity: 1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes zoom1 {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes zoom2 {
0% {
-moz-transform: scale(1);
opacity: 1;
}
50% {
-moz-transform: scale(1.3);
opacity: 1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes zoom2 {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(1.3);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
/* add elements here for zoom/bounce effect
@include transition(zoom .3s linear);
@include transition(bounce .3s linear); */
.site-loader {
background: #221f1f;
height: 100%;
position: fixed;
width: 100%;
z-index: 99999;
-webkit-transition: width 0.4s ease;
-moz-transition: width 0.4s ease;
-ms-transition: width 0.4s ease;
-o-transition: width 0.4s ease;
transition: width 0.4s ease;
top: 0;
}
.site-loader.anim {
width: 25%;
}
.logo-middle {
height: auto;
margin: 0 auto;
position: relative;
text-align: center;
top: calc(50% - 100px);
width: 100px;
}
.logo-middle img {
max-width: 100%;
height: auto;
display: block;
}
.errors, .success {
background: #FFFFFF;
display: block;
font-size: 14px;
overflow: hidden;
padding: 0;
}
.errors {
color: #f04f71;
}
.success {
color: #51bf9b;
}
/* text selection color */
::selection {
background: #221f1f;
color: #fff;
}
::-moz-selection {
background: #221f1f;
color: #fff;
}
/*-- scrollbar color --*/
::-webkit-scrollbar {
width: 10px;
height: 10px;
cursor: pointer;
}
::-webkit-scrollbar-track {
background-color: #E5E5E5;
}
::-webkit-scrollbar-thumb {
width: 10px;
background-color: #221f1f;
}
/* placeholder */
input, textarea {
/* hide placeholder on focus of input */
/* FF 4-18 */
/* FF 19+ */
/* IE 10+ */
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #fff;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #fff;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #fff;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #fff;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color: transparent !important;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color: transparent !important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: transparent !important;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color: transparent !important;
}
#wrap {
min-height: 100%;
height: 100%;
/* Negative indent footer by its height */
margin: 0 auto -60px;
/* Pad bottom by footer height */
padding: 0 0 60px;
}
/* menu */
.mobile-menu {
cursor: pointer;
float: left;
height: 32px;
width: 32px;
position: absolute;
top: 25px;
left: 2%;
-webkit-transition: left 0.6s ease;
-moz-transition: left 0.6s ease;
-ms-transition: left 0.6s ease;
-o-transition: left 0.6s ease;
transition: left 0.6s ease;
}
.mobile-menu:hover .nav-icon, .mobile-menu:hover .nav-icon::before, .mobile-menu:hover .nav-icon::after {
background: #498080;
}
.mobile-menu.active {
left: calc(100% - 32px - 2%);
-webkit-transition: left 0.6s ease 0.3s;
-moz-transition: left 0.6s ease 0.3s;
-ms-transition: left 0.6s ease 0.3s;
-o-transition: left 0.6s ease 0.3s;
transition: left 0.6s ease 0.3s;
}
.mobile-menu.active:hover .nav-icon::before, .mobile-menu.active:hover .nav-icon::after {
background: #fff;
}
.mobile-menu.active .nav-icon {
-webkit-transition: background 0.6s ease;
-moz-transition: background 0.6s ease;
-ms-transition: background 0.6s ease;
-o-transition: background 0.6s ease;
transition: background 0.6s ease;
background: transparent;
}
.mobile-menu.active .nav-icon::before, .mobile-menu.active .nav-icon::after {
top: 0;
-webkit-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-ms-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
.mobile-menu.active .nav-icon::before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-moz-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
-o-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
.mobile-menu.active .nav-icon::after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
-o-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
.nav-icon, .nav-icon::before, .nav-icon::after {
background: #498080;
display: inline-block;
width: 32px;
height: 4px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-icon {
position: relative;
}
.nav-icon::before, .nav-icon::after {
position: absolute;
left: 0;
content: '';
transform-origin: 50% 50% 0;
-webkit-transform-origin: 50% 50% 0;
-moz-transform-origin: 50% 50% 0;
}
.nav-icon::before {
top: 10px;
}
.nav-icon::after {
top: -10px;
}
.developed-by {
width: 120px;
position: absolute;
bottom: 0;
left: 0;
display: block;
}
.developed-by img {
max-width: 100%;
display: block;
height: auto;
}
@media screen and (max-width: 640px) {
.container {
padding-right: 20px;
padding-left: 20px;
}
}
/* add this starts */
.addthis_sharing_toolbox {
position: fixed;
left: 0;
top: 30%;
z-index: 10;
}
.at-share-tbx-element .at-share-btn {
margin: 0 !important;
max-width: 28px !important;
max-height: 28px !important;
width: 28px !important;
height: 28px !important;
display: block !important;
background-color: #2d3643;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.addthis_20x20_style .at4-icon, .addthis_20x20_white_style .at4-icon, .at-20x20 {
width: 28px !important;
height: 28px !important;
line-height: 28px !important;
background-position: center center !important;
}
.at-share-tbx-element .at-share-btn:hover {
background: #FFBC12 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-facebook:hover {
background: #305891 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-twitter:hover {
background: #2CA8D2 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-linkedin:hover {
background: #0077B5 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-email:hover {
background: #738A8D !important;
}
.at-share-tbx-element .at-share-btn.at-svc-whatsapp:hover {
background: #29A628 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-pinterest_share:hover {
background: #C82828 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-google_plusone_share:hover {
background: #CE4D39 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-whatsapp {
display: none !important;
}
a:focus {
outline: none;
}
body .input-text {
border: 1px solid #E5E5E5;
color: #221f1f;
height: 45px;
font-size: 12px;
padding: 10px 15px;
width: 100%;
}
body textarea {
height: 100px !important;
resize: none;
}
.store-notification {
position: fixed;
width: 100%;
top: 0;
left: 0px;
text-align: center;
padding: 6px 10px;
background-color: #C2B6B1;
z-index: 99;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
@media screen and (max-width: 768px) {
.store-notification {
position: fixed;
width: 100%;
left: 0;
bottom: 0;
top: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
}
}
.store-notification .fa {
display: none;
position: absolute;
right: 0;
font-size: 11px;
color: #fff;
opacity: 0.6;
top: 3px;
right: 7px;
}
@media screen and (max-width: 768px) {
.store-notification .fa {
display: block;
}
}
.store-notification.hid {
bottom: -100px;
}
@media screen and (max-width: 720px) {
.store-notification .pull-left {
display: none;
}
}
@media screen and (max-width: 720px) {
.store-notification .pull-right {
width: 100%;
}
}
.store-notification p {
margin: 0;
font-size: 10px;
letter-spacing: 3px;
color: #fff;
text-transform: uppercase;
line-height: 20px;
}
.store-notification p a {
color: #fff;
}
@media screen and (max-width: 992px) {
.store-notification p {
font-size: 8px;
letter-spacing: 2px;
}
}
@media screen and (max-width: 720px) {
.store-notification p {
font-size: 9px;
line-height: 18px;
}
}
.banner-overlay {
position: absolute;
background: rgba(0, 0, 0, 0.3);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.fa-list {
-webkit-text-stroke: 1px white;
}
/*---------------- Header -----------------*/
header {
padding: 0;
position: fixed;
width: 100%;
z-index: 102;
top: 32px;
left: 0;
background-color: #fff;
}
@media screen and (max-width: 768px) {
header {
border-bottom: 1px solid #E5E5E5;
position: relative;
top: 0;
}
}
header.sticky {
position: fixed;
}
header.sticky .menu-block .menu-block #header-nav #custommenu {
height: 46px;
}
header.sticky .menu-block .menu-block #header-nav #custommenu .menu a {
padding: 11px 25px;
}
@media screen and (max-width: 1200px) {
header.sticky .menu-block .menu-block #header-nav #custommenu .menu a {
padding: 11px 13px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
header.sticky .menu-block .menu-block #header-nav #custommenu .menu a {
padding: 11px 2px;
}
}
header.sticky .menu-block .search-block #header-search #search {
top: 31px;
}
header.sticky .menu-block .search-block #header-search .icon-add {
top: 45px;
}
header.sticky .menu-block .search-block #header-search .search-button {
top: -3px;
}
header.sticky .store-notification {
height: 0px;
overflow: hidden;
padding: 0;
}
@media screen and (max-width: 768px) {
header.sticky .cat-filter {
top: 8px;
}
}
@media screen and (max-width: 768px) and (max-width: 640px) {
header.sticky .cat-filter {
top: 4px;
}
}
header.sticky .nav-btn {
top: 13px;
}
@media screen and (max-width: 640px) {
header.sticky .nav-btn {
top: 9px;
}
}
header.sticky div.wp-custom-menu-popup {
top: 45px !important;
}
@media screen and (max-width: 1200px) {
header.sticky div.wp-custom-menu-popup {
top: 45px !important;
}
}
header.sticky .top-row {
padding: 3px 0;
}
@media screen and (max-width: 768px) {
header.sticky .top-row {
padding: 5px 0 10px 0;
}
}
header.sticky .top-row .left {
padding-top: 5px;
}
@media screen and (max-width: 640px) {
header.sticky .top-row .left {
padding-top: 3px;
}
}
header.sticky .top-row .middle .logo {
margin-top: 0;
max-width: 90px;
padding: 7px 0;
}
header.sticky .top-row .right .account-cart-wrapper {
top: 2px;
}
header .container {
position: relative;
}
header .top-row {
padding: 14px 0;
-webkit-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;
}
@media screen and (max-width: 1200px) {
header .top-row {
padding: 0px 0;
}
}
@media screen and (max-width: 1200px) and (max-width: 640px) {
header .top-row {
padding: 2px 0 2px 0;
}
}
header .top-row .left {
padding-top: 35px;
-webkit-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;
padding-left: 15px;
}
@media screen and (max-width: 1200px) {
header .top-row .left {
padding-top: 20px;
}
}
@media screen and (max-width: 768px) {
header .top-row .left {
padding-left: 50px;
}
}
@media screen and (max-width: 768px) and (max-width: 640px) {
header .top-row .left {
padding-top: 3px;
}
}
header .top-row .left .line {
font-size: 10px;
font-family: "FuturaNDBook", arial;
}
header .top-row .left select {
font-size: 11px;
height: 27px;
background-size: 13px auto;
padding-right: 0;
background: none;
}
header .top-row .left select:hover {
color: #AF694A;
}
header .top-row .left select#select-currency {
width: 75px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
header .top-row .left select#select-currency option {
width: 75px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 640px) {
header .top-row .left select#select-currency option {
width: 45px;
}
}
@media screen and (max-width: 640px) {
header .top-row .left .l-wrap {
position: absolute;
width: 80px;
left: 45px;
}
}
header .top-row .left div {
display: inline-block;
margin-right: 3px;
}
@media screen and (max-width: 767px) {
header .top-row .left .form-language {
display: none;
}
}
header .top-row .middle .logo {
max-width: 150px;
margin: 0 auto;
width: 100%;
display: block;
float: none;
overflow: hidden;
-webkit-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;
}
@media screen and (max-width: 1200px) {
header .top-row .middle .logo {
max-width: 90px;
padding: 10px 0;
}
}
header .top-row .middle .logo img {
max-width: 100%;
height: auto;
}
header .top-row .right .account-cart-wrapper {
top: 5px;
right: 15px;
-webkit-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;
}
@media screen and (max-width: 1200px) {
header .top-row .right .account-cart-wrapper {
top: 7px;
}
}
header .top-row .right .account-cart-wrapper .fa {
font-size: 20px;
position: relative;
top: 3px;
}
header .top-row .right .account-cart-wrapper .fa.fa-search {
-webkit-text-stroke: 1px white;
}
@media screen and (max-width: 768px) {
header .top-row .right .account-cart-wrapper .fa.fa-lock {
font-size: 20px;
position: relative;
top: 4px;
}
}
@media screen and (max-width: 992px) {
header .top-row .right .account-cart-wrapper .fa {
font-size: 17px;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) {
header .top-row .right .account-cart-wrapper .fa {
font-size: 19px;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) and (max-width: 640px) {
header .top-row .right .account-cart-wrapper .fa {
font-size: 17px;
}
}
@media screen and (max-width: 992px) {
header .top-row .right .account-cart-wrapper .fa.fa-heart-o {
font-size: 19px;
}
}
header .top-row .right .account-cart-wrapper .fa:hover {
opacity: 0.6;
}
header .top-row .right .account-cart-wrapper .header-minicart .icon-shopping-bag {
font-size: 18px;
color: black;
position: relative;
top: 3px;
}
@media screen and (max-width: 640px) {
header .top-row .right .account-cart-wrapper .header-minicart .icon-shopping-bag {
font-size: 17px;
top: 4px;
margin-right: 6px;
}
}
header .top-row .right .account-cart-wrapper .header-minicart .icon-shopping-bag:hover {
color: #AF694A;
}
header .top-row .right .account-cart-wrapper .header-minicart .label {
display: none;
}
header .top-row .right .account-cart-wrapper .list {
display: inline-block;
padding: 0 15px;
}
@media screen and (max-width: 640px) {
header .top-row .right .account-cart-wrapper .list {
padding: 0 0 0 14px;
}
}
@media screen and (max-width: 640px) and (max-width: 330px) {
header .top-row .right .account-cart-wrapper .list {
padding: 0 0 0 10px;
}
}
header .top-row .right .account-cart-wrapper .list.line {
margin: 0 3px;
font-size: 9px;
font-family: "FuturaNDBook", arial;
position: relative;
top: -2px;
}
header .top-row .right .account-cart-wrapper .list.login-register a {
font-family: "FuturaNDBook", arial;
text-transform: uppercase;
font-size: 11px;
position: relative;
display: inline-block;
padding: 0;
top: 0px;
}
header .top-row .right .account-cart-wrapper .list.login-register a span {
margin-right: 10px;
font-size: 13px;
position: relative;
top: 3px;
font-weight: normal;
}
@media screen and (max-width: 992px) {
header .top-row .right .account-cart-wrapper .list.login-register a span {
font-size: 12px;
}
}
header .top-row .right .account-cart-wrapper .list.login-register a:hover {
opacity: 0.6;
}
header .top-row .right .account-cart-wrapper .list.login-register a .icons {
width: 19px;
display: inline-block;
}
@media screen and (max-width: 640px) {
header .top-row .right .account-cart-wrapper .list.login-register a .icons {
width: 16px;
}
}
header .top-row .right .account-cart-wrapper .list.header-minicart a {
display: inline-block;
position: relative;
top: 5px;
width: 100%;
padding: 0;
}
header .top-row .right .account-cart-wrapper .list.header-minicart a.checkout-button {
text-align: center;
}
header .top-row .right .account-cart-wrapper .list.header-minicart a.cart-link {
display: none;
}
header .top-row .right .account-cart-wrapper .list.header-minicart a .icons {
width: 17px;
}
@media screen and (max-width: 640px) {
header .top-row .right .account-cart-wrapper .list.header-minicart a .icons {
width: 16px;
}
}
header .top-row .right .account-cart-wrapper .list .label, header .top-row .right .account-cart-wrapper .list .count {
color: #221f1f;
font-family: "FuturaNDBook", arial;
text-transform: uppercase;
}
@media screen and (max-width: 992px) {
header .top-row .right .account-cart-wrapper .list .label, header .top-row .right .account-cart-wrapper .list .count {
font-size: 11px;
}
}
@media screen and (max-width: 768px) {
header .top-row .right .account-cart-wrapper .list .label, header .top-row .right .account-cart-wrapper .list .count {
color: #fff;
}
}
@media screen and (max-width: 768px) {
header .top-row .right .account-cart-wrapper .list .label {
display: none;
}
}
header .top-row .right .account-cart-wrapper .list .count {
color: #221f1f;
border-radius: 100%;
width: 20px;
height: 20px;
position: absolute;
top: 3px;
right: -1px;
line-height: 20px;
font-size: 8px;
font-family: "FuturaNDBook", arial;
}
header .top-row .right .account-cart-wrapper .list .count::after, header .top-row .right .account-cart-wrapper .list .count::before {
content: '';
}
@media screen and (max-width: 640px) {
header .top-row .right .account-cart-wrapper .list .count {
position: absolute;
width: 15px;
height: 15px;
line-height: 16px;
top: 4px;
right: 0px;
}
}
header .menu-block {
background-color: #080F11;
}
@media screen and (max-width: 768px) {
header .menu-block {
height: 0;
}
}
header .menu-block.active .right {
display: block;
}
@media screen and (max-width: 768px) {
header .menu-block .container {
padding: 0;
}
}
header .menu-block .menu-block {
padding: 0px;
}
@media screen and (max-width: 768px) {
header .menu-block .menu-block {
width: 100%;
height: 0;
padding: 0;
}
}
header .menu-block .menu-block #header-nav {
border: none;
}
@media screen and (max-width: 768px) {
header .menu-block .menu-block #header-nav {
padding: 0;
}
}
header .menu-block .menu-block #header-nav #custommenu {
background-color: #080F11;
margin: 0;
text-align: center;
height: 54px;
}
@media screen and (max-width: 1200px) {
header .menu-block .menu-block #header-nav #custommenu {
height: 44px;
}
}
header .menu-block .menu-block #header-nav #custommenu .menu {
float: none;
display: inline-block;
position: relative;
}
header .menu-block .menu-block #header-nav #custommenu .menu::after {
content: '';
width: 0px;
height: 0px;
opacity: 0;
border-style: solid;
border-color: transparent transparent transparent #ffffff;
display: inline-block;
vertical-align: middle;
margin-right: -4px;
position: absolute;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 11px solid #ffffff;
bottom: -18px;
right: 50%;
z-index: 20;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
header .menu-block .menu-block #header-nav #custommenu .menu.active::after {
opacity: 1;
}
header .menu-block .menu-block #header-nav #custommenu .menu a {
position: relative;
z-index: 2;
font-family: "FuturaNDBook", arial;
background-color: #080F11;
color: #fff;
padding: 15px 25px;
font-size: 10px;
line-height: 24px;
height: auto;
margin: 0 10px;
letter-spacing: 3px;
}
@media screen and (max-width: 1200px) {
header .menu-block .menu-block #header-nav #custommenu .menu a {
padding: 10px 15px;
}
}
@media only screen and (max-width: 1024px) {
header .menu-block .menu-block #header-nav #custommenu .menu a {
padding: 10px;
}
}
@media screen and (max-width: 992px) {
header .menu-block .menu-block #header-nav #custommenu .menu a {
padding: 10px 2px;
font-size: 9px;
}
}
header .menu-block .menu-block #header-nav #custommenu .menu a:hover, header .menu-block .menu-block #header-nav #custommenu .menu a.act {
color: #C8876A;
}
header .menu-block .menu-block #header-nav #custommenu .menu a span {
padding-top: 0;
height: auto;
}
header .menu-block .menu-block #header-nav #custommenu .menu.active a {
color: #C8876A;
}
@media screen and (max-width: 768px) {
header .menu-block .search-block {
width: 100%;
background-color: transparent;
}
}
header .menu-block .search-block #header-search {
z-index: 1;
height: 28px;
margin-top: 0;
padding-left: 20px;
position: absolute;
width: 350px;
margin-bottom: 0;
top: 14px;
}
@media screen and (max-width: 768px) {
header .menu-block .search-block #header-search {
border-left: none;
position: relative;
width: 100%;
top: -2px;
}
}
header .menu-block .search-block #header-search .search-wrap {
display: none;
}
header .menu-block .search-block #header-search #search {
border: 1px solid #221f1f;
position: relative;
top: 39px;
height: 45px;
border-radius: 0px;
font-size: 15px;
padding: 10px 15px;
background-color: #fff;
font-family: "FuturaNDBook", arial;
text-transform: inherit;
color: grey;
}
header .menu-block .search-block #header-search #search::-webkit-input-placeholder {
color: #cecdcd;
}
header .menu-block .search-block #header-search #search:-moz-placeholder {
color: #cecdcd;
}
header .menu-block .search-block #header-search #search::-moz-placeholder {
color: #cecdcd;
}
header .menu-block .search-block #header-search #search:-ms-input-placeholder {
color: #cecdcd;
}
@media screen and (max-width: 992px) {
header .menu-block .search-block #header-search #search {
font-size: 9px;
padding-right: 19px;
}
}
@media screen and (max-width: 992px) and (max-width: 768px) {
header .menu-block .search-block #header-search #search {
font-size: 13px;
top: -10px;
height: 40px;
width: 50%;
margin-left: 50%;
}
}
@media screen and (max-width: 992px) and (max-width: 768px) and (max-width: 540px) {
header .menu-block .search-block #header-search #search {
width: 80%;
margin-left: 20%;
}
}
header .menu-block .search-block #header-search .icon-add {
color: #e5e5e5;
position: absolute;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
right: 15px;
top: 53px;
font-size: 17px;
}
@media screen and (max-width: 768px) {
header .menu-block .search-block #header-search .icon-add {
top: 2px;
}
}
header .menu-block .search-block #header-search .icon-add:hover {
color: #a9a9a9;
cursor: pointer;
}
header .menu-block .search-block #header-search .search-button {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/search.svg");
background-size: 16px auto;
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 25px;
top: 0px;
right: 10px;
}
@media screen and (max-width: 1200px) {
header .menu-block .search-block #header-search .search-button {
top: -5px;
}
}
@media screen and (max-width: 1200px) and (max-width: 768px) {
header .menu-block .search-block #header-search .search-button {
display: none;
}
}
header .menu-block .search-block #header-search .search-button:before {
background-image: none !important;
}
.fa {
color: #221f1f;
}
.messages {
text-align: center;
margin-top: 0px;
}
@media screen and (max-width: 640px) {
.messages li li {
font-size: 13px;
line-height: 17px;
}
}
.messages {
position: fixed;
width: 100%;
top: 0px;
z-index: 999;
padding: 0;
left: 0px;
}
.skip-link {
float: none;
width: 20%;
height: auto;
position: relative;
}
@media screen and (max-width: 992px) {
.skip-link {
padding: 5px;
}
}
@media screen and (max-width: 768px) {
.skip-link.skip-nav, .skip-link.skip-search {
display: none;
}
}
.skip-link.s-account {
line-height: 22px;
font-family: "FuturaNDBook", arial;
width: auto;
color: black;
text-transform: uppercase;
padding: 0 10px;
}
@media screen and (max-width: 992px) {
.skip-link.s-account {
padding: 0;
}
}
.skip-link.s-account:hover {
color: #AF694A;
}
.s-link {
float: none;
width: 20%;
height: auto;
position: relative;
}
@media screen and (max-width: 992px) {
.s-link {
padding: 5px;
}
}
.s-link.s-account {
line-height: 22px;
font-family: "FuturaNDBook", arial;
width: auto;
color: black;
text-transform: uppercase;
padding: 0 10px;
}
@media screen and (max-width: 992px) {
.s-link.s-account {
padding: 0;
}
}
.s-link.s-account:hover {
color: #AF694A;
}
.block-title {
margin-bottom: 0;
border-top: none;
}
.block-title span {
text-transform: uppercase;
font-size: 20px;
}
/*#header-account{
display: none;
}*/
#header-account {
border: none;
top: 25px;
padding: 0;
right: 100px;
display: block;
position: absolute;
z-index: 200;
width: 200px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
-ms-transition: 0.4s all ease;
-o-transition: 0.4s all ease;
transition: 0.4s all ease;
}
@media screen and (max-width: 768px) {
#header-account {
display: none;
}
}
#header-account.active {
opacity: 1;
visibility: visible;
}
#header-account .h-wrap {
background: #fff;
margin-top: 50px;
}
#header-account .pointer {
position: absolute;
width: 10px;
top: 43px;
right: 35px;
}
#header-account a {
font-family: "FuturaNDBook", arial;
text-transform: capitalize;
font-size: 12px;
padding: 4px 15px 2px 15px;
text-align: left;
position: static;
opacity: 1;
-webkit-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;
}
#header-account a:hover {
background-color: #221f1f;
color: #fff;
}
@media screen and (max-width: 768px) {
.m-search.mob-show {
display: inline-block !important;
}
}
/*-------------- Home slider --------------*/
.slider-wrap {
margin-top: 158px;
min-height: 500px;
}
@media screen and (max-width: 1200px) {
.slider-wrap {
margin-top: 59px;
}
}
@media screen and (max-width: 992px) {
.slider-wrap {
margin-top: 59px;
min-height: 300px;
}
}
@media screen and (max-width: 992px) and (max-width: 768px) {
.slider-wrap {
margin-top: 0px;
min-height: 100px;
}
}
.slider-wrap .container {
padding: 0px;
}
.slider-wrap img {
max-width: 100%;
height: auto;
}
.slider-wrap .slick-dots {
margin: 0px;
}
.slider-wrap #slides .slides-container li {
position: relative;
}
.slider-wrap .caption {
position: absolute;
top: 40%;
left: 0;
width: 100%;
padding: 0 10%;
text-align: center;
z-index: 2;
}
@media screen and (max-width: 992px) {
.slider-wrap .caption {
top: 34%;
}
}
@media screen and (max-width: 992px) and (max-width: 640px) {
.slider-wrap .caption {
top: 40%;
}
}
.slider-wrap .caption h2 {
color: #fff;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 13px;
font-family: "FuturaNDBook", arial;
margin-left: 11px;
}
@media screen and (max-width: 992px) {
.slider-wrap .caption h2 {
font-size: 16px;
line-height: 26px;
}
}
@media screen and (max-width: 992px) and (max-width: 640px) {
.slider-wrap .caption h2 {
font-size: 15px;
margin: 0;
letter-spacing: 10px;
}
}
.slider-wrap .caption p {
color: #fff;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 3px;
font-family: "FuturaNDBook", arial;
}
.slider-wrap .caption p span {
font-family: "FuturaNDBook", arial;
}
.slider-wrap .caption.pos2 {
text-align: right;
}
.slider-wrap .caption.pos2 p {
margin-right: 15px;
}
.slider-wrap .caption.pos3 {
text-align: left;
}
.slider-wrap .caption.pos3 p {
margin-left: -10px;
}
.slider-wrap .slides-pagination {
bottom: 10px;
}
.slider-wrap .slides-pagination a {
border: 1px solid #c08780;
width: 13px;
height: 13px;
margin: 3px;
}
.slider-wrap .slides-pagination a:hover {
background: #c08780;
}
.slider-wrap .slides-pagination a.current {
background: #c08780;
}
.slider-wrap .slides-navigation a {
font-size: 0px;
width: 40px;
background-repeat: no-repeat;
background-position: center center;
background-size: 20px auto;
height: 40px;
-webkit-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;
}
@media screen and (max-width: 640px) {
.slider-wrap .slides-navigation a {
background-size: 13px auto;
width: 30px;
height: 30px;
}
}
.slider-wrap .slides-navigation a.next {
right: 1%;
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/r-arrow-w.svg");
}
.slider-wrap .slides-navigation a.next:hover {
right: 0.8%;
}
.slider-wrap .slides-navigation a.prev {
left: 1%;
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/l-arrow-w.svg");
}
.slider-wrap .slides-navigation a.prev:hover {
left: 0.8%;
}
.title h1 {
font-size: 26px;
line-height: 34px;
}
.title hr {
border-top: 1px solid #E5E5E5;
}
.heading {
text-align: center;
position: relative;
padding-bottom: 30px;
}
.heading:after {
content: '';
width: 350px;
border-bottom: dotted #221f1f 1px;
position: absolute;
left: 50%;
margin-left: -175px;
bottom: 25px;
z-index: 1;
}
@media screen and (max-width: 640px) {
.heading:after {
width: 300px;
margin-left: -150px;
}
}
.heading h3 {
color: #221f1f;
text-transform: uppercase;
font-size: 28px;
line-height: 36px;
}
@media screen and (max-width: 992px) {
.heading h3 {
font-size: 24px;
line-height: 28px;
}
}
@media screen and (max-width: 640px) {
.heading h3 {
font-size: 22px;
line-height: 27px;
margin-bottom: 5px;
}
}
.heading p {
font-size: 16px;
}
@media screen and (max-width: 640px) {
.heading p {
font-size: 15px;
}
}
.item .wish-button {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.item:hover .wish-button {
opacity: 1;
visibility: visible;
}
/*------- Product Listing -------*/
.item-box {
padding: 0 0 10px 0;
}
@media screen and (max-width: 640px) {
.item-box.featured-collection {
padding: 40px 10px 10px 10px;
}
}
@media screen and (max-width: 640px) {
.item-box {
padding: 15px 0 10px 0;
}
}
.item-box.recent {
padding: 20px 0 10px 0;
}
@media screen and (max-width: 992px) {
.item-box.related {
padding: 15px 0 10px 0;
}
}
@media screen and (max-width: 992px) and (max-width: 480px) {
.item-box.related {
padding: 15px 10px 10px 10px;
}
}
.item-box .container .row .item-col {
margin: 0 0 40px 0;
padding: 0px;
}
@media screen and (max-width: 992px) {
.item-box .container .row .item-col {
width: 33.333%;
float: left;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) {
.item-box .container .row .item-col {
padding: 0px 15px;
}
}
@media screen and (max-width: 992px) and (max-width: 640px) {
.item-box .container .row .item-col {
padding: 0px 10px;
width: 50%;
}
.item-box .container .row .item-col:nth-child(2n+1) {
clear: both;
}
}
.item-box .container .row .item-col.slick-slide {
opacity: 0;
transform: scale(0.8);
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
padding: 0 5px;
}
.item-box .container .row .item-col.slick-slide.slick-active {
opacity: 1;
transform: scale(1);
}
@media screen and (max-width: 640px) {
.item-box .container .row .item-col.slick-slide:nth-child(2n+1) {
clear: none;
}
}
.item-box .container .row .item-col .item-inner {
padding: 0px 20px;
margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
.item-box .container .row .item-col .item-inner {
padding: 0px 15px;
}
}
@media screen and (max-width: 1200px) and (max-width: 640px) {
.item-box .container .row .item-col .item-inner {
padding: 0px 10px;
}
}
.item-box .container .row .item-col .item-inner .fa:hover {
cursor: pointer;
}
.item-box .container .row .item-col .item-inner .btn-cart {
text-align: right;
float: right;
padding: 5px 9px;
font-size: 10px;
-webkit-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;
}
@media screen and (max-width: 992px) {
.item-box .container .row .item-col .item-inner .btn-cart {
padding: 5px 5px;
}
}
@media screen and (max-width: 992px) and (max-width: 640px) {
.item-box .container .row .item-col .item-inner .btn-cart {
float: left;
margin-top: 10px;
}
}
.item-box .container .row .item-col .item-inner .btn-cart:hover, .item-box .container .row .item-col .item-inner .btn-cart:focus {
background: #080F11;
color: #fff;
}
.item-box .container .row .item-col .item-inner .wish-button {
position: absolute;
top: 10px;
font-size: 20px;
right: 10px;
z-index: 10;
padding: 2px;
}
@media screen and (max-width: 992px) {
.item-box .container .row .item-col .item-inner .wish-button {
right: -10px;
}
}
.item-box .container .row .item-col .item-inner .item-description .desc-wrap {
min-height: 125px;
}
.item-box .container .row .item-col .item-inner .item-image {
position: relative;
margin-bottom: 20px;
}
.item-box .container .row .item-col .item-inner .item-image a.prod-image {
display: block;
-webkit-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;
}
.item-box .container .row .item-col .item-inner .item-image a.prod-image img {
max-width: 100%;
height: auto;
opacity: 1;
-webkit-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;
}
.item-box .container .row .item-col .item-inner .item-image a.hover-image {
position: absolute;
top: 0;
opacity: 0;
z-index: 1;
-webkit-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;
}
.item-box .container .row .item-col .item-inner .item-image:hover a.hover-image {
opacity: 1;
}
.item-box .container .row .item-col .item-inner .item-description h5 {
font-family: "FuturaNDBook", arial;
color: black;
font-size: 13px;
margin: 1px 0 0 0;
}
@media screen and (max-width: 992px) {
.item-box .container .row .item-col .item-inner .item-description h5 {
font-size: 13px;
}
}
@media screen and (max-width: 992px) and (max-width: 640px) {
.item-box .container .row .item-col .item-inner .item-description h5 {
font-size: 13px;
}
}
.item-box .container .row .item-col .item-inner .item-description .button-row {
margin-top: 15px;
}
@media screen and (max-width: 640px) {
.item-box .container .row .item-col .item-inner .item-description .button-row {
margin: 0;
}
}
.item-box .container .row .item-col .item-inner .item-description .button-row .left {
padding-right: 5px;
}
@media screen and (max-width: 640px) {
.item-box .container .row .item-col .item-inner .item-description .button-row .left {
width: 100%;
padding: 0;
}
}
.item-box .container .row .item-col .item-inner .item-description .button-row .right {
padding-left: 0px;
padding-right: 15px;
}
@media screen and (max-width: 640px) {
.item-box .container .row .item-col .item-inner .item-description .button-row .right {
width: 100%;
padding: 0;
}
}
.item-box .container .row .item-col .item-inner .item-description .button-row .right a {
float: right;
padding: 4px 8px;
font-size: 12px;
}
@media screen and (max-width: 992px) {
.item-box .container .row .item-col .item-inner .item-description .button-row .right a {
font-size: 10px;
padding: 5px 5px;
}
}
.item-box .container .row .item-col .item-inner .item-description .button-row .right h5 {
text-align: right;
}
@media screen and (max-width: 640px) {
.item-box .container .row .item-col .item-inner .item-description .button-row .right h5 {
text-align: left;
}
}
.item-box .container .row .item-col .item-inner .item-description .button-row .right h5.out-of-stock {
font-family: "FuturaNDLight", arial;
}
@media screen and (max-width: 992px) {
.item-box .container .row .item-col .item-inner .item-description .button-row .right h5 {
margin-right: 10px;
}
}
.item-box .container .row .item-col .item-inner .item-description .prod-name {
margin-bottom: 5px;
}
.item-box .container .row .item-col .item-inner .item-description .prod-name a {
font-family: "FuturaNDLight", arial;
font-size: 15px;
line-height: 22px;
text-transform: uppercase;
}
@media screen and (max-width: 640px) {
.item-box .container .row .item-col .item-inner .item-description .prod-name a {
font-size: 14px;
line-height: 20px;
}
}
.item-box .container .row .item-col .item-inner .item-description .prod-name a:hover {
color: #AF694A;
}
.item-box .container .row .item-col .item-inner .item-description .prod-type {
font-family: "FuturaNDBook", arial;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 5px;
}
@media screen and (max-width: 640px) {
.item-box .container .row .item-col .item-inner .item-description .prod-type {
font-size: 12px;
}
}
.item-box .container .row .item-col .item-inner .item-description .pricingppr {
color: #AF694A;
font-size: 15px;
}
.item-box .container .row .item-col .item-inner .item-description .pricingppr br {
display: none !important;
}
.item-box .container .row .item-col .item-inner .item-description .pricingppr .price {
color: #AF694A;
font-size: 15px;
margin-top: 6px;
}
.item-box .container .row .item-col .item-inner .item-description p {
font-size: 12px;
line-height: 20px;
text-transform: inherit;
margin-bottom: 4px;
}
.item-box .container .row .item-col .item-inner .item-description p.brown {
color: #AF694A;
font-size: 15px;
margin-top: 6px;
}
.item-box .container .row .item-col .item-inner .item-description p.retail {
color: #a2a2a2;
}
@media screen and (max-width: 640px) {
.item-box .container .row .item-col .item-inner .item-description p {
font-size: 12px;
line-height: 16px;
}
}
.button {
background: none;
border: 1px solid #E5E5E5;
color: #221f1f;
padding: 14px 15px 12px 15px !important;
font-size: 10px;
letter-spacing: 3px;
-webkit-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;
font-family: "FuturaNDBook", arial;
text-transform: uppercase;
border-radius: 0px !important;
}
@media screen and (max-width: 640px) {
.button {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
}
.button.dark {
background-color: #080F11;
color: #fff;
}
.button.dark:hover, .button.dark:focus {
background-color: #AF694A;
border: 1px solid #AF694A;
color: #fff;
}
.button:hover, .button:focus {
background-color: #080F11;
color: #fff;
outline: none;
}
/*--- Tooltip ---*/
.tooltipster-default {
border-radius: 3px;
border: none;
background: #fff;
color: #000;
box-shadow: 0px 2px 23px rgba(0, 0, 0, 0.2);
padding: 20px;
}
.tooltipster-default .tooltipster-content {
font-family: "FuturaNDLight", arial;
font-size: 12px;
line-height: 22px;
}
.tooltipster-default .tooltipster-content p {
font-family: "FuturaNDLight", arial;
font-size: 12px;
line-height: 22px;
}
.tooltipster-default .tooltipster-content p a {
font-family: "FuturaNDLight", arial;
}
.slick-arrow {
position: absolute;
top: 40%;
left: -45px;
font-size: 0px;
width: 50px !important;
height: 50px;
background-color: transparent;
border: none;
background-repeat: no-repeat;
background-size: 8px auto;
background-position: center center;
z-index: 99;
-webkit-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;
opacity: 1;
}
@media screen and (max-width: 1200px) {
.slick-arrow {
left: -40px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.slick-arrow {
left: -10px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 640px) {
.slick-arrow {
top: 34%;
}
}
.slick-arrow.slick-disabled {
opacity: 0.3;
cursor: default;
}
.slick-arrow.slick-disabled:hover {
cursor: default;
}
.slick-arrow:hover {
opacity: 0.5;
}
.slick-arrow:focus {
outline: none;
}
.slick-arrow.slick-next {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/right-icon.svg");
right: -45px;
left: auto;
}
@media screen and (max-width: 1200px) {
.slick-arrow.slick-next {
right: -40px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.slick-arrow.slick-next {
right: -10px;
}
}
.slick-arrow.slick-prev {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/left-icon.svg");
}
.slick-dots {
text-align: center;
margin: 10px 0;
z-index: 1;
position: relative;
}
.slick-dots li {
display: inline-block;
padding: 0 8px;
}
.slick-dots li:hover {
cursor: pointer;
}
.slick-dots li:hover button {
background-color: #221f1f;
}
.slick-dots li.slick-active button {
background-color: #221f1f;
}
.slick-dots li button {
background-color: #dadada;
border: none;
font-size: 0px;
width: 7px;
height: 7px;
border-radius: 100%;
}
.slick-dots li button:focus {
outline: none;
}
.m-heading {
margin-bottom: 35px;
}
.m-heading.all {
text-align: right;
margin-bottom: 0px;
}
.m-heading.all h2 {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 3px;
}
.m-heading.all h2 a, .m-heading.all h2 span {
padding: 0 0 0 20px;
color: #AF694A;
}
.m-heading.all h2 a:hover, .m-heading.all h2 span:hover {
color: #221f1f;
}
.m-heading.all h2:after {
bottom: 18px;
}
.m-heading h2 {
position: relative;
display: block;
font-size: 20px;
}
.m-heading h2 span, .m-heading h2 a {
background-color: #fff;
position: relative;
z-index: 1;
padding-right: 30px;
}
.m-heading h2:after {
content: '';
width: 100%;
height: 1px;
background-color: #E5E5E5;
right: 15px;
margin-left: 16px;
bottom: 17px;
z-index: 0;
display: block;
position: relative;
}
/*-- Instagram --*/
.instagram-block {
padding: 35px 0 175px 0;
}
@media screen and (max-width: 767px) {
.instagram-block {
padding: 15px 20px 55px 20px;
}
}
@media screen and (max-width: 640px) {
.instagram-block {
overflow: hidden;
}
}
@media screen and (max-width: 1200px) {
.instagram-block .slick-arrow.slick-next {
right: 10px;
top: 40%;
}
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
.instagram-block .slick-arrow.slick-next {
right: -45px;
}
}
@media screen and (max-width: 1200px) and (max-width: 1200px) and (max-width: 992px) {
.instagram-block .slick-arrow.slick-next {
right: -40px;
}
}
@media screen and (max-width: 1200px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 767px) {
.instagram-block .slick-arrow.slick-next {
right: -45px;
}
}
@media screen and (max-width: 1200px) {
.instagram-block .slick-arrow.slick-prev {
left: 10px;
}
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
.instagram-block .slick-arrow.slick-prev {
top: 40%;
left: -45px;
}
}
@media screen and (max-width: 1200px) and (max-width: 1200px) and (max-width: 992px) {
.instagram-block .slick-arrow.slick-prev {
left: -40px;
}
}
@media screen and (max-width: 1200px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 767px) {
.instagram-block .slick-arrow.slick-prev {
left: -45px;
}
}
.instagram-block .m-heading {
margin-bottom: 65px;
}
@media screen and (max-width: 640px) {
.instagram-block .m-heading {
margin-bottom: 25px;
}
}
.instagram-block .m-heading h2 {
font-size: 25px;
}
.instagram-block ul li {
overflow: hidden;
}
.instagram-block ul li a {
display: block;
position: relative;
width: 100%;
height: 275px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
opacity: 1;
margin: 0 2px;
}
@media screen and (max-width: 1200px) {
.instagram-block ul li a {
height: 235px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.instagram-block ul li a {
height: 240px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 767px) {
.instagram-block ul li a {
height: 220px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 767px) and (max-width: 480px) {
.instagram-block ul li a {
height: 300px;
}
}
.instagram-block ul li a:hover .fa, .instagram-block ul li a:hover .insta-hash, .instagram-block ul li a:hover .overlay {
opacity: 1;
}
.instagram-block ul li a .overlay {
position: absolute;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
opacity: 0;
-webkit-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;
}
.instagram-block ul li a .fa {
color: #fff;
font-size: 36px;
position: absolute;
left: 50%;
top: 41%;
margin-left: -16px;
opacity: 0;
-webkit-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;
}
.instagram-block ul li a .insta-hash {
color: #fff;
position: absolute;
left: 10px;
top: 10px;
opacity: 0;
-webkit-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;
}
/*------- Footer --------*/
.footer-container {
padding: 0;
background-color: #C2B6B1;
max-width: 100%;
}
.footer-container .footer {
border-top: none;
padding: 0px;
}
@media screen and (max-width: 640px) {
.footer-container .footer {
overflow: hidden;
}
}
.footer-container .footer .copyright {
text-align: center;
background-color: #fff;
padding: 20px;
}
@media screen and (max-width: 1200px) {
.footer-container .footer .copyright {
padding: 10px;
}
}
@media screen and (max-width: 1200px) and (max-width: 640px) {
.footer-container .footer .copyright {
padding: 5px;
}
}
.footer-container .footer .copyright p {
margin: 0;
text-transform: uppercase;
font-size: 10px;
}
.footer-container .footer .container {
position: relative;
}
.footer-container .footer .container .f-top {
padding: 70px 0 40px 0;
}
@media screen and (max-width: 1200px) {
.footer-container .footer .container .f-top {
padding: 50px 0 40px 0;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.footer-container .footer .container .f-top {
padding: 35px 0 40px 0;
}
}
@media screen and (max-width: 1200px) and (max-width: 640px) {
.footer-container .footer .container .f-top {
padding: 20px 0 0px 0;
}
}
@media screen and (max-width: 767px) {
.footer-container .footer .container .f-top .left {
width: 100%;
}
}
@media screen and (max-width: 767px) and (max-width: 460px) {
.footer-container .footer .container .f-top .left {
margin-bottom: 20px;
}
}
@media screen and (max-width: 1200px) {
.footer-container .footer .container .f-top .left .link {
width: 33.3333%;
}
}
@media screen and (max-width: 992px) {
.footer-container .footer .container .f-top .left .link {
padding-right: 0px;
}
}
@media screen and (max-width: 767px) {
.footer-container .footer .container .f-top .left .link {
width: 33.333%;
}
}
@media screen and (max-width: 767px) and (max-width: 460px) {
.footer-container .footer .container .f-top .left .link {
width: 50%;
margin: 0 auto;
text-align: left;
float: left;
}
}
.footer-container .footer .container .f-top .left .link h4, .footer-container .footer .container .f-top .left .link h5, .footer-container .footer .container .f-top .left .link h3 {
font-size: 14px;
font-family: "FuturaNDBook", arial;
color: #fff;
margin-top: 0px;
}
.footer-container .footer .container .f-top .left .link p {
color: #fff;
line-height: 20px;
}
.footer-container .footer .container .f-top .left .link p a {
color: #fff;
font-family: "FuturaNDLight", arial;
}
@media screen and (max-width: 768px) {
.footer-container .footer .container .f-top .left .link p a {
font-size: 11px;
}
}
@media screen and (max-width: 768px) and (max-width: 540px) {
.footer-container .footer .container .f-top .left .link p a {
font-size: 14px;
}
}
.footer-container .footer .container .f-top .left .link ul {
margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
.footer-container .footer .container .f-top .left .link ul li {
line-height: 23px;
}
}
.footer-container .footer .container .f-top .left .link ul li a {
color: #fff;
text-transform: capitalize;
font-size: 14px;
margin-bottom: 10px;
display: block;
}
@media screen and (max-width: 460px) {
.footer-container .footer .container .f-top .left .link ul li a {
margin-bottom: 10px;
}
}
.footer-container .footer .container .f-top .left .link ul li a:hover {
color: #AF694A;
}
.footer-container .footer .container .f-top .left .link ul li a.fa {
font-size: 18px;
margin-right: 10px;
}
@media screen and (max-width: 992px) {
.footer-container .footer .container .f-top .left .link ul li a.fa {
font-size: 14px;
margin: 0 4px;
}
}
@media screen and (max-width: 992px) {
.footer-container .footer .container .f-top .right {
padding-left: 0px;
}
}
@media screen and (max-width: 767px) {
.footer-container .footer .container .f-top .right {
width: 100%;
padding: 0 15px;
}
}
.footer-container .footer .container .f-top .right .block-subscribe .input-text {
height: 45px;
background: none;
font-size: 13px;
color: #bfbfbf;
background-color: #fff;
letter-spacing: 1px;
padding: 5px 15px;
border: 1px solid #fff;
font-family: "FuturaNDBook", arial;
}
.footer-container .footer .container .f-top .right .block-subscribe .input-text:focus {
border: 1px solid #fff;
}
.footer-container .footer .container .f-top .right .block-subscribe .input-text::-webkit-input-placeholder {
color: #bfbfbf;
}
.footer-container .footer .container .f-top .right .block-subscribe .input-text:-moz-placeholder {
color: #bfbfbf;
}
.footer-container .footer .container .f-top .right .block-subscribe .input-text::-moz-placeholder {
color: #bfbfbf;
}
.footer-container .footer .container .f-top .right .block-subscribe .input-text:-ms-input-placeholder {
color: #E5E5E5;
}
.footer-container .footer .container .f-top .right .block-subscribe .actions:hover {
opacity: 1;
}
.footer-container .footer .container .f-top .right .block-subscribe .actions .button {
height: 45px;
font-size: 11px;
background-color: #fff;
color: #221f1f;
position: relative;
top: -1px;
right: 12px;
border: none;
-webkit-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;
}
@media screen and (max-width: 767px) {
.footer-container .footer .container .f-top .right .block-subscribe .actions .button {
right: 30px;
}
}
@media screen and (max-width: 767px) and (max-width: 460px) {
.footer-container .footer .container .f-top .right .block-subscribe .actions .button {
right: 0;
}
}
.footer-container .footer .container .f-top .right .block-subscribe .block-title h3 {
font-size: 13px;
color: #fff;
margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
.footer-container .footer .container .f-top .right .block-subscribe .block-title h3 {
margin-bottom: 10px;
}
}
.footer-container .footer .container .f-top .right .block-subscribe .block-title p {
color: #fff;
font-size: 11px;
margin-bottom: 0px;
line-height: 17px;
}
.footer-container .footer .container .f-bot {
padding-bottom: 45px;
}
@media screen and (max-width: 640px) {
.footer-container .footer .container .f-bot {
padding-bottom: 15px;
}
}
.footer-container .footer .container .f-bot .left p {
color: #fff;
font-size: 12px;
margin-bottom: 0px;
}
.footer-container .footer .container .f-bot .right {
position: absolute;
bottom: 55px;
right: 0;
}
@media screen and (max-width: 640px) {
.footer-container .footer .container .f-bot .right {
bottom: 25px;
}
}
@media screen and (max-width: 640px) and (max-width: 460px) {
.footer-container .footer .container .f-bot .right {
position: static;
}
}
.footer-container .footer .container .f-bot .right .f-logo {
float: right;
width: 110px;
margin-bottom: 20px;
}
.footer-container .footer .container .f-bot .middle a {
display: block;
width: 60px;
margin: 0 auto;
position: relative;
top: -10px;
}
@media screen and (max-width: 640px) {
.footer-container .footer .container .f-bot .middle a {
top: 0;
padding: 20px 0;
}
}
.footer-container .footer .container .f-bot ul li {
font-family: "FuturaNDBook", arial;
font-size: 13px;
text-transform: uppercase;
color: #fff;
}
.footer-container .footer .container .f-bot ul li img {
margin-left: 20px;
}
@media screen and (max-width: 1200px) {
.footer-container .footer .container .f-bot ul li img {
margin-left: 15px;
width: 160px;
}
}
.footer-container .footer .container .f-bot ul li.line {
font-size: 10px;
position: relative;
top: -2px;
}
.footer-container .footer .container .f-bot ul li a {
font-size: 11px;
text-transform: uppercase;
color: #fff;
}
.footer-container .footer .container .f-bot ul li a:hover {
color: #AF694A;
}
.main-container {
margin-top: 188px;
padding: 0;
max-width: 100%;
}
@media screen and (max-width: 1200px) {
.main-container {
margin-top: 130px;
}
}
@media screen and (max-width: 1200px) and (max-width: 767px) {
.main-container {
margin-top: 70px;
}
}
.main-container.col2-left-layout {
padding-top: 0;
margin-top: 160px;
}
@media screen and (max-width: 1200px) {
.main-container.col2-left-layout {
margin-top: 130px;
}
}
@media screen and (max-width: 992px) {
.main-container.col2-left-layout {
margin-top: 130px;
}
}
@media screen and (max-width: 992px) and (max-width: 768px) {
.main-container.col2-left-layout {
margin-top: 0px;
}
}
.main-container.col2-left-layout .container {
padding: 0 30px 0 0px;
}
@media screen and (max-width: 1200px) {
.main-container.col2-left-layout .container {
padding: 0 15px 0 15px;
}
}
.main-container.col2-left-layout .breadcrumbs .container {
padding: 0px;
}
@media screen and (max-width: 992px) {
.main-container.col2-left-layout .left-side {
width: 25%;
}
}
@media screen and (max-width: 992px) and (max-width: 768px) {
.main-container.col2-left-layout .left-side {
width: 280px;
}
}
.main-container.col2-left-layout .right-side {
padding-left: 30px;
padding-right: 0px;
min-height: 500px;
}
@media screen and (max-width: 992px) {
.main-container.col2-left-layout .right-side {
padding-left: 15px;
padding-right: 15px;
width: 75%;
}
}
@media screen and (max-width: 992px) and (max-width: 768px) {
.main-container.col2-left-layout .right-side {
width: 100%;
}
}
.main-container.col2-left-layout .page-title {
display: none;
}
/*------- Modal ------*/
.c-modal#log-reg-modal .modal-dialog .modal-content {
padding: 30px 15px 20px 15px;
}
.c-modal#ieModal .modal-dialog .modal-content p {
color: #221f1f;
line-height: 20px;
margin-top: 18px;
}
.c-modal#s-modal .modal-dialog {
width: 500px;
}
@media screen and (max-width: 540px) {
.c-modal#s-modal .modal-dialog {
width: 94%;
}
}
.c-modal#s-modal .modal-dialog .modal-content {
padding: 20px;
}
.c-modal#s-modal .modal-dialog table {
margin-top: 10px;
margin-bottom: 15px;
}
.c-modal#s-modal .modal-dialog table thead {
background-color: #221f1f;
}
.c-modal#s-modal .modal-dialog table thead th {
font-family: "FuturaNDBook", arial;
font-size: 13px;
padding: 7px 8px;
text-align: center;
color: #fff;
line-height: 16px;
}
.c-modal#s-modal .modal-dialog table tr:nth-child(even) {
background-color: #E5E5E5;
}
.c-modal#s-modal .modal-dialog table tr td {
font-size: 11px;
font-family: "FuturaNDBook", arial;
padding: 5px 7px;
line-height: 20px;
}
@media screen and (max-width: 540px) {
.c-modal#s-modal .modal-dialog table tr td {
font-size: 9px;
padding: 5px 3px;
}
}
.c-modal#recom-product .modal-dialog {
width: 1150px;
}
@media screen and (max-width: 1200px) {
.c-modal#recom-product .modal-dialog {
width: 900px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.c-modal#recom-product .modal-dialog {
width: 700px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 767px) {
.c-modal#recom-product .modal-dialog {
width: 85%;
}
}
.c-modal#recom-product .modal-dialog .share-block, .c-modal#recom-product .modal-dialog .retail {
display: none;
}
.c-modal#recom-product .modal-dialog .modal-content button.close {
right: 20px;
top: 18px;
}
.c-modal#recom-product .modal-dialog .modal-content .modal-body .center {
vertical-align: middle;
display: table-cell;
height: 400px;
width: 1%;
}
@media screen and (max-width: 767px) {
.c-modal#recom-product .modal-dialog .modal-content .modal-body .center {
display: block;
height: auto;
width: 100%;
padding: 0 20px;
}
}
.c-modal#recom-product .modal-dialog .modal-content .modal-body p {
color: #221f1f;
font-size: 14px;
}
.c-modal#recom-product .modal-dialog .modal-content .modal-body #sizechartbutton {
display: none;
}
.c-modal#recom-product .modal-dialog .modal-content .modal-body .calendarTable, .c-modal#recom-product .modal-dialog .modal-content .modal-body .description, .c-modal#recom-product .modal-dialog .modal-content .modal-body .sku, .c-modal#recom-product .modal-dialog .modal-content .modal-body .price-stock {
display: none;
}
.c-modal#recom-product .modal-dialog .modal-content .modal-body .product-shop .price-stock {
margin-bottom: 0;
}
.c-modal#recom-product .modal-dialog .modal-content .modal-body .product-img-box .more-views {
top: 22%;
}
@media screen and (max-width: 767px) {
.c-modal#recom-product .modal-dialog .modal-content .modal-body .product-img-box .more-views {
display: none;
}
}
.c-modal#recom-product .modal-dialog .modal-content .modal-body .product-img-box .more-views .slick-arrow {
left: 17px;
}
.c-modal#recom-product .modal-dialog .modal-content .modal-body .product-img-box .product-image {
padding: 15px 50px 0px 150px;
}
@media screen and (max-width: 1200px) {
.c-modal#recom-product .modal-dialog .modal-content .modal-body .product-img-box .product-image {
padding: 0px 0px 0px 155px;
vertical-align: middle;
display: table-cell;
height: 500px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.c-modal#recom-product .modal-dialog .modal-content .modal-body .product-img-box .product-image {
padding: 0px 0px 0px 120px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 767px) {
.c-modal#recom-product .modal-dialog .modal-content .modal-body .product-img-box .product-image {
padding: 0;
height: auto;
display: block;
}
}
.c-modal#recom-product .modal-dialog .modal-content .modal-body .detail-product .button {
display: block !important;
margin-bottom: 30px;
margin-top: 30px;
height: 53px;
font-size: 10px;
}
.c-modal#recom-product .modal-dialog .product-row {
padding: 30px 70px;
min-height: 400px;
}
@media screen and (max-width: 1200px) {
.c-modal#recom-product .modal-dialog .product-row {
padding: 30px;
}
}
@media screen and (max-width: 992px) {
.c-modal#recom-product .modal-dialog .product-row {
padding: 0px 15px;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) {
.c-modal#recom-product .modal-dialog .product-row {
padding: 25px;
}
}
.c-modal#recom-product .modal-dialog .product-row button {
display: none;
}
@media screen and (max-width: 640px) {
.c-modal#recom-product .modal-dialog .product-row button {
display: block;
}
.c-modal#recom-product .modal-dialog .product-row button.slick-next {
right: 0;
}
.c-modal#recom-product .modal-dialog .product-row button.slick-prev {
left: 0px;
}
}
.c-modal#recom-product .modal-dialog .product-row .product-image-gallery {
pointer-events: none;
}
.c-modal#recom-product .modal-dialog .product-row .right {
text-align: left;
padding-left: 50px;
}
@media screen and (max-width: 992px) {
.c-modal#recom-product .modal-dialog .product-row .right {
padding-left: 0;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) {
.c-modal#recom-product .modal-dialog .product-row .right {
margin-top: 0;
}
}
.c-modal .modal-dialog {
width: 400px;
}
@media screen and (max-width: 480px) {
.c-modal .modal-dialog {
width: 86%;
}
}
.c-modal .modal-dialog .modal-content {
border-radius: 0px;
box-shadow: none;
border: none;
text-align: center;
background: #ffffff;
}
.c-modal .modal-dialog .modal-content button.close {
position: absolute;
right: 10px;
top: 8px;
background-color: transparent;
opacity: 1;
font-size: 16px;
color: #221f1f;
padding: 5px;
font-family: "FuturaNDLight", arial;
height: 30px;
width: 30px;
text-shadow: none;
filter: alpha(opacity=100);
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
z-index: 10;
}
.c-modal .modal-dialog .modal-content button.close:hover {
color: #AF694A;
}
.c-modal .modal-dialog .modal-content button.close:focus {
outline: none;
}
.c-modal .modal-dialog .modal-content .head {
position: relative;
text-align: Center;
margin-bottom: 0px;
}
.c-modal .modal-dialog .modal-content .head:before {
content: "";
display: block;
border-top: 1px #E5E5E5 solid;
width: 100%;
height: 1px;
position: absolute;
top: 34%;
z-index: 1;
}
.c-modal .modal-dialog .modal-content .head h3 {
color: #221f1f;
text-transform: capitalize;
font-size: 20px;
font-family: "FuturaNDBook", arial;
line-height: 26px;
background: #fff;
padding: 5px 15px 5px 15px;
display: inline-block;
position: relative;
margin: 0 0 15px 0;
z-index: 5;
}
.c-modal .modal-dialog .modal-content .modal-body {
padding: 0 30px;
}
@media screen and (max-width: 640px) {
.c-modal .modal-dialog .modal-content .modal-body {
padding: 0 15px;
}
}
.c-modal .modal-dialog .modal-content .modal-body .logo {
width: 160px;
margin: 0 auto;
padding-bottom: 31px;
float: none;
}
.c-modal .modal-dialog .modal-content .modal-body .button {
font-family: "FuturaNDBook", arial;
width: 100%;
height: 45px;
background-color: #221f1f;
letter-spacing: 3px;
border: none;
font-size: 12px;
margin-bottom: 10px;
color: #fff;
}
.c-modal .modal-dialog .modal-content .modal-body .button:hover, .c-modal .modal-dialog .modal-content .modal-body .button:focus {
background-color: #AF694A;
color: #fff;
}
.c-modal .modal-dialog .modal-content .modal-body h2 {
color: #e9cdbe;
text-transform: uppercase;
font-size: 50px;
font-family: "FuturaNDBook", arial;
margin: 0 0 10px 0;
line-height: 55px;
letter-spacing: 10px;
}
@media screen and (max-width: 640px) {
.c-modal .modal-dialog .modal-content .modal-body h2 {
font-size: 40px;
line-height: 45px;
}
}
.c-modal .modal-dialog .modal-content .modal-body p {
color: #fff;
}
.c-modal .modal-dialog .modal-content .modal-body a {
color: #221f1f;
text-transform: uppercase;
font-family: "FuturaNDBook", arial;
}
.c-modal .modal-dialog .modal-content .modal-body a:hover {
color: #AF694A;
}
.c-modal .modal-dialog .modal-content .modal-body h6 {
color: #e9cdbe;
text-transform: uppercase;
}
@media screen and (max-width: 640px) {
.c-modal .modal-dialog .modal-content .modal-body h6 {
margin-bottom: 0;
}
}
.c-modal .modal-dialog .modal-content .modal-body input {
height: 45px;
border: 1px solid #E5E5E5;
border-radius: 0px;
background-color: #fff;
width: 100%;
font-size: 12px;
}
.c-modal .modal-dialog .modal-content .modal-body input::-webkit-input-placeholder {
color: grey;
}
.c-modal .modal-dialog .modal-content .modal-body input:-moz-placeholder {
color: grey;
}
.c-modal .modal-dialog .modal-content .modal-body input::-moz-placeholder {
color: grey;
}
.c-modal .modal-dialog .modal-content .modal-body input:-ms-input-placeholder {
color: grey;
}
.modal-open .modal {
padding: 0px !important;
}
.input-text:focus {
border: 1px solid #E5E5E5;
}
.zoomContainer {
z-index: 9999;
}
/*-------- Login page --------*/
.account-login, .login-register {
padding-top: 30px;
}
@media screen and (max-width: 767px) {
.account-login, .login-register {
padding-top: 0;
}
}
.account-login .validation-advice, .login-register .validation-advice {
position: static;
text-transform: initial;
font-size: 12px;
}
.account-login.forgot-password .container .row, .login-register.forgot-password .container .row {
width: 435px;
margin: 0 auto;
}
@media screen and (max-width: 480px) {
.account-login.forgot-password .container .row, .login-register.forgot-password .container .row {
width: 100%;
}
}
.account-login.forgot-password .container .row ul, .login-register.forgot-password .container .row ul {
margin-bottom: 0px;
}
.account-login.forgot-password .container .row .button, .login-register.forgot-password .container .row .button {
width: 100%;
}
.account-login.account-logout, .login-register.account-logout {
padding: 100px;
}
@media screen and (max-width: 767px) {
.account-login.account-logout, .login-register.account-logout {
padding: 30px 0px;
}
}
.account-login.account-logout .row, .login-register.account-logout .row {
margin-top: 20px !important;
}
.account-login.account-logout .row p, .login-register.account-logout .row p {
text-align: center !important;
}
.account-login.account-create .container .row, .login-register.account-create .container .row {
margin-top: 10px;
padding: 0 60px;
}
.account-login.account-create .container .row label, .login-register.account-create .container .row label {
margin-bottom: 0px;
}
@media screen and (max-width: 992px) {
.account-login.account-create .container .row, .login-register.account-create .container .row {
padding: 0 30px;
}
}
.account-login.account-create .container .row .left, .login-register.account-create .container .row .left {
padding-right: 0px;
}
@media screen and (max-width: 767px) {
.account-login.account-create .container .row .left img, .login-register.account-create .container .row .left img {
display: none;
}
}
.account-login.account-create .container .row .right, .login-register.account-create .container .row .right {
border: none;
}
.account-login.account-create .container .row .right ul, .login-register.account-create .container .row .right ul {
list-style: none;
margin-bottom: 0px;
padding-left: 0px;
}
.account-login.account-create .container .row .right ul li, .login-register.account-create .container .row .right ul li {
margin-bottom: 10px;
}
.account-login.account-create .container .row .right .button, .login-register.account-create .container .row .right .button {
background-color: #221f1f;
color: #fff;
}
.account-login.account-create .container .row .right .button:hover, .login-register.account-create .container .row .right .button:hover {
background-color: #AF694A;
color: #fff;
}
.account-login.account-create .container .row .middle, .login-register.account-create .container .row .middle {
width: 400px;
margin: 0 auto;
float: none;
}
@media screen and (max-width: 480px) {
.account-login.account-create .container .row .middle, .login-register.account-create .container .row .middle {
width: 100%;
}
}
@media screen and (max-width: 640px) {
.account-login .container, .login-register .container {
padding: 0;
}
}
.account-login .container input, .login-register .container input {
width: 100%;
border-radius: 0;
}
.account-login .container .page-title h1, .login-register .container .page-title h1 {
text-align: center;
color: #221f1f;
border: none;
font-size: 28px;
}
@media screen and (max-width: 992px) {
.account-login .container .page-title h1, .login-register .container .page-title h1 {
font-size: 24px;
margin-bottom: 0;
}
}
@media screen and (max-width: 640px) {
.account-login .container .page-title h1, .login-register .container .page-title h1 {
font-size: 22px;
margin-bottom: 0;
}
}
.account-login .container .row, .login-register .container .row {
margin-top: 30px;
padding: 0 50px;
}
@media screen and (max-width: 1200px) {
.account-login .container .row, .login-register .container .row {
margin: 0;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.account-login .container .row, .login-register .container .row {
padding: 0;
margin: 20px 0 0 0;
}
}
@media screen and (max-width: 1200px) and (max-width: 767px) {
.account-login .container .row, .login-register .container .row {
padding: 0 25px;
}
}
@media screen and (max-width: 1200px) and (max-width: 767px) and (max-width: 640px) {
.account-login .container .row, .login-register .container .row {
margin-top: 10px;
padding: 0 20px;
}
}
.account-login .container .row h2, .login-register .container .row h2 {
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
.account-login .container .row h2, .login-register .container .row h2 {
font-size: 18px;
line-height: 28px;
}
}
.account-login .container .row p, .login-register .container .row p {
text-transform: inherit;
font-size: 13px;
line-height: 20px;
}
@media screen and (max-width: 767px) {
.account-login .container .row p, .login-register .container .row p {
margin-bottom: 5px;
}
}
.account-login .container .row .button, .login-register .container .row .button {
width: 100%;
background-color: #221f1f;
color: #fff;
border: none;
margin-top: 30px;
letter-spacing: 3px;
font-size: 10px;
padding: 15px 0;
}
@media screen and (max-width: 767px) {
.account-login .container .row .button, .login-register .container .row .button {
margin-bottom: 20px;
margin-top: 10px;
}
}
.account-login .container .row .button:hover, .login-register .container .row .button:hover {
background-color: #AF694A;
color: #fff;
}
.account-login .container .row ul, .login-register .container .row ul {
margin-bottom: 20px;
}
.account-login .container .row ul li, .login-register .container .row ul li {
text-transform: uppercase;
font-size: 13px;
}
.account-login .container .row .left, .login-register .container .row .left {
padding-right: 100px;
padding-top: 20px;
}
@media screen and (max-width: 1200px) {
.account-login .container .row .left, .login-register .container .row .left {
padding-right: 70px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.account-login .container .row .left, .login-register .container .row .left {
padding-right: 30px;
padding-left: 0;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 767px) {
.account-login .container .row .left, .login-register .container .row .left {
padding: 0px;
}
}
.account-login .container .row .left ul, .login-register .container .row .left ul {
margin-bottom: 15px;
display: block;
}
.account-login .container .row .left ul li, .login-register .container .row .left ul li {
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.account-login .container .row .left ul li, .login-register .container .row .left ul li {
margin-bottom: 10px;
}
}
.account-login .container .row .left ul li:last-child, .login-register .container .row .left ul li:last-child {
margin-bottom: 5px;
}
.account-login .container .row .right, .login-register .container .row .right {
border-left: 1px solid #d5d5d5;
padding-left: 80px;
padding-bottom: 50px;
padding-top: 20px;
}
@media screen and (max-width: 1200px) {
.account-login .container .row .right, .login-register .container .row .right {
padding-top: 5px;
padding-left: 70px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.account-login .container .row .right, .login-register .container .row .right {
padding-left: 35px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) {
.account-login .container .row .right, .login-register .container .row .right {
padding-left: 25px;
padding-right: 40px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 767px) {
.account-login .container .row .right, .login-register .container .row .right {
border: none;
padding: 0px;
margin-top: 20px;
margin-bottom: 30px;
}
}
.account-login .container .row .right a, .login-register .container .row .right a {
font-family: "FuturaNDBook", arial;
text-transform: uppercase;
font-size: 12px;
text-align: right;
text-decoration: underline;
display: block;
}
@media screen and (max-width: 767px) {
.account-login .container .row .right a, .login-register .container .row .right a {
margin-bottom: 10px;
}
}
.account-login .container .row .right a:hover, .login-register .container .row .right a:hover {
text-decoration: none;
}
.account-login .container .row .right ul, .login-register .container .row .right ul {
list-style: disc;
padding-left: 17px;
margin-top: 20px;
margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
.account-login .container .row .right ul, .login-register .container .row .right ul {
margin: 5px 0;
}
}
/*------ Product Listing ------*/
.category-products .item-box .container {
width: 100%;
padding: 0;
}
.category-products .item-box .container .row .item-col {
margin-bottom: 30px;
}
.category-products .item-box .container .row .item-col:nth-child(3n+1) {
clear: both;
}
@media screen and (max-width: 992px) {
.category-products .item-box .container .row .item-col:nth-child(3n+1) {
clear: none;
}
}
@media screen and (max-width: 992px) {
.category-products .item-box .container .row .item-col {
width: 50%;
float: left;
}
.category-products .item-box .container .row .item-col:nth-child(2n+1) {
clear: left;
}
}
@media screen and (max-width: 768px) {
.category-products .item-box .container .row .item-col {
width: 33.3333%;
}
}
@media screen and (max-width: 768px) and (max-width: 640px) {
.category-products .item-box .container .row .item-col {
width: 50%;
}
.category-products .item-box .container .row .item-col:nth-child(2n+1) {
clear: both;
}
}
.category-products .item-box .container .row .item-col .item-inner {
padding: 0 10px;
}
@media screen and (max-width: 640px) {
.category-products .item-box .container .row .item-col .item-inner {
padding: 0;
}
}
.category-products .item-box .container .row .item-col .item-inner .item-description .product-name {
line-height: 20px;
}
.category-products .item-box .container .row .item-col .item-inner .item-description .product-name a {
font-size: 16px;
}
.category-image {
border: none;
padding: 0;
max-height: 270px;
overflow: hidden;
}
@media screen and (max-width: 480px) {
.category-image {
margin-bottom: 5px;
}
}
.listing-featured a {
display: block;
}
.listing-featured a img {
max-width: 100%;
height: auto;
}
.pager {
margin-top: 0;
}
.toolbar {
background: #fff;
border: none;
margin: 0 0 20px 0;
padding: 10px 0 15px 0;
position: relative;
z-index: 1;
}
@media screen and (max-width: 768px) {
.toolbar.category-toolbar .row {
position: relative;
margin: 0;
}
.toolbar.category-toolbar .col-xs-4 {
float: right;
}
.toolbar.category-toolbar .col-xs-4.sort {
padding-right: 0px;
}
.toolbar.category-toolbar .sorter .sort-by {
float: right;
margin-right: 0px;
}
}
.toolbar .pages {
display: none;
float: none;
text-align: center;
}
.toolbar .pages ol {
display: inline-block;
}
.toolbar .row select {
height: 40px;
background-position: 94% center;
min-width: 160px;
padding: 8px 15px 8px 15px;
color: black;
font-family: "FuturaNDLight", arial;
float: right;
}
@media screen and (max-width: 480px) {
.toolbar .row select {
height: 35px;
padding: 6px 15px 7px 15px;
}
}
.toolbar .row .category {
text-align: center;
padding: 0px;
}
.toolbar .row .category h1 {
text-transform: uppercase;
font-size: 20px;
margin: 0;
}
@media screen and (max-width: 992px) {
.toolbar .row .category h1 {
font-size: 18px;
line-height: 24px;
}
}
@media screen and (max-width: 480px) {
.toolbar .row .category h1 {
font-size: 14px;
}
}
.toolbar .row .sort {
padding-right: 30px;
}
@media screen and (max-width: 768px) {
.toolbar .row .sort {
padding-right: 0;
}
}
.toolbar .row .views select {
background-position: 91% center;
border: none;
border-bottom: 1px solid black;
background-image: none;
padding: 0;
width: auto;
min-width: auto !important;
height: 30px;
}
@media screen and (max-width: 768px) {
.toolbar .row .views select {
margin-left: 25px;
}
}
@media screen and (max-width: 768px) and (max-width: 480px) {
.toolbar .row .views select {
display: none;
}
}
.toolbar .row .views label {
font-size: 12px;
margin-right: 10px;
}
.toolbar .row .views ul {
text-align: left;
}
.toolbar .row .views ul li.line {
padding: 0 3px;
}
@media screen and (max-width: 992px) {
.toolbar .row .views ul li.line {
display: none;
}
}
.toolbar .row .views ul li p {
font-family: "FuturaNDBook", arial;
font-size: 12px;
text-transform: uppercase;
}
.toolbar .row .views ul li:last-child {
padding-right: 0px;
}
label {
font-family: "FuturaNDBook", arial;
color: #221f1f;
font-weight: normal;
}
@media screen and (max-width: 640px) {
label {
margin-bottom: 0;
}
}
.note-msg {
text-align: center;
padding: 50px 20px 150px 20px;
font-size: 16px;
font-family: "FuturaNDBook", arial;
}
.breadcrumbs strong, .breadcrumbs span {
font-family: "FuturaNDBook", arial;
color: #221f1f;
text-transform: none;
}
.breadcrumbs a:hover {
color: #AF694A;
}
.toolbar-bottom {
margin-bottom: 75px;
}
@media screen and (max-width: 768px) {
.toolbar-bottom .cat-filter {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.toolbar-bottom .toolbar .row .views {
padding-left: 0px;
}
}
@media screen and (max-width: 768px) {
.toolbar-bottom .toolbar .row .views select {
margin-left: 0px;
}
}
@media screen and (max-width: 768px) and (max-width: 480px) {
.toolbar-bottom .toolbar .row .views select {
display: block;
}
}
.toolbar-bottom .toolbar .row .sort {
display: none;
}
.toolbar-bottom .toolbar .pager-ajax {
position: absolute;
top: 22px;
right: 0;
}
.toolbar-bottom .toolbar .pages {
display: block;
}
.pages ol li {
margin: 0 2px;
line-height: 20px !important;
}
.pages .current {
border: none;
width: 20px;
height: 20px;
position: relative;
top: 1px;
background-color: transparent;
color: #000;
font-family: "FuturaNDBook", arial;
}
.pages .current:hover {
border: none;
color: #000;
background-color: transparent;
}
.pages a {
width: 20px;
border: none;
height: 20px;
color: #221f1f;
font-family: "FuturaNDLight", arial;
line-height: 20px !important;
}
.pages a:hover {
color: #AF694A;
}
.pages a:before {
border: none !important;
}
.pages a.next, .pages a.previous {
display: none;
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/r-arrow-b.svg");
border: none;
background-size: 10px auto;
background-position: center center;
background-repeat: no-repeat;
}
.pages a.next:hover, .pages a.previous:hover {
border: none;
color: #fff;
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/r-arrow-w.svg");
}
.pages a.previous {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/l-arrow-b.svg");
}
.pages a.previous:hover {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/l-arrow-w.svg");
}
.vertical-nav {
margin: 45px 0px;
}
.vertical-nav p {
font-size: 13px;
margin: 20px 0 10px 0;
line-height: 22px;
}
.side-bar {
margin-top: 25px;
margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
.side-bar {
margin-top: 0;
margin-bottom: 0px;
}
}
.side-bar .layered-nav-filter label {
font-size: 11px !important;
font-family: "FuturaNDBook", arial !important;
}
.side-bar .layered-nav-filter label:before {
background-size: 13px auto;
width: 13px;
height: 13px;
margin-right: 5px;
position: relative;
top: -2px;
}
.side-bar .block .title {
border-bottom: 1px solid #e3e3e3;
margin-bottom: 40px;
padding-bottom: 5px;
display: none;
}
@media screen and (max-width: 768px) {
.side-bar .block .title {
margin-bottom: 20px;
}
}
.side-bar .block .title h3 {
font-size: 17px;
text-transform: uppercase;
margin-bottom: 0;
}
.side-bar .block .list .wrap {
margin-bottom: 17px;
border-top: 1px solid #E5E5E5;
}
@media screen and (max-width: 480px) {
.side-bar .block .list .wrap {
margin: 10px 0;
}
}
.side-bar .block .list .wrap ol {
margin-top: 5px;
max-height: 200px;
}
.side-bar .block .list .wrap ol.full-width--filter li {
width: 100%;
}
.side-bar .block .list .wrap ol.full-width--filter li ul {
padding-left: 10px;
margin-bottom: 10px;
overflow: hidden;
}
.side-bar .block .list .wrap ol li {
float: left;
width: 50%;
}
.side-bar .block .list .wrap ol li a {
font-size: 12px;
}
.side-bar .block .list .wrap ol.main-cat li a {
font-size: 14px;
}
.side-bar .block .list .wrap .button {
padding: 8px 14px 5px 14px !important;
font-size: 9px;
line-height: 16px;
margin-top: 5px;
}
.side-bar .block .list .wrap ul li {
font-family: "FuturaNDBook", arial;
font-size: 10px;
}
.side-bar .block .list .wrap .head {
margin-bottom: 0px;
padding-bottom: 0px;
}
.side-bar .block .list .wrap .head h3 {
font-size: 14px;
text-transform: capitalize;
font-family: "FuturaNDBook", arial;
margin-bottom: 0;
line-height: 28px;
}
.please-wait {
position: fixed;
width: 100%;
top: 0;
height: 100%;
left: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 99;
margin: 0;
text-align: center;
}
.please-wait img {
float: none;
width: 40px;
margin: 0 auto;
margin-top: 30%;
}
div.price-slider {
background: none !important;
position: relative;
z-index: 10;
zoom: 1;
padding: 15px 0;
overflow: hidden;
}
div.price-slider:before {
content: '';
left: 0;
top: 0;
height: 8px;
width: 100%;
margin-top: 0px;
border: 1px solid #E5E5E5;
background: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 5px;
display: block;
}
div.price-slider .filter-handle {
height: 20px !important;
width: 20px !important;
border-radius: 100%;
top: -14px;
position: relative;
cursor: pointer !important;
background: #AF694A !important;
}
div.price-slider .price-slider-from {
/*background-image:url('https://novaocto.com/skin/frontend/rwd/novaocto/images/circle.svg') !important;*/
position: relative;
}
div.price-slider .price-slider-to {
/*background-image:url('https://novaocto.com/skin/frontend/rwd/novaocto/images/circle.svg') !important;*/
background-position: top center !important;
position: relative;
top: -18px;
}
.btn-remove:after {
color: #221f1f;
}
.btn-remove:hover {
background-color: #221f1f;
border-color: #221f1f;
}
.left-side .block-layered-nav .layered-nav-filter {
padding: 2px 0;
color: #221f1f;
}
.left-side .block-layered-nav .layered-nav-filter.selected label {
color: #AF694A;
}
.left-side .block-layered-nav .actions {
margin-bottom: 30px;
}
.left-side .block-layered-nav .currently {
margin-bottom: 10px;
}
.left-side .block-layered-nav .currently ol {
padding: 0;
}
.left-side .block-layered-nav .currently ol li .label {
color: black;
font-weight: normal;
font-size: 12px;
font-family: "FuturaNDBook", arial;
padding: 0;
margin-right: 3px;
}
.left-side .block-layered-nav .currently ol li .value {
font-size: 12px;
}
.left-side .block-layered-nav .currently .block-subtitle {
font-weight: normal;
color: #221f1f;
text-transform: capitalize;
font-family: "FuturaNDBook", arial;
}
/*------- Sub menu ------ */
.brands-nav a {
font-family: "FuturaNDBook", arial;
margin-bottom: 7px;
}
.brands-nav a:hover {
color: #AF694A;
}
div.wp-custom-menu-popup {
position: absolute !important;
top: 53px !important;
border: none !important;
z-index: 20 !Important;
width: 1050px !important;
/*max-height: 430px;*/
overflow-y: auto;
left: -50px !important;
}
@media screen and (max-width: 1200px) {
div.wp-custom-menu-popup {
top: 45px !important;
width: 955px !important;
left: -7px !important;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
div.wp-custom-menu-popup {
width: 760px !important;
left: -22px !important;
}
}
div.wp-custom-menu-popup.occasion {
width: 800px !important;
overflow-y: auto;
}
div.wp-custom-menu-popup.occasion .container {
padding: 25px 30px 20px 30px;
}
div.wp-custom-menu-popup.occasion .container .block1 {
width: 54% !important;
}
div.wp-custom-menu-popup.occasion .container .block1 .column {
width: 50%;
}
div.wp-custom-menu-popup.occasion .container .block2 {
width: 46% !important;
}
div.wp-custom-menu-popup.accessories {
width: 800px !important;
overflow-y: auto;
}
div.wp-custom-menu-popup.accessories .container {
padding: 25px 30px 20px 30px;
}
div.wp-custom-menu-popup.accessories .container .block1 {
width: 30% !important;
}
div.wp-custom-menu-popup.accessories .container .block1 .column {
width: 100%;
}
div.wp-custom-menu-popup.accessories .container .block2 {
width: 70% !important;
}
div.wp-custom-menu-popup.accessories .container .block2 .column {
width: 40%;
text-align: left;
}
div.wp-custom-menu-popup.accessories .container .block2 .block2 {
width: 60% !important;
}
div.wp-custom-menu-popup .container {
background: #fff;
padding: 18px 40px 30px 40px;
margin: 20px 0 0 0;
width: 100%;
max-width: 1250px;
}
div.wp-custom-menu-popup .container .row {
margin: 0px;
}
div.wp-custom-menu-popup .container .block1 {
float: left;
/*min-height: 410px;*/
padding: 0px;
width: 63% !important;
}
div.wp-custom-menu-popup .container .block1 .column {
width: 33.3333%;
}
div.wp-custom-menu-popup .container .block2 {
float: left;
text-align: center;
width: 37% !important;
padding: 0;
}
div.wp-custom-menu-popup .container .block2 a {
transition: none;
}
div.wp-custom-menu-popup .container .block2 img {
max-width: 50%;
opacity: 1;
height: auto;
margin-bottom: 10px;
display: inline-block;
border-right: 3px solid #fff;
}
div.wp-custom-menu-popup .container .block2 h6 {
font-family: "FuturaNDBook", arial;
margin-bottom: 0;
}
div.wp-custom-menu-popup .container .block2 h4 {
font-size: 14px;
line-height: 24px;
text-align: left;
font-family: "FuturaNDBook", arial;
border-bottom: 1px solid #dbdada;
margin-bottom: 15px;
padding-bottom: 15px;
margin-top: 3px;
color: #080F11;
opacity: 0.8;
}
div.wp-custom-menu-popup .container .block2 h4 a {
font-size: 40px;
line-height: 44px;
}
div.wp-custom-menu-popup .container .block2 p {
font-family: "FuturaNDBook", arial;
font-size: 16px;
}
div.wp-custom-menu-popup .container .itemMenu .itemMenuName {
font-family: "FuturaNDBook", arial;
text-transform: capitalize;
margin-top: 0px;
font-size: 14px;
line-height: 22px;
margin-bottom: 0px;
padding: 5px 10px 5px 0;
position: relative;
color: #080F11;
opacity: 0.8;
}
div.wp-custom-menu-popup .container .itemMenu .itemMenuName.level1 {
border-bottom: 1px solid #dbdada;
margin-bottom: 15px;
padding-bottom: 15px;
margin-right: 20px;
}
div.wp-custom-menu-popup .container .itemMenu .itemMenuName:hover {
color: #AF694A;
}
div.wp-custom-menu-popup .container .itemMenu .itemSubMenu .level3 {
padding-left: 10px;
position: relative;
/*&:before,&:after{
display: table;
content: " ";
}
&::after{
clear: both;
}*/
}
div.wp-custom-menu-popup .container .itemMenu .itemSubMenu .level3 a {
opacity: 0.8;
font-size: 10px;
line-height: 10px;
position: relative;
}
div.wp-custom-menu-popup .container .itemMenu .itemSubMenu .itemMenuName {
font-family: "FuturaNDBook", arial;
text-transform: capitalize;
margin-left: 0px;
font-size: 12px;
padding: 2px 10px 2px 0px;
color: #080F11;
opacity: 0.5;
line-height: 18px;
}
div.wp-custom-menu-popup .container .itemMenu .itemSubMenu .itemMenuName:hover {
opacity: 1;
color: #AF694A;
}
.f-overlay {
position: fixed;
background: rgba(255, 255, 255, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 20;
display: none;
}
.sp-methods dd li {
margin-top: 15px !important;
}
.sp-methods dt#dt_method_cashondelivery {
margin: 0 0 5px;
}
.layered-nav-filter:hover label, .form-list .control:hover label, .sp-methods dt:hover label {
text-decoration: none;
}
.layered-nav-filter:hover label:before, .form-list .control:hover label:before, .sp-methods dt:hover label:before {
color: #221f1f;
}
.layered-nav-filter input, .form-list .control input, .sp-methods dt input {
visibility: hidden;
position: absolute;
}
.layered-nav-filter input:checked + label:before, .form-list .control input:checked + label:before, .sp-methods dt input:checked + label:before {
content: "";
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/checked.svg");
color: #221f1f;
}
.layered-nav-filter label, .form-list .control label, .sp-methods dt label {
padding-left: 0px;
margin-bottom: 0;
background: none;
text-transform: initial;
line-height: 21px;
}
.layered-nav-filter label:hover, .form-list .control label:hover, .sp-methods dt label:hover {
text-decoration: none !important;
}
.layered-nav-filter label:before, .form-list .control label:before, .sp-methods dt label:before {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/unchecked.svg");
background-size: 20px auto;
background-repeat: no-repeat;
background-position: center center;
content: "";
display: inline-block;
padding-right: 5px;
vertical-align: middle;
width: 20px;
height: 20px;
margin-left: 0px;
margin-right: 10px;
}
/*-------- Mini Cart --------*/
.header-minicart .pointer {
position: absolute;
width: 20px;
top: -9px;
left: 50%;
margin-left: -10px;
display: none;
}
.header-minicart .btn-group {
width: 100%;
background-color: #F3F3F3;
padding: 10px 10px 6px 10px;
}
.header-minicart .btn-group .list-inline {
text-align: right;
}
.header-minicart .btn-group .list-inline li {
padding: 0 0 0 4px;
display: block;
}
.header-minicart .btn-group .list-inline li a {
top: 0 !important;
}
.header-minicart .button {
font-size: 9px;
background-color: #221f1f;
color: #fff;
font-family: "FuturaNDBook", arial;
letter-spacing: 3px;
padding: 12px 28px !important;
}
.header-minicart .button:hover {
background-color: #AF694A;
border: 1px solid #AF694A;
}
.header-minicart .block-content .subtotal {
background-color: transparent;
text-align: center;
line-height: 2em;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 8px 0;
font-size: 12px;
margin-bottom: 0;
display: none;
}
.header-minicart .block-content .subtotal .label {
font-size: 12px !important;
color: #221f1f !important;
display: inline-block !important;
font-weight: normal;
}
.header-minicart .block-content .subtotal .price {
color: #221f1f;
font-family: "FuturaNDBook", arial;
}
.header-minicart #header-cart .minicart-wrapper .mini-products-list li .product-image {
float: left;
width: 90px;
margin-left: -5px;
}
.header-minicart #header-cart.skip-active {
top: 75px;
border: none;
padding: 0px;
}
@media screen and (max-width: 1200px) {
.header-minicart #header-cart.skip-active {
top: 50px;
}
}
@media screen and (max-width: 1200px) and (max-width: 768px) {
.header-minicart #header-cart.skip-active {
top: 50px;
}
.header-minicart #header-cart.skip-active:before {
right: 61px !important;
}
}
@media screen and (max-width: 1200px) and (max-width: 768px) and (max-width: 640px) {
.header-minicart #header-cart.skip-active:before {
right: 28px !important;
}
}
@media screen and (max-width: 330px) {
.header-minicart #header-cart.skip-active {
width: 300px;
}
}
.header-minicart #header-cart.skip-active:before {
content: '';
width: 0px;
height: 0px;
border-style: solid;
border-color: transparent transparent transparent #ffffff;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
position: absolute;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ffffff;
top: -9px;
right: 12px;
z-index: 20;
}
.header-minicart #header-cart.skip-active .cart-head {
text-align: center;
border-bottom: 1px solid #e3e5e4;
margin-bottom: 10px;
}
.header-minicart #header-cart.skip-active .cart-head p {
font-family: "FuturaNDBook", arial;
text-transform: uppercase;
margin-bottom: 5px;
}
.header-minicart #header-cart.skip-active .cart-head .close {
color: #221f1f;
text-shadow: none;
opacity: 1;
text-decoration: none;
}
.header-minicart #header-cart.skip-active .cart-head .close:hover {
color: #AF694A;
}
.header-minicart .mini-products-list {
padding: 0px;
max-height: 540px;
overflow: hidden;
}
.header-minicart .mini-products-list li {
padding: 15px;
}
.header-minicart .mini-products-list li:last-child {
margin-bottom: 0px;
border-bottom: none;
}
.header-minicart .mini-products-list .truncated {
display: none;
}
.header-minicart .mini-products-list .product-details {
margin-left: 95px;
}
.header-minicart .mini-products-list .product-details br {
display: none;
}
.header-minicart .mini-products-list .product-details .product-name {
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
font-family: "FuturaNDBook", arial;
margin-bottom: 3px;
padding-right: 60px;
}
.header-minicart .mini-products-list .product-details .product-name a {
font-family: "FuturaNDLight", arial;
color: #221f1f;
text-decoration: none;
}
.header-minicart .mini-products-list .product-details .product-name a:hover {
opacity: 1;
color: #AF694A;
}
.header-minicart .mini-products-list .product-image {
border: none;
min-width: 50px;
}
.header-minicart .mini-products-list .product-image img {
max-width: 100%;
height: auto;
margin-top: 0px;
}
.header-minicart .mini-products-list .info-wrapper p {
font-size: 12px;
margin-bottom: 0;
line-height: 22px;
}
.header-minicart .mini-products-list .info-wrapper p span {
font-family: "FuturaNDBook", arial;
}
.header-minicart .mini-products-list .info-wrapper .price-col p span:last-child {
font-family: "FuturaNDLight", arial;
}
.header-minicart .mini-products-list .info-wrapper .price-col span, .header-minicart .mini-products-list .info-wrapper .price-col .pricingppr {
font-size: 12px;
color: #221f1f;
margin: 0 4px 0 0;
}
.header-minicart .mini-products-list .info-wrapper .price-col span.price, .header-minicart .mini-products-list .info-wrapper .price-col .pricingppr.price {
font-family: "FuturaNDLight", arial;
}
.header-minicart .mini-products-list .info-wrapper .qty-wrapper ul {
margin: 0;
}
.header-minicart .mini-products-list .info-wrapper .qty-wrapper ul li {
padding: 0;
border: none;
font-family: "FuturaNDBook", arial;
}
.header-minicart .mini-products-list .info-wrapper .qty-wrapper ul li .qty {
width: 24px;
height: 24px;
margin-left: 3px;
font-size: 12px;
font-family: "FuturaNDBook", arial;
border-radius: 0px;
}
.header-minicart .mini-products-list .info-wrapper .qty-wrapper ul li .quantity-button {
font-size: 12px;
padding: 2px 5px;
text-transform: inherit;
height: 24px;
position: relative;
top: 0px;
font-family: "FuturaNDBook", arial;
}
.header-minicart .mini-products-list .info-wrapper .btn-col {
padding-left: 0;
text-align: right;
}
.header-minicart .mini-products-list .info-wrapper .btn-col a {
font-size: 12px;
text-transform: uppercase;
position: absolute !important;
right: 0;
top: 0px !important;
width: 50px !important;
display: none !important;
}
.header-minicart .mini-products-list .info-wrapper .btn-col a:hover {
opacity: 1 !important;
color: #AF694A;
}
.header-minicart .mini-products-list .info-wrapper .btn-col a span {
font-size: 15px;
}
.header-minicart .mini-products-list .info-wrapper .btn-col a span.icon-garbage {
position: relative;
top: 2px;
font-size: 14px;
}
.header-minicart .mini-products-list .info-wrapper .btn-col a span.icon-garbage:hover {
color: #AF694A;
}
.header-minicart .mini-products-list .info-wrapper .btn-col a span.line {
font-size: 10px;
margin: 0 3px;
}
.header-minicart .mini-products-list .info-wrapper .btn-col .line {
font-size: 10px;
margin: 0 3px;
}
.skip-cart:not(.skip-active):hover .icon {
background-position: -50px -95px;
}
.skip-cart .icon {
background-position: 0px -95px;
}
.skip-cart {
width: auto;
padding: 0 10px;
}
#header-cart.skip-active {
border: solid 1px #cccccc;
display: block;
position: absolute;
z-index: 200;
top: 40px;
right: 0;
width: 403px;
background: white;
}
@media screen and (max-width: 480px) {
#header-cart.skip-active {
width: 340px;
}
}
@media screen and (max-width: 480px) and (max-width: 330px) {
#header-cart.skip-active {
width: 300px;
}
}
.skip-cart .count {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
display: inline-block;
top: -6px;
position: relative;
z-index: 5;
width: 22px;
height: 22px;
background: rgba(51, 153, 204, 0.9);
color: #FFFFFF;
font-size: 11px;
line-height: 22px;
text-align: center;
font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
}
.skip-link.skip-active .count {
color: white;
}
.skip-cart.no-count .count {
display: none;
}
.skip-cart {
color: #3399cc;
text-transform: uppercase;
}
.skip-cart:hover {
text-decoration: none;
}
.skip-cart .count {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
position: static;
background: none;
margin-left: 0px;
font-size: 14px;
width: auto;
}
.skip-cart .count,
.skip-link.skip-active .count {
color: #3399cc;
}
.skip-cart .count.empty {
display: none;
}
/*-------- Cart Page --------*/
.cart-table {
float: none;
width: 100%;
}
.cart-forms, .cart-totals-wrapper, .crosssell {
float: none;
clear: right;
width: 100%;
padding-left: 0;
}
.cart .page-title {
border-bottom: none;
}
.cart .page-title h1 {
float: none;
color: #221f1f;
text-align: center;
margin-top: 40px;
}
.cart .container {
padding: 0 15px;
}
@media screen and (max-width: 992px) {
.cart .container {
padding: 0 20px;
}
}
.cart .container .cart-totals {
background: none;
border: none;
width: 360px;
float: right;
padding: 0;
}
@media screen and (max-width: 767px) {
.cart .container .cart-totals {
width: 100%;
}
}
.cart .container .cart-totals table tr td {
padding: 8px 0 !Important;
font-family: "FuturaNDBook", arial;
font-size: 14px;
}
.cart .container .cart-totals table tr td:first-child {
text-align: left;
color: #221f1f;
text-transform: initial;
}
.cart .container .cart-totals table tr td span {
font-size: 12px;
color: #221f1f;
}
.cart .container .cart-totals table tfoot {
border-bottom: none;
}
table tr td .summary-collapse {
pointer-events: none;
}
table tr td .summary-collapse:before {
border: none !important;
margin: 0px !important;
}
table tr.summary-details-first {
display: none !important;
}
.messages .success-msg li {
color: #fff;
border-left: none;
background-color: #C8876A;
font-family: "FuturaNDBook", arial;
padding: 15px 10px 11px 10px;
font-size: 13px;
line-height: 22px;
text-align: center;
}
.messages .success-msg li span {
color: #fff;
}
.messages .success-msg li a {
color: #080F11;
font-family: "FuturaNDBook", arial;
font-size: 15px;
text-decoration: underline;
}
.messages .success-msg li a:hover {
text-decoration: none;
}
.messages .success-msg li:before {
border: none !important;
}
.cart-table thead th, #wishlist-table thead th {
font-family: "FuturaNDBook", arial;
color: #221f1f;
border-bottom: 1px solid #E5E5E5;
font-size: 12px;
text-transform: inherit;
}
.cart-table tr, #wishlist-table tr {
border-bottom: 1px solid #E5E5E5;
}
@media screen and (max-width: 600px) {
.cart-table tr, #wishlist-table tr {
padding-bottom: 20px;
}
}
.cart-table td, #wishlist-table td {
padding: 10px !important;
vertical-align: middle !important;
color: #221f1f;
font-family: "FuturaNDBook", arial;
}
@media screen and (max-width: 992px) {
.cart-table td, #wishlist-table td {
font-size: 12px;
}
.cart-table td .price, #wishlist-table td .price {
font-size: 12px;
}
}
.cart-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-price {
padding-top: 35px !important;
}
.cart-table td .rental, .cart-table td .wishlist-sku, #wishlist-table td .rental, #wishlist-table td .wishlist-sku {
display: none;
}
.cart-table td .type, #wishlist-table td .type {
font-family: "FuturaNDLight", arial;
text-transform: initial;
font-size: 12px;
}
@media screen and (max-width: 767px) {
.cart-table td .type, #wishlist-table td .type {
margin-bottom: 0;
}
}
.cart-table td.cart-footer-actions, #wishlist-table td.cart-footer-actions {
padding: 15px 0 !important;
}
.cart-table .button, #wishlist-table .button {
border: none;
text-decoration: underline;
}
.cart-table .button:hover, .cart-table .button:focus, #wishlist-table .button:hover, #wishlist-table .button:focus {
text-decoration: none;
background-color: transparent;
color: #221f1f;
}
.cart-table .btn-continue, #wishlist-table .btn-continue {
margin-left: 0px;
}
.cart-table a:hover, #wishlist-table a:hover {
color: #AF694A !important;
background-color: transparent !important;
}
.cart-table a:hover span, #wishlist-table a:hover span {
color: #AF694A !important;
}
.cart-table a span, #wishlist-table a span {
font-size: 17px;
margin-left: 6px;
}
.cart-table a span.fa-edit, #wishlist-table a span.fa-edit {
display: none;
}
.cart-table .product-image, #wishlist-table .product-image {
width: 100px;
border: 0;
}
@media screen and (max-width: 992px) {
.cart-table .product-image, #wishlist-table .product-image {
width: 80px;
}
}
@media screen and (max-width: 767px) {
.cart-table .product-image, #wishlist-table .product-image {
width: 100%;
}
}
@media screen and (max-width: 600px) {
.cart-table .product-cart-price, #wishlist-table .product-cart-price {
text-align: left;
width: 100%;
padding-left: 120px !important;
}
}
.cart-table h2, #wishlist-table h2 {
text-transform: uppercase;
font-weight: normal;
font-size: 12px;
}
@media screen and (max-width: 600px) {
.cart-table .product-cart-wish, #wishlist-table .product-cart-wish {
position: absolute;
right: 0;
width: 30px;
padding: 0 !important;
top: 10px;
display: none;
}
}
@media screen and (max-width: 600px) {
.cart-table .product-cart-info, #wishlist-table .product-cart-info {
width: 100%;
padding-left: 120px !important;
text-align: left;
padding-bottom: 0px !important;
}
}
@media screen and (max-width: 600px) {
.cart-table .product-cart-price, #wishlist-table .product-cart-price {
text-align: left !important;
width: 100% !important;
padding: 0 0 0 120px !important;
}
}
.cart-table .product-cart-image, #wishlist-table .product-cart-image {
max-width: 140px;
}
@media screen and (max-width: 600px) {
.cart-table .product-cart-image, #wishlist-table .product-cart-image {
padding: 0 !important;
}
.cart-table .product-cart-image .product-image, #wishlist-table .product-cart-image .product-image {
position: absolute;
width: 100px;
padding-top: 0 !important;
top: 10px;
}
.cart-table .product-cart-image ul, #wishlist-table .product-cart-image ul {
position: absolute;
right: -15px;
top: 18px;
}
}
.cart-table .product-cart-image img, #wishlist-table .product-cart-image img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 600px) {
.cart-table .product-cart-date, #wishlist-table .product-cart-date {
width: 100%;
padding-left: 120px !important;
padding-bottom: 0 !important;
}
}
.cart-table .product-cart-date .item-options, #wishlist-table .product-cart-date .item-options {
font-size: 12px;
font-family: "FuturaNDLight", arial;
margin-bottom: 0;
}
@media screen and (max-width: 600px) {
.cart-table .product-cart-date .item-options, #wishlist-table .product-cart-date .item-options {
padding-left: 0;
margin-bottom: 0;
}
}
.cart-table .product-cart-remove a, #wishlist-table .product-cart-remove a {
text-transform: uppercase;
}
.cart-table .product-cart-actions .qty, #wishlist-table .product-cart-actions .qty {
width: 30px;
font-family: "FuturaNDBook", arial;
font-size: 12px;
padding: 0;
}
@media screen and (max-width: 600px) {
.cart-table .product-cart-actions .qty, #wishlist-table .product-cart-actions .qty {
width: 25px;
height: 25px;
position: relative;
top: 2px;
}
}
h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a {
color: #221f1f;
font-family: "FuturaNDLight", arial;
text-transform: inherit;
}
.cart-forms #discount-coupon-form .discount,
.cart-forms #amgiftcard-form .discount {
background-color: #ffffff;
border: 1px solid #E5E5E5;
width: 300px;
padding: 20px;
}
@media screen and (max-width: 767px) {
.cart-forms #discount-coupon-form .discount,
.cart-forms #amgiftcard-form .discount {
width: 100%;
}
}
.cart-forms #discount-coupon-form .discount label,
.cart-forms #amgiftcard-form .discount label {
font-family: "FuturaNDBook", arial;
font-size: 14px;
text-transform: inherit;
}
.cart-forms #discount-coupon-form .discount .field-wrapper,
.cart-forms #amgiftcard-form .discount .field-wrapper {
display: block;
}
.cart-forms #discount-coupon-form .discount .field-wrapper input,
.cart-forms #amgiftcard-form .discount .field-wrapper input {
width: 100%;
height: 40px;
margin: 0;
}
.cart-forms #discount-coupon-form .discount .field-wrapper .button-wrapper,
.cart-forms #amgiftcard-form .discount .field-wrapper .button-wrapper {
display: block;
}
.cart-forms #discount-coupon-form .discount .field-wrapper .button-wrapper button,
.cart-forms #amgiftcard-form .discount .field-wrapper .button-wrapper button {
margin-top: 10px;
width: 100%;
float: none;
margin-left: 0;
}
hr {
border-top: 1px solid #ccc;
}
.messages .error-msg li {
border-left: none;
background-color: #ecd0c1;
color: #000;
padding: 13px 10px 9px 10px !important;
}
.messages .error-msg li:before {
border: none;
}
.checkout-types {
float: none;
}
.checkout-types .btn-checkout {
width: 100%;
padding: 20px 10px !important;
font-size: 10px;
letter-spacing: 3px;
margin-top: 4px;
background-color: #221f1f;
color: #fff;
}
@media screen and (max-width: 1200px) {
.checkout-types .btn-checkout {
margin-top: 21px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.checkout-types .btn-checkout {
margin-top: 15px;
padding: 8px;
}
}
@media screen and (max-width: 1200px) and (max-width: 767px) {
.checkout-types .btn-checkout {
padding: 7px;
margin: 0;
}
}
.checkout-types .btn-checkout:hover, .checkout-types .btn-checkout:focus {
background-color: #AF694A;
border: 1px solid #AF694A;
}
.error {
font-weight: normal;
line-height: 20px;
font-family: "FuturaNDBook", arial;
font-size: 12px;
text-align: left;
}
.price-box .price, .price {
color: #AF694A;
font-family: "FuturaNDLight", arial;
font-size: 15px;
}
.cart-featured {
padding-bottom: 30px;
}
.slick-slide:focus {
outline: none;
}
.checkout-onepage-index .col-main {
float: none;
width: 100%;
padding: 0 15px;
}
.messages .error-msg a {
text-align: left !important;
display: inherit !important;
}
.customer-account .main-container.col2-left-layout {
padding-top: 0;
margin-top: 200px;
}
@media screen and (max-width: 1200px) {
.customer-account .main-container.col2-left-layout {
margin-top: 170px;
}
}
@media screen and (max-width: 1200px) and (max-width: 768px) {
.customer-account .main-container.col2-left-layout {
margin-top: 40px;
}
}
.customer-account .main-container.col2-left-layout .container {
padding: 0 15px;
}
@media screen and (max-width: 767px) {
.customer-account .main-container.col2-left-layout .container .row {
margin: 0;
}
.customer-account .main-container.col2-left-layout .container .row li {
padding: 0px;
}
.customer-account .main-container.col2-left-layout .container .row li .field {
padding: 0px;
}
}
.customer-account .main-container.col2-left-layout .container .page-title {
display: block;
}
@media screen and (max-width: 768px) {
.customer-account .main-container.col2-left-layout .container .page-title {
margin-top: 5px;
}
}
.customer-account .main-container.col2-left-layout .container .page-title h1 {
margin-bottom: 10px;
font-size: 20px;
line-height: 26px;
margin-top: 0;
}
@media screen and (max-width: 767px) {
.customer-account .main-container.col2-left-layout .container .page-title h1 {
margin-bottom: 5px;
font-size: 19px;
margin-top: 30px;
}
}
/*-- My account - Dashboard pages --*/
.block-account .block-title {
display: none;
}
@media screen and (max-width: 767px) {
.block-account .block-title {
display: block;
}
}
@media screen and (max-width: 767px) {
.block-account .block-title span {
border: 1px solid #E5E5E5;
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/pointer.svg");
background-repeat: no-repeat;
background-size: 11px auto;
background-position: 97% center;
padding: 6px 30px 3px 9px;
line-height: 27px;
font-size: 15px;
display: block;
text-transform: capitalize;
}
}
@media screen and (max-width: 767px) {
.block-account .block-content {
margin-top: 0px;
}
}
@media screen and (max-width: 767px) {
.block-account .block-content ul {
display: none;
}
}
.block-account li a {
color: #221f1f;
font-family: "FuturaNDLight", arial;
font-size: 16px;
text-transform: initial;
margin-bottom: 16px;
display: block;
}
@media screen and (max-width: 992px) {
.block-account li a {
font-size: 13px;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) {
.block-account li a {
font-size: 15px;
margin-bottom: 0;
margin-top: 10px;
}
}
.block-account li a:hover {
color: #AF694A;
}
.block-account li a strong {
color: #AF694A;
font-family: "FuturaNDBook", arial;
}
.block-account .block-title strong {
color: #221f1f;
font-size: 20px;
}
.my-account {
border-left: 1px solid #E5E5E5;
padding-left: 40px;
padding-bottom: 40px;
min-height: 350px;
padding-top: 10px;
margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
.my-account {
padding-left: 20px;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) {
.my-account {
padding-left: 0;
border: none;
padding-top: 0;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) and (max-width: 640px) {
.my-account {
padding-bottom: 10px;
min-height: 100px;
}
}
.my-account h1 {
color: #3C3C3B;
}
.my-account p {
font-size: 14px;
line-height: 24px;
font-style: normal;
}
.my-account p.hello {
font-size: 17px;
}
.my-account p strong {
color: #221f1f;
font-family: "FuturaNDBook", arial;
text-transform: inherit;
font-weight: normal;
}
.my-account a {
color: #AF694A;
font-family: "FuturaNDBook", arial;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
}
.my-account a:hover {
text-decoration: underline;
}
.my-account .pager {
display: none;
}
.my-account .box-account {
border: 0;
padding-bottom: 0;
margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
.my-account .box-account {
margin-bottom: 25px;
}
}
.my-account .box-account .box {
padding: 0;
}
.my-account .box-account .box h3 {
margin-top: 0;
color: #3C3C3B;
font-family: "FuturaNDBook", arial;
text-transform: uppercase;
font-weight: normal !important;
}
.my-account .box-account p, .my-account .box-account address {
font-style: normal;
font-family: GillSans-Light;
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
}
.my-account .box-account address {
margin-bottom: 0;
}
.my-account .box-head, .my-account .legend {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #3C3C3B;
border-top: none;
padding: 5px 0 0 0;
}
.my-account .box-head h2, .my-account .legend h2 {
margin-top: 0;
color: #221f1f;
font-family: "FuturaNDBook", arial;
text-transform: inherit;
font-weight: normal;
font-size: 16px;
}
.my-account .box-head a, .my-account .legend a {
float: right;
margin-top: -1px;
padding-right: 0;
}
.my-account .legend {
padding: 7px 0;
color: #3C3C3B;
font-family: "FuturaNDLight", arial;
font-size: 16px;
line-height: 23px;
text-transform: inherit;
margin-bottom: 25px;
}
.my-account .form-list .input-box input {
border: 1px solid #e3e5e4;
height: 45px;
border-radius: 0px;
width: 100%;
color: #221f1f;
}
.my-account .actions {
padding-top: 15px;
padding-bottom: 15px;
}
.my-account .actions .required {
float: right;
}
.my-account .actions .shadow-btn {
float: left;
width: auto;
}
.my-account .addresses-list {
font-family: "FuturaNDBook", arial;
}
.my-account .addresses-list .col-1 {
width: 100%;
}
.my-account .addresses-list .col-2 {
float: left;
padding: 0;
width: 100%;
}
.my-account .addresses-list .col-2 h2 {
margin-top: 0px;
margin-bottom: 25px;
}
.my-account .addresses-list .item {
width: 50%;
float: left;
margin-bottom: 15px;
}
.my-account .addresses-list h2 {
font-size: 18px;
text-transform: inherit;
border-bottom: 1px solid #E5E5E5;
line-height: 28px;
padding: 8px 0 5px 0;
margin: 0px;
}
@media screen and (max-width: 1200px) {
.my-account .addresses-list h2 {
font-size: 17px;
}
}
.my-account .addresses-list .legend {
font-family: "FuturaNDBook", arial;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 1.4;
margin: 0 0 15px;
padding-bottom: 7px;
text-rendering: optimizespeed;
text-transform: uppercase;
}
.my-account .addresses-list .separator {
font-size: 10px;
margin: 0 3px;
position: relative;
top: 0px;
}
.my-account .addresses-list ol li {
padding: 0;
}
@media screen and (max-width: 1200px) {
.my-account .addresses-list ol li {
margin: 0 0 0px 0 !important;
}
}
.my-account .addresses-list ol li h3 {
font-family: "FuturaNDLight", arial;
font-weight: normal !important;
text-transform: inherit;
}
.my-account .form-list .company {
margin-top: -10px;
}
@media screen and (max-width: 767px) {
.my-account .form-list .company {
margin-top: 0;
}
}
.my-account .form-list .clearfix {
margin-bottom: 0;
}
.my-account .form-list select {
width: 100%;
max-width: 100%;
margin-top: 0;
font-family: "FuturaNDBook", arial;
}
.my-account .form-list .check, .my-account .form-list .control {
margin: 0px;
padding: 0;
position: relative;
}
@media screen and (max-width: 767px) {
.my-account .form-list .check, .my-account .form-list .control {
padding-left: 1px !important;
}
}
.my-account .form-list .check:hover, .my-account .form-list .control:hover {
cursor: pointer;
}
.my-account .form-list .check label, .my-account .form-list .control label {
background: none;
padding: 0;
}
.my-account .form-list .check label:before, .my-account .form-list .control label:before {
padding-right: 5px;
}
.buttons-set {
padding-top: 20px;
border-top: 1px solid #E5E5E5;
margin-top: 15px;
position: relative;
z-index: 99;
}
@media screen and (max-width: 767px) {
.buttons-set {
padding-top: 10px;
margin-top: 10px;
}
}
.buttons-set .back-link .button {
color: black;
min-width: 140px;
text-transform: uppercase;
display: block;
text-align: center;
padding: 8px 0;
font-size: 10px;
letter-spacing: 3px;
line-height: 20px;
}
.buttons-set .back-link .button:hover {
color: #fff;
text-decoration: none;
}
.validation-advice {
position: absolute;
bottom: -15px;
left: 10px;
line-height: 20px;
font-size: 10px;
background-color: #fff;
padding: 5px;
}
.input-box {
position: relative;
width: 100% !important;
}
.input-box.active .floating-label {
top: -8px;
min-width: 20px;
color: #AF694A !important;
font-size: 11px;
}
.input-box .floating-label {
position: absolute;
pointer-events: auto;
left: 7px;
top: 13px;
transition: 0.2s ease all;
z-index: 1;
font-size: 12px;
color: #a1a1a1;
background-color: #fff;
padding: 5px 10px;
line-height: 12px;
text-transform: capitalize;
min-width: 250px;
text-align: left;
}
@media screen and (max-width: 992px) {
.input-box .floating-label {
min-width: 210px;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) {
.input-box .floating-label {
min-width: 210px;
}
}
.block-pprdates .button, .product-view .button {
font-size: 10px;
padding: 13px 15px;
}
.block-pprdates .vertical-nav-container-global .datesSelector input, .product-view .vertical-nav-container-global .datesSelector input {
width: 245px !important;
line-height: 48px;
}
.block-pprdates .input-box .floating-label, .product-view .input-box .floating-label {
color: #221f1f;
}
.block-pprdates .date-btn, .product-view .date-btn {
width: 89.5% !important;
}
.block-pprdates button, .product-view button {
width: 100%;
}
.block-pprdates .block-title, .product-view .block-title {
border-bottom: 1px solid #E5E5E5;
padding-bottom: 8px;
margin-bottom: 20px;
}
.block-pprdates .block-title h3, .product-view .block-title h3 {
font-size: 20px;
color: #221f1f;
text-transform: capitalize;
font-family: "FuturaNDLight", arial;
font-weight: normal;
}
.block-pprdates .input-box.active .floating-label, .product-view .input-box.active .floating-label {
min-width: 20px;
}
.block-pprdates .input-box .floating-label, .product-view .input-box .floating-label {
min-width: 250px;
}
.block-pprdates .dateView, .product-view .dateView {
width: 100% !important;
}
.block-pprdates .dateSelectorStart, .block-pprdates .dateSelectorEnd, .product-view .dateSelectorStart, .product-view .dateSelectorEnd {
position: relative;
width: 100%;
}
.block-pprdates .dateSelectorStart, .product-view .dateSelectorStart {
margin-bottom: 15px;
}
.block-pprdates .datePickerDiv, .product-view .datePickerDiv {
z-index: 10;
}
.block-pprdates .datePickerDiv .datepick-new-row, .product-view .datePickerDiv .datepick-new-row {
padding: 0px !important;
}
.block-pprdates .datePickerDiv .datePicker, .product-view .datePickerDiv .datePicker {
width: 100% !important;
}
.block-pprdates .datePickerDiv .datepick-inline, .product-view .datePickerDiv .datepick-inline {
width: 100% !important;
border: none;
}
.block-pprdates .datePickerDiv .datepick-title-row th, .product-view .datePickerDiv .datepick-title-row th {
font-size: 11px;
padding: 8px;
}
.block-pprdates .datePickerDiv .datepick-links label, .product-view .datePickerDiv .datepick-links label {
padding: 4px 10px;
font-family: "FuturaNDBook", arial;
margin-bottom: 0;
font-size: 12px;
}
.block-pprdates .datePickerDiv .datepick-days-cell, .product-view .datePickerDiv .datepick-days-cell {
font-size: 10px;
padding: 5px;
border: 1px solid #ddd !important;
}
.block-pprdates .datePickerDiv .datepick-inline .datepick-links a, .product-view .datePickerDiv .datepick-inline .datepick-links a {
padding: 5px 10px !important;
display: inline-block;
}
.block-pprdates .datePickerDiv .datepick-inline .datepick-links a:hover, .product-view .datePickerDiv .datepick-inline .datepick-links a:hover {
background: none;
color: #AF694A;
}
.block-pprdates .datePickerDiv .datepick-title-row, .product-view .datePickerDiv .datepick-title-row {
border: 1px solid #777777;
}
.block-pprdates .datePickerDiv .datepick-header span, .product-view .datePickerDiv .datepick-header span {
top: 1px;
font-size: 11px;
}
.block-pprdates .datePickerDiv .datepick-days-cell-over, .block-pprdates .datePickerDiv .datepick-today, .product-view .datePickerDiv .datepick-days-cell-over, .product-view .datePickerDiv .datepick-today {
background: #AF694A;
color: #fff;
border: none;
}
.block-pprdates .datePickerDiv .datepick-days-cell-over a, .block-pprdates .datePickerDiv .datepick-today a, .product-view .datePickerDiv .datepick-days-cell-over a, .product-view .datePickerDiv .datepick-today a {
color: #fff;
}
.block-pprdates .datePickerDiv .datepick-week-end-cell, .product-view .datePickerDiv .datepick-week-end-cell {
background: #eee;
}
.block-pprdates .datePickerDiv .datepick-status, .product-view .datePickerDiv .datepick-status {
display: none;
}
.block-pprdates .datePickerDiv .datepick-title-row .datepick-week-end-cell, .product-view .datePickerDiv .datepick-title-row .datepick-week-end-cell {
background: #777;
}
.product-view {
padding-top: 45px;
}
@media screen and (max-width: 1200px) {
.product-view {
padding-top: 0px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.product-view {
padding-top: 10px;
}
}
.product-view select {
width: 100%;
}
.product-view .calendarTable {
position: relative;
}
.product-view .day-detail-container {
margin: 25px 0 30px 0;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
body.newsletter-manage-index .my-account .form-list {
border: 0;
padding: 0;
}
body.customer-account .my-account .fieldset {
margin-top: 15px;
}
@media screen and (max-width: 767px) {
body.customer-account .my-account .fieldset {
margin-bottom: 0px;
}
}
.checkout-review-table.cart-table .item-options {
padding-left: 65px;
}
.checkout-review-table .price {
font-size: 12px;
color: #221f1f;
}
.checkout-review-table th:last-child {
padding-right: 0px !important;
text-align: right;
}
.checkout-review-table td {
padding: 10px 25px !important;
}
@media screen and (max-width: 600px) {
.checkout-review-table td {
padding: 2px 60px !important;
}
}
.checkout-review-table td:last-child {
text-align: right;
padding-right: 0px !important;
}
.checkout-review-table td:first-child {
text-align: left;
padding-left: 0 !important;
}
.checkout-review-table td img {
float: left;
}
@media screen and (max-width: 600px) {
.checkout-review-table td img {
float: none;
margin-bottom: 5px;
position: absolute;
}
}
.checkout-review-table td .p-info {
float: left;
padding-left: 10px;
}
@media screen and (max-width: 600px) {
.checkout-review-table td .p-info {
width: 100%;
padding-left: 62px;
}
}
.checkout-review-table td .p-info p {
font-size: 12px;
color: #221f1f;
line-height: 23px;
margin-bottom: 0;
}
.checkout-review-table td .product-name {
padding-left: 0;
padding-top: 0px;
font-size: 12px;
font-family: "FuturaNDLight", arial;
margin: 0;
line-height: 20px;
}
@media screen and (max-width: 600px) {
.checkout-review-table td .product-name {
padding: 0px;
font-weight: normal !important;
font-size: 14px !important;
}
}
.checkout-review-table td h4.product-name {
padding-top: 0;
}
body.customer-account .order-details #my-orders-table img {
float: left;
}
@media screen and (max-width: 600px) {
body.customer-account .order-details #my-orders-table img {
float: none;
margin-bottom: 10px;
}
}
body.customer-account .order-details #my-orders-table h3.product-name {
margin: 0px;
font-family: "FuturaNDBook", arial;
color: #221f1f;
padding-left: 60px;
padding-top: 5px;
}
@media screen and (max-width: 600px) {
body.customer-account .order-details #my-orders-table h3.product-name {
padding: 0px;
}
}
body.customer-account .order-details #my-orders-table thead th:first-child {
width: 135px;
}
@media screen and (max-width: 600px) {
body.customer-account .order-details #my-orders-table thead th:first-child {
width: 100%;
}
}
@media screen and (max-width: 600px) {
body.customer-account .order-details #my-orders-table .subtotal td, body.customer-account .order-details #my-orders-table .shipping td, body.customer-account .order-details #my-orders-table .grand_total td, body.customer-account .order-details #my-orders-table .base_grandtotal td {
text-align: left;
width: 60%;
}
}
@media screen and (max-width: 600px) and (max-width: 480px) {
body.customer-account .order-details #my-orders-table .subtotal td, body.customer-account .order-details #my-orders-table .shipping td, body.customer-account .order-details #my-orders-table .grand_total td, body.customer-account .order-details #my-orders-table .base_grandtotal td {
width: 30%;
}
}
@media screen and (max-width: 600px) {
body.customer-account .order-details #my-orders-table .subtotal td:first-child, body.customer-account .order-details #my-orders-table .shipping td:first-child, body.customer-account .order-details #my-orders-table .grand_total td:first-child, body.customer-account .order-details #my-orders-table .base_grandtotal td:first-child {
width: 40%;
}
}
@media screen and (max-width: 600px) and (max-width: 480px) {
body.customer-account .order-details #my-orders-table .subtotal td:first-child, body.customer-account .order-details #my-orders-table .shipping td:first-child, body.customer-account .order-details #my-orders-table .grand_total td:first-child, body.customer-account .order-details #my-orders-table .base_grandtotal td:first-child {
width: 70%;
}
}
body #sizechartbutton {
position: absolute;
font-size: 9px;
top: 140px;
font-family: "FuturaNDLight", arial;
z-index: 10;
right: 15px;
background: #C2B6B1;
color: #fff;
text-decoration: none;
height: 50px;
line-height: 24px;
padding: 15px 20px 0;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
}
body #sizechartbutton:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
body #sizechartbutton {
right: 20px;
}
}
body #sizechart {
box-shadow: none;
border-radius: 0px;
padding: 30px;
width: 500px;
}
body #sizechart table {
margin-top: 10px !important;
}
body #sizechart table thead {
background-color: #221f1f !important;
}
body #sizechart table thead th {
font-family: "FuturaNDBook", arial;
font-size: 11px;
}
body #sizechart table tr td {
font-size: 11px;
font-family: "FuturaNDBook", arial;
}
body #sizechart .results {
background-color: #E5E5E5;
}
body #sizechart .results p {
font-size: 13px;
}
body #sizechart .sizechart-credits {
display: none;
}
body #sizechart .modal-content {
box-shadow: none;
border-radius: 0px;
border: none;
}
body #sizechart .modal-content .full-column {
width: 100%;
}
body #sizechart h2, body #sizechart h3 {
margin-top: 0px;
}
body #sizechart .button.dark {
margin: 20px 0;
display: inline-block;
padding: 9px 30px;
}
#my-orders-table tr td a {
text-transform: capitalize;
text-decoration: underline;
font-family: "FuturaNDLight", arial;
color: #221f1f;
}
#my-orders-table tr td a.link-reorder {
display: none;
}
#my-orders-table tr td a:hover {
text-decoration: none;
}
#my-orders-table tr.last td {
padding-bottom: 0px;
}
.form-list.row .control label {
padding-left: 15px;
}
@media screen and (max-width: 767px) {
.form-list.row .control label {
padding-left: 0;
margin-bottom: 10px;
}
}
#sizechartbutton {
position: static;
}
body.customer-account .data-table {
margin-top: 10px;
}
body.customer-account .data-table thead th {
min-width: 100px;
background: none;
font-family: "FuturaNDBook", arial;
color: #221f1f;
font-size: 12px;
vertical-align: middle;
text-transform: inherit;
border-bottom: 1px solid #E5E5E5;
padding: 15px 0;
}
body.customer-account .data-table thead th.ship {
width: 125px;
}
@media screen and (max-width: 992px) {
body.customer-account .data-table thead th.total {
width: 60px;
}
}
@media screen and (max-width: 540px) {
body.customer-account .data-table thead th {
width: 60px;
}
}
body.customer-account .data-table td {
border-top: 1px solid #E5E5E5;
border-bottom: none;
font-family: "FuturaNDLight", arial;
color: #080F11;
font-size: 12px;
vertical-align: middle;
padding: 15px 0;
}
@media screen and (max-width: 600px) {
body.customer-account .data-table td {
padding: 6px 10px !important;
text-align: left;
}
}
body.customer-account .data-table td em {
font-style: normal;
}
body.customer-account .data-table td.view a {
font-size: 10px;
line-height: 11px;
margin-bottom: 2px;
}
table {
width: 100%;
}
.rem-btn {
color: #221f1f !important;
}
.rem-btn:hover {
color: #AF694A !important;
text-decoration: none !important;
}
address {
font-family: "FuturaNDLight", arial;
font-size: 13px;
}
.data-table tfoot tr {
background: #ffffff;
}
body.customer-account .my-account .title-buttons span.separator {
font-size: 11px;
top: -44px;
margin: 0 3px;
}
.title-buttons a {
text-transform: uppercase;
}
@media screen and (max-width: 600px) {
.title-buttons a {
display: block;
text-align: left;
margin-bottom: 10px;
}
}
.addresses-additional a, .addresses-primary a {
text-transform: uppercase;
font-size: 11px;
}
body.customer-account .my-account .title-buttons .button {
top: -10px;
}
@media screen and (max-width: 767px) {
body.customer-account .my-account .title-buttons .button {
top: -4px;
margin-top: 10px;
}
}
/*-------- Order Info -------- */
.order-info {
margin-bottom: 10px;
border-bottom: 1px solid #E5E5E5;
}
.order-info-box + .order-info-box {
border-bottom: 1px solid #E5E5E5;
}
.order-info-box {
padding-bottom: 20px;
border-bottom: 1px solid #E5E5E5;
}
.order-info-box .box-content {
font-family: "FuturaNDLight", arial;
}
.order-info-box .box-content .subtitle {
line-height: 20px;
}
.order-info-box .box-content strong {
font-family: "FuturaNDLight", arial;
}
.order-info-box .box-title h2 {
font-size: 14px;
font-family: "FuturaNDLight", arial;
font-weight: normal;
margin-top: 0;
}
dd, dt {
font-weight: normal;
}
.order-details h2 {
font-size: 20px;
margin-bottom: 0;
}
.order-date {
text-transform: inherit;
}
.order-details #my-orders-table h5 {
margin-bottom: 0;
}
.order-details #my-orders-table .price {
position: relative;
top: 8px;
}
.order-details #my-orders-table tfoot .price {
top: 1px;
}
#my-orders-table .price {
color: #221f1f;
font-size: 12px;
}
#order-info-tabs li:last-child {
display: none;
}
/*--------My Wishlist ---------*/
.wish-box .buttons-set {
margin-top: 5px;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.wish-box .buttons-set {
margin-bottom: 10px;
}
}
.wish-box .btn-share {
display: none;
}
.wish-box #wishlist-table .product-name {
color: #221f1f;
font-family: "FuturaNDBook", arial;
text-transform: inherit;
}
@media screen and (max-width: 992px) {
.wish-box #wishlist-table .product-name {
font-size: 12px;
}
}
@media screen and (max-width: 480px) {
.wish-box #wishlist-table .product-name {
max-height: 38px;
overflow: hidden;
line-height: 18px;
padding-right: 30px;
margin: 0;
}
}
.wish-box #wishlist-table .product-name a {
color: #221f1f;
font-family: "FuturaNDLight", arial;
text-transform: uppercase;
font-size: 12px;
}
.wish-box #wishlist-table .product-name a:hover {
color: #AF694A;
}
.wish-box #wishlist-table p {
font-size: 12px;
line-height: 18px;
}
@media screen and (max-width: 480px) {
.wish-box #wishlist-table p {
margin-bottom: 0;
}
}
.wish-box #wishlist-table .wishlist-sku {
font-family: "FuturaNDLight", arial;
}
.wish-box #wishlist-table .qty {
width: 30px;
font-family: "FuturaNDBook", arial;
font-size: 12px;
padding: 0;
border-radius: 0px;
}
@media screen and (max-width: 480px) {
.wish-box #wishlist-table .qty {
width: 23px;
height: 23px;
position: relative;
top: -4px;
}
}
.wish-box #wishlist-table .price-box .price {
color: #221f1f;
font-size: 12px;
}
.wish-box #wishlist-table .button {
margin-bottom: 0px !important;
padding-top: 14px !important;
font-size: 12px !important;
text-transform: uppercase;
letter-spacing: 1px;
color: #AF694A;
text-decoration: none;
}
.wish-box #wishlist-table .button:hover {
color: #221f1f;
}
.wish-box #wishlist-table th {
line-height: 28px;
}
.wish-box #wishlist-table img {
max-width: 100%;
height: auto;
}
.wish-box #wishlist-table tr:last-child {
border: none;
}
.wish-box #wishlist-table textarea, .wish-box #wishlist-table .btn-update, .wish-box #wishlist-table .link-edit {
display: none;
}
/*----- Bootbox -------*/
.bootbox .modal-dialog {
width: 500px;
border-radius: 0px;
}
@media screen and (max-width: 460px) {
.bootbox .modal-dialog {
width: 90%;
}
}
.bootbox .modal-dialog .modal-content {
border-radius: 0px;
box-shadow: none;
border: none;
padding: 30px;
}
.bootbox .modal-dialog .modal-content button.close {
color: #000;
opacity: 1;
font-size: 24px;
}
.bootbox .modal-dialog .modal-content button.close:hover {
opacity: 0.5;
}
.bootbox .modal-dialog .modal-content .bootbox-body {
font-size: 15px;
}
.bootbox .modal-dialog .modal-content .bootbox-body h2 {
text-transform: inherit;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
}
.bootbox .modal-dialog .modal-content .modal-footer {
border-top: none;
text-align: left;
}
.bootbox .modal-dialog .modal-content .modal-footer .btn {
background-color: #000;
border: none;
border-radius: 0px;
font-size: 10px;
letter-spacing: 2px;
padding: 8px 25px 6px 25px;
font-family: "FuturaNDBook", arial;
text-transform: uppercase;
}
.bootbox .modal-dialog .modal-content .modal-footer .btn:hover {
background-color: #AF694A;
}
.bootbox .modal-dialog .modal-content .modal-footer .btn-primary {
padding: 10px 40px;
}
.btn-primary {
color: #fff;
background-color: #221f1f;
border-color: #221f1f;
border-radius: 0px;
font-size: 10px;
padding: 5px 20px;
text-transform: capitalize;
letter-spacing: 3px;
}
.btn-primary:active:focus {
color: #fff;
background-color: #221f1f;
border-color: #221f1f;
outline: none;
}
.btn-primary:focus {
color: #fff;
background-color: #221f1f;
border-color: #221f1f;
outline: none;
}
.btn-primary:hover {
background-color: #AF694A;
color: #fff;
border-color: #AF694A;
}
.col1-layout {
padding: 170px 0px 80px 0px;
margin: 0;
}
@media screen and (max-width: 1200px) {
.col1-layout {
padding: 123px 0px 50px 0px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.col1-layout {
padding: 123px 0px 10px 0px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) {
.col1-layout {
padding: 0px 0px 10px 0px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) and (max-width: 640px) {
.col1-layout {
padding: 0px 0px 10px 0px;
}
}
.page-title h1, .page-title h2, .product-name h1, .product-name .h1 {
font-size: 24px;
font-weight: normal;
color: #221f1f;
border-bottom: none;
padding-bottom: 3px;
margin-bottom: 15px;
text-transform: inherit;
text-align: center;
}
.availability.out-of-stock span {
color: #ff4434;
font-size: 12px;
}
label.required:after, span.required:after {
font-family: "FuturaNDBook", arial;
font-size: 13px;
}
.loader {
display: none;
position: fixed;
width: 100%;
top: 0;
height: 100%;
left: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 99;
margin: 0;
text-align: center;
}
.loader img {
float: none;
width: 40px;
margin: 0 auto;
margin-top: 30%;
}
.share-box {
margin-top: 30px;
}
.share-box li {
font-family: "FuturaNDBook", arial;
font-size: 16px;
}
.share-box li:first-child {
margin-right: 15px;
}
.share-box li a:hover {
color: #AF694A;
}
/*------ Breadcrumbs ----*/
.breadcrumbs li {
font-family: "FuturaNDBook", arial;
color: #221f1f;
}
.breadcrumbs li a {
font-family: "FuturaNDBook", arial;
color: #d4d4d4;
text-transform: none;
}
.breadcrumbs li .arrow {
opacity: 0.2;
display: inline-block;
margin: 0 20px;
position: relative;
top: 7px;
}
@media screen and (max-width: 767px) {
.breadcrumbs li .arrow {
margin: 0;
}
}
.breadcrumbs li img {
width: 4px;
}
/*-------- Product Details ----------*/
.product-view .product-shop {
width: 100%;
float: none;
margin-bottom: 0px;
}
.product-view .date-btn {
width: 100% !important;
margin-bottom: 5px;
}
.product-view .button {
width: 100%;
padding: 15px 15px;
}
.product-view .more-info {
border-bottom: 1px solid #E5E5E5;
padding: 10px 0;
}
@media screen and (max-width: 992px) {
.product-view .more-info {
padding: 8px 0;
}
}
.product-view .more-info.first .content {
display: block;
}
.product-view .more-info.active h3:after {
content: "\e905";
}
.product-view .more-info h3 {
font-family: "FuturaNDBook", arial;
font-size: 14px;
margin: 0;
line-height: 22px;
text-transform: capitalize;
}
.product-view .more-info h3:after {
content: "\e902";
font-family: 'icomoon';
position: absolute;
right: 23px;
color: #AF694A;
font-size: 11px;
}
.product-view .more-info h3:hover {
cursor: pointer;
color: #AF694A;
}
.product-view .more-info .content {
display: none;
margin-top: 10px;
margin-bottom: 5px;
font-size: 14px;
line-height: 26px;
}
.product-view .add-to-cart-buttons .button, .product-view .recommended-product .button {
min-height: 35px;
line-height: 24px;
padding: 15px;
font-size: 10px;
}
.product-view .recommended-product .button {
text-transform: inherit;
font-size: 14px;
letter-spacing: 1px;
font-family: "FuturaNDLight", arial;
margin-top: -15px;
}
.product-view .box-tags {
display: none;
}
.product-view .wish-block {
float: left;
margin-right: 10px;
max-width: 100%;
padding: 2px 5px;
position: absolute;
top: 19px;
right: 0;
}
.product-view .wish-block .fa-heart-o, .product-view .wish-block .fa-heart {
font-size: 18px;
}
.product-view .availability-only {
display: none;
}
.product-view .no-stock {
height: 23px;
}
.product-view .no-stock .add-to-cart {
position: relative;
top: -2px;
border: none;
padding-bottom: 0px;
}
.product-view .over-btn {
width: 100%;
margin-bottom: 0px !important;
}
.product-view .add-to-cart {
margin-bottom: 0px;
border-bottom: none;
padding-bottom: 5px;
}
.product-view .add-to-cart .qty-wrapper {
position: relative;
display: none;
}
.product-view .add-to-cart .qty-wrapper .qty {
border-radius: 0px;
height: 35px;
width: 55px;
padding-right: 14px;
}
.product-view .add-to-cart .qty-wrapper .qt-buttons {
position: absolute;
right: 9px;
bottom: 23px;
height: 8px;
}
@media screen and (max-width: 640px) {
.product-view .add-to-cart .qty-wrapper .qt-buttons {
bottom: 18px;
}
}
.product-view .add-to-cart .qty-wrapper .qt-buttons i {
line-height: 8px;
}
.product-view .add-to-cart .qty-wrapper .qt-buttons:hover {
cursor: pointer;
}
.product-view .add-to-cart .qty-wrapper .qt-buttons:hover .fa {
color: #AF694A;
}
.product-view .add-to-cart .qty-wrapper .qt-buttons.qt-buttons--plus {
top: 2px;
bottom: auto;
}
.product-view .sharing-links {
margin-bottom: 10px;
margin-top: 10px;
}
.product-view .sharing-links li {
font-family: "FuturaNDBook", arial;
color: #221f1f;
padding: 0;
}
.product-view .sharing-links li:first-child {
padding-right: 10px;
}
.product-view .sharing-links a {
background: none;
color: #221f1f;
text-indent: 0;
text-align: center;
}
.product-view .sharing-links a:hover {
color: #AF694A;
opacity: 1;
}
.product-view .sharing-links a:hover span {
color: #AF694A;
}
.product-view .add-to-links {
float: none;
}
.product-view .add-to-links a {
border-right: none;
}
.product-view .product-shop {
width: 100%;
float: none;
padding: 0;
}
@media screen and (max-width: 640px) {
.product-view .product-shop {
margin-bottom: 5px;
}
}
.product-view .product-shop .normalPrice {
margin: 15px 0 40px;
font-size: 20px;
color: #AF694A;
}
.product-view .product-shop .normalPrice br {
display: none;
}
.product-view .product-shop .normalPrice .price {
font-size: 20px;
}
.product-view .product-shop .normalPrice .price .rental {
font-size: 14px;
margin-left: 10px;
}
.product-view .product-shop p {
font-size: 12px;
margin-bottom: 0px;
}
.product-view .product-shop .date-box {
margin-bottom: 25px;
}
.product-view .product-shop .wraps-price p {
margin-bottom: 0px;
line-height: 18px;
}
.product-view .product-shop .wraps-price p:last-child {
margin-bottom: 20px;
}
.product-view .product-shop .price-stock {
margin: 0;
position: relative;
top: -5px;
display: none;
}
.product-view .product-shop .price-stock li {
padding: 0px;
}
.product-view .product-shop .price-stock .extra-info {
float: none;
padding-right: 0;
clear: none;
width: 100%;
max-width: 100%;
margin: 0;
}
.product-view .product-shop .price-stock .availability {
font-size: 14px;
color: #AF694A;
position: absolute;
top: 5px;
right: 0px;
text-transform: inherit;
}
.product-view .product-shop .price-stock .availability p {
font-size: 13px;
line-height: 20px;
color: #11b400;
}
.product-view .product-shop .price-info {
float: none;
padding-left: 0;
text-align: left;
position: relative;
top: 2px;
margin-bottom: 0;
}
.product-view .product-shop .price-box .regular-price .price {
color: #AF694A;
font-size: 20px;
font-family: "FuturaNDLight", arial;
}
.product-view .product-shop .product-name .h1 {
color: #221f1f;
text-align: left;
margin-bottom: 10px;
font-size: 20px;
padding-right: 30px;
}
@media screen and (max-width: 640px) {
.product-view .product-shop .product-name .h1 {
font-size: 20px;
}
}
.product-view .product-shop .short-description p {
font-size: 12px;
line-height: 24px;
margin-bottom: 0px;
}
.product-view .product-shop .sku p {
font-size: 12px;
margin-bottom: 0;
}
.product-view .add-to-cart-wrapper, .product-view .block-related {
width: 100%;
float: none;
clear: both;
padding: 0;
margin-bottom: 10px;
}
.product-view .recommended-product {
margin-bottom: 20px;
}
.product-view .product-img-box {
width: 100%;
float: none;
padding-right: 0;
}
.product-view .product-img-box .pan-button {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@media screen and (max-width: 640px) {
.product-view .product-img-box .pan-button {
opacity: 1;
visibility: visible;
}
}
.product-view .product-img-box .pan-button.active {
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 640px) {
.product-view .product-img-box .pan-button.active .slick-arrow {
display: block;
z-index: 105;
}
}
.product-view .product-img-box .pan-button .slick-arrow {
position: fixed;
top: 48%;
z-index: 101;
}
@media screen and (max-width: 1200px) {
.product-view .product-img-box .pan-button .slick-arrow {
display: none;
}
}
@media screen and (max-width: 640px) {
.product-view .product-img-box .pan-button .slick-arrow {
position: absolute;
top: 45%;
}
}
.product-view .product-img-box .pan-button .slick-arrow.slick-next {
right: 20px;
}
.product-view .product-img-box .pan-button .slick-arrow.slick-prev {
left: 20px;
}
.product-view .product-img-box .more-views {
position: absolute;
top: 40px;
width: 85px;
}
@media screen and (max-width: 640px) {
.product-view .product-img-box .more-views {
display: none;
}
}
.product-view .product-img-box .more-views.fixed {
position: fixed;
top: 23%;
left: 19px;
width: 85px;
z-index: 101;
opacity: 0;
visibility: hidden;
}
.product-view .product-img-box .more-views.fixed.active {
opacity: 1;
visibility: visible;
}
.product-view .product-img-box .more-views .slick-arrow {
top: -45px;
left: 15px;
}
.product-view .product-img-box .more-views .slick-arrow.slick-prev {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/up-icon.svg");
}
.product-view .product-img-box .more-views .slick-arrow.slick-next {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/down-icon.svg");
right: auto;
top: auto;
bottom: -35px;
}
.product-view .product-img-box .product-image {
margin-bottom: 10px;
border: none;
padding: 0px 0px 10px 175px;
}
@media screen and (max-width: 1200px) {
.product-view .product-img-box .product-image {
padding: 10px 10px 10px 180px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.product-view .product-img-box .product-image {
padding: 0px 40px 10px 140px;
}
}
@media screen and (max-width: 1200px) and (max-width: 640px) {
.product-view .product-img-box .product-image {
padding: 15px 0;
}
}
.product-view .product-img-box .product-image img {
cursor: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/more-zoom.png"), pointer !important;
}
@media screen and (max-width: 640px) {
.product-view .product-img-box .product-image img {
display: block;
}
}
.product-view .product-img-box .product-image .slick-arrow.slick-prev {
left: -45px;
}
@media screen and (max-width: 640px) {
.product-view .product-img-box .product-image .product-image-gallery .slick-arrow, .product-view .product-img-box .product-image .product-image-gallery .gallery-image {
display: none !important;
}
}
@media screen and (max-width: 640px) {
.product-view .product-img-box .product-image .product-image-gallery .img-wrap .slick-arrow, .product-view .product-img-box .product-image .product-image-gallery .img-wrap .gallery-image {
display: block !important;
}
}
.product-view .product-img-box .product-image .product-image-gallery .img-wrap .slick-arrow.slick-prev, .product-view .product-img-box .product-image .product-image-gallery .img-wrap .gallery-image.slick-prev {
left: -20px;
}
.product-view .product-img-box .product-image .product-image-gallery .img-wrap .slick-arrow.slick-next, .product-view .product-img-box .product-image .product-image-gallery .img-wrap .gallery-image.slick-next {
right: -5px;
}
.product-image-thumbs li.active a {
border-color: #AF694A;
}
.product-image-thumbs li a {
padding: 2px;
border: 1px solid #E5E5E5;
}
.product-image-thumbs li a:hover {
border-color: #AF694A;
}
.panWrapper {
z-index: 103;
}
.panWrapper a.controls.close {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/close.svg");
opacity: 1;
background-size: 25px auto;
background-repeat: no-repeat;
background-position: center center;
}
.panWrapper a.controls.close:hover {
opacity: 0.8;
}
@media screen and (max-width: 1200px) {
.panWrapper img {
position: absolute;
top: 50% !important;
left: 0 !important;
width: 100% !important;
transform: translateY(-50%);
}
}
.product-options {
padding: 0;
border: none;
margin-bottom: -15px;
}
.product-options .required {
display: none;
}
.product-options .input-box {
margin-bottom: 10px;
}
.product-options-bottom {
background-color: transparent;
padding: 0;
border: none;
margin-bottom: 0;
margin-top: 20px;
}
.product-options-bottom .add-to-links {
margin: 0px;
display: none;
}
.product-options-bottom .sharing-links {
display: none;
}
.product-view .product-options .swatch-attr .select-label {
color: #AF694A;
}
.swatch-link, .swatch-label {
border-radius: 0px;
border: none;
}
.triangle {
position: absolute;
left: 0;
width: 22px;
height: 22px;
}
.triangle img {
max-width: 100%;
}
.configurable-swatch-list li {
margin: 0 5px 0 0;
}
.blog-index-list .col-right {
float: none;
width: 100%;
}
/*-------- Default Block -------*/
.info-block {
padding-bottom: 30px;
}
.info-block img {
max-width: 100%;
}
.info-block.charity-block .container .info-row img {
max-width: 200px;
}
.info-block .container {
padding: 0 15px;
}
@media screen and (max-width: 640px) {
.info-block .container {
padding: 0 30px;
}
}
.info-block .container .heading-block {
text-align: center;
}
.info-block .container .heading-block h1 {
text-transform: capitalize;
font-size: 24px;
margin-bottom: 5px;
}
.info-block .container .heading-block h3 {
text-transform: capitalize;
font-size: 18px;
}
.info-block .container .info-row {
margin: 0 -30px;
padding-top: 20px;
}
.info-block .container .info-row img {
max-width: 100%;
height: auto;
}
.info-block .container .info-row h4, .info-block .container .info-row h3 {
font-size: 21px;
margin-top: 0;
}
.info-block .container .info-row h5 {
font-size: 18px;
}
.info-block .container .info-row ul {
list-style: disc;
padding-left: 20px;
}
.info-block .container .info-row ul li {
font-size: 16px;
line-height: 26px;
}
.info-block .container .info-row p {
font-size: 16px;
line-height: 26px;
margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
.info-block .container .info-row p {
font-size: 15px;
line-height: 24px;
}
}
.info-block .container .info-row p a {
font-family: "FuturaNDLight", arial;
text-decoration: underline;
}
.info-block .container .info-row p a:hover {
text-decoration: none;
}
.info-block .container .info-row .info-left {
padding: 0 30px;
}
.info-block .container .info-row .info-full {
padding: 0 10%;
}
@media screen and (max-width: 640px) {
.info-block .container .info-row .info-full {
padding: 0 20px;
}
}
.info-block .container .info-row .info-right {
padding: 0 30px;
}
/*----- Custom scroll-----*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #080F11 !important;
opacity: 1;
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #080F11;
}
/*---- gotop -----*/
#topcontrol {
-webkit-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;
background: #221f1f;
color: #fff;
text-align: center;
display: inline-block;
z-index: 30;
width: 36px;
height: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
position: fixed;
bottom: 7px;
right: 7px;
opacity: 1;
cursor: pointer;
display: none;
}
@media screen and (max-width: 767px) {
#topcontrol {
bottom: 50px !important;
width: 30px;
height: 30px;
}
}
#topcontrol:hover {
background: #AF694A;
}
#topcontrol .fa {
position: relative;
top: 3px;
font-size: 25px;
font-weight: normal;
color: #fff;
}
@media screen and (max-width: 767px) {
#topcontrol .fa {
top: 1px;
}
}
.footer .block-subscribe {
margin-top: 0;
width: 302px;
}
@media screen and (max-width: 767px) {
.footer .block-subscribe {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
}
.footer .block-subscribe .block-content {
padding: 0px;
margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
.footer .block-subscribe .block-content {
width: 280px;
margin: 0 auto;
float: left;
position: relative;
margin-bottom: 5px;
}
}
@media screen and (max-width: 767px) and (max-width: 460px) {
.footer .block-subscribe .block-content {
width: 100%;
float: none;
}
}
.footer .block-subscribe .actions {
float: none;
width: 30px;
position: absolute;
right: 11px;
top: 6px;
opacity: 0.3;
}
.footer .block-subscribe .input-box {
width: 100%;
}
@media screen and (max-width: 992px) {
.footer .block-subscribe .input-box {
width: 250px !important;
float: right;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) {
.footer .block-subscribe .input-box {
float: none;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) and (max-width: 460px) {
.footer .block-subscribe .input-box {
width: 100% !important;
}
}
@media screen and (max-width: 640px) {
.footer .block-subscribe .actions {
width: 30px;
}
}
@media screen and (max-width: 800px) {
.ves-brandlist-page .col-xs-4 {
width: 50%;
}
}
@media screen and (max-width: 460px) {
.ves-brandlist-page .col-xs-4 {
width: 100%;
}
}
.ves-brandlist-page .item a {
display: block;
line-height: 16px;
margin-bottom: 5px;
}
@media screen and (max-width: 1200px) {
.ios .modal-open {
position: fixed;
width: 100%;
}
}
.brand-brand-index .main {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
width: 1170px;
}
@media screen and (max-width: 1200px) {
.brand-brand-index .main {
width: 100%;
}
}
.brand-brand-index .main .block-title h1 {
text-align: center;
color: #221f1f;
border: none;
font-size: 28px;
text-transform: uppercase;
margin-bottom: 0;
}
@media screen and (max-width: 640px) {
.brand-brand-index .main .block-title h1 {
font-size: 24px;
}
}
.brand-brand-index .main .block-content .col-xs-3:nth-child(4n+1) {
clear: both;
}
@media screen and (max-width: 767px) {
.brand-brand-index .main .block-content .col-xs-3 {
width: 33.3333%;
margin-bottom: 20px;
margin-top: 10px;
}
.brand-brand-index .main .block-content .col-xs-3:nth-child(4n+1) {
clear: none;
}
.brand-brand-index .main .block-content .col-xs-3 br {
display: none;
}
.brand-brand-index .main .block-content .col-xs-3:nth-child(3n+1) {
clear: both;
}
}
@media screen and (max-width: 767px) and (max-width: 640px) {
.brand-brand-index .main .block-content .col-xs-3 h2 {
font-size: 22px;
}
}
@media screen and (max-width: 767px) and (max-width: 480px) {
.brand-brand-index .main .block-content .col-xs-3 {
width: 50%;
}
.brand-brand-index .main .block-content .col-xs-3:nth-child(3n+1) {
clear: none;
}
.brand-brand-index .main .block-content .col-xs-3:nth-child(2n+1) {
clear: both;
}
.brand-brand-index .main .block-content .col-xs-3 br {
display: none;
}
}
.brand-brand-index .main .block-content a:hover {
color: #AF694A;
}
.at-resp-share-element .at-share-btn {
background-color: transparent !important;
position: relative;
top: 12px;
padding: 3px !important;
}
.at-resp-share-element .at-share-btn.at-svc-google_plusone_share svg {
width: 24px !important;
height: 23px !important;
}
.at-resp-share-element .at-share-btn svg {
width: 20px !important;
height: 20px !important;
}
.at-resp-share-element .at-share-btn span {
width: 20px !important;
height: 20px !important;
}
/*-- Share --*/
.share-block {
border-top: 4px solid #221f1f;
margin-right: 80px;
padding-top: 10px;
margin-top: 30px;
}
.share-block li.share-btn {
padding: 7px;
position: relative;
top: 12px;
left: 3px;
-webkit-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;
}
.share-block li.share-btn.active, .share-block li.share-btn:hover {
cursor: pointer;
}
.share-block li.share-btn img {
width: 16px;
}
.share-block li.share-elements {
display: none;
}
.share-block li.share-elements .at-share-btn-elements .at-svc-twitter {
display: none;
}
.share-block li .at-resp-share-element .at-share-btn {
padding: 0px 3px !important;
}
.share-block li .addthis_inline_share_toolbox {
position: absolute;
right: -2px;
width: 30px;
top: 57px;
background-color: #E5E5E5;
border-radius: 0px;
padding-bottom: 15px;
z-index: 1;
}
.share-block li .addthis_inline_share_toolbox:before {
content: "";
width: 0px;
height: 0px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #E5E5E5;
position: absolute;
top: -6px;
left: 50%;
margin-left: -5px;
}
.share-block {
border-top: none;
margin-right: 0;
padding-top: 0;
margin-top: 0;
margin-bottom: 15px;
position: absolute;
right: 14px;
top: 41px;
z-index: 11;
}
.checkout-onepage-index .col-main {
padding: 0px;
}
.checkout-wrap #checkoutSteps {
margin-bottom: 60px;
}
.checkout-wrap #checkoutSteps .row {
padding: 0;
}
.checkout-wrap #checkoutSteps li .step-title {
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.checkout-wrap #checkoutSteps li.allow:hover {
cursor: pointer;
}
.checkout-wrap #checkoutSteps li.allow:hover .step-title {
background-color: #AF694A;
}
.checkout-wrap #checkoutSteps li#opc-login #checkout-step-login {
margin-bottom: 30px;
}
.checkout-wrap #checkoutSteps li#opc-login #checkout-step-login .left .form-list {
margin-top: 25px;
}
@media screen and (max-width: 640px) {
.checkout-wrap #checkoutSteps li#opc-login #checkout-step-login .left .form-list {
margin-top: 0;
}
}
.checkout-wrap #checkoutSteps li#opc-login #checkout-step-login .left .form-list li {
margin-bottom: 0px;
}
.checkout-wrap #checkoutSteps li#opc-login #checkout-step-login .right ul {
list-style: none;
margin-bottom: 20px;
padding-left: 0px;
}
.checkout-wrap #checkoutSteps li#opc-login #checkout-step-login .right .form-list li {
margin-bottom: 20px;
}
.checkout-wrap #checkoutSteps li#opc-billing #checkout-step-billing {
padding: 20px 0;
}
.checkout-wrap #checkoutSteps li#opc-shipping #checkout-step-shipping {
padding: 10px 0 30px;
}
.checkout-wrap #checkoutSteps li#opc-shipping #shipping-new-address-form {
margin-bottom: 0px;
}
.checkout-wrap #checkoutSteps li#opc-shipping .form-list li {
margin-bottom: 15px;
}
.checkout-wrap #checkoutSteps li#opc-shipping .form-list li:first-child {
margin-bottom: 0px;
}
.checkout-wrap #checkoutSteps li#opc-shipping_method #co-shipping-method-form {
padding: 20px 0 30px 0;
}
.checkout-wrap #checkoutSteps li#opc-payment #checkout-step-payment {
padding: 0 0 30px 0;
}
.checkout-wrap #checkoutSteps li#opc-review #checkout-step-review {
padding: 20px 0;
}
.checkout-wrap #checkoutSteps li.active .step-title {
background-color: #AF694A;
}
.checkout-wrap #checkoutSteps li .step-title {
background-color: #221f1f;
padding: 10px 20px;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.checkout-wrap #checkoutSteps li .step-title {
padding: 7px 20px;
}
}
.checkout-wrap #checkoutSteps li .step-title h2 {
color: #fff;
font-size: 20px;
margin: 0;
line-height: 30px;
}
.checkout-wrap .button {
background: #221f1f;
border: 1px solid #221f1f;
color: #fff !important;
padding: 20px 20px 18px 20px !important;
min-width: 200px !important;
height: 55px;
line-height: 17px !important;
}
@media screen and (max-width: 640px) {
.checkout-wrap .button {
padding: 20px 20px 18px 20px !important;
min-width: 160px !important;
height: 50px;
line-height: 12px !important;
}
}
.checkout-wrap .button:hover {
background: #AF694A;
border: 1px solid #AF694A;
}
.checkout-wrap .form-list {
list-style: none !important;
padding-left: 0px !important;
}
.checkout-wrap .form-list li {
margin: 0px;
}
.checkout-wrap .form-list .control label {
padding-left: 0px !important;
background: none !important;
}
.continue-btn .required {
display: none;
}
.check-login .page-title h1 {
font-size: 24px;
}
.d-img {
margin-top: 0px;
}
.form-list select {
margin-top: 0px;
font-family: "FuturaNDBook", arial;
width: 100%;
}
.form-block ul li:nth-child(2n+1) {
clear: both;
}
.form-block .check {
margin-left: 10px !important;
margin-bottom: 0 !important;
}
@media screen and (max-width: 992px) {
.form-block .check {
margin-left: 15px !important;
}
}
.form-block .field {
margin-bottom: 15px !important;
}
@media screen and (max-width: 767px) {
.form-block select {
width: 100%;
}
}
.form-block select#billing-address-select {
margin-bottom: 20px;
}
.form-block input {
width: 100%;
border-radius: 0px;
}
.billing-block .c-name .customer-name, .shipping-block .c-name .customer-name {
margin: 0 -15px;
}
.billing-block .c-name .customer-name .field, .shipping-block .c-name .customer-name .field {
float: left;
width: 50%;
padding: 0 15px;
}
@media screen and (max-width: 767px) {
.billing-block .c-name .customer-name .field, .shipping-block .c-name .customer-name .field {
width: 100%;
}
}
.new-bill {
margin-bottom: 20px;
}
.new-bill select {
width: 535px;
margin-bottom: 15px;
}
.data-table tbody td, .data-table tfoot td {
font-family: "FuturaNDLight", arial;
font-size: 12px;
}
@media screen and (max-width: 600px) {
.data-table tbody td, .data-table tfoot td {
width: 100%;
}
}
#shopping-cart-table {
margin-top: 40px;
}
@media screen and (max-width: 640px) {
#shopping-cart-table {
margin-top: 20px;
}
}
#shopping-cart-table tr td h3 {
font-size: 13px;
margin: 0;
line-height: 20px;
text-align: left;
}
#shopping-cart-table tr td h2 {
margin: 0;
text-align: left;
line-height: 20px;
text-transform: inherit;
}
#shopping-cart-table tr td .item-options {
padding-left: 0;
}
@media screen and (max-width: 600px) {
#shopping-cart-table tr td .item-options {
margin-bottom: 0;
}
}
#shopping-cart-table tr td .price {
font-size: 12px;
color: #221f1f;
}
#shopping-cart-table tr td:last-child {
text-align: right;
}
#shopping-cart-table tr td.product-cart-date {
text-transform: uppercase;
}
#opc-review .buttons-set {
border-top: none;
}
@media screen and (max-width: 1200px) {
#opc-review .buttons-set {
padding-top: 0;
}
}
@media screen and (max-width: 600px) {
#opc-review .cart-table td[data-rwd-label] {
width: 100%;
text-align: left;
margin-bottom: 0;
}
}
#opc-review tfoot tr.first, #opc-review tfoot tr.last {
border: none;
}
@media screen and (max-width: 600px) {
#opc-review tfoot tr td {
text-align: left;
padding-left: 0 !important;
}
#opc-review tfoot tr td:last-child {
padding-bottom: 10px !important;
}
}
@media screen and (max-width: 600px) {
#opc-review tfoot tr.first {
padding-top: 10px;
}
}
#opc-review tfoot tr.first td {
padding-bottom: 0 !Important;
}
@media screen and (max-width: 600px) {
#opc-review tfoot tr:nth-child(2) {
padding-bottom: 10px;
}
}
@media screen and (max-width: 600px) {
#review-buttons-container .f-left {
float: left;
}
}
.messages .notice-msg li {
color: white;
border-left: none;
background-color: #AF694A;
margin-bottom: 20px;
padding: 10px 10px 5px 20px;
}
.messages .notice-msg li:before {
border-left: 6px solid #AF694A;
}
@media screen and (max-width: 768px) {
.mob-hide {
display: none !important;
}
}
.mob-show {
display: none !important;
}
@media screen and (max-width: 768px) {
.mob-show {
display: block !important;
}
}
@media screen and (max-width: 640px) {
.s-mob-hide {
display: none !important;
}
}
.s-mob-show {
display: none !important;
}
@media screen and (max-width: 640px) {
.s-mob-show {
display: block !important;
}
}
@media screen and (max-width: 768px) {
#menu-button {
display: block !important;
position: fixed;
top: 20px;
width: 50px !important;
}
}
.nav-btn {
display: none;
cursor: pointer;
padding: 10px 35px 16px 0px;
position: absolute;
left: 15px;
top: 15px;
z-index: 1000;
width: 26px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
@media screen and (max-width: 768px) {
.nav-btn {
display: block;
}
}
.nav-btn span, .nav-btn span:before, .nav-btn span:after {
cursor: pointer;
border-radius: 1px;
height: 2px;
width: 26px;
background: #221f1f;
position: absolute;
display: block;
content: '';
}
.nav-btn span:before {
top: -8px;
}
.nav-btn span:after {
bottom: -8px;
}
.nav-btn span, .nav-btn span:before, .nav-btn span:after {
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
}
.nav-btn.active span {
background-color: transparent;
}
.nav-btn.active span:before, .nav-btn.active span:after {
top: 0;
}
.nav-btn.active span:before {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.nav-btn.active span:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
}
#menu-button {
display: none !important;
}
@media screen and (max-width: 768px) {
#custommenu-mobile #menu-content {
background-color: #fff;
}
#custommenu-mobile #menu-content .menu-item .parentMenu {
display: block;
border-bottom: 1px solid #E5E5E5;
}
}
@media screen and (max-width: 768px) and (max-width: 767px) {
#custommenu-mobile #menu-content .menu-item .parentMenu a.level0, #custommenu-mobile #menu-content .menu-mobile .parentMenu a.level0 {
padding-top: 13px;
}
#custommenu-mobile #menu-content .menu-item .parentMenu a.level1, #custommenu-mobile #menu-content .menu-mobile .parentMenu a.level1 {
font-size: 12px;
}
#custommenu-mobile #menu-content .menu-mobile:first-child .parentMenu {
border-top: 1px solid #E5E5E5;
}
#custommenu-mobile #menu-content div.menu {
float: none;
padding: 0;
}
#custommenu-mobile #menu-content div.menu:last-child {
border-bottom: 1px solid #E5E5E5;
}
#custommenu-mobile #menu-content div.menu a {
height: auto;
padding: 16px 12px;
}
#custommenu-mobile #menu-content div.menu a:focus, #custommenu-mobile #menu-content div.menu a:hover {
color: #AF694A;
}
#custommenu-mobile #menu-content div.menu a span {
padding-top: 0;
height: auto;
}
}
@media screen and (max-width: 768px) {
.nav #custommenu-mobile .level0,
.nav #custommenu-mobile .menu-item {
background-color: #ffffff;
float: none;
}
.nav #custommenu-mobile .level0:hover, .nav #custommenu-mobile .level0.act,
.nav #custommenu-mobile .menu-item:hover,
.nav #custommenu-mobile .menu-item.act {
color: #AF694A;
}
.nav #custommenu-mobile .level0 span,
.nav #custommenu-mobile .menu-item span {
padding-left: 20px;
border: none;
}
.nav #custommenu-mobile .level0 span.button,
.nav #custommenu-mobile .menu-item span.button {
padding: 0;
margin-right: 15px;
}
.nav .level1 .level1 {
max-height: 115px;
overflow-y: auto;
}
}
@media screen and (max-width: 1200px) {
.wrapper {
overflow: hidden;
}
}
.modal-open {
overflow: inherit;
padding-right: 0 !important;
}
.modal-dialog {
margin: 30px auto;
}
.modal {
text-align: center;
}
.modal::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.modal .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.cat-filter {
font-size: 24px;
display: none;
position: absolute;
top: 6px;
left: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
@media screen and (max-width: 640px) {
.cat-filter {
top: 2px;
}
}
.cat-filter:hover {
cursor: pointer;
}
.b-overlay, .m-overlay {
position: fixed;
background: rgba(0, 0, 0, 0.25);
width: 100%;
height: 100%;
opacity: 0;
-webkit-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;
z-index: 100;
visibility: hidden;
top: 0;
display: none;
}
.b-overlay.active, .m-overlay.active {
opacity: 1;
visibility: visible;
display: block;
}
.search_autocomplete {
display: none !important;
}
.mob-overlay {
text-align: center;
padding: 10px;
background-color: #AF694A;
display: none;
margin-top: 50px;
position: fixed;
bottom: 0px;
z-index: 999;
width: 100%;
}
@media only screen and (max-device-width: 700px) and (orientation: landscape) {
.mob-overlay {
display: block;
}
}
.mob-overlay p {
margin-bottom: 0;
color: #fff;
}
.modal-backdrop.in {
filter: alpha(opacity=25);
opacity: .25;
}
@media screen and (max-width: 768px) {
.catalog-category-view .cat-filter, .catalogsearch-result-index .cat-filter {
display: block;
}
}
@media screen and (max-width: 768px) {
.catalog-category-view header .top-row .left, .catalogsearch-result-index header .top-row .left {
padding-left: 75px;
}
}
@media screen and (max-width: 768px) {
.catalog-category-view .left-side, .catalogsearch-result-index .left-side {
position: fixed;
top: 0;
left: -280px;
width: 280px;
padding: 15px;
height: 100%;
bottom: 0;
overflow: auto;
background: #fff;
Z-index: 9999;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
}
.catalog-category-view .left-side.active, .catalogsearch-result-index .left-side.active {
left: 0;
opacity: 1;
}
}
@media screen and (max-width: 768px) {
.catalog-category-view .right-side, .catalogsearch-result-index .right-side {
width: 100%;
}
}
.product-row {
padding-bottom: 70px;
min-height: 560px;
}
.product-row .left {
padding-right: 0px;
}
.product-row .right {
padding-left: 100px;
}
@media screen and (max-width: 1200px) {
.product-row .right {
padding-left: 60px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.product-row .right {
padding-left: 0px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 767px) {
.product-row .right {
padding: 0 20px;
width: 400px;
margin: 40px auto auto;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 767px) and (max-width: 460px) {
.product-row .right {
width: 100%;
}
}
.p-article {
padding: 30px 0px;
}
.p-article .container .heading {
margin-bottom: 25px;
}
.p-article .container .heading h3 a {
position: absolute;
right: 0;
font-family: "FuturaNDBook", arial;
font-size: 16px;
}
@media screen and (max-width: 640px) {
.p-article .container .heading h3 a {
display: none;
}
}
.p-article .container .heading h3 a span {
margin-left: 10px;
font-size: 18px;
}
.p-article .container .heading h3 a:hover {
color: #AF694A;
}
.p-article .container .heading h3 a:hover span {
color: #AF694A;
}
.p-article .container .p-article-row .col {
margin-bottom: 15px;
}
.p-article .container .p-article-row a {
font-family: "FuturaNDBook", arial;
font-size: 18px;
display: block;
margin-bottom: 10px;
line-height: 24px;
-webkit-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;
}
.p-article .container .p-article-row a:hover {
color: #AF694A;
}
.p-article .container .p-article-row a:hover img {
opacity: 0.8;
}
.p-article .container .p-article-row a img {
opacity: 1;
max-width: 100%;
height: auto;
width: 100%;
-webkit-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;
}
.p-article .container .p-article-row p {
font-size: 18px;
padding-right: 20px;
line-height: 24px;
}
@media screen and (max-width: 992px) {
.p-article .container .p-article-row p {
font-size: 16px;
}
}
#custommenu-mobile .button {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/plus.svg") !important;
background-size: 20px auto;
transition: none !important;
}
#custommenu-mobile .button.open {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/minus.svg") !important;
background-size: 20px auto;
}
#custommenu-mobile .level1 .button {
background-size: 16px auto;
}
#custommenu-mobile .level1 .button.open {
background-size: 16px auto;
}
.btn-remove2 {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/garbage.svg") !important;
background-position: center center;
background-size: 16px auto;
position: relative;
top: 4px;
}
@media screen and (max-width: 600px) {
.btn-remove2 {
top: 30px;
right: -1px;
}
}
@media screen and (max-width: 480px) {
#wishlist-table tr {
padding: 10px 0;
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
#wishlist-table thead {
display: none;
}
}
@media screen and (max-width: 480px) {
#wishlist-table td.customer-wishlist-item-image {
width: 35%;
float: left;
padding: 5px 15px 0 0px !important;
min-height: 125px;
}
#wishlist-table td.customer-wishlist-item-image a img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 480px) {
#wishlist-table td.customer-wishlist-item-cart .button {
font-size: 11px;
padding: 0 !important;
text-align: left;
width: 100px;
float: left;
}
}
@media screen and (max-width: 480px) {
#wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart, #wishlist-table td.customer-wishlist-item-cart .cart-cell {
width: 65%;
float: left;
padding: 0 !important;
line-height: 16px;
}
}
@media screen and (max-width: 480px) {
#wishlist-table .availability.available-soon, #wishlist-table .availability.out-of-stock {
text-align: left;
}
}
@media screen and (max-width: 1200px) {
.billing-block .d-img {
width: 200px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.billing-block .d-img {
display: none;
}
}
#co-billing-form .form-block .check, #co-shipping-form .form-block .check {
margin-left: 15px !important;
}
.discount-form {
position: relative;
}
.discount-form .validation-advice {
bottom: -21px;
}
.menu-item .parentMenu a:hover, .menu-mobile .parentMenu a:hover, .menu-mobile .parentMenu a.act, .menu-mobile .parentMenu a.actParent {
color: #c08780 !important;
}
@media screen and (max-width: 640px) {
.checkout-onepage-success .col-main {
padding: 0 20px;
}
.checkout-onepage-success .col-main .page-title h1 {
font-size: 20px;
line-height: 32px;
margin-bottom: 3px;
}
.checkout-onepage-success .col-main .buttons-set button.button {
margin-left: 0;
min-width: 100%;
}
}
.cms-no-route .main {
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
width: 1170px;
max-width: 1050px;
}
@media screen and (max-width: 1200px) {
.cms-no-route .main {
width: 100%;
}
}
.atss .at-share-btn, .atss a {
width: 30px !important;
}
.atss .at-share-btn.at-svc-whatsapp, .atss a.at-svc-whatsapp {
display: none !important;
}
@media screen and (max-width: 767px) {
.atss .at-share-btn.at-svc-whatsapp, .atss a.at-svc-whatsapp {
display: block !important;
}
}
@media screen and (max-width: 767px) {
.atss .at-share-btn, .atss a {
width: 20% !important;
}
}
.atss .at-share-btn span .at-icon, .atss a span .at-icon {
width: 20px !important;
height: 20px !important;
}
.atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper {
background-color: #080F11 !important;
}
.atss .at-share-btn .at-icon-wrapper:hover, .atss a .at-icon-wrapper:hover {
background-color: #AF694A !important;
}
.at-share-dock.atss {
box-shadow: none !important;
}
@media screen and (max-width: 767px) {
.at-share-dock.atss {
display: none !important;
}
}
.ten {
width: 100px;
margin-top: 5px;
float: right;
}
@media screen and (max-width: 640px) {
.ten {
margin: 0 auto;
}
}
/*-- Default Blocks --*/
.intro-block {
padding-top: 45px;
}
@media screen and (max-width: 640px) {
.intro-block {
padding-top: 10px;
}
}
.intro-block .container {
padding: 0 8%;
}
.intro-block .container h1 {
font-size: 30px;
line-height: 37px;
margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
.intro-block .container h1 {
font-size: 26px;
line-height: 36px;
}
}
.intro-block .container p {
font-size: 18px;
}
.offset-top-45 {
padding-top: 45px;
}
@media screen and (max-width: 640px) {
.offset-top-45 {
padding-top: 10px;
}
}
/*-- How it works --*/
.how-it-works-block .intro-block, .charity-block .intro-block {
padding-bottom: 50px;
}
@media screen and (max-width: 1200px) {
.how-it-works-block .intro-block, .charity-block .intro-block {
padding-bottom: 10px;
}
}
.how-it-works-block .content-block, .charity-block .content-block {
padding: 30px 0;
}
.how-it-works-block .content-block .container, .charity-block .content-block .container {
padding: 0 6%;
}
.how-it-works-block .content-block .container .row .col, .charity-block .content-block .container .row .col {
padding: 0 20px;
}
.how-it-works-block .content-block .container .row .col .v-center, .charity-block .content-block .container .row .col .v-center {
text-align: center;
display: block;
height: 300px;
vertical-align: middle;
display: table-cell;
width: 1%;
}
.how-it-works-block .content-block .container .row .col .v-center img, .charity-block .content-block .container .row .col .v-center img {
margin: 0 auto;
max-width: 180px;
}
.how-it-works-block .content-block .container .row .col .content-box, .charity-block .content-block .container .row .col .content-box {
position: static;
width: 100%;
padding: 0;
}
.how-it-works-block .content-block .container .row .col .content-box .info, .charity-block .content-block .container .row .col .content-box .info {
height: 350px;
}
@media screen and (max-width: 992px) {
.how-it-works-block .content-block .container .row .col .content-box .info, .charity-block .content-block .container .row .col .content-box .info {
height: auto;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) {
.how-it-works-block .content-block .container .row .col .content-box .info, .charity-block .content-block .container .row .col .content-box .info {
margin-top: 30px;
}
}
.how-it-works-block .content-block .container .row .col .content-box .info p a, .charity-block .content-block .container .row .col .content-box .info p a {
text-transform: inherit;
letter-spacing: 0px;
font-size: 14px;
color: #221f1f;
display: inline-block;
margin: 0;
text-decoration: underline;
font-family: "FuturaNDLight", arial;
}
.how-it-works-block .content-block .container .row .col .content-box .info p a:hover, .charity-block .content-block .container .row .col .content-box .info p a:hover {
text-decoration: none;
}
.how-it-works-block .content-block .container .row .col .content-box .info h2, .charity-block .content-block .container .row .col .content-box .info h2 {
margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
.how-it-works-block .content-block .container .row .col .content-box .info h2, .charity-block .content-block .container .row .col .content-box .info h2 {
font-size: 26px;
}
}
@media screen and (max-width: 1200px) and (max-width: 640px) {
.how-it-works-block .content-block .container .row .col .content-box .info h2, .charity-block .content-block .container .row .col .content-box .info h2 {
margin-bottom: 20px;
font-size: 22px;
}
}
.how-it-works-block:nth-child(even) .content-block .container .row .col, .charity-block:nth-child(even) .content-block .container .row .col {
float: right;
}
.about-block:nth-child(odd) .container .image {
float: right;
}
.about-block:nth-child(odd) .container .content-box {
right: auto;
left: 0;
}
.content-block {
padding: 95px 0;
}
@media screen and (max-width: 992px) {
.content-block {
padding: 45px 0;
}
}
@media screen and (max-width: 767px) {
.content-block {
padding: 15px 0;
}
}
.content-block.right .container .image {
float: right;
}
@media screen and (max-width: 767px) {
.content-block.right .container .image {
float: none;
}
}
.content-block.right .container .content-box {
right: auto;
left: 0;
padding: 50px 125px 50px 80px;
}
@media screen and (max-width: 992px) {
.content-block.right .container .content-box {
padding: 35px 65px 35px 65px;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) {
.content-block.right .container .content-box {
padding: 30px 0;
}
}
.content-block .container {
position: relative;
}
.content-block .container .image {
width: 60%;
}
@media screen and (max-width: 767px) {
.content-block .container .image {
width: 100%;
}
}
.content-block .container .image img {
max-width: 100%;
height: auto;
}
.content-block .container .content-box {
position: absolute;
top: 58px;
background-color: #fff;
width: 560px;
padding: 50px 80px 50px 125px;
right: 0;
}
@media screen and (max-width: 1200px) {
.content-block .container .content-box {
width: 500px;
padding: 50px 80px 50px 100px;
top: 55px;
}
}
@media screen and (max-width: 992px) {
.content-block .container .content-box {
top: 7%;
width: 65%;
padding: 20px 65px 20px 65px;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) {
.content-block .container .content-box {
width: 100%;
position: static;
padding: 30px 0;
}
}
.content-block .container .content-box .info {
height: 330px;
vertical-align: middle;
display: table-cell;
}
@media screen and (max-width: 1200px) {
.content-block .container .content-box .info {
height: 300px;
}
}
@media screen and (max-width: 1200px) and (max-width: 767px) {
.content-block .container .content-box .info {
height: auto;
display: block;
}
}
.content-block .container .content-box .info h2 {
margin-top: 0;
margin-bottom: 20px;
padding-right: 25px;
}
@media screen and (max-width: 992px) {
.content-block .container .content-box .info h2 {
font-size: 26px;
margin-bottom: 10px;
line-height: 32px;
}
}
@media screen and (max-width: 992px) and (max-width: 640px) {
.content-block .container .content-box .info h2 {
font-size: 22px;
}
}
.content-block .container .content-box .info h2 a {
font-size: 30px;
line-height: 40px;
}
.content-block .container .content-box .info h2 span {
color: #AF694A;
margin-right: 10px;
}
.content-block .container .content-box .info h3 {
margin-bottom: 20px;
}
.content-block .container .content-box .info h3 a {
font-size: 25px;
line-height: 35px;
}
.content-block .container .content-box .info h2 a, .content-block .container .content-box .info h3 a {
text-transform: inherit;
font-family: "FuturaNDLight", arial;
color: #221f1f;
}
.content-block .container .content-box .info h2 a:hover, .content-block .container .content-box .info h3 a:hover {
color: #AF694A;
}
.content-block .container .content-box .info a {
color: #AF694A;
font-size: 10px;
margin-top: 30px;
letter-spacing: 3px;
text-transform: uppercase;
display: block;
text-decoration: none;
}
@media screen and (max-width: 992px) {
.content-block .container .content-box .info a {
margin-top: 20px;
}
}
@media screen and (max-width: 992px) and (max-width: 767px) {
.content-block .container .content-box .info a {
margin-top: 0;
margin-bottom: 30px;
}
}
.content-block .container .content-box .info a:hover {
color: #221f1f;
}
.block-slider {
margin-top: 30px;
}
.block-slider .slick-dots {
margin-top: -30px;
}
.block-slider .slick-arrow {
top: 45%;
}
@media screen and (max-width: 640px) {
.block-slider .slick-arrow {
top: 35%;
}
}
.block-slider .content-block .container .content-box {
top: 85px;
}
@media screen and (max-width: 1200px) {
.block-slider .content-block .container .content-box {
top: 55px;
}
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
.block-slider .content-block .container .content-box {
top: 25px;
}
}
/*-- Contact --*/
.contact-block .map-box {
position: relative;
}
.contact-block .map-box .map-canvas {
height: 400px;
width: 100%;
margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
.contact-block .map-box .map-canvas {
height: 300px;
}
}
.contact-block .map-box .button {
position: absolute;
bottom: -25px;
padding: 20px 45px 17px 45px;
right: 60px;
border: none;
line-height: 20px;
}
@media screen and (max-width: 640px) {
.contact-block .map-box .button {
bottom: -20px;
padding: 15px 40px 13px 40px;
right: 20px;
}
}
.contact-block .contact-info {
padding: 70px 8% 0 8%;
}
@media screen and (max-width: 767px) {
.contact-block .contact-info {
padding: 60px 0 0 0;
}
}
@media screen and (max-width: 767px) {
.contact-block .contact-info .row {
margin: 0;
}
}
.contact-block .contact-info h4, .contact-block .contact-info h1 {
font-size: 20px;
line-height: 30px;
margin-top: 0px;
margin-bottom: 25px;
}
.contact-block .contact-info p {
margin-bottom: 4px;
}
.contact-block .contact-info p strong {
font-family: "FuturaNDBook", arial;
}
.contact-block .contact-info p a {
font-family: "FuturaNDLight", arial;
text-decoration: none;
}
.contact-block .contact-info .buttons-set {
border: none;
padding-top: 0;
}
.contact-block .contact-info .buttons-set .button {
margin-top: 15px;
}
.contact-block .contact-info .row .form {
padding-right: 50px;
}
@media screen and (max-width: 767px) {
.contact-block .contact-info .row .form {
padding: 0;
margin-bottom: 30px;
}
}
.contact-block .contact-info .row .address {
padding-left: 50px;
}
@media screen and (max-width: 767px) {
.contact-block .contact-info .row .address {
padding: 0 0 30px 0;
}
}
.contact-block .contact-info .row .address ul {
margin-top: 10px;
}
.contact-block .contact-info .row .address ul li {
padding: 0 7px;
}
.contact-block .contact-info .row .address ul li a {
font-size: 18px;
margin-right: 5px;
}
.gmnoprint a, .gmnoprint span {
display: none;
}
.gmnoprint div {
background: none !important;
}
#GMapsID div div a div img {
display: none;
}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
display: none;
}
/*-- FAQ --*/
.faq {
margin-top: 30px;
}
.faq .faq-list {
margin: 0;
}
.faq .faq-list .answer-block {
border-bottom: 1px solid #E5E5E5;
margin-bottom: 20px;
}
.faq .faq-list .answer-block:nth-child(2n+1) {
clear: both;
}
.faq .faq-list .answer-block .answer-item.active .question h3 .icon-substract {
display: block;
}
.faq .faq-list .answer-block .answer-item.active .question h3 .icon-add {
display: none;
}
.faq .faq-list .answer-block .answer-item .question h3 {
font-size: 20px;
padding-right: 30px;
position: relative;
margin: 0 0 15px 0;
}
@media screen and (max-width: 640px) {
.faq .faq-list .answer-block .answer-item .question h3 {
font-size: 17px;
margin: 0 0 10px 0;
}
}
.faq .faq-list .answer-block .answer-item .question h3 span {
color: #AF694A;
}
.faq .faq-list .answer-block .answer-item .question h3 .icon {
font-size: 10px;
position: absolute;
right: 0;
top: 10px;
}
.faq .faq-list .answer-block .answer-item .question h3 .icon-substract {
display: none;
}
.faq .faq-list .answer-block .answer-item .question h3:hover {
color: #AF694A;
cursor: pointer;
}
.faq .faq-list .answer-block .answer-item .answer {
display: none;
padding: 20px 30px;
}
.faq .faq-list .answer-block .answer-item .answer ul {
list-style-type: disc;
margin-left: 16px;
}
.faq .faq-list .answer-block .answer-item .answer p {
font-size: 14px;
}
.faq .faq-list .answer-block .answer-item .answer p a {
font-family: "FuturaNDLight", arial;
}
.faq .faq-list .answer-block .answer-item .answer .brown {
color: #AF694A;
}
.atss-left {
left: -40px !important;
display: none !important;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-ms-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
}
.atss-left.active {
left: 0px !important;
}
.p-edit {
display: none;
position: absolute;
right: 10px;
top: 27px;
}
@media screen and (max-width: 640px) {
.p-edit {
display: block;
}
}
@media screen and (max-width: 600px) {
.cart-table .cart-footer-actions .up-cart {
display: block;
}
}
@media screen and (max-width: 640px) {
.dashboard .box-account.box-info {
display: none;
}
}
#width_tmp_select {
display: none;
}
.page {
transform: none !important;
}
.info-btn {
position: absolute;
width: 35px;
height: 35px;
background: #000;
border: none;
text-align: center;
border-radius: 100%;
padding: 4px;
bottom: -18px;
left: 20px;
z-index: 10;
}
.info-btn:hover {
background: #AF694A;
}
.info-btn:focus {
outline: none;
}
.info-btn img {
width: 6px;
margin: 0 auto;
}
#checkout-step-checkoutstep {
padding: 10px 45px 45px 45px;
}
@media screen and (max-width: 767px) {
#checkout-step-checkoutstep {
padding: 10px 25px 25px 25px;
}
}
#checkout-step-checkoutstep p a {
font-family: "FuturaNDLight", arial;
}
#checkout-step-checkoutstep h3 {
font-family: "FuturaNDBook", arial;
font-size: 20px;
line-height: 30px;
}
#checkout-step-checkoutstep .more-donation {
padding: 30px 0;
}
@media screen and (max-width: 1200px) {
#checkout-step-checkoutstep .more-donation {
padding: 15px 0 30px 0;
}
}
#checkout-step-checkoutstep .more-donation .input-box {
margin-top: 20px;
}
#checkout-step-checkoutstep .more-donation .input-box .input-text {
max-width: 300px;
}
#checkout-step-checkoutstep .charity-list {
padding: 20px 0;
}
@media screen and (max-width: 640px) {
#checkout-step-checkoutstep .charity-list {
text-align: center;
}
}
#checkout-step-checkoutstep .charity-list li {
position: relative;
}
@media screen and (max-width: 1200px) {
#checkout-step-checkoutstep .charity-list li {
margin-bottom: 20px;
}
}
#checkout-step-checkoutstep .charity-list li .charity-wrap {
padding: 20px;
border: 1px solid #E5E5E5;
width: 180px;
height: 180px;
vertical-align: middle;
text-align: center;
display: table-cell;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#checkout-step-checkoutstep .charity-list li .charity-wrap.active, #checkout-step-checkoutstep .charity-list li .charity-wrap:hover {
border: 5px solid #AF694A;
}
#checkout-step-checkoutstep .charity-list li .charity-wrap.active img, #checkout-step-checkoutstep .charity-list li .charity-wrap:hover img {
-webkit-filter: none;
filter: none;
}
#checkout-step-checkoutstep .charity-list li .charity-wrap label {
margin: 0;
}
#checkout-step-checkoutstep .charity-list li .charity-wrap label img {
max-width: 100%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-filter: brightness(0) invert(0);
filter: brightness(0) invert(0);
}
#checkout-step-checkoutstep .charity-list li .charity-wrap .boxes {
opacity: 0;
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
}
#checkout-step-checkoutstep .charity-list li .charity-wrap .boxes:hover {
cursor: pointer;
}
/* Date picker */
.daterangepicker {
border-radius: 0px;
border: 1px solid #e5e5e5;
}
@media screen and (max-width: 1200px) {
.daterangepicker {
width: 200px;
z-index: 99999 !important;
}
}
.daterangepicker:before, .daterangepicker:after {
border: none;
background: none;
display: none;
}
.daterangepicker th, .daterangepicker td {
min-width: 30px !important;
padding: 4px;
font-size: 13px !important;
}
@media screen and (max-width: 1450px) {
.daterangepicker th, .daterangepicker td {
min-width: 26px !important;
font-size: 11px !important;
padding: 4px !important;
}
}
@media screen and (max-width: 1250px) {
.daterangepicker th, .daterangepicker td {
min-width: 24px !important;
font-size: 10px !important;
}
}
.daterangepicker th {
font-family: "FuturaNDBook", arial;
color: #221f1f;
}
.daterangepicker th.next, .daterangepicker th.prev {
background-size: 6px auto;
background-position: center center;
background-repeat: no-repeat;
}
.daterangepicker th.next:hover, .daterangepicker th.prev:hover {
background-color: transparent;
opacity: 0.5;
}
.daterangepicker th.next i, .daterangepicker th.prev i {
display: none;
}
.daterangepicker th.next {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/right-icon.svg");
}
@media screen and (max-width: 1200px) {
.daterangepicker th.next {
position: absolute;
top: 14px;
}
}
.daterangepicker th.prev {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/left-icon.svg");
}
.daterangepicker td {
font-family: "FuturaNDBook", arial;
border-radius: 0px !important;
}
.daterangepicker td.in-range {
background-color: #e5e5e5;
}
.daterangepicker td.active, .daterangepicker td:hover {
background-color: #221f1f !important;
color: #fff;
}
.daterangepicker .input-mini, .daterangepicker .daterangepicker_input i {
display: none;
}
.custom-daterange {
font-size: 10px;
padding: 10px 15px !important;
height: 45px !important;
border: 1px solid #e5e5e5;
font-family: "FuturaNDBook", arial;
}
.date-box input {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/down-icon.svg");
background-size: 13px auto;
background-position: 96% center;
background-repeat: no-repeat;
}
.date-picker-wrapper {
border: none;
background-color: #fff;
-webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
z-index: 99;
}
@media screen and (max-width: 768px) {
.date-picker-wrapper {
z-index: 9999;
right: 25px;
left: auto !important;
}
}
@media screen and (max-width: 768px) and (max-width: 767px) and (max-width: 460px) {
.date-picker-wrapper {
right: 26px;
}
}
@media screen and (max-width: 540px) {
.date-picker-wrapper {
width: 230px;
}
}
@media screen and (max-width: 439px) {
.date-picker-wrapper .month-wrapper table {
width: 100%;
float: none;
}
.date-picker-wrapper .month-wrapper table.month2 {
width: 100%;
float: none;
}
}
.date-picker-wrapper .date-range-length-tip, .date-picker-wrapper .drp_top-bar .normal-top {
display: none !important;
}
@media screen and (max-width: 1200px) {
.date-picker-wrapper .drp_top-bar.normal {
display: block !important;
}
.date-picker-wrapper .drp_top-bar.normal .normal-top, .date-picker-wrapper .drp_top-bar.normal .error-top, .date-picker-wrapper .drp_top-bar.normal .default-top {
display: none !important;
}
}
.date-picker-wrapper .drp_top-bar.normal .apply-btn {
z-index: 1;
color: #221f1f;
background: none;
border: none;
text-transform: uppercase;
font-family: "FuturaNDBook", arial;
}
@media screen and (max-width: 640px) {
.date-picker-wrapper .drp_top-bar.normal .apply-btn {
font-size: 11px;
}
}
.date-picker-wrapper .footer {
border: none;
}
.date-picker-wrapper .gap {
background-color: #fff;
}
@media screen and (max-width: 540px) {
.date-picker-wrapper .gap {
display: none;
}
}
.date-picker-wrapper .gap .gap-line {
display: none;
}
.date-picker-wrapper .month-wrapper {
border: none;
}
@media screen and (max-width: 540px) {
.date-picker-wrapper .month-wrapper {
width: 100% !important;
}
}
.date-picker-wrapper .month-wrapper table .caption .next, .date-picker-wrapper .month-wrapper table .caption .prev {
font-size: 0px;
background-size: 6px auto;
display: block;
background-repeat: no-repeat;
background-position: center center;
-webkit-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;
opacity: 1;
}
.date-picker-wrapper .month-wrapper table .caption .next:hover, .date-picker-wrapper .month-wrapper table .caption .prev:hover {
background-color: transparent;
opacity: 0.6;
}
.date-picker-wrapper .month-wrapper table .caption .next {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/right-icon.svg");
}
.date-picker-wrapper .month-wrapper table .caption .prev {
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/left-icon.svg");
}
.date-picker-wrapper .month-wrapper table .day {
padding: 8px 3px 5px 3px;
margin-bottom: 0;
}
.date-picker-wrapper .month-wrapper table .day.checked, .date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
background-color: #AF694A !important;
color: #fff !important;
}
.date-picker-wrapper .month-wrapper table .day.checked.first-date-selected, .date-picker-wrapper .month-wrapper table .day.checked.last-date-selected, .date-picker-wrapper .month-wrapper table .day.toMonth.hovering.first-date-selected, .date-picker-wrapper .month-wrapper table .day.toMonth.hovering.last-date-selected {
background-color: #AF694A !important;
}
.date-picker-wrapper .month-wrapper table .day.checked.invalid, .date-picker-wrapper .month-wrapper table .day.toMonth.hovering.invalid {
color: #ccc !important;
background-color: #fff !important;
}
.date-picker-wrapper .month-wrapper table .day.crossDate {
position: relative;
}
.date-picker-wrapper .month-wrapper table .day.crossDate:after {
position: absolute;
content: '';
background-image: url("https://novaocto.com/skin/frontend/rwd/novaocto/images/close.svg");
background-size: 12px auto;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.date-picker-wrapper .month-wrapper table .day.real-today {
background-color: #E5E5E5;
color: #221f1f;
}
.date-picker-wrapper .month-name {
text-transform: capitalize;
}
.date-picker-wrapper th, .date-picker-wrapper tr, .date-picker-wrapper td {
font-size: 12px;
color: #221f1f;
font-family: "FuturaNDBook", arial;
text-transform: capitalize;
}
/*-- Animate --*/
[data-aos=slide-effect-btn]:after,
[data-aos=slide-effect-2] .slide-effect-2-inner,
[data-aos=slide-effect-2] > img {
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
-ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@-webkit-keyframes show-img-1 {
0%,
66.6% {
visibility: hidden;
}
100%,
66.7% {
visibility: visible;
}
}
@-moz-keyframes show-img-1 {
0%,
66.6% {
visibility: hidden;
}
100%,
66.7% {
visibility: visible;
}
}
@-ms-keyframes show-img-1 {
0%,
66.6% {
visibility: hidden;
}
100%,
66.7% {
visibility: visible;
}
}
@-o-keyframes show-img-1 {
0%,
66.6% {
visibility: hidden;
}
100%,
66.7% {
visibility: visible;
}
}
@keyframes show-img-1 {
0%,
66.6% {
visibility: hidden;
}
100%,
66.7% {
visibility: visible;
}
}
@-webkit-keyframes slide-bg-2 {
33.3% {
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.05, 1);
-moz-transform: scale(0.05, 1);
-ms-transform: scale(0.05, 1);
-o-transform: scale(0.05, 1);
transform: scale(0.05, 1);
}
66.6% {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
}
@-moz-keyframes slide-bg-2 {
33.3% {
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.05, 1);
-moz-transform: scale(0.05, 1);
-ms-transform: scale(0.05, 1);
-o-transform: scale(0.05, 1);
transform: scale(0.05, 1);
}
66.6% {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
}
@-ms-keyframes slide-bg-2 {
33.3% {
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.05, 1);
-moz-transform: scale(0.05, 1);
-ms-transform: scale(0.05, 1);
-o-transform: scale(0.05, 1);
transform: scale(0.05, 1);
}
66.6% {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
}
@-o-keyframes slide-bg-2 {
33.3% {
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.05, 1);
-moz-transform: scale(0.05, 1);
-ms-transform: scale(0.05, 1);
-o-transform: scale(0.05, 1);
transform: scale(0.05, 1);
}
66.6% {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
}
@keyframes slide-bg-2 {
33.3% {
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.05, 1);
-moz-transform: scale(0.05, 1);
-ms-transform: scale(0.05, 1);
-o-transform: scale(0.05, 1);
transform: scale(0.05, 1);
}
66.6% {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
}
[data-aos=slide-effect-2] .slide-effect-2-inner,
[data-aos=slide-effect-2] img {
visibility: hidden;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
-ms-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
position: relative;
}
[data-aos=slide-effect-2]:after,
[data-aos=slide-effect-3] > div {
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
-moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
[data-aos=slide-effect-2]:after {
content: ' ';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.05, 0);
-moz-transform: scale(0.05, 0);
-ms-transform: scale(0.05, 0);
-o-transform: scale(0.05, 0);
transform: scale(0.05, 0);
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
-ms-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
background-color: #221f1f;
}
[data-aos=slide-effect-2].aos-animate .slide-effect-2-inner,
[data-aos=slide-effect-2].aos-animate img {
-webkit-animation-name: show-img-1;
-moz-animation-name: show-img-1;
-ms-animation-name: show-img-1;
-o-animation-name: show-img-1;
animation-name: show-img-1;
}
[data-aos=slide-effect-2].aos-animate:after {
-webkit-animation-name: slide-bg-2;
-moz-animation-name: slide-bg-2;
-ms-animation-name: slide-bg-2;
-o-animation-name: slide-bg-2;
animation-name: slide-bg-2;
}
.ie10 .ten {
display: none;
}
.ie10 header .top-row .right .account-cart-wrapper .list.login-register a .icons {
height: 19px;
}
.ie10 header .top-row .right .account-cart-wrapper .list.header-minicart a .icons {
height: 18px;
}
.ie10 select::-ms-expand {
display: none;
}
.tooltip_templates {
display: none;
}
.thank-you {
padding-top: 60px;
}
.thank-you .button-set {
margin-top: 30px;
}
.thank-you .button-set .button {
margin-top: 20px;
}
.catalogsearch-result-index .contenttype-results-listing {
display: none !important;
}
#dd_method_authorizenet {
padding: 0px;
}
.ie9 select {
background-image: none;
padding-right: 0px;
}
.ie9 .toolbar .row .category h1 {
line-height: 26px;
}
#header-search .twitter-typeahead {
display: block !important;
}
#header-search .twitter-typeahead input {
background-color: #fff !important;
border: 1px solid #C2B6B1 !important;
border-top: 1px solid #221f1f !important;
}
#header-search .twitter-typeahead input:nth-child(1) {
display: none;
}
#header-search .tt-dropdown-menu {
top: 60px !important;
}
@media screen and (max-width: 768px) {
#header-search .tt-dropdown-menu {
top: 14px !important;
width: 50%;
margin-left: 50%;
}
}
@media screen and (max-width: 768px) and (max-width: 540px) {
#header-search .tt-dropdown-menu {
width: 80%;
margin-left: 20%;
}
}
#header-search .tt-dropdown-menu .tt-dataset-products {
border: 1px solid #C2B6B1;
}
#header-search .tt-dropdown-menu .tt-dataset-products:before {
border-bottom: 7px solid #C2B6B1;
}
#header-search .tt-dropdown-menu .tt-dataset-products .tt-suggestion a:hover {
background-color: #C2B6B1 !important;
}
#header-search .tt-dropdown-menu .tt-dataset-products .tt-suggestion a:hover .minimal-price .price-label {
background-color: #C2B6B1 !important;
}
#header-search .tt-dropdown-menu .tt-dataset-products .tt-suggestion a:hover .minimal-price .price {
background-color: #C2B6B1 !important;
}
.help-message h4 {
font-family: "FuturaNDBook", arial;
margin-top: 50px;
}
@media screen and (max-width: 767px) {
.help-message h4 {
margin-bottom: 0;
margin-top: 35px;
}
}
.modal.cookie-pop.c-modal .modal-dialog {
width: 480px;
}
@media screen and (max-width: 768px) {
.modal.cookie-pop.c-modal .modal-dialog {
width: 66%;
min-width: 300px;
}
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content {
background-color: transparent;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content button.close {
color: #fff;
right: -40px;
top: 0;
font-size: 20px;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body {
background-color: #ffffff;
padding: 2vw;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup {
text-align: center !important;
background: transparent;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup form {
padding: 10px;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup h2.cookie-title {
text-transform: uppercase;
letter-spacing: 3px;
color: #221f1f;
text-align: center;
line-height: 40px;
font-weight: normal;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup p {
color: #221f1f;
text-align: center;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup .mc-field-group {
width: 70%;
margin: 0 auto;
margin-bottom: 30px;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup .mc-field-group .datefield {
background-color: #ffffff;
border: 1px solid #ABB0B2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup .mc-field-group .datefield span.subfield {
width: 33.33%;
display: inline-block;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup .mc-field-group .datefield span.subfield input {
border: none;
width: 100%;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup .clear.text-center {
width: 70%;
margin: 0 auto;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup .clear.text-center .button {
font-family: "FuturaNDBook",arial;
width: 100%;
height: 45px;
background-color: #221f1f;
letter-spacing: 3px;
border: none;
font-size: 12px;
margin-bottom: 10px;
color: #fff;
line-height: 12px;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup .clear.text-center .button:hover, .modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup .clear.text-center .button:focus {
background-color: #af694a;
color: #fff;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
display: inline-block;
margin: 2px 0 1em 0;
padding: 5px 10px;
background-color: rgba(255, 255, 255, 0.85);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
font-weight: normal;
z-index: 1;
color: red;
position: absolute;
width: 100%;
text-align: center;
font-weight: 300;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
border: 1px solid red;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup div.response {
width: 100%;
font-weight: normal;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup div.response#mce-error-response {
color: red;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body #mc_embed_signup div.response#mce-success-response {
color: green;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body .pop-footer p:first-child {
margin-bottom: 0;
}
.modal.cookie-pop.c-modal .modal-dialog .modal-content .modal-body a {
text-transform: none;
font-size: 14px;
color: #221f1f;
}
.modal.cookie-pop .popup-banner {
position: relative;
}
.modal.cookie-pop .popup-banner .caption {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 0 10%;
text-align: center;
transform: translateY(-50%);
z-index: 2;
}
.modal.cookie-pop .popup-banner .caption h2 {
color: #fff;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 13px;
font-family: "FuturaNDBook", arial;
margin-left: 11px;
}
@media screen and (max-width: 992px) {
.modal.cookie-pop .popup-banner .caption h2 {
font-size: 16px;
line-height: 26px;
}
}
@media screen and (max-width: 992px) and (max-width: 640px) {
.modal.cookie-pop .popup-banner .caption h2 {
font-size: 15px;
margin: 0;
letter-spacing: 10px;
}
}
.modal.cookie-pop .popup-banner .caption p {
color: #fff;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 3px;
font-family: "FuturaNDBook", arial;
}
.modal.cookie-pop .popup-banner .caption p span {
font-family: "FuturaNDBook", arial;
}
.modal.cookie-pop .popup-banner .caption.pos2 {
text-align: right;
}
.modal.cookie-pop .popup-banner .caption.pos2 p {
margin-right: 15px;
}
.modal.cookie-pop .popup-banner .caption.pos3 {
text-align: left;
}
.modal.cookie-pop .popup-banner .caption.pos3 p {
margin-left: -10px;
}
@media (min-width: 768px) {
.cms-index-index .slider-wrap.wow .container {
margin-top: 126px;
}
}
.product-gift-card .price-info {
display: none;
}
/* QuadPay style*/
.product-view .product-shop .normalPrice {
margin-bottom: 0px !important;
}
.product-view .quadpay-product-widget {
margin-bottom: 40px;
}
.product-view #sizechartbutton {
top: 208px;
}
.checkout-cart-index #shopping-cart-totals-table {
margin-bottom: 0 !important;
}
.checkout-cart-index .quadpay-cart-widget {
margin-bottom: 20px;
}
.quadpay-minicart-widget {
padding-bottom: 5px;
background-color: #F3F3F3;
}
#qp-modal__overlay .qp-modal__container {
max-width: 600px;
}
#co-payment-form #dt_method_mr_quadpay{
clear:both;
}
/*# sourceMappingURL=custom.css.map */
.company-statement .statement {
width: 650px;
margin: auto;
text-align: center;
}
.company-statement p {
font-size: 20px;
line-height: 38px;
margin: 0;
}
h2.top-heading {
text-align: center;
padding: 0;
}
p.bottom-heading {
text-align: center;
}
.company-statement {
border: 2px solid #D3CBC7;
position: relative;
padding: 40px 0;
margin: 80px 0;
}
.company-statement:hover {
color: #221f1f;
}
.company-statement:before {
content: 'Welcome to your new events wardrobe';
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -21px;
font-size: 30px;
background-color: #fff;
width: 650px;
text-align: center;
}
a.cta-mission {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -15px;
font-size: 20px;
background-color: #fff;
width: 400px;
text-align: center;
text-decoration: underline;
color: #AF694A;
font-family: "FuturaNDLight", arial;
}
@media screen and (max-width: 767px){
.company-statement{
margin: 80px 15px;
}
.company-statement .statement {
width: auto;
padding: 0 20px;
}
.company-statement:before {
top: -38px;
text-align: center;
font-size: 25px;
width: 300px;
}
}
@media screen and (max-width: 600px){
.company-statement {
padding: 40px 0 25px 0;
}
.company-statement:before {
top: -30px;
font-size: 20px;
width: 250px;
}
.company-statement p {
font-size: 15px;
line-height: 25px;
}
a.cta-mission {
font-size: 15px;
width: 250px;
}
}
.product-view #sizechartbutton {
top: 190px;
}
div#product-options-wrapper {
margin-top: 45px;
}
.reservationCalendarDiv {
min-height: 80px;
}
.date-picker-wrapper .footer-top {
display: block;
position: relative;
}
.date-picker-wrapper .day4 {
float: right;
}
.date-picker-wrapper .day1 {
display: inline-block;
}
.date-picker-wrapper .line {
width: 100%;
border: 1px solid;
position: absolute;
top: 20px;
}
.date-picker-wrapper .footer-top h6 {
background-color: #ffff;
z-index: 1111111111;
position: relative;
width: 50px;
margin-bottom: 0;
text-transform: uppercase;
color: #000;
}
.date-picker-wrapper .footer-top p{
color: #000;
}
.date-picker-wrapper .day4 h6{
float: right;
text-align: right;
}
.date-picker-wrapper .day4 p{
clear:both;
text-align: right;
}
.date-picker-wrapper .drp_top-bar.normal .apply-btn{
display:none;
}
.drp_top_header {
text-transform: uppercase;
text-align: center;
color: #000;
font-size: 14px;
font-family: "FuturaNDLight", arial;
}
.info-icon {
border: 1px solid;
border-radius: 50%;
padding: 2px 5px 0 5px;
text-transform: lowercase;
margin-left: 5px;
}
.step-one, .step-two{
display:none;
}
#product-options-wrapper .input-box {
position:relative;
}
.step-one, .step-two{
position: absolute;
background-color: #fff;
z-index: 21;
-webkit-box-shadow: -2px 0px 13px 0px #E5E5E5;
-moz-box-shadow: -2px 0px 13px 0px #E5E5E5;
box-shadow: -2px 0px 13px 0px #E5E5E5;
padding: 10px 18px;
max-width: 290px;
right: -35px;
top: 10px;
}
.faqs li a {
color: #AF694A;
text-align:right;
text-decoration: underline;
}
.faqs li {
text-align:right;
}
.product-view .input-box label.floating-label {
top: -8px;
min-width: 20px;
color: #AF694A !important;
font-size: 11px;
text-transform: uppercase;
}
.product-view .step-one p, .product-view .step-two p {
font-size: 14px;
}
.product-view .faqs {
margin-top: 10px;
}
.step-one p > a {
font-family: "FuturaNDLight", arial;
}
.product-view .input-box .size-label{
position: absolute;
left: 7px;
top: 13px;
font-size: 12px;
background-color: #fff;
padding: 5px 10px;
line-height: 12px;
text-transform: capitalize;
min-width: 20px;
text-align: left;
color: #221f1f;
}
.product-view .input-box.active .size-label{
display:none;
}
.date-box input {
font-size: 12px;
}
.date-picker-wrapper .drp_top-bar .default-top {
display: none;
}
.date-picker-wrapper .drp_top-bar .apply-btn.disabled{
display: none;
}
@media screen and (max-width: 794px) {
.date-picker-wrapper {
left: auto !important;
right:25px;
}
.step-one, .step-two{
right: -15px;
}
}
@media screen and (max-width: 439px){
.date-picker-wrapper .footer-top p {
width: 100px;
}
}
.side-bar .block .list .wrap ol li.amshopby-cat {
width: 100%;
}
#layered-navigation .block-layered-nav .amshopby-attr, #layered-navigation .block-layered-nav .amshopby-attr:hover, #layered-navigation .block-layered-nav .amshopby-attr-selected, #layered-navigation .block-layered-nav .amshopby-attr-selected:hover{
background:none;
position:relative;
padding-left:25px;
}
#layered-navigation .block-layered-nav .amshopby-attr:before,#layered-navigation .block-layered-nav .amshopby-attr-selected:before{
content:"";
border:1px solid #E5E5E5;
width: 15px;
height: 15px;
border-radius:50%;
position:absolute;
left:0;
top: -3px;
}
#layered-navigation .block-layered-nav .amshopby-attr-selected:after{
content:'\f00c';
position:absolute;
left: 3px;
font-size: 9px;
top: -2px;
font-family: FontAwesome;
}
#layered-navigation .block .list div[attr-code*="designer_list"] ol li, #layered-navigation .block .list div[attr-code*="_range"] ol li{
width:100%;
}
#layered-navigation .block .list div[attr-code*="_range"]{
display: none;
align-items: center;
width: 100%;
}
#layered-navigation .block .list div[attr-code*="_range"] .head h3{
margin-top: 0;
margin-right:10px;
}
#layered-navigation .block .list .wrap ol li select.amshopby-select {
width: 100%;
max-width: 170px;
}
#layered-navigation .block .list div[attr-code*="_range"] .head {
flex-basis:40%;
}
#layered-navigation .block .list div[attr-code*="_range"] .content {
flex-basis:55%;
}
#layered-navigation .block .list div[attr-code*="_range"]{
border-top: none;
}
#layered-navigation .ui-slider-range.ui-widget-header.ui-corner-all {
height: 2px;
top: 5px;
background-color: #000;
}
#layered-navigation .block .list div[attr-code*="listing_price"] ol li{
width:100%;
}
#layered-navigation .block .list div[attr-code*="size"] .head > h3, .custom-size{
display:inline-block;
}
#layered-navigation .block .list div[attr-code*="size"] .head > h3 {
cursor: pointer;
text-align: center;
width: 48%;
border: 2px solid;
}
#layered-navigation .block .list div[attr-code*="size"] .head h3.custom-size {
border-color: #E5E5E5;
}
#layered-navigation .ui-slider-horizontal .ui-slider-handle {
width: 4px;
background-color: #000;
border: 1px solid #000;
margin-left: -.2em;
}
#layered-navigation span#amshopby-listing_price-from-slider {
color: #000;
font-size: 12px;
}
#layered-navigation span#amshopby-listing_price-to-slider {
color: #000;
font-size: 12px;
}
#layered-navigation span.vert-line {
background-color: #000;
height: 17px;
width: 2px;
display: inline-block;
vertical-align: middle;
margin: 0 14px;
}
#layered-navigation .measure{
display: none;
text-decoration: underline;
margin-bottom: 17px;
}
.date-picker-wrapper .month-wrapper table td:hover {
background-color: #E5E5E5 !important;
}
@media screen and (min-width: 769px) and (max-width:992px){
#layered-navigation .block .list div[attr-code*="size"] .head > h3{
width:30%
}
#layered-navigation .block .list div[attr-code*="size"] .head > h3.custom-size{
width:65%
}
}
.product-options dd select {
z-index: 10;
position: relative;
}
.product-view .input-box .size-label {
z-index: 1;
}
.product-view .input-box label.floating-label {
top: -3px;
padding: 0;
margin: 0;
left: 15px;
z-index: 20;
}
.awraf-index-stats .aw-raf-statistics .fieldset {
background: #ffff;
border: 1px solid #E5E5E5;
}
.awraf-index-stats .aw-raf-statistics .fieldset > .fieldset {
border:none;
border-top: 1px solid #E5E5E5;
}
.awraf-index-stats .aw-raf-statistics .fieldset h2.legend{
margin: 0;
height: 0;
padding: 10px 8px;
line-height: 0;
margin-top: -33px;
border: none;
background-color: #fff;
}
.awraf-index-stats .container .page-title h1{
text-align:left;
}
.awraf-index-stats .aw-raf-statistics .aw-raf-broadcastlink, #aw-raf-broadcastlink {
height: auto !important;
}
.awraf-index-stats .aw-raf-statistics .pager .count-container .limiter{
height:auto;
}
.awraf-index-stats .aw-raf-statistics .pager .count-container .limiter select{height: 35px;}
.awraf-index-stats .aw-raf-statistics .aw-raf-table-wrapper + .pager.pager-no-toolbar {
display:none;
}
.awraf-index-stats span.aw-raf-statistics .fieldset {
border:none;
border-top: 1px solid #E5E5E5;
}
.awraf-index-stats #raf-invite .group-select {
background: #fff;
}
.awraf-index-stats div#referafriend {
width: 100%;
margin: 0;
transform: translate(-50%, -50%
);
max-width: 550px;
}
.awraf-index-stats #raf-invite .group-select h3.a-center{
text-align:left;
}
.awraf-index-stats button#referafriend-cancel + .button.btn-cart{
padding: 10px 15px !important;
}
.awraf-index-stats #raf-invite .group-select .messages {
position: relative;
}
@media screen and (max-width: 600px){
.awraf-index-stats div#referafriend {
max-width: 320px;
}
}
form#referafriend-form {
background-color: #f6f7f8;
padding: 30px;
margin: 15px 0;
}
#raf-invite .group-select form#referafriend-form li .input-box .input-text,
#raf-invite .group-select form#referafriend-form li .input-box textarea {
width: 100%;
border: 2px solid #e9eaeb;
margin-bottom: 10px;
color: rgba(0,0,0,0.5);
font-size: 15px;
letter-spacing: .7px;
font-weight: 600;
}
#raf-invite div#invite-button-container {
margin: 0;
border: none;
display: inline-block;
width: 100%;
}
#raf-invite div#invite-button-container button.form-button.button.btn-cart {
display: inline-block;
width: 100%;
background-color: #221f1f;
border: 2px solid #221f1f;
color: #ffffff;
font-size: 16px;
}
#raf-invite .group-select li .input-box .input-text + label,
#raf-invite .group-select li .input-box textarea + div {
opacity: 0.6;
max-width: 90%;
margin: auto;
}
#raf-invite .group-select form#referafriend-form li .input-box .input-text::-webkit-input-placeholder { /* Edge */
color: rgba(0,0,0,0.5);
}
#raf-invite .group-select form#referafriend-form li .input-box .input-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: rgba(0,0,0,0.5);
}
#raf-invite .group-select form#referafriend-form li .input-box .input-text::placeholder {
color: rgba(0,0,0,0.5);
}
.referralpage-index-index .info.heading-block {
border: 2px solid #D3CBC8;
position: relative;
padding: 40px 0;
margin: 80px 0 50px;
}
.referralpage-index-index .info.heading-block h2 {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -40px;
font-size: 25px;
background-color: #fff;
text-align: center;
color: #AF694A;
padding: 0 30px;
}
.referralpage-index-index .info.heading-block a {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -12px;
font-size: 15px;
background-color: #fff;
text-align: center;
text-decoration: underline;
color: #AF694A;
font-family: "FuturaNDLight", arial;
padding: 0 50px;
}
.referralpage-index-index .info.heading-block p {
font-size: 20px;
line-height: 38px;
margin: 0 auto;
max-width: 80%;
}
.referralpage-index-index .terms {
display: inline-block;
width: 100%;
text-align: center;
}
.referralpage-index-index .terms a {
font-family: "FuturaNDLight", arial;
text-decoration: underline;
}
.referralpage-index-index #raf-invite .group-select {
background-color: #f6f7f8;
border: none;
}
.referralpage-index-index #raf-invite .group-select form#referafriend-form li .input-box textarea {
min-height: 160px;
text-align: left;
}
.referralpage-index-index .invite-form {
margin-top: -10px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.referralpage-index-index .info.heading-block h2 {
left: 35%;
transform: translateX(-25%);
}
}
@media screen and (max-width: 500px) {
.referralpage-index-index .info.heading-block h2 {
font-size: 20px;
padding: 0 15px;
}
.referralpage-index-index .info.heading-block a {
padding: 0 30px;
}
.referralpage-index-index #raf-invite .group-select {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 380px) {
.referralpage-index-index .info.heading-block h2 {
font-size: 15px;
}
}
a.referafriend-header-link {
position: absolute;
top: 47%;
text-transform: uppercase;
}
@media screen and (min-width: 769px) {
header .page-header-container .top-row .left {
padding-top: 35px;
}
}
@media screen and (max-width: 768px) {
div#Growler {
z-index: 10 !important;
}
.page-header-container {
padding-top: 30px;
}
.page-header-container .nav-btn {
top: 45px;
}
a.referafriend-header-link {
position: fixed;
top: 0;
left: 0;
right: 0;
text-align: center;
background-color: #C2B6B1;
z-index: 99;
padding: 5px 0;
}
.page-header-container .col-xs-4.right {
padding-top: 10px;
}
}
.c-modal .modal-dialog .modal-content .modal-body .signin-area input {
background-color: transparent;
position: relative;
z-index: 10;
}
.c-modal .modal-dialog .modal-content .modal-body .signin-area .input-box.active .floating-label {
z-index: 20;
}
.referralpage-index-index .info.heading-block .refer-friends {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -12px;
font-size: 13px;
background-color: #fff;
text-align: center;
color: #AF694A;
font-family: "FuturaNDBook", arial;
padding: 0 25px;
letter-spacing: 1px;
}
@media screen and (max-width: 991px) and (min-width: 768px), (max-width: 500px) {
.referralpage-index-index .info.heading-block .refer-friends {
min-width: 200px;
padding: 0;
}
}
.referralpage-index-index form#referafriend-form {
padding-top: 0;
}
.referralpage-index-index #raf-invite .group-select {
padding-top: 1px;
padding-bottom: 1px;
}
#referafriend{
display:none;
position: absolute;
top:50%;
left:50%;
z-index:9999;
width:350px;
margin:-300px 0 0 -150px;
/*background-color: #fff;*/
}
#referafriend[id]{ /* IE6 and below Can't See This */
position:fixed;
}
/*#referafriend h3 {margin-bottom: 20px;}*/
#referafriend h4 {padding: 4px 0;}
#referafriend .group-select {margin: 0;}
#referafriend-overlay{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#000;
-moz-opacity: 0.3;
opacity:.30;
filter: alpha(opacity=30);
}
#referafriend-overlay[id]{ /* IE6 and below Can't See This */
position:fixed;
}
#referafriend.done #rafLoadMessage{
display:none;
}
#referafriend.done #rafContent{
display:block;
}
#referafriend.loading #rafContent{
display:none;
}
#referafriend.loading #rafLoadMessage{
font-size: 1.1em;
font-weight: bold;
color: #000;
display:block;
background-color: #fff;
width: 130px;
padding: 10px;
margin: 250px 0 0 110px;
}
#referafriend.loading #rafLoadMessage img{
margin: auto;
margin-bottom: 10px;
}
.awraf-email-heading {
font-weight:bold;
margin-top:10px;
display:block;
}
.referafriend-please-wait {
padding-right:7px;
display: inline-block;
}
.referafriend-please-wait img {
max-width: 24px;
float: left;
margin-right: 5px;
}
/*
#referafriend.done img{
width:100%;
height:100%;
}
*/
#raf-invite .group-select {
border:1px solid #bbafa0;
padding:22px 25px 12px 25px;
background:#fbfaf6;
}
#raf-invite .group-select li .input-box .input-text,#raf-invite .group-select li .input-box textarea {
width:275px;
}
#raf-invite .button-set{
border-top:1px solid #E4E4E4;
clear:both;
margin-top:4em;
padding-top:8px;
text-align:right;
}
.form-button-alt#referafriend-button {
background-color: #618499;
border: 1px solid #406A83;
padding:0 10px;
}
.form-button-alt#referafriend-button span {
background: none;
border: none;
}
#referafriend-form span.required {
color: #EB340A;
}
#referafriend-form .form-list label {
text-align: left;
width: auto;
}
#referafriend-form .form-list textarea {
float: none;
}
.aw-raf-broadcastlink, #aw-raf-broadcastlink {
width:100%;
max-width: 100%;
border:none;
font-size:13px;
resize:none;
}
.aw-raf-broadcastlink-label {
display:block;
font-size:12px;
font-weight:bold;
}
.aw-raf-manual-share-block {
margin-top:15px;
width:90%;
}
#widget {
width: 100px!important;
height:100px!important;
}
.awraf-social-share {
height:30px;
}
.awraf-social-share a {
display:block;
width:40px;
height:40px;
float:left;
border:none;
}
.raf-twitter-share {
background: url('https://novaocto.com/skin/frontend/base/default/images/aw_raf/share.jpg') no-repeat -146px -32px;
}
.raf-facebook-share {
background: url('https://novaocto.com/skin/frontend/base/default/images/aw_raf/share.jpg') no-repeat -266px -72px;
}
.raf-delicious-share {
background: url('https://novaocto.com/skin/frontend/base/default/images/aw_raf/share.jpg') no-repeat -264px -32px;
}
.raf-myspace-share {
background:url('https://novaocto.com/skin/frontend/base/default/images/aw_raf/share.jpg') no-repeat -145px -72px;
}
.awraf-balance-item {
font-size:13px;
}
.aw-raf-table-wrapper {
overflow-y: hidden;
overflow-x: auto;
}
#referred-friends-table {
font-size:13px;
}
/* field set specific styles */
.aw-raf-statistics .fieldset { border:1px solid #bbafa0; background:#fbfaf6; padding:22px 25px 12px 33px; margin:28px 0; }
.aw-raf-statistics .fieldset h2.legend { float:left; font-weight:bold; font-size:13px; border:1px solid #f19900; background:#f9f3e3; color:#e76200; margin:-33px 0 0 -10px; padding:0 8px; position:relative; }
.awraf-discount-coupon-form-100 .button {
float:none!important;
margin:5px 0 0 0!important;
}
.awraf-discount-coupon-form-100 .raf-maximum-discount {
display:block;
clear:both;
margin-bottom:2px!important;
}
.awraf-discount-coupon-form-100 .buttons-set {
margin-top:0!important;
}
.aw-raf-statistics .pager {
float: none !important;
}
.aw-raf-statistics .pager .count-container {
float: none;
}
.aw-raf-statistics .pager .count-container .limiter {
float: right;
}
.aw-raf-table-wrapper {
display: inline-block;
width: 100%;
}
div.amshopby-column {
float: left;
width: 49%;
overflow: hidden;
}
select.amshopby-select {
width: 170px;
}
.amshopby-logo {
padding: 0 10px 10px 0;
float: left;
}
.amshopby-featured {
padding: 5px;
}
.amshopby-link {
padding: 5px 0 0 5px;
}
.amshopby-clearer {
display: block;
clear: both;
overflow: hidden;
}
div.block-layered-nav dd a {
padding: 0 5px 0 0;
display: block;
float: left;
}
.block-layered-nav .amshopby-attr,
.block-layered-nav .amshopby-attr:hover {
padding-left: 15px;
background: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-cb1.gif) left center no-repeat;
}
.block-layered-nav .amshopby-attr::before,
.block-layered-nav .amshopby-attr-selected::before {
border-style: none;
}
.block-layered-nav .amshopby-attr-selected,
.block-layered-nav .amshopby-attr-selected:hover {
font-weight: bold;
padding-left: 15px;
background: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-cb2.gif) left center no-repeat;
}
.block-layered-nav .amshopby-attr-inactive {
pointer-events: none;
color: #666
}
.block-layered-nav dd a img {
float: left;
}
.block-layered-nav .single-choice a.amshopby-attr,
.block-layered-nav .single-choice a.amshopby-attr:hover {
background-image: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-rb1.gif);
}
.block-layered-nav .single-choice a.amshopby-attr-selected,
.block-layered-nav .single-choice a.amshopby-attr-selected:hover {
background-image: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-rb2.gif);
}
.amshopby-swatch {
background: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-cb1.gif) left center no-repeat;
}
.block-layered-nav .amshopby-cat-level-2 {
padding-left: 0;
}
.block-layered-nav .amshopby-cat-level-2.static-2-level {
padding-left: 30px;
}
.block-layered-nav .amshopby-cat-level-3 {
padding-left: 20px;
}
.block-layered-nav .amshopby-cat-selected {
font-weight: bold;
color: black;
text-decoration: none;
cursor: text;
}
.block-layered-nav .amshopby-cat-multi a {
padding-left: 15px;
background: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-cb1.gif) left center no-repeat;
}
.block-layered-nav .amshopby-cat-multiselected a,
.block-layered-nav .amshopby-cat-multiselected a:hover {
font-weight: bold;
background: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-cb2.gif) left center no-repeat;
}
.block-layered-nav span.amshopby-plusminus {
float: left;
display: block;
margin: 5px 0 0;
padding: 0;
width: 15px;
height: 15px;
cursor: pointer;
background: transparent url(https://novaocto.com/skin/frontend/base/default/images/amshopby-plus.gif) no-repeat;
}
.block-layered-nav span.minus {
background: transparent url(https://novaocto.com/skin/frontend/base/default/images/amshopby-minus.gif) no-repeat;
}
.block-layered-nav li:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.main .block-layered-nav.amshopby-collapse-enabled dt {
cursor: pointer;
padding-left: 15px;
background: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;
}
.block-layered-nav.amshopby-collapse-enabled dt::after {
border-style: none;
}
.block-layered-nav.amshopby-collapse-enabled dt.amshopby-collapsed {
background: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;
}
.block-layered-nav.amshopby-collapse-enabled .toggle-content .no-display {
display: block;
}
.block-layered-nav .amshopby-slider {
position: relative;
margin: 10px 4px 5px;
z-index: 9;
height: 18px;
background: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%;
cursor: pointer;
}
.block-layered-nav .amshopby-slider .handle {
margin-left: -4px;
width: 8px;
top: 3px;
height: 14px;
background: transparent url(https://novaocto.com/skin/frontend/base/default/images/amshopby-hadle.png) no-repeat;
position: absolute;
cursor: move;
z-index: 2;
}
/*
* Slider labels
*/
.amshopby-slider-price {
color: #798794;
}
.amshopby-slider-price-from {
float: left;
}
.amshopby-slider-price-to {
float: right;
}
.amshopby-slider-handle-right,
.amshopby-slider-handle-left {
position: absolute;
top: 14px;
}
.amshopby-slider-handle-left {
left: 0;
}
.amshopby-slider-handle-right {
right: 0;
}
.amshopby-tooltip {
padding: 2px 5px;
background: #FEC;
border: 1px solid #FAA819;
color: #1F5070;
text-align: left;
width: 200px;
position: absolute;
z-index: 1000;
}
.amshopby-slider-price-range {
text-align: center;
font-size: 0.9em;
}
.amshopby-tooltip-img {
cursor: help;
display: inline;
}
.block-layered-nav,
.amshopby-page-container,
.amshopby-filters-top {
position: relative;
}
.amshopby-overlay {
background-color: #FFFFFF;
height: 100%;
left: 0;
opacity: 0.5;
filter: alpha(opacity=50);
position: absolute;
top: 0;
width: 100%;
z-index: 555;
}
.amshopby-overlay img {
top: 100px;
left: 45%;
display: block;
position: absolute;
}
.amshopby-overlay div {
margin: 0 auto;
display: block;
width: 300px;
height: 200px;
background: url('https://novaocto.com/skin/frontend/base/default/images/amshopby-overlay.gif') 50% 50% no-repeat;
}
/*
* Advanced Categories
*/
.amshopby-advanced li {
clear: both;
}
.amshopby-advanced .level1 {
padding-left: 20px;
}
.amshopby-advanced .level2 {
padding-left: 30px;
}
.amshopby-advanced .level3 {
padding-left: 40px;
}
.amshopby-advanced .level4 {
padding-left: 50px;
}
.amshopby-advanced li.active > a {
font-weight: bold;
}
.amshopby-cat-toggle.amshopby-cat-toggle-hidden {
display: none;
}
/*
* Slider Bar
*/
.amshopby-slider-bar {
position: absolute;
background: #999;
height: 6px;
top: 6px;
z-index: 1;
}
/*
* Subcategories block
*/
.amshopby-subcategory-image {
overflow: auto;
}
.btn-remove-inline {
background: url('https://novaocto.com/skin/frontend/base/default/images/am_btn_remove.gif') no-repeat;
width: 13px;
height: 12px;
margin-left: 4px;
}
.amshopby-hightlighted {
background: yellow;
}
.btn-remove-inline img {
display: inline;
}
.block-layered-nav .amshopby-slider .handle.active {
z-index: 3;
}
.amshopby-slider-ui {
background: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%;
margin: 10px .4em;
}
.amshopby-slider-ui .ui-slider-handle {
background-color: #f18200;
border: 1px solid #de5400;
box-sizing: border-box;
outline: none;
}
.amshopby-slider-ui .ui-slider-range {
background-color: #999999;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-slider {
cursor: pointer;
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 0.8em;
height: 1.2em;
cursor: pointer;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.2em;
margin-left: -.4em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0.2em;
height: 8px;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.amshopby-narrow-by-list td {
vertical-align: top;
}
input[name^="amshopby"][id$="from"].input-text,
input[name^="amshopby"][id$="to"].input-text {
width: auto;
}
.amshopby-item-top {
max-width: 225px;
min-width: 180px;
display: inline-block;
vertical-align: top;
height: 100%;
}
.amshopby-filters-top .block-content ol {
max-width: 250px;
}
.amshopby-item-top .amshopby-column {
width: auto;
}
.no-display-current,
.no-display {
display: none;
}
.current .no-display-current,
.current td.no-display {
display: block;
}
@media only screen and (max-width: 770px) {
dl#narrow-by-list,
dl#narrow-by-list2 {
padding: 0;
}
.block-layered-nav.amshopby-collapse-enabled .toggle-content dt {
background: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;
}
.block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dt.current {
background: url(https://novaocto.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;
}
}
.block-layered-nav ol:not(.single-choice) select option[selected] {
color: white;
background-color: rgba(171, 171, 171, 1);
}
.amshopby-apply-button {
width: 180px;
height: 40px;
margin-top: 1em;
}
/**
* All Brands page
*/
.content .ambrands-list {
min-width: 180px;
}
.amshopby-subcategories-wrapper {
position: relative;
box-sizing: unset;
flex-wrap: wrap;
}
.amshopby-subcategories-wrapper:after {
content: '';
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #fff;
z-index: 999;
}
.amshopby-subcategory {
float: left;
height: auto;
width: auto;
padding-right: 5px;
line-height: 50px;
border-bottom: 1px solid #eee;
}
.amshopby-subcategory .am-item {
width: 100%;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
text-align: left;
vertical-align: middle;
line-height: 1;
}
.amshopby-subcategory .am-img {
max-width: 100%;
display: block;
float: left;
}
.amshopby-subcategory .am-title {
margin-left: 5px;
padding: 20px 0;
}
.amshopby-subcategories-img {
display: inline;
vertical-align: middle;
}
div.amshopby-overflow-scroll-enabled div.block-content dl dd > ol:first-of-type {
overflow-y: auto;
}
.amshopby-cat-level-1.without-icon {
padding-left: 15px;
}
/*----DEFAULT COLUMNS STYLES FOR CONTENT TYPES----*/
.ct-clear {
clear: both;
}
.ct-column-top {
margin-bottom: 1em;
}
.ct-column-bottom {
margin-top: 1em;
}
.ct-column-middle {
margin-bottom: 1em;
margin-top: 1em;
}
.ct-column-main-left-50 {
width: 49%;
float: left;
}
.ct-column-main-right-50 {
width: 49%;
float: right;
}
.ct-column-main-left-25 {
width: 25%;
float: left;
}
.ct-column-main-center-50 {
width: 48%;
margin: 0 1%;
float: left;
}
.ct-column-main-right-25 {
width: 25%;
float: right;
}
.ct-column-main-left-33 {
width: 32%;
float: left;
}
.ct-column-main-center-33 {
width: 32%;
margin: 0 2%;
float: left;
}
.ct-column-main-right-33 {
width: 32%;
float: right;
}
.block-ct-filter-content {
padding: 5px 10px;
}
#contenttype-results-filter-list li a {
display: inline-block;
padding-left: 16px;
background: url(https://novaocto.com/skin/frontend/base/default/images/blackbird/acm/cb1.gif) no-repeat left center;
}
#contenttype-results-filter-list li.item-active a {
background: url(https://novaocto.com/skin/frontend/base/default/images/blackbird/acm/cb2.gif) no-repeat left center;
}
/*----DEFAULT COLUMNS STYLES FOR CONTENT LIST----*/
.cl-clear {
clear: both;
}
.cl-column-top {
margin-bottom: 1em;
}
.cl-column-bottom {
margin-top: 1em;
border-bottom:1px solid;
}
.cl-column-middle {
margin-bottom: 1em;
margin-top: 1em;
}
.cl-column-main-left-50 {
width: 49%;
float: left;
}
.cl-column-main-right-50 {
width: 49%;
float: right;
}
.cl-column-main-left-25 {
width: 25%;
float: left;
}
.cl-column-main-center-50 {
width: 48%;
margin: 0 1%;
float: left;
}
.cl-column-main-right-25 {
width: 25%;
float: right;
}
.cl-column-main-left-33 {
width: 32%;
float: left;
}
.cl-column-main-center-33 {
width: 32%;
margin: 0 2%;
float: left;
}
.cl-column-main-right-33 {
width: 32%;
float: right;
}
.twitter-typeahead {
width: 100%;
}
input[type=search].tt-hint {
height: 40px;
color: #ccc;
font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.tt-dropdown-menu {
margin-top: 15px;
width: 100%;
}
.tt-dataset-products .empty {
padding: 4px;
}
.tt-dataset-products {
border: 1px solid #3399cc;
background: #fff;
border-radius: 2px;
}
.tt-dataset-products:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #3399cc;
border-top: none;
left: 50%;
top: -7px;
margin-left: -7px;
}
.tt-dataset-products a {
padding: 6px;
display: block;
text-decoration: none;
font-size: 14px;
border-bottom: 1px solid #f4f4f4;
}
.tt-dataset-products .tt-suggestion:last-child a {
border-bottom: 0;
}
.tt-dataset-products a:hover,
.tt-dataset-products a:hover .price-box .price,
.tt-suggestion.tt-cursor a,
.tt-suggestion.tt-cursor a .price-box .price-label,
.tt-suggestion.tt-cursor a .price-box .price {
color: #fff;
background-color: #3399cc;
text-decoration: none;
}
.tt-dataset-products a:hover .price-box .old-price .price,
.tt-suggestion.tt-cursor a .price-box .old-price .price {
text-decoration: line-through;
}
.tt-dataset-products a .image {
float: left;
}
.tt-dataset-products a .image img {
width: 50px;
}
.tt-dataset-products a .info {
margin-left: 56px;
}
.tt-dataset-products a .price-box {
margin: 0;
}
.tt-dataset-products a .clearer {
clear: both;
}
#extabs span#tb4 {
width: 100px;
}
div#noticeevents {
border: 1px solid #999;
background-color: #FFF;
height: 100px;
overflow: auto;
}
div#noticeevents div {
border-bottom: 1px dotted #DDD;
padding: 3px;
margin: 0px;
}
.runner {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: right;
font-size: .8em;
background-color: #333;
color: #FFF;
padding: 2px 10px 5px 10px;
cursor: pointer;
}
/** Growler Notice Custom Styling **/
div.Growler-notice {
background-color: #000;
color: #fff;
opacity: .85;
filter: alpha(opacity = 85);
zoom: 1;
width: 235px;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
display: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
min-height: 40px;
z-index: 10000;
}
div.Growler-notice-head {
font-weight: bold;
font-size: 10px;
}
div.Growler-notice-exit {
float: right;
font-weight: bold;
font-size: 12px;
cursor: pointer;
}
/** Plain Theme **/
div.plain {
color: #000;
width: 253px;
margin-top: 5px;
margin-bottom: 5px;
text-align: left;
display: none;
min-height: 40px;
background-color: #EDEDED;
border: 1px solid #777;
}
div.plain div.Growler-notice-head {
font-weight: bold;
font-size: 10px;
padding: 2px 10px;
}
div.plain div.Growler-notice-exit {
float: right;
cursor: pointer;
margin: 0px;
padding: 0px 0px 2px 2px;
width: 10px;
height: 10px;
color: #BFBFBF;
}
div.plain div.Growler-notice-body {
padding: 5px;
}
/** Mac OS X Theme **/
div.macosx {
color: #000;
width: 253px;
margin-top: 5px;
margin-bottom: 5px;
text-align: left;
display: none;
min-height: 40px;
background: #d7d7d7 url(https://novaocto.com/skin/frontend/rwd/novaocto/images/macosx.jpg) repeat-y 0;
border: 1px solid #C9C9C9;
}
div.macosx div.Growler-notice-head {
font-weight: bold;
font-size: 10px;
padding: 5px 10px;
}
div.macosx div.Growler-notice-exit {
width: 15px;
height: 15px;
float: left;
cursor: pointer;
margin: 4px;
margin-left: 1px;
font-size: 0em;
color: transparent;
background: transparent url(https://novaocto.com/skin/frontend/rwd/novaocto/images/macosx_exit.png) no-repeat left 0;
}
div.macosx div.Growler-notice-exit:hover {
background: transparent url(https://novaocto.com/skin/frontend/rwd/novaocto/images/macosx_exit_over.png) no-repeat left 0;
}
div.macosx div.Growler-notice-body {
padding: 2px 0 10px 25px;
}
/** Candybars Theme **/
div.candybar {
color: #000;
width: 253px;
margin-top: 5px;
margin-bottom: 5px;
text-align: left;
display: none;
min-height: 40px;
background-color: #F5F7FA;
border: 1px solid #19304B;
}
div.candybar div.Growler-notice-head {
font-weight: bold;
font-size: 10px;
background: url(https://novaocto.com/skin/frontend/rwd/novaocto/images/candybars.jpg) repeat-x;
padding: 5px 10px;
}
div.candybar div.Growler-notice-exit {
float: right;
cursor: pointer;
margin: 3px;
}
div.candybar div.Growler-notice-body {
border-top: 1px solid #999;
padding: 10px;
}
/** Construction Theme **/
div.atwork {
color: #FFF;
width: 253px;
margin-top: 5px;
margin-bottom: 5px;
text-align: left;
display: none;
min-height: 40px;
background: #4d4d4d url(https://novaocto.com/skin/frontend/rwd/novaocto/images/atwork.png) repeat-y 0;
border: 1px solid #222;
}
div.atwork div.Growler-notice-head {
font-weight: bold;
font-size: 12px;
padding: 5px 20px;
color: #efca23;
}
div.atwork div.Growler-notice-exit {
float: right;
cursor: pointer;
margin: 3px;
}
div.atwork div.Growler-notice-body {
padding: 2px 0 10px 25px;
}
#MB_overlay {
position: absolute;
margin: auto;
top: 0; left: 0;
width: 100%; height: 100%;
z-index: 9999;
border: 0;
background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }
#MB_window {
position: absolute;
top: 0;
border: 0 solid;
text-align: left;
z-index: 10000;
}
#MB_window[id] { position: fixed!important; }
#MB_frame {
position: relative;
background-color: #EFEFEF;
height: 100%;
}
#MB_header {
margin: 0;
padding: 0;
}
#MB_content {
position: relative;
padding: 6px .75em;
overflow: auto;
}
#MB_caption {
font: bold 100% "Lucida Grande", Arial, sans-serif;
text-shadow: #FFF 0 1px 0;
padding: .5em 2em .5em .75em;
margin: 0;
text-align: left;
}
#MB_close {
display: block;
position: absolute;
right: 5px; top: 4px;
padding: 2px 3px;
font-weight: bold;
text-decoration: none;
font-size: 13px;
}
#MB_close:hover {
background: transparent;
}
#MB_loading {
padding: 1.5em;
text-indent: -10000px;
background: transparent url(https://novaocto.com/skin/frontend/rwd/novaocto/ajaxcart/spinner.gif) 50% 0 no-repeat;
}
/* Color scheme */
#MB_window {
background-color: #EFEFEF;
color: #000;
-webkit-box-shadow: 0 0 64px #000;
-moz-box-shadow: #000 0 0 64px;
box-shadow: 0 0 64px #000;
}
#MB_frame {
padding-bottom: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
background-color: #DDD;
border-bottom: 1px solid #CCC;
}
#MB_caption { color: #000 }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }
/* Alert message */
.MB_alert {
margin: 10px 0;
text-align: center;
}
.reservationCalendarDiv .shipMethods .additional-shipping, .reservationCalendarDiv .shipMethods .additional-zip,
.reservationCalendarDiv .shipMethods .additional-shipping-methods{
margin: 5px 0;
}
/*
/**
* Phxsolution Formbuilder
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so you can be sent a copy immediately.
*
* Original code copyright (c) 2008 Irubin Consulting Inc. DBA Varien
*
* @category module css
* @package Phxsolution_Formbuilder
* @author Murad Ali
* @contact contact@phxsolution.com
* @site www.phxsolution.com
* @copyright Copyright (c) 2014 Phxsolution Formbuilder
* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
*/
.form-list .input-box {width:450px}
.product-options {/*border: 1px solid #333;*/}
.formbuilder ul {list-style: none !important; list-style-type: none !important;}
#custom_form .input-text {width:100%}
#custom_form .title_image {text-align: center;}
.multishipping-authorization .authentication.message {
margin: 2em 0;
display: inline-block;
border: 1px solid #ccc;
box-shadow: 0px 1px 3px 0px #ccc;
padding: 1em 2em 1em 2em;
}
/* ccType */
#stripe-payments-accepted-cards img {
-moz-transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
display: inline-block;
}
#stripe-payments-accepted-cards.stripe-payments-detected img {
opacity: 0.3;
}
#stripe-payments-accepted-cards.stripe-payments-detected img.active {
opacity: 1;
}
input#stripe_payments_cc_number {
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
background-position-x: 80%;
-moz-transition: background-position-x 0.25s ease-in-out;
-webkit-transition: background-position-x 0.25s ease-in-out;
transition: background-position-x 0.25s ease-in-out;
}
input#stripe_payments_cc_number.cctype-detected {
background-position-x: 99%;
}
.adminhtml-sales-order-create-index #payment_form_stripe_payments input[type="text"]
{
width: 200px;
}
.dialog_content {
background-color: #fff;
}
.img-preload {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;
}
/* Customer Account */
.saved-cards label {
display: inline;
}
.saved-cards {
font-size: 1.15em;
}
.saved-cards li {
margin: 4px 0;
}
#new-card .form-list select {
width: auto;
}
#new-card .form-list label {
float: none;
}
#stripe_payments_cc_cid {
width: 40px;
}
/* Checkout */
#mandates.saved-cards label {
font-weight: normal;
margin-left: 4px;
}
ul#payment_form_stripe_payments {
padding-left: 20px;
padding-top: 15px;
}
.adminhtml-sales-order-create-index ul#payment_form_stripe_payments {
padding: 5px 0 10px;
}
ul#payment_form_stripe_payments li {
display: block;
}
ul#payment_form_stripe_payments li.stripe-new {
display: none;
}
ul#payment_form_stripe_payments.stripe-new li.stripe-new {
display: block;
margin-left: 20px;
}
/* Idev OSC 3-column fixes */
.onestepcheckout-column-middle ul#payment_form_stripe_payments.stripe-new li.stripe-new {
margin-left: 0;
}
.onestepcheckout-column-middle ul#payment_form_stripe_payments {
margin: 10px 0;
padding-left: 0px;
}
/* ~Idev OSC */
.sp-methods .saved-cards li label {
float: none;
}
.saved-cards {
margin-top: 14px;
}
.saved-cards input.select {
position: relative;
top: -1px;
}
.saved-cards span {
display: inline-block;
}
.saved-cards span.type {
font-weight: bold;
margin-left: 3px;
}
.saved-cards span.exp {
float: right;
}
.saved-cards label {
display: inline;
}
.saved-cards span.stripe-payments-fade {
color: #aaa;
font-weight: normal;
}
.form-list .saved-cards label {
float: none;
}
#stripe-payments-card-errors {
border: 0;
border-radius: 3px;
height: 0;
margin: 0 auto;
transition: height 1s, margin 1s, border 1s, padding 1s;
display: inline-block;
padding: 0 1em;
}
#stripe-payments-card-errors.populated {
border: 1px hsla(0,100%,50%,0.5) dashed;
padding: 5px 1em;
color: #D20;
height: auto;
margin: 0.5em auto 1em;
}
/* Card Icons */
#payment_form_stripe_payments span.type.Visa, #payment_form_stripe_payments span.type.visa { background: url(https://novaocto.com/skin/frontend/base/default/stripe_payments/img/visa.png) no-repeat; }
#payment_form_stripe_payments span.type.American.Express, #payment_form_stripe_payments span.type.amex { background: url(https://novaocto.com/skin/frontend/base/default/stripe_payments/img/amex.png) no-repeat; }
#payment_form_stripe_payments span.type.MasterCard, #payment_form_stripe_payments span.type.mastercard { background: url(https://novaocto.com/skin/frontend/base/default/stripe_payments/img/mastercard.png) no-repeat; }
#payment_form_stripe_payments span.type.Discover, #payment_form_stripe_payments span.type.discover { background: url(https://novaocto.com/skin/frontend/base/default/stripe_payments/img/discover.png) no-repeat; }
#payment_form_stripe_payments span.type.Diners, #payment_form_stripe_payments span.type.diners { background: url(https://novaocto.com/skin/frontend/base/default/stripe_payments/img/diners.png) no-repeat; }
#payment_form_stripe_payments span.type.JCB, #payment_form_stripe_payments span.type.jcb { background: url(https://novaocto.com/skin/frontend/base/default/stripe_payments/img/jcb.png) no-repeat; }
#payment_form_stripe_payments span.type.Visa, #payment_form_stripe_payments span.type.visa,
#payment_form_stripe_payments span.type.American.Express, #payment_form_stripe_payments span.type.amex,
#payment_form_stripe_payments span.type.MasterCard, #payment_form_stripe_payments span.type.mastercard,
#payment_form_stripe_payments span.type.Discover, #payment_form_stripe_payments span.type.discover,
#payment_form_stripe_payments span.type.Diners, #payment_form_stripe_payments span.type.diners,
#payment_form_stripe_payments span.type.JCB, #payment_form_stripe_payments span.type.jcb {
padding-left: 30px;
background-position-y: -3px;
background-size: 24px;
}
/* Apple Pay */
#co-payment-form #stripe-apple-pay-section #apple-pay-button,
ul#payment_form_stripe_payments li#apple-pay-section #apple-pay-button {
background-color: black;
background-image: -webkit-named-image(apple-pay-logo-white);
background-size: 100% 24px;
background-origin: content-box;
background-repeat: no-repeat;
width: 100%;
min-height: 44px;
padding: 10px 0;
border-radius: 10px;
}
#co-payment-form #stripe-apple-pay-section,
ul#payment_form_stripe_payments li#apple-pay-section {
display: none;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
#co-payment-form.payment-request-api-supported #stripe-apple-pay-section,
ul#payment_form_stripe_payments.payment-request-api-supported li#apple-pay-section {
display: block;
}
#co-payment-form.payment-request-api-supported #stripe-apple-pay-section #apple-pay-button,
ul#payment_form_stripe_payments.payment-request-api-supported li#apple-pay-section #apple-pay-button {
display: none;
}
#co-payment-form #stripe-apple-pay-section label,
ul#payment_form_stripe_payments li#apple-pay-section label {
font-weight: bold;
margin: 10px 0;
float: none;
display: block;
}
#stripe-apple-pay-result {
margin-bottom: 20px;
}
#co-payment-form.apple-pay-success .sp-methods {
display: none;
}
/* Authorized Apple Pay Result */
#co-payment-form #stripe-apple-pay-result label,
.form-list #apple-pay-result label {
display: inline-block;
float: none;
}
#co-payment-form #stripe-apple-pay-result,
ul#payment_form_stripe_payments li#apple-pay-result {
text-align: center;
font-size: 1.1em;
display: none;
}
#stripe-apple-pay-result > div,
#apple-pay-result > div {
display: block;
margin: 5px 0;
}
#co-payment-form.apple-pay-success #stripe-apple-pay-result,
ul#payment_form_stripe_payments.apple-pay-success li#apple-pay-result {
display: block;
}
#co-payment-form.payment-request-api-supported.apple-pay-success #stripe-apple-pay-section,
ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success li#apple-pay-section {
display: none;
}
ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success.stripe-new li.stripe-new {
display: none;
}
ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success.stripe-new li#stripe_payments_cc_save_div.stripe-new {
display: block;
}
ul#payment_form_stripe_payments.apple-pay-success ul#saved-cards {
display: none;
}
/* Stripe Elements */
#card-details-label {
display: block;
}
#stripe-payments-card-number {
width: 225px;
display: inline-block;
}
.stripe-payments-brand {
opacity: 0.5;
height: 24px;
width: 32px;
display: inline-block;
font-size: 20px;
margin-left: -49px;
position: relative;
top: -9px;
}
#stripe-payments-card-expiry {
width: 93px;
display: inline-block;
}
#stripe-payments-card-cvc {
width: 68px;
display: inline-block;
}
.stripe-elements-field {
display: inline-block;
margin: 5px 0 0 0;
padding: 4px 14px;
border-style: none;
background-color: #fefefe;
box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08),
inset 0 1px 0 #fefefe;
border-radius: 4px;
}
li.stripe-payments-elements.no-wrap {
white-space: nowrap;
}
.pci-dss-info-block {
margin: 10px 15px -16px 25px;
width: 240px;
}
#pci-svg {
position: relative;
left: -25px;
top: 5px;
opacity: 0.5;
fill: green;
}
.pci-dss-info-text {
display: inline-block;
position: relative;
top: -20px;
}
/* ACH */
ul.ach-bank-account-details {
margin: 1em auto;
}
ul.ach-bank-account-details label {
min-width: 140px;
}
ul.ach-bank-account-details .account-number,
ul.ach-bank-account-details .account-holder-name {
width: 210px;
}
ul.ach-bank-account-details .account-holder-type {
width: 215px;
}
#ach-bank-account-details .ach-token .validation-advice {
display: none;
}
#ach-bank-account-details.showVerificationError .ach-token .validation-advice {
display: block;
}
#stripe-ach-account-verified {
color: #47a722;
font-style: italic;
display: none;
}
#stripe-ach-account-verified img {
display: inline;
height: 1em;
padding: 2px;
}
/*!
* PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io
* License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:PaymentFont;src:url(https://novaocto.com/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.eot);src:url(https://novaocto.com/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.eot?#iefix) format('embedded-opentype'),url(https://novaocto.com/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.woff) format('woff2'),url(https://novaocto.com/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.woff) format('woff'),url(https://novaocto.com/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.ttf) format('truetype'),url(https://novaocto.com/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.svg#paymentfont-webfont) format('svg');font-weight:400;font-style:normal}.pf{display:inline-block;font:normal normal normal 14px/1 PaymentFont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.pf-2x{font-size:2em}.pf-3x{font-size:3em}.pf-4x{font-size:4em}.pf-5x{font-size:5em}.pf-amazon:before{content:"\f000"}.pf-american-express:before{content:"\f001"}.pf-american-express-alt:before{content:"\f002"}.pf-atm:before{content:"\f003"}.pf-bankomat:before{content:"\f004"}.pf-bank-transfer:before{content:"\f005"}.pf-bitcoin:before{content:"\f006"}.pf-bitcoin-sign:before{content:"\f007"}.pf-braintree:before{content:"\f008"}.pf-btc:before{content:"\f009"}.pf-card:before{content:"\f00a"}.pf-carta-si:before{content:"\f00b"}.pf-cash:before{content:"\f00c"}.pf-cash-on-delivery:before{content:"\f00d"}.pf-cb:before{content:"\f00e"}.pf-cirrus:before{content:"\f00f"}.pf-cirrus-alt:before{content:"\f010"}.pf-clickandbuy:before{content:"\f011"}.pf-credit-card:before{content:"\f012"}.pf-diners:before{content:"\f013"}.pf-discover:before{content:"\f014"}.pf-ec:before{content:"\f015"}.pf-eps:before{content:"\f016"}.pf-eur:before{content:"\f017"}.pf-facture:before{content:"\f018"}.pf-fattura:before{content:"\f019"}.pf-flattr:before{content:"\f01a"}.pf-giropay:before{content:"\f01b"}.pf-google-wallet:before{content:"\f01c"}.pf-google-wallet-alt:before{content:"\f01d"}.pf-gpb:before{content:"\f01e"}.pf-gratipay:before{content:"\f01f"}.pf-ideal:before{content:"\f020"}.pf-ils:before{content:"\f021"}.pf-inr:before{content:"\f022"}.pf-invoice:before{content:"\f023"}.pf-invoice-sign:before{content:"\f024"}.pf-invoice-sign-alt:before{content:"\f025"}.pf-invoice-sign-alt-o:before{content:"\f026"}.pf-invoice-sign-o:before{content:"\f027"}.pf-jcb:before{content:"\f028"}.pf-jpy:before{content:"\f029"}.pf-krw:before{content:"\f02a"}.pf-maestro:before{content:"\f02b"}.pf-maestro-alt:before{content:"\f02c"}.pf-mastercard:before{content:"\f02d"}.pf-mastercard-alt:before{content:"\f02e"}.pf-mastercard-securecode:before{content:"\f02f"}.pf-ogone:before{content:"\f030"}.pf-paybox:before{content:"\f031"}.pf-paylife:before{content:"\f032"}.pf-paypal:before{content:"\f033"}.pf-paypal-alt:before{content:"\f034"}.pf-paysafecard:before{content:"\f035"}.pf-postepay:before{content:"\f036"}.pf-quick:before{content:"\f037"}.pf-rechnung:before{content:"\f038"}.pf-ripple:before{content:"\f039"}.pf-rub:before{content:"\f03a"}.pf-skrill:before{content:"\f03b"}.pf-sofort:before{content:"\f03c"}.pf-square:before{content:"\f03d"}.pf-stripe:before{content:"\f03e"}.pf-truste:before{content:"\f03f"}.pf-try:before{content:"\f040"}.pf-unionpay:before{content:"\f041"}.pf-usd:before{content:"\f042"}.pf-verified-by-visa:before{content:"\f043"}.pf-verisign:before{content:"\f044"}.pf-visa:before{content:"\f045"}.pf-visa-electron:before{content:"\f046"}.pf-western-union:before{content:"\f047"}.pf-western-union-alt:before{content:"\f048"}.pf-wirecard:before{content:"\f049"}.pf-sepa:before{content:"\f04a"}.pf-sepa-alt:before{content:"\f04b"}.pf-apple-pay:before{content:"\f04c"}.pf-interac:before{content:"\f04d"}.pf-paymill:before{content:"\f04e"}.pf-dankort:before{content:"\f04f"}.pf-bancontact-mister-cash:before{content:"\f050"}.pf-moip:before{content:"\f051"}.pf-pagseguro:before{content:"\f052"}.pf-cash-on-pickup:before{content:"\f053"}.pf-sage:before{content:"\f054"}.pf-elo:before{content:"\f055"}.pf-elo-alt:before{content:"\f056"}.pf-payu:before{content:"\f057"}.pf-mercado-pago:before{content:"\f058"}.pf-mercado-pago-sign:before{content:"\f059"}.pf-payshop:before{content:"\f05a"}.pf-multibanco:before{content:"\f05b"}.pf-gratipay-sign:before{content:"\f05c"}.pf-six:before{content:"\f05d"}.pf-cashcloud:before{content:"\f05e"}.pf-interac-alt:before{content:"\f05f"}.pf-klarna:before{content:"\f060"}.pf-bitpay:before{content:"\f061"}.pf-venmo:before{content:"\f062"}.pf-visa-debit:before{content:"\f063"}.pf-alipay:before{content:"\f064"}.pf-diners-alt:before{content:"\f065"}.pf-hipercard:before{content:"\f066"}.pf-skrill-alt:before{content:"\f067"}.pf-shopify:before{content:"\f068"}.pf-direct-debit:before{content:"\f069"}.pf-sodexo:before{content:"\f06a"}.pf-bpay:before{content:"\f06b"}.pf-contactless:before{content:"\f06c"}.pf-contactless-alt:before{content:"\f06d"}.pf-eth:before{content:"\f06e"}.pf-ltc:before{content:"\f06f"}.pf-visa-pay:before{content:"\f070"}.pf-wechat-pay:before{content:"\f071"}.pf-amazon-pay:before{content:"\f072"}.pf-amazon-pay-alt:before{content:"\f073"}
.product-view #payment-request-button {
margin-bottom: 10px;
}
.cart #payment-request-button {
width: 184px;
display: inline-block;
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
#payment-request-button.disabled,
#payment-request-button.disabled * {
pointer-events: none !important;
}
#payment-request-button.disabled {
opacity: 0.5;
filter: grayscale(50%);
}
#payment-request-button.disabled::after {
position: relative;
height: 1em;
width: 1em;
display: block;
left: 50%;
margin-left: -.5em;
margin-top: -1.2em;
content: '';
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(https://novaocto.com/skin/frontend/base/default/stripe_payments/img/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, .75)
}
#custommenu {
position: relative;
font-size: 14px;
padding: 0px 0px 0px 0px;
width: 100%;
border-radius: 2px;
height: auto;
margin: 15px 0 0 0;
}
/*IE7 fix*/
*:first-child+html #custommenu {
z-index: 998;
}
div.menu {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div.menu a:link, div.menu a:visited {
display: block;
height: 40px;
padding-left: 15px;
padding-right: 15px;
padding-top: 0;
padding-bottom: 0;
}
div.menu a span {
display: block;
height: 28px;
padding-right: 0px;
padding-top: 12px;
}
div.menu a span:hover {
cursor: pointer;
}
div.wp-custom-menu-popup {
position: absolute;
z-index: 1000;
display: none;
text-align: left;
padding: 0px 0px 10px 0px;
border-top: 0;
width: 100%;
margin-top: -1px;
}
div.menu a, div.wp-custom-menu-popup a {
text-decoration: none;
display:block;
cursor: pointer;
_height: 0;
height: auto;
line-height:13px;
}
div.level1 {
margin-bottom: 5px;
}
div.level2 {
margin-bottom: 5px;
}
div.block2 {
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
display: block;
}
a.level1:link, a.level1:visited {
margin-top: 10px;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 2px;
}
a.level2:link, a.level2:visited {
padding: 3px 10px;
border-radius: 2px;
}
/* Clearfix */
div.block2:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] div.block2 {
display: block;
}
* html div.block2 {
height: 1%;
}
div.block2 p {
margin-bottom: 3px;
line-height: 120%;
color: #000;
font-size: 11px;
}
div.block2 p a {
display: inline;
}
div.block2 a img {
opacity: .9;
filter: alpha(opacity=90);
}
div.block2 a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
div.block2 .brand a:hover img {
-webkit-transition: all 0;
-moz-transition: all 0;
-ms-transition: all 0;
transition: all 0;
}
div.wp-custom-menu-popup hr {
margin: 0px 0px 10px 0px;
}
/******************************************* COLUMN WIDTH ***************************** */
div.column {
float: left;
width: 31%; /* for 3 columns*/
padding: 0px 1%;
margin: 0px 0px 0px 0px;
}
/*end COLUMN WIDTH */
div.itemSubMenu {
margin-left: 0px;
}
.clearBoth {
clear:both;
height: 0;
overflow: hidden;
}
div.level1 {
margin-bottom: 0px;
}
/*BG*/
#custommenu {
}
div.wp-custom-menu-popup {
border: solid 1px #cccccc;
}
div.menu a:link, div.menu a:visited {
}
div.menu a:hover {
background: #f1f1f1;
}
div.menu a, div.wp-custom-menu-popup a {
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-ms-transition: all .1s linear;
transition: all .1s linear;
}
div.menu .brand a, div.wp-custom-menu-popup .brand a {
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-ms-transition: all 0s linear;
transition: all 0s linear;
}
/*FONTS*/
div.menu {
font-weight: normal;
font-size: 14px;
text-transform: uppercase;
font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
line-height: 0;
}
a.level1:link, a.level1:visited {
text-transform: none;
font-weight: normal;
}
a.level2:link, a.level2:visited {
font-weight: normal;
font-size: 12px;
line-height: 12px;
margin-left: 20px;
}
/*COLOR*/
#custommenu {
background-color: #fff;
}
div.menu a:link, div.menu a:visited {
background-color: #fff;
color: #636363;
text-transform: uppercase;
}
a.level1:link, a.level1:visited {
color: #636363;
}
a.level2:link, a.level2:visited {
color: #636363;
}
div.menu a:hover,
div.menu.act a,
div.menu.active a {
color: #3399cc;
}
a.level1:hover, a.level1.act, a.level1.actParent {
color: #3399cc;
}
a.level2:hover, a.level2.act, a.level2.actParent {
color: #3399cc;
}
.block2 table.brand {
float: left;
}
.block2 .single_menu_product {
float: left;
position: relative;
max-width: 150px;
overflow: hidden;
margin-right: 20px;
margin-left: 0px;
}
/*MOBILE MENU STYLES*/
#menu-button, .parentMenu {
display: inline-block;
}
html[xmlns] #menu-button, html[xmlns] .parentMenu {
display: block;
}
* html #menu-button, * html .parentMenu {
height: 1%;
}
#menu-button:after, .parentMenu:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#custommenu-mobile {
position:relative;
margin: 0 auto;
padding: 0;
z-index: 999;
}
#menu-button {
float: none;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
border-bottom: 1px solid #fff;
text-transform: uppercase;
display: none;
}
#menu-button a:link, #menu-button a:visited {
color: #fff;
display: block;
float: left;
margin-left: 45%;
position: relative;
padding: 0px 10px;
}
#menu-button a span:after {
display: block;
position: relative;
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 4px solid #dadada;
margin: 8px 0px 0px 5px;
float: right;
opacity: 0.7;
}
#menu-button:hover {
cursor: pointer;
}
#menu-button:hover a:after {
opacity: 1;
}
.menu-mobile div.column {
float:none;
padding:5px;
background: #fff;
}
.menu-mobile a.itemMenuName {
display: block;
text-align: left;
}
.menu-mobile div.menu-button, .menu-mobile div.menu-mobile {
float: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
border-bottom: 1px solid #fff;
}
.menu-mobile div.column {
float: none;
width: 100%;
padding: 0px 0;
margin: 0px 0px 0px 0px;
}
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {
margin-top: 0px;
margin-bottom: 0;
padding: 10px 10px;
border-radius: 2px;
color: #000;
}
.menu-mobile a.level2:link, .menu-mobile a.level2:visited {
padding: 10px 10px;
border-radius: 2px;
}
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {
color: #555;
}
.menu-mobile a.level1:hover {
background-color: #f1f1f1;
}
.menu-mobile .parent {
background-color: #fff;
}
/*buttons level 01*/
.menu-mobile .parentMenu {
padding: 0px 0px;
display: block;
text-align: left;
border-bottom: 1px solid #dadada;
}
.menu-mobile .parentMenu a:link,
.menu-mobile .parentMenu a:visited {
padding: 10px 0px 10px 10px;
margin-right: 80px;
color: #636363;
display: block;
}
.menu-mobile .parentMenu:hover {
cursor: pointer;
}
.parentMenu {
position: relative;
}
.parentMenu a {
display: block;
}
#menu-button {
cursor: pointer;
}
.menu-mobile div.level2 {
margin-bottom: 0;
}
.menu-mobile a:hover {
text-decoration: none;
}
.menu-mobile.level0 .parentMenu a:link,
.menu-mobile.level0 .parentMenu a:visited {
text-transform: uppercase;
}
.menu-mobile .parentMenu a.level1:link,
.menu-mobile .parentMenu a.level1:visited,
.menu-mobile .parentMenu a.level2:link,
.menu-mobile .parentMenu a.level2:visited {
text-transform: none;
}
.menu-mobile .parentMenu a.level1:link,
.menu-mobile .parentMenu a.level1:visited {
margin-left: 20px;
}
.menu-mobile .parentMenu a.level2:link,
.menu-mobile .parentMenu a.level2:visited {
margin-left: 40px;
}
.menu-mobile .parentMenu a:hover,
.menu-mobile .parentMenu a.act,
.menu-mobile .parentMenu a.actParent {
color: #3399cc;
}
#custommenu-mobile .button {
cursor: pointer;
position: absolute;
right: 1%;
top: 0px;
display: block;
width: 80px;
height: 38px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 90% 50%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi/P//PwM66O3tBVF1UNwEwsXFxRjqmBhwg3wgZobSWAE+zcxoNEmaCQKKNDP29PTgkvsAxPxA/BGIBXDZ3A7Ef4D4Pxrmh6rhxyL3E4gbQZqL8AUKDsAG0gfS3AfEf0nU/AuIJ4I0VwIxC8j/aPgjVOFHLHLsQFzDiCeFoQQYqSmMtvGMT/NfNJokzQug9HRcCgACDAC34CnSSWx3zwAAAABJRU5ErkJggg==);
}
#custommenu-mobile .button.open {
background-color: transparent;
background-repeat: no-repeat;
background-position: 90% 50%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi/P//PwO5gImBAjBENbP09vZSZHM7EP8B4v8k4J9A3AjSXATEzCRaygbSB9LcB8R/SdT8C4gnsgCJSigmGTCOpjDSAECAAQBI6RqpQRaDFgAAAABJRU5ErkJggg==);
}
#custommenu-mobile .level1 .button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpi/P//PwO5gAWbYG9vL4ZYcXExhhgTAwUAn+YJQAzyUxcuBYwwP2Nx6k8gZgPid0AsjM0L+Gxmg9LMxDob5lTkKOBHEuvCpzmZQBgl4NNcD8SvcWgEiTfhi+c+KGZAcvpHIBbAG9pYEglKaJOaSCqB+BrUK8QnTyxeYCDa2dRIngQBQIABAGG6KfxEmzSnAAAAAElFTkSuQmCC);
}
#custommenu-mobile .level1 .button.open {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwO5gImBAjBwmllgjN7eXqI1FRcXU9/ZE4D4Px7chU9zMgHLEvBprgfi1zg0gsSbsAYYFPRBMVGAcQSmMIo0AwQYAIYUFeQ3G04OAAAAAElFTkSuQmCC);
}
/*BG*/
#custommenu-mobile .parentMenu:hover a:link, #custommenu-mobile .parentMenu:hover a:visited, #custommenu-mobile .parentMenu:hover {
background-color: #fff;
}
#custommenu-mobile .level0 {
background-color: #ededed;
}
#custommenu-mobile .level1 {
background-color: #e4e4e4;
}
#custommenu-mobile .level2 {
background-color: #f1f1f1;
}
|