@import url("fonts/HelveticaNeueLTStd_Bd/stylesheet.css");
@import url("fonts/HelveticaNeueLTStd_Lt/stylesheet.css");
@import url("fonts/HelveticaNeueLTStd_Roman/stylesheet.css");
@import url("fonts/HelveticaNeueLTStd_Th/stylesheet.css");
/* mesh ui */
.mesh_ui {
}

/* body and viewport */

body.mesh_ui {
    overflow-x: hidden;
}

body.mesh_ui .viewport-wrapper {

    width: 90%;
    margin: auto;

}

/* html5 declarations */

.mesh_ui header {
    clear: both;
    display: block;
    float: left;
    height: auto;
    position: relative;
    width: 99%;
}

.mesh_ui section {
    clear: both;
    display: block;
    float: left;
    height: auto;
    position: relative;
    width: 100%;
}

.mesh_ui article {
}


/* Container */

.mesh_ui .mesh_container {
}


/* Row */

.mesh_ui .mesh_row {
    clear: both;
    float: left;
    padding: 7px 0;
    width: 100%;
}

/* hidden */

.mesh_ui .mesh_hidden {
    display: none !important;
}

/* header */

.mesh_ui .mesh_header {
    display: block;
    margin: 1% auto;
    padding: 10px 0;
    position: relative;
    width: 99%;
}


.mesh_ui .mesh_header .content-title {
}

.mesh_ui .mesh_header .content-title h3 {
}

.mesh_ui .mesh_header .content-title h4 {
    color: #955C5C;
    font-family: 'Ubuntu', sans-serif;
    font-size: 22px;
    margin: auto;
    width: 98%;
}

.mesh_ui .mesh_header div.content-title p {
}

.mesh_ui .mesh_header div.content-utility {
}

/* html headers */

.mesh_ui h1 {
    font-family: 'HelveticaNeueLTStd Bd', sans-serif;
    color: #8A8AA3;
    font-size: 50px;
    padding: 5px 0 12px;
    text-transform: none;
    width: 100%;
    letter-spacing:0px;
    font-weight:100;
}

.mesh_ui h2 {
    color: #3b4147;
    font-size: 42px;
    padding: 5px 0 12px;
    text-transform: none;
    font-family: 'Ubuntu Condensed', serif !important;
    font-weight: 900;
    line-height: 1.1em;
    width: 100%;
}

.mesh_ui h3 {
    color: #6f6f6f;
    font-family: 'HelveticaNeueLTStd Roman', sans-serif;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.2em;
    width: 100%;
}

.mesh_ui h4 {
    border-bottom: 3px solid #000000;
    color: #23282D;
    display: block;
    float: left;
    font-family: 'HelveticaNeueLTStd Bd', sans-serif;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -1px;
    margin: 11px 0 30px;
    padding: 12px 0;
    text-transform: none;
    width: 100%;
}

.mesh_ui h5 {
    clear: both;
    color: #58586E;
    font-family: 'Ubuntu', sans-serif;
    font-size: 17px;
    margin-top: 7px;
    width: 100%;
}

.mesh_ui h6 {
    color: #000000;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.45em;
    margin-bottom: 2px;
    margin-top: 13px;
    width: 100%;
}

.mesh_ui p {
    color: #37546B;
    font-family: 'Open Sans', sans-serif;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.5em;
    padding: 6px 0 3px;
    position: relative;
}


/* Links  */


.mesh_ui a {
    display: inline;
}

.mesh_ui a.link {
    color: #1D2327;
    display: block;
    float: left;
}

.mesh_ui a.link span {
    background-color: #000000;
    border-radius: 2px;
    clear: both;
    color: #FCFAF6;
    display: block;
    float: left;
    font-family: 'HelveticaNeueLTStd Bd', serif !important;
    font-size: 14px;
    padding: 16px 23px 19px;
    width: initial;
}

/* Link Buttons  */

.mesh_ui a.btn, .meshu_ui input[type="button"], .meshu_ui input[type="submit"] {
    background-color: #3A93C1 !important;
    border-radius: 4px;
    clear: none;
    color: #F9F9F9;
    display: block;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin: 7px 10px 7px;
    padding: 11px 14px 12px !important;
    position: relative !important;
    text-decoration: none;
    text-indent: 0;
    float: left;
}

.mesh_ui a:hover {
}

.mesh_ui a:focus {
}

.mesh_ui a:active {
}

.mesh_ui a.btn.cancel {
    background: #CD0909;
}

.mesh_ui a.btn {
}

.mesh_ui a.btn:hover {
}

