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

@font-face {
    font-family: 'teknion-additional';
    src: url("../eot/teknion-additional.eot");
    src: url("../eot/teknion-additional.eot") format("embedded-opentype"),url("../woff/teknion-additional.woff") format("woff"),url("../ttf/teknion-additional.ttf") format("truetype"),url("../svg/teknion-additional.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "teknion";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: .2em;
}

[class^="icon-"]:after, [class*=" icon-"]:after {
    font-family: "teknion";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: .2em;
}

[class^="additional-icon-"]:before, [class*=" additional-icon-"]:before {
    font-family: "teknion-additional";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: .2em;
}

[class^="additional-icon-"]:after, [class*=" additional-icon-"]:after {
    font-family: "teknion-additional";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: .2em;
}

.icon-right:before {
    content: '\e800';
}

.icon-left:before {
    content: '\e801';
}

.icon-facebook:before {
    content: '\e802';
}

.icon-gplus:before {
    content: '\e803';
}

.icon-pinterest:before {
    content: '\e804';
}

.icon-linkedin:before {
    content: '\e805';
}

.icon-twitter:before {
    content: '\e806';
}

.icon-youtube:before {
    content: '\e807';
}

.icon-apple:before {
    content: '\e808';
}

.icon-down:before {
    content: '\e809';
}

.icon-up:before {
    content: '\e80A';
}

.icon-search:before {
    content: '\e80B';
}

.icon-cancel:before {
    content: '\e80C';
}

.icon-instagram:before {
    content: '\e80D';
}

.icon-star:before {
    content: '\e80E';
}

.icon-download:before {
    content: '\e80F';
}

.icon-facebook-simple:before {
    content: '\e810';
}

.icon-twitter-simple:before {
    content: '\e811';
}

.icon-pinterest-simple:before {
    content: '\e812';
}

.icon-mail:before {
    content: '\e813';
}

.icon-dot:before {
    content: '\e814';
}

.icon-folder:before {
    content: '\e815';
}

.icon-export:before {
    content: '\e816';
}

.icon-left-dir:before {
    content: '\e817';
}

.icon-right-dir:before {
    content: '\e818';
}

.icon-up-dir:before {
    content: '\e819';
}

.icon-down-dir:before {
    content: '\e81A';
}

.icon-volume-off:before {
    content: '\e81B';
}

.icon-volume-up:before {
    content: '\e81C';
}

.icon-resize-full:before {
    content: '\e81D';
}

.icon-pause:before {
    content: '\e81E';
}
/*.icon-spin:before {content: '\e81F'; }*/

.icon-download-2:before {
    content: '\e820';
}

.clear-caret.icon-spin {
    background-image: none !important;
}

    .clear-caret.icon-spin:before {
        position: absolute;
        top: -20px;
        left: -5px;
        z-index: 99;
    }

.animate-spin { /*-moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear;*/ /*-moz-animation: lazySpin 2s infinite linear; -o-animation: lazySpin 2s infinite linear; -webkit-animation: lazySpin 2s infinite linear; animation: lazySpin 2s infinite linear; background: url("../Images/lazy-loader_image.png");*/
    background: url("../gif/lazy-loader-animation-3.gif");
    width: 50px;
    height: 61px;
    display: inline-block;
}
.animate-spin-dropdown {
    background: url("../gif/lazy-loader-animation-3.gif") !important;
    width: 31px !important;
    height: 40px !important;
    display: inline-block !important;
    background-size: cover !important;
    margin-top: -16px !important;
}

@-moz-keyframes lazySpin {
    0% {
        -moz-transform: rotateY(0deg);
    }

    100% {
        -moz-transform: rotateY(360deg);
    }
}

@keyframes lazySpin {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}

@-ms-keyframes lazySpin {
    0% {
        -ms-transform: rotateY(0deg);
    }

    100% {
        -ms-transform: rotateY(360deg);
    }
}

@-o-keyframes lazySpin {
    0% {
        -o-transform: rotateY(0deg);
    }

    100% {
        -o-transform: rotateY(360deg);
    }
}

@-webkit-keyframes lazySpin {
    0% {
        -webkit-transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

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

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

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

@font-face {
    font-family: 'aperculightitalic';
    src: url("../eot/apercu_light_italic-webfont.eot");
    src: url("../eot/apercu_light_italic-webfontd41d.eot?#iefix") format("embedded-opentype"),url("../woff2/apercu_light_italic-webfont.woff2") format("woff2"),url("../woff/apercu_light_italic-webfont.woff") format("woff"),url("../ttf/apercu_light_italic-webfont.ttf") format("truetype"),url("../svg/apercu_light_italic-webfont.svg#aperculight_italic") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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 {
    background-color: transparent;
}

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

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

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

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 {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        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-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td, th {
    padding: 0;
}

* {
    -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;
    }

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px;
    line-height: 1.42858;
    color: #333;
    background-color: #fff;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #23527c;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

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

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

.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;
    margin: -1px;
    padding: 0;
    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;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

    h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #777;
    }

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

    h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
        font-size: 65%;
    }

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
        font-size: 75%;
    }

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 14px;
}

h6, .h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.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 {
    background-color: #fcf8e3;
    padding: .2em;
}

.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, .initialism {
    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;
}

.bg-primary {
    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, ul ol, ol ul, ol ol {
        margin-bottom: 0;
    }

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

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

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

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

dt, dd {
    line-height: 1.42858;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
    content: " ";
    display: table;
}

.dl-horizontal dd:after {
    clear: both;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        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%;
}

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.42858;
        color: #777;
    }

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

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

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

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

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

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

    .container:before, .container:after {
        content: " ";
        display: table;
    }

    .container:after {
        clear: both;
    }



@media (min-width: 768px) {
    .container {
        width: 740px;
      
    }
}


@media (min-width: 768px) {
    .container {
        width: 740px;
     
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
      
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1160px;
    }
}

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

    .container-fluid:before, .container-fluid:after {
        content: " ";
        display: table;
    }

    .container-fluid:after {
        clear: both;
    }

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

    .row:before, .row:after {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

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

.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-1 {
    width: 8.33333%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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-1 {
        width: 8.33333%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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-1 {
        width: 8.33333%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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-1 {
        width: 8.33333%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 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.42858;
    color: #555;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42858;
    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,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.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-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm input[type="month"] {
            line-height: 30px;
        }

        input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn, .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-left: -20px;
        margin-top: 4px \9;
    }

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

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

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

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

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

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

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

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

.input-sm, .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-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn {
    height: 30px;
    line-height: 30px;
}

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

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

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

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

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

.input-lg, .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.33333;
    border-radius: 6px;
}

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

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

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

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

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

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

.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, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .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,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

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

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

.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,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

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

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

.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,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

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

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

.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 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

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

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

    .form-horizontal .form-group:before, .form-horizontal .form-group:after {
        content: " ";
        display: table;
    }

    .form-horizontal .form-group:after {
        clear: both;
    }

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

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

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

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

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

    .btn:focus, .btn.focus, .btn:active:focus, .btn:active.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 {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

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

.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 > .btn-default.dropdown-toggle {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

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

    .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default: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 > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

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

    .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary: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 > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

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

    .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success: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 > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

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

    .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info: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 > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

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

    .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning: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 > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

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

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

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

.btn-link {
    color: #337ab7;
    font-weight: normal;
    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, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, 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.33333;
    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 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.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-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.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;
}

.languages-dropdown.open {
    background: #ddd;
}
.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;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}

    .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.42858;
        color: #333;
        white-space: nowrap;
    }

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

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

    .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;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

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

.open > a {
    outline: 0;
}

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

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

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

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

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

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

.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 {
        left: 0;
        right: auto;
    }
}

.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 > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .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:before, .btn-toolbar:after {
        content: " ";
        display: table;
    }

    .btn-toolbar:after {
        clear: both;
    }

    .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-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-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-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

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

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

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

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

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,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, .btn-group-lg > .btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .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:before, .btn-group-vertical > .btn-group:after {
        content: " ";
        display: table;
    }

    .btn-group-vertical > .btn-group:after {
        clear: both;
    }

    .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-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .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-right-radius: 0;
        border-top-left-radius: 0;
    }

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

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        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 input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [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-left: 0;
        padding-right: 0;
    }

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

    .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, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
        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-bottom-right-radius: 0;
        border-top-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-bottom-left-radius: 0;
        border-top-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 {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav:before, .nav:after {
        content: " ";
        display: table;
    }

    .nav:after {
        clear: both;
    }

    .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;
                background-color: transparent;
                cursor: not-allowed;
            }

    .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.42858;
            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;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
            cursor: default;
        }

.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, .nav-tabs.nav-justified {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-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-right-radius: 0;
    border-top-left-radius: 0;
}

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

    .navbar:before, .navbar:after {
        content: " ";
        display: table;
    }

    .navbar:after {
        clear: both;
    }

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

.navbar-header:before, .navbar-header:after {
    content: " ";
    display: table;
}

.navbar-header:after {
    clear: both;
}

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

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

    .navbar-collapse:before, .navbar-collapse:after {
        content: " ";
        display: table;
    }

    .navbar-collapse:after {
        clear: both;
    }

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

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        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-left: 0;
        padding-right: 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 > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 768px) {
    .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .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;
    padding: 15px 10px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

    .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;
    margin-right: 10px;
    padding: 9px 10px;
    margin-top: 8px;
    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 -10px;
}

    .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;
        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 {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
    margin-top: 8px;
    margin-bottom: 8px;
}

@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;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

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

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

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

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

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

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

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

@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 {
        background-color: #e7e7e7;
        color: #555;
    }

@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, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
        color: #ccc;
    }

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

    .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: #090909;
    }

    .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 {
        background-color: #090909;
        color: #fff;
    }

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

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

    .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: #090909;
    }

    .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, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444;
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            content: "/\00a0";
            padding: 0 5px;
            color: #ccc;
        }

    .breadcrumb > .active {
        color: #777;
    }

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #3D3D3D;
    text-shadow: 0 1px 0 #fff;
    /*opacity: 0.2;*/
    filter: alpha(opacity=20);
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -moz-transition: -moz-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .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;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42858px;
}

.modal-content .no-border{
    border-bottom: none;
    background-color:#f8f8f8;
}

.modal-content  .no-border button{
     margin-top: 2px !important;
}
    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42858;
}

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

.modal-body {
    position: relative;
    padding: 15px;
}

@media (max-width: 767px) {
    .modal-body {
        padding: 15px 2px 15px 2px;
    }
}

.modal-content .no-border-footer{
      border-top:none;
      background-color:#f8f8f8;
      padding-top:0;
      padding-bottom:0;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:before, .modal-footer:after {
        content: " ";
        display: table;
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .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: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.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.42858;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    white-space: normal;
}

    .popover.top {
        margin-top: -10px;
    }

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

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    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 {
        border-width: 10px;
        content: "";
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,0.25);
    bottom: -11px;
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,0.25);
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff;
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,0.25);
    top: -11px;
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        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,0.25);
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px;
    }

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: 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;
}

.group:hover .group-hover\:block {
display: block !important;
}
.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs {
    display: none !important;
}

.visible-sm {
    display: none !important;
}

.visible-md {
    display: none !important;
}

.visible-lg {
    display: none !important;
}

.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: 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: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .vn-xs {
        visibility: hidden !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;
    }
}

.bootstrap-select {
    width: 220px \0;
}

    .bootstrap-select > .btn {
        border-radius: 0;
        border-color: #ddd;
        font-family: 'aperculight';
        font-size: 1.4rem;
        line-height: 50px;
        padding: 0 2rem 0 0;
        text-transform: uppercase;
        height: 50px;
        width: 100%;
    }

.error .bootstrap-select .btn {
    border: 1px solid #b94a48;
}

.control-group.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select .btn:focus {
    outline: thin dotted #ddd !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

    .bootstrap-select.form-control:not([class*="col-"]) {
        width: 100%;
    }

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

    .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
        float: right;
    }

.row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right;
}

.form-search .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}

.input-append .bootstrap-select.btn-group {
    margin-left: -1px;
}

.input-prepend .bootstrap-select.btn-group {
    margin-right: -1px;
}

.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
}

    .bootstrap-select.btn-group > .disabled:focus {
        outline: none !important;
    }

.bootstrap-select.btn-group .btn .filter-option {
    color: #4a4b4a;
    height: 50px;
    overflow: hidden;
    padding: 0 5rem 0 2rem;
    text-align: left;
    text-overflow: ellipsis;
    width: 100%;
}

