@font-face {
    font-family: 'FONT_Muncie';
    src: url("../printing_fonts/muncie-webfont.eot");
    src: url("../printing_fonts/muncie-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/muncie-webfont.woff2") format("woff2"), url("../printing_fonts/muncie-webfont.woff") format("woff"), url("../printing_fonts/muncie-webfont.ttf") format("truetype"), url("../printing_fonts/muncie-webfont.svg#muncieregular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FONT_Wisdom_Scription_AI';
    src: url("../printing_fonts/wisdomscript-webfont.eot");
    src: url("../printing_fonts/wisdomscript-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/wisdomscript-webfont.woff2") format("woff2"), url("../printing_fonts/wisdomscript-webfont.woff") format("woff"), url("../printing_fonts/wisdomscript-webfont.ttf") format("truetype"), url("../printing_fonts/wisdomscript-webfont.svg#wisdom_script_airegular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FONT_Raleway_Medium';
    src: url("../printing_fonts/raleway-medium-webfont.eot");
    src: url("../printing_fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-medium-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-medium-webfont.woff") format("woff"), url("../printing_fonts/raleway-medium-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FONT_Raleway_ExtraLight';
    src: url("../printing_fonts/raleway-extralight-webfont.eot");
    src: url("../printing_fonts/raleway-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/raleway-extralight-webfont.woff2") format("woff2"), url("../printing_fonts/raleway-extralight-webfont.woff") format("woff"), url("../printing_fonts/raleway-extralight-webfont.ttf") format("truetype"), url("../printing_fonts/raleway-extralight-webfont.svg#ralewayextralight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FONT_LeagueGothic_CondensedItalic';
    src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf");
    src: url("../printing_fonts/LeagueGothic-CondensedItalic.otf") format("opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FONT_LeagueGothic_CondensedRegular';
    src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf");
    src: url("../printing_fonts/LeagueGothic-CondensedRegular.otf") format("opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FONT_LeagueGothic_Italic';
    src: url("../printing_fonts/LeagueGothic-Italic.otf");
    src: url("../printing_fonts/LeagueGothic-Italic.otf") format("opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FONT_LeagueGothic_Regular';
    src: url("../printing_fonts/leaguegothic-regular-webfont.eot");
    src: url("../printing_fonts/leaguegothic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/leaguegothic-regular-webfont.woff2") format("woff2"), url("../printing_fonts/leaguegothic-regular-webfont.woff") format("woff"), url("../printing_fonts/leaguegothic-regular-webfont.ttf") format("truetype"), url("../printing_fonts/leaguegothic-regular-webfont.svg#league_gothicregular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FONT_Didot';
    src: url("../printing_fonts/Didot.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/Didot.woff") format("woff"), url("../printing_fonts/Didot.ttf") format("truetype"), url("../printing_fonts/Didot.svg#Didot") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FONT_AbrahamLincoln';
    src: url("../printing_fonts/abrahamlincoln-webfont.eot");
    src: url("../printing_fonts/abrahamlincoln-webfont.eot?#iefix") format("embedded-opentype"), url("../printing_fonts/abrahamlincoln-webfont.woff2") format("woff2"), url("../printing_fonts/abrahamlincoln-webfont.woff") format("woff"), url("../printing_fonts/abrahamlincoln-webfont.ttf") format("truetype"), url("../printing_fonts/abrahamlincoln-webfont.svg#abraham_lincolnregular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Comic Neue Angular';
    font-weight: 500;
    font-style: normal;
    src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot");
    src: url("/font/comic_neue/ComicNeue-Angular-Regular.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Regular.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Regular.ttf") format("truetype")
}

@font-face {
    font-family: 'Comic Neue Angular Bold';
    font-weight: 500;
    font-style: normal;
    src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot");
    src: url("/font/comic_neue/ComicNeue-Angular-Bold.eot?#iefix") format("embedded-opentype"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff2") format("woff2"), url("/font/comic_neue/ComicNeue-Angular-Bold.woff") format("woff"), url("/font/comic_neue/ComicNeue-Angular-Bold.ttf") format("truetype")
}

@font-face {
    font-family: 'icomoon';
    src: url("../font/icons/icomoon.eot?v=11");
    src: url("../font/icons/icomoon.eot?v=11#iefix") format("embedded-opentype"), 
         url("../font/icons/icomoon.woff?v=11") format("woff"), 
         url("../font/icons/icomoon.ttf?v=11") format("truetype"), 
         url("../font/icons/icomoon.svg?v=11#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

body {
    font-size: 14px;
    line-height: 22px;
    color: #666;
    font-family: "Roboto", Helvetica, Arial, Sans-Serif;
    background: #ffffff
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    box-sizing: border-box
}

.wrapper,
.campaign__wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px
}

.sm-wrapper {
    max-width: 900px
}

.full-width {
    max-width: 100%
}

.form-wrapper {
    padding: 0 22px
}

.modal-form-wrapper {
    margin: 0 auto
}

.column1 {
    width: 8.33333%
}

.push1 {
    position: relative;
    left: 8.33333%
}

.pull1 {
    position: relative;
    left: -8.33333%
}

.column2 {
    width: 16.66667%
}

.push2 {
    position: relative;
    left: 16.66667%
}

.pull2 {
    position: relative;
    left: -16.66667%
}

.column3 {
    width: 25%
}

.push3 {
    position: relative;
    left: 25%
}

.pull3 {
    position: relative;
    left: -25%
}

.column4 {
    width: 33.33333%
}

.push4 {
    position: relative;
    left: 33.33333%
}

.pull4 {
    position: relative;
    left: -33.33333%
}

.column5 {
    width: 41.66667%
}

.push5 {
    position: relative;
    left: 41.66667%
}

.pull5 {
    position: relative;
    left: -41.66667%
}

.column6 {
    width: 50%
}

.push6 {
    position: relative;
    left: 50%
}

.pull6 {
    position: relative;
    left: -50%
}

.column7,
.modal-form-wrapper {
    width: 58.33333%
}

.push7 {
    position: relative;
    left: 58.33333%
}

.pull7 {
    position: relative;
    left: -58.33333%
}

.column8 {
    width: 66.66667%
}

.push8 {
    position: relative;
    left: 66.66667%
}

.pull8 {
    position: relative;
    left: -66.66667%
}

.column9,
.form-wrapper {
    width: 75%
}

.push9 {
    position: relative;
    left: 75%
}

.pull9 {
    position: relative;
    left: -75%
}

.column10 {
    width: 83.33333%
}

.push10 {
    position: relative;
    left: 83.33333%
}

.pull10 {
    position: relative;
    left: -83.33333%
}

.column11 {
    width: 91.66667%
}

.push11 {
    position: relative;
    left: 91.66667%
}

.pull11 {
    position: relative;
    left: -91.66667%
}

.column12,
.subs-info .description {
    width: 100%
}

.push12 {
    position: relative;
    left: 100%
}

.pull12 {
    position: relative;
    left: -100%
}

.row>[class*="column"] {
    padding-left: 11px;
    padding-right: 11px
}

.row .row {
    margin-left: -11px;
    margin-right: -11px
}

.row [class*="column"].thin-column {
    padding: 5.5px
}

.t-row,
.subs-mail-form {
    display: table;
    width: 100%;
    border-collapse: collapse
}

.t-row>*,
.subs-mail-form>* {
    display: table-cell;
    padding-left: 0;
    padding-right: 0
}

.t-row .block,
.subs-mail-form .block,
.t-row #search-wrapper .collection-header:before,
#search-wrapper .t-row .collection-header:before,
.subs-mail-form #search-wrapper .collection-header:before,
#search-wrapper .subs-mail-form .collection-header:before {
    display: block;
    float: none
}

.t-layout-fixed,
.subs-mail-form {
    table-layout: fixed
}

.bm-draggable-picture {
    width: 75px;
    height: auto
}

.bm-add-picture {
    width: 75px;
    font-size: 50px
}

.clearfix,
.wrapper,
.campaign__wrapper,
.row,
.multi-buttons,
.toggle-widget {
    clear: both;
    *zoom: 1
}

.clearfix:after,
.wrapper:after,
.campaign__wrapper:after,
.row:after,
.multi-buttons:after,
.toggle-widget:after,
.clearfix:before,
.wrapper:before,
.campaign__wrapper:before,
.row:before,
.multi-buttons:before,
.toggle-widget:before {
    content: "";
    display: table;
    clear: both
}

.clearfix-overflow,
.checkbox,
.multi-buttons,
.summary-product {
    overflow: hidden;
    *zoom: 1
}

.scroll {
    overflow: auto
}

.f-right {
    float: right
}

.f-left,
.row>[class*="column"],
.multi-buttons .btn,
.multi-buttons input {
    float: left
}

.f-none {
    float: none !important
}

.mlh {
    margin-left: 5.5px
}

.ml1 {
    margin-left: 11px
}

.ml2 {
    margin-left: 22px
}

.ml3 {
    margin-left: 33px
}

.ml4 {
    margin-left: 44px
}

.ml0 {
    margin-left: 0 !important
}

.mrh {
    margin-right: 5.5px
}

.mr1 {
    margin-right: 11px
}

.mr2 {
    margin-right: 22px
}

.mr3 {
    margin-right: 33px
}

.mr4 {
    margin-right: 44px
}

.mr0 {
    margin-right: 0 !important
}

.mth {
    margin-top: 11px
}

.mt1 {
    margin-top: 22px
}

.mt2 {
    margin-top: 44px
}

.mt3 {
    margin-top: 66px
}

.mt4 {
    margin-top: 88px
}

.mt0 {
    margin-top: 0 !important
}

.mbh {
    margin-bottom: 11px
}

.mb1 {
    margin-bottom: 22px
}

.mb2 {
    margin-bottom: 44px
}

.mb3 {
    margin-bottom: 66px
}

.mb4 {
    margin-bottom: 88px
}

.mb0 {
    margin-bottom: 0 !important
}

.plh {
    padding-left: 5.5px
}

.pl1 {
    padding-left: 11px
}

.pl2 {
    padding-left: 22px
}

.pl3 {
    padding-left: 33px
}

.pl4 {
    padding-left: 44px
}

.pl0 {
    padding-left: 0
}

.prh {
    padding-right: 5.5px
}

.pr1 {
    padding-right: 11px
}

.pr2 {
    padding-right: 22px
}

.pr3 {
    padding-right: 33px
}

.pr4 {
    padding-right: 44px
}

.pr0 {
    padding-right: 0
}

.pth {
    padding-top: 11px
}

.pt1 {
    padding-top: 22px
}

.pt2 {
    padding-top: 44px
}

.pt3 {
    padding-top: 66px
}

.pt4 {
    padding-top: 88px
}

.pt0 {
    padding-top: 0
}

.pbh {
    padding-bottom: 11px
}

.pb1 {
    padding-bottom: 22px
}

.pb2 {
    padding-bottom: 44px
}

.pb3 {
    padding-bottom: 66px
}

.pb4 {
    padding-bottom: 88px
}

.pb0 {
    padding-bottom: 0
}

.pt-half {
    padding-top: 11px
}

.inline,
.wrap-select,
.checkbox,
.checkbox .check-square,
.checkbox .check-square:after,
.radio .radio-circle,
.radio .radio-circle:after,
.toggle,
.ui-element,
.btn,
.tag,
[data-reveal] i[data-icon],
[data-reveal-xs] i[data-icon],
.avatar,
.bg-avatar,
.bg-square,
.badge-expo,
.pagination li,
.dollard-title,
.toggle-widget>a {
    display: inline-block
}

.block,
#search-wrapper .collection-header:before {
    display: block
}

.centerize {
    margin-left: auto !important;
    margin-right: auto !important
}

.relative,
.checkbox,
.checkbox .check-square,
.radio,
.radio .radio-circle,
.toggle,
.hightlight,
.badge-expo,
.pricing-panel {
    position: relative
}

.absolute,
.checkbox .check-square:after,
.checkbox input[type="checkbox"]:not(:checked),
.checkbox input[type="checkbox"]:checked,
.radio .radio-circle:after,
.radio input[type="radio"]:not(:checked),
.radio input[type="radio"]:checked,
.toggle input,
.toggle label,
.toggle label div[aria-hidden="true"],
.title-line:before,
.top-arrow:before,
.top-arrow:after,
.bulle-explain,
[class*='social-widget'],
.pricing-panel footer,
.subs-info .description,
.profile-header .header-profile-img>img,
.profile-header:before,
#search-wrapper .collection-header:before,
.bm-img-list .bm-check,
.bm-main-nav-btn,
.btn-information,
.bm-quality-picture {
    position: absolute
}

.fixed,
.bm-overlay {
    position: fixed
}

.top-left,
.el-top-left {
    top: 0;
    left: 0
}

.f-min-height {
    min-height: 100%
}

.f-height,
#search-wrapper .collection-header:before,
.bm-overlay,
.metaluxe .collection .slick-list,
.metaluxe .collection .slick-track {
    height: 100%
}

.f-width,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
textarea,
#search-wrapper .collection-header:before,
.upper,
.lower,
.bm-overlay {
    width: 100%
}

.table,
.multi-buttons {
    display: table
}

.t-cell,
.toggle label:after,
.toggle label:before,
.bm-square-draggable {
    display: table-cell
}

.vertical-top,
.pricing-panel .sup,
.dollard-title {
    vertical-align: top
}

.vertical-middle,
.checkbox .check-square,
.radio .radio-circle,
.collapse-input>div,
.avatar,
.profile-nav li {
    vertical-align: middle
}

.vertical-bottom,
.flex-img-max,
.fx-responsive-img span img,
.ui-droppable>img {
    vertical-align: bottom
}

.input-column {
    margin: 11px 0 0 0
}

.hide,
.metaluxe .feature-wrap .feature-text {
    display: none
}

.show,
.filter.open .drop {
    display: inherit
}

.show-block {
    display: block
}

.m-visibility-false {
    display: none !important
}

.ir {
    position: absolute;
    overflow: hidden;
    top: -1000%;
    left: -1000%
}

.o-hidden {
    overflow: hidden
}

.invisible {
    opacity: 0
}

.no-lineheight {
    line-height: 0
}

.touch .touch-visibility-false {
    display: none
}

.flex-box,
.option-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%
}

.flex-box[layout='column'],
[layout='column'].option-box {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-box[layout='row'],
[layout='row'].option-box {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-box[layout-align='center'],
[layout-align='center'].option-box {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-box[layout-align='start'],
[layout-align='start'].option-box {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.flex-box[layout-align='end'],
[layout-align='end'].option-box {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.flex-box[layout-justify='center'],
[layout-justify='center'].option-box {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-box[layout-justify='start'],
[layout-justify='start'].option-box {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start
}

.flex-box[layout-justify='end'],
[layout-justify='end'].option-box {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end
}

.flex-box[layout-justify='space-around'],
[layout-justify='space-around'].option-box {
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around
}

.flex-box[layout-justify='space-between'],
[layout-justify='space-between'].option-box {
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

.flex-box[layout-wrap],
[layout-wrap].option-box {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-box [flex],
.option-box [flex] {
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1
}

.flex-box [flex='5'],
.option-box [flex='5'] {
    -webkit-flex: 0 0 5%;
    -moz-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%
}

.flex-box [flex='10'],
.option-box [flex='10'] {
    -webkit-flex: 0 0 10%;
    -moz-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%
}

.flex-box [flex='15'],
.option-box [flex='15'] {
    -webkit-flex: 0 0 15%;
    -moz-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%
}

.flex-box [flex='20'],
.option-box [flex='20'] {
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.flex-box [flex='25'],
.option-box [flex='25'] {
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.flex-box [flex='30'],
.option-box [flex='30'] {
    -webkit-flex: 0 0 30%;
    -moz-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%
}

.flex-box [flex='35'],
.option-box [flex='35'] {
    -webkit-flex: 0 0 35%;
    -moz-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%
}

.flex-box [flex='40'],
.option-box [flex='40'] {
    -webkit-flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%
}

.flex-box [flex='45'],
.option-box [flex='45'] {
    -webkit-flex: 0 0 45%;
    -moz-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%
}

.flex-box [flex='50'],
.option-box [flex='50'] {
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.flex-box [flex='55'],
.option-box [flex='55'] {
    -webkit-flex: 0 0 55%;
    -moz-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%
}

.flex-box [flex='60'],
.option-box [flex='60'] {
    -webkit-flex: 0 0 60%;
    -moz-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%
}

.flex-box [flex='65'],
.option-box [flex='65'] {
    -webkit-flex: 0 0 65%;
    -moz-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%
}

.flex-box [flex='70'],
.option-box [flex='70'] {
    -webkit-flex: 0 0 70%;
    -moz-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
}

.flex-box [flex='75'],
.option-box [flex='75'] {
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.flex-box [flex='80'],
.option-box [flex='80'] {
    -webkit-flex: 0 0 80%;
    -moz-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%
}

.flex-box [flex='85'],
.option-box [flex='85'] {
    -webkit-flex: 0 0 85%;
    -moz-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%
}

.flex-box [flex='90'],
.option-box [flex='90'] {
    -webkit-flex: 0 0 90%;
    -moz-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%
}

.flex-box [flex='95'],
.option-box [flex='95'] {
    -webkit-flex: 0 0 95%;
    -moz-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%
}

.flex-box [flex='100'],
.option-box [flex='100'] {
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.flex-box [flex='33'],
.option-box [flex='33'] {
    -webkit-flex: 0 0 33.33%;
    -moz-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%
}

.flex-box [flex='66'],
.option-box [flex='66'] {
    -webkit-flex: 0 0 66.66%;
    -moz-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%
}

.flex-box [flex='99'],
.option-box [flex='99'] {
    -webkit-flex: 0 0 99.99%;
    -moz-flex: 0 0 99.99%;
    flex: 0 0 99.99%;
    max-width: 99.99%
}

[layout-wrap] {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .xs-flex-box {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%
    }
    .xs-flex-box[layout='column'] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .xs-flex-box[layout='row'] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .xs-flex-box[layout-align='center'] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .xs-flex-box[layout-align='start'] {
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start
    }
    .xs-flex-box[layout-align='end'] {
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }
    .xs-flex-box[layout-justify='center'] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .xs-flex-box[layout-justify='start'] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start
    }
    .xs-flex-box[layout-justify='end'] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end
    }
    .xs-flex-box[layout-justify='space-around'] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around
    }
    .xs-flex-box[layout-justify='space-between'] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between
    }
    .xs-flex-box[layout-wrap] {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .xs-flex-box [flex] {
        -webkit-flex: 1;
        -moz-flex: 1;
        flex: 1
    }
    .xs-flex-box [flex='5'] {
        -webkit-flex: 0 0 5%;
        -moz-flex: 0 0 5%;
        flex: 0 0 5%;
        max-width: 5%
    }
    .xs-flex-box [flex='10'] {
        -webkit-flex: 0 0 10%;
        -moz-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }
    .xs-flex-box [flex='15'] {
        -webkit-flex: 0 0 15%;
        -moz-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%
    }
    .xs-flex-box [flex='20'] {
        -webkit-flex: 0 0 20%;
        -moz-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .xs-flex-box [flex='25'] {
        -webkit-flex: 0 0 25%;
        -moz-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .xs-flex-box [flex='30'] {
        -webkit-flex: 0 0 30%;
        -moz-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }
    .xs-flex-box [flex='35'] {
        -webkit-flex: 0 0 35%;
        -moz-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%
    }
    .xs-flex-box [flex='40'] {
        -webkit-flex: 0 0 40%;
        -moz-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }
    .xs-flex-box [flex='45'] {
        -webkit-flex: 0 0 45%;
        -moz-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%
    }
    .xs-flex-box [flex='50'] {
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .xs-flex-box [flex='55'] {
        -webkit-flex: 0 0 55%;
        -moz-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%
    }
    .xs-flex-box [flex='60'] {
        -webkit-flex: 0 0 60%;
        -moz-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }
    .xs-flex-box [flex='65'] {
        -webkit-flex: 0 0 65%;
        -moz-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%
    }
    .xs-flex-box [flex='70'] {
        -webkit-flex: 0 0 70%;
        -moz-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%
    }
    .xs-flex-box [flex='75'] {
        -webkit-flex: 0 0 75%;
        -moz-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .xs-flex-box [flex='80'] {
        -webkit-flex: 0 0 80%;
        -moz-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
    }
    .xs-flex-box [flex='85'] {
        -webkit-flex: 0 0 85%;
        -moz-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%
    }
    .xs-flex-box [flex='90'] {
        -webkit-flex: 0 0 90%;
        -moz-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%
    }
    .xs-flex-box [flex='95'] {
        -webkit-flex: 0 0 95%;
        -moz-flex: 0 0 95%;
        flex: 0 0 95%;
        max-width: 95%
    }
    .xs-flex-box [flex='100'] {
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .xs-flex-box [flex='33'] {
        -webkit-flex: 0 0 33.33%;
        -moz-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
    .xs-flex-box [flex='66'] {
        -webkit-flex: 0 0 66.66%;
        -moz-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%
    }
    .xs-flex-box [flex='99'] {
        -webkit-flex: 0 0 99.99%;
        -moz-flex: 0 0 99.99%;
        flex: 0 0 99.99%;
        max-width: 99.99%
    }
}

@media (min-width: 768px) {
    .gt-xs-flex-box {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%
    }
    .gt-xs-flex-box[layout='column'] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .gt-xs-flex-box[layout='row'] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .gt-xs-flex-box[layout-align='center'] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .gt-xs-flex-box[layout-align='start'] {
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start
    }
    .gt-xs-flex-box[layout-align='end'] {
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }
    .gt-xs-flex-box[layout-justify='center'] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .gt-xs-flex-box[layout-justify='start'] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start
    }
    .gt-xs-flex-box[layout-justify='end'] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end
    }
    .gt-xs-flex-box[layout-justify='space-around'] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around
    }
    .gt-xs-flex-box[layout-justify='space-between'] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between
    }
    .gt-xs-flex-box[layout-wrap] {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .gt-xs-flex-box [flex] {
        -webkit-flex: 1;
        -moz-flex: 1;
        flex: 1
    }
    .gt-xs-flex-box [flex='5'] {
        -webkit-flex: 0 0 5%;
        -moz-flex: 0 0 5%;
        flex: 0 0 5%;
        max-width: 5%
    }
    .gt-xs-flex-box [flex='10'] {
        -webkit-flex: 0 0 10%;
        -moz-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }
    .gt-xs-flex-box [flex='15'] {
        -webkit-flex: 0 0 15%;
        -moz-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%
    }
    .gt-xs-flex-box [flex='20'] {
        -webkit-flex: 0 0 20%;
        -moz-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .gt-xs-flex-box [flex='25'] {
        -webkit-flex: 0 0 25%;
        -moz-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .gt-xs-flex-box [flex='30'] {
        -webkit-flex: 0 0 30%;
        -moz-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }
    .gt-xs-flex-box [flex='35'] {
        -webkit-flex: 0 0 35%;
        -moz-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%
    }
    .gt-xs-flex-box [flex='40'] {
        -webkit-flex: 0 0 40%;
        -moz-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }
    .gt-xs-flex-box [flex='45'] {
        -webkit-flex: 0 0 45%;
        -moz-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%
    }
    .gt-xs-flex-box [flex='50'] {
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .gt-xs-flex-box [flex='55'] {
        -webkit-flex: 0 0 55%;
        -moz-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%
    }
    .gt-xs-flex-box [flex='60'] {
        -webkit-flex: 0 0 60%;
        -moz-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }
    .gt-xs-flex-box [flex='65'] {
        -webkit-flex: 0 0 65%;
        -moz-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%
    }
    .gt-xs-flex-box [flex='70'] {
        -webkit-flex: 0 0 70%;
        -moz-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%
    }
    .gt-xs-flex-box [flex='75'] {
        -webkit-flex: 0 0 75%;
        -moz-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .gt-xs-flex-box [flex='80'] {
        -webkit-flex: 0 0 80%;
        -moz-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
    }
    .gt-xs-flex-box [flex='85'] {
        -webkit-flex: 0 0 85%;
        -moz-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%
    }
    .gt-xs-flex-box [flex='90'] {
        -webkit-flex: 0 0 90%;
        -moz-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%
    }
    .gt-xs-flex-box [flex='95'] {
        -webkit-flex: 0 0 95%;
        -moz-flex: 0 0 95%;
        flex: 0 0 95%;
        max-width: 95%
    }
    .gt-xs-flex-box [flex='100'] {
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .gt-xs-flex-box [flex='33'] {
        -webkit-flex: 0 0 33.33%;
        -moz-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
    .gt-xs-flex-box [flex='66'] {
        -webkit-flex: 0 0 66.66%;
        -moz-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%
    }
    .gt-xs-flex-box [flex='99'] {
        -webkit-flex: 0 0 99.99%;
        -moz-flex: 0 0 99.99%;
        flex: 0 0 99.99%;
        max-width: 99.99%
    }
}

[order="1"] {
    order: 1;
    -webkit-order: 1;
    -ms-flex-order: 1
}

[order="2"] {
    order: 2;
    -webkit-order: 2;
    -ms-flex-order: 2
}

[order="3"] {
    order: 3;
    -webkit-order: 3;
    -ms-flex-order: 3
}

[order="4"] {
    order: 4;
    -webkit-order: 4;
    -ms-flex-order: 4
}

[order="5"] {
    order: 5;
    -webkit-order: 5;
    -ms-flex-order: 5
}

[order="6"] {
    order: 6;
    -webkit-order: 6;
    -ms-flex-order: 6
}

[order="7"] {
    order: 7;
    -webkit-order: 7;
    -ms-flex-order: 7
}

[order="8"] {
    order: 8;
    -webkit-order: 8;
    -ms-flex-order: 8
}

[order="9"] {
    order: 9;
    -webkit-order: 9;
    -ms-flex-order: 9
}

@media (max-width: 767px) {
    [xs-order="1"] {
        order: 1;
        -webkit-order: 1;
        -ms-flex-order: 1
    }
    [xs-order="2"] {
        order: 2;
        -webkit-order: 2;
        -ms-flex-order: 2
    }
    [xs-order="3"] {
        order: 3;
        -webkit-order: 3;
        -ms-flex-order: 3
    }
    [xs-order="4"] {
        order: 4;
        -webkit-order: 4;
        -ms-flex-order: 4
    }
    [xs-order="5"] {
        order: 5;
        -webkit-order: 5;
        -ms-flex-order: 5
    }
    [xs-order="6"] {
        order: 6;
        -webkit-order: 6;
        -ms-flex-order: 6
    }
    [xs-order="7"] {
        order: 7;
        -webkit-order: 7;
        -ms-flex-order: 7
    }
    [xs-order="8"] {
        order: 8;
        -webkit-order: 8;
        -ms-flex-order: 8
    }
    [xs-order="9"] {
        order: 9;
        -webkit-order: 9;
        -ms-flex-order: 9
    }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #333
}

a.underline {
    color: #666
}

a.underline:hover {
    color: #5fa9cc
}

p {
    margin-bottom: 22px
}

h1,
.h1-like,
.h1-5-like,
h2,
.h2-like,
.h2-5-like,
.search-custom-field input[type=search],
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like {
    margin: 14px 0;
    color: #222222
}

h1.mb0,
.h1-like.mb0,
.mb0.h1-5-like,
h2.mb0,
.h2-like.mb0,
.mb0.h2-5-like,
.search-custom-field input.mb0[type=search],
h3.mb0,
.h3-like.mb0,
h4.mb0,
.h4-like.mb0,
h5.mb0,
.h5-like.mb0 {
    margin-bottom: 0
}

h1.mt0,
.h1-like.mt0,
.mt0.h1-5-like,
h2.mt0,
.h2-like.mt0,
.mt0.h2-5-like,
.search-custom-field input.mt0[type=search],
h3.mt0,
.h3-like.mt0,
h4.mt0,
.h4-like.mt0,
h5.mt0,
.h5-like.mt0 {
    margin-top: 0
}

h1,
.h1-like,
.h1-5-like {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 66px
}

.h1-5-like {
    line-height: 1.2em;
    font-size: 48px
}

h2,
.h2-like,
.h2-5-like,
.search-custom-field input[type=search] {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-weight: 600;
    font-size: 38px;
    line-height: 48.4px
}

.h2-5-like {
    line-height: 1.2em;
    font-size: 32px
}

h3,
.h3-like {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 28.6px
}

h4,
.h4-like {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

h5,
.h5-like {
    font-family: "Roboto", Helvetica, Arial, Sans-Serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

h5.font-default,
.h5-like.font-default {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-weight: 400
}

.striked {
    position: relative;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 1450px) {
    .striked {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }
}

.striked:before {
    border-top: 1px solid #ccc;
    width: 100%;
    position: absolute;
    top: 56%;
    left: 0;
    content: ""
}

.striked span {
    background: #FFF;
    padding: 0 11px;
    font-size: 75%;
    letter-spacing: 0.1em;
    position: relative;
    z-index: 5
}

.sub-text {
    color: #bfbfbf
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: none
}

.underline {
    text-decoration: underline
}

.hover-underline:hover {
    text-decoration: underline
}

del,
.line-through {
    text-decoration: line-through
}

.text-break {
    word-wrap: break-word
}

.ellipsis,
.collapse-input>div .btn {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.hyphens {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto
}

.text-inherit {
    font-size: 14px;
    font-weight: normal
}

.text-medium {
    font-size: 16px;
    line-height: 22px;
    font-family: "Roboto", Helvetica, Arial, Sans-Serif;
    font-weight: 400
}

.text-big {
    font-size: 18px;
    line-height: 28.6px
}

.text-bigger {
    font-size: 22px;
    line-height: 1.2em;
    font-family: "Roboto", Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    font-weight: 400
}

.text-little {
    font-family: 'Arial', Sans-serif !important;
    font-family: "Roboto", Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.text-through {
    text-decoration: line-through
}

.hr-like {
    border-bottom: 1px solid #ccc;
    border-top: 0;
    border-right: 0;
    border-left: 0
}

.roboto,
.spec-type,
.spec-model .select-btn,
.spec-model .drop li {
    font-family: "Roboto", Helvetica, Arial, Sans-Serif;
    font-weight: 400
}

.roboto-l {
    font-family: "Roboto", Helvetica, Arial, Sans-Serif;
    font-weight: 300
}

.roboto-m,
#order-tracking-page .progress-container .progress-icon,
#order-tracking-page .progress-container .desc-bar,
#order-tracking-page .progress-container .mobile-order-status,
#order-tracking-page .content-container .summary-container .strong {
    font-family: "Roboto", Helvetica, Arial, Sans-Serif;
    font-weight: 500
}

.roboto-sb {
    font-family: "Roboto", Helvetica, Arial, Sans-Serif;
    font-weight: 600
}

.raleway,
.text .option-box span {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-weight: 400
}

.raleway-l,
#iphone6-page .iphone6-bg .subtitle {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-weight: 300
}

.raleway-m,
.btn,
.spec-label,
.breadcrumb,
.filters,
.newsletter-modal-container .text-container .desc1,
#order-tracking-page .content-container .invite-container .gift-container .desc {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-weight: 500
}

.raleway-sb,
.case-mapper-label,
.metaluxe .feature-wrap .feature-text h4,
.metaluxe .h2-5-like {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-weight: 600
}

.raleway-b,
.shoppingspree .h2-like,
.shoppingspree .h2-5-like,
.shoppingspree .search-custom-field input[type=search],
.search-custom-field .shoppingspree input[type=search],
.splash-text,
.h2-panel-bold,
.backtoschool-description .h1-like,
.backtoschool-description .h1-5-like,
.smart-cover .section-heading,
#iphone6-page .iphone6-bg .title,
.giftcard h2 strong,
.giftcard .h2-like strong,
.giftcard .h2-5-like strong,
.giftcard .search-custom-field input[type=search] strong,
.search-custom-field .giftcard input[type=search] strong,
.giftcard .terms,
.gift-tag {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-weight: 700
}

.regular {
    font-weight: 400
}

.light {
    font-weight: 300
}

.medium {
    font-weight: 500
}

.semi-bold {
    font-weight: 600
}

.bold {
    font-weight: 700
}

.text-left {
    text-align: left
}

.text-center,
.toggle label:after,
.toggle label:before,
.pricing-panel,
.subs-info .description,
.btn-information,
.toggle-widget>a {
    text-align: center
}

.text-right {
    text-align: right
}

.important-text {
    font-size: 1.2em
}

.italic {
    font-style: italic
}

ul,
ol,
dl {
    padding-left: 18px
}

li ul,
li ol {
    margin-top: 0;
    margin-bottom: 0
}

.reset-list {
    padding-left: 0;
    margin-left: 0;
    list-style: none
}

.reset-list.close-pack {
    font-size: 0;
    line-height: 0
}

.reset-line {
    line-height: 0
}

.input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    height: 44px;
    padding: 0 11px;
    -webkit-appearance: none;
    vertical-align: top;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

input[type="search"] {
    box-sizing: border-box
}

textarea {
    padding: 11px;
    border: 2px solid rgba(0, 0, 0, 0.1)
}

input[type="text"].error,
.recommend input[type="text"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="text"].ng-touched.ng-invalid-email:not(:focus),
input[type="password"].error,
.recommend input[type="password"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="password"].ng-touched.ng-invalid-email:not(:focus),
input[type="datetime"].error,
.recommend input[type="datetime"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="datetime"].ng-touched.ng-invalid-email:not(:focus),
input[type="datetime-local"].error,
.recommend input[type="datetime-local"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="datetime-local"].ng-touched.ng-invalid-email:not(:focus),
input[type="date"].error,
.recommend input[type="date"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="date"].ng-touched.ng-invalid-email:not(:focus),
input[type="month"].error,
.recommend input[type="month"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="month"].ng-touched.ng-invalid-email:not(:focus),
input[type="time"].error,
.recommend input[type="time"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="time"].ng-touched.ng-invalid-email:not(:focus),
input[type="week"].error,
.recommend input[type="week"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="week"].ng-touched.ng-invalid-email:not(:focus),
input[type="number"].error,
.recommend input[type="number"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="number"].ng-touched.ng-invalid-email:not(:focus),
input[type="email"].error,
.recommend input[type="email"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="email"].ng-touched.ng-invalid-email:not(:focus),
input[type="url"].error,
.recommend input[type="url"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="url"].ng-touched.ng-invalid-email:not(:focus),
input[type="search"].error,
.recommend input[type="search"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="search"].ng-touched.ng-invalid-email:not(:focus),
input[type="tel"].error,
.recommend input[type="tel"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="tel"].ng-touched.ng-invalid-email:not(:focus),
input[type="color"].error,
.recommend input[type="color"].ng-touched.ng-invalid:not(:focus),
.recommend input[type="color"].ng-touched.ng-invalid-email:not(:focus),
select.error,
textarea.error,
select.error {
    color: #f47245 !important;
    border: 1px solid #f14d15 !important
}

input[type="text"].error:active,
.recommend input[type="text"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="text"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="text"].error:focus,
.recommend input[type="text"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="text"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="password"].error:active,
.recommend input[type="password"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="password"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="password"].error:focus,
.recommend input[type="password"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="password"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="datetime"].error:active,
.recommend input[type="datetime"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="datetime"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="datetime"].error:focus,
.recommend input[type="datetime"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="datetime"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="datetime-local"].error:active,
.recommend input[type="datetime-local"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="datetime-local"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="datetime-local"].error:focus,
.recommend input[type="datetime-local"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="datetime-local"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="date"].error:active,
.recommend input[type="date"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="date"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="date"].error:focus,
.recommend input[type="date"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="date"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="month"].error:active,
.recommend input[type="month"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="month"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="month"].error:focus,
.recommend input[type="month"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="month"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="time"].error:active,
.recommend input[type="time"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="time"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="time"].error:focus,
.recommend input[type="time"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="time"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="week"].error:active,
.recommend input[type="week"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="week"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="week"].error:focus,
.recommend input[type="week"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="week"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="number"].error:active,
.recommend input[type="number"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="number"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="number"].error:focus,
.recommend input[type="number"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="number"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="email"].error:active,
.recommend input[type="email"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="email"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="email"].error:focus,
.recommend input[type="email"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="email"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="url"].error:active,
.recommend input[type="url"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="url"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="url"].error:focus,
.recommend input[type="url"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="url"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="search"].error:active,
.recommend input[type="search"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="search"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="search"].error:focus,
.recommend input[type="search"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="search"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="tel"].error:active,
.recommend input[type="tel"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="tel"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="tel"].error:focus,
.recommend input[type="tel"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="tel"].ng-touched.ng-invalid-email:focus:not(:focus),
input[type="color"].error:active,
.recommend input[type="color"].ng-touched.ng-invalid:active:not(:focus),
.recommend input[type="color"].ng-touched.ng-invalid-email:active:not(:focus),
input[type="color"].error:focus,
.recommend input[type="color"].ng-touched.ng-invalid:focus:not(:focus),
.recommend input[type="color"].ng-touched.ng-invalid-email:focus:not(:focus),
select.error:active,
select.error:focus,
textarea.error:active,
textarea.error:focus,
select.error:focus {
    box-shadow: none;
    outline: none
}

input[type="submit"] {
    -webkit-appearance: none;
    border: solid 0px transparent
}

input[type="number"] {
    width: 90px
}

input[type="number"]::-webkit-inner-spin-button {
    display: inline-block;
    padding: 0 0 0 11px
}

.validate-msg {
    font-size: 12px;
    color: #f47245;
    position: absolute;
    display: block;
    margin-top: -2px
}

input[type="text"].big-input,
input[type="password"].big-input,
input[type="datetime"].big-input,
input[type="datetime-local"].big-input,
input[type="date"].big-input,
input[type="month"].big-input,
input[type="time"].big-input,
input[type="week"].big-input,
input[type="number"].big-input,
input[type="email"].big-input,
input[type="url"].big-input,
input[type="search"].big-input,
input[type="tel"].big-input,
input[type="color"].big-input {
    height: 60px;
    font-size: 1.28571429rem;
    line-height: 60px
}
label {
    width: 100% !important;
}
label,
.label-like {
    font-family: 'robotomedium', Arial, Sans-serif,
}

.checkbox {
    min-height: 25px;
    min-width: 25px;
    cursor: pointer
}

.checkbox .check-square {
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #ffffff;
    border: 2px solid rgba(0, 0, 0, 0.2)
}

.checkbox .check-square:after {
    content: '\e641';
    width: 100%;
    top: 0;
    left: 0;
    font-family: 'icomoon';
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    color: #5fa9cc;
    z-index: 1;
    transition: transform 0.3s ease-out, opacity 0.2s ease-out
}

.checkbox input[type="checkbox"]:not(:checked),
.checkbox input[type="checkbox"]:checked {
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
    -moz-appearance: none
}

.checkbox input[type="checkbox"]:not(:checked)+.check-square:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.checkbox input[type="checkbox"]:checked+.check-square:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.radio {
    cursor: pointer
}

.radio .radio-circle {
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #ffffff;
    border: 2px solid rgba(0, 0, 0, 0.2)
}

.radio .radio-circle:after {
    content: '';
    width: 15px;
    height: 15px;
    top: 3px;
    left: 3px;
    background: #5fa9cc;
    z-index: 3;
    transition: transform 0.3s ease-out, opacity 0.2s ease-out
}

.radio input[type="radio"]:not(:checked),
.radio input[type="radio"]:checked {
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
    -moz-appearance: none
}

.radio input[type="radio"]:not(:checked)+.radio-circle:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.radio input[type="radio"]:checked+.radio-circle:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.collapse-input>div input[type="text"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.collapse-input>div .btn {
    padding: 0 11px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.toggle {
    height: 32px;
    width: 60px;
    cursor: pointer
}

.toggle input {
    width: 0;
    height: 0;
    opacity: 0;
    -moz-appearance: none;
    z-index: -1
}

.toggle input:checked+label {
    background: #5fa9cc
}

.toggle input:checked+label div[aria-hidden="true"] {
    left: 30px
}

.toggle label {
    border-radius: 16px;
    display: table;
    width: 60px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    background: #ccc;
    transition: background 0.2s ease-out
}

.toggle label:after,
.toggle label:before {
    width: 50%;
    line-height: 32px;
    color: transparent
}

.toggle label:after {
    content: 'O'
}

.toggle label:before {
    content: 'I'
}

.toggle label div[aria-hidden="true"] {
    border-radius: 50%;
    box-shadow: 0 1px 2px #999;
    content: '';
    display: block;
    left: 2px;
    top: 2px;
    bottom: 2px;
    width: 28px;
    z-index: 6;
    background: #fff;
    transition: left 0.3s ease-out
}

.url-input>span {
    top: 10px;
    left: 11px
}

.url-input>input[type="text"] {
    padding: 0 11px 0 125px
}

[data-icon]:before {
    display: inline;
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-size: 16px;
    text-transform: none;
    line-height: 22px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal
}

[data-icon].text-little:before {
    font-size: 14px;
    line-height: 22px
}

[data-icon].text-big:before {
    font-size: 24px;
    line-height: 44px
}

[data-icon].text-extra:before {
    font-size: 32px;
    line-height: 48.4px
}

[data-icon].text-mega:before {
    font-size: 64px;
    line-height: 70.4px
}

.screen-reader-text {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    display: none
}

.block-xs-inline {
    display: block
}

html.no-scroll,
html.no-scroll body {
    overflow: hidden !important;
    height: 100% !important
}

::selection {
    background-color: #5fa9cc;
    color: #ffffff;
    text-shadow: none
}

.box {
    /* padding: 13px22px; */
    margin-top: 2px;
    height: 42px;
    padding: 0px;
    background: #5fa9cc;
    padding-top: 1px;
    color: white;
}

header.bar {
    z-index: 11
}

.bar {
    height: 68.2px;
    line-height: 68.2px
}

.ui-element,
.btn,
.tag {
    padding: 0 15.4px;
    height: 44px;
    line-height: 44px
}

.icon {
    width: 48px;
    height: 48px;
    background-position: 0px -48px;
    background-repeat: no-repeat
}

.icon.active {
    background-position: 0px 0px
}

.icon.aqua-icon {
    height: 41px;
    background-image: url("../img/icons/aqua_icon.png")
}

.active .icon {
    background-position: 0px 0px
}

.btn {
    color: #666;
    background-color: #ffffff;
    border: none;
    border-radius: 2px;
    transition: background 0.2s ease-out
}

.btn:not(.disabled-btn):hover,
.btn:not(.disabled-btn):focus {
    cursor: pointer;
    background: #ebebeb
}

.border-btn {
    color: #fff;
    border: 0px solid rgba(255, 255, 255, 0);
    background: transparent;
    background: transparent;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
    transition: color 0.3s ease-out, border 0.3s ease-out
}

.border-btn:hover {
    color: rgba(255, 255, 255, 0.7);
    background: transparent;
    background: transparent;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset
}

.border-btn-error-color {
    color: #f47245;
    border: 0px solid rgba(255, 255, 255, 0);
    background: transparent;
    background: transparent;
    box-shadow: 0 0 0 1px rgba(244, 114, 69, 0.9) inset;
    transition: color 0.3s ease-out, border 0.3s ease-out
}

.border-btn-error-color:hover {
    color: rgba(244, 114, 69, 0.7);
    background: transparent;
    background: transparent;
    box-shadow: 0 0 0 1px rgba(244, 114, 69, 0.6) inset
}

.border-btn-third-color {
    color: #746f75;
    border: 0px solid rgba(255, 255, 255, 0);
    background: transparent;
    background: transparent;
    box-shadow: 0 0 0 1px rgba(116, 111, 117, 0.9) inset;
    transition: color 0.3s ease-out, border 0.3s ease-out
}

.border-btn-third-color:hover {
    color: rgba(116, 111, 117, 0.7);
    background: transparent;
    background: transparent;
    box-shadow: 0 0 0 1px rgba(116, 111, 117, 0.6) inset
}

.border-btn-main-color {
    color: #5fa9cc;
    border: 0px solid rgba(255, 255, 255, 0);
    background: transparent;
    background: transparent;
    box-shadow: 0 0 0 1px rgba(102, 198, 198, 0.9) inset;
    transition: color 0.3s ease-out, border 0.3s ease-out;
    border-radius: 30px;
}

.border-btn-main-color:hover {
    color: rgba(102, 198, 198, 0.7);
    background: transparent;
    background: transparent;
    box-shadow: 0 0 0 1px rgba(102, 198, 198, 0.6) inset
}

.btn-block,
.collapse-input>div .btn {
    display: block;
    width: 100%;
    text-align: center
}

.very-tiny-size {
    height: 20px;
    line-height: 20px;
    padding: 0 11px;
    font-size: 12px
}

.very-tiny-size [data-icon]:before {
    font-size: 12px
}

.tiny-size {
    height: 28.6px;
    line-height: 30.8px;
    padding: 0 14.3px;
    font-size: 12px
}

.tiny-size [data-icon]:before {
    font-size: 16px
}

.king-size {
    height: 60px;
    line-height: 60px;
    padding: 0 33px;
    font-size: 18px
}

.king-size [data-icon]:before {
    position: relative;
    top: -4px
}

.bulky-size {
    height: 70px;
    line-height: 70px;
    padding: 0 55px;
    font-size: 20px
}

@media screen and (max-width: 767px) {
    .bulky-size {
        padding: 0 22px
    }
}

.bulky-size [data-icon]:before {
    position: relative;
    top: -4px
}

.multi-buttons .btn,
.multi-buttons input {
    border-radius: 0px;
    border: 1px solid #e5e5e5;
    border-right: none
}

.multi-buttons .btn:first-child,
.multi-buttons input:first-child {
    border-radius: 3px 0 0 3px
}

.multi-buttons .btn:last-child,
.multi-buttons input:last-child {
    border-right: 1px solid #e5e5e5;
    border-radius: 0 3px 3px 0
}

.tag {
    margin: 0 4.4px 4.4px 0;
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out
}

.tag.active {
    color: #5fa9cc;
    border-color: #5fa9cc
}

.tiny-tag {
    padding: 0 11px;
    height: 26.4px;
    line-height: 26.4px;
    color: #666;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: border 0.3s ease-in, color 0.3s ease-out;
    transition: border 0.3s ease-in, color 0.3s ease-out
}

.tiny-tag:hover,
.tiny-tag.active,
.tiny-tag.action {
    color: #5fa9cc;
    border: 1px solid #5fa9cc
}

.main-color {
    background-color: #5fa9cc;
    color: #fff
}

.main-color.btn {
    color: #fff;
    background-color: #5fa9cc;
    border-color: #5fa9cc;
    border-radius:30px;
}

.main-color.btn:hover,
.main-color.btn:focus {
    background: #3aa334/*53bfbf*/
}

.main-color.tag {
    background: #5fa9cc
}

.main-color.tag:hover,
.main-color.tag:focus {
    background: #53bfbf
}

.main-color h1,
.main-color .h1-like,
.main-color .h1-5-like,
.main-color h2,
.main-color .h2-like,
.main-color .h2-5-like,
.main-color .search-custom-field input[type=search],
.search-custom-field .main-color input[type=search],
.main-color h3,
.main-color .h3-like,
.main-color h4,
.main-color .h4-like {
    color: #fff
}

.main-color a {
    color: #fff
}

.second-color {
    background-color: #f2f2f2;
    color: #666
}

.second-color.btn {
    color: #666;
    background-color: #f2f2f2;
    border-color: #ccc
}

.second-color.btn:hover,
.second-color.btn:focus {
    background: #5fa9cc
}
/**/
.terceiro-botao {
    background-color: #e5e5e5;
    color: #666
}

.terceiro-botao.btn {
    background-color: lightcoral;
    border-color: #bfbfbf;
    color: white
    /* border-radius: 30px; */
}

.terceiro-botao.btn:hover,
.terceiro-botao.btn:focus {
    background: #F7053F;
    color:#fff
}
/**/
.second-color.tag {
    background: #f2f2f2
}

.second-color.tag:hover,
.second-color.tag:focus {
    background: #e5e5e5
}

.second-color h1,
.second-color .h1-like,
.second-color .h1-5-like,
.second-color h2,
.second-color .h2-like,
.second-color .h2-5-like,
.second-color .search-custom-field input[type=search],
.search-custom-field .second-color input[type=search],
.second-color h3,
.second-color .h3-like,
.second-color h4,
.second-color .h4-like {
    color: #666
}

.second-color a {
    color: #666
}

.second-color-light {
    background-color: #f2f2f2;
    color: #666
}

.second-color-d {
    background-color: #e5e5e5;
    color: #666
}

.second-color-d.btn {
    color: #666;
    background-color: #e5e5e5;
    border-color: #bfbfbf;
    border-radius: 30px;
}

.second-color-d.btn:hover,
.second-color-d.btn:focus {
    background: #F7053F;
    color:#fff
}

.second-color-d.tag {
    background: #e5e5e5
}

.second-color-d.tag:hover,
.second-color-d.tag:focus {
    background: #d9d9d9
}

.second-color-d h1,
.second-color-d .h1-like,
.second-color-d .h1-5-like,
.second-color-d h2,
.second-color-d .h2-like,
.second-color-d .h2-5-like,
.second-color-d .search-custom-field input[type=search],
.search-custom-field .second-color-d input[type=search],
.second-color-d h3,
.second-color-d .h3-like,
.second-color-d h4,
.second-color-d .h4-like {
    color: #666
}

.second-color-d a {
    color: #666
}

.second-color-dd {
    background-color: #ccc;
    color: #fff
}

.second-color-dd.btn {
    color: #fff;
    background-color: #ccc;
    border-color: #a6a6a6
}

.second-color-dd.btn:hover,
.second-color-dd.btn:focus {
    background: #bfbfbf
}

.second-color-dd.tag {
    background: #ccc
}

.second-color-dd.tag:hover,
.second-color-dd.tag:focus {
    background: #bfbfbf
}

.second-color-dd h1,
.second-color-dd .h1-like,
.second-color-dd .h1-5-like,
.second-color-dd h2,
.second-color-dd .h2-like,
.second-color-dd .h2-5-like,
.second-color-dd .search-custom-field input[type=search],
.search-custom-field .second-color-dd input[type=search],
.second-color-dd h3,
.second-color-dd .h3-like,
.second-color-dd h4,
.second-color-dd .h4-like {
    color: #fff
}

.second-color-dd a {
    color: #fff
}

.third-color {
    background-color: #746f75;
    color: #fff
}

.third-color.btn {
    color: #fff;
    background-color: #746f75;
    border-color: #4d4a4e
}

.third-color.btn:hover,
.third-color.btn:focus {
    background: #676368
}

.third-color.tag {
    background: #746f75
}

.third-color.tag:hover,
.third-color.tag:focus {
    background: #676368
}

.third-color h1,
.third-color .h1-like,
.third-color .h1-5-like,
.third-color h2,
.third-color .h2-like,
.third-color .h2-5-like,
.third-color .search-custom-field input[type=search],
.search-custom-field .third-color input[type=search],
.third-color h3,
.third-color .h3-like,
.third-color h4,
.third-color .h4-like {
    color: #fff
}

.third-color a {
    color: #fff
}

.third-color-o {
    background-color: rgba(116, 111, 117, 0.95);
    color: #d4d2d4
}

.alt-background {
    background-color: #f2f2f2
}

a.btn.disabled-btn {
    background-color: #f2f2f2;
    color: #666;
    cursor: default
}

a.btn.disabled-btn:focus,
a.btn.disabled-btn:active,
a.btn.disabled-btn:hover {
    background-color: #f2f2f2
}

.grey1-color {
    background-color: #333;
    color: #ccc
}

.grey2-color {
    background-color: #444;
    color: #ccc
}

.grey3-color {
    background-color: #999;
    color: #ffffff
}

.grey4-color {
    background-color: #ccc;
    color: #ffffff
}

.grey5-color {
    background-color: #eee;
    color: #444
}

.dark-color {
    background-color: #343434;
    color: #fff
}

.dark-color.btn {
    color: #fff;
    background-color: #343434;
    border-color: #0e0e0e
}

.dark-color.btn:hover,
.dark-color.btn:focus {
    background: #272727
}

.dark-color.tag {
    background: #343434
}

.dark-color.tag:hover,
.dark-color.tag:focus {
    background: #272727
}

.dark-color h1,
.dark-color .h1-like,
.dark-color .h1-5-like,
.dark-color h2,
.dark-color .h2-like,
.dark-color .h2-5-like,
.dark-color .search-custom-field input[type=search],
.search-custom-field .dark-color input[type=search],
.dark-color h3,
.dark-color .h3-like,
.dark-color h4,
.dark-color .h4-like {
    color: #fff
}

.dark-color a {
    color: #fff
}

.dark-color .border-bottom,
.dark-color .bm-album-container li:last-child a,
.bm-album-container li:last-child .dark-color a,
.dark-color .border-top {
    border-color: #746f75
}

.dark-color-d {
    background-color: #000;
    color: #fff
}

.important-color {
    background-color: #edcf43;
    color: #666
}

.important-color.btn {
    color: #666;
    background-color: #edcf43;
    border-color: #d0ae14
}

.important-color.btn:hover,
.important-color.btn:focus {
    background: #ebc92c
}

.important-color.tag {
    background: #edcf43
}

.important-color.tag:hover,
.important-color.tag:focus {
    background: #ebc92c
}

.important-color h1,
.important-color .h1-like,
.important-color .h1-5-like,
.important-color h2,
.important-color .h2-like,
.important-color .h2-5-like,
.important-color .search-custom-field input[type=search],
.search-custom-field .important-color input[type=search],
.important-color h3,
.important-color .h3-like,
.important-color h4,
.important-color .h4-like {
    color: #666
}

.important-color a {
    color: #666
}

.success-color {
    background-color: #bcd44c;
    color: #fff
}

.success-color.btn {
    color: #fff;
    background-color: #bcd44c;
    border-color: #94ab29
}

.success-color.btn:hover,
.success-color.btn:focus {
    background: #b4cf37
}

.success-color.tag {
    background: #bcd44c
}

.success-color.tag:hover,
.success-color.tag:focus {
    background: #b4cf37
}

.success-color h1,
.success-color .h1-like,
.success-color .h1-5-like,
.success-color h2,
.success-color .h2-like,
.success-color .h2-5-like,
.success-color .search-custom-field input[type=search],
.search-custom-field .success-color input[type=search],
.success-color h3,
.success-color .h3-like,
.success-color h4,
.success-color .h4-like {
    color: #fff
}

.success-color a {
    color: #fff
}

.error-color {
    background-color: #f47245;
    color: #fff
}

.error-color.btn {
    color: #fff;
    background-color: #f47245;
    border-color: #df430d
}

.error-color.btn:hover,
.error-color.btn:focus {
    background: #f3602d
}

.error-color.tag {
    background: #f47245
}

.error-color.tag:hover,
.error-color.tag:focus {
    background: #f3602d
}

.error-color h1,
.error-color .h1-like,
.error-color .h1-5-like,
.error-color h2,
.error-color .h2-like,
.error-color .h2-5-like,
.error-color .search-custom-field input[type=search],
.search-custom-field .error-color input[type=search],
.error-color h3,
.error-color .h3-like,
.error-color h4,
.error-color .h4-like {
    color: #fff
}

.error-color a {
    color: #fff
}

.white-color {
    background-color: transparent;
    color: #fff;
}

.facebook-color.btn {
    color: #fff;
    background-color: #215FAC
}

.facebook-color.btn:hover,
.facebook-color.btn:focus {
    background: #194781;
    color: #fff;
}

.instagram-color.btn {
    color: #fff;
    background-color: #2a4375
}

.instagram-color.btn:hover,
.instagram-color.btn:focus {
    background: #1d2e4f
}

.twitter-color.btn {
    color: #fff;
    background-color: #00ACED
}

.twitter-color.btn:hover,
.twitter-color.btn:focus {
    background: #0087ba
}

.text-main {
    color: #5fa9cc !important
}

.text-second-d {
    color: #999
}

.text-third {
    color: #746f75
}

.text-dark,
.toggle-widget>a {
    color: #343434
}

.text-dark-l {
    color: #b4b4b4
}

.text-important {
    color: #edcf43
}

.text-success {
    color: #bcd44c
}

.text-error {
    color: #f47245
}

.text-white {
    color: #ffffff
}

.text-gray {
    color: #aaaaaa
}

.text-gray-d {
    color: #888888 !important
}

.text-default {
    color: #666
}

.text-shadow {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3)
}

.text-grey1 {
    color: #333
}

.text-grey2 {
    color: #444
}

.text-grey3 {
    color: #999
}

.text-grey4 {
    color: #ccc
}

.text-grey5 {
    color: #eee
}

.text-facebook {
    color: #3b5998
}

.text-instagram {
    color: #2a4375
}

.text-twitter {
    color: #00ACED
}

.text-google {
    color: #DD4C39
}

.text-pinterest {
    color: #DD4C39
}

.disable,
.disabled {
    opacity: 0.3;
    cursor: default !important
}

.flex-img {
    max-width: 100%;
    height: auto
}

.flex-img-max,
.fx-responsive-img span img,
.ui-droppable>img {
    width: 100%;
    height: auto
}

.vflex-img {
    width: auto;
    height: 100%
}

.shadow-half,
.spec-model .drop,
.filter .drop {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
}

.shadow1 {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1)
}

.shadow2 {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1)
}

.shadow3 {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.5)
}

.shadow4 {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1)
}

.text-bg {
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.15)
}

.rounded1,
.input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.spec-model .drop,
.filter .drop {
    border-radius: 2px
}

.rounded2 {
    border-radius: 3px
}

.rounded3,
[class*='social-widget'] {
    border-radius: 5px
}

.circle,
.radio .radio-circle,
.radio .radio-circle:after,
.avatar,
.bg-avatar,
.btn-information {
    border-radius: 50%
}

.circle-edge {
    border-radius: 400px
}

.bigger-trans {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.36, 1)
}

.bigger-trans:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.dark-overlay {
    background: rgba(0, 0, 0, 0.2)
}

.dark-overlay {
    top: 0;
    left: 0;
    z-index: 0
}

.title-line span {
    position: relative;
    display: inline;
    background: #ffffff;
    box-shadow: 11px 0 0 #fff, -11px 0 0 #fff;
    z-index: 1
}

.title-line:before {
    content: '';
    top: 16px;
    display: block;
    height: 1px;
    width: 100%;
    background: #d9d9d9;
    z-index: 0
}

.case-list {
    padding-bottom: 22px;
    overflow: hidden;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1)
}

.separ {
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    border: 0px
}

.separ-wrapper {
    width: 100%;
    max-width: 400px;
    margin: 0 auto
}

.border-top {
    border-top: solid 1px rgba(0, 0, 0, 0.1)
}

.border-bottom,
.bm-album-container li:last-child a {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1)
}

.border-left {
    border-left: solid 1px rgba(0, 0, 0, 0.1)
}

.border-right {
    border-right: solid 1px rgba(0, 0, 0, 0.1)
}

.border-all {
    border: solid 1px rgba(0, 0, 0, 0.1)
}

.site__panel--border {
    border: 2px solid rgba(0, 0, 0, 0.1)
}

.border-top-white {
    border-top: 1px solid #ffffff
}

.separ-icon {
    height: 68.2px;
    width: 49.5px;
    text-align: center
}

.l-separ {
    border-left: 1px solid #dbdbdb
}

.r-separ {
    border-right: 1px solid #dbdbdb
}

.sticky {
    position: fixed;
    top: 0 !important;
    z-index: 4
}

[data-reveal] i[data-icon],
[data-reveal-xs] i[data-icon] {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

[data-reveal].open i[data-icon],
[data-reveal-xs].open i[data-icon] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.top-arrow:before,
.top-arrow:after {
    width: 0;
    height: 0;
    content: ''
}

.top-arrow:after {
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff
}

.top-arrow:before {
    top: -13px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.1)
}

.avatar {
    width: 44px;
    height: auto;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2)
}

.avatar-medium {
    width: 59.4px;
    height: 59.4px
}

.avatar-big {
    width: 132px;
    height: 132px
}

.little-avatar {
    width: 41.8px;
    height: 41.8px
}

.bg-avatar {
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.bg-square {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.xs-pic {
    width: 80px;
    height: 80px
}

[data-bulle] {
    position: relative
}

[data-bulle]:hover:before,
[data-bulle]:hover:after {
    position: absolute;
    line-height: 28.6px;
    z-index: 1
}

[data-bulle]:hover:before {
    content: attr(data-bulle);
    bottom: -39.6px;
    left: -5px;
    padding: 0 11px;
    font-size: 14px !important;
    white-space: nowrap;
    color: #666;
    background: #ffffff;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1)
}

[data-bulle]:hover:after {
    content: '\25B2';
    bottom: -22px;
    left: 0px;
    font-size: 20px;
    color: #ffffff;
    text-shadow: 0 -5px 0 rgba(0, 0, 0, 0.1)
}

.bulle-explain {
    width: 280px;
    padding: 34px 34px 44px 34px;
    z-index: 4;
    font-size: 14px !important;
    color: #666;
    background: #ffffff;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1)
}

.bulle-explain:after {
    content: '\25B2';
    position: absolute;
    font-size: 22px;
    color: #ffffff;
    text-shadow: 0 -4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: scaleX(2);
    transform: scaleX(2)
}

.bulle-explain .skip {
    top: 10px;
    right: 16px
}

.bulle-explain .skip [data-icon]:before {
    font-size: 12px
}

.bulle-explain .exp-next {
    bottom: 10px;
    right: 16px
}

.social-button a,
.social-button iframe {
    height: 20px;
    width: 90px !important;
    line-height: 20px
}

.share-facebook a {
    padding: 0 9px 0 3px;
    font-size: 12px;
    color: #ffffff;
    background: #3B5998
}

.share-facebook a[data-icon]:before {
    font-size: 9px;
    line-height: 9px
}

.social-button.fancy-social-btn a:first-child {
    width: 62px !important
}

.social-button.fancy-social-btn a {
    width: auto !important
}

.close-edge {
    height: 32px;
    width: 32px;
    line-height: 32px;
    top: 0;
    right: 0;
    -webkit-transition: height 0.3s 0.1s cubic-bezier(0.17, 0.67, 0.44, 1.18), width 0.3s 0.1s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: height 0.3s 0.1s cubic-bezier(0.17, 0.67, 0.44, 1.18), width 0.3s 0.1s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.close-edge-action .close-edge {
    height: 0px;
    width: 0px
}

.close-edge-action:hover .close-edge {
    height: 32px;
    width: 32px
}

.load-bar {
    height: 44px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #ffffff
}

.load-bar>div {
    width: 30%;
    background: #5fa9cc
}

.load-bar>div>span {
    top: 0;
    right: -45px;
    line-height: 44px
}

.min-social-badge {
    margin: 0 2px
}

.thumb-main-action:hover [data-icon]:before {
    color: #5fa9cc
}

.gray-input {
    background: #f2f2f2;
    border: 0 !important
}

.hightlight {
    display: inline;
    line-height: 44px;
    left: 11px;
    padding: 0 11px;
    background: rgba(102, 198, 198, 0.8);
    box-shadow: 11px 0 0 rgba(102, 198, 198, 0.8), -11px 0 0 rgba(102, 198, 198, 0.8)
}

.straff-effect {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18), opacity 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: transform 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18), opacity 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.straff-effect.leave-left {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    opacity: 0
}

.badge-expo {
    padding: 0 3px;
    top: -10px;
    font-size: 12px;
    font-family: 'Arial', sans-serif;
    line-height: 14px;
    background: #5fa9cc;
    color: #ffffff
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
    .woodcase-special {
        color: #f47245
    }
}

.clickable {
    cursor: pointer
}

.icon-reseller-opt-in {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
    background: -moz-linear-gradient(center top, #b8e356 5%, #a5cc52 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
    background-color: #b8e356;
    border-radius: 23px;
    text-indent: 0;
    border: 1px solid #83c41a;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    height: 12px;
    line-height: 12px;
    width: 80px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle
}

.icon-reseller-undecided {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
    background: -moz-linear-gradient(center top, #79bbff 5%, #378de5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color: #79bbff;
    border-radius: 23px;
    text-indent: 0;
    border: 1px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    height: 12px;
    line-height: 12px;
    width: 100px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle
}

.icon-reseller-opt-out {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d92e4a), color-stop(1, #b82b5a));
    background: -moz-linear-gradient(center top, #d92e4a 5%, #b82b5a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d92e4a', endColorstr='#b82b5a');
    background-color: #d92e4a;
    border-radius: 23px;
    text-indent: 0;
    border: 1px solid #8c1f1f;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    height: 12px;
    line-height: 12px;
    width: 80px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle
}

@media (min-width: 767px) {
    .tel-link {
        cursor: text
    }
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important
}

[ui-view] {
    min-height: 800px
}

@media (max-width: 767px) {
    [ui-view] {
        min-height: 500px
    }
}

.ng-animate {
    -webkit-transform: translate3d(0, 0, 0)
}

.slide-down-hide {
    -webkit-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    opacity: 0;
    pointer-events: none
}

.slide-down-hide.slide-down-hide-active {
    opacity: 0.5
}

.slide-down {
    -webkit-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    opacity: 1;
    pointer-events: auto
}

.slide-down.slide-down-active {
    opacity: 0.5
}

.ng-toggle {
    -webkit-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    opacity: 1
}

.ng-toggle.ng-toggle-enter {
    opacity: 0.5
}

.ng-toggle.ng-hide {
    opacity: 0
}

.subnav {
    background-color: #fff;
    z-index: 12;
    overflow: hidden;
    border-bottom: 1px solid #ccc
}

.subnav li {
    float: left;
    height: 100%;
    cursor: pointer
}

.subnav li a:hover {
    text-decoration: none
}

.subnav li.active a {
    color: #5fa9cc
}

.subnav li.active a:focus {
    outline: 0
}

.subnav a.btn:hover {
    color: #fff
}

@media (max-width: 767px) {
    .sticky-wrapper {
        display: none
    }
}

.spec-label {
    font-size: 20px;
    color: #a5a5a5;
    display: block;
    margin-top: 25px;
    margin-bottom: 5px
}

.spec-type,
.spec-model .select-btn,
.spec-model .drop li {
    font-size: 18px;
    line-height: 1em
}

.cursor-link,
.spec-model .drop li {
    cursor: pointer
}

.spec-model .select-btn {
    width: 100%
}

.spec-model .drop {
    max-width: 320px;
    padding-top: 22px;
    padding-bottom: 22px;
    position: absolute;
    top: 110%;
    left: -11px;
    background-color: #fff
}

.spec-model .drop li {
    line-height: 22px;
    padding: 5px 11px;
    padding-right: 27px
}

.spec-model .drop li:hover {
    color: #5fa9cc
}

.spec-intro {
    max-width: 500px
}

@media (max-width: 767px) {
    .spec-head {
        text-align: center
    }
    .dimension {
        width: 60%;
        float: left
    }
    .weight {
        width: 30%;
        float: left
    }
    .row .spec-text .column6 {
        padding-bottom: 0
    }
}

.case-mapper-label {
    font-size: 20px;
    color: #444;
    display: block;
    margin-top: 25px;
    margin-bottom: 5px
}

@media (max-width: 767px) {
    .case-mapper-label {
        font-size: 18px;
        margin-top: 16px;
        line-height: 18px
    }
}

.device-color-text,
.case-color-text {
    font-size: 18px
}

@media (max-width: 767px) {
    .device-color-text,
    .case-color-text {
        font-size: 14px
    }
}

.case-mapper-btn-container {
    width: 45%
}

.device-color-btn {
    margin-top: 10px;
    margin-right: 10px
}

.case-color-btn {
    margin-top: 10px;
    margin-right: 10px
}

.case-mapper-seperator {
    border-top: solid #444 1px;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    width: 45%
}

@media (max-width: 767px) {
    .case-mapper-seperator {
        border-top: solid #eee 1px;
        width: 100%
    }
}

.case-mapper-small-text {
    font-size: 12px;
    font-style: italic
}

.case-mapper-slider .slick-slide {
    height: auto;
    text-align: center
}

@media (max-width: 767px) {
    .case-mapper-slider .slick-slide {
        padding-left: 50px;
        padding-right: 50px
    }
}

.case-mapper-slider .slick-slide img {
    max-width: 370px;
    display: inline-block
}

.case-mapper-slider .slick-prev:before,
.case-mapper-slider .slick-prev:focus:before,
.case-mapper-slider .slick-prev:hover:before,
.case-mapper-slider .slick-next:before,
.case-mapper-slider .slick-next:focus:before,
.case-mapper-slider .slick-next:hover:before {
    color: rgba(153, 153, 153, 0.6)
}

.case-mapper-slider .slick-slider {
    padding-bottom: 0
}

.case-mapper-slider .plate-wrapper {
    top: 0px;
    z-index: 5;
    width: 100%;
    height: 100%
}

.case-mapper-slider .plate-wrapper button {
    opacity: 0
}

.case-mapper-slider .carousel-color .slick-dots {
    margin-top: -20px;
    z-index: 50
}

.case-mapper-slider .carousel-color .slick-dots li {
    width: 40px;
    height: 40px
}

.case-mapper-slider .carousel-color .slick-dots li button {
    background-color: transparent;
    padding: 0;
    background-size: cover
}

.case-mapper-slider .carousel-color .slick-dots li:first-child button {
    background-image: url(../img/metaluxe/gold-dot.png)
}

.case-mapper-slider .carousel-color .slick-dots li:last-child button {
    background-image: url(../img/metaluxe/silver-dot.png)
}

.case-mapper-slider .carousel-color .slick-dots li.slick-active:first-child button {
    background-image: url(../img/metaluxe/gold-dot-selected.png)
}

.case-mapper-slider .carousel-color .slick-dots li.slick-active:last-child button {
    background-image: url(../img/metaluxe/silver-dot-selected.png)
}

.vertical-align-element {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.learn-more {
    position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left: -50px
}

.pointer {
    cursor: pointer
}

.artwork-preload {
    background-color: #fff;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.artwork-preload.loading {
    opacity: 1
}

.search-spinner.spinner-wrap {
    top: 100px
}

.matched-device .result {
    position: relative;
    opacity: 0.7
}

.matched-device .result:hover {
    opacity: 1
}

.filter-order-btn {
    border: 1px solid #ccc;
    background-color: transparent
}

.filter-order-btn:not(.selected):hover {
    color: #5fa9cc;
    border-color: #5fa9cc
}

.filter-order-btn:not(.selected):hover:hover {
    background-color: transparent
}

.filter-order-btn.selected {
    color: #444;
    border-color: #444
}

.filter-order-btn.selected:hover {
    background-color: transparent
}

@media (max-width: 767px) {
    .filter-order-btn {
        border: none;
        padding-top: 0;
        padding-bottom: 0
    }
    .filter-order-btn:first-child {
        border-right: 1px solid #ccc
    }
    .filter-order-btn.selected {
        background-color: transparent;
        color: #000
    }
    .filter-order-btn.selected:hover {
        background-color: transparent
    }
}

.order-wrap {
    float: right
}

@media (max-width: 767px) {
    .order-wrap {
        float: left
    }
    .order-wrap .btn {
        line-height: 1.2em;
        height: auto
    }
    .filter-wrap {
        float: none
    }
}

.category-filter {
    text-align: center;
    font-size: 0
}

.category-filter ul {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.category-filter li {
    font-size: 14px;
    width: 20%;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    display: inline-block;
    border-right: 1px solid #eee
}

.category-filter li p,
.category-filter li i:before {
    position: relative;
    top: -8px;
    color: #aaa
}

.category-filter li i:before {
    font-size: 80px;
    line-height: 1em;
    font-family: 'icomoon';
    font-style: normal;
    text-transform: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color 0.3s ease-out
}

.category-filter li.iphone i:before {
    content: "\e63e"
}

.category-filter li.watch i:before {
    content: '\e640'
}

.category-filter li.laptop i:before {
    content: '\e63f'
}

.category-filter li.ipad i:before {
    content: '\e63d'
}

.category-filter li.android i:before {
    content: '\e63c'
}

.category-filter li p {
    transition: color 0.3s ease-out;
    margin-top: -15px
}

.category-filter li:last-child {
    border-right: none
}

.category-filter li.selected {
    opacity: 1;
    cursor: default
}

.category-filter li.selected i:before,
.category-filter li.selected p {
    color: #666
}

.category-filter li.disabled {
    cursor: default
}

.category-filter li.disabled i:before,
.category-filter li.disabled p {
    opacity: 0.3;
    color: #666
}

.category-filter li.disabled:hover i:before,
.category-filter li.disabled:hover p {
    opacity: 0.3;
    color: #666
}

@media (max-width: 767px) {
    .category-filter {
        background-color: #eee;
        overflow-x: scroll
    }
    .category-filter ul {
        width: 550px
    }
    .category-filter li {
        width: 110px
    }
}

@media (min-width: 768px) {
    .category-filter li:hover i:before,
    .category-filter li:hover p {
        color: #5fa9cc
    }
}

.input-select {
    position: relative;
    width: 100%
}

.input-select select {
    /* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 44px;
    padding: 10px 15px;
    padding-right: 50px;
    display: block;
    font-size: 14px;
    border: 1px solid #aaa;
    border-radius: 2px;
    line-height: 1.5em;
    background-color: transparent;
    color: #666 */
    height: 44px;
    width: 100%;
    /* background: white; */
    /* border: 1px solid #ccc; */
    background-image: none;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    height: 44px;
    padding: 0 11px;
    -webkit-appearance: menulist-button;
    vertical-align: top;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.input-select select:focus {
    outline: none;
    border-color: #5fa9cc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 198, 198, 0.6)
}

.input-select select::-ms-expand {
    display: none
}

.input-select:before {
    content: '\e000';
    font-family: 'icomoon';
    position: absolute;
    bottom: 10px;
    right: 20px;
    pointer-events: none
}

.input-number {
    position: relative;
    width: 100px;
    height: 20px
}

.input-number input {
    display: block;
    padding: 0 20px;
    text-align: center;
    width: 100%;
    height: 24px
}

.input-number input[type=number]::-webkit-inner-spin-button,
.input-number input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input-number input[type=number] {
    -moz-appearance: textfield
}

.input-number span[data-spin] {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    top: 2px
}

.input-number span[data-spin="minus"] {
    border-right: 2px solid rgba(0, 0, 0, 0.1);
    left: 4px
}

.input-number span[data-spin="add"] {
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    right: 4px
}

@media (min-width: 768px) {
    .input-select {
        height: 44px;
    width: 100%;
    /* background: white; */
    /* border: 1px solid #ccc; */
    background-image: none;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    height: 44px;
    padding: 0 11px;
    -webkit-appearance: menulist-button;
    vertical-align: top;
    border: 1px solid rgba(0, 0, 0, 0.1);
    }
}

.device-color-btn,
.item-option-color-btn {
    height: 34px;
    width: 34px;
    display: inline-block;
    background-size: 100%;
    border-radius: 50%;
    border: 2px solid #ccc
}

.device-color-btn.active,
.device-color-btn:hover,
.item-option-color-btn.active,
.item-option-color-btn:hover {
    outline: none;
    border-color: #5fa9cc
}

.device-color-btn.transparent,
.item-option-color-btn.transparent {
    height: 34px;
    width: 34px;
    border: dashed 2px #bfbfbf;
    box-shadow: 0 0 0 transparent inset
}

.device-color-btn.transparent.active,
.device-color-btn.transparent:hover,
.item-option-color-btn.transparent.active,
.item-option-color-btn.transparent:hover {
    outline: none;
    border-color: #5fa9cc
}

.device-color-btn.transparent:hover:before,
.device-color-btn.transparent.active:before,
.item-option-color-btn.transparent:hover:before,
.item-option-color-btn.transparent.active:before {
    top: -7px;
    left: -7px
}

.device-color-btn.bi-color,
.device-color-btn.tri-color,
.item-option-color-btn.bi-color,
.item-option-color-btn.tri-color {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
}

.device-color-btn.bi-color>div,
.device-color-btn.tri-color>div,
.item-option-color-btn.bi-color>div,
.item-option-color-btn.tri-color>div {
    top: 0;
    left: 0
}

.device-color-btn.bi-color>div>div,
.device-color-btn.tri-color>div>div,
.item-option-color-btn.bi-color>div>div,
.item-option-color-btn.tri-color>div>div {
    width: 100%;
    left: 0
}

.device-color-btn.bi-color>div>div,
.item-option-color-btn.bi-color>div>div {
    height: 36px
}

.device-color-btn.bi-color>div .color1,
.item-option-color-btn.bi-color>div .color1 {
    top: -50%
}

.device-color-btn.bi-color>div .color1,
.item-option-color-btn.bi-color>div .color1 {
    bottom: -50%
}

.device-color-btn.tri-color>div [class*='color'],
.item-option-color-btn.tri-color>div [class*='color'] {
    height: 12px
}

.device-color-btn.tri-color>div .color1,
.item-option-color-btn.tri-color>div .color1 {
    top: 0px
}

.device-color-btn.tri-color>div .color2,
.item-option-color-btn.tri-color>div .color2 {
    top: 12px
}

.device-color-btn.tri-color>div .color3,
.item-option-color-btn.tri-color>div .color3 {
    bottom: 0px
}

ctg-search-box {
    height: 45px;
    display: block
}

ctg-search-box .search-btn {
    padding: 10px
}

ctg-search-box .search-btn:hover {
    cursor: pointer
}

ctg-search-box .search-btn.active {
    color: #5fa9cc
}

ctg-search-box .search-bar .search-bar-wrap {
    overflow: hidden;
    vertical-align: middle;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    -moz-box-flex: 1 1 0%;
    -moz-flex: 1 1 0%;
    flex: 1 1 0%
}

ctg-search-box .search-bar i.text-extra {
    font-size: 32px;
    padding: 0 10px;
    line-height: 1em;
    position: relative;
    top: 50%;
    margin-top: -18px
}

ctg-search-box .search-bar i.text-extra:before {
    line-height: 1em
}

ctg-search-box .search-bar i.cancel-icon:before {
    font-size: 24px
}

ctg-search-box .search-bar i.cancel-icon:hover {
    cursor: pointer
}

ctg-search-box .search-bar input {
    font-size: 25px;
    display: inline-block;
    flex-grow: 1;
    height: 100%;
    padding-left: 16px;
    border: none
}

ctg-search-box .search-bar input:focus {
    outline: none;
    background-color: #ffffff
}

@media (min-width: 768px) {
    ctg-search-box .search-bar {
        position: absolute;
        top: 100%;
        height: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 10;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)
    }
}

@media (max-width: 767px) {
    ctg-search-box .search-box {
        height: 50px
    }
    ctg-search-box .search-btn {
        display: none
    }
    ctg-search-box .search-bar.slide-down {
        display: block
    }
    ctg-search-box .search-bar input {
        font-size: 18px;
        padding-left: 0
    }
    ctg-search-box .search-bar i.search-icon:before {
        font-size: 20px
    }
    ctg-search-box .search-bar i.cancel-icon {
        opacity: 0.2;
        color: #000
    }
    ctg-search-box .search-bar i.cancel-icon:before {
        font-size: 18px;
        font-weight: bold
    }
    ctg-search-box .slide-down-hide {
        opacity: 1;
        pointer-events: auto
    }
}

.pagination-directory {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    -moz-box-flex: 1 1 0%;
    -moz-flex: 1 1 0%;
    flex: 1 1 0%
}

.pagination-directory .pagin {
    flex-grow: 1;
    width: 50%
}

.pagination-directory .pre-page,
.pagination-directory .next-page {
    width: 25%
}

.pagination-directory .pre-page a.btn:hover,
.pagination-directory .next-page a.btn:hover {
    background-color: transparent;
    box-shadow: 0 0 0 1px #5fa9cc inset;
    color: #5fa9cc
}

ctg-drop-down {
    position: relative;
    display: inline-block
}

.ctg-drop-down-btn.btn {
    border: 1px solid #ccc;
    background-color: transparent;
    text-align: left
}

.ctg-drop-down-btn.btn:hover {
    background-color: transparent
}

.ctg-drop-down-btn.btn.selected {
    background-color: #5fa9cc;
    color: #fff;
    border: none
}

ctg-drop-down-container {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    max-width: 200px;
    z-index: 1;
    pointer-events: none
}

ctg-drop-down-box {
    background-color: #fff;
    box-shadow: 0 1px 1px #ccc;
    display: block;
    overflow: hidden;
    z-index: 1;
    pointer-events: auto
}

ctg-drop-down-box>span,
ctg-drop-down-box ctg-drop-down-option {
    padding: 10px 15.4px;
    display: block;
    cursor: pointer;
    text-align: left;
    line-height: 1.5em
}

ctg-drop-down-box>span:hover,
ctg-drop-down-box ctg-drop-down-option:hover {
    color: #5fa9cc
}

ctg-drop-down-box>span.selected,
ctg-drop-down-box ctg-drop-down-option.selected {
    background-color: #5fa9cc;
    color: #fff
}

ctg-drop-down-box>span.disabled,
ctg-drop-down-box ctg-drop-down-option.disabled {
    display: none
}

.dropdown-color .ctg-drop-down-btn .color-badge:hover:before,
.dropdown-color .ctg-drop-down-btn .color-badge.selected:before {
    display: none
}

.dropdown-color ctg-drop-down-container {
    width: 300px !important;
    height: auto !important
}

.dropdown-color ctg-drop-down-container ctg-drop-down-option {
    display: inline-block;
    padding: 5px
}

.dropdown-color ctg-drop-down-container ctg-drop-down-option.selected {
    background-color: transparent
}

.dropdown-color .color-badge {
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    cursor: pointer;
    box-shadow: 1px 0 1px #ccc;
    margin: 6px !important
}

.dropdown-color .color-badge.all {
    background-image: url("/img/color-btn.png");
    background-position: center
}

.dropdown-color .color-badge:hover:before,
.dropdown-color .selected .color-badge:before {
    width: 26px;
    height: 26px;
    top: -3px;
    left: -3px
}

ctg-drop-down.no-border .ctg-drop-down-btn {
    border: none
}

ctg-drop-down.no-border .ctg-drop-down-btn i {
    color: #5fa9cc
}

@media (max-width: 767px) {
    ctg-drop-down {
        width: 100%;
        border-radius: 0;
        background-color: transparent;
        display: block
    }
    .ctg-drop-down-btn {
        width: 100%
    }
    .ctg-drop-down-btn i {
        float: right
    }
    ctg-drop-down.no-border {
        display: inline-block;
        width: auto
    }
    ctg-drop-down.no-border i {
        display: none
    }
}

.option-box {
    width: 100%;
    max-width: 215px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 2px solid #eee;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.2s ease-out;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.option-box img {
    display: block
}

.option-box:hover {
    border-color: #5fa9cc
}

.option-box.selected {
    cursor: default;
    border-color: #5fa9cc
}

.text .option-box {
    height: 100px
}

.text .option-box span {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto
}

ctg-autocomplete {
    position: relative;
    display: block
}

ctg-autocomplete ctg-drop-down-container {
    max-height: 500px
}

ctg-autocomplete ctg-drop-down-box span {
    display: block;
    padding: 10px;
    cursor: pointer
}

ctg-autocomplete ctg-drop-down-box span:hover {
    color: #5fa9cc
}

ctg-like-artwork-btn {
    text-align: right;
    top: -2px;
    position: relative
}

ctg-like-artwork-btn a,
ctg-like-artwork-btn [data-icon].text-big {
    line-height: 0
}

ctg-like-artwork-btn [data-icon].text-big:before {
    line-height: 1em
}

ctg-like-artwork-btn .like-icon {
    color: #999
}

ctg-like-artwork-btn .like-icon:hover {
    color: #5fa9cc
}

ctg-like-artwork-btn .liked-icon {
    color: #5fa9cc
}

ctg-like-artwork-btn .liked-icon:hover {
    color: #44b5b5
}

.collection .header-banner {
    max-width: 2000px;
    height: 200px
}

@media (max-width: 1280px) {
    .collection .header-banner {
        background-position: 20% center
    }
}

@media (max-width: 767px) {
    .collection .header-banner {
        height: 100px
    }
}

.brand-list .tagline {
    background: url(/img/supported_devices/tagline_background.jpg);
    background-position: center;
    background-size: cover;
    margin: 0;
    padding: 44px 0
}

.brand-list .brands {
    padding: 22px 0
}

.brand-list .brands .brand {
    padding-top: 11px
}

.brand-list .brands .brand .brand-logo {
    width: 80%
}

@media (min-width: 768px) {
    .brand-list .brands {
        padding: 44px 0
    }
    .brand-list .brands .brand {
        padding-top: 22px;
        padding-bottom: 22px
    }
    .brand-list .brands .brand .brand-logo {
        width: 50%
    }
    .brand-list .brands .brand .brand-name {
        font-family: "Roboto", Helvetica, Arial, Sans-Serif;
        font-size: 14px;
        font-weight: 400;
        color: #666;
        line-height: 22px;
        margin: 0
    }
}

@media (min-width: 1025px) {
    .brand-list .tagline {
        padding: 88px 0
    }
}

.casetify-your-watch .landing-bg {
    height: 400px;
    background-image: url(/img/casetify-your-watch/desktop-landing.jpg);
    background-position: center center
}

.casetify-your-watch .blur {
    display: none
}

.casetify-your-watch .grid-wrap {
    margin-top: -11px;
    padding-left: 11px;
    padding-right: 11px
}

.casetify-your-watch .grid-wrap .grid {
    width: 50%;
    padding: 11px;
    float: left;
    position: relative
}

.casetify-your-watch .grid-wrap .grid-bg img {
    display: block;
    visibility: hidden
}

.casetify-your-watch .grid-wrap .artist-profile h3 {
    margin-top: 11px
}

.casetify-your-watch .grid-wrap .artist-profile a.btn {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.casetify-your-watch .grid-wrap #grid-1,
.casetify-your-watch .grid-wrap #grid-2 {
    float: right
}

.casetify-your-watch .grid-wrap #grid-1 .grid-bg {
    background-image: url(/img/casetify-your-watch/mobile-palomaparrot.jpg)
}

.casetify-your-watch .grid-wrap #grid-2 .grid-bg {
    background-image: url(/img/casetify-your-watch/mobile-ladyvenom.jpg)
}

.casetify-your-watch .grid-wrap #grid-3 .grid-bg {
    background-image: url(/img/casetify-your-watch/mobile-gui.jpg)
}

.casetify-your-watch .grid-wrap #grid-4 .grid-bg {
    background-image: url(/img/casetify-your-watch/mobile-audiosoup.jpg)
}

.casetify-your-watch .grid-wrap #grid-5 .grid-bg {
    background-image: url(/img/casetify-your-watch/desktop-anabarros.jpg)
}

.casetify-your-watch .grid-wrap #grid-6 .grid-bg {
    background-image: url(/img/casetify-your-watch/mobile-berlinstagram.jpg)
}

.casetify-your-watch .grid-wrap #grid-7 .grid-bg {
    background-image: url(/img/casetify-your-watch/mobile-civilking.jpg)
}

.casetify-your-watch .grid-wrap #grid-8 .grid-bg {
    background-image: url(/img/casetify-your-watch/mobile-katia_mi.jpg)
}

@media (min-width: 768px) {
    .casetify-your-watch .landing {
        background-color: #000;
        overflow: hidden
    }
    .casetify-your-watch .blur,
    .casetify-your-watch .landing-bg {
        height: 550px;
        background-image: url(/img/casetify-your-watch/desktop-landing.jpg);
        background-size: auto;
        background-position: center 70%
    }
    .casetify-your-watch .blur {
        top: 0;
        left: 0;
        display: block;
        -webkit-filter: blur(3px);
        filter: blur(3px);
        opacity: 0
    }
    .casetify-your-watch .blur:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5)
    }
    .casetify-your-watch .grid-wrap {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0
    }
    .casetify-your-watch .grid-wrap .grid {
        padding: 0
    }
    .casetify-your-watch .grid-wrap .grid-bg {
        height: 300px
    }
    .casetify-your-watch .grid-wrap .grid-bg img {
        display: none
    }
    .casetify-your-watch .grid-wrap .artist-profile {
        opacity: 0;
        transition: opacity 0.2s;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center
    }
    .casetify-your-watch .grid-wrap .artist-profile img {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    .casetify-your-watch .grid-wrap .artist-profile h3 {
        color: #fff
    }
    .casetify-your-watch .grid-wrap .artist-profile a.btn {
        opacity: 1;
        display: inline-block;
        height: auto;
        width: auto;
        position: static;
        transition: all 0.2s
    }
    .casetify-your-watch .grid-wrap .artist-profile a.btn:hover {
        color: #666
    }
    .casetify-your-watch .grid-wrap .grid:hover .artist-profile {
        background-color: rgba(0, 0, 0, 0.35);
        opacity: 1
    }
    .casetify-your-watch .grid-wrap #grid-3 {
        float: right
    }
    .casetify-your-watch .grid-wrap #grid-1 .grid-bg,
    .casetify-your-watch .grid-wrap #grid-6 .grid-bg {
        height: 600px
    }
    .casetify-your-watch .grid-wrap #grid-4 {
        width: 35%
    }
    .casetify-your-watch .grid-wrap #grid-5 {
        width: 65%
    }
    .casetify-your-watch .grid-wrap #grid-1 .grid-bg {
        background-image: url(/img/casetify-your-watch/desktop-palomaparrot.jpg)
    }
    .casetify-your-watch .grid-wrap #grid-2 .grid-bg {
        background-image: url(/img/casetify-your-watch/desktop-ladyvenom.jpg)
    }
    .casetify-your-watch .grid-wrap #grid-3 .grid-bg {
        background-image: url(/img/casetify-your-watch/desktop-gui.jpg)
    }
    .casetify-your-watch .grid-wrap #grid-4 .grid-bg {
        background-image: url(/img/casetify-your-watch/desktop-audiosoup.jpg)
    }
    .casetify-your-watch .grid-wrap #grid-5 .grid-bg {
        background-image: url(/img/casetify-your-watch/desktop-anabarros.jpg)
    }
    .casetify-your-watch .grid-wrap #grid-6 .grid-bg {
        background-image: url(/img/casetify-your-watch/desktop-berlinstagram.jpg)
    }
    .casetify-your-watch .grid-wrap #grid-7 .grid-bg {
        background-image: url(/img/casetify-your-watch/desktop-civilking.jpg)
    }
    .casetify-your-watch .grid-wrap #grid-8 .grid-bg {
        background-image: url(/img/casetify-your-watch/desktop-katia_mi.jpg)
    }
}

@media (min-width: 1025px) {
    .casetify-your-watch .grid-wrap .grid-bg {
        height: 500px
    }
    .casetify-your-watch .grid-wrap #grid-1 .grid-bg,
    .casetify-your-watch .grid-wrap #grid-6 .grid-bg {
        height: 1000px
    }
}

@media (min-width: 1281px) {
    .casetify-your-watch .grid-wrap .grid-bg {
        height: 700px
    }
    .casetify-your-watch .grid-wrap #grid-1 .grid-bg,
    .casetify-your-watch .grid-wrap #grid-6 .grid-bg {
        height: 1400px
    }
}

.details .slick-slide {
    height: auto
}

.details .details-info {
    flex: 1
}

.details .details-slider {
    flex: 1
}

.details .details-slider .placeholder-img {
    top: 0;
    left: 0;
    pointer-events: none
}

.details .details-slider .slick-dots li {
    background-color: rgba(153, 153, 153, 0.4)
}

.details .details-slider .slick-dots li.slick-active {
    background-color: rgba(153, 153, 153, 0.8)
}

.details .details-slider .slick-dots img {
    display: none
}

.details .details-option {
    flex: 1
}

.details .details-option .color-btn {
    opacity: 1
}

.details .detail-action {
    position: fixed;
    left: 0;
    bottom: 0;
    border-top: 1px solid #eee;
    z-index: 10
}

.details .detail-action a {
    width: 100%;
    border-radius: 0;
    margin: 0
}

.details .detail-action a.add-to-fav-btn {
    background-color: #fff;
    box-shadow: none
}

.details .two-button a {
    width: 50%;
    float: right
}

.details .two-button .add-to-cart-btn {
    width: 70%
}

.details .two-button .add-to-fav-btn {
    width: 30%
}

.details .detail-terms dl {
    padding-left: 0
}

.details .detail-terms dt {
    font-size: 16px;
    font-family: "Raleway", Helvetica, Arial, san-serif;
    color: #222;
    display: inline-block;
    margin-right: 11px;
    margin-top: 22px
}

.details .detail-terms dd {
    display: inline
}

.details .detail-terms dd a {
    color: #666
}

.details .detail-terms dd a:hover {
    color: #5fa9cc
}

.details .detail-terms dd:after {
    content: '';
    display: block
}

.details .detail-terms .tag-list li.tag-btn:not(.hide):last-child {
    margin-bottom: 22px
}

.details .detail-terms .mobile-collapse {
    border-top: 1px solid #ccc;
    padding: 15px 11px;
    margin-left: -11px;
    margin-right: -11px
}

.details .detail-terms .mobile-collapse:last-child {
    border-bottom: 1px solid #ccc
}

.details .detail-terms .mobile-collapse .collapse-head {
    margin-top: 0;
    margin-bottom: 0;
    position: relative
}

.details .detail-terms .mobile-collapse .collapse-head:after {
    content: '\e630';
    position: absolute;
    font-family: 'icomoon';
    right: 11px;
    top: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    -o-transition: 300ms ease all;
    transition: 300ms ease all
}

.details .detail-terms .mobile-collapse .collapse-body {
    height: 0;
    overflow: hidden
}

.details .detail-terms .mobile-collapse.show .collapse-head:after,
.details .detail-terms .filter.open .mobile-collapse.drop .collapse-head:after,
.filter.open .details .detail-terms .mobile-collapse.drop .collapse-head:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.details .detail-terms .mobile-collapse.show .collapse-body,
.details .detail-terms .filter.open .mobile-collapse.drop .collapse-body,
.filter.open .details .detail-terms .mobile-collapse.drop .collapse-body {
    height: auto
}

.details .related-artwork h3 {
    margin-left: 5.5px;
    margin-right: 5.5px;
    text-align: center;
    margin-top: 0;
    padding-top: 14px;
    border-top: 1px solid #ccc
}

@media (min-width: 768px) {
    .details .details-slider {
        height: 43px;
        overflow: visible
    }
    .details .details-slider .slick-list {
        padding-bottom: 22px
    }
    .details .details-slider .slick-dots {
        margin-top: 0
    }
    .details .details-slider .slick-dots li {
        width: 70px;
        height: 70px;
        border-radius: 0;
        background-color: #f2f2f2;
        border: 3px solid #f2f2f2
    }
    .details .details-slider .slick-dots img {
        display: block;
        max-width: 100%
    }
    .details .details-slider .slick-dots .slick-active {
        border: 3px solid #746f75
    }
    .details .details-option {
        min-height: 670px
    }
    .details .detail-action {
        position: relative;
        z-index: 0;
        border-top: none
    }
    .details .detail-action a,
    .details .detail-action .add-to-cart-btn,
    .details .detail-action .add-to-fav-btn {
        width: auto;
        float: none;
        margin-right: 11px;
        border-radius: 2px
    }
    .details .detail-action a.add-to-fav-btn,
    .details .detail-action .add-to-cart-btn.add-to-fav-btn,
    .details .detail-action .add-to-fav-btn.add-to-fav-btn {
        border: 1px solid #999
    }
    .details .detail-terms .mobile-collapse {
        border: none;
        padding: 0;
        margin-left: 0;
        margin-right: 0
    }
    .details .detail-terms .mobile-collapse:last-child {
        border: none
    }
    .details .detail-terms .mobile-collapse .collapse-head {
        display: none
    }
    .details .detail-terms .mobile-collapse .collapse-body {
        height: auto
    }
    .details .related-artwork h3 {
        text-align: left;
        margin-left: 11px;
        margin-right: 11px;
        border-top: none
    }
    .details .related-artwork li:last-child {
        display: none
    }
}

@media (min-width: 1025px) {
    .details .related-artwork li:last-child {
        display: inline-block
    }
}

.details .bootstrap.iphone6s .render {
    height: 252px
}

.details .bootstrap.iphone6s .render .photo-3 {
    background-image: url(/img/iphone6s/render.jpg?v=2)
}

.details .bootstrap.iphone6s .testing .bg {
    background-image: url(/img/details/new-standard-testing-mobile.jpg)
}

.details .bootstrap.iphone6s .feature-bezel {
    background-image: url(/img/details/new-standard-feature-bezel-mobile.jpg);
    background-size: auto 200px;
    background-position: center 80px
}

.details .bootstrap.iphone6s .feature-print {
    background-image: url(/img/details/new-standard-feature-print-mobile.jpg);
    background-position: right 80px
}

.details .bootstrap.iphone6s .feature-slide>div {
    border-top: 1px solid #ccc;
    height: 410px
}

.details .bootstrap.iphone6s .feature:before {
    content: none
}

.details .bootstrap.iphone6s .feature .description {
    position: relative;
    top: 250px
}

.details .bootstrap.iphone6s.new-standard-02 .model .bg {
    height: 288px;
    background-image: url(/img/iphone6s/new-standard-02/model-mobile.jpg)
}

.details .bootstrap.iphone6s.new-standard-02 .feature-print {
    background-image: url(/img/iphone6s/new-standard-02/feature-print-mobile.jpg)
}

.details .bootstrap.iphone6s.new-standard-02 .feature-bezel {
    background-image: url(/img/iphone6s/new-standard-02/feature-bezel-mobile.jpg)
}

.details .bootstrap.iphone6s.new-standard-02 .render .photo-3 {
    background-image: url(/img/iphone6s/new-standard-02/render-mobile.jpg)
}

.details .bootstrap.iphone6s.new-standard-02 .testing .bg {
    background-image: url(/img/iphone6s/new-standard-02/testing-mobile.jpg)
}

@media (min-width: 768px) {
    .details .bootstrap.iphone6s .full-page-section {
        height: 600px
    }
    .details .bootstrap.iphone6s .full-page-section .container {
        min-height: 0
    }
    .details .bootstrap.iphone6s .testing .bg {
        background-image: url(/img/details/new-standard-testing-desktop.jpg)
    }
    .details .bootstrap.iphone6s .feature-slide {
        border-top: none;
        height: auto;
        overflow: hidden
    }
    .details .bootstrap.iphone6s .feature-bezel {
        background-size: cover;
        background-image: url(/img/iphone6s/feature-bezel.jpg);
        background-position: center center
    }
    .details .bootstrap.iphone6s .feature-print {
        background-image: url(/img/details/new-standard-feature-print.jpg);
        background-size: cover;
        background-position: center center
    }
    .details .bootstrap.iphone6s .feature .description {
        top: 0
    }
    .details .bootstrap.iphone6s.new-standard-02 .model .bg {
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(/img/iphone6s/new-standard-02/model.jpg)
    }
    .details .bootstrap.iphone6s.new-standard-02 .feature-print {
        background-image: url(/img/iphone6s/new-standard-02/feature-print.jpg)
    }
    .details .bootstrap.iphone6s.new-standard-02 .feature-bezel {
        background-image: url(/img/iphone6s/new-standard-02/feature-bezel.jpg)
    }
    .details .bootstrap.iphone6s.new-standard-02 .render .photo-3 {
        background-image: url(/img/iphone6s/new-standard-02/render.jpg)
    }
    .details .bootstrap.iphone6s.new-standard-02 .testing .bg {
        background-image: url(/img/iphone6s/new-standard-02/testing-desktop.jpg)
    }
}

.device-detail .xs-hide,
.device-detail .hidden {
    display: none
}

.device-detail .row .xs-hide,
.device-detail .row .hidden,
.device-detail .row.xs-hide,
.device-detail .row.hidden {
    display: none
}

.device-detail .separate-line {
    border-bottom: 1px solid #ccc;
    padding-top: 6px;
    margin-bottom: 11px
}

.device-detail .breadcrumb {
    padding-top: 22px
}

.device-detail .breadcrumb ol {
    list-style-type: none;
    padding-bottom: 0;
    line-height: 22px
}

.device-detail .breadcrumb ol li {
    display: inline-block;
    padding: 0;
    line-height: 22px
}

.device-detail .breadcrumb ol li a {
    padding: 5px
}

.device-detail .breadcrumb ol li::after {
    content: "/"
}

.device-detail .breadcrumb ol li:last-child {
    padding: 5px
}

.device-detail .breadcrumb ol li:last-child::after {
    content: ""
}

.device-detail .intro .content {
    padding-top: 22px
}

.device-detail .intro .price {
    color: #666;
    font-size: 38px
}

.device-detail .intro .btn-wrapper {
    margin-top: 30px;
    text-align: center
}

.device-detail .intro .btn-wrapper .btn {
    margin-bottom: 10px
}

.device-detail .intro .social-link {
    text-align: center
}

.device-detail .spec h2 {
    margin: 0
}

.device-detail .spec h3 {
    margin: 0
}

.device-detail .spec p {
    margin-bottom: 11px
}

.device-detail .spec .thumbnail {
    padding-top: 5px
}

.device-detail .trending-item-options h2 {
    margin: 0
}

.device-detail .trending-item-options .item-options .row .item-option .name,
.device-detail .trending-item-options .item-options .row .item-option .artist {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    margin: 0
}

.device-detail .trending-item-options .item-options .row .item-option .name {
    text-transform: uppercase
}

.device-detail .trending-item-options .item-options .row .item-option .artist {
    min-height: 22px
}

.device-detail .trending-item-options .btn-wrapper .btn {
    min-width: 0
}

.device-detail .trending-item-options .btn-wrapper .btn:hover {
    box-shadow: 0 0 0 1px #746f75 inset;
    color: #746f75
}

.device-detail.device-detail-pre-order .intro .helping-text {
    font-size: 14px;
    line-height: 22px;
    color: #666;
    font-family: "Roboto", Helvetica, Arial, Sans-Serif
}

.device-detail.device-detail-pre-order .intro .pre-order-form .submit-btn {
    margin-left: 10px;
    min-width: auto;
    padding: 0 10px;
    white-space: nowrap
}

.device-detail.device-detail-pre-order .intro .message-wrapper {
    display: none
}

@media (min-width: 768px) {
    .device-detail .xs-hide {
        display: block
    }
    .device-detail .xs-hide.hidden {
        display: none
    }
    .device-detail .s-hide {
        display: none
    }
    .device-detail .row .xs-hide,
    .device-detail .row.xs-hide {
        display: block
    }
    .device-detail .row .xs-hide.hidden,
    .device-detail .row.xs-hide.hidden {
        display: none
    }
    .device-detail .row .s-hide,
    .device-detail .row.s-hide {
        display: none
    }
    .device-detail .separate-line {
        margin: 22px 0
    }
    .device-detail .breadcrumb {
        background: #f2f2f2;
        padding-bottom: 11px
    }
    .device-detail .intro {
        background: #f2f2f2;
        padding-bottom: 44px
    }
    .device-detail .intro .main-photo {
        display: block;
        text-align: center
    }
    .device-detail .intro .main-photo img {
        max-width: 450px
    }
    .device-detail .intro .btn-wrapper {
        text-align: left
    }
    .device-detail .intro .btn-wrapper .btn {
        margin-right: 15px
    }
    .device-detail .intro .btn-wrapper .btn:last-child {
        margin-right: 0
    }
    .device-detail .intro .social-link {
        text-align: left
    }
    .device-detail .spec {
        padding-top: 22px;
        margin-bottom: 22px
    }
    .device-detail .spec h2 {
        margin: 22px 0
    }
    .device-detail .spec p {
        margin-bottom: 22px
    }
    .device-detail .spec .thumbnail {
        cursor: pointer
    }
    .device-detail .spec .main-photo {
        display: block;
        text-align: center
    }
    .device-detail .spec .main-photo img {
        max-width: 450px
    }
    .device-detail .trending-item-options {
        text-align: center
    }
    .device-detail .trending-item-options h2 {
        margin-bottom: 11px
    }
    .device-detail .trending-item-options .item-options {
        padding: 0 50px;
        position: relative;
        margin-bottom: 22px
    }
    .device-detail .trending-item-options .item-options .prev-btn,
    .device-detail .trending-item-options .item-options .next-btn {
        color: #bfbfbf;
        position: absolute;
        width: 45px;
        padding: 30px 5px;
        top: 60px;
        cursor: pointer
    }
    .device-detail .trending-item-options .item-options .prev-btn:hover,
    .device-detail .trending-item-options .item-options .next-btn:hover {
        color: #666
    }
    .device-detail .trending-item-options .item-options .prev-btn {
        left: 0;
        padding-right: 10px
    }
    .device-detail .trending-item-options .item-options .next-btn {
        right: 0;
        padding-left: 10px
    }
    .device-detail .trending-item-options .item-options .item-option .thumbnail {
        max-height: 210px;
        max-width: 210px;
        min-height: 150px;
        min-width: 150px
    }
    .device-detail .trending-item-options .item-options .item-option .name,
    .device-detail .trending-item-options .item-options .item-option .artist {
        text-align: left
    }
}

@media (min-width: 1025px) {
    .device-detail .separate-line {
        margin: 88px 0
    }
    .device-detail .intro {
        padding-bottom: 88px
    }
    .device-detail .intro .btn-wrapper .btn {
        margin-right: 10px
    }
    .device-detail .intro .btn-wrapper .btn:last-child {
        margin-right: 0
    }
    .device-detail .breadcrumb {
        padding-bottom: 22px
    }
    .device-detail .spec {
        padding-top: 88px
    }
    .device-detail .trending-item-options {
        padding-bottom: 88px
    }
    .device-detail .trending-item-options .item-options {
        margin-top: 22px;
        margin-bottom: 0
    }
    .device-detail .trending-item-options .item-options .prev-btn,
    .device-detail .trending-item-options .item-options .next-btn {
        top: 75px
    }
    .device-detail .trending-item-options .item-options .item-option .thumbnail {
        max-height: 259px;
        max-width: 259px;
        min-height: 220px;
        min-width: 220px
    }
}

.device-list .breadcrumb {
    padding-top: 22px;
    padding-bottom: 22px
}

.device-list .breadcrumb ol {
    list-style-type: none;
    padding-bottom: 0;
    line-height: 22px
}

.device-list .breadcrumb ol li {
    display: inline-block;
    padding: 0;
    line-height: 22px
}

.device-list .breadcrumb ol li a {
    padding: 5px
}

.device-list .breadcrumb ol li::after {
    content: "/"
}

.device-list .breadcrumb ol li:last-child {
    padding: 5px
}

.device-list .breadcrumb ol li:last-child::after {
    content: ""
}

.device-list .tagline {
    background: url(/img/supported_devices/tagline_background.jpg);
    background-position: center;
    background-size: cover;
    margin: 0;
    padding: 44px 0
}

.device-list .devices {
    list-style: none;
    padding: 0
}

.device-list .devices .device {
    padding-bottom: 22px
}

.device-list .devices .device .device-name {
    margin: 0;
    height: 44px;
    overflow: hidden
}

.device-list .devices .device .device-spec-image {
    width: 85%
}

@media (min-width: 768px) {
    .device-list .devices .device {
        width: 20%
    }
    .device-list .devices .device .device-spec-image {
        width: 80%
    }
}

@media (min-width: 1025px) {
    .device-list .tagline {
        padding: 88px 0
    }
}

.iphone6s {
    text-align: center
}

.iphone6s .new-standard {
    position: relative
}

.iphone6s .new-standard span {
    position: relative
}

.iphone6s .new-standard span:after {
    content: '\2122';
    position: absolute;
    font-size: 50%;
    right: -1em;
    top: -0.3em
}

.iphone6s hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    padding: 0
}

.iphone6s .landing .bg {
    height: 252px;
    background-image: url(/img/iphone6s/landing-mobile.jpg)
}

@media (max-width: 767px) {
    .iphone6s .landing h1.new-standard {
        font-size: 32px
    }
}

.iphone6s .intro .bg {
    background-image: url(/img/iphone6s/intro-mobile.jpg?v=3);
    height: 288px;
    background-size: cover;
    background-position: center center
}

.iphone6s .video {
    height: 250px
}

.iphone6s .video .play-btn {
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 40px;
    line-height: 50px;
    color: #000
}

.iphone6s .video .start-cover {
    background-image: url(/img/iphone6s/video-cover-mobile.jpg);
    position: absolute;
    z-index: 5
}

.iphone6s .video .end-cover {
    background-image: url(/img/iphone6s/video-cover-mobile.jpg)
}

.iphone6s .video .player {
    pointer-events: none
}

.iphone6s .video .modal-box.video-modal .close-btn.close-edge,
.iphone6s .video .video-modal.invite-signup-modal-holder .close-btn.close-edge,
.iphone6s .video .video-modal.shopping-spree-modal-holder .close-btn.close-edge {
    display: none
}

.iphone6s .video .mobile-cover {
    background-image: url(/img/iphone6s/video-cover-mobile.jpg)
}

.iphone6s .grey-bg {
    background-color: #f4f4f4
}

.iphone6s .slider .slider-wrap img {
    max-width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.iphone6s .slider .slick-slide {
    height: auto
}

.iphone6s .slider .slick-prev:before,
.iphone6s .slider .slick-next:before {
    color: #999
}

.iphone6s .slider .slick-prev,
.iphone6s .slider .slick-next {
    line-height: normal
}

.iphone6s .slider .slick-dots {
    margin-top: 20px
}

.iphone6s .slider .slick-dots li {
    display: inline-block;
    height: 25px;
    width: 25px;
    border: 2px solid #ccc
}

.iphone6s .slider .slick-dots li button {
    background-color: #2AB8D4
}

.iphone6s .slider .slick-dots li.slick-active {
    border-color: #5fa9cc
}

.iphone6s .slider .slick-dots li:first-child button {
    background: #ececec;
    background: -moz-linear-gradient(-45deg, #ececec 0%, #ececec 50%, #fff 51%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #ececec 0%, #ececec 50%, #fff 51%, #fff 100%);
    background: -ms-linear-gradient(-45deg, #ececec 0%, #ececec 50%, #fff 51%, #fff 100%);
    background: linear-gradient(135deg, #ececec 0%, #ececec 50%, #fff 51%, #fff 100%)
}

.iphone6s .slider .slick-dots li:nth-child(2) button {
    background: #333;
    background: -moz-linear-gradient(-45deg, #333 0%, #333 50%, #fff 51%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #333 0%, #333 50%, #fff 51%, #fff 100%);
    background: -ms-linear-gradient(-45deg, #333 0%, #333 50%, #fff 51%, #fff 100%);
    background: linear-gradient(135deg, #333 0%, #333 50%, #fff 51%, #fff 100%)
}

.iphone6s .slider .slick-dots li:nth-child(3) button {
    background: #0B76C6;
    background: -moz-linear-gradient(-45deg, #0B76C6 0%, #0B76C6 50%, #fff 51%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #0B76C6 0%, #0B76C6 50%, #fff 51%, #fff 100%);
    background: -ms-linear-gradient(-45deg, #0B76C6 0%, #0B76C6 50%, #fff 51%, #fff 100%);
    background: linear-gradient(135deg, #0B76C6 0%, #0B76C6 50%, #fff 51%, #fff 100%)
}

.iphone6s .slider .slick-dots li:nth-child(4) button {
    background: #F4477B;
    background: -moz-linear-gradient(-45deg, #F4477B 0%, #F4477B 50%, #fff 51%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #F4477B 0%, #F4477B 50%, #fff 51%, #fff 100%);
    background: -ms-linear-gradient(-45deg, #F4477B 0%, #F4477B 50%, #fff 51%, #fff 100%);
    background: linear-gradient(135deg, #F4477B 0%, #F4477B 50%, #fff 51%, #fff 100%)
}

.iphone6s .slider .slick-dots li:nth-child(5) button {
    background: #5DD7D7;
    background: -moz-linear-gradient(-45deg, #5DD7D7 0%, #5DD7D7 50%, #fff 51%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #5DD7D7 0%, #5DD7D7 50%, #fff 51%, #fff 100%);
    background: -ms-linear-gradient(-45deg, #5DD7D7 0%, #5DD7D7 50%, #fff 51%, #fff 100%);
    background: linear-gradient(135deg, #5DD7D7 0%, #5DD7D7 50%, #fff 51%, #fff 100%)
}

.iphone6s .slider .slick-dots li:nth-child(6) button {
    background: #CE0000;
    background: -moz-linear-gradient(-45deg, #CE0000 0%, #CE0000 50%, #fff 51%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #CE0000 0%, #CE0000 50%, #fff 51%, #fff 100%);
    background: -ms-linear-gradient(-45deg, #CE0000 0%, #CE0000 50%, #fff 51%, #fff 100%);
    background: linear-gradient(135deg, #CE0000 0%, #CE0000 50%, #fff 51%, #fff 100%)
}

.iphone6s .slider .slick-dots li:nth-child(7) button {
    background: #E1C2C2;
    background: -moz-linear-gradient(-45deg, #E1C2C2 0%, #E1C2C2 50%, #fff 51%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #E1C2C2 0%, #E1C2C2 50%, #fff 51%, #fff 100%);
    background: -ms-linear-gradient(-45deg, #E1C2C2 0%, #E1C2C2 50%, #fff 51%, #fff 100%);
    background: linear-gradient(135deg, #E1C2C2 0%, #E1C2C2 50%, #fff 51%, #fff 100%)
}

.iphone6s .slider .slick-dots li:nth-child(8) button {
    background-color: #000
}

.iphone6s .slider .bumper-wrapper,
.iphone6s .slider .plate-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.iphone6s .feature {
    padding-bottom: 0;
    height: 448px
}

.iphone6s .feature:before {
    content: '';
    height: 230px;
    width: 100%;
    background-color: #f2f2f2;
    position: absolute;
    display: block
}

.iphone6s .feature .feature-print,
.iphone6s .feature .feature-corner,
.iphone6s .feature .feature-backplate,
.iphone6s .feature .feature-bezel {
    background-position: center top;
    background-size: auto 230px
}

.iphone6s .feature .slick-slide {
    height: 448px
}

.iphone6s .feature .slick-slide .flex-box,
.iphone6s .feature .slick-slide .option-box {
    position: relative;
    top: 280px
}

.iphone6s .feature .slick-list {
    overflow-y: visible
}

.iphone6s .feature .slick-dots {
    margin-top: -203px
}

.iphone6s .feature .feature-corner {
    background-image: url(/img/iphone6s/feature-corner-mobile.jpg?v=2)
}

.iphone6s .feature .feature-backplate {
    background-image: url(/img/iphone6s/feature-backplate-mobile.jpg?v=2)
}

.iphone6s .feature .feature-print {
    background-image: url(/img/iphone6s/feature-print-mobile.jpg?v=2);
    background-position: right 0
}

.iphone6s .feature .feature-bezel {
    background-image: url(/img/iphone6s/feature-bezel-mobile.jpg?v=2)
}

.iphone6s .testing .bg {
    height: 280px;
    background-image: url(/img/iphone6s/testing-mobile.jpg?v=3)
}

.iphone6s .testing .testing-details {
    border-bottom: 1px solid #ccc
}

.iphone6s .testing .testing-details p {
    max-width: 200px
}

.iphone6s .slick-prev,
.iphone6s .slick-next {
    font-size: 0
}

.iphone6s.new-standard-02 .landing .bg {
    background-image: url(/img/iphone6s/new-standard-02/landing-mobile.jpg)
}

@media (min-width: 768px) {
    .full-page-section {
        min-height: 731px
    }
    .iphone6s {
        text-align: left
    }
    .iphone6s .full-page-section {
        height: 650px
    }
    .iphone6s .landing {
        background-image: url(/img/iphone6s/landing-desktop.jpg);
        background-position: center center;
        background-size: 1500px auto;
        background-color: #e9e9e9
    }
    .iphone6s .landing .bg,
    .iphone6s .testing .bg,
    .iphone6s .intro .bg {
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .iphone6s .intro {
        overflow: hidden
    }
    .iphone6s .intro .bg {
        background-image: url(/img/iphone6s/intro1.png?v=2), url(/img/iphone6s/intro2.png?v=2), url(/img/iphone6s/intro3.png?v=2);
        background-size: 100% auto;
        max-width: 1200px;
        left: 33%
    }
    .iphone6s .video .start-cover,
    .iphone6s .video .end-cover {
        background-image: url(/img/iphone6s/video-cover-mobile.jpg)
    }
    .iphone6s .slider .slider-wrap img {
        max-width: 450px;
        margin-top: -60px;
        margin-bottom: -60px;
        width: 100%
    }
}

@media (min-width: 768px) and (max-height: 900px) {
    .iphone6s .slider .slider-wrap img {
        max-width: 336px
    }
}

@media (min-width: 768px) {
    .iphone6s .feature:before {
        content: none
    }
    .iphone6s .feature .slick-list,
    .iphone6s .feature .slick-track,
    .iphone6s .feature .slick-slide {
        height: 100%
    }
    .iphone6s .feature .feature-print,
    .iphone6s .feature .feature-corner,
    .iphone6s .feature .feature-backplate,
    .iphone6s .feature .feature-bezel {
        background-position: center center;
        background-size: cover
    }
    .iphone6s .feature .slick-slide .flex-box,
    .iphone6s .feature .slick-slide .option-box {
        top: 0
    }
    .iphone6s .feature .slick-dots {
        opacity: 0
    }
    .iphone6s .feature .slick-dots li {
        width: 30px;
        height: 30px
    }
    .iphone6s .feature .feature-corner {
        background-image: url(/img/iphone6s/feature-corner.jpg)
    }
    .iphone6s .feature .feature-backplate {
        background-image: url(/img/iphone6s/feature-backplate.jpg)
    }
    .iphone6s .feature .feature-print {
        background-image: url(/img/iphone6s/feature-print.jpg)
    }
    .iphone6s .feature .feature-bezel {
        background-image: url(/img/iphone6s/feature-bezel.jpg)
    }
    .iphone6s .feature .description {
        position: relative;
        top: 0
    }
    .iphone6s .render .photo-3 {
        background-image: url(/img/iphone6s/render.jpg?v=3)
    }
    .iphone6s .testing .bg {
        background-image: url(/img/iphone6s/testing-desktop.jpg?v=3)
    }
    .iphone6s .testing .testing-details {
        border-bottom: none
    }
    .iphone6s .mobile-action-btn {
        display: none
    }
}

@media (min-width: 1500px) {
    .iphone6s .landing {
        background-size: cover
    }
}

@media (min-width: 1800px) {
    .iphone6s .intro .bg {
        right: 0;
        left: auto
    }
}

.three-hk .xs-push0 {
    position: relative;
    left: 0
}

.three-hk .xs-push1 {
    position: relative;
    left: 8.33333%
}

.three-hk .xs-push2 {
    position: relative;
    left: 16.66667%
}

.three-hk section {
    background-repeat: no-repeat;
    overflow: hidden
}

.three-hk section .content-wrapper {
    text-align: center;
    padding-top: 33px;
    padding-bottom: 0
}

.three-hk section .content-wrapper .title {
    margin: 0;
    font-size: 22px
}

.three-hk section .content-wrapper .title br {
    display: none
}

.three-hk section .content-wrapper .title br.mobile-br {
    display: inline
}

.three-hk section .content-wrapper .content {
    margin: 22px 0
}

.three-hk section .content-wrapper .content br {
    display: none
}

.three-hk section .content-wrapper .content br.mobile-br {
    display: inline
}

.three-hk section .content-wrapper .button-wrapper .btn {
    width: 100%;
    text-align: center
}

.three-hk section .mobile-bg-img {
    display: block
}

.three-hk section.intro .content-wrapper h1 {
    margin: 0
}

.three-hk section.intro .content-wrapper h1 .logo {
    max-height: 66px;
    width: auto
}

.three-hk section.intro .content-wrapper .button-wrapper .custom-btn,
.three-hk section.intro .content-wrapper .button-wrapper .collection-btn {
    margin-bottom: 22px
}

.three-hk section.iphone .content-wrapper .img-wrapper {
    margin-bottom: 22px
}

.three-hk section.iphone .content-wrapper .img-wrapper .flex-img {
    display: block
}

.three-hk section.tech {
    background-color: #e3d5ca
}

.three-hk section.tech .content-wrapper .content {
    margin-bottom: 0
}

.three-hk section.photo .content-wrapper .photo-img {
    display: none
}

.three-hk section.free-shipping {
    min-height: inherit !important;
    height: inherit !important
}

.three-hk section.free-shipping .content-wrapper {
    padding-top: 44px;
    padding-bottom: 33px
}

.three-hk section.free-shipping .content-wrapper .logo {
    max-height: 66px;
    width: auto
}

.three-hk section.free-shipping .content-wrapper .title {
    margin-top: 22px
}

.three-hk section.free-shipping .content-wrapper .content {
    margin: 11px 0 0
}

.three-hk section.free-shipping .content-wrapper .content a {
    color: #666;
    text-decoration: underline
}

.three-hk section.free-shipping .content-wrapper .content a:hover {
    color: #5fa9cc
}

@media (min-width: 768px) {
    .three-hk .xs-push0.push1,
    .three-hk .xs-push1.push1,
    .three-hk .xs-push2.push1,
    .three-hk .xs-push3.push1,
    .three-hk .xs-push4.push1,
    .three-hk .xs-push5.push1,
    .three-hk .xs-push6.push1,
    .three-hk .xs-push7.push1,
    .three-hk .xs-push8.push1,
    .three-hk .xs-push9.push1,
    .three-hk .xs-push10.push1,
    .three-hk .xs-push11.push1 {
        left: 8.33333%
    }
    .three-hk .xs-push0.push2,
    .three-hk .xs-push1.push2,
    .three-hk .xs-push2.push2,
    .three-hk .xs-push3.push2,
    .three-hk .xs-push4.push2,
    .three-hk .xs-push5.push2,
    .three-hk .xs-push6.push2,
    .three-hk .xs-push7.push2,
    .three-hk .xs-push8.push2,
    .three-hk .xs-push9.push2,
    .three-hk .xs-push10.push2,
    .three-hk .xs-push11.push2 {
        left: 16.66667%
    }
    .three-hk .xs-push0.push3,
    .three-hk .xs-push1.push3,
    .three-hk .xs-push2.push3,
    .three-hk .xs-push3.push3,
    .three-hk .xs-push4.push3,
    .three-hk .xs-push5.push3,
    .three-hk .xs-push6.push3,
    .three-hk .xs-push7.push3,
    .three-hk .xs-push8.push3,
    .three-hk .xs-push9.push3,
    .three-hk .xs-push10.push3,
    .three-hk .xs-push11.push3 {
        left: 25%
    }
    .three-hk .xs-push0.s-push1,
    .three-hk .xs-push1.s-push1,
    .three-hk .xs-push2.s-push1,
    .three-hk .xs-push3.s-push1,
    .three-hk .xs-push4.s-push1,
    .three-hk .xs-push5.s-push1,
    .three-hk .xs-push6.s-push1,
    .three-hk .xs-push7.s-push1,
    .three-hk .xs-push8.s-push1,
    .three-hk .xs-push9.s-push1,
    .three-hk .xs-push10.s-push1,
    .three-hk .xs-push11.s-push1 {
        left: 8.33333%
    }
    .three-hk .xs-push0.s-push2,
    .three-hk .xs-push1.s-push2,
    .three-hk .xs-push2.s-push2,
    .three-hk .xs-push3.s-push2,
    .three-hk .xs-push4.s-push2,
    .three-hk .xs-push5.s-push2,
    .three-hk .xs-push6.s-push2,
    .three-hk .xs-push7.s-push2,
    .three-hk .xs-push8.s-push2,
    .three-hk .xs-push9.s-push2,
    .three-hk .xs-push10.s-push2,
    .three-hk .xs-push11.s-push2 {
        left: 16.66667%
    }
    .three-hk .xs-push0.s-push3,
    .three-hk .xs-push1.s-push3,
    .three-hk .xs-push2.s-push3,
    .three-hk .xs-push3.s-push3,
    .three-hk .xs-push4.s-push3,
    .three-hk .xs-push5.s-push3,
    .three-hk .xs-push6.s-push3,
    .three-hk .xs-push7.s-push3,
    .three-hk .xs-push8.s-push3,
    .three-hk .xs-push9.s-push3,
    .three-hk .xs-push10.s-push3,
    .three-hk .xs-push11.s-push3 {
        left: 25%
    }
    .three-hk section {
        max-height: 1080px;
        min-height: 600px;
        background-position: center;
        background-size: cover
    }
    .three-hk section .content-wrapper {
        padding-top: 0
    }
    .three-hk section .content-wrapper .title {
        font-size: 32px
    }
    .three-hk section .content-wrapper .title br.tablet-br {
        display: inline
    }
    .three-hk section .content-wrapper .title br.mobile-br {
        display: none
    }
    .three-hk section .content-wrapper .title br.mobile-br.tablet-br {
        display: inline
    }
    .three-hk section .content-wrapper .content {
        font-size: 16px
    }
    .three-hk section .content-wrapper .content .table-br {
        display: inline
    }
    .three-hk section .content-wrapper .button-wrapper .btn {
        width: 135px;
        padding: 0 5px
    }
    .three-hk section .mobile-bg-img {
        display: none
    }
    .three-hk section.intro {
        background-image: url(/img/three-hk/intro-bg.jpg)
    }
    .three-hk section.intro .content-wrapper h1 {
        margin-bottom: 33px
    }
    .three-hk section.intro .content-wrapper h1 .logo {
        max-height: inherit;
        height: 88px
    }
    .three-hk section.intro .content-wrapper .content {
        margin: 0
    }
    .three-hk section.intro .content-wrapper .button-wrapper {
        margin-top: 33px
    }
    .three-hk section.intro .content-wrapper .button-wrapper .custom-btn {
        margin-right: 22px
    }
    .three-hk section.intro .content-wrapper .button-wrapper .custom-btn,
    .three-hk section.intro .content-wrapper .button-wrapper .collection-btn {
        margin-bottom: 0
    }
    .three-hk section.iphone .content-wrapper {
        padding-top: 95px
    }
    .three-hk section.iphone .content-wrapper .content {
        margin-top: 50px;
        margin-bottom: 85px
    }
    .three-hk section.iphone .content-wrapper .iphone-img {
        display: block;
        margin: auto;
        width: 100%
    }
    .three-hk section.tech {
        background-image: url(/img/three-hk/tech-bg-tablet.jpg)
    }
    .three-hk section.tech .content-wrapper {
        text-align: left
    }
    .three-hk section.tech .content-wrapper .content {
        max-width: 420px
    }
    .three-hk section.photo {
        background-image: url(/img/three-hk/photo-bg-tablet.png);
        background-size: 100%;
        background-position: bottom
    }
    .three-hk section.photo .content-wrapper {
        margin-top: 50px
    }
    .three-hk section.photo .content-wrapper .content {
        margin: 30px 0
    }
    .three-hk section.photo .content-wrapper .button-wrapper {
        margin-bottom: 30px
    }
    .three-hk section.photo .content-wrapper .photo-img {
        width: 32%;
        display: block;
        margin: auto
    }
    .three-hk section.collection {
        background-image: url(/img/three-hk/collection-bg.jpg)
    }
    .three-hk section.collection .content-wrapper {
        padding-bottom: 150px;
        text-align: left
    }
    .three-hk section.collection .content-wrapper .content {
        margin: 30px 0;
        max-width: 420px
    }
    .three-hk section.collection .content-wrapper .button-wrapper {
        width: 100%
    }
    .three-hk section.free-shipping .vertical-align-element {
        top: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
    .three-hk section.free-shipping .content-wrapper {
        padding-top: 70px;
        padding-bottom: 60px
    }
    .three-hk section.free-shipping .content-wrapper .logo {
        height: 90px
    }
    .three-hk section.free-shipping .content-wrapper .title {
        margin: 50px 0 30px
    }
    .three-hk section.free-shipping .content-wrapper .content {
        margin: 0 0 10px
    }
}

@media (min-width: 1280px) {
    .three-hk .xs-push0.push1,
    .three-hk .xs-push1.push1,
    .three-hk .xs-push2.push1,
    .three-hk .xs-push3.push1,
    .three-hk .xs-push4.push1,
    .three-hk .xs-push5.push1,
    .three-hk .xs-push6.push1,
    .three-hk .xs-push7.push1,
    .three-hk .xs-push8.push1,
    .three-hk .xs-push9.push1,
    .three-hk .xs-push10.push1,
    .three-hk .xs-push11.push1,
    .three-hk .s-push0.push1,
    .three-hk .s-push1.push1,
    .three-hk .s-push2.push1,
    .three-hk .s-push3.push1,
    .three-hk .s-push4.push1,
    .three-hk .s-push5.push1,
    .three-hk .s-push6.push1,
    .three-hk .s-push7.push1,
    .three-hk .s-push8.push1,
    .three-hk .s-push9.push1,
    .three-hk .s-push10.push1,
    .three-hk .s-push11.push1 {
        left: 8.33333%
    }
    .three-hk .xs-push0.push2,
    .three-hk .xs-push1.push2,
    .three-hk .xs-push2.push2,
    .three-hk .xs-push3.push2,
    .three-hk .xs-push4.push2,
    .three-hk .xs-push5.push2,
    .three-hk .xs-push6.push2,
    .three-hk .xs-push7.push2,
    .three-hk .xs-push8.push2,
    .three-hk .xs-push9.push2,
    .three-hk .xs-push10.push2,
    .three-hk .xs-push11.push2,
    .three-hk .s-push0.push2,
    .three-hk .s-push1.push2,
    .three-hk .s-push2.push2,
    .three-hk .s-push3.push2,
    .three-hk .s-push4.push2,
    .three-hk .s-push5.push2,
    .three-hk .s-push6.push2,
    .three-hk .s-push7.push2,
    .three-hk .s-push8.push2,
    .three-hk .s-push9.push2,
    .three-hk .s-push10.push2,
    .three-hk .s-push11.push2 {
        left: 16.66667%
    }
    .three-hk .xs-push0.push3,
    .three-hk .xs-push1.push3,
    .three-hk .xs-push2.push3,
    .three-hk .xs-push3.push3,
    .three-hk .xs-push4.push3,
    .three-hk .xs-push5.push3,
    .three-hk .xs-push6.push3,
    .three-hk .xs-push7.push3,
    .three-hk .xs-push8.push3,
    .three-hk .xs-push9.push3,
    .three-hk .xs-push10.push3,
    .three-hk .xs-push11.push3,
    .three-hk .s-push0.push3,
    .three-hk .s-push1.push3,
    .three-hk .s-push2.push3,
    .three-hk .s-push3.push3,
    .three-hk .s-push4.push3,
    .three-hk .s-push5.push3,
    .three-hk .s-push6.push3,
    .three-hk .s-push7.push3,
    .three-hk .s-push8.push3,
    .three-hk .s-push9.push3,
    .three-hk .s-push10.push3,
    .three-hk .s-push11.push3 {
        left: 25%
    }
    .three-hk section {
        min-height: 800px
    }
    .three-hk section .content-wrapper .title br.desktop-br {
        display: inline
    }
    .three-hk section .content-wrapper .title br.tablet-br {
        display: none
    }
    .three-hk section .content-wrapper .title br.tablet-br.desktop-br {
        display: inline
    }
    .three-hk section .content-wrapper .title br.mobile-br {
        display: none
    }
    .three-hk section .content-wrapper .title br.mobile-br.tablet-br {
        display: none
    }
    .three-hk section .content-wrapper .title br.mobile-br.tablet-br.desktop-br {
        display: inline
    }
    .three-hk section .content-wrapper .content br.desktop-br {
        display: inline
    }
    .three-hk section .content-wrapper .content br.tablet-br {
        display: none
    }
    .three-hk section .content-wrapper .content br.tablet-br.desktop-br {
        display: inline
    }
    .three-hk section .content-wrapper .content br.mobile-br {
        display: none
    }
    .three-hk section .content-wrapper .content br.mobile-br.tablet-br {
        display: none
    }
    .three-hk section .content-wrapper .content br.mobile-br.tablet-br.desktop-br {
        display: inline
    }
    .three-hk section .content-wrapper .button-wrapper .btn {
        width: 180px
    }
    .three-hk section.intro .content-wrapper .button-wrapper .custom-btn {
        margin-right: 20px
    }
    .three-hk section.tech {
        background-image: url(/img/three-hk/tech-bg.jpg)
    }
    .three-hk section.photo {
        background-image: url(/img/three-hk/photo-bg.png);
        background-size: inherit
    }
}

.recommend [ui-view] {
    min-height: 200px
}

.recommend .quiz .wrapper,
.recommend .quiz .campaign__wrapper {
    max-width: 900px
}

.recommend .quiz h3 .number {
    color: #fff;
    background-color: #333;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    text-indent: 5px;
    margin-right: 5px;
    width: 30px;
    height: 30px
}

.recommend .quiz ctg-autocomplete,
.recommend .quiz input[type='email'],
.recommend .quiz input[type='text'] {
    max-width: 315px
}

.recommend .progress-wrap {
    position: relative;
    max-width: 500px;
    height: 12px;
    background: #eee;
    border-radius: 6px
}

.recommend .progress-wrap .progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 33%;
    border-radius: 6px;
    height: 100%;
    background-color: #5fa9cc;
    transition: all 0.5s ease-out
}

.recommend .progress-wrap .progress.desktop-1 {
    width: 33%
}

.recommend .progress-wrap .progress.desktop-2 {
    width: 66%
}

.recommend .progress-wrap .progress.mobile-1 {
    width: 11%
}

.recommend .progress-wrap .progress.mobile-2 {
    width: 22%
}

.recommend .progress-wrap .progress.mobile-3 {
    width: 33%
}

.recommend .progress-wrap .progress.mobile-4 {
    width: 44%
}

.recommend .progress-wrap .progress.mobile-5 {
    width: 55%
}

.recommend .progress-wrap .progress.mobile-6 {
    width: 66%
}

.recommend .progress-wrap .progress.mobile-7 {
    width: 77%
}

.recommend .progress-wrap .progress.mobile-8 {
    width: 88%
}

.recommend .progress-wrap .progress.profile {
    width: 100%
}

.recommend h3 {
    margin-top: 30px
}

.recommend .case-style ctg-img-radio span {
    width: 130px
}

.recommend .brands .option-box {
    height: 130px;
    margin-bottom: 20px
}

.recommend .magazines .option-box {
    margin-bottom: 20px
}

.recommend .gender ctg-img-radio,
.recommend .age ctg-img-radio {
    display: inline-block;
    margin-right: 15px
}

.recommend .gender ctg-img-radio .option-box,
.recommend .age ctg-img-radio .option-box {
    width: 80px;
    height: 55px
}

@media (max-width: 767px) {
    .recommend .gender ctg-img-radio,
    .recommend .age ctg-img-radio {
        margin-bottom: 11px
    }
}

.recommend .other-products,
.recommend .hear-from {
    margin-bottom: -20px
}

.recommend .other-products .option-box,
.recommend .hear-from .option-box {
    margin-bottom: 20px
}

.recommend .other-products .layout-grid,
.recommend .hear-from .layout-grid {
    width: 20%;
    float: left;
    padding: 0 11px
}

@media (max-width: 767px) {
    .recommend .other-products .layout-grid,
    .recommend .hear-from .layout-grid {
        width: 50%
    }
}

.recommend .other-products .option-box span,
.recommend .hear-from .option-box span {
    margin-left: 20px;
    margin-right: 20px
}

.recommend .hear-from .option-box {
    height: 60px
}

.recommend .other-products i:before {
    font-size: 120px;
    line-height: 65px
}

.recommend .other-products .option-box {
    height: 100px
}

.recommend .select {
    position: relative;
    max-width: 330px
}

.recommend .select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 10px 15px;
    display: block;
    font-size: 16px;
    border: 1px solid #eee;
    border-radius: 5px;
    line-height: 1.5em;
    background-color: transparent;
    color: #666;
    padding: 10px 15px
}

.recommend .select select::-ms-expand {
    display: none
}

.recommend .select:before {
    content: '\e000';
    font-family: 'icomoon';
    position: absolute;
    bottom: 10px;
    right: 20px
}

.recommend input[type='button']:disabled {
    background-color: #ccc;
    cursor: not-allowed
}

.recommend .result h1 {
    font-size: 40px
}

.recommend .result .voucher {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

.recommend .result .voucher-box {
    -webkit-flex: 1;
    flex: 1;
    height: 55px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 10px
}

@media (max-width: 767px) {
    .recommend .result .voucher-box {
        padding: 0
    }
}

@-webkit-keyframes bgScrollAnimation {
    from {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    to {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px)
    }
}

@keyframes bgScrollAnimation {
    from {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    to {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px)
    }
}

.login .login-bg-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #000;
    z-index: -1
}
/* 
.login .login-bg {
    background-position: center top;
    background-color: #fff;
    box-sizing: content-box;
    padding-bottom: 400px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-animation: bgScrollAnimation 35s linear;
    animation: bgScrollAnimation 35s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.login .login-bg:before {
    content: '';
    background-image: url("/img/login_page/login_page_bg-mobile.jpg");
    background-size: cover;
    background-position: center center;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.login .login-bg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5)
}

.login:not(.mobile-bg) .login-bg:before {
    content: none
}

.login:not(.mobile-bg) .login-bg:after {
    content: none
}

.login.mobile-bg .login-bg {
    opacity: 0;
    -webkit-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms
}

.login.mobile-bg .login-bg.loaded {
    opacity: 1
}

.login.mobile-bg .line-break .line {
    border-color: #fff
}

.login.mobile-bg .line-break span {
    color: #fff
}

.login.mobile-bg .login-box a.text-default {
    color: #fff
}

.login input[type='text'],
.login input[type='email'],
.login input[type='password'] {
    background-color: #eee;
    border-color: #eee
} */

.login .login-box {
    padding: 20px
}

.login .inner-wrap {
    max-width: 290px
}

.login .line-break {
    position: relative;
    top: -6px
}

.login .line-break .line {
    width: 40%;
    border-top: 1px solid #666
}

.login .line-break span {
    line-height: 1em
}

.login input[type='submit'][disabled],
.login button[disabled] {
    opacity: 0.3;
    cursor: default
}

.login.modal-box,
.login.invite-signup-modal-holder,
.login.shopping-spree-modal-holder {
    position: absolute;
    width: 100%
}

.login.modal-box .login-wrapper,
.login.invite-signup-modal-holder .login-wrapper,
.login.shopping-spree-modal-holder .login-wrapper {
    background-color: #fff;
    border: 2px solid #d7d7d7
}

.login.modal-box .login-wrapper.checkout-modal,
.login.invite-signup-modal-holder .login-wrapper.checkout-modal,
.login.shopping-spree-modal-holder .login-wrapper.checkout-modal {
    max-width: 300px
}

.login.modal-box .login-linebreak,
.login.invite-signup-modal-holder .login-linebreak,
.login.shopping-spree-modal-holder .login-linebreak {
    width: 1px;
    height: 400px;
    background-color: #d7d7d7
}

.login.modal-box .login-box,
.login.invite-signup-modal-holder .login-box,
.login.shopping-spree-modal-holder .login-box {
    min-width: 300px
}

@media (min-width: 768px) {
    /* .login.mobile-bg,
    .login:not(.mobile-bg) {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .login.mobile-bg .login-bg,
    .login:not(.mobile-bg) .login-bg {
        opacity: 0;
        -webkit-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-duration: 500ms;
        -webkit-transition-duration: 500ms
    }
    .login.mobile-bg .login-bg.loaded,
    .login:not(.mobile-bg) .login-bg.loaded {
        opacity: 1
    }
    .login.mobile-bg .login-bg:before,
    .login:not(.mobile-bg) .login-bg:before {
        content: '';
        background-image: url("/img/login_page/login_page_bg.jpg?v=3");
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .login.mobile-bg .login-bg:after,
    .login:not(.mobile-bg) .login-bg:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .login.mobile-bg .login-wrapper,
    .login:not(.mobile-bg) .login-wrapper {
        top: 100px;
        max-width: 450px
    }
    .login.mobile-bg .line-break .line,
    .login:not(.mobile-bg) .line-break .line {
        border-color: #666
    }
    .login.mobile-bg .line-break span,
    .login:not(.mobile-bg) .line-break span {
        color: #666
    }
    .login.mobile-bg .login-box,
    .login:not(.mobile-bg) .login-box {
        background-color: #fff
    }
    .login.mobile-bg .login-box a.text-default,
    .login:not(.mobile-bg) .login-box a.text-default {
        color: inherit
    }
    .login.mobile-bg .login-box h1,
    .login.mobile-bg .login-box p,
    .login:not(.mobile-bg) .login-box h1,
    .login:not(.mobile-bg) .login-box p {
        color: #666
    }
    .login.mobile-bg .signup-link span,
    .login:not(.mobile-bg) .signup-link span {
        color: #fff
    }
    .login.mobile-bg .merge-user ul,
    .login:not(.mobile-bg) .merge-user ul {
        margin-top: -40px
    }
    .login.mobile-bg.modal-box .login-wrapper.checkout-modal,
    .login.mobile-bg.invite-signup-modal-holder .login-wrapper.checkout-modal,
    .login.mobile-bg.shopping-spree-modal-holder .login-wrapper.checkout-modal,
    .login:not(.mobile-bg).modal-box .login-wrapper.checkout-modal,
    .login.invite-signup-modal-holder:not(.mobile-bg) .login-wrapper.checkout-modal,
    .login.shopping-spree-modal-holder:not(.mobile-bg) .login-wrapper.checkout-modal {
        max-width: 720px;
        padding-left: 50px;
        padding-right: 50px
    } */
}

.login.checkout-login .facebook-color,
.login.checkout-login .instagram-color {
    position: relative
}

.login.checkout-login .facebook-color:before,
.login.checkout-login .instagram-color:before {
    font-family: 'icomoon';
    font-size: 24px;
    position: absolute;
    top: 17px;
    left: 20px
}

.login.checkout-login .facebook-color:hover,
.login.checkout-login .instagram-color:hover {
    color: #fff
}

.login.checkout-login .facebook-color:before {
    content: "\e021"
}

.login.checkout-login .instagram-color:before {
    content: "\e62b"
}

.login.checkout-login .login-bg {
    background-color: #000
}

.login.checkout-login .login-bg:before {
    content: ''
}

.login.checkout-login .login-bg:after {
    content: ''
}

@media (max-width: 767px) {
    .login.checkout-login .login-box {
        background-color: #fff;
        max-width: 335px;
        margin-left: auto;
        margin-right: auto
    }
    .login.checkout-login #signup-link,
    .login.checkout-login #login-box {
        display: none
    }
}

@media (min-width: 768px) {
    .login.checkout-login .login-bg-wrap {
        display: none
    }
    .login.checkout-login .login-wrapper {
        top: 40px;
        max-width: none
    }
    .login.checkout-login .login-box {
        display: inline-block;
        width: 440px;
        padding: 0 50px;
        max-width: 49%
    }
    .login.checkout-login .inner-wrap {
        max-width: none
    }
}

.collection .header-banner {
    max-width: 2000px;
    height: 200px
}

@media (max-width: 1280px) {
    .collection .header-banner {
        background-position: 20% center
    }
}

@media (max-width: 767px) {
    .collection .header-banner {
        height: 100px
    }
}

#store-new .two-columns {
    padding-left: 20px;
    padding-right: 20px
}

#store-new .two-columns-block {
    display: block
}

@media (min-width: 768px) {
    #store-new .two-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
    #store-new .two-columns>.two-columns-block {
        column-break-inside: avoid;
        break-inside: avoid-column;
        display: inline-block
    }
}

#store-new .collection-feature-img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: opacity 800ms;
    transition: opacity 800ms
}

#store-new .two-columns-block:hover .collection-feature-img {
    opacity: 0.65;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms
}

#store-new .collection-feature-img.large {
    display: none
}

@media (min-width: 768px) {
    #store-new .collection-feature-img.normal {
        display: none
    }
    #store-new .collection-feature-img.large {
        display: block
    }
}

#store-new .border-all:hover {
    outline: 1px solid rgba(0, 0, 0, 0.1)
}

#store-new .collection-name {
    font-size: 14px;
    margin-top: 4px;
    line-height: 22px;
    -webkit-transition: color 800ms;
    transition: color 800ms
}

#store-new .two-columns-block:hover .collection-name {
    color: #5fa9cc
}

.fiona.details .details-info h1 {
    text-align: center
}

.fiona.details .details-info h1 img {
    height: 25px
}

.fiona.details .details-option .text-error {
    color: red
}

.fiona.details .related-artwork h3 {
    text-align: left
}

.fiona.details .related-artwork ul {
    overflow: auto
}

.fiona.details .related-artwork ul li {
    min-width: 30%
}

.fiona .campaign {
    text-align: center
}

.fiona .campaign .bg {
    background-image: url(/img/fiona/campaign-mobile.jpg);
    background-position: center;
    height: 400px;
    background-color: #000
}

.fiona .landing .bg {
    background-image: url(/img/fiona/landing-mobile.jpg);
    background-size: auto 400px;
    height: 470px;
    background-color: #000
}

.fiona .landing h2 {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%
}

.fiona .landing p {
    color: #4a2909;
    line-height: 2.5em
}

.fiona .landing figure.sign {
    background-image: url(/img/fiona/sign-bk.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

.fiona .mv {
    background-color: #f3f7f7
}

.fiona .mv .light-brown {
    color: #4a2909
}

.fiona .mv .img-wrap {
    max-width: 220px
}

.fiona .parallax,
.fiona .parallax-fixed {
    background-image: url(/img/fiona/parallax-mobile.jpg?v=2);
    height: 300px
}

.fiona .photo figure {
    height: 300px
}

.fiona .ig-photo {
    background-color: #fbf7ee
}

.fiona .follow .social-link {
    max-width: 300px
}

.fiona .follow .social-link a {
    color: #999
}

@media (min-width: 768px) {
    .fiona.details .details-info h1 img {
        height: auto
    }
    .fiona.details .details-info p {
        max-width: 700px;
        text-align: center
    }
    .fiona.details .related-artwork h3 {
        text-align: center;
        position: relative
    }
    .fiona.details .related-artwork h3 span {
        background-color: #fff;
        padding-left: 30px;
        padding-right: 30px
    }
    .fiona.details .related-artwork h3:before {
        content: '';
        z-index: -1;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 50%;
        left: 0;
        border-bottom: 1px solid #ccc
    }
    .fiona.details .related-artwork ul li {
        min-width: auto
    }
    .fiona .campaign {
        text-align: left
    }
    .fiona .campaign .bg {
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url(/img/fiona/campaign-desktop.jpg);
        background-size: cover
    }
    .fiona .campaign a.border-btn-third-color {
        color: #fff;
        box-shadow: none;
        border: 1px solid #fff
    }
    .fiona .campaign a.border-btn-third-color:hover {
        color: #666
    }
    .fiona .landing .bg {
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url(/img/fiona/landing-desktop.jpg);
        background-size: cover
    }
    .fiona .landing .column7,
    .fiona .landing .modal-form-wrapper {
        margin-left: 30px
    }
    .fiona .landing h2 {
        position: static;
        text-align: left
    }
    .fiona .landing p {
        color: #fff
    }
    .fiona .landing figure.sign {
        background-image: url(/img/fiona/sign.png);
        width: 119px;
        height: 68px;
        display: inline-block
    }
    .fiona .parallax,
    .fiona .parallax-fixed {
        height: 700px;
        background-image: url(/img/fiona/parallax-desktop.jpg?v=2);
        background-position: right center
    }
    .fiona .photo {
        height: 700px
    }
    .fiona .photo div {
        height: 100%
    }
    .fiona .photo .left figure {
        height: 100%
    }
    .fiona .photo .right figure {
        height: 50%
    }
}

@media (min-width: 1281px) {
    .fiona .parallax,
    .fiona .parallax-fixed {
        background-position: center center;
        background-attachment: fixed
    }
}
.h3-confirm {
    height: 154px;
    line-height: 154px;
    margin: 0;
    font-size: 24px;
    margin-bottom: 18px;
    color: white

}
.main-title-header h1,
.main-title-header .h1-like,
.main-title-header .h1-5-like,
.main-title-header h2,
.main-title-header .h2-like,
.main-title-header .h2-5-like,
.main-title-header .search-custom-field input[type=search],
.search-custom-field .main-title-header input[type=search] {
    height: 154px;
    line-height: 154px;
    margin: 0
}

.column-second1 {
    width: 6.25%
}

.push-second1 {
    position: relative;
    left: 6.25%
}

.column-second2 {
    width: 12.5%
}

.push-second2 {
    position: relative;
    left: 12.5%
}

.column-second3 {
    width: 18.75%
}

.push-second3 {
    position: relative;
    left: 18.75%
}

.column-second4 {
    width: 25%
}

.push-second4 {
    position: relative;
    left: 25%
}

.column-second5 {
    width: 31.25%
}

.push-second5 {
    position: relative;
    left: 31.25%
}

.column-second6 {
    width: 37.5%
}

.push-second6 {
    position: relative;
    left: 37.5%
}

.column-second7 {
    width: 43.75%
}

.push-second7 {
    position: relative;
    left: 43.75%
}

.column-second8 {
    width: 50%
}

.push-second8 {
    position: relative;
    left: 50%
}

.column-second9 {
    width: 56.25%
}

.push-second9 {
    position: relative;
    left: 56.25%
}

.column-second10 {
    width: 62.5%
}

.push-second10 {
    position: relative;
    left: 62.5%
}

.column-second11 {
    width: 68.75%
}

.push-second11 {
    position: relative;
    left: 68.75%
}

.column-second12 {
    width: 75%
}

.push-second12 {
    position: relative;
    left: 75%
}

.column-second13 {
    width: 81.25%
}

.push-second13 {
    position: relative;
    left: 81.25%
}

.column-second14 {
    width: 87.5%
}

.push-second14 {
    position: relative;
    left: 87.5%
}

.column-second15 {
    width: 93.75%
}

.push-second15 {
    position: relative;
    left: 93.75%
}

.column-second16 {
    width: 100%
}

.push-second16 {
    position: relative;
    left: 100%
}

.main-sub-nav a {
    opacity: 1;
    -webkit-transition: opacity 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: opacity 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.main-sub-nav a:hover {
    opacity: 0.6
}

.breadcrumb {
    font-size: 13px;
    line-height: 44px
}

.breadcrumb a {
    padding: 0 15px;
    color: #666
}

.breadcrumb a:first-child {
    padding-left: 0
}

.breadcrumb a:hover {
    color: #404040
}

.drop {
    position: absolute;
    display: none;
    text-align: left;
    z-index: 9;
    max-height: 500px;
    overflow-y: auto
}

@media (max-width: 767px) {
    .drop {
        max-height: 300px
    }
}

.filters {
    width: 100%;
    font-size: 15px;
    letter-spacing: 0.07em;
    height: 44px;
    line-height: 44px;
    background: rgba(255, 255, 255, 0.9);
    z-index: 8;
    margin-top: 11px;
    margin-bottom: 11px
}

.filters.sticky {
    left: 0;
    right: 0;
    margin-top: 0
}

.filters.sticky+* {
    padding-top: 66px
}

.filter .drop {
    top: 55px;
    width: 200px;
    padding: 11px 0;
    line-height: 22px;
    font-size: 14px;
    font-family: "Roboto", Helvetica, Arial, Sans-Serif;
    background: #ffffff;
    letter-spacing: normal
}

.filter .drop li a {
    line-height: 33px;
    padding: 0 22px
}

.filter .drop li a:hover {
    color: #5fa9cc
}

.filter .drop li .color-btn {
    padding: 0
}

.filter .drop.d-right {
    right: 0
}

.filter.open .filter-btn {
    color: #5fa9cc
}

.filter .top.drop {
    bottom: 55px;
    top: inherit;
    left: 0
}

.filter i {
    color: #5fa9cc;
    font-weight: bold
}

.filter .drop.color-drop {
    width: 282px;
    padding: 15px 0px 15px 15px
}

@media screen and (max-width: 767px) {
    .filter .drop.color-drop {
        width: auto;
        padding: 0px
    }
    .filter .drop.color-drop .color-btn {
        margin: 4px !important;
        width: 26px !important;
        height: 26px !important;
        padding: 0 !important
    }
    .filter .drop.color-drop .color-badge:hover:before,
    .filter .drop.color-drop .color-badge.selected:before {
        width: 30px;
        height: 30px
    }
}

.detail-device-color-container {
    position: absolute
}

.btn-filters {
    height: 37px
}

.btn-filters:hover,
.btn-filters:focus {
    background: #FFF
}

.btn-filter {
    height: 33px;
    line-height: 34px;
    font-size: 15px;
    letter-spacing: 0.1em;
    box-shadow: 0 0 0 1px rgba(204, 204, 204, 0.8) inset
}

.btn-filter.main-color {
    box-shadow: none
}

.collection-shipping {
    letter-spacing: 0.1em;
    font-size: 16px;
    color: #999
}

@media screen and (max-width: 767px) {
    .collection-shipping {
        font-size: 14px
    }
}

.case>div img[aria-hidden='true'] {
    z-index: -1
}

.case>div .case-img {
    top: 0;
    left: 0
}

.case>div .main-info {
    padding-top: 11px;
    font-size: 14px;
    line-height: 20px
}

.case>div .main-info>div {
    overflow: hidden
}

.case>div .main-info .name {
    font-weight: 500
}

.case>div .actions {
    top: 0;
    width: 100%;
    height: 0;
    line-height: 66px;
    background: -webkit-linear-gradient(top, rgba(242, 242, 242, 0) 0%, #f2f2f2 40%);
    background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, #f2f2f2 40%);
    transition: height 0.2s 0.2s ease-in, top 0.2s 0.2s ease-in
}

.case>div .remove-case {
    top: -10px;
    right: -10px;
    width: 32px;
    height: 32px;
    border: 1px solid #343434;
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    transition: all 0.3s 0.2s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.case>div .remove-case [data-icon] {
    margin: 3px
}

.case>div:hover .actions {
    top: -66px;
    height: 66px
}

.case>div:hover .remove-case {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.case>div .artist:hover {
    color: #5fa9cc
}

.min-case {
    width: 80px;
    height: auto
}

.go-through {
    left: 0;
    right: 0;
    bottom: 0
}

.go-through i {
    bottom: 0
}

.toaster {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translateZ(0);
    width: 100%;
    z-index: 999999999999;
    height: 68.2px
}

.mb-border {
    bottom: 1px
}

#comment .fbcomments,
#comment .fb_iframe_widget,
#comment .fb_iframe_widget[style],
#comment .fb_iframe_widget iframe[style],
#comment .fbcomments iframe[style],
#comment .fb_iframe_widget span {
    width: 100%;
    overflow: hidden
}

.modal-box,
.invite-signup-modal-holder,
.shopping-spree-modal-holder {
    top: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999999999999999
}

.modal-box>.table>div>.box,
.invite-signup-modal-holder>.table>div>.box,
.shopping-spree-modal-holder>.table>div>.box,
.modal-box>.multi-buttons>div>.box,
.invite-signup-modal-holder>.multi-buttons>div>.box,
.shopping-spree-modal-holder>.multi-buttons>div>.box {
    width: 75%;
    max-width: 750px;
    margin: 0 auto;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1)
}

.modal-box.video-modal>.table>div>.box,
.video-modal.invite-signup-modal-holder>.table>div>.box,
.video-modal.shopping-spree-modal-holder>.table>div>.box,
.modal-box.video-modal>.multi-buttons>div>.box,
.video-modal.invite-signup-modal-holder>.multi-buttons>div>.box,
.video-modal.shopping-spree-modal-holder>.multi-buttons>div>.box {
    padding: 0;
    background: none;
    box-shadow: 0 0 0 0px transparent
}

.modal-box.video-modal .close-btn.close-edge,
.video-modal.invite-signup-modal-holder .close-btn.close-edge,
.video-modal.shopping-spree-modal-holder .close-btn.close-edge {
    position: absolute;
    border-radius: 50%;
    top: -16px;
    right: -16px
}

.modal-box.video-modal .close-btn.close-edge .screen-reader-text,
.video-modal.invite-signup-modal-holder .close-btn.close-edge .screen-reader-text,
.video-modal.shopping-spree-modal-holder .close-btn.close-edge .screen-reader-text {
    position: inherit;
    opacity: 1;
    top: inherit;
    left: inherit
}

.modal-box .t-cell>.box,
.invite-signup-modal-holder .t-cell>.box,
.shopping-spree-modal-holder .t-cell>.box,
.modal-box .toggle label:after>.box,
.toggle .modal-box label:after>.box,
.invite-signup-modal-holder .toggle label:after>.box,
.toggle .invite-signup-modal-holder label:after>.box,
.shopping-spree-modal-holder .toggle label:after>.box,
.toggle .shopping-spree-modal-holder label:after>.box,
.modal-box .toggle label:before>.box,
.toggle .modal-box label:before>.box,
.invite-signup-modal-holder .toggle label:before>.box,
.toggle .invite-signup-modal-holder label:before>.box,
.shopping-spree-modal-holder .toggle label:before>.box,
.toggle .shopping-spree-modal-holder label:before>.box,
.modal-box .bm-square-draggable>.box,
.invite-signup-modal-holder .bm-square-draggable>.box,
.shopping-spree-modal-holder .bm-square-draggable>.box {
    width: 75%;
    max-width: 750px;
    margin: 0 auto;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1)
}

.scroll-modal {
    max-height: 400px
}

.fb-share-button>span[style] {
    vertical-align: baseline !important
}

.play-btn {
    padding: 7px 15px;
    background: rgba(102, 198, 198, 0.7);
    font-size: 22px
}

.big-play-btn {
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin: -45px 0 0 -45px;
    line-height: 80px;
    font-size: 38px;
    text-indent: 5px;
    border: 5px solid #ffffff;
    background: rgba(50, 50, 50, 0.5);
    transition: background 0.3s ease-out
}

.big-play-btn:hover {
    background: rgba(102, 198, 198, 0.5)
}

.thumb-video>.absolute,
.checkbox .thumb-video>.check-square:after,
.checkbox .thumb-video>input[type="checkbox"]:not(:checked),
.checkbox .thumb-video>input[type="checkbox"]:checked,
.radio .thumb-video>.radio-circle:after,
.radio .thumb-video>input[type="radio"]:not(:checked),
.radio .thumb-video>input[type="radio"]:checked,
.toggle .thumb-video>input,
.toggle .thumb-video>label,
.toggle label .thumb-video>div[aria-hidden="true"],
.thumb-video>.title-line:before,
.thumb-video>.top-arrow:before,
.thumb-video>.top-arrow:after,
.thumb-video>.bulle-explain,
.thumb-video>[class*='social-widget'],
.pricing-panel .thumb-video>footer,
.subs-info .thumb-video>.description,
.profile-header .header-profile-img.thumb-video>img,
.thumb-video>.profile-header:before,
#search-wrapper .thumb-video>.collection-header:before,
.bm-img-list .thumb-video>.bm-check,
.thumb-video>.bm-main-nav-btn,
.thumb-video>.btn-information,
.thumb-video>.bm-quality-picture,
.thumb-video-min>.absolute,
.checkbox .thumb-video-min>.check-square:after,
.checkbox .thumb-video-min>input[type="checkbox"]:not(:checked),
.checkbox .thumb-video-min>input[type="checkbox"]:checked,
.radio .thumb-video-min>.radio-circle:after,
.radio .thumb-video-min>input[type="radio"]:not(:checked),
.radio .thumb-video-min>input[type="radio"]:checked,
.toggle .thumb-video-min>input,
.toggle .thumb-video-min>label,
.toggle label .thumb-video-min>div[aria-hidden="true"],
.thumb-video-min>.title-line:before,
.thumb-video-min>.top-arrow:before,
.thumb-video-min>.top-arrow:after,
.thumb-video-min>.bulle-explain,
.thumb-video-min>[class*='social-widget'],
.pricing-panel .thumb-video-min>footer,
.subs-info .thumb-video-min>.description,
.profile-header .header-profile-img.thumb-video-min>img,
.thumb-video-min>.profile-header:before,
#search-wrapper .thumb-video-min>.collection-header:before,
.bm-img-list .thumb-video-min>.bm-check,
.thumb-video-min>.bm-main-nav-btn,
.thumb-video-min>.btn-information,
.thumb-video-min>.bm-quality-picture {
    top: 0;
    left: 0
}

.thumb-video>.absolute:hover .play-btn,
.checkbox .thumb-video>.check-square:hover:after .play-btn,
.checkbox .thumb-video>input[type="checkbox"]:hover:not(:checked) .play-btn,
.checkbox .thumb-video>input[type="checkbox"]:hover:checked .play-btn,
.radio .thumb-video>.radio-circle:hover:after .play-btn,
.radio .thumb-video>input[type="radio"]:hover:not(:checked) .play-btn,
.radio .thumb-video>input[type="radio"]:hover:checked .play-btn,
.toggle .thumb-video>input:hover .play-btn,
.toggle .thumb-video>label:hover .play-btn,
.toggle label .thumb-video>div[aria-hidden="true"]:hover .play-btn,
.thumb-video>.title-line:hover:before .play-btn,
.thumb-video>.top-arrow:hover:before .play-btn,
.thumb-video>.top-arrow:hover:after .play-btn,
.thumb-video>.bulle-explain:hover .play-btn,
.thumb-video>[class*='social-widget']:hover .play-btn,
.pricing-panel .thumb-video>footer:hover .play-btn,
.subs-info .thumb-video>.description:hover .play-btn,
.profile-header .header-profile-img.thumb-video>img:hover .play-btn,
.thumb-video>.profile-header:hover:before .play-btn,
#search-wrapper .thumb-video>.collection-header:hover:before .play-btn,
.bm-img-list .thumb-video>.bm-check:hover .play-btn,
.thumb-video>.bm-main-nav-btn:hover .play-btn,
.thumb-video>.btn-information:hover .play-btn,
.thumb-video>.bm-quality-picture:hover .play-btn,
.thumb-video-min>.absolute:hover .play-btn,
.checkbox .thumb-video-min>.check-square:hover:after .play-btn,
.checkbox .thumb-video-min>input[type="checkbox"]:hover:not(:checked) .play-btn,
.checkbox .thumb-video-min>input[type="checkbox"]:hover:checked .play-btn,
.radio .thumb-video-min>.radio-circle:hover:after .play-btn,
.radio .thumb-video-min>input[type="radio"]:hover:not(:checked) .play-btn,
.radio .thumb-video-min>input[type="radio"]:hover:checked .play-btn,
.toggle .thumb-video-min>input:hover .play-btn,
.toggle .thumb-video-min>label:hover .play-btn,
.toggle label .thumb-video-min>div[aria-hidden="true"]:hover .play-btn,
.thumb-video-min>.title-line:hover:before .play-btn,
.thumb-video-min>.top-arrow:hover:before .play-btn,
.thumb-video-min>.top-arrow:hover:after .play-btn,
.thumb-video-min>.bulle-explain:hover .play-btn,
.thumb-video-min>[class*='social-widget']:hover .play-btn,
.pricing-panel .thumb-video-min>footer:hover .play-btn,
.subs-info .thumb-video-min>.description:hover .play-btn,
.profile-header .header-profile-img.thumb-video-min>img:hover .play-btn,
.thumb-video-min>.profile-header:hover:before .play-btn,
#search-wrapper .thumb-video-min>.collection-header:hover:before .play-btn,
.bm-img-list .thumb-video-min>.bm-check:hover .play-btn,
.thumb-video-min>.bm-main-nav-btn:hover .play-btn,
.thumb-video-min>.btn-information:hover .play-btn,
.thumb-video-min>.bm-quality-picture:hover .play-btn {
    background: #5fa9cc
}

.thumb-video {
    width: 154px;
    height: 92px
}

.thumb-video-min {
    width: 80px;
    height: 60px
}

.thumb-video-min .play-btn {
    padding: 5px 10px;
    background: rgba(102, 198, 198, 0.7);
    font-size: 16px
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 767px) {
    .videoboxed .videoWrapper {
        position: static;
        padding-bottom: 0;
        padding-top: 0;
        height: auto
    }
    .videoboxed .videoWrapper iframe {
        position: static
    }
    .videocareers {
        max-height: 450px
    }
    .videocareers iframe {
        width: 711px;
        height: 450px
    }
    .videohilary {
        max-height: 600px;
        background: #09060b
    }
    .videohilary iframe {
        width: 711px;
        height: 600px
    }
}

[class*='social-widget'] {
    width: 130px;
    padding: 8px 0;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    -webkit-transition: background 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18), box-shadow 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: background 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18), box-shadow 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

[class*='social-widget'].open {
    background: #fff;
    box-shadow: 0 0 0 3px rgba(116, 111, 117, 0.3)
}

[class*='social-widget'].open [data-icon]:before {
    color: #746f75
}

[class*='social-widget']>.hide,
.metaluxe .feature-wrap [class*='social-widget']>.feature-text {
    padding: 5.5px 0 11px 0
}

[class*='social-widget'] [data-icon]:before {
    -webkit-transition: color 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: color 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.social-widget-b-r {
    right: 22px;
    bottom: 22px
}

nav.navbar.navbar-default {
    box-shadow: 0 4px 8px -6px rgba(0, 0, 0, 0.1) !important
}

.event-ribbon {
    background-color: #f2f2f2;
    color: #666;
    padding: 10px;
    line-height: 22px
}

@media screen and (min-width: 1024px) {
    .event-ribbon {
        background-color: #f2f2f2;
        color: #666
    }
}

.event-ribbon .close-btn {
    color: #666
}

@media (max-width: 767px) {
    .event-ribbon .close-btn {
        position: absolute;
        right: 11px;
        top: 50%;
        margin-top: -11px
    }
}

.event-ribbon.event-ribbon-voucher-reminder {
    background-image: none
}

.product-redeem-discount {
    background-color: #746f75;
    color: #fff;
    padding: 5px 17px;
    font-size: 15px;
    border-radius: 4px;
    line-height: 20px
}

.recommend-redeem-message {
    background-color: #746f75;
    color: #fff;
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 4px;
    line-height: 15px;
    margin-top: 10px;
    display: block
}

.delivery-modal .box {
    box-shadow: none !important;
    width: 40% !important;
    max-width: 500px !important
}

@media screen and (max-width: 1024px) {
    .delivery-modal .box {
        width: 60% !important
    }
}

.delivery-modal .box .title {
    font-size: 24px;
    line-height: 28px
}

.delivery-modal .box .santa-img {
    width: 150px;
    height: auto
}

@media screen and (max-width: 767px) {
    #logo-desc {
        line-height: 13px;
        max-width: 200px;
        display: inline-block !important;
        left: 85px !important;
        top: 8px !important;
        position: absolute;
        font-size: 11px;
        background-color: none !important;
        padding: 0;
        color: #666;
        z-index: 1 !important;
        width: auto !important;
        height: auto !important
    }
    .separ-icon {
        height: inherit;
        width: 100%;
        text-align: left
    }
    .l-separ {
        border-left: none
    }
    .r-separ {
        border-right: none
    }
    .form-wrapper {
        width: 100%
    }
    .wrap-select {
        width: 100%
    }
    #all-filters {
        padding-top: 5.5px !important;
        padding-bottom: 5.5px !important
    }
    .filters {
        position: inherit;
        height: auto
    }
    .filters .f-left,
    .filters .row>[class*="column"],
    .filters .multi-buttons .btn,
    .multi-buttons .filters .btn,
    .filters .multi-buttons input,
    .multi-buttons .filters input,
    .filters .f-right {
        float: none
    }
    .filters .f-left>.inline,
    .filters .row>[class*="column"]>.inline,
    .filters .multi-buttons .btn>.inline,
    .multi-buttons .filters .btn>.inline,
    .filters .multi-buttons input>.inline,
    .multi-buttons .filters input>.inline,
    .filters .f-left>.wrap-select,
    .filters .row>[class*="column"]>.wrap-select,
    .filters .multi-buttons .btn>.wrap-select,
    .multi-buttons .filters .btn>.wrap-select,
    .filters .multi-buttons input>.wrap-select,
    .multi-buttons .filters input>.wrap-select,
    .filters .f-left>.checkbox,
    .filters .row>[class*="column"]>.checkbox,
    .filters .multi-buttons .btn>.checkbox,
    .multi-buttons .filters .btn>.checkbox,
    .filters .multi-buttons input>.checkbox,
    .multi-buttons .filters input>.checkbox,
    .filters .checkbox .f-left>.check-square,
    .checkbox .filters .f-left>.check-square,
    .filters .checkbox .row>[class*="column"]>.check-square,
    .checkbox .filters .row>[class*="column"]>.check-square,
    .filters .multi-buttons .checkbox .btn>.check-square,
    .checkbox .filters .multi-buttons .btn>.check-square,
    .multi-buttons .filters .checkbox .btn>.check-square,
    .checkbox .multi-buttons .filters .btn>.check-square,
    .filters .multi-buttons .checkbox input>.check-square,
    .checkbox .filters .multi-buttons input>.check-square,
    .multi-buttons .filters .checkbox input>.check-square,
    .checkbox .multi-buttons .filters input>.check-square,
    .filters .checkbox .f-left>.check-square:after,
    .checkbox .filters .f-left>.check-square:after,
    .filters .checkbox .row>[class*="column"]>.check-square:after,
    .checkbox .filters .row>[class*="column"]>.check-square:after,
    .filters .multi-buttons .checkbox .btn>.check-square:after,
    .checkbox .filters .multi-buttons .btn>.check-square:after,
    .multi-buttons .filters .checkbox .btn>.check-square:after,
    .checkbox .multi-buttons .filters .btn>.check-square:after,
    .filters .multi-buttons .checkbox input>.check-square:after,
    .checkbox .filters .multi-buttons input>.check-square:after,
    .multi-buttons .filters .checkbox input>.check-square:after,
    .checkbox .multi-buttons .filters input>.check-square:after,
    .filters .radio .f-left>.radio-circle,
    .radio .filters .f-left>.radio-circle,
    .filters .radio .row>[class*="column"]>.radio-circle,
    .radio .filters .row>[class*="column"]>.radio-circle,
    .filters .multi-buttons .radio .btn>.radio-circle,
    .radio .filters .multi-buttons .btn>.radio-circle,
    .multi-buttons .filters .radio .btn>.radio-circle,
    .radio .multi-buttons .filters .btn>.radio-circle,
    .filters .multi-buttons .radio input>.radio-circle,
    .radio .filters .multi-buttons input>.radio-circle,
    .multi-buttons .filters .radio input>.radio-circle,
    .radio .multi-buttons .filters input>.radio-circle,
    .filters .radio .f-left>.radio-circle:after,
    .radio .filters .f-left>.radio-circle:after,
    .filters .radio .row>[class*="column"]>.radio-circle:after,
    .radio .filters .row>[class*="column"]>.radio-circle:after,
    .filters .multi-buttons .radio .btn>.radio-circle:after,
    .radio .filters .multi-buttons .btn>.radio-circle:after,
    .multi-buttons .filters .radio .btn>.radio-circle:after,
    .radio .multi-buttons .filters .btn>.radio-circle:after,
    .filters .multi-buttons .radio input>.radio-circle:after,
    .radio .filters .multi-buttons input>.radio-circle:after,
    .multi-buttons .filters .radio input>.radio-circle:after,
    .radio .multi-buttons .filters input>.radio-circle:after,
    .filters .f-left>.toggle,
    .filters .row>[class*="column"]>.toggle,
    .filters .multi-buttons .btn>.toggle,
    .multi-buttons .filters .btn>.toggle,
    .filters .multi-buttons input>.toggle,
    .multi-buttons .filters input>.toggle,
    .filters .f-left>.ui-element,
    .filters .row>[class*="column"]>.ui-element,
    .filters .multi-buttons .btn>.ui-element,
    .multi-buttons .filters .btn>.ui-element,
    .filters .multi-buttons input>.ui-element,
    .multi-buttons .filters input>.ui-element,
    .filters .f-left>.btn,
    .filters .row>[class*="column"]>.btn,
    .filters .multi-buttons .btn>.btn,
    .multi-buttons .filters .btn>.btn,
    .filters .multi-buttons input>.btn,
    .multi-buttons .filters input>.btn,
    .filters .f-left>.tag,
    .filters .row>[class*="column"]>.tag,
    .filters .multi-buttons .btn>.tag,
    .multi-buttons .filters .btn>.tag,
    .filters .multi-buttons input>.tag,
    .multi-buttons .filters input>.tag,
    .filters [data-reveal] .f-left>i[data-icon],
    [data-reveal] .filters .f-left>i[data-icon],
    .filters [data-reveal] .row>[class*="column"]>i[data-icon],
    [data-reveal] .filters .row>[class*="column"]>i[data-icon],
    .filters .multi-buttons [data-reveal] .btn>i[data-icon],
    [data-reveal] .filters .multi-buttons .btn>i[data-icon],
    .multi-buttons .filters [data-reveal] .btn>i[data-icon],
    [data-reveal] .multi-buttons .filters .btn>i[data-icon],
    .filters .multi-buttons [data-reveal] input>i[data-icon],
    [data-reveal] .filters .multi-buttons input>i[data-icon],
    .multi-buttons .filters [data-reveal] input>i[data-icon],
    [data-reveal] .multi-buttons .filters input>i[data-icon],
    .filters [data-reveal-xs] .f-left>i[data-icon],
    [data-reveal-xs] .filters .f-left>i[data-icon],
    .filters [data-reveal-xs] .row>[class*="column"]>i[data-icon],
    [data-reveal-xs] .filters .row>[class*="column"]>i[data-icon],
    .filters .multi-buttons [data-reveal-xs] .btn>i[data-icon],
    [data-reveal-xs] .filters .multi-buttons .btn>i[data-icon],
    .multi-buttons .filters [data-reveal-xs] .btn>i[data-icon],
    [data-reveal-xs] .multi-buttons .filters .btn>i[data-icon],
    .filters .multi-buttons [data-reveal-xs] input>i[data-icon],
    [data-reveal-xs] .filters .multi-buttons input>i[data-icon],
    .multi-buttons .filters [data-reveal-xs] input>i[data-icon],
    [data-reveal-xs] .multi-buttons .filters input>i[data-icon],
    .filters .f-left>.avatar,
    .filters .row>[class*="column"]>.avatar,
    .filters .multi-buttons .btn>.avatar,
    .multi-buttons .filters .btn>.avatar,
    .filters .multi-buttons input>.avatar,
    .multi-buttons .filters input>.avatar,
    .filters .f-left>.bg-avatar,
    .filters .row>[class*="column"]>.bg-avatar,
    .filters .multi-buttons .btn>.bg-avatar,
    .multi-buttons .filters .btn>.bg-avatar,
    .filters .multi-buttons input>.bg-avatar,
    .multi-buttons .filters input>.bg-avatar,
    .filters .f-left>.bg-square,
    .filters .row>[class*="column"]>.bg-square,
    .filters .multi-buttons .btn>.bg-square,
    .multi-buttons .filters .btn>.bg-square,
    .filters .multi-buttons input>.bg-square,
    .multi-buttons .filters input>.bg-square,
    .filters .f-left>.badge-expo,
    .filters .row>[class*="column"]>.badge-expo,
    .filters .multi-buttons .btn>.badge-expo,
    .multi-buttons .filters .btn>.badge-expo,
    .filters .multi-buttons input>.badge-expo,
    .multi-buttons .filters input>.badge-expo,
    .filters .pagination .f-left>li,
    .pagination .filters .f-left>li,
    .filters .pagination .row>[class*="column"]>li,
    .pagination .filters .row>[class*="column"]>li,
    .filters .multi-buttons .pagination .btn>li,
    .pagination .filters .multi-buttons .btn>li,
    .multi-buttons .filters .pagination .btn>li,
    .pagination .multi-buttons .filters .btn>li,
    .filters .multi-buttons .pagination input>li,
    .pagination .filters .multi-buttons input>li,
    .multi-buttons .filters .pagination input>li,
    .pagination .multi-buttons .filters input>li,
    .filters .f-left>.dollard-title,
    .filters .row>[class*="column"]>.dollard-title,
    .filters .multi-buttons .btn>.dollard-title,
    .multi-buttons .filters .btn>.dollard-title,
    .filters .multi-buttons input>.dollard-title,
    .multi-buttons .filters input>.dollard-title,
    .filters .toggle-widget.f-left>a,
    .filters .row>.toggle-widget[class*="column"]>a,
    .filters .multi-buttons .toggle-widget.btn>a,
    .multi-buttons .filters .toggle-widget.btn>a,
    .filters .multi-buttons input.toggle-widget>a,
    .multi-buttons .filters input.toggle-widget>a,
    .filters .f-right>.inline,
    .filters .f-right>.wrap-select,
    .filters .f-right>.checkbox,
    .filters .checkbox .f-right>.check-square,
    .checkbox .filters .f-right>.check-square,
    .filters .checkbox .f-right>.check-square:after,
    .checkbox .filters .f-right>.check-square:after,
    .filters .radio .f-right>.radio-circle,
    .radio .filters .f-right>.radio-circle,
    .filters .radio .f-right>.radio-circle:after,
    .radio .filters .f-right>.radio-circle:after,
    .filters .f-right>.toggle,
    .filters .f-right>.ui-element,
    .filters .f-right>.btn,
    .filters .f-right>.tag,
    .filters [data-reveal] .f-right>i[data-icon],
    [data-reveal] .filters .f-right>i[data-icon],
    .filters [data-reveal-xs] .f-right>i[data-icon],
    [data-reveal-xs] .filters .f-right>i[data-icon],
    .filters .f-right>.avatar,
    .filters .f-right>.bg-avatar,
    .filters .f-right>.bg-square,
    .filters .f-right>.badge-expo,
    .filters .pagination .f-right>li,
    .pagination .filters .f-right>li,
    .filters .f-right>.dollard-title,
    .filters .toggle-widget.f-right>a {
        display: block
    }
    .filters.sticky+* {
        padding-top: 0px
    }
    .filter {
        margin: 0;
        padding: 0;
        line-height: 44px;
        background: #f2f2f2;
        border-top: 1px solid #d9d9d9
    }
    .filter .filter-btn {
        display: block;
        max-width: 100%
    }
    .filter .filter-btn [data-icon] {
        float: right
    }
    .filter:after {
        float: right
    }
    .filter .drop {
        position: inherit;
        top: 0;
        left: 0;
        margin: 0;
        width: auto;
        border-radius: 0px;
        box-shadow: none;
        background: #e5e5e5
    }
    .filter .drop:before,
    .filter .drop:after {
        display: none
    }
    .language.filter .drop {
        position: absolute
    }
    .main-title-header {
        text-align: center;
        height: auto;
        line-height: inherit;
        padding: 44px 0
    }
    .main-title-header h1,
    .main-title-header .h1-like,
    .main-title-header .h1-5-like,
    .main-title-header h2,
    .main-title-header .h2-like,
    .main-title-header .h2-5-like,
    .main-title-header .search-custom-field input[type=search],
    .search-custom-field .main-title-header input[type=search] {
        height: auto;
        line-height: inherit;
        margin: 0
    }
    .main-title-header .main-sub-nav>li {
        display: block
    }
    .main-title-header .main-sub-nav>li>a {
        height: auto;
        line-height: 48.4px
    }
    #mobile-splash-main-id {
        position: absolute;
        left: 38%;
        top: 0;
        height: 44px;
        margin-left: -26px
    }
    #mobile-splash-main-id>a {
        display: inline-block;
        overflow: inherit;
        width: inherit
    }
    #mobile-splash-main-id>a img {
        height: 32px
    }
    .xs-centerize-video {
        margin: 22px auto
    }
    .big-play-btn {
        width: 60px;
        height: 60px;
        margin: -30px 0 0 -30px;
        line-height: 54px;
        font-size: 30px;
        text-indent: 3px;
        border: 3px solid #ffffff
    }
}

.product-redeem-discount {
    background-color: #746f75;
    color: #fff;
    padding: 5px 17px;
    font-size: 15px;
    border-radius: 4px;
    line-height: 20px
}

.recommend-redeem-message {
    background-color: #746f75;
    color: #fff;
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 4px;
    line-height: 15px;
    margin-top: 10px;
    display: block
}

.modal-lock {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: fixed
}

.modal-whitebox {
    bottom: 0px;
    background: #FFF;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    margin-top: 50px
}

@media screen and (min-width: 767px) {
    .modal-whitebox {
        top: 15%;
        position: relative;
        min-height: 0;
        margin: 0 auto;
        display: block;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }
}

.lang-box {
    max-width: 400px;
    padding: 15px
}

.lang-box.currency-box {
    max-width: 600px
}

.lang-box.currency-box li {
    width: 50%;
    float: left
}

.lang-box li {
    line-height: 2em
}

.lang-box li a.active,
.lang-box li a:hover {
    color: #5fa9cc;
    outline: none
}

.lang-box .box-heading {
    border-bottom: 1px solid #ccc;
    padding: 20px 0
}

.lang-box .column6 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 30px
}

@media (max-width: 767px) {
    .lang-box {
        margin: 22px
    }
}

@media (min-width: 767px) {
    .lang-box .column6:last-child {
        border-left: 1px solid #ccc
    }
}

.invite-signup-modal-holder {
    max-width: 500px
}

.modal-overlay,
.invite-signup-modal,
.shopping-spree-modal {
    position: fixed;
    z-index: 100;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5)
}

.invite-signup-modal .inner-container,
.shopping-spree-modal .inner-container {
    bottom: 0px;
    position: absolute;
    margin: 11px
}

.invite-signup-modal .signup-avatar,
.shopping-spree-modal .signup-avatar {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    margin-left: -50px
}

.invite-signup-modal .invite-signup-or,
.shopping-spree-modal .invite-signup-or {
    line-height: 1
}

@media screen and (max-width: 767px) {
    .invite-signup-modal .subtitle,
    .shopping-spree-modal .subtitle {
        font-size: 22px;
        line-height: 33px
    }
    .invite-signup-modal .king-size,
    .shopping-spree-modal .king-size {
        font-size: 12px
    }
}

.invite-signup-modal .voucher-field,
.shopping-spree-modal .voucher-field {
    font-family: 'robotomedium';
    border: 1px solid #746f75;
    border-radius: 3px;
    font-size: 18px;
    margin-bottom: 7.33333px
}

.invite-signup-modal .thin-king-size-btn,
.shopping-spree-modal .thin-king-size-btn {
    height: 52px;
    line-height: 52px
}

.shoppingspree .h2-like,
.shoppingspree .h2-5-like,
.shoppingspree .search-custom-field input[type=search],
.search-custom-field .shoppingspree input[type=search] {
    font-size: 24px;
    margin-bottom: 18px
}

.shoppingspree-content {
    max-width: 500px
}

.bezel-desc-link {
    font-size: 10px
}

.place-holder-text-center::-webkit-input-placeholder {
    text-align: center
}

.place-holder-text-center:-moz-placeholder {
    text-align: center
}

.message-box-holder header {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

.newsletter-modal-box {
    background-color: rgba(255, 255, 255, 0.05)
}

.newsletter-modal-container {
    min-width: 300px;
    min-height: 200px;
    border: 2px solid #ddd;
    background-color: #ffffff;
    font-size: 0px;
    line-height: 0px
}

@media screen and (min-width: 767px) {
    .newsletter-modal-container.discount-modal,
    .newsletter-modal-container.newsletter-discount-modal {
        min-width: 500px
    }
    .newsletter-modal-container.discount-modal .wrapper,
    .newsletter-modal-container.discount-modal .campaign__wrapper,
    .newsletter-modal-container.newsletter-discount-modal .wrapper,
    .newsletter-modal-container.newsletter-discount-modal .campaign__wrapper {
        width: 75%
    }
}

.newsletter-modal-container.discount-modal .email,
.newsletter-modal-container.newsletter-discount-modal .email {
    border-radius: 3px;
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-weight: 500;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    border: none;
    background-color: #eee;
    color: #444
}

.newsletter-modal-container.discount-modal .email::-webkit-input-placeholder,
.newsletter-modal-container.newsletter-discount-modal .email::-webkit-input-placeholder {
    color: #999
}

.newsletter-modal-container.discount-modal .email:-moz-placeholder,
.newsletter-modal-container.newsletter-discount-modal .email:-moz-placeholder {
    color: #999
}

.newsletter-modal-container.discount-modal .email::-moz-placeholder,
.newsletter-modal-container.newsletter-discount-modal .email::-moz-placeholder {
    color: #999
}

.newsletter-modal-container.discount-modal .email:-ms-input-placeholder,
.newsletter-modal-container.newsletter-discount-modal .email:-ms-input-placeholder {
    color: #999
}

.newsletter-modal-container.discount-modal .submit,
.newsletter-modal-container.newsletter-discount-modal .submit {
    border-radius: 3px;
    background-color: #5fa9cc;
    color: #ffffff;
    line-height: 50px;
    padding: 0;
    font-size: 16px
}

@media screen and (min-width: 767px) {
    .newsletter-modal-container.discount-complete-modal,
    .newsletter-modal-container.newsletter-discount-complete-modal {
        min-width: 500px
    }
}

.newsletter-modal-container.discount-complete-modal .wrapper,
.newsletter-modal-container.discount-complete-modal .campaign__wrapper,
.newsletter-modal-container.newsletter-discount-complete-modal .wrapper,
.newsletter-modal-container.newsletter-discount-complete-modal .campaign__wrapper {
    width: 90%
}

.newsletter-modal-container.discount-complete-modal .btn-wrapper,
.newsletter-modal-container.newsletter-discount-complete-modal .btn-wrapper {
    width: 70%
}

.newsletter-modal-container.discount-complete-modal .btn-wrapper .border-btn,
.newsletter-modal-container.discount-complete-modal .btn-wrapper .border-btn:hover,
.newsletter-modal-container.newsletter-discount-complete-modal .btn-wrapper .border-btn,
.newsletter-modal-container.newsletter-discount-complete-modal .btn-wrapper .border-btn:hover {
    border: 1px solid #999;
    background: #fff;
    color: #444
}

.newsletter-modal-container .text-container {
    padding: 20px 0px
}

.newsletter-modal-container .text-container .newsletter-close-btn {
    background-color: rgba(255, 255, 255, 0.2);
    line-height: 37px
}

.newsletter-modal-container .text-container .desc1 {
    line-height: 22px;
    font-size: 14px;
    color: #ffffff
}

.newsletter-modal-container .text-container .desc2 {
    line-height: 22px;
    font-size: 14px;
    font-family: "roboto";
    color: #ffffff;
    bottom: 0px
}

.newsletter-modal-container .text-container .desc2 .king-size {
    font-size: 14px;
    line-height: 50.4px;
    height: 50.4px;
    width: 250px;
    margin-bottom: 10px
}

.newsletter-modal-container .text-container .input-form form {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    height: 50px
}

@media screen and (max-width: 767px) {
    .newsletter-modal-container .text-container .input-form form {
        width: 90%
    }
}

.newsletter-modal-container .text-container .input-form form .email {
    border-radius: 0px;
    font-family: 'roboto';
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    border: none;
    width: 65%;
    background-color: #c7c5c8;
    color: #ffffff
}

.newsletter-modal-container .text-container .input-form form .email::-webkit-input-placeholder {
    color: #ffffff
}

.newsletter-modal-container .text-container .input-form form .email:-moz-placeholder {
    color: #ffffff
}

.newsletter-modal-container .text-container .input-form form .email::-moz-placeholder {
    color: #ffffff
}

.newsletter-modal-container .text-container .input-form form .email:-ms-input-placeholder {
    color: #ffffff
}

.newsletter-modal-container .text-container .input-form form .submit {
    border-radius: 0px;
    font-family: 'roboto';
    width: 35%;
    background-color: #5fa9cc;
    color: #ffffff;
    line-height: 50px;
    padding: 0;
    font-size: 16px
}

.newsletter-modal-container .text-container .close-sentence {
    margin-bottom: 6px
}

.hover-img:hover img {
    opacity: 0.8
}

#edit-address-modal .save-btn {
    width: 30%
}

@media screen and (max-width: 767px) {
    #edit-address-modal .save-btn {
        width: 80%
    }
}

.panel-title {
    top: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    .panel-title {
        padding-top: 22px
    }
}

.panel-title [class*='sub-title'] {
    max-width: 700px
}

@media screen and (max-width: 767px) {
    .panel-title [class*='sub-title'] {
        padding: 22px 0 0 11px !important
    }
}

@media screen and (max-width: 767px) {
    .modal-guest-checkout-subtitle {
        height: 100px
    }
}

.instagramshop .input-hover {
    display: none
}

.instagramshop .column4:hover .input-hover {
    display: block;
    bottom: 55px;
    background: #FFF;
    right: 0;
    left: 0
}

.instagramshop .unpublished img {
    opacity: 0.5
}

#invite-btn {
    bottom: 0;
    right: 30px;
    display: inline-block;
    padding: 15px 25px;
    border-radius: 5px 5px 0 0;
    background-color: #5fa9cc;
    z-index: 90
}

#invite-btn span {
    color: #fff
}

@media (max-width: 767px) {
    #invite-btn {
        display: none;
        left: 0;
        right: 0;
        border-radius: 0
    }
}

img.grey-border {
    border: 1px solid #eee !important
}

.description {
    max-width: 600px
}

.subs-header>* {
    height: 600px
}

.subs-header>*,
.bg-land,
.video-section .video,
.video-section .video-cover,
.metaluxe .collection .collection-bg .full-page-section {
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media screen and (max-width: 767px) {
    .subs-header>* {
        background-image: none;
        height: auto !important;
        height: 300px
    }
    .land-main-title span {
        display: inline
    }
    .header-info {
        display: table;
        position: inherit;
        width: 100%;
        height: 100%;
        margin: 0
    }
    .header-info .description {
        width: 100%;
        text-align: center
    }
    .header-info .description>div:not(.table):not(.multi-buttons) {
        display: block
    }
    .header-info .xs-t-cell {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle
    }
    .description {
        text-align: center;
        max-width: 100%
    }
    .description .btn.king-size {
        display: inline-block;
        width: auto;
        margin-top: 11px
    }
}

.price-explain {
    line-height: 24px;
    font-size: 11px;
    margin-top: 2px;
    margin-right: 5px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .price-explain {
        line-height: 22px;
        margin-top: 0px
    }
}

.spiner {
    position: relative;
    width: 25px;
    height: 25px
}

.spiner div {
    top: 0;
    left: 0;
    z-index: 3
}

.spiner div:first-child {
    border: 4px dashed rgba(255, 255, 255, 0.4);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation: spiner 3s 0s linear infinite;
    animation: spiner 3s 0s linear infinite;
    z-index: 2
}

.spiner div+div {
    border-top: 4px solid rgba(102, 198, 198, 0.2);
    border-right: 4px solid rgba(102, 198, 198, 0.5);
    border-bottom: 4px solid rgba(102, 198, 198, 0.8);
    border-left: 4px solid #5fa9cc;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation: spiner2 0.8s 0s linear infinite;
    animation: spiner2 0.8s 0s linear infinite;
    z-index: 1
}

.spinner-wrap {
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    z-index: 3
}

@-webkit-keyframes spiner {
    0% {
        -webkit-transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes spiner {
    0% {
        transform: rotate(360deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes spiner2 {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spiner2 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.landing-page .new-standard {
    position: relative
}

.landing-page .new-standard span:after {
    content: '\2122';
    position: absolute;
    font-size: 50%;
    right: -1em;
    top: -0.3em
}

.landing-page .btn {
    min-width: 200px;
    text-align: center;
    transition: all 0.2s ease-out
}

.landing-page .btn.border-btn-third-color:hover {
    background-color: #fff;
    box-shadow: 0 0 0 1px #fff inset
}

.landing-page p {
    font-size: 16px;
    color: #222
}

.landing-page a.landing-link {
    color: #666
}

.landing-page a.landing-link:hover {
    color: #5fa9cc
}

.landing-page #landing-slider {
    overflow: hidden
}

.landing-page #landing-slider>div[class^="slider-"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.landing-page #landing-slider .slider {
    display: none
}

.landing-page .hover-dark:hover {
    color: #666
}

.landing-page .landing-slider {
    padding-bottom: 0;
    position: absolute;
    height: 100%;
    width: 100%
}

.landing-page .landing-slider .slick-list,
.landing-page .landing-slider .slick-track,
.landing-page .landing-slider .slick-slide {
    height: 100%
}

.landing-page .landing-slider .slick-slide {
    cursor: default
}

.landing-page .landing-slider .slick-slide img {
    width: auto
}

.landing-page .landing-slider .slider-box {
    background-color: #fff;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 50px 15px
}

.landing-page .landing-slider .slider-quiz {
    background-image: url(/img/landing_page/slider/quiz.jpg)
}

.landing-page .landing-slider .slider-quiz h1 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.8em;
    margin-bottom: 40px
}

.landing-page .landing-slider .slider-quiz h1 .emphasis {
    font-size: 60px;
    font-weight: 700;
    display: block;
    text-transform: capitalize
}

.landing-page .landing-slider .slider-quiz p {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto
}

.landing-page .landing-slider .slider-case {
    background-image: url(/img/landing_page/slider/iphone6.jpg)
}

@media (min-width: 767px) {
    .landing-page .landing-slider .slider-case {
        background-position: 65% center
    }
}

.landing-page .landing-slider .slider-case.experiment {
    background-image: url(/img/metaluxe/landing_bg.jpg?v2)
}

.landing-page .landing-slider .slider-case.experiment .metaluxe {
    width: 740px
}

@media (max-height: 900px) {
    .landing-page .landing-slider .slider-case.experiment .metaluxe {
        width: 600px
    }
}

@media (max-width: 769px) {
    .landing-page .landing-slider .slider-case.experiment .metaluxe {
        width: 500px
    }
}

.landing-page .landing-slider .slider-iphone6s {
    background-image: url(/img/landing_page/slider/iphone6s.jpg?v=2);
    background-color: #E9E9E9;
    background-position: 20% bottom;
    background-size: auto 1300px
}

.landing-page .landing-slider .slider-iphone6s .row {
    margin-bottom: 100px
}

.landing-page .landing-slider .slider-iphone6s .iphone6s-slider-box {
    position: absolute;
    bottom: 100px
}

@media (max-width: 1500px) {
    .landing-page .landing-slider .slider-iphone6s {
        background-position: 30% bottom
    }
}

@media (max-width: 1300px) {
    .landing-page .landing-slider .slider-iphone6s {
        background-position: -250px bottom
    }
}

@media (min-width: 1750px) {
    .landing-page .landing-slider .slider-iphone6s {
        background-image: url(/img/landing_page/slider/iphone6s_lg.jpg?v=2);
        background-size: auto 1500px;
        background-position: 70% bottom
    }
}

@media (min-width: 2250px) {
    .landing-page .landing-slider .slider-iphone6s {
        background-position: 80% bottom
    }
}

.landing-page .landing-slider .slider-2016 {
    background-image: url(/img/landing_page/slider/2016_bg.jpg)
}

.landing-page .landing-slider .slider-2016 .box-2016 {
    padding-left: 35%;
    padding-right: 35%
}

.landing-page .landing-slider .slider-valentine {
    background-image: url(/img/landing_page/slider/valentine_bg.jpg);
    background-position: center 70%
}

.landing-page .landing-slider .slider-staygold {
    background-image: url(/img/landing_page/slider/staygold.jpg)
}

.landing-page .landing-slider .slider-new-standard-02 {
    background-image: url(/img/landing_page/slider/new_standard_02.jpg)
}

.landing-page .landing-slider .slider-new-standard-02 img {
    width: 100%
}

.landing-page .landing-slider .slider-looney-colette {
    background-image: url(/img/landing_page/slider/looneytunes-colette.jpg)
}

.landing-page .landing-slider .slider-looney-colette .btn-wrap {
    padding-left: 23%
}

.landing-page .landing-slider .slider-looney-colette .btn:hover {
    background-color: #3aa334/*rgba(255, 255, 255, 0.2)*/
}

.landing-page .landing-slider .slider-looney-colette .absolute,
.landing-page .landing-slider .slider-looney-colette .checkbox .check-square:after,
.checkbox .landing-page .landing-slider .slider-looney-colette .check-square:after,
.landing-page .landing-slider .slider-looney-colette .checkbox input[type="checkbox"]:not(:checked),
.checkbox .landing-page .landing-slider .slider-looney-colette input[type="checkbox"]:not(:checked),
.landing-page .landing-slider .slider-looney-colette .checkbox input[type="checkbox"]:checked,
.checkbox .landing-page .landing-slider .slider-looney-colette input[type="checkbox"]:checked,
.landing-page .landing-slider .slider-looney-colette .radio .radio-circle:after,
.radio .landing-page .landing-slider .slider-looney-colette .radio-circle:after,
.landing-page .landing-slider .slider-looney-colette .radio input[type="radio"]:not(:checked),
.radio .landing-page .landing-slider .slider-looney-colette input[type="radio"]:not(:checked),
.landing-page .landing-slider .slider-looney-colette .radio input[type="radio"]:checked,
.radio .landing-page .landing-slider .slider-looney-colette input[type="radio"]:checked,
.landing-page .landing-slider .slider-looney-colette .toggle input,
.toggle .landing-page .landing-slider .slider-looney-colette input,
.landing-page .landing-slider .slider-looney-colette .toggle label,
.toggle .landing-page .landing-slider .slider-looney-colette label,
.landing-page .landing-slider .slider-looney-colette .toggle label div[aria-hidden="true"],
.toggle label .landing-page .landing-slider .slider-looney-colette div[aria-hidden="true"],
.landing-page .landing-slider .slider-looney-colette .title-line:before,
.landing-page .landing-slider .slider-looney-colette .top-arrow:before,
.landing-page .landing-slider .slider-looney-colette .top-arrow:after,
.landing-page .landing-slider .slider-looney-colette .bulle-explain,
.landing-page .landing-slider .slider-looney-colette [class*='social-widget'],
.landing-page .landing-slider .slider-looney-colette .pricing-panel footer,
.pricing-panel .landing-page .landing-slider .slider-looney-colette footer,
.landing-page .landing-slider .slider-looney-colette .subs-info .description,
.subs-info .landing-page .landing-slider .slider-looney-colette .description,
.landing-page .landing-slider .slider-looney-colette .profile-header .header-profile-img>img,
.profile-header .landing-page .landing-slider .slider-looney-colette .header-profile-img>img,
.landing-page .landing-slider .slider-looney-colette .profile-header:before,
.landing-page .landing-slider .slider-looney-colette #search-wrapper .collection-header:before,
#search-wrapper .landing-page .landing-slider .slider-looney-colette .collection-header:before,
.landing-page .landing-slider .slider-looney-colette .bm-img-list .bm-check,
.bm-img-list .landing-page .landing-slider .slider-looney-colette .bm-check,
.landing-page .landing-slider .slider-looney-colette .bm-main-nav-btn,
.landing-page .landing-slider .slider-looney-colette .btn-information,
.landing-page .landing-slider .slider-looney-colette .bm-quality-picture {
    bottom: 0;
    left: 0
}

.landing-page .landing-slider .slider-looney {
    background-image: url(/img/landing_page/slider/looney-tune.jpg)
}

.landing-page .landing-slider .slider-looney .looney-box {
    max-width: 400px;
    background-color: #000;
    padding: 48px
}

.landing-page .landing-slider .slider-looney h1 {
    font-size: 34px;
    line-height: 1em;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold
}

.landing-page .landing-slider .slider-looney h3 {
    font-weight: bold
}

.landing-page .landing-slider .slider-looney i:before {
    font-size: 40px
}

.landing-page .landing-slider .slider-looney .btn:hover {
    background-color: #3aa334;/*rgba(255, 255, 255, 0.2)*/
}

.landing-page .landing-slider .slider-cyber-monday .watermark {
    text-align: left;
    color: #666;
    position: absolute;
    bottom: 0;
    transform: rotate(-90deg);
    transform-origin: 0;
    left: 22px
}

.landing-page .landing-slider .slider-cyber-monday .cyber-monday-box {
    color: #343434;
    z-index: 5;
    position: relative;
    top: 44px
}

.landing-page .landing-slider .slider-cyber-monday .cyber-monday-box .btn {
    transition: none;
    z-index: 5;
    color: #343434;
    box-shadow: 0 0 0 1px #343434
}

.landing-page .landing-slider .slider-cyber-monday .cyber-monday-box .btn:hover,
.landing-page .landing-slider .slider-cyber-monday .cyber-monday-box .btn:focus {
    background-color: transparent;
    color: #5a5a5a;
    box-shadow: 0 0 0 1px #5a5a5a
}

.landing-page .landing-slider .slider-cyber-monday .text-img-wrapper {
    text-align: center
}

.landing-page .landing-slider .slider-cyber-monday .text-img-wrapper img {
    display: inline;
    width: 100%
}

.landing-page .landing-slider .slider-cyber-monday .cat-wrapper {
    text-align: right;
    bottom: 0;
    width: 100%
}

.landing-page .landing-slider .slider-cyber-monday .cat-wrapper img {
    display: inline;
    width: 45%;
    position: absolute;
    bottom: 0;
    right: 0
}

.landing-page .landing-slider .slider-fiona {
    background-image: url(/img/landing_page/slider/fiona.jpg)
}

.landing-page .landing-slider .slider-fiona img {
    display: inline
}

.landing-page .landing-slider .slider-bbc {
    background-image: url(/img/landing_page/slider/bbc.jpg)
}

.landing-page .landing-slider .slider-horween {
    background-image: url(/img/landing_page/slider/horween.jpg)
}

.landing-page .landing-slider .slider-horween h1 {
    margin-top: -80px;
    padding-top: 80px;
    padding-left: 30px;
    margin-left: -30px;
    background-image: url(/img/horween/horween.png);
    background-size: 140px 140px;
    background-position: 0 0;
    background-repeat: no-repeat;
    line-height: 48px;
    font-size: 48px
}

.landing-page .landing-slider .slider-horween h2 {
    font-size: 24px
}

.landing-page .landing-slider .slider-custom {
    background-image: url(/img/landing_page/slider/custom.jpg)
}

.landing-page .landing-slider .slider-watch {
    background-image: url(/img/landing_page/slider/watch.jpg)
}

.landing-page .landing-slider .slider-macbook {
    background-image: url(/img/landing_page/slider/macbook.jpg)
}

@media (max-width: 767px) {
    .landing-page .landing-slider .slider-box {
        margin-top: 20px;
        padding-top: 25px;
        padding-bottom: 35px
    }
    .landing-page .landing-slider .slider-quiz {
        background-image: url(/img/landing_page/slider/mobile_quiz.jpg)
    }
    .landing-page .landing-slider .slider-quiz .column12,
    .landing-page .landing-slider .slider-quiz .subs-info .description,
    .subs-info .landing-page .landing-slider .slider-quiz .description {
        padding: 36px
    }
    .landing-page .landing-slider .slider-quiz h1 {
        font-size: 20px;
        margin-bottom: 20px
    }
    .landing-page .landing-slider .slider-quiz h1 .emphasis {
        font-size: 35px
    }
    .landing-page .landing-slider .slider-quiz ol {
        max-width: 180px;
        font-size: 14px
    }
    .landing-page .landing-slider .slider-case {
        background-image: url(/img/landing_page/slider/mobile_iphone6.jpg)
    }
    .landing-page .landing-slider .slider-case .btn {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none
    }
    .landing-page .landing-slider .slider-case.experiment {
        background-image: url(/img/metaluxe/landing_mobile.jpg?v2);
        background-position: center bottom
    }
    .landing-page .landing-slider .slider-custom {
        background-image: url(/img/landing_page/slider/mobile_custom.jpg)
    }
    .landing-page .landing-slider .slider-custom .btn {
        background-color: #fff;
        box-shadow: none
    }
    .landing-page .landing-slider .slider-watch {
        background-image: url(/img/landing_page/slider/mobile_watch.jpg)
    }
    .landing-page .landing-slider .slider-watch .btn {
        background-color: #fff;
        box-shadow: none
    }
    .landing-page .landing-slider .slider-macbook {
        background-image: url(/img/landing_page/slider/mobile_macbook.jpg)
    }
    .landing-page .landing-slider .slider-macbook .btn {
        background-color: #fff;
        box-shadow: none
    }
    .landing-page .landing-slider .slider-macbook p,
    .landing-page .landing-slider .slider-macbook h1 {
        color: #fff
    }
}

.landing-page .landing-slider .small.uppercase {
    display: none
}

@media (max-width: 767px) {
    .landing-page .mobile-iphone6s {
        height: 252px;
        background-image: url(/img/landing_page/slider/mobile_iphone6s.jpg)
    }
    .landing-page .mobile-2016 {
        height: 252px;
        background-image: url(/img/landing_page/slider/mobile_2016.jpg)
    }
    .landing-page .mobile-looney {
        height: 252px;
        background-image: url(/img/landing_page/slider/mobile_looney.jpg)
    }
    .landing-page .mobile-cyber-monday img {
        width: 100%
    }
    .landing-page .mobile-cyber-monday .watermark {
        text-align: left;
        color: #666;
        position: absolute;
        font-size: 8px;
        bottom: 0;
        transform: rotate(-90deg);
        transform-origin: 0;
        left: 15px
    }
    .landing-page .mobile-cyber-monday .text-img-wrapper {
        text-align: center
    }
    .landing-page .mobile-cyber-monday .text-img-wrapper img {
        display: inline;
        width: 60%
    }
    .landing-page .mobile-cyber-monday .cat-wrapper {
        text-align: right;
        bottom: 0;
        width: 100%
    }
    .landing-page .mobile-cyber-monday .cat-wrapper img {
        display: inline;
        width: 45%;
        position: absolute;
        bottom: 0;
        right: 0
    }
}

@media (max-width: 767px) and (min-width: 460px) {
    .landing-page .mobile-cyber-monday .text-img-wrapper img {
        width: 50%
    }
    .landing-page .mobile-cyber-monday .cat-wrapper img {
        width: 35%
    }
}

.landing-page .landing-device {
    height: 108px;
    padding-top: 10px;
    padding-bottom: 10px
}

.landing-page .landing-device li i:before {
    color: #999
}

.landing-page .landing-device li:hover i:before {
    color: #5fa9cc
}

@media (max-width: 767px) {
    .landing-page .slick-slider {
        text-align: center;
        padding-bottom: 4px
    }
    .landing-page .slick-slider .row {
        margin-top: 30px
    }
    .landing-page .slick-slider .btn-wrap {
        position: absolute;
        bottom: 80px;
        left: 0;
        width: 100%;
        text-align: center
    }
    .landing-page .landing {
        height: 500px
    }
    .landing-page .landing-device {
        display: none
    }
    .landing-page .mobile-head {
        font-size: 16px
    }
}

.landing-page #section-watch {
    background-image: url(/img/landing_page/section/watch.jpg?v=2);
    background-position: 30% center
}

.landing-page #section-ipad {
    background-image: url(/img/landing_page/section/cover.jpg)
}

.landing-page #section-macbook {
    background-image: url(/img/landing_page/section/macbook.jpg)
}

.landing-page #section-android {
    background-image: url(/img/landing_page/section/android.jpg)
}

@media (min-width: 768px) and (max-width: 1024px) {
    .landing-page #section-ipad {
        background-image: url(/img/landing_page/section/tablet_cover.jpg)
    }
}

@media (max-width: 767px) {
    .landing-page #section-watch {
        background-image: url(/img/landing_page/section/mobile_watch.jpg?v=4);
        background-position: 30% center
    }
    .landing-page #section-ipad {
        background-image: url(/img/landing_page/section/mobile_cover.jpg?v=2);
        background-position: 40% center
    }
    .landing-page #section-macbook {
        background-image: url(/img/landing_page/section/mobile_macbook.jpg?v=2)
    }
    .landing-page #section-android {
        background-image: url(/img/landing_page/section/mobile_android.jpg?v=2)
    }
    .landing-page #section-iphone {
        background-image: url(/img/landing_page/section/mobile_iphone.jpg)
    }
}

.landing-page .section {
    position: relative;
    height: 600px
}

.landing-page .section .flex-box,
.landing-page .section .option-box {
    height: 100%
}

.landing-page .section .flex-box h2,
.landing-page .section .option-box h2 {
    margin-bottom: 0
}

.landing-page .section .flex-box p,
.landing-page .section .option-box p {
    font-size: 16px;
    line-height: 1.8em
}

@media (max-width: 767px) {
    .landing-page .section {
        margin-bottom: 6px
    }
    .landing-page .section .text-white {
        color: #222
    }
    .landing-page .section .flex-box,
    .landing-page .section .option-box {
        position: relative;
        height: 100%
    }
    .landing-page .section .flex-box .btn,
    .landing-page .section .option-box .btn {
        box-shadow: none;
        color: transparent;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
    .landing-page .section .flex-box .btn:hover,
    .landing-page .section .option-box .btn:hover,
    .landing-page .section .flex-box .btn:focus,
    .landing-page .section .option-box .btn:focus,
    .landing-page .section .flex-box .btn:active,
    .landing-page .section .option-box .btn:active {
        background-color: transparent
    }
    .landing-page .section .flex-box h3,
    .landing-page .section .option-box h3 {
        position: absolute;
        bottom: 18px;
        margin-bottom: 0;
        left: 20px;
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        color: #fff;
        background-color: #5fa9cc;
        display: inline;
        padding: 11px
    }
}

.landing-page .section-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media (max-width: 767px) {
    .landing-page .section {
        height: 174px
    }
    .landing-page .section .flex-box,
    .landing-page .section .option-box {
        padding: 20px 0
    }
}

@media (max-width: 767px) {
    .btn {
        line-height: 2.5em;
        height: auto
    }
}

.download-app-icon {
    height: 40px
}

@media screen and (min-width: 450px) {
    .download-app-icon {
        height: 50px
    }
}

.apps-foot {
    clear: both;
    line-height: 0
}

@media screen and (max-width: 767px) {
    .apps-foot {
        width: 100%;
        text-align: center;
        clear: both
    }
}

.black-overlay {
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7)
}

.splash-header {
    height: 44px
}

.splash-header a {
    line-height: 44px
}

.splash-header a img {
    height: 36px !important;
    margin-top: 8px
}

.splash-bar {
    height: 0px;
    line-height: 0px
}

.splash-banner {
    height: 352px;
    background-position: 50% 50%;
    background-size: cover;
    background-image: url("../img/landing_page/mobile-splash-ios3.jpg")
}

.splash-android {
    background-image: url("../img/landing_page/mobile-splash-android3.jpg")
}

.splash-text {
    font-size: 22px;
    line-height: 24px;
    padding-top: 8px
}

.splash-footer {
    background: #343434
}

.splash-footer .social-icon {
    font-size: 32px !important
}

.extra-box span i:before {
    font-size: 40px;
    line-height: 66px
}

.panel-row>[class*="column"] {
    padding: 0 6px 12px 6px
}

.panel-height {
    height: 400px
}

.panel-height-aside {
    height: 300px
}

.panel-margin-bottom {
    margin-bottom: 12px
}

.panel-margin-top {
    margin-top: 12px
}

.wrap-panel-pic,
.wrap-panel-birthday,
.trend-slider {
    top: 0;
    bottom: 12px;
    right: 6px;
    left: 6px
}

.wrap-panel-pic>.panel-title,
.wrap-panel-birthday>.panel-title,
.trend-slider>.panel-title {
    z-index: 6
}

.wrap-panel-pic .trend-slides .panel-title,
.wrap-panel-birthday .trend-slides .panel-title,
.trend-slider .trend-slides .panel-title {
    top: 52.8px
}

.panel-link:hover .sub-title,
.panel-link:hover .sub-title-large {
    opacity: 1
}

.panel-birthday {
    margin: 5px 0 0 0
}

.trend-slides {
    left: 0;
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out
}

.trend-pagination {
    bottom: 0;
    left: 0
}

.trend-pagination li a {
    height: 44px;
    line-height: 44px;
    width: 44px
}

.flex-img-over-2 {
    width: 160%;
    max-width: 160%;
    height: auto;
    margin: 0 0 0 -30%
}

.feed__case-container a {
    z-index: 1
}

.feed__case-container a .svg-container {
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.3s 0.1s ease, -webkit-transform 0.3s 0.1s ease;
    transition: opacity 0.3s 0.1s ease, transform 0.3s 0.1s ease
}

.feed__case-container a>img {
    opacity: 1;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.3s 0.1s ease, -webkit-transform 0.3s 0.1s ease;
    transition: opacity 0.3s 0.1s ease, transform 0.3s 0.1s ease
}

.feed__case-container a .feed__image--title {
    width: 100%;
    bottom: 30px;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease
}

.feed__case-container a .feed__image--title h4 {
    line-height: 40px;
    color: #ffffff !important
}

.feed__case-container:hover a:not(:hover) .svg-container {
    opacity: 0.3;
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.feed__case-container:hover a:not(:hover)>img {
    opacity: 0.3;
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.feed__case-container:hover a:hover .svg-container {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.feed__case-container:hover a:hover>img {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.feed__case-container:hover a:hover .feed__image--title {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1
}

@media screen and (max-width: 1024px) {
    .feed__case-container:hover a:not(: hover) .svg-container {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    .feed__case-container:hover a:not(:hover)>img {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    .feed__case-container:hover a:hover .svg-container {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    .feed__case-container:hover a:hover>img {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media screen and (max-width: 767px) {
    .feed__case-container div:nth-child(3) {
        display: none
    }
}

.panel__event-birthday>header,
.panel__invite>header {
    top: 0;
    left: 0
}

.panel__spotting h2 {
    top: 0px;
    padding-top: 11px;
    padding-bottom: 11px
}

.panel__event-birthday .loading-overlay {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 210px;
    position: absolute;
    bottom: 0px
}

.feed-birthday-panel {
    height: 210px;
    overflow-y: auto;
    overflow-x: hidden
}

.feed-birthday-panel .event__friends {
    height: 70px
}

.feed__share-link [data-icon].feed__icons:before {
    font-size: 42px;
    line-height: 50px
}

.feed__share-link:hover [data-icon].feed__icons:before {
    color: #5fa9cc
}

.share-link-container {
    margin-top: 16px
}

.feed__table {
    display: table
}

.feed__table .t-cell:first-child>*,
.feed__table .toggle label:first-child:after>*,
.toggle .feed__table label:first-child:after>*,
.feed__table .toggle label:first-child:before>*,
.toggle .feed__table label:first-child:before>*,
.feed__table .bm-square-draggable:first-child>* {
    border-radius: 3px 0 0 3px;
    border: none
}

.feed__table .t-cell:last-child>*,
.feed__table .toggle label:last-child:after>*,
.toggle .feed__table label:last-child:after>*,
.feed__table .toggle label:last-child:before>*,
.toggle .feed__table label:last-child:before>*,
.feed__table .bm-square-draggable:last-child>* {
    border-radius: 0 3px 3px 0
}

.feed__mail-input>[data-icon] {
    left: 10px;
    top: 0
}

.feed__mail-input>[data-icon]:before {
    font-size: 24px;
    line-height: 44px
}

.feed__mail-input #friend-mail {
    padding-left: 40px !important
}

.h2-panel,
.h2-panel-bold {
    font-size: 24px;
    line-height: 30px
}

.h2-panel {
    font-family: "Raleway", Helvetica, Arial, san-serif
}

.panel-subscribtion>a>div {
    background: url("../img/feed_page/panels/feed_subscription_panel.jpg?v=1") no-repeat center center;
    background-size: cover;
    background-color: #777
}

.wrap-panel-pic,
.trend-slider .panel-link {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #777
}

.panel-trend1 {
    background: url(../img/feed_page/rotate/rotate_banner_casetagrammonday_bg.jpg?v=20140728)
}

.panel-trend1 .trend-slider__element--1 {
    bottom: 0;
    left: 50px
}

.panel-trend1 .trend-slider__element--2 {
    bottom: 0;
    right: 20px
}

.panel-trend1 .trend-slider__button {
    width: 260px;
    top: 258px;
    right: 139px;
    background: #5FC3C4;
    color: #ffffff
}

.panel-trend2 {
    background-image: url(../img/feed_page/rotate/rotate_banner_startup_bg.jpg);
    background-position: top right !important
}

.panel-trend3 {
    background: url(../img/feed_page/konstruktor.jpg)
}

.panel-trend4 {
    background: url(../img/feed_page/shutter.jpg)
}

.panel-trend-iphone6 {
    background: url(../img/feed_page/rotate/rotate_banner_iphone6_bg.jpg)
}

.panel-trend-galaxy-s5 {
    background: url(../img/feed_page/rotate/rotate_banner_galaxy_s5_bg.jpg)
}

.panel-trend-mothersday {
    background: url(../img/feed_page/rotate/rotate_banner_giftcard_bg.jpg)
}

.panel-trend-htc-one-m8 {
    background: url(../img/feed_page/rotate/rotate_banner_htc_one_m8_bg.jpg)
}

.panel-subscribe {
    background-image: url(../img/feed_page/subscribe.jpg?v=1)
}

.panel-challenge {
    background-image: url(../img/challenge/header_min.jpg?v=1)
}

.panel-testimonial {
    background-image: url(../img/feed_page/min/testimonial.jpg)
}

.panel-collection {
    background-image: url(../img/feed_page/collection.jpg)
}

.panel-motox {
    background-image: url(../img/feed_page/rotate/rotate_banner_moto-x_bg.jpg)
}

.panel-father {
    background-image: url(../img/feed_page/rotate/rotate_banner_father2_bg.jpg)
}

.panel-trend-mother {
    background: url(../img/feed_page/rotate/rotate_banner_mother_bg3.jpg)
}

.panel-trend-mother .trend-slider__button {
    width: 290px;
    top: 230px;
    right: 66px;
    color: #ffffff;
    background-color: transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    border: 2px solid #dcdcdc;
    display: inline-block;
    line-height: 54px
}

.make-panel a [data-icon]:before,
.sell-panel a [data-icon]:before {
    -webkit-transition: margin 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: margin 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.make-panel a:hover [data-icon]:before,
.sell-panel a:hover [data-icon]:before {
    margin-left: 10px
}

.trend-slider__button {
    width: 300px;
    top: 251px;
    right: 69px
}

.flex-img-over {
    width: 200%;
    max-width: 200%;
    height: auto;
    margin: 0 0 0 -50%
}

.people-panel {
    height: 240px
}

@media screen and (max-width: 1024px) {
    .custom-slide .custom-elem1 {
        display: none
    }
    .panel-trend2 {
        background: url(../img/feed_page/konstruktor_no_font.jpg)
    }
    .panel-trend3 {
        background: url(../img/feed_page/shutter_no_font.jpg)
    }
}

@media screen and (max-width: 767px) {
    .wrap-panel-pic,
    .wrap-panel-birthday {
        top: 0;
        bottom: 0;
        right: 0;
        left: 0
    }
    .panel-row {
        margin: 11px 0 0 0
    }
    .panel-row>[class*="column"],
    .row>[class*="column"] {
        padding: 0 11px 11px 11px;
        height: auto
    }
    *:not(.trend-column) .panel-title {
        position: inherit;
        background: #5fa9cc;
        top: inherit !important
    }
    *:not(.trend-column) .panel-title .sub-title {
        width: 400px
    }
    *:not(.trend-column) .panel-title .sub-title-large .hightlight {
        line-height: 50px
    }
    *:not(.trend-column) .panel-title .main-section-title>h2,
    *:not(.trend-column) .panel-title .main-section-title>h1 {
        background: transparent
    }
    *:not(.trend-column) .panel-title .main-section-title>h2 i,
    *:not(.trend-column) .panel-title .main-section-title>h1 i {
        display: none
    }
    .panel-row>[class*="column"].xs-panel-min {
        height: auto
    }
    .panel-row>[class*="column"].xs-panel-min>a span {
        display: block;
        height: auto
    }
    .wrap-panel-pic {
        position: inherit
    }
    .panel-birthday .t-row,
    .panel-birthday .subs-mail-form {
        display: table
    }
    .panel-birthday .t-row [class*="column"],
    .panel-birthday .subs-mail-form [class*="column"] {
        display: table-cell
    }
    .panel-link {
        background-image: none
    }
    .no-touch .panel-title .sub-title {
        opacity: 1
    }
    .xs-feed-box {
        height: auto;
        padding: 14.66667px 0 14.66667px 0;
        text-align: center;
        color: #ffffff;
        background: #746f75
    }
    .xs-feed-box>span {
        padding-bottom: 14.66667px
    }
    .extra-box {
        text-align: center
    }
    .extra-box span {
        font-family: 'robotomedium', Arial, Sans-serif;
        font-size: 14px !important;
        text-transform: uppercase;
        height: 44px;
        line-height: 44px
    }
    .extra-box span i {
        display: none
    }
    .trend-column .trend-slider {
        position: inherit;
        top: inherit;
        left: inherit;
        bottom: inherit;
        right: inherit
    }
    .trend-column .trend-slider .trend-slides .panel-title {
        top: inherit
    }
    .trend-column .trend-pagination {
        position: inherit
    }
    .trend-column .trend-pagination li {
        width: 50%
    }
    .trend-column .trend-pagination li a {
        width: 100%
    }
    .trend-column .trend-pagination li:last-child a {
        border-left: 1px solid rgba(255, 255, 255, 0.2)
    }
    .trend-column .panel-title {
        position: absolute;
        top: inherit;
        bottom: 0;
        padding: 0;
        width: 100%;
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 85%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 85%)
    }
    .trend-column .panel-title .sub-title {
        width: 400px
    }
    .trend-column .panel-title .main-section-title>h2,
    .trend-column .panel-title .main-section-title>h1 {
        height: auto;
        background: transparent
    }
    .trend-column .panel-title .main-section-title>h2 i,
    .trend-column .panel-title .main-section-title>h1 i {
        display: none
    }
    .custom-slide .custom-elem1,
    .custom-slide .custom-elem2,
    .custom-slide .custom-elem3,
    .custom-slide .btn,
    .custom-slide .panel-title {
        display: none
    }
    .panel-title .sub-title-large .hightlight {
        line-height: 50px;
        background: none;
        box-shadow: none
    }
    .hightlight {
        display: block !important;
        left: 0 !important;
        height: auto !important;
        padding: 0 0 11px 0;
        line-height: 32px;
        background: none;
        box-shadow: none
    }
    .promo-header {
        background: none !important
    }
}

.pricing-panel {
    min-height: 540px;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.pricing-panel footer {
    left: 0;
    right: 0;
    bottom: 44px;
    padding: 0 22px
}

.pricing-panel .sup {
    font-family: 'Roboto', Arial, Sans-serif;
    font-size: 22px
}

.pricing-panel.best-value-ribon-main {
    background: url("../img/subscription_page/best_value_b.png") no-repeat top right #fff
}

.pricing-panel.best-value-ribon {
    background: url("../img/subscription_page/best_value.png") no-repeat top right #343434
}

.best-value {
    height: 44px;
    line-height: 44px;
    padding: 0 11px
}

.pricing-m-top {
    margin: 44px 0 22px 0
}

.sub-header-info {
    top: 0;
    left: 0
}

.min-sub-header-wrapper {
    height: 300px
}

.advantage-icon>div {
    padding: 0 55px
}

.advantage-icon:not(:last-child)>div:first-child:after {
    content: '';
    position: absolute;
    display: block;
    width: 110px;
    height: 42px;
    top: 50%;
    right: -70px;
    margin: -21px 0 0 0;
    background: url("../img/subscription_page/circle_dotted.png") no-repeat
}

.advantage-icon>div:last-child {
    padding: 0 7px
}

.advantage-icon .h3-like {
    color: #343434
}

#subscription_advantages {
    background-image: url("../img/subscription_page/pattern_2.jpg")
}

#subscription-sub-nav {
    height: 88px;
    line-height: 88px
}

.subscription-neg-margin {
    margin-top: -55px
}

.z-index-sup {
    z-index: 2
}

#subscription-artist .bg-land,
#subscription-artist .video-section .video,
.video-section #subscription-artist .video,
#subscription-artist .video-section .video-cover,
.video-section #subscription-artist .video-cover,
#subscription-artist .metaluxe .collection .collection-bg .full-page-section,
.metaluxe .collection .collection-bg #subscription-artist .full-page-section {
    background-color: #fafbfa;
    background-image: url("../img/subscription_page/subscription_artist.jpg")
}

.subs-info .description {
    left: 0;
    right: 0;
    bottom: 22px;
    display: block
}

.sub-pagination {
    top: -44px;
    left: 0
}

.sub-pagination .pagi-square {
    width: 12px;
    height: 12px;
    border: 1px solid #fff
}

.sub-pagination .active .pagi-square {
    background: rgba(255, 255, 255, 0.5)
}

.monthly-checkout-box {
    padding: 11px;
    border: 3px solid #5fa9cc
}

.monthly-checkout-box h3.text-default {
    color: #222222
}

.monthly-checkout-box .border-bottom,
.monthly-checkout-box .bm-album-container li:last-child a,
.bm-album-container li:last-child .monthly-checkout-box a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important
}

.box-unchecked {
    background: #f2f2f2;
    border: 3px solid #ccc
}

.vip-icon {
    max-width: 100px !important
}

.yes-no-toggle label:after {
    content: 'no'
}

.yes-no-toggle label:before {
    content: 'yes'
}

@media screen and (max-width: 767px) {
    .pricing-panel {
        min-height: 0;
        margin-bottom: 11px
    }
    .pricing-panel footer {
        position: inherit;
        bottom: 0
    }
    .pricing-panel .pricing-header {
        text-align: left;
        cursor: pointer
    }
    .pricing-panel .pricing-header .t-cell,
    .pricing-panel .pricing-header .toggle label:after,
    .toggle .pricing-panel .pricing-header label:after,
    .pricing-panel .pricing-header .toggle label:before,
    .toggle .pricing-panel .pricing-header label:before,
    .pricing-panel .pricing-header .bm-square-draggable {
        display: inline
    }
    .pricing-panel .pricing-header>header {
        display: inline-block;
        min-width: 80px;
        vertical-align: middle
    }
    .pricing-panel .pricing-header>header h2 {
        font-size: 16px;
        line-height: 22px
    }
    .pricing-panel .pricing-header>header h4 {
        font-size: 12px;
        line-height: 22px
    }
    .pricing-panel .pricing-header>div {
        vertical-align: middle
    }
    .pricing-panel .pricing-header>[data-icon] {
        right: -11px;
        top: 14px;
        padding: 14px 0
    }
    .pricing-panel .drop-xs ul li {
        text-align: left
    }
    .pricing-panel .sup {
        font-size: 14px
    }
    .pricing-panel.best-value-ribon {
        background: #343434
    }
    .pricing-panel.best-value-ribon-main {
        background: #ffffff
    }
    .subscription-neg-margin {
        margin-top: inherit
    }
    .subs-info {
        position: inherit;
        width: 100%;
        height: auto;
        background: #746f75
    }
    .subs-info .description {
        position: inherit;
        bottom: 0
    }
    .min-sub-header-wrapper {
        height: auto
    }
    #subscription-sub-nav {
        height: auto;
        line-height: 1
    }
    #subscription_bevel .bg-land,
    #subscription_bevel .video-section .video,
    .video-section #subscription_bevel .video,
    #subscription_bevel .video-section .video-cover,
    .video-section #subscription_bevel .video-cover,
    #subscription_bevel .metaluxe .collection .collection-bg .full-page-section,
    .metaluxe .collection .collection-bg #subscription_bevel .full-page-section {
        background-image: none
    }
    #subscription_advantages {
        background: #ffffff;
        color: #666666
    }
    .subscription-slide .header-info {
        padding: 22px 0 264px 0;
        margin: 0;
        background: none
    }
    .advantage-icon .h3-like {
        font-family: 'ralewaybold', Georgia, Serif;
        font-size: 28px;
        line-height: 50.6px
    }
    #subscription_advantages {
        margin-top: 0 !important
    }
    .sub-pagination {
        top: -22px
    }
    #subscription_bevel ol {
        text-align: left
    }
    .land-section-height {
        height: auto
    }
    #subscription-artist .bg-land,
    #subscription-artist .video-section .video,
    .video-section #subscription-artist .video,
    #subscription-artist .video-section .video-cover,
    .video-section #subscription-artist .video-cover,
    #subscription-artist .metaluxe .collection .collection-bg .full-page-section,
    .metaluxe .collection .collection-bg #subscription-artist .full-page-section {
        background-image: none
    }
}

@media screen and (min-width: 1550px) {
    #subscription-artist .bg-land,
    #subscription-artist .video-section .video,
    .video-section #subscription-artist .video,
    #subscription-artist .video-section .video-cover,
    .video-section #subscription-artist .video-cover,
    #subscription-artist .metaluxe .collection .collection-bg .full-page-section,
    .metaluxe .collection .collection-bg #subscription-artist .full-page-section {
        background-position: center right;
        background-size: 75%
    }
}

.woodcase dl {
    padding-left: 0
}

.woodcase .border-btn {
    min-width: 250px;
    box-shadow: none;
    border: 1px solid #fff
}

.woodcase .border-btn-third-color {
    min-width: 250px;
    box-shadow: none;
    border: 1px solid #746f75
}

.woodcase .wrapper,
.woodcase .campaign__wrapper {
    max-width: 900px;
    padding-left: 11px;
    padding-right: 11px
}

.woodcase .landing {
    background-image: url(/img/woodencase_page/landing.jpg)
}

.woodcase .intro {
    background-image: url(/img/woodencase_page/intro.jpg);
    background-position: center center;
    height: 800px
}

.woodcase .intro .text-big {
    color: #222
}

.woodcase .parallax-desk {
    background-image: url(/img/woodencase_page/parallax-desk.jpg);
    height: 600px
}

.woodcase .spec .wrapper,
.woodcase .spec .campaign__wrapper {
    max-width: 1200px
}

.woodcase .parallax-notebook {
    background-image: url(/img/woodencase_page/notebook.jpg);
    background-position: center 40%;
    height: 600px
}

@media (min-width: 1100px) {
    .woodcase .bg-land,
    .woodcase .video-section .video,
    .video-section .woodcase .video,
    .woodcase .video-section .video-cover,
    .video-section .woodcase .video-cover,
    .woodcase .metaluxe .collection .collection-bg .full-page-section,
    .metaluxe .collection .collection-bg .woodcase .full-page-section {
        height: 850px
    }
    .woodcase .intro {
        height: 1000px
    }
}

@media (max-width: 767px) {
    .woodcase .landing {
        height: 600px;
        background-image: url(/img/woodencase_page/landing_mobile.jpg);
        background-position: center top
    }
    .woodcase .intro {
        background-image: url(/img/woodencase_page/intro_mobile.jpg)
    }
    .woodcase .parallax-desk {
        background-image: url(/img/woodencase_page/parallax-desk_mobile.jpg);
        height: 400px
    }
    .woodcase .spec .img-wrap {
        text-align: center;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 40px;
        padding-right: 50px
    }
    .woodcase .parallax-notebook {
        background-image: url(/img/woodencase_page/parallax-notebook_mobile.jpg);
        height: 400px
    }
}

@media (max-width: 500px) {
    .woodcase .landing {
        background-image: url(/img/woodencase_page/landing_500.jpg);
        height: 500px;
        background-position: 100% top
    }
    .woodcase .intro .intro-bg {
        height: 250px
    }
    .woodcase .text-bigger {
        font-size: 18px
    }
}

@media (max-width: 400px) {
    .woodcase .landing .h1-5-like {
        font-size: 25px
    }
}

.collection-header {
    height: 280px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #746f75;
    -webkit-background-size: cover;
    background-size: cover
}

.header__box--share {
    position: absolute;
    padding: 0 13px;
    background: rgba(0, 0, 0, 0.5);
    bottom: 20px;
    right: 20px
}

@media screen and (max-width: 767px) {
    .header__box--share {
        position: static;
        width: auto;
        margin: 0 auto
    }
}

.collection-grid .row>[class*="column"] {
    line-height: 0;
    padding: 2px
}

@media screen and (min-width: 767px) {
    .collection-grid {
        padding: 4px
    }
}

.collection-grid .border-all:hover {
    outline: 1px solid rgba(0, 0, 0, 0.1)
}

.collection-block {
    padding: 0 14px 2px 14px
}

@media screen and (min-width: 767px) {
    .collection-block {
        padding: 0 16px 5px 16px
    }
}

.collection-title {
    display: table;
    min-height: 60px;
    width: 100%
}

.collection-title h2 {
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'ralewaybold', Arial, Sans-serif;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 0 5.5px;
    line-height: 1.25
}

@media screen and (min-width: 767px) {
    .collection-title h2 {
        font-size: 14px;
        padding-top: 1px
    }
}

.collection-tab {
    letter-spacing: 0.05em;
    font-family: 'ralewayregular', Arial, Sans-serif;
    font-size: 24px
}

@media screen and (max-width: 767px) {
    .collection-tab {
        font-size: 20px
    }
}

.collection-tab a {
    color: #999
}

.collection-tab a:hover {
    color: gray
}

.collection-tab.active {
    font-family: 'ralewaybold', Arial, Sans-serif
}

.collection-tab.active a {
    color: #5fa9cc
}

.collection-tab.active a:hover {
    color: #44b5b5
}

.slider {
    overflow: hidden
}

.slider ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding-left: 0;
    transition: margin 0.4s cubic-bezier(0.94, 0.18, 0.5, 0.95)
}

.slider ul li {
    display: table-cell;
    height: 300px
}

.slider ul li img {
    width: 560px;
    height: auto
}

#sharing-box {
    padding: 10px 10px 7px 10px
}

.share-box p {
    margin-bottom: 5px
}

.color-btn {
    margin: 0 12px 8px 0;
    padding: 0
}

.color-btn.texture_gold_black {
    background-image: url("../img/item_option_icons.png?v=2");
    background-position: 0% 100%;
    background-size: auto 102%
}

.color-btn.texture_gold_white {
    background-image: url("../img/item_option_icons.png?v=2");
    background-position: 20% 100%;
    background-size: auto 102%
}

.color-btn.texture_silver_black {
    background-image: url("../img/item_option_icons.png?v=2");
    background-position: 40% 100%;
    background-size: auto 102%
}

.color-btn.texture_silver_white {
    background-image: url("../img/item_option_icons.png?v=2");
    background-position: 60% 100%;
    background-size: auto 102%
}

.color-btn.texture_mattesilver_white {
    background-image: url("../img/item_option_icons.png?v=2");
    background-position: 80% 100%;
    background-size: auto 102%
}

.color-btn.texture_matteblack_white {
    background-image: url("../img/item_option_icons.png?v=2");
    background-position: 100% 100%;
    background-size: auto 102%
}

a.btn.add-to-fav-btn {
    padding: 0 20px
}

.pagination {
    display: table;
    margin: 0 auto
}

.pagination li {
    text-align: center;
    padding: 0 4.4px 11px 4.4px
}

.pagination li a {
    display: block;
    width: 70px;
    height: 70px;
    border: 3px solid #f2f2f2
}

.pagination li a img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.pagination .active a {
    border: 3px solid #746f75;
    color: #5fa9cc
}

.pagination .active a img {
    border: none
}

.arrow-prev,
.arrow-next {
    top: 286px;
    color: #ccc;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out
}

.arrow-prev:hover,
.arrow-next:hover {
    color: #5fa9cc
}

.arrow-prev [data-icon]:before,
.arrow-next [data-icon]:before {
    font-size: 60px;
    line-height: 60px
}

.arrow-prev {
    left: -100px
}

.arrow-next {
    right: -100px
}

.style-case-list img {
    width: 48px;
    height: auto;
    border: 1px solid #ccc
}

.style-case-list .active img {
    border: 3px solid #746f75
}

.edit-user-case-btn {
    bottom: -20px
}

@media screen and (max-width: 767px) {
    .edit-user-case-btn {
        bottom: 5px
    }
}

.edit-user-case-btn [data-icon]:before {
    line-height: inherit
}

@media screen and (max-width: 767px) {
    .user-pic__info {
        float: none
    }
}

.details__cells-pics {
    display: block;
    width: 100%;
    overflow: hidden
}

@media screen and (min-width: 767px) {
    .details__cells-pics {
        margin-left: -8px;
        margin-right: -8px;
        width: calc(100% + 16px)
    }
}

.details__cell--pics {
    width: 20%;
    padding: 0 8px
}

.details__cell--pics.placeholder {
    opacity: 0;
    margin-left: -25%
}

@media screen and (max-width: 1024px) {
    .details__cell--pics {
        width: 25%
    }
    .details__cell--pics.placeholder {
        margin-left: -25%
    }
}

@media screen and (max-width: 767px) {
    .details__cell--pics {
        width: 33.33333%
    }
    .details__cell--pics.placeholder {
        margin-left: -33.33333%
    }
}

html.touch .user-pic__pagination {
    margin-right: 10px
}

html.touch .user-pic__pagination .prev-btn,
html.touch .user-pic__pagination .next-btn {
    border-radius: 3px;
    padding: 3px 9px 5px;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

@media screen and (max-width: 1380px) {
    .arrow-prev [data-icon]:before,
    .arrow-next [data-icon]:before {
        font-size: 40px;
        line-height: 40px
    }
    .arrow-prev {
        left: -29px
    }
    .arrow-next {
        right: -29px
    }
}

@media screen and (max-width: 1280px) {
    .arrow-prev,
    .arrow-next {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .pagination li a {
        display: block;
        width: 55px;
        height: 55px
    }
    .artwork-name {
        font-size: 22px;
        line-height: 30px
    }
    .collection-header {
        height: 250px;
        padding: 20px 11px
    }
    .edit-user-case-btn {
        position: inherit
    }
}

@media screen and (max-width: 440px) {
    [class*='xs-column'].xxs-column12 {
        width: 100% !important
    }
}

.bordered {
    border: 1px solid #ccc
}

.store-grid img {
    width: 100%;
    height: auto
}

.store-grid .row>[class*="column"] {
    line-height: 0
}

.store-grid .block:hover,
.store-grid #search-wrapper .collection-header:hover:before,
#search-wrapper .store-grid .collection-header:hover:before {
    opacity: 0.8
}

.slick-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.slick-slide a {
    top: 60%;
    position: relative
}

@media (max-width: 767px) {
    .slick-slide a {
        top: 54%
    }
}

.store-slide1 {
    background-image: url(/img/store/storeslide-1.jpg)
}

@media (max-width: 767px) {
    .store-slide1 {
        background-image: url(/img/store/storeslide-1-mobile.jpg)
    }
}

.store-slide2 {
    background-image: url(/img/store/storeslide-2.jpg);
    background-position: top center
}

@media (max-width: 767px) {
    .store-slide2 {
        background-image: url(/img/store/storeslide-2-mobile.jpg)
    }
}

.store-slide3 {
    background-image: url(/img/store/storeslide-3.jpg)
}

@media (max-width: 767px) {
    .store-slide3 {
        background-image: url(/img/store/storeslide-3-mobile.jpg)
    }
}

.store-slide4 {
    background-image: url(/img/store/storeslide-4.jpg)
}

@media (max-width: 767px) {
    .store-slide4 {
        background-image: url(/img/store/storeslide-4-mobile.jpg)
    }
}

.store-slide5 {
    background-image: url(/img/store/storeslide-5.jpg)
}

@media (max-width: 767px) {
    .store-slide5 {
        background-image: url(/img/store/storeslide-5-mobile.jpg)
    }
}

.artwork .preview {
    overflow: hidden
}

.artwork .sold-out {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    color: white;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .artwork .sold-out {
        font-size: 12px
    }
}

.artwork .more-info {
    bottom: -28px;
    height: 28px;
    -webkit-transition: bottom 0.2s linear;
    transition: bottom 0.2s linear;
    right: 0;
    background-color: rgba(255, 255, 255, 0.8);
    color: #999;
    padding: 3px 10px
}

@media (max-width: 767px) {
    .artwork .more-info {
        display: none
    }
}

.artwork:hover .more-info {
    bottom: 0
}

.collection .artwork footer,
.search .artwork footer,
.recommend .artwork footer {
    height: 55px
}

.collection .artwork ctg-like-artwork-btn,
.search .artwork ctg-like-artwork-btn,
.recommend .artwork ctg-like-artwork-btn {
    width: 25px
}

@media (max-width: 767px) {
    .collection .artwork,
    .search .artwork,
    .recommend .artwork {
        margin-bottom: 18px
    }
    .collection .artwork footer,
    .search .artwork footer,
    .recommend .artwork footer {
        height: 55px
    }
}

.summary-product ul {
    margin-bottom: 22px
}

.checkout-increment {
    counter-reset: checkout-tab
}

.checkout-increment li {
    counter-increment: checkout-tab
}

.checkout-increment a:before {
    content: counter(checkout-tab) ".";
    font-size: 24px
}

.recommended-product {
    min-height: 330px
}

.bulle-explain.radio-upgrade {
    bottom: 70px;
    left: -8px;
    padding: 34px
}

.bulle-explain.radio-upgrade:after {
    content: '\25BC';
    text-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    bottom: -15px;
    left: 25px;
    margin-left: -15px
}

.policy-box {
    font-size: 12px;
    line-height: 15px;
    color: #666 !important
}

.policy-box>h4 {
    font-size: 16px;
    line-height: 19px;
    color: #666 !important
}

@media screen and (max-width: 1024px) {
    .recommended-product {
        min-height: 0
    }
}

@media screen and (max-width: 767px) {
    .checkout-increment {
        margin: 22px 0
    }
    .checkout-increment li {
        height: 44px;
        line-height: 44px;
        text-align: center
    }
    .checkout-increment li.active a {
        color: #5fa9cc;
        opacity: 1
    }
    .checkout-increment li a {
        font-size: 14px;
        line-height: 30px
    }
    .checkout-increment li a:before {
        display: block
    }
    .shipping-list>li footer {
        position: inherit;
        top: 0;
        left: 0
    }
}

.profile-header {
    min-height: 220px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.profile-header .header-profile-img>img {
    bottom: -5%;
    left: -5%;
    z-index: 0;
    width: 110%;
    height: auto;
    -webkit-filter: blur(2px)
}

.profile-header>.wrapper,
.profile-header>.campaign__wrapper {
    padding-bottom: 88px;
    z-index: 2
}

.profile-header .edit-profile {
    top: 0;
    right: 0
}

.profile-header:before {
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1
}

.background-blur {
    top: 0;
    left: 0;
    z-index: 0
}

a.upload-banner-btn.btn {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #fff;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    transition: all 0.2s;
    letter-spacing: 0
}

a.upload-banner-btn.btn:hover,
a.upload-banner-btn.btn:active,
a.upload-banner-btn.btn:focus {
    background-color: rgba(0, 0, 0, 0.3)
}

a.upload-banner-btn.btn i {
    margin-right: 5px;
    font-size: 20px
}

@media (max-width: 767px) {
    a.upload-banner-btn.btn {
        color: #fff;
        background-color: rgba(0, 0, 0, 0.3)
    }
}

.upload-banner-module .hint {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25)
}

.extra-profil {
    right: 11px;
    top: 0
}

.extra-profil li {
    border: 1px solid rgba(255, 255, 255, 0.8);
    padding: 11px
}

.extra-profil li:last-child {
    border-left: none
}

.profile-nav {
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2
}

.profile-nav li {
    -webkit-transition: border 0.3s ease-out;
    transition: border 0.3s ease-out;
    border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.profile-nav li a {
    color: #ffffff;
    height: 66px;
    line-height: 66px
}

.profile-nav li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.2)
}

.profile-nav .active a {
    color: #5fa9cc
}

.profile-nav .active a:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f2f2f2
}

.tab>li {
    margin: 0 2px 0 0
}

@media screen and (max-width: 767px) {
    .profile-header {
        height: auto;
        text-align: center
    }
    .profile-header .header-profile-img {
        margin: 0 auto
    }
    .profile-header .header-profile-img>img {
        top: 0
    }
    .profile-header>.wrapper,
    .profile-header>.campaign__wrapper {
        padding-bottom: 88px
    }
    .profile-header .profile-info .user-name {
        display: block
    }
    .profile-header .profile-info button {
        height: 34px;
        line-height: 34px;
        margin-top: 5.5px
    }
    .profile-header .avatar-big {
        width: 100px;
        height: 100px
    }
    .extra-profil {
        position: inherit;
        bottom: inherit;
        left: 0
    }
    .extra-profil li {
        border: none;
        padding: 0
    }
    .extra-profil li a .follow-title {
        display: inline
    }
    .profile-nav a {
        font-size: 12px
    }
    .profile-nav:before {
        margin: 0 0 0 -7px
    }
    .profile-avatar-lower {
        position: relative;
        top: 65px
    }
}

.table-history.list .min-case {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.36, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.36, 1)
}

.table-history.list:hover {
    background: #f7f7f7
}

.table-history.list:hover .min-case {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.case-view>div {
    padding: 11px 0
}

.order-history-btn {
    cursor: pointer
}

@media (max-width: 767px) {
    .no-history .no-history-head {
        font-size: 16px;
        color: #666;
        line-height: 1.2em
    }
    .no-history .no-history-msg {
        font-size: 16px;
        line-height: 1.2em;
        color: #aaa
    }
}

.upload-banner-wrap {
    cursor: pointer;
    height: 100px
}

.upload-banner-wrap .upload-banner-overlay {
    background-color: rgba(102, 198, 198, 0.4);
    top: 0;
    left: 0;
    right: 0
}

.upload-banner-wrap:hover .upload-banner-overlay {
    display: block
}

.setting-invite-wrapper {
    max-width: 500px
}

.money .absolute,
.money .checkbox .check-square:after,
.checkbox .money .check-square:after,
.money .checkbox input[type="checkbox"]:not(:checked),
.checkbox .money input[type="checkbox"]:not(:checked),
.money .checkbox input[type="checkbox"]:checked,
.checkbox .money input[type="checkbox"]:checked,
.money .radio .radio-circle:after,
.radio .money .radio-circle:after,
.money .radio input[type="radio"]:not(:checked),
.radio .money input[type="radio"]:not(:checked),
.money .radio input[type="radio"]:checked,
.radio .money input[type="radio"]:checked,
.money .toggle input,
.toggle .money input,
.money .toggle label,
.toggle .money label,
.money .toggle label div[aria-hidden="true"],
.toggle label .money div[aria-hidden="true"],
.money .title-line:before,
.money .top-arrow:before,
.money .top-arrow:after,
.money .bulle-explain,
.money [class*='social-widget'],
.money .pricing-panel footer,
.pricing-panel .money footer,
.money .subs-info .description,
.subs-info .money .description,
.money .profile-header .header-profile-img>img,
.profile-header .money .header-profile-img>img,
.money .profile-header:before,
.money #search-wrapper .collection-header:before,
#search-wrapper .money .collection-header:before,
.money .bm-img-list .bm-check,
.bm-img-list .money .bm-check,
.money .bm-main-nav-btn,
.money .btn-information,
.money .bm-quality-picture {
    top: 25px;
    left: 0;
    width: 100%;
    font-size: 30px;
    color: #5fa9cc
}

.setting-invite .share-input {
    background-color: #eee;
    max-width: 350px;
    border: none
}

.setting-invite .facebook-btn {
    background-color: #3657a9;
    color: #fff;
    border-radius: 0
}

.setting-invite .twitter-btn {
    background-color: #4c9ae3;
    color: #fff;
    border-radius: 0
}

@media (max-width: 767px) {
    #copy-button {
        display: none
    }
}

.sub-nav-container {
    left: 0;
    width: 200%;
    -webkit-transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.sub-nav-container>* {
    width: 50%
}

.sub-nav-container .sub-navigation li a {
    padding: 14.66667px 22px;
    border-bottom: 1px solid #ddd;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear
}

.sub-nav-container .sub-navigation li a:hover {
    color: #5fa9cc
}

.sub-nav-container .sub-navigation li:last-child a {
    border-bottom: none
}

.dollard-title {
    font-size: 22px
}

.sales-high {
    font-size: 25px
}

.salescommission-high {
    font-size: 21px;
    position: relative;
    top: -5px;
    line-height: 1
}

.paragraph-current {
    max-width: 500px
}

.promote-btn a [data-icon].text-extra:before {
    font-size: 45px;
    line-height: 66px
}

@media screen and (max-width: 767px) {
    .table-invit .box,
    .table-history .box {
        padding: 0 11px 0 11px
    }
    .case-view {
        padding: 11px 0;
        margin: 0 11px 0 0;
        width: auto !important;
        float: left !important
    }
    .promote-btn,
    .promote-share-text {
        text-align: center
    }
    .social-sharing-tabs>.tab>li>a {
        padding: 10px 20px
    }
}

.sendgift-slide {
    background: url(/img/send-gift/giftblock-vday-slide.jpg) no-repeat center center;
    background-size: cover;
    height: 400px
}

@media screen and (max-width: 767px) {
    .sendgift-slide {
        height: 250px
    }
}

.reseller .box {
    max-width: 720px;
    padding: 22px
}

.reseller .device-list li {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto
}

.reseller .device-list li .case {
    float: left
}

.reseller .device-list li .price {
    float: right
}

.reseller .shop-list>div {
    height: 35px
}

.reseller .remark-wrap {
    max-width: 720px
}

@media (max-width: 767px) {
    .reseller .box {
        border: none;
        border-bottom: 1px solid #ccc;
        padding: 22px 0
    }
}

.search-custom-field .btn-search-icon {
    top: 30px;
    left: 11px
}

.search-custom-field [data-icon].text-extra:before {
    font-size: 38px
}

.search-custom-field input[type=search] {
    height: 88px;
    line-height: 88px;
    padding-left: 60px;
    font-size: 38px;
    background: #ffffff;
    border: none;
    -webkit-appearance: none
}

.search-custom-field input[type=search]:focus {
    outline: none
}

#search-wrapper .collection-header:before {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    z-index: 0
}

@media screen and (max-width: 767px) {
    #search-wrapper .collection-header {
        height: auto !important;
        padding: 0 0 22px 0
    }
    #search-wrapper .search-custom-field input[type="search"] {
        height: 66px;
        line-height: 66px;
        padding-left: 60px
    }
    #search-wrapper .search-custom-field .btn-search-icon {
        top: 22px;
        left: 11px
    }
}

.slider-element {
    width: 1200px;
    -webkit-transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.slider-element>* {
    width: 400px
}

.logo.persona {
    width: 100%;
    padding-bottom: 20px;
}
.logo {
    float: left;
    position: absolute;
    top:0;
}

.builder-settings {
    top: 0;
    left: 0;
    width: 400px;
    padding: 144px 0 96px 0
}

.top-tabs {
    top: 0;
    left: 0;
    width: 100%;
}

.main-builder-nav li {
    counter-increment: section
}

.main-builder-nav li>a {
    height: 48px;
    line-height: 48px;
    color: #fff;
    background:#3f3f3f;
    text-transform: uppercase;
    font-weight: bold;
    
}

.main-builder-nav li>a:hover {
    background: #5fa9cc;
    text-decoration:none;
    text-transform: uppercase;
    font-weight: bold;
}

.main-builder-nav li>a.active {
    color: #fff;
    background: #5fa9cc;
    text-decoration:none;
    text-transform: uppercase;
    font-weight: bold;
}

.main-builder-nav li>a:before {
    content: counter(section) ". "
}

.sub-builder-nav {
    width: 400px;
    height: 108px;
    background: transparent;
}

.sub-builder-nav>li>a,
.sub-builder-nav>h2 {
    height: 96px;
    background: #DADADA
}

.sub-builder-nav>li>a.active,
.sub-builder-nav>h2.active {
    color: #5fa9cc;
    background: #DADADA
}

.sub-builder-nav>li>a.active:after,
.sub-builder-nav>h2.active:after {
    /* content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #5fa9cc;
    z-index: 3; */
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -11px;
    left: 50%;
    /* margin: 0 0 0 -20px; */
    /* width: 33.33333%; */
    margin: 0 0 0 -50%;
    width: 100%;
    height: 11px;
    /* margin-left: 10px; */
    /* margin-right: 10px; */
    /* margin-top: 10px; */
    /* z-index: 3; */
    background: url(../images/personalizador_icone_selecionado.png) no-repeat center;
    z-index: 3;
    /* display: inline-block; */
}

.sub-builder-nav>li>a>.sub-nav-icons,
.sub-builder-nav>h2>.sub-nav-icons {
    top: 20px
}

.sub-builder-nav>li>a>.sub-nav-icons span,
.sub-builder-nav>h2>.sub-nav-icons span {
    margin-top: 11px
}

.sub-builder-nav>li>a [data-icon]:before,
.sub-builder-nav>h2 [data-icon]:before {
    font-size: 28px;
    line-height: 28px
}

.sub-builder-nav>li>a.active:hover>.sub-nav-icons>span,
.sub-builder-nav>h2.active:hover>.sub-nav-icons>span {
    color: #5fa9cc
}

.sub-builder-nav>li>a:hover,
.sub-builder-nav>h2:hover {
    color: #5fa9cc
}

.sub-builder-nav>li>a:hover>.sub-nav-icons>span,
.sub-builder-nav>h2:hover>.sub-nav-icons>span {
    color: #5fa9cc
}

.slide-builder {
    top: 0;
    left: 0
}

.active-choice {
    box-shadow: 0 0 0 3px #5fa9cc
}

.save-case {
    bottom: 0;
    left: 0;
    height: 96px;
    width: 401px;
}

.save-case span {
    margin-top: 10px
}

.back-header {
    padding: 11px 22px 11px 22px
}

.transform-tools-action {
    bottom: 30px;
    left: 0;
    z-index: 103
}

.transform-tools-action ul {
    padding: 6px;
    background: rgba(255, 255, 255, 0.8)
}

#text-edit-container {
    top: 0px;
    left: 0px
}

#text-edit-container #text-edit-overlay {
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 8
}

#text-edit-container #text-edit-tool {
    top: 0px;
    left: 0px;
    z-index: 9
}

#text-edit-container #text-edit-tool #text-edit-box {
    background: #fff;
    padding: 30px 30px;
    width: 400px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1)
}

#text-edit-container #text-edit-tool #text-edit-box input {
    width: 68%
}

#text-edit-container #text-edit-tool #text-edit-box button {
    margin-left: 3px;
    width: 13%
}

div.design-template>div.placeholder.resolution-warning {
    background: rgba(244, 114, 69, 0.5)
}

div.design-template>div.placeholder.duplication-warning {
    background: rgba(237, 207, 67, 0.2)
}

div.design-template>div.placeholder.incomplete-warning,
div.design-template>div.editable-text.incomplete-warning {
    background: rgba(244, 114, 69, 0.5)
}

div.editable-text {
    border: dashed 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: absolute
}

.slide-show {
    margin-top: 142px;
    left: 0;
    overflow-x: hidden;
    height: 430px;
}

@media(min-height: 480px) {
    .slide-show {
    height: 355px !important;
    }
}

@media (min-height: 620px){
    .slide-show {
    height: 390px !important;
    }
}

@media(min-height: 640px) {
    .slide-show {
    height: 400px !important;
    }
}

@media(min-height: 800px) {
	.slide-show {
	height: 560px !important;
	}
}

@media(min-height: 966px) {
	.slide-show {
	height: 730px !important;
	}
}

@media(min-height: 1024px) {
	.slide-show {
	height: 785px !important;
	}
}

@media(min-height: 1080px) {
	.slide-show {
	height: 840px !important;
	}
}

@media(min-height: 1200px) {
	.slide-show {
	height: 960px !important;
	}
}

/*
@media(min-width: 1280px) {
	.slide-show {
	height: 560px !important;
	}
}

@media(min-width: 1440px) {
	.slide-show {
	height: 660px !important;
	}
}

@media(min-width: 1920px) {
	.slide-show {
	height: 950px !important;
	}
}
*/

#more-phone-list>ul>li {
    height: 48px;
    line-height: 48px
}

#more-phone-list>ul .active {
    background: #5fa9cc
}

.device-category-list>li {
/*    width: 50%;
    height: 180px*/
       width: 33.3333333333333333%;
    height: 120px;
}

.device-category-list>li a:hover {
    color: #5fa9cc
}

.device-category-list a.active {
    /*background-color: #f2f2f2;*/
    color: #666
}

.device-category-list a.active:hover {
    color: #666
}

#back-btn {
    left: 22px;
    top: 11px;
    color: white;
    background: transparent;
}
#back-btn:hover  {
    text-decoration:none;
}

.botao-volta {
    left: 22px;
    top: 11px;
    color: white;
    background: transparent;
}
.botao-volta:hover  {
    text-decoration:none;
}


.featured-phone-list a {
    padding-top: 20px;
    padding-bottom: 20px
}

.featured-phone-list a:hover {
    color:#5fa9cc;

}

.effects-list>li {
    width: 50%
}

.build-filter-btn .cartouche {
    height: 88px;
    line-height: 88px;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff
}

.build-filter-btn .cartouche.none-color {
    background-color: #ededed
}

.build-filter-btn .cartouche.georgia-color {
    background-color: #49b3cd
}

.build-filter-btn .cartouche.gotham-color {
    background-color: #6575be
}

.build-filter-btn .cartouche.grayScale-color {
    background-color: #363636
}

.build-filter-btn .cartouche.lomo-color {
    background-color: #c3d9a1
}

.build-filter-btn .cartouche.roland-color {
    background-color: #639346
}

.build-filter-btn .cartouche.roma-color {
    background-color: #443940
}

.build-filter-btn .cartouche.sepia-color {
    background-color: #febd88
}

.build-filter-btn .cartouche.west-color {
    background-color: #fee088
}

.build-filter-btn .cartouche.none-color,
.build-filter-btn .cartouche.lomo-color,
.build-filter-btn .cartouche.west-color {
    color: #343434
}

#case-target {
    width: 800px;
    -webkit-transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.case-choice,
.case-details {
    width: 400px
}

.case-choice>li {
    height: 128px
}

.case-choice>li.h-auto {
    height: auto
}

.case-choice>li>a.active {
    border-left: 5px solid transparent
}

.case-choice>li>a {
    border-left: 5px solid transparent;
    -webkit-transition: border 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: border 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.case-choice>li>a:hover {
    border-left: 5px solid #5fa9cc
}

.case-choice .case-btn>.column7,
.case-choice .case-btn>.modal-form-wrapper {
    width: 54%
}

.case-choice .case-btn>.column1 {
    width: 12%
}

.case-picture {
    height: 200px
}

.case-picture img {
    width: 200px;
    height: auto
}

.template-choice>li a {
    margin: 0 auto;
    opacity: 0.7;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

.template-choice>li a.disable-dim {
    opacity: 1
}

.template-choice>li a.active {
    opacity: 1
}

.builder-colors-case {
    margin: 0 auto
}

.builder-colors-case>ul li {
    width: 23%
}

.social-pics {
    padding: 0 0 0 10px
}

.social-pics>[class*="column"] {
    padding: 10px 10px 0 0;
    cursor: move
}

.social-pics .close-edge {
    top: 15px;
    right: 5px
}

.m-pic {
    width: 120px;
    height: 120px
}

.s-pic {
    width: 90px;
    height: 90px
}

.album-pics:hover>span {
    color: #5fa9cc
}

.album-pics>div span {
    padding: 5px;
    border: 1px solid #d9d9d9;
    z-index: 999
}

.album-pics>div:before,
.album-pics>div:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 130px;
    height: 130px;
    border: 1px solid #d9d9d9;
    background: #ffffff;
    z-index: 1
}

.album-pics>div:before {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}

.album-pics>div:after {
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg)
}

.drop-area {
    height: 200px;
    border: dashed 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: height 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: height 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.drop-area.drop-min {
    height: 130px
}

.sub-model-list li .active {
    background: #5fa9cc;
    color: #ffffff
}

.sub-model-list li .active .h4-like,
.sub-model-list li .active .h2-like,
.sub-model-list li .active .h2-5-like,
.sub-model-list li .active .search-custom-field input[type=search],
.search-custom-field .sub-model-list li .active input[type=search],
.sub-model-list li .active [data-reveal*='advantage'] {
    color: #ffffff
}

.case-btn {
    cursor: pointer
}

.case-btn .selected i[data-icon]:before {
    color: #5fa9cc
}

.bulle-explain.exp-product {
    top: 66px;
    left: 50%;
    margin-left: -140px
}

.bulle-explain.exp-product:after {
    top: -16px;
    left: 50%;
    margin-left: -15px
}

.bulle-explain.exp-photos {
    top: 66px;
    left: 50%;
    margin-left: -140px
}

.bulle-explain.exp-photos:after {
    top: -16px;
    left: 50%;
    margin-left: -15px
}

.bulle-explain.exp-filters {
    top: 66px;
    right: 20px
}

.bulle-explain.exp-filters:after {
    top: -16px;
    right: 25px
}

.bulle-explain.exp-save {
    bottom: 118px;
    left: 50%;
    margin-left: -140px
}

.bulle-explain.exp-save:after {
    content: '\25BC';
    text-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    bottom: -15px;
    left: 50%;
    margin-left: -15px
}

.bulle-explain.info-double-click {
    top: 90px;
    left: 50%;
    height: 90px;
    margin-left: -140px
}

.bulle-explain.info-double-click:after {
    content: '\25BC';
    text-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    bottom: -15px;
    left: 50%;
    margin-left: -15px
}

.bulle-explain.info-aqua {
    top: -120px;
    left: 95px;
    height: 90px;
    margin-left: -140px
}

.bulle-explain.info-aqua:after {
    content: '\25BC';
    text-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    bottom: -15px;
    left: 50%;
    margin-left: -15px
}

.padding-builder,
.multi-btn-builder,
.tab-btn-builder {
    padding: 0 10px;
    padding-top: 11px
}

.multi-btn-builder {
    width: 100%
}

.multi-btn-builder>.btn {
    width: 50%;
    padding: 0 12px;
    font-size: 14px
}

.tab-btn-builder {
    margin-top: 0px;
    width: 100%
}

.tab-btn-builder>.btn {
    width: 50%;
    font-size: 14px;
    padding: 0px;
    border: 0px;
    border-right: 0px !important;
    background: none;
    color: #746f75
}

.tab-btn-builder>.btn>div {
    border-bottom: 3px solid #f2f2f2
}

.tab-btn-builder>.btn.active,
.tab-btn-builder>.btn:hover {
    background: none;
    color: #5fa9cc
}

.tab-btn-builder>.btn.active>div,
.tab-btn-builder>.btn:hover>div {
    border-bottom: 3px solid #5fa9cc
}

.input-search-padding {
    max-width: 370px;
    padding-left: 40px !important
}

.icon-inside-field {
    top: 9px;
    left: 15px
}

.friends-list-1 {
    line-height: 55px
}

.phone-view {
    padding: 0 400px 0 300px;
    -webkit-transition: padding 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: padding 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.phone-view .custom-case {
    padding-bottom: 88px
}

.action-case {
    -webkit-transition: margin-left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: margin-left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    -webkit-transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    bottom: 22px;
    left: 0;
    /*padding: 0 400px 0 300px*/
}

.action-case [data-icon].text-big:before {
    font-size: 38px;
    line-height: 48.4px
}

.casetagram-id {
    top: 22px;
    left: 22px;
    z-index: 2
}

.casetagram-id span {
    margin-top: 11px
}

.case-info {
    top: 0;
    left: 0;
    width: 300px;
    -webkit-transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18), width 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18), width 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.alert-legend {
    top: 0;
    left: -150px;
    width: 150px;
    z-index: 3
}

.alert-pins {
    top: 5px;
    left: 5px;
    z-index: 3
}

.info-alert-rez {
    top: 11px;
    left: -55px
}

.info-alert-rez .table,
.info-alert-rez .multi-buttons {
    margin: 0 auto
}

#design-canvas>canvas {
    left: 0
}

.builder__friends--list li:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

[class*="friends-list"] [data-icon]:before {
    line-height: 55px
}

@media screen and (max-width: 1115px) {
    .case-info {
        width: 240px
    }
    .phone-view {
        padding: 0 400px 0 240px
    }
    .action-case {
        padding: 0 400px 0 0px
    }
    #current-device-name {
        font-size: 32px;
        line-height: 50px
    }
}

@media screen and (max-width: 1024px) {
    .case-info {
        left: -300px
    }
    .phone-view {
        padding: 0 400px 0 0
    }
    .action-case {
        padding: 0 400px 0 0
    }
}

@media screen and (max-height: 800px) {
    .phone-view .custom-case {
        padding-bottom: 44px
    }
}

@media screen and (max-height: 700px) and (max-width: 1024px) {
    .action-case {
        display: none
    }
}

@media screen and (max-height: 700px) {
    .phone-view .custom-case {
        padding-bottom: 0
    }
    .action-case {
        position: relative;
        left: -300px;
        top: -70px;
        height: 0px;
        width: 300;
        padding: 0
    }
    .action-case.text-center,
    .toggle label.action-case:after,
    .toggle label.action-case:before,
    .action-case.pricing-panel,
    .subs-info .action-case.description,
    .action-case.btn-information,
    .toggle-widget>a.action-case {
        text-align: left
    }
}

@media screen and (max-height: 560px) {
    body.f-height,
    #search-wrapper body.collection-header:before,
    body.bm-overlay,
    .metaluxe .collection body.slick-list,
    .metaluxe .collection body.slick-track {
        height: auto
    }
}

.top-builder-bar {
    top: 0;
    left: 0
}

.bm-wrapper {
    padding: 44px 0 75px 0
}

.upper,
.lower {
    position: fixed;
    left: 0;
    height: 28px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2
}

.lower {
    bottom: 75px
}

.bm-bottom-wrapper {
    height: 100%;
    bottom: -100%;
    left: 0;
    -webkit-transition: bottom 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: bottom 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

[class*='bm-tool-bar'],
.bm-back-nav,
.bm-picture-navigation {
    top: 0;
    left: 0
}

[class*='bm-tool-bar'],
.bm-picture-navigation {
    height: 75px
}

[class*='bm-tool-bar'] a,
.bm-picture-navigation a {
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out
}

[class*='bm-tool-bar'] a:focus,
[class*='bm-tool-bar'] a:hover,
.bm-picture-navigation a:focus,
.bm-picture-navigation a:hover {
    background: #5fa9cc !important;
    color: #ffffff !important
}

.open-sub-section {
    bottom: 0
}

.bm-sub-container {
    padding: 75px 0 0 0
}

.bm-sub-container>.mb-t-back {
    padding: 44px 0 0 0
}

.bm-sub-container>.mb-t-nav {
    padding: 75px 0 0 0
}

.bm-sub-container>.mb-f-act {
    padding: 0 0 54px 0
}

.bm-action-footer {
    height: 54px;
    line-height: 54px;
    bottom: 0;
    left: 0
}

.bm-album-container {
    padding: 44px 0 0 0
}

.bm-img-list {
    padding: 0
}

.bm-img-list>[class*='xs-column'] {
    padding: 0
}

.bm-img-list .bm-select-hover {
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

.bm-img-list .selected .bm-select-hover {
    opacity: 1
}

.bm-img-list .bm-check {
    width: 30px;
    height: 30px;
    line-height: 30px;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px
}

.push-backable {
    -webkit-transition: margin-left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: margin-left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.push-backable.push-back-one-page {
    margin-left: -100%;
    width: 100%
}

.push-backable.push-back-two-page {
    margin-left: -200%;
    width: 100%
}

.bm-nav-slide-2 {
    width: 200%;
    left: 0;
    -webkit-transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.bm-nav-slide-2>* {
    width: 50%
}

.bm-nav-slide-2.go-slide-2 {
    left: -100%
}

.bm-images-container {
    padding: 0 0 54px 0
}

.bm-main-nav-btn {
    top: -59px;
    left: 11px
}

.bm-square-draggable {
    width: 75px;
    height: 75px
}

.bm-draggable-picture {
    z-index: 2
}

.bm-pic-draggable .table,
.bm-pic-draggable .multi-buttons {
    -webkit-transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18);
    transition: left 0.3s cubic-bezier(0.17, 0.67, 0.44, 1.18)
}

.btn-information {
    bottom: 90px;
    right: 11px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid
}

.padding-bar {
    padding-top: 44px
}

.bm-quality-picture {
    bottom: 160px;
    right: -7px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.bm-quality-picture li {
    line-height: 14px
}

.bm-quality-picture li [data-icon]:before {
    line-height: 14px;
    font-size: 12px
}

.layout-container>div {
    float: left
}

.bm-edit-view-area {
    background-color: rgba(0, 0, 0, 0.8)
}

.bm-focus-transform {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: -webkit-transform 0.3s ease-out, margin ease-out 0.3s;
    transition: transform 0.3s ease-out, margin ease-out 0.3s
}

.bm-origin-transform {
    left: 0px;
    top: 0px
}

.bm-focus-device .bm-focus-transform {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.bm-case-choice>li img {
    margin-top: 10px;
    height: 100px
}

.bm-overlay {
    top: 0;
    left: 0;
    color: #ffffff;
    z-index: 1;
    background: rgba(0, 0, 0, 0.75)
}

.bm-swipe-area,
.bm-action-overlay {
    bottom: 0;
    left: 0;
    height: 75px;
    background: rgba(0, 0, 0, 0.5)
}

.bm-swipe-area {
    border: dashed 2px rgba(255, 255, 255, 0.3)
}

.bm-action-overlay {
    z-index: 2
}

.bm-edit-view-area {
    padding: 0 0 75px 0
}

#design-canvas>img {
    top: 0;
    left: 0
}

.temp-square {
    width: 300px;
    height: 300px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    z-index: 1
}

.temp-square img {
    top: 0;
    left: 0
}

.bm-background-overlay {
    left: 0;
    top: 0;
    opacity: 0.5
}

@media screen and (max-width: 440px) {
    .mobile-builder-device {
        max-height: 350px
    }
    [data-icon].mobile-override.text-mega:before {
        font-size: 48px
    }
}

#challenge-header .panel-title {
    top: 22px
}

#challenge-header>* {
    background-position: 50% 50%;
    background-image: url("../img/challenge/header_b1.jpg?v=20151015")
}

.challenge-title {
    font-size: 24px;
    line-height: 36px
}

.challenge-sub-title,
.challenge-list {
    font-weight: 500
}

.challenge-text {
    line-height: 24px
}

@media screen and (max-width: 767px) {
    #challenge-header>* {
        background-image: none
    }
}

.column-system {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 33px;
    -moz-column-gap: 33px;
    column-gap: 33px
}

@media screen and (max-width: 1024px) {
    .column-system {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

#testimonial-header .panel-title {
    top: 22px
}

#testimonial-header>* {
    background-position: 50% 50%;
    background-image: url("../img/testimonial/testimonial_bg.jpg?v=201407281357")
}

.testy-box {
    padding: 33px;
    background: url("../img/testimonial/guillemet.png") no-repeat bottom right #fff
}

.buzz-list a:hover {
    opacity: 0.7
}

@media screen and (max-width: 767px) {
    #testimonial-header>* {
        background-image: none
    }
}

.partner-slider-view {
    height: 490px
}

.trend-slider.partner-slider {
    left: 0;
    right: 0;
    bottom: 0
}

.partner-slider-view {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.separ-partners {
    height: 2px;
    width: 70%;
    background: #e5e5e5;
    border: 0px
}

.partner-box {
    padding: 33px;
    background: #e7e7e7
}

.partner-box p {
    max-width: 350px
}

.get-the-app {
    margin-bottom: 4px
}

.bold {
    font-family: 'robotomedium', Arial, Sans-serif
}

.panel-partners1 {
    background-image: url("/img/partners/partners_1.jpg")
}

.panel-partners2 {
    background-image: url("/img/partners/partners_2.jpg")
}

.panel-partners3 {
    background-image: url("/img/partners/partners_3.jpg")
}

@media screen and (max-width: 1024px) {
    .partners-head>[class*="column"].xs-panel-min {
        height: 570px
    }
}

@media screen and (max-width: 767px) {
    .partners-head>[class*="column"].xs-panel-min {
        height: auto
    }
    .partners-head>[class*="column"].xs-panel-min>a span {
        display: block;
        height: auto
    }
    .partner-box {
        padding: 0 0 33px 0
    }
    .partner-slider-view {
        padding-bottom: 0 !important
    }
}

.device-filters {
    padding: 22px;
    background: #5a5a5a
}

.device-filters .input-dark-bg {
    border: none;
    background: rgba(255, 255, 255, 0.7)
}

.toggle-widget>a {
    width: 50%;
    height: 44px;
    line-height: 44px;
    background: rgba(255, 255, 255, 0.7)
}

.toggle-widget>a.selected {
    background: #5a5a5a;
    color: rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.3)
}

.toggle-widget>a:first-child {
    border-radius: 3px 0px 0px 3px
}

.toggle-widget>a:last-child {
    border-radius: 0px 3px 3px 0px
}

.offer-page {
    background: #EEE
}

.product__tabs {
    background: #EEE
}

.campaign__box {
    border-bottom: 22px solid #EEE
}

.campaign__tabs {
    border-collapse: separate
}

.product__header {
    font-size: 20px
}

.campaign__datemessage {
    font-weight: bold;
    color: #000;
    margin-top: 40px;
    margin-bottom: 75px
}

.bar {
    background: #FFF
}

.campaign__wrapper {
    max-width: 945px
}

.product__tabs {
    padding-top: 0
}

.product__price {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.product__data {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.product-title {
    font-size: 25px;
    line-height: 1.2
}

.shipping {
    font-size: 12px;
    font-weight: bold;
    color: #999
}

.campaign-radio+label {
    padding: 24px 22px 25px;
    display: block;
    cursor: pointer;
    line-height: normal;
    height: auto;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .campaign-radio+label {
        padding: 11px;
        margin: 0 11px 11px 11px;
        color: #746f75;
        border: 0px solid rgba(255, 255, 255, 0);
        background: transparent;
        background: transparent;
        box-shadow: 0 0 0 1px rgba(116, 111, 117, 0.8) inset;
        transition: color 0.3s ease-out, border 0.3s ease-out;
        background: #fff;
        border-radius: 3px
    }
}

.campaign-radio:checked+label {
    background: #FFF
}

@media screen and (max-width: 767px) {
    .campaign-radio:checked+label {
        color: #fff;
        background-color: #c4ad91;
        border-color: #c4ad91;
        box-shadow: 0 0 0 1px #c4ad91 inset;
        transition: color 0.3s ease-out, border 0.3s ease-out
    }
}

@media screen and (min-width: 767px) {
    .campaign-radio:checked+label {
        border-top: 2px solid #DAD9DB;
        border-bottom: 2px solid #DAD9DB;
        border-left: 2px solid #DAD9DB;
        position: relative;
        left: -2px;
        top: -2px;
        width: calc(100% + 2px);
        z-index: 100
    }
}

.campaign__title--1 {
    font-family: "Roboto", Helvetica, Arial, Sans-Serif;
    font-size: 50px;
    line-height: 60px;
    font-weight: bold
}

.campaign__title--2 {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-size: 16px
}

.campaign__title--3 {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-size: 14px
}

.campaign__header [class*='column'] {
    height: 500px
}

@media screen and (max-width: 767px) {
    .campaign__header [class*='column'] {
        height: auto
    }
    .campaign__header [class*='column'] .campaign-slider {
        height: auto
    }
}

.campaign__separ {
    padding: 0 30px
}

.campaign__separ hr {
    border: 0px;
    height: 2px;
    background: #e5e5e5
}

.campaign-slides {
    left: 0;
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out
}

.campaign-slides>li {
    float: left !important
}

[class*='panel-campaign'] {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

@media screen and (max-width: 767px) {
    [class*='panel-campaign'] {
        background-image: none !important
    }
}

.panel-campaign1 {
    background-image: url("/img/campaign/campaign-slide1.jpg")
}

.panel-campaign2 {
    background-image: url("/img/campaign/campaign-slide2.jpg")
}

.panel-campaign3 {
    background-image: url("/img/campaign/campaign-slide3.jpg")
}

.panel-campaign4 {
    background-image: url("/img/campaign/campaign-slide4.jpg")
}

.panel-campaign5 {
    background-image: url("/img/campaign/campaign-slide5.jpg")
}

.campaign-pagination {
    bottom: 0
}

@media screen and (max-width: 767px) {
    .campaign-pagination {
        position: static;
        bottom: inherit;
        height: 100%
    }
}

.campaign-pagination li {
    float: left !important;
    height: 44px;
    width: 44px;
    line-height: 44px
}

@media screen and (max-width: 767px) {
    .campaign-pagination li {
        position: absolute;
        top: 50%;
        margin-top: -22px
    }
    .campaign-pagination li:first-child {
        left: 0
    }
    .campaign-pagination li:last-child {
        right: 0
    }
}

.campaign__dollar {
    padding-top: 12px;
    font-size: 20px
}

.campagin__reduce {
    padding-top: 9px
}

.campaign__input--gray {
    border: 0px !important;
    background: #e7e7e7
}

[data-icon].campaign__icons:before {
    font-size: 40px;
    line-height: 50px;
    color: #bbbbbb
}

.campaign__wrap-select select {
    height: 60px;
    line-height: 60px
}

.campaign__block--checkout {
    background: #FFF
}

.countdownHolder {
    margin: 30px auto 70px
}

@media screen and (max-width: 767px) {
    .countdownHolder {
        margin: 20px auto 30px
    }
}

.text-campaign {
    color: #ff2c67 !important
}

.campaign-footer a {
    color: #ff2c67 !important
}

.campaign-footer a:hover {
    color: #E20A4F !important
}

#credit_checkout_btn {
    background: #c4ad91 !important
}

#credit_checkout_btn:hover {
    background: #B19D84 !important
}

@media screen and (max-width: 767px) {
    .campaign__catch-text {
        display: block
    }
    .campaign__logo--footer {
        text-align: center
    }
    #casetagram-campaign-id {
        text-align: center
    }
    #casetagram-campaign-id>a>img {
        width: 150px
    }
    .campaign__header [class*='column'] {
        display: block;
        width: 100%
    }
    .campaign__checkout-footer>.f-left,
    .row.campaign__checkout-footer>[class*="column"],
    .multi-buttons .campaign__checkout-footer>.btn,
    .multi-buttons .campaign__checkout-footer>input,
    .campaign__checkout-footer>.f-right {
        width: 100%
    }
    .campaign__checkout-footer>.f-left>.table,
    .row.campaign__checkout-footer>[class*="column"]>.table,
    .multi-buttons .campaign__checkout-footer>.btn>.table,
    .multi-buttons .campaign__checkout-footer>input>.table,
    .campaign__checkout-footer>.f-left>.multi-buttons,
    .row.campaign__checkout-footer>[class*="column"]>.multi-buttons,
    .multi-buttons .campaign__checkout-footer>.btn>.multi-buttons,
    .multi-buttons .campaign__checkout-footer>input>.multi-buttons,
    .campaign__checkout-footer>.f-right>.table,
    .campaign__checkout-footer>.f-right>.multi-buttons {
        margin: 0 auto
    }
}

.showcase-page header {
    z-index: 100
}

.showcase-page .showcase-header {
    position: absolute;
    z-index: 99;
    background: -moz-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0.7) 66%, rgba(255, 255, 255, 0.12) 94%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(66%, rgba(255, 255, 255, 0.7)), color-stop(94%, rgba(255, 255, 255, 0.12)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0.7) 66%, rgba(255, 255, 255, 0.12) 94%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0.7) 66%, rgba(255, 255, 255, 0.12) 94%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0.7) 66%, rgba(255, 255, 255, 0.12) 94%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.7) 66%, rgba(255, 255, 255, 0.12) 94%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)
}

.showcase-page .showcase-bound {
    overflow: hidden
}

.showcase-page .showcase-bound .showcase-container {
    padding: 0px 10px
}

.showcase-page .showcase-bound .showcase-container .showcase .image {
    padding: 3px;
    border-radius: 10px;
    opacity: 0.5;
    transition: opacity 0.5s
}

.showcase-page .showcase-bound .showcase-container .showcase .image.mobile {
    opacity: 1
}

.showcase-page .showcase-bound .showcase-container .showcase .showcase-description {
    opacity: 0;
    transition: opacity 0.5s
}

.showcase-page .showcase-bound .showcase-container .showcase:hover .image {
    opacity: 1
}

.showcase-page .showcase-bound .showcase-container .showcase:hover .showcase-description {
    opacity: 1
}

.showcase-page .share-module {
    height: 22px
}

.showcase-page .showcase-footer {
    display: block;
    position: fixed;
    bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f2f2f2;
    z-index: 100
}

div.number-spin-btn-container {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    margin: 0;
    padding: 0
}

div.number-spin-btn {
    box-sizing: border-box;
    border-width: 2px;
    border-color: #ededed #777777 #777777 #ededed;
    border-style: solid;
    background-color: #cccccc;
    width: 1.2em
}

div.number-spin-btn:hover {
    cursor: pointer
}

div.number-spin-btn:active {
    border-width: 2px;
    border-color: #5e5e5e #d8d8d8 #d8d8d8 #5e5e5e;
    border-style: solid;
    background-color: #999999
}

div.number-spin-btn-up {
    border-bottom-width: 1px;
    border-radius: 3px 3px 0px 0px
}

div.number-spin-btn-up:before {
    border-width: 0 0.3em 0.3em 0.3em;
    border-color: transparent transparent black transparent;
    top: 25%
}

div.number-spin-btn-up:active {
    border-bottom-width: 1px
}

div.number-spin-btn-up:active:before {
    border-bottom-color: white;
    top: 26%;
    left: 51%
}

div.number-spin-btn-down {
    border-top-width: 1px;
    border-radius: 0px 0px 3px 3px
}

div.number-spin-btn-down:before {
    border-width: 0.3em 0.3em 0 0.3em;
    border-color: black transparent transparent transparent;
    top: 75%
}

div.number-spin-btn-down:active {
    border-top-width: 1px
}

div.number-spin-btn-down:active:before {
    border-top-color: white;
    top: 76%;
    left: 51%
}

div.number-spin-btn-up:before,
div.number-spin-btn-down:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 50%;
    margin: -0.15em 0 0 -0.3em;
    padding: 0
}

input:disabled+div.number-spin-btn-container>div.number-spin-btn-up:active,
input:disabled+div.number-spin-btn-container>div.number-spin-btn-down:active {
    border-color: #ededed #777777 #777777 #ededed;
    border-style: solid;
    background-color: #cccccc
}

input:disabled+div.number-spin-btn-container>div.number-spin-btn-up:before,
input:disabled+div.number-spin-btn-container>div.number-spin-btn-up:active:before {
    border-bottom-color: #999999;
    top: 25%;
    left: 50%
}

input:disabled+div.number-spin-btn-container>div.number-spin-btn-down:before,
input:disabled+div.number-spin-btn-container>div.number-spin-btn-down:active:before {
    border-top-color: #999999;
    top: 75%;
    left: 50%
}


/*! fancyBox v2.1.5 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
}

.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 {
    margin: 0;
    padding: 30px 60px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    cursor: pointer;
    z-index: 8060;
    background: #FFF
}

@-webkit-keyframes spin {
    from {
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(-359deg);
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg)
    }
}

@-o-keyframes spin {
    from {
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(-359deg);
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg)
    }
}

@keyframes spin {
    from {
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(-359deg);
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg)
    }
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    -webkit-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    position: relative
}

#fancybox-loading div:after {
    font-family: 'icomoon';
    content: "\e017";
    speak: none;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 10px 6px;
    display: block;
    color: #666
}

.fancybox-close {
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    top: -15px;
    right: -15px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-close:after {
    font-family: 'icomoon';
    content: "\e004";
    speak: none;
    font-size: 16px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 11px 9px;
    display: block;
    color: #666
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 0;
    background: #FFF
}

.fancybox-prev span:after {
    font-family: 'icomoon';
    content: "\e024";
    speak: none;
    font-size: 24px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 11px 9px;
    display: block;
    color: #666
}

.fancybox-next span {
    right: 0;
    background: #FFF
}

.fancybox-next span:after {
    font-family: 'icomoon';
    content: "\e025";
    speak: none;
    font-size: 24px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 11px 9px;
    display: block;
    color: #666
}

.fancybox-nav:hover span,
.touch .fancybox-nav span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(255, 255, 255, 0.8)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.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;
    background: rgba(0, 0, 0, 0.8);
    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)
}

.xdsoft_flipcountdown {
    display: inline-block
}

.xdsoft_flipcountdown .xdsoft_digit {
    float: left;
    background-repeat: no-repeat
}

.xdsoft_flipcountdown .xdsoft_clearex {
    clear: both;
    float: none
}

.xdsoft_flipcountdown>.xdsoft_digit {
    background-position: 0px 0px
}

.xdsoft_flipcountdown>.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown>.xdsoft_digit.xdsoft_dot {
    opacity: 0.9
}

.xdsoft_flipcountdown.xdsoft_size_lg>.xdsoft_digit {
    width: 53px;
    height: 76px;
    background-image: url(/img/flipcountdown/digit-lg.png)
}

.xdsoft_flipcountdown.xdsoft_size_lg>.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_lg>.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_lg>.xdsoft_digit.xdsoft_dot {
    width: 14px;
    background-position: -19px -5082px
}

.xdsoft_flipcountdown.xdsoft_size_lg>.xdsoft_digit.xdsoft_dot {
    background-position: -41px -5082px
}

.xdsoft_flipcountdown.xdsoft_size_lg>.xdsoft_digit.xdsoft_space {
    background-position: -19px -5082px
}

.xdsoft_flipcountdown.xdsoft_size_md>.xdsoft_digit {
    width: 36px;
    height: 51px;
    background-image: url(/img/flipcountdown/digit-md.png)
}

.xdsoft_flipcountdown.xdsoft_size_md>.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_md>.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_md>.xdsoft_digit.xdsoft_dot {
    width: 10px;
    background-position: -13px -3432px
}

.xdsoft_flipcountdown.xdsoft_size_sm>.xdsoft_digit {
    width: 24px;
    height: 34px;
    background-image: url(/img/flipcountdown/digit-sm.png)
}

.xdsoft_flipcountdown.xdsoft_size_sm>.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_sm>.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_sm>.xdsoft_digit.xdsoft_dot {
    width: 10px;
    background-position: -6px -2310px
}

.xdsoft_flipcountdown.xdsoft_size_xs>.xdsoft_digit {
    width: 16px;
    height: 23px;
    background-image: url(/img/flipcountdown/digit-xs.png)
}

.xdsoft_flipcountdown.xdsoft_size_xs>.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_xs>.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_xs>.xdsoft_digit.xdsoft_dot {
    width: 5px;
    background-position: -5px -1584px
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-slider {
    position: relative;
    width: 100%;
    display: block;
    padding-bottom: 22px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.store-carousel>div {
    height: 250px;
    overflow: hidden
}

@media screen and (min-width: 767px) {
    .store-carousel>div {
        height: 350px
    }
}

@media screen and (min-width: 1024px) {
    .store-carousel>div {
        height: 450px
    }
}

.js-carousel>div {
    text-align: center
}

.slick-slide {
    float: left;
    display: none;
    cursor: grab;
    cursor: -webkit-grab;
    height: 300px
}

.slick-slide img {
    display: block;
    width: 100%;
    height: auto
}

@media screen and (min-width: 1024px) {
    .slick-slide {
        height: 500px
    }
}

#thumb-list .slick-slide {
    height: auto
}

@media (max-width: 767px) {
    #thumb-list .slick-list {
        width: 210px;
        margin-left: auto;
        margin-right: auto
    }
    #thumb-list .slick-slide {
        height: auto
    }
    #thumb-list .slick-prev,
    #thumb-list .slick-next {
        top: 15px;
        margin-top: 0
    }
    #thumb-list .slick-prev:before,
    #thumb-list .slick-next:before {
        color: #999;
        font-size: 20px
    }
    #thumb-list .slick-prev {
        left: 0
    }
    #thumb-list .slick-next {
        right: 0
    }
}

.slick-dots {
    margin: -33px auto 0;
    z-index: 10;
    position: relative;
    text-align: center
}

.slick-dots li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    overflow: hidden;
    border-radius: 50%
}

.slick-dots button {
    background: rgba(153, 153, 153, 0.4);
    border: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -999em
}

.slick-dots .slick-active button {
    background: rgba(153, 153, 153, 0.8)
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    border: 0;
    background: none;
    font-size: 0;
    margin-top: -20px
}

.slick-prev:focus,
.slick-next:focus {
    outline: 0
}

.slick-prev:focus:before,
.slick-prev:hover:before,
.slick-next:focus:before,
.slick-next:hover:before {
    color: #999
}

.slick-prev:before,
.slick-next:before {
    font-family: 'icomoon';
    font-size: 40px;
    text-indent: 100%;
    color: rgba(153, 153, 153, 0.6)
}

.slick-prev {
    left: 5%
}

.slick-prev:before {
    content: "\e001"
}

.slick-next {
    right: 5%
}

.slick-next:before {
    content: "\e002"
}

.slick-tabs .slick-tab {
    display: block;
    font-size: 16px;
    color: #999;
    line-height: 45px;
    text-transform: uppercase;
    display: block;
    line-height: 45px;
    text-transform: uppercase;
    margin: 14px 0
}

.slick-tabs li {
    display: table-cell;
    text-align: center
}

.slick-tabs {
    position: absolute;
    display: table;
    top: -60px;
    height: 60px;
    width: calc(100% / 1.5);
    margin: 0 15%;
    padding: 0;
    table-layout: fixed;
    cursor: pointer;
    font-family: "Raleway", Helvetica, Arial, san-serif
}

.slick-tabs .slick-active a {
    font-weight: bold;
    border-bottom: 1px solid #5fa9cc;
    color: #5fa9cc
}

.js-carousel-tabs {
    border-top: 1px solid #ccc;
    text-align: left
}

.js-carousel-tabs .slick-slide {
    text-align: left
}

.js-carousel-mini .slick-slide img {
    height: auto;
    width: 100%
}

.js-carousel-mini .slick-dots {
    bottom: 10px;
    width: 100%
}

.js-carousel-tabs,
.js-carousel-mini {
    padding-bottom: 0
}

.js-carousel-tabs .slick-slide,
.js-carousel-mini .slick-slide {
    height: auto
}

@media screen and (max-width: 767px) {
    .slick-prev:before,
    .slick-prev:focus:before,
    .slick-prev:hover:before,
    .slick-next:before,
    .slick-next:focus:before,
    .slick-next:hover:before {
        color: rgba(153, 153, 153, 0)
    }
}

#hilaryduff-introduction {
    max-height: 400px
}

@media screen and (min-width: 1024px) {
    #hilaryduff-introduction {
        max-height: 450px
    }
}

@media screen and (min-width: 1280px) {
    #hilaryduff-introduction {
        max-height: 600px
    }
}

@media screen and (min-width: 440px) and (max-width: 1280px) {
    #hilaryduff-introduction {
        max-height: 500px
    }
}

#hilaryduff-introduction .bg-land,
#hilaryduff-introduction .video-section .video,
.video-section #hilaryduff-introduction .video,
#hilaryduff-introduction .video-section .video-cover,
.video-section #hilaryduff-introduction .video-cover,
#hilaryduff-introduction .metaluxe .collection .collection-bg .full-page-section,
.metaluxe .collection .collection-bg #hilaryduff-introduction .full-page-section {
    background-color: #000;
    background-image: url("../img/hilaryduff_page/hilaryduff-holiday.jpg");
    background-position: 50% 20%
}

.hilary-page h2,
.hilary-page .h2-like,
.hilary-page .h2-5-like,
.hilary-page .search-custom-field input[type=search],
.search-custom-field .hilary-page input[type=search] {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-size: 30px
}

.hilary-page p {
    font-size: 18px;
    line-height: 1.4
}

.hilary-video .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.hilary-video .modal-box.video-modal .close-btn.close-edge,
.hilary-video .video-modal.invite-signup-modal-holder .close-btn.close-edge,
.hilary-video .video-modal.shopping-spree-modal-holder .close-btn.close-edge {
    left: 20%
}

.hilary-video .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 20%;
    width: 60%;
    height: 100%
}

@media screen and (max-width: 767px) {
    .hilary-avatar {
        text-align: center
    }
}

#backtoschool-introduction .bg-land,
#backtoschool-introduction .video-section .video,
.video-section #backtoschool-introduction .video,
#backtoschool-introduction .video-section .video-cover,
.video-section #backtoschool-introduction .video-cover,
#backtoschool-introduction .metaluxe .collection .collection-bg .full-page-section,
.metaluxe .collection .collection-bg #backtoschool-introduction .full-page-section {
    background-color: #ffffff;
    background-image: url("../img/backtoschool_page/backtoschool_1-compressor.jpg");
    background-position: 50% 50%
}

#hilaryduff-cd {
    background-color: #e4dbcd
}

.backtoschool-description .h1-like,
.backtoschool-description .h1-5-like {
    font-size: 28px;
    line-height: 33px
}

.cd-btn {
    width: 242px
}

.cd-btn:last-child {
    margin-left: 8px
}

#woodencase-description .bg-land,
#woodencase-description .video-section .video,
.video-section #woodencase-description .video,
#woodencase-description .video-section .video-cover,
.video-section #woodencase-description .video-cover,
#woodencase-description .metaluxe .collection .collection-bg .full-page-section,
.metaluxe .collection .collection-bg #woodencase-description .full-page-section {
    background-color: #ffffff;
    background-image: url("../img/woodencase_page/wooden_2-compressor.jpg")
}

#woodencase-video .bg-land,
#woodencase-video .video-section .video,
.video-section #woodencase-video .video,
#woodencase-video .video-section .video-cover,
.video-section #woodencase-video .video-cover,
#woodencase-video .metaluxe .collection .collection-bg .full-page-section,
.metaluxe .collection .collection-bg #woodencase-video .full-page-section {
    background-color: #ffffff;
    background-image: url("../img/woodencase_page/wooden_3-compressor.jpg")
}

#woodencase-artists .bg-land,
#woodencase-artists .video-section .video,
.video-section #woodencase-artists .video,
#woodencase-artists .video-section .video-cover,
.video-section #woodencase-artists .video-cover,
#woodencase-artists .metaluxe .collection .collection-bg .full-page-section,
.metaluxe .collection .collection-bg #woodencase-artists .full-page-section {
    background-color: #ffffff;
    background-image: url("../img/woodencase_page/wooden_4-compressor.jpg")
}

.alpha-background {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.play-btn-grey {
    padding: 7px 15px;
    background: rgba(200, 200, 200, 0.7);
    font-size: 22px
}

.make-btn:hover {
    background-color: #5fa9cc;
    opacity: 1;
    color: #ffffff
}

.shopnow-btn:hover {
    background-color: #5fa9cc;
    opacity: 1;
    color: #ffffff
}

.play-btn-grey:hover {
    background-color: #5fa9cc;
    opacity: 1;
    color: #ffffff
}

.spec_row {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 12px
}

.pricing-panel {
    min-height: 540px;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.pricing-panel footer {
    left: 0;
    right: 0;
    bottom: 44px;
    padding: 0 22px
}

.pricing-panel .sup {
    font-family: 'Roboto', Arial, Sans-serif;
    font-size: 22px
}

.pricing-panel.best-value-ribon-main {
    background: url("../img/subscription_page/best_value_b.png") no-repeat top right #fff
}

.pricing-panel.best-value-ribon {
    background: url("../img/subscription_page/best_value.png") no-repeat top right #343434
}

.best-value {
    height: 44px;
    line-height: 44px;
    padding: 0 11px
}

.pricing-m-top {
    margin: 44px 0 22px 0
}

.sub-header-info {
    top: 0;
    left: 0
}

.min-sub-header-wrapper {
    height: 300px
}

.advantage-icon>div {
    padding: 0 55px
}

.advantage-icon:not(:last-child)>div:first-child:after {
    content: '';
    position: absolute;
    display: block;
    width: 110px;
    height: 42px;
    top: 50%;
    right: -70px;
    margin: -21px 0 0 0;
    background: url("../img/subscription_page/circle_dotted.png") no-repeat
}

.advantage-icon>div:last-child {
    padding: 0 7px
}

.advantage-icon .h3-like {
    color: #343434
}

#subscription_advantages {
    background-image: url("../img/subscription_page/pattern_2.jpg")
}

#subscription-sub-nav {
    height: 88px;
    line-height: 88px
}

.subscription-neg-margin {
    margin-top: -55px
}

.z-index-sup {
    z-index: 2
}

.subs-info .description {
    left: 0;
    right: 0;
    bottom: 22px;
    display: block
}

.sub-pagination {
    top: -44px;
    left: 0
}

.sub-pagination .pagi-square {
    width: 12px;
    height: 12px;
    border: 1px solid #fff
}

.sub-pagination .active .pagi-square {
    background: rgba(255, 255, 255, 0.5)
}

.monthly-checkout-box {
    padding: 11px;
    border: 3px solid #5fa9cc
}

.monthly-checkout-box h3.text-default {
    color: #222222
}

.monthly-checkout-box .border-bottom,
.monthly-checkout-box .bm-album-container li:last-child a,
.bm-album-container li:last-child .monthly-checkout-box a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important
}

.box-unchecked {
    background: #f2f2f2;
    border: 3px solid #ccc
}

.vip-icon {
    max-width: 100px !important
}

.yes-no-toggle label:after {
    content: 'no'
}

.yes-no-toggle label:before {
    content: 'yes'
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
    #hilaryduff-introduction .s-title {
        vertical-align: middle;
        padding-top: 0px;
        padding-left: 0px
    }
}

@media screen and (max-width: 767px) {
    .pricing-panel {
        min-height: 0;
        margin-bottom: 11px
    }
    .pricing-panel footer {
        position: inherit;
        bottom: 0
    }
    .pricing-panel .pricing-header {
        text-align: left;
        cursor: pointer
    }
    .pricing-panel .pricing-header .t-cell,
    .pricing-panel .pricing-header .toggle label:after,
    .toggle .pricing-panel .pricing-header label:after,
    .pricing-panel .pricing-header .toggle label:before,
    .toggle .pricing-panel .pricing-header label:before,
    .pricing-panel .pricing-header .bm-square-draggable {
        display: inline
    }
    .pricing-panel .pricing-header>header {
        display: inline-block;
        min-width: 80px;
        vertical-align: middle
    }
    .pricing-panel .pricing-header>header h2 {
        font-size: 16px;
        line-height: 22px
    }
    .pricing-panel .pricing-header>header h4 {
        font-size: 12px;
        line-height: 22px
    }
    .pricing-panel .pricing-header>div {
        vertical-align: middle
    }
    .pricing-panel .pricing-header>[data-icon] {
        right: -11px;
        top: 14px;
        padding: 14px 0
    }
    .pricing-panel .drop-xs ul li {
        text-align: left
    }
    .pricing-panel .sup {
        font-size: 14px
    }
    .pricing-panel.best-value-ribon {
        background: #343434
    }
    .pricing-panel.best-value-ribon-main {
        background: #ffffff
    }
    .subscription-neg-margin {
        margin-top: inherit
    }
    .subs-info {
        position: inherit;
        width: 100%;
        height: auto;
        background: #746f75
    }
    .subs-info .description {
        position: inherit;
        bottom: 0
    }
    .min-sub-header-wrapper {
        height: auto
    }
    #subscription-sub-nav {
        height: auto;
        line-height: 1
    }
    #subscription_bevel .bg-land,
    #subscription_bevel .video-section .video,
    .video-section #subscription_bevel .video,
    #subscription_bevel .video-section .video-cover,
    .video-section #subscription_bevel .video-cover,
    #subscription_bevel .metaluxe .collection .collection-bg .full-page-section,
    .metaluxe .collection .collection-bg #subscription_bevel .full-page-section {
        background-image: none
    }
    #subscription_advantages {
        background: #ffffff;
        color: #666666
    }
    .subscription-slide .header-info {
        padding: 22px 0 264px 0;
        margin: 0;
        background: none
    }
    .advantage-icon .h3-like {
        font-family: "Raleway", Helvetica, Arial, san-serif;
        font-weight: 700;
        font-size: 28px;
        line-height: 50.6px
    }
    #subscription_advantages {
        margin-top: 0 !important
    }
    .sub-pagination {
        top: -22px
    }
    #subscription_bevel ol {
        text-align: left
    }
    .land-section-height {
        height: auto
    }
    #backtoschool-introduction .bg-land,
    #backtoschool-introduction .video-section .video,
    .video-section #backtoschool-introduction .video,
    #backtoschool-introduction .video-section .video-cover,
    .video-section #backtoschool-introduction .video-cover,
    #backtoschool-introduction .metaluxe .collection .collection-bg .full-page-section,
    .metaluxe .collection .collection-bg #backtoschool-introduction .full-page-section {
        background-image: url("../img/backtoschool_page/hilaryduff_1_min-compressor.jpg");
        background-position: bottom
    }
    #woodencase-description .bg-land,
    #woodencase-description .video-section .video,
    .video-section #woodencase-description .video,
    #woodencase-description .video-section .video-cover,
    .video-section #woodencase-description .video-cover,
    #woodencase-description .metaluxe .collection .collection-bg .full-page-section,
    .metaluxe .collection .collection-bg #woodencase-description .full-page-section {
        background-image: url("../img/woodencase_page/wooden_2_min_back.jpg");
        background-position: bottom
    }
    #woodencase-video .bg-land,
    #woodencase-video .video-section .video,
    .video-section #woodencase-video .video,
    #woodencase-video .video-section .video-cover,
    .video-section #woodencase-video .video-cover,
    #woodencase-video .metaluxe .collection .collection-bg .full-page-section,
    .metaluxe .collection .collection-bg #woodencase-video .full-page-section {
        background-image: url("../img/woodencase_page/wooden_3_min_back.jpg");
        background-position: bottom
    }
    #woodencase-artists .bg-land,
    #woodencase-artists .video-section .video,
    .video-section #woodencase-artists .video,
    #woodencase-artists .video-section .video-cover,
    .video-section #woodencase-artists .video-cover,
    #woodencase-artists .metaluxe .collection .collection-bg .full-page-section,
    .metaluxe .collection .collection-bg #woodencase-artists .full-page-section {
        background-image: url("../img/woodencase_page/wooden_4_min_back.jpg");
        background-position: bottom
    }
    .copy-section {
        background-color: #343434;
        opacity: 0.8
    }
}

.smart-cover .wrapper,
.smart-cover .campaign__wrapper {
    max-width: 900px;
    padding-left: 11px;
    padding-right: 11px
}

.smart-cover .section-heading {
    font-size: 48px
}

.smart-cover .king-size {
    min-width: 250px
}

.smart-cover .gray {
    background-color: #f4f4f4
}

.smart-cover p {
    font-size: 18px;
    line-height: 1.5em
}

.smart-cover .slick-slider .slick-slide {
    height: auto;
    margin-bottom: 30px
}

.smart-cover .smartcover-landing {
    background-image: url("../img/smart_cover/ipad_2.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 650px
}

.smart-cover .smartcover-landing .description {
    font-size: 22px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

.smart-cover .smartcover-landing .small {
    font-size: 14px
}

@media (max-height: 1050px) {
    .smart-cover .smartcover-landing {
        padding-bottom: 470px;
        background-image: url("../img/smart_cover/ipad_2_notebook.jpg")
    }
}

@media (max-height: 800px) {
    .smart-cover .smartcover-landing {
        padding-bottom: 350px;
        background-image: url("../img/smart_cover/ipad_2_notebook.jpg")
    }
}

@media (max-width: 767px) {
    .smart-cover .smartcover-landing {
        background-image: url("../img/smart_cover/ipad_2_mobile.jpg");
        min-height: 600px;
        padding-bottom: 400px
    }
    .smart-cover .smartcover-landing .description {
        font-size: 20px
    }
}

@media (max-width: 500px) {
    .smart-cover .smartcover-landing {
        background-image: url("../img/smart_cover/ipad_2_500.jpg");
        min-height: 500px;
        padding-bottom: 250px
    }
}

@media (max-width: 400px) {
    .smart-cover .smartcover-landing {
        background-image: url("../img/smart_cover/ipad_2_400.jpg");
        padding-bottom: 150px
    }
}

.smart-cover .intro {
    height: 600px
}

.smart-cover .intro .o-hidden {
    height: 280px
}

.smart-cover .parallax-ipad {
    height: 750px;
    background-image: url(../img/smart_cover/parallax_ipad.jpg)
}

.smart-cover .parallax-stuff {
    background-image: url(../img/smart_cover/parallax_stuff.jpg);
    height: 600px
}

.smart-cover .spec .spec-bg img {
    max-width: 300px
}

.smart-cover .spec dl {
    padding-left: 0
}

@media (max-width: 767px) {
    .smart-cover .section-heading {
        font-size: 40px;
        line-height: 1.1em
    }
    .smart-cover .slick-slider {
        text-align: center
    }
    .smart-cover .slick-slider .cover-slider {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto
    }
    .smart-cover .spec .spec-bg {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: auto
    }
    .smart-cover .spec .separate {
        width: auto;
        margin-left: 30px;
        margin-right: 30px
    }
    .smart-cover .parallax-ipad {
        background-image: url(../img/smart_cover/parallax_ipad_mobile.jpg);
        height: 400px
    }
    .smart-cover .parallax-stuff {
        background-image: url(../img/smart_cover/parallax_stuff_mobile.jpg);
        height: 400px
    }
}

@media (max-width: 340px) {
    .smart-cover .section-heading {
        font-size: 26px
    }
    .smart-cover p {
        font-size: 14px
    }
    .smart-cover .smartcover-landing .description {
        font-size: 16px
    }
    .smart-cover .intro {
        height: 500px
    }
}

.parallax,
.parallax-fixed {
    height: 500px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.parallax-fixed {
    background-attachment: fixed
}

@media (max-width: 767px) {
    .parallax-fixed {
        background-attachment: scroll
    }
}

.transparent {
    opacity: 0
}

.slideUp {
    -vendor-animation-duration: 3s;
    -vendor-animation-delay: 1.5s;
    -vendor-animation-iteration-count: infinite
}

.separate {
    width: 70px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    border-top: 1px solid #000
}

#iphone6-page .laning-container {
    min-height: 400px
}

@media screen and (max-width: 767px) {
    #iphone6-page .laning-container {
        min-height: 300px
    }
}

#iphone6-page .iphone6-bg {
    background-color: #fbfafa;
    background-position: center;
    background-size: cover;
    font-size: 0px;
    line-height: 0px
}

#iphone6-page .iphone6-bg .title {
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 0px
}

@media screen and (max-width: 767px) {
    #iphone6-page .iphone6-bg .title {
        font-size: 32px;
        line-height: 38px
    }
}

#iphone6-page .iphone6-bg .subtitle {
    line-height: 36px;
    font-size: 24px;
    margin-top: 0px
}

@media screen and (max-width: 767px) {
    #iphone6-page .iphone6-bg .subtitle {
        line-height: 26px;
        font-size: 22px
    }
}

#iphone6-page .iphone6-bg .iphone6-dummy {
    height: 80%;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 767px) {
    #iphone6-page .iphone6-bg .iphone6-dummy {
        width: 240px
    }
}

#iphone6-page .input-form form {
    height: 50px
}

#iphone6-page .input-form form .email {
    font-family: 'roboto';
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    border: none;
    width: 59%;
    color: #000
}

#iphone6-page .input-form form .email::-webkit-input-placeholder {
    color: #cccccc
}

#iphone6-page .input-form form .email:-moz-placeholder {
    color: #cccccc
}

#iphone6-page .input-form form .email::-moz-placeholder {
    color: #cccccc
}

#iphone6-page .input-form form .email:-ms-input-placeholder {
    color: #cccccc
}

#iphone6-page .input-form form .submit {
    font-family: 'roboto';
    width: 40%;
    background-color: #5fa9cc;
    color: #ffffff;
    line-height: 50px;
    padding: 0;
    font-size: 18px
}

@media screen and (max-width: 767px) {
    #iphone6-page .input-form form .email,
    #iphone6-page .input-form form .submit {
        padding: 0 11px;
        line-height: 50px
    }
}

#iphone6-page .input-form .desc {
    font-family: 'roboto';
    margin-top: 12px;
    font-size: 18px
}

#iphone6-page .logo-toaster {
    padding-left: 70px;
    background-image: url("/img/ctg_logo_w40.png");
    background-size: auto 20px;
    background-position: left center;
    background-repeat: no-repeat
}

#iphone6-page .spacer1 {
    margin-top: 36px
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
    #iphone6-page .dynamic.push2 {
        left: 8.3%
    }
    #iphone6-page .dynamic.column8 {
        width: 83%
    }
}

#iphone6-page .progress-table .circle,
#iphone6-page .progress-table .radio .radio-circle,
.radio #iphone6-page .progress-table .radio-circle,
#iphone6-page .progress-table .radio .radio-circle:after,
.radio #iphone6-page .progress-table .radio-circle:after,
#iphone6-page .progress-table .avatar,
#iphone6-page .progress-table .bg-avatar,
#iphone6-page .progress-table .btn-information {
    width: 35px;
    height: 35px;
    padding-top: 6px;
    margin-top: 0px;
    margin-bottom: 0px
}

#iphone6-page .progress-bar {
    height: 5px;
    background-color: #f2f2f2
}

#iphone6-page .progress-bar .mover {
    height: 100%;
    background-color: #5fa9cc
}

@media screen and (max-width: 767px) {
    #iphone6-page .referral-invite-img-container {
        padding: 0 !important
    }
}

#iphone6-page .referral-invite-img {
    background-image: url("/img/iphone6/iphone6_casetify_invite_ver2.png");
    background-size: cover;
    background-position: center
}

#iphone6-page .fb-icon {
    width: 43px;
    height: 43px;
    background-image: url("/img/iphone6/share_icon.png");
    background-position: 0px 0px
}

#iphone6-page .fb-icon:hover {
    background-position: 0px -43px
}

#iphone6-page .tw-icon {
    width: 43px;
    height: 43px;
    background-image: url("/img/iphone6/share_icon.png");
    background-position: -43px 0px
}

#iphone6-page .tw-icon:hover {
    background-position: -43px -43px
}

#iphone6-page .referral-count-container {
    margin-top: 0px
}

#app-splash-page {
    background-image: url("/img/splash/casetify_app_bg.jpg");
    background-size: cover;
    background-position: center
}

#app-splash-page .logo {
    width: 50%
}

#app-splash-page .stars {
    width: 30%
}

#app-splash-page .review-text {
    margin-top: 6px
}

#app-splash-page .download-btn {
    width: 90%;
    font-size: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "robotomedium";
    height: auto
}

@media screen and (max-height: 480px) {
    #app-splash-page h1,
    #app-splash-page .h1-like,
    #app-splash-page .h1-5-like {
        font-size: 24px;
        line-height: 28px;
        margin-top: 6px;
        margin-bottom: 6px
    }
    #app-splash-page h3 {
        font-size: 16px
    }
    #app-splash-page h3 {
        margin-top: 0px
    }
    #app-splash-page h4 {
        margin-top: 6px
    }
    #app-splash-page .spacer {
        line-height: 0px
    }
    #app-splash-page .logo {
        width: 40%
    }
    #app-splash-page .stars {
        width: 20%
    }
    #app-splash-page .review-text {
        margin-top: 0px;
        font-size: 12px;
        line-height: 12px
    }
    #app-splash-page .download-btn {
        width: 90%;
        font-size: 21px;
        padding-top: 3px;
        padding-bottom: 3px;
        font-family: "robotomedium";
        height: auto
    }
}

.appspashpage {
    position: absolute;
    top: 0;
    bottom: 0
}

.appspashpage .logo {
    width: 50%
}

.appspashpage h1,
.appspashpage h2 {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3)
}

.appspashpage .logo+h2 {
    margin-top: 0
}

.appspashpage .continue-btn {
    display: inline-block;
    padding: 5px
}

.appspashpage .btn-holder {
    text-align: center;
    width: 100%
}

.appspashpage .btn-holder .btn {
    display: inline-block
}

.appspashpage .btn-holder .continue-btn {
    display: block
}

.appspashpage section>div {
    min-height: 535px;
    display: inline-block;
    background-color: #676767;
    background-position: center center;
    background-size: cover
}

@media screen and (min-width: 530px) {
    .appspashpage section>div {
        background-position: center center;
        min-height: 700px
    }
}

@media screen and (min-width: 767px) {
    .appspashpage section>div {
        height: 850px
    }
}

.appspashpage a.text-white:hover,
.appspashpage a.text-white:focus {
    color: #5fa9cc
}

.appspashpage .apps-foot {
    text-align: center
}

.appspashpage .apps-foot a {
    padding: 0 5px 5px;
    display: inline-block
}

.appspashpage .apps-foot .download-app-icon {
    height: 45px
}

.appspashpage .splash-1 {
    background-image: url("/img/appsplashpage/appsplashpage_bg_1.jpg")
}

.appspashpage .splash-2 {
    background-image: url("/img/appsplashpage/appsplashpage_bg_2.jpg")
}

.appspashpage .splash-3 {
    background-image: url("/img/appsplashpage/appsplashpage_bg_3.jpg");
    min-height: 880px;
    background-position: center 13%
}

@media screen and (max-width: 340px) {
    .appspashpage .splash-3 {
        background-size: contain
    }
}

.appspashpage .splash-4 {
    background-image: url("/img/appsplashpage/appsplashpage_bg_4.jpg");
    position: relative;
    min-height: 470px
}

.iphone6product .main-title {
    line-height: 60px
}

@media screen and (max-width: 767px) {
    .iphone6product .main-title {
        line-height: 30px;
        font-size: 24px
    }
}

.iphone6product .iphone6-newletter-box {
    float: right
}

.iphone6product .input-form {
    max-width: 360px
}

.iphone6product .input-form form {
    height: 50px
}

.iphone6product .input-form form .email {
    font-family: 'roboto';
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    border: none;
    width: 59%;
    color: #000
}

.iphone6product .input-form form .email::-webkit-input-placeholder {
    color: #cccccc
}

.iphone6product .input-form form .email:-moz-placeholder {
    color: #cccccc
}

.iphone6product .input-form form .email::-moz-placeholder {
    color: #cccccc
}

.iphone6product .input-form form .email:-ms-input-placeholder {
    color: #cccccc
}

.iphone6product .input-form form .submit {
    font-family: 'roboto';
    width: 40%;
    background-color: #37c08c;
    color: #ffffff;
    line-height: 50px;
    padding: 0;
    font-size: 18px
}

@media screen and (max-width: 767px) {
    .iphone6product .input-form form .email,
    .iphone6product .input-form form .submit {
        padding: 0 11px;
        line-height: 50px
    }
}

.iphone6product .input-form .desc {
    font-family: 'roboto';
    margin-top: 12px;
    font-size: 18px
}

@media screen and (max-width: 767px) {
    .iphone6-copy-section {
        background: #FFF;
        opacity: 1;
        border-top: 1px solid #FFF
    }
}

.iphone6-intro {
    background: #F1F1F1 url(../img/iphone6_page/iphone6_intro.jpg?v=4) top center no-repeat
}

@media screen and (min-width: 767px) {
    .iphone6-intro {
        height: 627px !important
    }
}

.iphone6-intro-bis {
    background: #F1F1F1 url(../img/iphone6_page/iphone6_intro_bis.jpg?v=4) top center no-repeat
}

@media screen and (min-width: 767px) {
    .iphone6-intro-bis {
        height: 627px !important
    }
}

.iphone6-design {
    background: #C9CACE url(../img/iphone6_page/iphone6_background.jpg?v=1) top center repeat-x
}

@media screen and (min-width: 767px) {
    .iphone6-design {
        height: 627px !important
    }
}

.iphone6-collection {
    background: #fff url(../img/iphone6_page/iphone6_collection.jpg?v=3) top center no-repeat
}

@media screen and (min-width: 767px) {
    .iphone6-collection {
        height: 627px !important
    }
}

.iphone6-collection .subtitle {
    padding-right: 44px
}

@media screen and (max-width: 767px) {
    .iphone6-collection .subtitle {
        padding-right: 0px
    }
}

.iphone6-visual {
    width: auto
}

@media screen and (min-width: 767px) {
    .iphone6-visual {
        height: 627px
    }
}

.iphone6-social a {
    color: #222
}

.iphone6-social a:hover {
    color: #5fa9cc
}

@media screen and (max-width: 1280px) {
    .l-visibility-false {
        display: none
    }
}

a.text-black {
    color: #000;
    margin-top: 5px
}

a.text-black:hover {
    color: #5fa9cc !important
}

#iphone6s-prelaunch-page .section-heading {
    font-size: 28px;
    margin-bottom: 0px;
    margin-top: 28px
}

#iphone6s-prelaunch-page .description {
    margin-top: 0px
}

#iphone6s-prelaunch-page .grey-bg {
    background: #eee
}

#iphone6s-prelaunch-page .desktop-email-seperator {
    border-top: solid 1px #ccc;
    line-height: 0px;
    height: 0px;
    font-size: 0px
}

#iphone6s-prelaunch-page .timer-desc {
    width: 40%
}

#iphone6s-prelaunch-page .timer-desc .hour {
    padding-left: 2px
}

#iphone6s-prelaunch-page .timer-desc .min {
    padding-right: 10px
}

@media screen and (max-width: 767px) {
    #iphone6s-prelaunch-page .timer-desc {
        width: 70%;
        font-weight: normal
    }
}

#iphone6s-prelaunch-page .share-sperator {
    border-top: solid 1px #999;
    height: 0px;
    line-height: 0px;
    font-size: 0px
}

#iphone6s-prelaunch-page .input-form form {
    height: 50px
}

#iphone6s-prelaunch-page .input-form form .email {
    border-radius: 2px;
    background-color: #eee;
    font-family: 'roboto';
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    border: none;
    width: 300px;
    padding: 0 20px;
    color: #000
}

@media screen and (max-width: 767px) {
    #iphone6s-prelaunch-page .input-form form .email {
        width: 70%
    }
}

#iphone6s-prelaunch-page .input-form form .email::-webkit-input-placeholder {
    color: #ccc
}

#iphone6s-prelaunch-page .input-form form .email:-moz-placeholder {
    color: #ccc
}

#iphone6s-prelaunch-page .input-form form .email::-moz-placeholder {
    color: #ccc
}

#iphone6s-prelaunch-page .input-form form .email:-ms-input-placeholder {
    color: #ccc
}

#iphone6s-prelaunch-page .input-form form .submit {
    font-family: 'roboto';
    border-radius: 2px;
    margin-left: 10px;
    background-color: #5fa9cc;
    color: #ffffff;
    line-height: 50px;
    padding: 0 40px;
    font-size: 18px
}

@media screen and (max-width: 767px) {
    #iphone6s-prelaunch-page .input-form form .submit {
        width: 25%
    }
}

@media screen and (max-width: 767px) {
    #iphone6s-prelaunch-page .input-form form .email {
        padding: 0 25px
    }
    #iphone6s-prelaunch-page .input-form form .submit {
        padding: 0 11px;
        line-height: 50px
    }
}

#iphone6s-prelaunch-page .small-share-module li {
    margin-left: 15px
}

@media screen and (max-width: 767px) {
    #iphone6s-prelaunch-page .small-share-module li {
        margin-left: 25px
    }
    #iphone6s-prelaunch-page .small-share-module li [data-icon].text-big:before {
        font-size: 30px
    }
    #iphone6s-prelaunch-page .small-share-module li:first-child {
        margin-left: 0px
    }
}

.make .land-section-height h2,
.make .land-section-height p {
    color: #FFF
}

@media screen and (max-width: 767px) {
    .make .land-section-height h2 {
        color: #000
    }
    .make .land-section-height p {
        color: #444
    }
}

@media screen and (min-width: 767px) {
    .make .land-section-height p {
        font-family: "Raleway", Helvetica, Arial, san-serif;
        font-size: 30px;
        line-height: 38.5px;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.3)
    }
}

@media screen and (min-width: 767px) {
    .make .land-section-height {
        height: 600px
    }
}

.make .bg-land,
.make .video-section .video,
.video-section .make .video,
.make .video-section .video-cover,
.video-section .make .video-cover,
.make .metaluxe .collection .collection-bg .full-page-section,
.metaluxe .collection .collection-bg .make .full-page-section {
    background-position: 0 0
}

.make-details-content {
    max-width: 1100px;
    padding: 0 0 0 22px
}

.make-smalltitle {
    font-size: 24px
}

@media screen and (min-width: 767px) {
    .make-buttonfix {
        padding: 0 26px
    }
}

.make-pointer:before {
    font-size: 30px
}

.make-pointer:hover {
    color: #5fa9cc;
    cursor: pointer
}

.make-iphone .bg-land,
.make-iphone .video-section .video,
.video-section .make-iphone .video,
.make-iphone .video-section .video-cover,
.video-section .make-iphone .video-cover,
.make-iphone .metaluxe .collection .collection-bg .full-page-section,
.metaluxe .collection .collection-bg .make-iphone .full-page-section {
    background: url("../img/make_page/make_1.jpg?v=2") center;
    background-size: cover
}

.make-ipad .bg-land,
.make-ipad .video-section .video,
.video-section .make-ipad .video,
.make-ipad .video-section .video-cover,
.video-section .make-ipad .video-cover,
.make-ipad .metaluxe .collection .collection-bg .full-page-section,
.metaluxe .collection .collection-bg .make-ipad .full-page-section {
    background-image: url("../img/make_page/make_2.jpg")
}

.make-android .bg-land,
.make-android .video-section .video,
.video-section .make-android .video,
.make-android .video-section .video-cover,
.video-section .make-android .video-cover,
.make-android .metaluxe .collection .collection-bg .full-page-section,
.metaluxe .collection .collection-bg .make-android .full-page-section {
    background-image: url("../img/make_page/make_3.jpg")
}

.make-gallery {
    max-width: 1240px
}

.make-gallery a {
    margin: 2px
}

.make-snapshots {
    background: #fafafa;
    position: relative;
    z-index: 2
}

.sell .landing-bg {
    background-image: url("../img/sell/intro_bg.jpg");
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sell .landing-bg::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.sell .grey {
    background-color: #eee
}

.sell #lion img {
    width: 100%;
    top: 0;
    left: 0
}

@media (max-width: 767px) {
    .sell #lion .transparent {
        opacity: 1
    }
}

.sell .parallax,
.sell .parallax-fixed {
    background-image: url(/img/sell/parallax.jpg);
    background-size: cover;
    background-position: center center;
    height: 400px
}

@media (min-width: 767px) {
    .sell .parallax,
    .sell .parallax-fixed {
        background-attachment: fixed;
        height: 660px
    }
}

.sell .action {
    border-top: 1px solid #ccc
}

@media (max-width: 767px) {
    .sell .action {
        border-top: none
    }
    .sell .action .column12 h2,
    .sell .action .subs-info .description h2,
    .subs-info .sell .action .description h2 {
        padding-top: 33px;
        margin-top: -33px;
        border-top: 1px solid #ccc
    }
}

@media (max-width: 767px) {
    .sell h2 {
        font-size: 18px
    }
    .sell .text-big {
        font-size: 14px
    }
    .sell .column4 img {
        margin-top: -20px;
        margin-bottom: -30px
    }
    .sell .grey {
        background-color: #fff
    }
    .sell p.xs-visibility-true {
        padding-bottom: 35px;
        margin-bottom: -35px;
        border-bottom: 1px solid #ccc
    }
}

.alpha-background {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.play-btn-grey {
    padding: 7px 15px;
    background: rgba(200, 200, 200, 0.7);
    font-size: 22px
}

.make-btn:hover {
    background-color: #5fa9cc;
    opacity: 1;
    color: #ffffff
}

.shopnow-btn:hover {
    background-color: #5fa9cc;
    opacity: 1;
    color: #ffffff
}

.play-btn-grey:hover {
    background-color: #5fa9cc;
    opacity: 1;
    color: #ffffff
}

.spec_row {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 12px
}

.pricing-panel {
    min-height: 540px;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.pricing-panel footer {
    left: 0;
    right: 0;
    bottom: 44px;
    padding: 0 22px
}

.pricing-panel .sup {
    font-family: 'Roboto', Arial, Sans-serif;
    font-size: 22px
}

.pricing-panel.best-value-ribon-main {
    background: url("../img/subscription_page/best_value_b.png") no-repeat top right #fff
}

.pricing-panel.best-value-ribon {
    background: url("../img/subscription_page/best_value.png") no-repeat top right #c7c5c8
}

.best-value {
    height: 44px;
    line-height: 44px;
    padding: 0 11px
}

.pricing-m-top {
    margin: 44px 0 22px 0
}

.sub-header-info {
    top: 0;
    left: 0
}

.min-sub-header-wrapper {
    height: 300px
}

.land-section-height {
    height: 750px
}

.advantage-icon>div {
    padding: 0 55px
}

.advantage-icon:not(:last-child)>div:first-child:after {
    content: '';
    position: absolute;
    display: block;
    width: 110px;
    height: 42px;
    top: 50%;
    right: -70px;
    margin: -21px 0 0 0;
    background: url("../img/subscription_page/circle_dotted.png") no-repeat
}

.advantage-icon>div:last-child {
    padding: 0 7px
}

.advantage-icon .h3-like {
    color: #c7c5c8
}

#subscription_advantages {
    background-image: url("../img/subscription_page/pattern_2.jpg")
}

#subscription-sub-nav {
    height: 88px;
    line-height: 88px
}

.subscription-neg-margin {
    margin-top: -55px
}

.z-index-sup {
    z-index: 2
}

.subs-info .description {
    left: 0;
    right: 0;
    bottom: 22px;
    display: block
}

.sub-pagination {
    top: -44px;
    left: 0
}

.sub-pagination .pagi-square {
    width: 12px;
    height: 12px;
    border: 1px solid #fff
}

.sub-pagination .active .pagi-square {
    background: rgba(255, 255, 255, 0.5)
}

.monthly-checkout-box {
    padding: 11px;
    border: 3px solid #5fa9cc
}

.monthly-checkout-box h3.text-default {
    color: #222222
}

.monthly-checkout-box .border-bottom,
.monthly-checkout-box .bm-album-container li:last-child a,
.bm-album-container li:last-child .monthly-checkout-box a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important
}

.box-unchecked {
    background: #f2f2f2;
    border: 3px solid #ccc
}

.vip-icon {
    max-width: 100px !important
}

.yes-no-toggle label:after {
    content: 'no'
}

.yes-no-toggle label:before {
    content: 'yes'
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
    .s-title {
        vertical-align: top;
        padding-top: 18px
    }
}

@media screen and (max-width: 767px) {
    .pricing-panel {
        min-height: 0;
        margin-bottom: 11px
    }
    .pricing-panel footer {
        position: inherit;
        bottom: 0
    }
    .pricing-panel .pricing-header {
        text-align: left;
        cursor: pointer
    }
    .pricing-panel .pricing-header .t-cell,
    .pricing-panel .pricing-header .toggle label:after,
    .toggle .pricing-panel .pricing-header label:after,
    .pricing-panel .pricing-header .toggle label:before,
    .toggle .pricing-panel .pricing-header label:before,
    .pricing-panel .pricing-header .bm-square-draggable {
        display: inline
    }
    .pricing-panel .pricing-header>header {
        display: inline-block;
        min-width: 80px;
        vertical-align: middle
    }
    .pricing-panel .pricing-header>header h2 {
        font-size: 16px;
        line-height: 22px
    }
    .pricing-panel .pricing-header>header h4 {
        font-size: 12px;
        line-height: 22px
    }
    .pricing-panel .pricing-header>div {
        vertical-align: middle
    }
    .pricing-panel .pricing-header>[data-icon] {
        right: -11px;
        top: 14px;
        padding: 14px 0
    }
    .pricing-panel .drop-xs ul li {
        text-align: left
    }
    .pricing-panel .sup {
        font-size: 14px
    }
    .pricing-panel.best-value-ribon {
        background: #c7c5c8
    }
    .pricing-panel.best-value-ribon-main {
        background: #ffffff
    }
    .subscription-neg-margin {
        margin-top: inherit
    }
    .subs-info {
        position: inherit;
        width: 100%;
        height: auto;
        background: #746f75
    }
    .subs-info .description {
        position: inherit;
        bottom: 0
    }
    .min-sub-header-wrapper {
        height: auto
    }
    #subscription-sub-nav {
        height: auto;
        line-height: 1
    }
    #subscription_bevel .bg-land,
    #subscription_bevel .video-section .video,
    .video-section #subscription_bevel .video,
    #subscription_bevel .video-section .video-cover,
    .video-section #subscription_bevel .video-cover,
    #subscription_bevel .metaluxe .collection .collection-bg .full-page-section,
    .metaluxe .collection .collection-bg #subscription_bevel .full-page-section {
        background-image: none
    }
    #subscription_advantages {
        background: #ffffff;
        color: #666666
    }
    .subscription-slide .header-info {
        padding: 22px 0 264px 0;
        margin: 0;
        background: none
    }
    .advantage-icon .h3-like {
        font-family: 'ralewaybold', Georgia, Serif;
        font-size: 28px;
        line-height: 50.6px
    }
    #subscription_advantages {
        margin-top: 0 !important
    }
    .sub-pagination {
        top: -22px
    }
    #subscription_bevel ol {
        text-align: left
    }
    .land-section-height {
        height: auto
    }
    #sell-introduction .bg-land,
    #sell-introduction .video-section .video,
    .video-section #sell-introduction .video,
    #sell-introduction .video-section .video-cover,
    .video-section #sell-introduction .video-cover,
    #sell-introduction .metaluxe .collection .collection-bg .full-page-section,
    .metaluxe .collection .collection-bg #sell-introduction .full-page-section {
        background-image: url("../img/sell/invite_landing.jpg");
        background-position: bottom
    }
    .copy-section {
        background-color: #c7c5c8;
        opacity: 0.8
    }
}

#order-tracking-page .progress-container {
    width: 50%
}

@media screen and (max-width: 767px) {
    #order-tracking-page .progress-container {
        width: 90%
    }
}

#order-tracking-page .progress-container .progress-icon {
    width: 34px;
    height: 34px;
    padding-top: 6px;
    z-index: 3
}

#order-tracking-page .progress-container .progress-icon.absolute,
#order-tracking-page .progress-container .checkbox .progress-icon.check-square:after,
.checkbox #order-tracking-page .progress-container .progress-icon.check-square:after,
#order-tracking-page .progress-container .checkbox input.progress-icon[type="checkbox"]:not(:checked),
.checkbox #order-tracking-page .progress-container input.progress-icon[type="checkbox"]:not(:checked),
#order-tracking-page .progress-container .checkbox input.progress-icon[type="checkbox"]:checked,
.checkbox #order-tracking-page .progress-container input.progress-icon[type="checkbox"]:checked,
#order-tracking-page .progress-container .radio .progress-icon.radio-circle:after,
.radio #order-tracking-page .progress-container .progress-icon.radio-circle:after,
#order-tracking-page .progress-container .radio input.progress-icon[type="radio"]:not(:checked),
.radio #order-tracking-page .progress-container input.progress-icon[type="radio"]:not(:checked),
#order-tracking-page .progress-container .radio input.progress-icon[type="radio"]:checked,
.radio #order-tracking-page .progress-container input.progress-icon[type="radio"]:checked,
#order-tracking-page .progress-container .toggle input.progress-icon,
.toggle #order-tracking-page .progress-container input.progress-icon,
#order-tracking-page .progress-container .toggle label.progress-icon,
.toggle #order-tracking-page .progress-container label.progress-icon,
#order-tracking-page .progress-container .toggle label div.progress-icon[aria-hidden="true"],
.toggle label #order-tracking-page .progress-container div.progress-icon[aria-hidden="true"],
#order-tracking-page .progress-container .progress-icon.title-line:before,
#order-tracking-page .progress-container .progress-icon.top-arrow:before,
#order-tracking-page .progress-container .progress-icon.top-arrow:after,
#order-tracking-page .progress-container .progress-icon.bulle-explain,
#order-tracking-page .progress-container .progress-icon[class*='social-widget'],
#order-tracking-page .progress-container .pricing-panel footer.progress-icon,
.pricing-panel #order-tracking-page .progress-container footer.progress-icon,
#order-tracking-page .progress-container .subs-info .progress-icon.description,
.subs-info #order-tracking-page .progress-container .progress-icon.description,
#order-tracking-page .progress-container .profile-header .header-profile-img>img.progress-icon,
.profile-header #order-tracking-page .progress-container .header-profile-img>img.progress-icon,
#order-tracking-page .progress-container .progress-icon.profile-header:before,
#order-tracking-page .progress-container #search-wrapper .progress-icon.collection-header:before,
#search-wrapper #order-tracking-page .progress-container .progress-icon.collection-header:before,
#order-tracking-page .progress-container .bm-img-list .progress-icon.bm-check,
.bm-img-list #order-tracking-page .progress-container .progress-icon.bm-check,
#order-tracking-page .progress-container .progress-icon.bm-main-nav-btn,
#order-tracking-page .progress-container .progress-icon.btn-information,
#order-tracking-page .progress-container .progress-icon.bm-quality-picture {
    left: 50%;
    margin-left: -17px;
    top: 50%;
    margin-top: -17px
}

#order-tracking-page .progress-container td {
    width: 25%
}

#order-tracking-page .progress-container .progress-left {
    width: 100%;
    height: 6px;
    left: -50%;
    top: 14px;
    position: absolute;
    z-index: 1
}

#order-tracking-page .content-container {
    border: solid 1px #999;
    border-top: solid 4px #999
}

#order-tracking-page .content-container .border-right {
    border-right: solid 1px #999
}

@media screen and (max-width: 767px) {
    #order-tracking-page .content-container .minor-fix1 {
        padding-top: 3px
    }
}

#order-tracking-page .content-container .status-short-desc {
    font-size: 32px;
    font-family: "Roboto", Helvetica, Arial, Sans-Serif
}

#order-tracking-page .content-container .purchased-item {
    width: 20%
}

#order-tracking-page .content-container .purchased-desc {
    width: 60%
}

#order-tracking-page .content-container .purchased-price {
    width: 20%
}

#order-tracking-page .content-container .summary-container {
    width: 50%
}

#order-tracking-page .content-container .summary-container td {
    width: 40%
}

#order-tracking-page .content-container .summary-container td.desc {
    width: 60%
}

@media screen and (max-width: 767px) {
    #order-tracking-page .content-container .purchased-item {
        width: 20%
    }
    #order-tracking-page .content-container .purchased-desc {
        width: 40%
    }
    #order-tracking-page .content-container .purchased-price {
        width: 30%
    }
    #order-tracking-page .content-container .summary-container {
        width: 100%
    }
    #order-tracking-page .content-container .summary-container td {
        width: 30%
    }
    #order-tracking-page .content-container .summary-container td.desc {
        width: 70%
    }
}

#order-tracking-page .content-container .invite-container .gift-container .gift-icon-container {
    width: 80px
}

#order-tracking-page .content-container .invite-container .gift-container .gift-icon-container .gift-icon {
    background-color: #000;
    width: 60px;
    height: 60px;
    text-align: center;
    padding-top: 5px
}

#order-tracking-page .content-container .invite-container .gift-container .desc {
    font-size: 20px
}

#order-tracking-page .content-container .invite-container .voucher {
    padding: 5px 15px;
    border-radius: 5px
}

.careers-intro {
    background-image: url("/img/career_page/career-team.jpg?v=2");
    background-position: 50% 50%;
    background-size: cover
}

.career1-intro {
    background-image: url("/img/career_page/career-office2.jpg");
    background-position: 50% 45%;
    background-size: cover
}

.career1-intro.growth-banner {
    background-image: url("/img/career_page/career-growth.jpg");
    background-position: 50% 45%;
    background-size: cover
}

.career1-intro.office-banner {
    background-image: url("/img/career_page/career-office1.jpg");
    background-position: 50% 75%;
    background-size: cover
}

.career1-intro.office2-banner {
    background-image: url("/img/career_page/career-office2.jpg");
    background-position: 50% 45%;
    background-size: cover
}

.career1-intro.office3-banner {
    background-image: url("/img/career_page/career-office3.jpg");
    background-position: 50% 100%;
    background-size: cover
}

.career1-intro.office4-banner {
    background-image: url("/img/career_page/career-office4.jpg");
    background-position: 50% 50%;
    background-size: cover
}

.career1-intro,
.careers-intro {
    height: 500px
}

@media screen and (min-width: 767px) {
    .career1-intro,
    .careers-intro {
        height: 400px
    }
}

.careers-quote h2 {
    color: #222222;
    font-size: 24px;
    line-height: 35px
}

.boxed a:hover h3 {
    color: #4cbcbd !important
}

.boxed a {
    background: #fff
}

.boxed a:hover {
    background: rgba(255, 255, 255, 0.95)
}

.careers-boxed .row>[class*="column"] {
    min-height: 240px
}

.careers-boxed a {
    height: 240px
}

@media screen and (min-width: 767px) {
    .career-positions div[class^="column"] {
        min-height: 210px
    }
    .careers-intro {
        height: 450px
    }
}

.giftcard {
    background: #FFF url("../img/gift/gift_card_stars.png") center 100px no-repeat;
    background-size: 100% auto
}

.giftcard h2,
.giftcard .h2-like,
.giftcard .h2-5-like,
.giftcard .search-custom-field input[type=search],
.search-custom-field .giftcard input[type=search] {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-size: 32px;
    letter-spacing: 0.07em;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .giftcard h2,
    .giftcard .h2-like,
    .giftcard .h2-5-like,
    .giftcard .search-custom-field input[type=search],
    .search-custom-field .giftcard input[type=search] {
        font-size: 24px
    }
}

.giftcard h3,
.giftcard .h3-like {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-size: 20px;
    letter-spacing: 0.07em;
    color: #999;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .giftcard h3,
    .giftcard .h3-like {
        font-size: 18px
    }
}

.giftcard h4,
.giftcard .h4-like {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-size: 20px;
    letter-spacing: 0.07em;
    color: #000;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .giftcard h4,
    .giftcard .h4-like {
        font-size: 18px
    }
}

.giftcard h5,
.giftcard .h5-like {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-size: 16px;
    letter-spacing: 0.07em;
    color: #999;
    text-transform: uppercase
}

.giftcard .terms {
    font-size: 16px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #999;
    display: block;
    text-align: center
}

.giftcard .sender {
    padding-right: 22px;
    position: absolute;
    bottom: 0;
    right: 22px
}

.touch .giftcard .sender {
    right: 0
}

@media screen and (max-width: 767px) {
    .giftcard .bulky-size {
        width: 100%
    }
}

.touch .touch-visibility-false {
    display: none
}

.giftcard-avatar {
    width: 100px
}

.giftcard-receive {
    background-position: center 20px
}

.no-touch .flipperback-content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.no-touch .flipperback-inner {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: -22px;
    overflow: auto;
    padding: 11px 28px 11px 22px
}

.touch .flipperback {
    border-top: 0
}

.touch .flipperback-content {
    min-height: 360px
}

.badge-circle {
    width: 25px;
    height: 25px
}

.gift-tag {
    padding: 5px 12px;
    display: inline-block;
    font-size: 19px
}

.pricegift {
    font-size: 30px;
    font-family: "Raleway", Helvetica, Arial, san-serif;
    line-height: 1
}

.pricegift-label {
    display: inline-block;
    cursor: pointer
}

.giftcard .radio-circle {
    position: absolute;
    bottom: -45px;
    margin-left: -13px
}

.gift-invite-holder {
    height: 200px;
    overflow-y: scroll
}

.gift-invite-holder .bg-avatar {
    margin-top: -5.5px
}

.gift-invite-holder .badge-circle {
    position: absolute;
    top: 5px;
    right: 0
}

.gift-invite-holder .ellipsis,
.gift-invite-holder .collapse-input>div .btn,
.collapse-input>div .gift-invite-holder .btn {
    margin-left: 55px;
    margin-right: 44px
}

.voucher-code {
    padding: 3px 5px;
    border: 2px solid
}

input[type=radio]:checked+span+.pricegift {
    color: #333
}

input[type=radio]:checked+span+.pricegift+.gift-tag {
    background-color: #999
}

input[type=radio]:checked+span+.pricegift+.success-color {
    background: #a5bf2e
}

.gift-sharing-tabs>.tab {
    border-bottom: 1px solid #ccc;
    text-align: center
}

.gift-sharing-tabs>.tab>li {
    display: inline-block
}

.gift-sharing-tabs>.tab>li>a {
    padding: 11px 22px;
    margin-bottom: -1px;
    color: #746f75
}

.gift-sharing-tabs>.tab>li>a.active {
    border-bottom: 3px solid #5fa9cc
}

.flipperback {
    word-break: break-all
}

.flipperback p {
    font-family: "Raleway", Helvetica, Arial, san-serif;
    font-size: 20px;
    line-height: 1.4;
    color: #999
}

@media screen and (max-width: 767px) {
    .flipperback p {
        font-size: 14px;
        line-height: 1.4
    }
}

.flipperback h3 {
    font-family: "arvoregular"
}

.flipper {
    max-width: 360px;
    line-height: 0;
    position: relative
}

.touch .flipperfront {
    line-height: 0
}

.touch .flipperback {
    margin-top: -1px
}

.no-touch .flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: 0.6s
}

.no-touch .flipperfront,
.no-touch .flipperback {
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0
}

.no-touch .flipperfront {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    max-width: 360px
}

.no-touch .flipperback {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.no-touch .flipper:hover .flipperback {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.no-touch .flipper:hover .flipperfront {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media screen and (max-width: 767px) {
    .selfie-copy-section {
        text-align: center
    }
}

.selfie-intro {
    background: #F1F1F1 url(../img/selfielovers_page/selfielovers_header.jpg) top center no-repeat;
    background-size: cover
}

@media screen and (min-width: 767px) {
    .selfie-intro {
        height: 625px !important
    }
}

.selfie-stickbluetooth {
    background: #FFF url(../img/selfielovers_page/selfielovers_stickbluetooth.jpg) top right no-repeat
}

@media screen and (min-width: 767px) {
    .selfie-stickbluetooth {
        height: 455px !important
    }
}

.selfie-remote {
    background: #FFF url(../img/selfielovers_page/selfielovers_remote.jpg) top right no-repeat
}

@media screen and (min-width: 767px) {
    .selfie-remote {
        height: 455px !important
    }
}

.selfie-stick {
    background: #FFF url(../img/selfielovers_page/selfielovers_stick.jpg) top right no-repeat
}

@media screen and (min-width: 767px) {
    .selfie-stick {
        height: 455px !important
    }
}

.selfie-case {
    background: #F6F6F6 url(../img/selfielovers_page/selfielovers_case.jpg) right 40% no-repeat;
    background-size: cover
}

@media screen and (min-width: 767px) {
    .selfie-case {
        height: 700px !important
    }
}

.selfie-image1 {
    background: #FFF url(../img/selfielovers_page/selfielovers_image1.jpg) center center no-repeat;
    background-size: cover
}

@media screen and (min-width: 767px) {
    .selfie-image1 {
        height: 455px
    }
}

.selfie-image2 {
    background: #FFF url(../img/selfielovers_page/selfielovers_image2.jpg) bottom center no-repeat;
    background-size: cover
}

@media screen and (min-width: 767px) {
    .selfie-image2 {
        height: 455px
    }
}

.selfie-image3 {
    background: #FFF url(../img/selfielovers_page/selfielovers_image3.jpg) bottom center no-repeat;
    background-size: cover
}

@media screen and (min-width: 767px) {
    .selfie-image3 {
        height: 455px
    }
}

@media screen and (min-width: 1000px) {
    .selfie-image1,
    .selfie-image2,
    .selfie-image3 {
        height: 500px
    }
}

@media screen and (min-width: 1300px) {
    .selfie-image1,
    .selfie-image2,
    .selfie-image3 {
        height: 700px
    }
}

@media screen and (min-width: 1600px) {
    .selfie-image1,
    .selfie-image2,
    .selfie-image3 {
        height: 900px
    }
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
    .selfie-stickbluetooth,
    .selfie-remote,
    .selfie-stick {
        background-position: 110% top
    }
}

@media screen and (min-width: 1001px) {
    .selfie-stickbluetooth,
    .selfie-remote,
    .selfie-stick {
        background-position: 90% top
    }
}

@media screen and (min-width: 1300px) {
    .selfie-stickbluetooth,
    .selfie-remote,
    .selfie-stick {
        background-position: 70% top
    }
}

.selfie p {
    font-family: "roboto";
    color: #666
}

@media screen and (min-width: 767px) {
    .selfie .btn {
        min-width: 280px
    }
}

.selfie .subheader {
    font-size: 38px;
    line-height: 1.2em
}

@media screen and (max-width: 767px) {
    .selfie .subheader {
        font-size: 22px
    }
}

@media screen and (max-width: 767px) {
    .selfie .freeshipping {
        color: #999
    }
}

@media screen and (max-width: 767px) {
    .selfie-copy-section {
        opacity: 1;
        background: #FFF;
        border-top: 1px solid #FFF
    }
    .selfie-case-bg {
        background: #F6F6F6;
        border-top: 1px solid #F6F6F6
    }
    .selfie-intro .text-white {
        color: #000
    }
}

.video-section {
    height: 100%
}

.video-section .video,
.video-section .video-cover {
    width: 100%;
    height: auto;
    min-height: 100%;
    height: 1000px
}

@media (max-width: 1300px) {
    .video-section .video,
    .video-section .video-cover {
        height: 800px
    }
}

@media (max-width: 767px) {
    .video-section .video,
    .video-section .video-cover {
        height: 250px
    }
}

.metaluxe .landing {
    background-image: url(/img/metaluxe/landing_bg.jpg?v2)
}

.metaluxe .landing .logo-wrap {
    width: 285px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767px) {
    .metaluxe .landing .logo-wrap {
        text-align: center
    }
}

.metaluxe .landing .border-btn {
    color: #000;
    box-shadow: none;
    border: 1px solid #000
}

.metaluxe .landing .border-btn:hover {
    color: #666;
    border-color: #666
}

@media (max-width: 767px) {
    .metaluxe .landing {
        background-image: url(/img/metaluxe/landing_mobile.jpg?v2);
        background-position: center center;
        padding-bottom: 300px
    }
}

.metaluxe .wrapper,
.metaluxe .campaign__wrapper {
    padding-left: 11px;
    padding-right: 11px
}

.metaluxe .dark {
    background-color: #000
}

.metaluxe .play-btn-box {
    height: 50%
}

.metaluxe .play-btn {
    margin-top: -25px;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 120px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    font-size: 40px;
    color: #000
}

.metaluxe .modal-box.video-modal .close-btn.close-edge,
.metaluxe .video-modal.invite-signup-modal-holder .close-btn.close-edge,
.metaluxe .video-modal.shopping-spree-modal-holder .close-btn.close-edge {
    display: none
}

.metaluxe .mobile-cover {
    background-image: url(../img/metaluxe/video_pic.jpg?v2)
}

@media (max-width: 767px) {
    .metaluxe .mobile-cover {
        background-image: url(../img/metaluxe/video_pic_mobile.jpg)
    }
}

.metaluxe .start-cover {
    background-image: url(../img/metaluxe/video_pic.jpg?v2);
    position: absolute;
    z-index: 5
}

.metaluxe .end-cover {
    background-image: url(../img/metaluxe/video_pic.jpg?v2)
}

@media (max-width: 767px) {
    .metaluxe h1 {
        font-size: 30px
    }
    .metaluxe h4 {
        font-size: 14px
    }
}

.metaluxe .metaluxe-slider .slick-slide {
    height: auto;
    text-align: center
}

@media (max-width: 767px) {
    .metaluxe .metaluxe-slider .slick-slide {
        padding-left: 50px;
        padding-right: 50px
    }
}

.metaluxe .metaluxe-slider .slick-slide img {
    max-width: 370px;
    display: inline-block
}

.metaluxe .metaluxe-slider .slick-prev:before,
.metaluxe .metaluxe-slider .slick-prev:focus:before,
.metaluxe .metaluxe-slider .slick-prev:hover:before,
.metaluxe .metaluxe-slider .slick-next:before,
.metaluxe .metaluxe-slider .slick-next:focus:before,
.metaluxe .metaluxe-slider .slick-next:hover:before {
    color: rgba(153, 153, 153, 0.6)
}

.metaluxe .metaluxe-slider .slick-slider {
    padding-bottom: 0
}

.metaluxe .metaluxe-slider .plate-wrapper {
    top: 0;
    width: 100%;
    height: 100%
}

.metaluxe .metaluxe-slider .plate-wrapper button {
    opacity: 0
}

.metaluxe .metaluxe-slider .carousel-color .slick-dots {
    margin-top: -20px
}

.metaluxe .metaluxe-slider .carousel-color .slick-dots li {
    width: 40px;
    height: 40px
}

.metaluxe .metaluxe-slider .carousel-color .slick-dots li button {
    background-color: transparent;
    padding: 0;
    background-size: cover
}

.metaluxe .metaluxe-slider .carousel-color .slick-dots li:first-child button {
    background-image: url(../img/metaluxe/gold-dot.png)
}

.metaluxe .metaluxe-slider .carousel-color .slick-dots li:last-child button {
    background-image: url(../img/metaluxe/silver-dot.png)
}

.metaluxe .metaluxe-slider .carousel-color .slick-dots li.slick-active:first-child button {
    background-image: url(../img/metaluxe/gold-dot-selected.png)
}

.metaluxe .metaluxe-slider .carousel-color .slick-dots li.slick-active:last-child button {
    background-image: url(../img/metaluxe/silver-dot-selected.png)
}

.metaluxe .feature-wrap {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto
}

.metaluxe .feature-wrap .absolute,
.metaluxe .feature-wrap .checkbox .check-square:after,
.checkbox .metaluxe .feature-wrap .check-square:after,
.metaluxe .feature-wrap .checkbox input[type="checkbox"]:not(:checked),
.checkbox .metaluxe .feature-wrap input[type="checkbox"]:not(:checked),
.metaluxe .feature-wrap .checkbox input[type="checkbox"]:checked,
.checkbox .metaluxe .feature-wrap input[type="checkbox"]:checked,
.metaluxe .feature-wrap .radio .radio-circle:after,
.radio .metaluxe .feature-wrap .radio-circle:after,
.metaluxe .feature-wrap .radio input[type="radio"]:not(:checked),
.radio .metaluxe .feature-wrap input[type="radio"]:not(:checked),
.metaluxe .feature-wrap .radio input[type="radio"]:checked,
.radio .metaluxe .feature-wrap input[type="radio"]:checked,
.metaluxe .feature-wrap .toggle input,
.toggle .metaluxe .feature-wrap input,
.metaluxe .feature-wrap .toggle label,
.toggle .metaluxe .feature-wrap label,
.metaluxe .feature-wrap .toggle label div[aria-hidden="true"],
.toggle label .metaluxe .feature-wrap div[aria-hidden="true"],
.metaluxe .feature-wrap .title-line:before,
.metaluxe .feature-wrap .top-arrow:before,
.metaluxe .feature-wrap .top-arrow:after,
.metaluxe .feature-wrap .bulle-explain,
.metaluxe .feature-wrap [class*='social-widget'],
.metaluxe .feature-wrap .pricing-panel footer,
.pricing-panel .metaluxe .feature-wrap footer,
.metaluxe .feature-wrap .subs-info .description,
.subs-info .metaluxe .feature-wrap .description,
.metaluxe .feature-wrap .profile-header .header-profile-img>img,
.profile-header .metaluxe .feature-wrap .header-profile-img>img,
.metaluxe .feature-wrap .profile-header:before,
.metaluxe .feature-wrap #search-wrapper .collection-header:before,
#search-wrapper .metaluxe .feature-wrap .collection-header:before,
.metaluxe .feature-wrap .bm-img-list .bm-check,
.bm-img-list .metaluxe .feature-wrap .bm-check,
.metaluxe .feature-wrap .bm-main-nav-btn,
.metaluxe .feature-wrap .btn-information,
.metaluxe .feature-wrap .bm-quality-picture {
    cursor: pointer;
    width: 50px;
    height: 50px
}

.metaluxe .feature-wrap .feature-text {
    position: absolute;
    padding: 14px 20px;
    background-color: #fff;
    width: 290px;
    border-radius: 5px;
    bottom: 100%;
    right: 50%
}

.metaluxe .feature-wrap .feature-text h4 {
    margin-bottom: 7px
}

.metaluxe .feature-wrap .feature-text p {
    margin-bottom: 0
}

.metaluxe .feature-wrap .feature-text.top-right {
    left: 50%
}

.metaluxe .feature-wrap .f1 {
    top: 10%;
    left: 25%
}

.metaluxe .feature-wrap .f2 {
    bottom: 18%;
    left: 3%
}

.metaluxe .feature-wrap .f3 {
    bottom: 15%;
    left: 30%
}

.metaluxe .feature-wrap .f4 {
    top: 40%;
    right: 45%
}

.metaluxe .feature-wrap .f5 {
    bottom: 15%;
    right: 7%
}

.metaluxe .collection .slick-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 0
}

.metaluxe .collection .collection-bg .full-page-section {
    background-position: center right
}

.metaluxe .collection .bg1 {
    background-image: url(/img/metaluxe/collection_bg.jpg?v2)
}

.metaluxe .collection .bg1 p {
    bottom: 10px;
    left: 10px
}

@media (max-width: 767px) {
    .metaluxe .collection .bg1 p {
        right: 10px;
        text-align: center;
        text-shadow: 0 1px 1px #333
    }
}

.metaluxe .collection .bg2 {
    background-image: url(/img/metaluxe/collection_bg2.jpg?v2)
}

.metaluxe .collection .bg3 {
    background-image: url(/img/metaluxe/collection_bg3.jpg?v2)
}

.metaluxe .collection button::before {
    color: rgba(255, 255, 255, 0.6)
}

.metaluxe .collection .slick-dots,
.metaluxe .collection button {
    z-index: 15
}

.metaluxe .collection .wrapper,
.metaluxe .collection .campaign__wrapper {
    position: relative;
    z-index: 10
}

@media (max-width: 1400px) {
    .metaluxe .collection .wrapper,
    .metaluxe .collection .campaign__wrapper {
        padding-left: 120px
    }
}

.metaluxe .pagination #pagin-arrow {
    top: 0;
    left: 50%;
    margin-left: -40px
}

.metaluxe .pagination button {
    background-color: transparent;
    border: none;
    color: #fff;
    position: absolute
}

.metaluxe .pagination .prev {
    left: 0
}

.metaluxe .pagination .next {
    right: 0
}

.metaluxe #giveaway-slider .slick-slide {
    margin-left: 11px;
    margin-right: 11px;
    height: auto
}

@media (min-width: 767px) {
    .metaluxe .winner-heading {
        font-size: 30px;
        line-height: 1.2em
    }
}

.metaluxe .modal-head {
    padding: 10px
}

.metaluxe .modal-content {
    padding: 20px
}

.metaluxe .modal-content {
    height: 500px;
    overflow-y: scroll;
    border-top: 1px solid #ccc
}

.metaluxe .modal-content p {
    font-size: 12px;
    margin-bottom: 15px
}

@media (min-width: 767px) {
    .metaluxe #giveaway .right-border {
        border-right: 1px solid #333
    }
}

@media (max-width: 1000px) {
    .metaluxe .spotting-link {
        display: none
    }
}

@media (max-width: 767px) {
    .metaluxe h1 {
        font-size: 28px
    }
    .metaluxe .dark .description {
        font-size: 11px
    }
    .metaluxe .collection .wrapper,
    .metaluxe .collection .campaign__wrapper,
    .metaluxe .collection .collection-bg .full-page-section {
        height: 700px;
        background-size: cover;
        background-position: top right
    }
}

@media (max-width: 767px) and (max-width: 550px) {
    .metaluxe .collection .wrapper,
    .metaluxe .collection .campaign__wrapper,
    .metaluxe .collection .collection-bg .full-page-section {
        background-size: 600px auto
    }
}

@media (max-width: 767px) {
    .metaluxe .collection .wrapper,
    .metaluxe .collection .campaign__wrapper {
        background-color: rgba(0, 0, 0, 0.3);
        padding-left: 11px;
        text-align: center
    }
    .metaluxe .collection .bg1 {
        background-image: url(/img/metaluxe/collection_bg_mobile.jpg?v2)
    }
    .metaluxe .collection .bg2 {
        background-image: url(/img/metaluxe/collection_bg2_mobile.jpg?v2)
    }
    .metaluxe .collection .bg3 {
        background-image: url(/img/metaluxe/collection_bg3_mobile.jpg?v2)
    }
    .metaluxe .landing .btn,
    .metaluxe .collection .btn {
        width: 200px
    }
}

.metaluxe .h2-5-like {
    font-size: 32px;
    letter-spacing: 0.02em
}

@media (max-width: 767px) {
    .metaluxe .h2-5-like {
        font-size: 18px
    }
}

.metaluxe .plate-wrapper .transparent,
.metaluxe .plate-wrapper .transparent button {
    opacity: 1
}

.casetimas-slide {
    background: url(/img/casetimas/casetimas-slide.png?v=2) no-repeat center center;
    height: 400px
}

@media screen and (max-width: 2000px) {
    .casetimas-slide {
        background-size: cover
    }
}

@media screen and (max-width: 1024px) {
    .casetimas-slide {
        height: 250px
    }
}

.castimas-title {
    margin-top: -40px
}

.instagram-shop {
    height: 100%;
    background: #eee
}

.instagram-shop #ig-tab-float {
    left: 0
}

.instagram-shop .tab .active {
    color: #5fa9cc
}

.instagram-shop .avatar {
    border: solid 1px rgba(0, 0, 0, 0.1);
    height: 75px;
    width: 75px;
    color: #000;
    margin-bottom: 3px
}

.instagram-shop .avatar [data-icon]:before {
    font-size: 45px;
    line-height: 70px
}

.instagram-shop .table,
.instagram-shop .multi-buttons {
    table-layout: fixed
}

.instagram-shop .h3-like {
    padding: 4px 0;
    margin: 4px 0
}

.instagram-shop .row,
.instagram-shop .tab,
.instagram-shop .slide-1,
.instagram-shop .slide-3 {
    background: #FFF
}

.instagram-shop .video-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.instagram-shop .video-overlay video {
    height: 100%;
    width: 100%;
    background: #000
}

.instagram-shop .video-overlay video source {
    height: 100%
}

.instagramshop-close-btn {
    cursor: pointer;
    z-index: 100;
    width: 42px;
    height: 42px;
    line-height: 38px
}

.karenmok .light-brown {
    color: #bb9977
}

.karenmok .gold {
    background-color: #fbf7ee
}

.karenmok p {
    line-height: 2em
}

.karenmok .custom-head {
    font-size: 21px
}

@media (max-width: 767px) {
    .karenmok .custom-head {
        font-size: 17px
    }
}

.karenmok h3.border-bottom {
    padding-bottom: 14px
}

.karenmok .social-link a {
    display: inline-block;
    margin-right: 45px
}

.karenmok .landing {
    background-image: url(/img/karenmok/landing_bg.jpg?v3);
    background-position: center center
}

.karenmok .landing h2 {
    color: #333
}

.karenmok .landing p {
    color: #444;
    max-width: 400px
}

.karenmok .landing .social-link a {
    color: #333
}

.karenmok .landing .absolute,
.karenmok .landing .checkbox .check-square:after,
.checkbox .karenmok .landing .check-square:after,
.karenmok .landing .checkbox input[type="checkbox"]:not(:checked),
.checkbox .karenmok .landing input[type="checkbox"]:not(:checked),
.karenmok .landing .checkbox input[type="checkbox"]:checked,
.checkbox .karenmok .landing input[type="checkbox"]:checked,
.karenmok .landing .radio .radio-circle:after,
.radio .karenmok .landing .radio-circle:after,
.karenmok .landing .radio input[type="radio"]:not(:checked),
.radio .karenmok .landing input[type="radio"]:not(:checked),
.karenmok .landing .radio input[type="radio"]:checked,
.radio .karenmok .landing input[type="radio"]:checked,
.karenmok .landing .toggle input,
.toggle .karenmok .landing input,
.karenmok .landing .toggle label,
.toggle .karenmok .landing label,
.karenmok .landing .toggle label div[aria-hidden="true"],
.toggle label .karenmok .landing div[aria-hidden="true"],
.karenmok .landing .title-line:before,
.karenmok .landing .top-arrow:before,
.karenmok .landing .top-arrow:after,
.karenmok .landing .bulle-explain,
.karenmok .landing [class*='social-widget'],
.karenmok .landing .pricing-panel footer,
.pricing-panel .karenmok .landing footer,
.karenmok .landing .subs-info .description,
.subs-info .karenmok .landing .description,
.karenmok .landing .profile-header .header-profile-img>img,
.profile-header .karenmok .landing .header-profile-img>img,
.karenmok .landing .profile-header:before,
.karenmok .landing #search-wrapper .collection-header:before,
#search-wrapper .karenmok .landing .collection-header:before,
.karenmok .landing .bm-img-list .bm-check,
.bm-img-list .karenmok .landing .bm-check,
.karenmok .landing .bm-main-nav-btn,
.karenmok .landing .btn-information,
.karenmok .landing .bm-quality-picture {
    bottom: 20px;
    right: 200px
}

@media (max-width: 767px) {
    .karenmok .landing {
        text-align: center;
        background-image: url(/img/karenmok/landing_bg_mobile.jpg?v=2)
    }
    .karenmok .landing::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.2)
    }
    .karenmok .landing h2 img {
        height: 22px
    }
    .karenmok .landing p {
        margin-top: 450px;
        margin-left: auto;
        margin-right: auto
    }
    .karenmok .landing .absolute,
    .karenmok .landing .checkbox .check-square:after,
    .checkbox .karenmok .landing .check-square:after,
    .karenmok .landing .checkbox input[type="checkbox"]:not(:checked),
    .checkbox .karenmok .landing input[type="checkbox"]:not(:checked),
    .karenmok .landing .checkbox input[type="checkbox"]:checked,
    .checkbox .karenmok .landing input[type="checkbox"]:checked,
    .karenmok .landing .radio .radio-circle:after,
    .radio .karenmok .landing .radio-circle:after,
    .karenmok .landing .radio input[type="radio"]:not(:checked),
    .radio .karenmok .landing input[type="radio"]:not(:checked),
    .karenmok .landing .radio input[type="radio"]:checked,
    .radio .karenmok .landing input[type="radio"]:checked,
    .karenmok .landing .toggle input,
    .toggle .karenmok .landing input,
    .karenmok .landing .toggle label,
    .toggle .karenmok .landing label,
    .karenmok .landing .toggle label div[aria-hidden="true"],
    .toggle label .karenmok .landing div[aria-hidden="true"],
    .karenmok .landing .title-line:before,
    .karenmok .landing .top-arrow:before,
    .karenmok .landing .top-arrow:after,
    .karenmok .landing .bulle-explain,
    .karenmok .landing [class*='social-widget'],
    .karenmok .landing .pricing-panel footer,
    .pricing-panel .karenmok .landing footer,
    .karenmok .landing .subs-info .description,
    .subs-info .karenmok .landing .description,
    .karenmok .landing .profile-header .header-profile-img>img,
    .profile-header .karenmok .landing .header-profile-img>img,
    .karenmok .landing .profile-header:before,
    .karenmok .landing #search-wrapper .collection-header:before,
    #search-wrapper .karenmok .landing .collection-header:before,
    .karenmok .landing .bm-img-list .bm-check,
    .bm-img-list .karenmok .landing .bm-check,
    .karenmok .landing .bm-main-nav-btn,
    .karenmok .landing .btn-information,
    .karenmok .landing .bm-quality-picture {
        position: relative;
        right: auto;
        bottom: auto;
        padding-bottom: 22px
    }
    .karenmok .landing .social-link {
        margin-right: -40px
    }
    .karenmok .landing .social-link a i {
        font-size: 2em
    }
}

@media (min-width: 767px) {
    .karenmok .intro .bg {
        background-image: url(/img/karenmok/intro_bg.jpg?v2);
        background-position: top center;
        top: 0;
        left: 0
    }
    .karenmok .intro h2 {
        font-size: 30px
    }
}

.karenmok .qa p {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .karenmok .qa .img-wrap {
        text-align: center
    }
    .karenmok .qa .img-wrap img {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}

.karenmok .custom .centerize {
    width: 300px
}

.karenmok .collection-bg {
    background-image: url(/img/karenmok/collection_bg.jpg?v4);
    height: 700px
}

@media (max-width: 767px) {
    .karenmok .collection-bg {
        background-image: url(/img/karenmok/collection_bg_mobile.jpg?v4);
        height: 400px
    }
}

.karenmok .collection .column3 {
    padding-left: 22px;
    padding-right: 22px
}

.karenmok .follow .social-link {
    margin-right: -40px
}

.karenmok .follow .social-link a {
    color: #999
}

.watch .page .wrapper,
.watch .page .campaign__wrapper {
    max-width: 960px
}

.watch header.bar {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 8
}

.watch .sub-text {
    color: #999
}

.watch .landing-bg {
    background-image: url(/img/watch/landing-bg.jpg?v=3);
    background-size: cover;
    background-position: center center
}

@media (max-width: 767px) {
    .watch .landing .column7,
    .watch .landing .modal-form-wrapper {
        float: none;
        padding-left: 20px;
        padding-right: 20px
    }
    .watch .landing .logo {
        width: 200px;
        margin-left: auto;
        margin-right: auto
    }
    .watch .landing h2 {
        line-height: 1.1em
    }
    .watch .landing .btn.king-size.dark-color {
        font-size: 11px;
        margin-bottom: 11px;
        width: auto;
        background-color: #5fa9cc;
        color: #fff
    }
    .watch .landing .btn.king-size.dark-color.btn {
        color: #fff;
        background-color: #5fa9cc;
        border-color: #3da3a3
    }
    .watch .landing .btn.king-size.dark-color.btn:hover,
    .watch .landing .btn.king-size.dark-color.btn:focus {
        background: #53bfbf
    }
    .watch .landing .btn.king-size.dark-color.tag {
        background: #5fa9cc
    }
    .watch .landing .btn.king-size.dark-color.tag:hover,
    .watch .landing .btn.king-size.dark-color.tag:focus {
        background: #53bfbf
    }
    .watch .landing .btn.king-size.dark-color h1,
    .watch .landing .btn.king-size.dark-color .h1-like,
    .watch .landing .btn.king-size.dark-color .h1-5-like,
    .watch .landing .btn.king-size.dark-color h2,
    .watch .landing .btn.king-size.dark-color .h2-like,
    .watch .landing .btn.king-size.dark-color .h2-5-like,
    .watch .landing .btn.king-size.dark-color .search-custom-field input[type=search],
    .search-custom-field .watch .landing .btn.king-size.dark-color input[type=search],
    .watch .landing .btn.king-size.dark-color h3,
    .watch .landing .btn.king-size.dark-color .h3-like,
    .watch .landing .btn.king-size.dark-color h4,
    .watch .landing .btn.king-size.dark-color .h4-like {
        color: #fff
    }
    .watch .landing .btn.king-size.dark-color a {
        color: #fff
    }
    .watch .landing-bg {
        background-image: url(/img/watch/landing-bg-mobile.jpg?v=5);
        position: relative;
        height: 350px
    }
    .watch .detail .xs-border {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }
}

@media (max-height: 570px) {
    .watch .landing h2 {
        font-size: 20px
    }
    .watch .landing .btn.dark-color {
        margin-top: 11px
    }
    .watch .landing .social-link .text-big:before {
        font-size: 20px
    }
}

.watch .btn.king-size.dark-color {
    width: 250px;
    text-align: center;
    overflow: hidden
}

.watch .learn-more {
    position: absolute;
    bottom: 140px;
    left: 50%;
    margin-left: -90px;
    z-index: 6
}

.watch .learn-more a i:hover,
.watch .learn-more .discover-more:hover {
    color: #5fa9cc
}

.watch .mentioned {
    height: 122px;
    background-color: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
}

@media (max-height: 800px) {
    .watch .mentioned {
        height: 100px
    }
}

.watch .personal {
    color: #fff
}

.watch .personal .personal-bg {
    background-image: url(/img/watch/personal-bg.jpg?v=2);
    background-size: cover;
    background-position: center center
}

.watch .personal h2 {
    color: #fff
}

@media (max-width: 767px) {
    .watch .personal {
        color: #666
    }
    .watch .personal h2 {
        color: #222
    }
    .watch .personal .personal-bg {
        background-image: url(/img/watch/personal-bg-mobile.jpg?v=2);
        position: relative;
        height: 350px
    }
}

.watch .photo-bg {
    background-size: cover;
    background-position: center center
}

.watch .photo-1 {
    background-image: url(/img/watch/photo-1.jpg?v=3)
}

.watch .photo-2 {
    background-image: url(/img/watch/photo-2.jpg?v=3)
}

.watch .photo-3 {
    background-image: url(/img/watch/photo-3.jpg?v=3)
}

@media (max-width: 767px) {
    .watch .photo-1 {
        background-image: url(/img/watch/photo-1-mobile.jpg?v=2)
    }
    .watch .photo-2 {
        background-image: url(/img/watch/photo-2-mobile.jpg?v=2)
    }
}

.watch .material-1 {
    background-image: url(/img/watch/detail-buckle-1-mobile.jpg?v=2)
}

.watch .material-2 {
    background-image: url(/img/watch/detail-adaptor-2-mobile.jpg?v=2)
}

.watch .material-3 {
    background-image: url(/img/watch/detail-strap-1-mobile.jpg?v=2)
}

@media (max-width: 767px) {
    .watch #material-slider .slick-dots {
        margin-top: 10px
    }
    .watch #photo-slider .slick-dots {
        margin-top: 10px
    }
    .watch .detail-img-wrap {
        border-bottom: none
    }
}

.watch .photo .column6,
.watch .photo .column12,
.watch .photo .subs-info .description,
.subs-info .watch .photo .description {
    padding: 3px 5px
}

.watch .detail-slider {
    overflow: hidden
}

.watch .detail-slider .detail-slider-wrapper {
    width: 300%
}

.watch .detail-slider .detail-slider-wrapper>div {
    width: 33.25%;
    display: inline-block
}

.watch .plus {
    width: 40px;
    height: 40px;
    position: absolute;
    background-image: url(/img/watch/plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.watch .plus:hover,
.watch .plus.active {
    background-image: url(/img/watch/active-plus.png)
}

.watch .plus-1 {
    top: 35%;
    left: 21%
}

.watch .plus-2 {
    top: 50%;
    left: 39%
}

.watch .plus-3 {
    top: 40%;
    left: 65%
}

.watch .price {
    color: #999
}

.watch .watch-box {
    overflow: hidden;
    border: 1px solid #ccc;
    height: 310px;
    background-position: center 45%;
    background-repeat: no-repeat;
    max-width: 230px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.watch #collection1 {
    background-image: url(/img/watch/collection1.jpg?v6)
}

.watch #collection2 {
    background-image: url(/img/watch/collection2.jpg?v5)
}

.watch #collection3 {
    background-image: url(/img/watch/collection3.jpg?v5)
}

.watch #collection4 {
    background-image: url(/img/watch/collection4.jpg?v5)
}

.watch .collection .notify-watch:hover {
    background-color: #333;
    color: #fff
}

.watch .app-bg {
    background-image: url(/img/watch/app-bg.jpg?v=2);
    background-size: cover;
    background-position: center center
}

@media (max-width: 767px) {
    .watch .app-bg {
        position: relative;
        height: 400px
    }
}

.watch .watch-border-heading {
    padding-bottom: 11px
}

@media (max-width: 767px) {
    .watch .watch-border-heading {
        padding-bottom: 0
    }
    .watch .app.text-big {
        margin-left: auto;
        margin-right: auto
    }
    .watch .app-bg {
        background-image: url(/img/watch/app-bg-mobile.jpg?v=2)
    }
    .watch .size h3.border-bottom {
        border-bottom: none;
        font-size: 22px;
        font-weight: 800
    }
}

@media (max-width: 940px) {
    .watch .design-btn {
        display: none
    }
}

@media (min-width: 767px) {
    .watch .landing {
        min-height: 800px
    }
    .watch .landing p {
        color: #222
    }
    .watch .size .column4 .sub-text {
        max-width: 250px
    }
}

@media (min-width: 769px) {
    .watch .landing .custom-width {
        max-width: 430px
    }
    .watch .collection-wrap {
        height: 400px;
        overflow: hidden
    }
    .watch .personal p {
        line-height: 2em
    }
    .watch .main-footer {
        display: none
    }
    .watch #material-slider .slick-dots,
    .watch #size-slider .slick-dots {
        margin-top: 0
    }
    .watch #material-slider .slick-slide,
    .watch #size-slider .slick-slide {
        height: auto
    }
}

@media (max-width: 767px) {
    .watch header.bar {
        position: relative
    }
    .watch .vertical-align-element {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .watch .personal .column6 {
        text-align: center;
        padding: 0 30px
    }
    .watch .personal img {
        padding-left: 50px;
        padding-right: 50px
    }
    .watch .personal .xs-grey {
        background-color: #eee
    }
    .watch .personal .text {
        margin-left: auto;
        margin-right: auto
    }
    .watch .watch-box {
        height: 250px;
        background-size: 70%
    }
    .watch .collection h5.text-gray {
        display: none
    }
    .watch .app-link img {
        display: block;
        width: 150px
    }
}

.watch .size-avail .row .column9 h5,
.watch .size-avail .row .form-wrapper h5,
.watch .size-avail .row .column9 small,
.watch .size-avail .row .form-wrapper small,
.watch .size-avail .row img {
    opacity: 0.3
}

.watch .size-avail .row.active .column9 h5,
.watch .size-avail .row.active .form-wrapper h5,
.watch .size-avail .row.active .column9 small,
.watch .size-avail .row.active .form-wrapper small,
.watch .size-avail .row.active img {
    opacity: 1
}

.watch .model:focus,
.watch .model.active {
    outline: none
}

.watch .model img {
    border: 1px solid #999
}

.watch .model.active img {
    border-color: #5fa9cc
}

.watch .noUi-horizontal {
    margin-top: 20px;
    height: 5px
}

.watch .noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: -9px
}

.watch .noUi-horizontal .noUi-handle:before,
.watch .noUi-horizontal .noUi-handle:after {
    content: none
}

.watch .modal-content td,
.watch .modal-content td * {
    vertical-align: middle
}

.watch .modal-content th,
.watch .modal-content td {
    width: 25%;
    padding-top: 20px;
    padding-bottom: 20px
}

.watch .modal-content tr {
    border-bottom: 1px solid #ccc
}

ul.onepage-pagination li a:before {
    background: #343434;
    opacity: 1
}

ul.onepage-pagination li a.active:before {
    background: #343434;
    border-color: #343434;
    opacity: 1
}

.disabled-onepage-scroll nav.wrapper,
.disabled-onepage-scroll nav.campaign__wrapper {
    overflow: visible
}

#size-modal-placeholder h3.border-bottom {
    padding-left: 130px
}

.macbook-sleeve header.bar {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 8
}

@media (max-width: 767px) {
    .macbook-sleeve header.bar {
        position: relative
    }
}

.macbook-sleeve .landing {
    background-image: url(/img/macbook/landing.jpg);
    background-position: center center;
    background-size: cover
}

.macbook-sleeve .landing .btn:hover {
    color: #666
}

.macbook-sleeve .landing .share-btn {
    bottom: 120px;
    left: 0
}

@media (max-width: 767px) {
    .macbook-sleeve .landing {
        background-image: url(/img/macbook/landing_mobile.jpg)
    }
    .macbook-sleeve .landing .wrapper,
    .macbook-sleeve .landing .campaign__wrapper {
        height: 450px
    }
    .macbook-sleeve .landing .share-btn {
        bottom: 0
    }
}

.macbook-sleeve .custom {
    background-image: url(/img/macbook/custom.jpg);
    background-size: cover;
    background-position: center center
}

@media (max-width: 767px) {
    .macbook-sleeve .custom {
        background-image: url(/img/macbook/custom_mobile.jpg)
    }
    .macbook-sleeve .custom .wrapper,
    .macbook-sleeve .custom .campaign__wrapper {
        height: 450px
    }
}

.macbook-sleeve #spec-slide .slick-slide {
    height: 350px
}

@media (max-width: 767px) {
    .macbook-sleeve #spec-slide .slick-slide {
        height: auto;
        margin-bottom: 50px
    }
}

.macbook-sleeve .f-height.slick-slider,
.macbook-sleeve #search-wrapper .slick-slider.collection-header:before,
#search-wrapper .macbook-sleeve .slick-slider.collection-header:before,
.macbook-sleeve .slick-slider.bm-overlay,
.macbook-sleeve .metaluxe .collection .slick-slider.slick-list,
.metaluxe .collection .macbook-sleeve .slick-slider.slick-list,
.macbook-sleeve .metaluxe .collection .slick-slider.slick-track,
.metaluxe .collection .macbook-sleeve .slick-slider.slick-track {
    padding-bottom: 0
}

.macbook-sleeve .f-height.slick-slider .slick-list,
.macbook-sleeve #search-wrapper .slick-slider.collection-header:before .slick-list,
#search-wrapper .macbook-sleeve .slick-slider.collection-header:before .slick-list,
.macbook-sleeve .slick-slider.bm-overlay .slick-list,
.macbook-sleeve .metaluxe .collection .slick-slider.slick-list .slick-list,
.metaluxe .collection .macbook-sleeve .slick-slider.slick-list .slick-list,
.macbook-sleeve .metaluxe .collection .slick-slider.slick-track .slick-list,
.metaluxe .collection .macbook-sleeve .slick-slider.slick-track .slick-list,
.macbook-sleeve .f-height.slick-slider .slick-track,
.macbook-sleeve #search-wrapper .slick-slider.collection-header:before .slick-track,
#search-wrapper .macbook-sleeve .slick-slider.collection-header:before .slick-track,
.macbook-sleeve .slick-slider.bm-overlay .slick-track,
.macbook-sleeve .metaluxe .collection .slick-slider.slick-list .slick-track,
.metaluxe .collection .macbook-sleeve .slick-slider.slick-list .slick-track,
.macbook-sleeve .metaluxe .collection .slick-slider.slick-track .slick-track,
.metaluxe .collection .macbook-sleeve .slick-slider.slick-track .slick-track,
.macbook-sleeve .f-height.slick-slider .slick-slide,
.macbook-sleeve #search-wrapper .slick-slider.collection-header:before .slick-slide,
#search-wrapper .macbook-sleeve .slick-slider.collection-header:before .slick-slide,
.macbook-sleeve .slick-slider.bm-overlay .slick-slide,
.macbook-sleeve .metaluxe .collection .slick-slider.slick-list .slick-slide,
.metaluxe .collection .macbook-sleeve .slick-slider.slick-list .slick-slide,
.macbook-sleeve .metaluxe .collection .slick-slider.slick-track .slick-slide,
.metaluxe .collection .macbook-sleeve .slick-slider.slick-track .slick-slide {
    height: 100%
}

.macbook-sleeve .specs h2.centerize {
    font-size: 30px
}

@media (max-width: 767px) {
    .macbook-sleeve .specs h2.centerize {
        font-size: 16px;
        line-height: 1.2em
    }
}

@media (max-width: 767px) {
    .macbook-sleeve .detail {
        height: 400px
    }
}

.macbook-sleeve .detail-slider-wrap {
    padding-bottom: 209px
}

@media (max-width: 767px) {
    .macbook-sleeve .detail-slider-wrap {
        padding-bottom: 166px
    }
}

.macbook-sleeve .detail-bg div {
    background-size: cover;
    background-position: center center
}

.macbook-sleeve .detail-bg .detail-1 {
    background-image: url(/img/macbook/detail1.jpg)
}

.macbook-sleeve .detail-bg .detail-2 {
    background-image: url(/img/macbook/detail2.jpg)
}

.macbook-sleeve .detail-bg .detail-3 {
    background-image: url(/img/macbook/detail3.jpg)
}

.macbook-sleeve .story {
    background-image: url(/img/macbook/story.jpg);
    background-size: cover;
    background-position: center center
}

@media (max-width: 767px) {
    .macbook-sleeve .story {
        background-image: url(/img/macbook/story_mobile.jpg);
        height: 400px
    }
}

.macbook-sleeve .collection {
    background-image: url(/img/macbook/collection.jpg);
    background-size: cover;
    background-position: center center
}

@media (max-width: 767px) {
    .macbook-sleeve .collection {
        background-image: url(/img/macbook/collection_mobile.jpg);
        height: 300px
    }
}

.macbook-sleeve .grey {
    background-color: #fafafa
}

@media (max-width: 767px) {
    .macbook-sleeve .row {
        padding-left: 11px;
        padding-right: 11px
    }
    .macbook-sleeve .vertical-align-element {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .macbook-sleeve .collection-bg .slick-slide::before,
    .macbook-sleeve .custom-bg .slick-slide::before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: block
    }
}

.centerfix1 {
    margin-left: -10px
}

.seo-text-link {
    cursor: default
}

.kapok {
    overflow: hidden;
    width: 100%
}

.kapok .title-wrap {
    top: 184px
}

.kapok .title {
    max-width: 400px;
    margin-top: -50%
}

@media (max-width: 767px) {
    .kapok .title {
        max-width: 100%;
        width: 400px
    }
}

.kapok .share-link-wrap {
    bottom: 80px
}

.kapok .grid-wrap {
    float: left;
    width: 33.33333%
}

@media (max-width: 1024px) {
    .kapok .grid-wrap {
        width: 50%
    }
    .kapok .grid-wrap.s-hide {
        display: none
    }
}

@media (max-width: 1024px) and (min-width: 767px) {
    .kapok .grid-wrap.black {
        width: 100%
    }
    .kapok .grid-wrap.black .grid {
        width: 16.66667%
    }
}

@media (min-width: 1024px) {
    .kapok .grid-wrap .grid.black:nth-last-of-type(-n+3) {
        display: none
    }
}

@media (max-width: 767px) {
    .kapok .grid-wrap {
        width: 100%
    }
}

.kapok .grid {
    position: relative;
    float: left;
    width: 33.33333%;
    padding: 20px 30px
}

.kapok .grid:after,
.kapok .grid:before {
    content: '';
    position: absolute;
    display: inline-block;
    z-index: -10
}

.kapok .grid:before {
    left: -50%;
    right: -50%;
    top: 50%;
    width: 200%;
    border-top: 1px solid #ccc
}

.kapok .grid:after {
    right: 50%;
    top: -50%;
    bottom: -50%;
    border-left: 1px solid #ccc
}

.kapok .grid .placeholder,
.kapok .grid a {
    width: 80px;
    max-width: 100%
}

.kapok .grid .placeholder {
    height: 160px
}

.kapok.poketo .header-wrap {
    top: 90px;
    padding-left: 30px;
    padding-right: 30px
}

@media (min-width: 1024px) {
    .kapok.poketo .grid.black:nth-last-of-type(-n+3) {
        display: block
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .kapok.poketo .grid.black:nth-last-of-type(-n+3) {
        display: none
    }
}

@media (max-width: 420px) {
    .kapok.poketo .header-wrap {
        top: 70px
    }
    .kapok.poketo .placeholder {
        height: 110px
    }
}

@media (max-width: 320px) {
    .kapok.poketo [data-icon].text-big:before {
        font-size: 20px
    }
}

.colette {
    whire-space: pre
}

.colette .light-brown {
    color: #bb9977
}

.colette .gold {
    background-color: #ffffff
}

.colette .grey {
    background-color: #f2f2f2
}

.colette p {
    line-height: 2em
}

.colette .custom-head {
    font-size: 21px
}

@media (max-width: 767px) {
    .colette .custom-head {
        font-size: 17px
    }
}

.colette h3.border-bottom {
    padding-bottom: 14px
}

.colette .social-link a {
    display: inline-block;
    margin-right: 45px
}

.colette .landing {
    background-image: url(/img/colette/colette_banner2000x533_02.jpg);
    background-position: center center
}

.colette .landing h2 {
    color: #333
}

.colette .landing p {
    color: #444;
    max-width: 400px
}

.colette .landing .social-link a {
    color: #333
}

.colette .landing .absolute,
.colette .landing .checkbox .check-square:after,
.checkbox .colette .landing .check-square:after,
.colette .landing .checkbox input[type="checkbox"]:not(:checked),
.checkbox .colette .landing input[type="checkbox"]:not(:checked),
.colette .landing .checkbox input[type="checkbox"]:checked,
.checkbox .colette .landing input[type="checkbox"]:checked,
.colette .landing .radio .radio-circle:after,
.radio .colette .landing .radio-circle:after,
.colette .landing .radio input[type="radio"]:not(:checked),
.radio .colette .landing input[type="radio"]:not(:checked),
.colette .landing .radio input[type="radio"]:checked,
.radio .colette .landing input[type="radio"]:checked,
.colette .landing .toggle input,
.toggle .colette .landing input,
.colette .landing .toggle label,
.toggle .colette .landing label,
.colette .landing .toggle label div[aria-hidden="true"],
.toggle label .colette .landing div[aria-hidden="true"],
.colette .landing .title-line:before,
.colette .landing .top-arrow:before,
.colette .landing .top-arrow:after,
.colette .landing .bulle-explain,
.colette .landing [class*='social-widget'],
.colette .landing .pricing-panel footer,
.pricing-panel .colette .landing footer,
.colette .landing .subs-info .description,
.subs-info .colette .landing .description,
.colette .landing .profile-header .header-profile-img>img,
.profile-header .colette .landing .header-profile-img>img,
.colette .landing .profile-header:before,
.colette .landing #search-wrapper .collection-header:before,
#search-wrapper .colette .landing .collection-header:before,
.colette .landing .bm-img-list .bm-check,
.bm-img-list .colette .landing .bm-check,
.colette .landing .bm-main-nav-btn,
.colette .landing .btn-information,
.colette .landing .bm-quality-picture {
    bottom: 20px;
    right: 200px
}

@media (max-width: 767px) {
    .colette .landing {
        height: 320px;
        text-align: center;
        background-image: url(/img/colette/colette_banner_mobile.jpg)
    }
    .colette .landing::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }
    .colette .landing h2 img {
        height: 22px
    }
    .colette .landing p {
        margin-top: 450px;
        margin-left: auto;
        margin-right: auto
    }
    .colette .landing .absolute,
    .colette .landing .checkbox .check-square:after,
    .checkbox .colette .landing .check-square:after,
    .colette .landing .checkbox input[type="checkbox"]:not(:checked),
    .checkbox .colette .landing input[type="checkbox"]:not(:checked),
    .colette .landing .checkbox input[type="checkbox"]:checked,
    .checkbox .colette .landing input[type="checkbox"]:checked,
    .colette .landing .radio .radio-circle:after,
    .radio .colette .landing .radio-circle:after,
    .colette .landing .radio input[type="radio"]:not(:checked),
    .radio .colette .landing input[type="radio"]:not(:checked),
    .colette .landing .radio input[type="radio"]:checked,
    .radio .colette .landing input[type="radio"]:checked,
    .colette .landing .toggle input,
    .toggle .colette .landing input,
    .colette .landing .toggle label,
    .toggle .colette .landing label,
    .colette .landing .toggle label div[aria-hidden="true"],
    .toggle label .colette .landing div[aria-hidden="true"],
    .colette .landing .title-line:before,
    .colette .landing .top-arrow:before,
    .colette .landing .top-arrow:after,
    .colette .landing .bulle-explain,
    .colette .landing [class*='social-widget'],
    .colette .landing .pricing-panel footer,
    .pricing-panel .colette .landing footer,
    .colette .landing .subs-info .description,
    .subs-info .colette .landing .description,
    .colette .landing .profile-header .header-profile-img>img,
    .profile-header .colette .landing .header-profile-img>img,
    .colette .landing .profile-header:before,
    .colette .landing #search-wrapper .collection-header:before,
    #search-wrapper .colette .landing .collection-header:before,
    .colette .landing .bm-img-list .bm-check,
    .bm-img-list .colette .landing .bm-check,
    .colette .landing .bm-main-nav-btn,
    .colette .landing .btn-information,
    .colette .landing .bm-quality-picture {
        position: relative;
        right: auto;
        bottom: auto;
        padding-bottom: 22px
    }
    .colette .landing .social-link {
        margin-right: -40px
    }
    .colette .landing .social-link a i {
        font-size: 2em
    }
}

.colette .sideview {
    display: none
}

.colette .sideview .absolute,
.colette .sideview .checkbox .check-square:after,
.checkbox .colette .sideview .check-square:after,
.colette .sideview .checkbox input[type="checkbox"]:not(:checked),
.checkbox .colette .sideview input[type="checkbox"]:not(:checked),
.colette .sideview .checkbox input[type="checkbox"]:checked,
.checkbox .colette .sideview input[type="checkbox"]:checked,
.colette .sideview .radio .radio-circle:after,
.radio .colette .sideview .radio-circle:after,
.colette .sideview .radio input[type="radio"]:not(:checked),
.radio .colette .sideview input[type="radio"]:not(:checked),
.colette .sideview .radio input[type="radio"]:checked,
.radio .colette .sideview input[type="radio"]:checked,
.colette .sideview .toggle input,
.toggle .colette .sideview input,
.colette .sideview .toggle label,
.toggle .colette .sideview label,
.colette .sideview .toggle label div[aria-hidden="true"],
.toggle label .colette .sideview div[aria-hidden="true"],
.colette .sideview .title-line:before,
.colette .sideview .top-arrow:before,
.colette .sideview .top-arrow:after,
.colette .sideview .bulle-explain,
.colette .sideview [class*='social-widget'],
.colette .sideview .pricing-panel footer,
.pricing-panel .colette .sideview footer,
.colette .sideview .subs-info .description,
.subs-info .colette .sideview .description,
.colette .sideview .profile-header .header-profile-img>img,
.profile-header .colette .sideview .header-profile-img>img,
.colette .sideview .profile-header:before,
.colette .sideview #search-wrapper .collection-header:before,
#search-wrapper .colette .sideview .collection-header:before,
.colette .sideview .bm-img-list .bm-check,
.bm-img-list .colette .sideview .bm-check,
.colette .sideview .bm-main-nav-btn,
.colette .sideview .btn-information,
.colette .sideview .bm-quality-picture {
    bottom: 20px;
    right: 200px
}

@media (max-width: 767px) {
    .colette .sideview {
        display: block;
        height: 320px;
        background-position: 50% 50%;
        text-align: center;
        background-image: url(/img/colette/side_view_mobile.jpg)
    }
    .colette .sideview::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }
}

@media (min-width: 767px) {
    .colette .intro .bg {
        background-image: url(/img/colette/side_view_960x960.jpg);
        background-position: center center;
        top: 0;
        left: 0
    }
    .colette .intro h2 {
        font-size: 30px
    }
}

@media (max-width: 767px) {
    .colette .qa .img-wrap {
        text-align: center
    }
    .colette .qa .img-wrap img {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}

.colette .custom .centerize {
    width: 300px
}

.colette .collection-bg {
    background-image: url(/img/karenmok/collection_bg.jpg?v4);
    height: 700px
}

@media (max-width: 767px) {
    .colette .collection-bg {
        background-image: url(/img/karenmok/collection_bg_mobile.jpg?v4);
        height: 400px
    }
}

.colette .collection .column3 {
    padding-left: 22px;
    padding-right: 22px
}

.colette .follow .social-link {
    margin-right: -40px
}

.colette .follow .social-link a {
    color: #999
}

.bbc section,
.bbc #product-display {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bbc .custom-h5-like {
    font-weight: 400;
    line-height: 25px;
    font-size: 15px;
    color: #666
}

.bbc .mentioned {
    background-color: #fff
}

.bbc #section1 {
    background-image: url(/img/bbc/cover0.jpg)
}

.bbc #section1 #bbc-logo,
.bbc #section1 #casetify-logo {
    max-width: 50%;
    width: 100%
}

.bbc #section1 .learn-more {
    cursor: pointer;
    bottom: 20px
}

.bbc #section1 #xs-share-list {
    position: absolute;
    bottom: 90px
}

.bbc #section2 {
    background-image: url(/img/bbc/cover1.jpg)
}

.bbc #section3 {
    background-image: url(/img/bbc/cover2.jpg)
}

.bbc #section4 #product-display {
    background-image: url(/img/bbc/cover3.jpg)
}

@media (max-width: 767px) {
    .bbc #section1 .learn-more {
        margin-left: -45px
    }
}

html.modal-open,
body.modal-open {
    position: relative;
    overflow: hidden
}

.mixbook-casetify {
    font-size: 16px
}

.mixbook-casetify .landing {
    background-image: url(/img/mixbook-casetify/mixbookmainvisual_160.jpg);
    background-position: center center;
    min-height: 650px;
    height: 650px
}

.mixbook-casetify #sign-up-input #email-text-wrapper {
    padding-right: 0;
    min-width: 222px
}

.mixbook-casetify #sign-up-input #email-text-wrapper input {
    min-width: 200px;
    padding: 0 22px;
    height: 66px;
    line-height: 22px
}

.mixbook-casetify #sign-up-input #submit-btn-wrapper {
    padding-left: 0
}

.mixbook-casetify #sign-up-input #submit-btn-wrapper a {
    min-width: 122px;
    height: 66px;
    line-height: 66px
}

.mixbook-casetify #sign-up-input #submit-btn {
    width: 100%
}

.mixbook-casetify .share-text {
    font-size: 13px
}

.mixbook-casetify .newsletter-modal-container {
    border: 0
}

.mixbook-casetify .newsletter-modal-holder {
    overflow-y: auto
}

.mixbook-casetify .modal-overlay .column-left,
.mixbook-casetify .invite-signup-modal .column-left,
.mixbook-casetify .shopping-spree-modal .column-left {
    padding-left: 0
}

.mixbook-casetify .modal-overlay .column-right,
.mixbook-casetify .invite-signup-modal .column-right,
.mixbook-casetify .shopping-spree-modal .column-right {
    padding-right: 0
}

.mixbook-casetify .modal-overlay input.email,
.mixbook-casetify .invite-signup-modal input.email,
.mixbook-casetify .shopping-spree-modal input.email {
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, 0.1);
    line-height: 22px
}

@media (max-width: 767px) {
    .mixbook-casetify .landing {
        background-image: url(/img/mixbook-casetify/tablet_visual.jpg)
    }
}

@media (max-width: 480px) {
    .mixbook-casetify .landing {
        min-height: 650px;
        height: 650px
    }
    .mixbook-casetify .modal-overlay .mt1,
    .mixbook-casetify .invite-signup-modal .mt1,
    .mixbook-casetify .shopping-spree-modal .mt1 {
        margin-top: 11px
    }
    .mixbook-casetify .modal-overlay .pb1,
    .mixbook-casetify .invite-signup-modal .pb1,
    .mixbook-casetify .shopping-spree-modal .pb1 {
        padding-bottom: 11px
    }
}

.casetify6s-giveaway h2.h3-like {
    font-size: 23px
}

.casetify6s-giveaway .xs-show {
    display: none
}

.casetify6s-giveaway .iphone6s .video .start-cover,
.casetify6s-giveaway .iphone6s .video .end-cover,
.casetify6s-giveaway .iphone6s .video .mobile-cover {
    cursor: pointer;
    background-image: url(/img/casetify6s-giveaway/key_visual-highres.jpg)
}

.casetify6s-giveaway section.main-section h1 {
    letter-spacing: 0px
}

.casetify6s-giveaway section.main-section .enter-order-list span.numbering {
    padding-right: 8px
}

.casetify6s-giveaway section.main-section .terms {
    font-size: 12px
}

.casetify6s-giveaway .showcases {
    padding-left: 8px;
    padding-right: 8px
}

.casetify6s-giveaway .showcases .item {
    margin: 8px
}

.casetify6s-giveaway .showcases .item img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 16px
}

.casetify6s-giveaway .modal-head {
    padding: 10px
}

.casetify6s-giveaway .modal-content {
    padding: 20px
}

.casetify6s-giveaway .modal-content {
    height: 500px;
    overflow-y: scroll;
    border-top: 1px solid #ccc
}

.casetify6s-giveaway .modal-content p {
    font-size: 12px;
    margin-bottom: 15px
}

.casetify6s-giveaway .modal-box,
.casetify6s-giveaway .invite-signup-modal-holder,
.casetify6s-giveaway .shopping-spree-modal-holder {
    overflow: hidden
}

@media (min-width: 767px) {
    .casetify6s-giveaway .iphone6s .full-page-section {
        height: 900px
    }
}

@media (max-width: 480px) {
    .casetify6s-giveaway .iphone6s .video .start-cover,
    .casetify6s-giveaway .iphone6s .video .end-cover,
    .casetify6s-giveaway .iphone6s .video .mobile-cover {
        cursor: pointer;
        background-image: url(/img/casetify6s-giveaway/key_visual-xxs.jpg)
    }
}

@media (max-width: 767px) {
    .casetify6s-giveaway .xs-show {
        display: block
    }
    .casetify6s-giveaway h2.h3-like {
        font-size: 19px
    }
    .casetify6s-giveaway .modal-whitebox {
        margin: 50px auto 0 auto
    }
}

.looney-tunes {
    margin: 10px;
    color: white;
    font-size: 16px
}

.looney-tunes .comic-neue {
    font-family: "Comic Neue Angular", "Roboto", Helvetica, Arial, Sans-Serif
}

.looney-tunes .comic-neue-bold {
    font-family: "Comic Neue Angular Bold", "Roboto", Helvetica, Arial, Sans-Serif
}

.looney-tunes .c {
    display: inline-block;
    vertical-align: bottom
}

.looney-tunes .landing {
    border: 10px solid black;
    background-color: #d43838;
    min-height: 650px;
    height: 650px
}

.looney-tunes .landing .wrapper,
.looney-tunes .landing .campaign__wrapper {
    height: 100%
}

.looney-tunes .logo {
    position: absolute;
    bottom: 0
}

.looney-tunes .email-text {
    font-size: 14px;
    font-weight: 400
}

.looney-tunes .case-type {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
    color: #fff
}

.looney-tunes .thanks-box {
    font-size: 18px;
    line-height: 24px;
    color: #fff
}

.looney-tunes .sign-up-box {
    white-space: nowrap
}

.looney-tunes .sign-up-box .email {
    color: #343434
}

.looney-tunes .btn-send-wrapper {
    width: 25%;
    padding-left: 5px
}

.looney-tunes .btn-send {
    width: 100%;
    line-height: 44px;
    height: 44px
}

.looney-tunes .btn-interested {
    width: 284px
}

.looney-tunes .btn {
    background-color: #343434;
    color: #fff
}

.looney-tunes .btn:hover,
.looney-tunes .btn:focus {
    background-color: #414141
}

.looney-tunes .social-link a {
    color: #fff
}

.looney-tunes .social-link a [data-icon]:before {
    font-size: 32px
}

.looney-tunes .copyright {
    color: #aaaaaa;
    font-size: 10px;
    line-height: 14px;
    padding-top: 10px
}

.looney-tunes .xs-landing {
    color: black
}

.looney-tunes .xs-landing .headline {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600
}

.looney-tunes .xs-landing .thanks-box {
    color: black
}

.looney-tunes .xs-landing .case-type {
    color: black
}

.looney-tunes .xs-landing .social-link a {
    color: #aaaaaa
}

@media screen and (max-width: 1024px) {
    .s-column0 {
        width: 0%
    }
    .s-push0 {
        position: inherit;
        left: inherit
    }
    .s-column1 {
        width: 8.33333%
    }
    .s-push1 {
        position: inherit;
        left: inherit
    }
    .s-column2 {
        width: 16.66667%
    }
    .s-push2 {
        position: inherit;
        left: inherit
    }
    .s-column3 {
        width: 25%
    }
    .s-push3 {
        position: inherit;
        left: inherit
    }
    .s-column4 {
        width: 33.33333%
    }
    .s-push4 {
        position: inherit;
        left: inherit
    }
    .s-column5 {
        width: 41.66667%
    }
    .s-push5 {
        position: inherit;
        left: inherit
    }
    .s-column6 {
        width: 50%
    }
    .s-push6 {
        position: inherit;
        left: inherit
    }
    .s-column7 {
        width: 58.33333%
    }
    .s-push7 {
        position: inherit;
        left: inherit
    }
    .s-column8 {
        width: 66.66667%
    }
    .s-push8 {
        position: inherit;
        left: inherit
    }
    .s-column9 {
        width: 75%
    }
    .s-push9 {
        position: inherit;
        left: inherit
    }
    .s-column10 {
        width: 83.33333%
    }
    .s-push10 {
        position: inherit;
        left: inherit
    }
    .s-column11 {
        width: 91.66667%
    }
    .s-push11 {
        position: inherit;
        left: inherit
    }
    .s-column12 {
        width: 100%
    }
    .s-push12 {
        position: inherit;
        left: inherit
    }
    .push-reset {
        left: 0
    }
    .s-ml0 {
        margin-left: 0
    }
    .s-ml1 {
        margin-left: 11px
    }
    .s-ml2 {
        margin-left: 22px
    }
    .s-ml3 {
        margin-left: 33px
    }
    .s-mr1 {
        margin-right: 11px
    }
    .s-mr2 {
        margin-right: 22px
    }
    .s-mr3 {
        margin-right: 33px
    }
    .s-mt0 {
        margin-top: 0
    }
    .s-mt1 {
        margin-top: 22px
    }
    .s-mt2 {
        margin-top: 44px
    }
    .s-mt3 {
        margin-top: 66px
    }
    .s-mb1 {
        margin-bottom: 22px
    }
    .s-mb2 {
        margin-bottom: 44px
    }
    .s-mb3 {
        margin-bottom: 66px
    }
    .s-plh {
        padding-left: 5.5px
    }
    .s-pl1 {
        padding-left: 11px
    }
    .s-pl2 {
        padding-left: 22px
    }
    .s-pl3 {
        padding-left: 33px
    }
    .s-pl0 {
        padding-left: 0
    }
    .s-prh {
        padding-right: 5.5px
    }
    .s-pr1 {
        padding-right: 11px
    }
    .s-pr2 {
        padding-right: 22px
    }
    .s-pr3 {
        padding-right: 33px
    }
    .s-pr0 {
        padding-right: 0
    }
    .s-pth {
        padding-top: 11px
    }
    .s-pt1 {
        padding-top: 22px
    }
    .s-pt2 {
        padding-top: 44px
    }
    .s-pt3 {
        padding-top: 66px
    }
    .s-pt0 {
        padding-top: 0
    }
    .s-pbh {
        padding-bottom: 11px
    }
    .s-pb1 {
        padding-bottom: 22px
    }
    .s-pb2 {
        padding-bottom: 44px
    }
    .s-pb3 {
        padding-bottom: 66px
    }
    .s-pb0 {
        padding-bottom: 0
    }
    .s-visibility-false {
        display: none !important
    }
    .s-visibility-true {
        display: inherit !important
    }
}

@media screen and (max-width: 767px) {
    .wrapper,
    .campaign__wrapper {
        width: 100%;
        padding: 0
    }
    .form-wrapper,
    .modal-form-wrapper {
        width: 100%;
        padding: 0 11px
    }
    .row,
    .wrapper,
    .campaign__wrapper,
    .xs-full-row {
        display: block
    }
    /* .row>[class*="column"], */
    .xs-full-row>[class*="column"] {
        display: block;
        width: 100%
    }
    .row [class*="column"].xs-thin-column {
        padding: 5.5px
    }
    .row [class*="column"].xs-thinner-column {
        padding: 2px
    }
    .xs-column0 {
        width: 0% !important
    }
    .push0 {
        position: inherit;
        left: inherit
    }
    .pull0 {
        position: inherit;
        right: inherit
    }
    .xs-column1 {
        width: 8.33333% !important
    }
    .push1 {
        position: inherit;
        left: inherit
    }
    .pull1 {
        position: inherit;
        right: inherit
    }
    .xs-column2 {
        width: 16.66667% !important
    }
    .push2 {
        position: inherit;
        left: inherit
    }
    .pull2 {
        position: inherit;
        right: inherit
    }
    .xs-column3 {
        width: 25% !important
    }
    .push3 {
        position: inherit;
        left: inherit
    }
    .pull3 {
        position: inherit;
        right: inherit
    }
    .xs-column4 {
        width: 33.33333% !important
    }
    .push4 {
        position: inherit;
        left: inherit
    }
    .pull4 {
        position: inherit;
        right: inherit
    }
    .xs-column5 {
        width: 41.66667% !important
    }
    .push5 {
        position: inherit;
        left: inherit
    }
    .pull5 {
        position: inherit;
        right: inherit
    }
    .xs-column6 {
        width: 50% !important
    }
    .push6 {
        position: inherit;
        left: inherit
    }
    .pull6 {
        position: inherit;
        right: inherit
    }
    .xs-column7 {
        width: 58.33333% !important
    }
    .push7 {
        position: inherit;
        left: inherit
    }
    .pull7 {
        position: inherit;
        right: inherit
    }
    .xs-column8 {
        width: 66.66667% !important
    }
    .push8 {
        position: inherit;
        left: inherit
    }
    .pull8 {
        position: inherit;
        right: inherit
    }
    .xs-column9 {
        width: 75% !important
    }
    .push9 {
        position: inherit;
        left: inherit
    }
    .pull9 {
        position: inherit;
        right: inherit
    }
    .xs-column10 {
        width: 83.33333% !important
    }
    .push10 {
        position: inherit;
        left: inherit
    }
    .pull10 {
        position: inherit;
        right: inherit
    }
    .xs-column11 {
        width: 91.66667% !important
    }
    .push11 {
        position: inherit;
        left: inherit
    }
    .pull11 {
        position: inherit;
        right: inherit
    }
    .xs-column12 {
        width: 100% !important
    }
    .push12 {
        position: inherit;
        left: inherit
    }
    .pull12 {
        position: inherit;
        right: inherit
    }
    .xs-float-reset {
        float: none
    }
    .xs-ml0 {
        margin-left: 0 !important
    }
    .xs-mlh {
        margin-left: 5.5px !important
    }
    .xs-ml1 {
        margin-left: 11px !important
    }
    .xs-ml2 {
        margin-left: 22px !important
    }
    .xs-ml3 {
        margin-left: 33px !important
    }
    .xs-ml4 {
        margin-left: 88px !important
    }
    .xs-mr0 {
        margin-right: 0 !important
    }
    .xs-mrh {
        margin-right: 5.5px !important
    }
    .xs-mr1 {
        margin-right: 11px !important
    }
    .xs-mr2 {
        margin-right: 22px !important
    }
    .xs-mr3 {
        margin-right: 33px !important
    }
    .xs-mr4 {
        margin-right: 88px !important
    }
    .xs-mt0 {
        margin-top: 0 !important
    }
    .xs-mth {
        margin-top: 11px !important
    }
    .xs-mt1 {
        margin-top: 22px !important
    }
    .xs-mt2 {
        margin-top: 44px !important
    }
    .xs-mt3 {
        margin-top: 66px !important
    }
    .xs-mt4 {
        margin-top: 88px !important
    }
    .xs-mb0 {
        margin-bottom: 0 !important
    }
    .xs-mbh {
        margin-bottom: 11px !important
    }
    .xs-mb1 {
        margin-bottom: 22px !important
    }
    .xs-mb2 {
        margin-bottom: 44px !important
    }
    .xs-mb3 {
        margin-bottom: 66px !important
    }
    .xs-mb4 {
        margin-bottom: 88px !important
    }
    .xs-plh {
        padding-left: 5.5px !important
    }
    .xs-pl1 {
        padding-left: 11px !important
    }
    .xs-pl2 {
        padding-left: 22px !important
    }
    .xs-pl3 {
        padding-left: 33px !important
    }
    .xs-pl0 {
        padding-left: 0 !important
    }
    .xs-prh {
        padding-right: 5.5px !important
    }
    .xs-pr1 {
        padding-right: 11px !important
    }
    .xs-pr2 {
        padding-right: 22px !important
    }
    .xs-pr3 {
        padding-right: 33px !important
    }
    .xs-pr0 {
        padding-right: 0 !important
    }
    .xs-pth {
        padding-top: 11px !important
    }
    .xs-pt1 {
        padding-top: 22px !important
    }
    .xs-pt2 {
        padding-top: 44px !important
    }
    .xs-pt3 {
        padding-top: 66px !important
    }
    .xs-pt0 {
        padding-top: 0 !important
    }
    .xs-pbh {
        padding-bottom: 11px !important
    }
    .xs-pb1 {
        padding-bottom: 22px !important
    }
    .xs-pb2 {
        padding-bottom: 44px !important
    }
    .xs-pb3 {
        padding-bottom: 66px !important
    }
    .xs-pb0 {
        padding-bottom: 0 !important
    }
    h1,
    .h1-like,
    .h1-5-like {
        font-size: 28px;
        line-height: 33px
    }
    h2,
    .h2-like,
    .h2-5-like,
    .search-custom-field input[type=search] {
        font-size: 22px;
        line-height: 33px
    }
    h3,
    .h3-like {
        font-size: 16px;
        line-height: 26.4px
    }
    h4,
    .h4-like {
        font-size: 16px;
        line-height: 22px
    }
    h5,
    .h5-like {
        font-size: 14px;
        line-height: 22px
    }
    .xs-big-title {
        font-size: 28px;
        line-height: 33px !important
    }
    .xs-text-left {
        text-align: left
    }
    .xs-text-right {
        text-align: right
    }
    .xs-text-center {
        text-align: center
    }
    form {
        width: 100%;
        display: block
    }
    select {
        height: 44px;
        width: 100%;
        /* background: white; */
        /* border: 1px solid #ccc; */
        background-image: none;
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
        padding: 0 11px;
        -webkit-appearance: menulist-button;
        vertical-align: top;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }
    .collapse-input {
        display: table !important
    }
    .collapse-input [class*="column"] {
        display: table-cell
    }
    .collapse-input [class*="column"] .btn {
        padding: 0 22px
    }
    input[type="text"].big-input,
    input[type="password"].big-input,
    input[type="datetime"].big-input,
    input[type="datetime-local"].big-input,
    input[type="date"].big-input,
    input[type="month"].big-input,
    input[type="time"].big-input,
    input[type="week"].big-input,
    input[type="number"].big-input,
    input[type="email"].big-input,
    input[type="url"].big-input,
    input[type="search"].big-input,
    input[type="tel"].big-input,
    input[type="color"].big-input {
        height: 48px;
        font-size: 1.28571429rem;
        line-height: 48px
    }
    .bar {
        line-height: 44px;
        height: auto
    }
    .bloc-level-1 {
        margin: 0 0 22px 0
    }
    .btn.king-size {
        margin-left: auto;
        margin-right: auto;
        height: 48px;
        line-height: 48px;
        padding: 0 24.2px;
        font-size: 16px;
        text-align: center
    }
    .modal-box .t-cell>div,
    .invite-signup-modal-holder .t-cell>div,
    .shopping-spree-modal-holder .t-cell>div,
    .modal-box .toggle label:after>div,
    .toggle .modal-box label:after>div,
    .invite-signup-modal-holder .toggle label:after>div,
    .toggle .invite-signup-modal-holder label:after>div,
    .shopping-spree-modal-holder .toggle label:after>div,
    .toggle .shopping-spree-modal-holder label:after>div,
    .modal-box .toggle label:before>div,
    .toggle .modal-box label:before>div,
    .invite-signup-modal-holder .toggle label:before>div,
    .toggle .invite-signup-modal-holder label:before>div,
    .shopping-spree-modal-holder .toggle label:before>div,
    .toggle .shopping-spree-modal-holder label:before>div,
    .modal-box .bm-square-draggable>div,
    .invite-signup-modal-holder .bm-square-draggable>div,
    .shopping-spree-modal-holder .bm-square-draggable>div {
        width: 100% !important;
        box-shadow: none
    }
    .badge-expo {
        top: 0;
        left: 5px
    }
    span.badge-expo {
        top: -5px !important;
        left: 5px !important;
        display: inline !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        vertical-align: super !important
    }
    .xs-f-none {
        float: none
    }
    .xs-block {
        display: block
    }
    .block-xs-inline {
        display: inline
    }
    .xs-hide {
        display: none
    }
    .xs-visibility-false {
        display: none !important
    }
    .xs-visibility-true {
        display: inherit !important
    }
}

@media screen and (min-width: 1280px) {
    .l-column0 {
        width: 0% !important
    }
    .push0 {
        position: relative;
        left: 0%
    }
    .l-column1 {
        width: 8.33333% !important
    }
    .push1 {
        position: relative;
        left: 8.33333%
    }
    .l-column2 {
        width: 16.66667% !important
    }
    .push2 {
        position: relative;
        left: 16.66667%
    }
    .l-column3 {
        width: 25% !important
    }
    .push3 {
        position: relative;
        left: 25%
    }
    .l-column4 {
        width: 33.33333% !important
    }
    .push4 {
        position: relative;
        left: 33.33333%
    }
    .l-column5 {
        width: 41.66667% !important
    }
    .push5 {
        position: relative;
        left: 41.66667%
    }
    .l-column6 {
        width: 50% !important
    }
    .push6 {
        position: relative;
        left: 50%
    }
    .l-column7 {
        width: 58.33333% !important
    }
    .push7 {
        position: relative;
        left: 58.33333%
    }
    .l-column8 {
        width: 66.66667% !important
    }
    .push8 {
        position: relative;
        left: 66.66667%
    }
    .l-column9 {
        width: 75% !important
    }
    .push9 {
        position: relative;
        left: 75%
    }
    .l-column10 {
        width: 83.33333% !important
    }
    .push10 {
        position: relative;
        left: 83.33333%
    }
    .l-column11 {
        width: 91.66667% !important
    }
    .push11 {
        position: relative;
        left: 91.66667%
    }
    .l-column12 {
        width: 100% !important
    }
    .push12 {
        position: relative;
        left: 100%
    }
}

ol, ul {
    margin-bottom: 0px !important;
}
/*# sourceMappingURL=cssparrow_min.css.map */

.margin-fotos {
    padding: 24px;
}


.thumbnail2 {
	width: 90px;
	height: 90px;
	padding:5px;
	float:left;
    margin:3px;
    background: white;
    border-radius: 5px;
}
 .thumbnail2 img {
	 height: 80px !important;;
	 width: 80px !important;
	 object-fit: cover !important;
	 float:left;
 }

 .cont-volt-mobile {
    position: relative;
    left: 0px;
    width: 90%;
    text-align: center;
 }

 .volt-mobile {
    position: relative;
    text-align: center;
    background: lightblue;
    line-height: 8px;
    color: green;
    border: 1px solid;
    border-radius: 10px;
    width: 200px;
    margin: 0 auto;
    padding: 10px;
    margin-top: 10px;
 }


.produto-botao.voltar-mobile button {
    width: 100%;
    max-width: 165px;
    box-shadow: 0px 0px 8px #999;
    border: 0;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 12px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-weight: bold;
    margin: 20px 0;
    margin-top: -10px !important;
    background: #6495ED !important;
}

 .info-visualizar-capinha-mobile {
    left: 0;
 }




.div-info-fotos {
	/* margin-top: 0px !important; */
	/*color: #000;
    text-transform: uppercase;
    font-size: 13px;
    position: absolute;
    margin-top: -65px;
    margin-left: 380px;
    background: #ffcb00;
    width: 170px;
    padding: 10px 10px 20px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align:center;*/
    text-transform: uppercase;
    font-size: 13px;
    position: absolute;
    margin-top: 188px;
    margin-left: -50px;
    background: #A45FAB;
    width: 170px;
    padding: 10px 10px 20px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    z-index: 1000;
    color: white;
}
.div-info-fotos .icone {
    text-align: right;
    margin-bottom: 5px;
}
.div-info-fotos .icone img {
    width: 20px;
    cursor: pointer;
}

.div-info-fotos .balao {
    position: absolute;
    width: 150px;
    text-align: center;
    margin-top: 14px;
}


.personalizador-novo ul.marcas_modelos li a {
    cursor: pointer !important;
}