html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
@-ms-viewport { width: device-width;}

audio,
canvas,
iframe,
img,
svg,
video { vertical-align: middle;}

p, ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol, ul { padding-left: 0;}
ol ol, ul ul, ol ul, ul ol { margin-bottom: 0;}
dt { font-weight: bold;}
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
ul li { list-style: none;}
img { vertical-align: middle; pointer-events: none;}
textarea { resize: vertical;}
fieldset { border: 0; margin: 0; padding: 0;}

/* Minimum 8 characters, 
one number, 
one uppercase and one lowercase letter

pattern="(?=^.{8,}$)((?=.*d)|(?=.*W+))(?![.n])(?=.*[A-Z])(?=.*[a-z]).*" 

*/

input[type=password],
input[type=email],
input[type=url],
input[type=date],
input[type=month],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=week],
input[type=tel],
input[type=color],
input[type=number],
input[type=search],
input[type=text],
select,
textarea,
.txtbox, .txtarea {
    background: transparent;
    width:100%; min-height: 1%;
    padding: 1px 5px 3px 5px;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid #aaa;
    outline:0;
}
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=week]:focus,
input[type=tel]:focus,
input[type=color]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
select:focus,
textarea:focus,
.txtbox:focus, .txtarea:focus {
    border-bottom-color: #0d0;
}
input[type=password]:focus:invalid,
input[type=email]:focus:invalid,
input[type=url]:focus:invalid,
input[type=date]:focus:invalid,
input[type=month]:focus:invalid,
input[type=time]:focus:invalid,
input[type=datetime]:focus:invalid,
input[type=datetime-local]:focus:invalid,
input[type=week]:focus:invalid,
input[type=tel]:focus:invalid,
input[type=color]:focus:invalid,
input[type=number]:focus:invalid,
input[type=search]:focus:invalid,
input[type=text]:focus:invalid,
select:focus:invalid,
textarea:focus:invalid,
.txtbox:focus:invalid, .txtarea:focus:invalid {
    border-bottom-color: #c00;
}
input[type=password]:focus:invalid placeholder,
input[type=email]:focus:invalid placeholder,
input[type=url]:focus:invalid placeholder,
input[type=date]:focus:invalid placeholder,
input[type=month]:focus:invalid placeholder,
input[type=time]:focus:invalid placeholder,
input[type=datetime]:focus:invalid placeholder,
input[type=datetime-local]:focus:invalid placeholder,
input[type=week]:focus:invalid placeholder,
input[type=tel]:focus:invalid placeholder,
input[type=color]:focus:invalid placeholder,
input[type=number]:focus:invalid placeholder,
input[type=search]:focus:invalid placeholder,
input[type=text]:focus:invalid placeholder,
select:focus:invalid placeholder,
textarea:focus:invalid placeholder,
.txtbox:focus:invalid placeholder, .txtarea:focus:invalid placeholder {
    color: #e00;
}
input[type=password]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=date]:hover,
input[type=month]:hover,
input[type=time]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
input[type=week]:hover,
input[type=tel]:hover,
input[type=color]:hover,
input[type=number]:hover,
input[type=search]:hover,
input[type=text]:hover,
select:hover,
textarea:hover,
.txtbox:hover, .txtarea:hover {
    background: transparent;
}

.model-combo {
    background: none;
    padding: .2em .5em .3em .5em;
    border: 1px solid #ccc;
    outline: 0;
    color: #aaa;
    cursor: pointer;
    -webkit-border-radius: .5em;
            border-radius: .5em;
}
option:checked {
    background: #FF0084;
    color: #fff;
}

[type=file] { 
    position: relative;
    color: transparent;
    text-indent: -9999px;
    cursor: pointer;
}
[type=file]:before {
    content: "Upload your image";
    position: absolute;
    left: 0; right: 0;
    width: 100%;
    padding: 0 1em;
    display: block;
    bottom: 10px;
    color: #aaa;
    text-indent: 0;
    white-space:pre;
    overflow: hidden;
}