.bootstrap-select.btn-group .btn .caret {
    background: url("../png/sprite-image.png") no-repeat -26px -69px;
    border: none;
    position: absolute;
    top: 45%;
    right: 20px;
    margin-top: -2px;
    height: 6px;
    width: 12px;
    vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .btn {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    background-clip: initial;
    border-radius: 0;
    min-width: 100%;
    z-index: 1035;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bootstrap-select.btn-group .dropdown-menu.inner {
        position: static;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .bootstrap-select.btn-group .dropdown-menu li {
        position: relative;
    }

        .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small {
            color: #64b1d8;
            color: rgba(100,177,216,0.4);
        }

        .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
            color: #64b1d8;
            color: rgba(100,177,216,0.4);
        }

        .bootstrap-select.btn-group .dropdown-menu li.disabled a {
            cursor: not-allowed;
        }

        .bootstrap-select.btn-group .dropdown-menu li a {
            cursor: pointer;
            text-transform: uppercase;
        }

            .bootstrap-select.btn-group .dropdown-menu li a.opt {
                position: relative;
                padding-left: 2.25em;
            }

            .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
                display: none;
            }

            .bootstrap-select.btn-group .dropdown-menu li a span.text {
                display: inline-block;
            }

        .bootstrap-select.btn-group .dropdown-menu li small {
            padding-left: 0.5em;
        }

    .bootstrap-select.btn-group .dropdown-menu .notify {
        position: absolute;
        bottom: 5px;
        width: 96%;
        margin: 0 2%;
        min-height: 26px;
        padding: 3px 5px;
        background: #f5f5f5;
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
        pointer-events: none;
        opacity: 0.9;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
}

.bootstrap-select.btn-group.fit-width .btn .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .btn .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .btn {
    z-index: 1035 1;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #ddd;
    border-bottom-color: rgba(204,204,204,0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-bottom: 0;
    border-top-width: 7px;
    border-top-style: solid;
    border-top-color: #ddd;
    border-top-color: rgba(204,204,204,0.2);
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block;
}

.bs-searchbox {
    padding: 4px 8px;
}

.bs-actionsbox {
    padding: 4px 8px;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bs-actionsbox .btn-group button {
        width: 50%;
    }

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox input.form-control {
    margin-bottom: 0;
    width: 100%;
}

.mobile-device {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0;
}

.btn-group.open .dropdown-toggle, .bootstrap-select .dropdown-menu {
    box-shadow: none;
}

.btn:active, .btn.active {
    box-shadow: none;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
    background-color: transparent;
    border-color: #ddd;
    color: #4a4b4a;
}

.open > .dropdown-toggle.btn-default {
    background-color: transparent;
    border-color: #ddd;
    color: #4a4b4a;
}

.bootstrap-select .btn:focus {
    outline: none !important;
}

.bootstrap-select .dropdown-menu {
    border-top: none;
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    letter-spacing: 3px;
}

.bootstrap-select > .btn {
    letter-spacing: 3px;
}

.bootstrap-select .dropdown-menu > li > a {
    border-bottom: 1px solid #ddd;
    color: #9a9a9a;
    padding: 1.5rem 2rem;
    white-space: normal;
}

    .bootstrap-select .dropdown-menu > li > a:hover {
        background-color: #f3f3f3;
        color: #4a4b4a;
    }

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix {
    min-height: 0;
}

    .ui-helper-clearfix:before {
        content: "";
        display: table;
        border-collapse: collapse;
    }

    .ui-helper-clearfix:after {
        clear: both;
        content: "";
        display: table;
        border-collapse: collapse;
    }

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        position: relative;
        min-height: 0;
        margin: 0;
        padding: 1rem 0 1rem 1rem;
        background-color: #fff;
        color: #ddd;
        border-bottom: 1px solid #ccc;
        font-size: 1.5rem;
        font-family: 'aperculight';
        cursor: pointer;
    }

    .ui-menu .ui-menu-divier {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus {
        color: #ccc;
    }

    .ui-menu .ui-state-active {
        color: #ccc;
    }

    .ui-menu .ui-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: .2em;
        margin: auto 0;
    }

    .ui-menu .ui-menu-icon {
        left: auto;
        right: 0;
    }

.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em;
    }


.mejs-offscreen {
    position: absolute !important;
    top: -10000px;
    left: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.mejs-container {
    position: relative;
    background: transparent;
    font-family: Helvetica, Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0;
}

    .mejs-container .mejs-controls {
        position: absolute;
        list-style-type: none;
        margin: 0;
        padding: 0;
        bottom: 0;
        left: 0;
        background-color: #e7e7e7;
        height: 30px;
        width: 100%;
    }

        .mejs-container .mejs-controls div {
            background: transparent;
            list-style-type: none;
            background-image: none;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            width: 26px;
            height: 26px;
            font-size: 11px;
            line-height: 11px;
            font-family: Helvetica, Arial;
            border: 0;
        }

            .mejs-container .mejs-controls div.mejs-time-rail {
                direction: ltr;
                width: 200px;
                padding-top: 5px;
            }

        .mejs-container .mejs-controls a.mejs-horizontal-volume-slider {
            height: 26px;
            width: 56px;
            position: relative;
            display: block;
            float: left;
            vertical-align: middle;
        }

        .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
            position: absolute;
            left: 0;
            top: 11px;
            width: 50px;
            height: 8px;
            margin: 0;
            padding: 0;
            font-size: 1px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            background: #333;
            background: rgba(50,50,50,0.8);
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
            background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
            background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
            background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
            background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
            background: linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));
        }

        .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
            position: absolute;
            left: 0;
            top: 11px;
            width: 50px;
            height: 8px;
            margin: 0;
            padding: 0;
            font-size: 1px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            background: #fff;
            background: rgba(255,255,255,0.8);
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
            background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
            background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
            background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
            background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
            background: linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));
        }

        .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
            display: none;
        }

        .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-time-rail a {
            display: block;
            position: absolute;
            width: 180px;
            height: 10px;
            cursor: pointer;
        }

        .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
            margin: 5px;
            background: #333;
            background: rgba(50,50,50,0.8);
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
            background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
            background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
            background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
            background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
            background: linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));
        }

        .mejs-container .mejs-controls .mejs-time-rail .mejs-time-buffering {
            width: 100%;
            background-image: -o-linear-gradient(-45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
            background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
            background-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
            background-image: -moz-linear-gradient(-45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
            background-image: -ms-linear-gradient(-45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
            background-image: linear-gradient(-45deg, rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
            -webkit-background-size: 15px 15px;
            -moz-background-size: 15px 15px;
            -o-background-size: 15px 15px;
            background-size: 15px 15px;
            -webkit-animation: buffering-stripes 2s linear infinite;
            -moz-animation: buffering-stripes 2s linear infinite;
            -ms-animation: buffering-stripes 2s linear infinite;
            -o-animation: buffering-stripes 2s linear infinite;
            animation: buffering-stripes 2s linear infinite;
        }

        .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
            background: #9a9a9a;
            width: 0;
        }

        .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
            background: #4a4b4a;
            width: 0;
        }

        .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle {
            display: none;
            position: absolute;
            margin: 0;
            width: 10px;
            background: #fff;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            cursor: pointer;
            border: solid 2px #333;
            top: -2px;
            text-align: center;
        }

        .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
            position: absolute;
            display: none;
            background: #eee;
            width: 36px;
            height: 17px;
            border: solid 1px #333;
            top: -26px;
            margin-left: -18px;
            text-align: center;
            color: #111;
        }

        .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-current {
            margin: 2px;
            width: 30px;
            display: block;
            text-align: center;
            left: 0;
        }

        .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            line-height: 0;
            border: solid 5px #eee;
            border-color: #eee transparent transparent transparent;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            top: 15px;
            left: 13px;
        }

        .mejs-container .mejs-controls .mejs-button button {
            background: transparent;
            cursor: pointer;
            display: block;
            font-size: 0;
            line-height: 0;
            text-decoration: none;
            margin: 7px 5px;
            padding: 0;
            position: absolute;
            height: 16px;
            width: 16px;
            border: 0;
        }

            .mejs-container .mejs-controls .mejs-button button:before {
                font-family: "teknion";
                font-style: normal;
                font-weight: normal;
                speak: none;
                display: inline-block;
                text-decoration: inherit;
                margin-right: .2em;
                text-align: center;
                font-variant: normal;
                text-transform: none;
                margin-left: .2em;
                position: absolute;
                top: 8px;
            }

            .mejs-container .mejs-controls .mejs-button button:focus {
                outline: dotted 1px #999;
            }

        .mejs-container .mejs-controls .mejs-time {
            color: #000;
            display: block;
            height: 17px;
            width: auto;
            padding: 10px 3px 0 3px;
            overflow: hidden;
            text-align: center;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

            .mejs-container .mejs-controls .mejs-time a {
                color: #000;
                font-size: 11px;
                line-height: 12px;
                display: block;
                float: left;
                margin: 1px 2px 0 0;
                width: auto;
            }

        .mejs-container .mejs-controls .mejs-play button:before {
            content: '\e818';
            font-size: 30px;
            left: 0px;
        }

        .mejs-container .mejs-controls .mejs-pause button:before {
            content: '\e81E';
            font-size: 18px;
            left: 0px;
        }

        .mejs-container .mejs-controls .mejs-fullscreen-button button:before {
            content: '\e81D';
            font-size: 18px;
            left: -5px;
        }

        .mejs-container .mejs-controls .mejs-mute button:before {
            content: '\e81C';
            font-size: 18px;
            left: -5px;
        }

        .mejs-container .mejs-controls .mejs-unmute button:before {
            content: '\e81B';
            font-size: 18px;
            left: -5px;
        }

        .mejs-container .mejs-controls .mejs-volume-button {
            position: relative;
        }

            .mejs-container .mejs-controls .mejs-volume-button:hover {
                -webkit-border-radius: 0 0 4px 4px;
                -moz-border-radius: 0 0 4px 4px;
                border-radius: 0 0 4px 4px;
            }

            .mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider {
                display: none;
                height: 115px;
                width: 25px;
                background: url(../png/background.png);
                background: rgba(50,50,50,0.7);
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                top: -115px;
                left: 0;
                z-index: 1;
                position: absolute;
                margin: 0;
            }

                .mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
                    position: absolute;
                    left: 11px;
                    top: 8px;
                    width: 2px;
                    height: 100px;
                    background: #ddd;
                    background: rgba(255,255,255,0.5);
                    margin: 0;
                }

                .mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
                    position: absolute;
                    left: 11px;
                    top: 8px;
                    width: 2px;
                    height: 100px;
                    background: #ddd;
                    background: rgba(255,255,255,0.9);
                    margin: 0;
                }

                .mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
                    position: absolute;
                    left: 4px;
                    top: -3px;
                    width: 16px;
                    height: 6px;
                    background: #ddd;
                    background: rgba(255,255,255,0.9);
                    cursor: N-resize;
                    -webkit-border-radius: 1px;
                    -moz-border-radius: 1px;
                    border-radius: 1px;
                    margin: 0;
                }

        .mejs-container .mejs-controls .mejs-captions-button {
            position: relative;
        }

            .mejs-container .mejs-controls .mejs-captions-button button {
                background-position: -48px 0;
            }

            .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector {
                visibility: hidden;
                position: absolute;
                bottom: 26px;
                right: -51px;
                width: 85px;
                height: 100px;
                background: url(../png/background.png);
                background: rgba(50,50,50,0.7);
                border: solid 1px transparent;
                padding: 10px 10px 0 10px;
                overflow: hidden;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }

                .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
                    margin: 0;
                    padding: 0;
                    display: block;
                    list-style-type: none !important;
                    overflow: hidden;
                }

                    .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
                        margin: 0 0 6px 0;
                        padding: 0;
                        list-style-type: none !important;
                        display: block;
                        color: #fff;
                        overflow: hidden;
                    }

                        .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
                            clear: both;
                            float: left;
                            margin: 3px 3px 0 5px;
                        }

                        .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
                            width: 55px;
                            float: left;
                            padding: 4px 0 0 0;
                            line-height: 15px;
                            font-family: helvetica, arial;
                            font-size: 10px;
                        }

            .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-translations {
                font-size: 10px;
                margin: 0 0 5px 0;
            }

        .mejs-container .mejs-controls .mejs-sourcechooser-button {
            position: relative;
        }

            .mejs-container .mejs-controls .mejs-sourcechooser-button button {
                background-position: -128px 0;
            }

            .mejs-container .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
                visibility: hidden;
                position: absolute;
                bottom: 26px;
                right: -10px;
                width: 130px;
                height: 100px;
                background: url(../png/background.png);
                background: rgba(50,50,50,0.7);
                border: solid 1px transparent;
                padding: 10px;
                overflow: hidden;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }

                .mejs-container .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
                    margin: 0;
                    padding: 0;
                    display: block;
                    list-style-type: none !important;
                    overflow: hidden;
                }

                    .mejs-container .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
                        margin: 0 0 6px 0;
                        padding: 0;
                        list-style-type: none !important;
                        display: block;
                        color: #fff;
                        overflow: hidden;
                    }

                        .mejs-container .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
                            clear: both;
                            float: left;
                            margin: 3px 3px 0 5px;
                        }

                        .mejs-container .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
                            width: 100px;
                            float: left;
                            padding: 4px 0 0 0;
                            line-height: 15px;
                            font-family: helvetica, arial;
                            font-size: 10px;
                        }

        .mejs-container .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
            visibility: visible;
        }

        .mejs-container .mejs-controls .mejs-speed-button.mejs-button button {
            background: transparent;
            width: 36px;
            font-size: 11px;
            line-height: normal;
            color: #ffffff;
        }

        .mejs-container .mejs-controls .mejs-speed-button .mejs-speed-selector {
            visibility: hidden;
            position: absolute;
            top: -100px;
            left: -10px;
            width: 60px;
            height: 100px;
            background: url(../png/background.png);
            background: rgba(50,50,50,0.7);
            border: solid 1px transparent;
            padding: 0;
            overflow: hidden;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

            .mejs-container .mejs-controls .mejs-speed-button .mejs-speed-selector ul {
                margin: 0;
                padding: 0;
                display: block;
                list-style-type: none !important;
                overflow: hidden;
            }

                .mejs-container .mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
                    margin: 0 0 6px 0;
                    padding: 0 10px;
                    list-style-type: none !important;
                    display: block;
                    color: #fff;
                    overflow: hidden;
                }

                    .mejs-container .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
                        background-color: #c8c8c8 !important;
                        background-color: rgba(255,255,255,0.4) !important;
                    }

                    .mejs-container .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
                        clear: both;
                        float: left;
                        margin: 3px 3px 0 5px;
                        display: none;
                    }

                    .mejs-container .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
                        width: 60px;
                        float: left;
                        padding: 4px 0 0 0;
                        line-height: 15px;
                        font-family: helvetica, arial;
                        font-size: 11.5px;
                        color: white;
                        margin-left: 5px;
                        cursor: pointer;
                    }

                        .mejs-container .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
                            color: #21f8f8;
                        }

        .mejs-container .mejs-controls .mejs-skip-back-button.mejs-button {
            background: transparent url(../png/skipback.png) no-repeat;
            background-position: 3px 3px;
        }

            .mejs-container .mejs-controls .mejs-skip-back-button.mejs-button button {
                background: transparent;
                font-size: 9px;
                line-height: normal;
                color: #ffffff;
            }

div.mejs-speed-button {
    width: 46px !important;
    position: relative;
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    border-right: solid 1px #fff;
    width: 10000px;
    z-index: 1;
}

    .mejs-chapters .mejs-chapter {
        position: absolute;
        float: left;
        background: #222;
        background: rgba(0,0,0,0.7);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
        background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
        background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
        background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
        background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
        background: linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
        overflow: hidden;
        border: 0;
    }

        .mejs-chapters .mejs-chapter .mejs-chapter-block {
            font-size: 11px;
            color: #fff;
            padding: 5px;
            display: block;
            border-right: solid 1px #333;
            border-bottom: solid 1px #333;
            cursor: pointer;
        }

            .mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
                background: #666;
                background: rgba(102,102,102,0.7);
                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
                background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
                background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
                background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
                background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
                background: linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));
                filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
            }

            .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
                font-size: 12px;
                font-weight: bold;
                display: block;
                white-space: nowrap;
                text-overflow: ellipsis;
                margin: 0 0 3px 0;
                line-height: 12px;
            }

            .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
                font-size: 12px;
                line-height: 12px;
                margin: 3px 0 4px 0;
                display: block;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        .mejs-chapters .mejs-chapter .mejs-chapter-block-last {
            border-right: none;
        }

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
}

    .mejs-captions-layer a {
        color: #fff;
        text-decoration: underline;
    }

    .mejs-captions-layer[lang=ar] {
        font-size: 20px;
        font-weight: normal;
    }

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}

.mejs-captions-position-hover {
    bottom: 35px;
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url(../png/background.png);
    background: rgba(20,20,20,0.5);
    white-space: pre-wrap;
}

.me-cannotplay a {
    color: #fff;
    font-weight: bold;
}

.me-cannotplay span {
    padding: 15px;
    display: block;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px;
}

.me-plugin {
    position: absolute;
}

.mejs-embed, .mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}

.mejs-fullscreen {
    overflow: hidden !important;
}

    .mejs-fullscreen video {
        width: 100%;
        height: 100%;
    }

    .mejs-fullscreen .mejs-mediaelement {
        width: 100%;
        height: 100%;
    }

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}

.mejs-clear {
    clear: both;
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001;
}

    .mejs-contextmenu .mejs-contextmenu-separator {
        height: 1px;
        font-size: 0;
        margin: 5px 6px;
        background: #333;
    }

    .mejs-contextmenu .mejs-contextmenu-item {
        font-family: Helvetica, Arial;
        font-size: 12px;
        padding: 4px 6px;
        cursor: pointer;
        color: #333;
    }

        .mejs-contextmenu .mejs-contextmenu-item:hover {
            background: #2C7C91;
            color: #fff;
        }

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

    .mejs-poster img {
        border: 0;
        padding: 0;
        border: 0;
    }

:root .mejs-poster img {
    display: none;
}

.mejs-overlay-play {
    cursor: pointer;
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
   
    margin: -50px 0 0 -50px;
    width:80px; height:80px; border-radius:50%; background-color:rgba(0,0,0,0.5);
} 


   .mejs-overlay-button:after {
        font-family: "teknion";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        margin-right: .2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        margin-left: .40em;
        position: absolute;
        top: -15px;
        content: '\e818';
        font-size: 75px;
        left: 0px;
        color: #fff;
    }

@media (max-width: 766px) {
    .mejs-overlay-button:before {
        top: -40px;
    }
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px;
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url(../png/background.png);
    background: rgba(0,0,0,0.9);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
    background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
    background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
    background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
    background: linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9));
}

    .mejs-overlay-loading span {
        display: block;
        width: 80px;
        height: 80px;
        background: transparent url(../gif/loading.gif) 50% 50% no-repeat;
    }

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../png/background.png);
    background: rgba(50,50,50,0.7);
    z-index: 1000;
    overflow: hidden;
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%;
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../png/background.png);
    background: rgba(50,50,50,0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer;
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0;
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0;
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0;
}






@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

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

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent;
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before, .slick-next:before {
        font-family: "teknion";
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "\e801";
}

[dir="rtl"] .slick-prev:before {
    content: "\e800";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "\e800";
}

[dir="rtl"] .slick-next:before {
    content: "\e801";
}

.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "\e814";
                width: 20px;
                height: 20px;
                font-family: "teknion";
                font-size: 30px;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: 0.25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: 0.75;
        }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.xv-featuredproducts {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
}

