@charset "utf-8";
/* CSS Document */

/*****************************************************************
style-ready
******************************************************************/

/****************
  text
***************/

.text-white{ color:#ffffff !important;}
.text-black{ color:#000000 !important;}

.uc {text-transform: uppercase;}
.lc {text-transform: lowercase;}
.cap {text-transform: capitalize;}

.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-21 {font-size: 21px;}
.fs-22 {font-size: 22px;}
.fs-23 {font-size: 23px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-26 {font-size: 26px;}
.fs-27 {font-size: 27px;}
.fs-28 {font-size: 28px;}
.fs-29 {font-size: 29px;}
.fs-30 {font-size: 30px;}
.fs-31 {font-size: 31px;}
.fs-32 {font-size: 32px;}
.fs-33 {font-size: 33px;}
.fs-34 {font-size: 34px;}
.fs-35 {font-size: 35px;}
.fs-36 {font-size: 36px;}
.fs-37 {font-size: 37px;}
.fs-38 {font-size: 38px;}
.fs-39 {font-size: 39px;}
.fs-40 {font-size: 40px;}
.fs-41 {font-size: 41px;}
.fs-42 {font-size: 42px;}
.fs-43 {font-size: 43px;}
.fs-44 {font-size: 44px;}
.fs-45 {font-size: 45px;}
.fs-46 {font-size: 46px;}
.fs-47 {font-size: 47px;}
.fs-48 {font-size: 48px;}
.fs-49 {font-size: 49px;}
.fs-50 {font-size: 50px;}

.fw-n {font-weight: normal;}
.fw-1 {font-weight: 100;}
.fw-2 {font-weight: 200;}
.fw-3 {font-weight: 300;}
.fw-4 {font-weight: 400;}
.fw-5 {font-weight: 500;}
.fw-6 {font-weight: 600;}
.fw-7 {font-weight: 700;}
.fw-8 {font-weight: 800;}
.fw-9 {font-weight: 900;}

.lh-24{ line-height:24px;}
.lh-28{ line-height:28px;}
.lh-30{ line-height:30px;}
.lh-35{ line-height:35px;}
.lh-40{ line-height:40px;}

/***************************
margin
****************************/

.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-100 {margin-top: 100px;}
.mt-110 {margin-top: 110px;}
.mt-120 {margin-top: 120px;}
.mt-130 {margin-top: 130px;}
.mt-140 {margin-top: 140px;}
.mt-150 {margin-top: 150px;}
.mt-160 {margin-top: 160px;}
.mt-170 {margin-top: 170px;}
.mt-180 {margin-top: 180px;}
.mt-190 {margin-top: 190px;}
.mt-200 {margin-top: 200px;}

.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.mb-130 {margin-bottom: 130px;}
.mb-140 {margin-bottom: 140px;}
.mb-150 {margin-bottom: 150px;}
.mb-160 {margin-bottom: 160px;}
.mb-170 {margin-bottom: 170px;}
.mb-180 {margin-bottom: 180px;}
.mb-190 {margin-bottom: 190px;}
.mb-200 {margin-bottom: 200px;}

.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-50 {margin-left: 50px;}
.ml-60 {margin-left: 60px;}
.ml-70 {margin-left: 70px;}
.ml-80 {margin-left: 80px;}
.ml-90 {margin-left: 90px;}
.ml-100 {margin-left: 100px;}
.ml-110 {margin-left: 110px;}
.ml-120 {margin-left: 120px;}
.ml-130 {margin-left: 130px;}
.ml-140 {margin-left: 140px;}
.ml-150 {margin-left: 150px;}
.ml-160 {margin-left: 160px;}
.ml-170 {margin-left: 170px;}
.ml-180 {margin-left: 180px;}
.ml-190 {margin-left: 190px;}
.ml-200 {margin-left: 200px;}

.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}
.mr-40 {margin-right: 40px;}
.mr-50 {margin-right: 50px;}
.mr-60 {margin-right: 60px;}
.mr-70 {margin-right: 70px;}
.mr-80 {margin-right: 80px;}
.mr-90 {margin-right: 90px;}
.mr-100 {margin-right: 100px;}
.mr-110 {margin-right: 110px;}
.mr-120 {margin-right: 120px;}
.mr-130 {margin-right: 130px;}
.mr-140 {margin-right: 140px;}
.mr-150 {margin-right: 150px;}
.mr-160 {margin-right: 160px;}
.mr-170 {margin-right: 170px;}
.mr-180 {margin-right: 180px;}
.mr-190 {margin-right: 190px;}
.mr-200 {margin-right: 200px;}


/***************************
padding
****************************/

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

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


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

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

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

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

/***************************
reset-0 margin, padding
****************************/

.m-0 {margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important;}
.p-0 {padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important;}

.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.ml-0{margin-left: 0 !important;}
.mr-0{margin-right: 0 !important;}

.pt-0{padding-top: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.pl-0{padding-left: 0 !important;}
.pr-0{padding-right: 0 !important;}

/***************************
background-color
****************************/

.bg-white{ background-color:#ffffff;}
.bg-black{ background-color:#000000;}

/***************************
box-shadow, border none
****************************/
.bxs-none{ box-shadow:none !important;}
.bdr-none{ border:none !important;}


/***************************
before-after-none
****************************/

.bf-none:before{ display:none !important;}
.af-none:after{ display:none !important;}

.bf-af-none:before,
.bf-af-none:after{ display:none !important;}

/***************************
width-100%, height-100%
****************************/

.w-100{ width:100%;}
.h-100{ height:100%;}

/***************************
display
****************************/

.dib{ display:inline-block;}
.di{ display:inline;}
.dli{ display: list-item;}
.db{ display:block;}
.dn{ display:none;}

/********************
position-property
*********************/

.pos-rel{ position:relative;}
.pos-abs{ position:absolute;}
.pos-st{ position:static;}
.pos-inh{ position:inherit;}
.pos-fix{ position:fixed;}

/********************
z-index
*********************/

.z-ind-10{ z-index:-10;}
.z-ind-9{z-index:-9;}
.z-ind-8{z-index:-8;}
.z-ind-7{z-index:-7;}
.z-ind-6{z-index:-6;}
.z-ind-5{z-index:-5;}
.z-ind-4{z-index:-4;}
.z-ind-3{z-index:-3;}
.z-ind-2{z-index:-2;}
.z-ind-1{z-index:-1;}
.z-ind0{z-index:0;}
.z-ind1{z-index:1;}
.z-ind2{z-index:2;}
.z-ind3{z-index:3;}
.z-ind4{z-index:4;}
.z-ind5{z-index:5;}
.z-ind6{z-index:6;}
.z-ind7{z-index:7;}
.z-ind8{z-index:8;}
.z-ind9{z-index:9;}
.z-ind10{z-index:10;}

.z-ind-inh{ z-index:inherit;}
.z-ind-auto{ z-index:auto;}

/***************************
transitions
****************************/

.tsn1{transition: all .1s ease-in-out !important;
-webkit-transition: all .1s ease-in-out !important;
-moz-transition: all .1s ease-in-out !important;
-o-transition: all .1s ease-in-out !important;}

.tsn2{transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;}

.tsn3{transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;}

.tsn4{transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;}

.tsn5{transition: all .5s ease-in-out !important;
-webkit-transition: all .5s ease-in-out !important;
-moz-transition: all .5s ease-in-out !important;
-o-transition: all .5s ease-in-out !important;}