/* font family */
/*font-family: 'Permanent Marker', cursive;*/
/*font-family: 'Barlow', sans-serif;*/
/*font-family: 'Barlow Condensed', sans-serif;*/
/*font-family: 'Barlow Semi Condensed', sans-serif;*/
/*font-family: 'Poppins', sans-serif;*/
/*font-family: 'Monoton', cursive;*/
/*font-family: 'Fredericka the Great', cursive;*/
/*font-family: 'Cabin Sketch', cursive;*/
/*font-family: 'Chelsea Market', cursive;*/
/*font-family: 'Slackey', cursive;*/
/*font-family: 'Major Mono Display', monospace;*/
/*font-family: 'Lacquer', cursive;*/
/*font-family: 'Manjari', sans-serif;*/
/*font-family: 'Walter Turncoat', cursive;*/




/* font family */
.alt-font {font-family: 'Barlow', sans-serif !important;}
.body-font {font-family: 'Poppins', sans-serif !important;}
.satisfy {font-family: 'Permanent Marker', cursive !important;}
.font-satisfy {font-family: 'Satisfy', cursive !important;}
.font-nothing {font-family: 'Nothing You Could Do', cursive !important;}
.font-belle {font-family: 'La Belle Aurore', cursive !important;}
.font-monoton {font-family: 'Monoton', cursive !important;}
.font-fredericka {font-family: 'Fredericka the Great', cursive !important;}
.font-cabin {font-family: 'Cabin Sketch', cursive !important;}
.font-chelsea {font-family: 'Chelsea Market', cursive !important;}
.font-slackey {font-family: 'Slackey', cursive !important;}
.font-major {font-family: 'Major Mono Display', monospace !important;}
.font-lacquer {font-family: 'Lacquer', cursive !important;}
.font-manjari {font-family: 'Manjari', sans-serif !important;}
.font-walter {font-family: 'Walter Turncoat', sans-serif !important;}



/* GENERAL
================================================== */

.absolute {position: absolute !important;}
.relative {position: relative !important;}

.visible {overflow: visible !important;}