.mesh_ui a.btn:focus {
}

.mesh_ui a.btn:active {
}

/* Table */

.mesh_ui table {
    background-color: #DFDFDF;
    border: 1px outset #E1E1E1;
    border-collapse: collapse;
    border-radius: 5px;
    font-family: 'Ubuntu', sans-serif;
    margin: 15px 0 20px;
    overflow: hidden;
    padding: 1px;
    width: 100% !important;
}

.mesh_ui table thead {
}

.mesh_ui table tbody {
}

.mesh_ui table tr {
    background: #F3F3F3;
    border-bottom: 1px dotted #DDD5D5;
    width: 100%;
}

.mesh_ui table tr.selected {
    background-color: #50A1B5;
    border-style: dotted !important;
}

.mesh_ui table tr.selected td {
    border-color: #B5B5B5;
    border-style: dotted !important;
    border-width: 1px;
}

.mesh_ui table tr.selected td div.content,
.mesh_ui table tr td.selected div.content,
.mesh_ui table tr.selected td div.content p,
.mesh_ui table tr td.selected div.content p {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 400 !important;
}

.mesh_ui table tr.inactive {
    background-color: #F3F3F3;
    border-style: dotted !important;
}

.mesh_ui table tr.inactive td {
    border: 1px dotted #D8D8D8 !important;
}

.mesh_ui table tr.inactive td div.content,
.mesh_ui table tr td.inactive div.content,
.mesh_ui table tr.inactive td div.content p,
.mesh_ui table tr td.inactive div.content p {
    color: #000000;
    font-size: 13px;
    font-weight: 400 !important;
}

.mesh_ui table tr.disabled {
    background-color: #DADADA;
    border-bottom-color: #BEBEBE;
}

.mesh_ui table tr.disabled td {
    border-color: #C0C0C0;
}

.mesh_ui table tr.disabled td div.content,
.mesh_ui table tr.disabled td div.content p {
    color: #747474;
    font-size: 12.5px;
    font-style: oblique;
    font-weight: 500;
}

.mesh_ui table tr.bad {
    background-color: #950000;
    border-bottom-color: transparent;
}

.mesh_ui table tr.bad td {
    border-color: #916161;
}

.mesh_ui table tr.bad td div.content,
.mesh_ui table tr.bad td div.content p {
    color: #FCFCFC !important;
}

.mesh_ui table tr.good, div.mesh_ui table td.good, .mesh_ui table tr.good td {
    background-color: #E7FFF0 !important;
    border-color: #E2E2E2 !important;
    border-style: dotted !important;
    border-width: 1px !important;
}

.mesh_ui table tr.good td div.content,
.mesh_ui table tr.good td div.content p,
.mesh_ui table td.good div.content p {
    color: #496F57 !important;
    font-size: 13px;
    font-weight: 600;
}

.mesh_ui table tr.even {
    background-color: #FBFBFB;
}

.mesh_ui table tr.odd {
    background-color: #FFFFFF;
}

.mesh_ui table tbody tr:last-of-type {
    width: 100%;
}

.mesh_ui table td {
    border-right: 1px dotted #DDD5D5;
    padding: 0 1%;
    text-align: left;
    vertical-align: middle;
}

.mesh_ui table tr.center td, .mesh_ui table td.center {
    text-align: center;
}

.mesh_ui table td.bad {
}

.mesh_ui table td.moderate {
    background-color: #FFF592;
    font-weight: 500;
}

.mesh_ui table td.moderate div.content {
    color: #696110;
    font-weight: 600;
}

.mesh_ui table td.active {
    background-color: #50A1B5;
    border: 1px dotted #CCCCCC !important;
    color: #FCFCFC;
}

.mesh_ui table tr td.active div.content {
    color: #FCFCFC;
}

.mesh_ui table td.inactive {
    background-color: #F3F3F3;
}

.mesh_ui table td:last-of-type {
    border: none;
}

.mesh_ui table th div.content, div.mesh_ui table td div.content {
    display: inline-block;
    position: relative;
}

.mesh_ui table td div.content p.mesh_ui {
    font-size: 13.5px;
    padding: 3px 0 1px;
}

.mesh_ui table th div.content {
    padding: 13px 7px;
}

.mesh_ui table td div.content {
    color: #1E1A47;
    display: inline-block;
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 13.5px;
    height: 100%;
    margin: auto;
    padding: 11px 7px;
    width: 100%;
}

.mesh_ui table td div.content div.action-wrapper {
    float: none;
    margin: auto 3px;
    width: auto;
}