@media (min-width: 1024px) {
    .xv-featuredproducts {
        max-height: 630px;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-featuredproducts {
        max-height: 630px;
    }
}

.xv-featuredproducts h5, .xv-featuredproducts h4, .xv-featuredproducts p, .xv-featuredproducts .linkwrapper {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.xv-featuredproducts h5 {
    margin-bottom: 5px;
    color: #9a9a9a;
    text-transform: uppercase;
}

.xv-featuredproducts h4 {
    color: #4a4b4a;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.xv-featuredproducts p {
    color: #4a4b4a;
}

.xv-featuredproducts a {
    color: #9a9a9a;
    text-decoration: none;
    cursor: pointer;
}

    .xv-featuredproducts a:hover {
        color: #000;
        -webkit-transition: all 0.8s linear;
        -ms-transition: all 0.8s linear;
        -moz-transition: all 0.8s linear;
        -o-transition: all 0.8s linear;
        transition: all 0.8s linear;
    }

.xv-featuredproducts .linkwrapper {
    position: relative;
    padding-top: 10px;
}

    .xv-featuredproducts .linkwrapper .line {
        width: 25px;
        border-top: 1px solid #4a4b4a;
        margin-bottom: 15px;
    }

.xv-featuredproducts .xv-featuredproducts-preview {
    position: absolute;
    height: 100%;
    max-height: 600px;
    width: 100%;
    background-color: #f8f8f8;
    background-image: url(../png/product-image.png);
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: contain;
    z-index: 1;
    -webkit-transition: all 1.5s linear;
    -ms-transition: all 1.5s linear;
    -moz-transition: all 1.5s linear;
    -o-transition: all 1.5s linear;
    transition: all 1.5s linear;
    -webkit-transition-timing-function: cubic-bezier(0,0,0.58,1);
    -ms-transition-timing-function: cubic-bezier(0,0,0.58,1);
    -moz-transition-timing-function: cubic-bezier(0,0,0.58,1);
    -o-transition-timing-function: cubic-bezier(0,0,0.58,1);
    transition-timing-function: cubic-bezier(0,0,0.58,1);
}

@media (max-width: 766px) {
    .xv-featuredproducts .xv-featuredproducts-preview {
        display: none;
    }
}

.xv-featuredproducts .xv-featuredproducts-preview.closed {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

    .xv-featuredproducts .xv-featuredproducts-preview.closed .buttonwrapper {
        right: -5px;
    }

        .xv-featuredproducts .xv-featuredproducts-preview.closed .buttonwrapper a {
            right: -30px;
        }

            .xv-featuredproducts .xv-featuredproducts-preview.closed .buttonwrapper a .icon-cancel {
                display: inline;
            }

            .xv-featuredproducts .xv-featuredproducts-preview.closed .buttonwrapper a .icon-left {
                display: none;
            }

.xv-featuredproducts .xv-featuredproducts-preview .buttonwrapper {
    position: absolute;
    height: 100%;
    max-height: 600px;
    width: 5px;
    right: 0;
    background-color: #4a4b4a;
}

@media (max-width: 766px) {
    .xv-featuredproducts .xv-featuredproducts-preview .buttonwrapper {
        display: none;
    }
}

.xv-featuredproducts .xv-featuredproducts-preview .buttonwrapper a {
    position: absolute !important;
    right: 0px;
    padding: 5px 0;
    background-color: #4a4b4a;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .xv-featuredproducts .xv-featuredproducts-preview .buttonwrapper a .icon-cancel {
        background: url("../png/teknion-slider-sprite.png") no-repeat -8px 8px;
        display: none;
    }

    .xv-featuredproducts .xv-featuredproducts-preview .buttonwrapper a .icon-left {
        background: url("../png/teknion-slider-sprite.png") no-repeat 12px 5px;
        display: inline;
    }

    .xv-featuredproducts .xv-featuredproducts-preview .buttonwrapper a span:before {
        color: transparent;
        margin-right: 0.6em;
        margin-left: 0.6em;
    }

.xv-featuredproducts .xv-featuredproducts-preview .textwrapper {
    position: absolute;
    max-width: 350px;
    left: 3%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-featuredproducts .xv-featuredproducts-preview .textwrapper {
        left: 0;
        position: absolute !important;
    }
}

.xv-featuredproducts .xv-featuredproducts-preview .textwrapper h4 {
    letter-spacing: 1px;
    font-size: 2em;
}

.xv-featuredproducts .xv-featuredproducts-preview .textwrapper p {
    font-size: 1.7rem;
}

.xv-featuredproducts .xv-featuredproducts-container .xv-featuredproducts-item {
    position: relative;
    height: 600px;
    padding: 55px 0;
    margin-right: 1px;
    background-color: #f8f8f8;
}

@media (max-width: 766px) {
    .xv-featuredproducts .xv-featuredproducts-container .xv-featuredproducts-item {
        height: 550px;
    }
}

.xv-featuredproducts .xv-featuredproducts-container .xv-featuredproducts-item p {
    height: 25%;
}

.xv-featuredproducts .xv-featuredproducts-container .xv-featuredproducts-item .imagewrapper {
    position: relative;
    height: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-blend-mode: multiply;
}

.xv-featuredproducts .slick-prev, .xv-featuredproducts .slick-next {
    top: inherit;
    bottom: 2%;
}

    .xv-featuredproducts .slick-prev:before, .xv-featuredproducts .slick-next:before {
        color: #4a4b4a;
        font-size: 24px;
    }

.xv-featuredproducts .slick-prev {
    left: 25px;
}

.xv-featuredproducts .slick-next {
    right: 25px;
}

@media (max-width: 766px) {
    .xv-featuredproducts .slick-dots {
        text-align: left;
        bottom: -5px;
        left: 7%;
    }

        .xv-featuredproducts .slick-dots li {
            height: 25px;
            width: 15px;
            margin: 0;
        }

        .xv-featuredproducts .slick-dots button:before {
            font-size: 30px;
        }
}

.xv-imagecarousel {
    width: 680px;
    max-width: 60%;
    height: 100%;
    float: left;
    overflow: hidden;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-imagecarousel {
        width: 100%;
        max-width: none;
        max-height: 440px;
    }
}

@media (max-width: 766px) {
    .xv-imagecarousel {
        width: 100%;
        max-width: none;
    }
}

.xv-imagecarousel.slick-slider {
    margin-bottom: 0;
}

.xv-imagecarousel .slick-dots {
    bottom: 35px;
    left: 10px;
    text-align: left;
    margin-bottom: 0;
}

    .xv-imagecarousel .slick-dots li {
        width: 8px;
        margin: 0 0 0 5px;
    }

html {
    font-size: 62.5%;
}

body {
    color: #3d3d3d;
    font-family: "aperculight";
}

header {
    background-color: #fff;
    font-family: "aperculight";
}

footer {
    margin-bottom: 3rem;
    font-family: "aperculight";
}

@media (max-width: 991px) {
    footer {
        text-align: center;
    }
}

footer .our-brands {
    color: #9a9a9a;
    font-size: 1.2rem;
    line-height: 1.2rem;
}

nav li a {
    text-transform: uppercase;
}

h1 {
    font-size: 4rem;
    line-height: 4rem;
}

h2 {
    font-size: 3rem;
    line-height: 4rem;
}

h3 {
    font-size: 2rem;
    line-height: 2rem;
}

p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-bottom: 1.5rem;
}

h1, h2, h3, h4 {
    margin-top: 0;
}

a {
    color: #4a4b4a;
    outline: none !important;
}

textarea {
    outline: none !important;
    margin-bottom: 2rem;
    resize: none;
}

input {
    outline: none !important;
    border: none;
}

textarea, input {
    -webkit-appearance: none;
    -moz-appearance: none;
}

::-webkit-input-placeholder {
    font-size: 1.4rem;
    color: #9a9a9a;
    letter-spacing: 3px;
}

:-moz-placeholder {
    font-size: 1.4rem;
    color: #9a9a9a;
    opacity: 1;
    letter-spacing: 3px;
}

::-moz-placeholder {
    font-size: 1.4rem;
    color: #9a9a9a;
    opacity: 1;
    letter-spacing: 3px;
}

:-ms-input-placeholder {
    font-size: 1.4rem;
    color: #9a9a9a;
    letter-spacing: 3px;
}

::-ms-clear {
    display: none;
}

blockquote {
    border: none;
}

.main-template {
    padding-top: 11rem;    
}

@media (min-width: 767px) and (max-width: 1023px) {
    .main-template {
        padding-top: 9rem;
    }
}

@media (max-width: 766px) {
    .main-template {
        padding-top: 8.5rem;
    }
}

.container {
    width: 100% !important;
    max-width: 1120px;
}

.no-space {
    margin: 0;
}

.hide-content {
    display: none;
}

.medium-bottom-space {
    padding-bottom: 2rem;
}

.large-bottom-space {
    padding-bottom: 3rem;
}

.large-top-space {
    padding-top: 4rem;
}

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

.xv-mainfilter-wrapper select, .xv-radio-to-dropdown select, .xv-results-wrapper select {
    visibility: hidden;
}

@media (max-width: 766px) {
    .xv-hide-phone {
        display: none !important;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-hide-tablet {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .xv-hide-desktop {
        display: none !important;
    }
}

.custom-placeholder::-ms-clear {
    display: none;
}

.custom-placeholder::-webkit-input-placeholder {
    font-size: 1.8rem;
    color: #9a9a9a;
    letter-spacing: 0px;
}

.custom-placeholder:-moz-placeholder {
    font-size: 1.8rem;
    color: #9a9a9a;
    opacity: 1;
    letter-spacing: 0px;
}

.custom-placeholder::-moz-placeholder {
    font-size: 1.8rem;
    color: #9a9a9a;
    opacity: 1;
    letter-spacing: 0px;
}

.custom-placeholder:-ms-input-placeholder {
    font-size: 1.8rem;
    color: #9a9a9a;
    letter-spacing: 0px;
}

.btn-default {
    border-color: #ddd;
}

.grey-bk {
    background-color: #f8f8f8;
}

@media (max-width: 766px) {
    .grey-content-block .grey-bk {
        padding: 0;
    }
}

.page-title {
    margin-bottom: 2.5rem;
    position: relative;
}

    .page-title h1 {
        max-width: 80%;
        font-size: 4rem;
        line-height: 4rem;
        letter-spacing: 7px;
        margin: 0;
        text-transform: uppercase;
    }

@media (min-width: 767px) and (max-width: 1023px) {
    .page-title h1 {
        padding-right: 25%;
    }
}

@media (max-width: 766px) {
    .page-title h1 {
        font-size: 3rem;
        letter-spacing: 5px;
        line-height: 3.7rem;
    }
}

.dropdown-menu {
    border-radius: 0;
    background-clip: border-box;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: transparent;
        text-decoration: underline;
    }

@media (min-width: 1024px) {
    .dropdown-selector {
        margin-bottom: 3rem;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .dropdown-selector {
        margin-bottom: 1rem;
    }
}

@media (max-width: 766px) {
    .dropdown-selector {
        margin-bottom: 1rem;
    }
}

@media (max-width: 766px) {
    .bootstrap-select .dropdown-menu {
        position: relative;
    }
}

.col-lg-6.col-md-6.col-sm-12 .dropdown-selector .dropdown-menu.open ul {
    max-height: 510px !important;
}

@media (max-width: 991px) {
    .locations-dealers .first-dropdown-selector {
        margin-bottom: 1rem;
    }

    .row.reorder-on-tablet {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        direction: rtl;
    }

        .row.reorder-on-tablet > [class*="col-"] {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
            direction: ltr;
        }

    .video-wrapper {
        padding: 3rem 1rem 2rem 1rem;
    }
}

.xv-loadmore-wrapper {
    padding-bottom: 4rem;
    margin-top: 4rem !important;
    display: inline-block;
}

    .xv-loadmore-wrapper .xv-loadmore-btn {
        width: 250px;
        margin-top: 55px;
        margin-left: auto;
        margin-right: auto;
        display: none;
        text-align: center;
        color: #4a4b4a;
        cursor: pointer;
        font-family: "aperculight";
        font-size: 1.4rem;
        letter-spacing: 0.3rem;
        text-decoration: none;
        text-transform: uppercase;
    }

    .xv-loadmore-wrapper .loader {
        width: 100%;
        padding: 20px 48%;
        display: inline-block;
    }

        .xv-loadmore-wrapper .loader span {
            font-size: 4rem;
        }

.footer-menu {
    margin-bottom: 3.5rem;
}

    .footer-menu a {
        margin-right: 1rem;
        padding-bottom: 3px;
        color: #9a9a9a;
        text-transform: uppercase;
        font-size: 1.2rem;
        font-family: "aperculight";
        line-height: 1.2rem;
        letter-spacing: 3px;
    }

@media (max-width: 991px) {
    .footer-menu a {
        font-size: 1.5rem;
    }
}

.footer-menu a:hover, .footer-menu a:active, .footer-menu a:focus {
    background-color: transparent;
    color: #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    text-decoration: none;
}

@media (max-width: 766px) {
    .footer-menu li {
        text-align: center;
        width: 100%;
    }

        .footer-menu li a {
            font-size: 1.5rem;
            line-height: 3rem;
            margin-right: 0;
            padding-right: 0;
        }
}

.footer-social-icons {
    margin-left: 0;
}

@media (max-width: 991px) {
    .footer-social-icons {
        margin: 0 0 3rem 0;
        padding: 1rem 0;
    }

        .footer-social-icons li {
            padding: 0;
        }
}
.footer-socialmedia-icon {
    background-position: center center;
    background-size: contain;
}

.footer-social-icons a {
    width: 25px;
    height: 25px;
    margin-right: 1.2rem;
    display: inline-block;
    /*background-image: url("../resources/sprites/footer-icons-sprite.png");*/
    background-repeat: no-repeat;
    text-decoration: none;
}

    .footer-social-icons a:hover, .footer-social-icons a:active, .footer-social-icons a:focus {
        text-decoration: none;
    }

        .footer-social-icons a:hover .fontello-icon, .footer-social-icons a:active .fontello-icon, .footer-social-icons a:focus .fontello-icon {
            color: #777272;
        }

@media (max-width: 766px) {
    .footer-social-icons a {
        margin-right: 0.5rem;
    }
}

.footer-social-icons li {
    padding: 0;
}

    .footer-social-icons li:first-child a span {
        margin-left: 0.5rem;
    }

.footer-right-column ul {
    float: right;
}

@media (max-width: 991px) {
    .footer-right-column ul {
        float: none;
    }
}

.footer-right-column li {
    padding: 0;
}

.footer-right-column a {
    height: 55px;
    width: 98px;
    display: inline-block;
    background-image: url("../png/footer-icons-sprite.png");
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .footer-right-column a {
        margin-right: 0.5rem;
    }
}

.footer-right-column .footer-logo, .teknion-studio, .footer-right-column .teknion-textiles {
    margin-right: 2rem;
}

.footer-logo {
    background-position: center center;
    background-size: contain;
}

.footer-right-column .teknion-studio {
    background-position: 0 -25px;
}

@media (max-width: 766px) {
    .footer-right-column .teknion-studio {
        margin-right: 0;
    }
}

.footer-right-column .teknion-textiles {
    background-position: -120px -25px;
}

@media (max-width: 766px) {
    .footer-right-column .teknion-textiles {
        margin-right: 0;
    }
}

.footer-right-column .teknion-italia {
    background-position: -242px -25px;
    width: 58px;
}

.footer-divider {
    margin-bottom: 4rem;
}

.facebook-footer-icon {
    background-position: 0 0;
}

.instagram-footer-icon {
    background-position: -52px 0;
}

.linkedin-footer-icon {
    background-position: -78px 0;
}

.pinterest-footer-icon {
    background-position: -104px 0;
}

.twitter-footer-icon {
    background-position: -130px 0;
}

.youtube-footer-icon {
    background-position: -156px 0;
}

.apple-store-footer-icon {
    background-position: -182px 0;
}

.fontello-icon {
    color: #9a9a9a;
    font-size: 22px;
}

.form-control {
    height: 5rem;
    padding: 1.5rem 2rem;
    border-color: #ddd;
    border-radius: 0;
    box-shadow: none;
}

    .form-control:focus {
        border-color: #ddd;
        box-shadow: none;
    }

.form-group {
    margin-bottom: 2rem;
}

.custom-button {
    padding: 1.5rem 5rem;
    background-color: #9a9a9a;
    color: #fff;
    letter-spacing: 3px;
}

    .custom-button:hover, .custom-button:active, .custom-button:focus {
        background-color: #848383;
    }

@media (max-width: 766px) {
    .custom-button {
        width: 100%;
    }
}

.xv-contact-wrapper {
    margin-bottom: 2rem;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-contact-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
    }
}

@media (max-width: 766px) {
    .xv-contact-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
    }
}

.xv-contact-wrapper .validation-wrapper .dropdown-selector {
    margin-bottom: 2rem;
}

@media (min-width: 1024px) {
    .xv-contact-wrapper .validation-wrapper {
        margin-top: 2.5rem;
    }
}

.xv-contact-wrapper div:nth-child(1) h2 {
    margin-bottom: 4rem;
}

@media (min-width: 1024px) {
    .xv-contact-wrapper div:nth-child(1) h2 {
        display: block;
    }

    .xv-contact-wrapper div:nth-child(1) hr {
        display: none;
        color: #eee;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-contact-wrapper div:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }

        .xv-contact-wrapper div:nth-child(1) h2 {
            display: none;
        }
}

@media (max-width: 766px) {
    .xv-contact-wrapper div:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }

        .xv-contact-wrapper div:nth-child(1) h2 {
            display: none;
        }
}

@media (min-width: 1024px) {
    .xv-contact-wrapper div:nth-child(2) h2 {
        display: none;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-contact-wrapper div:nth-child(2) {
        -webkit-box-ordinal-group: 1;
        -ms-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }

        .xv-contact-wrapper div:nth-child(2) h2 {
            display: block;
            margin-bottom: 3rem;
        }
}

@media (max-width: 766px) {
    .xv-contact-wrapper div:nth-child(2) {
        -webkit-box-ordinal-group: 1;
        -ms-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }

        .xv-contact-wrapper div:nth-child(2) h2 {
            display: block;
            margin-bottom: 3rem;
        }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-contact-wrapper .contact-info-bundle {
        margin-top: 4rem;
        padding-top: 3rem;
        border: 1px solid #fff;
        -webkit-box-shadow: 0px -1px 0px #eee;
        -ms-box-shadow: 0px -1px 0px #eee;
        -moz-box-shadow: 0px -1px 0px #eee;
        -o-box-shadow: 0px -1px 0px #eee;
        box-shadow: 0px -1px 0px #eee;
    }
}

@media (max-width: 766px) {
    .xv-contact-wrapper .contact-info-bundle {
        margin-top: 4rem;
        padding-top: 3rem;
        border: 1px solid #fff;
        -webkit-box-shadow: 0px -1px 0px #eee;
        -ms-box-shadow: 0px -1px 0px #eee;
        -moz-box-shadow: 0px -1px 0px #eee;
        -o-box-shadow: 0px -1px 0px #eee;
        box-shadow: 0px -1px 0px #eee;
    }
}

.xv-contact-wrapper .contact-info-block {
    margin-bottom: 4rem;
}

    .xv-contact-wrapper .contact-info-block h5 {
        margin: 0 0 0.5rem 0;
        color: #9a9a9a;
        text-transform: uppercase;
    }

    .xv-contact-wrapper .contact-info-block p {
        color: #333;
        margin-bottom: 0;
        font-size: 1.4rem;
        line-height: 2rem;
    }

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-contact-wrapper .contact-info-block {
        float: left;
        width: 50%;
    }
}

@media (max-width: 766px) {
    .xv-contact-wrapper .contact-info-block {
        margin-bottom: 2.5rem;
        width: 100%;
    }

        .xv-contact-wrapper .contact-info-block:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-newsletter-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
    }
}

@media (max-width: 766px) {
    .xv-newsletter-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
    }
}

@media (min-width: 1024px) {
    .xv-newsletter-wrapper .validation-wrapper {
        margin-top: 2.5rem;
    }
}

@media (min-width: 1024px) {
    .xv-newsletter-wrapper div:nth-child(1) h2 {
        display: block;
        margin-bottom: 4rem;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-newsletter-wrapper div:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }

        .xv-newsletter-wrapper div:nth-child(1) h2 {
            display: none;
        }
}

@media (max-width: 766px) {
    .xv-newsletter-wrapper div:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }

        .xv-newsletter-wrapper div:nth-child(1) h2 {
            display: none;
        }
}

.xv-newsletter-wrapper div:nth-child(1) p {
    font-size: 1.4rem;
    line-height: 1.8rem;
}

@media (min-width: 1024px) {
    .xv-newsletter-wrapper div:nth-child(2) h2 {
        display: none;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-newsletter-wrapper div:nth-child(2) {
        -webkit-box-ordinal-group: 1;
        -ms-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }

        .xv-newsletter-wrapper div:nth-child(2) h2 {
            margin-bottom: 3rem;
            display: block;
        }
}

@media (max-width: 766px) {
    .xv-newsletter-wrapper div:nth-child(2) {
        -webkit-box-ordinal-group: 1;
        -ms-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }

        .xv-newsletter-wrapper div:nth-child(2) h2 {
            margin-bottom: 3rem;
            display: block;
        }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-newsletter-wrapper .newsletter-description {
        margin-top: 4rem;
        padding-top: 3rem;
        border: 1px solid #fff;
        -webkit-box-shadow: 0px -1px 0px #eee;
        -ms-box-shadow: 0px -1px 0px #eee;
        -moz-box-shadow: 0px -1px 0px #eee;
        -o-box-shadow: 0px -1px 0px #eee;
        box-shadow: 0px -1px 0px #eee;
    }
}

@media (max-width: 766px) {
    .xv-newsletter-wrapper .newsletter-description {
        margin-top: 4rem;
        padding-top: 3rem;
        border: 1px solid #fff;
        -webkit-box-shadow: 0px -1px 0px #eee;
        -ms-box-shadow: 0px -1px 0px #eee;
        -moz-box-shadow: 0px -1px 0px #eee;
        -o-box-shadow: 0px -1px 0px #eee;
        box-shadow: 0px -1px 0px #eee;
    }
}

.xv-newsletter-wrapper .subscribe {
    position: relative;
    margin-bottom: 2rem;
}

    .xv-newsletter-wrapper .subscribe h4 {
        position: relative;
        top: -10px;
        margin-left: 5px;
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
    }

@media (max-width: 766px) {
    .xv-newsletter-wrapper .subscribe h4 {
        top: -10px;
        max-width: 80%;
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
}

.xv-newsletter-wrapper .subscribe input[type="checkbox"] {
    width: 30px;
    height: 30px;
    margin: 0;
    display: inline-block;
    opacity: 0;
}

    .xv-newsletter-wrapper .subscribe input[type="checkbox"]:checked + a {
        background-color: #9a9a9a;
        border: 5px solid #eee;
    }

.xv-newsletter-wrapper .subscribe a {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 2px solid #eee;
    cursor: pointer;
    z-index: -1;
}

    .xv-newsletter-wrapper .subscribe a span {
        position: absolute;
        top: 0;
        width: 600px;
        left: 60px;
        font-weight: bold;
        line-height: 40px;
        vertical-align: middle;
        letter-spacing: 1px;
    }

@media (max-width: 766px) {
    .xv-header-menu {
        position: relative;
    }

        .xv-header-menu .xv-header-links {
            position: static;
        }

            .xv-header-menu .xv-header-links > li {
                padding: 20px 0 !important;
            }

            .xv-header-menu .xv-header-links .dropdown-menu {
                position: absolute;
                top: 0;
            }

                .xv-header-menu .xv-header-links .dropdown-menu a {
                    padding: 15px 40px;
                }
}

@media (max-width: 766px) {
    #language-selector {
        top:auto;
    }
}

.xv-header-links {
    position: relative;
    margin: 0;
    float: right;
    background-color: #f3f3f3;
}

@media (min-width: 1024px) {
    .xv-header-links {
        margin-top: 0!important;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-header-links {
        width: 100%;
        padding: 0;
        margin-top: 2.7rem;
    }
}

@media (max-width: 766px) {
    .xv-header-links {
        width: 100%;
        padding: 0;
        margin-top: 1.6rem;
    }
}

.xv-header-links a {
    font-size: 1.2rem;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-header-links a {
        color: #4b4b4b;
        display: block;
        font-size: 1.4rem;
    }
}

@media (max-width: 766px) {
    .xv-header-links a {
        color: #4b4b4b;
        display: block;
        font-size: 1.4rem;
    }
}

.xv-header-links > li {
    padding: 1rem 2rem;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-header-links > li {
        border-right: 1px solid #fff;
        float: left;
        padding: 2rem 0;
        text-align: center;
        width: 50%;
        position: static;
    }
}

@media (max-width: 766px) {
    .xv-header-links > li {
        border-right: 1px solid #fff;
        float: left;
        padding: 2rem 0;
        text-align: center;
        width: 50%;
        position: static;
    }
}

.xv-header-links > li:first-child {
    padding-left: 0;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-header-links > li:last-child {
        border-right: none;
    }
}

@media (max-width: 766px) {
    .xv-header-links > li:last-child {
        border-right: none;
    }
}

.xv-header-links .regions-dropdown {
    position: static;
    min-width: 160px;
}

    .xv-header-links .regions-dropdown > a {
        display: inline-block;
        padding: 0 2rem 0 4rem !important; 
    }

@media (max-width: 766px) {
    .xv-header-links .regions-dropdown > a {
        padding: 0 2rem;
    }
}

.xv-header-links .regions-dropdown > a:focus {
    text-decoration: none;
}

.xv-header-links .caret {
    background: url("../png/sprite-image.png") no-repeat 0 0;
    border: none;
    height: 8px;
    width: 8px;
}

.xv-header-links .dropdown-menu, #language-selector {
    width: 100%;
    left: 0;
    top: 40px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    /*background: #ddd;*/
    background: inherit;
}
.xv-header-links .regions-dropdown.dropdown-right .dropdown-menu {
    right: 0;
    left: auto;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-header-links .dropdown-menu {
        top: 95%;
        max-height: 356px;
        overflow: auto;
    }

        .xv-header-links .dropdown-menu .dropdown.open {
            background: #ddd;
        }
}

@media (max-width: 766px) {
    .xv-header-links .dropdown-menu {
        top: 95%;
        max-height: 356px;
        overflow: auto;
    }

        .xv-header-links .dropdown-menu .dropdown.open {
            background: #ddd;
        }
}

@media (max-height: 400px) {
    .xv-header-links .dropdown-menu {
        max-height: 200px;
        overflow: auto;
    }
}

.xv-header-links .dropdown-menu a {
    padding: 1.8rem 2.8rem;
    border-bottom: 1px solid #c9c9c9;
    word-wrap: break-word;
    white-space: normal;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-header-links .dropdown-menu a {
        text-align: center;
    }
}

@media (max-width: 766px) {
    .xv-header-links .dropdown-menu a {
        padding: 2rem 4rem;
        text-align: center;
    }
}

.xv-header-links .dropdown-menu li:last-child a {
    border-bottom: none;
}

.xv-header-links .regions-dropdown.open {
    background: #ddd;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-search-box {
        float: right !important;
    }
}

