/* Minification failed. Returning unminified contents.
(12424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12540,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12549,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(12550,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(12551,30): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(12557,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(12557,46): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(12568,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(12595,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12599,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12676,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(12676,51): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(12716,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(12716,51): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(12743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12825,26): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
(12825,56): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(12830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
*/
@charset "UTF-8";
/*------------------------------------*\
$_Contents
\*------------------------------------*/
/**
* NOTE: To search for a section prefix it with "$_"
* e.g.: $_Headings
*
*
* -- Base Styles --
* Normalize
* Reset
* Elements
*
*
* -- Modules --
* Common
* Footer
* Header
* Nav
*
*
* -- Components --
*
*
*
* -- Stuff that should override --
* Helpers
*
*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,800,300italic,400italic,800italic&subset=latin,greek);
/*!
* Font Awesome 3.2.1
* the iconic font designed for Bootstrap
* ------------------------------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation can be
* found at http://fontawesome.io. Stay up to date on Twitter at
* http://twitter.com/fontawesome.
*
* License
* ------------------------------------------------------------------------------
* - The Font Awesome font is licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Font Awesome documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*
* Author - Dave Gandy
* ------------------------------------------------------------------------------
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/davegandy
* Work: Lead Product Designer @ Kyruus - http://kyruus.com
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot');
src: url('fonts/fontawesome-webfont.eot#iefix') format("embedded-opentype"), url('fonts/fontawesome-webfont.woff') format("woff"), url('fonts/fontawesome-webfont.ttf') format("truetype"), url('fonts/fontawesome-webfont.svg#fontawesomeregular') format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.svg#fontawesomeregular') format("svg");
}
}
/* FONT AWESOME CORE
* -------------------------- */
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
text-decoration: inherit;
display: inline-block;
speak: none;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
vertical-align: -10%;
font-size: 1.33333em;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
display: inline;
}
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
display: inline-block;
width: 1.14286em;
text-align: right;
padding-right: 0.28571em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
width: 1.42857em;
}
.icons-ul {
margin-left: 2.14286em;
list-style-type: none;
}
.icons-ul > li {
position: relative;
}
.icons-ul .icon-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
text-align: center;
line-height: inherit;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
display: none;
}
.icon-muted {
color: #eeeeee;
}
.icon-light {
color: white;
}
.icon-dark {
color: #333333;
}
.icon-border {
border: solid 1px #eeeeee;
padding: .2em .25em .15em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.icon-2x {
font-size: 2em;
}
.icon-2x.icon-border {
border-width: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.icon-3x {
font-size: 3em;
}
.icon-3x.icon-border {
border-width: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.icon-4x {
font-size: 4em;
}
.icon-4x.icon-border {
border-width: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.icon-5x {
font-size: 5em;
}
.icon-5x.icon-border {
border-width: 5px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
margin-left: .3em;
}
/* BOOTSTRAP SPECIFIC CLASSES
* -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}
.carousel-asterisk {
color: #C50E5E;
position: absolute;
margin: 5px 0 0 5px;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
background-image: none;
}
/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
display: inline-block;
}
.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large,
.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large {
line-height: .9em;
}
.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
margin-left: .2em;
}
/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
line-height: inherit;
}
/* EXTRAS
* -------------------------- */
/* Stacked and layered icon */
.icon-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
display: block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
font-size: 1em;
line-height: inherit;
*line-height: 2em;
}
.icon-stack .icon-stack-base {
font-size: 2em;
*line-height: 1em;
}
/* Animated rotating icon */
.icon-spin {
display: inline-block;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
display: inline-block;
text-decoration: none;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
/* Icon rotations and mirroring */
.icon-rotate-90:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.icon-rotate-180:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.icon-rotate-270:before {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-flip-horizontal:before {
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.icon-flip-vertical:before {
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before {
display: inline-block;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
* readers do not read off random characters that represent icons */
.icon-glass:before {
content: "";
}
.icon-music:before {
content: "";
}
.icon-search:before {
content: "";
}
.icon-envelope-alt:before {
content: "";
}
.icon-heart:before {
content: "";
}
.icon-star:before, .footer-col-main > ul > li > a:before, .prod-cat .sub-cat a:before {
content: "";
}
.icon-star-empty:before {
content: "";
}
.icon-user:before {
content: "";
}
.icon-film:before {
content: "";
}
.icon-th-large:before {
content: "";
}
.icon-th:before {
content: "";
}
.icon-th-list:before {
content: "";
}
.icon-ok:before {
content: "";
}
.icon-remove:before {
content: "";
}
.icon-zoom-in:before {
content: "";
}
.icon-zoom-out:before {
content: "";
}
.icon-power-off:before,
.icon-off:before {
content: "";
}
.icon-signal:before {
content: "";
}
.icon-gear:before,
.icon-cog:before {
content: "";
}
.icon-trash:before {
content: "";
}
.icon-home:before {
content: "";
}
.icon-file-alt:before {
content: "";
}
.icon-time:before {
content: "";
}
.icon-road:before {
content: "";
}
.icon-download-alt:before {
content: "";
}
.icon-download:before {
content: "";
}
.icon-upload:before {
content: "";
}
.icon-inbox:before {
content: "";
}
.icon-play-circle:before {
content: "";
}
.icon-rotate-right:before,
.icon-repeat:before {
content: "";
}
.icon-refresh:before {
content: "";
}
.icon-list-alt:before {
content: "";
}
.icon-lock:before {
content: "";
}
.icon-flag:before {
content: "";
}
.icon-headphones:before {
content: "";
}
.icon-volume-off:before {
content: "";
}
.icon-volume-down:before {
content: "";
}
.icon-volume-up:before {
content: "";
}
.icon-qrcode:before {
content: "";
}
.icon-barcode:before {
content: "";
}
.icon-tag:before {
content: "";
}
.icon-tags:before {
content: "";
}
.icon-book:before {
content: "";
}
.icon-bookmark:before {
content: "";
}
.icon-print:before {
content: "";
}
.icon-camera:before {
content: "";
}
.icon-font:before {
content: "";
}
.icon-bold:before {
content: "";
}
.icon-italic:before {
content: "";
}
.icon-text-height:before {
content: "";
}
.icon-text-width:before {
content: "";
}
.icon-align-left:before {
content: "";
}
.icon-align-center:before {
content: "";
}
.icon-align-right:before {
content: "";
}
.icon-align-justify:before {
content: "";
}
.icon-list:before {
content: "";
}
.icon-indent-left:before {
content: "";
}
.icon-indent-right:before {
content: "";
}
.icon-facetime-video:before {
content: "";
}
.icon-picture:before {
content: "";
}
.icon-percent-sign:before {
content: "%";
font-weight: 700;
}
.icon-percent-color {
color: #C50E5E;
}
.icon-pencil:before {
content: "";
}
.icon-map-marker:before {
content: "";
}
.icon-adjust:before {
content: "";
}
.icon-tint:before {
content: "";
}
.icon-edit:before {
content: "";
}
.icon-share:before {
content: "";
}
.icon-check:before {
content: "";
}
.icon-move:before {
content: "";
}
.icon-step-backward:before {
content: "";
}
.icon-fast-backward:before {
content: "";
}
.icon-backward:before {
content: "";
}
.icon-play:before {
content: "";
}
.icon-pause:before {
content: "";
}
.icon-stop:before {
content: "";
}
.icon-forward:before {
content: "";
}
.icon-fast-forward:before {
content: "";
}
.icon-step-forward:before {
content: "";
}
.icon-eject:before {
content: "";
}
.icon-chevron-left:before {
content: "";
}
.icon-chevron-right:before {
content: "";
}
.icon-plus-sign:before {
content: "";
}
.icon-minus-sign:before {
content: "";
}
.icon-remove-sign:before {
content: "";
}
.icon-ok-sign:before {
content: "";
}
.icon-question-sign:before {
content: "";
}
.icon-info-sign:before {
content: "";
}
.icon-screenshot:before {
content: "";
}
.icon-remove-circle:before {
content: "";
}
.icon-ok-circle:before {
content: "";
}
.icon-ban-circle:before {
content: "";
}
.icon-arrow-left:before {
content: "";
}
.icon-arrow-right:before {
content: "";
}
.icon-arrow-up:before {
content: "";
}
.icon-arrow-down:before {
content: "";
}
.icon-mail-forward:before,
.icon-share-alt:before {
content: "";
}
.icon-resize-full:before {
content: "";
}
.icon-resize-small:before {
content: "";
}
.icon-plus:before {
content: "";
}
.icon-minus:before {
content: "";
}
.icon-asterisk:before {
content: "";
}
.icon-exclamation-sign:before {
content: "";
}
.icon-gift:before {
content: "";
}
.icon-leaf:before {
content: "";
}
.icon-fire:before {
content: "";
}
.icon-eye-open:before {
content: "";
}
.icon-eye-close:before {
content: "";
}
.icon-warning-sign:before {
content: "";
}
.icon-plane:before {
content: "";
}
.icon-calendar:before {
content: "";
}
.icon-random:before {
content: "";
}
.icon-comment:before {
content: "";
}
.icon-magnet:before {
content: "";
}
.icon-chevron-up:before {
content: "";
}
.icon-chevron-down:before {
content: "";
}
.icon-retweet:before {
content: "";
}
.icon-shopping-cart:before, .mini-cart .icon-mini-cart:before {
content: "";
}
.icon-folder-close:before {
content: "";
}
.icon-folder-open:before {
content: "";
}
.icon-resize-vertical:before {
content: "";
}
.icon-resize-horizontal:before {
content: "";
}
.icon-bar-chart:before {
content: "";
}
.icon-twitter-sign:before {
content: "";
}
.icon-facebook-sign:before {
content: "";
}
.icon-camera-retro:before {
content: "";
}
.icon-key:before {
content: "";
}
.icon-gears:before,
.icon-cogs:before {
content: "";
}
.icon-comments:before {
content: "";
}
.icon-thumbs-up-alt:before {
content: "";
}
.icon-thumbs-down-alt:before {
content: "";
}
.icon-star-half:before {
content: "";
}
.icon-heart-empty:before {
content: "";
}
.icon-signout:before {
content: "";
}
.icon-linkedin-sign:before {
content: "";
}
.icon-pushpin:before {
content: "";
}
.icon-external-link:before {
content: "";
}
.icon-signin:before {
content: "";
}
.icon-trophy:before {
content: "";
}
.icon-github-sign:before {
content: "";
}
.icon-upload-alt:before {
content: "";
}
.icon-lemon:before {
content: "";
}
.icon-phone:before {
content: "";
}
.icon-unchecked:before,
.icon-check-empty:before {
content: "";
}
.icon-bookmark-empty:before {
content: "";
}
.icon-phone-sign:before {
content: "";
}
.icon-twitter:before {
content: "";
}
.icon-facebook:before {
content: "";
}
.icon-github:before {
content: "";
}
.icon-unlock:before {
content: "";
}
.icon-credit-card:before {
content: "";
}
.icon-rss:before {
content: "";
}
.icon-hdd:before {
content: "";
}
.icon-bullhorn:before {
content: "";
}
.icon-bell:before {
content: "";
}
.icon-certificate:before {
content: "";
}
.icon-hand-right:before {
content: "";
}
.icon-hand-left:before {
content: "";
}
.icon-hand-up:before {
content: "";
}
.icon-hand-down:before {
content: "";
}
.icon-circle-arrow-left:before {
content: "";
}
.icon-circle-arrow-right:before {
content: "";
}
.icon-circle-arrow-up:before {
content: "";
}
.icon-circle-arrow-down:before {
content: "";
}
.icon-globe:before {
content: "";
}
.icon-wrench:before {
content: "";
}
.icon-tasks:before {
content: "";
}
.icon-filter:before {
content: "";
}
.icon-briefcase:before {
content: "";
}
.icon-fullscreen:before {
content: "";
}
.icon-group:before {
content: "";
}
.icon-link:before {
content: "";
}
.icon-cloud:before {
content: "";
}
.icon-beaker:before {
content: "";
}
.icon-cut:before {
content: "";
}
.icon-copy:before {
content: "";
}
.icon-paperclip:before,
.icon-paper-clip:before {
content: "";
}
.icon-save:before {
content: "";
}
.icon-sign-blank:before {
content: "";
}
.icon-reorder:before {
content: "";
}
.icon-list-ul:before {
content: "";
}
.icon-list-ol:before {
content: "";
}
.icon-strikethrough:before {
content: "";
}
.icon-underline:before {
content: "";
}
.icon-table:before {
content: "";
}
.icon-magic:before {
content: "";
}
.icon-truck:before {
content: "";
}
.icon-pinterest:before {
content: "";
}
.icon-pinterest-sign:before {
content: "";
}
.icon-google-plus-sign:before {
content: "";
}
.icon-google-plus:before {
content: "";
}
.icon-money:before {
content: "";
}
.icon-caret-down:before, .account-page .UniGridGrid .UniGridHead a .UniGridSortDown:before {
content: "";
}
.icon-caret-up:before, .account-page .UniGridGrid .UniGridHead a .UniGridSortUp:before {
content: "";
}
.icon-caret-left:before {
content: "";
}
.icon-caret-right:before {
content: "";
}
.icon-columns:before {
content: "";
}
.icon-sort:before {
content: "";
}
.icon-sort-down:before {
content: "";
}
.icon-sort-up:before {
content: "";
}
.icon-envelope:before {
content: "";
}
.icon-linkedin:before {
content: "";
}
.icon-rotate-left:before,
.icon-undo:before {
content: "";
}
.icon-legal:before {
content: "";
}
.icon-dashboard:before {
content: "";
}
.icon-comment-alt:before {
content: "";
}
.icon-comments-alt:before {
content: "";
}
.icon-bolt:before {
content: "";
}
.icon-sitemap:before {
content: "";
}
.icon-umbrella:before {
content: "";
}
.icon-paste:before {
content: "";
}
.icon-lightbulb:before {
content: "";
}
.icon-exchange:before {
content: "";
}
.icon-cloud-download:before {
content: "";
}
.icon-cloud-upload:before {
content: "";
}
.icon-user-md:before {
content: "";
}
.icon-stethoscope:before {
content: "";
}
.icon-suitcase:before {
content: "";
}
.icon-bell-alt:before {
content: "";
}
.icon-coffee:before {
content: "";
}
.icon-food:before {
content: "";
}
.icon-file-text-alt:before {
content: "";
}
.icon-building:before {
content: "";
}
.icon-hospital:before {
content: "";
}
.icon-ambulance:before {
content: "";
}
.icon-medkit:before {
content: "";
}
.icon-fighter-jet:before {
content: "";
}
.icon-beer:before {
content: "";
}
.icon-h-sign:before {
content: "";
}
.icon-plus-sign-alt:before {
content: "";
}
.icon-double-angle-left:before {
content: "";
}
.icon-double-angle-right:before {
content: "";
}
.icon-double-angle-up:before {
content: "";
}
.icon-double-angle-down:before {
content: "";
}
.icon-angle-left:before {
content: "";
}
.icon-angle-right:before {
content: "";
}
.icon-angle-up:before {
content: "";
}
.icon-angle-down:before {
content: "";
}
.icon-desktop:before {
content: "";
}
.icon-laptop:before {
content: "";
}
.icon-tablet:before {
content: "";
}
.icon-mobile-phone:before {
content: "";
}
.icon-circle-blank:before {
content: "";
}
.icon-quote-left:before {
content: "";
}
.icon-quote-right:before {
content: "";
}
.icon-spinner:before {
content: "";
}
.icon-circle:before, .footer-col-main > ul > li > ul > li > a:before {
content: "";
}
.icon-mail-reply:before,
.icon-reply:before {
content: "";
}
.icon-github-alt:before {
content: "";
}
.icon-folder-close-alt:before {
content: "";
}
.icon-folder-open-alt:before {
content: "";
}
.icon-expand-alt:before {
content: "";
}
.icon-collapse-alt:before {
content: "";
}
.icon-smile:before {
content: "";
}
.icon-frown:before {
content: "";
}
.icon-meh:before {
content: "";
}
.icon-gamepad:before {
content: "";
}
.icon-keyboard:before {
content: "";
}
.icon-flag-alt:before {
content: "";
}
.icon-flag-checkered:before {
content: "";
}
.icon-terminal:before {
content: "";
}
.icon-code:before {
content: "";
}
.icon-reply-all:before {
content: "";
}
.icon-mail-reply-all:before {
content: "";
}
.icon-star-half-full:before,
.icon-star-half-empty:before {
content: "";
}
.icon-location-arrow:before {
content: "";
}
.icon-crop:before {
content: "";
}
.icon-code-fork:before {
content: "";
}
.icon-unlink:before {
content: "";
}
.icon-question:before {
content: "";
}
.icon-info:before {
content: "";
}
.icon-exclamation:before {
content: "";
}
.icon-superscript:before {
content: "";
}
.icon-subscript:before {
content: "";
}
.icon-eraser:before {
content: "";
}
.icon-puzzle-piece:before {
content: "";
}
.icon-microphone:before {
content: "";
}
.icon-microphone-off:before {
content: "";
}
.icon-shield:before {
content: "";
}
.icon-calendar-empty:before {
content: "";
}
.icon-fire-extinguisher:before {
content: "";
}
.icon-rocket:before {
content: "";
}
.icon-maxcdn:before {
content: "";
}
.icon-chevron-sign-left:before {
content: "";
}
.icon-chevron-sign-right:before {
content: "";
}
.icon-chevron-sign-up:before {
content: "";
}
.icon-chevron-sign-down:before {
content: "";
}
.icon-html5:before {
content: "";
}
.icon-css3:before {
content: "";
}
.icon-anchor:before {
content: "";
}
.icon-unlock-alt:before {
content: "";
}
.icon-bullseye:before {
content: "";
}
.icon-ellipsis-horizontal:before {
content: "";
}
.icon-ellipsis-vertical:before {
content: "";
}
.icon-rss-sign:before {
content: "";
}
.icon-play-sign:before {
content: "";
}
.icon-ticket:before {
content: "";
}
.icon-minus-sign-alt:before {
content: "";
}
.icon-check-minus:before {
content: "";
}
.icon-level-up:before {
content: "";
}
.icon-level-down:before {
content: "";
}
.icon-check-sign:before {
content: "";
}
.icon-edit-sign:before {
content: "";
}
.icon-external-link-sign:before {
content: "";
}
.icon-share-sign:before {
content: "";
}
.icon-compass:before {
content: "";
}
.icon-collapse:before {
content: "";
}
.icon-collapse-top:before {
content: "";
}
.icon-expand:before {
content: "";
}
.icon-euro:before,
.icon-eur:before {
content: "";
}
.icon-gbp:before {
content: "";
}
.icon-dollar:before,
.icon-usd:before {
content: "";
}
.icon-rupee:before,
.icon-inr:before {
content: "";
}
.icon-yen:before,
.icon-jpy:before {
content: "";
}
.icon-renminbi:before,
.icon-cny:before {
content: "";
}
.icon-won:before,
.icon-krw:before {
content: "";
}
.icon-bitcoin:before,
.icon-btc:before {
content: "";
}
.icon-file:before {
content: "";
}
.icon-file-text:before {
content: "";
}
.icon-sort-by-alphabet:before {
content: "";
}
.icon-sort-by-alphabet-alt:before {
content: "";
}
.icon-sort-by-attributes:before {
content: "";
}
.icon-sort-by-attributes-alt:before {
content: "";
}
.icon-sort-by-order:before {
content: "";
}
.icon-sort-by-order-alt:before {
content: "";
}
.icon-thumbs-up:before {
content: "";
}
.icon-thumbs-down:before {
content: "";
}
.icon-youtube-sign:before {
content: "";
}
.icon-youtube:before {
content: "";
}
.icon-xing:before {
content: "";
}
.icon-xing-sign:before {
content: "";
}
.icon-youtube-play:before {
content: "";
}
.icon-dropbox:before {
content: "";
}
.icon-stackexchange:before {
content: "";
}
.icon-instagram:before {
content: "";
}
.icon-flickr:before {
content: "";
}
.icon-adn:before {
content: "";
}
.icon-bitbucket:before {
content: "";
}
.icon-bitbucket-sign:before {
content: "";
}
.icon-tumblr:before {
content: "";
}
.icon-tumblr-sign:before {
content: "";
}
.icon-long-arrow-down:before {
content: "";
}
.icon-long-arrow-up:before {
content: "";
}
.icon-long-arrow-left:before {
content: "";
}
.icon-long-arrow-right:before {
content: "";
}
.icon-apple:before {
content: "";
}
.icon-windows:before {
content: "";
}
.icon-android:before {
content: "";
}
.icon-linux:before {
content: "";
}
.icon-dribbble:before {
content: "";
}
.icon-skype:before {
content: "";
}
.icon-foursquare:before {
content: "";
}
.icon-trello:before {
content: "";
}
.icon-female:before {
content: "";
}
.icon-male:before {
content: "";
}
.icon-gittip:before {
content: "";
}
.icon-sun:before {
content: "";
}
.icon-moon:before {
content: "";
}
.icon-archive:before {
content: "";
}
.icon-bug:before {
content: "";
}
.icon-vk:before {
content: "";
}
.icon-weibo:before {
content: "";
}
.icon-renren:before {
content: "";
}
/*------------------------------------*\
$_Reusables
\*------------------------------------*/
input[type="button"],
input[type="submit"],
button[type="submit"], .carousel-control-prev,
.carousel-control-next, .product-search-form .product-search-button,
.product-search-form .store-search-button, .product-nav .nav-prev,
.product-nav .nav-next {
position: relative;
display: inline-block;
border: none;
text-decoration: none;
padding: 0;
line-height: 1;
}
input[type="button"]:hover,
input[type="submit"]:hover,
button[type="submit"]:hover, .carousel-control-prev:hover,
.carousel-control-next:hover, .product-search-form .product-search-button:hover,
.product-search-form .store-search-button:hover, .product-nav .nav-prev:hover,
.product-nav .nav-next:hover {
cursor: pointer;
}
input[type="button"]:active,
input[type="submit"]:active,
button[type="submit"]:active, .carousel-control-prev:active,
.carousel-control-next:active, .product-search-form .product-search-button:active,
.product-search-form .store-search-button:active, .product-nav .nav-prev:active,
.product-nav .nav-next:active, input[type="button"]:focus,
input[type="submit"]:focus,
button[type="submit"]:focus, .carousel-control-prev:focus,
.carousel-control-next:focus, .product-search-form .product-search-button:focus,
.product-search-form .store-search-button:focus, .product-nav .nav-prev:focus,
.product-nav .nav-next:focus {
outline: 0;
}
/* -----[ FIXED BACKGROUND ]--------------------------------------------------------------------- */
[data-fixed] {
position: relative;
background-size: cover;
-webkit-background-size: cover;
}
@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
[data-fixed] {
-webkit-background-size: auto 100%;
background-attachment: scroll !important;
}
}
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
[data-fixed] {
-webkit-background-size: 100% auto;
background-attachment: scroll !important;
}
}
[data-fixed] .pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-attachment: fixed;
}
/* =====[ PRELOADER ]============================================================================ */
[data-ui="preloader"] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background: no-repeat center center;
}
.dbl-spinner-container {
display: flex;
display: flex;
justify-content: center;
transition: all 0.5;
position: relative;
align-content: center;
}
.dbl-spinner {
border-radius: 35px;
width: 62px;
height: 62px;
background-repeat: no-repeat;
text-shadow: 2px 2px;
background-color: #333;
background-image: url(Images/preloader.gif);
background-position: center;
}
.dbl-spinner--2 {
-webkit-animation: 1s spin linear infinite;
animation: 1s spin linear infinite;
}
/*------------------------------------*\
$_Sprites
\*------------------------------------*/
.icons-sprite, .icons-alert, .icons-arrow_down, .icons-author, .icons-comments, .icons-cross, .icons-first, .icons-gb, .icons-gr, .icons-info, .icons-last, .icons-next, .icons-previous, .icons-tag, .icons-tick, .alt-form .selectboxit-arrow-icon, .alt-form-inline .selectboxit-arrow-icon,
.typography .FormPanel .selectboxit-arrow-icon {
background-image: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png');
background-repeat: no-repeat;
}
.icons-alert {
background-position: 0 0;
}
.icons-arrow_down {
background-position: 0 -32px;
}
.icons-author {
background-position: 0 -57px;
}
.icons-comments {
background-position: 0 -89px;
}
.icons-cross {
background-position: 0 -121px;
}
.icons-first {
background-position: 0 -153px;
}
.icons-gb {
background-position: 0 -185px;
}
.icons-gr {
background-position: 0 -212px;
}
.icons-info {
background-position: 0 -239px;
}
.icons-last {
background-position: 0 -272px;
}
.icons-next {
background-position: 0 -304px;
}
.icons-previous {
background-position: 0 -336px;
}
.icons-tag {
background-position: 0 -368px;
}
.icons-tick {
background-position: 0 -400px;
}
.list_icons-sprite, .list_icons-arrow, .list_icons-arrow2, .list_icons-check, .list_icons-check2, .list_icons-circle, .list_icons-dash, .list_icons-plus, .list_icons-star {
background-image: url('img/list_icons-sd65de6a575.png');
background-repeat: no-repeat;
}
.list_icons-arrow {
background-position: 0 0;
}
.list_icons-arrow2 {
background-position: 0 -40px;
}
.list_icons-check {
background-position: 0 -80px;
}
.list_icons-check2 {
background-position: 0 -120px;
}
.list_icons-circle {
background-position: 0 -160px;
}
.list_icons-dash {
background-position: 0 -200px;
}
.list_icons-plus {
background-position: 0 -240px;
}
.list_icons-star {
background-position: 0 -280px;
}
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 8/9.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre-wrap;
}
/**
* Set consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to `content-box` in IE 8/9.
* 2. Remove excess padding in IE 8/9.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
margin-right: 5px;
/* 2 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background: transparent;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
color: black;
background: white;
}
:focus {
outline: 0;
}
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
a {
text-decoration: none;
}
a img {
border: 0;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '"';
}
blockquote,
q {
quotes: '"' '"';
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
sup,
sub {
font-size: xx-small;
}
sup {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
bottom: 1ex;
}
sub {
vertical-align: text-bottom;
height: 0;
line-height: 1;
}
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
#Base 960 Grid
#Tablet (Portrait)
#Mobile (Portrait)
#Mobile (Landscape)
#Clearing */
/* #Base 960 Grid
================================================== */
.container {
position: relative;
width: 960px;
margin: 0 auto;
padding: 0;
}
.container .column,
.container .columns {
float: left;
display: inline;
margin: 10px;
}
.row {
margin-bottom: 20px;
}
/* Nested Column Classes */
.column.alpha, .columns.alpha {
margin-left: 0;
}
.column.omega, .columns.omega {
margin-right: 0;
}
/* Base Grid */
.container .one.column,
.container .one.columns {
width: 40px;
}
.container .two.columns {
width: 100px;
}
.container .three.columns {
width: 160px;
}
.container .four.columns {
width: 220px;
}
.container .five.columns {
width: 280px;
}
.container .six.columns {
width: 340px;
}
.container .seven.columns {
width: 400px;
}
.container .eight.columns {
width: 460px;
}
.container .nine.columns {
width: 520px;
}
.container .ten.columns {
width: 580px;
}
.container .eleven.columns {
width: 640px;
}
.container .twelve.columns {
width: 700px;
}
.container .thirteen.columns {
width: 760px;
}
.container .fourteen.columns {
width: 820px;
}
.container .fifteen.columns {
width: 880px;
}
.container .sixteen.columns {
width: 940px;
}
.container .one-third.column {
width: 300px;
}
.container .two-thirds.column {
width: 620px;
}
/* Offsets */
.container .offset-by-one {
padding-left: 60px;
}
.container .offset-by-two {
padding-left: 120px;
}
.container .offset-by-three {
padding-left: 180px;
}
.container .offset-by-four {
padding-left: 240px;
}
.container .offset-by-five {
padding-left: 300px;
}
.container .offset-by-six {
padding-left: 360px;
}
.container .offset-by-seven {
padding-left: 420px;
}
.container .offset-by-eight {
padding-left: 480px;
}
.container .offset-by-nine {
padding-left: 540px;
}
.container .offset-by-ten {
padding-left: 600px;
}
.container .offset-by-eleven {
padding-left: 660px;
}
.container .offset-by-twelve {
padding-left: 720px;
}
.container .offset-by-thirteen {
padding-left: 780px;
}
.container .offset-by-fourteen {
padding-left: 840px;
}
.container .offset-by-fifteen {
padding-left: 900px;
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container {
width: 768px;
}
.container .column,
.container .columns {
margin-left: 10px;
margin-right: 10px;
}
.column.alpha, .columns.alpha {
margin-left: 0;
margin-right: 10px;
}
.column.omega, .columns.omega {
margin-right: 0;
margin-left: 10px;
}
.alpha.omega {
margin-left: 0;
margin-right: 0;
}
.container .one.column,
.container .one.columns {
width: 28px;
}
.container .two.columns {
width: 76px;
}
.container .three.columns {
width: 124px;
}
.container .four.columns {
width: 172px;
}
.container .five.columns {
width: 220px;
}
.container .six.columns {
width: 268px;
}
.container .seven.columns {
width: 316px;
}
.container .eight.columns {
width: 364px;
}
.container .nine.columns {
width: 412px;
}
.container .ten.columns {
width: 460px;
}
.container .eleven.columns {
width: 508px;
}
.container .twelve.columns {
width: 556px;
}
.container .thirteen.columns {
width: 604px;
}
.container .fourteen.columns {
width: 652px;
}
.container .fifteen.columns {
width: 700px;
}
.container .sixteen.columns {
width: 748px;
}
.container .one-third.column {
width: 236px;
}
.container .two-thirds.column {
width: 492px;
}
/* Offsets */
.container .offset-by-one {
padding-left: 48px;
}
.container .offset-by-two {
padding-left: 96px;
}
.container .offset-by-three {
padding-left: 144px;
}
.container .offset-by-four {
padding-left: 192px;
}
.container .offset-by-five {
padding-left: 240px;
}
.container .offset-by-six {
padding-left: 288px;
}
.container .offset-by-seven {
padding-left: 336px;
}
.container .offset-by-eight {
padding-left: 384px;
}
.container .offset-by-nine {
padding-left: 432px;
}
.container .offset-by-ten {
padding-left: 480px;
}
.container .offset-by-eleven {
padding-left: 528px;
}
.container .offset-by-twelve {
padding-left: 576px;
}
.container .offset-by-thirteen {
padding-left: 624px;
}
.container .offset-by-fourteen {
padding-left: 672px;
}
.container .offset-by-fifteen {
padding-left: 720px;
}
}
/* #Mobile (Portrait)
=====================================store-results============= */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.container {
width: 300px;
}
.container .columns,
.container .column {
margin: 0;
}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column {
width: 300px;
}
/* Offsets */
.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen {
padding-left: 0;
}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
width: 420px;
}
.container .columns,
.container .column {
margin: 0;
}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column {
width: 420px;
}
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before, #menu.full .container:before, #menu > .container > ul:before, #menu.combo > .container > ul:before, .site-nav > ul:before, .languages:before, #menu-home .menu-home-wide:before, .section-header:before, .sidebar .post .meta-group:before, .cart-footer:before, .cart-total .total-group:before, .product-toolbar-wrapper:before, .product-toolbar:before, .product-list:before, .product-list .list-item:before, .product-list .item-expanded .item-side-list .list:before, .product-region:before, .product-general:before, .product-footer:before, .item-meta:before, #ctl00_plcMainWrapper_plcMain_upnlPointOfSales:before,
.clearfix:after,
#menu.full .container:after,
#menu > .container > ul:after,
#menu.combo > .container > ul:after,
.site-nav > ul:after,
.languages:after,
#menu-home .menu-home-wide:after,
.section-header:after,
.sidebar .post .meta-group:after,
.cart-footer:after,
.cart-total .total-group:after,
.product-toolbar-wrapper:after,
.product-toolbar:after,
.product-list:after,
.product-list .list-item:after,
.product-list .item-expanded .item-side-list .list:after,
.product-region:after,
.product-general:after,
.product-footer:after,
.item-meta:after,
#ctl00_plcMainWrapper_plcMain_upnlPointOfSales:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.row:after,
.clearfix:after,
#menu.full .container:after,
#menu > .container > ul:after,
#menu.combo > .container > ul:after,
.site-nav > ul:after,
.languages:after,
#menu-home .menu-home-wide:after,
.section-header:after,
.sidebar .post .meta-group:after,
.cart-footer:after,
.cart-total .total-group:after,
.product-toolbar-wrapper:after,
.product-toolbar:after,
.product-list:after,
.product-list .list-item:after,
.product-list .item-expanded .item-side-list .list:after,
.product-region:after,
.product-general:after,
.product-footer:after,
.item-meta:after,
#ctl00_plcMainWrapper_plcMain_upnlPointOfSales:after {
clear: both;
}
.row,
.clearfix,
#menu.full .container,
#menu > .container > ul,
#menu.combo > .container > ul,
.site-nav > ul,
.languages,
#menu-home .menu-home-wide,
.section-header,
.sidebar .post .meta-group,
.cart-footer,
.cart-total .total-group,
.product-toolbar-wrapper,
.product-toolbar,
.product-list,
.product-list .list-item,
.product-list .item-expanded .item-side-list .list,
.product-region,
.product-general,
.product-footer,
.item-meta,
#ctl00_plcMainWrapper_plcMain_upnlPointOfSales {
zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/*------------------------------------*\
$_Elements
\*------------------------------------*/
/**
* General
*/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
overflow-y: scroll;
min-height: 100%;
}
body {
font-family: "Open Sans", Arial, sans-serif;
font-weight: 400;
font-size: 14px;
color: #333;
line-height: 1;
min-width: 300px;
background-attachment: fixed;
}
@media only screen and (max-width: 767px) {
body {
font-size: 13px;
}
}
/**
* Headings
*/
h1, h2, h3, h4, h5, h6,
.heading1, .heading2, .heading3, .heading4, .comments-wrapper .BoardLeaveMessage, .CartTable .CartStepHeader, .heading5, .heading6 {
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-weight: 800;
margin: 0;
}
h1, .heading1 {
font-size: 2.57143em;
}
h2, .heading2 {
font-size: 2.14286em;
}
h3, .heading3 {
font-size: 1.71429em;
}
h4, .heading4, .comments-wrapper .BoardLeaveMessage, .CartTable .CartStepHeader {
font-size: 1.42857em;
}
h5, .heading5 {
font-size: 1.14286em;
}
h6, .heading6 {
font-size: 1em;
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6,
.typography .heading1, .typography .heading2, .typography .heading3, .typography .heading4, .typography .comments-wrapper .BoardLeaveMessage, .comments-wrapper .typography .BoardLeaveMessage, .typography .CartTable .CartStepHeader, .CartTable .typography .CartStepHeader, .typography .heading5, .typography .heading6 {
margin-bottom: 0.6em;
line-height: 1.2;
}
.typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
color: #752A6F;
}
/**
* Links
*/
a {
color: #C50E5E;
text-decoration: none;
}
a:hover, .accordion-container:hover > a {
color: #c50e5e;
}
a:active {
color: #C50E5E;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
a:active, a:focus {
outline: none;
}
/**
* Text
*/
p {
margin-bottom: 1.57143em;
line-height: 1.6;
}
p:first-of-type {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
small {
font-size: 80%;
}
/**
* Lists
*/
li > ul,
li > ol {
margin-bottom: 0;
}
.text-container ul {
list-style: none outside disc;
}
.text-container li {
margin: 4px 0;
line-height: 1.6;
}
.arrow-list ul, .arrow2-list ul, .circle-list ul, .check-list ul, .check2-list ul, .star-list ul, .plus-list ul, .dash-list ul, .typography-ul, .typography ul {
list-style-type: none;
margin: 0px 0px 10px;
padding: 0px;
display: block;
}
.arrow-list ul li, .arrow2-list ul li, .circle-list ul li, .check-list ul li, .check2-list ul li, .star-list ul li, .plus-list ul li, .dash-list ul li, .typography-li, .typography ul li {
position: relative;
padding-left: 28px;
-webkit-transition: 0.1s all linear;
}
.arrow-list ul li:before, .arrow2-list ul li:before, .circle-list ul li:before, .check-list ul li:before, .check2-list ul li:before, .star-list ul li:before, .plus-list ul li:before, .dash-list ul li:before, .typography-li:before, .typography ul li:before {
content: "";
position: absolute;
top: -2px;
left: 0;
}
.arrow-list ul li:before, .typography-arrow-list, .typography ul li:before {
background: url('img/list_icons-sd65de6a575.png') 0 0 no-repeat;
width: 24px;
height: 24px;
}
.arrow2-list ul li:before, .typography-arrow2-list {
background: url('img/list_icons-sd65de6a575.png') 0 -40px no-repeat;
width: 24px;
height: 24px;
}
.circle-list ul li:before, .typography-circle-list {
background: url('img/list_icons-sd65de6a575.png') 0 -160px no-repeat;
width: 24px;
height: 24px;
}
.check-list ul li:before {
background: url('img/list_icons-sd65de6a575.png') 0 -80px no-repeat;
width: 24px;
height: 24px;
}
.check2-list ul li:before {
background: url('img/list_icons-sd65de6a575.png') 0 -120px no-repeat;
width: 24px;
height: 24px;
}
.star-list ul li:before {
background: url('img/list_icons-sd65de6a575.png') 0 -280px no-repeat;
width: 24px;
height: 24px;
}
.plus-list ul li:before {
background: url('img/list_icons-sd65de6a575.png') 0 -240px no-repeat;
width: 24px;
height: 24px;
}
.dash-list ul li:before {
background: url('img/list_icons-sd65de6a575.png') 0 -200px no-repeat;
width: 24px;
height: 24px;
}
/**
* Images
*/
img {
max-width: 100%;
height: auto;
}
.gm-style img {
max-width: none;
}
.contact-map > div {
max-width: 100%;
}
figure > img {
display: block;
}
/**
* Tables
*/
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.CartContentTable {
margin-top: 30px;
}
td {
vertical-align: middle;
}
table.borderless-table {
border: 0 none;
border-style: hidden;
background: transparent none;
}
table.borderless-table tr, table.borderless-table th, table.borderless-table td {
border: 0 none;
background: transparent none;
border-style: hidden;
}
table.borderless-table th:first-child, table.borderless-table td:first-child {
padding-left: 0;
}
table.borderless-table th:last-child, table.borderless-table td:last-child {
padding-right: 0;
}
label {
display: inline-block;
margin-bottom: 8px;
}
input[type="text"],
input[type="password"],
input[type="submit"],
textarea {
display: block;
margin-bottom: 5px;
color: #333;
background-color: #fff;
border: 1px solid #cccccc;
padding: 10px 11px;
width: 100%;
font-family: sans-serif;
font-size: 1.14286em;
line-height: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
overflow: auto;
min-width: 100%;
max-width: 100%;
height: 141px;
min-height: 141px;
resize: vertical;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
border-color: #752A6F;
outline: none;
}
form .invalid {
border: 1px solid;
-webkit-transition: border-color 0.35s;
-moz-transition: border-color 0.35s;
-o-transition: border-color 0.35s;
-ms-transition: border-color 0.35s;
}
input[type="button"],
input[type="submit"],
button[type="submit"] {
width: auto;
}
/*#region Typography */
.typography {
line-height: 1.4;
}
.typography > :first-child {
margin-top: 0;
}
.typography > :last-child {
margin-bottom: 0;
}
.typography a {
font-family: "Open Sans", Arial, sans-serif;
color: #C50E5E;
}
.typography a:hover {
text-decoration: underline;
}
.typography img[style*="float: left"], .typography img[style*="float:left"] {
margin: 0 15px 3px 0;
}
.typography img[style*="float: right"], .typography img[style*="float:right"] {
margin: 0 0 3px 15px;
}
.typography ol {
margin-left: 28px;
margin-bottom: 10px;
}
.typography ol li {
margin-top: 6px;
}
.typography ul {
margin-bottom: 20px;
}
.typography ul li {
margin-top: 6px;
}
.typography ul li:before {
color: #000;
}
.typography table {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 15px 0;
border: 2px solid #bbb;
border-collapse: collapse;
}
.typography table th, .typography table td {
padding: 5px;
}
.typography table th:first-child, .typography table td:first-child {
border-left: 0 none;
}
.typography table th {
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
}
.typography table td {
border-bottom: 1px dotted #bbb;
border-left: 1px dotted #bbb;
}
.typography table tr:last-child th, .typography table tr:last-child td {
border-bottom: 0 none;
}
/*#endregion */
/*#region Buttons */
.button, input[type="button"],
input[type="submit"],
button[type="submit"], .comments-wrapper .BoardSubscribe, .button:visited, input[type="button"]:visited,
input[type="submit"]:visited,
button[type="submit"]:visited, .comments-wrapper .BoardSubscribe:visited,
.FormButton,
.FormButton:visited {
display: inline-block;
border: 0 none;
padding: 8px 12px;
line-height: 100%;
font-family: "Open Sans", Arial, sans-serif;
font-size: 1.28571em;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
color: #fff !important;
background-color: #752A6F;
vertical-align: middle;
}
.button:active, input[type="button"]:active,
input[type="submit"]:active,
button[type="submit"]:active, .comments-wrapper .BoardSubscribe:active, .button:hover, input[type="button"]:hover,
input[type="submit"]:hover,
button[type="submit"]:hover, #menu .header-search--open, .comments-wrapper .BoardSubscribe:hover,
.FormButton:active,
.FormButton:hover {
background-color: #C50E5E;
color: #fff;
-moz-transition-property: background-color;
-o-transition-property: background-color;
-webkit-transition-property: background-color;
transition-property: background-color;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
text-decoration: none !important;
}
.button--small {
padding: 6px 10px;
font-size: 1em;
}
.button--grey, .comments-wrapper .BoardSubscribe, .button--grey:visited, .comments-wrapper .BoardSubscribe:visited {
color: #333 !important;
background-color: #d7d7d7;
}
.button--grey:active, .comments-wrapper .BoardSubscribe:active, .button--grey:hover, .comments-wrapper .BoardSubscribe:hover {
background-color: #a4a4a4;
color: #333;
}
/*#endregion */
/*#region Button Icons */
.btn-icon, .btn-icon-next {
position: relative;
padding-left: 20px;
}
.btn-icon:before, .btn-icon-next:before {
display: block;
position: absolute;
content: "";
top: 0;
left: 0;
}
.bg-icon16-left {
padding-left: 32px;
background-repeat: no-repeat;
background-position: 8px center;
}
.bg-icon32-left {
padding-left: 40px;
background-repeat: no-repeat;
background-position: 8px center;
}
.btn-icon-next:before {
background: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png') 3px -302px no-repeat;
width: 16px;
height: 16px;
}
/*#endregion */
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("fancybox_sprite.html");
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url("fancybox_loading.html") center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url("blank.html");
/* helps IE */
-webkit-tap-highlight-color: transparent;
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url("fancybox_overlay.html");
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
/* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8);
}
.carousel-wrapper {
position: relative;
}
/** Carousel **/
.carousel {
position: relative;
overflow: hidden;
}
.carousel ul {
width: 20000em;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
}
.carousel li {
float: left;
}
/** Carousel Controls **/
/*------------------------------------*\
$_Selectboxit
\*------------------------------------*/
/*
* jquery.selectBoxIt.css 3.6.0
* Author: @gregfranko
*/
/*
Common CSS Properties
---------------------
These properties will be applied to any themes that you use
*/
/* SelectBoxIt container */
.selectboxit-container {
position: relative;
display: inline-block;
vertical-align: top;
}
/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
/* Prevents text selection */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
outline: none;
white-space: nowrap;
}
/* Button */
.selectboxit-container .selectboxit {
width: 220px;
/* Width of the dropdown button */
cursor: pointer;
margin: 0;
padding: 0;
overflow: hidden;
display: block;
position: relative;
}
.dropbtn {
background-color: #f1f1f1;
color: #333;
padding: 12px;
font-size: 13px;
border: none;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
right: 0;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content li {
color: black;
text-align: center;
padding: 12px 16px;
text-decoration: none;
display: block;
cursor: pointer;
}
.dropdown-content li:hover {
background-color: #ddd;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #752A6F;
color: #fff;
}
/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
height: 30px;
/* Height of the drop down */
line-height: 30px;
/* Vertically positions the drop down text */
display: block;
}
/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
outline: 0;
}
/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
cursor: default;
}
/* Button Text */
.selectboxit-text {
text-indent: 5px;
overflow: hidden;
text-overflow: ellipsis;
float: left;
}
.selectboxit .selectboxit-option-icon-container {
margin-left: 5px;
}
/* Options List */
.selectboxit-container .selectboxit-options {
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 100%;
/* Minimum Width of the dropdown list box options */
*width: 100%;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
overflow-x: hidden;
overflow-y: auto;
cursor: pointer;
display: none;
z-index: 9999999999999;
text-align: left;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
padding: 0 2px;
}
/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
text-decoration: none;
}
/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
text-indent: 5px;
/* Horizontal Positioning of the select box option text */
margin: 0;
list-style-type: none;
}
/* The first Drop Down option */
.selectboxit-option-first {
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
/* The last Drop Down option */
.selectboxit-option-last {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
font-weight: bold;
}
/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
cursor: default;
}
/* Drop Down down arrow container */
.selectboxit-arrow-container {
/* Positions the down arrow */
width: 30px;
position: absolute;
right: 0;
}
/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
/* Horizontally centers the down arrow */
margin: 0 auto;
position: absolute;
top: 45%;
right: 0;
left: 0;
}
/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
top: 30%;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
float: left;
}
.selectboxit-container .selectboxit-option-icon {
margin: 0;
padding: 0;
vertical-align: middle;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
width: 18px;
background-size: 18px 18px;
background-repeat: no-repeat;
height: 100%;
background-position: center;
float: left;
}
/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
background-color: inherit;
}
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
background-position: -64px -16px;
}
/*
Default Theme
-------------
Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
background-color: #fff;
border: 1px solid #cccccc;
border-color: #bcbcbc;
box-shadow: 0 2px rgba(0, 0, 0, 0.07);
-webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.07);
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
color: #333333;
background-color: #f5f5f5;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
}
.selectboxit-default-arrow {
width: 0;
height: 0;
border-top: 4px solid #000000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.selectboxit-list {
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.selectboxit-list .selectboxit-option-anchor {
color: #333333;
}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
color: #ffffff;
background-color: #752A6F;
}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
color: #999999;
}
/*
Mobile Menu Core Style
*/
.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: 0.438em 0.625em 0.438em 0.625em;
line-height: 1.125em;
cursor: pointer;
}
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left;
}
.slicknav_menu .slicknav_icon {
float: left;
margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_no-text {
margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em;
}
.slicknav_nav {
clear: both;
}
.slicknav_nav ul,
.slicknav_nav li {
display: block;
}
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
display: block;
cursor: pointer;
}
.slicknav_nav a {
display: block;
}
.slicknav_nav .slicknav_item a {
display: inline;
}
.slicknav_menu:before,
.slicknav_menu:after {
content: " ";
display: table;
}
.slicknav_menu:after {
clear: both;
}
/* IE6/7 support */
.slicknav_menu {
*zoom: 1;
}
/*
User Default Style
Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
font-size: 16px;
}
/* Button */
.slicknav_btn {
margin: 5px 5px 6px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #222222;
}
/* Button Text */
.slicknav_menu .slicknav_menutxt {
color: #FFF;
font-weight: bold;
text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
background-color: #f5f5f5;
}
.slicknav_menu {
background: #4c4c4c;
padding: 5px;
}
.slicknav_nav {
color: #fff;
margin: 0;
padding: 0;
font-size: 0.875em;
}
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow: hidden;
}
.slicknav_nav ul {
padding: 0;
margin: 0 0 0 20px;
}
.slicknav_nav .slicknav_item {
padding: 5px 10px;
margin: 2px 5px;
}
.slicknav_nav a {
padding: 5px 10px;
margin: 2px 5px;
text-decoration: none;
color: #fff;
}
.slicknav_nav .slicknav_item a {
padding: 0;
margin: 0;
}
.slicknav_nav .slicknav_item:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #ccc;
color: #fff;
}
.slicknav_nav a:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #ccc;
color: #222;
}
.slicknav_nav .slicknav_txtnode {
margin-left: 15px;
}
/*------------------------------------*\
$_Jquery_Tinyscrollbar
\*------------------------------------*/
#scrollbar1 {
margin: 20px auto 10px;
position: relative;
}
#scrollbar1 .viewport {
height: 300px;
overflow: hidden;
position: relative;
}
#scrollbar1 .overview {
list-style: none;
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 40px 35px 10px;
}
#scrollbar1 .scrollbar {
background-color: #e9e9e9;
border-radius: 8px;
position: absolute;
background-position: 0 0;
right: -20px;
top: 0;
width: 13px;
}
#scrollbar1 .track {
background: none;
height: 100%;
width: 11px;
position: relative;
padding: 0 1px;
}
#scrollbar1 .thumb {
background-color: #6D6D6D;
border-radius: 8px;
height: 20px;
width: 9px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
left: 2px;
}
#scrollbar1 .thumb .end {
display: none;
overflow: hidden;
height: 5px;
width: 25px;
}
#scrollbar1 .disable {
display: none;
}
.noSelect {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
/* =====[ FOOTER ]=============================================================================== */
#footer {
padding: 25px 0 30px;
font-size: 1em;
line-height: 1.5;
background-color: #E6E6E6;
}
.footer-top,
.footer-bottom {
overflow: hidden;
}
.footer-col-heading {
font-size: 1.14286em;
margin-bottom: 14px;
color: #752A6F;
font-weight: normal;
}
.footer-top .footer-col {
float: left;
width: 33%;
padding-left: 4%;
}
.footer-top .footer-col:first-child {
padding-left: 0;
}
.footer-bottom,
.footer-middle {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #d7d7d7;
text-align: center;
}
.footer-bottom-copyrights {
display: flex;
justify-content: space-between;
margin: 0 -10px;
flex-wrap: wrap;
align-items: center;
}
.footer-bottom-copyrights .footer-col {
display: flex;
flex-direction: column;
align-items: center;
margin: 10px 0;
min-width: 250px;
}
.made-by {
display: flex;
flex-direction: row;
align-items: center;
}
.footer-signature {
display: flex;
flex-direction: column;
width: 150px;
}
/* .footer-left {
float: left;
text-align: left; }
.footer-right {
float: right;
text-align: right; } */
.footer-col-main > ul > li {
margin-top: 5px;
}
.footer-col-main > ul > li:first-child {
margin-top: 0;
}
.footer-col-main > ul > li > a {
padding-left: 14px;
position: relative;
font-weight: bold;
}
.footer-col-main > ul > li > a:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.footer-col-main > ul > li > a:before {
position: absolute;
left: 0;
top: 3px;
font-size: 75%;
}
.footer-col-main > ul > li > ul {
line-height: 1.1;
margin-left: 15px;
}
.footer-col-main > ul > li > ul > li {
display: inline-block;
font-size: 12px;
}
.footer-col-main > ul > li > ul > li:after {
content: ' ';
margin-right: 2px;
}
.footer-col-main > ul > li > ul > li:last-child:after {
content: '';
margin: 0;
}
.footer-col-main > ul > li > ul > li > a {
padding-left: 6px;
position: relative;
}
.footer-col-main > ul > li > ul > li > a:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.footer-col-main > ul > li > ul > li > a:before {
position: absolute;
left: 0;
top: 7px;
font-size: 25%;
}
.footer-group {
margin-top: 10px;
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
line-height: 1.6;
}
@media only screen and (max-width: 767px) {
.footer-group {
justify-content: center;
}
}
.footer-group:first-child {
margin-top: 0;
}
.footer-group [class*="icon-"] {
padding-right: 10px;
font-size: 20px;
color: #752A6F;
}
.footer-group-stores {
padding: 8px;
background-color: #752A6F;
display: flex;
color: #fff !important;
line-height: 1.35;
margin-top: 20px;
font-size: 13px;
}
.footer-group-stores:hover {
background-color: #C50E5E;
color: #fff;
}
.footer-group-stores [class*="icon-"] {
left: 15px;
color: #fff;
font-size: 34px;
}
.footer-group-stores h4 {
margin-bottom: 5px;
}
.footer-col-contact .footer-col-main {
text-align: left;
}
.footer-social {
display: flex;
align-items: center;
padding-left: 20px;
}
.footer-social > a {
vertical-align: middle;
}
.footer-social > a > i {
display: inline-block;
width: 27px;
height: 27px;
line-height: 27px;
color: #E6E6E6;
background-color: #5A1D62;
font-size: 1.2em;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin-right: 3px;
}
.footer-social > .social-widget {
display: flex;
}
.footer-instagram:hover .footer-social-label {
background: linear-gradient(45deg, #ee8516 0%, #e35321 25%, #c52039 50%, #b21f59 75%, #a11574 100%);
}
.footer-instagram .footer-social-label {
display: inline-block;
padding: 2px 10px;
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
font-size: 13px;
border-radius: 3px;
vertical-align: top;
color: #fff;
}
@media only screen and (max-width: 767px) {
.footer-col {
float: none;
text-align: center;
margin-top: 10px;
width: 100% !important;
}
.footer-col:first-child {
margin-top: 0;
}
}
.footer-menu {
margin-bottom: 35px;
text-align: center;
}
.footer-menu li {
display: inline-block;
margin-left: 10px;
}
.footer-menu li:first-child {
margin-left: 0;
}
.footer-menu a {
font-size: 12px;
}
/* =====[ HEADER ]=============================================================================== */
#home #header {
position: relative;
/*height: 789px;*/
min-height: 480px;
text-align: center;
}
#home #header .scroll {
position: absolute;
left: 50%;
bottom: 25px;
margin-left: -35px;
width: 70px;
height: 70px;
z-index: 100;
opacity: 1;
cursor: pointer;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transition: opacity 0.35s;
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
-ms-transition: opacity 0.35s;
animation: swing 1s 1s ease-in-out infinite;
-webkit-animation: swing 1s 1s ease-in-out infinite;
-moz-animation: swing 1s 1s ease-in-out infinite;
-ms-animation: swing 1s 1s ease-in-out infinite;
-o-animation: swing 1s 1s ease-in-out infinite;
}
#home #header .scroll.hide {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@keyframes swing {
0% {
transform: translate(0, -10px);
}
50% {
transform: translate(0, 10px);
}
100% {
transform: translate(0, -10px);
}
}
@-webkit-keyframes swing {
0% {
-webkit-transform: translate(0, -10px);
}
50% {
-webkit-transform: translate(0, 10px);
}
100% {
-webkit-transform: translate(0, -10px);
}
}
@-moz-keyframes swing {
0% {
-moz-transform: translate(0, -10px);
}
50% {
-moz-transform: translate(0, 10px);
}
100% {
-moz-transform: translate(0, -10px);
}
}
@-o-keyframes swing {
0% {
-o-transform: translate(0, -10px);
}
50% {
-o-transform: translate(0, 10px);
}
100% {
-o-transform: translate(0, -10px);
}
}
@-ms-keyframes swing {
0% {
-ms-transform: translate(0, -10px);
}
50% {
-ms-transform: translate(0, 10px);
}
100% {
-ms-transform: translate(0, -10px);
}
}
/* -----[ LOGO ]--------------------------------------------------------------------------------- */
.menu-home-container h1 a {
color: #fff;
background-color: black;
background-color: rgba(0, 0, 0, 0.9);
}
.menu-home-container h1 a:hover {
background-color: #752A6F;
}
.menu-home-container h1 {
float: left;
position: relative;
z-index: 11;
background-color: rgba(0, 0, 0, 0.9);
transition: background 0.35s;
-webkit-transition: background 0.35s;
-moz-transition: background 0.35s;
-o-transition: background 0.35s;
-ms-transition: background 0.35s;
margin-top: -7px;
box-shadow: 2px 0 10px 0px rgba(0, 0, 0, 0.5);
height: 84px;
}
.menu-home-container h1 a {
display: block;
width: 240px;
height: 100%;
background: black url('Images/logo_light.png') no-repeat center center;
text-indent: -9999px;
overflow: hidden;
background-size: contain;
}
/* -----[ NAVIGATION ]--------------------------------------------------------------------------- */
#home #header .arrow {
display: block;
position: absolute;
top: 50%;
margin-top: -45px;
width: 68px;
height: 91px;
z-index: 998;
}
#home #header .arrow.left {
left: 0;
border-radius: 0 3px 3px 0;
}
#home #header .arrow.right {
right: 0;
border-radius: 3px 0 0 3px;
}
/* -----[ SLIDER ]------------------------------------------------------------------------------- */
#home #header .content {
height: 100%;
padding-top: 114px;
padding-bottom: 114px;
}
/* -----[ MOBILE SETTINGS ]---------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
#home #header .arrow {
top: auto;
bottom: 10px;
width: 37px;
height: 37px;
}
#home #header .arrow.left,
#home #header .arrow.right {
border-radius: 3px;
}
#home #header .arrow.left {
left: auto;
right: 49px;
}
#home #header .arrow.right {
right: 10px;
}
.menu-home-container h1 a {
top: 10px;
font-size: 18px;
line-height: 20px;
padding: 14px;
}
#home #header .content {
padding: 65px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#home #header .scroll {
display: none;
}
}
#menu .header-search-button {
float: right;
margin-top: 16px;
border-radius: 2px;
width: 32px;
height: 32px;
text-align: center;
padding: 0;
margin-left: 5px;
}
#menu .header-search-button i {
line-height: 32px;
font-size: 15px;
}
#menu .header-search-input {
z-index: 99;
display: none;
position: absolute;
width: 100%;
background-color: #fff;
box-shadow: 0 2px 20px rgba(2, 3, 3, 0.5);
border: none;
left: 0;
top: 66px;
height: 53px;
font-size: 17px;
padding-left: 18px;
}
/* =====[ MENU ]================================================================================= */
#menu {
background-color: #222;
background-color: rgba(34, 34, 34, 0.97);
box-shadow: 0 2px 4px rgba(2, 3, 3, 0.5);
-webkit-box-shadow: 0 2px 4px rgba(2, 3, 3, 0.5);
visibility: hidden;
text-align: center;
z-index: 999;
}
#menu.normal {
position: relative;
}
#menu.normal .container {
width: 100%;
}
#menu.fixed {
position: fixed;
top: 40px;
left: 50%;
}
#menu.full .container {
display: inline-block;
vertical-align: top;
text-align: left;
}
#menu .logo {
float: left;
}
#menu > .container > ul {
float: left;
margin-left: 12px;
position: relative;
z-index: 20 !important;
}
#menu > .container > ul > li {
height: 66px;
float: left;
max-width: 133px;
}
#menu > .container > ul > li > a,
#menu > .container > ul > li > span {
vertical-align: middle;
height: 66px;
display: table-cell;
padding: 0 6px;
font-size: 14px;
text-align: center;
color: #eee;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#menu > .container > ul {
margin-left: 5px;
}
#menu > .container > ul > li > a,
#menu > .container > ul > li > span {
font-size: 14px;
padding: 0 8px;
}
}
#menu > .container > ul > li.hover-active:hover > ul {
display: block;
visibility: visible;
}
#menu > .container > ul > li:hover > a {
color: #333;
}
#menu > .container > ul > li > a:hover,
#menu > .container > ul > li > span {
color: #C50E5E;
}
#menu > .container > ul > li:hover,
#menu > .container > ul > li > ul {
background-color: #fcfcfc;
}
#menu > .container > ul > .CMSListMenuHighlightedLI > a,
#menu > .container > ul > li > a:hover {
cursor: pointer;
position: relative;
}
#menu > .container > ul > li > ul {
visibility: hidden;
overflow: hidden;
position: absolute !important;
top: 66px;
left: 0;
width: 100%;
min-width: 200px;
padding: 10px 0;
box-shadow: 0 6px 7px rgba(2, 3, 3, 0.3);
z-index: 999;
}
#menu > .container > ul > li > ul > li {
width: 50%;
margin: 8px 0;
padding: 0 2%;
}
#menu > .container > ul > li > ul > li:only-child {
width: 100%;
}
#menu > .container > ul > li > ul > li > a,
#menu > .container > ul > li > ul > li > span,
#menu > .container > ul > li > ul > li > a span {
font-weight: bold;
font-size: 13px;
color: #fff;
padding: 7px 10px;
background-color: #752A6F;
display: block;
width: 100%;
line-height: 1.2;
text-transform: uppercase;
}
#menu > .container > ul > li > ul > li .link-w-image {
padding: 0;
}
#menu > .container > ul > li > ul > li .link-w-image span {
background-color: transparent;
padding-bottom: 8px;
}
#menu > .container > ul > li > ul > li .link-w-image img {
vertical-align: bottom;
}
#menu > .container > ul > li > ul > li > a:hover,
.CMSListMenuLinkHighlighted {
color: #C50E5E !important;
}
#menu > .container > ul > li > ul > li.menu-image a {
padding: 0;
margin: 0;
}
#menu > .container > ul > li > ul > li > ul {
margin-top: 12px;
}
#menu > .container > ul > li > ul > li > ul > li {
margin-top: 10px;
}
#menu > .container > ul > li > ul > li > ul > li > a,
#menu > .container > ul > li > ul > li > ul > li > span {
padding: 0 5px;
display: block;
}
#menu > .container > ul > li > ul > li > ul > li > a:hover,
#menu > .container > ul > li > ul > li > ul > li > .CMSListMenuLinkHighlighted {
color: #C50E5E !important;
}
#menu .logo {
height: 66px;
line-height: 66px;
max-width: 180px;
}
#menu .logo img {
vertical-align: middle;
}
@media only screen and (max-width: 959px) {
#menu .logo {
max-width: 125px;
}
}
#menu .top {
position: relative;
width: 40px;
height: 61px;
}
#menu .top .normal,
#menu .top .hover {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
transition: opacity 0.35s;
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
-ms-transition: opacity 0.35s;
}
#menu .top .normal {
background: no-repeat center center;
background-image: url('img/top_normal.png');
}
#menu .top .hover {
background: no-repeat center center;
background-image: url('img/top_hover.png');
}
#menu .top .normal,
#menu .top:hover .hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#menu .top:hover .normal,
#menu .top .hover {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#menu .switch {
display: none;
}
/* -----[ COMBO ]-------------------------------------------------------------------------------- */
#menu.combo .logo {
padding-left: 0;
padding-right: 0;
}
#menu.combo > .container > ul {
position: absolute;
display: none;
float: none;
top: 100%;
left: 0;
border: 2px solid #0f0f0f;
border: 2px solid rgba(15, 15, 15, 0.94);
width: 100%;
text-align: left;
z-index: 1;
margin-left: 0;
}
#menu.combo > .container > ul > li {
display: block;
float: none;
margin: 0;
max-width: none;
height: auto;
}
#menu.combo > .container > ul > li .CMSListMenuLI:hover {
background-color: #C50E5E;
}
#menu.combo > .container > ul > li > a,
#menu.combo > .container > ul > li > span {
display: block;
height: auto;
line-height: 25px;
padding: 8px 33px;
font-family: sans-serif;
white-space: normal;
}
#menu.combo > .container > ul > li .CMSListMenuLI:hover {
background-color: #fff;
color: #C50E5E;
}
#menu.combo > .container > ul > li:first-child > a {
padding-top: 5px;
}
#menu.combo > .container > ul > li.last > a {
padding-bottom: 0;
}
#menu.combo > .container > ul > li > ul {
display: none !important;
}
#menu.combo .switch {
display: block;
float: right;
margin-top: 16px;
border: 2px solid;
border-radius: 3px;
padding: 0;
width: 47px;
height: 31px;
cursor: pointer;
background: no-repeat center center;
transition: border-color 0.35s;
-webkit-transition: border-color 0.35s;
-moz-transition: border-color 0.35s;
-o-transition: border-color 0.35s;
-ms-transition: border-color 0.35s;
}
#menu.combo .top {
display: none !important;
}
/**
* Header top
*/
.header-top-container {
background-color: #222;
background-color: #2c2c2c;
background-color: rgba(44, 44, 44, 0.97);
border-bottom: 1px solid gray;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}
.header-top-container a {
color: #b3b3b3;
text-transform: uppercase;
font-size: 11px;
}
.header-top-container a:hover {
color: #C50E5E;
}
.header-top {
padding-top: 14px;
height: 40px;
color: #B3B3B3;
font-size: 11px;
}
.header-top .home-link {
display: block;
float: left;
font-size: 16px;
}
.header-top .home-link i {
display: block;
line-height: 11px;
}
.header-top .home-link span {
display: none;
}
.site-nav {
float: left;
position: relative;
}
.site-nav > ul {
margin-left: 10px;
display: inline-block;
}
.site-nav > ul:first-of-type {
margin-left: 0;
}
.site-nav > ul li {
float: left;
margin-left: 10px;
position: relative;
}
.site-nav > ul li:before {
content: '|';
position: absolute;
left: -9px;
top: -2px;
color: #999999;
font-size: 14px;
}
.site-nav > ul li:first-child {
margin-left: 0;
}
.site-nav > ul li:first-child:before {
content: '';
}
.site-nav > ul a {
display: block;
}
.site-nav > ul li.active a,
.site-nav > ul a:hover {
color: #E61972;
}
.site-nav > ul.top-menu-secondary a {
color: #bd54b5;
}
.site-nav > ul.top-menu-secondary li.active a,
.site-nav > ul.top-menu-secondary a:hover {
color: #E61972;
}
.site-nav > ul.top-menu-secondary li:before {
color: #bd54b5;
}
.slicknav_menu {
display: none;
padding: 0;
background: transparent;
margin-top: -4px;
}
.slicknav_nav {
position: absolute;
top: 27px;
left: 0 !important;
right: auto !important;
background-color: #000;
}
.slicknav_nav ul {
padding: 4px 0;
margin: 0 15px;
overflow: visible;
}
.slicknav_nav ul:not(:first-child) {
margin-top: 4px;
padding-top: 8px;
border-top: 1px solid #fff;
}
.slicknav_nav a {
border-radius: 0 !important;
padding: 5px 15px;
margin: 0 -15px;
line-height: 1.3;
}
.slicknav_btn {
margin: 0;
border-radius: 3px;
text-shadow: none;
background-color: transparent;
border-radius: 2px;
border: 1px solid #fff;
padding: 5px 13px;
}
.slicknav_btn:hover,
.slicknav_open {
border-color: #C50E5E;
}
.slicknav_menu .slicknav_icon-bar {
width: 13px;
height: 2px;
border-radius: 2px;
}
@media only screen and (max-width: 959px) {
.site-nav > ul {
display: none;
}
.slicknav_menu {
display: block;
}
.slicknav_menu .home-link {
display: block;
float: none;
font-size: 11px;
text-transform: uppercase;
}
.slicknav_menu .home-link i {
display: none;
}
.slicknav_menu .home-link span {
display: block;
}
}
.languages {
float: right;
margin-left: 18px;
}
.languages [class*="lang-"] {
float: left;
margin-left: 2px;
text-transform: none;
}
.languages [class*="lang-"]:before {
content: '|';
display: inline-block;
margin-right: 2px;
color: #B3B3B3 !important;
}
.languages [class*="lang-"]:first-child:before {
content: '';
margin: 0;
}
.languages a {
color: #8F8F8F;
}
.languages.languages-top {
position: absolute;
right: 0;
top: 10px;
z-index: 1000;
}
.languages.languages-top [class*="lang-"] {
color: #333;
font-size: 13px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.languages.languages-top [class*="lang-"]:before {
color: #333 !important;
}
.header-top-user {
float: left;
}
.menu-home-container {
position: absolute;
top: 34px;
z-index: 100;
background-color: transparent;
}
#menu-home {
background-color: #403D40;
background-color: rgba(0, 0, 0, 0.75);
padding: 0;
width: 2000px;
position: absolute;
z-index: 10;
}
#menu-home .menu-home-wide {
padding-left: 240px;
}
#menu-home .menu-home-wide li {
float: left;
margin-left: 0;
}
#menu-home .menu-home-wide li:first-child {
margin-left: 0;
}
#menu-home .menu-home-wide a {
color: #fff;
line-height: 1;
font-size: 20px;
padding: 25px 20px;
display: block;
text-transform: uppercase;
transition: background 0.35s;
-webkit-transition: background 0.35s;
-moz-transition: background 0.35s;
-o-transition: background 0.35s;
-ms-transition: background 0.35s;
}
#menu-home .menu-home-wide a:hover {
background-color: #752a6f;
}
#menu-home .menu-home-wide .shop {
position: absolute;
background-color: #403D40;
background-color: rgba(0, 0, 0, 0.75);
text-transform: uppercase;
left: 13px;
top: 77px;
float: none;
}
#menu-home .menu-home-wide .shop a {
position: relative;
width: 210px;
height: 30px;
line-height: 30px;
text-align: center;
padding: 0;
font-size: 15px;
}
#menu-home .menu-home-wide .shop a:before {
content: '\f07a';
font-family: FontAwesome;
font-size: 19px;
display: inline-block;
margin-right: 6px;
}
#menu-home .menu-home-combo {
display: none;
padding: 18px 0 10px;
left: 0;
top: 67px;
width: 100%;
position: absolute;
background-color: #403D40;
background-color: rgba(0, 0, 0, 0.75);
}
#menu-home .menu-home-combo a {
display: block;
color: #fff;
font-size: 20px;
padding: 8px 20px;
text-align: center;
text-transform: uppercase;
transition: background 0.35s;
-webkit-transition: background 0.35s;
-moz-transition: background 0.35s;
-o-transition: background 0.35s;
-ms-transition: background 0.35s;
}
#menu-home .menu-home-combo a:hover {
background-color: #752a6f;
}
#menu-home .switch {
display: none;
border: 3px solid;
border-radius: 3px;
padding: 0;
width: 47px;
height: 32px;
cursor: pointer;
background: no-repeat center center;
transition: border-color 0.35s;
-webkit-transition: border-color 0.35s;
-moz-transition: border-color 0.35s;
-o-transition: border-color 0.35s;
-ms-transition: border-color 0.35s;
border-color: #D1D1D1;
background-image: url("Images/combo.png");
position: absolute;
right: 20px;
top: 19px;
}
#menu-home .switch:hover {
border-color: #c50e5e;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#menu-home .menu-home-wide a {
font-size: 17px;
padding: 25px 14px;
}
}
@media only screen and (max-width: 767px) {
.menu-home-container {
width: 100%;
}
.menu-home-container h1 a {
width: 227px;
}
#menu-home {
width: 100%;
height: 67px;
}
#menu-home .menu-home-wide {
display: none;
}
#menu-home .switch {
display: block;
right: 12px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#menu-home .switch {
right: 20px;
}
}
#menu > .container {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#menu #menuElem {
display: none;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#menu .header-search-button {
margin-left: 5px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#menu .switch {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-left: auto;
}
#menu.full #menuElem {
display: block;
}
/*------------------------------------*\
$_Articles
\*------------------------------------*/
.article-list .list-item {
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #d7d7d7;
overflow: hidden;
}
.article-list .item-header {
margin-bottom: 20px;
}
.article-list .item-heading {
margin-bottom: 12px;
color: #752A6F;
}
.article-list .item-image {
margin-bottom: 25px;
}
.article-list .item-main {
overflow: hidden;
margin-bottom: 22px;
}
/*------------------------------------*\
$_Breadcrumbs
\*------------------------------------*/
.breadcrumbs-wrapper {
border-bottom: 1px solid #d7d7d7;
background-color: #fff;
position: relative;
width: 100%;
z-index: 99;
}
.breadcrumbs {
font-size: 13px;
}
.breadcrumbs a,
.breadcrumbs span {
margin-bottom: -1px;
margin-left: 0px;
padding: 8px 14px 8px 14px;
display: inline-block;
position: relative;
}
.breadcrumbs a:after,
.breadcrumbs span:after {
content: '';
position: absolute;
right: -8px;
top: 0;
width: 0px;
height: 0px;
border-style: solid;
border-width: 15px 0 15px 8px;
border-color: transparent transparent transparent #fff;
}
.breadcrumbs a:before,
.breadcrumbs span:before {
content: '';
position: absolute;
right: -11px;
top: 0;
width: 0px;
height: 0px;
border-style: solid;
border-width: 15px 0 15px 11px;
border-color: transparent transparent transparent #d7d7d7;
}
.breadcrumbs a:first-child {
background-color: #222;
color: #fff;
padding-top: 0;
padding-bottom: 0;
}
.breadcrumbs a:first-child:after {
border-color: transparent transparent transparent #222;
}
.breadcrumbs a:first-child:before {
border: none;
}
.breadcrumbs a:first-child i {
line-height: 30px;
font-size: 18px;
}
/*------------------------------------*\
$_Common
\*------------------------------------*/
#page > .container-wrapper > .container {
margin-top: 30px;
}
.container-wrapper {
padding: 106px 0 83px;
}
.section-heading {
margin-bottom: 25px;
}
.section-subheading {
margin-bottom: 20px;
}
.section-desc-wrapper {
margin: 20px 0 25px;
overflow: hidden;
height: 94px;
}
.section-desc {
overflow: hidden;
position: relative;
height: 66px;
}
.news-hero-image {
height: 711px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 100%;
}
.section-main:not(last-child) {
margin-bottom: 25px;
}
.section-desc--open .section-desc-end {
display: none;
}
.section-desc-end {
height: 30px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(245, 245, 245, 0)), color-stop(100%, #f5f5f5));
background: -moz-linear-gradient(rgba(245, 245, 245, 0), #f5f5f5);
background: -webkit-linear-gradient(rgba(245, 245, 245, 0), #f5f5f5);
background: linear-gradient(rgba(245, 245, 245, 0), #f5f5f5);
}
.section-desc-more {
display: inline-block;
float: right;
font-size: 18px;
}
.section-description-more {
font-size: 18px;
text-align: right;
padding: 5px 0;
}
.heading-underline {
padding-bottom: 12px;
border-bottom: 1px solid #555555;
margin-bottom: 0.7em;
}
.section-region {
margin-top: 35px;
padding-top: 30px;
border-top: 1px solid #d7d7d7;
}
.section-region .region-heading {
margin-top: 0;
margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
.container-wrapper > .container > * {
margin-top: 40px;
}
.container-wrapper > .container > *:first-child {
margin-top: 20px;
}
}
.categories-page {
padding: 30px 0 0 0 !important;
}
.categories-page .prod-cat-heading {
display: table-cell;
height: 65px;
padding-bottom: 10px;
vertical-align: bottom;
width: 420px;
text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.categories-page .prod-cat-heading {
width: 236px;
}
}
@media only screen and (max-width: 767px) {
.categories-page .prod-cat-heading {
width: 420px;
}
}
/*------------------------------------*\
$_Pagination
\*------------------------------------*/
.pagination {
overflow: hidden;
display: table;
text-align: center;
margin: 0 auto;
}
.pagination-prev,
.pagination-next,
.pagination-pages,
.pagination-pages li {
float: left;
}
.pagination-prev.active span,
.pagination-next.active span,
.pagination-pages.active span,
.pagination-pages li.active span {
background-color: transparent;
border: 2px solid #333;
padding: 7px 6px 5px;
}
.pagination-pages {
overflow: hidden;
}
.pagination-pages a {
background-color: #333;
color: #fff;
}
.pagination-pages a:hover {
background-color: #C50E5E;
}
.pagination a, .pagination span {
width: 32px;
height: 31px;
display: block;
margin-right: 1px;
padding: 9px 8px 7px;
min-width: 32px;
font-size: 13px;
line-height: 15px;
font-weight: bold;
text-align: center;
transition: background 0.35s;
-webkit-transition: background 0.35s;
-moz-transition: background 0.35s;
-o-transition: background 0.35s;
-ms-transition: background 0.35s;
}
.pagination .pagination-first,
.pagination .pagination-last {
padding-top: 4px;
font-size: 18px;
}
.pagination-prev i,
.pagination-next i {
font-size: 18px;
padding-top: 0;
padding-bottom: 0;
line-height: 14px;
-moz-transition: color, 0.35s;
-o-transition: color, 0.35s;
-webkit-transition: color, 0.35s;
transition: color, 0.35s;
}
/*------------------------------------*\
$_Polls
\*------------------------------------*/
.PollTitle {
display: block;
font-weight: bold;
margin-bottom: 14px;
line-height: 1.1;
color: #752A6F;
font-size: 1.28571em;
}
.PollQuestion {
display: block;
margin-bottom: 10px;
line-height: 1.4;
}
.PollControl input[type=radio] {
width: auto;
display: inline-block;
margin: 0;
}
.PollControl label {
display: inline-block;
margin: 0 0 0 8px;
}
.PollAnswer {
padding: 5px 0;
}
.PollFooter {
margin-top: 10px;
}
.PollFooter .PollVoteButton {
font-size: 1.05em;
}
.PollGraph > div {
background-color: #752a6f;
}
.PollCount {
text-align: right;
}
.PollResult {
display: block;
margin-top: 15px;
}
/*------------------------------------*\
$_Sidebar
\*------------------------------------*/
@media only screen and (max-width: 767px) {
.sidebar.alpha {
margin-bottom: 40px;
}
}
.side-heading {
margin-bottom: 20px;
}
.side-heading,
.side-heading a {
color: #752A6F !important;
}
.side-item {
margin-top: 45px;
}
.side-item:first-child {
margin-top: 0;
}
.link-list a, .side-nav > ul a {
display: block;
line-height: 1.4;
}
.link-list a.CMSListMenuLinkHighlighted, .side-nav > ul a.CMSListMenuLinkHighlighted {
color: #C50E5E;
}
.link-list > li, .side-nav > ul > li {
border-top: 1px solid #d7d7d7;
margin-top: 14px;
padding-top: 14px;
}
.link-list > li:first-child, .side-nav > ul > li:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.link-list > li > ul, .side-nav > ul > li > ul {
margin-top: 14px;
padding-left: 10px;
}
.link-list > li > ul > li, .side-nav > ul > li > ul > li {
margin-top: 14px;
}
.link-list > li > ul > li:first-child, .side-nav > ul > li > ul > li:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.link-list > li > ul > li > ul, .side-nav > ul > li > ul > li > ul {
margin-top: 14px;
}
.link-list > li > ul > li > ul > li, .side-nav > ul > li > ul > li > ul > li {
margin-top: 11px;
}
.link-list > li > ul > li > ul > li:first-child, .side-nav > ul > li > ul > li > ul > li:first-child {
margin-top: 0;
}
.link-list > li > ul > li > ul > li > a, .side-nav > ul > li > ul > li > ul > li > a {
font-size: 12px;
font-weight: bold;
}
/*#region Typography */
.sidebar .typography,
.sidebar.typography {
line-height: 1.4;
}
.sidebar .typography p,
.sidebar.typography p {
margin-bottom: 0.7em;
line-height: 1.7em;
}
/*#endregion */
.filters .user-filter {
overflow: hidden;
margin-bottom: 30px;
}
.filters .user-filter-heading {
margin-bottom: 8px;
}
.filters .user-filter-main {
border-bottom: 1px solid #d7d7d7;
padding-bottom: 6px;
}
.filters .user-filter-item {
padding: 6px 0;
overflow: hidden;
}
.filters .user-filter-item .item-remove {
margin-left: 2px;
}
.filters .user-filter-item .item-label,
.filters .user-filter-item .item-value,
.filters .user-filter-item .item-remove {
line-height: 1.4;
}
.filters .user-filter-item .item-label {
margin-right: 5px;
}
.filters .user-filter-item .item-value {
font-weight: bold;
}
.filters .user-filter-clear {
float: right;
text-decoration: underline;
margin-top: 10px;
}
.filters .filter {
margin-bottom: 30px;
}
.filters .filter:last-child {
margin-bottom: 0;
}
.filters .filter-heading {
border-bottom: 1px solid #d7d7d7;
padding-bottom: 10px;
margin-bottom: 10px;
}
.filters .filter-list .list-item {
display: block;
padding: 6px 0;
overflow: hidden;
}
.filters .filter-list .item-label,
.filters .filter-list .item-quantity {
line-height: 1.4;
}
.filters .filter-list .item-label {
margin-right: 2px;
}
.side-banner .banner-desc {
font-size: 13px;
margin-top: 12px;
color: #333;
}
/**
* Tag Cloud
*/
.TagCloud {
margin-bottom: -5px;
}
.TagCloud a {
display: inline-block;
position: relative;
padding: 4px 10px 6px 18px;
background-color: #E4E4E4;
border-radius: 15px 0 0 15px;
margin-right: 4px;
margin-bottom: 5px;
font-size: 12px !important;
}
.TagCloud a:before {
content: '';
display: block;
position: absolute;
width: 8px;
height: 8px;
border-radius: 8px;
background-color: #fff;
top: 50%;
left: 4px;
margin-top: -4px;
}
.TagCloud a:hover {
background-color: #C50E5E;
color: #fff;
}
/**
* Side post
*/
.sidebar .post {
margin-top: 30px;
color: inherit;
display: block;
}
.sidebar .post:first-child {
margin-top: 0;
}
.sidebar .post .post-heading {
line-height: 1.2;
}
.sidebar .post .postcontent .left {
margin-top: 9px;
}
.sidebar .post .item-meta {
margin: 13px 0 0;
}
.sidebar .post .meta-label {
margin-right: 4px;
}
.sidebar .post .meta-group {
margin-bottom: 9px;
margin-right: 7px;
}
.sidebar .post p {
font-size: 13px;
}
.double-col-purchase {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.double-col-purchase > div {
width: 420px;
}
.form-group {
margin-bottom: 25px;
}
/*#region Alternative form base */
.alt-form h1, .alt-form-inline h1, .alt-form h2, .alt-form-inline h2, .alt-form h3, .alt-form-inline h3, .alt-form h4, .alt-form-inline h4, .alt-form h5, .alt-form-inline h5, .alt-form h6, .alt-form-inline h6,
.typography .FormPanel h1,
.typography .FormPanel h2,
.typography .FormPanel h3,
.typography .FormPanel h4,
.typography .FormPanel h5,
.typography .FormPanel h6 {
margin-bottom: 1em;
}
.alt-form textarea, .alt-form-inline textarea,
.typography .FormPanel textarea {
height: auto;
}
.alt-form input[type=checkbox], .alt-form-inline input[type=checkbox],
.typography .FormPanel input[type=checkbox] {
margin-right: 5px;
}
.alt-form .selectboxit, .alt-form-inline .selectboxit,
.typography .FormPanel .selectboxit {
display: block;
margin: 0;
padding: 0 !important;
height: 34px;
color: #333;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.alt-form .selectboxit-open, .alt-form-inline .selectboxit-open,
.typography .FormPanel .selectboxit-open {
border-color: #752A6F;
outline: none;
border-bottom: 0 none;
}
.alt-form .selectboxit-open + .selectboxit-options, .alt-form-inline .selectboxit-open + .selectboxit-options,
.typography .FormPanel .selectboxit-open + .selectboxit-options {
border: 1px solid #752A6F;
outline: none;
border-top: 0 none;
}
.alt-form .selectboxit-btn, .alt-form-inline .selectboxit-btn,
.typography .FormPanel .selectboxit-btn {
background-image: none;
}
.alt-form .selectboxit-text, .alt-form-inline .selectboxit-text,
.typography .FormPanel .selectboxit-text {
line-height: 32px !important;
}
.alt-form .selectboxit-container, .alt-form-inline .selectboxit-container,
.typography .FormPanel .selectboxit-container {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
height: 34px;
vertical-align: middle;
text-align: left;
}
.alt-form .selectboxit-container span, .alt-form-inline .selectboxit-container span, .alt-form .selectboxit-container .selectboxit-options a, .alt-form-inline .selectboxit-container .selectboxit-options a,
.typography .FormPanel .selectboxit-container span,
.typography .FormPanel .selectboxit-container .selectboxit-options a {
height: 34px;
/* Height of the drop down */
line-height: 34px;
/* Vertically positions the drop down text */
}
.alt-form ul.selectboxit-options, .alt-form-inline ul.selectboxit-options,
.typography .FormPanel ul.selectboxit-options {
max-height: 189px;
/* A vertical scrollbar appears if your select box options are taller than this */
min-width: 100% !important;
font-family: inherit;
background-color: #fff;
border: 1px #752A6F solid;
border-top: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 0 !important;
margin: -2px 0 0 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.alt-form .selectboxit-options li, .alt-form-inline .selectboxit-options li, .alt-form .selectboxit-options .selectboxit-optgroup-header, .alt-form-inline .selectboxit-options .selectboxit-optgroup-header,
.typography .FormPanel .selectboxit-options li,
.typography .FormPanel .selectboxit-options .selectboxit-optgroup-header {
line-height: 23px;
/* Height of Individual Select Box Options */
text-indent: 5px;
/* Horizontal Positioning of the select box option text */
overflow: hidden;
white-space: nowrap;
list-style: none;
margin: 0;
}
.alt-form .selectboxit-option-last, .alt-form-inline .selectboxit-option-last, .alt-form .selectboxit-option-first, .alt-form-inline .selectboxit-option-first,
.typography .FormPanel .selectboxit-option-last,
.typography .FormPanel .selectboxit-option-first {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.alt-form .selectboxit-options li a, .alt-form-inline .selectboxit-options li a,
.typography .FormPanel .selectboxit-options li a {
color: #333;
text-decoration: none;
}
.alt-form .selectboxit-options .selectboxit-selected a, .alt-form-inline .selectboxit-options .selectboxit-selected a,
.typography .FormPanel .selectboxit-options .selectboxit-selected a {
color: #752A6F;
}
.alt-form .selectboxit-list > .selectboxit-focus > a, .alt-form-inline .selectboxit-list > .selectboxit-focus > a,
.alt-form .selectboxit-list > .selectboxit-focus > a:hover,
.alt-form-inline .selectboxit-list > .selectboxit-focus > a:hover,
.alt-form .selectboxit-list > .selectboxit-focus > a:focus,
.alt-form-inline .selectboxit-list > .selectboxit-focus > a:focus,
.typography .FormPanel .selectboxit-list > .selectboxit-focus > a,
.typography .FormPanel .selectboxit-list > .selectboxit-focus > a:hover,
.typography .FormPanel .selectboxit-list > .selectboxit-focus > a:focus {
color: #cccccc;
background-color: #752A6F;
background-image: none;
}
.alt-form .selectboxit-arrow, .alt-form-inline .selectboxit-arrow,
.typography .FormPanel .selectboxit-arrow {
top: 40% !important;
}
.alt-form .selectboxit-arrow-icon, .alt-form-inline .selectboxit-arrow-icon,
.typography .FormPanel .selectboxit-arrow-icon {
background-position: 0 -32px;
width: 18px;
height: 9px;
}
.alt-form .selectboxit-btn.selectboxit-enabled:hover, .alt-form-inline .selectboxit-btn.selectboxit-enabled:hover,
.alt-form .selectboxit-btn.selectboxit-enabled:focus,
.alt-form-inline .selectboxit-btn.selectboxit-enabled:focus,
.alt-form .selectboxit-btn.selectboxit-enabled:active,
.alt-form-inline .selectboxit-btn.selectboxit-enabled:active,
.typography .FormPanel .selectboxit-btn.selectboxit-enabled:hover,
.typography .FormPanel .selectboxit-btn.selectboxit-enabled:focus,
.typography .FormPanel .selectboxit-btn.selectboxit-enabled:active {
color: #333;
background-color: #fff;
}
.alt-form fieldset, .alt-form-inline fieldset,
.typography .FormPanel fieldset {
position: relative;
padding-top: 18px;
background-color: #dfe0e0;
border: 1px #6D6F71 solid;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin: 40px 0 10px;
}
.alt-form fieldset legend, .alt-form-inline fieldset legend,
.typography .FormPanel fieldset legend {
position: absolute;
top: -31px;
background-color: #dfe0e0;
font-size: 15px;
margin-left: 8px;
padding: 2px 12px;
border: 1px #6D6F71 solid;
border-bottom: 1px #dfe0e0 solid;
-webkit-border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
}
.alt-form .PasswStrenghtIndicator, .alt-form-inline .PasswStrenghtIndicator,
.typography .FormPanel .PasswStrenghtIndicator {
margin-bottom: 9px;
}
.alt-form table.EditingFormTable, .alt-form-inline table.EditingFormTable,
.alt-form table.EditingFormTable table,
.alt-form-inline table.EditingFormTable table,
.typography .FormPanel table.EditingFormTable,
.typography .FormPanel table.EditingFormTable table {
width: 100%;
border: 0 none !important;
}
.alt-form table.EditingFormTable input[type=text], .alt-form-inline table.EditingFormTable input[type=text],
.alt-form table.EditingFormTable input[type=password],
.alt-form-inline table.EditingFormTable input[type=password],
.alt-form table.EditingFormTable .selectboxit,
.alt-form-inline table.EditingFormTable .selectboxit,
.alt-form table.EditingFormTable textarea,
.alt-form-inline table.EditingFormTable textarea,
.alt-form table.EditingFormTable table input[type=text],
.alt-form-inline table.EditingFormTable table input[type=text],
.alt-form table.EditingFormTable table input[type=password],
.alt-form-inline table.EditingFormTable table input[type=password],
.alt-form table.EditingFormTable table .selectboxit,
.alt-form-inline table.EditingFormTable table .selectboxit,
.alt-form table.EditingFormTable table textarea,
.alt-form-inline table.EditingFormTable table textarea,
.typography .FormPanel table.EditingFormTable input[type=text],
.typography .FormPanel table.EditingFormTable input[type=password],
.typography .FormPanel table.EditingFormTable .selectboxit,
.typography .FormPanel table.EditingFormTable textarea,
.typography .FormPanel table.EditingFormTable table input[type=text],
.typography .FormPanel table.EditingFormTable table input[type=password],
.typography .FormPanel table.EditingFormTable table .selectboxit,
.typography .FormPanel table.EditingFormTable table textarea {
display: inline-block;
}
.alt-form table.EditingFormTable th, .alt-form-inline table.EditingFormTable th, .alt-form table.EditingFormTable td, .alt-form-inline table.EditingFormTable td,
.alt-form table.EditingFormTable table th,
.alt-form-inline table.EditingFormTable table th,
.alt-form table.EditingFormTable table td,
.alt-form-inline table.EditingFormTable table td,
.typography .FormPanel table.EditingFormTable th,
.typography .FormPanel table.EditingFormTable td,
.typography .FormPanel table.EditingFormTable table th,
.typography .FormPanel table.EditingFormTable table td {
border: 0 none !important;
padding-left: 0;
}
.alt-form table.EditingFormTable th .TextBoxField, .alt-form-inline table.EditingFormTable th .TextBoxField,
.alt-form table.EditingFormTable th .TextAreaField,
.alt-form-inline table.EditingFormTable th .TextAreaField, .alt-form table.EditingFormTable td .TextBoxField, .alt-form-inline table.EditingFormTable td .TextBoxField,
.alt-form table.EditingFormTable td .TextAreaField,
.alt-form-inline table.EditingFormTable td .TextAreaField,
.alt-form table.EditingFormTable table th .TextBoxField,
.alt-form-inline table.EditingFormTable table th .TextBoxField,
.alt-form table.EditingFormTable table th .TextAreaField,
.alt-form-inline table.EditingFormTable table th .TextAreaField,
.alt-form table.EditingFormTable table td .TextBoxField,
.alt-form-inline table.EditingFormTable table td .TextBoxField,
.alt-form table.EditingFormTable table td .TextAreaField,
.alt-form-inline table.EditingFormTable table td .TextAreaField,
.typography .FormPanel table.EditingFormTable th .TextBoxField,
.typography .FormPanel table.EditingFormTable th .TextAreaField,
.typography .FormPanel table.EditingFormTable td .TextBoxField,
.typography .FormPanel table.EditingFormTable td .TextAreaField,
.typography .FormPanel table.EditingFormTable table th .TextBoxField,
.typography .FormPanel table.EditingFormTable table th .TextAreaField,
.typography .FormPanel table.EditingFormTable table td .TextBoxField,
.typography .FormPanel table.EditingFormTable table td .TextAreaField {
width: 100%;
}
.alt-form table.EditingFormTable .EditingFormLabelCell, .alt-form-inline table.EditingFormTable .EditingFormLabelCell,
.alt-form table.EditingFormTable table .EditingFormLabelCell,
.alt-form-inline table.EditingFormTable table .EditingFormLabelCell,
.typography .FormPanel table.EditingFormTable .EditingFormLabelCell,
.typography .FormPanel table.EditingFormTable table .EditingFormLabelCell {
padding-top: 15px;
width: 30%;
}
.alt-form .CaptchaTable, .alt-form-inline .CaptchaTable,
.typography .FormPanel .CaptchaTable {
margin-top: 5px;
margin-bottom: 10px;
}
.alt-form .CaptchaTable td, .alt-form-inline .CaptchaTable td,
.typography .FormPanel .CaptchaTable td {
vertical-align: middle;
padding: 0;
}
.alt-form .CaptchaTextBox, .alt-form-inline .CaptchaTextBox,
.typography .FormPanel .CaptchaTextBox {
margin-bottom: 0 !important;
}
/*#endregion*/
.alt-form-inline input[type=text],
.alt-form-inline input[type=password],
.alt-form-inline .selectboxit,
.alt-form-inline textarea {
display: inline-block;
}
.alt-form-inline input[type=text],
.alt-form-inline input[type=email],
.alt-form-inline input[type=password] {
padding: 6px 12px;
}
.alt-form-inline input[type=submit],
.alt-form-inline input[type=button] {
margin: 0;
}
/* =====[ MESSAGE ]============================================================================== */
[data-ui="message"] {
position: relative;
margin-bottom: 8px;
overflow: hidden;
padding: 17px 63px 15px 21px;
font-size: 15px;
line-height: 28px;
}
[data-ui="message"] .close {
position: absolute;
top: 24px;
right: 24px;
width: 15px;
height: 15px;
cursor: pointer;
background-repeat: no-repeat;
}
[data-ui="message"] b {
font-weight: bold;
}
/* -----[ INFO ]--------------------------------------------------------------------------------- */
.info {
padding: 53px 0;
}
.info h1 {
margin-bottom: 9px;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 66px;
}
.info p {
font-size: 18px;
line-height: 28px;
}
.info p + p {
margin-top: 28px;
}
/* -----[ BLOCKQUOTE ]--------------------------------------------------------------------------- */
blockquote {
border-left: 3px solid;
padding: 3px 19px 5px;
font-size: 13px;
line-height: 22px;
quotes: none;
}
blockquote:before,
blockquote:after {
content: none;
}
.info-box, .warning-box, .error-box, .success-box,
.ErrorLabel, .EditingFormErrorLabel,
.InfoLabel {
font-size: 12px;
font-weight: bold;
line-height: 17px;
text-align: left;
padding: 5px 5px 5px 25px;
display: block;
color: #ffffff;
margin: -5px 0 10px;
}
.info-box:before, .warning-box:before, .error-box:before, .success-box:before,
.ErrorLabel:before, .EditingFormErrorLabel:before,
.InfoLabel:before {
content: '';
position: absolute;
margin-left: -20px;
}
.error-box,
.ErrorLabel, .EditingFormErrorLabel {
background-color: #A94848;
}
.error-box:before,
.ErrorLabel:before, .EditingFormErrorLabel:before {
background: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png') 0 -121px no-repeat;
width: 16px;
height: 16px;
}
.info-box {
background-color: #72BECF;
}
.info-box:before {
background: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png') 0 -239px no-repeat;
width: 16px;
height: 17px;
}
.warning-box {
background-color: #F1E471;
color: #555;
}
.warning-box:before {
background: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png') 0 0 no-repeat;
width: 16px;
height: 16px;
}
.success-box,
.InfoLabel {
background-color: #7CBD50;
}
.success-box:before,
.InfoLabel:before {
background: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png') 0 -400px no-repeat;
width: 16px;
height: 16px;
}
/*------------------------------------*\
$_Icons
\*------------------------------------*/
.ico, .ico16, .ico-author, .ico-comments, .ico-tag {
position: relative;
}
.ico:before, .ico16:before, .ico-author:before, .ico-comments:before, .ico-tag:before {
display: block;
position: absolute;
content: "";
top: 0;
left: 0;
}
.ico16, .ico-author, .ico-comments, .ico-tag {
padding-left: 20px;
}
.ico-author:before {
background: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png') 0 -57px no-repeat;
width: 16px;
height: 16px;
}
.ico-comments:before {
background: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png') 0 -89px no-repeat;
width: 16px;
height: 16px;
}
.ico-tag:before {
background: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png') 0 -368px no-repeat;
width: 16px;
height: 16px;
}
.pager {
margin: 10px 10px 0;
text-align: center;
}
.pager-number,
.pager-previous-group,
.pager-next-group, .pager-current, .pager-first,
.pager-last,
.pager-previous,
.pager-next {
display: inline-block;
border: 1px solid transparent;
padding: 3px;
width: 24px;
font-family: "Open Sans", Arial, sans-serif;
text-align: center;
vertical-align: middle;
}
.pager-number:hover,
.pager-previous-group:hover,
.pager-next-group:hover, .pager-first:hover,
.pager-last:hover,
.pager-previous:hover,
.pager-next:hover {
border: 1px solid #32A3C5;
color: #32A3C5;
-moz-transition-property: border;
-o-transition-property: border;
-webkit-transition-property: border;
transition-property: border;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.pager-number,
.pager-previous-group,
.pager-next-group {
text-decoration: none;
color: #32A3C5;
}
.pager-current {
border: 1px solid #32A3C5;
background-color: #32A3C5;
color: #fff;
}
.pager-first,
.pager-last,
.pager-previous,
.pager-next {
text-indent: -999px;
text-decoration: none;
height: auto;
}
.pager-first {
background: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png') 3px -150px no-repeat;
}
.pager-last {
background: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png') 3px -269px no-repeat;
}
.pager-previous {
background: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png') 3px -333px no-repeat;
}
.pager-next {
background: url('Images/newsletter-icons/mailchimp/icons-s13f95662b1.png') 3px -301px no-repeat;
}
#ctl00_plcMainWrapper_plcMain_SearchResults_pgrSearch {
float: left;
width: 100%;
clear: both;
}
/* -----[ SLIDER ]------------------------------------------------------------------------------- */
.slider {
position: relative;
line-height: 0;
}
.slider .arrow {
cursor: pointer;
background: no-repeat center center;
transition: background 0.35s;
-webkit-transition: background 0.35s;
-moz-transition: background 0.35s;
-o-transition: background 0.35s;
-ms-transition: background 0.35s;
}
.slider ul,
.slider li,
.slider .wrapper,
.slider .center {
width: 100%;
height: 100%;
}
.slider ul {
position: relative;
}
.slider li {
position: absolute;
text-align: center;
}
.slider .wrapper {
display: inline-block;
position: relative;
vertical-align: top;
padding: 0 68px;
width: 100%;
max-width: 1096px;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.slider .background {
-moz-background-size: cover !important;
-o-background-size: cover !important;
-webkit-background-size: cover !important;
background-size: cover !important;
}
.slider li > .wrapper,
.slider li > .background {
transition: all 1s linear;
z-index: 9999;
}
.slider li.animate-in > .wrapper,
.slider li.animate-in > .background {
z-index: 9998;
/* or some other property as long as it changes */
}
@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
.slider .background {
-webkit-background-size: auto 250%;
}
}
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
.slider .background {
-webkit-background-size: 120% auto;
}
}
.slider .background,
.slider .pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slider .pattern {
background-attachment: fixed;
}
.slider .center {
display: table;
width: 100%;
}
.slider .content {
display: table-cell;
padding: 10px;
vertical-align: middle;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 300;
}
.slider .content > * {
position: relative;
display: inline-block;
padding: 9px 18px;
font-size: 24px;
line-height: 36px;
}
.slider .content > * + * {
margin-top: 9px;
}
.slider .content img {
max-width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.slider .content .slider-image {
display: inline-block;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
padding: 0;
margin: 10px;
}
.slider .content h2 {
padding: 16px;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 66px;
}
.slider .content h3 {
padding: 16px;
}
.slider .content h3,
.slider .content h3 a {
font-family: Textbook;
font-size: 40px;
line-height: 44px;
}
.slider .content h3 a:hover {
text-decoration: underline;
}
.slider .content .big {
padding: 13px;
font-size: 63px;
line-height: 72px;
}
.slider .content .button, .slider .content input[type="button"],
.slider .content input[type="submit"],
.slider .content button[type="submit"], .slider .content .comments-wrapper .BoardSubscribe, .comments-wrapper .slider .content .BoardSubscribe {
display: inline-block;
font-size: 18px;
font-weight: bold;
transition-duration: 0.35s;
-webkit-transition-duration: 0.35s;
-moz-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
-ms-transition-duration: 0.35s;
}
.slider li {
opacity: 0 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
filter: alpha(opacity=0) !important;
transition: opacity 0.7s !important;
-webkit-transition: opacity 0.7s !important;
-moz-transition: opacity 0.7s !important;
-o-transition: opacity 0.7s !important;
-ms-transition: opacity 0.7s !important;
}
.slider li.animate-in {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
}
.slider li .fade {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
-ms-transition: opacity 0.7s;
}
.slider li.animate-in .fade {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.slider li .delay {
transition-delay: 0.40s !important;
-webkit-transition-delay: 0.40s !important;
-moz-transition-delay: 0.40s !important;
-o-transition-delay: 0.40s !important;
-ms-transition-delay: 0.40s !important;
}
.slider li.animate-out .delay {
transition-delay: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-ms-transition-delay: 0;
}
.slider li .left,
.slider li .right,
.slider li .up,
.slider li .down {
transition: transform 0.7s;
-webkit-transition: -webkit-transform 0.7s;
-moz-transition: -moz-transform 0.7s;
-o-transition: -o-transform 0.7s;
-ms-transition: -ms-transform 0.7s;
}
.slider li .left {
transform: translate(-100px, 0);
-webkit-transform: translate(-100px, 0);
-moz-transform: translate(-100px, 0);
-o-transform: translate(-100px, 0);
-ms-transform: translate(-100px, 0);
}
.slider li .right {
transform: translate(100px, 0);
-webkit-transform: translate(100px, 0);
-moz-transform: translate(100px, 0);
-o-transform: translate(100px, 0);
-ms-transform: translate(100px, 0);
}
.slider li .up {
transform: translate(0, 100px);
-webkit-transform: translate(0, 100px);
-moz-transform: translate(0, 100px);
-o-transform: translate(0, 100px);
-ms-transform: translate(0, 100px);
}
.slider li .down {
transform: translate(0, -100px);
-webkit-transform: translate(0, -100px);
-moz-transform: translate(0, -100px);
-o-transform: translate(0, -100px);
-ms-transform: translate(0, -100px);
}
.slider li.animate-in .left,
.slider li.animate-in .right,
.slider li.animate-in .up,
.slider li.animate-in .down {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}
.slider li .moveleft,
.slider li .moveright,
.slider li .moveup,
.slider li .movedown {
transition: transform 1s;
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
-o-transition: -o-transform 1s;
-ms-transition: -ms-transform 1s;
}
.slider li .moveleft {
transform: translate(-2000px, 0);
-webkit-transform: translate(-2000px, 0);
-moz-transform: translate(-2000px, 0);
-o-transform: translate(-2000px, 0);
-ms-transform: translate(-2000px, 0);
}
.slider li .moveright {
transform: translate(2000px, 0);
-webkit-transform: translate(2000px, 0);
-moz-transform: translate(2000px, 0);
-o-transform: translate(2000px, 0);
-ms-transform: translate(2000px, 0);
}
.slider li .moveup {
transform: translate(0, 600px);
-webkit-transform: translate(0, 600px);
-moz-transform: translate(0, 600px);
-o-transform: translate(0, 600px);
-ms-transform: translate(0, 600px);
}
.slider li .movedown {
transform: translate(0, -600px);
-webkit-transform: translate(0, -600px);
-moz-transform: translate(0, -600px);
-o-transform: translate(0, -600px);
-ms-transform: translate(0, -600px);
}
.slider li.animate-in .moveleft,
.slider li.animate-in .moveright,
.slider li.animate-in .moveup,
.slider li.animate-in .movedown {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}
@media screen and (max-width: 767px) {
.slider .wrapper {
padding-left: 0;
padding-right: 0;
}
.slider .content > * {
font-size: 18px;
line-height: 26px;
}
.slider .content .big {
font-size: 34px;
line-height: 37px;
}
.slider .content h2,
.slider .content h3,
.slider .content h3 a {
font-size: 30px;
line-height: 33px;
}
}
/* =====[ TABS ]================================================================================= */
/* -----[ MENU ]--------------------------------------------------------------------------------- */
[data-ui="tabs"] .menu {
position: relative;
border-bottom: 2px solid;
}
[data-ui="tabs"] .menu ul {
overflow: hidden;
}
[data-ui="tabs"] .menu li {
float: left;
padding: 15px 29px 12px;
min-width: 40px;
font-size: 15px;
line-height: 17px;
font-weight: bold;
cursor: pointer;
transition: color 0.35s, background 0.35s;
-webkit-transition: color 0.35s, background 0.35s;
-moz-transition: color 0.35s, background 0.35s;
-o-transition: color 0.35s, background 0.35s;
-ms-transition: color 0.35s, background 0.35s;
}
[data-ui="tabs"] .menu li + li {
margin-left: 6px;
}
[data-ui="tabs"] .menu li.active {
cursor: default;
}
[data-ui="tabs"] .menu .switch {
display: none;
position: absolute;
top: 8px;
right: 8px;
border: 2px solid;
border-radius: 3px;
padding: 0;
width: 47px;
height: 30px;
cursor: pointer;
background: no-repeat center center;
transition: border-color 0.35s;
-webkit-transition: border-color 0.35s;
-moz-transition: border-color 0.35s;
-o-transition: border-color 0.35s;
-ms-transition: border-color 0.35s;
}
[data-ui="tabs"].shrink .menu {
min-height: 48px;
}
[data-ui="tabs"].shrink .menu ul {
margin-right: 67px;
padding: 6px 0;
}
[data-ui="tabs"].shrink .menu li {
margin: 0;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
[data-ui="tabs"].shrink .menu .switch {
display: block;
}
/* -----[ PANELS ]------------------------------------------------------------------------------- */
[data-ui="tabs"] .panels {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
overflow: hidden;
padding: 21px 27px 25px;
}
[data-ui="tabs"] .panels ul {
position: relative;
}
[data-ui="tabs"] .panels li {
position: absolute;
top: 0;
left: 0;
right: 0;
font-size: 14px;
line-height: 28px;
}
[data-ui="tabs"] .panels li > * + * {
margin-top: 28px;
}
[data-ui="tabs"] .panels li.active {
position: relative;
}
/* =====[ ACCORDION ]============================================================================ */
[data-ui="accordion"] li + li {
margin-top: 8px;
}
[data-ui="accordion"] .label {
padding: 24px 75px 24px 24px;
font-size: 18px;
line-height: 20px;
font-weight: bold;
background: no-repeat right center;
cursor: pointer;
transition: color 0.35s, background 0.35s;
-webkit-transition: color 0.35s, background 0.35s;
-moz-transition: color 0.35s, background 0.35s;
-o-transition: color 0.35s, background 0.35s;
-ms-transition: color 0.35s, background 0.35s;
}
[data-ui="accordion"] .content {
display: none;
padding: 24px;
font-size: 14px;
line-height: 28px;
}
[data-ui="accordion"] .content > * + * {
margin-top: 28px;
}
/* =====[ LIGHTBOX ]============================================================================= */
.fancybox-overlay,
.fancybox-wrap .fancybox-close,
.fancybox-wrap .fancybox-nav,
.fancybox-wrap .fancybox-nav span,
#fancybox-loading,
#fancybox-loading div {
background: none;
}
.fancybox-wrap {
-moz-box-shadow: 0 10px 100px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 10px 100px rgba(0, 0, 0, 0.6);
box-shadow: 0 10px 100px rgba(0, 0, 0, 0.6);
}
.fancybox-wrap .fancybox-skin {
border-radius: 0;
}
.fancybox-wrap .fancybox-nav {
left: auto;
}
.fancybox-wrap .fancybox-nav span {
margin: 0;
top: 0;
left: 0;
}
.fancybox-wrap .fancybox-close,
.fancybox-wrap .fancybox-nav,
.fancybox-wrap .fancybox-prev span,
.fancybox-wrap .fancybox-next span {
width: 37px;
height: 37px;
}
.fancybox-wrap .fancybox-close,
.fancybox-wrap .fancybox-prev span,
.fancybox-wrap .fancybox-next span {
visibility: visible;
top: 0;
background-repeat: no-repeat;
background-position: center center;
transition: background 0.35s;
-webkit-transition: background 0.35s;
-moz-transition: background 0.35s;
-o-transition: background 0.35s;
-ms-transition: background 0.35s;
}
.fancybox-wrap .fancybox-close {
right: 0;
}
.fancybox-wrap .fancybox-next {
right: 38px;
}
.fancybox-wrap .fancybox-prev {
right: 76px;
}
.fancybox-wrap .fancybox-title {
padding: 26px 25px;
}
.fancybox-wrap .fancybox-title h2 {
margin-bottom: 11px;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 25px;
line-height: 27px;
}
.fancybox-wrap .fancybox-title p {
margin-bottom: 23px;
font-size: 14px;
line-height: 24px;
}
.fancybox-wrap .fancybox-title p:last-child {
margin-bottom: 0;
}
.fancybox-wrap .fancybox-title a {
display: inline-block;
padding: 8px;
min-width: 100px;
font-size: 13px;
line-height: 15px;
font-weight: bold;
text-align: center;
transition: background 0.35s;
-webkit-transition: background 0.35s;
-moz-transition: background 0.35s;
-o-transition: background 0.35s;
-ms-transition: background 0.35s;
}
.fancybox-overlay {
background-color: rgba(255, 255, 255, 0.6);
}
#fancybox-loading {
opacity: 0.9;
}
#fancybox-loading div {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 48px;
height: 48px;
background: #1A1C1E url('Images/preloader.gif') no-repeat center center;
padding: 15px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
}
.fancybox-wrap .fancybox-close,
.fancybox-wrap .fancybox-prev span,
.fancybox-wrap .fancybox-next span {
background-color: #000;
}
.fancybox-wrap .fancybox-close {
background-image: url('Images/close2.png');
}
.fancybox-wrap .fancybox-prev span {
background-image: url('Images/left_small.png');
}
.fancybox-wrap .fancybox-next span {
background-image: url('Images/right_small.png');
}
.fancybox-skin {
background-color: #fff;
}
.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover {
background-color: #752A6F;
}
.fancybox-title a {
color: #fff;
background-color: #752A6F;
}
.fancybox-title a:hover {
background-color: #333;
}
/* =====[ BLOG ]================================================================================= */
.blog .info {
background-color: #f8f9f9;
}
/* -----[ CONTENT ]------------------------------------------------------------------------------ */
.blog #content h2,
.blog #content h2 a {
color: #752A6F;
}
.blog #content h2 a:hover {
color: #333;
}
/* -----[ POST ]--------------------------------------------------------------------------------- */
.postcontent .date,
.main-section .date {
color: #bcbcc4;
}
.blog .postcontent a.date:hover {
color: #333;
}
.blog .postcontent .data {
color: #bcbcc4;
}
/* -----[ COMMENTS ]----------------------------------------------------------------------------- */
.comments-wrapper {
margin-top: 70px;
}
.comments-wrapper .comment {
margin-bottom: 40px;
}
.comments-wrapper .comment-side {
float: right;
}
.comments-wrapper .comment .user {
color: #752A6F;
display: inline-block;
margin-bottom: 4px;
font-family: "Open Sans", Arial, sans-serif;
font-size: 25px;
line-height: 28px;
transition: color 0.35s;
-webkit-transition: color 0.35s;
-moz-transition: color 0.35s;
-o-transition: color 0.35s;
-ms-transition: color 0.35s;
}
.comments-wrapper .comment .user:hover {
color: #333;
}
.comments-wrapper .comment .data {
color: #bcbcc4;
}
.comments-wrapper .comment .data b {
color: #333;
}
.comments-wrapper .comment small {
font-size: 11px;
}
.comments-wrapper .comment .data a {
color: #752A6F;
}
.comments-wrapper .BoardPanel {
position: relative;
margin-top: 30px;
}
.comments-wrapper .BoardPanel .CheckBoxMovedLeft {
display: block;
margin-bottom: 10px;
}
.comments-wrapper .BoardPanel .CheckBoxMovedLeft input[type=checkbox] {
margin-right: 7px;
}
.comments-wrapper #MessageEditFormAnchor {
position: absolute;
top: -100px;
height: 0;
}
.comments-wrapper .MessageEdit, .comments-wrapper .BoardNewPost {
margin-top: 30px;
}
.comments-wrapper .message {
margin-top: 10px;
}
.comments-wrapper .CheckBoxMovedLeft label {
display: inline;
}
.comments-wrapper .comment-subscribe {
text-align: right;
}
@media only screen and (max-width: 767px) {
.comment-side {
float: none !important;
margin: 5px 0;
}
.comment-subscribe {
margin-top: 12px;
}
.comment-subscribe a {
font-size: 1em !important;
white-space: normal !important;
text-align: center !important;
}
}
/* -----[ PAGINATION ]--------------------------------------------------------------------------- */
.blog .pagination a {
color: #fff;
background-color: #0f0f0f;
}
.blog .pagination a.active,
.blog .pagination a:hover {
background-color: #752A6F;
}
/* -----[ SIDEBAR ]------------------------------------------------------------------------------ */
.blog .sidebar li {
background-image: url("./assets/list.png");
}
.blog .sidebar .tweet .date {
color: #bcbcc4;
}
.blog .sidebar .tweet .message a {
color: #752A6F;
}
/* =====[ BLOG ]================================================================================= */
.blog .info {
padding-bottom: 66px;
}
/* -----[ CONTENT ]------------------------------------------------------------------------------ */
.blog {
padding-top: 20px;
}
.blog h2,
.blog h2 a {
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 25px;
line-height: 28px;
}
.blog h2 a {
color: #752A6F;
transition: color 0.35s;
-webkit-transition: color 0.35s;
-moz-transition: color 0.35s;
-o-transition: color 0.35s;
-ms-transition: color 0.35s;
}
.blog h2 a:hover {
text-decoration: none;
color: #C50E5E;
}
.blog .main {
padding-top: 6px;
}
/* -----[ POST ]--------------------------------------------------------------------------------- */
.blog .post {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #d7d7d7;
overflow: hidden;
}
.blog .post .image,
.blog .post .video {
display: block;
position: relative;
margin-bottom: 20px;
}
.blog .post .image img {
width: 100%;
vertical-align: top;
}
.blog .post .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.blog .postcontent {
display: table;
width: 100%;
}
.blog .postcontent .left,
.blog .postcontent .right {
display: table-cell;
vertical-align: top;
}
.blog .postcontent .left {
width: 83px;
}
.blog .postcontent .date,
.main-section .date {
display: inline-block;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 15px;
line-height: 16px;
text-align: center;
}
.row-date {
display: flex;
justify-content: flex-start;
align-items: baseline;
margin-bottom: 25px;
}
.blog .postcontent a.date {
transition: color 0.35s;
-webkit-transition: color 0.35s;
-moz-transition: color 0.35s;
-o-transition: color 0.35s;
-ms-transition: color 0.35s;
}
.blog .postcontent .date span,
.main-section .date span {
display: block;
}
.blog .postcontent .date span:first-child,
.main-section .date span:first-child {
font-size: 48px;
line-height: 48px;
}
.blog .postcontent h2 {
margin-bottom: 8px;
margin-top: 4px;
}
.blog .postcontent .data {
margin-bottom: 21px;
}
.blog .postcontent .data,
.blog .postcontent .data a {
font-size: 13px;
line-height: 15px;
font-weight: bold;
}
.blog .postcontent .data a:hover {
text-decoration: underline;
}
.blog .postcontent p {
font-size: 13px;
line-height: 22px;
}
.blog .postcontent p + p {
margin-top: 22px;
}
.blog .postcontent [data-ui="button"] {
margin-top: 20px;
}
/* -----[ COMMENTS ]----------------------------------------------------------------------------- */
.blog #comments {
margin-top: -24px;
}
.blog #comments h2 {
margin-bottom: 35px;
}
.blog #comments h2,
.blog #comments h2 a {
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 25px;
line-height: 28px;
}
.blog .comment {
display: table;
}
.blog .comment,
.blog #respond {
margin-bottom: 54px;
}
.blog .comment .left,
.blog .comment .right {
display: table-cell;
vertical-align: top;
}
.blog .comment .left {
padding-right: 21px;
}
.blog .comment .right {
padding-top: 7px;
}
.blog .comment .avatar {
display: inline-block;
vertical-align: top;
}
.blog .comment .avatar img {
border-radius: 50%;
vertical-align: top;
}
.blog .comment .user {
display: inline-block;
margin-bottom: 4px;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 25px;
line-height: 28px;
transition: color 0.35s;
-webkit-transition: color 0.35s;
-moz-transition: color 0.35s;
-o-transition: color 0.35s;
-ms-transition: color 0.35s;
}
.blog .comment .data {
margin-bottom: 18px;
font-size: 13px;
line-height: 15px;
font-weight: bold;
}
.blog .comment .data a {
text-decoration: none;
}
.blog .comment .data a:hover {
text-decoration: underline;
}
.blog .comment .message {
font-size: 13px;
line-height: 22px;
}
.blog #comments .children {
margin-left: 80px;
}
@media screen and (max-width: 479px) {
.blog #comments .children {
margin-left: 30px;
}
}
.blog #comments .children li {
display: inline;
vertical-align: top;
}
/* -----[ COMMENT FORM ]------------------------------------------------------------------------- */
.blog #commentform .form-submit {
text-align: right;
}
.blog #commentform .form-submit input,
.blog #cancel-comment-reply-link {
display: none;
}
/* -----[ PAGINATION ]--------------------------------------------------------------------------- */
.blog .pagination {
overflow: hidden;
padding: 10px 0 80px;
}
.blog #comments + .pagination {
padding-top: 32px;
}
.blog .pagination a {
display: block;
float: left;
margin-right: 1px;
padding: 9px 8px 7px;
min-width: 17px;
font-size: 13px;
line-height: 15px;
font-weight: bold;
text-align: center;
transition: background 0.35s;
-webkit-transition: background 0.35s;
-moz-transition: background 0.35s;
-o-transition: background 0.35s;
-ms-transition: background 0.35s;
}
.blog .pagination a.active {
cursor: default;
}
/* -----[ SIDEBAR ]------------------------------------------------------------------------------ */
.blog .sidebar {
padding-bottom: 60px;
}
.blog .sidebar h2 {
margin-bottom: 14px;
}
.blog .sidebar * + h2 {
margin-top: 52px;
}
.blog .sidebar li {
padding-left: 23px;
background: no-repeat 9px 6px;
}
.blog .sidebar li + li {
margin-top: 8px;
}
.blog .sidebar li a:hover {
text-decoration: underline;
}
.blog .sidebar .tweet {
padding: 4px 0 32px;
}
.blog .sidebar .tweet .date {
margin-bottom: 5px;
font-size: 13px;
line-height: 15px;
font-weight: bold;
}
.blog .sidebar .tweet .user {
display: inline-block;
font-size: 15px;
line-height: 17px;
font-weight: bold;
}
.blog .sidebar .tweet a.user:hover {
text-decoration: underline;
}
.blog .sidebar .tweet .message,
.blog .sidebar .tweet .message a {
font-size: 13px;
line-height: 20px;
}
.blog .sidebar .tweet .message a {
text-decoration: none;
}
.blog .sidebar .tweet .message a:hover {
text-decoration: underline;
}
/*------------------------------------*\
$_Account
\*------------------------------------*/
.account-page .TabControlTable {
margin-bottom: 35px;
}
.account-page .TabControlTable td {
padding: 12px 2px;
background-color: #E6E6E6;
text-align: center;
vertical-align: middle;
}
.account-page .TabControlTable td a {
font-weight: bold;
}
.account-page .TabControlTable td.TabControlSelected a {
color: #fff;
}
.account-page .TabControlTable td.TabControlSelectedLeft,
.account-page .TabControlTable td.TabControlSelectedRight,
.account-page .TabControlTable td.TabControlSelected {
background-color: #752A6F;
}
.account-page input,
.account-page .selectboxit-container {
margin-bottom: 15px;
}
.account-page .UniGridGrid {
margin: 20px 0 25px;
}
.account-page .UniGridGrid a {
color: #C50E5E;
}
.account-page .UniGridGrid a:hover {
text-decoration: underline;
}
.account-page .UniGridGrid td,
.account-page .UniGridGrid th {
display: table-cell;
}
.account-page .UniGridGrid td a {
margin-left: 5px;
}
.account-page .UniGridGrid td a:first-child {
margin-left: 0;
}
.account-page .UniGridGrid .UniGridHead a {
color: #752A6F;
text-decoration: none;
}
.account-page .UniGridGrid .UniGridHead a:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.account-page .UniGridGrid .UniGridHead a .UniGridSortUp,
.account-page .UniGridGrid .UniGridHead a .UniGridSortDown {
color: #C50E5E;
margin-left: 2px;
margin-right: -12px;
}
.account-page .UniGridGrid .UniGridHead a .UniGridSortUp:before,
.account-page .UniGridGrid .UniGridHead a .UniGridSortDown:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.account-page .UniGridGrid .UniGridHead a:hover,
.account-page .UniGridGrid .UniGridHead a > .UniGridSortLabel {
color: #C50E5E;
}
.UnigridPagerPageSize label {
margin-bottom: 0;
}
.UnigridPagerPageSize .selectboxit-container {
margin-bottom: 0;
vertical-align: middle;
}
@media only screen and (max-width: 767px) {
.account-page td {
display: block;
}
.account-page td.FieldLabel label, .account-page td.FieldLabel span {
margin-top: 10px;
margin-bottom: 5px;
display: inline-block;
}
}
@media only screen and (max-width: 767px) {
.account-page .responsive-table {
/* Force table to not be like tables anymore */
/* Hide table headers (but not display: none;, for accessibility) */
/*
Label the data
*/
}
.account-page .responsive-table .UniGridGrid,
.account-page .responsive-table .UniGridGrid .UniGridHead,
.account-page .responsive-table .UniGridGrid tbody,
.account-page .responsive-table .UniGridGrid th,
.account-page .responsive-table .UniGridGrid td,
.account-page .responsive-table .UniGridGrid tr {
display: block;
}
.account-page .responsive-table .UniGridGrid .UniGridHead {
position: absolute;
top: -9999px;
left: -9999px;
}
.account-page .responsive-table .UniGridGrid td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding: 10px 0px 10px 50% !important;
white-space: normal;
text-align: left;
font-size: 12px !important;
}
.account-page .responsive-table .UniGridGrid tr {
border: 1px solid #ccc;
border-bottom: none;
}
.account-page .responsive-table .UniGridGrid tr:last-of-type {
border-bottom: 1px solid #ccc;
}
.account-page .responsive-table .UniGridGrid td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 10px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
.account-page .responsive-table .UniGridGrid td:before {
content: attr(data-title);
}
}
@media only screen and (max-width: 767px) {
.account-page .TabControlTable td {
display: block;
padding: 0 2px;
}
}
/*------------------------------------*\
$_Cart
\*------------------------------------*/
.CartTable .link {
font-size: 13px;
color: #C50E5E;
}
.CartTable .link:hover {
text-decoration: underline;
}
.CartTable .BlockTitle {
display: none;
}
.CartTable .BlockContent input,
.CartTable .BlockContent .selectboxit-container {
margin-bottom: 15px;
}
.CartTable .BlockContent input[type="text"],
.CartTable .BlockContent input[type="password"],
.CartTable .BlockContent .cart-country-selector {
max-width: 90%;
display: inline-block;
margin-right: 2%;
}
.CartTable .BlockContent input[type="text"] + span,
.CartTable .BlockContent input[type="password"] + span,
.CartTable .BlockContent .cart-country-selector + span {
vertical-align: top;
font-weight: bold;
}
.CartTable .BlockContent label {
vertical-align: top;
display: inline;
line-height: 1.3;
margin: 0;
}
.CartTable .BlockContent input[type="checkbox"] {
margin-bottom: 0;
}
.CartTable .CartStepHeader {
color: #752A6F;
padding-bottom: 35px;
}
.CartTable .FieldLabel {
width: 45%;
}
.CartTable .FieldTitleTd {
padding-bottom: 10px;
}
.CartTable .FieldTitleTd label {
font-weight: bold;
}
.CartTable .selectDiv {
float: right;
}
.CartTable .selectDivLabel {
float: left;
}
.CartTable .subheading, .CartTable legend {
padding-bottom: 10px;
margin-bottom: 0;
font-weight: bold;
display: inline-block;
}
.CartTable .PasswordStrengthText > *,
.CartTable .PasswStrenghtIndicator {
display: block;
margin: 7px 0;
}
.CartTable #ctl00_plcMainWrapper_plcMain_ShoppingCartWebPart_cartElem_wzdStep1_passStrength_lblEvaluation {
font-size: 13px;
margin-top: 10px;
}
.CartTable #tblSignIn {
margin-bottom: 40px;
}
.CartTable .TextRight {
text-align: right;
}
.CartTable input[type="submit"] {
margin: 0;
}
.CartTable input[type="radio"],
.CartTable input[type="checkbox"] {
vertical-align: top;
margin-right: 5px;
}
.CartTable th {
font-weight: bold;
}
.CartTable th,
.CartTable td {
padding: 3px 0;
line-height: 1.3;
}
.cart-table th, .account-page .UniGridGrid th {
border-bottom: 1px solid #555;
font-weight: bold;
padding: 10px 1.06383%;
text-align: center;
}
.cart-table td, .account-page .UniGridGrid td {
border-left: 1px solid #555555;
}
.cart-table th:first-child, .account-page .UniGridGrid th:first-child,
.cart-table td:first-child,
.account-page .UniGridGrid td:first-child {
border-left: none;
}
.cart-table tbody td, .account-page .UniGridGrid tbody td {
padding: 30px 1.06383%;
text-align: center;
border-bottom: 1px solid #555555;
vertical-align: middle;
}
.cart-table .heading-image, .account-page .UniGridGrid .heading-image {
text-indent: -9999px;
}
.cart-table .heading-image, .account-page .UniGridGrid .heading-image {
width: 14.89362%;
}
.cart-table .heading-title, .account-page .UniGridGrid .heading-title {
width: 36.70213%;
text-align: left;
}
.cart-table .heading-price, .account-page .UniGridGrid .heading-price {
width: 10.10638%;
}
.cart-table .heading-quantity, .account-page .UniGridGrid .heading-quantity {
width: 11.38298%;
}
.cart-table .heading-discount, .account-page .UniGridGrid .heading-discount {
width: 11.91489%;
}
.cart-table .heading-total, .account-page .UniGridGrid .heading-total {
width: 10.6383%;
}
.cart-table .heading-remove, .account-page .UniGridGrid .heading-remove {
width: 9.19149%;
}
.cart-table .item-title, .account-page .UniGridGrid .item-title {
text-align: left;
}
.cart-table .item-quantity input, .account-page .UniGridGrid .item-quantity input {
width: 40px;
margin: 0 auto;
text-align: center;
padding: 10px 5px;
}
.cart-table .item-remove a, .account-page .UniGridGrid .item-remove a {
font-weight: bold;
font-size: 1em;
}
.cart-table .item-remove input[type=checkbox], .account-page .UniGridGrid .item-remove input[type=checkbox] {
width: auto;
margin-bottom: 0;
}
.cart-table .item-unit-price, .account-page .UniGridGrid .item-unit-price {
text-align: right;
}
.cart-table .item-unit-price del, .account-page .UniGridGrid .item-unit-price del {
display: block;
color: #999;
}
.cart-table .item-unit-price .discount-label, .account-page .UniGridGrid .item-unit-price .discount-label {
margin-top: 15px;
font-size: 85%;
}
.cart-actions {
overflow: hidden;
padding: 15px 0;
font-size: 1em;
text-align: center;
border-bottom: 1px solid #d7d7d7;
}
.cart-actions > a {
line-height: 34px;
}
.cart-actions .icon-refresh:before,
.cart-actions .icon-chevron-left:before {
margin-right: 8px;
}
.cart-actions .icon-cart-empty {
display: block;
margin-right: 20px;
}
.cart-actions .icon-cart-empty:before {
margin-right: 8px;
content: 'X';
font-family: "Open Sans", Arial, sans-serif;
font-weight: bold;
font-size: 14px;
}
.cart-actions .coupon-wrap {
display: inline;
width: 30%;
}
.cart-actions .coupon-wrap .coupon-box {
display: inline;
width: auto;
vertical-align: middle;
margin-bottom: 0;
padding: 6px;
}
.cart-footer {
margin-top: 20px;
}
.cart-step-buttons {
margin-top: 20px;
}
.cart-step-next,
.cart-step-back {
width: 245px !important;
}
.cart-step-next {
float: right;
}
.cart-total {
width: 245px;
float: right;
}
.cart-total .total-group {
margin-top: 20px;
}
.cart-total .total-group:first-child {
margin-top: 0;
}
.cart-total .total-label {
float: left;
}
.cart-total .total-value {
float: right;
}
.cart-total .total-amount {
font-weight: bold;
}
.cart-total .total-button {
margin-top: 20px;
width: 100%;
text-align: center;
}
#shippingAddrTable {
margin-top: 15px;
}
.mini-cart {
float: left;
margin-top: -3px;
margin-right: 20px;
line-height: 11px;
text-transform: uppercase;
}
.mini-cart .icon-mini-cart:before {
font-size: 15px;
}
@media only screen and (max-width: 959px) {
.mini-cart {
margin-right: 15px;
}
.ShoppingCartLink > span {
display: none;
}
}
@media only screen and (max-width: 767px) {
.mini-cart .SmallTextLabel {
display: none;
}
}
.CartTable .heading3 {
display: block;
margin-bottom: 35px;
}
.order-preview-totals {
padding-left: 60%;
}
.cart-empty {
display: block;
font-size: 200%;
padding: 50px 0 100px;
text-align: center;
color: #999;
}
@media only screen and (max-width: 767px) {
.cart-table .heading-image, .account-page .UniGridGrid .heading-image,
.cart-table .item-image,
.account-page .UniGridGrid .item-image {
display: none;
}
.cart-table .heading-tile, .account-page .UniGridGrid .heading-tile,
.cart-table .item-title,
.account-page .UniGridGrid .item-title {
border-left: none;
}
.cart-actions .coupon-wrap {
display: inherit;
width: auto;
float: left;
clear: both;
margin-top: 15px;
}
.cart-step-next,
.cart-step-back {
width: 195px !important;
font-size: 1.1em !important;
}
}
@media only screen and (max-width: 479px) {
.cart-table th, .account-page .UniGridGrid th {
width: auto !important;
white-space: normal !important;
text-align: center !important;
}
.cart-step-next,
.cart-step-back {
width: 145px !important;
font-size: 1em !important;
}
.CartTable {
font-size: 0.9em;
}
.selectDiv {
float: none !important;
}
.selectDivLabel {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.selectBoxItFix {
width: 412px !important;
}
}
#ctl00_plcMainWrapper_plcMain_MyAccount_ucMyAddresses_lblInfo {
display: block;
margin-bottom: 30px;
color: green;
}
#ctl00_plcMainWrapper_plcMain_MyAccount_ucMyAddresses_lblError {
display: block;
margin-bottom: 20px;
}
.address-form div:first-child {
margin-bottom: 33px;
}
.address-country div:last-child .field-validation-error {
position: relative;
top: 5px;
}
.address-bc {
margin-bottom: 35px;
}
.address-bc a {
color: #752A6F;
}
.address-bc a:hover {
color: #C50E5E;
}
.MyAddresses td .CMSValidator {
padding-left: 10px;
color: red;
display: block;
}
@media only screen and (max-width: 767px) {
.MyAddresses td .CMSValidator {
margin-top: -7px;
margin-bottom: 12px;
padding-left: 0;
}
}
/*------------------------------------*\
$_Checkout
\*------------------------------------*/
.checkout-step {
margin-top: 10px;
}
.checkout-step:first-child {
margin-top: 0;
}
.checkout-step .step-header {
padding: 2.85714%;
color: #999999;
overflow: hidden;
background-color: #f8f9f9;
}
.checkout-step .step-heading {
float: left;
text-transform: uppercase;
}
.checkout-step .step-num {
font-size: 1.42857em;
font-weight: bold;
float: right;
}
.checkout-step .step-main {
display: none;
padding: 3.57143%;
background-color: #f8f9f9;
}
.checkout-step.step--active .step-header {
background-color: #752A6F;
color: #fff;
}
.checkout-step.step--active .step-main {
display: block;
}
/*------------------------------------*\
$_Contact
\*------------------------------------*/
.contact-stores-button h5 {
display: inline-block;
}
.contact-stores-button i {
font-size: 1.14286em;
margin-right: 5px;
}
.contact-b2b-button {
padding: 10px 10px 10px 48px;
background-color: #752A6F;
display: block;
color: #fff !important;
line-height: 1.35;
margin-top: 20px;
font-size: 13px;
position: relative;
white-space: normal;
max-width: 320px;
margin-top: -20px;
}
.contact-b2b-button:hover {
background-color: #C50E5E;
color: #fff;
}
.contact-b2b-button [class*="icon-"] {
position: absolute;
left: 12px;
top: 12px;
color: #fff;
font-size: 24px;
}
.contact-b2b-button h5 {
margin-bottom: 8px;
font-size: 1.42857em;
line-height: 1.2;
}
.contact-b2b-button span {
font-weight: normal;
line-height: 1.35;
}
/* =====[ GLOBAL STYLES ]======================================================================== */
body {
background-color: #fff;
}
body,
a {
color: #333;
}
#page {
overflow: hidden;
margin: 0 auto;
}
#page.boxed {
max-width: 1008px;
box-shadow: 0 1px 7px rgba(2, 3, 3, 0.25), 0 0 20px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 1px 7px rgba(2, 3, 3, 0.25), 0 0 20px rgba(0, 0, 0, 0.12);
}
.container-wrapper {
background-color: #fff;
}
#empty-page {
padding: 20px 0;
}
/* -----[ SOCIAL ICONS ]------------------------------------------------------------------------- */
a.social,
a.social .hover {
background-image: url("./assets/social.png");
}
/* -----[ SLIDER ]------------------------------------------------------------------------------- */
.slider .arrow {
cursor: pointer;
background-color: black;
background-color: rgba(0, 0, 0, 0.9);
}
.slider .arrow:hover {
background-color: #752A6F;
}
.slider .pattern {
background-image: url("Images/fixed.gif");
opacity: 0.4;
}
.slider .content .light {
color: #000;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
}
.slider .content .dark {
color: #fff;
background-color: black;
background-color: rgba(0, 0, 0, 0.8);
}
.slider .content a {
color: #752A6F;
}
.slider .content img {
background: none;
}
.slider .content .button, .slider .content input[type="button"],
.slider .content input[type="submit"],
.slider .content button[type="submit"], .slider .content .comments-wrapper .BoardSubscribe, .comments-wrapper .slider .content .BoardSubscribe {
color: #fff;
background-color: #752A6F;
}
.slider .content .button:hover, .slider .content input[type="button"]:hover,
.slider .content input[type="submit"]:hover,
.slider .content button[type="submit"]:hover, .slider .content #menu .header-search--open, #menu .slider .content .header-search--open, .slider .content .comments-wrapper .BoardSubscribe:hover, .comments-wrapper .slider .content .BoardSubscribe:hover {
background-color: black;
background-color: rgba(0, 0, 0, 0.9);
}
/* -----[ BLOCKQUOTE ]--------------------------------------------------------------------------- */
blockquote {
border-color: #752A6F;
}
/* -----[ PRICING TABLE ]------------------------------------------------------------------------ */
.pricing li + li {
border-color: #e9ebf0;
}
.pricing .header {
color: #752A6F;
background-color: #f8f9f9;
}
.pricing .highlight {
color: #fff;
background-color: #752A6F;
}
.pricing .footer {
background-color: #f8f9f9;
}
.pricing .footer a {
color: #fff;
background-color: #752A6F;
}
.pricing .footer a:hover {
background-color: #333;
}
/* -----[ FIXED BACKGROUND ]--------------------------------------------------------------------- */
[data-fixed] {
box-shadow: 0 10px 8px -4px rgba(0, 0, 0, 0.25) inset, 0 -10px 8px -4px rgba(0, 0, 0, 0.25) inset;
-webkit-box-shadow: 0 10px 8px -4px rgba(0, 0, 0, 0.25) inset, 0 -10px 8px -4px rgba(0, 0, 0, 0.25) inset;
}
[data-fixed] .pattern {
background-image: url("Images/fixed.gif");
}
/* -----[ COMBO ]-------------------------------------------------------------------------------- */
#menu.combo ul {
border-color: #752A6F;
background-color: #0f0f0f;
background-color: rgba(15, 15, 15, 0.94);
}
#menu.combo li {
border: none;
}
#menu.combo .switch {
border-color: #D1D1D1;
background-image: url("Images/combo.png");
}
#menu.combo .switch:hover,
#menu.combo.open .switch {
border-color: #C50E5E;
}
/* =====[ HEADER ]=============================================================================== */
/* -----[ SCROLL ]------------------------------------------------------------------------------- */
#home #header .scroll {
background-image: url("Images/scroll.png");
}
/* -----[ NAVIGATION ]--------------------------------------------------------------------------- */
#home #header .arrow.left {
background-image: url("Images/left_big.png");
}
#home #header .arrow.right {
background-image: url("Images/right_big.png");
}
/* -----[ SLIDER ]------------------------------------------------------------------------------- */
#home #header .background {
box-shadow: 0 -5px 6px rgba(0, 0, 0, 0.35) inset;
-webkit-box-shadow: 0 -5px 6px rgba(0, 0, 0, 0.35) inset;
}
/* -----[ MOBILE SETTINGS ]---------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
#home #header .arrow.left {
background-image: url("Images/left_small.png");
}
#home #header .arrow.right {
background-image: url("Images/right_small.png");
}
}
/* =====[ ABOUT ]================================================================================ */
#home #about .skill h3 {
color: #752A6F;
}
/* =====[ TESTIMONIALS ]========================================================================= */
#home #testimonials .background {
box-shadow: 0 10px 8px -4px rgba(0, 0, 0, 0.25) inset, 0 -10px 8px -4px rgba(0, 0, 0, 0.25) inset;
-webkit-box-shadow: 0 10px 8px -4px rgba(0, 0, 0, 0.25) inset, 0 -10px 8px -4px rgba(0, 0, 0, 0.25) inset;
}
#home #testimonials .navigation {
background: none;
}
#home #testimonials .navigation .arrow.left {
background-image: url("Images/left_small.png");
}
#home #testimonials .navigation .arrow.right {
background-image: url("Images/right_small.png");
}
/* =====[ STEPS ]================================================================================ */
#home #steps {
background-color: #f8f9f9;
}
#home #steps .step hr {
border: none;
background-image: url("Images/steps.png");
}
#home #steps .step .icon {
color: #fff;
text-shadow: 0 2px rgba(2, 3, 3, 0.15);
}
#home #steps .step .icon,
#home #steps .step .icon .left,
#home #steps .step .icon .right {
background-image: url("Images/steps.png");
}
/* =====[ CLIENTS ]============================================================================== */
#home #clients h2 {
color: #752A6F;
background-color: black;
background-color: rgba(0, 0, 0, 0.8);
}
/* =====[ PORTFOLIO ]============================================================================ */
/* -----[ SLIDER ]------------------------------------------------------------------------------- */
#home #portfolio .slider .content a .hover {
background-image: url("Images/magnifier.png");
background-color: #752A6F;
}
#home #portfolio .slider .arrow.left {
background-image: url("Images/left_big.png");
}
#home #portfolio .slider .arrow.right {
background-image: url("Images/right_big.png");
}
@media screen and (max-width: 767px) {
#home #portfolio .slider .arrow.left {
background-image: url("Images/left_small.png");
}
#home #portfolio .slider .arrow.right {
background-image: url("Images/right_small.png");
}
}
/* =====[ WORKS ]================================================================================ */
#home #works {
background-color: #f8f9f9;
}
/* -----[ CATEGORIES ]--------------------------------------------------------------------------- */
#home #works .categories a {
color: #bcbcc4;
background-color: #fff;
}
#home #works .categories .active a,
#home #works .categories a:hover,
#home #works .categories.combo .switch:hover,
#home #works .categories.combo.open .switch {
color: #fff;
background-color: #752A6F;
}
/* -----[ COMBO ]-------------------------------------------------------------------------------- */
#home #works .categories.combo ul {
border-color: #752A6F;
background-color: #0f0f0f;
background-color: rgba(15, 15, 15, 0.94);
}
#home #works .categories.combo ul a {
color: #eee;
background: none;
}
#home #works .categories.combo ul .active a,
#home #works .categories.combo ul a:hover {
color: #752A6F;
}
/* -----[ WORKS LIST ]--------------------------------------------------------------------------- */
#home #works .list .hover {
background-color: #752a6f;
background-color: rgba(117, 42, 111, 0.9);
}
#home #works .list .hover .content {
color: #fff;
}
/* =====[ CONTACT ]============================================================================== */
/* -----[ DATA ]--------------------------------------------------------------------------------- */
#home .home-newsletter .data .content {
color: #fff;
background-color: black;
background-color: rgba(0, 0, 0, 0.8);
}
#home .home-newsletter .data .email {
color: #752A6F;
}
#home .home-newsletter .data .email:hover {
color: #fff;
}
#home .home-newsletter .data .social a {
color: #fff;
}
#home .home-newsletter .data .social a:hover {
color: #752A6F;
}
#home .home-newsletter .data .social .youtube .icon {
background-image: url("Images/newsletter-icons/mailchimp/youtube.png");
}
#home .home-newsletter .data .social .youtube:hover {
color: #CA3737;
}
#home .home-newsletter .data .social .youtube .hover {
background-image: url("Images/newsletter-icons/mailchimp/youtube_hover.png");
}
#home .home-newsletter .data .social .twitter .icon {
background-image: url("Images/newsletter-icons/mailchimp/twitter_normal.png");
}
#home .home-newsletter .data .social .twitter:hover {
color: #32bdff;
}
#home .home-newsletter .data .social .twitter .hover {
background-image: url("Images/newsletter-icons/mailchimp/twitter_hover.png");
}
#home .home-newsletter .data .social .facebook .icon {
background-image: url("Images/newsletter-icons/mailchimp/facebook_normal.png");
}
#home .home-newsletter .data .social .facebook:hover {
color: #5080e8;
}
#home .home-newsletter .data .social .facebook .hover {
background-image: url("Images/newsletter-icons/mailchimp/facebook_hover.png");
}
#home .home-newsletter .data .social .dribbble .icon {
background-image: url("./assets/dribbble_normal.png");
}
#home .home-newsletter .data .social .dribbble:hover {
color: #ea448f;
}
#home .home-newsletter .data .social .dribbble .hover {
background-image: url("./assets/dribbble_hover.png");
}
#home .home-newsletter .social {
margin-bottom: -25px;
}
#home .home-newsletter .social > a {
width: 49%;
margin-right: 0;
padding-right: 20px;
margin-bottom: 25px;
}
#home .home-newsletter .social .social-icon {
width: 64px;
height: 64px;
border-radius: 50%;
background: #fff;
position: absolute;
left: 0;
top: 0;
text-align: center;
line-height: 64px;
color: #322b27;
font-size: 27px;
-webkit-transition: background 0.35s;
-o-transition: background 0.35s;
transition: background 0.35s;
}
#home .home-newsletter .social > a.instagram:hover {
color: #ba3a8b;
}
#home .home-newsletter .social > a.instagram:hover .social-icon {
background: #ba3a8b;
}
/* =====[ UI ]=================================================================================== */
[data-ui] {
color: #333;
}
/* =====[ PRELOADER ]============================================================================ */
[data-ui="preloader"] {
background-image: url('Images/preloader.gif');
background-color: #1a1c1e;
}
.update-panel-wrap {
position: relative;
}
.update-progress {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #fff url('img/preloader-whitebg-32.gif') no-repeat center center;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
}
/* =====[ BUTTON ]=============================================================================== */
/* -----[ PLAIN ]-------------------------------------------------------------------------------- */
[data-ui="button"],
[data-ui="button"][data-type="plain"] {
color: #fff;
}
[data-ui="button"] .normal,
[data-ui="button"][data-type="plain"][data-color="blue"] .normal {
background-color: #752A6F;
}
[data-ui="button"] .hover,
[data-ui="button"][data-type="plain"][data-color="blue"] .hover {
background-color: #333;
}
[data-ui="button"] .click,
[data-ui="button"][data-type="plain"][data-color="blue"] .click {
background-color: #555;
}
[data-ui="button"][data-type="plain"][data-color="black"] .normal {
background-color: #333;
}
[data-ui="button"][data-type="plain"][data-color="black"] .hover {
background-color: #752A6F;
}
[data-ui="button"][data-type="plain"][data-color="black"] .click {
background-color: #3c92a4;
}
/* -----[ 3D ]----------------------------------------------------------------------------------- */
[data-ui="button"][data-type="3d"] * {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.3) inset;
}
[data-ui="button"][data-type="3d"] .normal,
[data-ui="button"][data-type="3d"][data-color="gray"] .normal {
border-color: #9d9d9d;
color: #292929;
background-color: #d3d3d3;
background-image: linear-gradient(to top, #d9d9d9, #ededed);
background-image: -webkit-linear-gradient(bottom, #d9d9d9, #ededed);
background-image: -moz-linear-gradient(bottom, #d9d9d9, #ededed);
background-image: -o-linear-gradient(bottom, #d9d9d9, #ededed);
background-image: -ms-linear-gradient(bottom, #d9d9d9, #ededed);
}
[data-ui="button"][data-type="3d"][data-color="pink"] .normal {
border-color: #c0003f;
color: #fff;
background-color: #ed145b;
background-image: linear-gradient(to top, #cc0244, #ff3376 99%);
background-image: -webkit-linear-gradient(bottom, #cc0244, #ff3376 99%);
background-image: -moz-linear-gradient(bottom, #cc0244, #ff3376 99%);
background-image: -o-linear-gradient(bottom, #cc0244, #ff3376 99%);
background-image: -ms-linear-gradient(bottom, #cc0244, #ff3376 99%);
}
[data-ui="button"][data-type="3d"][data-color="blue"] .normal {
border-color: #0c57b3;
color: #fff;
background-color: #277dec;
background-image: linear-gradient(to top, #1956ad, #5d94d6);
background-image: -webkit-linear-gradient(bottom, #1956ad, #5d94d6);
background-image: -moz-linear-gradient(bottom, #1956ad, #5d94d6);
background-image: -o-linear-gradient(bottom, #1956ad, #5d94d6);
background-image: -ms-linear-gradient(bottom, #1956ad, #5d94d6);
}
[data-ui="button"][data-type="3d"][data-color="orange"] .normal {
border-color: #b32f0c;
color: #fff;
background-color: #f15a23;
background-image: linear-gradient(to top, #ef2d00, #ff763a);
background-image: -webkit-linear-gradient(bottom, #ef2d00, #ff763a);
background-image: -moz-linear-gradient(bottom, #ef2d00, #ff763a);
background-image: -o-linear-gradient(bottom, #ef2d00, #ff763a);
background-image: -ms-linear-gradient(bottom, #ef2d00, #ff763a);
}
[data-ui="button"][data-type="3d"][data-color="green"] .normal {
border-color: #508300;
color: #fff;
background-color: #00ae35;
background-image: linear-gradient(to top, #2e8d00 1%, #95cf26);
background-image: -webkit-linear-gradient(bottom, #2e8d00 1%, #95cf26);
background-image: -moz-linear-gradient(bottom, #2e8d00 1%, #95cf26);
background-image: -o-linear-gradient(bottom, #2e8d00 1%, #95cf26);
background-image: -ms-linear-gradient(bottom, #2e8d00 1%, #95cf26);
}
[data-ui="button"][data-type="3d"][data-color="red"] .normal {
border-color: #d80f10;
color: #fff;
background-color: #e10d0e;
background-image: linear-gradient(#ff675f, #ef2324);
background-image: -webkit-linear-gradient(#ff675f, #ef2324);
background-image: -moz-linear-gradient(#ff675f, #ef2324);
background-image: -o-linear-gradient(#ff675f, #ef2324);
background-image: -ms-linear-gradient(#ff675f, #ef2324);
}
[data-ui="button"][data-type="3d"][data-color="yellow"] .normal {
border-color: #d48300;
color: #fff;
background-color: #eea11f;
background-image: linear-gradient(to top, #ee9f1e, #ffcc4d);
background-image: -webkit-linear-gradient(bottom, #ee9f1e, #ffcc4d);
background-image: -moz-linear-gradient(bottom, #ee9f1e, #ffcc4d);
background-image: -o-linear-gradient(bottom, #ee9f1e, #ffcc4d);
background-image: -ms-linear-gradient(bottom, #ee9f1e, #ffcc4d);
}
[data-ui="button"][data-type="3d"][data-color="light blue"] .normal {
border-color: #0c74cd;
color: #fff;
background-color: #32affc;
background-image: linear-gradient(to top, #338bf3, #32beff 99%);
background-image: -webkit-linear-gradient(bottom, #338bf3, #32beff 99%);
background-image: -moz-linear-gradient(bottom, #338bf3, #32beff 99%);
background-image: -o-linear-gradient(bottom, #338bf3, #32beff 99%);
background-image: -ms-linear-gradient(bottom, #338bf3, #32beff 99%);
}
[data-ui="button"][data-type="3d"] .hover {
border-color: #000000;
color: #fff;
background-image: linear-gradient(to top, #333333, #525252);
background-image: -webkit-linear-gradient(bottom, #333, #525252);
background-image: -moz-linear-gradient(bottom, #333, #525252);
background-image: -o-linear-gradient(bottom, #333, #525252);
background-image: -ms-linear-gradient(bottom, #333, #525252);
}
[data-ui="button"][data-type="3d"] .click {
border-color: #242424;
color: #fff;
background-image: linear-gradient(to top, #525252, #333333);
background-image: -webkit-linear-gradient(bottom, #525252, #333);
background-image: -moz-linear-gradient(bottom, #525252, #333);
background-image: -o-linear-gradient(bottom, #525252, #333);
background-image: -ms-linear-gradient(bottom, #525252, #333);
box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
}
.ie9 [data-ui="button"][data-type="3d"] .normal,
.ie9 [data-ui="button"][data-type="3d"][data-color="gray"] .normal {
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#d9d9d9');
}
.ie9 [data-ui="button"][data-type="3d"][data-color="pink"] .normal {
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff3376', EndColorStr='#cc0244');
}
.ie9 [data-ui="button"][data-type="3d"][data-color="blue"] .normal {
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5d94d6', EndColorStr='#1956ad');
}
.ie9 [data-ui="button"][data-type="3d"][data-color="orange"] .normal {
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff763a', EndColorStr='#ef2d00');
}
.ie9 [data-ui="button"][data-type="3d"][data-color="green"] .normal {
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#95cf26', EndColorStr='#2e8d00');
}
.ie9 [data-ui="button"][data-type="3d"][data-color="red"] .normal {
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff675f', EndColorStr='#ef2324');
}
.ie9 [data-ui="button"][data-type="3d"][data-color="yellow"] .normal {
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffcc4d', EndColorStr='#ee9f1e');
}
.ie9 [data-ui="button"][data-type="3d"][data-color="light blue"] .normal {
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#32beff', EndColorStr='#338bf3');
}
.ie9 [data-ui="button"][data-type="3d"] .hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#525252', EndColorStr='#333333');
}
.ie9 [data-ui="button"][data-type="3d"] .click {
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#525252');
}
/* -----[ FLAT ]--------------------------------------------------------------------------------- */
[data-ui="button"][data-type="flat"] .normal,
[data-ui="button"][data-type="flat"][data-color="gray"] .normal {
color: #292929;
background-color: #d3d3d3;
}
[data-ui="button"][data-type="flat"][data-color="pink"] .normal {
color: #fff;
background-color: #ed145b;
}
[data-ui="button"][data-type="flat"][data-color="blue"] .normal {
color: #fff;
background-color: #277dec;
}
[data-ui="button"][data-type="flat"][data-color="orange"] .normal {
color: #fff;
background-color: #f15a23;
}
[data-ui="button"][data-type="flat"][data-color="green"] .normal {
color: #fff;
background-color: #00ae35;
}
[data-ui="button"][data-type="flat"][data-color="red"] .normal {
color: #fff;
background-color: #fa565a;
}
[data-ui="button"][data-type="flat"][data-color="yellow"] .normal {
color: #fff;
background-color: #eea11f;
}
[data-ui="button"][data-type="flat"][data-color="light blue"] .normal {
color: #fff;
background-color: #32affc;
}
[data-ui="button"][data-type="flat"] .hover {
color: #fff;
background: #333333;
}
[data-ui="button"][data-type="flat"] .click {
color: #fff;
background-color: #555;
}
/* =====[ TABS ]================================================================================= */
/* -----[ MENU ]--------------------------------------------------------------------------------- */
[data-ui="tabs"] .menu {
border-color: #752A6F;
}
[data-ui="tabs"] .menu li {
background-color: #f8f9f9;
}
[data-ui="tabs"] .menu li:hover,
[data-ui="tabs"] .menu li.active {
color: #fff;
background-color: #752A6F;
}
[data-ui="tabs"] .menu .switch {
border-color: #2c2c2c;
background-image: url("./assets/combo.png");
}
[data-ui="tabs"] .menu .switch:hover,
[data-ui="tabs"] .menu.open .switch {
border-color: #752A6F;
}
[data-ui="tabs"].shrink .menu,
[data-ui="tabs"].shrink .menu li {
background-color: #1f1f1f;
}
[data-ui="tabs"].shrink .menu li {
color: #fff;
}
[data-ui="tabs"].shrink .menu li:hover,
[data-ui="tabs"].shrink .menu li.active {
color: #752A6F;
}
/* -----[ PANELS ]------------------------------------------------------------------------------- */
[data-ui="tabs"] .panels {
background-color: #f8f9f9;
}
/* =====[ ACCORDION ]============================================================================ */
[data-ui="accordion"] .label {
color: #8e96a0;
background-image: url("./assets/expand.png");
background-color: #f8f9f9;
}
[data-ui="accordion"] .label:hover,
[data-ui="accordion"] .active .label {
color: #fff;
background-color: #752A6F;
}
.faq-accordion[data-ui="accordion"] .label:hover {
background-image: url("/App_Themes/Main/img/faq_expand.png");
}
[data-ui="accordion"] .active .label {
background-image: url("./assets/collapse.png");
}
.faq-accordion[data-ui="accordion"] .active .label {
background-image: url("/App_Themes/Main/img/faq_collapse.png");
}
[data-ui="accordion"] .content {
background-color: #f8f9f9;
}
/* =====[ MESSAGE ]============================================================================== */
[data-ui="message"] .close {
background-image: url("./assets/close.png");
}
[data-ui="message"],
[data-ui="message"][data-type="info"] {
color: #008bed;
background-color: #d5f1fe;
}
[data-ui="message"][data-type="success"] {
color: #438607;
background-color: #dff2bf;
}
[data-ui="message"][data-type="error"] {
color: #bc0411;
background-color: #ffcccc;
}
[data-ui="message"][data-type="warning"] {
color: #9a4b04;
background-color: #feefb3;
}
/* =====[ GRAPH ]================================================================================ */
[data-ui="graph"] li {
background-color: #f8f9f9;
}
[data-ui="graph"] .bar {
background-color: #752A6F;
}
[data-ui="graph"] .label {
color: #fff;
}
/* =====[ ALERT ]================================================================================ */
#smartAlertHeader,
.smartAlertButton {
background-color: #752A6F;
}
.smartAlertButton:hover {
background: #333;
}
.smartAlertButton.smartAlertClick {
background: #555;
}
/* =====[ ABOUT ]================================================================================ */
#home #about {
padding: 71px 0 92px;
}
#home #about h2 {
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 64px;
margin-bottom: 9px;
}
#home #about .container > p {
font-size: 18px;
line-height: 30px;
}
#home #about .container > p + p {
margin-top: 30px;
}
#home #about .skill {
margin-top: 60px;
}
#home #about .skill h3 {
margin-bottom: 6px;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 25px;
line-height: 27px;
}
/* =====[ BLOG GRID LAYOUT ]======================================================================== */
.blog-grid {
background-color: #f3f3f3;
padding: 57px 0 0;
}
.blog-grid .post {
background-color: #fff;
}
.blog-grid .post h3,
.blog-grid .post h3 a {
color: #752A6F;
}
.blog-grid .post h3 a:hover {
color: #333;
}
.blog-grid .post h4 {
color: #bcbcc4;
}
.blog-grid h2 {
margin-bottom: 36px;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 2.85714em;
}
.blog-grid .post {
margin-bottom: 83px;
text-align: center;
}
.blog-grid .post .photo,
.blog-grid .post .photo img {
display: block;
width: 100%;
}
.blog-grid .post .photo {
padding: 4px;
}
.blog-grid .post .about {
padding: 22px 16px 20px;
}
.blog-grid .post h3 {
margin-bottom: 2px;
}
.blog-grid .post h3,
.blog-grid .post h3 a {
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 22px;
line-height: 27px;
transition-duration: 0.35s;
-webkit-transition-duration: 0.35s;
-moz-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
-ms-transition-duration: 0.35s;
}
.blog-grid .post h4 {
margin: 8px 0 11px;
font-size: 15px;
line-height: 17px;
font-weight: bold;
}
.blog-grid .post p {
font-size: 13px;
}
.blog-grid .post .footer {
padding: 0 16px 16px;
}
.blog-grid .post .footer a {
margin-bottom: 4px;
}
/* =====[ TESTIMONIALS ]========================================================================= */
#home #testimonials {
height: 500px;
}
#home #testimonials .navigation {
overflow: hidden;
padding: 0;
}
#home #testimonials .navigation .arrow {
float: left;
width: 37px;
height: 37px;
}
#home #testimonials .navigation .arrow.left {
margin-right: 2px;
}
/* =====[ FEATURED ]============================================================================= */
.featured {
padding: 79px 0 83px;
}
.featured h2 {
margin-bottom: 9px;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 4.28571em;
}
.featured .container > p {
font-size: 1.28571em;
}
.featured .container > p + p {
margin-top: 10px;
}
.featured .featured-item {
display: block;
margin-top: 83px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.featured .featured-item:first-of-type {
margin-top: 20px;
}
}
.featured .featured-item .icon {
display: inline-block;
margin-bottom: 29px;
border-radius: 80px;
width: 160px;
height: 160px;
background: no-repeat center center;
}
.featured .featured-item h3 {
margin: 10px 0;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 25px;
line-height: 27px;
}
.featured .featured-item p {
padding: 0 20px;
}
.featured .featured-item h3 {
color: #752A6F;
}
/* =====[ HOME CATEGORIES ]============================================================================= */
.prod-cat {
padding: 120px 0 60px;
}
.prod-cat h2 {
margin-bottom: 9px;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 3.57143em;
}
.prod-cat .container > p {
font-size: 1.28571em;
}
.prod-cat .container > p + p {
margin-top: 10px;
}
.prod-cat .prod-cat-item {
display: block;
margin-top: 20px;
text-align: center;
}
.prod-cat-item .header:hover h3 {
color: #c50e5e;
}
.prod-cat .sub-cat {
margin-top: 10px;
}
.prod-cat .sub-cat .button, .prod-cat .sub-cat input[type="button"],
.prod-cat .sub-cat input[type="submit"],
.prod-cat .sub-cat button[type="submit"], .prod-cat .sub-cat .comments-wrapper .BoardSubscribe, .comments-wrapper .prod-cat .sub-cat .BoardSubscribe {
display: inline-block;
padding: 6px 10px;
margin-bottom: 4px;
font-size: 16px;
}
.prod-cat .sub-cat ul {
list-style: disc inside;
}
.prod-cat .sub-cat li {
display: inline-block;
margin-right: 4px;
}
.prod-cat .sub-cat a {
color: #752A6F;
line-height: 1.3;
padding-left: 14px;
position: relative;
}
.prod-cat .sub-cat a:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.prod-cat .sub-cat a:hover, .prod-cat .sub-cat a:hover:before {
color: #C50E5E;
}
.prod-cat .sub-cat a:before {
position: absolute;
left: 0;
top: 3px;
font-size: 75%;
color: #752A6F;
}
@media only screen and (max-width: 767px) {
.prod-cat .prod-cat-item:first-of-type {
margin-top: 20px;
}
}
.prod-cat .prod-cat-item .icon {
display: inline-block;
margin-bottom: 29px;
border-radius: 80px;
width: 160px;
height: 160px;
background: no-repeat center center;
}
.prod-cat .prod-cat-item h3 {
margin: 10px 0;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 28px;
line-height: 27px;
}
.prod-cat .prod-cat-item p {
padding: 0 20px;
}
.prod-cat .prod-cat-item h3 {
color: #752A6F;
}
.prod-cat .item-thumbnail {
height: 0;
padding-bottom: 70%;
background-repeat: no-repeat;
background-position: center center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
/* =====[ STEPS ]================================================================================ */
#home #steps {
padding-top: 92px;
}
#home #steps .step {
position: relative;
margin-bottom: 92px;
text-align: center;
}
#home #steps .step hr {
display: block;
position: absolute;
top: 0;
left: 50%;
margin: 0;
padding: 0;
height: 80px;
width: 100%;
background: repeat 0 -80px;
}
#home #steps .step .icon {
display: inline-block;
vertical-align: top;
position: relative;
margin-bottom: 51px;
padding-right: 1px;
width: 79px;
height: 80px;
font-size: 40px;
line-height: 76px;
font-weight: bold;
text-align: center;
background-repeat: no-repeat;
}
#home #steps .step .icon .left,
#home #steps .step .icon .right {
position: absolute;
top: 0;
height: 80px;
width: 8px;
}
#home #steps .step .icon .left {
left: -5px;
background-position: -80px 0;
}
#home #steps .step .icon .right {
right: -3px;
background-position: -88px 0;
}
#home #steps .step:first-child .icon .left,
#home #steps .step.last hr,
#home #steps .step.last hr,
#home #steps .step.last .icon .right,
#home #steps .step.last .icon .right {
display: none;
}
#home #steps .step h3 {
margin-bottom: 10px;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 25px;
line-height: 27px;
}
#home #steps .step p {
padding: 0 20px;
}
@media screen and (max-width: 767px) {
#home #steps .step hr,
#home #steps .step .icon .left,
#home #steps .step .icon .right {
display: none;
}
}
/* =====[ CLIENTS ]============================================================================== */
#home #clients {
height: 500px;
}
#home #clients .container {
padding: 163px 0 50px;
text-align: center;
}
#home #clients h2 {
margin-bottom: 37px;
padding: 14px 18px;
font-family: Textbook;
font-size: 40px;
line-height: 43px;
}
#home #clients h2,
#home #clients .clients,
#home #clients .clients a {
display: inline-block;
vertical-align: top;
}
#home #clients .clients a {
margin-bottom: 10px;
}
#home #clients .clients a + a {
margin-left: 34px;
}
@media screen and (max-width: 767px) {
#home #clients .container {
padding: 110px 0;
}
}
@media screen and (max-width: 479px) {
#home #clients .container {
padding: 30px 0 10px;
}
}
/* =====[ PORTFOLIO ]============================================================================ */
#home #portfolio .container {
padding: 99px 0 47px;
}
#home #portfolio h2 {
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 64px;
margin-bottom: 9px;
}
#home #portfolio p {
font-size: 18px;
line-height: 30px;
}
#home #portfolio p + p {
margin-top: 10px;
}
/* -----[ SLIDER ]------------------------------------------------------------------------------- */
#home #portfolio .slider {
height: 621px;
}
#home #portfolio .slider .center,
#home #portfolio .slider .content {
display: block;
}
#home #portfolio .slider .content {
vertical-align: top;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
#home #portfolio .slider .content a {
display: inline-block;
vertical-align: top;
max-width: 100%;
background: none;
}
#home #portfolio .slider .content a .hover {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -70px 0 0 -70px;
border-radius: 50%;
width: 140px;
height: 140px;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
background: no-repeat center center;
transition: opacity 0.35s;
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
-ms-transition: opacity 0.35s;
}
#home #portfolio .slider .content a:hover .hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#home #portfolio .slider .arrow {
display: block;
position: absolute;
top: 210px;
width: 68px;
height: 91px;
z-index: 998;
}
#home #portfolio .slider .arrow.left {
left: 0;
border-radius: 0 3px 3px 0;
}
#home #portfolio .slider .arrow.right {
right: 0;
border-radius: 3px 0 0 3px;
}
@media screen and (max-width: 767px) {
#home #portfolio .slider {
height: 410px;
}
#home #portfolio .slider .arrow {
top: auto;
left: 50% !important;
right: auto !important;
bottom: 30px;
border-radius: 3px !important;
width: 37px;
height: 37px;
}
#home #portfolio .slider .arrow.left {
margin-left: -42px;
}
#home #portfolio .slider .arrow.right {
margin-right: -42px;
}
}
@media screen and (max-width: 479px) {
#home #portfolio .slider {
height: 320px;
}
}
/* =====[ WORKS ]================================================================================ */
#home #works {
padding-top: 48px;
text-align: center;
background: #f8f9f9;
}
/* -----[ CATEGORIES ]--------------------------------------------------------------------------- */
#home #works .categories {
margin-bottom: 42px;
}
#home #works .categories .switch {
display: none;
}
#home #works .categories ul,
#home #works .categories li,
#home #works .categories a {
display: inline-block;
vertical-align: top;
}
#home #works .categories ul {
overflow: hidden;
margin: 0 10px;
}
#home #works .categories li {
margin: 0 2px 2px 0;
float: left;
}
#home #works .categories a {
padding: 9px 20px 7px;
font-size: 13px;
line-height: 15px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
transition: color 0.35s, background 0.35s;
-webkit-transition: color 0.35s, background 0.35s;
-moz-transition: color 0.35s, background 0.35s;
-o-transition: color 0.35s, background 0.35s;
-ms-transition: color 0.35s, background 0.35s;
}
#home #works .categories .active a {
cursor: default;
}
/* -----[ COMBO ]-------------------------------------------------------------------------------- */
#home #works .categories.combo {
position: relative;
z-index: 1;
}
#home #works .categories.combo ul {
position: absolute;
display: none;
float: none;
overflow: hidden;
top: 100%;
left: 0;
margin: 1px 0 0;
border-top: 2px solid;
width: 100%;
text-align: left;
z-index: 1;
}
#home #works .categories.combo li {
display: block;
margin: 0;
float: none;
}
#home #works .categories.combo ul a {
display: block;
padding: 5px 33px;
font-family: sans-serif;
white-space: normal;
-webkit-transition: color 0.35s;
-moz-transition: color 0.35s;
-o-transition: color 0.35s;
-ms-transition: color 0.35s;
transition: color 0.35s;
}
#home #works .categories.combo li:first-child a {
padding-top: 11px;
}
#home #works .categories.combo li.last a {
padding-bottom: 16px;
}
#home #works .categories.combo .switch {
display: block;
}
#home #works .categories.combo .switch {
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
/* -----[ WORKS LIST ]--------------------------------------------------------------------------- */
#home #works .list {
overflow: hidden;
}
#home #works .list li {
position: relative;
overflow: hidden;
float: left;
display: block;
}
#home #works .list a {
display: block;
}
#home #works .list img {
vertical-align: top;
width: 100%;
}
#home #works .list .hover {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
#home #works .list .hover img {
width: auto;
}
#home #works .list .hover .wrapper {
display: table;
width: 100%;
height: 100%;
}
#home #works .list .hover .content {
display: table-cell;
padding: 10px;
vertical-align: middle;
text-align: center;
line-height: 15px;
}
#home #works .list .hover h2 {
margin: 14px 0 9px;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 25px;
line-height: 27px;
}
/* -----[ LOAD MORE ]---------------------------------------------------------------------------- */
#home #works .more {
padding: 68px 10px;
}
#home #works .more p {
margin-bottom: 17px;
font-size: 18px;
line-height: 30px;
}
/* =====[ CONTACT ]============================================================================== */
.emphasized .data {
padding: 1px;
}
.emphasized .content {
position: relative;
display: block;
margin: 129px auto 132px;
padding: 53px 57px;
width: 100%;
max-width: 940px;
background-color: rgba(0, 0, 0, 0.8);
color: #FFFFFF;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.emphasized h2 {
margin-bottom: 25px;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 2.71429em;
}
.emphasized p {
margin-bottom: 28px;
font-size: 1.28571em;
}
.emphasized .email {
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 76px;
line-height: 82px;
word-wrap: break-word;
}
.emphasized .email,
.emphasized .social a {
transition: color 0.35s;
-webkit-transition: color 0.35s;
-moz-transition: color 0.35s;
-o-transition: color 0.35s;
-ms-transition: color 0.35s;
}
.emphasized .social {
margin-top: 60px;
}
.emphasized .social a {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0 28px 12px 0;
padding: 22px 0 22px 73px;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 800;
font-size: 16px;
line-height: 22px;
background: no-repeat left top;
}
.emphasized .social a .icon,
.emphasized .social a .hover {
position: absolute;
top: 0;
left: 0;
width: 64px;
height: 64px;
transition: opacity 0.35s;
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
-ms-transition: opacity 0.35s;
}
.emphasized .social a .icon,
.emphasized .social a:hover .hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.emphasized .social a .hover,
.emphasized .social a:hover .icon {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@media screen and (max-width: 479px) {
.emphasized .content {
margin: 80px 0;
padding: 30px 32px;
}
}
/* -----[ MESSAGE ]------------------------------------------------------------------------------ */
#home #contact .message {
padding: 74px 74px 97px;
text-align: center;
}
#home #contact .wrapper {
display: inline-block;
text-align: left;
max-width: 780px;
width: 100%;
}
#home #contact form {
display: table;
margin: 0 auto;
width: 100%;
}
#home #contact form .left,
#home #contact form .right {
margin: 0;
display: table-cell;
vertical-align: top;
}
#home #contact form .left {
padding-right: 20px;
}
#home #contact form .left,
#home #contact form input {
width: 220px;
}
#home #contact form input {
display: block;
}
#home #contact form [data-ui="button"] {
float: right;
margin: 0;
}
#home #contact form [data-ui="button"] + [data-ui="button"] {
margin-left: 12px;
}
#home #contact form .left > *,
#home #contact form .right > * {
margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
#home #contact .message {
padding: 30px;
}
#home #contact form,
#home #contact form .left,
#home #contact form .right {
display: block;
}
#home #contact form .left {
padding: 0;
margin-bottom: 30px;
}
#home #contact form .left,
#home #contact form input {
width: 100%;
}
}
/* -----[ MAP ]---------------------------------------------------------------------------------- */
#home #contact .map {
width: 100%;
height: 400px;
}
.home-newsletter input[type=text] {
width: 34.04255%;
margin: 0;
}
.home-newsletter .alt-form .selectboxit-options, .home-newsletter .alt-form-inline .selectboxit-options {
min-width: 100% !important;
}
.home-newsletter .newsletter-button {
font-size: 19px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.home-newsletter .newsletter-button {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.home-newsletter input[type=text] {
width: 100%;
margin-top: 5px;
}
.home-newsletter .newsletter-button {
margin-top: 5px;
}
}
.home-top-banner {
display: flex;
flex-wrap: wrap;
overflow: hidden;
*zoom: 1;
position: absolute;
top: 120px;
left: 250px;
right: 0;
z-index: 13;
font-size: 11px;
color: #fff;
background-color: rgba(0, 0, 0, 0.75);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
padding: 0;
}
.home-top-banner .banner-col {
width: 25%;
padding-right: 5px;
float: left;
}
.home-top-banner .banner-col:last-child {
padding-right: 0;
}
.home-top-banner .banner-ico {
position: relative;
float: left;
margin-right: 5px;
background-color: #752A6F;
width: 40px;
height: 50px;
}
.home-top-banner .banner-ico i {
font-size: 28px;
color: #fff;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0 auto;
line-height: 50px;
text-align: center;
}
.home-top-banner .banner-main {
overflow: hidden;
padding-top: 5px;
line-height: 1.15;
}
.home-top-banner .banner-title {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.home-top-banner .banner-col {
width: 50%;
}
.home-top-banner .banner-ico {
width: 40px;
height: 35px;
}
.home-top-banner .banner-ico i {
line-height: 35px;
font-size: 22px;
}
.home-top-banner .banner-subtitle {
font-size: 10px;
}
}
@media screen and (max-width: 767px) {
.home-top-banner {
top: 116px;
left: 0;
font-size: 10px;
}
.home-top-banner .banner-col {
width: 50%;
}
.home-top-banner .banner-ico {
width: 40px;
height: 35px;
}
.home-top-banner .banner-ico i {
font-size: 22px;
line-height: 35px;
}
.home-top-banner .banner-subtitle {
font-size: 10px;
}
.prod-cat h2 {
font-size: 2.5em;
}
.prod-cat .prod-cat-item h3 {
font-size: 2.28571em;
}
}
@media screen and (max-width: 479px) {
.home-top-banner .banner-col {
padding-right: 1px;
}
.home-top-banner .banner-ico {
width: 20px;
height: 30px;
margin-right: 3px;
}
.home-top-banner .banner-ico i {
font-size: 16px;
line-height: 30px;
}
.home-top-banner .banner-main {
font-size: 10px;
padding-top: 3px;
}
.home-top-banner .banner-subtitle {
font-size: 9px;
}
.prod-cat h2 {
font-size: 2.14286em;
}
.prod-cat .prod-cat-item h3 {
font-size: 2em;
}
}
.top-banner-wrapper {
background-color: #f7f7f7;
}
@media screen and (max-width: 320px) {
.home-top-banner {
display: none;
}
.top-banner {
display: none;
}
}
.top-banner {
position: static;
box-shadow: none;
padding: 7px 0;
background-color: transparent;
}
.top-banner .banner-main {
color: #333;
}
@media screen and (min-width: 959px) {
.top-banner .banner-ico {
width: 40px;
height: 40px;
}
.top-banner .banner-ico i {
line-height: 40px;
}
}
/*------------------------------------*\
$_Products
\*------------------------------------*/
.product-toolbar-wrapper {
padding: 15px 0;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
margin-bottom: 40px;
}
.product-toolbar {
text-align: right;
}
.product-sort,
.product-search-form {
display: inline-block;
}
@media only screen and (max-width: 767px) {
.product-toolbar {
text-align: left;
}
.product-toolbar .toolbar-item {
width: 100%;
margin: 10px 0;
}
.product-toolbar .toolbar-item:first-child {
margin-top: 0;
}
}
.product-sort {
vertical-align: top;
font-size: 13px;
}
.product-sort .sort-label {
display: inline-block;
margin: 9px 10px 0 0;
}
.product-search-form {
margin-left: 20px;
}
.product-search-form input[type="text"] {
margin: 0;
padding: 4px 10px;
display: inline-block;
width: 220px;
}
.product-search-form .product-search-button,
.product-search-form .store-search-button {
margin-left: 5px;
width: 29px;
height: 29px;
font-size: 15px;
}
.product-search-form .store-search-button {
display: inline-block;
margin: 0 0 0 5px;
text-align: center;
width: auto;
font-size: 14px;
padding: 0 10px;
}
.product-list {
margin-bottom: 15px;
margin-left: -16px;
position: relative;
}
.product-list .main-gallery {
/*overflow: hidden;*/
}
.product-list .list-item {
position: relative;
padding: 8px;
width: 342px;
float: left;
border: 1px solid #DFDFDF;
margin-left: 16px;
margin-bottom: 16px;
overflow: hidden;
}
.product-list .list-item:hover .item-popup {
opacity: 1;
}
.product-list .item-main {
position: relative;
overflow: hidden;
height: 230px;
padding: 5px 12px;
}
.product-list .item-badge {
display: block;
position: absolute;
width: 80px;
height: 70px;
background: transparent url('img/badge.png') right top no-repeat;
color: #fff;
padding: 13px 0 0 7px;
left: 0;
top: 0;
z-index: 70;
}
.product-list .item-badge .badge-onsale {
transform: rotate(-42deg);
display: inline-block;
font-size: 12px;
margin: 10px 0 0 -10px;
}
.product-list .item-badge-new {
display: block;
position: absolute;
width: 115px;
height: 98px;
background: transparent url('Images/badge-new.png') left top no-repeat;
color: #fff;
padding: 13px 0 0 7px;
left: 0;
top: 0;
z-index: 80;
}
.product-list .item-badge-new .badge-new {
transform: rotate(-41deg) translateX(-18px);
display: block;
font-size: 12px;
margin: 11px 0 0 0px;
text-align: center;
}
.product-list .item-badge-new .badge-new.en {
margin: 23px 0 0 -3px;
}
.product-list .item-title {
float: left;
width: 100%;
display: block;
clear: both;
color: #752A6F;
font-weight: bold;
font-size: 15px;
line-height: 1.2;
overflow: hidden;
}
.product-list .item-title:hover {
color: #C50E5E;
}
.product-list .item-footer {
margin-top: 12px;
float: left;
clear: both;
width: 100%;
height: 55px;
overflow: hidden;
}
.product-list .item-title {
float: left;
width: 75%;
}
.product-list .item-prices,
.product-list .item-price-ranges {
float: right;
width: 22%;
line-height: 1.2;
text-align: right;
}
.product-list .item-price-before {
text-decoration: line-through;
margin-bottom: 4px;
}
.product-list .item-price-final {
font-weight: bold;
color: #222;
}
.product-list .item-price-final span {
font-size: 13px;
font-weight: normal;
display: block;
}
.product-list .item-price {
display: block;
background-color: #222;
background-color: rgba(34, 34, 34, 0.8);
padding: 8px 10px;
text-align: center;
width: 130px;
font-size: 14px;
margin: 0 auto;
color: #fff;
margin-bottom: 15px;
}
.product-list .price-range {
float: none;
}
.product-list .price-range.range-from {
margin-right: 0;
}
.product-list .price-range .range-label {
font-size: 10px;
line-height: 100%;
margin-bottom: 0;
}
.product-list .price-range .range-price {
font-size: 14px;
margin-bottom: 1px;
font-weight: bold;
}
.product-list .item-popup {
-moz-transition: opacity, 0.15s;
-o-transition: opacity, 0.15s;
-webkit-transition: opacity, 0.15s;
transition: opacity, 0.15s;
opacity: 0;
position: absolute;
bottom: 0;
left: 0;
}
.product-list .item-popup a {
padding: 0;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
font-size: 17px;
float: left;
margin-left: 2px;
}
.product-list .item-thumbnail {
height: 0;
padding-bottom: 70%;
background-repeat: no-repeat;
background-position: center center;
-moz-background-size: contain;
-o-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
}
.product-list .item-thumbnail-option {
width: 55px;
height: 55px;
background-repeat: no-repeat;
background-position: center center;
-moz-background-size: contain;
-o-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
}
.product-list .item-thumbnail-option-color {
width: 35px;
height: 35px;
background-repeat: no-repeat;
background-position: center center;
-moz-background-size: contain;
-o-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
border: 1px solid #ddd;
}
.product-list .item-thumbnail-option-color:hover {
border-color: #CA588A;
}
.product-list .item-expanded .item-main {
float: left;
width: 240px;
}
.product-list .item-expanded .item-thumbnail {
padding-bottom: 100%;
}
.product-list .item-expanded .item-side-list {
width: 75px;
float: right;
position: relative;
}
.product-list .item-expanded .item-side-list .list {
margin-top: -4px;
margin-left: -5px;
}
.product-list .item-expanded .item-side-list .list li {
float: left;
margin-top: 4px;
margin-left: 5px;
}
.product-list .item-expanded .item-side-list .list-more {
font-size: 50px;
font-weight: bold;
padding: 0;
line-height: 35px;
text-align: center;
position: absolute;
bottom: 0;
right: 0;
width: 35px;
height: 35px;
border: none;
color: #752A6F;
}
.product-list .item-expanded .item-side-list .list-more:hover {
color: #C50E5E;
}
.product-list .item-variant .item-side-list {
width: 55px;
}
.product-list .item-variant .item-side-list .list {
margin: 0;
}
.product-list .item-variant .item-side-list .list li {
margin: 5px 0 0 0;
}
.product-list .item-variant .item-side-list .list li:first-child {
margin-top: 0;
}
.product-list .item-variant .item-side-list .list-more {
position: absolute;
width: 100% !important;
display: block;
line-height: 1;
height: auto;
bottom: -48px;
}
.product-results {
font-style: italic;
margin: 0;
float: left;
line-height: 30px;
}
@media only screen and (max-width: 959px) {
.product-list .list-item {
width: 44.53125%;
}
.product-list .list-item .item-main {
height: 180px;
}
.product-list .list-item .item-prices,
.product-list .list-item .item-prices span {
font-size: 12px;
}
.product-list .list-item .item-title {
font-size: 13px;
}
.product-list .list-item .item-popup a {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 13px;
}
.product-list .item-expanded .item-main {
width: 173px;
}
.product-list .item-expanded .item-thumbnail {
padding-bottom: 113%;
}
.product-list .item-expanded .item-side-list {
width: 55px;
}
.product-list .item-expanded .item-side-list .list-more {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 35px;
}
.product-list .item-expanded .item-thumbnail-option-color {
width: 25px;
height: 25px;
}
.product-list .item-variant .item-side-list {
width: 55px;
}
.product-list .item-variant .item-side-list .list {
margin-top: -2px !important;
}
.product-list .item-variant .item-side-list .list li {
margin: 2px 0 0 0;
}
.product-list .item-variant .item-side-list .list li:first-child {
margin-top: 0;
}
.product-list .item-variant .item-side-list .list-more {
bottom: -26px !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.product-list .list-item {
width: 90%;
}
.product-list .list-item .item-main {
height: 190px;
}
.product-list .list-item .item-title {
height: auto;
}
.product-list .list-item .item-popup a {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 17px;
}
.product-list .item-thumbnail {
padding-bottom: 50%;
}
.product-list .item-expanded .item-main {
width: 311px;
}
.product-list .item-expanded .item-thumbnail {
padding-bottom: 60%;
}
.product-list .item-expanded .item-side-list {
width: 55px;
}
.product-list .item-expanded .item-side-list .list-more {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 35px;
}
.product-list .item-expanded .item-thumbnail-option-color {
width: 25px;
height: 25px;
}
.product-list .item-variant .item-side-list {
width: 50px;
}
.product-list .item-variant .item-thumbnail-option {
width: 50px;
height: 50px;
}
}
@media only screen and (max-width: 479px) {
.product-list .list-item {
width: 300px;
}
.product-list .list-item .item-main {
height: 230px;
}
.product-list .list-item .item-title {
height: auto;
}
.product-list .list-item .item-popup a {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 17px;
}
.product-list .list-item .item-title {
font-size: 14px;
}
.product-list .list-item .item-thumbnail {
padding-bottom: 75%;
}
.product-list .list-item .item-side-list {
width: 75px;
}
.product-list .list-item .item-side-list .list-more {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 35px;
}
.product-list .list-item .item-thumbnail-option-color {
width: 35px;
height: 35px;
}
.product-list .item-expanded .item-main {
width: 199px;
}
.product-list .item-expanded .item-thumbnail {
padding-bottom: 126%;
}
.product-list .item-variant .item-side-list {
width: 50px;
}
.product-list .item-variant .item-side-list .list-more {
bottom: -34px !important;
}
.product-list .item-variant .item-thumbnail-option {
width: 50px;
height: 50px;
}
}
.product-header {
position: relative;
}
.product-header .section-heading {
float: left;
margin-bottom: 0;
max-width: 860px;
line-height: 1.15;
}
.product-header .manu-logo {
position: absolute;
right: 0;
bottom: 5px;
}
@media only screen and (max-width: 767px) {
.manu-logo {
display: none;
}
}
.product-nav {
display: inline-block;
margin-left: 10px;
}
.product-nav .nav-prev,
.product-nav .nav-next {
display: block;
float: left;
font-size: 21px;
font-weight: bold;
width: 22px;
height: 22px;
text-align: center;
line-height: 21px;
}
.product-nav .nav-next {
margin-left: 2px;
}
.product-details {
margin-top: 40px;
margin-bottom: 70px;
}
.product-details .product-img {
height: 0;
padding-bottom: 100%;
background-repeat: no-repeat;
background-position: center center;
-moz-background-size: contain;
-o-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
}
.product-details .product-badges {
position: absolute;
top: 0;
left: 0;
}
.product-details .product-badges .product-badge-new {
display: inline-block;
background-color: #C50E5E;
color: #fff;
padding: 5px 10px;
margin-right: 5px;
}
.product-region {
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid #d7d7d7;
}
.product-tag {
padding: 6px 10px;
display: block;
margin-right: 8px;
background-color: #C50E5E;
color: #fff;
float: left;
font-size: 12px;
border-radius: 15px;
}
.product-color {
float: left;
margin: 0 7px 16px;
}
.product-color figcaption {
margin-top: 10px;
text-align: center;
}
.product-color .color-code {
font-weight: bold;
font-size: 13px;
}
.product-color .color-price {
margin-top: 4px;
}
.product-color .color-image {
display: block;
width: 64px;
height: 64px;
background-position: center center;
background-repeat: no-repeat;
border: 1px solid #e2e2e2;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.product-color .color-image--hover {
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
position: relative;
z-index: 0;
}
.product-color .color-image--hover:hover {
-moz-transform: scale(2.4);
-ms-transform: scale(2.4);
-webkit-transform: scale(2.4);
transform: scale(2.4);
z-index: 10;
}
.product-color .item-badges span {
margin-right: 4px;
font-size: 14px;
}
.product-color .icon-asterisk {
color: #C50E5E;
z-index: 1000;
}
.product-variant .variant-label {
display: inline-block;
margin: 7px 10px 0 0;
font-weight: bold;
}
.variant-description {
margin-top: 15px;
}
.product-dropdown {
float: left;
}
.product-quantity {
display: inline-block;
}
.product-quantity label {
display: inline-block;
margin: 5px 5px 0 0;
}
.product-quantity input {
display: inline-block;
width: 45px;
margin: 0 8px 0 0;
text-align: center;
padding: 6px 5px;
}
.product-image {
margin-bottom: 25px;
}
.product-image-list .carousel {
height: 100px;
width: 351px;
margin-left: 31px;
}
.product-image-list ul {
margin-left: -12px;
}
.product-image-list li {
float: left;
margin-left: 12px;
}
.product-image-list .item-thumbnail {
width: 100px;
height: 0;
padding-bottom: 100%;
background-repeat: no-repeat;
background-position: center center;
-moz-background-size: contain;
-o-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
}
.product-image-list .carousel-control-prev,
.product-image-list .carousel-control-next {
font-size: 40px;
position: absolute;
top: 30px;
}
.product-image-list .carousel-control-prev {
left: 4px;
}
.product-image-list .carousel-control-next {
right: 4px;
}
.product-image-list .item-badges {
position: absolute;
}
.product-image-list .item-badges span {
margin-right: 4px;
font-size: 16px;
}
.product-image-list .item-badges .icon-asterisk {
color: #C50E5E;
}
.related-list {
margin-left: 0;
}
.related-list .carousel {
width: 885px;
margin: 0 auto;
}
.related-list .carousel ul {
position: relative;
}
.related-list .list-item,
.related-list .list-item:nth-child(3n+1) {
width: 216px;
margin: 0 7px 0 0;
}
.related-list .item-main {
padding: 0;
height: 230px;
}
.related-list .item-image {
text-align: center;
height: 100%;
line-height: 230px;
}
.related-list .item-image img {
display: inline;
vertical-align: middle;
max-height: 100%;
}
.related-list .item-title {
height: 45px;
font-size: 13px;
}
.related-list .carousel-control-prev,
.related-list .carousel-control-next {
font-size: 55px;
position: absolute;
top: 35%;
}
.related-list .carousel-control-prev {
left: 0;
}
.related-list .carousel-control-next {
right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.related-list .carousel {
width: 662px !important;
}
.related-list .item-main {
height: 180px !important;
}
.related-list .item-image {
line-height: 180px !important;
}
}
@media only screen and (max-width: 767px) {
.related-list .carousel {
width: 240px !important;
}
.related-list .list-item {
width: 200px !important;
}
.related-list .item-main {
height: 240px !important;
}
.related-list .item-image {
line-height: 240px !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.related-list .carousel {
width: 280px !important;
}
.related-list .list-item {
width: 280px !important;
margin: 0 !important;
}
.related-list .item-main {
height: 280px !important;
}
.related-list .item-image {
line-height: 280px !important;
}
}
.page-header-search {
text-align: center;
margin-bottom: 30px;
}
.page-header-search input[type="text"],
.page-header-search input[type="submit"] {
display: inline-block;
}
.page-header-search input[type="text"] {
width: 60%;
margin: 0;
padding: 6px 10px;
}
.page-header-search input[type="submit"] {
font-size: 15px;
margin: 0 0 0 10px;
width: auto;
}
.product-price {
float: left;
}
.product-price span {
display: block;
}
.product-price .price-before {
font-size: 24px;
text-decoration: line-through;
color: #666666;
}
.product-price .price-now {
font-size: 34px;
}
.product-add {
float: right;
}
.price-range {
position: relative;
float: left;
}
.price-range.range-from {
margin-right: 20px;
}
.price-range.range-from:after {
position: absolute;
content: '...';
top: 27px;
right: -20px;
font-size: 24px;
}
.price-range span {
display: block;
margin-bottom: 5px;
}
.price-range .range-label {
font-size: 18px;
color: #666666;
}
.price-range .range-price {
font-size: 28px;
}
/*------------------------------------*\
$_Simple_page
\*------------------------------------*/
.gallery-list .gallery-main {
overflow: hidden;
margin-bottom: -20px;
margin-left: -20px;
}
.gallery-list .gallery-item {
width: 220px;
margin-left: 20px;
margin-bottom: 20px;
float: left;
display: block;
}
.gallery-list .gallery-item .gallery-image {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
height: 0;
padding-bottom: 90%;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.gallery-list .gallery-item {
width: 268px;
}
}
@media only screen and (max-width: 767px) {
.gallery-list .gallery-item {
float: none;
width: 300px;
}
}
.download-list .list-item {
margin-top: 40px;
overflow: hidden;
}
.download-list .list-item:first-child {
margin-top: 0;
}
.download-list .item-title {
font-weight: normal;
font-size: 1.07143em;
float: left;
min-height: 32px;
margin: 0;
width: 75.71429%;
padding-left: 40px;
background-repeat: no-repeat;
background-position: left top;
}
.download-list .item-title i {
font-size: 80%;
color: #888;
}
.download-list .item-button {
float: right;
}
@media only screen and (max-width: 767px) {
.download-list .item-button {
margin-top: 15px;
float: left;
}
}
.videos-list .list-item {
margin-top: 40px;
overflow: hidden;
}
.videos-list .list-item:first-child {
margin-top: 0;
}
.videos-list .media-content {
float: left;
width: 70%;
max-width: 100%;
margin-right: 15px;
font-weight: normal;
font-size: 1.07143em;
}
.videos-list .media-content .iframe-wrapper {
position: relative;
height: 0;
}
.videos-list .media-content iframe {
position: absolute;
}
@media only screen and (max-width: 767px) {
.videos-list .media-content {
float: none;
width: 100%;
margin-right: 0;
}
.videos-list .media-desc {
margin-top: 15px;
}
}
.flipbook-list .list-item {
margin-top: 40px;
overflow: hidden;
}
.flipbook-list .list-item:first-child {
margin-top: 0;
}
.flipbook-list .preview {
float: left;
margin-right: 3%;
}
.flipbook-list h5 {
margin-bottom: 10px;
}
.flipbook-grid .list {
overflow: hidden;
margin: -12px 0 -20px -20px;
}
.flipbook-grid p {
display: none;
}
.flipbook-grid img {
width: 100% !important;
}
.flipbook-grid h5 {
display: table;
width: 100%;
margin-top: 10px;
}
.flipbook-grid h5 a {
height: 42px;
display: table-cell;
vertical-align: bottom;
padding-bottom: 10px;
text-align: center;
}
.flipbook-grid .list-item {
width: 220px;
margin: 0 0 20px 20px;
float: left;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.flipbook-grid .list-item {
width: 265px;
}
}
@media only screen and (max-width: 767px) {
.flipbook-grid .list {
margin-top: 0;
}
.flipbook-grid .list-item {
float: none;
width: 220px;
}
.flipbook-grid .item-title {
height: auto;
display: block;
}
}
.main-section .date {
margin-right: 25px;
}
.item-meta {
font-size: 13px;
margin-bottom: 8px;
}
.item-meta .meta-group {
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
}
.item-meta .meta-group:last-child {
margin-right: 0;
}
.item-meta span {
float: left;
}
.item-meta .meta-label {
margin-right: 5px;
}
.item-meta .meta-value {
font-weight: bold;
text-indent: 0;
}
.item-meta .meta-link:hover {
color: #C50E5E;
}
/*------------------------------------*\
$_Stores
\*------------------------------------*/
.store-list {
overflow: hidden;
margin-left: -10px;
margin-bottom: 30px;
}
.store-list .list-item {
width: 33%;
float: left;
padding: 20px 10px;
margin-bottom: 10px;
}
.store-list .list-item:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.05);
}
.store-list .item-main {
margin-top: 15px;
}
.store-list .item-heading {
margin-bottom: 14px;
color: #752A6F;
word-break: break-word;
}
.store-list .item-group {
margin: 7px 0;
overflow: hidden;
line-height: 1.4;
}
.store-list .item-label-heading {
color: #752A6F;
}
.store-list .item-label {
margin-right: 2px;
font-weight: bold;
}
.store-results {
display: flex;
margin: -8px 0 20px;
font-style: italic;
}
.store-results > div {
margin-left: 10px;
}
.store-googlemap-heading {
margin-bottom: 30px;
}
.store-googlemap {
margin-top: 40px;
}
#map-canvas, #map_canvas {
padding-bottom: 55%;
}
#map-canvas img, #map_canvas img {
max-width: none;
}
.map-info-content {
overflow: hidden;
max-width: 300px;
}
.map-info-content .item-heading {
margin-bottom: 10px;
}
.map-info-content .item-group {
margin: 5px 0;
line-height: 1.3;
}
.map-info-content .item-label {
margin-right: 5px;
font-weight: bold !important;
}
@media only screen and (min-width: 451px) and (max-width: 790px) {
.store-list .list-item {
width: 50%;
}
}
@media only screen and (max-width: 450px) {
.store-list .list-item {
width: 100%;
}
}
.current-user-top {
vertical-align: top;
margin-right: 3px;
}
.current-user-top > a {
vertical-align: top;
}
.current-user-top .username-label {
text-transform: none;
vertical-align: top;
}
@media only screen and (max-width: 959px) {
.current-user-top > a:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.current-user-top > a:before {
content: "";
font-size: 14px;
position: relative;
top: -1px;
}
.username-label {
display: none;
}
.top-user-signout:before,
.top-user-signin:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.top-user-signout a,
.top-user-signin a {
display: none;
}
.top-user-signin:before {
content: "";
}
.top-user-signout:before {
content: "";
}
}
#ctl00_plcHeader_SignOutButton_btnSignOutLink:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
#ctl00_plcHeader_SignOutButton_btnSignOutLink:before {
content: '\f08b';
font-size: 15px;
position: relative;
top: -1px;
}
/*------------------------------------*\
$_Helpers
\*------------------------------------*/
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*/
.clearfix:before, #menu.full .container:before, #menu > .container > ul:before, #menu.combo > .container > ul:before, .site-nav > ul:before, .languages:before, #menu-home .menu-home-wide:before, .section-header:before, .sidebar .post .meta-group:before, .cart-footer:before, .cart-total .total-group:before, .product-toolbar-wrapper:before, .product-toolbar:before, .product-list:before, .product-list .list-item:before, .product-list .item-expanded .item-side-list .list:before, .product-region:before, .product-general:before, .product-footer:before, .item-meta:before, #ctl00_plcMainWrapper_plcMain_upnlPointOfSales:before,
.clearfix:after,
#menu.full .container:after,
#menu > .container > ul:after,
#menu.combo > .container > ul:after,
.site-nav > ul:after,
.languages:after,
#menu-home .menu-home-wide:after,
.section-header:after,
.sidebar .post .meta-group:after,
.cart-footer:after,
.cart-total .total-group:after,
.product-toolbar-wrapper:after,
.product-toolbar:after,
.product-list:after,
.product-list .list-item:after,
.product-list .item-expanded .item-side-list .list:after,
.product-region:after,
.product-general:after,
.product-footer:after,
.item-meta:after,
#ctl00_plcMainWrapper_plcMain_upnlPointOfSales:after {
content: " ";
display: table;
}
.clearfix:after, #menu.full .container:after, #menu > .container > ul:after, #menu.combo > .container > ul:after, .site-nav > ul:after, .languages:after, #menu-home .menu-home-wide:after, .section-header:after, .sidebar .post .meta-group:after, .cart-footer:after, .cart-total .total-group:after, .product-toolbar-wrapper:after, .product-toolbar:after, .product-list:after, .product-list .list-item:after, .product-list .item-expanded .item-side-list .list:after, .product-region:after, .product-general:after, .product-footer:after, .item-meta:after, #ctl00_plcMainWrapper_plcMain_upnlPointOfSales:after {
clear: both;
}
/*
* Floats
*/
.pull-left {
float: left !important;
}
.pull-right {
float: right !important;
}
/*
* Text align
*/
.text-center {
text-align: center;
}
.CookieConsent {
position: fixed;
bottom: 0;
padding: 20px;
z-index: 1000;
background-color: #ccc;
width: 100%;
text-align: center;
box-shadow: 0px 0px 99px 54px rgba(0,0,0,0.29);
}
.ConsentText {
line-height: 1.4;
}
.ConsentText a {
color: #752A6F;
}
.ConsentText a:hover {
text-decoration: underline;
}
.ConsentButtons {
display: inline-block;
}
.ConsentButtons input[type=submit] {
margin: 10px;
vertical-align: middle;
}
/**
* Swiper 5.4.5
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://swiperjs.com
*
* Copyright 2014-2020 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 16, 2020
*/
@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Add custom CSS */
.footer-last {
display: flex;
justify-content: space-between;
}
/* Product List Image accordeon */
.description-container--text {
display: flex;
justify-content: space-between;
align-items: baseline;
color: #444;
cursor: pointer;
width: 100%;
border: none;
outline: none;
transition: max-height 0.4s;
margin-bottom: 20px;
}
.description-container--toggle {
display: flex;
justify-content: flex-end;
}
.panel {
padding: 0 18px;
max-height: 400px;
transition: max-height .2s linear;
}
.swiper-container--news {
width: 100%;
height: 100%;
}
.swiper-container--news a {
color: #eee;
font-size: 14px;
}
.swiper-container--news a:hover {
color: #C50E5E !important;
font-size: 14px;
}
.swiper-slide--news {
padding: 6px 0;
text-align: start;
font-size: 18px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: self-start;
}
.swiper-container--common {
width: 100%;
height: 160px;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
}
.swiper-slide--common {
margin: 10px;
height: calc(100% - 30px);
width: calc((100% - 80px) / 4) !important;
border: 1px solid #e2e2e2;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide--common img {
width: 100%;
height: 100%;
object-fit: contain;
}
.swiper-pagination-bullet-active {
background-color: #333;
}
.news-container--index {
z-index: 13;
position: absolute;
width: 100%;
color: #666;
background-color: rgba(0, 0, 0, 0.75);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
padding: 0;
margin-bottom: 10px;
}
.news-container {
color: #ccc;
position: relative;
display: flex;
align-items: baseline;
}
.container-wrapper.extra-padding {
padding: 142px 0 83px;
}
.shipping-notes-container {
margin: 30px 0;
}
.step5-pay-shipping {
display: flex;
flex-direction: column;
align-content: flex-start;
}
.securepay {
width: 220px;
}
.checkout-login-error {
padding: 3px;
max-width: 350px;
line-height: 1.4;
}
.social-login-container {
margin-bottom: 25px;
margin-top: 20px;
}
.gtpr-btn-container {
display: flex;
justify-content: flex-end;
}
.gtpr-btn-container form .cancel {
background-color: #f7f7f7;
color: #333 !important;
margin-right: 10px;
}
.gdpr-logo {
display: flex;
justify-content: center;
}
.gdpr-logo img {
width: 300px;
height: auto;
}
/* Custom Carousel */
.message-error {
font-size: 12px !important;
font-weight: bold;
padding: 5px;
text-align: center;
color: white;
width: 243px;
margin-top: -15px;
background-color: #A94848;
}
.color-caption {
width: 65px;
}
.options-container {
display: flex;
justify-content: flex-start;
align-items: center;
}
.options-container div {
margin: 0 15px 0 0;
}
.options-container .dropdown {
margin: 25px 0;
}
.section-description {
background-repeat: no-repeat;
background-position: center center;
height: 100px;
}
.swiper-btn {
color: #333 !important;
}
.checkbox-container {
display: flex;
align-items: baseline;
margin: 20px 0 15px 0;
}
.checkout-login-container {
width: 100%;
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
}
.checkout-login {
width: 350px;
}
.vertical-line {
align-self: center;
height: 100px;
width: 1px;
margin: 20px;
border-left: 1px solid #d7d7d7;
}
.custom-icon-size {
font-size: 16px !important;
line-height: 10px !important;
}
.signoutLink {
cursor: pointer;
}
.socialbtn {
width: 100%;
background-color: red;
}
.signoutForm {
display: inline;
}
.field-validation-error {
font-size: 12px !important;
font-weight: bold;
line-height: 18px;
text-align: left;
padding: 5px;
font-size: 1.2em;
color: #fff;
background-color: #A94848;
}
.field-validation-error::before {
content: url('Images/error-x.png');
margin-right: 5px;
}
input[type="email"] {
display: block;
margin: 0 0 4px;
color: #333;
background-color: #fff;
border: 1px solid #ccc;
padding: 10px 11px;
width: 100%;
font-family: sans-serif;
font-size: 1.14286em;
line-height: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-float-left {
float: left;
}
.column2 {
width: 50%;
}
.column3 {
width: 33%;
align-content: flex-start;
}
.mailchip-padding {
padding: 0 5px;
}
.mailchimp-select {
width: 100%;
height: 40px;
}
#Email {
width: 100% !important;
height: 40px;
}
.mailchimp-button {
width: 100% !important;
height: 40px;
}
.custom-select {
position: relative;
font-family: Arial;
min-height: 40px;
}
.custom-select select {
display: none; /*hide original SELECT element: */
}
.select-selected {
background-color: #fff;
}
/* override coupon-wrap rule */
.coupon-wrap {
display: block !important;
width: 100% !important;
margin: 20px 0;
}
.sort-select {
padding: 4px 10px;
}
.pagination .pagination-container .pagination-pages li.active a {
color: #000;
background-color: transparent;
border: 2px solid #333;
padding: 7px 6px 5px;
}
.preview-pay-address-list {
padding-top: 15px;
}
.preview-pay-address-list li {
margin: 10px auto;
}
/* Style the arrow inside the select element: */
.select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
border-color: transparent transparent #333 transparent;
top: 7px;
}
/* style the items (options), including the selected item: */
.select-items div, .select-selected {
color: #666;
font-size: 1.2em;
padding: 10px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
height: 40px;
}
/* Style items (options): */
.select-items {
position: absolute;
background-color: #fff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
/* Hide the items when the select box is closed: */
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: #752A6F;
color: #fff;
}
.same-as-selected {
color: #fff !important;
}
.validation-error {
color: #fff;
background-color: #A94848;
min-height: 30px;
}
.validation-error-with-symbol {
font-size: 1.2em;
color: #fff;
background-color: #A94848;
}
.material-icons.sm-16 {
font-size: 16px;
}
.material-icons.sm-14 {
font-size: 14px;
}
.material-icons.mt-5 {
margin-top: 11px;
padding: 5px;
}
.mailchimp-error-padding {
padding: 0 5px;
margin-bottom: 15px;
}
.extra-margin-top-vertical {
margin: 50px 0 50px;
}
.small-em {
font-size: .8em;
}
.a-btn {
cursor: pointer;
}
/* css grid setup */
.coupon-grid-container {
display: grid;
grid-template-columns: auto auto auto;
grid-template-rows: auto;
grid-gap: 10px;
padding: 10px 0;
}
.coupon-input {
grid-column: 1/2;
}
.coupon-submit {
grid-column: 2;
padding: 5px;
}
.grid-container {
display: grid;
grid-template-columns: auto auto auto;
grid-template-rows: auto;
grid-gap: 10px;
padding: 10px;
}
.grid-container > div {
text-align: center;
padding: 5px;
}
.list-item-pointofsale {
width: 100% !important;
text-align: left !important;
}
.points-hover a {
color: #333;
}
.points-hover:hover, .menuElem a:hover {
background-color: #f2f2f2;
color: #333;
}
/* account area grid setup */
.double-column-container {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: auto;
grid-gap: 10px;
padding: 10px;
}
.double-column-container > div {
text-align: left;
color: #000;
margin-bottom: 25px;
}
.double-column-message {
grid-column: 1 / 3;
font-weight: 700;
}
.double-column-error {
display: flex;
background-color: #A94848;
padding: 10px;
justify-content: center;
align-items: center;
color: #fff !important;
border-radius: 5px;
}
.double-column-success {
display: flex;
background-color: forestgreen;
padding: 10px;
justify-content: center;
align-items: center;
color: #fff !important;
border-radius: 5px;
}
/* orders triple column grid */
.triple-column-container {
display: grid;
grid-template-columns: 33% 33% 33%;
grid-template-rows: auto;
grid-gap: 10px;
padding: 10px;
}
.triple-column-container > div {
justify-content: center;
align-items: center;
color: #000;
}
.triple-column-twothirds {
grid-column: 1 / 3;
justify-content: left !important;
align-items: end !important;
}
.triple-column-onethird {
display: flex;
text-align: left;
justify-content: left !important;
align-items: end !important;
grid-column: 3;
}
.triple-column-twothirds-right {
grid-column: 2 / 4;
}
.triple-column-onethird-right {
display: flex;
grid-column: 1;
justify-content: left !important;
align-items: left !important;
/*justify-content: center;
align-items: center;*/
}
.triple-column-half-left {
grid-column: 1 / 2;
}
.triple-column-half-right {
grid-column: 2 / 4;
}
.triple-column-onethird > select {
margin-right: 0;
width: 20%;
}
/* preview order grid styles */
.quad-column-container {
display: grid;
grid-template-columns: auto auto auto auto;
grid-template-rows: auto;
grid-gap: 10px;
padding: 10px 0;
}
.quad-column-container > div {
text-align: left;
}
.quad-column-container > div > ul {
float: left;
}
.quad-column-twoforths-first {
grid-column: 1 / 3;
}
.quad-column-twoforths-last {
grid-column: 3 / 5;
}
.quad-column-sub-double {
display: grid;
grid-template-columns: 80% 20%;
grid-template-rows: auto;
grid-gap: 10px;
padding: 10px;
}
.quad-column-sub-double-first {
padding-left: 50%;
text-align: left;
}
.quad-column-sub-double-last {
text-align: right;
}
/* preview order product grid styles */
.penta-column-container {
display: grid;
grid-template-columns: auto auto auto auto auto;
grid-template-rows: auto;
grid-gap: 10px;
padding: 10px;
}
.penta-column-container > div {
text-align: center;
}
/* preview order product grid styles end*/
.penta-column-container > div {
text-align: center;
}
.account-page .UniGridGrid a {
color: #333;
cursor: pointer;
}
.account-page .UniGridGrid a:hover {
color: #8a3383;
}
/* override rules for cart units input */
.cart-table .item-quantity input, .account-page .UniGridGrid .item-quantity input {
width: 50px;
padding: 10px 2px;
font-size: .9em;
color: #333;
border: 1px solid #ccc;
}
/* Tabs setup */
/* Style tab links */
.tablink {
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 10px 12px;
font-size: 17px;
width: 100%;
}
.tabOpen {
background-color: #8a3383;
color: white;
}
.tab-button-container {
display: grid;
grid-template-columns: auto auto auto auto;
grid-template-rows: auto;
}
.tab-button-container > div {
text-align: center;
}
.mrg-top10 {
margin-top: 10px;
}
.mrg-bot10 {
margin-bottom: 10px;
}
.mrg-top15 {
margin-top: 15px;
}
.mrg-bot15 {
margin-bottom: 15px;
}
.mrg-top30 {
margin-top: 30px;
}
.mrg-bot30 {
margin-bottom: 30px;
}
.mrg-top50 {
margin-top: 50px;
}
.mrg-bot50 {
margin-bottom: 50px;
}
.padding-top10 {
padding-top: 50px;
}
.padding-top50 {
padding-top: 50px;
}
.padding-bot10 {
margin-bottom: 10px;
}
.padding-bot50 {
margin-bottom: 50px;
}
.invoice-container {
display: block;
z-index: 9999;
height: 100%;
width: 100%;
position: absolute;
background: #fff;
top: 0;
right: 0;
-webkit-box-shadow: 0px 0px 58px 8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 58px 8px rgba(0,0,0,0.75);
box-shadow: 0px 0px 58px 8px rgba(0,0,0,0.75);
}
.invoice-container-button {
border: none;
display: block;
z-index: 99999;
width: 30px;
height: 30px;
color: #fff;
position: absolute;
top: 0px;
right: 0px;
background-color: #000;
}
.invoice-container > button:hover {
display: block;
position: absolute;
background-color: #752A6F;
}
.invoice-container > button > i {
position: absolute;
top: 3px;
left: 4px;
}
.invoice-hidden {
display: none !important;
}
.invoice-link {
cursor: pointer;
}
.tg {
margin: 50px;
border-collapse: collapse;
border-spacing: 0;
width: 600px;
height: auto;
}
.tg td {
font-size: 14px;
padding: 10px 5px;
border-style: solid;
border-width: 1px;
overflow: hidden;
word-break: normal;
border-color: black;
}
.tg th {
font-size: 14px;
font-weight: normal;
padding: 10px 5px;
border-style: solid;
border-width: 1px;
overflow: hidden;
word-break: normal;
border-color: black;
}
.tg .tg-lboi {
border-color: inherit;
text-align: left;
vertical-align: middle
}
.tg .tg-0pky {
border-color: inherit;
text-align: left;
vertical-align: top
}
.no-borders, .no-borders > tbody > tr > td, .no-borders > thead > tr > td {
border: none;
}
.no-borders > thead > tr > td {
font-weight: 700;
font-size: 1em;
}
.full-width {
width: 100%;
}
/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
color: #333;
display: none;
padding: 10px 0;
height: 100%;
background-color: #fff;
}
.hidden-form {
display: none;
}
.selection-box > span {
float: left;
}
.selection-ul {
list-style-type: none;
}
.selection-ul > li {
float: left;
margin: 0px 5px 0px;
}
/* customer account address tab */
.addresses-box {
width: 100%;
height: 200px;
border-top: 1px solid #333;
overflow-y: auto;
}
.addresses-box table {
margin-bottom: 10px;
}
.addresses-box-td-first {
width: 30%;
padding: 30px;
text-align: center;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.addresses-box-td-first i {
margin-right: 20px;
}
.addresses-box-td-second {
width: 70%;
padding: 30px;
text-align: center;
border-bottom: 1px solid #ccc;
color: #000;
}
.orders-table-line > td {
padding: 30px;
text-align: center;
color: rgba(0, 0, 0, 0.5);
}
.orders-table-line-td-left {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.orders-table-line-td-last {
border-bottom: 1px solid #ccc;
}
.orders-header-tr > th {
font-size: 1.1em;
text-align: center;
font-weight: 700;
}
.options-btn {
cursor: pointer;
}
.lds-dual-ring {
display: inline-block;
width: 64px;
height: 64px;
}
.lds-dual-ring:after {
content: " ";
display: block;
width: 46px;
height: 46px;
margin: 1px;
border-radius: 50%;
border: 5px solid #ccc;
border-color: #ccc transparent #ccc transparent;
animation: lds-dual-ring 1.2s linear infinite;
margin: 0 auto;
}
.options-loader {
position: relative;
width: 100%;
height: 100%;
z-index: 9999;
padding: 10px;
top: 0;
left: 0;
/*background-color:rgb(0,0,0, .5);*/
text-align: center;
}
.blog-grid .post .about {
min-height: 200px !important;
}
.icon-google {
background-image: url("Images/g-icon.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 17px;
height: 17px;
}
.product-sort .sort-label {
float: left;
}
.customer-options-select {
width: 100%;
height: 35px;
}
.socialbtn {
width: 100% !important;
height: 38px;
}
.socialbtn p {
padding-left: -20px;
}
.social-group {
margin: 25px 0 !important;
}
.social-btn-container {
display: flex;
justify-content: flex-start;
height: 100%;
align-items: center;
}
.social-btn-container p {
margin: 0 auto;
}
.social-btn-container i {
position: absolute;
width: 17px
}
.button, input[type="button"], input[type="submit"], button[type="submit"], .comments-wrapper .BoardSubscribe, .button:visited, input[type="button"]:visited, input[type="submit"]:visited, button[type="submit"]:visited, .comments-wrapper .BoardSubscribe:visited, .FormButton, .FormButton:visited {
font-size: 1.2em !important;
}
.formwidget-submit-text {
font-size: 1.1em;
font-weight: 600;
width: 100%;
height: 20px;
background-color: #7bd997;
}
.black-bold {
color: #000;
margin-bottom: 20px;
text-indent: 10px;
}
.black-bold td {
display: flex;
justify-content: center;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.price-title {
font-size: 1.1em;
color: #666;
}
.align-div-middle {
position: relative;
top: 20%;
}
#bttBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
line-height: 0px;
border: none;
outline: none;
background-color: #752a6f;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
#bttBtn:hover {
background-color: #c50e5e;
}
.header-search-item-fix-top {
top: 66px !important;
}
.mapouter {
position: relative;
text-align: right;
height: 300px;
width: 460px;
}
.gmap_canvas {
overflow: hidden;
background: none !important;
height: 300px;
width: 460px;
}
/*product details scrollbar*/
#scrollbar1 {
margin: 20px auto 10px;
position: relative;
}
#scrollbar1 .viewport {
height: 300px;
overflow-y: scroll;
position: relative;
}
#scrollbar1 .overview {
display: flex;
flex-wrap: wrap;
list-style: none;
justify-content: center;
margin: 0;
padding: 30px 0;
}
#scrollbar1 ::-webkit-scrollbar {
background-color: #e9e9e9;
border-radius: 8px;
position: absolute;
background-position: 0 0;
right: -20px;
top: 0;
width: 13px;
}
#scrollbar1 ::-webkit-scrollbar-track {
background: none;
height: 100%;
width: 11px;
position: relative;
padding: 0 1px;
}
#scrollbar1 ::-webkit-scrollbar-thumb {
background-color: #6D6D6D;
border-radius: 8px;
height: 20px;
width: 9px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
left: 2px;
}
/*#scrollbar1 .thumb .end {
display: none;
overflow: hidden;
height: 5px;
width: 25px;
}
#scrollbar1 .disable {
display: none;
}*/
/***************************/
@media only screen and (max-width: 480px) {
.overflow-table {
width: 260px;
overflow-x: auto;
}
.mapouter {
position: relative;
text-align: right;
height: 300px;
width: 300px;
}
.product-image-list .carousel {
width: 240px !important;
overflow: hidden;
}
.gmap_canvas {
overflow: hidden;
background: none !important;
height: 300px;
width: 300px;
}
.product-quantity {
display: block;
margin: 5px;
}
.column3 {
width: 100%;
align-content: flex-start;
}
.form-float-left {
float: none;
margin-top: 10px;
}
/* css grid setup */
.grid-container {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
grid-gap: 10px;
padding: 10px;
}
.grid-container > div {
text-align: center;
padding: 5px;
}
.tablink {
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 10px 12px;
font-size: 14px;
width: 100%;
}
.tabOpen {
background-color: #8a3383;
color: white;
}
.tab-button-container {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
}
.tab-button-container > div {
text-align: center;
}
/* account area grid setup */
.double-column-container {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: auto;
grid-gap: 10px;
padding: 10px;
}
.double-column-container > div {
text-align: left;
}
.double-column-message {
grid-column: 1 / 3;
}
.double-column-error {
display: flex;
background-color: #A94848;
padding: 10px;
justify-content: center;
align-items: center;
}
.double-column-success {
display: flex;
background-color: forestgreen;
padding: 10px;
justify-content: center;
align-items: center;
}
}
@media only screen and (max-width: 540px) {
.d-sm-none {
display: none;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.checkout-login {
width: 100%;
}
.vertical-line {
display: none;
}
.overflow-table {
overflow-x: auto;
}
.mapouter {
position: relative;
text-align: right;
height: 300px;
width: 420px;
}
.product-image-list .carousel {
width: 350px !important;
overflow: hidden;
}
.gmap_canvas {
overflow: hidden;
background: none !important;
height: 300px;
width: 420px;
}
.product-quantity {
display: block;
margin: 5px;
}
.column3 {
width: 100%;
align-content: flex-start;
}
.form-float-left {
float: none;
margin-top: 10px;
}
/* css grid setup */
.grid-container {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto;
grid-gap: 10px;
padding: 10px;
}
.grid-container > div {
text-align: center;
padding: 5px;
}
.list-item {
width: 100% !important;
}
.tablink {
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 10px 12px;
font-size: 14px;
width: 100%;
}
.tabOpen {
background-color: #8a3383;
color: white;
}
.tab-button-container {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
}
.tab-button-container > div {
text-align: center;
}
/* account area grid setup */
.double-column-container {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: auto;
grid-gap: 10px;
padding: 10px;
}
.double-column-container > div {
text-align: left;
}
.double-column-message {
grid-column: 1 / 3;
}
.double-column-error {
display: flex;
background-color: #A94848;
padding: 10px;
justify-content: center;
align-items: center;
}
.double-column-success {
display: flex;
background-color: forestgreen;
padding: 10px;
justify-content: center;
align-items: center;
}
}
@media only screen and (min-width: 767px) and (max-width: 980px) {
.overflow-table {
overflow-x: auto;
}
.mapouter {
position: relative;
text-align: right;
height: 300px;
width: 360px;
}
.gmap_canvas {
overflow: hidden;
background: none !important;
height: 300px;
width: 360px;
}
.product-image-list .carousel {
width: 240px !important;
overflow: hidden;
}
.column3 {
width: 33%;
align-content: flex-start;
}
.form-float-left {
float: left;
font-size: 0.7em;
}
.tablink {
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 10px 12px;
font-size: 14px;
width: 100%;
}
.tabOpen {
background-color: #8a3383;
color: white;
}
/* account area grid setup */
.double-column-container {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: auto;
grid-gap: 10px;
padding: 10px;
}
.double-column-container > div {
text-align: left;
}
.double-column-message {
grid-column: 1 / 3;
}
.double-column-error {
display: flex;
background-color: #A94848;
padding: 10px;
justify-content: center;
align-items: center;
}
.double-column-success {
display: flex;
background-color: forestgreen;
padding: 10px;
justify-content: center;
align-items: center;
}
}
/* The Modal (background) */
.PromoModal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 999; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(255, 255, 255); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.PromoModal-content {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
}
/* The Close Button */
.PromoModal .close {
color: #000000;
font-size: 28px;
font-weight: bold;
position: absolute;
right: 25px;
}
.PromoModal .close:hover,
.PromoModal .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.py--5 {
padding: 5px 0;
}
.bg-primary {
background-color: rgb(117, 42, 111);
}
.justify-center {
justify-content: center !important;
}
.d-flex {
display: flex;
}
.align-center {
align-items: center;
}
.deleted-price {
margin-right: 5px;
font-size: 16px;
text-decoration: line-through;
}