html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    background: #fff;
    line-height: 1;
}

ol,ul {
    list-style: none;
}

blockquote,q {
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

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

a img {
    border: none;
}

.sales-order-print .info-table th {
    text-align: left;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

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

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],template {
    display: none;
}

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

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

b,strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

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

button {
    overflow: visible;
}

button,select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

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

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

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,th {
    padding: 0;
}

@media print {
    *,*:before,*:after {
        color: #000!important;
        text-shadow: none!important;
        background: transparent!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }

    a,a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: "";
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100%!important;
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3;
    }

    h2,h3 {
        page-break-after: avoid;
    }

    select {
        background: #fff!important;
    }

    .navbar {
        display: none;
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000!important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse!important;
    }

    .table td,.table th {
        background-color: #fff!important;
    }

    .table-bordered th,.table-bordered td {
        border: 1px solid #ddd!important;
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size:21px;
    }
}

small,.small {
    font-size: 85%;
}

mark,.mark {
    padding: .2em;
    background-color: #fcf8e3;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:hover {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

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

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

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

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,dd {
    line-height: 1.42857143;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title],abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child {
    margin-bottom: 0;
}

blockquote footer,blockquote small,blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777;
}

blockquote footer:before,blockquote small:before,blockquote .small:before {
    content: '\2014 \00A0';
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 10px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0;
}

.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before {
    content: '';
}

.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after {
    content: '\00A0 \2014';
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}

code,kbd,pre,samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1400px;
}

.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

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

.col-xxs-1,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xxs-2,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xxs-3,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xxs-4,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xxs-5,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xxs-6,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xxs-7,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xxs-8,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xxs-9,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xxs-10,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xxs-11,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xxs-12,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11,.col-xxs-12 {
    float: left;
}

.col-xxs-12 {
    width: 100%;
}

.col-xxs-11 {
    width: 91.66666667%;
}

.col-xxs-10 {
    width: 83.33333333%;
}

.col-xxs-9 {
    width: 75%;
}

.col-xxs-8 {
    width: 66.66666667%;
}

.col-xxs-7 {
    width: 58.33333333%;
}

.col-xxs-6 {
    width: 50%;
}

.col-xxs-5 {
    width: 41.66666667%;
}

.col-xxs-4 {
    width: 33.33333333%;
}

.col-xxs-3 {
    width: 25%;
}

.col-xxs-2 {
    width: 16.66666667%;
}

.col-xxs-1 {
    width: 8.33333333%;
}

.col-xxs-pull-12 {
    right: 100%;
}

.col-xxs-pull-11 {
    right: 91.66666667%;
}

.col-xxs-pull-10 {
    right: 83.33333333%;
}

.col-xxs-pull-9 {
    right: 75%;
}

.col-xxs-pull-8 {
    right: 66.66666667%;
}

.col-xxs-pull-7 {
    right: 58.33333333%;
}

.col-xxs-pull-6 {
    right: 50%;
}

.col-xxs-pull-5 {
    right: 41.66666667%;
}

.col-xxs-pull-4 {
    right: 33.33333333%;
}

.col-xxs-pull-3 {
    right: 25%;
}

.col-xxs-pull-2 {
    right: 16.66666667%;
}

.col-xxs-pull-1 {
    right: 8.33333333%;
}

.col-xxs-pull-0 {
    right: auto;
}

.col-xxs-push-12 {
    left: 100%;
}

.col-xxs-push-11 {
    left: 91.66666667%;
}

.col-xxs-push-10 {
    left: 83.33333333%;
}

.col-xxs-push-9 {
    left: 75%;
}

.col-xxs-push-8 {
    left: 66.66666667%;
}

.col-xxs-push-7 {
    left: 58.33333333%;
}

.col-xxs-push-6 {
    left: 50%;
}

.col-xxs-push-5 {
    left: 41.66666667%;
}

.col-xxs-push-4 {
    left: 33.33333333%;
}

.col-xxs-push-3 {
    left: 25%;
}

.col-xxs-push-2 {
    left: 16.66666667%;
}

.col-xxs-push-1 {
    left: 8.33333333%;
}

.col-xxs-push-0 {
    left: auto;
}

.col-xxs-offset-12 {
    margin-left: 100%;
}

.col-xxs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xxs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xxs-offset-9 {
    margin-left: 75%;
}

.col-xxs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xxs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xxs-offset-6 {
    margin-left: 50%;
}

.col-xxs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xxs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xxs-offset-3 {
    margin-left: 25%;
}

.col-xxs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xxs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xxs-offset-0 {
    margin-left: 0;
}

@media (min-width: 481px) {
    .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
        float:left;
    }

    .col-xs-12 {
        width: 100%;
    }

    .col-xs-11 {
        width: 91.66666667%;
    }

    .col-xs-10 {
        width: 83.33333333%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-8 {
        width: 66.66666667%;
    }

    .col-xs-7 {
        width: 58.33333333%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-5 {
        width: 41.66666667%;
    }

    .col-xs-4 {
        width: 33.33333333%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-2 {
        width: 16.66666667%;
    }

    .col-xs-1 {
        width: 8.33333333%;
    }

    .col-xs-pull-12 {
        right: 100%;
    }

    .col-xs-pull-11 {
        right: 91.66666667%;
    }

    .col-xs-pull-10 {
        right: 83.33333333%;
    }

    .col-xs-pull-9 {
        right: 75%;
    }

    .col-xs-pull-8 {
        right: 66.66666667%;
    }

    .col-xs-pull-7 {
        right: 58.33333333%;
    }

    .col-xs-pull-6 {
        right: 50%;
    }

    .col-xs-pull-5 {
        right: 41.66666667%;
    }

    .col-xs-pull-4 {
        right: 33.33333333%;
    }

    .col-xs-pull-3 {
        right: 25%;
    }

    .col-xs-pull-2 {
        right: 16.66666667%;
    }

    .col-xs-pull-1 {
        right: 8.33333333%;
    }

    .col-xs-pull-0 {
        right: auto;
    }

    .col-xs-push-12 {
        left: 100%;
    }

    .col-xs-push-11 {
        left: 91.66666667%;
    }

    .col-xs-push-10 {
        left: 83.33333333%;
    }

    .col-xs-push-9 {
        left: 75%;
    }

    .col-xs-push-8 {
        left: 66.66666667%;
    }

    .col-xs-push-7 {
        left: 58.33333333%;
    }

    .col-xs-push-6 {
        left: 50%;
    }

    .col-xs-push-5 {
        left: 41.66666667%;
    }

    .col-xs-push-4 {
        left: 33.33333333%;
    }

    .col-xs-push-3 {
        left: 25%;
    }

    .col-xs-push-2 {
        left: 16.66666667%;
    }

    .col-xs-push-1 {
        left: 8.33333333%;
    }

    .col-xs-push-0 {
        left: auto;
    }

    .col-xs-offset-12 {
        margin-left: 100%;
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xs-offset-9 {
        margin-left: 75%;
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xs-offset-6 {
        margin-left: 50%;
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xs-offset-3 {
        margin-left: 25%;
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xs-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
        float:left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
        float:left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
        float:left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

.table>tbody+tbody {
    border-top: 2px solid #ddd;
}

.table .table {
    background-color: #fff;
}

.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}

.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*="col-"],table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th {
    background-color: #f5f5f5;
}

.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8;
}

.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th {
    background-color: #dff0d8;
}

.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6;
}

.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th {
    background-color: #d9edf7;
}

.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3;
}

.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th {
    background-color: #fcf8e3;
}

.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc;
}

.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th {
    background-color: #f2dede;
}

.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

    .table-responsive>.table {
        margin-bottom: 0;
    }

    .table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
    }

    .table-responsive>.table-bordered {
        border: 0;
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0;
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0;
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0;
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

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

input[type="radio"],input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],select[size] {
    height: auto;
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {
        line-height:34px;
    }

    input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"] {
        line-height: 30px;
    }

    input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"] {
        line-height: 46px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio,.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label,.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}

.radio+.radio,.checkbox+.checkbox {
    margin-top: -5px;
}

.radio-inline,.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0;
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm,select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px;
}

textarea.form-group-sm .form-control,select[multiple].form-group-sm .form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg,select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px;
}

textarea.form-group-lg .form-control,select[multiple].form-group-lg .form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 42.5px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label~.form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control {
        width: auto;
    }

    .form-inline .input-group>.form-control {
        width: 100%;
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,.form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio label,.form-inline .checkbox label {
        padding-left: 0;
    }

    .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .radio,.form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top:7px;
        margin-bottom: 0;
        text-align: right;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:14.333333px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:6px;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,.btn:focus,.btn.focus {
    color: #333;
    text-decoration: none;
}

.btn:active,.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}

.btn-link {
    font-weight: normal;
    color: #337ab7;
    border-radius: 0;
}

.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
    border-color: transparent;
}

.btn-link:hover,.btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
}

.btn-lg,.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm,.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs,.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    color: #777;
}

.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
}

.open>.dropdown-menu {
    display: block;
}

.open>a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid;
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right:0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group>.btn,.btn-group-vertical>.btn {
    position: relative;
    float: left;
}

.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active {
    z-index: 2;
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left;
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group>.btn-group {
    float: left;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical>.btn-group>.btn {
    float: none;
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%;
}

.btn-group-justified>.btn-group .btn {
    width: 100%;
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto;
}

[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px;
}

textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto;
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto;
}

.input-group-addon,.input-group-btn,.input-group .form-control {
    display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
}

.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn>.btn {
    position: relative;
}

.input-group-btn>.btn+.btn {
    margin-left: -1px;
}

.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active {
    z-index: 2;
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    margin-left: -1px;
}

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

.nav>li {
    position: relative;
    display: block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav>li>a:hover,.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee;
}

.nav>li.disabled>a {
    color: #777;
}

.nav>li.disabled>a:hover,.nav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
    background-color: #eee;
    border-color: #337ab7;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav>li>a>img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified>li {
    float: none;
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center;
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display:table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff;
    }
}

.nav-pills>li {
    float: left;
}

.nav-pills>li>a {
    border-radius: 4px;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #337ab7;
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified {
    width: 100%;
}

.nav-justified>li {
    float: none;
}

.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center;
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-justified>li {
        display:table-cell;
        width: 1%;
    }

    .nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified {
    border-bottom: 0;
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .navbar {
        border-radius:4px;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float:left;
    }
}

.navbar-collapse {
    padding-right: 10px;
    padding-left: 10px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width: 768px) {
    .navbar-collapse {
        width:auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }

    .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
        max-height:200px;
    }
}

.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 768px) {
    .container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
        margin-right:0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius:0;
    }
}

.navbar-fixed-top,.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 768px) {
    .navbar-fixed-top,.navbar-fixed-bottom {
        border-radius:0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand:hover,.navbar-brand:focus {
    text-decoration: none;
}

.navbar-brand>img {
    display: block;
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left:-10px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

@media (min-width: 768px) {
    .navbar-toggle {
        display:none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float:left;
        margin: 0;
    }

    .navbar-nav>li {
        float: left;
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -10px;
    margin-bottom: 8px;
    margin-left: -10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control {
        width: auto;
    }

    .navbar-form .input-group>.form-control {
        width: 100%;
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,.navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio label,.navbar-form .checkbox label {
        padding-left: 0;
    }

    .navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom:5px;
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width:auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .navbar-text {
        float:left;
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float:left!important;
    }

    .navbar-right {
        float: right!important;
        margin-right: -10px;
    }

    .navbar-right~.navbar-right {
        margin-right: 0;
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
    color: #777;
}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #777;
}

.navbar-default .navbar-nav>li>a {
    color: #777;
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
    color: #555;
    background-color: #e7e7e7;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#777;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

.navbar-default .navbar-link:hover {
    color: #333;
}

.navbar-default .btn-link {
    color: #777;
}

.navbar-default .btn-link:hover,.navbar-default .btn-link:focus {
    color: #333;
}

.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #9d9d9d;
}

.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d;
}

.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #080808;
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
    background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #080808;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:#080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
    color: #fff;
}

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus {
    color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover,a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #777;
}

.label-default[href]:hover,.label-default[href]:focus {
    background-color: #5e5e5e;
}

.label-primary {
    background-color: #337ab7;
}

.label-primary[href]:hover,.label-primary[href]:focus {
    background-color: #286090;
}

.label-success {
    background-color: #5cb85c;
}

.label-success[href]:hover,.label-success[href]:focus {
    background-color: #449d44;
}

.label-info {
    background-color: #5bc0de;
}

.label-info[href]:hover,.label-info[href]:focus {
    background-color: #31b0d5;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-warning[href]:hover,.label-warning[href]:focus {
    background-color: #ec971f;
}

.label-danger {
    background-color: #d9534f;
}

.label-danger[href]:hover,.label-danger[href]:focus {
    background-color: #c9302c;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge,.btn-group-xs>.btn .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:hover,a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    color: #337ab7;
    background-color: #fff;
}

.list-group-item>.badge {
    float: right;
}

.list-group-item>.badge+.badge {
    margin-right: 5px;
}

.nav-pills>li>a>.badge {
    margin-left: 3px;
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
}

.jumbotron h1,.jumbotron .h1 {
    color: inherit;
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
}

.jumbotron>hr {
    border-top-color: #d5d5d5;
}

.container .jumbotron,.container-fluid .jumbotron {
    border-radius: 6px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding:48px 0;
    }

    .container .jumbotron,.container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron h1,.jumbotron .h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.thumbnail>img,.thumbnail a>img {
    margin-right: auto;
    margin-left: auto;
}

a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active {
    border-color: #337ab7;
}

.thumbnail .caption {
    padding: 9px;
    color: #333;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert>p,.alert>ul {
    margin-bottom: 0;
}

.alert>p+p {
    margin-top: 5px;
}

.alert-dismissable,.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-striped .progress-bar,.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .progress-bar,.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.media {
    margin-top: 15px;
}

.media:first-child {
    margin-top: 0;
}

.media,.media-body {
    overflow: hidden;
    zoom:1;}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-right,.media>.pull-right {
    padding-left: 10px;
}

.media-left,.media>.pull-left {
    padding-right: 10px;
}

.media-left,.media-right,.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

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

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

a.list-group-item {
    color: #555;
}

a.list-group-item .list-group-item-heading {
    color: #333;
}

a.list-group-item:hover,a.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}

.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text {
    color: #777;
}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit;
}

.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text {
    color: #c7ddef;
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success {
    color: #3c763d;
}

a.list-group-item-success .list-group-item-heading {
    color: inherit;
}

a.list-group-item-success:hover,a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
}

a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info {
    color: #31708f;
}

a.list-group-item-info .list-group-item-heading {
    color: inherit;
}

a.list-group-item-info:hover,a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}

a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning {
    color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit;
}

a.list-group-item-warning:hover,a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
}

a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger {
    color: #a94442;
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit;
}

a.list-group-item-danger:hover,a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
}

a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group+.panel-footer {
    border-top-width: 0;
}

.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table {
    margin-bottom: 0;
}

.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption {
    padding-right: 10px;
    padding-left: 10px;
}

.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd;
}

.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}

.panel-default {
    border-color: #ddd;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd;
}

.panel-primary {
    border-color: #337ab7;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7;
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15);
}

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.close {
    float: right;
    font-size: 25px;
    font-weight: normal;
    line-height: 25px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.close:hover,.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: rgba(0,0,0,0.137255) 0px 24px 38px 3px,rgba(0,0,0,0.117647) 0px 9px 46px 8px,rgba(0,0,0,0.2) 0px 11px 15px -7px;
    box-shadow: rgba(0,0,0,0.137255) 0px 24px 38px 3px,rgba(0,0,0,0.117647) 0px 9px 46px 8px,rgba(0,0,0,0.2) 0px 11px 15px -7px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: rgba(0,0,0,0.137255) 0px 24px 38px 3px,rgba(0,0,0,0.117647) 0px 9px 46px 8px,rgba(0,0,0,0.2) 0px 11px 15px -7px;
        box-shadow: rgba(0,0,0,0.137255) 0px 24px 38px 3px,rgba(0,0,0,0.117647) 0px 9px 46px 8px,rgba(0,0,0,0.2) 0px 11px 15px -7px;
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    filter: alpha(opacity=0);
    opacity: 0;
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover>.arrow {
    border-width: 11px;
}

.popover>.arrow:after {
    content: "";
    border-width: 10px;
}

.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0;
}

.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
}

.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
}

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25);
}

.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
    line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

    .carousel-inner>.item.next,.carousel-inner>.item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    .carousel-inner>.item.prev,.carousel-inner>.item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    .carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active {
        left: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block;
}

.carousel-inner>.active {
    left: 0;
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner>.next {
    left: 100%;
}

.carousel-inner>.prev {
    left: -100%;
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0;
}

.carousel-inner>.active.left {
    left: -100%;
}

.carousel-inner>.active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control:hover,.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}

.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
}

.carousel-control .icon-prev,.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
    line-height: 1;
}

.carousel-control .icon-prev:before {
    content: '\2039';
}

.carousel-control .icon-next:before {
    content: '\203a';
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-caption .btn {
    text-shadow: none;
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next {
        width:30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.panel-body:after,.modal-footer:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right!important;
}

.pull-left {
    float: left!important;
}

.hide {
    display: none!important;
}

.show {
    display: block!important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none!important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xxs, .visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

.visible-xxs-block, .visible-xxs-inline, .visible-xxs-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 480px) {
    .visible-xxs {
        display: block !important;
    }

    table.visible-xxs {
        display: table;
    }

    tr.visible-xxs {
        display: table-row !important;
    }

    th.visible-xxs, td.visible-xxs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md, td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 480px) {
    .hidden-xxs {
        display: none !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print, td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/*# sourceMappingURL=bootstrap.css.map */
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
    /*src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/fontawesome-webfont.eot?v=4.3.0');*/
    /*src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.subfooter-container .subfooter,.addthis_default_style {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.subfooter-container .subfooter .icon-facebook .fb-link:before {
    content: "\f09a";
}

.subfooter-container .subfooter .icon-twitter .twitt-link:before {
    content: "\f099";
}

.subfooter-container .subfooter .icon-pinterest .pint-link:before {
    content: "\f231";
}

.subfooter-container .subfooter .icon-gplus .gplus-link:before {
    content: "\f0d5";
}

.subfooter-container .subfooter .icon-instagram .instagram-link:before {
    content: "\f16d";
}

.subfooter-container .subfooter .icon-tumblr .tumblr-link:before {
    content: "\f173";
}

.subfooter-container .subfooter a {
    color: #DDD;
    font-size: 20px;
    font-weight: bold;
}

.subfooter-container .subfooter a:hover {
    color: #F36;
}

.addthis_button_email:before {
    content: "\f003";
}

.addthis_button_facebook:before {
    content: "\f09a";
}

.addthis_button_twitter:before {
    content: "\f099";
}

.addthis_button_pinterest_share:before {
    content: "\f231";
}

.addthis_button_google_plusone_share:before {
    content: "\f0d5";
}

.addthis_default_style a {
    font-size: 19px;
    color: #989999;
}

.addthis_default_style a:hover {
    color: #F36;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-ul > li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.85714286em;
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before, .fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before, .fa-users:before {
    content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before, .fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158";
}

.fa-won:before, .fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-genderless:before, .fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-venus:before {
    content: "\f221";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-server:before {
    content: "\f233";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-train:before {
    content: "\f238";
}

.fa-subway:before {
    content: "\f239";
}

.fa-medium:before {
    content: "\f23a";
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.1
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-push:active,.hvr-push:focus,.hvr-push:hover {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-bounce-in {
    /*display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;transition-duration:.5s*/
}

.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36)
}

.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36)
}

.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-float:active,.hvr-float:focus,.hvr-float:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover {
    -webkit-animation-name: hvr-bob-float,hvr-bob;
    animation-name: hvr-bob-float,hvr-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover {
    -webkit-animation-name: hvr-hang-sink,hvr-hang;
    animation-name: hvr-hang-sink,hvr-hang;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover {
    -webkit-transform: skew(10deg);
    transform: skew(10deg)
}

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,-6px);
        transform: translate(-6px,-6px)
    }

    49.95% {
        -webkit-transform: translate(4px,4px);
        transform: translate(4px,4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    83.25% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,-6px);
        transform: translate(-6px,-6px)
    }

    49.95% {
        -webkit-transform: translate(4px,4px);
        transform: translate(4px,4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    83.25% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px)
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px)
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover {
    background-color: #2098d1;
    color: #fff
}

@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32,152,209,.75)
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32,152,209,.75)
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #2098d1;
    background-color: #2098d1;
    color: #fff
}

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover {
    color: #fff
}

.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover {
    color: #fff
}

.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover {
    color: #fff
}

.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover {
    color: #fff
}

.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover {
    color: #fff
}

.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(0.52,1.64,.37,.66)
}

.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover {
    color: #fff
}

.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(0.52,1.64,.37,.66)
}

.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover {
    color: #fff
}

.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(0.52,1.64,.37,.66)
}

.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover {
    color: #fff
}

.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(0.52,1.64,.37,.66)
}

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover {
    color: #fff
}

.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover {
    color: #fff
}

.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover {
    color: #fff
}

.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover {
    color: #fff
}

.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover {
    color: #fff
}

.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover {
    color: #fff
}

.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover {
    color: #fff
}

.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover {
    color: #fff
}

.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)
}

.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover {
    box-shadow: inset 0 0 0 4px #2098d1,0 0 1px rgba(0,0,0,0)
}

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)
}

.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover {
    background: 0 0
}

.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-trim:before {
    content: '';
    position: absolute;
    border: #fff solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before {
    opacity: 1
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out
}

@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in
}

.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top,right,bottom,left;
    transition-property: top,right,bottom,left
}

.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top,right,bottom,left;
    transition-property: top,right,bottom,left
}

.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1
}

.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius
}

.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover {
    border-radius: 1em
}

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before {
    right: 0
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before {
    left: 0;
    right: 0
}

.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before {
    left: 0
}

.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before {
    right: 0
}

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before {
    left: 0;
    right: 0
}

.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before {
    left: 0
}

.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #2098d1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px
}

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.6)
}

.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.5)
}

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow,transform;
    transition-property: box-shadow,transform
}

.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover {
    box-shadow: 2px 2px 2px rgba(0,0,0,.6)
}

.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)
}

.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover {
    box-shadow: inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform,opacity;
    transition-property: transform,opacity
}

.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-shadow-radial:after,.hvr-shadow-radial:before {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
    background: radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)
}

.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
    background: radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)
}

.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before {
    opacity: 1
}

.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1
}

.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1
}

.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent
}

.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent
}