.xv-search-box a {
    display: block;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-search-box a {
        padding-top: 0.7rem;
    }
}

@media (max-width: 766px) {
    .xv-search-box a span:last-child {
        display: inline-block;
        vertical-align: top;
    }
}

.xv-search-box a:hover, .xv-search-box a:active, .xv-search-box a:focus {
    text-decoration: none;
}

.xv-search-box .expanded-color {
    color: #f3f3f3;
}

@media (max-width: 766px) {
    .xv-search-box .search-button {
        display: inline-block;
        padding: 0 0 0 2.5rem;
    }
}

.search-box-container {
    overflow: hidden;
    position: relative;
}

    .search-box-container input[type='text'].custom-placeholder {
        font-size: 1.8rem;
    }

@media (min-width: 767px) and (max-width: 1023px) {
    .search-box-container {
        margin: 0 1rem;
    }
}

.xv-search-box-opened {
    display: none;
}

@media (min-width: 1024px) {
    .xv-search-box-opened {
        margin-top: 2rem;
        padding: 3rem 0;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-search-box-opened {
        margin-top: 2rem;
        padding: 3rem 0 0 0;
    }
}

@media (max-width: 766px) {
    .xv-search-box-opened {
        margin-top: 2rem;
        padding: 3rem 2.5rem;
    }
}

.xv-search-box-opened input {
    float: left;
}

    .xv-search-box-opened input[type="text"], .xv-search-box-opened input[type="button"] {
        border: none;
    }

    .xv-search-box-opened input[type="text"] {
        border-bottom: 1px solid #ccc;
        color: #ccc;
        padding-bottom: 0.5rem;
        width: 100%;
    }

    .xv-search-box-opened input[type="button"] {
        width: 18px;
    }

.xv-search-box-opened .search-button {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-top-bar {
        display: none !important;
    }
}

@media (max-width: 766px) {
    .xv-top-bar {
        display: none !important;
    }
}

.xv-top-bar a {
    text-transform: uppercase;
    color: #3d3d3d;
}

.toogle {
    background: url("../png/teknion-search-sprite-image.png") no-repeat 0 0;
    height: 15px;
}

    .toogle.expanded {
        background: url("../png/teknion-search-sprite-image.png") no-repeat 0 -18px;
        color: #f3f3f3;
        height: 20px;
    }

@media (min-width: 767px) and (max-width: 1023px) {
    .toogle.search-button {
        width: 20px;
    }
}

[class*="xv-block-container"] .gutter-size {
    width: 20px;
}

@media (max-width: 766px) {
    [class*="xv-block-container"] .gutter-size {
        width: 10px;
    }
}

.xv-block-clone {
    display: none;
}

.xv-block-item {
    position: relative;
    float: left;
    overflow: hidden;
}

    .xv-block-item:not(.statement):not(.quote):not(.assets) .xv-carved-image {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        transition: transform 2s ease-in-out,opacity 2s ease-in-out;
        -webkit-transition: -webkit-transform 2s ease-in-out,opacity 2s ease-in-out;
        -ms-transition: -ms-transform 2s ease-in-out,opacity 2s ease-in-out;
        -moz-transition: -moz-transform 2s ease-in-out,opacity 2s ease-in-out;
        -o-transition: -o-transform 2s ease-in-out,opacity 2s ease-in-out;
    }

    .xv-block-item:not(.statement):not(.quote):not(.assets).press .xv-carved-image {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        transition: transform 2s ease-in-out,opacity 2s ease-in-out;
        -webkit-transition: -webkit-transform 2s ease-in-out,opacity 2s ease-in-out;
        -ms-transition: -ms-transform 2s ease-in-out,opacity 2s ease-in-out;
        -moz-transition: -moz-transform 2s ease-in-out,opacity 2s ease-in-out;
        -o-transition: -o-transform 2s ease-in-out,opacity 2s ease-in-out;
    }

    .xv-block-item:not(.statement):not(.quote):not(.assets).press .xv-carved-text {
        opacity: 1;
    }

    .xv-block-item:not(.statement):not(.quote):not(.assets) .xv-carved-text {
        opacity: 1;
        -webkit-transition: opacity 2s ease-in-out;
        -ms-transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out;
        -o-transition: opacity 2s ease-in-out;
        transition: opacity 2s ease-in-out;
    }

    .xv-block-item:not(.statement):not(.quote):not(.assets):hover .xv-carved-image {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        transition: transform 2s ease-in-out,opacity 2s ease-in-out;
        -webkit-transition: -webkit-transform 2s ease-in-out,opacity 2s ease-in-out;
        -ms-transition: -ms-transform 2s ease-in-out,opacity 2s ease-in-out;
        -moz-transition: -moz-transform 2s ease-in-out,opacity 2s ease-in-out;
        -o-transition: -o-transform 2s ease-in-out,opacity 2s ease-in-out;
    }

    .xv-block-item:not(.statement):not(.quote):not(.assets):hover.press .xv-carved-image {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .xv-block-item:not(.statement):not(.quote):not(.assets):hover.press .xv-carved-text {
        opacity: 1;
    }

    .xv-block-item:not(.statement):not(.quote):not(.assets):hover .xv-carved-text {
        opacity: 0;
        -webkit-transition: opacity 2s ease-in-out;
        -ms-transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out;
        -o-transition: opacity 2s ease-in-out;
        transition: opacity 2s ease-in-out;
    }

    .xv-block-item h4 {
        color: #fff;
        text-transform: uppercase;
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

    .xv-block-item h3 {
        word-break: break-word;
        color: #fff;
        text-transform: uppercase;
        font-size: 2.6rem;
        letter-spacing: 5px;
        line-height: 3.2rem;
        margin: 0;
    }

    .xv-block-item p {
        color: #fff;
        font-size: 1.5rem;
    }

    .xv-block-item a {
        color: #9a9a9a;
        cursor: pointer;
        font-size: 1.3rem;
    }

    .xv-block-item .line {
        width: 25px;
        margin-bottom: 15px;
        margin-top: 15px;
        border-top: 1px solid #fff;
    }

    .xv-block-item .xv-carved-image {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        opacity: 0.2;
    }

    .xv-block-item .xv-carved-text {
        padding: 0 10px 0 25px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .xv-block-item .xv-carved-text + a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 999;
        }

    .xv-block-item .xv-carved-checkbox {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 2;
    }

@media (max-width: 766px) {
    .xv-block-item .xv-carved-checkbox {
        top: 50%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.xv-block-item .xv-carved-checkbox a {
    background-color: #fff;
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    z-index: -1;
    border: 1px solid #ccc;
}

@media (max-width: 766px) {
    .xv-block-item .xv-carved-checkbox a {
        width: 26px;
        height: 26px;
    }
}

.xv-block-item .xv-carved-checkbox input[type='checkbox'] {
    width: 25px;
    height: 25px;
    margin: 0;
    display: block;
    opacity: 0;
}

@media (max-width: 766px) {
    .xv-block-item .xv-carved-checkbox input[type='checkbox'] {
        width: 26px;
        height: 26px;
    }
}

.xv-block-item .xv-carved-checkbox input[type='checkbox']:checked + a {
    background-color: #ddd;
    -webkit-box-shadow: inset 0px 0px 0px 5px #fff;
    -moz-box-shadow: inset 0px 0px 0px 5px #fff;
    box-shadow: inset 0px 0px 0px 5px #fff;
}

@media (min-width: 1024px) {
    .xv-block-item.size-big {
        height: 440px;
        width: 400px;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-block-item.size-big {
        height: 440px;
        width: 435px;
    }
}

@media (max-width: 766px) {
    .xv-block-item.size-big {
        height: 300px;
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .xv-block-item.size-medium {
        height: 210px;
        width: 400px;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-block-item.size-medium {
        height: 210px;
        width: 253px;
    }
}

@media (max-width: 766px) {
    .xv-block-item.size-medium {
        height: 210px;
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .xv-block-item.size-small {
        height: 210px;
        width: 260px;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-block-item.size-small {
        height: 210px;
        width: 253px;
    }
}

@media (max-width: 766px) {
    .xv-block-item.size-small {
        height: 180px;
        width: 100%;
    }
}

.xv-block-item.statement h4 {
    color: #9a9a9a;
}

.xv-block-item.statement p {
    width: initial;
    color: #4a4b4a;
    margin-bottom: 0.3rem;
    font-size: 1.8rem;
    line-height: 3rem;
}

.xv-block-item.statement a {
    font-size: 1.8rem;
}

.xv-block-item.statement .xv-carved-text {
    width: 80%;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.xv-block-item.stamp-item h3, .xv-block-item.stamp-item p {
    color: #4a4b4a;
}

.xv-block-item.stamp-item h3 {
    word-spacing: 300px;
}

.xv-block-item.stamp-item .line {
    border-top-color: #4a4b4a;
    margin-bottom: 17px;
    margin-top: 16px;
}

.xv-block-item.stamp-item .xv-carved-image {
    opacity: 1;
}

.xv-block-item.video a {
    color: #fff;
}

.xv-block-item.video .xv-carved-text {
    top: 80% !important;
}

@media (max-width: 766px) {
    .xv-block-item.video .xv-carved-text {
        top: 60% !important;
    }
}

.xv-block-item.quote a {
    cursor: default;
    pointer-events: none;
}

.xv-block-item.quote .xv-carved-text {
    position: absolute !important;
    width: 80%;
}

@media (min-width: 1024px) {
    .xv-block-item.quote .xv-carved-text {
        left: 8rem;
    }
}

.xv-block-item.quote .xv-carved-text h3 {
    width: 100%;
    letter-spacing: 3px;
}

@media (max-width: 766px) {
    .xv-block-item.quote .xv-carved-text h3 {
        font-size: 1.6rem;
        line-height: 2rem;
        letter-spacing: 2px;
    }
}

.xv-block-item.quote .xv-carved-text h3 span {
    font-size: 1.4rem;
    letter-spacing: 0rem;
    display: block;
}

.xv-block-item.assets {
    background-color: #f8f8f8;
}

    .xv-block-item.assets .xv-carved-image {
        opacity: 1;
        background-size: contain;
    }

@media (min-width: 1024px) {
    .xv-block-item.assets .xv-carved-image {
        height: 70%;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-block-item.assets .xv-carved-image {
        height: 70%;
    }
}

@media (max-width: 766px) {
    .xv-block-item.assets .xv-carved-image {
        width: 40%;
        background-position: 50% 50%;
    }
}

.xv-block-item.assets .xv-carved-text {
    width: 80%;
    position: absolute;
    left: 15px;
    position: relative;
    top: 90%;
    -webkit-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    -moz-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    transform: translateY(-70%);
}

@media (max-width: 766px) {
    .xv-block-item.assets .xv-carved-text {
        width: 40%;
        left: 40%;
        word-break: break-word;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.xv-block-item.assets .xv-carved-text h3, .xv-block-item.assets .xv-carved-text h4 {
    margin-top: 0;
    color: #4a4b4a;
    font-size: 1.3rem;
    letter-spacing: 0px;
    line-height: initial;
    text-transform: capitalize;
}

.xv-block-item.press {
    background-color: #f8f8f8;
}

    .xv-block-item.press .xv-carved-image {
        height: 50%;
        opacity: 1 !important;
    }

@media (max-width: 766px) {
    .xv-block-item.press .xv-carved-image {
        height: 50%;
    }
}

.xv-block-item.press .xv-carved-text {
    min-height: 50%;
    top: 91% !important;
    position: relative;
    top: 90%;
    -webkit-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    -moz-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    transform: translateY(-70%);
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-block-item.press .xv-carved-text {
        top: 90% !important;
    }
}

@media (max-width: 766px) {
    .xv-block-item.press .xv-carved-text {
        top: 100% !important;
        min-height: 60%;
    }
}

.xv-block-item.press .xv-carved-text h3, .xv-block-item.press .xv-carved-text h4 {
    color: #9a9a9a;
}

.xv-block-item.press .xv-carved-text p {
    color: #4a4b4a;
}

.xv-block-item.vanish {
    width: 0px !important;
    height: 0px !important;
}

.xv-block-item.vanish-pressroom {
    width: 0px !important;
    height: 0px !important;
}

.xv-block-item.vanish-inspiration {
    width: 0px !important;
    height: 0px !important;
}

.xv-block-item.vanish-by-dropdownUI, .xv-block-item.vanish-at-load, .xv-block-item.vanish-by-radioToDropdown {
    width: 0px !important;
    height: 0px !important;
}

[class*="xv-block-foundation"] {
    width: 100%;
    display: inline-block;
}

@media (min-width: 1024px) {
    [class*="xv-pillar-"] {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    [class*="xv-pillar-"] {
        float: left;
        /*margin-right: 20px !important;*/
        margin-bottom: 20px;     
        /*padding: 30px;*/
    }
}

@media (min-width: 1024px) {
    .xv-pillar-2 {
        width: calc(( 100% - 40px )/ 8 * 2 );
    }
}


@media (min-width: 767px) and (max-width: 1023px) {
    .xv-pillar-2 {
        width: calc(( 100% - 20px )/ 8 * 3 );
        
    }
}


@media (min-width: 1024px) {
    .xv-pillar-3 {
        width: calc(( 100% - 40px )/ 8 * 3 );
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-pillar-3 {
        width: calc(( 100% - 20px )/ 8 * 5 );
    }
}

.xv-pillar-8 {
    width: 100%;
    margin: 0;
}

@media (min-width: 1024px) {
    .xv-cancel-marginright.onDesktop {
        margin-right: 0 !important;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-cancel-marginright.onTablet {
        margin-right: 0 !important;
    }
}

.xv-related-content-wrapper .xv-related-content-title h3 {
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 1.6rem;
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 2rem 0;
}

.xv-related-content {
    position: relative;
    width: calc(( 100% - 60px) / 4);
    height: 210px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}

    .xv-related-content:not(.statement):not(.quote):not(.assets) .xv-carved-image {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        transition: transform 2s ease-in-out,opacity 2s ease-in-out;
        -webkit-transition: -webkit-transform 2s ease-in-out,opacity 2s ease-in-out;
        -ms-transition: -ms-transform 2s ease-in-out,opacity 2s ease-in-out;
        -moz-transition: -moz-transform 2s ease-in-out,opacity 2s ease-in-out;
        -o-transition: -o-transform 2s ease-in-out,opacity 2s ease-in-out;
    }

    .xv-related-content:not(.statement):not(.quote):not(.assets).press .xv-carved-image {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        transform-origin: center bottom;
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
    }

    .xv-related-content:not(.statement):not(.quote):not(.assets).press .xv-carved-text {
        opacity: 1;
    }

    .xv-related-content:not(.statement):not(.quote):not(.assets) .xv-carved-text {
        opacity: 1;
        -webkit-transition: opacity 2s ease-in-out;
        -ms-transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out;
        -o-transition: opacity 2s ease-in-out;
        transition: opacity 2s ease-in-out;
    }

    .xv-related-content:not(.statement):not(.quote):not(.assets):hover .xv-carved-image {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        transition: transform 2s ease-in-out,opacity 2s ease-in-out;
        -webkit-transition: -webkit-transform 2s ease-in-out,opacity 2s ease-in-out;
        -ms-transition: -ms-transform 2s ease-in-out,opacity 2s ease-in-out;
        -moz-transition: -moz-transform 2s ease-in-out,opacity 2s ease-in-out;
        -o-transition: -o-transform 2s ease-in-out,opacity 2s ease-in-out;
    }

    .xv-related-content:not(.statement):not(.quote):not(.assets):hover.press .xv-carved-image {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .xv-related-content:not(.statement):not(.quote):not(.assets):hover.press .xv-carved-text {
        opacity: 1;
    }

    .xv-related-content:not(.statement):not(.quote):not(.assets):hover .xv-carved-text {
        opacity: 0;
        -webkit-transition: opacity 2s ease-in-out;
        -ms-transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out;
        -o-transition: opacity 2s ease-in-out;
        transition: opacity 2s ease-in-out;
    }

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-related-content {
        width: calc(40% - 10px);
        margin-bottom: 20px;
    }
}

@media (max-width: 766px) {
    .xv-related-content {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-related-content:nth-child(2), .xv-related-content:nth-child(3) {
        width: calc(60% - 10px);
    }
}

@media (max-width: 766px) {
    .xv-related-content:nth-child(2), .xv-related-content:nth-child(3) {
        display: none;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-related-content:nth-child(2) {
        margin-right: 0;
    }
}

@media (min-width: 1024px) {
    .xv-related-content:nth-child(4) {
        margin-right: 0;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-related-content:nth-child(4) {
        margin-right: 0;
    }
}

.xv-related-content h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.4rem;
}

.xv-related-content h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 2.6rem;
    letter-spacing: 5px;
    line-height: 3.2rem;
    word-break: break-word;
}

.xv-related-content p {
    color: #fff;
    font-size: 1.5rem;
}

.xv-related-content a {
    color: #9a9a9a;
    cursor: pointer;
    font-size: 1.3rem;
}

.xv-related-content .xv-carved-image {
    opacity: 0.2;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
}

.xv-related-content .xv-carved-text {
    padding: 0 10px 0 25px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .xv-related-content .xv-carved-text + a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.xv-related-content.press {
    height: 390px;
    background-color: #f8f8f8;
}

    .xv-related-content.press .xv-carved-image {
        height: 50%;
        opacity: 1 !important;
    }

@media (max-width: 766px) {
    .xv-related-content.press .xv-carved-image {
        height: 70%;
    }
}

.xv-related-content.press .xv-carved-text {
    min-height: 50%;
    top: 90% !important;
    position: relative;
    top: 90%;
    -webkit-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    -moz-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    transform: translateY(-70%);
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-related-content.press .xv-carved-text {
        top: 100% !important;
    }
}

@media (max-width: 766px) {
    .xv-related-content.press .xv-carved-text {
        top: 100% !important;
        min-height: 40%;
    }

        .xv-related-content.press .xv-carved-text h4, .xv-related-content.press .xv-carved-text h3 {
            margin-top: 10px;
            margin-bottom: 10px;
        }
}

.xv-related-content.press .xv-carved-text h3, .xv-related-content.press .xv-carved-text h4 {
    color: #9a9a9a;
}

.xv-related-content.press .xv-carved-text p {
    color: #4a4b4a;
}

.page-not-found .page-title {
    margin-bottom: 0;
}

.page-not-found h1 {
    padding: 2rem 0 4.5rem 0;
}

@media (max-width: 766px) {
    .page-not-found h1 {
        padding: 0rem 0 2rem 0;
        width: 100%;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .page-not-found h1 {
        padding: 2rem 0 1.5rem 0;
    }
}

.page-not-found h2 {
    line-height: 4rem;
    margin-top: 0;
}

@media (max-width: 766px) {
    .page-not-found h2 {
        font-size: 21px;
        line-height: 30px;
    }
}

.page-not-found p {
    line-height: 2.4rem;
}

@media (min-width: 1024px) {
    .page-not-found p {
        width: 85%;
    }
}

.page-not-found .col-lg-5 {
    min-height: 43rem;
}

@media (max-width: 766px) {
    .page-not-found .col-lg-5 {
        min-height: 25rem;
    }
}

.breadcrumb {
    background: transparent;
    padding: 0;
}

    .breadcrumb > li + li:before {
        content: " ";
        padding: 0;
        margin-bottom: 2.5rem;
    }

    .breadcrumb a {
        color: #9a9a9a;
        padding-right: 0.3rem;
        text-transform: uppercase;
    }

        .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
            color: #4a4b4a;
            text-decoration: none;
        }

    .breadcrumb li {
        color: #9a9a9a;
        padding-right: 0.3rem;
        font-family: "aperculight";
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

        .breadcrumb li.active {
            color: #4a4b4a;
            text-transform: uppercase;
        }

.xv-career-wrapper {
    position: relative;
    margin-bottom: 2rem;
    overflow: hidden;
    border: none;
}

    .xv-career-wrapper h3 {
        border-bottom: 1px solid #d4d4d4;
        margin-bottom: 2rem;
        padding-bottom: 0.5rem;
        color: #9a9a9a;
        text-transform: uppercase;
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .xv-career-wrapper h4 {
        color: #4a4b4a;
        font-size: 1.6rem;
        line-height: 1.6rem;
    }

    .xv-career-wrapper a {
        text-decoration: none;
        cursor: pointer;
        color: #4a4b4a;
    }

        .xv-career-wrapper a:hover {
            color: #9a9a9a;
        }

    .xv-career-wrapper ul li {
        font-size: 1.6rem;
        line-height: 2.2rem;
        margin-bottom: 0.5rem;
    }

    .xv-career-wrapper .xv-career-header {
        width: 100%;
        float: left;
        display: block;
        background-color: #f8f8f8;
    }

        .xv-career-wrapper .xv-career-header h4 {
            margin: 0;
        }

        .xv-career-wrapper .xv-career-header a {
            padding: 2.5rem;
            display: block;
        }

@media (max-width: 766px) {
    .xv-career-wrapper .xv-career-header a {
        max-width: 95%;
    }
}

.xv-career-wrapper .xv-career-header a:after {
    font-family: "aperculight";
    font-size: 24px;
    font-weight: normal;
    content: '+';
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
}

.xv-career-wrapper .xv-career-body {
    width: 100%;
    max-height: 0px;
    padding: 0 2.5rem 0 2.5rem;
    float: left;
    overflow: hidden;
    background-color: #f8f8f8;
    -webkit-transition: max-height 0.6s ease-in-out;
    -ms-transition: max-height 0.6s ease-in-out;
    -moz-transition: max-height 0.6s ease-in-out;
    -o-transition: max-height 0.6s ease-in-out;
    transition: max-height 0.6s ease-in-out;
}

    .xv-career-wrapper .xv-career-body > div {
        margin-bottom: 1.5rem;
    }

    .xv-career-wrapper .xv-career-body div {
        display: block;
    }

    .xv-career-wrapper .xv-career-body .xv-location-box {
        width: 100%;
        clear: both;
    }

        .xv-career-wrapper .xv-career-body .xv-location-box .box-division {
            width: 25%;
            float: left;
        }

@media (max-width: 766px) {
    .xv-career-wrapper .xv-career-body .xv-location-box .box-division {
        width: 100%;
    }
}

.xv-career-wrapper .xv-career-body .xv-location-box .box-division p {
    padding-right: 1rem;
}

.xv-career-wrapper .xv-career-body .xv-apply-box {
    padding-top: 2rem;
}

    .xv-career-wrapper .xv-career-body .xv-apply-box a {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }

    .xv-career-wrapper .xv-career-body .xv-apply-box .xv-share-post {
        float: right;
    }

@media (max-width: 766px) {
    .xv-career-wrapper .xv-career-body .xv-apply-box .xv-share-post {
        width: 100%;
        margin-top: 0.6rem;
    }
}

.xv-career-wrapper .xv-career-body .xv-apply-box .xv-share-post [class^="icon-"] {
    margin-left: 5px;
    color: #9a9a9a;
    font-size: 1.9rem;
    line-height: 1.9rem;
}

.xv-career-wrapper.expanded .xv-career-header a:after {
    content: '-' !important;
}

.xv-career-wrapper.expanded .xv-career-body {
    max-height: 10000px;
}

    .xv-career-wrapper.expanded .xv-career-body div.xv-location-box {
        display: table;
    }

.xv-inquire-career a {
    display: block;
    overflow: auto;
    padding-bottom: 2.5rem;
    font-size: 1.6rem;
    line-height: 1.8rem;
    text-decoration: none;
    color: #4a4b4a;
}

    .xv-inquire-career a:hover {
        color: #9a9a9a;
    }

    .xv-inquire-career a .icon-export:before {
        margin-right: 0.7rem;
        font-size: 1.9rem;
        vertical-align: bottom;
    }

input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=radio].css-checkbox + label.css-label {
        padding-left: 25px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-family: "aperculight";
        font-size: 14px;
        font-weight: normal;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=radio].css-checkbox:checked + label.css-label {
        background-position: 0 -16px;
    }

.product-checkboxes-wrap:hover label {
    background-position: 0 -16px !important;
}

label.css-label {
    background-image: url("../png/teknion-checkboxes.png");
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.css-label-square-small {
    background-image: url("../png/teknion-checkboxes-small-square.png");
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=radio].css-checkbox + label.css-label-square-small {
    padding-left: 25px;
    height: 16px;
    color: #9c9c9c;
    display: inline-block;
    line-height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-family: "aperculight";
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].css-checkbox:checked + label.css-label-square-small {
    background-position: 0 -16px;
}

.product-checkboxes-filter {
    padding: 2rem 0 3rem 0;
}

    .product-checkboxes-filter .col-lg-12 {
        overflow: auto;
    }

    .product-checkboxes-filter p {
        color: #4a4b4a;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

input[type=radio].css-checkbox + label.css-label {
    color: #4a4b4a;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.product-checkboxes-filter p, .product-checkboxes-wrap {
    float: left;
    margin-right: 3rem;
}

.collapse-box-widget {
    margin-bottom: 2rem;
}

    .collapse-box-widget a {
        font-size: 1.6rem;
        color: #9a9a9a;
        display: table-cell;
        line-height: 2rem;
    }

        .collapse-box-widget a:hover, .collapse-box-widget a:focus, .collapse-box-widget a:active {
            color: #676767;
            text-decoration: none;
        }

        .collapse-box-widget a span {
            display: inline-block;
            vertical-align: middle;
        }

@media (min-width: 1024px) {
    .collapse-box-widget a span:nth-child(2) {
        padding: 0 0 0 1.2rem;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .collapse-box-widget img {
        display: block;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 766px) {
    .collapse-box-widget img {
        display: block;
        margin-bottom: 1.5rem;
    }
}

.collapse-box-widget .featured-item {
    display: inline-block;
    margin-right: 2rem;
}

@media (max-width: 766px) {
    .collapse-box-widget .featured-item {
        padding-bottom: 1rem;
    }
}

.collapse-box-widget .featured-item span {
    display: inline-block;
    margin: 0;
}

.collapse-box-widget .first-block {
    padding: 2.5rem 2.5rem 0 2.5rem;
}

    .collapse-box-widget .first-block h3 {
        line-height: 1.6rem;
        margin-bottom: 3rem;
        text-transform: uppercase;
        font-size: 1.6rem;
    }

.collapse-box-widget .download-icon {
    vertical-align: middle;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .collapse-box-widget .download-icon {
        margin: 0;
        padding-bottom: 0.5rem;
    }
}

@media (max-width: 766px) {
    .collapse-box-widget .download-icon {
        margin: 0;
    }
}

.collapse-box-widget .icons-box-wrap {
    width: 18px;
    /*display: inline-block;*/ /*Amresh for TMHD-100*/
    float: right;
    vertical-align: top;
}
/*Amresh for TMHD-100*/
/*@media (min-width: 767px) and (max-width: 1023px) {
    .collapse-box-widget .icons-box-wrap {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        min-height: 15%;
    }
}*/

/*Amresh for TMHD-100*/
/*@media (max-width: 766px) {
    .collapse-box-widget .icons-box-wrap {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        min-height: 15%;
    }
}*/

.collapse-box-widget .icons-box-wrap a {
    display: block;
    margin-left: 0.1em;
}

.collapse-box-widget .icons-box-wrap .icon-star:before {
    margin-left: 0.1em;
}

.collapse-box-widget .item-wrap {
    position: relative;
    padding-bottom: 1.5rem;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .collapse-box-widget .item-wrap {
        min-height: 230px;
        padding-left: 0px;
    }
}

@media (max-width: 766px) {
    .collapse-box-widget .item-wrap {
        min-height: 240px;
        padding-left: 0px;
    }
}


.collapse-box-widget .item-wrap .bottom-line-divider {
    position: relative;
    min-height: 105px;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 2rem;
}
/*for TMHD-100*/
@media (max-width: 1140px) {
    .collapse-box-widget .icons-box-wrap {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        min-height: 15%;
    }
    .collapse-box-widget .item-wrap {
        min-height: 230px;
        padding-left: 0px;
    }
    .collapse-box-widget .item-wrap .bottom-line-divider {
        /*min-height: 205px;*/
        min-height: 165px;
    }
    .collapse-box-widget img {
        display: block;
        margin-bottom: 1.5rem;
    }
}
@media (min-width: 767px) and (max-width: 1023px) {
    .collapse-box-widget .item-wrap .bottom-line-divider {
        /*min-height: 205px;*/
        min-height: 165px;
    }
}

@media (max-width: 766px) {
    .collapse-box-widget .item-wrap .bottom-line-divider {
        /*min-height: 215px;*/
        min-height: 173px;
    }
}

.collapse-box-widget .item-wrap .featured-item img {
    width: 50px;
    height: 65px;
    vertical-align: top;
}

.collapse-box-widget .item-wrap .featured-item span {
    max-width: 15rem;
    overflow: initial;
}

    .collapse-box-widget .item-wrap .featured-item span:hover {
        overflow: visible;
    }

.collapse-box-widget .item-wrap-second {
    padding-bottom: 1.5rem;
}

    .collapse-box-widget .item-wrap-second .bottom-line-divider {
        padding-bottom: 1.5rem;
    }

    .collapse-box-widget .item-wrap-second .icons-box-wrap {
        float: right;
    }

@media (max-width: 991px) {
    .collapse-box-widget .item-wrap-second .icons-box-wrap {
        float: none;
    }
}

.collapse-box-widget .share-icon {
    height: 15px;
    width: 18px;
    background: url("../png/sprite-image.png") no-repeat -97px -40px;
    display: inline-block;
    margin-top: 0.5rem;
}

.collapse-box-widget .panel {
    box-shadow: none;
}

    /*.collapse-box-widget .panel > .panel-heading {
        position: relative;
    }*/

.collapse-box-widget .panel-body {
    padding: 0 2.5rem;
    position: relative;
}

.collapse-box-widget .panel-title {
    color: #3d3d3d;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-transform: uppercase;
}

    .collapse-box-widget .panel-title a {
        color: #676767;
        display: block;
        padding: 2rem;
    }

        .collapse-box-widget .panel-title a:hover {
            color: #9a9a9a;
        }

    .collapse-box-widget .panel-title > a.collapsed:after {
        font-family: "aperculight";
        content: '+';
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        left: 2.2rem;
        top: 2rem;
    }

    .collapse-box-widget .panel-title > a:after {
        font-family: "aperculight";
        content: '-';
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        left: 2.2rem;
        top: 2rem;
    }

.collapse-box-widget .panel-heading {
    border-radius: 0;
    padding: 0;
}

    .collapse-box-widget .panel-heading:hover {
        cursor: pointer;
    }

    .collapse-box-widget .panel-heading h4 {
        margin: 0 0 0 1.5rem;
    }

.collapse-box-widget .panel-default {
    border: none;
}

    .collapse-box-widget .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: none;
    }

    .collapse-box-widget .panel-default > .panel-heading {
        background-color: #f8f8f8;
    }

.collapse-box-widget .panel-group {
    margin-bottom: 2rem;
}

    .collapse-box-widget .panel-group .panel + .panel {
        margin-top: 0;
    }

    .collapse-box-widget .panel-group .panel-default:nth-child(odd) > .panel-collapse {
        background-color: #eee;
    }

        .collapse-box-widget .panel-group .panel-default:nth-child(odd) > .panel-collapse .panel-body .hide-last-borders {
            background-color: #eee;
        }

    .collapse-box-widget .panel-group .panel-default:nth-child(odd) > .panel-heading {
        background-color: #eee;
    }

    .collapse-box-widget .panel-group .panel-default:nth-child(even) > .panel-collapse {
        background-color: #f8f8f8;
    }

        .collapse-box-widget .panel-group .panel-default:nth-child(even) > .panel-collapse .panel-body .hide-last-borders {
            background-color: #f8f8f8;
        }

.collapse-box-widget .hide-last-borders {
    position: absolute;
    bottom: 9px;
    left: 0;
    width: 100%;
    height: 18px;
    z-index: 1;
}

.collapse-box-widget .hide-last-borders-second {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 18px;
    z-index: 1;
}

@media (min-width: 1024px) {
    .collapse-box-featured-items .item-wrap:nth-child(4n+4) {
        margin-right: 0;
    }
}

.case-study-overview {
    padding-bottom: 2rem;
}

@media (max-width: 766px) {
    .case-study-overview {
        padding-bottom: 3rem;
    }

        .case-study-overview:nth-child(3) {
            padding-bottom: 0;
        }
}

.case-study-overview p {
    color: #3d3d3d;
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
}

.case-study-overview h3 {
    font-size: 1.4rem;
    line-height: 1.4rem;
}

.content-block {
    width: 100%;
    /*margin-bottom: 2rem;*/ /*Comment by Amresh*/
}

    .content-block img {
        max-width: 100%;
    }

@media (min-width: 767px) and (max-width: 1023px) {
    .content-block img {
        width: 100%;
    }
}

.content-block .content-block-wrap {
    overflow: auto;
}

.content-block .image-wrap {
    float: left;
}

@media (min-width: 1024px) {
    .content-block .image-wrap {
        width: 60%;
    }
}

@media (min-width: 992px) and (max-width: 1099px) {
    .content-block .image-wrap {
        width: 60%;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .content-block .image-wrap img {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .content-block .image-wrap {
        width: 100%;
    }
}

.content-block .grey-block-text {
    float: left;
    width: 38%;
}

@media (min-width: 1024px) {
    .content-block .grey-block-text {
        padding: 5.5rem 1rem 0 4rem;
    }
}

@media (min-width: 992px) and (max-width: 1099px) {
    .content-block .grey-block-text {
        padding: 5.5rem 1rem 0 4rem;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .content-block .grey-block-text {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .content-block .grey-block-text {
        width: 100%;
    }

        .content-block .grey-block-text p {
            margin: 0;
            padding: 4rem;
        }
}

.content-block .grey-block-text p {
    color: #9a9a9a;
    font-family: 'aperculightitalic';
    font-size: 2.4rem;
    line-height: 3.5rem;
}

@media (min-width: 992px) and (max-width: 1099px) {
    .content-block .grey-block-text p {
        font-size: 2.2rem;
        line-height: 3rem;
    }
}

.content-block .large-left-content h3 {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-bottom: 5rem;
}

@media (min-width: 1024px) {
    .content-block .large-left-content h3 {
        padding-right: 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1099px) {
    .content-block .large-left-content h3 {
        padding-right: 1rem;
    }
}

@media (max-width: 991px) {
    .content-block .large-left-content h3 {
        margin-bottom: 2rem;
    }
}

.content-block .large-left-content a {
    color: #3d3d3d;
}

@media (min-width: 1024px) {
    .content-block .large-right-content {
        float: right;
    }
}

.content-block .image-subtitle {
    padding-top: 2rem;
    color: #9a9a9a;
    font-family: 'aperculightitalic';
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.content-block .grey-box {
    padding: 3rem 3rem 0 3rem;
    text-align: center;
}

    .content-block .grey-box p, .content-block .grey-box cite {
        color: #9a9a9a;
        font-family: 'aperculightitalic';
    }

    .content-block .grey-box p {
        font-size: 2.4rem;
        line-height: 3rem;
        margin-bottom: 1rem;
    }

    .content-block .grey-box cite {
        padding-bottom: 4rem;
        display: block;
        font-size: 1.6rem;
        line-height: 2rem;
    }

@media (max-width: 991px) {
    .content-block .grey-box {
        margin: 3rem 0;
    }
}

@media (min-width: 1024px) {
    .large-content-block .large-left-content {
        width: 34%;
    }
}

@media (min-width: 992px) and (max-width: 1099px) {
    .large-content-block .large-left-content {
        width: 34%;
    }
}

@media (min-width: 1024px) {
    .large-content-block .large-right-content {
        width: 62%;
    }
}

@media (min-width: 992px) and (max-width: 1099px) {
    .large-content-block .large-right-content {
        width: 66%;
    }
}

.rel-content-text-box p {
    color: #3d3d3d;
    margin-bottom: 0.5rem;
}

.rel-content-text-box h4 {
    margin: 0 0 0.5rem 0;
    color: #9a9a9a;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 2rem;
}

.custom-small-content-block h3 {
    margin: 0 0 0.5rem 0;
    color: #9a9a9a;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 2rem;
}

.custom-small-content-block h4 {
    margin-top: 25px;
}

.grey-content-block p {
    margin-bottom: 2rem;
}

.grey-content-block h4 {
    font-size: 2.4rem;
    line-height: 2.4rem;
    margin: 3rem 0;
}

.grey-content-block .grey-bk {
    overflow: auto;
    padding: 0 1.5rem 1.5rem 1.5rem;
}

@media (min-width: 1024px) {
    .grey-content-block .content-column {
        padding-right: 4.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1099px) {
    .grey-content-block .content-column {
        padding-right: 4.5rem;
    }
}

.condensed-block p {
    margin-bottom: 0;
}

    .condensed-block p:last-child {
        margin-bottom: 1.5rem;
    }

@media (min-width: 767px) and (max-width: 1023px) {
    .custom-info-block-wrapper {
        padding-top: 2rem;
        clear: both;
        overflow: auto;
    }
}

@media (max-width: 766px) {
    .custom-info-block-wrapper {
        padding-top: 2rem;
        clear: both;
        overflow: auto;
    }
}

.download-block {
    margin-bottom: 4rem;
}

    .download-block p {
        color: #9a9a9a;
        margin: 0;
    }

        .download-block p a {
            padding: 2rem 0 2rem 6.8rem;
            display: block;
            background: url("../jpg/teknion-case-study-document.jpg") no-repeat 0 0;
            color: #9a9a9a;
        }

    .download-block .grey-bk {
        padding: 2rem 2.5rem;
    }

.download-icon {
    height: 14px;
    width: 15px;
    margin-top: 0.5rem;
    display: inline-block;
    background: url("../png/sprite-image.png") no-repeat -79px -40px;
}

.link-icon {
    height: 16px;
    width: 18px;
    margin-top: 0.5rem;
    display: inline-block;
    /*background: url("../resources/sprites/sprite-image.png") no-repeat -98px -40px;*/
}
.featured-items-block {
    margin-bottom: 3rem;
}

    .featured-items-block .grey-bk {
        padding: 2.5rem 2.5rem 2rem 2.5rem;
    }

    .featured-items-block h3 {
        margin-bottom: 2rem;
        font-size: 1.6rem;
        line-height: 1.6rem;
        text-transform: uppercase;
    }

    .featured-items-block a {
        color: #9a9a9a;
        font-size: 1.6rem;
        line-height: 2rem;
    }

        .featured-items-block a:hover, .featured-items-block a:active, .featured-items-block a:focus {
            color: #676767;
            text-decoration: none;
        }

        .featured-items-block a span {
            display: inline-block;
            padding-left: 1.8rem;
            vertical-align: middle;
        }

@media (min-width: 1024px) {
    .featured-items-block a span {
        width: 34rem;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .featured-items-block a span {
        width: 22rem;
    }
}

@media (max-width: 766px) {
    .featured-items-block a span {
        width: 12rem;
        margin-top: 2rem;
        padding: 0;
        display: block;
    }
}

.featured-items-block .featured-item {
    display: inline-block;
}

.featured-items-block .icons-box-wrap {
    float: right;
    display: inline-block;
    margin-top: 1.9rem;
}

@media (max-width: 766px) {
    .featured-items-block .icons-box-wrap {
        margin-top: 0;
        float: none;
        display: block;
    }
}

.featured-items-block .row .col-lg-6 {
    margin-bottom: 1rem;
}

    .featured-items-block .row .col-lg-6:nth-child(odd) {
        padding-right: 4rem;
    }

@media (max-width: 766px) {
    .featured-items-block .row .col-lg-6:nth-child(odd) {
        padding-right: 1rem;
    }
}

.xv-mainfilter-wrapper {
    width: 100%;
    opacity: 1;
    pointer-events: auto;
}

@media (max-width: 766px) {
    .xv-mainfilter-wrapper {
        margin-bottom: 1rem;
    }
}

.xv-mainfilter-wrapper.block-access {
    opacity: 0.2;
    pointer-events: none;
}

.xv-mainfilter-wrapper.expand .xv-filter-phone span:before {
    content: "-" !important;
}

@media (max-width: 766px) {
    .xv-mainfilter-wrapper.expand .xv-filter-bundle {
        max-height: 800px;
        padding: 1rem 1.4rem 3rem 1.4rem;
    }
}

@media (max-width: 766px) {
    .xv-mainfilter-wrapper.expand .xv-filter-radiobuttons {
        display: inline-block;
    }
}

.xv-mainfilter-wrapper .dropdown-selector {
    margin-bottom: 0;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-mainfilter-wrapper .dropdown-selector {
        margin-bottom: 1rem;
    }
}

@media (max-width: 766px) {
    .xv-mainfilter-wrapper .dropdown-selector {
        margin-bottom: 1rem;
    }
}

.xv-mainfilter-wrapper .xv-filter-phone {
    padding: 0 1.5rem;
    background-color: #f8f8f8;
    cursor: pointer;
}

    .xv-mainfilter-wrapper .xv-filter-phone h3 {
        margin: 0;
        padding: 2rem 0;
        text-transform: uppercase;
    }

    .xv-mainfilter-wrapper .xv-filter-phone a {
        color: #4a4b4a;
        font-size: 1.4rem;
        text-decoration: none;
    }

    .xv-mainfilter-wrapper .xv-filter-phone span {
        float: right;
        font-size: 3rem;
    }

        .xv-mainfilter-wrapper .xv-filter-phone span:before {
            content: "+";
        }

.xv-mainfilter-wrapper .xv-filter-bundle {
    width: 100%;
    margin-bottom: 20px;
}

@media (max-width: 766px) {
    .xv-mainfilter-wrapper .xv-filter-bundle {
        max-height: 0px;
        padding: 0;
        display: block;
        overflow: hidden;
        background-color: #f8f8f8;
        -webkit-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }
}

.xv-mainfilter-wrapper .xv-filter-bundle button.disabled {
    border-color: #F8F8F8 !important;
}

    .xv-mainfilter-wrapper .xv-filter-bundle button.disabled span {
        color: #F8F8F8 !important;
    }

        .xv-mainfilter-wrapper .xv-filter-bundle button.disabled span.caret {
            opacity: 0;
        }

.xv-mainfilter-wrapper .xv-filter-bundle .xv-filter-bundle-group {
    display: none;
}

    .xv-mainfilter-wrapper .xv-filter-bundle .xv-filter-bundle-group:nth-of-type(1) {
        display: block;
    }

.xv-mainfilter-wrapper .xv-filter-bundle .xv-filter-group-product .dropdown-selector, .xv-mainfilter-wrapper .xv-filter-bundle .xv-filter-group-asset .dropdown-selector, .xv-mainfilter-wrapper .xv-filter-bundle .xv-filter-group-topic .dropdown-selector, .xv-mainfilter-wrapper .xv-filter-bundle .xv-filter-group-fabrics .dropdown-selector {
    margin-bottom: 20px;
}

.xv-mainfilter-wrapper .xv-filter-radiobuttons {
    width: 100%;
    margin-bottom: 2rem;
    padding: 0;
}

@media (max-width: 766px) {
    .xv-mainfilter-wrapper .xv-filter-radiobuttons {
        margin: 0;
        padding: 1rem 1.4rem;
        display: none;
        background-color: #f8f8f8;
    }
}

.xv-mainfilter-wrapper .xv-filter-radiobuttons ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .xv-mainfilter-wrapper .xv-filter-radiobuttons ul li {
        position: relative;
        display: inline-block;
        min-width: 120px;
    }

@media (max-width: 766px) {
    .xv-mainfilter-wrapper .xv-filter-radiobuttons ul li {
        z-index: 1;
    }
}

.xv-mainfilter-wrapper .xv-filter-radiobuttons a {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: -1;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

    .xv-mainfilter-wrapper .xv-filter-radiobuttons a span {
        position: relative;
        top: -1px;
        right: -100%;
        margin-left: 5px;
        display: inline-block;
        vertical-align: bottom;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #9a9a9a;
    }

.xv-mainfilter-wrapper .xv-filter-radiobuttons input[type="radio"] {
    width: 20px;
    height: 20px;
    margin: 0;
    opacity: 0;
}

    .xv-mainfilter-wrapper .xv-filter-radiobuttons input[type="radio"]:checked + a {
        background-color: #ccc;
    }

.xv-radio-to-dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}

    .xv-radio-to-dropdown.block-access {
        opacity: 0.2;
        pointer-events: none;
    }

@media (max-width: 766px) {
    .xv-radio-to-dropdown .dropdown-selector-mobile {
        margin-bottom: 1rem;
    }
}

.xv-radio-to-dropdown .product-checkboxes-filter {
    padding: 0rem 0 2.5rem;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-radio-to-dropdown .product-checkboxes-filter {
        padding: 0;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-radio-to-dropdown .product-checkboxes-filter p {
        margin-right: 2.1rem;
        padding-bottom: 2rem;
    }
}

.xv-radio-to-dropdown .product-checkboxes-tablet p {
    line-height: 1.6rem;
    margin-bottom: 0;
}

.xv-radio-to-dropdown .product-checkboxes-wrap.clone {
    display: none !important;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-radio-to-dropdown .product-checkboxes-wrap {
        margin-right: 2.1rem;
        padding-bottom: 2rem;
    }
}

@media (max-width: 766px) {
    .product-search-box {
        margin-bottom: 10px;
    }
}

.product-search-box {
    position: relative;
}

.clear-filters-btn {
    width:100%;
    height:50px;
    background-color:#ddd;
    letter-spacing: 3px;
    border: solid 1px #ddd;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .product-search-box {
        margin-bottom: 2rem;
    }
}

.product-search-box input[type="text"] {
    width: 100%;
    height: 48px;
    padding-left: 2rem;
    border: none;
    border-bottom: 1px solid #ddd;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .product-search-box input[type="text"] {
        padding-left: 1.2rem;
    }
}

.product-search-box input[type="button"] {
    position: absolute;
    top: 15px;
    right: 25px;
    width: 20px;
    padding: 0;
    background: url("../png/sprite-image.png") no-repeat -59px -40px;
}

@media (max-width: 766px) {
    .mobile-filter-dropdown {
        margin-bottom: 1rem;
        display: block;
    }

        .mobile-filter-dropdown h3 {
            margin: 0;
            padding: 2rem 0;
            text-transform: uppercase;
        }

            .mobile-filter-dropdown h3 a {
                color: #3d3d3d;
                font-size: 1.4rem;
            }

            .mobile-filter-dropdown h3 span {
                color: #5f5f5f;
                font-size: 3rem;
            }

            .mobile-filter-dropdown h3 a:hover, .mobile-filter-dropdown h3 a:active, .mobile-filter-dropdown h3 a:focus {
                text-decoration: none;
            }

        .mobile-filter-dropdown form {
            padding-bottom: 2rem;
        }

        .mobile-filter-dropdown .filter-background, .mobile-filter-dropdown input[type="text"] {
            background: #f8f8f8;
        }

        .mobile-filter-dropdown .filter-background {
            overflow: auto;
            padding: 0 1.5rem;
        }

        .mobile-filter-dropdown .download-dropdown-activate, .mobile-filter-dropdown .invite-dropdown-activate {
            text-transform: none;
            cursor: pointer;
        }

        .mobile-filter-dropdown .case-study-overview h3 {
            padding: 0;
            margin: 0 0 0.5rem 0;
        }
}

@media (max-width: 766px) {
    .filter-dropdown-activate:hover, .filter-dropdown-activate:active, .filter-dropdown-activate:focus {
        cursor: pointer;
    }
}

.main-image {
    margin-bottom: 2rem;
    position: relative;
}

@media (max-width: 766px) {
    .main-image {
        margin-bottom: 1rem;
    }
}

.main-image h1 {
    text-transform: uppercase;
}

.main-image p {
    margin: 0 0 0.5rem 0;
    color: #fff;
    font-family: "aperculight";
    font-size: 1.4rem;
    text-transform: uppercase;
}

.main-image img {
    width: 100%;
}

.main-image .hero-block {
    position: absolute;
    /*width: 27.5rem;*/
    max-width:90%;
}

    .main-image .hero-block h3 {
        margin: 0;
        color: #fff;
        font-family: "aperculight";
        font-size: 4rem;
        text-transform: uppercase;
        line-height: 4.5rem;
        letter-spacing: 7px;
    }

.main-image .hero-block-bottom-left {
    bottom: 2rem;
    left: 4rem;
}

.main-image .hero-video {
    position: relative;
    width: 100%;
    height: auto !important;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .main-image .hero-video {
        float: left;
    }
}

@media (max-width: 766px) {
    .main-image .hero-video {
        float: left;
    }
}

.main-image .hero-video > div {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
}

.xv-detail-binder {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: flexbox;
}

@media (min-width: 1024px) {
    .xv-detail-binder {
        margin-bottom: 20px;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-detail-binder {
        display: block;
    }
}

@media (max-width: 766px) {
    .xv-detail-binder {
        display: block;
    }
}

.xv-detail-binder > div:last-child {
    height: 440px;
}

.xv-planning-scenario {
    position: relative;
    background-color: #e7e7e7;
}

@media (min-width: 1024px) {
    .xv-planning-scenario {
        width: 38%;
        margin-right: 2%;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-planning-scenario {
        width: 100%;
        height: 440px;
        float: left;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 766px) {
    .xv-planning-scenario {
        width: 100%;
        height: 300px;
        float: left;
        margin-right: 10px;
        margin-bottom: 20px;
    }
}

.xv-planning-scenario ~ .xv-videocarousel-container {
    width: 60% !important;
    height: auto !important;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-planning-scenario ~ .xv-videocarousel-container {
        width: 100% !important;
    }
}
/*Added by Amresh for geography navigation at 1023 px */
@media  (max-width: 1023px) {
    ul.list-inline.xv-header-links.hidden-lg.hidden-md {
        display:block !important;
    }
}

@media (max-width: 766px) {
    .xv-planning-scenario ~ .xv-videocarousel-container {
        width: 100% !important;
    }
}

.xv-planning-scenario .xv-carved-image {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.6;
}

.xv-planning-scenario .xv-carved-text {
    left: 5%;
    top: 88% !important;
    position: absolute !important;
    position: relative;
    top: 90%;
    -webkit-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    -moz-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    transform: translateY(-70%);
}

    .xv-planning-scenario .xv-carved-text h4, .xv-planning-scenario .xv-carved-text h3, .xv-planning-scenario .xv-carved-text p, .xv-planning-scenario .xv-carved-text a {
        color: #4a4b4a;
        font-family: "aperculight";
    }

    .xv-planning-scenario .xv-carved-text h3 {
        word-spacing: 200px;
        font-size: 2.6rem;
        letter-spacing: 5px;
        line-height: 3.2rem;
        text-transform: uppercase;
        width: 70%;
    }

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-planning-scenario .xv-carved-text h3 {
        word-spacing: 600px;
    }
}

.xv-planning-scenario .xv-carved-text p {
    font-size: 1.6rem;
    width: 70%;
}

.xv-planning-scenario .xv-carved-text + a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.xv-planning-scenario .xv-carved-text .line {
    width: 30px;
    border-top: 1px solid #4a4b4a;
    margin-bottom: 10px;
}

.xv-videocarousel-container {
    position: relative;
    width: 100%;
    height: auto !important;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-videocarousel-container {
        float: left;
    }
}

@media (max-width: 766px) {
    .xv-videocarousel-container {
        float: left;
    }
}

.xv-videocarousel-container .xv-videocarousel-imagewrapper {
    position: relative;
    min-height: 360px;
    max-height: 480px;
    background-color: #e7e7e7;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-videocarousel-container .xv-videocarousel-imagewrapper {
        min-height: 440px;
    }
}

.xv-videocarousel-container .xv-videocarousel-imagewrapper img {
    width: 100%;
    height: auto;
}

.xv-videocarousel-container .xv-videocarousel-imagewrapper a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

.xv-videocarousel-container .xv-videocarousel-imagewrapper > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-videocarousel-container .xv-videocarousel-videowrapper {
        height: auto;
    }
}

@media (max-width: 766px) {
    .xv-videocarousel-container .xv-videocarousel-videowrapper {
        height: auto;
    }
}

.xv-videocarousel-container .slick-dots {
    bottom: 35px !important;
    left: 10px;
    text-align: left !important;
    margin-bottom: 0;
}

    .xv-videocarousel-container .slick-dots li {
        width: 8px;
        margin: 0 0 0 5px;
    }

@media (min-width: 1024px) {
    .xv-videocarousel-container.slick-slider {
        margin-bottom: 0;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .xv-videocarousel-container.slick-slider {
        margin-bottom: 0;
    }
}

@media (max-width: 766px) {
    .xv-videocarousel-container.slick-slider {
        margin-bottom: 0;
    }
}

.navbar-fixed-top {
    z-index: 9999;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
}

@media (max-width: 766px) {
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
}

.navbar {
    margin: 1.5rem 0 0 0;
}

@media (min-width: 1024px) {
    .navbar {
        min-height: 2.7rem;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar {
        margin: 0;
    }

        .navbar > .container .navbar-brand {
            padding-top: 0px;
        }
}

@media (max-width: 766px) {
    .navbar {
        margin: 0;
    }

        .navbar > .container .navbar-brand {
            padding-top: 0px;
        }
}

.navbar a {
    font-family: "apercuregular";
}

@media (min-width: 1024px) {
    .navbar-header {
        height: 27px;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar-header {
        float: none;
        padding: 2rem 1rem 0 1rem;
    }
}

@media (max-width: 766px) {
    .navbar-header {
        float: none;
        padding: 2rem 2rem 0 2rem;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar-toggle {
        margin: 0;
        padding-right: 0;
        display: block;
    }

        .navbar-toggle .icon-bar {
            height: 3px;
            width: 30px;
        }
}

@media (max-width: 766px) {
    .navbar-toggle {
        margin: 0;
        padding-right: 0;
        display: block;
    }

        .navbar-toggle .icon-bar {
            height: 3px;
            width: 30px;
        }
}

@media only screen and (max-width: 480px) {
    .navbar-toggle {
        padding-right: 5px;
    }
}

@media (min-width: 1024px) {
    .navbar-brand {
        height: 27px;
        padding: 0 10px;
    }
}

@media (max-width: 766px) {
    .navbar-brand {
        padding-left: 0;
    }
}

.navbar-default {
    background-color: transparent;
    border: none;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar-default .container {
        padding: 0;
        width: 100%;
    }
}

@media (max-width: 766px) {
    .navbar-default .container {
        padding: 0;
        width: 100%;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar-default .navbar-toggle {
        padding-top: 15px;
        border: none;
    }

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

@media (max-width: 766px) {
    .navbar-default .navbar-toggle {
        border: none;
    }

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

.navbar-default .navbar-collapse {
    border: none;
    padding-bottom: 2rem;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar-default .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-default .navbar-collapse.collapse {
            display: none !important;
        }

            .navbar-default .navbar-collapse.collapse.in {
                display: block !important;
            }
}

@media (max-width: 766px) {
    .navbar-default .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-default .navbar-collapse.collapse {
            display: none !important;
        }

            .navbar-default .navbar-collapse.collapse.in {
                display: block !important;
            }
}

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

.navbar-default .navbar-nav {
    margin-top: 1rem;
}

@media (max-height: 400px) {
    /*.navbar-default .navbar-nav {
        max-height: 100px;
        overflow: auto;
    }*/
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar-default .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
        padding: 0 1rem;
    }
}

@media (max-width: 766px) {
    .navbar-default .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }
}

@media (max-width: 766px) {
    /*.navbar-default .navbar-nav > li {
        margin-bottom: 1.5rem;
        text-align: center;
    }*/
}

.navbar-default .navbar-nav > li > a {
    height: auto;
    margin: 0 0 0 4rem;
    padding: 0;
    border-bottom: 1px solid #fff;
    color: #9a9a9a;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar-default .navbar-nav > li > a {
        float: left;
        font-size: 1.7rem;
        line-height: 1.7rem;
        margin: 0 5.7rem 0 0;
    }
}

@media (max-width: 766px) {
    .navbar-default .navbar-nav > li > a {
        margin: 0;
        padding-bottom: 0;
        display: inline-block;
        border-bottom: 1px solid transparent;
    }
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    text-decoration: none;
}

@media (min-width: 1024px) {
    .navbar-default .navbar-nav > li:last-child a {
        border: none;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar-default .navbar-nav > li:last-child a {
        border: none;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar-default .navbar-nav > li.xv-search-box {
        float: left;
    }
}

@media (max-width: 766px) {
    /*.navbar-default .navbar-nav > li.xv-search-box {
        text-align: center;
    }*/
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar-default .navbar-nav > li.xv-search-box a {
        margin-right: 0;
    }
}

@media (max-width: 766px) {
    .navbar-default .navbar-nav > li.xv-search-box a {
        height: 22px;
        padding: 0 0 10px 0;
    }
}

.navbar-default .navbar-nav > li.xv-search-box > a:hover, .navbar-default .navbar-nav > li.xv-search-box > a:active, .navbar-default .navbar-nav > li.xv-search-box > a:focus {
    border-bottom: none;
}

@media (max-width: 766px) {
    .navbar-default .navbar-nav > li.xv-search-box > a:hover, .navbar-default .navbar-nav > li.xv-search-box > a:active, .navbar-default .navbar-nav > li.xv-search-box > a:focus {
        border-bottom: 1px solid #9a9a9a;
    }
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-color: transparent;
    color: #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    text-decoration: none;
}

    .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: #9a9a9a;
        border-bottom: 1px solid #9a9a9a;
        text-decoration: none;
    }

.nav-tabs {
    margin-bottom: 20px;
}

    .nav-tabs > li {
        width: 50%;
    }

        .nav-tabs > li a {
            margin-right: 0;
            padding: 1.5rem;
            color: #4a4b4a;
            background-color: #f8f8f8;
            border-color: transparent transparent #ddd;
            border-radius: 0;
            font-size: 1.4rem;
            line-height: 1.8rem;
            font-family: "aperculight";
            letter-spacing: 3px;
            text-align: center;
            text-transform: uppercase;
        }

        .nav-tabs > li.active > a {
            background-color: #ddd;
            border-color: transparent transparent #ddd;
        }

            .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
                background-color: #ddd;
                border-color: transparent transparent #ddd;
            }

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #f8f8f8;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .navbar-right {
        margin-right: 0;
    }
}

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

.close-icon {
    height: 28px;
    width: 28px;
    display: block;
    background: url("../png/sprite-image.png") no-repeat -24px -40px;
}

.search-button {
    display: block;
    padding-right: 2.6rem;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .search-button {
        padding-right: 0;
    }
}

.search-icon {
    background: url("../png/teknion-search-sprite-image.png") no-repeat 0 0;
    height: 15px;
    display: inline-block;
    padding: 0;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .search-icon {
        margin-right: 0;
        padding-right: 0;
        padding-left: 0.6rem;
    }
}

@media (max-width: 766px) {
    .search-icon {
        padding-left: 3rem;
    }
}

.modal {
    z-index: 99999;
}

.modal-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .modal-body ul li {
        padding: 0.5rem 1rem 0 1rem;
        display: block;
        color: #9a9a9a;
        /*background-color: #f8f8f8;*/
        word-wrap: break-word;
        font-size: 1.6rem;
        text-align: center;
    }

    .modal-body ul li .odd{
        background-color: #fafafa;
    }

    .modal-body ul li .even{
        background-color: #fafafa;
    }
        .modal-body ul li div {
            /*width: 100%;
            display: inline-block;
            padding-top: 5px;
            border-top: 1px dotted #9a9a9a;
            line-height: 20px;*/
        }

            .modal-body ul li div a {
                width: 25%;
                float: left;
                color: #9a9a9a;
                /*border-right: 1px solid #9a9a9a;*/
                text-decoration: none;
                cursor: pointer;
            }

                .modal-body ul li div a:nth-child(4n+4) {
                    /*border: none;*;
                }

                .modal-body ul li div a:hover, .modal-body ul li div a:active, .modal-body ul li div a:focus {
                    color: #676767;
                    text-decoration: none;
                }

        .modal-body ul li:nth-child(odd) {
            /*background-color: #eee;*/
        }

.modal-body .default-body {
    display: block;
}

.modal-body .thankyou-message-body {
    display: none;
}

.modal-body.message-sent .default-body {
    display: none;
}

.modal-body.message-sent .thankyou-message-body {
    display: block;
    text-align: center;
}

.modal-title span {
    display: inline-block;
    font-weight: 900;
}

    .modal-title span:nth-child(2) {
        margin-right: 0.5rem;
        vertical-align: middle;
    }

.modal-dialog {
    z-index: 99999;
    margin: 125px auto 0 auto;
}

@media (max-width: 766px) {
    .modal-dialog {
        margin: 0px auto 0 auto;
    }
}

.modal-content {
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.modal.fade:not(.in).left .modal-dialog {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
}

#assetsResultsModal {
    padding: 0;
    text-align: left;
}

    #assetsResultsModal .modal-title span {
        color: #9a9a9a;
    }

    #assetsResultsModal .icon-download-2:after {
        font-size: 24px;
        vertical-align: top;
    }

    #assetsResultsModal .asset-download-row.original {
        display: none;
    }

    #assetsResultsModal .high-quality, #assetsResultsModal .medium-quality, #assetsResultsModal .low-quality, #assetsResultsModal .original-quality {
        text-transform: capitalize;
        word-break: break-word;
        word-spacing: 50px;
    }

        #assetsResultsModal .high-quality.nonexistent, #assetsResultsModal .medium-quality.nonexistent, #assetsResultsModal .low-quality.nonexistent, #assetsResultsModal .original-quality.nonexistent {
            color: #ccc;
            pointer-events: none;
            opacity: 0.5;
            filter: alpha(opacity=50); /* For IE8 and earlier */

        }

#assetsDownloadModal h5 {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

    #assetsDownloadModal h5 div {
        width: 20%;
        float: left;
    }

        #assetsDownloadModal h5 div:first-child {
            width: 60%;
        }

        #assetsDownloadModal h5 div:last-child {
            text-align: center;
        }

#assetsDownloadModal .asset-downloadtype-row {
    width: 100%;
    height: 50px;
    float: left;
    padding: 1em 0.6em;
}

    #assetsDownloadModal .asset-downloadtype-row div {
        width: 20%;
        float: left;
    }

        #assetsDownloadModal .asset-downloadtype-row div:first-child {
            position: relative;
            width: 60%;
            z-index: 0;
        }

        #assetsDownloadModal .asset-downloadtype-row div:last-child {
            text-align: center;
        }

        #assetsDownloadModal .asset-downloadtype-row div span {
            position: relative;
            top: -2px;
            font-size: 1.3em;
            vertical-align: bottom;
            text-transform: capitalize;
        }

    #assetsDownloadModal .asset-downloadtype-row input[type="radio"] {
        width: 20px;
        height: 20px;
        margin: 0;
        opacity: 0;
    }

        #assetsDownloadModal .asset-downloadtype-row input[type="radio"]:checked + a {
            background-color: #000;
        }

    #assetsDownloadModal .asset-downloadtype-row a {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        padding: 0;
        background-color: #fff;
        border: 1px solid #ccc;
        z-index: -1;
    }

    #assetsDownloadModal .asset-downloadtype-row:nth-child(odd) {
        background-color: #ddd;
    }

    #assetsDownloadModal .asset-downloadtype-row:nth-child(event) {
        background-color: #eee;
    }

#assetsDownloadModal .big-button {
    margin-top: 20px;
}

#assetsDownloadModal .asset-downloadwrapper {
    position: relative;
    width: 100%;
    display: inline-block;
}

    #assetsDownloadModal .asset-downloadwrapper a {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0;
        opacity: 0;
    }

#assetsShareModal, #socialShareModal, #assetsDownloadModal {
    text-align: left;
}

    #assetsShareModal .modal-content, #socialShareModal .modal-content, #assetsDownloadModal .modal-content {
        /*background-color: #eee;*/
    }

    #assetsShareModal .modal-title span, #socialShareModal .modal-title span, #assetsDownloadModal .modal-title span {
        color: #9a9a9a;
    }

    #assetsShareModal .modal-body h5, #socialShareModal .modal-body h5, #assetsDownloadModal .modal-body h5 {
        color: #9a9a9a;
        text-transform: uppercase;
    }

    #assetsShareModal .icon-mail, #socialShareModal .icon-mail, #assetsDownloadModal .icon-mail {
        margin: 0;
    }

        #assetsShareModal .icon-mail:before, #socialShareModal .icon-mail:before, #assetsDownloadModal .icon-mail:before {
            font-size: 24px;
            vertical-align: middle;
        }

    #assetsShareModal .big-button, #socialShareModal .big-button, #assetsDownloadModal .big-button {
        width: 100%;
        padding: 1.5rem 5rem;
        background-color: #9a9a9a;
        color: #fff;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

      #assetsShareModal .send-container{
       position:relative;
       width: 100%;
       height:51px;
     }

     #assetsShareModal .send-button{
       position:absolute;
       top:0px;
       right:0px;
       width: 100px;
       height:45px;
       opacity:0;
       z-index:1;
     }

     #assetsShareModal .send-link{
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100px;
        height: 45px;
        display: block;
        padding: 12px 15px;
        /*background-color: #9a9a9a;*/
        background-color:#DDD;
        color: #fff;
        letter-spacing: 3px;
        text-transform: uppercase;
        text-decoration: none;
     }

     #assetsShareModal .send-left{
        float: left;
        padding-right: 10px;
        padding-top: 10px;
        width: 15%;
        height: 500px;
     }
     .send-left .text{
         width:100%;
         height:60px;
         text-align:right;
     }
     
     #assetsShareModal .send-right .custom-placeholder::-webkit-input-placeholder {
        color: #3D3D3D;
    }

     #assetsShareModal .send-right .custom-placeholder:-moz-placeholder {
        color: #3D3D3D;
    }

     #assetsShareModal .send-right .custom-placeholder::-moz-placeholder {
        color: #3D3D3D;
    }

     #assetsShareModal .send-right .custom-placeholder:-ms-input-placeholder {
        color: #3D3D3D;
    }

    #assetsShareModal .form-control{
        color:#3D3D3D;
    }

    #assetsShareModal .send-right{
        float:left;
        width:85%;  
    }

     #assetsShareModal h5.share-label{
         font-size:16px;
         color:#DDD;
     }

     #assetsShareModal .message-box {
          width: 100%;
          height: 280px;
          overflow-y:auto;
          border: 1px solid #ccc;
          background-color: #fff;
          margin-bottom:25px;
     }

     #assetsShareModal .error{
          border: 1px solid red !important;
     }

     #assetsShareModal .message-box .all {
         margin-left:10px;
         text-transform:uppercase;
         font-size:14px;
     }
     
    #assetsShareModal .message-box .all div:first-child{
        width:80px;
        text-align:right;
        padding-right:30px;
     }

     #assetsShareModal .message-box .all a{
        text-decoration:none;
     }

     #assetsShareModal .message-box textarea {
           border-style: none; 
           border-color: Transparent; 
           overflow: auto; 
     }

    #assetsShareModal .message-box a {
          cursor:pointer;
     }

    #assetsShareModal .message-box .preview {
        width: 60px;
        height: 60px;
        float:left;
        background-position: center center;
        background-repeat: no-repeat;
        background-size:60px 60px;
        font-size:12px;
    }
   #assetsShareModal .message-box .url {
        float:left;
        margin-left:20px;
        width:40%;
        padding-top:5px;
        text-align:left;
   }
  #assetsShareModal .message-box .url a{
       width:auto;
       cursor:pointer;
       color:#337ab7;
   }

   #assetsShareModal .message-box .name {
        float:left;
        margin-left:20px;
        padding-top:5px;
        color:#333;
   }

