/***********************************************
Css Classes
***********************************************/

.width-3        { width:3px; }
.width-5        { width:5px; }
.width-10       { width:10px; }
.width-15       { width:15px; }
.width-20       { width:20px; }
.width-25       { width:25px; }
.width-30       { width:30px; }
.width-40       { width:40px; }
.width-50       { width:50px; }
.width-60       { width:60px; }
.width-70       { width:70px; }
.width-80       { width:80px; }
.width-90       { width:90px; }
.width-100      { width:100px; }
.width-200      { width:200px; }
.width-280      { width:280px; }
.width-300      { width:300px; }
.width-400      { width:400px; }
.width-600      { width:600px; }


.width-5-sz        { width:5%; }
.width-10-sz       { width:10%; }
.width-15-sz       { width:15%; }
.width-20-sz       { width:20%; }
.width-25-sz       { width:25%; }
.width-30-sz       { width:30%; }
.width-40-sz       { width:40%; }
.width-50-sz       { width:50%; }
.width-60-sz       { width:60%; }
.width-70-sz       { width:70%; }
.width-75-sz       { width:75%; }
.width-80-sz       { width:80%; }
.width-85-sz       { width:85%; }
.width-90-sz       { width:90%; }
.width-95-sz       { width:95%; }
.width-100-sz      { width:100%; }
.width-max         { width: 100%; }


.height-3        { height:3px; }
.height-5        { height:5px; }
.height-10       { height:10px; }
.height-15       { height:15px; }
.height-20       { height:20px; }
.height-25       { height:25px; }
.height-30       { height:30px; }
.height-40       { height:40px; }
.height-50       { height:50px; }
.height-60       { height:60px; }
.height-70       { height:70px; }
.height-80       { height:80px; }
.height-90       { height:90px; }
.height-100      { height:100px; }
.height-110      { height:110px; }
.height-120      { height:120px; }
.height-130      { height:130px; }
.height-140      { height:140px; }
.height-150      { height:150px; }
.height-160      { height:160px; }
.height-170      { height:170px; }
.height-180      { height:180px; }
.height-190      { height:190px; }
.height-200      { height:200px; }
.height-300      { height:300px; }
.height-400      { height:400px; }

.padding-0        { padding:0px; }
.padding-3        { padding:3px; }
.padding-5        { padding:5px; }
.padding-10       { padding:10px; }
.padding-15       { padding:15px; }
.padding-20       { padding:20px; }
.padding-25       { padding:25px; }
.padding-30       { padding:30px; }
.padding-35       { padding:35px; }
.padding-40       { padding:40px; }
.padding-45       { padding:45px; }
.padding-50       { padding:50px; }
.padding-55       { padding:55px; }
.padding-60       { padding:60px; }


.padding-top-3        { padding-top:3px; }
.padding-top-5        { padding-top:5px; }
.padding-top-10       { padding-top:10px; }
.padding-top-15       { padding-top:15px; }
.padding-top-20       { padding-top:20px; }
.padding-top-25       { padding-top:25px; }
.padding-top-30       { padding-top:30px; }
.padding-top-35       { padding-top:35px; }
.padding-top-40       { padding-top:40px; }
.padding-top-45       { padding-top:45px; }
.padding-top-50       { padding-top:50px; }
.padding-top-55       { padding-top:55px; }
.padding-top-60       { padding-top:60px; }
.padding-top-100      { padding-top:100px; }


.padding-right-3        { padding-right:3px; }
.padding-right-5        { padding-right:5px; }
.padding-right-10       { padding-right:10px; }
.padding-right-15       { padding-right:15px; }
.padding-right-20       { padding-right:20px; }
.padding-right-25       { padding-right:25px; }
.padding-right-30       { padding-right:30px; }
.padding-right-35       { padding-right:35px; }
.padding-right-40       { padding-right:40px; }
.padding-right-45       { padding-right:45px; }
.padding-right-50       { padding-right:50px; }
.padding-right-55       { padding-right:55px; }
.padding-right-60       { padding-right:60px; }


.padding-bottom-3        { padding-bottom:3px; }
.padding-bottom-5        { padding-bottom:5px; }
.padding-bottom-10       { padding-bottom:10px; }
.padding-bottom-15       { padding-bottom:15px; }
.padding-bottom-20       { padding-bottom:20px; }
.padding-bottom-25       { padding-bottom:25px; }
.padding-bottom-30       { padding-bottom:30px; }
.padding-bottom-35       { padding-bottom:35px; }
.padding-bottom-40       { padding-bottom:40px; }
.padding-bottom-45       { padding-bottom:45px; }
.padding-bottom-50       { padding-bottom:50px; }
.padding-bottom-55       { padding-bottom:55px; }
.padding-bottom-60       { padding-bottom:60px; }