.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-back:before {
    content: "\f137";
    position: absolute;
    left: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-back:active:before,.hvr-icon-back:focus:before,.hvr-icon-back:hover:before {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-forward:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-forward:active:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:hover:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@-webkit-keyframes hvr-icon-down {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-down {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-down:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-down:active:before,.hvr-icon-down:focus:before,.hvr-icon-down:hover:before {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-up {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-up {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-up:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-up:active:before,.hvr-icon-up:focus:before,.hvr-icon-up:hover:before {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-spin:before {
    content: "\f021";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.hvr-icon-spin:active:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:hover:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100%,51% {
        opacity: 1
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100%,51% {
        opacity: 1
    }
}

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-drop:before {
    content: "\f041";
    position: absolute;
    right: 1em;
    opacity: 1;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-drop:active:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:hover:before {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.52,1.64,.37,.66);
    animation-timing-function: cubic-bezier(0.52,1.64,.37,.66)
}

.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-fade:before {
    content: "\f00c";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color;
    transition-property: color
}

.hvr-icon-fade:active:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:hover:before {
    color: #0F9E5E
}

@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-float-away:after,.hvr-icon-float-away:before {
    content: "\f055";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome
}

.hvr-icon-float-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-float-away:active:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:hover:after {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-sink-away:after,.hvr-icon-sink-away:before {
    content: "\f056";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-sink-away:active:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:hover:after {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow:before {
    content: "\f118";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow:active:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:hover:before {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-shrink:before {
    content: "\f119";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-shrink:active:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:hover:before {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse:active:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:hover:before {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-grow:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-grow:active:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:hover:before {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-shrink:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-shrink:active:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:hover:before {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-push:before {
    content: "\f006";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-push:active:before,.hvr-icon-push:focus:before,.hvr-icon-push:hover:before {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-pop:before {
    content: "\f005";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pop:active:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:hover:before {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bounce:before {
    content: "\f087";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-bounce:active:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:hover:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36)
}

.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-rotate:before {
    content: "\f0c6";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-rotate:active:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:hover:before {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow-rotate:before {
    content: "\f095";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow-rotate:active:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:hover:before {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg)
}

.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-float:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-float:active:before,.hvr-icon-float:focus:before,.hvr-icon-float:hover:before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-sink:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-sink:active:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:hover:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bob:before {
    content: "\f077";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-bob:active:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:hover:before {
    -webkit-animation-name: hvr-icon-bob-float,hvr-icon-bob;
    animation-name: hvr-icon-bob-float,hvr-icon-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-hang:active:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:hover:before {
    -webkit-animation-name: hvr-icon-hang-sink,hvr-icon-hang;
    animation-name: hvr-icon-hang-sink,hvr-icon-hang;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-horizontal:before {
    content: "\f061";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-horizontal:active:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:hover:before {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-vertical:before {
    content: "\f062";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-vertical:active:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:hover:before {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz:before {
    content: "\f017";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz:active:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:hover:before {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz-out:before {
    content: "\f023";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz-out:active:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:hover:before {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
    box-shadow: -1px 1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
    box-shadow: -1px -1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
    box-shadow: 1px -1px 1px rgba(0,0,0,.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before {
    width: 25px;
    height: 25px
}

/*Mobile header*/
.nav-container i.fa.fa-bars, .nav-container i.fa.fa-cog {
    font-size: 20px;
    text-align: center;
    color: #666;
    padding: 12px 10px;
}

.nav-container .search_mini_form i.fa.fa-search {
    font-size: 18px;
    text-align: center;
    color: #666;
    padding: 13px 10px 10px;
}

.mobile-menu-content {
    display: none;
}

.mobile-menu-content {
    background: #dc0612;
    position: absolute;
    padding: 0;
    width: 100%;
    z-index: 999999;
    top: 45px;
    left: 0;
    right: 0;
}

.mobile-menu-content li {
    position: relative;
    font-size: 13px;
    font-family: 'Open sans', sans-serif;
}

.mobile-menu-content > li {
}

.mobile-menu-content > li > a {
    display: block;
}

.mobile-menu-content li a {
    display: block;
    padding: 10px 20px;
    /*border-bottom: 1px solid #4b4b4b;*/
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
}

.mobile-menu-content li a:hover {
    background: #fff;
    color: #666;
}

.mobile-menu-content li a:hover ~ strong {
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/plus-and-minus.png) center no-repeat;
    background-position: 1px 2px;
}

.mobile-menu-content li a:hover ~ strong.opened {
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/plus-and-minus.png) center no-repeat;
    background-position: 1px -30px;
}

/*.mobile-menu-content li a:hover + */
.mobile-menu-content li li {
    font-size: 13px;
    padding: 0;
}

.mobile-menu-content li li.last {
    padding-bottom: 0 !important;
}

.mobile-menu-content li strong {
    position: absolute;
    display: block;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/toogle-button2.png) center -54px no-repeat;
    top: 4px;
    right: 0;
    height: 24px;
    width: 24px;
}

.mobile-menu-content li.last strong {
    display: none;
}

.mobile-menu-content > li > strong {
    top: 5px;
    right: 10px;
}

.mobile-menu-content li strong:hover {
    cursor: pointer;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/plus-and-minus.png) center no-repeat;
    background-position: 1px 2px;
}

.mobile-menu-content li strong.opened {
    background-position: center 7px;
}

.mobile-menu-content li strong.opened:hover {
    cursor: pointer;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/plus-and-minus.png) center no-repeat;
    background-position: 1px -30px;
}

/* dropdown */
.mobile-menu-content ul {
    width: auto;
    padding: 0 20px 10px 20px;
    display: none;
}

.mobile-menu-content > li.active > a > span {
    color: inherit;
    padding-bottom: 1px;
    border-bottom: 1px solid #fff;
}

/*
.mobile-menu-content li li.active > a,
.mobile-menu-content li li a:hover {
    color: #666;
}*/
#mobile-menu-icon {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #dc3d4c;
}




.top-link-content {
    display: none;
}

.mobile-top-link #top-link-icon {
    float: right;
    text-align: center;
    cursor: pointer;
}

.header-box-sticky .mobile-cart-top {
    float: right;
    height: auto;
    margin: 0 25px 6px 0;
    padding: 10px;
    position: static;
    width: auto;
}

.header-box-sticky .mobile-cart-top .mobile-cart-count {
    display: block;
    font-size: 14px;
    margin-top: 4px;
    text-transform: uppercase;
    z-index: 99;
}

.header-box-sticky .mobile-cart-top .mobile-cart-count:after {
    content: "\f0dd";
    font-family: fontawesome;
    padding-left: 10px;
    position: relative;
    top: -3px;
}

/*Top link mobile*/
.mobile-top-link {
    position: static;
}

.mobile-top-link .top-link-content {
    background: #fff;
    position: absolute;
    top: 45px;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 30px 10px;
}

.mobile-top-link .top-link-content .links li {
    clear: both;
    float: left;
    display: block;
    padding: 8px;
    text-align: left;
    width: 100%;
}

.mobile-top-link .top-link-content .links li a:before {
    font-family: fontawesome;
    content: "\f0da";
    padding-right: 10px;
}

/*End Top Link Moblie*/
/***
 * BxSlider v4.2.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 ***/
/** RESET AND LAYOUT
===================================*/
#ibanners-homegallery-wrapper .shad {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/big_shadow.png) no-repeat top center;
    z-index: 99;
    display: none;
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1; min-height: 100px;
    background: #fff;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

.bxslider {
    margin: 0;
    padding: 0;
}

ul.bxslider {
    list-style: none;
}

.bx-viewport {
    background: #fff;
    /*max-height: 600px;*/
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
}

/** THEME
===================================*/
.bx-wrapper {
    background: #fff;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/bx_loader.gif) center center no-repeat #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #3cf;
}

.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1; *display: inline;
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 0;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/slider-arr-1.png) no-repeat;
}

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
    opacity: 1;
}

.bx-wrapper .bx-next {
    right: 0;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/slider-arr-2.png) no-repeat;
}

/*custom style for product page media*/
.product-view .more-views .bx-wrapper .bx-prev {
    background: none;
    text-indent: 0;
    left: -28px;
}

.product-view .more-views .bx-wrapper .bx-next {
    background: none;
    text-indent: 0;
    right: -40px;
}

.product-view .more-views .bx-wrapper .bx-next:before {
    font-family: 'FontAwesome';
    content: "\f0da";
    font-size: 50px;
}

.product-view .more-views .bx-wrapper .bx-prev:before {
    font-family: 'FontAwesome';
    content: "\f0d9";
    font-size: 50px;
}

.product-view .more-views .bx-wrapper .bx-pager {
    display: none;
}

.product-view .more-views .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 38%;
    outline: 0;
    width: 30px;
    height: 30px;
    z-index: 98;
}

.product-view .more-views .bx-wrapper {
    min-height: 60px;
}

.product-view .more-views .bx-wrapper {
    border: 1px solid #e2e2e2;
    padding: 5px;
}

.product-view .more-views .bx-wrapper .bx-viewport .product-image-thumbs .item-small-image {
    padding: 5px;
}

/* END custom style for product page media*/
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
    opacity: 1;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 46px;
    height: 62px;
    text-indent: -9999px;
    z-index: 98;
    opacity: 0.7;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/css/images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/css/images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */
/* Invisible left hotspot */
div.scrollingHotSpotLeft {
    /* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
    min-width: 75px;
    width: 10%;
    height: 100%;
    /* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
    background-image: url(https://shop.gessato.com/skin/frontend/my-design/default/images/tkahn/big_transparent.gif);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    left: 0;
    /*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
    cursor: url(https://shop.gessato.com/skin/frontend/my-design/default/images/tkahn/cursors/cursor_arrow_left.png), url(https://shop.gessato.com/skin/frontend/my-design/default/images/tkahn/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible {
    background-image: url(https://shop.gessato.com/skin/frontend/my-design/default/images/tkahn/arrow_left.gif);
    background-color: #fff;
    background-repeat: no-repeat;
    opacity: 0.35;
    /* Standard CSS3 opacity setting */
    -moz-opacity: 0.35;
    /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
    filter: alpha(opacity = 35);
    /* Opacity for Internet Explorer. */
    zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight {
    min-width: 75px;
    width: 10%;
    height: 100%;
    background-image: url(https://shop.gessato.com/skin/frontend/my-design/default/images/tkahn/big_transparent.gif);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    right: 0;
    cursor: url(https://shop.gessato.com/skin/frontend/my-design/default/images/tkahn/cursors/cursor_arrow_right.png), url(https://shop.gessato.com/skin/frontend/my-design/default/images/tkahn/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible {
    background-image: url(https://shop.gessato.com/skin/frontend/my-design/default/images/tkahn/arrow_right.gif);
    background-color: #fff;
    background-repeat: no-repeat;
    opacity: 0.35;
    filter: alpha(opacity = 35);
    -moz-opacity: 0.35;
    zoom: 1; }

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

div.scrollableArea {
    position: relative;
    width: auto;
    height: 100%;
}

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2016 X.commerce, Inc. and affiliates (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/* Widgets =============================================================================== */
.widget {
    display: inline;
}

.widget .widget-title {
    clear: both;
    padding: 15px 0 0;
    margin: 0 0 7px;
}

.widget .widget-title h2 {
    font-size: 15px;
    font-weight: bold;
    color: #e25203;
}

.widget .mini-products-images-list .product-image {
    display: block;
    width: 76px;
    height: 76px;
    border: 1px solid #a9a9a9;
    margin: 0 auto;
}

.widget .mini-products-images-list li.item {
    float: left;
    width: 77px;
    height: 77px;
}

/* Widget: Catalog New Proructs List */
.widget-new-products {
    display: block;
}

.col-main .widget-new-products {
    margin: 7px 0;
}

.widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image {
    width: 85px;
    height: 85px;
}

.widget-new-products .products-list .product-shop {
    margin-left: 100px;
}

.sidebar .widget-new-products .block {
    font-size: 11px;
    line-height: 1.25;
}

.sidebar .widget-new-products .block-title strong {
    background: url(https://shop.gessato.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat;
    padding-left: 21px;
    color: #dc5033;
}

/* Widget: Recently Viewed Proructs */
.widget-viewed {
    display: block;
}

.col-main .widget-viewed {
    margin: 7px 0;
}

.widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image {
    width: 85px;
    height: 85px;
}

.widget-viewed .products-list .product-shop {
    margin-left: 100px;
}

.sidebar .widget-viewed .block {
    font-size: 11px;
    line-height: 1.25;
}

.sidebar .widget-viewed .block-title strong {
    background: url(https://shop.gessato.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat;
    padding-left: 21px;
}

/* Widget: Recently Compared Proructs */
.widget-compared {
    display: block;
}

.col-main .widget-compared {
    margin: 7px 0;
}

.widget-compared .products-grid .product-image, .widget-compared .products-list .product-image {
    width: 85px;
    height: 85px;
}

.widget-compared .products-list .product-shop {
    margin-left: 100px;
}

.sidebar .widget-compared .block {
    font-size: 11px;
    line-height: 1.25;
}

.sidebar .widget-compared .block-title strong {
    background: url(https://shop.gessato.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat;
    padding-left: 21px;
}

/* Widget: CMS Static Block */
.widget-static-block {
}

.sidebar .widget-static-block {
    display: block;
    margin: 0 0 15px;
}

/* Widgets: Links Common Styles */
.top-container .widget a {
    padding: 0 0 0 7px;
}

.bottom-container .widget a {
    padding: 0 3px;
}

/* Widget: Catalog Product Link */
.widget-product-link-inline {
    display: inline;
}

.col-main .widget-product-link {
    display: block;
    text-align: right;
    margin: 7px 0;
}

.col-main .widget-product-link a {
    background: url(https://shop.gessato.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding-right: 15px;
}

.sidebar .widget-product-link {
    display: block;
    margin: 0 0 15px;
    padding: 0 10px;
}

.sidebar .widget-product-link a {
    background: url(https://shop.gessato.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding: 0 15px 0 0;
}

/* Widget: Catalog Category Link */
.widget-category-link-inline {
    display: inline;
}

.col-main .widget-category-link {
    display: block;
    text-align: right;
    margin: 7px 0;
}

.col-main .widget-category-link a {
    background: url(https://shop.gessato.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding-right: 15px;
}

.sidebar .widget-category-link {
    display: block;
    margin: 0 0 15px;
    padding: 0 10px;
}

.sidebar .widget-category-link a {
    background: url(https://shop.gessato.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding: 0 15px 0 0;
}

/* Widget: CMS Page Link */
.widget-cms-link-inline {
    display: inline;
}

.col-main .widget-cms-link {
    display: block;
    text-align: right;
    margin: 7px 0;
}

.col-main .widget-cms-link a {
    background: url(https://shop.gessato.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding-right: 15px;
}

.sidebar .widget-cms-link {
    display: block;
    margin: 0 0 15px;
    padding: 0 10px;
}

.sidebar .widget-cms-link a {
    background: url(https://shop.gessato.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding: 0 15px 0 0;
}

/* ======================================================================================= */
/*
    Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/*
    User Style: Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
    background: #BEC0C2;
    visibility: hidden;
}

#colorbox {
    outline: 0;
}

#cboxContent {
    margin-top: 32px;
    overflow: visible;
    background: #fff;
    max-width: 100%
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 2px solid #ccc;
}

#cboxLoadedContent {
    background: #fff;
    border: 1px solid #ccc;
}

#cboxLoadingGraphic {
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/colorbox/loading.gif) no-repeat center center;
}

#cboxLoadingOverlay {
    background: #fff;
}

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #333;
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 32px;
    height: 58px;
    position: absolute;
    top: 5px;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious: active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0;
}

#cboxPrevious {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/scroll-left.png") no-repeat center center;
    top: 47%;
    left: 10px;
}

/*
#cboxPrevious:hover {background-position: 0px -25px;}
*/
#cboxNext {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/scroll-right.png") no-repeat center center;
    top: 47%;
    right: 10px;
}

/*
#cboxNext:hover {background-position: -25px -25px;}
*/
#cboxClose {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/colorbox-close.png") no-repeat top center;
    width: 22px;
    height: 22px;
    right: 16px;
    top: 22px;
    background-size: 10px 10px;
    opacity: 0.3;
}

.custom-pop-productpage #cboxClose {
    background-size: 17px 17px;
    right: 52px;
    top: 62px;
}

.popups #cboxClose {
}

/*
#cboxClose:hover {background-position: -50px -25px;}
*/
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
    right: 71px;
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 49px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 49px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px;
}

#cboxTitle {
    display: none !important;
}

@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700"); .cf:before, .cf:after {
                                                                                     content: "";
                                                                                     display: table;
                                                                                 }

/*test*/
.cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom: 1; }

@font-face {
    font-family: 'din_blackregular';
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_black-webfont.eot');
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_black-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_black-webfont.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_black-webfont.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_black-webfont.svg#din_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincond-blackregular';
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_black-webfont.eot');
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_black-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_black-webfont.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_black-webfont.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_black-webfont.svg#dincond-blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinbold';
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_bold-webfont.eot');
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_bold-webfont.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_bold-webfont.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincond-boldbold';
    src: url('../fonts/ff_din_condensed_bold-webfont.eot');
    /*src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_bold-webfont.eot');*/
    /*src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_bold-webfont.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_bold-webfont.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_bold-webfont.svg#dincond-boldbold') format('svg');*/
    src: url('../fonts/ff_din_condensed_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ff_din_condensed_bold-webfont.woff') format('woff'), url('../fonts/ff_din_condensed_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincond-lightregular';
    src: url('../fonts/ff_din_condensed_light-webfont.eot');
    /*src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_light-webfont.eot');*/
    /*src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_light-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_light-webfont.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_light-webfont.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_light-webfont.svg#dincond-lightregular') format('svg');*/
    src: url('../fonts/ff_din_condensed_light-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_light-webfont.woff') format('woff'), url('../fonts/ff_din_condensed_light-webfont.ttf') format('truetype'), url('../fonts/ff_din_condensed_light-webfont.svg#dincond-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincond-mediumregular';
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_medium-webfont.eot');
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_dcondensed_medium-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_medium-webfont.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_medium-webfont.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_medium-webfont.svg#dincond-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincond-regularregular';
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_regular-webfont.eot');
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_regular-webfont.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_regular-webfont.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_condensed_regular-webfont.svg#dincond-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din_lightregular';
    src: url('../fonts/ff_din_light-webfont.eot');
    /*src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_light-webfont.eot');*/
    /*src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_light-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_light-webfont.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_light-webfont.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_light-webfont.svg#din_lightregular') format('svg');*/
    src: url('../fonts/ff_din_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ff_din_light-webfont.woff') format('woff'), url('../fonts/ff_din_light-webfont.ttf') format('truetype'), url('../fonts/ff_din_light-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinregular-medium';
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_medium-webfont.eot');
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_medium-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_medium-webfont.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_medium-webfont.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_medium-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinregular';
    src: url('../fonts/ff_din_regular-webfont.eot');
    /*src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_regular-webfont.eot');*/
    /*src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_regular-webfont.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_regular-webfont.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/ff_din_regular-webfont.svg#dinregular') format('svg');*/
    src: url('../fonts/ff_din_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ff_din_regular-webfont.woff') format('woff'), url('../fonts/ff_din_regular-webfont.ttf') format('truetype'), url('../fonts/ff_din_regular-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans", sans-serif;
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/museo300-regular-webfont-webfont.eot');
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/museo300-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/museo300-regular-webfont-webfont.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/museo300-regular-webfont-webfont.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/museo300-regular-webfont-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/modernpics-webfont.eot');
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/modernpics-webfont.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/modernpics-webfont.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/MyriadPro-Regular.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/MyriadPro-Regular.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair-Display-SemiBold';
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/Playfair-Display-SemiBold.ttf.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/Playfair-Display-SemiBold.ttf.svg#Playfair-Display-SemiBold') format('svg'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/Playfair-Display-SemiBold.ttf.eot'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/Playfair-Display-SemiBold.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

/* General Start */
* {
    margin: 0;
    padding: 0;
}

*::selection {
    background: #dc0612;
    /* WebKit/Blink Browsers */
    color: #fff;
}

*::-moz-selection {
    background: #51c6f4;
    /* Gecko Browsers */
    color: #fff;
}

body {
    font-family: 'dinregular';
}

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

a:hover, .brand-related-title .brand-related-seeall:hover {
    color: #f36
}

p {
    line-height: 1.5em;
    font-family: "Open Sans", sans-serif;
    color: #888;
    text-align: justify;
}

button::-moz-focus-inner {
    margin: -1px;
}

.button, button {
    padding: 5px 10px;
    border: none;
    color: #fff;
    background: #3cf;
    cursor: pointer;
    font-family: 'dinregular';
    display: inline-block;
}

.button:hover {
    color: white;
}

.button-secondary {
    background-color: #f1f1f1;
    border: 1px solid #fff;
    color: #333;
}

.v-middle {
    vertical-align: middle;
}

select, input, textarea {
    padding: 5px 10px;
    border: 1px solid #ccc;
    font-family: 'dinregular';
    font-family: "din_lightregular";
}

textarea {
    padding: 10px;
    border: 1px solid #f0f0f0;
}

table input {
    margin-top: -5px;
}

option {
    padding: 0 10px;
}

#ibanners-homegallery-wrapper {
    position: relative;
}

.a-left {
    text-align: left;
}

.a-right {
    text-align: right;
}

.a-center {
    text-align: center;
}

.a-justify {
    text-align: justify;
}

.hidden {
    display: none;
}

.search {
    float: right;
}

.search-icon {
    text-indent: -9999px;
    height: 20px;
    width: 20px;
    display: block;
    margin: 15px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/search-icon.png) no-repeat center center;
}

#have-a-question-form label, .col-main label {
    width: 120px;
    text-align: right;
    display: block;
    float: left;
    color: #888;
    font-family: 'dincond-regularregular';
    font-size: 16px;
    height: 16px;
    padding: 6px;
    text-transform: uppercase;
}

.giftcard-fieldset .field, .form-list .input-box {
    margin: 10px 5px;
    position: relative;
}

.desc, .std {
    font-family: "Open Sans", sans-serif;
    color: #888;
    line-height: 1;
}

.text-pink {
    color: #f36;
}

/* General End */
/* Header Start */
.header-wrapper {
    background: #fafbfb;
}

.header-container {
    padding-top: 27px;
    transition: top 0.75s ease 0s;
}

.header .logo {
    padding: 0;
    border-bottom: 1px solid #e9eaeb;
    padding-bottom: 32px;
    margin: 0;
}

.header .logo img {
    width: 178px;
}

.header {
    position: relative;
    margin: auto;
    text-align: center;
}

.header .quick-access {
    text-align: right;
}

.links li {
    display: inline-block;
    margin-left: 15px;
    color: #666;
    font-size: 12px;
}

.links a {
    font-family: 'dinregular';
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
}

.links a:hover {
    color: #333;
}

/* Header End */
/* Navbar Start */
.nav-container {
    position: relative;
}

.header .nav-container {
    position: static
}

.main-navigation {
    display: block;
}

.nav-item {
    position: static !important;
}

.header-wrapper {
    position: relative;
}

.header-wrapper .shad {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 10px;
    width: 100%;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/big_shadow.png) no-repeat top center;
    z-index: 9;
    opacity: 0.5;
}

.header-wrapper .shad-fixed {
    position: fixed;
    top: 79px;
    bottom: auto;
    z-index: 999;
}

#nav {
    display: block;
    margin: 0;
}

#nav .level-top>a {
    font-size: 15px;
    text-transform: uppercase;
    color: #5a5a5a;
    display: block;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -ms-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

#nav .level-top>a span {
    font-family: 'din_lightregular';
    font-size: 20px;
}

#nav .level-top:hover>a {
    color: #f36;
}

#nav .active>a span {
    font-family: 'din_lightregular';
    color: #f36;
}

#nav>li {
    display: inline-block;
    padding: 26px 3% 24px 3%;
}

#nav>li .sub-wide {
    position: absolute;
    top: 50px;
    top: 143px;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 999;
    /*border: 1px solid #f0f0f0;*/
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    opacity: 0;
    padding: 0 0 60px 0;
    height: 378px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
}

.sticky #nav>li .sub-wide {
    top: 64px;
}

.sticky #nav>li .level0 {
    top: auto !important;
}

#nav>li .sub-wide .sub-wide {
    position: relative;
    top: auto;
    left: auto;
    background: none;
    border: 0;
    opacity: 1;
    padding: 0;
    height: auto;
    width: auto;
    visibility: visible;
}

#nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub {
    display: block !important;
}

#nav>li:hover .sub-wide {
    visibility: visible;
    opacity: 1;
}

#nav>li ul a {
    font-size: 14px;
    font-family: 'dinregular';
    text-shadow: 1px 1px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
}

#nav>li .level0 li {
    display: block;
    padding: 0 15px 5px 15px;
    width: 142px;
    text-transform: uppercase;
}

#nav>li .level0 .active a span, #nav>li .level0 .over a span {
    color: #f36;
}

.what-s-hot h2, .cat-nav h2 {
    padding-top: 0;
}

/* sidebar nav left */
.block {
    padding: 10px;
}

.block li {
    padding: 5px 0 0 0;
}

.block li, .block li a {
    font-size: 11px;
    font-family: 'dinregular';
    color: #666;
    text-transform: uppercase;
    line-height: 1.5;
    text-shadow: 1px 1px 0px #f1f1f1;
    filter: dropshadow(color=#f1f1f1, offx=1, offy=1)
}

.block li, .block li a {
    font-size: 14px;
}

.block li a {
    display: block;
    white-space: nowrap;
}

.block li a:hover, .block li a:hover span {
    color: #f36;
}

.block .block-subtitle, .block label, .block dt {
    font-size: 12px;
    font-family: 'dinbold';
    padding-bottom: 5px;
}

.block .block-subtitle {
    display: none;
}

.block span.label {
    display: block;
}

.block dt {
    font-size: 16px;
    padding-top: 20px;
    color: #333;
    text-transform: uppercase;
}

.block .current {
    color: #333;
}

.advanced-search-amount, .advanced-search-summary {
    padding: 5px 15px;
}

.advanced-search-summary {
    margin-bottom: 30px;
}

.advanced-search-summary li {
    padding: 8px 0;
    color: #888;
    font-size: 13px;
}

#narrow-by-list2 a {
    white-space: normal;
}

.categories-left .block-content .categories-excerpt p {
    font-family: "dincond-lightregular";
    font-size: 35px;
    text-align: left;
    line-height: 35px;
}

.categories-left .block-content .categories-description {
    margin: 20px 0;
    border-top: 1px solid #ccc;
}

.categories-left .block-content .categories-description p {
    margin: 20px 0;
    text-align: justify;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

/* Navbar End */
/* Breadcrumbs Start */
.breadcrumbs {
    text-transform: uppercase;
    font-family: 'dinregular';
    color: #aaa;
    font-size: 9pt;
    font-weight: normal;
    margin: 10px 0;
    padding: 10px;
}

.breadcrumbs ul {
    margin: 0 10px;
}

.breadcrumbs ul li {
    float: left;
}

.breadcrumbs a {
    text-transform: uppercase;
    font-family: 'dinregular';
    color: inherit;
}

.breadcrumbs span {
    display: inline-block;
    margin: 0 5px;
}

/* Breadcrumbs End */
/* Content Start */
p a {
    text-decoration: none;
}

h2.subtitle {
    margin: 0 10px;
}

h1 {
    font-family: 'dincond-blackregular';
    font-weight: normal;
    color: #000;
    font-size: 2.6em;
    letter-spacing: -1px;
    padding: 10px 0;
    margin: 0 10px 15px 10px;
    /*border-bottom: 1px dotted #ccc;*/
    clear: both;
    overflow: hidden;
    text-transform: none;
}

.main {
    margin: auto;
    /*background: #fff url('https://shop.gessato.com/skin/frontend/my-design/default/images/big_shadow.png') no-repeat top center;*/
    font-size: 14px;
    clear: both;
    overflow: visible;
    position: relative;
}

.cms-home .main {
    background: #fff;
}

.cms-page-view .std img {
    display: block;
    height: auto;
    max-width: 100%;
}

.main-shadow {
    height: 10px;
    margin: auto;
    margin-bottom: 50px;
    background: url('https://shop.gessato.com/skin/frontend/my-design/default/images/big_shadow.png') no-repeat top center;
    clear: both;
    overflow: hidden;
    display: none !important;
}

h4, h3, h2 {
    padding: 20px 0 10px 0;
    color: #000;
    font-family: 'dincond-boldbold';
    font-weight: normal;
    font-size: 22px;
    display: block;
    clear: both;
    overflow: hidden;
}

h2 {
    text-transform: uppercase;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

.col1-layout .col-main {
    /*padding-bottom: 20px;*/
}

.catalog-category-view .col1-layout .col-main {
    padding-bottom: 0;
}

.catalog-product-view .col1-layout .col-main {
    padding-bottom: 0;
}

.col3-layout .col-main {
    width: 460px;
    float: right;
    padding: 15px 10px;
}

.col3-layout .col-wrapper {
    width: 720px;
    float: left;
}

.col2-right-layout .col-wrapper, .col2-right-layout .col-main {
    width: 610px;
    float: left;
}

.col2-left-layout .main {
    padding-bottom: 20px;
}

.checkout-onepage-index .col-main {
    width: 680px;
}

.col-1, .col-2 {
    width: 50%;
    float: left;
}

.content {
    padding: 10px;
}

/* Cart - Checkout - tables */
.checkout-cart-index .cart .cart-table {
    /*padding: 10px;*/
}

.checkout-cart-index .table th {
    font-family: 'din_lightregular';
    font-weight: normal;
    color: #3e3e3e;
    background: none;
}

.checkout-cart-index .table>thead>tr>th {
    border-bottom: 1px solid #ddd;
}

#cart-footer .input-box {
    float: left;
    width: 67%;
    margin-right: 3%;
}

#cart-footer .buttons-set {
    float: left;
    width: 30%;
}

#cart-footer button {
    border: 1px solid #3cf;
}

.note-msg, .cart-empty {
    padding: 10px;
}

.cart-empty p, .cart-empty {
    text-align: center;
}

.table th {
    background: #f1f1f1;
    padding: 10px;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0px 10px;
    color: #666;
    font-family: 'dincond-regularregular';
}

.table .large .item-msg {
    font-size: 10px;
}

.table dd, .table dt {
    display: inline-block;
    font-size: 14px;
}

.table .product-name {
    padding: 0;
    font-size: 16px;
    font-family: 'dincond-mediumregular';
}

.checkout-cart-index .table .product-name {
    text-transform: none;
    font-size: 22px;
    line-height: 22px;
}

.checkout-cart-index .table .row-with-image .item-options dt, .checkout-cart-index .table .row-with-image .item-options dd {
    font-weight: normal;
    font-size: 12px;
    color: #707070;
    font-family: 'din_lightregular';
    text-transform: uppercase;
}

.table .product-name a {
    color: #333;
}

.table .product-image {
    display: block;
    position: relative;
    overflow: hidden;
}

.quick-add .table .product-image {
    display: block;
    position: relative;
    overflow: hidden;
    height: 96px;
    width: 100px;
}

.quick-add .table .product-image img {
    display: block;
    width: 148px;
    height: auto;
    top: -26px;
    left: -24px;
    position: absolute;
}

.table .table-image {
    padding: 20px 10px;
    overflow: hidden;
}

.table .price {
    display: block;
    font-family: 'dincond-blackregular';
    color: #000;
}

.checkout-cart-index .table .price {
    font-family: 'din_lightregular';
    font-size: 16px;
    color: #3e3e3e;
}

.btn-remove, .address-action, .table .table-action {
    font-family: 'dinregular';
    text-transform: uppercase;
    color: #3cf;
    font-size: 11px;
    margin: 10px 0;
    text-decoration: none;
}

.table .table-action:hover {
    color: #f36
}

.table td {
    padding: 20px 15px;
    width: 115px;
    vertical-align: top;
}

.checkout-cart-index .row-with-image td+td {
    padding: 50px 15px;
}

.checkout-cart-index .row-with-image td.large {
    padding: 50px 0;
}

.checkout-cart-index .table .a-center .input-text.qty {
    text-align: center;
    padding: 5px 0;
    margin-bottom: 10px;
}

.checkout-cart-index .table .a-center .super-button.update-cart {
    float: none;
    padding: 5px 15px;
    margin: 0;
    color: #707070;
}

.checkout-cart-index .button, .checkout-cart-index button {
    font-family: 'din_lightregular';
    text-transform: uppercase;
}

.checkout-cart-index .table .a-center .super-button.update-cart span {
    font-size: 12px;
    line-height: 20px;
}

.checkout-cart-index .table td.a-small {
    width: 40px;
    padding: 50px 0;
}

.checkout-cart-index .table td.a-small .remove-item.table-action {
    display: block;
    text-indent: -99999em;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/cart-button-remove.png") no-repeat center;
    margin: 2px 0 0 0;
    height: 18px;
}

.checkout-cart-index #cart-actions {
    clear: both;
    float: none;
    margin: 0;
}

.checkout-cart-index .cart-page-right select, .checkout-cart-index .cart-page-right input {
    height: 40px;
    color: #9a9a9a;
    font-family: 'din_lightregular';
    font-size: 14px;
}

.checkout-cart-index .cart-page-right #shipping-zip-form {
    display: block;
}

.checkout-cart-index .cart-page-right .form-list .input-box {
    margin: 0 0 12px 0;
}

.checkout-cart-index .cart-page-right .form-list .method-box-1, .checkout-cart-index .cart-page-right .form-list .method-box-3 {
    float: left;
    width: 48.5%;
    margin-right: 3%;
}

.checkout-cart-index .cart-page-right .form-list .method-box-2, .checkout-cart-index .cart-page-right .form-list .method-box-4 {
    float: right;
    width: 48.5%;
}

.checkout-cart-index .cart-page-right .form-list .method-box-3 .input-box, .checkout-cart-index .cart-page-right .form-list .method-box-4 .input-box {
    margin-bottom: 0;
}

.checkout-cart-index .cart-page-right .form-list .method-box-4 .buttons-set .button {
    width: 100%;
    height: 40px;
    text-transform: uppercase;
}

.checkout-cart-index .cart-page-right .form-list .method-box select, .checkout-cart-index .cart-page-right .form-list .method-box input {
    width: 100%;
}

#cart-table .remove {
    margin: 5px;
}

#cart-footer, .checkout-cart-index .cart-page-right .shipping, .checkout-cart-index .cart-page-right .cart-page-right-button {
    border: 1px solid #ddd;
    padding: 25px;
    background: #f1f1ee;
    margin-bottom: 20px;
}

.checkout-cart-index .cart-page-right .shipping .button:hover {
    background: #fff;
    color: #707070;
    border: 1px solid #bbb;
}

#cart-footer h2, .checkout-cart-index .cart-page-right .shipping h2 {
    font-size: 25px;
    font-family: 'dincond-mediumregular';
    text-transform: uppercase;
    padding: 0 0 20px 0;
    text-align: center;
}

.checkout-cart-index .cart-page-right .shipping .sp-methods h2 {
    padding: 10px 0 20px 0;
}

.checkout-cart-index .cart-page-right .shipping #co-shipping-method-form .sp-methods .method-box {
    background: #e2e2e0;
    border: 1px solid #bbb;
    margin-bottom: 8px;
    height: 52px;
}

.checkout-cart-index .cart-page-right .shipping #co-shipping-method-form .sp-methods .method-box input {
    float: left;
    margin: 0 10px 0 20px;
    line-height: 50px;
    height: 50px;
}

.checkout-cart-index .cart-page-right .shipping #co-shipping-method-form .sp-methods .method-box label {
    font-family: 'din_lightregular';
    font-size: 16px;
    background: none;
    padding: 0;
    margin: 0;
    line-height: 48px;
    height: 50px;
    text-transform: uppercase;
    font-weight: normal;
    color: #161616;
}

.checkout-cart-index .cart-page-right .shipping #co-shipping-method-form .sp-methods .method-box label .price {
    font-family: 'dinbold';
    color: #161616;
}

.checkout-cart-index .cart-page-right .shipping #co-shipping-method-form .buttons-set {
    text-align: right;
}

.checkout-cart-index .cart-page-right .shipping #co-shipping-method-form .button {
    height: 40px;
    text-transform: uppercase;
    width: 152px;
}

.checkout-cart-index .cart-page-right .shipping-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.checkout-cart-index .cart-page-right .shipping-form div.dropdown-menu {
    max-height: 220px;
    overflow: auto;
}

.checkout-cart-index .cart-page-right-button #cart-total th, .checkout-cart-index .cart-page-right-button #cart-total td {
    height: 28px;
    padding: 10px 0;
    font-size: 16px;
    font-family: 'din_lightregular';
    text-transform: uppercase;
    color: #3e3e3e;
    font-weight: normal;
}

.checkout-cart-index .cart-page-right-button #cart-total td {
    /*padding-right: 30px;*/
    padding: 2px 0;
}

.checkout-cart-index .cart-page-right-button #cart-total #shopping-cart-totals-table, .checkout-cart-index .cart-page-right-button #cart-total #shopping-cart-totals-table tbody {
    text-align: right;
    width: 100%;
    border-bottom: 1px solid #bbb;
}

.checkout-cart-index .cart-page-right-button #cart-total tbody tr:nth-child(2) td, .checkout-cart-index .cart-page-right-button #cart-total tbody tr:nth-child(3) td, .checkout-cart-index .cart-page-right-button #cart-total tbody tr:nth-child(2) td .price, .checkout-cart-index .cart-page-right-button #cart-total tbody tr:nth-child(3) td .price {
    font-size: 14px;
}

.checkout-cart-index .cart-page-right-button #cart-total .price {
    font-family: 'din_lightregular';
    font-weight: normal;
    color: #3e3e3e;
    font-size: 16px;
}

.checkout-cart-index .cart-page-right-button #shopping-cart-totals-table tfoot td {
    padding: 20px 0;
    font-size: 28px
}

.checkout-cart-index .cart-page-right-button #shopping-cart-totals-table tfoot td .price {
    font-size: 28px;
}

.checkout-cart-index .cart-page-right-button #shopping-cart-totals-table tfoot td:first-child {
    text-align: left;
}

.checkout-cart-index .cart-page-right-button #shopping-cart-totals-table tfoot td strong {
    font-weight: normal;
}

.checkout-cart-index #cart-footer #discount-coupon-form {
    overflow: hidden;
}

.checkout-cart-index #cart-footer #discount-coupon-form #coupon_code {
    width: 100%;
}

.checkout-cart-index #co-shipping-method-form {
    margin-top: 20px;
}

#discount-coupon-form button {
    background: #3cf;
    color: #fff;
    border: 1px solid #3cf;
    display: block;
    width: 100%;
    height: 40px;
}

#discount-coupon-form button.cancel {
    margin-top: 10px;
    display: none;
}

#discount-coupon-form button:hover {
    background: #fff;
    color: #707070;
    border: 1px solid #bbb;
}

#cart-total {
    /*float: right;*/
    /*margin-top: -58px;*/
    /*margin-bottom: 15px;*/
    /*margin-right: 10px;*/
}

#cart-total th, #cart-total td {
    height: 28px;
    padding: 18px 15px 15px 15px;
    font-size: 20px;
    font-family: 'dincond-regularregular';
    text-transform: uppercase;
    color: #888;
    font-weight: normal;
}

#cart-total .price {
    font-family: 'dincond-blackregular';
    font-weight: normal;
    color: #000;
}

#cart-actions {
    display: block;
    clear: right;
    overflow: hidden;
    margin: 0 10px;
    float: right;
}

.checkout-cart-index #cart-actions {
    margin: 35px 0 0 0;
}

.checkout-cart-index #cart-actions .button {
    padding: 12px 10px;
}

#cart-actions .button {
    float: right;
    clear: right;
    width: 280px;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #3cf;
}

#cart-actions .button:hover {
    border: 1px solid #bbb;
    background: #fff;
    color: #777;
}

#cart-actions .continue {
    border: 1px solid #bbb;
    color: #777;
    background-color: transparent;
    margin: 0;
}

#cart-actions .continue:hover {
    border: 1px solid #3cf;
    color: white;
    background: #3cf;
}

.cc-list {
    float: left;
    margin-left: 5px;
    margin-top: -60px;
    clear: left;
}

.cc-list h2 {
    padding: 10px 5px;
    color: #777;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'dincond-regularregular';
    float: left;
}

.cc-list img {
    float: left;
    clear: left;
    margin: 0 5px;
}

.table {
    font-family: 'dincond-regularregular';
    font-size: 16px;
}

.order-details, #my-orders-table, #wishlist-table, #sales_grid, #my-orders-table, #payments_grid, #referer_grid, #traffics-report {
    margin: 0;
    /*width: 690px;*/
}

#wishlist-table td {
}

#cart-table .large {
    width: 240px;
}

#wishlist-table .large {
}

#wishlist-table tbody .row-with-image td:nth-child(3) {
    text-align: left !important;
}

#wishlist-table .row-with-image td+td {
    padding: 50px 10px !important
}

#my-orders-table .button, #wishlist-table .wishlist-buttons {
    vertical-align: baseline;
}

#my-orders-table .button, #wishlist-table .button {
    font-size: 15px;
    font-weight: bold;
    padding: 10px 15px;
    text-transform: uppercase;
}

#my-orders-table .button:hover, #wishlist-table .button:hover {
    background: transparent;
    border: 1px solid #f0f0f0;
    color: #777;
    padding: 9px 14px;
}

.order-details .items-act {
    vertical-align: baseline;
}

.order-details .large {
    min-width: 230px;
}

.order-details-header th, #my-orders-table thead {
    border: none;
}

.order-details th {
    text-align: left;
}

.order-details, .order-details-header {
    display: none;
}

.reorder {
    color: #3cf;
    text-transform: none;
}

.paypal-or {
    display: none;
}

.checkout-types {
    float: right;
}

/* customer account */
.customer-account-logoutsuccess .col-main {
    text-align: center;
}

.customer-account-logoutsuccess .col-main p {
    text-align: center;
}

.contacts-index-index .col-main {
    margin-top: 10px;
    min-height: 500px;
}

.account-title-container {
    padding: 40px 0 0 0;
}

.account-title-container .cb-module-header {
    margin-bottom: 20px;
}

.box-head a {
    display: block;
    margin: 10px;
}

h1.inverse {
    padding: 20px 0 10px 0;
    color: #000;
    font-family: 'dincond-boldbold';
    font-weight: normal;
    font-size: 50px;
    display: block;
    clear: both;
    text-transform: uppercase;
    text-align: center;
}

h1.inverse span.line {
}

.my-account .page-title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.welcome-msg {
    margin-top: 15px;
}

/* address book */
address {
    font-family: 'dincond-mediumregular';
    font-size: 16px;
    line-height: 1.3;
    color: #888;
    font-style: normal;
}

address a {
    margin-top: 10px;
    display: block;
}

/* log in or create an account */
.account-forms .form-list li strong, label[for="primary_shipping"], label[for="primary_billing"] {
    width: 210px;
}

li.control {
    height: 28px;
}

.account-forms {
    margin-top: 40px;
    background: #f6f6f6;
    border: 1px solid #f0f0f0;
    position: relative;
    padding: 20px 20px 80px 20px;
}

.account-login.row {
}

.account-login .account-forms {
    margin: 0 0 40px 0;
    padding: 20px;
}

.account-forms .address-select, .account-forms .input-text {
    width: 55%;
}

#account_captcha, .account-forms .year, input[title="Street Address 2"], #street_2 {
    margin-left: 115px;
}

.account-forms .year {
    margin-top: 5px;
}

.account-forms [type="checkbox"], .account-forms [type="radio"], .account-forms .radio, .account-forms .checkbox {
    display: inline-block;
    margin-top: 6px;
}

.account-forms .buttons-set {
    float: right;
    margin-top: 20px;
    display: inline-block;
}

.customer-account-edit .account-forms .buttons-set {
    margin-top: 4px;
}

.customer-account-edit .account-forms label {
    font-family: 'dincond-lightregular';
    font-weight: normal;
}

.account-forms .form-list {
    margin-top: 40px;
    margin-bottom: 20px;
}

.account-forms .f-left {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.account-forms h2 {
    padding: 0;
}

.account-forms label {
    padding-right: 20px;
}

.account-forms .button {
    margin-bottom: 0;
}

.account-forms .form-list li strong {
    font-family: 'dincond-regularregular';
    text-align: right;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    padding: 6px;
    padding-right: 20px;
    color: #888;
}

.customer-address-index .back-link {
    display: none;
}

.addresses-list {
    display: block;
    clear: both;
    overflow: hidden;
}

.addresses-list li {
    list-style-type: none;
}

.addresses-additional {
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    clear: both;
    overflow: hidden;
}

.addresses-additional .item {
    margin: 0 0 30px 0;
    width: 50%;
    float: left;
}

.addresses-additional .empty, .addresses-list .empty {
    width: 100%;
}

.super-button, .account-login .button, .my-account .add-new {
    font-size: 16px;
    font-family: 'dinregular';
    text-transform: uppercase;
    color: white;
    padding: 11px 40px;
    margin-bottom: 15px;
    border: 1px solid #3cf;
}

.super-button:hover, .account-login .button:hover, .my-account .add-new:hover {
    border: 1px solid #bbb;
    color: #777;
    background-color: white;
}

.account-create .account-forms {
    max-width: 460px;
    margin: 40px 0;
}

.account-create .page-title .inverse {
    margin-left: 0;
    margin-right: 0;
}

.account-create .fieldset:nth-child(1) .form-list .control .input-box {
    display: inline;
}

.account-create .fieldset .form-list .field {
    margin: 5px;
}

.new-users .content, .registered-users .content {
    min-height: 270px;
    width: auto;
}

.customer-account-resetpassword .account-forms {
    height: 260px;
}

.customer-account-forgotpassword .account-forms {
    height: 220px;
}

.notice-msg, .error-msg, .success-msg {
    line-height: 1.5;
    margin: 10px;
    border-style: solid !important;
    border-width: 1px !important;
    padding: 8px 8px 8px 32px !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

.error-msg {
    color: #f00;
}

.error-msg span, .success-msg span {
    color: #888;
}

.notice-msg {
    margin: 10px 0;
    border-bottom: 1px solid #ccc;
}

.my-wishlist .success-msg {
    margin: 10px 0;
}

.validation-advice {
    position: absolute;
    right: -6px;
    top: 6px;
    height: 16px;
    width: 16px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/check-uncheck.png) no-repeat;
    background-position: -16px 0;
    text-indent: -9999px;
}

.my-account .pager .amount {
    float: left;
}

.my-account .pager .limiter {
    float: right;
}

.back-link {
    position: absolute;
    bottom: 20px;
    left: 40px;
    padding: 7px 20px !important;
    background: #fff;
    border: 1px solid #888;
    text-transform: uppercase;
    font-family: 'dinregular';
    margin: 10px;
    display: none;
}

.back-link a {
    text-decoration: none;
}

.input-text.cvv {
    width: 22px;
}

/* mini search form */
.search-b {
    font-size: 18px;
    margin: 0;
    display: inline-block;
    position: absolute;
    left: 38px;
    top: 5px;
}

.sticky .search-b {
    top: 16px;
    left: auto;
    right: 88px
}

.mobile-mini-search .search-b, .mobile-mini-search .sticky .search-b {
    top: 12px;
    left: auto;
    right: 76px
}

.search_mini_form {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s;
    -webkit-transition: visibility 0.3s, opacity 0.3s;
}

.search_mini_form.active {
    visibility: visible;
    opacity: 1;
}

.search_mini_form .form-search {
    width: 610px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -305px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.search_mini_form .form-search h2 {
    font-family: "dincond-boldbold" !important;
    font-size: 66px;
    font-weight: normal;
    line-height: 64px;
    text-align: center;
    color: #f7f7f7;
    padding: 15px 0;
    margin-bottom: 33px;
    border-bottom: 1px solid #747374;
}

.search_mini_form .form-search button {
    background: #fff;
    border: none;
    color: #000000;
    font-family: "dinregular" !important;
    font-size: 18px;
    outline: medium none;
    padding: 10px 0;
    text-transform: uppercase;
    width: 20%;
    float: right;
    height: 46px;
    display: none;
}

#search_new_form .form-search input, .search_mini_form .form-search input {
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-transition: 0.3s;
    appearance: none;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    float: none;
    font-size: 20px;
    height: 46px;
    outline: medium none;
    padding: 8px 15px;
    transition: 0.3s;
    width: 100%;
    position: relative;
    z-index: 1;
}

#search_new_form .form-search input {
    border-bottom-color: #ccc;
    color: #999;
}

#search_new_form .form-search input:focus, .search_mini_form .form-search input:focus {
    border-bottom-color: #3cf;
}

#search_new_form .form-search label, .search_mini_form .form-search label {
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    color: #999;
    cursor: text;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 141px;
    transition: 0.3s;
    z-index: 0;
    text-transform: none;
}

#search_new_form .form-search label {
    left: 0;
    width: 100%;
    text-align: left;
    top: 11px;
}

#search_new_form .form-search label.active, .search_mini_form .form-search label.active {
    font-size: 14px;
    top: 118px;
    color: #3cf;
}

#search_new_form .form-search label.active {
    top: -15px;
}