.mesh_ui table td div.content a.table-link {
    display: block;
    float: left;
    padding: 2px 7px;
}

.mesh_ui table td div.content div.action-wrapper a {
    background: #965C5C;
    border-radius: 3px;
    color: #E8F2F7;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    margin: 1px 3px;
    padding: 6px 8px;
    text-decoration: none;
}

.mesh_ui table td div.content div.action-wrapper a:hover {
    background-color: #7A0606;
    color: #FFFFFF;
}

.mesh_ui table td.result-min, div.mesh_ui table th.result-min {
    width: 165px;
}

.mesh_ui table td.result-min div.content {
    padding: 6px 15px;
    width: auto;
}

.mesh_ui table td div.content.center {
    padding: 11px 6px;
    text-align: center;
}

.mesh_ui table td div.content a {
    color: #965C5C;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 900;
}


.mesh_ui table th {
    border-bottom: 3px solid #F8F8F8;
    border-right: 1px solid #4A4A4A;
    text-align: left;
}

.mesh_ui table .generic-th {
    background: #080714;
    color: #F4F4F4;
    font-size: 14px;
    padding: 0 1%;
}


.mesh_ui table .generic-th.center {
    text-align: center;
}


.mesh_ui table .generic-cell {
    font-size: 13px;
    padding-right: 1%;
    vertical-align: middle;
}

.mesh_ui table .generic-row {
}

.mesh_ui table .hidden {
    display: none;
}

/* Lists */

.mesh_ui ul {
    float: left;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    list-style: disc;
    margin: 4px auto 10px;
    padding: 5px 30px;
    width: 100%;
    font-weight: 500;
    color: #37546B;
    line-height: 1.1em;
}

.mesh_ui ul li {
    float: left;
    width: 100%;
    padding: 3px;
}

.mesh_ui h2.section-header {
    margin: 0;
    padding: 0 0 8px;
}

.mesh_ui p.section-header {
    color: #4C4C6B;
    float: left;
    font-family: 'Ubuntu', sans-serif;
    font-size: 15.5px;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0 0 5px 3px;
    padding: 0;
    width: 100%;
}


.mesh_ui .row-wrapper {
    display: inline-block;
    float: left;
    height: initial;
    position: relative;
    width: 100%;
}

figure.abs {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute !important;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 1;
}

/* Image masking */

.mesh_ui div.mask {
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
}

.mesh_ui div.mask.fs-img {
    background-color: transparent;
    overflow: hidden;
    min-width: 100%;
    bottom: initial !important;
}

.mesh_ui div.mask.fs-img img,
.mesh_ui div.mask.resp img {
    bottom: initial;
    height: auto !important;
    left: initial;
    right: initial;
    min-height: 100%;
    min-width: 100%;
    width: auto !important;
    z-index: -3;
}

.mesh_ui div.mask.resp {
    background-color: transparent;
    overflow: hidden;
    min-width: 100%;

}

.mesh_ui div.mask.resp img {
    z-index: 0;
    top: 0;
}

.mesh_ui div.mask.fs-img img.tablet,
.mesh_ui div.mask.fs-img img.phablet,
.mesh_ui div.mask.fs-img img.phone,
.mesh_ui div.mask.resp img.tablet,
.mesh_ui div.mask.resp img.phablet,
.mesh_ui div.mask.resp img.phone {
    display: none;
}

/* Generic Breadcrumb */

.mesh_ui div.breadcrumb div.breadcrumb_inner {
    color: #8A8989;
    font-family: 'Ubuntu', sans-serif;
    font-size: 9px;
    margin: 2px 11%;
}

.mesh_ui div.breadcrumb div.breadcrumb_inner i {
    display: block;
    float: left;
    font-size: 12px;
    padding: 1px 4px 1px 3%;
}

.mesh_ui div.breadcrumb nav {
    display: block;
    float: left;
}

.mesh_ui div.breadcrumb nav a {
    color: #868686;
    font-size: 12px;
    font-weight: 500;
    padding: 1px 7px;
    text-decoration: none;
}

/* Interstitial */

.mesh_ui .interstitial {
    background: #0E0F16D6;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
}

.mesh_ui .interstitial.deployed {
    z-index: 999;
}