.padding-left-3        { padding-left:3px; }
.padding-left-5        { padding-left:5px; }
.padding-left-10       { padding-left:10px; }
.padding-left-15       { padding-left:15px; }
.padding-left-20       { padding-left:20px; }
.padding-left-25       { padding-left:25px; }
.padding-left-30       { padding-left:30px; }
.padding-left-35       { padding-left:35px; }
.padding-left-40       { padding-left:40px; }
.padding-left-45       { padding-left:45px; }
.padding-left-50       { padding-left:50px; }
.padding-left-55       { padding-left:55px; }
.padding-left-60       { padding-left:60px; }
.padding-left-80       { padding-left:80px; }


.margin-auto     { margin:0 auto; }   
.margin-0        { margin:0px; }
.margin-1        { margin:1px; }
.margin-3        { margin:3px; }
.margin-5        { margin:5px; }
.margin-10       { margin:10px; }
.margin-15       { margin:15px; }
.margin-20       { margin:20px; }
.margin-25       { margin:25px; }
.margin-30       { margin:30px; }
.margin-35       { margin:35px; }
.margin-40       { margin:40px; }
.margin-45       { margin:45px; }
.margin-50       { margin:50px; }
.margin-55       { margin:55px; }
.margin-60       { margin:60px; }


.margin-top-3        { margin-top:3px; }
.margin-top-5        { margin-top:5px; }
.margin-top-10       { margin-top:10px; }
.margin-top-15       { margin-top:15px; }
.margin-top-20       { margin-top:20px; }
.margin-top-25       { margin-top:25px; }
.margin-top-30       { margin-top:30px; }
.margin-top-35       { margin-top:35px; }
.margin-top-40       { margin-top:40px; }
.margin-top-45       { margin-top:45px; }
.margin-top-50       { margin-top:50px; }
.margin-top-55       { margin-top:55px; }
.margin-top-60       { margin-top:60px; }


.margin-right-3        { margin-right:3px; }
.margin-right-5        { margin-right:5px; }
.margin-right-10       { margin-right:10px; }
.margin-right-15       { margin-right:15px; }
.margin-right-20       { margin-right:20px; }
.margin-right-25       { margin-right:25px; }
.margin-right-30       { margin-right:30px; }
.margin-right-35       { margin-right:35px; }
.margin-right-40       { margin-right:40px; }
.margin-right-45       { margin-right:45px; }
.margin-right-50       { margin-right:50px; }
.margin-right-55       { margin-right:55px; }
.margin-right-60       { margin-right:60px; }


.margin-bottom-3        { margin-bottom:3px; }
.margin-bottom-5        { margin-bottom:5px; }
.margin-bottom-10       { margin-bottom:10px; }
.margin-bottom-15       { margin-bottom:15px; }
.margin-bottom-20       { margin-bottom:20px; }
.margin-bottom-25       { margin-bottom:25px; }
.margin-bottom-30       { margin-bottom:30px; }
.margin-bottom-35       { margin-bottom:35px; }
.margin-bottom-40       { margin-bottom:40px; }
.margin-bottom-45       { margin-bottom:45px; }
.margin-bottom-50       { margin-bottom:50px; }
.margin-bottom-55       { margin-bottom:55px; }
.margin-bottom-60       { margin-bottom:60px; }


.margin-left-3        { margin-left:3px; }
.margin-left-5        { margin-left:5px; }
.margin-left-10       { margin-left:10px; }
.margin-left-15       { margin-left:15px; }
.margin-left-20       { margin-left:20px; }
.margin-left-25       { margin-left:25px; }
.margin-left-30       { margin-left:30px; }
.margin-left-35       { margin-left:35px; }
.margin-left-40       { margin-left:40px; }
.margin-left-45       { margin-left:45px; }
.margin-left-50       { margin-left:50px; }
.margin-left-55       { margin-left:55px; }
.margin-left-60       { margin-left:60px; }


.font-size-5           { font-size: 5px; }
.font-size-6           { font-size: 6px; }
.font-size-8           { font-size: 8px; }
.font-size-10          { font-size: 10px; }
.font-size-12          { font-size: 12px; }
.font-size-14          { font-size: 14px; }
.font-size-16          { font-size: 16px; }
.font-size-18          { font-size: 18px; }
.font-size-20          { font-size: 20px; }
.font-size-22          { font-size: 22px; }
.font-size-24          { font-size: 24px; }
.font-size-26          { font-size: 26px; }
.font-size-28          { font-size: 28px; }
.font-size-30          { font-size: 30px; }
.font-size-32          { font-size: 32px; }
.font-size-34          { font-size: 34px; }
.font-size-36          { font-size: 36px; }
.font-size-38          { font-size: 38px; }
.font-size-40          { font-size: 40px; }
.font-size-42          { font-size: 42px; }
.font-size-44          { font-size: 44px; }
.font-size-46          { font-size: 46px; }
.font-size-48          { font-size: 48px; }
.font-size-50          { font-size: 50px; }
.font-size-60          { font-size: 60px; }
.font-size-80          { font-size: 80px; }


