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

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

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






.planwrap h2 {
    color: #ffffff;
    font-size: 30px;
    margin: 0 0 30px;
    text-align: center;
}
.planwrap {
    background: rgba(0, 0, 0, 0) url("images/planbg.html") no-repeat scroll center center;
    float: left;
    padding: 40px;
    width: 100%;
}
.checkbox, .radio {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
}
.planwrap .radio {
    background: #ffffff url("images/empty.html") no-repeat scroll left 10px center;
    border: 2px solid #a3a8a2;
    border-radius: 50px;
    color: #a3a8a2;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 38px;
    margin: 0;
    padding: 0 25px 0 45px;
    text-transform: uppercase;
}
.planwrap input[type="radio"] {
    box-sizing: border-box;
    display: none;
    line-height: normal;
    margin: 4px 0 0;
    padding: 0;
}
.planwrap input[type="radio"]:checked + .radio {
    background: #ffffff url("images/checked.html") no-repeat scroll left 10px center;
    border: 2px solid #3caa22;
    color: #3caa22;
}
.plancol1, .plancol2, .plancol3, .plancol4 {
    float: left;
    width: 25%;
}
.plancol1 li {
    float: left;
    font-family: "Patua One",cursive;
    font-size: 18px;
    line-height: 46px;
    padding: 0 20px;
    width: 100%;
}
.plancol1 li:nth-child(2) {
    background: #0c1744 none repeat scroll 0 0;
    border-radius: 4px 0 0;
    color: #ffffff;
    font-size: 24px;
    line-height: 70px;
}
.plancol1 li:nth-child(3) {
    background: #ffffff none repeat scroll 0 0;
    color: #223440;
}
.plancol1 li:nth-child(4) {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    height: 48px;
}
.plancol1 li:nth-child(5) {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol1 li:nth-child(5) a {
    background: #2b363e none repeat scroll 0 0;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    font-family: "Patua One",cursive;
    font-size: 14px;
    line-height: 34px;
    margin: 10px 0 0;
    padding: 0 25px;
}
.plancol1 li:nth-child(6) {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol1 li:nth-child(7) {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol1 li:nth-child(8) {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 23px;
}
.plancol2 li {
    float: left;
    font-family: "Patua One",cursive;
    font-size: 18px;
    line-height: 46px;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}
.plancol2 li:nth-child(1) {
    background: #f2f5f1 none repeat scroll 0 0;
    color: #223440;
    font-size: 24px;
}
.plancol2 li:nth-child(2) {
    background: #f1d55f none repeat scroll 0 0;
    color: #223440;
    font-size: 24px;
    line-height: 25px;
    padding: 10px 0;
}
.plancol2 li:nth-child(2) span {
    display: block;
    font-size: 18px;
}
.plancol2 li:nth-child(3) {
    background: #f2f5f1 none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
}
.plancol2 li:nth-child(4) {
    background: #f2f5f1 none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
}
.plancol2 li:nth-child(5) {
    background: #f2f5f1 none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol2 li:nth-child(6) {
    background: #f2f5f1 none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol2 li:nth-child(7) {
    background: #f2f5f1 none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}

.plancol2 li:nth-child(8) {
    background: #f2f5f1 none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol2 li:nth-child(8) a {
    background: #edd50e none repeat scroll 0 0;
    border-radius: 20px;
    color: #223440;
    display: inline-block;
    font-family: "Patua One",cursive;
    font-size: 14px;
    line-height: 34px;
    margin: 10px 0 0;
    padding: 0 25px;
}
.plancol2 li:nth-child(8) a:hover {
    background: #ffed5a none repeat scroll 0 0;
    border-radius: 20px;
    color: #223440;
    display: inline-block;
    font-family: "Patua One",cursive;
    font-size: 14px;
    line-height: 34px;
    margin: 10px 0 0;
    padding: 0 25px;
}
.plancol3 li {
    float: left;
    font-family: "Patua One",cursive;
    font-size: 18px;
    line-height: 46px;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}
.plancol3 li:nth-child(1) {
    background: #ebeeea none repeat scroll 0 0;
    color: #223440;
    font-size: 24px;
}
.plancol3 li:nth-child(2) {
    background: #0c1744 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 24px;
    line-height: 25px;
    padding: 10px 0;
}
.plancol3 li:nth-child(2) span {
    display: block;
    font-size: 18px;
}
.plancol3 li:nth-child(3) {
    background: #ebeeea none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
}
.plancol3 li:nth-child(4) {
    background: #ebeeea none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
}
.plancol3 li:nth-child(5) {
    background: #ebeeea none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol3 li:nth-child(6) {
    background: #ebeeea none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol3 li:nth-child(7) {
    background: #ebeeea none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol3 li:nth-child(8) {
    background: #ebeeea none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol3 li:nth-child(8) a {
    background: #3caa22 none repeat scroll 0 0;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    font-family: "Patua One",cursive;
    font-size: 14px;
    line-height: 34px;
    margin: 10px 0 0;
    padding: 0 25px;
}
.plancol3 li:nth-child(8) a:hover {
    background: #6bd651 none repeat scroll 0 0;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    font-family: "Patua One",cursive;
    font-size: 14px;
    line-height: 34px;
    margin: 10px 0 0;
    padding: 0 25px;
}
.plancol4 li {
    float: left;
    font-family: "Patua One",cursive;
    font-size: 18px;
    line-height: 46px;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}
.plancol4 li:nth-child(1) {
    background: #f2f5f1 none repeat scroll 0 0;
    color: #223440;
    font-size: 24px;
}
.plancol4 li:nth-child(2) {
    background: #f1d55f none repeat scroll 0 0;
    color: #223440;
    font-size: 24px;
    line-height: 25px;
    padding: 10px 0;
}
.plancol4 li:nth-child(2) span {
    display: block;
    font-size: 18px;
}
.plancol4 li:nth-child(3) {
    background: #f2f5f1 none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
}
.plancol4 li:nth-child(4) {
    background: #f2f5f1 none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
}
.plancol4 li:nth-child(5) {
    background: #f2f5f1 none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol4 li:nth-child(6) {
    background: #f2f5f1 none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol4 li:nth-child(8) a:hover {
    background: #ffeb44 none repeat scroll 0 0;
    border-radius: 20px;
    color: #223440;
    display: inline-block;
    font-family: "Patua One",cursive;
    font-size: 14px;
    line-height: 34px;
    margin: 10px 0 0;
    padding: 0 25px;
}
.plancol4 li:nth-child(7) {
    background: #f2f5f1 none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol4 li:nth-child(8) {
    background: #f2f5f1 none repeat scroll 0 0;
    border-bottom: 1px solid #dbdbdb;
    color: #223440;
    padding-bottom: 20px;
}
.plancol4 li:nth-child(8) a {
    background: #edd50e none repeat scroll 0 0;
    border-radius: 20px;
    color: #223440;
    display: inline-block;
    font-family: "Patua One",cursive;
    font-size: 14px;
    line-height: 34px;
    margin: 10px 0 0;
    padding: 0 25px;
}

.aff-banners {
    background: #0c1744 none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 20px;
}
.aff-banners .nav-tabs {
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(77, 205, 255, 1) 0%, rgba(85, 140, 204, 1) 100%) repeat scroll 0 0;
    border-radius: 6px;
}
.aff-banners .nav-tabs > li > a {
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-family: "Roboto Slab",serif;
    font-size: 16px;
    font-weight: 600;
    margin-right: 0;
    padding: 15px 25px;
}
.aff-banners .nav > li {
    margin: 5px 0;
    padding: 0 5px;
}
.aff-banners .nav-tabs > li.active > a, .aff-banners .nav-tabs > li.active > a:hover, .aff-banners .nav-tabs > li.active > a:focus {
    background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(242, 147, 46, 1) 0%, rgba(252, 200, 17, 1) 100%) repeat scroll 0 0;
    border: medium none;
    border-radius: 6px;
    color: #2f0358;
    cursor: default;
    padding: 15px 25px;
}
.aff-banners .nav-tabs > li > a:hover, .aff-banners .nav-tabs > li:hover > a {
    background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(242, 147, 46, 1) 0%, rgba(252, 200, 17, 1) 100%) repeat scroll 0 0;
    border-radius: 6px;
    color: #2f0358;
    padding: 15px 25px;
}
.aff-banners .tab-content > .tab-pane {
    padding: 20px 0 0;
    text-align: center;
}

.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-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;}

/***************************
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;}