.bg-none {background-color: rgba(0,0,0,0.0)}
.bg-black-opacity {background-color: rgba(0,0,0,0.8)}
.bg-black {background-color: #000000; }
.bg-dark {background-color: #171717; }
.bg-darkblue {background-color: #09173E; }
.bg-light {background-color: rgba(0,0,0,0.05); }
.bg-light-blue {background-color: #f9fbfc; }
.bg-white-opacity {background-color: rgba(255,255,255,0.8)}
.bg-white {background-color: rgba(255,255,255,1); }
.bg-gold {background: #E6B904;}
.bg-color {background-color: rgba(212, 113, 20, 0.95); }

.bg-green {
    background: #0F75BC !important;
}




.bold{font-weight:700!important;}
.bold_normal{font-weight:normal!important;}
.bold_light{font-weight:lighter!important;}
.bold_100{font-weight:100!important;}
.bold_200{font-weight:200!important;}
.bold_300{font-weight:300!important;}
.bold_400{font-weight:400!important;}
.bold_500{font-weight:500!important;}
.bold_600{font-weight:600!important;}
.bold_700{font-weight:700!important;}
.bold_800{font-weight:800!important;}
.bold_900{font-weight:900!important;}

/* text-style */
.textstyle-1 {color: rgba(255,255,255,1) !important; text-shadow: 1px 1px 2px #666 !important;}
.textstyle-2 {color: #222;text-shadow: 0px 2px 3px #555;} 
.textstyle-3 {color: #121212;letter-spacing: 2px;text-shadow: 0 2px 1px #747474, -1px 3px 1px #767676, -2px 5px 1px #787878, -3px 7px 1px #7a7a7a,-4px 9px 1px #7f7f7f,-5px 11px 1px #838383,-6px 13px 1px #878787,-7px 15px 1px #8a8a8a, -0px 0px 1px #8e8e8e,-0px 0px 1px #949494,-0px 0px 1px #989898,-0px 0px 1px #9f9f9f,-0px 0px 1px #a2a2a2, -0px 0px 1px #a7a7a7,-0px 0px 1px #adadad,-0px 0px 1px #b3b3b3,-0px 0px 1px #b6b6b6,-0px 0px 1px #bcbcbc, -0px 0px 1px #c2c2c2,-0px 0px 1px #c8c8c8,-0px 0px 1px #cbcbcb,-0px 0px 1px #d2d2d2,-0px 0px 1px #d5d5d5, -0px 0px 1px #e2e2e2,-0px 0px 1px #e6e6e6,-0px 0px 1px #eaeaea,-0px 0px 1px #efefef;}
.textstyle-4 {color: #474747;text-shadow: 20px 10px 0px #ff99cc,-15px -6px 0px #64a5b7;}
.textstyle-5 {color: #000;font-weight: bold;background: rgba(255, 253, 160, 1);background: -webkit-linear-gradient( left, #00ffff 0%, #97fba0 25%, #97b1fb 50%, #00ffff 100%) repeat;-webkit-background-clip: text;-ms-background-clip: text;-moz-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;-ms-text-fill-color: transparent;-moz-text-fill-color: transparent;text-fill-color: transparent;-webkit-animation-name: masked-animation;-webkit-animation-duration: 50s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}@-webkit-keyframes masked-animation {0% {background-position: 0 0;}100% {background-position: -8000px -3000px;}}
.textstyle-6 {font-weight: 400;background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.textstyle-gradient-pink { background-image:linear-gradient(to right, #ee2281, #ee4d6d); color:rgba(0, 0, 0, 0); -webkit-background-clip:text; background-clip:text; position:relative; }
.textstyle-gradient-blue { background-image:linear-gradient(to right, #009cf3, #16d6d9); color:rgba(0, 0, 0, 0); -webkit-background-clip:text; background-clip:text; position:relative; }
.textstyle-gradient-green { background-image:linear-gradient(to right, #16d6d9, #96cc29); color:rgba(0, 0, 0, 0); -webkit-background-clip:text; background-clip:text; position:relative; }
.textstyle-gradient-orange { background-image:linear-gradient(to right, #ffbf02, #ed0082); color:rgba(0, 0, 0, 0); -webkit-background-clip:text; background-clip:text; position:relative; }
.textstyle-gradient-purple { background-image:linear-gradient(to right, #57006b, #bf5e8d); color:rgba(0, 0, 0, 0); -webkit-background-clip:text; background-clip:text; position:relative; }
.textstyle-neon-01 {color: #121212;text-shadow:0 0 5px #121212,0 0 10px #121212,0 0 20px #121212,0 0 40px #0ff,0 0 80px #0ff,0 0 90px #0ff,0 0 100px #0ff,0 0 150px #0ff;}
.textstyle-neon-02 {color: yellow;-webkit-animation: glow 1s ease-in-out infinite alternate;-moz-animation: glow 1s ease-in-out infinite alternate;animation: glow 1s ease-in-out infinite alternate;}

.inline-block {display: inline-block;}
.block {display: block !important;}
.center {text-align: center !important;}
.center-left {text-align: center !important;}
.left {text-align: left!important;}
.right{text-align:right!important;}
.inherit {text-transform: inherit;}
.italic {font-style: italic;}
.uppercase {text-transform: uppercase !important;}
.lowercase {text-transform: lowercase !important;}
.margin-auto {margin: 0 auto;}
.fl_left {float: left !important;}
.fl_right {float: right !important;}
.fl_right-left {float: right !important;}
.fl_left-right {float: left !important;}
.fl_center-left {float: center !important;}

.letter-spacing-01 {letter-spacing: 1px !important;}
.letter-spacing-02 {letter-spacing: 2px !important;}
.letter-spacing-04 {letter-spacing: 4px !important;}
.letter-spacing-06 {letter-spacing: 6px !important;}


.hover-up {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hover-up:hover {-webkit-box-shadow: 0px 15px 30px 0px rgba(18, 20, 23, 0.2);-moz-box-shadow: 0px 15px 30px 0px rgba(18, 20, 23, 0.2);-ms-box-shadow: 0px 15px 30px 0px rgba(18, 20, 23, 0.2);box-shadow: 0px 15px 30px 0px rgba(18, 20, 23, 0.2);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}

/* text color */
.text-black{ color:#000 !important;}
.text-dark{ color:#272727 !important;}
.text-white{ color:#FFF !important;}
.text-light{ color:#DFDFDF !important;}
.text-gold {color:#ecc56b!important;}
.text-light-gold {color:#e1c37f!important;}
.text-dark-gold {color:#ad933c!important;}
.text-red {color: #A60013!important;}
.text-dark-red {color: #DF1010!important;}
.text-orange {color: #D47114!important;}
.text-green {color: #0F75BC!important;}
.text-dark-gray {color: #444444!important;}
.text-yellow {color: #FFD800!important;}

.text-shadow-01 {text-shadow: -5px 5px 0px #00e6e6, -10px 10px 0px #01cccc, -15px 15px 0px #00bdbd;}
.text-shadow-02 {text-shadow: -5px 4px 0px #0a0e27, -14px 7px 0px #DFAC10;}


.border-radius-2 {border-radius: 2px;}
.border-radius-3 {border-radius: 3px;}
.border-radius-4 {border-radius: 4px;}
.border-radius-10 {border-radius: 10px;}

.display-440 {display: none!important;}
.display-440-none {}
.display-500 {display: none!important;}
.display-500-none {}
.display-600 {display: none!important;}
.display-600-none {}
.display-767 {display: none!important;}
.display-767-none {}
.display-991 {display: none!important;}
.display-991-none {}
.display-1000 {display: none!important;}
.display-1000-none {}
.display-1200 {display: none!important;}
.display-1200-none {}
.display-1500 {display: none!important;}
.display-1500-none {}
.display-1700 {display: none!important;}
.display-1700-none {}

.opacity-02 {opacity: 0.2;}
.opacity-05 {opacity: 0.5;}
.opacity-08 {opacity: 0.8;}

.rotate_0 {transform:rotate(0deg)!important;-moz-transform: rotate(0deg)!important;-ms-transform: rotate(0deg)!important;-o-transform: rotate(0deg)!important;-webkit-transform: rotate(0deg)!important; }
.rotate_4 {transform:rotate(-4deg)!important;-moz-transform: rotate(-4deg)!important;-ms-transform: rotate(-4deg)!important;-o-transform: rotate(-4deg)!important;-webkit-transform: rotate(-4deg)!important; }
.rotate_plus4 {transform:rotate(4deg)!important;-moz-transform: rotate(4deg)!important;-ms-transform: rotate(4deg)!important;-o-transform: rotate(4deg)!important;-webkit-transform: rotate(4deg)!important; }
.rotate_7 {transform:rotate(-7deg)!important;-moz-transform: rotate(-7deg)!important;-ms-transform: rotate(-7deg)!important;-o-transform: rotate(-7deg)!important;-webkit-transform: rotate(-7deg)!important; }
.rotate_plus7 {transform:rotate(7deg)!important;-moz-transform: rotate(7deg)!important;-ms-transform: rotate(7deg)!important;-o-transform: rotate(7deg)!important;-webkit-transform: rotate(7deg)!important; }
.rotate_10 {transform:rotate(-10deg)!important;-moz-transform: rotate(-10deg)!important;-ms-transform: rotate(-10deg)!important;-o-transform: rotate(-10deg)!important;-webkit-transform: rotate(-10deg)!important; }

.rotate_plus_2 {transform:rotate(2deg)!important;-moz-transform: rotate(2deg)!important;-ms-transform: rotate(2deg)!important;-o-transform: rotate(2deg)!important;-webkit-transform: rotate(2deg)!important; }

.nomargin {
  margin: 0 !important; }

.nopadding {padding: 0 !important;}

.mt_5 {margin-top: -5px !important;}
.mt_10 {margin-top: -10px !important;}
.mt_20 {margin-top: -20px !important;}
.mt_30 {margin-top: -30px !important;}
.mt_40 {margin-top: -40px !important;}
.mt_50 {margin-top: -50px !important;}
.mt_60 {margin-top: -60px !important;}
.mt_70 {margin-top: -70px !important;}
.mt_80 {margin-top: -80px !important;}
.mt_90 {margin-top: -90px !important;}
.mt_100 {margin-top: -100px !important;}

.mt-0 {margin-top: 0 !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-100 {margin-top: 100px !important;}
.mt-110 {margin-top: 110px !important;}
.mt-120 {margin-top: 120px !important;}
.mt-130 {margin-top: 130px !important;}
.mt-140 {margin-top: 140px !important;}
.mt-150 {margin-top: 150px !important;}
.mt-200 {margin-top: 200px !important;}

.mb-0 {margin-bottom: 0 !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-90 {margin-bottom: 90px !important;}
.mb-100 {margin-bottom: 100px !important;}
.mb-110 {margin-bottom: 110px !important;}
.mb-120 {margin-bottom: 120px !important;}
.mb-130 {margin-bottom: 130px !important;}
.mb-140 {margin-bottom: 140px !important;}


.pt-0 {padding-top: 0px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-50 {padding-top: 50px !important;}
.pt-60 {padding-top: 60px !important;}
.pt-70 {padding-top: 70px !important;}
.pt-80 {padding-top: 80px !important;}
.pt-90 {padding-top: 90px !important;}
.pt-100 {padding-top: 100px !important;}
.pt-110 {padding-top: 110px !important;}
.pt-120 {padding-top: 120px !important;}
.pt-130 {padding-top: 130px !important;}
.pt-140 {padding-top: 140px !important;}
.pt-150 {padding-top: 150px !important;}
.pt-160 {padding-top: 160px !important;}
.pt-170 {padding-top: 170px !important;}
.pt-180 {padding-top: 180px !important;}
.pt-190 {padding-top: 190px !important;}
.pt-200 {padding-top: 200px !important;}

.pb-0 {padding-bottom: 0px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-50 {padding-bottom: 50px !important;}
.pb-60 {padding-bottom: 60px !important;}
.pb-70 {padding-bottom: 70px !important;}
.pb-80 {padding-bottom: 80px !important;}
.pb-90 {padding-bottom: 90px !important;}
.pb-100 {padding-bottom: 100px !important;}
.pb-110 {padding-bottom: 110px !important;}
.pb-120 {padding-bottom: 120px !important;}
.pb-130 {padding-bottom: 130px !important;}
.pb-140 {padding-bottom: 140px !important;}
.pb-150 {padding-bottom: 150px !important;}
.pb-160 {padding-bottom: 160px !important;}
.pb-170 {padding-bottom: 170px !important;}
.pb-180 {padding-bottom: 180px !important;}
.pb-190 {padding-bottom: 190px !important;}
.pb-200 {padding-bottom: 200px !important;}

.pl-10 {padding-left: 10px !important;}
.pl-20 {padding-left: 20px !important;}

.pb-1x {padding: 1% !important;}
.pb-3x {padding: 3% !important;}
.pb-10x {padding: 10% !important;}
.pb-20px {padding: 20px !important;}

.size_05 {font-size: 5px !important;}
.size_06 {font-size: 6px !important;}
.size_07 {font-size: 7px !important;}
.size_08 {font-size: 8px !important;}
.size_09 {font-size: 9px !important;}
.size_10 {font-size: 10px !important;}
.size_11 {font-size: 11px !important;}
.size_12 {font-size: 12px !important;}
.size_13 {font-size: 13px !important;}
.size_14 {font-size: 14px !important;}
.size_15 {font-size: 15px !important;}
.size_16 {font-size: 16px !important;}
.size_18 {font-size: 18px !important;}
.size_20 {font-size: 20px !important;}
.size_21 {font-size: 21px !important;}
.size_22 {font-size: 22px !important;}
.size_24 {font-size: 24px !important;}
.size_25 {font-size: 25px !important;}
.size_26 {font-size: 26px !important;}
.size_28 {font-size: 28px !important;}
.size_30 {font-size: 30px !important;}
.size_35 {font-size: 35px !important;}
.size_38 {font-size: 38px !important;}
.size_40 {font-size: 40px !important;}
.size_50 {font-size: 50px !important;}
.size_60 {font-size: 60px !important;}
.size_70 {font-size: 70px !important;}
.size_80 {font-size: 80px !important;}
.size_90 {font-size: 90px !important;}
.size_100 {font-size: 100px !important;}
.size_130 {font-size: 130px !important;}


.height_1 {height: 1% !important;}

.width_2 {width: 2% !important;}
.width_5 {width: 5% !important;}
.width_10 {width: 10% !important;}
.width_12 {width: 12% !important;}
.width_15 {width: 15% !important;}
.width_16 {width: 16.666% !important;}
.width_20 {width: 20% !important;}
.width_25 {width: 25% !important;}
.width_30 {width: 30% !important;}
.width_32 {width: 32% !important;}
.width_33 {width: 33.3333333% !important;}
.width_35 {width: 35% !important;}
.width_40 {width: 40% !important;}
.width_45 {width: 45% !important;}
.width_48 {width: 48% !important;}
.width_49 {width: 49% !important;}
.width_50 {width: 50% !important;}
.width_55 {width: 55% !important;}
.width_60 {width: 60% !important;}
.width_65 {width: 65% !important;}
.width_70 {width: 70% !important;}
.width_75 {width: 75% !important;}
.width_78 {width: 78% !important;}
.width_80 {width: 80% !important;}
.width_85 {width: 85% !important;}
.width_88 {width: 88% !important;}
.width_90 {width: 90% !important;}
.width_95 {width: 95% !important;}
.width_100 {width: 100% !important;}
.width_200 {width: 200% !important;}
.width_50px {width: 50px !important;}
.width_75px {width: 75px !important;}
.width_100px {width: 100px !important;}
.width_150px {width: 150px !important;}
.width_200px {width: 200px !important;}



.z-index-10 {z-index: 10 !important}
.z-index-20 {z-index: 20 !important}
.z-index-30 {z-index: 30 !important}
.z-index-40 {z-index: 40 !important}
.z-index-50 {z-index: 50 !important}
.z-index-60 {z-index: 60 !important}
.z-index-70 {z-index: 70 !important}
.z-index-80 {z-index: 80 !important}
.z-index-90 {z-index: 90 !important}
.z-index-100 {z-index: 100 !important}
.z-index-200 {z-index: 200 !important}
.z-index-300 {z-index: 300 !important}
.z-index-400 {z-index: 400 !important}
.z-index-500 {z-index: 500 !important}
.z-index-600 {z-index: 600 !important}
.z-index-700 {z-index: 700 !important}
.z-index-800 {z-index: 800 !important}
.z-index-900 {z-index: 900 !important}
.z-index-1000 {z-index: 1000 !important}
.z-index-2000 {z-index: 2000 !important}
.z-index-3000 {z-index: 3000 !important}
.z-index-4000 {z-index: 4000 !important}
.z-index-5000 {z-index: 5000 !important}
.z-index-6000 {z-index: 6000 !important}
.z-index-7000 {z-index: 7000 !important}
.z-index-8000 {z-index: 8000 !important}
.z-index-9000 {z-index: 9000 !important}


/* Blink me*/
@-moz-keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@-webkit-keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
.blink_me {  
    text-decoration: none;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: blinker;
    animation-timing-function: linear;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: blinker;
    animation-timing-function: linear;
}