.xv-results-wrapper {
    width: 100%;
    padding: 1rem 0;
    margin-bottom: 1rem;
    display: inline-block;
    background-color: #f8f8f8;
    opacity: 1;
    pointer-events: auto;
}

    .xv-results-wrapper.block-access {
        opacity: 0.2;
        pointer-events: none;
    }

    /*
    .xv-results-wrapper > div:nth-child(2) {
        margin: 5px 0;
        padding-top: 10px;
        float: right;
        display: table;
        z-index: 1;
    }
    */

    .xv-results-wrapper .dropdown-selector {
        margin: 0;
    }

@media (max-width: 766px) {
    .xv-results-wrapper .dropdown-selector {
        margin-bottom: 1rem;
    }
}

.xv-results-wrapper .dropdown-selector button {
    background-color: #fff !important;
}

    .xv-results-wrapper .dropdown-selector button:hover, .xv-results-wrapper .dropdown-selector button:focus, .xv-results-wrapper .dropdown-selector button:active {
        background-color: #fff;
    }

/*
.xv-results-wrapper .xv-results-selectall {
    position: relative;
    padding: 0px 50px;
    display: table-cell;
    vertical-align: middle;
}

@media (max-width: 766px) {
    .xv-results-wrapper .xv-results-selectall {
        padding: 0;
    }
}

.xv-results-wrapper .xv-results-selectall a {
    position: absolute;
    top: 0;
    right: 20px;
    width: 25px;
    height: 25px;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: -1;
}

@media (max-width: 766px) {
    .xv-results-wrapper .xv-results-selectall a {
        right: initial;
        left: 0px;
    }
}

.xv-results-wrapper .xv-results-selectall a span {
    right: -100%;
    min-width: 85px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: bottom;
    letter-spacing: 1px;
    color: #9a9a9a;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.xv-results-wrapper .xv-results-selectall input[type='checkbox'] {
    width: 25px;
    height: 25px;
    margin: 0;
    float: right;
    opacity: 0;
}

@media (max-width: 766px) {
    .xv-results-wrapper .xv-results-selectall input[type='checkbox'] {
        float: left;
    }
}

.xv-results-wrapper .xv-results-selectall input[type='checkbox']:checked + a {
    background-color: #ddd;
    -webkit-box-shadow: inset 0px 0px 0px 5px #fff;
    -moz-box-shadow: inset 0px 0px 0px 5px #fff;
    box-shadow: inset 0px 0px 0px 5px #fff;
}
*/