.mesh_ui .interstitial .interstitial-wrapper {
    background-color: #2D3136;
    border-radius: 5px;
    box-shadow: #2C232D 0 0 55px 0;
    display: block;
    overflow: hidden;
    position: relative;
    width: 50%;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content {
    clear: both;
    display: table;
    float: left;
    margin: -1px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.mesh_ui .interstitial.load-ui .interstitial-wrapper {
    width: 245px;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.load {
    background-color: #666666;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.load p {
    color: #FFFFFF;
    float: left;
    font-family: 'HelveticaNeueLTStd th', serif !important;
    font-size: 30px;
    font-weight: 100;
    letter-spacing: 1px;
    padding: 16px 2px 16px 26px;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.load svg {
    height: 25px;
    padding: 25px 15px;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.header {
    background: #CCCCCC;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content h4 {
    border-bottom: none;
    color: #000000;
    font-family: 'HelveticaNeueLTStd Th', serif;
    font-size: 35px;
    font-weight: 100;
    letter-spacing: 1px;
    margin: 0;
    padding: 20px;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content h5 {
    color: #434C58;
    font-family: 'HelveticaNeueLTStd Bd', serif;
    font-size: 28px;
    font-weight: 900;
    margin: 0;
    padding: 15px 33px 11px;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.header h4 i {
    font-size: 20px;
    padding: 0 10px 0 0;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.report {
    background-color: #FCFAF6;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.report ul {
    list-style: disc;
    padding: 5px 40px 18px 60px;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.report ul li {
    padding: 0;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.report ul li::marker {
    content: initial !important;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.report p {
    color: #434C58;
    font-size: 21px;
    font-weight: 400;
    padding: 10px 30px;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.report p.fl-error {
    font-size: 19px;
    padding: 1px 0 3px;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.footer {
    background-color: #FCFAF6;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.footer a {
    background: #CCCCCC;
    color: #000000;
    float: left;
    font-family: 'HelveticaNeueLTStd Bd', serif;
    font-size: 17px;
    font-weight: 900;
    margin: 13px 30px 25px;
    padding: 9px 28px;
    text-decoration: none;
}

.mesh_ui .interstitial .interstitial-wrapper .interstitial-content.footer a:hover {
}

/* floats */
.left {
    float: left !important;
}

.right {
    float: right !important;
}

/* Padding */
.mt50 {
    margin-top: 50px !Important;
}

.mb10 {
    margin-bottom: 10px !Important;
}

.mb20 {
    margin-bottom: 20px !Important;
}

.mb30 {
    margin-bottom: 30px !Important;
}

.mb40 {
    margin-bottom: 40px !Important;
}

/* transitions */


.opacity-bounce {
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.easy-tran-xh {
    -moz-transition: height 550ms cubic-bezier(.6, 0, .37, 1);
    -o-transition: height 550ms cubic-bezier(.6, 0, .37, 1);
    -webkit-transition: height 550ms cubic-bezier(.6, 0, .37, 1);
    transition: height 550ms cubic-bezier(.6, 0, .37, 1);
}

.easy-tran {
    -moz-transition: all 550ms cubic-bezier(.6, 0, .37, 1);
    -o-transition: all 550ms cubic-bezier(.6, 0, .37, 1);
    -webkit-transition: all 550ms cubic-bezier(.6, 0, .37, 1);
    transition: all 550ms cubic-bezier(.6, 0, .37, 1);
}

.easy-slow-tran {
    -moz-transition: all 100ms cubic-bezier(0, 0, 0, 1.24);
    -o-transition: all 100ms cubic-bezier(0, 0, 0, 1.24);
    -webkit-transition: all 100ms cubic-bezier(0, 0, 0, 1.24);
    transition: all 100ms cubic-bezier(0, 0, 0, 1.24);
}

.acc-panel-sync {
    -moz-transition: all 300ms cubic-bezier(1, 0.15, 0.49, 1.08);
    -o-transition: all 300ms cubic-bezier(1, 0.15, 0.49, 1.08);
    -webkit-transition: all 300ms cubic-bezier(1, 0.15, 0.49, 1.08);
    transition: all 200ms cubic-bezier(1, 0.15, 0.49, 1.08);
}

.acc-button-sync {
    -moz-transition: all 1.75s cubic-bezier(0, 1.01, 0.15, 1.03);
    -o-transition: all 1.75s cubic-bezier(0, 1.01, 0.15, 1.03);
    -webkit-transition: all 1.75s cubic-bezier(0, 1.01, 0.15, 1.03);
    transition: all 1.75s cubic-bezier(0, 1.01, 0.15, 1.03);
}

/* SEO */
.clear {
    clear: both;
    display: block;
}

.invision {
    display: none;
}

/* Template */
.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.noBorder {
    border: none !important;
}

.rounded {
    border-radius: 4px;
}

.hotBox {
    border-bottom: 1px solid #D6D6D6;
    box-shadow: #CCCCCC 0 1px 3px -1px;
}

/* Positioning */

.abs {
    position: absolute !important;
}

.abs.right {
    right: 0;
}

.abs.left {
    left: 0
}

.abs-fullscreen {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 100%;
    position: absolute;
}

.abs-window-center {
    left: 50% !important;
    position: absolute !important;
    top: 50% !important;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.abs-vertical-center {
    position: absolute;
    top: 50% !important;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.abs-vertical-center.right {
    right: 0 !important;
}

.abs-vertical-center.left {
    left: 0 !important;
}

.abs-horizontal-center {
    position: absolute !important;
    left: 50% !important;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* template colors */
.dark-burgundy {
    background: rgba(124, 15, 35, 0.90);
}

.embolden {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c41230+0,c41230+100&0.4+1,0.77+100 */
    background: -moz-linear-gradient(left, rgba(196, 18, 48, 0.4) 0%, rgba(196, 18, 48, 0.4) 1%, rgba(196, 18, 48, 0.77) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(196, 18, 48, 0.4) 0%, rgba(196, 18, 48, 0.4) 1%, rgba(196, 18, 48, 0.77) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(196, 18, 48, 0.4) 0%, rgba(196, 18, 48, 0.4) 1%, rgba(196, 18, 48, 0.77) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66c41230', endColorstr='#c4c41230', GradientType=1); /* IE6-9 */
}

.black-mesh-utility {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e1e1e+0,000000+0,141414+100 */
    background: rgb(30, 30, 30);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(30, 30, 30, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(20, 20, 20, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(30, 30, 30, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(20, 20, 20, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(30, 30, 30, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(20, 20, 20, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1e1e', endColorstr='#141414', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.black-mesh-transparent {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c1c1c+1,000000+100&0.9+0,0+65 */
    background: -moz-linear-gradient(left, rgba(28, 28, 28, 0.9) 0%, rgba(28, 28, 28, 0.89) 1%, rgba(10, 10, 10, 0) 65%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(28, 28, 28, 0.9) 0%, rgba(28, 28, 28, 0.89) 1%, rgba(10, 10, 10, 0) 65%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(28, 28, 28, 0.9) 0%, rgba(28, 28, 28, 0.89) 1%, rgba(10, 10, 10, 0) 65%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61c1c1c', endColorstr='#00000000', GradientType=1); /* IE6-9 */
}

.red-mesh-flat {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c0f23+0,6d0a0a+100 */
    background: rgb(124, 15, 35);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(124, 15, 35, 1) 0%, rgba(109, 10, 10, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(124, 15, 35, 1) 0%, rgba(109, 10, 10, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(124, 15, 35, 1) 0%, rgba(109, 10, 10, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c0f23', endColorstr='#6d0a0a', GradientType=0);
    /* IE6-9 */
}

.dark-mesh {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+41,000000+100&0+10,1+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.34) 41%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.34) 41%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.34) 41%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}

.interface-mesh-left, .interface-mesh-left > div.mask {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d2327+0,000000+100&0.9+0,0.8+18,0.7+35,0.55+52,0+90 */
    background: -moz-linear-gradient(-45deg, rgba(29, 35, 39, 0.9) 0%, rgba(24, 29, 32, 0.8) 18%, rgba(19, 23, 25, 0.7) 35%, rgba(14, 17, 18, 0.55) 52%, rgba(3, 4, 4, 0) 90%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(29, 35, 39, 0.9) 0%, rgba(24, 29, 32, 0.8) 18%, rgba(19, 23, 25, 0.7) 35%, rgba(14, 17, 18, 0.55) 52%, rgba(3, 4, 4, 0) 90%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(29, 35, 39, 0.9) 0%, rgba(24, 29, 32, 0.8) 18%, rgba(19, 23, 25, 0.7) 35%, rgba(14, 17, 18, 0.55) 52%, rgba(3, 4, 4, 0) 90%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61d2327', endColorstr='#00000000', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.interface-lighter-mesh-left, .interface-lighter-mesh-left > div.mask {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#23282d+0,52555e+100&1+0,1+15,0.95+27,0.6+40,0.8+40,0.6+53,0.4+67,0.1+100 */
    background: -moz-linear-gradient(45deg, rgba(35, 40, 45, 1) 0%, rgba(42, 47, 52, 1) 15%, rgba(48, 52, 58, 0.95) 27%, rgba(54, 58, 64, 0.8) 40%, rgba(60, 64, 71, 0.6) 53%, rgba(67, 70, 78, 0.4) 67%, rgba(82, 85, 94, 0.1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(35, 40, 45, 1) 0%, rgba(42, 47, 52, 1) 15%, rgba(48, 52, 58, 0.95) 27%, rgba(54, 58, 64, 0.8) 40%, rgba(60, 64, 71, 0.6) 53%, rgba(67, 70, 78, 0.4) 67%, rgba(82, 85, 94, 0.1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(35, 40, 45, 1) 0%, rgba(42, 47, 52, 1) 15%, rgba(48, 52, 58, 0.95) 27%, rgba(54, 58, 64, 0.8) 40%, rgba(60, 64, 71, 0.6) 53%, rgba(67, 70, 78, 0.4) 67%, rgba(82, 85, 94, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23282d', endColorstr='#1a52555e', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.interface-darker-mesh-left, .interface-darker-mesh-left > div.mask {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f1214+0,52555e+100&1+0,1+15,0.95+27,0.6+40,0.8+40,0.6+53,0.4+67,0.1+100 */
    background: -moz-linear-gradient(45deg, rgba(15, 18, 20, 1) 0%, rgba(25, 28, 31, 1) 15%, rgba(33, 36, 40, 0.95) 27%, rgba(42, 45, 50, 0.8) 40%, rgba(51, 54, 60, 0.6) 53%, rgba(60, 63, 70, 0.4) 67%, rgba(82, 85, 94, 0.1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(15, 18, 20, 1) 0%, rgba(25, 28, 31, 1) 15%, rgba(33, 36, 40, 0.95) 27%, rgba(42, 45, 50, 0.8) 40%, rgba(51, 54, 60, 0.6) 53%, rgba(60, 63, 70, 0.4) 67%, rgba(82, 85, 94, 0.1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(15, 18, 20, 1) 0%, rgba(25, 28, 31, 1) 15%, rgba(33, 36, 40, 0.95) 27%, rgba(42, 45, 50, 0.8) 40%, rgba(51, 54, 60, 0.6) 53%, rgba(60, 63, 70, 0.4) 67%, rgba(82, 85, 94, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f1214', endColorstr='#1a52555e', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.interface-darker-mesh-vertical, .interface-darker-mesh-vertical > div.mask {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#52555e+0,0f1214+100&0.1+0,0.4+33,0.6+47,0.8+60,0.6+60,0.95+73,1+85,1+100 */
    background: -moz-linear-gradient(top, rgba(82, 85, 94, 0.1) 0%, rgba(60, 63, 70, 0.4) 33%, rgba(51, 54, 60, 0.6) 47%, rgba(42, 45, 50, 0.6) 60%, rgba(33, 36, 40, 0.95) 73%, rgba(25, 28, 31, 1) 85%, rgba(15, 18, 20, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(82, 85, 94, 0.1) 0%, rgba(60, 63, 70, 0.4) 33%, rgba(51, 54, 60, 0.6) 47%, rgba(42, 45, 50, 0.6) 60%, rgba(33, 36, 40, 0.95) 73%, rgba(25, 28, 31, 1) 85%, rgba(15, 18, 20, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(82, 85, 94, 0.1) 0%, rgba(60, 63, 70, 0.4) 33%, rgba(51, 54, 60, 0.6) 47%, rgba(42, 45, 50, 0.6) 60%, rgba(33, 36, 40, 0.95) 73%, rgba(25, 28, 31, 1) 85%, rgba(15, 18, 20, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a52555e', endColorstr='#0f1214', GradientType=0); /* IE6-9 */

}

.white-mesh-left, .white-mesh-left > div.mask {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.9+20,0.75+35,0.5+50,0.25+65,0+80 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.75) 35%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.25) 65%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(20%, rgba(255, 255, 255, 0.9)), color-stop(35%, rgba(255, 255, 255, 0.75)), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(65%, rgba(255, 255, 255, 0.25)), color-stop(80%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.75) 35%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.25) 65%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.75) 35%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.25) 65%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.75) 35%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.25) 65%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); /* IE10 preview */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.75) 35%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.25) 65%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */
}


.silver-mesh-left, .silver-mesh-left > div.mask {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f1f1+0,f1f1f1+100&0.9+1,0.8+15,0.7+27,0.6+40,0.5+52,0.1+100 */
    background: -moz-linear-gradient(-45deg, rgba(241, 241, 241, 0.9) 0%, rgba(241, 241, 241, 0.9) 1%, rgba(241, 241, 241, 0.8) 15%, rgba(241, 241, 241, 0.7) 27%, rgba(241, 241, 241, 0.6) 40%, rgba(241, 241, 241, 0.5) 52%, rgba(241, 241, 241, 0.1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(241, 241, 241, 0.9) 0%, rgba(241, 241, 241, 0.9) 1%, rgba(241, 241, 241, 0.8) 15%, rgba(241, 241, 241, 0.7) 27%, rgba(241, 241, 241, 0.6) 40%, rgba(241, 241, 241, 0.5) 52%, rgba(241, 241, 241, 0.1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(241, 241, 241, 0.9) 0%, rgba(241, 241, 241, 0.9) 1%, rgba(241, 241, 241, 0.8) 15%, rgba(241, 241, 241, 0.7) 27%, rgba(241, 241, 241, 0.6) 40%, rgba(241, 241, 241, 0.5) 52%, rgba(241, 241, 241, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f1f1f1', endColorstr='#1af1f1f1', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.dark-mesh-left, .dark-mesh-left > div.mask {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.9+1,0.8+15,0.7+27,0.6+40,0.5+52,0.1+100 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0.8) 15%, rgba(0, 0, 0, 0.7) 27%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.5) 52%, rgba(0, 0, 0, 0.1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0.8) 15%, rgba(0, 0, 0, 0.7) 27%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.5) 52%, rgba(0, 0, 0, 0.1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0.8) 15%, rgba(0, 0, 0, 0.7) 27%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.5) 52%, rgba(0, 0, 0, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6000000', endColorstr='#1a000000', GradientType=1); /* IE6-9 */
}

.red-mesh, .red-mesh > div.mask {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c41230+0,7c0f23+100 */
    background: rgba(196, 18, 48, .70);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(196, 18, 48, 1) 0%, rgba(124, 15, 35, .75) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(196, 18, 48, 1) 0%, rgba(124, 15, 35, .75) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(196, 18, 48, 1) 0%, rgba(124, 15, 35, .60) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c41230', endColorstr='#7c0f23', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.interface, .interface > div.mask {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#23282d+0,23282d+100&0.35+0,0.8+36,0.9+50,0.9+50,0.98+82 */
    background: -moz-linear-gradient(top, rgba(35, 40, 45, 0.35) 0%, rgba(35, 40, 45, 0.8) 36%, rgba(35, 40, 45, 0.9) 50%, rgba(35, 40, 45, 0.98) 82%, rgba(35, 40, 45, 0.98) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(35, 40, 45, 0.35) 0%, rgba(35, 40, 45, 0.8) 36%, rgba(35, 40, 45, 0.9) 50%, rgba(35, 40, 45, 0.98) 82%, rgba(35, 40, 45, 0.98) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(35, 40, 45, 0.35) 0%, rgba(35, 40, 45, 0.8) 36%, rgba(35, 40, 45, 0.9) 50%, rgba(35, 40, 45, 0.98) 82%, rgba(35, 40, 45, 0.98) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5923282d', endColorstr='#fa23282d', GradientType=0); /* IE6-9 */
}

.intrigue, .intrigue > div.mask {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d1b54+0,2d2133+73,000000+100&1+0,0+60,0+100 */
    background: -moz-linear-gradient(-45deg, rgba(77, 27, 84, 1) 0%, rgba(51, 32, 57, 0) 60%, rgba(45, 33, 51, 0) 73%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(77, 27, 84, 1) 0%, rgba(51, 32, 57, 0) 60%, rgba(45, 33, 51, 0) 73%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(77, 27, 84, 1) 0%, rgba(51, 32, 57, 0) 60%, rgba(45, 33, 51, 0) 73%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d1b54', endColorstr='#00000000', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.curtain, .curtain > div.mask {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,36253f+100&0+57,0.6+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(140, 131, 146, 0) 57%, rgba(54, 37, 63, 0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(140, 131, 146, 0) 57%, rgba(54, 37, 63, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(140, 131, 146, 0) 57%, rgba(54, 37, 63, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#9936253f', GradientType=0); /* IE6-9 */
}

.envoy-finale, .envoy-finale div.mask {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#23282d+0,23282d+100&0.75+0,1+85 */
    background: -moz-linear-gradient(top, rgba(35, 40, 45, 0.75) 0%, rgba(35, 40, 45, 1) 85%, rgba(35, 40, 45, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(35, 40, 45, 0.75) 0%, rgba(35, 40, 45, 1) 85%, rgba(35, 40, 45, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(35, 40, 45, 0.75) 0%, rgba(35, 40, 45, 1) 85%, rgba(35, 40, 45, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf23282d', endColorstr='#23282d', GradientType=0); /* IE6-9 */
}


/* Solid colors */
.white, .white div.mask {
    background-color: #FFFFFF;
}

.egg, .egg div.mask {
    background-color: #FCFAF6;
}

.shell, .shell div.mask {
    background-color: #FCFCFC;
}

.silver, .silver div.mask {
    background-color: #F1F1F1;
}

.anchor, .anchor.div.mask {
    background-color: #283035;
}


.concrete, .concrete div.mask {
    background-color: #23282D
}

.black, .black div.mask {
    background-color: #080715;
}

.purple, .purple div.mask {
    background-color: #74309A;
}

.envoy, .envoy div.mask {
    background-color: #253A50;
}

.envoy-light, .envoy-light div.mask {
    background-color: #23282DD9;
}

/* textures */
.linen, .linen div.mask {
    /* background-color: #23282d;*/
    background-image: url("https://static.meshu.us/dev/img/bg/low_contrast_linen.png");
}

.fiber, .fiber div.mask {
    /* background-color: #23282d;*/
    background-image: url("https://static.meshu.us/dev/img/bg/lightpaperfibers.png");
}

.grunge, .grunge div.mask {
    /* background-color: #23282d;*/
    background-image: url("https://static.meshu.us/dev/img/bg/subtle_grunge.png");
}

.twinkle, .twinkle div.mask {
    /* background-color: #23282d;*/
    background-image: url("https://static.meshu.us/dev/img/bg/twinkle_twinkle.png");
}

.felt, .felt div.mask {
    /* background-color: #23282d;*/
    background-image: url("https://static.meshu.us/dev/img/bg/felt.png");
}

.exa, .exa div.mask {
    /* background-color: #23282d;*/
    background-image: url("https://static.meshu.us/dev/img/bg/dark_exa.png");
}

.coal, .coal div.mask {
    /* background-color: #23282d;*/
    background-image: url("https://static.meshu.us/dev/img/bg/coal.png");
}


@media screen and (min-width: 1024px) {

    div.mask.fs-img img.desktop {
        display: block !important;
    }

    div.mask.fs-img.desktop {
        display: block !important;
        height: 700px;
    }

    div.mask.resp.desktop {
        display: block !important;
        height: 100%;
    }

    div.mask.resp.desktop img.desktop {
        display: block;
    }


    div.mask.fs-img.phone, div.mask.fs-img.tablet, div.mask.fs-img.phablet,
    div.mask.resp.phone, div.mask.resp.tablet, div.mask.resp.phablet {
        display: none;
    }

    div.mask.fs-img img.phone, div.mask.fs-img img.tablet, div.mask.fs-img img.phablet,
    div.mask.resp img.phone, div.mask.resp img.tablet, div.mask.resp img.phablet {
        display: none;
    }

}

@media screen and (max-width: 1024px) and (min-width: 786px) {


    div.mask.fs-img img.tablet {
        display: block !important;
        max-width: 1200px;
        min-width: 100%;
    }

    div.mask.fs-img.tablet {
        display: block !important;
        height: 680px;
    }

    div.mask.resp.tablet {
        display: block !important;
    }

    div.mask.resp img.tablet {
        display: block;
    }

    div.mask.fs-img.desktop, div.mask.fs-img.phone, div.mask.fs-img.phablet,
    div.mask.resp.desktop, div.mask.resp.phone, div.mask.resp.phablet {
        display: none;
    }

    div.mask.fs-img img.desktop, div.mask.fs-img img.phone, div.mask.fs-img img.phablet,
    div.mask.resp img.desktop, div.mask.resp img.phone, div.mask.resp img.phablet {
        display: none;
    }

}

@media screen and (max-width: 786px) and (min-width: 480px) {

    div.mask.fs-img img.phablet {
        display: block !important;
        max-width: 1200px;
    }

    div.mask.fs-img.phablet {
        display: block !important;
        min-height: 600px;
    }

    div.mask.resp.phablet {
        display: block !important;
    }

    div.mask.resp img.phablet {
        display: block;
    }

    div.mask.fs-img.desktop, div.mask.fs-img.phone, div.mask.fs-img.tablet,
    div.mask.resp.desktop, div.mask.resp.phone, div.mask.resp.tablet {
        display: none;
    }

    div.mask.fs-img img.desktop, div.mask.fs-img img.phone, div.mask.fs-img img.tablet,
    div.mask.resp img.desktop, div.mask.resp img.phone, div.mask.resp img.tablet {
        display: none;
    }


}