.text-align-center     { text-align: center; text-align: -webkit-center; }
.text-align-left       { text-align: left; }
.text-align-right      { text-align: right; }
.text-align-justify    { text-align: justify; }
.text-align-flex       { display: flex; align-items: center; justify-content: center; }

.text-decoration-none  { text-decoration: none; }

.normal                { font-weight: normal; }
.bold                  { font-weight: bold; }
.italic                { font-style: italic; }

.underline             { border-bottom: 1px solid black; }
.topline               { border-top: 1px solid black; }

.underline-white       { border-bottom: 1px solid white; }
.topline-white         { border-top: 1px solid white; }

.border-none           { border: 0; }

.fcolor-black          { color:#000; }
.fcolor-white          { color:#fff; }
.fcolor-red            { color:#f00; }
.fcolor-green          { color:#0f0; }
.fcolor-blue           { color:#00f; }

.fcolor-bright         { color:#f1f1f1; }
.fcolor-pink           { color:#A900A7; }
.fcolor-purple         { color:#4B00A9; }
.fcolor-cyan           { color:#00A8A9; }
.fcolor-yellow         { color:#A99900; }
.fcolor-orange         { color:#F58200; }
.fcolor-darkgray       { color:#2a2a2a; }
.fcolor-gray           { color:#7e7e7e; }
.fcolor-lightgray      { color:#d3d3d3; }


.bcolor-black          { background-color:#000; }
.bcolor-white          { background-color:#fff; }
.bcolor-red            { background-color:#f00; }
.bcolor-green          { background-color:#0f0; }
.bcolor-blue           { background-color:#00f; }

.bcolor-pink           { background-color:#A900A7; }
.bcolor-purple         { background-color:#4B00A9; }
.bcolor-cyan           { background-color:#00A8A9; }
.bcolor-yellow         { background-color:#c8ff00; }
.bcolor-orange         { background-color:#F58200; }
.bcolor-darkgray       { background-color:#2a2a2a; }
.bcolor-gray           { background-color:#7e7e7e; }
.bcolor-lightgray      { background-color:#d3d3d3; }

.border-black          { border:1px solid #000; }
.border-top-black      { border-top:1px solid #000; }
.border-right-black    { border-right:1px solid #000; }
.border-bottom-black   { border-bottom:1px solid #000; }
.border-left-black     { border-left:1px solid #000; }

.border-white          { border:1px solid #fff; }
.border-top-white      { border-top:1px solid #fff; }
.border-right-white    { border-right:1px solid #fff; }
.border-bottom-whitek  { border-bottom:1px solid #fff; }
.border-left-white     { border-left:1px solid #fff; }


.cursor-pointer        { cursor:pointer; }

.box-border            { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.position-absolute     { position: absolute; }
.position-relative     { position: relative; }
.position-fixed        { position: fixed; }
.position-static       { position: static; }

.overflow-hidden       { overflow: hidden; }
.overflow-visible      { overflow: visible; }
.overflow              { overflow: auto; }

.display-inline        { display: inline; }
.display-inline-block  { display: inline-block; }
.display-block         { display: block; }
.display-flex          { display: flex; }
.display-table         { display: table; }
.display-none          { display: none; }
.display-contents      { display: contents; }

.img-align-top         { vertical-align: top; }
.img-align-middle      { vertical-align: middle; }
.img-align-bottom      { vertical-align: bottom; }

.float-none            { float:none; }
.float-left            { float:left; }
.float-right           { float:right; }

.img-left              { float:left; margin:0 30px 30px 0; }
.img-right             { float:right; margin:0 0 30px 30px; }
.img-res               { max-height:100%; max-width:100%; }
.img-max               { width:100%; height:auto; }
.img-min               { max-height:200px; max-width: 200px; }

.clear                 { clear:both; }

/***********************************************
Screen Smaller than 1199px
***********************************************/
@media only screen and (min-width:960px) and (max-width: 1199px) {




}

/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:768px) and (max-width: 959px) {




}

/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:767px) {



}

/***********************************************
Mobile (landscape 420px)
***********************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {



}