.xv-results-wrapper .xv-results-options {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

    /*
    .xv-results-wrapper .xv-results-options a, .xv-results-wrapper .xv-results-options span {
        margin-top: 0;
        margin-right: 0.6rem;
    }
    */

    .xv-results-wrapper .xv-results-options a {
        color: #ddd;
        text-decoration: none;
        cursor: pointer;
    }

        .xv-results-wrapper .xv-results-options a:before {
            font-size: 20px;
        }

        .xv-results-wrapper .xv-results-options a.icon-mail:before {
            vertical-align: middle;
        }

.download-icon-big {
    background: url("../png/sprite-image.png") no-repeat -194px 0;
    display: inline-block;
    margin-top: 0.5rem;
    height: 25px;
    width: 28px;
    vertical-align: middle;
}

.showroom-wrapper a {
    font-family: "aperculight";
    color: #9a9a9a;
}

.showroom-wrapper p {
    font-size: 1.6rem;
    line-height: 2rem;
    font-family: "aperculight";
    margin-bottom: 0.2rem;
}

.showroom-wrapper h3 {
    font-family: "aperculight";
    font-size: 2.1rem;
    margin: 0 0 1rem 0;
}

.showroom-wrapper h5 {
    margin: 0 0 10px 0;
}

.showroom-wrapper .showroom-image {
    position: relative;
    height: 42rem;
    float: left;
}

    .showroom-wrapper .showroom-image img {
        height: 100%;
        width: 100%;
    }

.showroom-wrapper .showroom-details {
    position: relative;
    height: 42rem;
    width: 100%;
    float: left;
    padding: 1rem 2rem 2rem 2rem;
    background-color: #f8f8f8;
}

    .showroom-wrapper .showroom-details .address {
        position: absolute;
        left: 20px;
        top: 60px;
        width: 90%;
        max-height: 40%;
    }

@media (min-width: 767px) and (max-width: 1023px) {
    .showroom-wrapper .showroom-details .address {
        top: 70px;
    }
}

.showroom-wrapper .showroom-details .address p:first-child {
    color: #9a9a9a;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.showroom-wrapper .showroom-details .contact {
    position: absolute;
    left: 20px;
    width: 90%;
    min-height: 45%;
    bottom: -5px;
}

    .showroom-wrapper .showroom-details .contact p:first-child {
        color: #9a9a9a;
        font-size: 1.4rem;
        text-transform: uppercase;
    }

    .showroom-wrapper .showroom-details .contact p:nth-child(4) {
        word-break: break-all;
    }

    .showroom-wrapper .showroom-details .contact .contact-bottom {
        position: absolute;
        bottom: 15px;
    }

    .showroom-wrapper .showroom-details .contact .line {
        width: 25px;
        margin-bottom: 15px;
        margin-top: 15px;
        border-top: 1px solid #4a4b4a;
    }

.showroom-wrapper .showroom-item {
    min-height: 38rem;
    margin-bottom: 20px;
}

@media (max-width: 766px) {
    .showroom-wrapper .showroom-item.double {
        min-height: 70rem !important;
    }

        .showroom-wrapper .showroom-item.double .showroom-image {
            width: 100% !important;
        }

        .showroom-wrapper .showroom-item.double .showroom-details {
            width: 100% !important;
        }
}

.showroom-wrapper .showroom-item.double .showroom-image {
    width: 50%;
}

.showroom-wrapper .showroom-item.double .showroom-details {
    width: 50%;
}

    .showroom-wrapper .showroom-item.double .showroom-details .address {
        top: 85px;
    }

    .showroom-wrapper .showroom-item.double .showroom-details .contact {
        min-height: 45%;
    }

.showroom-wrapper .showroom-item.col-lg-3 .showroom-details .address {
    top: 85px;
}

.showroom-wrapper .showroom-item.col-lg-3 .showroom-details .contact {
    min-height: 45%;
}

.xv-socialshare-wrapper {
    margin: 0.8rem 0 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    width: 100%;
}

@media (max-width: 766px) {
    .xv-socialshare-wrapper {
        float: left;
        text-align: left;
        padding-left: 0;
        margin-bottom: 3rem;
        position: static;
    }
}

.xv-socialshare-wrapper [class^="icon-"] {
    margin-left: 8px;
    font-size: 2.3rem;
    line-height: 1.9rem;
}

.xv-socialshare-wrapper a {
    display: inline-block;
    color: #ddd;
    text-decoration: none;
}

    .xv-socialshare-wrapper a:hover {
        color: #9a9a9a;
        text-decoration: none;
    }

.xv-socialshare-wrapper .xv-socialshare-newsletter-signup {
    float: right;
    margin-top: 0.5rem;
    color: #9a9a9a;
    font-size: 1.2rem;
    line-height: 1.2rem;
    letter-spacing: 3px;
    text-transform: uppercase;
}

@media (max-width: 766px) {
    .xv-socialshare-wrapper .xv-socialshare-newsletter-signup {
        float: left;
    }
}

.xv-socialshare-wrapper .xv-socialshare-newsletter-signup:hover {
    color: #4a4b4a;
}

.tab-content .custom-small-content-block h4 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin: 1rem 0 2rem 0;
}