.search_mini_form .form-search .close {
    position: absolute;
    width: 100%;
    height: 21px;
    line-height: 21px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: -40px;
    right: 0;
    text-shadow: none;
    text-align: center;
    opacity: 1;
}

.search_mini_form .form-search .close i:before {
    content: 'CLOSE';
    font-family: 'din_lightregular';
    font-size: 16px;
}

.search_mini_form .form-search img {
    vertical-align: middle;
}

#search_new_form {
    margin: 0 auto;
    text-align: left;
    max-width: 490px;
    margin-top: 20px;
    position: relative;
}

#search_new_form input, #search_new_form button {
}

#search_new_form input {
    color: #969696;
    background: #e5e5e5;
    border: 0;
    text-transform: lowercase;
    font-size: 20px;
    outline: none;
    width: 100%;
    padding: 15px;
}

#search_new_form button {
    display: none;
}

div.note-msg {
    position: relative;
    text-align: center;
    padding: 5% 18%;
    margin: 0 auto;
    max-width: 1200px;
}

.category-on-sale div.note-msg {
    padding: 10% 18%;
}

div.note-msg img {
    max-width: 100%;
}

div.note-msg p {
    font-family: 'dincond-lightregular';
    color: #4f4f4f;
    font-size: 25px;
    text-align: center;
    margin-bottom: 40px;
}

div.note-msg #notify_message {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
}

div.note-msg .home-button {
    position: absolute;
    bottom: 30px;
    left: 30px;
    display: none;
}

div.thank-you h2, div.note-msg h2 {
    color: #9b9da0;
    padding-top: 10px;
}

div.thank-you .confirm-msg, div.note-msg .no-res-msg {
    font-size: 32px;
    color: #333;
    padding-bottom: 0;
}

.cb-module-header {
    background: none;
    border-bottom: none;
    margin: 15px 10px;
    margin-top: 0!important;
    padding: 0;
    text-align: center;
    margin: 30px 10px;
    margin-bottom: 40px;
}

.cb-module-header .cb-module-title {
    color: #000;
    font-size: 46px;
    letter-spacing: 1px;
    background: #fff;
    display: inline-block;
    line-height: normal;
    padding: 0 5%;
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'dincond-boldbold';
}

.cb-module-header .cb-module-title:after {
    border-top: 1px solid #000;
    height: 1px;
    display: block;
    margin: 20px auto 0 auto;
    width: 170px;
    content: "";
}

.catalogsearch-result-index .cb-module-header .cb-module-title {
    font-size: 46px;
    letter-spacing: 1px;
}

.cb-module-header p {
    color: #b3b3b3;
    font-family: "dincond-mediumregular";
    font-size: 22px;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
}

.billing-container .blocker, .shipping-container .blocker {
    float: none;
    text-align: left;
}

#billing-address-select, #shipping-address-select {
    width: 497px;
}

#giftcard_use, #co-payment-form dt input, #co-shipping-method-form input, .billing-container .label-invert, .shipping-container .label-invert {
    float: left;
    margin-left: 5px;
}

#giftcardAgree label, #co-payment-form dt label, #co-shipping-method-form label {
    width: auto;
    min-width: 150px;
    text-align: left;
}

.check-spacer {
    width: 142px;
    float: left;
    height: 10px;
}

/* .advanced-search */
#advanced-search-list {
    margin: 30px 0;
    width: 910px;
}

.advanced-search {
    padding: 10px;
}

.advanced-search select {
    width: 310px;
}

#form-validate .buttons-set {
    padding: 10px;
}

/* about us page*/
.cms-about-us .main.container, #full-width .main.container {
    width: 100%;
    padding: 0;
    max-width: none;
}

/*#full-width.category-new-arrivals .main.container {
    width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
}
*/
.cms-about-us .main-shadow, #full-width .main-shadow {
    display: none;
}

.catalog-category-view .breadcrumbs, .cms-about-us .breadcrumbs {
    display: none;
}

.cms-about-us .main .img-responsive {
    display: block;
    width: 100%;
}

.cms-about-us .main section, #full-width .main section {
    padding: 6% 20px;
}

.cms-about-us .main section .container, #full-width .main section .container {
    padding: 0;
}

.cms-about-us .main section p {
    font-family: 'din_lightregular';
    font-size: 26px;
    line-height: normal;
    padding: 20px 0 0 0;
}

.cms-about-us .main section h3 {
    font-family: 'Playfair-Display-SemiBold';
    font-weight: normal;
    font-size: 70px;
    line-height: 75px;
    padding: 0;
    min-height: 160px;
}

.cms-about-us section.about-1 {
    background: #efefef;
    padding-bottom: 15%;
}

.cms-about-us .main section.about-1 h3, .cms-about-us .main section.about-3 h3, .cms-about-us .main section.about-1 p, .cms-about-us .main section.about-3 p {
    color: #000;
}

.cms-about-us .main section.about-1 p {
    padding-left: 5%;
}

.cms-about-us section.about-2 {
    background: #797c7f;
}

.cms-about-us .about-2 .container {
    position: relative;
}

.cms-about-us .main section.about-2 h3, .cms-about-us .main section.about-2 p {
    color: #fff;
}

.cms-about-us .about-2 img {
    position: absolute;
    right: 0;
    top: -49%;
    width: auto !important;
    height: 181%;
    display: block;
}

.cms-about-us section.about-3 {
    background: #fff;
    padding-top: 10%;
}

.cms-about-us section.about-3 img {
    max-width: 440px;
}

.cms-about-us .main section.about-4 {
    background: #00c3f4;
    padding-bottom: 7%;
}

.cms-about-us .main section.about-4 h3 {
    color: #fff;
    text-align: center;
    font-size: 90px;
    line-height: 106px;
}

.cms-about-us section.about-5 {
    padding-bottom: 15%;
}

.cms-about-us .about-5 a {
    background: #5d5d5e;
    color: #fff;
    display: block;
    font-family: 'dinregular';
    font-size: 20px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s!important;
    -webkit-transition: all 0.3s ease-in-out!important;
    -moz-transition: all 0.3s ease-in-out!important;
    -o-transition: all 0.3s ease-in-out!important;
    -ms-transition: all 0.3s ease-in-out!important;
}

.cms-about-us .about-5 a.shop-style {
    background: #22c3f3;
}

.cms-about-us .about-5 a:hover {
    background: #22c3f3;
}

.cms-about-us .about-5 a.shop-style:hover {
    background: #5d5d5e;
}

/* 404 */
.cms-no-route .col-main {
    padding: 0 10px;
    margin-bottom: 20px;
}

.ops {
    font-family: 'dincond-boldbold';
    font-size: 28px;
    color: #515153;
    text-transform: uppercase;
    margin-bottom: 60px;
    line-height: 1.2;
}

.cms-no-route .col-main p {
    text-align: center;
}

/* quick view window */
#cboxLoadedContent {
    border: 0 !important
}

.quick-product {
    width: 742px;
    padding: 80px 30px 80px 30px;
    background: #f6f6f8;
    border-top: 6px solid #c7254e;
    height: 490px;
}

.quick-product .product-right .product-buttons .add-to-cart {
    padding: 10px 60px;
    margin: 0;
}

.quick-product .product-right .product-buttons .add-to-cart::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0;
}

.quick-product .product-right .product-buttons .add-to-wishlist {
    width: 232px;
}

.quick-product .product-right .product-attributes {
    background: #fff;
    padding: 10px 0;
    display: inline-block;
}

.quick-product .product-right .product-attributes dl {
    margin: 0;
}

.quick-product .product-buttons {
    margin-top: 20px;
}

.quick-product .short-description div.ellipsis {
    overflow: hidden;
    margin-bottom: 5px;
    color: #888;
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

.quick-product .product-quantity {
    padding: 13px 0
}

.quick-product .short-description .more {
    display: block;
    float: right;
    text-indent: -9999px;
    height: 30px;
    width: 30px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/plus.png) no-repeat;
}

.quick-product .short-description .more:hover {
    background-position: -30px 0px;
}

.quick-product .social-product .soc-right {
    margin-right: 20px;
}

.quick-product .product-price {
    margin-top: 30px;
}

.quick-product .goto-brand {
    font-size: 14px;
}

.quick-product .social-buttons {
    bottom: 30px;
}

.quick-product .quick-overview {
    clear: both;
    display: inline-block;
    font-size: 13px;
    padding: 10px 10px 0;
    text-align: justify;
}

.quick-product .product-name {
    border-bottom: 2px solid #e8e8ea;
}

.quick-product .product-name h1 {
    color: #000;
    font-family: "dincond-boldbold";
    font-size: 28px;
    margin: 0;
}

.quick-product .product-name .manufacturer {
    text-transform: uppercase;
}

.quick-product .product-image-below {
    font-size: 16px;
    display: block;
    padding: 30px 20px;
    text-align: center;
    font-family: "dinregular";
    text-transform: uppercase;
    background: #f1f1f1;
}

.quick-product .product-image-big, .quick-product .product-image-big img {
    margin: 0;
    height: auto;
}

.quick-product .product-image-big {
    margin-top: 20px;
}

.quick-product .product-page-sales {
    right: 20px;
    top: 10px;
}

.quick-product .product-page-sales .onsaleicon {
    width: 50px;
}

.product-buttons .last-row {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

.quick-add-error {
    padding: 15px;
    /*width: 640px;*/
}

.quick-add {
    padding: 15px;
    border-top: 5px solid #3cf;
    /*width: 910px;*/
}

.quick-add .add-to-cart-done {
    font-family: "dincond-boldbold";
    font-size: 60px;
    margin: 0 10px;
    text-transform: uppercase;
    color: #000;
}

.quick-add .table {
    width: 100%;
    margin: 0;
}

.quick-add .table .product-image {
    border: none;
}

.quick-add h1 {
    font-size: 28px;
    letter-spacing: 0;
    margin: 0 12px 20px 12px;
    font-family: 'dincond-lightregular';
    color: #aaa;
    padding-top: 5px;
}

.quick-add .there-are {
    font-family: 'dincond-boldbold';
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
}

.quick-add .subtot {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'din_lightregular';
    color: #888;
}

.quick-add-buttons {
    float: right;
    margin: 10px;
    padding: 15px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.quick-add-buttons .button {
    float: right;
}

.quick-add-buttons .super-button {
    padding: 15px 40px;
}

.quick-add-buttons .check-butt {
    border: 1px solid transparent;
    color: #888;
    background: #fff;
    margin-right: 15px;
}

.quick-add-buttons .check-butt:hover {
    border: 1px solid #3cf;
}

.quick-add table .row-with-image .item-options dd {
    color: #aaa;
}

.quick-add table .row-with-image .product-name {
    line-height: 18px;
    margin-bottom: 5px;
    border: none;
}

.quick-add table tfoot tr td:nth-child(2) span {
    display: none;
}

.quick-add table .row-with-image td+td {
    padding: 20px 15px !important
}

.quick-add table .row-with-image td:nth-child(1) {
    padding-left: 0;
}

.quick-add table .row-with-image td {
    border-top: none;
}

.add-to-cart-error p {
    margin: 10px;
    text-align: left;
    display: inline;
}

.add-to-cart-error h2 {
    font-size: 32px;
    margin: 0 10px;
    padding-top: 7px;
}

.add-to-cart-error .select-error {
    height: 254px;
    width: 240px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/select-error.jpg) no-repeat;
}

/* Checkout */
#checkoutSteps #opc-login {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

#ordering-and-payments-content .inverse {
    margin-left: 33px;
}

#ordering-and-payments-content p {
    font-size: 13px;
}

#checkoutSteps {
    position: relative;
    margin-top: 20px;
}

#checkoutSteps .please-wait {
    position: absolute;
    top: 10px;
    right: 40px;
    font-family: 'dincond-boldbold';
}

#checkoutSteps .please-wait img {
    vertical-align: middle;
}

.affiliateplus-account-login .col-1, #checkoutSteps .col-1 {
    width: 60%;
}

.affiliateplus-account-login .col-2, #checkoutSteps .col-2 {
    width: 40%;
}

.affiliateplus-account-login .account-forms, #checkoutSteps .account-forms {
    width: auto;
    height: auto;
    margin: 10px;
    margin-bottom: 0
}

#checkoutSteps .account-forms h3, #checkoutSteps .account-forms h4 {
    padding: 5px 0;
}

#checkoutSteps .account-forms h2 {
    padding: 0 0 10px 0;
}

#checkoutSteps p {
    padding-bottom: 10px;
}

.affiliateplus-account-login .account-forms .form-list, #checkoutSteps .account-forms .form-list {
    margin: 10px 0 30px 0;
}

#checkoutSteps .account-forms .ul {
    margin: 10px 0;
}

#checkoutSteps .account-forms .ul li {
    padding: 3px 0;
    color: #333;
    font-size: 12px;
}

#checkoutSteps .active .step-title {
    display: none;
}

#checkoutSteps .step-title {
    position: relative;
    padding: 10px 20px;
    margin: 0px 10px 0px 10px;
    border: 1px solid #f0f0f0;
    border-top: none;
    background: #f6f6f6;
}

#checkoutSteps #opc-login .step-title, #checkoutSteps #opc-billing .step-title {
    border-top: 1px solid #ccc;
}

#checkoutSteps .step-title h2 {
    padding: 0
}

#checkoutSteps .step-title .number {
    display: none;
}

#checkoutSteps .step-title a {
    position: absolute;
    right: 12px;
    top: 12px;
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 20px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/edit.png) no-repeat;
    opacity: 0.5;
}

#checkoutSteps .step-title a:hover {
    opacity: 1;
}

#checkoutSteps .account-forms dt {
    font-size: 16px;
    font-family: 'dincond-boldbold';
    color: #888;
    display: inline-block;
    width: 100%;
    padding: 10px 0 5px 0;
}

#checkoutSteps #co-shipping-method-form dt {
    display: none;
}

#checkoutSteps .cvv-what-is-this {
    float: left;
    position: absolute;
    top: 6px;
    left: 234px;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/question.png) no-repeat;
}

#checkoutSteps .tool-tip img {
    display: block;
    margin: 20px auto;
}

#checkoutSteps .tool-tip .btn-close a {
    text-indent: -9999px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/colorbox/controls.png) no-repeat -50px -25px;
; height: 20px;
    width: 20px;
    opacity: 0.3;
    float: right;
    margin-right: 30px;
}

#checkoutSteps .tool-tip .btn-close a:hover {
    opacity: 0.6;
}

#checkoutSteps .account-forms .back-link {
    display: none;
}

.affiliateplus-account-login .col-1 input, #checkout-step-login .col-1 input[type="text"], #checkout-step-login .col-1 input[type="password"] {
    width: 50%;
}

.affiliateplus-account-login .buttons-set, #checkout-step-login .buttons-set {
    right: 32px;
}

#checkout-step-login div.center {
    left: 20px;
    right: 20px;
}

#checkout-step-login .buttons-set .center {
    width: 212px;
    padding: 8px 0;
    text-align: center;
}

.affiliateplus-account-login .col-1 .account-forms, .affiliateplus-account-login .col-2 .account-forms, #checkout-step-login .col-1 .account-forms, #checkout-step-login .col-2 .account-forms {
    height: 180px;
}

#checkout-step-login .col-2 .buttons-set {
    right: 16px;
}

.payment-container label {
    width: 160px;
}

.payment-container label[for="p_method_paypal_express"] {
    height: 34px;
}

.payment-container .year {
    margin-left: 181px;
}

#payment_form_paypal_express {
    text-align: center;
    color: #888;
}

#checkout-step-review .table {
    width: 610px;
    margin: 0;
}

#checkout-step-review .table td {
    padding: 10px;
}

#checkout-step-review .table tfoot td {
    color: #888;
}

#checkout-step-review .table tfoot .price {
    font-weight: normal;
}

#checkout-step-review .table tfoot .first td {
    padding-top: 40px;
}

#checkout-step-review .table th {
    background: transparent;
}

#checkout-step-review .table th.large {
    text-align: left;
}

#checkout-step-review .table .product-name {
    padding: 0;
}

#checkout-step-review .large .item-options {
    padding: 3px 15px;
}

.thank-you {
    padding: 60px 30px;
    position: relative;
}

.thank-you .super-button {
    border: 1px solid #bbb;
    color: #777;
    background-color: white;
}

.thank-you .super-button:hover {
    border: 1px solid #3cf;
    background-color: #3cf;
    color: #fff
}

.cms-new-arrivals h2.subtitle {
    display: none;
}

.cms-new-arrivals .inverse {
    margin-bottom: 40px;
}

/*.contacts-index-index .col-main .std,*/
.cms-contact-us .col-main .std .row {
    /*background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/contact-us.jpg) no-repeat top right;*/
    margin-left: 0;
    margin-right: 0;
}

.cms-contact-us .col-main {
    padding-bottom: 50px;
}

.contacts-index-index a.button, .cms-contact-us a.button {
    padding: 10px 40px
}

#follow {
    position: absolute;
    top: 165px;
    left: -182px;
    z-index: 100;
    display: none;
}

#free-shipping-txt {
    background: #3cf;
    height: 0px;
    width: 0px;
    opacity: 0;
    margin-top: -60px;
    overflow: hidden;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    /*-webkit-box-shadow:  1px 1px 10px 0px #333;
    box-shadow:  1px 1px 10px 0px #333;*/
}

/*.free-shipping-banner:hover #free-shipping-txt{
    height: 156px;
    width: 362px;
    margin-left: 175px;
    opacity: 1;
}*/
.fix-width {
    width: 362px;
    position: relative;
}

#free-close {
    position: absolute;
    top: 10px;
    right: 10px;
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 20px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/close_white.png) no-repeat;
}

/*#free-shipping-txt p{
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
}
#free-shipping-txt h2{
    color: #fff;
    line-height: 1.2;
}
#free-shipping-txt h2 span{
    border-radius: 3px;
    background: #f15922;
    padding: 0 5px;
}*/
.cms-page-view .inverse {
    margin-top: 0;
}

.cms-page-view .col-main ol {
    list-style-type: decimal;
    padding: 30px;
}

.cms-page-view .col-main ol li {
    padding: 5px;
    color: #888;
    font-style: italic;
    line-height: 1.5;
}

.cms-contents {
    margin: 0 20% 60px 20% ;
}

.onepage-terms-and-conditions {
    text-align: center;
}

.ordering-and-payments {
    font-size: 10px;
    width: 220px;
    text-align: center!important;
    margin: 10px auto 0!important;
}

.order-review.account-forms {
    padding-bottom: 150px;
}

#mc-canvas {
    border: 3px solid #ccc;
    float: right;
    margin: 10px 0;
}

#mc-canvas.mc-valid {
    border: 3px solid #3cf;
}

#mc {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 20px;
}

#mc p {
    text-align: right;
    font-size: 13px;
}

#contactForm .input-text, #contactForm textarea {
}

#have-a-question-form #contactForm .input-text, #have-a-question-form #contactForm textarea {
    width: 277px;
}

.account-forms.mc-active {
    border: none;
}

/* affiliates */
div.affiliates-cont {
    margin-left: 54px;
    margin-right: 54px;
}

div.affiliates-cont h3 {
    color: #999;
}

div.affiliate-buttons {
    margin-top: 34px;
    margin-bottom: 24px;
    /*text-align: center;*/
    margin-left: 20px;
}

div.affiliate-buttons .button {
    margin: 10px;
}

#account_captcha {
    width: 77px;
}

#affiliate-captcha-link {
    text-indent: -9999px;
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/refresh.png) no-repeat center center;
    position: absolute;
    top: 4px;
}

.affiliateplus-account-login .account-forms p {
    line-height: 1.3;
    margin-top: 5px
}

.affiliateplus_form_request {
    display: block;
    clear: both;
    overflow: hidden;
}

.affiliateplus_form_request .right {
    float: right;
}

.affiliateplus_form_request button.right {
    float: left;
    /*border: 1px solid #33ccff;*/
    margin-right: 10px;
}

.affiliateplus_form_request #request_amount {
    padding: 4px 11px;
}

.affiliateplus_form_request .left {
    float: left;
}

.affiliateplus_form_request label.left {
    display: none;
}

#payments_grid input, #payments_grid select, #sales_grid input, #sales_grid select {
    padding: 3px;
}

#traffics-report th, .affiliateplus-grid-title th {
    font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}

#traffics-report .price {
    text-align: center;
}

#sales_grid-order_item_names {
    width: 80px;
}

#payments_grid-status {
    width: auto;
}

#sales_grid-status {
    width: 54px;
}

.range-container input {
    width: 50px;
}

.range-container .label {
    width: 30px;
    font-size: 13px;
    display: inline-block;
    font-weight: normal;
}

#affiliateplus_payment_request_miniform {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

.affiliateplus-search-button {
    display: block;
    clear: both;
    overflow: hidden;
    padding: 10px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    text-align: right;
}

.affiliateplus-index-referrers .pager, .affiliateplus-index-payments .pager, .affiliateplus-index-listtransaction .pager {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    display: block;
    clear: both;
    overflow: hidden;
}

.affiliateplus-index-referrers .limiter, .affiliateplus-index-payments .limiter, .affiliateplus-index-listtransaction .limiter {
    float: left;
}

.affiliateplus-index-referrers .amount, .affiliateplus-index-payments .amount, .affiliateplus-index-listtransaction .amount {
    float: right;
    padding-right: 10px;
}

/* affiliates calendar */
div.calendar {
    padding: 10px;
    background: #fff;
    border: 1px solid #f0f0f0;
    font-size: 13px;
    position: relative;
}

div.calendar .button {
    display: table-cell;
    text-align: center;
    padding: 10px;
    border: 1px solid #fff;
}

div.calendar .button:hover {
    background: #f36;
}

div.calendar .today {
    font-weight: bold;
    color: #f36;
}

div.calendar .selected {
    font-weight: bold;
}

div.calendar .title {
    text-align: center;
    text-transform: uppercase;
    font-family: 'dincond-boldbold'
}

div.calendar tbody td {
    padding: 10px;
    width: 20px border-collapse: separate;
    border-spacing: 5em;
    cursor: pointer;
}

div.calendar .day {
    text-align: center;
}

div.calendar .daynames {
    text-align: center;
    font-weight: bold;
}

div.calendar .daynames td {
    padding: 10px 5px;
}

div.calendar .wn {
    padding: 10px 15px 10px 5px;
}

div.calendar td:hover {
    background: #ededed;
}

div.calendar td.emptycell:hover {
    background: #fff;
    cursor: default;
}

div.calendar td.weekend {
    color: #f36
}

div.calendar .ttip {
    padding: 10px;
    text-align: center;
    font-family: 'dincond-boldbold';
    font-size: 14px;
}

div.calendar .combo {
    position: absolute;
    top: 80px;
    background: #ededed;
    width: 60px;
    cursor: pointer;
}

div.calendar .combo .label {
    text-align: center;
}

div.calendar .combo .hilite {
    background: #f1f1f1;
}

/* end cal */
.banner-share textarea.banner-share-url {
    width: 585px;
}

.content-affiliates label {
    width: auto;
    padding-left: 0;
}

.content-affiliates .form-list .input-box {
    margin: 10px 0;
    clear: both;
    display: block;
    overflow: hidden;
}

.content-affiliates .form-list .input-box textarea {
    width: 625px;
    min-height: 160px
}

.affiliateplus-refer-index .col-main {
    padding-left: 0;
}

.affiliateplus-banner-list .account-forms, .affiliateplus-refer-index .account-forms {
    margin-top: 20px;
}

.affiliate-get-link .form-list, .affiliateplus-refer-index .form-list {
    margin: 10px 0;
}

.affiliateplus-opc li {
    position: relative;
    display: block;
    clear: left;
}

.affiliateplus-opc .logo {
    display: block;
    height: 64px;
    width: 64px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/sprite-socials-new.jpg);
    cursor: pointer;
    margin: 10px;
}

.affiliateplus-opc h2 {
    display: none;
}

.content-affiliates {
    font-family: "Open Sans", sans-serif
}

.content-affiliates li {
    color: #888;
    line-height: 1.3;
}

.content-affiliates strong:first-child {
    font-weight: normal;
    color: #888;
}

.affiliateplus-opc .email-logo {
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/email-icon.jpg);
}

.affiliateplus-opc .google-logo {
    background-position: -64px 0
}

.affiliateplus-opc .facebook-logo {
    background-position: -128px 0
}

.affiliateplus-opc .twitter-logo {
    background-position: -192px 0
}

#affiliate-opc-personal-url li label {
    display: block;
}

.affiliateplus-refer-index h2 {
    margin: 20px 0 10px 0;
}

.affiliate-get-link label {
    width: 80px;
}

.affiliate-get-link .wide p {
    margin-bottom: 20px;
}

.banner-view-item {
    padding: 0 20px;
}

.banner-text-title strong, .banner-flash-title strong, .banner-image-title strong {
    line-height: 1.3;
    font-family: 'dinregular';
    text-transform: uppercase;
    font-weight: normal;
    color: #888;
}

.banner-text-title span, .banner-flash-title span, .banner-image-title span {
    text-transform: none;
}

.banner-text-title, .banner-flash-title, .banner-image-title {
    margin: 15px 0;
}

.banner-text-title strong a, .banner-flash-title strong a, .banner-image-title strong a {
    text-transform: none;
    font-family: 'dinregular';
    font-size: 13px;
}

.banner-share .social-banner {
    padding: 2px 10px;
}

.banner-share .social-banner .share {
    vertical-align: middle;
    display: inline-block;
}

.banner-share .social-banner .share_facebook {
    padding-right: 20px;
}

/* gift cards */
.prod-shop-gift-cards {
    padding: 20px 20px 50px 20px;
    text-align: center;
}

.prod-img-gift-cards {
    padding: 40px 20px 20px 20px;
    text-align: center;
}

.prod-shop-gift-cards .add-to-box {
    margin: 0px 5px;
}

.prod-shop-gift-cards {
    float: right;
    width: 520px;
}

.prod-img-gift-cards {
    float: left;
    width: 306px;
}

.account-forms.prod-gift {
    padding: 0px;
    margin: 50px 0;
    display: block;
    clear: both;
    overflow: hidden;
}

.giftcard-fieldset select {
    width: 340px;
}

.giftcard-fieldset textarea, .giftcard-fieldset .input-text {
    width: 340px;
}

.giftcard-fieldset .validate-date {
    width: 309px;
}

.giftcard-fieldset .preview-gift {
    font-family: 'dincond-regularregular';
    text-transform: uppercase;
    text-align: right;
    display: block;
    padding-right: 5px;
}

.prod-gift .input-text.qty {
    width: 30px;
    text-align: center;
    margin: 0 10px 0 50px;
    height: 28px;
}

.prod-gift .add-to-cart {
    float: left;
}

.prod-gift .add-to-cart .button {
    margin-right: 10px;
    border: 1px solid #3cf;
}

.prod-gift .button {
    text-transform: uppercase;
    width: 139px;
    height: 28px;
    padding: 0;
}

.prod-gift a.button {
    padding: 6px;
    background: #fff;
    border: 1px solid #f0f0f0;
    color: #777;
    width: 143px;
    text-align: center;
    height: 14px;
}

.prod-gift .button:hover {
    background: #fff;
    border: 1px solid #f0f0f0;
    color: #777;
}

.prod-gift a.button:hover {
    background: #3cf;
    border: 1px solid #3cf;
    color: #fff;
}

.prod-gift .short-description {
    padding: 20px 0;
}

.prod-gift .description {
    padding: 20px;
}

.prod-gift .std {
    margin: 15px 0;
    font-family: "Open Sans", sans-serif;
    color: #888;
}

.cart .discount {
    width: 320px;
    padding: 20px;
    background: #f1f1f1;
    border: 1px solid #f0f0f0;
    height: 118px;
    margin: -61px 24px 50px 10px;
    float: right;
}

.coupon-gift-container {
    display: inline-block;
}

.coupon-gift-container #activateGiftCard {
    margin-left: 0;
}

.products-gift-list {
    display: block;
    clear: both;
    overflow: hidden;
    padding-bottom: 50px;
}

.products-gift-list .item {
    position: relative;
    float: left;
}

.products-gift-list .item .products-gift-list-content {
    background: #efeff0;
    padding: 0 20px 20px;
}

.category-gift-cards .category-products {
    margin: 10px;
}

.products-gift-list .item .product-name {
    text-align: center;
    margin-bottom: 20px;
}

.products-gift-list .item .product-name a {
    font-size: 20px;
    padding: 12px 48px;
    border: 1px solid #3cf;
    -webkit-transition: background 150ms ease-in;
    -moz-transition: background 150ms ease-in;
    -ms-transition: background 150ms ease-in;
    -o-transition: background 150ms ease-in;
    transition: background 150ms ease-in;
}

.products-gift-list .item .product-name a:hover {
    border: 1px solid #f0f0f0;
    background: #fff;
    color: #777;
}

.products-gift-list .item .desc {
    text-align: justify;
    font-size: 16px;
    min-height: 50px;
}

.gift-email, .gift-print {
    /*/!* height: 186px;*/
    width: 100%;
    text-align: center;
}

.gift-email .comic, .gift-print .comic {
    position: absolute;
    height: 44px;
    width: 33px;
    bottom: -44px;
}

.gift-print .comic {
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/gift_comic.png);
    left: 36px;
}

.gift-email .comic {
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/gift_comic_email.png);
    right: 36px;
}

.gift-print .heart {
    left: 20px;
    bottom: 20px;
}

.gift-email .heart {
    right: 20px;
    bottom: 20px;
}

.product-view-gift {
    margin: 0px 10px;
}

.product-print-gift-card .col-main {
    background: #f6f6f7;
    padding-bottom: 10px !important;
}

.freq-questions {
    margin: 10px
}

.freq-questions h3 {
    color: #777;
}

#giftcard-section {
    margin-top: 20px;
}

#checkout-payment-method-load label {
    position: relative;
}

#p_method_paypal_express {
    margin-top: 13px;
}

.schipping-method-container .sp-methods {
    margin-top: 20px;
}

.sp-methods .method-box {
    display: block;
    overflow: hidden;
    clear: both;
    position: relative;
}

#giftcard-section .discount {
    display: block;
    clear: both;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 10px;
    border: 1px solid #f0f0f0;
    background: #f9f9f9;
}

#activateGiftCard label {
    float: none;
    width: auto;
    text-align: left;
    padding-left: 0;
}

#giftcard-section .sp-methods label, .sp-methods .method-box label {
    height: auto;
}

#giftcardAgree label, #co-payment-form dt label, .sp-methods .method-box label {
    font-family: 'dincond-boldbold';
    text-transform: none;
    color: #000;
    font-size: 20px;
    padding-bottom: 20px;
}

#co-payment-form dt label a {
    display: block;
    font-size: 12px;
    margin-top: 5px;
}

#co-payment-form dt label img {
    margin-left: 10px;
}

#payment_form_paypal_standard {
    margin: 10px 0 5px 75px !important;
    font-family: "Open Sans", sans-serif;
    color: #888;
}

.sp-methods .method-box label[for="s_method_premiumrate_Expedite"] {
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/3to5.jpg) no-repeat 6px 30px;
}

.sp-methods .method-box label[for="s_method_premiumrate_Regular_Ground"] {
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/5to7.jpg) no-repeat 6px 30px;
}

.sp-methods .method-box label[for="s_method_premiumrate_Expedite"], .sp-methods .method-box label[for="s_method_premiumrate_Regular_Ground"] {
    background-position: 6px 30px;
}

.sp-methods .method-box .price {
    font-family: 'dincond-regularregular';
    color: #888;
}

#activateGiftCard {
    position: relative;
    margin-bottom: 25px;
    margin-left: 75px;
    display: block;
    clear: both;
    overflow: hidden;
}

#giftcard-section .applied-gift {
    margin-bottom: 25px;
    margin-left: 75px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

#activateGiftCard .input-box {
    float: left;
}

#activateGiftCard .buttons-set {
    position: relative;
    float: left;
}

#activateGiftCard .buttons-set-gift button {
    text-transform: uppercase;
    padding: 5px 20px;
    border: 1px solid #3cf;
}

#activateGiftCard .buttons-set button:hover {
    border: 1px solid #bbb;
    background: #fff;
    color: #777;
}

#activateGiftCard .input-text {
    width: 300px;
    margin-right: 10px;
}

.update-cart {
    float: right;
    margin-right: 11px;
    border: 1px solid #bbb;
    background: #fff;
    color: #777;
}

.update-cart:hover {
    border: 1px solid #3cf;
    background: #3cf;
    color: #fff!important;
}

dd.complete {
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
}

.contacts-index-index #contactForm, .cms-page-view #contactForm {
    border: 1px solid #f0f0f0;
}

.cart-page-content {
    display: inline-block;
    padding: 30px 10px;
}

/* Top cart */
.c-active {
    opacity: 1 !important;
    display: block !important;
}

/*.cart-top:hover .cart-box {
    opacity: 1;
    display: block;
}*/
.cart-top {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 40px;
}

.sticky .cart-top {
    top: 13px;
}

.cart-top img {
    z-index: 2;
    position: relative;
    width: 30px;
    height: auto;
}

.cart-top .item img {
    margin: 5px 0 0 0;
    width: 46px;
}

.nav-cart-icon img {
    z-index: 10;
    position: relative;
}

#cart-count {
    position: absolute;
    top: -9px;
    left: 8px;
    background-color: #32c6f4;
    z-index: 1;
    padding: 4px 7px;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

.cart-box {
    opacity: 1;
    position: absolute;
    display: none;
    top: 35px;
    right: -10px;
    z-index: 9999;
}

.cart-box .block-cart .arrow-cart {
    position: absolute;
    top: -17px;
    border: none;
    right: 14px;
    width: 21px;
    display: none !important
}

.cart-box .block-cart {
    display: block;
    background: #fff;
    border: 1px solid #f0f0f0;
    width: 320px;
    position: relative;
    padding: 10px 20px;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}

.cart-box .block-cart .block-content .summary {
    display: none;
}

.cart-box:hover .block-cart {
    /*opacity: 1;*/
}

.cart-box .block-cart .product-image {
    float: left;
    margin-right: 5px;
}

.cart-box .block-cart .block-title span {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.cart-box .block-cart li a {
    font-family: "dincond-regularregular";
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #888;
    text-align: left;
    text-decoration: none;
    line-height: 10px;
}

.cart-box .block-cart .item {
    width: 276px;
    min-height: 64px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 13px;
    position: relative;
}

.cart-box .block-cart .item .cart-qty {
    position: absolute;
    left: 50px;
    top: 30px;
}

.cart-box .block-cart .product-details .product-name {
    margin-left: 50px;
    margin-bottom: 5px;
}

.cart-box .block-cart span {
    font-family: 'dincond-regularregular';
}

.cart-box .block-cart .product-details {
    margin-top: 8px;
    text-align: left;
}

.cart-box .block-cart .subtotal {
    text-align: right;
}

.cart-box .block-cart .price {
    font-family: 'din_blackregular';
    color: #000;
    font-size: 15px;
    margin-left: 10px;
}

.cart-box .block-cart .product-details .price {
    float: right;
}

.cart-box .block-cart .actions, .cart-box .block-cart .subtotal {
    display: block;
    clear: both;
    margin-bottom: 10px;
    padding: 0;
}

.cart-box .block-cart .actions {
    text-align: right;
    margin-top: 30px;
}

.cart-box .block-cart a.btn-remove {
    font-family: 'dinregular';
    color: #3cf;
    font-size: 11px;
}

.cart-box .block-cart .amount {
    font-size: 12px;
    margin-bottom: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.cart-box .block-cart .empty {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 0;
}

.cart-box .block-cart .button span {
    font-family: 'dinregular';
    text-transform: uppercase;
}

.cart-box .block-cart .button {
    border: 1px solid #3cf;
}

.cart-box .block-cart .button:hover {
    background: #fff;
    border: 1px solid #f0f0f0;
}

.cart-box .block-cart .button:hover span {
    color: #777;
}

.cart-box .block-cart .button.cart {
    background: #fff;
    border: 1px solid #f0f0f0;
}

.cart-box .block-cart .button.cart span {
    color: #777;
}

.cart-box .block-cart .button.cart:hover span {
    color: #fff;
}

.cart-box .block-cart .button.cart:hover {
    border: 1px solid #3cf;
    background: #3cf;
}

/*--------------*/
.ajax-add-to-cart #cboxClose {
    display: none !important;
}

.ajax-add-to-cart .close-ajax {
    position: absolute;
    /*top                 : 5px;*/
    right: 15px;
    top: 15px;
    text-indent: -9999px;
    display: block;
    height: 17px;
    width: 16px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/colorbox-close.png) no-repeat;
    cursor: pointer;
}

