@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@charset "UTF-8";

:root {
    --black: #000000;
    --lp2_bg: #ececec;
    --fsline: #475163;
    --green: #5cb85c;
    --green_h: #449d44;
    --green_l: #61ddbc;
    --blue: #4fc0e8;
    --blue_h: #3aadd9;
    --blue_l: #66d4f1;
    --yellow: #fdcd56;
    --yellow_h: #f5b945;
    --yellow_l: #fbd277;
    --red: #eb5463;
    --red_h: #d94452;
    --red_l: #f76c82;
    --purple: #23183d;
    --purple_h: #4F557F;
    --purple_l: #6046a4;
    --white: #fff;
    --white_l: #ccc;
    --grey: #d8d8d8;
    --pink: #D81A60;
    --silver: #c8c8c8;
    --platinum: #4fc0e8;
    --diamond: #000;
    --star: #fec065;
    --mb_yellow: #e5da0c;  
}

.grey {
    border-color: #888;
    color: #888
}

.purple {
    border-color: var(--purple);
    color: var(--purple)
}

.purple_l {
    border-color: var(--purple_l);
    color: var(--purple_l)
}

.purple_h {
    border-color: var(--purple_h);
    color: var(--purple_h)
}

.blue {
    border-color: var(--blue);
    color: var(--blue)
}

.yellow {
    border-color: var(--yellow);
    color: var(--yellow)
}

.green {
    border-color: var(--green);
    color: var(--green)
}

.red {
    border-color: var(--red);
    color: var(--red)
}

.transition {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s
}

/*notify*/
.trigger_notify_box {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 400px;
    max-width: 90%;
    padding-top: 15px;
    padding-right: 15px;
    z-index: 999999;
	font-family: "Open Sans" !important;
	font-size:15px;
	font-weight:300;
	letter-spacing: 0.5px;
}

@media (max-width: 768px) {
    .trigger_notify_box {
        font-size:13px;
		width: 320px;
		etter-spacing: 0px;
    }
}

.trigger_notify_timer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4%;
    background: rgba(0, 0, 0, 0.5);
}

.trigger_notify {
    position: relative;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8em;
    overflow: hidden;
    margin-bottom: 15px;	
}

.trigger_notify_blue {
    background-color: #008EC0;
    color: #FFF;
}

.trigger_notify_green {
    background-color: forestgreen;
    color: #FFF;
}