.model-btn a,
button,
button[type="submit"],
button[type="button"],
button[type="reset"] {
    background: transparent;
    border: 1px solid #999;
    outline: 0;
    color: #666;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.model-btn a { padding: 10px 20px;}
button,
button[type="submit"],
button[type="button"],
button[type="reset"] { padding: 5px 20px;}

.model-btn a:hover,
.model-btn .nav-selected a,
button:hover,
button[type="submit"]:hover,
button[type="button"]:hover,
button[type="reset"]:hover {
    background: #FF0084;
    border-color: #FF0084;
    color: #fff;
    text-decoration: none;
}
input[type="checkbox"], 
input[type="radio"],
.checkbox-place label,
.radio-place label { cursor: pointer;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 320px) {

    .my_c { max-width: 300px;}

}

@media (min-width: 544px) {

    .my_c { max-width: 576px;}

}

@media (min-width: 768px) {

    .my_c { max-width: 720px;}

}

@media (min-width: 992px) {

    .my_c { max-width: 940px;}

}

@media (min-width: 1200px) {

    .my_c { max-width:1140px; }

}

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Helper classes
   ========================================================================== */
.hide { display: none;}
.show { display: block;}
.visible { visibility: visible;}
.invisible { visibility: hidden;}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

.clearfix:before, .clearfix:after,
.col-fluid::before, .col-fluid::after { content: " "; display: table;}
.clearfix:after, .col-fluid::after { clear: both;}
.clearfix, .col-fluid { *zoom: 1;}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.page-layout, .container { position: relative;}
.full-width { width: 100%;}
.warp-width {
    width: 90%;
    margin: 0 auto;
    margin-left: 5%;
    margin-right: 5%;
}

.input-form fieldset > span:before,
.input-form fieldset > span:after { content: " "; display: table;}
.input-form fieldset > span:after { clear: both;}
.input-form fieldset > span { *zoom: 1;}

.input-form fieldset > span { 
    position: relative;
    padding-top: 3%;
    display: block;
    float: left;
}
    .input-form label { padding: 0 1em .2em 0;}
    .input-form label, .input-form input { float: left;}

.responsive-image {
    max-width: 100%;
}

.to-left { float: left !important;}
.to-right { float: right !important;}

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

.big-title {
    font-family: 'Libre Baskerville';
    font-size: 32px; line-height: 42px;
    font-weight: lighter;
    margin: 0 0 30px 0;
    color: #333;
}
.txt-smallcaps {
    font-size: 10px;
    text-transform: uppercase;
}
.small-text-18px { font-size: 18px;}

.underline { text-decoration: underline;}

.color-pink { color: #FF0084;}
.color-f90 { color: #f90;}
.color-blue { color: #5856d6;}
.color-000 { color: #000;}
.color-333 { color: #333;}
.color-666 { color: #666;}
.color-777 { color: #777;}
.color-fff { color: #fff;}
.color-eee { color: #eee;}
.color-ccc { color: #ccc;}
.color-bbb { color: #bbb;}

.bg-fff { background: #fff;}
.bg-eee { background: #eee;}
.bg-ddd { background: #ddd;}
.bg-ccc { background: #ccc;}
.bg-bbb { background: #bbb;}
.bg-aaa { background: #aaa;}
.bg-333 { background: #333;}
.bg-lightBlue { background: #a3ccff;}
.bg-pink { background: #FF0084;}

.bg-blur {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
            backdrop-filter: saturate(180%) blur(20px);
}

.with-shadow {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.3);
            box-shadow: 0 5px 20px 0 rgba(0,0,0,.3); 
}
.with-shadow-light {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
            box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); 
}
.with-shadow-wide {
    -webkit-box-shadow: 0 5px 50px 0 rgba(0,0,0,.3);
            box-shadow: 0 5px 50px 0 rgba(0,0,0,.3); 
}

.rounded {
    -webkit-border-radius: 100em;
            border-radius: 100em;
}
.radius-5 {
    -webkit-border-radius: .5em;
            border-radius: .5em;
}
.radius-3 {
    -webkit-border-radius: .3em;
            border-radius: .3em;
}

.animation-ease-5 {
    -webkit-transition: all .5s ease;
            transition: all .5s ease;
}

.col-fluid {
    margin-right: auto;
    margin-left: auto;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    position: relative;
    float: left;
    min-height: 1px;
}
.col-1 { width: 8.333333%;}
.col-2 { width: 16.666667%;}
.col-3 { width: 25%;}
.col-4 { width: 33.333333%;}
.col-5 { width: 41.666667%;}
.col-6 { width: 50%;}
.col-7 { width: 58.333333%;}
.col-8 { width: 66.666667%;}
.col-9 { width: 75%;}
.col-10 { width: 83.333333%;}
.col-11 { width: 91.666667%;}
.col-12 { width: 100%;}

.w-1200 { max-width: 1200px;}
.w-1140 { max-width: 1140px;}
.w-980 { max-width: 980px;}
.w-940 { max-width: 940px;}
.w-720 { max-width: 720px;}
.w-576 { max-width: 576px;}
.w-300 { max-width: 300px;}

.w-10 { width: 10%;}
.w-20 { width: 20%;}
.w-30 { width: 30%;}
.w-40 { width: 40%;}
.w-50 { width: 50%;}
.w-60 { width: 60%;}
.w-70 { width: 70%;}
.w-80 { width: 80%;}
.w-90 { width: 90%;}
.w-100 { width: 100%;}

.min-h-20 { min-height: 20px;}
.min-h-40 { min-height: 40px;}
.min-h-60 { min-height: 60px;}
.min-h-80 { min-height: 80px;}
.min-h-100 { min-height: 100px;}
.min-h-120 { min-height: 120px;}
.min-h-140 { min-height: 140px;}
.min-h-160 { min-height: 160px;}
.min-h-180 { min-height: 180px;}
.min-h-200 { min-height: 200px;}
.min-h-300 { min-height: 300px;}
.min-h-400 { min-height: 400px;}
.min-h-500 { min-height: 500px;}
.min-h-700 { min-height: 700px;}

.mt-0 { margin-top: 0 !important;}
.mt-1 { margin-top: 1% !important;}
.mt-3 { margin-top: 3% !important;}
.mt-5 { margin-top: 5% !important;}
.mt-7 { margin-top: 7% !important;}
.mt-9 { margin-top: 9% !important;}
.mt-10 { margin-top: 10% !important;}
.mt-20 { margin-top: 20% !important;}
.mt-30 { margin-top: 30% !important;}
.mt-40 { margin-top: 40% !important;}
.mt-50 { margin-top: 50% !important;}
.mt-60 { margin-top: 60% !important;}
.mt-70 { margin-top: 70% !important;}
.mt-80 { margin-top: 80% !important;}
.mt-90 { margin-top: 90% !important;}
.mt-100 { margin-top: 100% !important;}

.mb-0 { margin-bottom: 0 !important;}
.mb-1 { margin-bottom: 1% !important;}
.mb-3 { margin-bottom: 3% !important;}
.mb-5 { margin-bottom: 5% !important;}
.mb-7 { margin-bottom: 7% !important;}
.mb-9 { margin-bottom: 9% !important;}
.mb-10 { margin-bottom: 10% !important;}
.mb-20 { margin-bottom: 20% !important;}
.mb-30 { margin-bottom: 30% !important;}
.mb-40 { margin-bottom: 40% !important;}
.mb-40px { margin-bottom: 40px !important;}
.mb-50 { margin-bottom: 50% !important;}
.mb-60 { margin-bottom: 60% !important;}
.mb-70 { margin-bottom: 70% !important;}
.mb-80 { margin-bottom: 80% !important;}
.mb-90 { margin-bottom: 90% !important;}
.mb-100 { margin-bottom: 100% !important;}

.ml-0 { margin-left: 0 !important;}
.ml-1 { margin-left: 1% !important;}
.ml-3 { margin-left: 3% !important;}
.ml-5 { margin-left: 5% !important;}
.ml-7 { margin-left: 7% !important;}
.ml-9 { margin-left: 9% !important;}
.ml-10 { margin-left: 10% !important;}
.ml-20 { margin-left: 20% !important;}
.ml-30 { margin-left: 30% !important;}
.ml-40 { margin-left: 40% !important;}
.ml-50 { margin-left: 50% !important;}
.ml-60 { margin-left: 60% !important;}
.ml-70 { margin-left: 70% !important;}
.ml-80 { margin-left: 80% !important;}
.ml-90 { margin-left: 90% !important;}
.ml-100 { margin-left: 100% !important;}

.mr-0 { margin-right: 0 !important;}
.mr-1 { margin-right: 1% !important;}
.mr-3 { margin-right: 3% !important;}
.mr-5 { margin-right: 5% !important;}
.mr-7 { margin-right: 7% !important;}
.mr-9 { margin-right: 9% !important;}
.mr-10 { margin-right: 10% !important;}
.mr-20 { margin-right: 20% !important;}
.mr-30 { margin-right: 30% !important;}
.mr-40 { margin-right: 40% !important;}
.mr-50 { margin-right: 50% !important;}
.mr-60 { margin-right: 60% !important;}
.mr-70 { margin-right: 70% !important;}
.mr-80 { margin-right: 80% !important;}
.mr-90 { margin-right: 90% !important;}
.mr-100 { margin-right: 100% !important;}

.mt-min-1 { margin-top: -1% !important;}
.mt-min-3 { margin-top: -3% !important;}
.mt-min-5 { margin-top: -5% !important;}
.mt-min-7 { margin-top: -7% !important;}
.mt-min-9 { margin-top: -9% !important;}
.mt-min-10 { margin-top: -10% !important;}
.mt-min-20 { margin-top: -20% !important;}
.mt-min-30 { margin-top: -30% !important;}
.mt-min-40 { margin-top: -40% !important;}
.mt-min-50 { margin-top: -50% !important;}
.mt-min-60 { margin-top: -60% !important;}
.mt-min-70 { margin-top: -70% !important;}
.mt-min-80 { margin-top: -80% !important;}
.mt-min-90 { margin-top: -90% !important;}
.mt-min-100 { margin-top: -100% !important;}

.mb-min-1 { margin-bottom: -1% !important;}
.mb-min-3 { margin-bottom: -3% !important;}
.mb-min-5 { margin-bottom: -5% !important;}
.mb-min-7 { margin-bottom: -7% !important;}
.mb-min-9 { margin-bottom: -9% !important;}
.mb-min-10 { margin-bottom: -10% !important;}
.mb-min-20 { margin-bottom: -20% !important;}
.mb-min-30 { margin-bottom: -30% !important;}
.mb-min-40 { margin-bottom: -40% !important;}
.mb-min-50 { margin-bottom: -50% !important;}
.mb-min-60 { margin-bottom: -60% !important;}
.mb-min-70 { margin-bottom: -70% !important;}
.mb-min-80 { margin-bottom: -80% !important;}
.mb-min-90 { margin-bottom: -90% !important;}
.mb-min-100 { margin-bottom: -100% !important;}

.ml-min-1 { margin-left: -1% !important;}
.ml-min-3 { margin-left: -3% !important;}
.ml-min-5 { margin-left: -5% !important;}
.ml-min-7 { margin-left: -7% !important;}
.ml-min-9 { margin-left: -9% !important;}
.ml-min-10 { margin-left: -10% !important;}
.ml-min-20 { margin-left: -20% !important;}
.ml-min-30 { margin-left: -30% !important;}
.ml-min-40 { margin-left: -40% !important;}
.ml-min-50 { margin-left: -50% !important;}
.ml-min-60 { margin-left: -60% !important;}
.ml-min-70 { margin-left: -70% !important;}
.ml-min-80 { margin-left: -80% !important;}
.ml-min-90 { margin-left: -90% !important;}
.ml-min-100 { margin-left: -100% !important;}

.mr-min-1 { margin-right: -1% !important;}
.mr-min-3 { margin-right: -3% !important;}
.mr-min-5 { margin-right: -5% !important;}
.mr-min-7 { margin-right: -7% !important;}
.mr-min-9 { margin-right: -9% !important;}
.mr-min-10 { margin-right: -10% !important;}
.mr-min-20 { margin-right: -20% !important;}
.mr-min-30 { margin-right: -30% !important;}
.mr-min-40 { margin-right: -40% !important;}
.mr-min-50 { margin-right: -50% !important;}
.mr-min-60 { margin-right: -60% !important;}
.mr-min-70 { margin-right: -70% !important;}
.mr-min-80 { margin-right: -80% !important;}
.mr-min-90 { margin-right: -90% !important;}
.mr-min-100 { margin-right: -100% !important;}

.pt-0 { padding-top: 0 !important;}
.pt-1 { padding-top: 1% !important;}
.pt-3 { padding-top: 3% !important;}
.pt-5 { padding-top: 5% !important;}
.pt-7 { padding-top: 7% !important;}
.pt-9 { padding-top: 9% !important;}
.pt-10 { padding-top: 10% !important;}
.pt-15 { padding-top: 15% !important;}
.pt-20 { padding-top: 20% !important;}
.pt-30 { padding-top: 30% !important;}
.pt-40 { padding-top: 40% !important;}
.pt-40px { padding-top: 40px !important;}
.pt-50 { padding-top: 50% !important;}
.pt-60 { padding-top: 60% !important;}
.pt-70 { padding-top: 70% !important;}
.pt-80 { padding-top: 80% !important;}
.pt-90 { padding-top: 90% !important;}
.pt-100 { padding-top: 100% !important;}

.pb-0 { padding-bottom: 0 !important;}
.pb-1 { padding-bottom: 1% !important;}
.pb-3 { padding-bottom: 3% !important;}
.pb-5 { padding-bottom: 5% !important;}
.pb-7 { padding-bottom: 7% !important;}
.pb-9 { padding-bottom: 9% !important;}
.pb-10 { padding-bottom: 10% !important;}
.pb-20 { padding-bottom: 20% !important;}
.pb-30 { padding-bottom: 30% !important;}
.pb-40 { padding-bottom: 40% !important;}
.pb-40px { padding-bottom: 40px !important;}
.pb-50 { padding-bottom: 50% !important;}
.pb-60 { padding-bottom: 60% !important;}
.pb-70 { padding-bottom: 70% !important;}
.pb-80 { padding-bottom: 80% !important;}
.pb-90 { padding-bottom: 90% !important;}
.pb-100 { padding-bottom: 100% !important;}

.pl-0 { padding-left: 0 !important;}
.pl-1 { padding-left: 1% !important;}
.pl-3 { padding-left: 3% !important;}
.pl-5 { padding-left: 5% !important;}
.pl-7 { padding-left: 7% !important;}
.pl-9 { padding-left: 9% !important;}
.pl-10 { padding-left: 10% !important;}
.pl-20 { padding-left: 20% !important;}
.pl-30 { padding-left: 30% !important;}
.pl-40 { padding-left: 40% !important;}
.pl-50 { padding-left: 50% !important;}
.pl-60 { padding-left: 60% !important;}
.pl-70 { padding-left: 70% !important;}
.pl-80 { padding-left: 80% !important;}
.pl-90 { padding-left: 90% !important;}
.pl-100 { padding-left: 100% !important;}

.pr-0 { padding-right: 0 !important;}
.pr-1 { padding-right: 1% !important;}
.pr-3 { padding-right: 3% !important;}
.pr-5 { padding-right: 5% !important;}
.pr-7 { padding-right: 7% !important;}
.pr-9 { padding-right: 9% !important;}
.pr-10 { padding-right: 10% !important;}
.pr-20 { padding-right: 20% !important;}
.pr-30 { padding-right: 30% !important;}
.pr-40 { padding-right: 40% !important;}
.pr-50 { padding-right: 50% !important;}
.pr-60 { padding-right: 60% !important;}
.pr-70 { padding-right: 70% !important;}
.pr-80 { padding-right: 80% !important;}
.pr-90 { padding-right: 90% !important;}
.pr-100 { padding-right: 100% !important;}

.grid ul { 
    margin-bottom: 0;
    display: grid;
}
.grid ul li { position: relative;}
.grid-mini { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}
.grid-extra-small { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}
.grid-small { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
.grid-medium { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
.grid-large { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
.grid-extra-large { grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));}

.grid-gap-0 { grid-gap: 0;}
.grid-gap-10 { grid-gap: 10px;}
.grid-gap-20 { grid-gap: 20px;}
.grid-gap-30 { grid-gap: 30px;}
.grid-gap-40 { grid-gap: 40px;}
.grid-gap-50 { grid-gap: 50px;}
.grid-gap-60 { grid-gap: 60px;}
.grid-gap-70 { grid-gap: 70px;}
.grid-gap-80 { grid-gap: 80px;}
.grid-gap-90 { grid-gap: 90px;}
.grid-gap-100 { grid-gap: 100px;}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3);}

.lg-img-wrap:after {
    content: '';
}
.guard, .lg-img-wrap:after {
    position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    z-index: 10;
    background: url('../img/i.png') 0 0 repeat;
    width: 100%; height: 100%;
    display: block;
    opacity: .1;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

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

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

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

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

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

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

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

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

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

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