.ajax-add-to-cart .close-success {
    right: -77px;
    top: -252px;
}

.ajax-add-to-cart .close-ajax:hover {
    /*background-position: -50px -25px;*/
}

.news-letter-success {
    background: #f6f6f6;
    padding: 20px;
    margin: 15px 10px;
    min-height: 501px;
}

.news-letter-success h1 {
    margin: 0;
    font-family: 'dincond-boldbold';
    color: #333;
    font-size: 36px;
    text-transform: uppercase;
}

.news-letter-success .upper {
    font-family: 'dincond-boldbold';
    text-transform: uppercase;
    color: #999;
    font-size: 24px;
    line-height: 1.2;
}

.news-letter-success img {
    position: absolute;
    right: 10px;
    top: 10px;
}

.news-letter-success .fb, .news-letter-success .tw, .news-letter-success .pt {
    text-decoration: none;
}

.news-letter-success .fb {
    color: #03c
}

.news-letter-success .tw {
    color: #0cf
}

.news-letter-success .pt {
    color: #e02626
}

.product-view-gift .link-wishlist {
    display: none;
}

/* Content End */
/* Product-list Start */
.products-list .item {
    margin: 10px 10px 20px 10px;
    background: #fff;
    width: 728px;
    float: left;
    border: 1px solid #f0f0f0;
    position: relative;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -ms-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

.col1-layout .products-list .item {
    width: 906px;
}

.products-list .item .std {
    padding: 0
}

.products-list .item:hover {
    -webkit-box-shadow: 0px 5px 10px 0px #ccc;
    box-shadow: 0px 5px 10px 0px #ccc;
    background: #fff;
}

.col3-layout .products-list .item {
    width: 438px;
}

.products-list .product-shop {
    padding: 15px;
    width: 528px;
    float: left;
}

.col3-layout .products-list .product-shop {
    width: 241px;
}

.products-list .commands {
    width: 137px;
    padding: 15px;
    float: left;
}

.products-list .item .product-image {
    display: block;
    float: left;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    height: 135px;
    width: 135px;
}

.products-list .item .product-image img {
    display: block;
    position: absolute;
    height: 200px;
    width: auto;
    top: -33px;
    left: -33px;
}

.products-list .product-name {
    padding-top: 0;
    width: 420px;
}

.products-list .product-name a {
    text-shadow: 1px 1px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
    color: #000;
    font-family: 'dincond-blackregular';
    font-weight: normal;
    font-size: 26px;
    display: block;
    line-height: 1.5;
    text-transform: none;
    width: 350px;
}

.products-list .product-name a:hover {
    color: #f36;
}

.products-list .price-box {
    position: absolute;
    top: 22px;
    right: 20px;
    font-family: 'dincond-blackregular';
    float: right;
    color: #000;
    font-size: 26px;
}

.products-list .add-to-links {
    display: block;
    clear: both;
    overflow: hidden;
}

.products-list button, .products-list .add-to-links li {
    background: #fff;
    border: 1px solid #f0f0f0;
    color: #666;
    text-transform: uppercase;
    font-family: 'dinregular';
}

.products-list .add-to-links li a {
    color: #666;
}

.products-list .add-to-links .learn-more {
    background: #f6f6f6;
}

.products-list .btn-cart:hover {
    background: #fff;
    color: #666;
    border: 1px solid #f0f0f0;
}

.products-list .btn-cart {
    background: #3cf;
    color: #fff;
    border: 1px solid #3cf;
}

.products-list .availability {
    width: 135px;
    border: 1px solid red;
    background: red;
    padding: 4px 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'dinregular';
    font-size: 12px;
}

.products-list button {
    width: 100%;
    font-family: 'dinregular';
    text-transform: uppercase;
    font-size: 12px;
}

.products-list .add-to-links li {
    text-align: center;
    padding: 6px 0;
    margin-bottom: 5px;
}

.products-list .add-to-links a {
    color: #333;
    font-family: 'dinregular';
    font-size: 12px;
}

.products-list button:hover, .products-list .add-to-links li:hover {
    background: #3cf;
    color: #fff;
    border: 1px solid #3cf;
}

.products-list .add-to-links li:hover a {
    color: #fff
}

.products-list .desc {
    text-align: justify;
}

.col1-layout .products-list .desc {
    width: 702px;
}

/*Category page view - list sub category*/
#full-width .category-products, #full-width .top-category-image-description-content, #full-width .breadcrumbs {
    max-width: 1400px;
    margin: 0 auto;
}

#full-width .breadcrumbs {
    padding-top: 20px;
}

#full-width .top-category-image-description-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 170px;
    z-index: 2;
    padding: 0 15px 0 80px;
}

#full-width .top-category-image-description {
    height: 600px;
    background-size: cover !important;
    position: relative;
    margin: 0;
}

#full-width .top-category-image-description .brand-logo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -109px;
    margin: 0 auto;
    width: 200px;
    background: #eee;
    border-radius: 50%;
    z-index: 99;
    height: 200px;
    padding: 10px;
    border: 10px solid #fff;
    overflow: hidden;
}

#full-width .top-category-image-description .brand-logo img {
    display: block;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    width: auto !important;
    height: 90%;
    max-width: none;
}

#full-width .top-category-image-description .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #000;
    opacity: 0.3;
}

.catalog-category-view {
    background: #efefef;
}

.catalog-category-view.category-new-arrivals {
    background: #fff;
}

.bg-white {
    background: #fff;
    padding-bottom: 40px;
}

.category-header {
    text-align: center;
    color: #fff;
    position: relative;
    min-height: 530px;
    background-size: cover !important;
    background-position: center !important;
}

.category-header .line {
    border-top: 1px solid #fff;
    height: 1px;
    display: inline-block;
    margin: 0 auto;
    width: 170px;
}

.category-header .container {
    z-index: 1;
    position: relative;
    padding: 90px 10px 20px 10px;
    max-width: 860px;
}

.subcategory-main .overlay, .category-header .overlay {
    opacity: 0.3;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
    top: 0;
}

.category-header h2 {
    color: #fff;
    font-size: 60px;
}

.category-header h4, .category-header p {
    color: #fff;
    font-size: 24px;
    font-family: 'Playfair Display', serif;
    padding: 25px 0 20px 0;
}

.category-header h4 {
    line-height: 30px;
}

.category-header p {
    font-size: 16px;
    text-align: center;
    padding: 0;
}

.catalog-category-view .subcategories .item-subcategories {
    text-align: center;
    margin-bottom: 20px;
}

.catalog-category-view .top-category-image-description .row {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    position: relative;
}

.subcategories {
    padding: 40px 0 20px 0;
    background: #efefef;
}

.sub-category-box {
    height: 370px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}

.subcategory-main, .subcategory-item {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 0;
    background: #fff;
    border: 1px solid transparent;
    z-index: 1;
    -moz-transition: bottom 0.3s,left 0.3s,right 0.3s,top 0.3s,border-color 0.3s;
    -o-transition: bottom 0.3s,left 0.3s,right 0.3s,top 0.3s,border-color 0.3s;
    -webkit-transition: bottom 0.3s,left 0.3s,right 0.3s,top 0.3s,border-color 0.3s;
    transition: bottom 0.3s,left 0.3s,right 0.3s,top 0.3s,border-color 0.3s;
}

.subcategory-main {
    overflow: hidden;
}

.sub-category-box:hover .subcategory-item {
    border-color: #ccc;
    bottom: -30px;
    left: -20px;
    top: -20px;
    right: -20px;
    z-index: 9;
    border-radius: 2px;
}

.subcategory-main img {
    display: block;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    width: auto !important;
    height: 100%;
    max-width: none !important;
    z-index: 0;
}

.subcategory-main .sm-over {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    padding: 0 10px;
    transform: translateY(-50%);
    text-align: center;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.subcategory-main h2 a {
    font-size: 50px;
    color: #fff;
}

.subcategory-main:hover .sm-over {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

.subcategory-main .shop-all {
    border: 1px solid #fff;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding: 13px 10px;
    width: 130px;
    text-align: center;
    margin-top: 40px;
    position: relative;
    overflow: hidden;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.subcategory-main .shop-all:hover {
    border-color: transparent;
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    color: #666;
}

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

.subcategory-item .meta-subcategory-item {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}

.subcategory-item .meta-subcategory-item h3 {
    padding: 0 10px 5px 10px;
}

.subcategory-item .meta-subcategory-item, .subcategory-item .meta-subcategory-item a {
    color: #2f2f2f;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'din_lightregular';
}

.subcategory-item .meta-subcategory-item a {
    color: #7d7d7d;
}

@media screen and (max-width: 768px) {
    .sub-category-box {
        height: auto;
    }

    .sub-category-box .subcategory-main {
        height: 370px;
    }

    .subcategory-main .sm-over {
        opacity: 1;
        visibility: visible;
        top: 50%;
    }

    .subcategory-item, .subcategory-main, .subcategory-main img, .subcategory-item .meta-subcategory-item {
        position: relative;
        left: auto !important;
        bottom: auto !important;
        right: auto !important;
        top: auto !important;
    }

    .subcategory-item {
        padding-bottom: 20px;
    }
}

.catalog-category-view .top-category-image-description-content .category-image {
    text-align: center;
}

.catalog-category-view .top-category-image-description-content .category-image img {
    background: #fff;
    margin: auto;
    padding: 20px 0;
}

.top-category-image-description-content .col-xxs-12.col-sm-8 {
    margin-left: -20px;
}

.top-category-image-description-content .category-name h3 {
    font-family: "dincond-boldbold";
    color: #fff;
    font-size: 70px;
    text-transform: uppercase;
    padding: 0;
    margin-top: -12px;
    margin-bottom: 10px;
}

.top-category-image-description-content .category-description {
    font-family: "Georgia";
    font-size: 18px;
    color: #fff;
    line-height: 1.2;
    max-width: 60%;
    line-height: 24px;
    text-align: justify;
}

/*-------------------------------------*/
/* Grid */
.products-grid.row, .product-view .row {
    margin-left: 0;
    margin-right: 0;
}

.products-grid .item {
    background: #fff;
    padding: 0 10px;
    margin-bottom: 20px;
}

.products-grid .image-wrapper {
    position: relative;
    display: block;
    text-align: center;
}

.products-grid .image-wrapper img {
    margin: 0 auto;
}

.products-grid .boris-product-vars {
    position: relative;
    /*background: #ddd;*/
    /*z-index: 90;*/
    height: 68px;
    border-top: 1px solid #e0d9d9;
    /*background-image: linear-gradient(180deg, #e9e9e9, #ddd);*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9e9e9+0,dddddd+100 */
    /*background: #e9e9e9; !* Old browsers *!*/
    /*background: -moz-linear-gradient(top, #e9e9e9 0%, #dddddd 100%); !* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(top, #e9e9e9 0%,#dddddd 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(to bottom, #e9e9e9 0%,#dddddd 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#dddddd',GradientType=0 ); !* IE6-9 *!*/
    background: #c752c3;
}

.quick-product .media-shadow {
    height: 20px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/prod_media_shadow.jpg) no-repeat center;
    opacity: 1;
    background-size: 100%;
}

.products-grid .item img {
    margin: auto;
    height: auto;
}

.products-grid .boris-product-vars .product-name, .products-grid .boris-product-vars .rating, .products-grid .boris-product-vars .amount, .products-grid .boris-product-vars .price-box {
    display: block;
}

.products-grid .boris-product-vars .product-name {
    padding: 27px 15px 4px 15px;
}

.products-grid .boris-product-vars .price-box {
    float: right;
    width: 20%;
    padding-top: 27px;
    padding-right: 15px;
    text-align: right;
}

.products-grid .boris-product-vars .product-name a {
    color: #999;
}

.products-grid .boris-product-vars .product-name {
    font-family: 'dinregular';
    color: #999;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    text-transform: uppercase;
    float: left;
    width: 80%;
}

.products-grid .boris-product-vars .ajax-wishlist {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #696969;
    text-align: center;
    opacity: 0;
    transition: all 0.3s;
}

.products-grid .boris-product-vars:hover .ajax-wishlist {
    opacity: 1;
}

.products-grid .price-box {
    color: #999;
}

.products-grid .price {
    font-size: 14px;
    font-family: 'dinregular';
    color: #999;
}

.products-grid .special-price {
    font-size: 15px !important;
}

.products-grid .product-image {
}

.col2-left-layout .products-grid .product-image {
    left: -30px;
}

.quick-view-nav, .products-grid .quick-view, .subcategory-item .quick-view {
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    color: #666;
    display: block;
    font-family: 'dinregular';
    font-size: 16px;
    left: 50%;
    margin: auto;
    margin-left: -77px;
    opacity: 0;
    padding: 13px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    width: 160px;
    z-index: 1;
}

.what-s-hot .item:hover .quick-view-nav, .products-grid .item .image-wrapper:hover .quick-view, .products-grid .image-wrapper:hover .quick-view, .subcategory-item:hover .quick-view {
    opacity: 1;
    top: 45%;
}

.quick-view-nav:hover, .products-grid .quick-view:hover, .subcategory-item .quick-view:hover {
    background: #e60100  !important;
    color: #fff !important;
}

.col2-left-layout .products-grid .item .image-wrapper img {
}

.products-grid .image-wrapper:hover img, .products-grid .item .image-wrapper:hover img {
    opacity: 0.3;
}

.heart {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 10px;
    bottom: 13px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/heart_little.png) no-repeat -16px 0;
}

.added-w, .heart:hover {
    background-position: 0 0;
}

/* whatshot */
.what-s-hot {
    position: absolute;
    top: 45px;
    left: 160px;
    width: 80%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.what-s-hot h2 {
    padding: 0 15px 15px 15px;
}

.slider-products {
    width: 100%;
    height: 180px;
    position: relative;
}

.slider-products .item {
    position: relative;
    float: left;
    width: 210px;
    height: auto;
    padding: 0;
    margin: 10px;
}

.slider-products .product-image {
    display: block;
    /*border: 1px solid #f0f0f0;*/
    /*margin: 15px;*/
}

.slider-products .item img {
    /*width: 220.66666667px;*/
    /*height: 149px;*/
    display: block;
    margin: auto;
}

.slider-products .item:hover img {
    opacity: 0.5;
}

.slider-products .quick-view-nav {
    color: #333;
    text-shadow: none !important;
    left: 0;
    right: 0;
    margin: auto;
    width: 140px;
    font-size: 16px;
    background: none;
}

/* Brands */
.cms-as-seen-on .col1-layout .col-main, .cms-brands .col1-layout .col-main {
    padding: 17px 10px 60px;
}

.cms-as-seen-on .inverse, .cms-brands .inverse {
    margin-left: 0;
    margin-bottom: 30px;
}

.category-by-brand .brands-page {
    margin: 10px;
}

.category-by-brand #brand-list .item a, .cms-as-seen-on .as-seen-on .item a, .cms-brands #brand-list .item a {
    display: table-cell;
    vertical-align: middle;
    background: #f4f4f4;
    text-align: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.category-by-brand #brand-list .item a:hover, .cms-as-seen-on .as-seen-on .item a:hover, .cms-brands #brand-list .item a:hover {
    background: #ddd;
}

.category-by-brand #brand-list .item, .cms-as-seen-on .as-seen-on .item, .cms-brands #brand-list .item {
    padding: 10px;
    float: left;
    /*border-bottom: 1px solid #ccc;*/
    /*border-right: 1px solid #ccc;*/
}

/*.category-by-brand #brand-list .item:after, .cms-as-seen-on .as-seen-on .item:after, .cms-brands #brand-list .item:after  {
    content: "";
    display: block;
    padding-bottom: 100%;
}*/
.brand-container.row {
    margin: 0;
}

.cms-home .brand-container {
    clear: both;
    overflow: hidden;
    display: block;
    /* padding: 40px 15px 0 15px; */
}

.category-by-brand .brand-head, .cms-brands .brand-head {
    display: none;
}

.as-seen-on, .brands-page {
    /*border-top: 1px solid #ccc;*/
    /*border-left: 1px solid #ccc;*/
    display: block;
    clear: both;
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
}

.as-seen-on .item a img, .brands-page .item a img {
    display: inline-block;
    height: auto;
    width: 100%;
    max-width: 300px;
}

.brand-head {
    display: block;
    clear: both;
    overflow: hidden;
}

.cms-home #brand-list {
    width: 100%;
    height: 141px;
    position: relative;
}

/* Replace the last selector for the type of element you have in
   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
.cms-home #brand-list div.scrollableArea .item {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    /* If you don't want the images in the scroller to be selectable, try the following
       block of code. It's just a nice feature that prevent the images from
       accidentally becoming selected/inverted when the user interacts with the scroller. */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#brand-list div.scrollableArea .item img {
    /*margin: 10px;*/
    width: 212px;
    height: auto;
    max-height:100px;
}

.price-box .old-price .price-label, .price-box .special-price .price-label {
    display: none;
}

.price-box .old-price, .price-box .special-price {
}

.price-box .special-price {
}

.price-box .special-price span {
    color: #f36;
}

.price-box .old-price span {
    text-decoration: line-through;
}

.products-list .price-box .old-price span, .products-list .price-box .special-price span {
    font-family: 'dincond-blackregular';
}

.products-list .price-box .old-price span {
    color: #000;
}

.products-list .price-box p {
    line-height: 29px;
}

.brand-head h2 a {
    color: #aaa;
}

.brand-head h2 a:hover {
    color: #f36;
}

/* Product-list End */
/* Product-page Start */
.catalog-product-view .top-shadow-product-page {
    background: #f6f6f7 url('https://shop.gessato.com/skin/frontend/my-design/default/images/big_shadow.png') no-repeat top center;
    height: 10px;
    opacity: 0.7;
}

.catalog-product-view .main {
    background: none;
}

.catalog-product-view .product-view {
    /*margin-bottom: 30px;*/
}

.catalog-product-view .main-container {
    /*background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/product-page-background.png) no-repeat top left;*/
}

.catalog-product-view .breadcrumbs {
    background: #f6f6f7;
    margin: 0;
    padding: 20px 10px 20px;
}

.catalog-product-view .product-view-top {
    background: #f6f6f7;
}

.catalog-product-view .product-view-bottom {
    background: #fff;
    padding-bottom: 70px;
}

.catalog-product-view .main-shadow {
    background: 0;
    margin: 0;
    height: 0;
}

.catalog-product-view .sharethis-block {
}

.product-images {
}

.product-image-below {
    margin: auto;
    text-align: center;
}

.product-page-sales {
    position: absolute;
    top: 16px;
    right: 0;
    z-index: 99;
}

.product-images .media-shadow {
}

.product-images .lente {
    padding-right: 5px;
    padding-bottom: 3px;
    vertical-align: middle;
}

.product-right-top .availability {
    margin: 0;
    line-height: 11px;
    margin-top: -3px;
    position: relative;
    z-index: 10
}

.product-right-top .availability span {
    font-family: "dinregular";
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    color: #72BF44;
}

.product-right-top .availability.out-of-stock span {
    color: #f00;
}

#notify_message {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    margin: 0 auto;
    display: inline-block;
    width: 180px;
    z-index: 99;
}

.have-question {
    height: auto;
    background: #ededed;
    margin-top: 48px;
}

.have-question h2 {
    font-size: 18px;
}

.have-question p {
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
}

.have-question .question-links {
    font-size: 11px;
}

.have-question a {
    font-family: 'dinbold';
    color: #000;
    text-decoration: none;
}

.product-view .product-right-top, .quick-product .product-right-top {
    text-align: left;
    padding-bottom: 10px;
    position: relative;
    z-index: 10;
}

.product-view .product-right-top {
    position: static;
    min-height: 124px;
}

.quick-product .product-right-top {
    position: relative;
}

.quick-product .product-right-top {
    border-bottom: 1px solid #e2e2e2;
}

.product-view .product-right-top h1, .quick-product .product-right-top h1 {
    font-family: "dincond-boldbold";
    margin: 0;
    color: #000;
    font-size: 34px;
}

.quick-product .product-right-top h1 {
    font-size: 28px;
}

.product-view .product-right-top .manufacturer, .quick-product .product-right-top .manufacturer {
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    z-index: 99;
}

.quick-product .product-right-top .manufacturer {
    font-size: 14px;
}

.product-right-bottom .button-secondary {
    background: none;
    border: none;
    padding: 0;
    text-transform: uppercase;
}

.product-right-bottom .product-link span {
    color: #3cf;
}

.product-right-bottom .product-links .product-links-item {
    font-family: "dinregular";
    text-transform: uppercase;
    font-size: 12px;
    color: #3cf;
    line-height: 1.5em;
}

/*==============Shipping Worldwide=============*/
#colorbox {
    z-index: 9999999 !important;
}

.shipping-worldwide-content {
    padding: 20px;
}

.scroll-box {
    height: 500px;
    overflow: auto;
    border: 1px solid #add8e6;
    padding: 30px;
}

.popups h2, .ships-worldwide h2, .ships-worldwide h3 {
    letter-spacing: -1px;
    font-size: 38px;
    font-family: "dincond-boldbold";
    padding: 0;
    margin-bottom: 20px;
}

.ships-worldwide h3 {
    font-size: 32px;
}

.popups h2, .ships-worldwide h2 {
    border-bottom: 1px solid #add8e6;
    padding-bottom: 30px;
    margin-bottom: 35px;
}

.popups p, .ships-worldwide p {
    font-size: 18px;
    font-family: "dinregular";
    text-align: left;
    line-height: 24px;
    margin-bottom: 30px;
}

#responceMesPlace {
    padding: 40px 60px 80px 60px;
    background: #fff;
    border-top: 6px solid #33ccff;
    text-align: center !important;
    box-shadow: rgba(0,0,0,0.137255) 0px 24px 38px 3px, rgba(0,0,0,0.117647) 0px 9px 46px 8px, rgba(0,0,0,0.2) 0px 11px 15px -7px;
    -webkit-box-shadow: rgba(0,0,0,0.137255) 0px 24px 38px 3px, rgba(0,0,0,0.117647) 0px 9px 46px 8px, rgba(0,0,0,0.2) 0px 11px 15px -7px;
}

#responceMesPlace h3 {
    font-family: "dincond-boldbold";
    font-size: 45px;
    margin-top: 80px;
}

#responceMesPlace h2 {
    margin: 0 0 10px 0;
    padding: 0;
    border: 0;
    font-size: 48px;
}

#responceMesPlace p {
    font-family: 'dincond-lightregular';
    font-size: 26px;
    text-align: center !important;
    line-height: 30px;
    margin: 0;
}

#responceMesPlace input {
    display: block;
    background: #eeeeee;
    color: #666;
    font-size: 22px;
    font-family: 'dincond-lightregular';
    padding: 13px;
    width: 100%;
    border: 0;
    margin: 50px 0 30px 0;
}

#responceMesPlace button {
    font-size: 18px;
    font-family: 'din_lightregular';
    margin: 0;
    padding-left: 50px;
    padding-right: 50px;
}

#responceMesPlace #outofstock_notify_error {
    display: none;
    color: red;
    font-size: 12px;
    margin-top: 10px;
    font-family: 'dinregular';
    height: 12px;
}

/*-------------------------------------*/
.product-right-bottom .product-links .product-links-item p a, .product-right-bottom .product-links .product-links-item a span {
    font-family: "dinregular";
    text-transform: uppercase;
    font-size: 11px;
    color: #3cf;
    text-decoration: none;
}

.product-image-big {
    position: relative;
    overflow: hidden;
    margin-top: -80px;
    height: calc(100vh - 435px);
    text-align: center;
}

.product-image-big a span {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/related-zoom.png) no-repeat center;
    background-size: 50px 50px;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.product-image-big a:hover span {
    display: block;
    top: 50%;
    opacity: 1;
}

/*.product-image-big img{height: calc(100vh - 400px);}*/
.product-image-big p #click-view-gallery {
    /*bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;*/
    /*background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/product-image-hover.png) no-repeat center;*/
    /*background: none;*/
    /*display: none;*/
    /*text-indent: -999999999px;*/
}

.product-image-big p:hover #click-view-gallery {
    /*display: block;*/
    cursor: url(https://shop.gessato.com/skin/frontend/my-design/default/images/nav+.png), auto;
}

.product-image-big img {
    display: inline;
    margin: auto;
    /*max-height: 580px;*/
    /*height: calc(100vh - 336px);*/
    height: auto;
    max-height: 100%;
    /*cursor: url(https://shop.gessato.com/skin/frontend/my-design/default/images/zoom-prod.png), auto;*/
}

.product-images .more-views {
    margin: 30px 0 0 0;
    position: fixed;
    bottom: 20px;
    z-index: 99999999999;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.product-images .more-views.opened {
    visibility: visible;
    opacity: 1;
}

.product-view .product-images .more-views .bx-wrapper .bx-controls-direction a {
    width: 20px;
    height: 36px;
    background-size: 20px 36px;
    width: 9px;
    height: 16px;
    background-size: 9px 16px;
    top: 62%;
}

.product-view .product-images .more-views .bx-wrapper .bx-prev {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/colorbox-left-arrow.png") no-repeat;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/scroll-left.png") no-repeat;
    left: -26px;
}

.product-view .product-images .more-views .bx-wrapper .bx-prev::before {
    content: "";
}

.product-view .product-images .more-views .bx-wrapper .bx-next {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/colorbox-right-arrow.png") no-repeat;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/scroll-right.png") no-repeat;
    right: -26px;
}

.product-view .product-images .more-views .bx-wrapper .bx-next::before {
    content: "";
}

.product-images .more-views ul li.item-small-image {
    display: inline-block;
}

.product-description {
    color: #666;
    padding-top: 45px;
    margin-bottom: 45px;
    font-size: 15px;
}

.product-description p a {
    border-bottom: 1px dotted #666;
}

.product-buttons .add-to-wishlist, .product-buttons .sold-out-button, .product-buttons button, .apptha-outofstock-block-body #contentofnotification button {
    display: block;
    font-size: 18px;
    padding: 10px 32px;
    margin: 10px 0;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    font-family: 'dinregular';
    -webkit-transition: background 150ms ease-in;
    -moz-transition: background 150ms ease-in;
    -ms-transition: background 150ms ease-in;
    -o-transition: background 150ms ease-in;
    transition: background 150ms ease-in;
}

.product-buttons .sold-out-button, .product-buttons .add-to-cart, .product-buttons .add-to-wishlist {
    border: 1px solid #bbb;
    color: #777;
    background-color: transparent;
}

.product-buttons .sold-out-button {
    padding: 12px 0;
    background: #f00;
    color: white;
    width: 232px;
    border-color: #f00;
    text-align: center;
}

.product-buttons .add-to-wishlist {
    padding: 12px 0;
    text-align: center;
    width: 174px;
}

.product-buttons .add-to-cart {
    background: #3cf;
    color: #fff;
    border: 1px solid #3cf;
}

.spinner {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 10px;
}

.product-buttons .add-to-cart:hover {
    border: 1px solid #bbb;
    color: #777;
    background-color: transparent;
}

.product-buttons .add-to-wishlist:hover {
    background: #3cf;
    color: #fff;
    border: 1px solid #3cf;
}

.product-quantity {
    text-transform: uppercase;
    font-size: 22px;
    padding: 20px 0;
}

.product-quantity span {
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 2px;
    font-family: "dincond-boldbold";
}

.product-quantity input {
    width: 40px;
    border: 1px solid #f0f0f0;
    margin-left: 10px;
    text-align: center;
    padding: 5px 12px 5px 10px
}

.product-attributes .btn-default {
    font-family: 'din_lightregular';
    text-transform: uppercase;
    color: #272727;
    font-size: 18px;
    border: 0;
    padding: 0 20px;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-attributes .btn-group.open .dropdown-toggle {
    background: none;
}

.product-attributes .bootstrap-select.btn-group .dropdown-toggle .caret {
    border: 0;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/select-arrow.png") no-repeat right center;
    width: 16px;
    height: 9px;
    top: 10px;
}

.quick-product .product-attributes .bootstrap-select.btn-group .dropdown-toggle .caret {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/select-arrow-quick.png") no-repeat right center;
}

.product-attributes .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    background: none !important;
}

.product-attributes .bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 15px;
    text-transform: uppercase;
    padding: 7px 20px;
}

.quick-product .product-attributes .bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 13px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.quick-product .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
    min-width: 231px;
}

.quick-product .product-attributes .btn-default {
    font-size: 14px;
}

.quick-product .product-attributes select {
    width: 175px;
    margin-bottom: 10px;
}

.product-attributes select option:first {
    color: #ccc;
}

.product-attributes select option {
    color: #888;
}

.product-sku {
    font-size: 11px;
    padding: 10px 0 10px 0;
    color: #999;
    font-family: "dinregular";
    position: relative;
    z-index: 10;
}

.quick-product .price-box .price, .product-top .product-right .price-box .price {
    font-family: 'din_blackregular';
    font-size: 25px;
    letter-spacing: -1px;
    color: #000;
    margin-top: 10px;
}

.product-attributes {
    margin-top: 15px;
}

.product-view .subtitle {
    font-size: 18px;
}

/* Related block */
.block-related {
    display: block;
    clear: both;
    overflow: hidden;
    padding: 10px 0;
}

.block-related h2 {
    padding-left: 10px;
    padding-right: 10px;
}

.block-related .item {
    width: 210px;
    height: 144px;
    margin: 10px;
    float: left;
    padding: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}

.block-related .item .product-details {
    height: 55px;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    opacity: 0;
}

.block-related .item input {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 100;
    opacity: 0;
}

.block-related .item .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 144px;
    width: 211px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/related_hover_old.png) no-repeat center center;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}

.block-related .item:hover .image-overlay {
    opacity: 0.7;
}

.block-related .product-details .product-name {
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

.block-related .item:hover .product-name a, .block-related .item:hover .product-name {
    color: #333;
    text-shadow: none;
}

.block-related .price-box {
    font-family: 'dinbold';
    color: #333;
    text-shadow: none;
}

.block-related .link-wishlist {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/heart_related.png) no-repeat -16px 0;
    text-indent: -9999px;
    z-index: 100;
    opacity: 0;
}

.block-related .link-wishlist:hover {
    background-position: 0 0;
}

.block-related .product-image {
    height: 100%;
    width: auto;
    display: block;
}

.goto-brand {
    margin-top: -58px;
}

.goto-brand a {
    display: block;
    text-align: center;
    font-family: 'dinregular';
    color: #666;
    text-transform: uppercase;
}

.goto-brand a:hover {
    color: #f36;
}

#tab-reviews h2 {
    text-align: center;
    font-family: 'dinregular';
    color: #888;
    font-size: 18px;
}

/*.gessato-tabs #have-a-question,
.gessato-tabs .tabs li span{
    color: #f36;
    display: block;
    font-family: "dincond-boldbold";
    font-size: 22px;
    padding: 6px 12px;
    text-transform: uppercase;
    cursor: pointer;
}
.gessato-tabs #have-a-question:hover{color: #3cf;}*/
#askQuestionForm {
    /*position: relative;*/
}

#askQuestionForm .account-forms {
    border: none;
    padding: 0;
}

#askQuestionForm .account-forms .buttons-set {
    float: none;
    margin-top: 10px;
}

#askQuestionForm .account-forms .buttons-set .super-button {
    width: 220px;
    height: 48px;
}

#askQuestionForm .input-text {
    /*width: 280px;*/
}

#askQuestionForm textarea.input-text {
    /*height: 200px;*/
}

#askQuestionForm.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    -o-transform: translate(0, 25%);
    transform: translate(0, 25%);
}

#askQuestionForm.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

#askQuestionForm.modal {
    z-index: 99999911;
}

#askQuestionForm.modal .modal-dialog {
    width: 446px;
}

#askQuestionForm.modal .modal-content {
    background: #f6f6f6;
    text-align: center;
    border: none;
    border-radius: 0;
    padding: 36px 40px;
    position: relative;
}

#askQuestionForm.modal .modal-header, #contactForm .modal-header {
    padding: 0;
    border: none;
}

#askQuestionForm.modal .modal-header .close, #contactForm .modal-header .close {
    background: rgba(0, 0, 0, 0) url("https://shop.gessato.com/skin/frontend/my-design/default/images/colorbox-close.png") no-repeat;
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute;
    right: 15px;
    text-indent: -9999px;
    top: 15px;
    width: 10px;
    background-size: 10px;
    opacity: 0.8;
}

#askQuestionForm.modal .modal-header h2, #contactForm.modal .modal-header h2 {
    padding-top: 40px;
    font-family: 'dincond-mediumregular';
    font-size: 29px;
}

#contactForm.modal .modal-header h2 {
    padding-top: 0;
}

#askQuestionForm.modal .modal-header p {
    font-family: 'dincond-lightregular';
    text-align: center;
    font-size: 21px;
    line-height: 24px;
}

#askQuestionForm.modal .modal-header .close span {
    display: none;
}

#askQuestionForm.modal .modal-content #aksaQuestionForm .input-text, #askQuestionForm.modal .modal-content #aksaQuestionForm textarea {
    width: 100%;
    font-family: "din_lightregular";
    font-size: 14px;
}

#askQuestionForm.modal .modal-content #aksaQuestionForm .input-text {
    height: 48px;
}

#askQuestionForm.modal .modal-content #aksaQuestionForm::-webkit-input-placeholder {
    font-family: "din_lightregular";
}

#askQuestionForm.modal .modal-content #aksaQuestionForm:-moz-placeholder {
    /* Firefox 18- */
    font-family: "din_lightregular";
}

#askQuestionForm.modal .modal-content #aksaQuestionForm::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "din_lightregular";
}

#askQuestionForm.modal .modal-content #aksaQuestionForm :-ms-input-placeholder {
    font-family: "din_lightregular";
}

#askQuestionForm.modal .modal-content #aksaQuestionForm textarea {
    min-height: 120px;
}

#askQuestionForm.modal .modal-content .google-captcha {
    padding-top: 15px;
    width: 70%;
    margin: auto;
}

#askQuestionForm.modal .modal-content .validation-advice {
    right: -25px;
}

#askQuestionForm.modal .modal-content .question-loader {
    position: absolute;
    left: 45%;
    top: 55%;
    text-indent: -9999px;
    display: block;
    height: 32px;
    width: 32px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/question-loader.gif) no-repeat;
    cursor: pointer;
}

#question-formSuccess {
    text-align: center;
    margin-top: -10px;
}

#question-formSuccess h2 {
    padding-top: 0;
}

#question-formSuccess p {
    text-align: center;
}

.catalog-product-view .modal-backdrop {
    z-index: 99999910;
    background: #000;
    opacity: 0.3!important;
}

#tab-description h3 {
    color: #000;
    text-transform: uppercase;
    font-size: 22px;
}

#tab-description p {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

.billmelater {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 36px;
}

.billmelater:hover .billme-info {
    height: 100px;
    opacity: 1;
    bottom: -110px;
}