.line-header h4 {
    border-top: 1px solid #ddd;
    padding: 3rem 0 1.5rem 0;
}

@media (min-width: 1024px) {
    .four-tabs-widget img {
        float: right;
        width: 49%;
    }
}

.four-tabs-widget ol {
    padding-left: 2.2rem;
}

@media (max-width: 766px) {
    .four-tabs-widget ol {
        padding-left: 2rem;
    }
}

.four-tabs-widget ol li {
    font-size: 1.6rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
}

@media (min-width: 1024px) {
    .four-tabs-widget .left-content {
        float: left;
        width: 49%;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .four-tabs-widget .left-content {
        float: left;
        width: 57%;
    }
}

@media (min-width: 1024px) {
    .four-tabs-widget .bottom-content {
        float: left;
        width: 49%;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .four-tabs-widget .bottom-content {
        width: 100%;
    }
}

@media (max-width: 766px) {
    .four-tabs-widget .bottom-content {
        clear: both;
    }
}

.four-tabs-widget .nav-tabs > li {
    width: 25%;
}

@media (max-width: 766px) {
    .four-tabs-widget .nav-tabs > li {
        width: 100%;
    }
}

.four-tabs-widget .text-wrap-right {
    float: right;
    margin-left: 1.5rem;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .four-tabs-widget .text-wrap-right {
        float: right;
        width: 40%;
    }
}

@media (max-width: 766px) {
    .four-tabs-widget .text-wrap-right {
        width: 100%;
        margin: 2.5rem 0 4.5rem 0;
    }
}

.four-tabs-widget .dropdown-selector {
    margin-bottom: 2rem;
}

.three-tabs-widget .dropdown-selector {
    margin-bottom: 2rem;
}

.three-tabs-widget .nav-tabs > li {
    width: 33.3%;
}

.three-tabs-widget .tab-content {
    border-bottom: 1px solid #ddd;
    padding-bottom: 3rem;
}

.validation-wrapper .error {
    border: 1px solid red;
}

.validation-wrapper textarea.form-control {
    margin-bottom: 2rem;
}

.xv-header-links > li.languages-dropdown {
    padding-right: 2rem;
    padding-left: 2rem;
}
.download-bar-desktop {
    z-index:7000;
}
.download-bar-desktop .filesno {
   float:left;
   padding:15px 20px 0px 20px;
   font-weight:900;
}

.download-bar-desktop .select {
    float:right;
    position:relative;
    margin: 15px 0px 0px 0px;
    z-index:1;
}

.download-bar-desktop .download {
    float: right;
    padding: 0px 20px 0px 20px;
}


.download-bar-desktop .download a{
    display: inline-block;
    height: 50px;
    padding: 17px 12px 12px 12px;
    text-decoration: none;    
    font-size:13px;
    letter-spacing: 3px;
    color:#3D3D3D;
    border-bottom: solid 2px #DDD;
    background-color:#fff;
    text-transform: uppercase;
    opacity:0.4;    
    pointer-events: none;
    cursor: default;

    transition: opacity .25s ease-in-out; 
    -moz-transition: opacity .25s ease-in-out; 
    -webkit-transition: opacity .25s ease-in-out;
}
.download-enabled.download a {
   opacity:1;
   cursor: pointer;
   pointer-events:auto;
}


.download-bar-desktop .download a:hover{
    text-decoration:none;
}

.download-bar-desktop .sort {
    float: right;
    width: 215px;
    margin-left:15px;
}

.download-bar-mobile {
    z-index:7000;
}

.download-bar-mobile .filesno {
   float:right;
        padding: 18px 20px 0 5px;
        color: #9a9a9a;
        font-weight: 500;
        font-size: 12px;
}

    .download-bar-mobile .assets-counter {
        color: #000;
    }

.download-bar-mobile .select-cb {
    float:right;
    position:relative;
        margin: 15px 14px 0 0;
    z-index:1;
    font-size:12px;
}

.download-bar-mobile .select-lbl {
    float:right;
    color:#9a9a9a;
        padding: 18px 5px 0 5px;
        font-size: 12px;
}

.download-bar-mobile .download {
    float: left;
        padding: 7px 0 0 14px;
    font-size:10px;
    text-align:center;
    width:50%;
}

.download-bar-mobile .download a{
    letter-spacing: 1px;
    width: 90%;
            display: block;
    text-decoration: none;
    color:#3D3D3D;
    border-bottom: solid 2px #DDD;
    background-color:#fff;
    padding: 12px 0px 12px 0px;
    text-transform: uppercase;
}

.download-bar-mobile .download a:hover{
    text-decoration:none;
}

.download-bar-mobile .sort{
        padding: 7px 7px 0 7px;
    font-size:10px !important;
}

.desktop-download-share {
    margin:30px 15px 25px 1.5rem;
}

.desktop-download-share  .summary{
   float:left;
   font-weight:900;
}

.desktop-download-share  .buttons{
   float:right;
}

.mobile-download-share {
    font-size:11px;
}
.mobile-download-share a {
    font-size:10px !important;
    padding:10px 6px 10px 6px !important;
}

.asset-download-row a{
    width: auto !important;
}

.asset-download-row .left{
   width:60px;
   float:left;
   min-width:60px;
   min-height:60px;
}

.asset-download-row .right{
      width:80%;
      width:calc(100% - 70px);
      float:right;
      /*margin-left:70px;*/
      margin-bottom:10px;
      min-width:135px;
      padding-left: 5px;
      padding-right: 5px;
}

.asset-download-row .left-thumbnail{
    width:60px;
    height:60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:60px 60px;
}


.asset-download-row-left{
    float:left;
    display: inline-block;

}

.asset-download-row .right .name{
    float: left;
    height: 28px;
    padding: 5px 0px 0px 5px;
    font-weight: normal;
    font-size: 14px !important;
    color: #3d3d3d;
}

.asset-download-row .right .fav-delete{
    float:right;
    padding: 5px 5px 0px 5px;
}

.asset-download-row .select-resolution{
    padding-bottom:2px;
}

.asset-download-row .select-resolution a{
    display:block;
    border: solid 1px #ccc;
    background-color: #fff;
    color: #777;
    font-weight:normal;
    font-size:9px;
    padding: 4px 0px 4px 0px;
    text-transform: uppercase !important;
    /*min-width:96px !important;*/
    word-spacing:normal !important;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom:5px;
    width:23% !important;
    width:calc(25% - 10px) !important;
}

@media (max-width: 767px) {

    .modal-body ul li {
        padding:1px 4px 0 4px;
    }

    .asset-download-row .select-resolution a {
        width:calc(50% - 8px) !important;
        margin-left: 4px;
        margin-right: 4px;
    }

    .asset-download-row .left{
       width:55px;
       min-width:55px;
       min-height:55px;
    }

    .asset-download-row .right{
          width:80%;
          width:calc(100% - 65px);
          padding-left: 4px;
          padding-right: 4px;
    }

    .asset-download-row .left-thumbnail{
        width:55px;
        height:55px;
        background-size:55px 55px;
    }

    .asset-download-row .right .name{
        padding: 4px 0px 0px 4px;
    }

}


@media (max-width: 320px) {
    .asset-download-row .select-resolution a {    
        font-size:9px;
    }
}


.asset-download-row .select-resolution .selected {
    border: solid 1px #eee;
    background-color: #ccc;
    color: #fff !important;
    font-weight:bold;
    border-top:none;
    border-right:none;
    border-bottom:solid 1px #DDD;
    border-left:none;
}

.asset-download-row .preview-info{
    height:250px;
    padding-top:10px;
    padding-left:10px;
}

@media (max-width: 767px) {
    .asset-download-row .preview-info {
         height:auto;
    }
}

.preview-info .prev-left{
    float:left;
    width:35%;
}

.preview-info .prev-middle{
    float:left;
    width:55%;
    /*padding:100px 0px 0px 20px;*/
    padding:0px 0px 0px 20px;
    text-align:left;
    color: #333;
    font-size:12px;
}

@media (max-width: 767px){
    .preview-info .prev-middle {
         width:100%;
         padding:0px 0px 0px 0px;
         text-align:left;
         font-size: 11px;
    }
}

.preview-info .title {
    font-weight:900;
}

.preview-info .prev-right{
    float:right;
    margin-right: 5px;
    padding-top:220px;
}

@media (max-width: 767px){
    .preview-info .prev-right {
         padding-top:20px
    }
}


.preview-info .preview-img{
    width:100%;
    height:220px;
    background-repeat:no-repeat;
    background-size:contain;
}

.asset-download-row .delete{
    cursor:pointer;
    /*margin-right:7px;*/
}

.asset-download-row .preview-info-close{
    cursor:pointer;
}

.asset-hover {
    z-index: 5000;
    position: absolute;
    display: none;
    /*background-color:#f8f8f8;*/
    bottom:25px;
    width:100%;
    text-align:center;
}

.asset-hover a{
    background-color: #fff;
    color: #9a9a9a;
    /*font-weight:900;*/
    font-size:11px;
    padding: 12px 0px 12px 0px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 3px;
    border-bottom:solid 2px #9a9a9a;
    display:inline-block;
}

.asset-hover a:hover{
      text-decoration: none;
}


.asset-hover .download {
    width:51%;
    margin-left:4%;
    margin-right:2%;
}

.asset-hover .share {
    width:37%;
    margin-left:2%;
    margin-right:4%;
}


.download-share  a {
    border-bottom: solid 2px #9a9a9a;
    background-color: #fff;
    color: #9a9a9a;
    /*font-weight:900;*/
    font-size:12px;
    padding: 12px 10px 12px 10px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 1px;
}

.download-share  a:hover{
      text-decoration: none;
}

.download-share .loading{
    border:none;
    margin-right:5px;
    background-color:#f8f8f8;
    padding: 17px 17px 17px 17px;
}

.fav-delete a{
    display:block;
    width:16px !important;
    height:16px !important;
}


.icon-download-after:after{
     content: '\e820';
}

.icon-share-after:after{
     content: '\e813'; 
}

.icon-download-share:after{
     content: '\e820';
     opacity:0.4;
    transition: opacity .25s ease-in-out; 
    -moz-transition: opacity .25s ease-in-out; 
    -webkit-transition: opacity .25s ease-in-out;
   
}

.icon-download-share-enabled:after {
    opacity:1;
   
}

.mycustom-checkbox a {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: -1;
    border: 1px solid #ccc;
}


.mycustom-checkbox input[type='checkbox'] {
    width: 25px;
    height: 25px;
    margin: 0;
    display:inline-block;
    opacity: 0;
}


.mycustom-checkbox input[type='checkbox']:checked + a {
    background-color: #ddd;
    -webkit-box-shadow: inset 0px 0px 0px 5px #fff;
    -moz-box-shadow: inset 0px 0px 0px 5px #fff;
    box-shadow: inset 0px 0px 0px 5px #fff;
}

.mycustom-checkbox label {
    display:inline-block;
    max-width: 100%;
    color: #9a9a9a;
    font-weight:normal;
    position:relative;
    top:-8px;
}

.mobile-download-share-link {
    position: absolute;
    right: 7px;
    top: 70%;
    z-index: 1000;
}

.mobile-download-share-link a {
    font-weight: 900;
    text-decoration:none;
    padding:10px;
    display:block;
}

.xv-carved-text.mobile-download-share{
    width:45%;
    left:33% !important;
}

.xv-carved-checkbox.mobile-download-share{
    right:45px;
}

.mobile-download-share-container {
    position: absolute;
    right:0px;
    z-index: 1000;
    width: 40px;
    top: 0%;
    height:100%;
}

.mobile-download-share-container div{
    background-color: #ddd;
    width: 100%;
    height: 48%;
    padding-left: 6px;
    padding-right: 12px;
}

.mobile-download-share-container a{
  width:100%;
  height:100%;
  display:block;
  margin:2px;
  text-decoration:none;
}

.mail-asset-icon{
    background: url("../png/mail-icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center center;
}

.download-asset-icon {
    background: url("../png/download-icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center center;
}

.fav-delete a.close-asset-icon {
    /*background: url("../Images/close-icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;*/
    background: #fff;
    line-height: 16px;
    width: 16px;
    text-align: center;
    border-radius: 10px;
}

.animate-spin-button{
    background: url("../gif/lazy-loader-animation-3.gif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center center;
}

.animate-spin-send-email{
    background: url("../gif/lazy-loader-animation-3.gif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position:right;
    background-color: #fff !important;
    border:solid 1px #ddd;
    color: #ddd !important;
    z-index:2;
}

.additional-icon-star-empty:before{
     content: '\e800';
}

.additional-icon-cancel-circled:before{
     content: '\e801';
}
.additional-icon-cancel-circled-outline:before {
    content: '\e802';
}
#mobile-indicator {
    display: none;
}

@media (max-width: 767px) {
    #mobile-indicator {
        display: block;
    }
}

.nav > li > ul {
    position: absolute;
    margin: 0px;
    padding: 20px 0px;
    background: rgb(255, 255, 255);
    width: 240px;
    top: 60px;
    -webkit-transition: top .3s ease 0s;
    -ms-transition: top .3s ease 0s;
    -moz-transition: top .3s ease 0s;
    transition: top .3s ease 0s;
    left: -9999px;
	opacity:0;
	    z-index: 99;
}
.nav > li > ul > li {
    display: block;
    list-style: none;
    left: 0px;
    width: 100%;
    float: left;
    padding:5px 15px 5px 2rem;
}
.nav > li > ul > li > a {
    font-size: 11px;
    color: rgb(154, 154, 154);
}
.nav > li > ul > li > a:hover{
        border-bottom: 1px solid #9a9a9a;text-decoration: none;
}
.nav > li:hover ul{
opacity:1;
top:100%;
left:2rem;

}
.nav > li:hover > a {
        background-color: transparent;
    color: #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    text-decoration: none;
}

@media (max-width: 1023px){
/*manoranjan*/
.navbar-default .navbar-nav{margin:0; padding: 0px 10px;}
.nav > li > ul {
    position: static;
    margin: 0px;
    padding: 5px 0px;
    width: 100%;
    transition: none;
    float: left;
    opacity: 1;
    display: none;
}
	.navbar-default .navbar-collapse.collapse.in {
   	    overflow-y: scroll!important;
		    padding-bottom: 0px;
	}
	.navbar-default .navbar-nav > li > a{margin:0px!important;}
	.nav > li {
    position: relative;
    display: block;
    padding: 5px 0;
	width:100%; float:left;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    border-bottom:0px!important;
}
.submenu_slide {
    top: 0px;
    right: 0;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(138, 137, 138, 0.15);
    cursor: pointer;
    position: absolute;
    display: inline-block;

}
span.submenu_slide:before {
    content: "";
    width: 70%;
    height: 2px;
    background: rgb(221, 221, 221);
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
	transtion:all 0.3s ease 0s;
}

span.submenu_slide:after {
    content: "";
    width: 2px;
    height: 70%;
    background: rgb(221, 221, 221);
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
	transtion:all 0.3s ease 0s;
}
.hidesub_menu:after{
content: "";
opacity:0;
}

}

/*manoranjan start*/
	
@media (min-width: 992px) {
.nav > li > ul{ display:block!important;}
   
}
	/*manoranjan end*/


.keyword_highlight
{
      background-color: #C0D2E4 ;
}


/*====================================================
-------------- Single File Preview-------------------
====================================================*/

.sfp-prev.fa, .sfp-next.fa {
    font-size: 40px;
    color: #878587;
    z-index: 1;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}
.sfp-prev.fa {
    left: 20px;
}
.sfp-next.fa {
    right: 20px;
}
    .sfp-prev.fa:hover, .sfp-next.fa:hover {
        color: rgb(51, 51, 51);
        cursor: pointer;
    }







/**Menus colmun */
/*====================================================
-------------------- Mobile Navigation --------------------------
====================================================*/
/*.main-template> header{
    -webkit-box-shadow: 0 0 13px -9px #000000;
    -moz-box-shadow: 0 0 13px -9px #000000;
    -o-box-shadow: 0 0 13px -9px #000000;
    box-shadow: 0 0 13px -9px #000000;
}*/
.navbar-default .navbar-toggle {
    padding-top: 10px;
}

.mobile-navigation {
    position: fixed;
    top: 62px;
    z-index: 99;
    width: 100%;
    background-color: #fff;
    bottom: 0;
    overflow-y: auto;
    display: none;
}

body.fixed {
    height: 100%;
    overflow-y: hidden;
}

.navigation {
    width: 100%;
    float: left;
}

.nav-heading {
    text-align: center;
    padding: 10px 15px;
    background-color: #f3f3f3;
    text-transform: uppercase;
    cursor: pointer;
}

    .nav-heading > span {
        vertical-align: middle;
    }

.active > .nav-heading {
    background-color: #e2e2e2;
}

.customize-item.active > .nav-heading, .customize-item > .nav-heading {
    background-color: inherit;
}

.mobile-navigation .navigation {
    margin-bottom: 1px;
    color: #9a9a9a;
}

    .mobile-navigation .navigation > a {
        padding: 11px 15px;
        display: block;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }

    .mobile-navigation .navigation.myteknion .nav-heading .color-green,
    .mobile-navigation .navigation.myteknion .mobile-nav > li > a,
    .mobile-navigation .navigation.myteknion .mobile-nav > li > a:hover {
        color: #8DC63F;
    }

.mobile-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .mobile-navigation ul.mobile-sub-nav {
        margin-top: 5px;
    }

.mobile-navigation li {
    padding: 5px 15px;
    margin-bottom: 5px;
}

.mobile-nav,
.navigation.languages .dropdown-menu {
    display: none;
}

    .navigation.languages .dropdown-menu li {
        margin-bottom: 0;
    }

.mobile-navigation .fa {
    color: inherit;
    font-size: 22px;
    margin-left: 6px;
}

.mobile-nav .fa {
    float: right;
}

.mobile-sub-nav {
    display: none;
}

    .mobile-sub-nav a {
        font-size: 0.9em;
    }
/** Icon **/
.nav-icon:before {
    content: "\f107";
}

.active > .nav-icon:before,
.active > .nav-heading > .nav-icon:before {
    content: "\f106";
}

ul.mobile-nav a {
    color: #9a9a9a;
    display: inline-block;
    width: 90%;
}

.mobile-navigation .globalSearchTxt {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid #9a9a9a;
}

    .mobile-navigation .globalSearchTxt:focus {
        border-color: #8DC63F;
    }

.mobile-navigation .search-button {
    position: absolute;
    right: -15px;
    width: 15px;
    top: 7px;
}

.navigation.languages .dropdown-toggle {
    display: none;
}

.navigation.languages .dropdown-menu {
    position: static;
    width: 100%;
    background-color: transparent;
    border: none;
}

    .navigation.languages .dropdown-menu li > a {
        padding: 0;
    }
/*.close-icon {
    display: none;
    margin-top: -10px;
}*/
.close-icon.active {
    display: block;
}

.mobile-navigation .search-box-container {
    margin: 0;
}
/*
.xv-videocarousel-container{max-height:376px;overflow:hidden;}
*/