.billme-info {
    z-index: 100;
    position: absolute;
    overflow: visible;
    left: 50%;
    bottom: 0px;
    margin-left: -160px;
    width: 320px;
    height: 0;
    opacity: 0;
    background: #fff;
    border: 2px solid #ccc;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}

.billme-info .bill-title {
    padding: 15px;
    text-transform: uppercase;
}

.billme-info .bill-txt {
    padding: 0 20px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.billme-info img {
    margin-top: -17px;
    margin-left: 151px;
    display: block;
}

.thankyou-msg {
    height: 90px;
    width: 320px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -90px;
}

.thankyou-msg h2 {
    text-align: center;
    font-size: 42px;
}

.thankyou-msg p {
    text-align: center;
}

/* Product-page End */
/* Toolbar Start */
.toolbar {
    display: block;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -ms-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

.toolbar .sorter {
    float: right;
}

.toolbar .pager {
    text-align: center;
}

.toolbar .sorter .view-mode .grid, .toolbar .sorter .view-mode .list {
    height: 26px;
    width: 26px;
    display: block;
    float: right;
    margin: 0 2px;
    background: url('https://shop.gessato.com/skin/frontend/my-design/default/images/grid-list-blue.png');
}

.toolbar .sorter .view-mode a.grid, .toolbar .sorter .view-mode a.list {
    background: url('https://shop.gessato.com/skin/frontend/my-design/default/images/grid-list-gray.png');
}

.toolbar .sorter .view-mode a:hover {
    background: url('https://shop.gessato.com/skin/frontend/my-design/default/images/grid-list-blue.png');
}

.toolbar .sorter .view-mode a.list, .toolbar .sorter .view-mode .list {
    background-position: -26px 0;
}

.col2-left-layout .toolbar {
}

.toolbar-bottom.row {
    margin: 0;
}

.toolbar-bottom {
    display: block;
    /*overflow: hidden;*/
    clear: both;
    width: 100%;
}

.toolbar-bottom .toolbar {
}

.page-list, .page-list ol, .page-list li {
    display: inline-block;
    margin: 0;
}

.page-list {
    font-size: 18px;
    margin: 45px 0 30px 0;
}

.page-list .previous, .page-list .next {
}

.page-list li.current, .page-list li a {
    padding: 5px 12px;
    margin: 0 5px;
}

.page-list li a:hover {
    background: #f1f1f2;
}

.limiter span {
    color: #888;
    font-family: 'dinregular';
    font-size: 15px;
    height: 16px;
    padding: 6px;
    text-transform: uppercase;
}

.toolbar select {
    padding: 0;
}

.toolbar-bottom .view-mode {
    display: none;
}

.pager li.current {
    color: #3cf;
}

/* Toolbar End */
/* Sidebar Start */
.col-left {
}

.col-right {
    padding: 15px;
    padding-left: 0;
    width: 288px;
    float: right;
}

.col3-layout .col-right {
    width: 210px;
}

.block-title span {
    font-family: "dincond-boldbold";
    color: #333;
    border-bottom: 1px solid #ccc;
    font-size: 22px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    display: block;
    text-transform: uppercase;
}

.catalog-category-view .col-left {
}

.checkout-onepage-index .col-right {
    width: 220px;
}

.block .btn-remove {
    font-family: 'dinregular';
    text-transform: uppercase;
    color: #3cf;
    font-size: 11px;
    margin: 10px 0;
    text-decoration: none;
    display: block;
    clear: both;
}

/* checkout block progress */
.checkout-onepage-index .block-progress .title {
    font-size: 18px;
    font-family: 'dincond-boldbold';
    color: #ccc;
    text-transform: none;
    position: relative;
    padding-left: 30px;
    padding-top: 10px;
}

.checkout-onepage-index .block-progress .title.complete {
    color: #333;
}

.checkout-onepage-index .block-progress dt.complete img {
    position: absolute;
    left: 7px;
    top: 7px;
}

.checkout-onepage-index .block-progress dd {
    font-family: "Open Sans", sans-serif;
    color: #888;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 1.5;
}

.checkout-onepage-index .block-progress address {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    color: #888;
}

.checkout-onepage-index .block-progress h2 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.checkout-onepage-index .block-progress .address-action {
    padding-left: 30px;
    margin-bottom: 15px;
    display: block;
}

.col-left.sidebar img {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0;
}

/* Sidebar End */
/* TABS product */
.gessato-tabs .tab-content {
    display: none;
    padding: 10px 0 10px 30px;
    font-size: 12px;
}

.gessato-tabs ul.tabs {
    font-family: 'dinbold';
    padding-left: 20px;
    margin-bottom: 12px;
    padding-top: 5px;
}

.gessato-tabs ul.tabs li {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

.gessato-tabs ul.tabs li>a, .gessato-tabs ul.tabs li>span {
    font-family: "dincond-boldbold";
    color: #555;
    display: block;
    padding: 0 12px 6px 30px;
    text-transform: uppercase;
    font-size: 21px;
    cursor: pointer;
    letter-spacing: 1px;
}

.gessato-tabs ul.tabs li i {
    position: absolute;
    left: 0;
    top: 3px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/tabs-plus.png) no-repeat left center;
    width: 17px;
    height: 17px;
    background-size: 17px;
    display: inline-block;
}

.gessato-tabs ul.tabs li:hover i {
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 0.5s;
    -moz-animation-iteration-count: 2;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(45deg);
    }
}

/*.gessato-tabs ul.tabs li:nth-child(4) a {  color: #f36;}*/
.gessato-tabs ul.tabs a:hover, .gessato-tabs ul.tabs span:hover {
    color: #3cf;
}

.gessato-tabs ul.tabs a.active {
    color: #000;
}

.gessato-tabs ul.tabs a.active:hover {
    color: #f36;
}

/* Footer Start */
.subfooter-container, .footer-container {
    width: 100%;
    background: #ddd;
}

.footer-container .footer {
    margin: 0 10%;
}

.subfooter-container {
    background: #333;
}

.footer .seals {
    float: left;
    width: 180px;
    padding: 10px 10px;
    padding-left: 0px;
    padding-right: 20px;
}

.footer-link-group {
    float: left;
    /*width: 170px;*/
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
}

.footer-link-group a {
    color: #3f3f3f;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.8;
}

.footer-link-group a:hover {
    color: #f36;
}

.footer .seals li {
    margin-top: 19px;
}

.footer .seals .comodo {
    margin-top: 17px;
    text-align: center;
}

.subfooter {
    text-align: right;
    margin: 5px 0;
}

.subfooter button {
    text-transform: uppercase;
    background: #999;
    padding: 6px 20px;
    margin-left: 5px;
}

.subfooter button:hover {
    background: #3cf;
}

.subfooter form label {
    font-size: 24px;
    display: block;
    margin: 0 15px 0 20px;
    float: left;
    font-family: 'dincond-blackregular';
    color: #ccc;
    width: 280px;
    text-align: center;
    vertical-align: middle;
}

.subfooter form input {
    width: 170px;
}

/*
.subfooter .icon-google-plus,
.subfooter .icon-facebook,
.subfooter .icon-twitter,
.subfooter .icon-gplus,
.subfooter .icon-instagram,
.subfooter .icon-tumblr,
.subfooter .icon-feed,
.subfooter .icon-skype,
.subfooter .icon-pinterest,
.subfooter .icon-search {
    background-image: url(https://shop.gessato.com/skin/frontend/my-design/default/images/sprites_ccc.png);
}
.subfooter .icon-google-plus:hover,
.subfooter .icon-facebook:hover,
.subfooter .icon-twitter:hover,
.subfooter .icon-pinterest:hover,
.subfooter .icon-feed:hover,
.subfooter .icon-skype:hover,
.subfooter .icon-search:hover {
    background-image: url(https://shop.gessato.com/skin/frontend/my-design/default/images/sprites_hover.png);
}*/
#SignUp .input-box {
    float: left;
}

#SignUp .actions {
    float: right;
}

/*footer social*/
.subfooter .icon-gplus, .subfooter .icon-instagram, .subfooter .icon-tumblr, .subfooter .icon-facebook, .subfooter .icon-twitter, .subfooter .icon-pinterest {
    display: inline-block;
    margin-left: 5px;
    margin-top: 8px;
    margin-right: 5px;
}

.subfooter .icon-gplus a, .subfooter .icon-instagram a, .subfooter .icon-tumblr a, .subfooter .icon-facebook a, .subfooter .icon-twitter a, .subfooter .icon-pinterest a {
    /*    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/footer-social-bg.png) no-repeat;
    height: 32px;
    width: 32px;
    display: block;
*/
    font-size: 22px;
    font-weight: normal !important;
}

.subfooter .icon-facebook a {
    background-position: 8px 3px;
}

.subfooter .icon-twitter a {
    background-position: -31px 2px;
}

.subfooter .icon-pinterest a {
    background-position: -71px 2px;
}

.subfooter .icon-gplus a {
    background-position: -111px 2px;
}

.subfooter .icon-instagram a {
    background-position: -155px 2px;
}

.subfooter .icon-tumblr a {
    background-position: -195px 2px;
}

/*End footer social*/
/* Footer End */
.tracking-table-popup tr {
    height: 40px;
    line-height: 1.2;
}

.tracking-table-popup th {
    font-family: 'dincond-boldbold';
    font-size: 22px;
    width: 20%;
    padding-right: 10px;
}

.tracking-table-popup td {
    width: 70%: ;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    height: 30px;
    width: 30px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/close_pop.png);
    padding: 0
}

/* trusted logo */
#comodoTL {
    display: none !important;
}

.payment-verify-logo {
    padding: 7px 0 0 15px;
}

.payment-verify-logo .authorize-net {
    padding-right: 10px;
}

.payment-verify-logo .seals li {
    display: inline-block;
    padding: 0;
}

.payment-verify-logo .seals li.comodo {
    margin-top: -20px;
    margin-left: 24px;
}

.payment-verify-logo .seals li.comodo img {
    width: 80%;
}

/*==========Sunflower Custom style=============*/
.sunflower-subscribe {
    background-color: #f0f0f0;
    clear: both;
    display: block;
    margin: 30px auto;
    overflow: hidden;
    padding: 30px;
    width: 520px;
}

.sunflower-subscribe button {
    text-transform: uppercase;
    background: #999;
    padding: 9px 20px;
    margin-left: 5px;
}

.sunflower-subscribe button:hover {
    background: #3cf;
}

.sunflower-subscribe form label {
    font-size: 24px;
    display: block;
    margin: 0 15px 0 20px;
    float: left;
    font-family: 'dincond-blackregular';
    color: #ccc;
    width: 280px;
    text-align: center;
    vertical-align: middle;
}

.product-right .price-box {
    display: inline-block;
}

.product-right .price-box .old-price {
}

.sunflower-subscribe form input {
    color: #888;
    font-family: "Open Sans", sans-serif;
    width: 330px;
    padding: 7px;
}

.my-account #subscription {
    display: inline;
}

.my-account label[for=subscription] {
    display: inline;
    float: none;
}

.my-account #form-validate .buttons-set {
    padding: 10px 0;
}

.my-account #form-validate .buttons-set button {
    padding: 10px 30px;
    text-transform: uppercase;
}

.recent-right, .recent-right .item .image-wrapper, .recent-right .item, #items .item, #items .item .image-wrapper {
    /*height : auto;*/
}

.product-right.recent-right {
    border: none;
    background: white;
    margin-top: 25px;
}

.product-right.recent-right .owl-controls {
    display: none !important;
}

.recent-right h2 {
    color: white;
    margin: 0;
    padding: 20px 0;
    background: #a5a7aa;
    text-align: center;
}

.product-right.recent-right .owl-item .shad {
    /*bottom: 0;*/
}

.recent-right .products-grid .item {
    padding: 0;
}

.recent-custom-product-popup .products-grid .item {
    padding: 10px;
}

.recent-right .owl-item .item {
    padding: 0;
}

.product-right.recent-right h2 {
    font-size: 22px;
}

.product-right.recent-right .product-name {
    text-align: left;
}

.product-right.recent-right .price-box .price {
    /*font-family : "Open Sans",sans-serif, arial, helvetica, sans-serif*/
}

.product-right.recent-right .price-box {
    text-align: left;
}

/*.product-right.recent-right .owl-item .boris-product-vars {
    */
/*position : relative;*/
/*
    bottom: 10px;
}*/
.product-right.recent-right .owl-item img {
    display: block;
}

.product-right.recent-right .owl-item .image-wrapper, .recent-right .item .image-wrapper {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.inline.cboxElement {
    height: 30px;
    position: absolute;
    right: 20px;
    top: 98px;
    width: 30px;
    background: url('https://shop.gessato.com/skin/frontend/my-design/default/images/plus.png');
}

#hiddenSlide .owl-item .item {
    /*float: left;*/
    /*clear: both;*/
}

.recent-popup .shad {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/prod_media_shadow.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 10px;
    opacity: 1;
    background-position: center;
    background-size: 100%;
}

/*.recent-popup #cboxClose {
    background: url('https://shop.gessato.com/skin/frontend/my-design/default/images/minus.gif');
    width: 24px;
    height: 24px;
    background-position: 0 0;
    top: 20px;
}

.recent-popup #cboxClose:hover {
    background-position: 0 0;
}*/
.recent-popup #items {
    width: 630px !important;
    margin: 0 auto;
}

.recent-popup .subtitle {
    margin-left: 50px;
}

.recent-popup .owl-theme .owl-controls .owl-buttons div, .recent-right .owl-theme .owl-controls .owl-buttons div {
    width: 11px;
    height: 23px;
    text-indent: -99999px;
    padding: 0;
    opacity: 1;
    border-radius: 0;
    margin: 0;
}

.recent-popup .owl-theme .owl-controls .owl-buttons .owl-prev, .recent-right .owl-theme .owl-controls .owl-buttons .owl-prev {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/scroll-left.png") no-repeat center center;
    margin-right: 100px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/scroll-right.png") no-repeat center center;
}

#items.owl-carousel {
    margin-bottom: 30px;
}

#recent-products-slider .price-box .old-price {
    margin-left: 0px !important;
}

/*Custom Style Navigation Bar*/
.custom-toolbar .pager {
    /*display: block;*/
    /*float: left;*/
    /*text-align: center;*/
    /*width: 93%;*/
    margin: auto;
}

.custom-toolbar .pager .limiter {
    /*margin-left: 60px;*/
}

.sunflower-left-nav {
    /*background: url() #FFFFFF;*/
    background: #FFFFFF;
    /*border: 1px solid;*/
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #cccccc;
    left: 0px;
    margin: 20px 20px 20px 0;
    padding: 0 53px 10px 14px;
    position: absolute;
    top: 28px;
    z-index: 199;
}

.sunflower-button-nav {
    float: left;
    left: 25px;
    position: absolute;
    top: 56px;
}

#connectbox .connect {
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/nav-click-show.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #666666;
    cursor: pointer;
    /*float: left;*/
    font-size: 17px;
    height: 34px;
    /*left: 90px;*/
    padding: 1px;
    /*position: absolute;*/
    /*top: 0;*/
    width: 34px;
}

.sunflower-left-nav .nav-close {
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/nav-close.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 60px;
    position: absolute;
    right: -40px;
    top: 13px;
    width: 64px;
}

#payment_form_authorizenet #authorizenet_cc_type_exp_div label {
    float: none;
}

#authorizenet_cc_type_cvv_div .input-box div.v-fix input.validate-cc-cvn {
    margin-top: 0;
    margin-left: 10px;
}

.onestepcheckout-column-middle #payment_form_authorizenet #authorizenet_cc_type_exp_div div.input-box {
    margin-top: 5px;
}

.onestepcheckout-column-middle #authorizenet_cc_type_cvv_div a.cvv-what-is-this {
    top: 6px;
    left: 198px;
}

div.AuthorizeNetSeal {
    width: auto !important;
}

.bitcoin-logo {
    height: 25px;
    margin-top: 2px;
}

#view-more-btn {
    position: absolute;
    right: 0;
    bottom: 60px;
    text-align: center;
    font-size: 17px;
    color: #000;
    z-index: 10;
}

#view-more-btn i {
    display: block;
}

/* FIXED PRODUCT BAR */
.catalog-product-view {
    padding-bottom: 117px;
}

.product-view .product-fixed {
    background: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 9999;
    padding: 14px 0;
    border-top: 1px solid #ddd;
}

.product-view .product-fixed .container {
}

.product-view .product-fixed h1 {
    position: absolute;
    left: 20px;
    bottom: 49px;
    padding: 0;
    margin: 0;
    font-size: 24px;
}

.product-fixed .product-attributes {
    float: left;
    width: 42%;
    margin: 0;
    padding: 32px 20px 0 0;
    text-align: right;
}

.product-fixed .product-attributes dl {
    margin: 0;
}

.product-fixed .product-attributes dd {
    display: inline-block;
}

/*.product-fixed .product-attributes select,*/
.product-fixed .product-quantity span {
    font-family: 'din_lightregular';
    text-transform: uppercase;
    color: #272727;
    font-size: 18px;
    border: 0;
    padding: 0;
}

/*.product-fixed .product-attributes select{
    display: inline-block;
    vertical-align: top;
    margin-right: 5%;

    position: absolute;
    z-index: 2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
     opacity: 0;
     cursor:pointer;
}*/
.select-box {
    min-width: 165px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/select-arrow.png") no-repeat right center;
    cursor: pointer;
    float: left;
    margin-right: 30px;
    display: block;
    position: relative;
    padding-right: 20px;
}

.quick-product .select-box {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/select-arrow-quick.png") no-repeat 150px center;
    background-color: #fff;
    padding: 10px;
    min-width: 175px;
    background-size: 13px;
}

.select-box:hover, .select-box:focus {
    opacity: 0.8;
}

.select-box .select-text {
    z-index: -1;
    font-family: 'din_lightregular';
    text-transform: uppercase;
    color: #272727;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
}

.select-box select {
    position: absolute;
    z-index: 2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    left: 0;
    cursor: pointer;
}

.quick-product .select-box .select-text {
    font-size: 14px;
}

.product-fixed .product-quantity {
    float: left;
    width: 24%;
    padding: 31px 0 29px 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
}

.product-fixed .product-quantity span {
    padding: 0;
}

.product-fixed .price-box {
    float: left;
    width: 14%;
    font-family: 'dinregular-medium';
    font-size: 31px;
    text-align: center;
    padding-top: 26px;
}

.product-fixed .product-buttons {
    margin: 0;
    float: right;
    width: 20%;
    padding-top: 17px;
}

.product-fixed .product-buttons .add-to-cart {
    margin: 0;
    padding: 15px 20%;
}

/*==========Sunflower Custom style=============*/
/*Header custom style */
.subfooter-container {
    padding: 20px 0;
}

.subfooter-container .seals {
    margin: 0;
}

.subfooter-container .payment-footer-logo p {
    padding: 5px 10px;
}

.seals li {
    display: inline-block;
    padding-right: 15px;
}

.AuthorizeNetSeal.gs1p img {
    height: 40px;
    width: 50px;
    margin-top: -4px;
}

#siteseal img {
    height: 25px;
    margin-top: 4px;
}

.sticky {
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    padding: 15px 0;
    transition: all 0.75s ease 0s;
}

.hidden-sticky {
    display: none;
}

.sticky-logo {
    float: left;
    /*padding: 16px 0 0 0;*/
    /*margin: 0 0 0 20px !important;*/
    position: absolute;
    left: 0;
}

.show-sticky-logo {
    display: block !important;
}

.sticky-logo .logo {
    margin: 0;
    font-size: 20px;
    padding: 0;
    border: 0;
}

.sticky-logo .logo a.logo img {
    width: 125px;
    margin: 0;
}

.top-link-container .links {
    position: absolute;
    right: 83px;
    top: 7px;
    margin: 0;
}

.onsale-label {
    left: -11px;
    position: absolute;
    top: 10px;
}

.grid-item .onsale-label, .item .onsale-label {
    left: 0;
}

.onsale-label .onsaleicon-list {
    width: 80px;
}

/*Custom addthis style*/
.sharethis-block .addthis_button_compact, .sharethis-block .addthis_counter {
    display: none !important;
}

.sharethis-block .at-icon-wrapper .at-icon {
    width: 24px !important;
    height: 24px !important;
}

.sharethis-block .at-icon-wrapper .at-icon g {
    display: none;
}

.sharethis-block .at300b.addthis_button_email {
    background-position: -8px -4px !important;
}

.sharethis-block .at300b.addthis_button_facebook {
    background-position: -39px -4px !important;
}

.sharethis-block .at300b.addthis_button_twitter {
    background-position: -71px -4px !important;
}

.sharethis-block .at300b.addthis_button_google_plusone_share {
    background-position: -131px -4px !important;
}

.product-options {
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0 30px 0;
    font-size: 12px;
}

.product-options a {
    padding: 1px 20px;
    border-left: 1px solid #000;
    color: #000;
}

.sharethis-block .at-icon-wrapper {
    display: none;
}

.sharethis-block {
    position: relative;
}

.product-options .sharethis-block a, .sharethis-block .title-sharethis {
    text-transform: uppercase;
    font-family: "dinregular";
    font-size: 12px;
    color: #000;
    margin: 0 10px;
    float: none !important;
    cursor: pointer;
}

.sharethis-block .title-sharethis {
    padding: 1px 20px;
    margin: 0;
}

.product-options .sharethis-block a {
    border: 0;
    padding: 0;
}

/*
.sharethis-block .title-sharethis.clicked:before{
    content:"x";
    position: absolute;
    font-size: 10px;
    left: 12px;
    color: #999; top: 2px;
}
*/
.product-options a:hover, .sharethis-block .title-sharethis:hover {
    color: #f36;
}

.sharethis-block a:before {
    display: none !important
}

.sharethis-block .social-icons {
    background: #f6f6f7;
    position: absolute;
    top: -3px;
    left: 75px;
    width: 510px;
    text-align: left;
    display: none;
    padding: 3px 10px;
    line-height: normal;
}

.wantButton0 .default.wb.medium {
    height: 20px !important;
    margin: 2px !important;
    padding: 0 4px !important;
    color: #7B7C7F !important;
    background: none !important;
}

.wantButton0 .default.wb.medium .icn {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/want-button.png") no-repeat !important;
; }

/*EndCustom addthis style*/
/*Fix style newsletter subscribe category page*/
.category-personal .sunflower-subscribe, .category-workspace .sunflower-subscribe, .category-home-living .sunflower-subscribe {
    display: none;
}

/*END Fix style newsletter subscribe category page*/
/*=============================================*/
/*Smooth Div Scroll style*/
/*=============================================*/
/* Invisible left hotspot */
div.scrollingHotSpotLeft {
    width: 40px;
    height: 100%;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/scroll-left.png") no-repeat center center;
    position: absolute;
    z-index: 200;
    left: 0;
    cursor: pointer;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible {
    opacity: 1;
    /* Standard CSS3 opacity setting */
    -moz-opacity: 1;
    /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
    filter: alpha(opacity=100);
    /* Opacity for Internet Explorer. */
    zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight {
    width: 40px;
    height: 100%;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/scroll-right.png") no-repeat center center;
    position: absolute;
    z-index: 200;
    right: 0;
    cursor: pointer;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/scroll-right.png") no-repeat center center;
    /*    opacity: 0.35;
    filter: alpha(opacity=35);
    -moz-opacity: 0.35;
*/
    zoom: 1; }

div.scrollWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

div.scrollableArea {
    position: relative;
    width: auto;
    height: 100%;
}

/*=============================================*/
/*END Smooth Div Scroll style*/
/*=============================================*/
/*Style for footer logo*/
.footer-container .list-logo {
    padding: 20px 0 0;
    margin: 0 auto;
    text-align: center;
}

.footer-container .list-logo a img {
    height: auto;
    display: inline-block;
}

.footer-container .list-logo.visible-xxs.visible-xs {
    padding: 20px 8px;
    margin: 0 auto -35px;
}

.seals .comodo {
    padding-right: 13px;
}

/*END Style for footer logo*/
/*Style for related product slider*/
.product-view .product-view-bottom.last {
    padding-bottom: 0;
}

.related-product-slider-wrapper .bx-wrapper, .related-product-slider-wrapper .bx-viewport {
    background: #f6f6f7;
}

.related-product-slider-wrapper .bx-wrapper {
    padding: 65px 0 105px 0;
}

.related-product-slider-wrapper .bx-wrapper .bx-pager {
    display: none;
}

.related-product-slider-header {
    margin-bottom: 10px;
}

.related-product-slider-header .related-title {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/related-title-bg.png") repeat-x scroll 0 23px;
    text-align: center;
    margin: 0 88px;
}

.related-product-slider-wrapper .related-title h2 {
    font-size: 30px;
    text-align: center;
    padding: 10px 30px;
    display: inline-block;
    background: #fff;
}

.related-product-slider-wrapper .bx-wrapper .quick-view {
    position: absolute;
    width: 50px;
    height: 50px;
    margin-left: 0;
    margin-right: 0;
    opacity: 0;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    padding: 10px 0px 10px 20px;
    text-align: center;
    font-family: 'dinregular';
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/related-zoom.png) no-repeat center;
    background-size: 50px 50px;
    color: #fff;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    transition: opacity .4s ease-out;
    -moz-transition: opacity .4s ease-out;
    -webkit-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.related-product-slider .item {
    position: relative;
}

.related-product-slider .item .onsale-label {
    right: 0;
    left: auto;
    top: 0;
    width: 67px;
}

.related-product-slider .item .image-wrapper:hover .quick-view {
    opacity: 1;
    top: 50%;
}

.related-product-slider-wrapper .bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 16px;
}

.related-product-slider-wrapper .bx-wrapper .bx-prev {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/scroll-left.png") no-repeat center center;
}

.related-product-slider-wrapper .bx-wrapper .bx-next {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/scroll-right.png") no-repeat center center;
}

/*END Style for related product slider*/
.brand-related-product {
    padding-top: 80px;
}

.brand-related-product .brand-related-title h3 {
    text-transform: uppercase;
    font-family: "dincond-boldbold";
    font-size: 22px;
}

.brand-related-title .brand-related-seeall {
    color: #aaa;
    margin-left: 10px;
}

/*----- Heart animate
---------------------------------------*/
.ajax-wishlist .heart {
    transform: translateZ(0);
    color: #aaa;
    font-size: 18px;
    cursor: pointer;
    transition: none;
    width: 32px;
    height: 32px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/heart-bg.png") no-repeat;
    background-size: 32px;
    top: 57%;
    left: 50%;
    margin: -21px 0 0 -21px;
}

.ajax-wishlist .heart:hover {
    animation: pulse .6s linear;
    background-position: left bottom;
}

.ajax-wishlist .heart:before {
    content: "❤";
    position: absolute;
    color: #A12B2B;
    opacity: 0;
    font-size: 50px;
}

.ajax-wishlist .heart.ajax-remove-wishlist {
    background-position: left bottom;
}

.ajax-wishlist .heart.ajax-remove-wishlist:before {
    opacity: 0;
    transform: translateY(-60px) rotateZ(5deg);
    animation: fly 1s ease;
    font-size: 50px;
}

.ajax-wishlist .heart.ajax-add-wishlist {
    color: #aaa;
}

.ajax-wishlist .heart.ajax-add-wishlist:before, .ajax-wishlist .heart.ajax-add-wishlist:after {
    content: "❤";
    opacity: 1;
    color: #aaa;
    position: absolute;
    top: -150px;
    transform: rotateZ(0);
    font-size: 50px;
}

.ajax-wishlist .heart.ajax-add-wishlist:before {
    clip: rect(0, 24px, 100px, 0);
    animation: break-left 1s ease forwards;
}

.ajax-wishlist .heart.ajax-add-wishlist:after {
    clip: rect(0, 50px, 50px, 24px);
    animation: break-right 1s ease forwards;
}

@keyframes pulse {
    50% {
        transform: scale(1.1);
    }
}

@keyframes fly {
    0% {
        opacity: 0;
        transform: translateY(-40px) rotateZ(15deg);
        /*font-size: 200%;*/
    }

    50% {
        opacity: .75;
        transform: translateY(-70px) rotateZ(-15deg);
        /*font-size: 200%;*/
    }

    100% {
        opacity: 0;
        transform: translateY(-90px) rotateZ(15deg);
        /*font-size: 200%;*/
    }
}

@keyframes break-left {
    0% {
        opacity: 1;
        transform: rotateZ(0);
        /*font-size: 200%;*/
    }

    20% {
        opacity: .5;
        transform: translateX(-10px) rotateZ(-20deg) translateY(0);
        /*font-size: 200%;*/
    }

    50% {
        opacity: .5;
        transform: translateX(-10px) rotateZ(-20deg) translateY(0);
        /*font-size: 200%;*/
    }

    100% {
        opacity: 0;
        transform: translateX(-30px) rotateZ(-25deg) translateY(50px);
        /*font-size: 200%;*/
    }
}

@keyframes break-right {
    0% {
        opacity: 1;
        transform: rotateZ(0);
        /*font-size: 200%;*/
    }

    20% {
        opacity: .5;
        transform: translateX(10px) rotateZ(20deg) translateY(0);
        /*font-size: 200%;*/
    }

    50% {
        opacity: .5;
        transform: translateX(10px) rotateZ(20deg) translateY(0);
        /*font-size: 200%;*/
    }

    100% {
        opacity: 0;
        transform: translateX(30px) rotateZ(25deg) translateY(50px);
        /*font-size: 200%;*/
    }
}

.ibanners-wrapper .bx-wrapper .bx-pager.bx-default-pager {
    visibility: hidden;
}

.ibanners-wrapper>#bx-pager {
    text-align: center;
    margin-top: -55px;
    padding-bottom: 17px;
    position: relative;
    z-index: 1;
}

.ibanners-wrapper>#bx-pager .bx-pager-item {
    display: inline-block;
    margin: 0 15px;
}

.ibanners-wrapper>#bx-pager a {
    font-size: 34px;
    line-height: 38px;
    font-family: 'dincond-lightregular';
    color: #666;
    display: block;
}

.ibanners-wrapper>#bx-pager a.active {
    color: #3cf;
}

#magestore-popup #magestore-create-user .magestore-login-form-popup .sociallogin-field {
    clear: both;
}

.onestepcheckout-index-index .shipment-methods .validation-advice {
    position: relative;
    right: 0px;
    top: 2px;
    float: left;
}

.onestepcheckout-index-index #checkout-payment-method-load .validation-advice {
    position: relative;
    right: 0px;
    top: 2px;
    float: left;
}

.header .links li:first-child {
    text-transform: uppercase;
}

/*ressponsive customer-address-form*/
.customer-address-form .input-box select {
    width: 55%;
}

.customer-address-form li.control {
    margin-bottom: 15px;
}

.sales-order-history .my-account .super-button {
    padding: 20px 0px !important;
    width: 255px !important;
}

.price-box .old-price, .price-box .special-price {
}

.price-box .old-price, .price-box .special-price .price {
    color: #ff3366 !important;
}

.old-price .price {
    display: none;
}

.cms-home .main-shadow {
    margin: 0px;
    background: none;
}

.cms-home .std .subtitle {
    text-align: center;
    font-size: 30px;
    padding: 80px 0px;
    margin: 0px;
    letter-spacing: 4px;
}

.cms-home .subtitle {
    text-align: center;
}

.cms-home {
    background: #fff !important;
}

.cms-home .main-shadow {
    display: none;
}

.cms-home .products-grid .image-wrapper {
    background: #ffffff;
}

.products-grid .image-wrapper {
    background: #ffffff;
}

.catalog-category-view .category-products-isotope ul.second-isotope {
    margin-top: -100px;
}

/*Change related product on details page*/
.catalog-product-view .related-product-slider-wrapper .related-title h2 {
    background: rgb(246, 246, 247) none repeat scroll 0% 0%;
}

.catalog-product-view .related-product-slider-header {
    background-color: rgb(246, 246, 247);
    margin-bottom: 0px;
}

.catalog-product-view .related-product-slider-wrapper .related-title h2 {
    padding: 40px 30px;
}

.catalog-product-view .related-product-slider-header .related-title {
    background: transparent url("https://shop.gessato.com/skin/frontend/my-design/default/images/related-title-bg.png") repeat-x scroll 0px 53px;
    background: none;
    margin: 0px;
}

.checkout-onepage-success .thank-you .buttons-set {
    text-align: center;
}

.thank-you .super-button {
    float: none;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
}

.thank-you .cb-module-header p {
    line-height: 40px;
}

.thank-you .social-thank-you {
    float: none;
    width: 240px;
    display: block;
    margin: 100px auto 0 auto !important;
    border-top: 1px solid #999;
    padding-top: 20px;
    text-align: center;
    line-height: 0;
}

.thank-you .social-thank-you li {
    display: inline-block;
    list-style-type: none !important;
    margin: 0 5px;
    line-height: 0;
}

.thank-you .social-thank-you li a {
    display: inline-block;
    font-size: 20px;
    color: #333;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
}

.thank-you .social-thank-you li a:hover {
    color: #f36;
}

#contact-popup {
    width: 386px;
    position: fixed;
    z-index: 9999999;
    border: 2px;
    min-width: 200px;
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 24px 38px 3px, rgba(0, 0, 0, 0.117647) 0px 9px 46px 8px, rgba(0, 0, 0, 0.2) 0px 11px 15px -7px;
}

#contact-popup .account-forms {
    margin: 0;
    text-align: center;
    padding: 36px 50px;
}

#contact-popup .account-forms h2 {
    font-size: 26px;
}

#contact-popup .account-forms .button {
    width: 220px;
    padding: 13px 0;
}

#contact-popup .account-forms .button:hover {
    border: 1px solid #3cf;
    color: #3cf;
}

#contact-popup .sociallogin-input-box {
    margin-bottom: 10px;
    position: relative;
}

#contact-popup .sociallogin-input-box .validation-advice {
    right: -26px;
    top: 15px;
}

#contact-popup .account-forms .buttons-set {
    float: none;
    margin: 0;
    position: relative;
}

#contact-popup textarea {
    padding: 5px 10px;
    border: 1px solid #f0f0f0;
    height: 120px;
}

#contact-popup .ajax-login-image {
    top: -29px;
    left: 50%;
    margin-left: -16px;
}

#messages_product_view h2 {
    margin-bottom: 20px;
}

#messages_product_view p {
    margin: 0 0 35px 0;
    text-align: center;
    font-size: 14px;
    line-height: normal;
}

#messages_product_view h3 {
    text-transform: none;
    font-size: 20px;
}

#ibanners-homegallery-wrapper, .homepage-banner, .shadow-out {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/home_page_shadow.png") no-repeat center bottom;
    padding-bottom: 75px;
}

.homepage-new-arrivals h2.subtitle, .homepage-Trendsetters h2.subtitle {
    padding-top: 15px !important
}

.shadow-out {
    margin-bottom: 80px;
}

.hvr-bounce-in:hover {
    -webkit-transform: none !important;
    transform: none !important;
}

.homepage-isotope-trendsetters, .homepage-isotope-new {
    background: #fff;
    margin-bottom: 30px;
}

.homepage-isotope-trendsetters:after, .homepage-isotope-new:after {
    content: '';
    display: block;
    clear: both;
}

.grid-sizer, .grid-item {
    width: 100%;
}

.grid-item {
    padding-bottom: 20px;
}

.grid-item--width2 {
    width: 100%;
}

.paypal-redirect {
    padding: 40px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'din_lightregular';
}

.paypal-redirect .cb-module-header {
    margin-top: 80px !important;
    margin-bottom: 120px;
}

.paypal-redirect input {
    color: #979797;
    border: 0;
    background: none;
    text-transform: uppercase;
    font-size: 19px;
    margin: 10px 0 0 0;
    font-family: 'din_lightregular';
    cursor: pointer;
}

@media (min-width: 768px) {
    #nav>li .sub-wide .level0 {
        width: 750px;
        margin: 0 auto;
        position: relative;
        padding-top: 60px;
    }

    .grid-sizer, .grid-item {
        /*width: 25%;*/
        width: 50%;
    }

    .grid-item {
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .grid-item--width2 {
        /*width: 50%;*/
        width: 100%;
    }
}

@media (min-width: 990px) {
    #nav>li .sub-wide .level0 {
        width: 970px;
    }

    .cms-home .subtitle {
        text-align: center;
        font-size: 30px;
        padding-bottom: 60px;
        letter-spacing: 4px;
    }
}

@media only screen and (min-width: 990px) and (max-width: 1024px) {
    .cms-home .subtitle {
        text-align: center;
        font-size: 30px;
        padding-bottom: 60px;
        letter-spacing: 4px;
    }
}

@media screen and (min-width: 990px) and (max-width: 1200px) {
}

@media screen and (min-width: 1120px) {
}

@media (min-width: 1200px) {
    #nav>li .sub-wide .level0 {
        width: 1200px;
    }
}

/* mobile style */
@media (max-width: 1024px) {
    .cms-about-us .about-2 img {
        top: -30%;
        height: 150%;
    }

    .cms-about-us .main section h3 {
        font-size: 66px
    }

    .footer-container .footer {
        margin: auto;
    }

    #follow {
        left: 0px;
    }

    .product-fixed .product-buttons .add-to-cart {
        margin: 0;
        padding: 15px 10%;
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .cms-about-us .about-2 img {
        display: none
    }

    .cms-about-us .main section.about-1 p {
        padding-left: 0;
    }

    .cms-about-us section.about-3 .col-md-4 {
        text-align: center;
    }

    .cms-about-us section.about-3 .col-md-4 img {
        max-width: 320px;
        display: inline-block;
        margin-bottom: 20px;
    }

    .cms-about-us .main section.about-4 h3 {
        font-size: 60px;
        line-height: 74px;
    }

    .cms-about-us .main section.about-5 a {
        max-width: 320px;
        margin: 20px auto;
    }

    .cms-about-us section.about-4 {
        padding-top: 10%;
        padding-bottom: 12%;
    }

    .catalog-category-view .category-products-isotope ul.second-isotope {
        margin-top: 0px !important;
    }
}

@media (max-width: 768px) {
    div.note-msg {
        padding: 10% 0;
    }
}

@media screen and (max-width: 767px) {
    .ibanners-wrapper>#bx-pager {
        margin-top: 0;
        padding-bottom: 0;
    }

    .ibanners-wrapper>#bx-pager .bx-pager-item {
        display: inline-block;
        margin: 0 5px;
    }

    .ibanners-wrapper>#bx-pager a {
        font-size: 20px;
        line-height: 22px;
    }

    .product-view .product-fixed {
        position: relative;
        left: auto;
        bottom: 0;
        right: auto;
        border-bottom: 1px solid #ddd;
        padding: 20px 0 30px 0;
    }

    .product-fixed .product-attributes, .product-fixed .product-quantity, .product-fixed .price-box, .product-fixed .product-buttons {
        float: none;
        width: 100%;
        text-align: center;
        display: block;
        border: 0;
        padding: 30px 0 0 0;
        bottom: auto;
        left: auto;
    }

    .product-attributes dd {
        margin-bottom: 20px;
    }

    .product-fixed .product-buttons .add-to-cart {
        display: inline-block;
    }

    .product-options {
        line-height: 24px;
        padding-bottom: 10px;
    }

    #view-more-btn {
        bottom: 82px;
        left: 0;
        font-size: 14px;
    }

    .gessato-tabs ul.tabs {
        padding: 25px 0 0 0;
    }

    .gessato-tabs ul.tabs li {
        padding: 2px 0 0 25px;
    }

    .gessato-tabs .tab-content {
        padding-left: 0;
    }

    .product-view .product-right-top h1, .quick-product .product-right-top h1 {
        font-size: 26px;
    }

    .product-image-big {
        height: auto;
        margin: 0;
    }

    .product-view .product-fixed h1 {
        position: relative;
        padding: 20px 0 0 0;
        margin: 0;
        text-align: center;
        left: auto;
        bottom: auto;
    }

    .header-wrapper .shad-fixed {
        top: 43px;
    }
}

@media screen and (max-width: 480px) {
    .cms-about-us .main section h3 {
        font-size: 48px;
        line-height: 58px;
    }

    .cms-about-us .main section p {
        font-size: 20px;
    }

    .cms-about-us .main section.about-4 h3 {
        font-size: 40px;
        line-height: 50px;
    }

    #contact-popup {
        width: 90%;
    }

    .footer-link-group {
        text-align: center;
        margin-bottom: 0;
        padding: 0;
    }

    .customer-address-form .account-forms .address-select, .account-forms .input-text {
        width: 100%;
    }

    .customer-address-form .customer-name-middlename label {
        width: 100%;
        padding: 0px;
    }

    .customer-address-form .name-firstname div.input-box {
        margin: 0px;
    }

    .customer-address-form .giftcard-fieldset .field, .form-list .input-box {
        margin: 10px 0px;
        position: relative;
    }

    .customer-address-form .fieldset label {
        width: 100%;
        padding: 0px;
    }

    .customer-address-form #account_captcha, .account-forms .year, input[title="Street Address 2"], #street_2 {
        margin-left: 0px;
    }

    .customer-address-form .input-box select {
        width: 100%;
    }
}

@media screen and (width: 1024px) {
    .category-new-arrivals .products-grid li:nth-child(6) {
        top: 260px !important;
    }

    .cms-home .products-grid li:nth-child(6) {
        top: 260px !important;
    }
}

/* filter menu css */
.main-content-wrapper {
    position: relative;
    min-height: 760px;
}

.filter-button-wrapper {
    padding: 12px 10px;
    margin: 20px 0;
}

.filter-button-icon {
    display: inline-block;
    width: 50px;
    cursor: pointer;
}

.filter-button-icon:hover {
    opacity: 0.8;
}

.filter-button-icon > img {
    max-width: 100%;
}

.filter-button > span {
    color: #5c5c5c;
    display: inline-block;
    font-family: "din_lightregular";
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
    text-transform: uppercase;
    vertical-align: middle;
}

.close-filter-button {
    cursor: pointer;
    display: none;
    height: 40px;
    line-height: 35px;
    position: absolute;
    right: 0;
    text-indent: 3px;
    top: 0;
    width: 40px;
}

.filter-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    height: 100%;
    opacity: 0;
    padding: 10px 0 20px 10px;
    transform: translateX(-250px);
    transition: all 0.5s ease 0s;
    width: 220px;
    z-index: 8;
    left: 0;
    margin-bottom: 10px;
    bottom: 10px;
}

.menu-open .filter-wrapper {
    opacity: 1;
    transform: translateX(0px);
    height: auto;
    left: 15px;
    padding-top: 10px;
    margin-bottom: 10px;
    bottom: 10px;
}

.ui-customprice.js-customprice {
    position: relative;
}

.ui-customprice.js-customprice label {
    color: black;
    display: inline-block;
    float: none;
    font-size: 11px;
    font-weight: normal;
    margin-left: 5px;
    padding: 0;
    position: absolute;
    text-align: inherit;
    text-transform: uppercase;
    top: 0;
}

.ui-customprice.js-customprice input[type="text"] {
    background: transparent none repeat scroll 0 0;
    margin: 16px 10px 10px;
    width: 25%;
    border: none;
    border-bottom: 1px solid #ccc;
}

.js-customprice-submit {
    text-transform: uppercase;
}

.label.search-price-on {
    color: black;
    padding-left: 0;
    text-align: left;
}

.price-filter-link {
    position: relative;
    padding-left: 20px;
}

.price-filter-link:before {
    content: "ï‚–";
    color: #666;
    display: block;
    font-family: fontawesome;
    font-size: 18px;
    height: 18px;
    left: 0;
    line-height: 22px;
    position: absolute;
    width: 16px;
}

.price-filter-link.price-filter-link-checked:before {
    content: "ï…Š";
    color: #000;
}

.js-customprice-submit.price-filter-link {
    padding-left: 0;
}

.js-customprice-submit.price-filter-link:before {
    display: none;
}

/* main-content-items-wrapper block */
.menu-open .main-content-items-wrapper {
    padding-left: 240px;
}

.main-content-items-wrapper {
    transition: all 0.5s ease 0s;
}

@media screen and (max-width: 768px) {
    .filter-wrapper {
        top: 44px;
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
    }

    .menu-open .filter-wrapper {
        bottom: 0;
        left: 0;
        margin: 0;
    }

    .close-filter-button {
        display: block;
    }

    .menu-open .main-content-items-wrapper {
        padding-left: 0px;
    }

    /* overlay when menu open */
    .open-menu-overlay {
        background: rgba(30, 30, 30, 0.4) none repeat scroll 0 0;
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        transition: opacity 0.3s ease 0s;
        width: 100%;
        z-index: 7;
    }

    .menu-open .open-menu-overlay {
        display: block;
        transform: translateX(0px);
    }
}

/* price filter loader*/
.price-filter-loader {
    display: none;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

.price-filter-loader .loader_inner {
    background-image: url("https://shop.gessato.com/skin/frontend/my-design/default/images/preloader.gif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
    left: 50%;
    top: 50%;
    position: absolute;
}

.price-filter-loader.price-filter-loader-on {
    display: block;
}

@media (min-width: 992px) {
    .show-sticky-logo {
        margin: 0 40px 0 20px;
    }

    .subfooter-container .seals {
        border-right: 1px solid #ccc;
        max-width: 245px;
        margin-right: 5px;
    }

    .cms-contact-us .account-forms1 {
        margin-right: 20px;
    }

    .cms-contact-us .account-forms2 {
        margin-left: 20px;
    }

    .top-category-image-description {
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .top-category-image-description .brand-image {
        min-height: 638px;
    }

    #category-img-width {
        opacity: 0.5;
    }
}

@media screen and (min-width: 1200px) {
    /*    .cms-index-index .products-grid  li:nth-child(6) {
        top:306px !important;
    }*/.customer-account-logoutsuccess .col-main {
    min-height: 360px;
}

    .customer-account-logoutsuccess .col-main .page-title {
        margin-top: 230px;
    }

    #question-formSuccess .success-message-ask-question {
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 500px;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .giftcard-fieldset select {
        width: 250px;
    }

    .giftcard-fieldset textarea, .giftcard-fieldset .input-text {
        width: 250px;
    }

    .top-category-image-description-content .col-xxs-12.col-sm-8 {
        margin: 0;
    }

    .top-category-image-description-content .category-image {
        padding: 0 20px 0 40px;
    }

    #question-formSuccess .success-message-ask-question {
        height: 400px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .what-s-hot {
        width: 75%;
    }

    .sticky .main-navigation #nav .level0 a.level-top {
        display: block;
        font-size: 13px;
    }

    #nav > li .level0 {
        top: 48px;
    }

    .show-sticky-logo {
        margin-right: 20px;
    }
}

@media (min-width: 481px) and (max-width: 999px) {
}

@media (min-width: 481px) and (max-width: 767px) {
    .quick-add-buttons {
        margin-top: 0;
        padding-top: 0;
    }

    .quick-add-buttons .super-button {
        padding: 8px 20px;
    }

    .sunflower-subscribe form input {
        width: 260px;
    }

    .sunflower-subscribe {
        width: 440px;
    }
}

@media (min-width: 768px) {
    .sticky-logo {
        display: none;
    }

    .sticky-logo > img {
        width: 100px;
    }

    .nav-container #search_mini_form i.fa.fa-search {
        padding: 0!important;
    }

    .shad-sub-category {
        position: absolute;
        top: 0;
        left: 0;
        height: 10px;
        width: 100%;
        background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/big_shadow.png) no-repeat top center;
        z-index: 99;
    }

    .sticky #nav > li {
        padding: 18px 10px;
    }

    .sticky #nav > li .level0 {
        top: 49px;
    }

    .sticky {
        /*padding: 8px 0 0;*/
    }

    .cart-empty {
        min-height: 450px!important;
    }
}

@media (max-width: 1199px) {
    .related-product-slider-header .related-title {
        margin: 0 40px;
    }

    .customer-account-logoutsuccess .col-main .page-title {
        margin-top: 30px;
    }
}

@media (max-width: 991px) {
    #question-formSuccess .success-message-ask-question {
        height: 300px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .top-link-container .links li:first-child {
        display: none;
    }

    .sticky-logo .logo a.logo img {
        width: 120px;
    }

    a.quick-view {
        display: none!important;
    }

    a.quick-view-nav {
        display: none!important;
    }

    #magestore-popup {
        top: 20px!important;
        position: absolute!important;
    }

    #new-popup {
        top: 20px!important;
        position: absolute!important;
    }

    .subfooter-container .payment-verify-logo, .subfooter-container .payment-footer-logo, .subfooter-container .subfooter {
        text-align: center;
    }

    .subfooter-container .payment-footer-logo img {
        margin: auto;
    }

    .products-gift-list-content a img {
        display: block;
        width: 100%;
        height: auto;
    }

    .prod-shop-gift-cards {
        text-align: left;
    }

    .cart-page-content {
        margin: 0;
    }

    .catalog-category-view .brand-image {
        display: none;
    }

    .catalog-category-view .top-category-image-description-content {
        position: static;
    }

    .catalog-category-view .top-category-image-description-content .category-name {
    }

    .top-category-image-description-content .category-description {
        max-width: 100%;
    }

    .top-category-image-description-content .category-image {
        padding: 0;
    }

    #discount-coupon-form button:last-child {
        margin: 0 10px 0 0;
    }

    #discount-coupon-form button {
        float: left;
        margin: 0 10px 0 0;
    }

    .checkout-cart-index .cart-page-right .form-list .method-box-3 {
    }

    .checkout-cart-index .cart-page-right .form-list .method-box-2, .checkout-cart-index .cart-page-right .form-list .method-box-4 {
        float: left;
    }
}

@media (max-width: 767px) {
    .nav-wrapper.container {
        padding: 0;
    }

    .nav-container .row {
        margin-left: 0;
        margin-right: 0;
    }

    .header .sticky-logo {
        margin: 0 0 0 10px !important;
        padding-top: 13px;
    }

    .payment-verify-logo, .subfooter {
        text-align: center;
    }

    .header-container {
        padding: 6px;
    }

    .nav-container .search_mini_form .form-search button {
        padding: 0;
    }

    .search_mini_form {
        margin: 0;
    }

    .search_mini_form .form-search input {
        top: 7px;
        z-index: 999;
    }

    .nav-container .cart-box {
        top: 45px;
        right: 0px;
        left: 0;
    }

    .cart-box .block-cart .arrow-cart {
        display: none;
    }

    .mobile-cart-top #cartboxUpdate .block-cart {
        width: 100%!important;
    }

    .sunflower-subscribe .subscribe-left {
        text-align: center;
        margin-bottom: 20px;
    }

    .sunflower-subscribe .subscribe-right {
        text-align: center;
    }

    .sunflower-subscribe .subscribe-left .input-box {
        float: none!important;
    }

    .sunflower-subscribe .subscribe-right .actions {
        float: none!important;
    }

    .quick-add {
        margin-top: 10px;
        padding-bottom: 0;
    }

    .checkout-cart-index .cart #cart-table thead tr:first-child th {
        display: block;
        text-align: left;
        width: 100%;
    }

    .checkout-cart-index .cart #cart-table thead tr:first-child th:nth-child(2) {
        display: none;
    }

    .checkout-cart-index .cart #cart-table thead tr:first-child th span {
        width: 100%;
    }

    .checkout-cart-index .cart #cart-table tbody .row-with-image td {
        display: block;
        width: 100%;
    }

    .quick-add h1 {
        max-width: 300px;
    }

    .checkout-cart-index .cart #cart-table tbody .row-with-image .table-image .product-image {
        margin: 0 auto;
        text-align: center;
    }

    .checkout-cart-index .cart #cart-table tbody .row-with-image .large {
        text-align: center;
    }

    .checkout-cart-index .cart #cart-table tbody .row-with-image .table-image {
        max-width: 100%;
    }

    .row-with-image td + td {
        padding: 10px 15px !important;
    }

    .checkout-cart-index .cart .cc-list {
        float: right;
        clear: both;
        margin: 0 0 20px;
    }

    .gessato-tabs .tab-content {
        margin-bottom: 20px;
    }

    .my-account #my-orders-table colgroup {
        display: none;
    }

    .my-account #my-orders-table thead tr th {
        display: block;
        margin: 0;
    }

    .my-account #my-orders-table tbody tr td {
        display: block;
        width: 100%;
    }

    .my-account #wishlist-table thead {
        display: none;
    }

    .my-account #wishlist-table tbody tr td {
        display: block;
        width: 100%;
    }

    .my-account #wishlist-table tbody tr td.wishlist-buttons {
        text-align: left!important;
    }

    .thank-you p, .thank-you h2 {
        padding: 0;
    }

    div.affiliates-cont {
        margin: 0 10px;
    }

    .products-gift-list .item {
        margin-bottom: 20px;
    }

    .gift-print .comic, .gift-email .comic {
        display: none;
    }

    .category-gift-cards .freq-questions {
        padding: 0!important;
    }

    .category-gift-cards .products-gift-list {
        padding-bottom: 0;
    }

    .prod-shop-gift-cards .giftcard-info label {
        float: none;
        text-align: left;
        padding: 0;
        margin-right: 0;
    }

    .prod-shop-gift-cards .add-to-cart label {
        text-align: left;
        width: 50px;
    }

    .prod-gift .input-text.qty {
        margin: 0 10px;
    }

    .product-view-gift .prod-img-gift-cards {
        padding: 0!important;
    }

    .product-view-gift .product-image-big img {
        margin: 30px 0 0 15px;
    }

    .product-view-gift .account-forms.prod-gift {
        margin: 20px 0!important;
    }

    .giftcard-fieldset .preview-gift {
        text-align: left;
        margin-left: 5px;
    }

    .related-product-slider-header .related-title {
        margin: 0 10px;
    }

    .related-product-slider-wrapper .bx-wrapper {
        padding: 30px 0;
    }

    .top-category-image-description-content .col-xxs-12.col-sm-8 {
        margin: 0;
    }

    .brand-related-product {
        padding: 0;
    }

    .search_mini_form .form-search {
        width: 460px;
        margin-left: -230px;
    }

    .search_mini_form .form-search button {
        width: 23%;
    }

    #askQuestionForm.modal {
        padding-left: 0!important;
    }

    #askQuestionForm.modal .modal-dialog {
        width: 380px;
        margin: 30px auto
    }

    #askQuestionForm.modal .modal-dialog .modal-content {
        padding: 30px 20px;
    }

    #askQuestionForm.modal .account-forms .form-list {
        margin-top: 20px;
        margin-bottom: 0;
    }

    #askQuestionForm.modal .modal-header h2 {
        margin-top: 20px;
    }

    #askQuestionForm.modal .modal-content #aksaQuestionForm textarea {
        min-height: 50px;
    }

    #askQuestionForm.modal .modal-content #aksaQuestionForm .input-text {
        height: 44px;
    }

    #full-width .top-category-image-description {
        height: auto;
        padding: 30px;
        padding-bottom: 100px;
        padding-top: 80px;
    }

    #full-width .top-category-image-description-content {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: 2;
        padding: 0;
    }

    #full-width .breadcrumbs {
        left: 20px !important;
        padding-left: 0 !important
    }
}

@media (max-width: 480px) {
    .search_mini_form .form-search {
        width: 300px;
        margin-left: -150px;
    }

    .search_mini_form .form-search input {
        width: 70%;
    }

    .search_mini_form .form-search button {
        width: 30%;
    }

    .header .container:nth-child(2) {
        padding-left: 0;
        padding-right: 0;
    }

    .header .container:nth-child(2) .row {
        margin-left: 0;
        margin-right: 0;
    }

    .header .container:nth-child(2) .row .col-xxs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .main.container {
        margin-bottom: 20px;
    }

    .sunflower-subscribe form input {
        width: 260px!important;
    }

    .quick-add h1 {
        font-size: 18px;
    }

    .quick-add-buttons {
        float: none;
        margin-top: 0;
        padding-top: 0;
    }

    .quick-add-buttons .super-button {
        padding: 8px 10px;
    }

    .checkout-cart-index .cart .cc-list {
        float: none;
        padding: 10px;
    }

    .checkout-cart-index .cart .cc-list img {
        float: none;
        clear: both;
        margin: 0;
    }

    .gessato-tabs ul.tabs li {
        width: 100%;
        float: left;
    }

    .gessato-tabs ul.tabs li a {
        padding-left: 0;
    }

    .sunflower-subscribe #SignUp {
        text-align: center;
    }

    .sunflower-subscribe #SignUp .input-box {
        float: none;
    }

    .sunflower-subscribe #SignUp .actions {
        float: none;
        margin-top: 15px;
    }

    .sunflower-subscribe {
        margin: 20px auto 0;
        width: auto;
        padding: 15px;
    }

    #have-a-question-form label, .col-main label {
        text-align: left;
        padding-left: 0;
        margin-bottom: 10px;
    }

    .account-forms {
        padding: 20px 10px 80px;
    }

    .new-users .content, .registered-users .content {
        min-height: 340px;
    }

    .account-title-container .inverse {
        margin-left: 0;
        margin-right: 0;
        padding: 12px 10px;
    }

    .sidebar .block-account {
        padding-left: 0;
        padding-right: 0;
    }

    .account-create .form-validate label {
        width: 160px;
    }

    .account-forms .buttons-set {
        margin-top: 0;
    }

    #search_new_form input {
        width: 100%;
        margin-bottom: 15px;
    }

    #search_new_form {
        margin-top: 20px;
    }

    .bx-wrapper .bx-controls-direction a {
        display: none;
    }

    .related-product-slider-wrapper .bx-wrapper .bx-controls-direction a {
        display: block;
        margin-top: -16px;
        width: 20px;
    }

    .related-product-slider-wrapper .bx-wrapper .bx-prev, .related-product-slider-wrapper .bx-wrapper .bx-next {
        background-size: 20px 36px;
    }

    .product-view-gift .product-image-big {
        margin: 15px;
    }

    .product-view-gift .product-image-big img, .product-view-gift .prod-img-gift-cards img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
    }

    .prod-shop-gift-cards {
        padding: 0 10px 10px;
    }

    .giftcard-fieldset select {
        width: 100%;
    }

    .giftcard-fieldset textarea, .giftcard-fieldset .input-text {
        width: 100%;
    }

    .giftcard-fieldset input#mail_delivery_date {
        width: 87%;
    }

    .prod-shop-gift-cards .add-to-cart label {
        width: 20px;
    }

    .catalog-product-view .product-view-bottom {
        padding-bottom: 0;
    }

    .related-product-slider-wrapper .related-title h2 {
        padding: 10px;
    }

    #askQuestionForm.modal .modal-dialog {
        width: 340px;
        margin: 0 auto
    }

    #askQuestionForm.modal .modal-dialog .modal-content {
        padding: 20px;
    }

    .gessato-tabs #have-a-question {
        padding-left: 0;
    }

    #askQuestionForm.modal .modal-content .google-captcha {
        width: 81%;
        padding-top: 8px;
    }

    #full-width .top-category-image-description-content .category-name h3 {
        font-size: 50px;
    }
}

@media (max-width: 320px) {
    .header-box-sticky .mobile-cart-top {
        margin-right: 5px!important;
    }

    .sunflower-subscribe form input {
        width: 250px!important;
    }

    .quick-add h1 {
        max-width: 200px;
    }

    #askQuestionForm.modal .modal-dialog {
        width: 280px;
        margin: 0 auto
    }
}

@media (width: 1024px) {
    .cms-home .products-grid li:nth-child(6) {
        top:260px !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .checkout-cart-index .cart-page-right .form-list .method-box-1, .checkout-cart-index .cart-page-right .form-list .method-box-2, .checkout-cart-index .cart-page-right .form-list li.method-box-3 {
        width: 32%;
        margin: 0;
        float: left;
    }

    .checkout-cart-index .cart-page-right .form-list .method-box-2 {
        margin: 0 2%;
    }

    .checkout-cart-index .cart-page-right .form-list .method-box-4 {
        margin-top: 10px;
        float: right;
    }

    #askQuestionForm .account-forms .buttons-set {
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    #cart-footer, .checkout-cart-index .cart-page-right .shipping, .checkout-cart-index .cart-page-right .cart-page-right-button {
        padding: 10px;
    }

    /*.checkout-cart-index #cart-footer .buttons-set{
        display: inline-block;
        width: 100%;
        text-align: right;
    }*/
    .checkout-cart-index #cart-footer #discount-coupon-form button {
        margin: 0;
    }

    .checkout-cart-index .cart-page-right .form-list .method-box {
        width: 100%;
        margin: 0;
    }

    .checkout-cart-index .cart-page-right .form-list .method-box-4 {
        margin-top: 10px;
    }

    .checkout-cart-index .cart-page-right .form-list .method-box .buttons-set {
        text-align: right;
    }

    .cart-page-content {
        padding: 30px 0;
    }

    .checkout-cart-index #cart-footer #discount-coupon-form #coupon_code {
        width: 200px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
    .checkout-cart-index #cart-footer #discount-coupon-form #coupon_code {
        width: 160px;
    }

    #askQuestionForm.modal .modal-dialog {
        width: 300px;
        margin: 0 auto
    }

    #askQuestionForm.modal .modal-content .google-captcha {
        width: 94%;
        padding-top: 8px;
    }
}

@media only screen and (max-width: 320px) {
    .checkout-cart-index #cart-footer #discount-coupon-form button {
        margin: 0;
        float: right;
    }
}

/**
 * @category    Fishpig
 * @package     Fishpig_iBanners
 * @license     http://fishpig.co.uk/license.txt
 * @author      Ben Tideswell <help@fishpig.co.uk>
 */
.ibanners.animated {
    overflow: hidden;
    width: 100%;
}

.ibanners.animated ul {
    height: 1%;
    overflow: hidden;
    width: 9000px;
}

.ibanners.animated ul li {
    float: left;
    overflow: hidden;
}

.ibanners.static {
    overflow: hidden;
    width: 100%;
}

.ibanners.static ul {
    height: 1%;
    overflow: hidden;
    width: 9000px;
}

.ibanners.static ul li {
    float: left;
}

.ibanners-wrapper {
    position: relative;
}

.ibanners-wrapper .controls {
    position: absolute;
    width: 100%;
}

.ibanners-wrapper .controls .control-prev {
    float: left;
}

.ibanners-wrapper .controls .control-next {
    float: right;
}

.ibanners-wrapper .controls-top {
    top: 0;
}

.ibanners-wrapper .controls-middle {
    top: 45%;
}

.ibanners-wrapper .controls-bottom {
    bottom: 0;
}

.ibanners-wrapper .controls-below {
    position: static;
    height: 1%;
    overflow: hidden;
}

.ibanners-wrapper .controls-ol .control-prev {
    position: relative;
    left: -10px;
}

.ibanners-wrapper .controls-ol .control-next {
    position: relative;
    right: -10px;
}

/**
 * Pre-Orders
 *
 * @category:    Aitoc
 * @package:     Aitoc_Aitpreorder
 * @version      1.2.11
 * @license:     n/a
 * @copyright:   Copyright (c) 2015 AITOC, Inc. (http://www.aitoc.com)
 */
.product-options p.required {
    margin-bottom: 0;
    padding: 15px 0 0;
    position: static
}

.products-grid .price-box .pre-order, .quick-product .price-box .pre-order, .catalog-product-view .price-box .pre-order {
    display: none;
}

.catalog-product-view .price-box .pre-order {
    position: absolute;
    left: -122px;
    top: -5px;
    font-size: 0.0001em!important;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/images/pre-order-label.png") no-repeat center;
    width: 100px;
    height: 100px;
}

.product-page-pre-order-label {
    position: absolute;
    top: 5px;
    right: 20px;
    z-index: 999;
}

.quickview-pre-order-label {
    position: absolute;
    right: 24px;
    top: 14px;
}

/*.catalog-product-view .product-buttons .pre-order-button{
    width: 175px;
}
.quick-product .product-right .product-buttons .pre-order-button{
    width: 232px;
}*/
.cart-pre-order-mgs {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.responceMessStyle {
    height: 30px;
}

.notify_error {
    color: #f36;
    font-family: 'dincond-lightregular';
    font-size: 16px;
    margin-top: 10px;
}

.apptha-outofstock-block-body {
    font-size: 13px;
    padding: 10px 15px ;
    font-size: 18px;
    color: black;
    display: inline-block;
    padding: 10px 0;
    text-transform: uppercase;
    font-family: 'dincond-boldbold';
}

.apptha-outofstock-block-body input {
    width: 220px;
    margin-left: 0px;
    margin-bottom: 10px;
}

.bmargin10 {
    margin-bottom: 10px;
}

.tmargin10 {
    margin-top: 10px;
}

.notify-button-blue {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3881A7), to(#245A77));
    background-color: #245A77;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border: 0px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    color: white !important;
    cursor: pointer;
    display: inline-block;
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: normal !important;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 1px;
    zoom: 1; }

.ajaxreloadimage {
    background-image: url(http://192.168.1.26/magento_dev/magento/skin/frontend/default/default/outofstocknotification/ajax-loader.gif);
    background-repeat: no-repeat;
    float: right;
    height: 16px;
    margin-top: 4px;
    width: 34px;
    display: none;
}

.apptha-outofstock-block-body #contentofnotification button {
    border: 1px solid #bbb;
    color: #777;
    background-color: transparent;
}

.apptha-outofstock-block-body #contentofnotification button:hover {
    background: #3cf;
    color: #fff;
    border: 1px solid #3cf;
}

#outofstock_notify_error {
    margin-left: 0!important;
}

#esns_background_layer {
    position: fixed;
    z-index: 99999999;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/newssubscribers/esns_dark2.png);
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
    top: 0;
    left: 0;
    display: none;
}

#esns_box_layer {
    z-index: 9999;
    /*background: #fff url("https://shop.gessato.com/skin/frontend/my-design/default/images/newsletter_bottom.jpg") no-repeat center bottom;*/
    /*background: #fff url("https://shop.gessato.com/skin/frontend/my-design/default/images/newsletter_winter_bottom.jpg") no-repeat center bottom;*/
    background: #fff url("https://shop.gessato.com/skin/frontend/my-design/default/images/popup-newsletter.png") no-repeat center top;
    width: 427px;
    height: auto;
    min-height: 660px;
    overflow: hidden;
    top: 0;
    text-align: center;
    display: inline-block;
    /*padding: 10px;*/
    padding: 150px 4% 30px 4%;
    font-family: 'dincond-lightregular';
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    margin-top: 4% !important;
    position: relative;
    -webkit-box-shadow: rgba(0, 0, 0, 0.137255) 0px 24px 38px 3px, rgba(0, 0, 0, 0.117647) 0px 9px 46px 8px, rgba(0, 0, 0, 0.2) 0px 11px 15px -7px;
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 24px 38px 3px, rgba(0, 0, 0, 0.117647) 0px 9px 46px 8px, rgba(0, 0, 0, 0.2) 0px 11px 15px -7px;
}

#esns_background_layer #esns_box_layer.after-sub {
    /*   width: 514px;
   height: 320px;
   background: #fff;
    border-top: 6px solid #51c6f4;*/
}

#esns_background_layer #esns_box_layer.after-sub .content-popup-ns {
}

#esns_box_layer .content-popup-ns {
    position: relative;
}

#esns_box_title {
    /*width: 440px;*/
    height: auto;
    overflow: hidden;
    /*background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/newssubscribers/esns_box_block1.png) no-repeat right top;*/
}

#esns_background_layer #esns_box_layer.after-sub #esns_box_title {
    margin: 0;
}

#esns_box_block_1 {
    color: #fff;
    font-size: 58px;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}

#esns_box_block_2 {
    color: #fff;
    font-size: 32px;
    height: auto;
}

#esns_box_block_3 {
    color: #fff;
    font-size: 21px;
    height: auto;
    line-height: 14px;
}

#esns_box_block_3 a {
    color: #fff;
}

#esns_box_close {
    height: 17px;
    width: 17px;
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/images/newssubscribers/close_sub.png) no-repeat;
    cursor: pointer;
    /*float: right;*/
    position: absolute;
    right: 20px;
    top: 20px;
}

#esns_box_subscribe {
    height: auto;
    overflow: hidden;
    padding: 25px 0;
    position: relative;
}

#esns_box_subscribe_input input {
    background: #faf9f7;
    font-family: "dincond-lightregular";
    font-size: 26px;
    border: 1px solid #ccc;
    padding: 15px;
    color: #bbbbbb;
    letter-spacing: -1px;
    width: 100%;
    margin-bottom: 20px;
}

#esns_box_subscribe_submit a {
    font-family: 'din_lightregular';
    background: none repeat scroll 0 0 #ff518c;
    color: #fff;
    display: inline-block;
    width: 220px;
    font-size: 22px;
    padding: 0;
    height: 58px;
    text-transform: uppercase;
    line-height: 58px;
    font-weight: normal;
}

#esns_box_subscribe_response {
    text-align: left;
    margin: 10px 0 0 30px;
    height: 15px;
}

#esns_box_subscribe_response_success {
    display: none;
}

#esns_box_subscribe_response_error {
    color: #ea6868;
    text-align: left;
    margin: 10px 0;
    height: auto;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 0;
}

#esns_box_subscribe_response_success {
    color: #35ea49;
    /*font: 20px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif;*/
}

.notify_conform {
    margin-top: 40px;
}

.esns-box-block-welldone {
    color: #000;
    font-family: "dincond-lightregular";
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'dincond-boldbold';
    margin-bottom: 10px;
}

.esns-box-block-welldone-msg {
    font-family: "dincond-lightregular";
    color: #aaa;
    font-size: 32px;
    height: auto;
    text-align: center;
    line-height: 30px;
    margin: 10px 0 60px 0;
}

.after-sub .esns-box-block-welldone-button-click {
    background: none repeat scroll 0 0 #51c6f4;
    border: 1px solid #3cf;
    color: #fff;
    display: block;
    font-family: 'din_lightregular';
    font-size: 22px;
    line-height: normal;
    margin: 0 auto;
    height: 58px;
    line-height: 58px;
    text-transform: uppercase;
    width: 220px;
    left: 0;
    right: 0;
}

.esns-box-block-welldone-button-click:hover, #esns_box_subscribe_submit a:hover {
    background-color: transparent;
    border: 1px solid #bbb;
    color: #777;
}

#esns_box_subscribe_submit a:hover {
    background: #fff;
}

@media (min-width: 1600px) {
    #esns_box_layer {
        padding: 150px 3% 80px 3%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    #esns_background_layer #esns_box_layer.after-sub {
    }

    #esns_background_layer #esns_box_layer.after-sub .content-popup-ns {
        margin: 30px;
    }

    .esns-box-block-welldone-msg {
        margin: 30px 20px;
    }

    #esns_background_layer #esns_box_layer #esns_box_block_1 {
        text-align: center;
    }

    #esns_background_layer #esns_box_layer #esns_box_block_2 {
        text-align: center;
    }

    #esns_background_layer #esns_box_layer #esns_box_block_3 {
        margin: 0 10px;
        text-align: center;
    }

    #esns_background_layer #esns_box_layer #esns_box_title {
        margin: 0;
    }

    #esns_background_layer #esns_box_layer #esns_box_subscribe_input {
        float: none;
        margin: auto;
    }
}

@media(max-width: 480px) {
    #esns_background_layer {
        display: none !important
    }

    #esns_background_layer #esns_box_layer.after-sub {
        width: 300px;
        height: auto;
    }

    #esns_background_layer #esns_box_layer.after-sub .content-popup-ns {
        margin: 10px;
    }

    #esns_background_layer #esns_box_layer {
        width: 90%;
    }

    #esns_background_layer #esns_box_layer #esns_box_subscribe {
        margin: 0;
    }

    #esns_background_layer #esns_box_layer #esns_box_block_1 {
        text-align: center;
        font-size: 46px;
    }

    #esns_background_layer #esns_box_layer #esns_box_block_2 {
        text-align: center;
        font-size: 26px;
    }

    #esns_background_layer #esns_box_layer #esns_box_block_3 {
        margin: 0 10px;
        text-align: center;
    }

    #esns_background_layer #esns_box_layer #esns_box_title {
        margin: 0;
    }

    #esns_background_layer #esns_box_layer #esns_box_subscribe_input {
        float: none;
        margin: auto;
        width: 270px;
    }

    #esns_background_layer #esns_box_layer #esns_box_subscribe_submit {
        float: none;
        margin: 15px auto 0;
        width: 190px;
        text-align: center;
    }

    #esns_background_layer #esns_box_layer .content-popup-ns {
        margin: 15px 15px 25px;
    }

    #esns_box_layer .esns-box-block-welldone {
        font-size: 40px;
        margin: 15px;
    }

    #esns_box_layer .esns-box-block-welldone-msg {
        font-size: 25px;
        margin: 0 15px;
    }

    #esns_box_layer #esns_box_subscribe_response_error {
        padding: 10px 0;
    }
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700); /** BASE CSS FOR MODAL DIALOG **/
#opc-modal-checkout, #opc-modal-checkout * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.opc-modal-checkout {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 956px;
    min-width: 320px;
    height: auto;
    z-index: 99999999;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.opc-modal-checkout.md-show {
    visibility: visible;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 99999998;
    opacity: 0;
    background: rgba(0, 0, 0, 0.65);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.opc-modal-checkout.md-show + .md-overlay {
    opacity: 0.3;
    visibility: visible;
}

/* Content styles */
.opc-modal-checkout .md-content {
    color: #fff;
    background: #fff;
    position: relative;
    margin: 0 auto;
}

.opc-modal-checkout .md-content h3 {
    margin: 0;
    padding: 0.4em;
    text-align: center;
    font-size: 2.4em;
    font-weight: 300;
}

.opc-modal-checkout .md-content button {
    display: block;
    margin: 0 auto;
    font-size: 0.8em;
}

.opc-modal-checkout .iwd-modal-header {
    text-align: center;
    margin-top: -5px;
    overflow: hidden;
    margin-bottom: 20px;
}

.opc-modal-checkout .iwd-modal-header h4 {
    padding: 0;
    color: #000;
    font-weight: normal;
    font-size: 34px;
    font-family: "dincond-boldbold";
    line-height: 1;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.opc-modal-checkout .iwd-modal-header .close {
    background: transparent url("https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/close.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 15px;
    position: absolute;
    right: 13px;
    top: 13px;
    width: 15px;
    opacity: 1;
}

/* Effect 7: slide and stick to top */
.opc-modal-checkout {
    /*text-align: left;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);*/
    /*visibility: visible;*/
}

/*.opc-modal-checkout .md-content {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    padding: 40px 50px;
}*/
.opc-modal-checkout.md-effect-3 .md-content {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding: 40px 50px;
}

.opc-modal-checkout.md-show.md-effect-3 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 24px 38px 3px, rgba(0, 0, 0, 0.117647) 0px 9px 46px 8px, rgba(0, 0, 0, 0.2) 0px 11px 15px -7px;
}

.opc-modal-checkout {
    top: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*.opc-modal-checkout .md-content {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}*/
/** BASE CSS **/
.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clear {
    clear: both !important;
}

.hidden {
    display: none !important;
}

.move-columns {
    margin-bottom: 15px;
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: #00909e
    }

    100% {
        background-color: #FFFFFF
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: #00909e
    }

    100% {
        background-color: #FFFFFF
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: #00909e
    }

    100% {
        background-color: #FFFFFF
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: #00909e
    }

    100% {
        background-color: #FFFFFF
    }
}

@keyframes f_fadeG {
    0% {
        background-color: #00909e
    }

    100% {
        background-color: #FFFFFF
    }
}

/** BACKDROP **/
.opc-ajax-loader {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/loader.gif") no-repeat center;
    height: 32px;
    left: 46%;
    position: absolute;
    top: 46%;
    width: 32px;
    display: none;
    z-index: 10002 !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/** BASE OPC ELEMENTS **/
.es-wrapper {
    /*overflow:hidden; */
    margin: 0 auto;
    text-align: left;
}

.es-wrapper *, .iwd-modal-ajax * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.es-wrapper label {
    background: none !important
}

.es-wrapper label em {
    color: #f00 !important;
    font-style: normal;
    font-size: 10px;
}

.es-wrapper select em {
    color: #f00 !important;
    font-style: normal;
    font-size: 10px;
}

.es-wrapper label.required:after, .es-wrapper span.required:after {
    font-size: 12px;
}

.opc-modal-checkout .es-wrapper h3 {
    font-family: 'dincond-boldbold';
    color: #7f7f7f;
    font-size: 24px;
    border-bottom: 1px solid #ccc;
    line-height: 1;
    padding: 10px 0;
    margin-bottom: 25px;
    font-weight: normal;
    text-align: left;
}

.es-wrapper h2 {
    color: #4a4a4a;
    font-size: 30px;
    font-weight: 600;
    text-align: left
}

.es-wrapper p {
    font-size: 16px;
    color: #393939;
    text-align: left;
    margin: 0 0 10px;
}

.es-wrapper input {
    box-shadow: none;
    background: none;
    margin-left: 0 !important
}

.es-wrapper input[type=text], .es-wrapper input[type=password] {
    background: #fff;
    font-family: 'din_lightregular';
    box-shadow: none;
    height: 40px;
    padding-bottom: 0;
    padding-top: 0;
    font-size: 16px;
}

.es-wrapper select {
    font-family: 'din_lightregular';
    box-shadow: none;
    background: #fff;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    border: 1px solid #ccc;
    font-size: 16px;
    margin: 0
}

.es-wrapper input:focus {
    ox-shadow: none !important
}

.es-wrapper a:hover {
    color: #00909e;
}

.es-wrapper input.input-text:focus, .es-wrapper select:focus, .es-wrapper textarea:focus {
    background-color: #fff;
}

.es-wrapper span.validation-passed, .es-wrapper div.validation-passed {
    background-image: none
}

.es-wrapper .sp-methods ul, .es-wrapper .sp-methods li {
    padding-left: 0;
    list-style: none;
}

.es-wrapper .cvv-what-is-this {
    display: none
}

.es-wrapper .checkout-onepage-payment-additional-giftcardaccount {
    display: none
}

.es-wrapper .validation-failed {
    background: none repeat scroll 0 0 #fff !important;
    border: 1px solid #d8d8d8 !important
}

.es-wrapper .validation-advice {
    background: none;
    font-family: "din_lightregular";
    color: #f36;
    font-size: 11px;
    position: static;
    text-indent: 0;
    width: 100%;
    margin: 5px 0 -15px;
}

.es-wrapper #payment_form_authorizenet .validation-advice {
    display: inline-block;
    margin: 5px 0 0;
}

.es-wrapper .es-wrapper-login .validation-advice {
    margin: -5px 0 0 0;
}

/** BUTTONS **/
.es-wrapper .btn-link {
    font-family: "dinregular";
    width: 186px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    background-color: transparent;
    color: #777;
    font-weight: normal;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    border: 1px solid #ccc;
}

.es-wrapper .btn-link:hover {
    background: #3cf;
    border: 1px solid #3cf;
    color: #fff;
}

.es-wrapper .es-error-wrapper .btn-link {
    width: 100%;
}

.es-wrapper .proceed-checkout {
    font-family: 'din_lightregular';
    width: 186px;
    height: 54px;
    line-height: 54px;
    background: #3cf;
    color: #fff;
    text-align: center;
    font-size: 22px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

.es-wrapper .proceed-checkout .fa-chevron-right {
    display: none;
    position: absolute;
    right: 32px;
    top: 16px;
    color: #ffffff;
    text-shadow: 1px 1px #005861;
}

.es-wrapper .proceed-checkout:hover {
    background-color: transparent;
    color: #777;
    border: 1px solid #ccc;
}

.es-wrapper .es-to-checkout {
    margin-top: 30px;
    text-align: right;
}

.es-wrapper label {
    font-weight: normal;
    font-size: 12px;
    color: #393939;
}

.es-wrapper .btn-link-back-payment {
    clear: both;
    width: 310px;
    text-align: center;
    display: none
}

.es-wrapper .es-btn-place-order {
    font-family: "din_lightregular";
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #3cf;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}

.es-wrapper .es-btn-place-order:hover {
    background: #32c6f4;
    color: #fff;
}

/** UPDATE MODAL AND ELEMENTS FOR STAGE #2 **/
#opc-modal-checkout.es-process {
    width: 956px;
}

#opc-modal-checkout.es-process .iwd-modal-header {
    width: 186px;
    margin: 0;
}

#opc-modal-checkout.es-process .iwd-modal-header h4 {
    float: left;
    margin-bottom: 29px;
}

#opc-modal-checkout.es-process .es-wrapper-login {
    float: left;
    margin-bottom: -50px;
    margin-top: 10px;
}

#opc-modal-checkout.es-process .es-wrapper-review {
    margin-bottom: 0;
    position: absolute;
    right: 50px;
    text-align: right;
    top: 30px;
    width: 310px;
}

#opc-modal-checkout.es-process .es-short-review {
    margin-bottom: 15px;
}

#opc-modal-checkout.es-process .btn-link-back-payment {
    display: block;
    width: 186px;
    float: right;
    padding: 0;
}

#opc-modal-checkout.es-process .es-full-review-block {
    left: -184px;
}

#opc-modal-checkout.es-process .es-full-review-block .buttons-set {
    display: none
}

#opc-modal-checkout.es-process .es-wrapper-review .es-open-review-arrow {
    left: 120px;
}

/** ERROR BLOCK **/
.es-wrapper .es-error-wrapper {
    display: none
}

.es-wrapper .es-error-wrapper p.es-error-container {
    color: #353535;
    font-size: 15px;
    font-style: italic;
    padding-left: 38px;
    min-height: 26px;
}

/** PAYMENT BLOCK **/
.es-wrapper .es-wrapper-payment {
}

.es-wrapper .es-wrapper-payment h3 {
    font-family: 'dincond-boldbold';
    color: #444;
    font-size: 20px;
    border-bottom: 1px solid #ededed;
    line-height: 1;
    padding-bottom: 8px;
    margin-bottom: 25px;
    font-weight: normal;
}

.es-wrapper .es-wrapper-payment .sp-methods {
}

.es-wrapper .es-wrapper-payment .sp-methods dt {
    width: 100%;
    height: 56px;
    background-color: transparent;
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
    margin: 0 0 15px;
    overflow: hidden;
    position: relative;
    color: #777;
}

.es-wrapper .es-wrapper-payment .sp-methods dt:hover {
    color: #fff;
    background-color: #3cf;
    border: 1px solid #3cf;
}

.es-wrapper-payment #co-payment-form .sp-methods dt label {
    font-family: 'din_lightregular';
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: none;
    font-weight: normal;
    text-align: center;
    color: #777;
    line-height: 56px;
    padding: 0;
    margin: 0;
}

.es-wrapper-payment #co-payment-form .sp-methods dt:hover label {
    color: #fff;
}

.es-wrapper-payment #co-payment-form .sp-methods dt.checked label {
    color: #fff;
}

.es-wrapper-payment #co-payment-form .sp-methods #payment_form_paypal_standard {
    margin: 0 0 15px 0 !important;
    text-align: center;
    font-family: 'din_lightregular';
}

.es-wrapper-payment #co-payment-form .sp-methods #payment_form_paypal_standard li {
    font-family: 'din_lightregular';
    color: #989898;
    font-size: 14px;
}

.es-wrapper-payment #co-payment-form #payment_form_authorizenet label, .es-wrapper-payment #co-payment-form #payment_form_authorizenet label .required {
    font-family: 'din_lightregular';
    text-transform: uppercase;
    font-size: 14px;
    color: #989898;
}

.es-wrapper-payment #co-payment-form #payment_form_authorizenet select, .es-wrapper-payment #co-payment-form #payment_form_authorizenet input {
    font-size: 14px;
    color: #989898;
}

.es-wrapper-payment #co-payment-form #payment_form_authorizenet .input-box {
    margin: 5px 0;
}

.es-wrapper-payment #co-payment-form .sp-methods li#authorizenet_cc_type_exp_div .input-box {
    overflow: hidden;
}

.es-wrapper-payment #co-payment-form .sp-methods li#authorizenet_cc_type_exp_div .input-box .v-fix:first-child {
    float: left;
    width: 49%;
}

.es-wrapper-payment #co-payment-form .sp-methods li#authorizenet_cc_type_exp_div .input-box .v-fix:last-child {
    float: right;
    width: 49%;
}

.es-wrapper-payment #co-payment-form .sp-methods li#authorizenet_cc_type_exp_div .input-box .v-fix select {
    width: 100%;
}

.es-wrapper-payment #co-payment-form .sp-methods li#authorizenet_cc_type_cvv_div input {
    width: 100px;
}

.es-wrapper .es-wrapper-payment .sp-methods input[type="radio"] {
    display: block;
    height: 44px;
    opacity: 0;
    position: absolute;
    width: 100%;
    cursor: pointer;
    margin: 0;
    padding: 0
}

.es-wrapper .es-wrapper-payment .sp-methods dt.checked {
    background-color: #3cf;
}

.es-wrapper .es-wrapper-payment .sp-methods dt img, .es-wrapper .es-wrapper-payment .sp-methods dt a {
    display: none
}

.es-wrapper .es-wrapper-payment .sp-methods dd {
    margin-bottom: 0px;
}

.es-wrapper .es-wrapper-payment .sp-methods .input-box {
    width: 100%;
    background: none !important;
    padding: 0
}

.es-wrapper .es-wrapper-payment .sp-methods input {
    width: 100%;
}

.es-wrapper .es-wrapper-payment .sp-methods select {
    width: 100%
}

.es-wrapper .es-wrapper-payment .sp-methods .month {
    width: 150px
}

.es-wrapper .es-wrapper-payment .sp-methods .year {
    width: 150px
}

.es-wrapper .es-wrapper-payment .payment-select {
    width: 100%;
    height: 44px;
    background-color: #00909e;
    cursor: pointer;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-radius: 2px;
    margin: 0 0 15px;
    overflow: hidden;
    text-align: center
}

.es-wrapper .es-wrapper-payment .payment-select a {
    color: #fff !important;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    line-height: 44px !important;
    text-shadow: 1px 1px 1px #02484f;
    font-weight: normal
}

.es-wrapper .es-wrapper-payment .payment-select:hover {
    background-color: #39b9c6;
}

.es-wrapper .checkout-onepage-payment-additional-reward {
    margin-bottom: 20px
}

.es-wrapper .checkout-onepage-payment-additional-reward li {
    overflow: hidden;
}

.es-wrapper .checkout-onepage-payment-additional-reward input {
    width: auto !important;
    float: left !important
}

.es-wrapper .checkout-onepage-payment-additional-reward label {
    float: left !important;
    padding-left: 5px;
    width: 95%;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
}

.es-wrapper .checkout-onepage-payment-additional-customerbalance {
    margin-bottom: 20px;
    overflow: hidden;
}

.es-wrapper .checkout-onepage-payment-additional-customerbalance input {
    width: auto !important;
    float: left !important
}

.es-wrapper .checkout-onepage-payment-additional-customerbalance label {
    loat: left !important;
    padding-left: 5px;
    width: 95%;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
}

.es-wrapper .checkout-onepage-payment-additional-customerbalance label strong {
    font-weight: normal;
}

/** REVIEW BLOCK **/
.es-wrapper .es-wrapper-review {
    margin-bottom: 35px;
}

.es-wrapper .es-wrapper-review .es-short-review {
    height: 50px;
    width: 186px;
    background-color: #ebebe9;
    display: inline-block;
    padding: 0 10px;
    cursor: pointer;
    position: relative;
    margin-top: 15px;
}

.es-wrapper .es-wrapper-review .es-short-review:hover, .es-wrapper .es-wrapper-review .es-short-review.open {
    /*background-color: #3cf;*/
}

.es-wrapper .es-wrapper-review .cart-icon {
    background: transparent url("https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/cart.png") no-repeat center;
    background-size: 29px;
    display: block;
    height: 29px;
    width: 29px;
    float: left;
    margin: 10px 25px 10px 2px;
    color: #666666;
}

.es-wrapper .es-wrapper-review .total-review {
    color: #666666;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: normal;
    line-height: 50px;
    padding-right: 25px;
    text-decoration: none;
}

.es-wrapper .es-wrapper-review .es-short-review .show {
    background: transparent url("https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/cart-arrow-down.png") no-repeat center;
    width: 15px;
    height: 11px;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 16px;
}

.es-wrapper .es-wrapper-review .es-short-review .hide {
    background: transparent url("https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/cart-arrow-up.png") no-repeat center;
    width: 15px;
    height: 11px;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 16px;
    display: none;
}

.es-wrapper .es-wrapper-review .es-short-review.open .show {
    display: none !important;
}

.es-wrapper .es-wrapper-review .es-short-review.open .hide {
    display: block !important;
}

.es-wrapper .es-wrapper-review .es-short-review.open .total-review {
    background-position: 100% -33px
}

.es-wrapper .es-wrapper-review .total-review .price {
    color: #666666;
    font-family: 'din_lightregular';
    font-size: 18px;
}

.es-wrapper .es-wrapper-review #opc-review-block {
    max-height: 275px;
    overflow: hidden;
}

.es-wrapper .es-wrapper-review .es-full-review-block {
    background-color: #ffffff;
    left: 0;
    padding: 20px 30px 20px 17px;
    position: absolute;
    top: 70px;
    width: 370px;
    display: none;
    z-index: 100;
    border: 1px solid #bbb;
}

.es-wrapper .es-wrapper-review #review-nicescroll {
    max-height: 235px;
    overflow: hidden;
}

.es-wrapper .es-wrapper-review .es-open-review-arrow {
    background: url(https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/cart-arrow-open.png) no-repeat scroll 0 0 transparent;
    position: absolute;
    width: 20px;
    height: 16px;
    top: 50px;
    z-index: 111;
    left: 20px;
    display: none
}

.es-wrapper .es-wrapper-review .es-short-review.open .es-full-review-block, .es-wrapper .es-wrapper-review .es-short-review.open .es-open-review-arrow {
    display: block;
}

.es-wrapper .submit-review {
    padding-top: 25px;
    border-top: 1px solid #ccc;
}

.es-wrapper .grand-total {
    font-family: "din_lightregular";
    color: #3f3f3f;
    font-size: 30px;
    margin: 0 25px 25px 25px;
    line-height: 1;
    text-transform: uppercase;
}

.es-wrapper .grand-total span {
    font-family: "din_lightregular";
    color: #3f3f3f;
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 1;
    text-transform: uppercase;
    float: right;
}

.es-wrapper .submit-review .opc-newsletter {
    border-top: 1px solid #ccc;
    padding-top: 25px;
}

.es-wrapper #checkout-review-submit .agree {
    padding-left: 0;
    padding-bottom: 0
}

.es-wrapper #checkout-review-submit .agree label {
    color: #676767;
    font-size: 14px;
    font-weight: normal;
}

.es-wrapper #checkout-review-submit li {
    margin-bottom: 0;
    margin-top: 0;
}

.es-wrapper #checkout-review-submit .checkout-agreements {
    padding: 0
}

.es-wrapper #checkout-review-submit .view-agreement {
    text-decoration: none;
    color: #676767;
    font-size: 14px;
    cursor: pointer;
    font-weight: normal;
}

.es-wrapper #checkout-review-submit .view-agreement:hover {
    color: #00909e;
}

.es-wrapper #checkout-review-submit .agreement-content {
    margin-top: 20px;
    margin-bottom: 0
}

.es-wrapper .opc-data-table {
    width: 100%;
}

.es-wrapper .opc-data-table thead th {
    font-family: 'din_lightregular';
    color: #3e3e3e;
    font-size: 16px;
    padding: 0 10px 7px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
}

.es-wrapper .opc-data-table thead tr th:first-child {
    padding-left: 0
}

.es-wrapper .opc-data-table thead tr th:last-child {
    padding-right: 0
}

.es-wrapper .opc-data-table tbody td {
    font-family: 'din_lightregular';
    padding: 12px;
    border-bottom: 1px solid #ccc;
    color: #3e3e3e;
    font-size: 14px;
    font-weight: 400
}

.es-wrapper .opc-data-table tbody tr td:first-child {
    padding-left: 0
}

.es-wrapper .opc-data-table td.last {
    padding-right: 0
}

.es-wrapper .opc-data-table tbody td .price {
    font-family: 'din_lightregular';
    color: #656565;
    font-size: 14px;
}

.es-wrapper .opc-data-table tbody td h3 {
    font-family: "dincond-boldbold";
    color: #656565;
    font-size: 18px;
    border: none;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.es-wrapper .opc-data-table tfoot td {
    font-family: 'din_lightregular';
    padding: 14px 0;
    border-bottom: 1px solid #ccc;
    color: #3e3e3e;
    font-size: 12px;
    font-weight: normal;
    vertical-align: middle;
    text-transform: uppercase;
}

.es-wrapper .opc-data-table tfoot td .price {
    font-family: 'din_lightregular';
    color: #3e3e3e;
    font-size: 12px;
}

.es-wrapper .opc-data-table tfoot td strong, .es-wrapper .opc-data-table tfoot td strong .price {
    font-family: 'dinbold';
    font-size: 18px;
    text-transform: uppercase;
    color: #656565;
    font-weight: normal;
}

.es-wrapper .opc-data-table tfoot th {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    color: #676767;
    font-size: 12px;
    font-weight: normal;
    vertical-align: middle;
}

.es-wrapper .opc-data-table tfoot th strong .price {
    color: #3f3f3f;
    font-size: 14px;
}

.es-wrapper .opc-data-table tfoot tr:last-child td {
    border-bottom: none
}

.es-wrapper .opc-data-table .item-options {
    font-size: 11px
}

.es-wrapper .opc-data-table .cell-label {
    display: none
}

.es-wrapper .opc-data-table .btn-remove img {
    margin-top: 5px;
    width: 10px;
}

.es-wrapper .checkout-agreements li {
    margin: 0 0 15px 0
}

.es-wrapper .checkout-agreements li p {
    padding: 0;
}

.es-wrapper .checkout-agreements li p a {
    font-size: 14px;
    color: #676767;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    cursor: pointer;
    line-height: 1
}

/** BILLING AND SHIPPING ADRESS FORM **/
.es-wrapper .es-col-left {
    width: 400px;
    float: left;
}

.es-wrapper .es-col-left li {
}

.es-wrapper .es-col-left .input-box {
    width: 280px;
    padding: 0;
    background: none
}

.es-wrapper .es-col-left .input-box select {
    margin: 0;
}

.es-wrapper .es-col-left input[type="text"], .es-wrapper .es-col-left input[type="password"] {
    border: 1px solid #d8d8d8;
    height: 24px;
    padding: 0 5px;
}

.es-wrapper .es-col-left .wide select {
    border: 1px solid #d8d8d8;
    height: 24px;
    padding: 0 5px 0 0;
    width: 100%;
}

.es-wrapper .es-col-left .customer-name .field {
    width: 132px;
}

.es-wrapper .es-col-left .customer-name .field:first-child {
    margin-right: 14px;
}

.es-wrapper .es-col-left .customer-name .input-box {
    width: 132px;
}

.es-wrapper .es-col-left .customer-name input[type="text"] {
    width: 130px;
}

.es-wrapper .es-col-left .wide {
    width: 100%
}

.es-wrapper .es-col-left .wide.address-line-1 {
    margin: 20px 0 14px;
}

.es-wrapper .es-col-left .wide.address-line-2 {
    margin: 0 0 20px;
}

.es-wrapper .es-col-left .wide .input-box {
    width: 100%;
    padding: 0;
    margin: 7px 0;
}

.es-wrapper .es-col-left .wide input[type="text"] {
    border: 1px solid #d8d8d8;
    height: 24px;
    padding: 0;
    width: 100%;
    padding-left: 5px;
}

.es-wrapper .es-col-left .fields .field {
    clear: none;
    float: left;
    width: 48%;
}

.es-wrapper .es-col-left .fields .field:first-child {
    margin-right: 4%;
}

.es-wrapper .es-col-left .fields .input-box {
    width: 100%;
    margin: 7px 0;
}

.es-wrapper .es-col-left .fields input[type="text"], .es-wrapper .es-col-left .fields input[type="password"] {
    width: 100%;
}

.es-wrapper .es-col-left .fields select {
    width: 100%;
}

.es-wrapper .es-col-left .control {
    text-align: left;
    float: none;
    clear: both;
}

.es-wrapper .es-col-left .control input {
    height: 20px;
    float: left;
}

.es-wrapper .es-col-left .control label, .es-wrapper .es-col-right .control label {
    font-family: "din_lightregular";
    font-size: 13px;
    text-transform: uppercase;
    color: #989898;
}

.es-wrapper .es-col-left .notice {
    font-size: 13px;
    color: #6e6e6e;
    font-style: italic;
    margin-bottom: 5px
}

.es-wrapper .es-col-left #opc-address-form-shipping {
    margin-top: 20px;
    display: block;
}

.es-wrapper .es-col-right {
    width: 400px;
    float: right;
}

/** SHIPPING METHOD BLOCK **/
.es-wrapper p {
    color: #6e6e6e;
    font-size: 12px;
    font-style: italic;
}

.es-stage-wrapper {
    padding-top: 70px;
}

.es-stage-wrapper .label-custom {
    font-family: "din_lightregular";
    font-size: 16px;
    color: #aaaaaa;
    left: 0;
    position: absolute;
    top: 13px;
    margin: 0 0 0 15px;
}

.es-stage-wrapper .sp-methods dt {
    font-weight: normal;
    font-size: 14px;
}

.es-stage-wrapper #opc-co-shipping-method-form .sp-methods dt {
    display: none;
}

.es-stage-wrapper #opc-co-shipping-method-form #checkout-shipping-method-load input.radio {
    float: left;
    margin-top: 5px;
}

.es-stage-wrapper #opc-co-shipping-method-form .method-box {
    background: #e2e2e0;
    margin: 0 30px 7px;
    padding: 12px 20px;
}

.es-stage-wrapper .sp-methods .price {
    font-weight: normal;
}

.es-stage-wrapper #shipping-block-methods #checkout-shipping-method-load li label {
    background: none;
    color: #161616;
    font-family: "din_lightregular";
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 15px;
    text-transform: uppercase;
    display: inline-block;
}

.es-stage-wrapper #shipping-block-methods #checkout-shipping-method-load li label[for = "s_method_premiumrate_Free_Shipping"] {
    font-weight: bold;
}

.es-stage-wrapper #shipping-block-methods #checkout-shipping-method-load li label .price {
    font-weight: bold;
    color: #161616;
}

/** GIFT DISCOUNT BLOCK **/
.es-wrapper .payment-block + .discount-block {
    margin-top: 25px;
}

.es-wrapper .discount-block {
    margin-bottom: 0;
}

.es-wrapper .discount-block h3 {
    cursor: pointer;
    border: none;
}

.es-wrapper .discount-block h3 span {
    display: inline-block;
    height: 25px;
    margin-left: 20px;
    position: relative;
    width: 25px;
}

.es-wrapper .discount-block h3.open-block {
    border-bottom: 1px solid #B6B6B6;
}

.es-wrapper .discount-block h3 span .plus {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/plus.png") no-repeat center;
    width: 25px;
    height: 25px;
    font-size: 19px;
    color: #00909F;
    display: block;
    margin-top: 4px;
}

.es-wrapper .discount-block h3 span .minus {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/minus.png") no-repeat center;
    margin-top: 4px;
    width: 25px;
    height: 25px;
    font-size: 19px;
    color: #82BFC5;
    display: none;
}

.es-wrapper .discount-block h3.open-block span .plus {
    display: none;
}

.es-wrapper .discount-block h3.open-block span .minus {
    display: block;
}

.es-wrapper .discount-block #opc-discount-coupon-form {
    display: none
}

.es-wrapper .discount-block .discount {
    margin-bottom: 40px;
    overflow: hidden;
}

.es-wrapper .discount-block .input-box {
    width: 225px;
    padding: 0;
    float: left
}

.es-wrapper .discount-block input[type="text"] {
    font-family: "din_lightregular";
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    color: #666666;
    padding: 0 10px;
    border: 1px solid #ccc;
    width: 100%;
}

.es-wrapper .discount-block .button {
    display: inline-block;
    height: 48px;
    margin: 0 auto;
    float: none;
    padding: 0;
    background: none;
    min-width: initial;
    border: 1px solid #ccc;
    background: none;
    color: #777;
}

.es-wrapper .discount-block .button span {
    height: 48px;
    line-height: 48px;
    padding: 0;
    display: inline-block !important;
    width: 114px;
}

.es-wrapper .discount-block .button span span {
    font-size: 20px;
    text-transform: uppercase;
}

.es-wrapper .discount-block .button:hover {
    color: #fff;
    background: #3cf;
    border: none;
}

.es-wrapper .discount-block .buttons-set {
    border: none;
    clear: none;
    float: right;
    margin-top: 0;
    overflow: hidden;
    padding: 0;
    width: 114px;
}

.es-wrapper .discount-block .appl-ycoupon {
    float: left
}

.es-wrapper .discount-block .remove-coupon {
    float: right !important;
}

/** GIFT MESSAGES BLOCK **/
.es-wrapper .gift-messages {
    margin-top: 40px
}

.es-wrapper .gift-messages-form .item .details .form-list .field {
    /*width:170px; */
    width: 100%;
    padding: 0
}

.es-wrapper .gift-messages-form .item .details .form-list .input-box {
    /*width:170px; */
    width: 100%;
    padding: 0
}

.es-wrapper .gift-messages-form .item .details .form-list li.wide .input-box {
    /*width:168px; */
    width: 100%;
    padding: 0
}

.es-wrapper .gift-messages-form .item .details .form-list textarea {
    border: 1px solid #d8d8d8;
    height: 80px;
    padding: 0;
    /*width:163px; */
    width: 100%
}

.es-wrapper .gift-messages-form .item .details .form-list li.wide textarea {
    border: 1px solid #d8d8d8;
    height: 80px;
    padding: 0;
    /*width:167px; */
    width: 100%
}

.es-wrapper .gift-messages-form .item .details .form-list .input-box {
    /*width:170px; */
    width: 100%
}

.es-wrapper .gift-messages-form .item .details .form-list input[type="text"] {
    /*width:163px; */
    width: 100%
}

.es-wrapper .gift-messages-form .item .number {
    font-weight: normal
}

.es-wrapper .gift-messages-form li.wide .input-box {
    width: 100%
}

.es-wrapper .gift-messages-form li.wide textarea {
    width: 100%
}

.es-wrapper .gift-messages-form li .field {
    width: 100%
}

.es-wrapper .gift-messages-form li .input-box {
    width: 100%
}

.es-wrapper .gift-messages-form li input {
    width: 100%
}

.es-wrapper .gift-messages-form li textarea {
    width: 100%
}

/** GIFT MESSAGES BLOCK **/
.es-wrapper .gift-message {
    margin-top: 40px
}

.es-wrapper .gift-message-form {
    margin-bottom: 30px;
}

.es-wrapper .gift-message-form .item .details .form-list .field {
    /*width:170px; */
    width: 100%;
    padding: 0
}

.es-wrapper .gift-message-form .item .details .form-list .input-box {
    /*width:170px; */
    width: 100%;
    padding: 0
}

.es-wrapper .gift-message-form .item .details .form-list li.wide .input-box {
    /*width:168px; */
    width: 100%;
    padding: 0
}

.es-wrapper .gift-message-form .item .details .form-list textarea {
    border: 1px solid #d8d8d8;
    height: 80px;
    padding: 0;
    /*width:163px; */
    width: 100%
}

.es-wrapper .gift-message-form .item .details .form-list li.wide textarea {
    border: 1px solid #d8d8d8;
    height: 80px;
    padding: 0;
    /*width:167px; */
    width: 100%
}

.es-wrapper .gift-message-form .item .details .form-list .input-box {
    /*width:170px; */
    width: 100%
}

.es-wrapper .gift-message-form .item .details .form-list input[type="text"] {
    /*width:163px; */
    width: 100%
}

.es-wrapper .gift-message-form .item .number {
    font-weight: normal
}

.es-wrapper .gift-message-form li.wide .input-box {
    width: 100%
}

.es-wrapper .gift-message-form li.wide textarea {
    width: 100%
}

.es-wrapper .gift-message-form li .field {
    width: 100%
}

.es-wrapper .gift-message-form li .input-box {
    width: 100%
}

.es-wrapper .gift-message-form li input {
    width: 100%
}

.es-wrapper .gift-message-form li textarea {
    width: 100%
}

/** GIFT CARD **/
.es-wrapper .giftcard {
}

.es-wrapper .giftcard #es-giftcard-form {
    display: none;
}

.es-wrapper .giftcard h2 {
    cursor: pointer;
    border: none;
    font-weight: 600;
    color: #404040;
    font-size: 16px;
    text-align: left;
    border: none;
    padding-bottom: 8px;
    line-height: 1;
    margin-bottom: 20px
}

.es-wrapper .giftcard h2 span {
    display: inline-block;
    height: 17px;
    margin-left: 20px;
    position: relative;
    top: 1px;
    width: 20px;
}

.es-wrapper .giftcard h2.open-block {
    background-position: 100% -84px;
    border-bottom: 1px solid #B6B6B6;
}

.es-wrapper .giftcard h2 span .plus {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/plus.png") no-repeat center;
    margin-top: 4px;
    width: 25px;
    height: 25px;
    font-size: 19px;
    color: #00909F;
    display: block;
}

.es-wrapper .giftcard h2 span .minus {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/minus.png") no-repeat center;
    margin-top: 4px;
    width: 25px;
    height: 25px;
    font-size: 19px;
    color: #82BFC5;
    display: none;
}

.es-wrapper .giftcard h2.open-block span .plus {
    display: none;
}

.es-wrapper .giftcard h2.open-block span .minus {
    display: block;
}

.es-wrapper .giftcard .v-fix {
    float: none;
    margin-bottom: 10px
}

.es-wrapper .giftcard input {
    width: 100%
}

.es-wrapper .giftcard .button {
    height: 35px;
    border: none;
    margin: 0 auto;
    background: none !important;
    cursor: pointer
}

.es-wrapper .giftcard .button span {
    background: #00909e;
    border: none;
    height: 35px;
    line-height: 35px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 0;
}

.es-wrapper .giftcard .button span span {
    background: #00909e;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #02484f;
    padding: 0 10px
}

.es-wrapper .giftcard .button.btn-remove-gift span span {
    padding: 0 20px
}

.es-wrapper .giftcard .check-gc-status {
}

.es-wrapper .giftcard .check-gc-status span {
    background: none repeat scroll 0 0 transparent !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    padding: 0 !important;
    text-transform: none !important;
    text-shadow: none !important
}

/** COMMENT BLOCK **/
.es-wrapper .comment-block {
    margin-bottom: 25px;
}

.es-wrapper .comment-block textarea {
    width: 100%;
    height: 71px;
    resize: none;
}

.es-wrapper .comment-block h3 {
    cursor: pointer;
    border: none
}

.es-wrapper .comment-block h3 span {
    display: inline-block;
    height: 25px;
    margin-left: 20px;
    position: relative;
    width: 25px;
}

.es-wrapper .comment-block h3.open-block {
    border-bottom: 1px solid #ccc;
}

.es-wrapper .comment-block h3 span .plus {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/plus.png") no-repeat scroll center center;
    color: #00909f;
    display: block;
    font-size: 19px;
    height: 25px;
    margin-top: 4px;
    width: 25px;
}

.es-wrapper .comment-block h3 span .minus {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/minus.png") no-repeat scroll center center;
    color: #00909f;
    display: none;
    font-size: 19px;
    height: 25px;
    margin-top: 4px;
    width: 25px;
}

.es-wrapper .comment-block h3.open-block span .plus {
    display: none;
}

.es-wrapper .comment-block h3.open-block span .minus {
    display: block;
}

.es-wrapper .comment-block .discount {
    display: none
}

/** SCROLL **/
.nicescroll-rails {
    width: 1px !important;
    z-index: 10006 !important;
}

.nicescroll-rails > div {
    margin-right: -0px;
}

/** CUSTOMER OPC MESSAGE BLOCK **/
.opc-message-wrapper {
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10003;
}

.opc-messages {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    position: absolute;
    display: none;
    color: #404040;
    display: block;
    font-size: 16px;
    left: 50%;
    margin-left: -205px;
    margin-top: -20px;
    position: absolute;
    text-align: left;
    top: 30%;
    width: 410px;
    -webkit-box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.2);
    background-color: #fefefe;
    font-weight: normal;
    z-index: 10002;
}

.opc-message-container {
    text-align: center;
    font-family: "din_lightregular";
    font-size: 16px;
    color: #666;
}

.opc-messages-action {
    text-align: center;
    margin-top: 20px
}

.opc-messages-action .button {
    height: 44px;
    margin: 0 auto;
    display: block;
    padding: 0;
    width: 186px;
    background: #3cf;
}

.opc-messages-action .button span {
    height: 40px;
    line-height: 40px;
    display: block;
    width: 186px;
}

.opc-messages-action .button span span {
    border: none;
    font-family: "din_lightregular";
    font-size: 18px;
    text-transform: uppercase;
}

.opc-messages-action .button:hover {
    border: 1px solid #ccc;
    background: none;
    color: #666;
}

.close-message-wrapper {
    opacity: 1;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/iwd/opcpro/images/close.png") no-repeat center;
    display: block;
    height: 15px;
    position: absolute;
    width: 14px;
    z-index: 10005;
    right: 18px;
    top: 15px;
    cursor: pointer
}

/** LOGIN FORM **/
.es-wrapper-login #wrapper-login-form {
}

.es-wrapper-login #wrapper-login-form h5 {
    border-bottom: 1px solid #bbb;
    color: #7f7f7f;
    font-family: "dincond-boldbold";
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 25px;
    padding-bottom: 8px;
}

.es-wrapper-login #wrapper-login-form h5.forgot-password-title {
    display: none;
}

.es-wrapper-login #wrapper-login-form.forgot-password-form h5.forgot-password-title {
    display: block;
}

.es-wrapper-login #wrapper-login-form.forgot-password-form h5.login-title {
    display: none;
}

.es-wrapper-login .es-form-list {
}

.es-wrapper-login .es-form-list li {
    width: 100%;
}

.es-wrapper-login .es-form-list input {
    width: 100%;
    margin-bottom: 10px;
    height: 48px;
}

.es-wrapper-login .es-form-list .input-box input[type="text"], .es-wrapper-login .es-form-list .input-box input[type="password"] {
    width: 100%
}

.es-wrapper-login a {
    color: #00909e;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    font-size: 11px;
    /*margin-top: 5px;*/
    font-style: normal
}

.es-wrapper-login .es-login-action {
    text-align: center;
    margin-top: 15px;
}

.es-wrapper-login .button {
    height: 48px;
    background: none;
    border: none;
    width: 220px;
    padding: 0;
}

.es-wrapper-login .button span, .es-wrapper-login #forgotpassword-button-set .btn span {
    font-family: "din_lightregular";
    background: #3cf;
    border: none;
    line-height: 48px;
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    display: block;
}

.es-wrapper-login .button:hover span {
    background: none;
    color: #666;
    border: 1px solid #ccc;
}

.es-wrapper-login .button span span, .es-wrapper-login #forgotpassword-button-set .btn:hover span span {
    border: none !important;
}

.es-wrapper-login .back-to-checkout, .es-wrapper-login #forgotpassword-button-set .back-link a {
    border: 1px solid #ccc;
    font-family: "din_lightregular";
    background: transparent;
    line-height: 48px;
    color: #666;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    display: block;
    font-weight: normal;
    width: 220px;
    margin: 0 auto;
    height: 48px;
}

.es-wrapper-login #forgotpassword-button-set .back-link a:hover {
    background: #3cf;
    border: none;
    color: #fff !important;
    height: 48px;
}

.es-wrapper-login .back-to-checkout:hover {
    color: #fff;
    background: #3cf;
    border: none;
}

.es-wrapper-login .es-login-action .restore-account {
    font-family: "dinregular";
    font-size: 14px;
    display: inline-block;
    margin: 15px 0 50px;
    color: #666;
    text-transform: none;
    font-weight: normal;
    width: 220px;
}

.es-wrapper-login .es-login-action .restore-account:hover {
    color: #f36;
}

.es-wrapper-login .back-to-checkout small {
    color: #CCCCCC;
}

.es-wrapper-login #forgotpassword-button-set {
    overflow: hidden;
    margin-top: 25px;
}

.es-wrapper-login #forgotpassword-button-set .btn {
    background: none;
    border: medium none;
    height: 48px;
    padding: 0;
    width: 220px;
    float: none;
    border-radius: 0;
    margin-bottom: 20px;
}

.es-wrapper-login #forgotpassword-button-set .btn span {
    height: 48px;
    border-radius: 0;
    font-weight: normal;
    text-shadow: none;
}

.es-wrapper-login #forgotpassword-button-set .btn:hover span {
    background: none;
    color: #666;
    border: 1px solid #ccc;
}

.es-wrapper-login #forgotpassword-button-set .back-link {
    background: none;
    border: none;
    display: block;
    margin: 0 auto;
    padding: 0 !important;
    position: static;
    text-align: center;
}

.es-wrapper-login #forgotpassword-button-set .back-link a:hover {
    color: #00909E;
}

.es-wrapper-login #forgotpassword-button-set .back-link a small {
    color: #CCCCCC;
}

.es-wrapper-login #form-validate-email input, .es-wrapper-login #form-validate-email .input-box {
    width: 100%
}

.es-wrapper-login #form-validate-email p {
    font-family: "din_lightregular";
}

.es-wrapper-login .btn {
    height: 25px;
    float: right;
    margin-left: 20px;
    background: none;
    border: none;
    cursor: pointer
}

.es-wrapper-login .btn span {
    background: #00909e;
    border: none;
    line-height: 26px;
    height: 25px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px 1px #02484F;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0 10px
}

.es-wrapper-login .btn:hover span {
    background: #39b9c6;
    color: #fff
}

/* AGREEMENTS */
.agreements-view {
}

.agreements-view h4 {
    color: #4a4a4a;
    font-size: 36px;
    margin-top: -20px;
}

.agreements-view .agreement-content {
    font-size: 12px;
}

.agreements-view .agreements-view-content .agree {
    margin-top: 20px;
}

.agreements-view .agreements-view-content .agree a {
    color: #262626;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
}

.agreements-view .btn-backto-checkout {
    padding-left: 40px;
    width: 100%;
}

.agreements-view .btn-backto-checkout .fa-chevron-left {
    color: #ffffff;
    position: relative;
    font-size: 11px;
    top: -1px;
    left: -24px;
    text-shadow: 1px 1px 0 #012124;
}

/** CENTINEL VALIDATE CARD - DIALOG **/
.es-wrapper.validate-card {
}

.es-wrapper.validate-card .es-stage-wrapper {
    display: none
}

.es-wrapper.validate-card .es-wrapper-review {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

.es-wrapper.validate-card .es-short-review {
    background: none !important;
    width: 100%;
}

.es-wrapper.validate-card .es-short-review .cart-icon {
    display: none
}

.es-wrapper.validate-card .es-short-review .total-review {
    display: none
}

.es-wrapper.validate-card .es-short-review .es-open-review-arrow {
    display: none !important
}

.es-wrapper.validate-card .es-full-review-block {
    border: medium none !important;
    border-radius: 0 !important;
    box-shadow: none;
    clear: both !important;
    display: block !important;
    float: none !important;
    left: 0 !important;
    max-height: none;
    padding: 0 !important;
    position: static;
    top: 0 !important;
    width: auto !important;
}

.es-wrapper.validate-card .btn-link-back-payment {
    display: none !important
}

.iwd-modal-ajax #bundle-product-wrapper {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: none;
    margin: 0;
    overflow: auto;
    position: inherit;
    width: auto;
}

.opc-newsletter input {
    margin-left: 0;
}

#opc-address-form-billing, #opc-address-form-shipping {
    display: block;
}

#opc-modal-checkout .form-list .customer-dob .dob-year {
    width: 50px
}

#opc-modal-checkout .form-list .customer-dob .dob-month, #opc-modal-checkout .form-list .customer-dob .dob-day {
    width: 35px;
}

#opc-modal-checkout .es-wrapper .dob-year input + label, #opc-modal-checkout .es-wrapper .dob-month input + label, #opc-modal-checkout .es-wrapper .dob-day input + label {
    padding-left: 2px !important;
}

#opc-modal-checkout .es-wrapper .name-lastname {
    float: right;
}

#opc-modal-checkout .es-wrapper .es-stage-wrapper .es-col-left input, #opc-modal-checkout .es-wrapper .es-stage-wrapper .es-col-left select {
    color: #aaaaaa;
    border: 1px solid #ccc;
    background: #fff;
    height: 44px;
    padding-left: 15px;
}

#opc-modal-checkout .email-field {
    float: left;
}

#opc-modal-checkout.es-process .es-wrapper {
    padding: 40px 35px;
}

#opc-modal-checkout.es-process #billing-address-select, #opc-modal-checkout.es-process #shipping-address-select {
    width: 100%;
    padding: 0 30px 0 15px;
}

/*Input , select style*/
.es-process .control-group {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 30px;
    width: 200px;
    height: 210px;
    margin: 10px;
}

.es-process .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}

.es-process .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.es-process .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    background: #fff;
    border: 1px solid #bbb;
}

.es-process .control--radio .control__indicator {
    border-radius: 50%;
}

.es-process .control:hover input ~ .control__indicator, .es-process .control input:focus ~ .control__indicator {
    background: #ccc;
}

.es-process .control input:checked ~ .control__indicator {
    background: #3cf;
}

.es-process .control:hover input:not([disabled]):checked ~ .control__indicator, .es-process .control input:checked:focus ~ .control__indicator {
    background: #3cf;
}

.es-process .control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.es-process .control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.es-process .control input:checked ~ .control__indicator:after {
    display: block;
}

.es-process .control--checkbox .control__indicator:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.es-process .control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.es-process .control--radio .control__indicator {
    width: 15px;
    height: 15px;
}

.es-process .control--radio .control__indicator:after {
    background: #fff;
    border-radius: 50%;
    height: 6px;
    left: 4px;
    top: 3px;
    width: 6px;
}

.es-process .control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.es-process .select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

.es-process .select.billing-state-select, .es-process .select.shipping-state-select {
    display: block;
    margin: 0;
}

.es-process .select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 10px 15px;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: #e6e6e6;
    color: #7b7b7b;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.es-process .select select::-ms-expand {
    display: none;
}

.es-process .select select:hover, .es-process .select select:focus {
    color: #000;
    background: #ccc;
}

.es-process .select select:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.es-process .select__arrow {
    position: absolute;
    top: 19px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #97999c transparent transparent transparent;
}

.es-process .select select:hover ~ .select__arrow, .es-process .select select:focus ~ .select__arrow {
    border-top-color: #f36;
}

.es-process .select select:disabled ~ .select__arrow {
    border-top-color: #f36;
}

/*END Input , select style*/
@media (min-width: 768px) {
    .opc-modal-checkout {
        width: 450px;
        margin: 30px auto;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #opc-modal-checkout.es-process {
        width: 740px;
    }

    #opc-modal-checkout.es-process .es-wrapper {
        padding: 30px 20px;
    }

    .es-wrapper .es-col-left, .es-wrapper .es-col-right {
        width: 340px;
    }

    #opc-modal-checkout.es-process .es-wrapper-review {
        top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .opc-modal-checkout.md-effect-3 .md-content {
        padding: 20px;
    }

    #opc-modal-checkout.es-process .es-wrapper {
        padding: 20px;
    }

    #opces-ajax-dialog .es-action .button {
        float: none;
        margin: 10px auto 0;
    }

    .iwd-modal-content {
        padding: 30px;
    }

    .opc-modal-checkout.es-process .es-wrapper-review {
        position: inherit;
        text-align: left;
    }

    .opc-modal-checkout.es-process .es-full-review-block {
        left: -18px;
    }

    .es-wrapper .es-wrapper-login .btn-link {
        /*font-size: 14px;*/
        /*width: 126px !important*/
    }

    #opc-modal-checkout.es-process .es-full-review-block {
        left: -134px;
        padding-right: 15px;
        width: 320px;
    }

    .es-wrapper .es-wrapper-review #opc-review-block {
        left: 0;
        padding-right: 15px;
        width: 320px;
    }

    .es-stage-wrapper {
        padding-top: 70px;
    }

    #opc-discount-coupon-form .input-box {
        width: 185px;
    }

    .es-wrapper #opc-review-block {
        width: 186px;
    }

    .es-wrapper .es-col-left {
        width: auto;
    }

    .es-wrapper .es-col-right {
        width: 100%;
        float: left;
    }

    .es-wrapper .discount-block input[type="text"] {
        height: 40px;
    }

    .es-wrapper .discount-block .button {
        height: 40px;
        width: 100%;
    }

    .es-wrapper .discount-block .button span {
        width: 100%;
        height: auto;
        line-height: 40px;
    }

    .es-wrapper .discount-block .button span span {
        height: 40px;
        line-height: 40px;
    }

    #opc-discount-coupon-form .input-box {
        width: 70%;
        padding-right: 10px;
    }

    .es-wrapper .discount-block .buttons-set {
        width: 30%;
    }
}

@media only screen and (max-width: 640px) {
    .es-wrapper #opc-review-block {
        width: 186px;
        padding: 20px 10px;
        left: -15px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    #opc-modal-checkout, #opc-modal-checkout.es-process {
        width: 100%;
        margin: 30px auto;
        padding: 0 20px;
    }

    #opc-modal-checkout.es-process .es-wrapper-review {
        margin-bottom: 0;
        position: absolute;
        right: 20px;
        text-align: right;
        top: 30px;
        width: 186px;
    }

    .es-wrapper .es-col-left {
        width: 100%;
        float: none;
    }

    .es-wrapper .es-col-right {
        width: 100%;
        float: none;
    }

    #opc-modal-checkout.es-process .iwd-modal-header h4 {
        margin-top: 19px;
    }
}

@media only screen and (max-width: 480px) {
    #opc-modal-checkout, #opc-modal-checkout.es-process {
        width: 100%;
        padding: 0 10px;
        margin: 30px auto;
    }

    .md-modal .es-wrapper {
        width: 100%;
        padding: 10px;
    }

    #opc-modal-checkout.es-process .es-wrapper-review {
        right: 10px;
        width: 300px;
    }

    #opc-modal-checkout.es-process .es-wrapper .btn-link-back-payment {
        width: 300px;
    }

    #opc-modal-checkout.es-process .es-short-review {
        padding: 0 5px;
    }

    #opc-modal-checkout.es-process .es-short-review .cart-icon {
        margin-right: 10px;
    }

    .es-wrapper .es-wrapper-review .total-review {
        padding-right: 32px;
    }

    .es-wrapper .es-col-left .fields .field:first-child {
        margin-right: 15px;
    }

    #opc-modal-checkout.es-process .es-wrapper-review .es-open-review-arrow {
        left: 100px;
    }

    #opc-modal-checkout.es-process .es-full-review-block {
        left: -165px;
    }

    #opc-modal-checkout .es-wrapper .name-lastname {
        margin-right: 9px;
    }

    #opc-modal-checkout .email-field {
        margin-right: 9px;
    }

    .es-stage-wrapper #opc-co-shipping-method-form .method-box {
        margin: 0 0 7px;
    }

    .es-wrapper .grand-total, .es-wrapper .grand-total span {
        font-size: 26px;
    }

    #opc-modal-checkout.es-process .es-wrapper-login {
        margin: 0;
    }
}

@media only screen and (min-width: 321px) and (max-width: 479px) {
    .es-wrapper .es-col-left, .es-wrapper .es-col-right,.es-wrapper .es-col-left .wide, .es-wrapper .es-wrapper-login .btn-link {
        width: 100%;
    }

    #opc-modal-checkout.es-process .es-wrapper-login {
        float: none;
    }

    #opc-modal-checkout.es-process .es-wrapper-review {
        position: static;
        width: 100%;
    }

    .es-wrapper .es-wrapper-review .es-short-review {
        width: 100%;
        margin-bottom: 14px;
    }

    #opc-modal-checkout.es-process .es-wrapper .btn-link-back-payment {
        width: 100%;
        float: none;
    }

    .es-wrapper .es-col-left .fields .field {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .es-wrapper .es-col-left .fields .field:first-child {
        margin-right: 0;
    }

    #opc-modal-checkout .es-wrapper .es-stage-wrapper .es-col-left input, #opc-modal-checkout .es-wrapper .es-stage-wrapper .es-col-left select {
        margin-left: 0;
        margin-right: 0;
    }

    .es-stage-wrapper {
        padding-top: 0;
    }

    #opc-modal-checkout .es-wrapper .name-lastname {
        margin-left: 0;
        margin-right: 0;
    }

    .es-wrapper .grand-total {
        margin: 20px 0;
    }

    .es-wrapper .submit-review {
        padding-top: 0;
    }

    #opc-modal-checkout.es-process .es-full-review-block {
        left: 0;
        width: 100%;
    }

    .es-wrapper .es-wrapper-review #opc-review-block {
        left: 0;
        width: 100%;
    }

    .opc-modal-checkout .iwd-modal-header {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
    #opc-modal-checkout, #opc-modal-checkout.es-process {
        width: 310px;
        margin: 20px auto;
    }

    #opc-modal-checkout.es-process .es-wrapper {
        width: 100%!important;
        padding: 20px 10px!important;
    }
}

@media only screen and (max-width: 320px) {
    #opc-modal-checkout, #opc-modal-checkout.es-process {
        width: 310px;
        margin: 20px auto;
    }

    #opc-modal-checkout.es-process .es-wrapper {
    }

    .es-wrapper .es-col-left, .es-wrapper .es-col-right,.es-wrapper .es-col-left .wide, .es-wrapper .es-wrapper-login .btn-link {
        width: 100%;
    }

    #opc-modal-checkout.es-process .es-wrapper-login {
        float: none;
    }

    #opc-modal-checkout.es-process .es-wrapper-review {
        position: static;
        width: 100%;
    }

    .es-wrapper .es-wrapper-review .es-short-review {
        width: 100%;
        margin-bottom: 14px;
    }

    #opc-modal-checkout.es-process .es-wrapper .btn-link-back-payment {
        width: 100%;
        float: none;
    }

    .es-wrapper .es-col-left .fields .field {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .es-wrapper .es-col-left .fields .field:first-child {
        margin-right: 0;
    }

    #opc-modal-checkout .es-wrapper .es-stage-wrapper .es-col-left input, #opc-modal-checkout .es-wrapper .es-stage-wrapper .es-col-left select {
        margin-left: 0;
        margin-right: 0;
    }

    .es-stage-wrapper {
        padding-top: 0;
    }

    #opc-modal-checkout .es-wrapper .name-lastname {
        margin-left: 0;
        margin-right: 0;
    }

    .es-wrapper .grand-total {
        margin: 20px 0;
    }

    .es-wrapper .submit-review {
        padding-top: 0;
    }

    #opc-modal-checkout.es-process .es-full-review-block {
        left: 0;
        width: 100%;
    }

    .es-wrapper .es-wrapper-review #opc-review-block {
        left: 0;
        width: 100%;
    }

    .opc-modal-checkout .iwd-modal-header {
        margin-bottom: 0;
    }
}

@font-face {
    font-family: 'dinprolight';
    src: url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/dinprolight.eot?#iefix') format('embedded-opentype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/dinprolight.woff') format('woff'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/dinprolight.ttf') format('truetype'), url('https://shop.gessato.com/skin/frontend/my-design/default/fonts/dinprolight.svg#dinprolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.magestore-popup_social {
    max-width: 565px !important;
}

.clear {
    width: 100%;
    height: 0px;
    clear: both;
    font-size: 0px;
    line-height: 0px;
}

#sociallogin_button {
    /*margin-top: 10px;*/
}

#sociallogin_button ul li.button {
    background: none;
    padding: 5px 0px;
}

#sociallogin_button ul li.button button {
    padding: 0;
}

#sociallogin_button button span {
    box-sizing: border-box;
}

#sociallogin_button #bt-loginfb span, #bt-loginfb-popup span {
    height: 35px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/fb.png") no-repeat;
    display: block;
    float: left;
}

#sociallogin_button #bt-loginfb span span, #bt-loginfb-popup span span {
    background: none repeat scroll 0 0 #2d78bd;
}

#sociallogin_button #bt-loginamazon span, #bt-loginamazon-popup span {
    height: 35px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/bt_amazon.png") no-repeat;
    display: block;
    float: left;
}

#sociallogin_button #bt-loginamazon span span, #bt-loginamazon-popup span span {
    background: none repeat scroll 0 0 #fe9900;
}

#sociallogin_button #bt-loginins span, #bt-loginins-popup span {
    height: 35px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/bt_intagram.png") no-repeat;
    display: block;
    float: left;
}

#sociallogin_button #bt-loginins span span, #bt-loginins-popup span span {
    background: none repeat scroll 0 0 #42729a;
}

#sociallogin_button #bt-logingo span, #bt-logingo-popup span {
    height: 35px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/google.png") no-repeat;
    display: block;
    float: left;
}

#sociallogin_button #bt-logingo span span, #bt-logingo-popup span span {
    background: none repeat scroll 0 0 #dd4b39;
}

#magestore-popup {
    z-index: 999999999;
}

#new-popup {
    z-index: 999999999;
}

#magestore-popup .input-box {
    width: 100%;
    margin: 10px 0;
}

#sociallogin_button #bt-loginvk span, #bt-loginvk-popup span {
    height: 35px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/vk.png") no-repeat;
    display: block;
    float: left;
}

#sociallogin_button #bt-loginvk span span, #bt-loginvk-popup span span {
    background: none repeat scroll 0 0 #44678d;
}

#sociallogin_button #bt-loginper span, #bt-loginper-popup span {
    height: 35px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/persional.png") no-repeat;
    display: block;
    float: left;
}

#sociallogin_button #bt-loginper span span, #bt-loginper-popup span span {
    background: none repeat scroll 0 0 #ffc823;
}

#bt-logintw-popup span {
    height: 35px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/twit.png") no-repeat;
    display: block;
    float: left;
}

#sociallogin_button #bt-loginse span, #bt-loginse-popup span {
    height: 35px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/stack.png") no-repeat;
    display: block;
    float: left;
}

#sociallogin_button #bt-loginse span span, #bt-loginse-popup span span {
    background: none repeat scroll 0 0 #3170c3;
}

#sociallogin_button #bt-logintw span, #bt-loginaol-popup span {
    height: 35px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/twit.png") no-repeat;
    display: block;
    float: left;
}

#sociallogin_button #bt-logintw span span, #bt-loginaol-popup span span {
    background: none repeat scroll 0 0 #28bceb;
}

#sociallogin_button #bt-loginwp span, #bt-loginwp-popup span {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/wpress.png") no-repeat;
}

#sociallogin_button #bt-loginwp span span, #bt-loginwp-popup span span {
    background: none repeat scroll 0 0 #555555;
}

#sociallogin_button #bt-loginya span, #bt-loginya-popup span {
    height: 35px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/yh.png") no-repeat;
    display: block;
    float: left;
}

#sociallogin_button #bt-loginya span span, #bt-loginya-popup span span {
    background: none repeat scroll 0 0 #6f2b90;
}

/* by Hai Ta */
#sociallogin_button #bt-loginaol span, #bt-loginaol-popup span {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/aol.png") no-repeat;
}

#sociallogin_button #bt-loginaol span span, #bt-loginaol-popup span span {
    background: none repeat scroll 0 0 #ffc923;
}

#sociallogin_button #bt-loginwp span, #bt-loginwp-popup span {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/wpress.png") no-repeat;
}

#sociallogin_button #bt-loginwp span span, #bt-loginwp-popup span span {
    background: none repeat scroll 0 0 #555555;
}

#sociallogin_button #bt-logincal span, #bt-logincal-popup span {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/clavid.png") no-repeat;
}

#sociallogin_button #bt-logincal span span, #bt-logincal-popup span span {
    background: none repeat scroll 0 0 #12396b;
}

#sociallogin_button #bt-loginorg span, #bt-loginorg-popup span {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/orange.png") no-repeat;
}

#sociallogin_button #bt-loginorg span span, #bt-loginorg-popup span span {
    background: none repeat scroll 0 0 #ff6501;
}

#sociallogin_button #bt-loginmp span, #bt-loginmp-popup span {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/mysp.png") no-repeat;
}

#sociallogin_button #bt-loginmp span span, #bt-loginmp-popup span span {
    background: none repeat scroll 0 0 #ff6501;
}

#sociallogin_button #bt-loginlive span, #bt-loginlive-popup span {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/live.png") no-repeat;
}

#sociallogin_button #bt-loginlive span span, #bt-loginlive-popup span span {
    background: none repeat scroll 0 0 #30a8e4;
}

#sociallogin_button #bt-loginfq span, #bt-loginfq-popup span {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/fq.png") no-repeat;
}

#sociallogin_button #bt-loginfq span span, #bt-loginfq-popup span span {
    background: none repeat scroll 0 0 #099eba;
}

#sociallogin_button #bt-loginlinked span, #bt-loginlinked-popup span {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/linked.png") no-repeat;
}

#sociallogin_button #bt-loginlinked span span, #bt-loginlinked-popup span span {
    background: none repeat scroll 0 0 #017fb2;
}

#sociallogin_button #bt-loginopen span, #bt-loginopen-popup span {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/myop.png") no-repeat;
}

#sociallogin_button #bt-loginopen span span, #bt-loginopen-popup span span {
    background: none repeat scroll 0 0 #74bc52;
}

#sociallogin_button #bt-loginlj span, #bt-loginlj-popup span {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/liveJ.png") no-repeat;
}

#sociallogin_button #bt-loginlj span span, #bt-loginlj-popup span span {
    background: none repeat scroll 0 0 #143ea9;
}

#sociallogin-other-div {
    display: block;
    float: right;
}

#sociallogin-other-a {
    width: 91px;
    display: block;
}

.sociallogin-other {
    display: block;
    float: right;
    width: 100%;
}

.sociallogin-other-span {
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap;
}

.sociallogin-other-span-img-popup {
    float: right;
    width: 26px;
    height: 16px;
    cursor: pointer;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/add.png") no-repeat right;
}

.other-button {
    /* margin: 7px 3px 5px 4px; */
}

.sociallogin-other-button {
    width: auto;
    max-width: 375px;
}

button.bt-login-social {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}

button.bt-login-social:hover {
    opacity: 0.9;
}

button.bt-login-social span {
    height: 35px;
    line-height: 35px;
    color: #fff;
    padding: 0 0 0 35px;
    float: left;
}

#sociallogin_button .sociallogin-other #other_sociallogin_label {
    font-family: "museo300";
}

button.bt-login-social span span {
    background-position: 100% 0 !important;
    padding-left: 10px !important;
    text-align: left;
    color: #fff;
    min-width: 100px;
    text-transform: none;
    text-transform: uppercase;
}

/* change poppup */
#magestore-popup {
    width: 386px;
    background: #f6f6f6;
    padding: 20px 30px;
    position: fixed;
    border: 2px;
    min-width: 200px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.137255) 0px 24px 38px 3px, rgba(0, 0, 0, 0.117647) 0px 9px 46px 8px, rgba(0, 0, 0, 0.2) 0px 11px 15px -7px;
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 24px 38px 3px, rgba(0, 0, 0, 0.117647) 0px 9px 46px 8px, rgba(0, 0, 0, 0.2) 0px 11px 15px -7px;
}

#new-popup {
    padding: 10px;
    position: fixed;
    width: 350px;
    z-index: 9990;
    background: #fff;
    border: 2px;
    min-width: 200px;
    /* border-radius: 7px; */
}

#magestore-login-social {
    text-align: center;
}

#magestore-login-social h2 {
    font-family: 'dinprolight';
    font-size: 18px;
    color: #6f6f6f;
}

.magestore-login-social {
    margin: 15px 0 0 0;
}

#bg_fade {
    background-color: #000000;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1000;
    opacity: 0.3;
}

#sociallogin-close {
    cursor: pointer;
    height: 15px;
    position: absolute;
    top: 13px;
    z-index: 9999;
    right: 13px;
    width: 15px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/close.png") no-repeat;
    background-size: 10px;
}

#new-close {
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    right: 10px;
    top: 10px;
    height: 15px;
    width: 14px;
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/close.png") no-repeat;
}

#sociallogin-close:hover {
    text-decoration: underline;
}

#new-close:hover {
    text-decoration: underline;
}

#magestore-login-form, #magestore-create-user {
    padding: 16px 20px;
    position: relative;
}

.magestore-loign-h2 {
    padding: 0;
    text-align: center;
    font-size: 26px;
}

#magestore-login-form p {
    font-size: 14px;
}

.magestore-login-input-box {
    margin: 10px 0;
    display: block;
    position: relative;
}

.magestore-login-form-popup {
    margin-bottom: 10px;
    margin-top: 45px;
}

#magestore-sociallogin-form-forgot {
    margin-top: 20px;
}

.login-label, .sociallogin-field label {
    color: #888;
    display: block;
    float: left;
    font-family: "dincond-regularregular";
    font-size: 16px;
    padding: 6px;
    text-align: right;
    text-transform: uppercase;
    width: 120px;
    padding-right: 20px;
}

.login-label em {
    color: red;
}

.sociallogin-input-box .input-text {
    width: 100%;
    height: 45px;
    font-family: "din_lightregular";
    font-size: 14px;
}

.magestore-login-popup-button, .magestore-create-popup-button {
    text-align: center;
    margin-top: 40px;
}

.magestore-forgot-password {
    text-align: center;
    margin-top: 20px;
}

#magestore-forgot-password, #magestore-forgot-back {
    font-size: 14px;
    width: 100%;
}

.magestore-login-input-box .login-label em {
    color: #888;
    font-family: "dincond-regularregular";
    font-size: 16px;
    text-align: right;
    text-transform: uppercase
}

.ajax-login-image {
    background: url("https://shop.gessato.com/skin/frontend/my-design/default/css/magestore/sociallogin/loader.gif") no-repeat scroll 0 0 transparent;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.ajax-forgot-image {
    bottom: 90px;
}

.ajax-create-image {
    bottom: 92px;
}

.sociallogin-input-box .validation-advice {
    right: 6px;
    top: 99px;
}

#magestore-sociallogin-form-forgot .sociallogin-input-box .validation-advice {
    right: 6px;
    top: 155px;
}

.magestore-invalid-email {
    color: red;
}

#sociallogin-forgot {
    margin: 20px 0;
}

.magestore-login-popup-button #magestore-button-sociallogin, .magestore-login-popup-button #magestore-button-sociallogin-forgot ,.magestore-create-popup-button #magestore-button-sociallogin-create {
    border: 1px solid #3cf;
    color: white;
    font-family: "dinregular";
    font-size: 16px;
    margin: 10px auto;
    text-transform: uppercase;
    display: block;
    padding: 10px 0;
    width: 180px;
}

.magestore-login-popup-button #magestore-button-sociallogin:hover, .magestore-login-popup-button #magestore-button-sociallogin-forgot:hover, .magestore-create-popup-button #magestore-button-sociallogin-create:hover {
    border: 1px solid #3cf;
    color: #3cf;
    background: none;
}

#magestore-sociallogin-create-new-customer, #magestore-create-back, #magestore-forgot-back {
    border: 1px solid #3cf;
    color: #3cf;
    font-family: "dinregular";
    font-size: 16px;
    margin: auto;
    padding: 10px 0;
    text-transform: uppercase;
    width: 180px;
    display: block;
    text-align: center;
}

#magestore-sociallogin-create-new-customer:hover, #magestore-create-back:hover, #magestore-forgot-back:hover {
    background: #3cf;
    color: white;
}

.sociallogin-other-button-popup {
    float: left;
}

#sociallogin_button ul.right {
    float: right;
}

#sociallogin_button ul.left {
    float: left;
    margin-left: 18px;
}

.magestore-login-social li.button {
    background: none;
    padding: 0;
}

#magestore-login-social p, #magestore-create-user p, #sociallogin-forgot p {
    font-size: 14px;
}

.magestore-login-socia {
    margin: 20px;
}

/*Create account popup*/
.magestore-login-form-popup ul.form-list {
    display: inline-block;
    width: 100%;
}

.magestore-login-form-popup ul.form-list .title {
    margin-top: 20px;
    font-family: 'dinprolight';
    font-size: 18px;
    text-transform: uppercase;
}

.magestore-login-form-popup ul.form-list li input.input-text {
    width: 100%;
    height: 45px;
}

/*Checkout login*/
#multilogin {
    margin-top: 10px;
}

#headerboxLink1 {
    padding: 8px 12px 8px 11px !important;
    border: 1px solid #3cf;
    color: #3cf;
    font-family: "dinregular";
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    background: none!important;
}

#headerboxLink1:hover {
    background: #3cf!important;
    color: white!important;
}

#bt-loginamazon-popup {
    display: none;
}

#magestore-create-user {
    width: 100%;
}

#magestore-login-form, #magestore-create-user {
}

#magestore-popup .validation-advice {
    right: -30px;
    top: 14px;
}

@media (min-width: 992px) {
    #new-popup {
        line-height: 25px;
        max-width: 350px;
        padding: 0 30px;
        text-align: center;
    }

    #new-popup > h2 {
        text-align: left;
    }

    #new-popup button.new-popup {
        margin: 50px 0;
    }

    .magestore-login-input-box {
        margin: 10px 0 12px;
    }

    .magestore-login-popup-button #magestore-button-sociallogin, .magestore-login-popup-button #magestore-button-sociallogin-forgot ,.magestore-create-popup-button #magestore-button-sociallogin-create {
        padding: 13px 0;
        width: 220px;
        font-size: 18px;
    }

    .magestore-login-popup-button .button {
        height: 48px;
    }

    #magestore-sociallogin-create-new-customer, #magestore-create-back, #magestore-forgot-back {
        height: 48px;
        width: 220px;
        font-size: 18px;
        line-height: 24px;
    }

    #magestore-login-social {
        margin-top: 50px;
        margin-bottom: 15px;
    }

    .magestore-login-popup-button {
        margin-top: 47px;
    }

    .sociallogin-input-box .input-text {
        height: 48px;
    }

    #sociallogin-close {
        right: 15px;
        top: 15px;
    }
}

@media (min-width: 768px ) and (max-width: 991px) {
    #new-popup {
        line-height: 25px;
        max-width: 350px;
        padding: 0 30px;
        text-align: center;
    }

    #new-popup > h2 {
        text-align: left;
    }

    #new-popup button.new-popup {
        margin: 50px 0;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    #new-popup {
        line-height: 25px;
        max-width: 350px;
        padding: 0 30px;
        text-align: center;
    }

    #new-popup > h2 {
        text-align: left;
    }

    #new-popup button.new-popup {
        margin: 50px 0;
    }
}

@media (min-width: 321px) and (max-width: 480px) {
    #new-popup {
        line-height: 25px;
        max-width: 350px;
        padding: 0 30px;
        text-align: center;
    }

    #new-popup > h2 {
        text-align: left;
    }

    #new-popup button.new-popup {
        margin: 50px 0;
    }
}

@media (max-width: 320px) {
    #new-popup {
        line-height: 25px;
        max-width: 280px;
        padding: 0 30px;
        text-align: center;
    }

    #new-popup > h2 {
        text-align: left;
    }

    #new-popup button.new-popup {
        margin: 50px 0;
    }
}

@media only screen and (max-width: 480px) {
    #magestore-popup {
        width: 300px;
        padding: 10px;
    }

    #magestore-login-form, #magestore-create-user {
        padding: 10px;
    }

    .magestore-login-form-popup {
        margin-top: 20px;
    }

    .magestore-login-popup-button, .magestore-create-popup-button {
        margin-top: 20px;
    }

    .sociallogin-input-box .input-text {
        height: 32px;
    }

    .magestore-login-form-popup ul.form-list li input.input-text {
        height: 32px;
    }

    .magestore-login-form-popup ul.form-list {
        margin: 0;
    }

    #magestore-popup .validation-advice {
        right: -18px;
    }

    button.bt-login-social span span {
        min-width: 90px;
    }

    .magestore-loign-h2 {
        font-size: 22px;
    }

    #magestore-login-social h2 {
        font-size: 16px;
    }
}