passionfruit.css

/*
passionfruit.css - A css library of commonly used styles.
*/

/***(Fonts)***/
@font-face {
    font-family: "LBCap";
    src: url("fonts/LinuxBiolinum/LinBiolinum_aS.eot?") format("eot"), url("fonts/LinuxBiolinum/LinBiolinum_aS.woff") format("woff"), url("fonts/LinuxBiolinum/LinBiolinum_aS.ttf") format("truetype"), url("fonts/LinuxBiolinum/LinBiolinum_aS.svg#LinBiolinumCapitals") format("svg");
    font-style: normal;
}

.LBCap {
  font-family: 'LBCap', sans-serif;
  font-weight: normal;
}

.LBCapLight {
  font-family: 'LBCap', sans-serif;
  font-weight: 300 !important;
}

.LBCapBold {
  font-family: 'LBCap', sans-serif;
  font-weight: 600;
}

/*Lato Fonts*/
.LatoThin {
  font-family: LatoWebThin;
}

.LatoLight {
  font-family: LatoWebLight;
}

.LatoMedium {
  font-family: LatoWebMedium;
}
/***/

.light-weight {
  font-weight: lighter !important;
}

.normal-weight {
  font-weight: normal !important;
}

/*deprecated*/
.bold {
  font-weight: bold;
}
/*deprecated*/

.text-bold {
  font-weight: bold;
}

.text-boldest {
  font-weight: 900;
}

.text-underlined {
  text-decoration: underline;
}

.text-smallcaps {
  font-variant: small-caps;
}


/*deprecated*/
.boldest {
  font-weight: 900;
}
/*deprecated*/

.text-caps {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}
/***[Fonts]***/


/***(Image Size Classes)***/
/* maxsi--- classes, which set the max image size in percentages */
.maxsi35 {
  max-width: 35%;
  max-height: 35%;
}

.maxsi50 {
  max-width: 50%;
  max-height: 50%;
}

/*minsi--- classes, which set the minimum image size in percentages */

.minsi50 {
  min-width: 50%;
  min-height: 50%;
}

.minsi35 {
  min-width: 35%;
  min-height: 35%;
}

.minsi30 {
  min-width: 30%;
  min-height: 30%;
}

.minsi25 {
  min-width: 25%;
  min-height: 25%;
}

.minsi20 {
  min-width: 20%;
  min-height: 20%;
}

/* max--- classes, which set the max image size in pixels */
.max512 {
  max-height: auto;
  max-width: 512px !important;
}

.max384 {
  max-height: auto;
  max-width: 384px !important;
}

.max256 {
  max-height: auto;
  max-width: 256px !important;
}

.max250 {
  max-height: auto;
  max-width: 250px !important;
}

.max200 {
  max-height: auto;
  max-width: 200px !important;
}

.max196 {
  max-height: auto;
  max-width: 196px !important;
}

.max185 {
  max-height: auto;
  max-width: 185px !important;
}

.max180 {
  max-height: auto;
  max-width: 180px !important;
}

.max175 {
  max-height: auto;
  max-width: 175px !important;
}

.max148 {
  max-height: auto;
  max-width: 148px !important;
}

.max128 {
  max-height: auto;
  max-width: 128px !important;
}

.max96 {
  max-height: auto;
  max-width: 96px !important;
}

.max84 {
  max-height: auto;
  max-width: 84px !important;
}

.max72 {
  max-height: auto;
  max-width: 72px !important;
}

.max64 {
  max-height: auto;
  max-width: 64px !important;
}

.max56 {
  max-height: auto;
  max-width: 56px !important;
}

.max50 {
  max-height: auto;
  max-width: 50px !important;
}

.max48 {
  max-height: auto;
  max-width: 48px !important;
}

.max45 {
  max-height: auto;
  max-width: 45px !important;
}

.max42 {
  max-height: auto;
  max-width: 42px !important;
}

.max40 {
  max-height: auto;
  max-width: 40px !important;
}

.max32 {
  max-height: auto;
  max-width: 32px !important;
}

.max24 {
  max-height: auto;
  max-width: 24px !important;
}

.max16 {
  max-height: auto;
  max-width: 16px !important;
}

.max15 {
  max-height: auto;
  max-width: 15px !important;
}

.max14 {
  max-height: auto;
  max-width: 14px !important;
}

.max13 {
  max-height: auto;
  max-width: 13px !important;
}

.max12 {
  max-height: auto;
  max-width: 12px !important;
}

.max11 {
  max-height: auto;
  max-width: 11px !important;
}

.max10 {
  max-height: auto;
  max-width: 10px !important;
}

.max9 {
  max-height: auto;
  max-width: 9px !important;
}

.max8 {
  max-height: auto;
  max-width: 8px !important;
}

.max7 {
  max-height: auto;
  max-width: 7px !important;
}

.max6 {
  max-height: auto;
  max-width: 6px !important;
}

.max5 {
  max-height: auto;
  max-width: 5px !important;
}

/* maxall--- classes, which set the max image size in pixels (as a square)*/
.maxall256 {
  max-height: 256px;
  max-width: 256px !important;
}

.maxall250 {
  max-height: 250px;
  max-width: 250px !important;
}

.maxall200 {
  max-height: 200px;
  max-width: 200px !important;
}

.maxall196 {
  max-height: 196px;
  max-width: 196px !important;
}

.maxall185 {
  max-height: 185px;
  max-width: 185px !important;
}

.maxall180 {
  max-height: 180px;
  max-width: 180px !important;
}

.maxall175 {
  max-height: 175px;
  max-width: 175px !important;
}

.maxall148 {
  max-height: 148px;
  max-width: 148px !important;
}

.maxall128 {
  max-height: 128px;
  max-width: 128px !important;
}

.maxall96 {
  max-height: 96px;
  max-width: 96px !important;
}

.maxall84 {
  max-height: 84px;
  max-width: 84px !important;
}

.maxall72 {
  max-height: 72px;
  max-width: 72px !important;
}

.maxall64 {
  max-height: 64px;
  max-width: 64px !important;
}

.maxall56 {
  max-height: 56px;
  max-width: 56px !important;
}

.maxall50 {
  max-height: 50px;
  max-width: 50px !important;
}

.maxall48 {
  max-height: 48px;
  max-width: 48px !important;
}

.maxall45 {
  max-height: 45px;
  max-width: 45px !important;
}

.maxall42 {
  max-height: 42px;
  max-width: 42px !important;
}

.maxall40 {
  max-height: 40px;
  max-width: 40px !important;
}

.maxall32 {
  max-height: 32px;
}
max-width: 32px !important;

.maxall24 {
  max-height: 24px;
  max-width: 24px !important;
}
/***[Image Size Classes]***/

/*Floats*/
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-float {
  clear: both;
}

/***Rounded image (deprecated)***/
.img-roundcorner {
  border-radius: 15px !important;
}

.img-roundcorner7 {
  border-radius: 7px !important;
}

.img-roundcorner10 {
  border-radius: 10px !important;
}

.img-roundtopcorner {
  border-radius: 15px 15px 0px 0px !important;
}

.img-roundtopcorner5 {
  border-radius: 5px 5px 0px 0px !important;
}

.roundtopcorner5 {
  border-radius: 5px 5px 0px 0px !important;
}

/***
Placement options
***/

.centered {
  text-align: center;
}

.leftmuhtext {
  text-align: left !important;
}

.justmuhtext {
  text-align: justify !important;
}

.rightmuhtext {
  text-align: right !important;
}

/*Deprecated*/
.hang-left-buddy {
  text-align: left;
}

.hang-right-buddy {
  text-align: right;
}
/**/

/* .padmeall
Simple padding classes.

Standard padding is 15, but any value between 1 and 75 is provided.
TODO: Write all the higher numbers in.
*/

.padmeall {
  padding: 15px !important;
}

.padmeall1 {
  padding: 1px !important;
}

.padmeall2 {
  padding: 2px !important;
}

.padmeall3 {
  padding: 3px !important;
}

.padmeall4 {
  padding: 4px !important;
}

.padmeall5 {
  padding: 5px !important;
}

.padmeall6 {
  padding: 6px !important;
}

.padmeall7 {
  padding: 7px !important;
}

.padmeall8 {
  padding: 8px !important;
}

.padmeall9 {
  padding: 9px !important;
}

.padmeall10 {
  padding: 10px !important;
}

.padmeall11 {
  padding: 11px !important;
}

.padmeall12 {
  padding: 12px !important;
}

.padmeall13 {
  padding: 13px !important;
}

.padmeall14 {
  padding: 14px !important;
}

.padmeall15 {
  padding: 15px !important;
}

.padmeall16 {
  padding: 16px !important;
}

.padmeall17 {
  padding: 17px !important;
}

.padmeall18 {
  padding: 18px !important;
}

.padmeall19 {
  padding: 19px !important;
}

.padmeall20 {
  padding: 20px !important;
}

.padmeall25 {
  padding: 25px !important;
}

.padmeall30 {
  padding: 30px !important;
}


.padmeall35 {
  padding: 35px !important;
}

.padmeall45 {
  padding: 45px !important;
}

.padmeall55 {
  padding: 55px !important;
}

.padmeall65 {
  padding: 65px !important;
}

.padmeall75 {
  padding: 75px !important;
}

.padmeall5top {
  padding: 15px !important;
  padding-top: 5px !important;
}

.padmuhbottom {
  padding-bottom: 15px !important;
}

.padmuhbottom1 {
  padding-bottom: 1px !important;
}

.padmuhbottom2 {
  padding-bottom: 2px !important;
}

.padmuhbottom3 {
  padding-bottom: 3px !important;
}

.padmuhbottom4 {
  padding-bottom: 4px !important;
}

.padmuhbottom5 {
  padding-bottom: 5px !important;
}

.padmuhbottom6 {
  padding-bottom: 6px !important;
}

.padmuhbottom7 {
  padding-bottom: 7px !important;
}

.padmuhbottom8 {
  padding-bottom: 8px !important;
}

.padmuhbottom9 {
  padding-bottom: 9px !important;
}

.padmuhbottom10 {
  padding-bottom: 10px !important;
}

.padmuhbottom11 {
  padding-bottom: 11px !important;
}

.padmuhbottom12 {
  padding-bottom: 12px !important;
}

.padmuhbottom13 {
  padding-bottom: 13px !important;
}

.padmuhbottom14 {
  padding-bottom: 14px !important;
}

.padmuhbottom15 {
  padding-bottom: 15px !important;
}

.padmuhbottom20 {
  padding-bottom: 20px !important;
}

.padmuhbottom25 {
  padding-bottom: 25px !important;
}

.padmuhbottom35 {
  padding-bottom: 35px !important;
}

.padmuhbottom45 {
  padding-bottom: 45px !important;
}

.padmuhbottom55 {
  padding-bottom: 55px !important;
}

.padmuhbottom65 {
  padding-bottom: 65px !important;
}

.padmuhbottom75 {
  padding-bottom: 75px !important;
}

.padmuhbottom105 {
  padding-bottom: 105px !important;
}

.padmuhtop {
  padding-top: 15px !important;
}

.padmuhtop1 {
  padding-top: 1px !important;
}

.padmuhtop2 {
  padding-top: 2px !important;
}

.padmuhtop3 {
  padding-top: 3px !important;
}

.padmuhtop4 {
  padding-top: 4px !important;
}

.padmuhtop5 {
  padding-top: 5px !important;
}

.padmuhtop6 {
  padding-top: 6px !important;
}

.padmuhtop7 {
  padding-top: 7px !important;
}

.padmuhtop8 {
  padding-top: 8px !important;
}

.padmuhtop9 {
  padding-top: 9px !important;
}

.padmuhtop10 {
  padding-top: 10px !important;
}

.padmuhtop11 {
  padding-top: 11px !important;
}

.padmuhtop12 {
  padding-top: 12px !important;
}

.padmuhtop13 {
  padding-top: 13px !important;
}

.padmuhtop14 {
  padding-top: 14px !important;
}

.padmuhtop15 {
  padding-top: 15px !important;
}
.padmuhtop16 {
  padding-top: 16px !important;
}
.padmuhtop17 {
  padding-top: 17px !important;
}
.padmuhtop18 {
  padding-top: 18px !important;
}
.padmuhtop19 {
  padding-top: 19px !important;
}

.padmuhtop20 {
  padding-top: 20px !important;
}

.padmuhtop25 {
  padding-top: 25px !important;
}

.padmuhtop30 {
  padding-top: 30px !important;
}

.padmuhtop35 {
  padding-top: 35px !important;
}

.padmuhtop45 {
  padding-top: 45px !important;
}

.padmuhtop50 {
  padding-top: 50px !important;
}

.padmuhtop55 {
  padding-top: 55px !important;
}

.padmuhtop60 {
  padding-top: 60px !important;
}

.padmuhtop65 {
  padding-top: 65px !important;
}

.padmuhtop75 {
  padding-top: 75px !important;
}

.padmuhtop105 {
  padding-top: 105px !important;
}

.padmuhtop115 {
  padding-top: 115px !important;
}

.padmuhtop125 {
  padding-top: 125px !important;
}

.padmuhtop135 {
  padding-top: 135px !important;
}

.padmuhtop175 {
  padding-top: 175px !important;
}

.padmuhsides {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.padmuhsides1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.padmuhsides2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.padmuhsides3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.padmuhsides4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.padmuhsides5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.padmuhsides6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.padmuhsides7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.padmuhsides8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.padmuhsides9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.padmuhsides10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padmuhsides15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.padmuhsides20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.padmuhsides24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.padmuhsides25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.padmuhsides30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.padmuhsides35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.padmuhsides45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.padmuhsides55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.padmuhsides65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.padmuhsides75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.padmeleft {
  padding-left: 15px !important;
}

.padmeleft1 {
  padding-left: 1px !important;
}

.padmeleft3 {
  padding-left: 3px !important;
}

.padmeleft4 {
  padding-left: 4px !important;
}

.padmeleft5 {
  padding-left: 5px !important;
}

.padmeleft6 {
  padding-left: 6px !important;
}

.padmeleft7 {
  padding-left: 7px !important;
}

.padmeleft8 {
  padding-left: 8px !important;
}

.padmeleft9 {
  padding-left: 9px !important;
}

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

.padmeleft11 {
  padding-left: 11px !important;
}

.padmeleft12 {
  padding-left: 12px !important;
}

.padmeleft13 {
  padding-left: 13px !important;
}

.padmeleft14 {
  padding-left: 14px !important;
}

.padmeleft15 {
  padding-left: 15px !important;
}

.padmeleft16 {
  padding-left: 16px !important;
}

.padmeleft17 {
  padding-left: 17px !important;
}

.padmeleft18 {
  padding-left: 18px !important;
}

.padmeleft19 {
  padding-left: 19px !important;
}

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

.padmeleft21 {
  padding-left: 21px !important;
}

.padmeleft22 {
  padding-left: 22px !important;
}

.padmeleft23 {
  padding-left: 23px !important;
}

.padmeleft24 {
  padding-left: 24px !important;
}

.padmeleft25 {
  padding-left: 25px !important;
}

.padmeleft26 {
  padding-left: 26px !important;
}

.padmeleft26 {
  padding-left: 26px !important;
}

.padmeleft27 {
  padding-left: 27px !important;
}

.padmeleft28 {
  padding-left: 28px !important;
}

.padmeleft29 {
  padding-left: 29px !important;
}

.padmeleft30 {
  padding-left: 30px !important;
}

.padmeleft30 {
  padding-left: 30px !important;
}

.padmeright {
  padding-right: 15px !important;
}

.padmeright1 {
  padding-right: 1px !important;
}

.padmeright3 {
  padding-right: 3px !important;
}

.padmeright4 {
  padding-right: 4px !important;
}

.padmeright5 {
  padding-right: 5px !important;
}

.padmeright6 {
  padding-right: 6px !important;
}

.padmeright7 {
  padding-right: 7px !important;
}

.padmeright8 {
  padding-right: 8px !important;
}

.padmeright9 {
  padding-right: 9px !important;
}

.padmeright10 {
  padding-right: 10px !important;
}

.padmeright11 {
  padding-right: 11px !important;
}

.padmeright12 {
  padding-right: 12px !important;
}

.padmeright13 {
  padding-right: 13px !important;
}

.padmeright14 {
  padding-right: 14px !important;
}

.padmeright15 {
  padding-right: 15px !important;
}

.padmeright16 {
  padding-right: 16px !important;
}

.padmeright18 {
  padding-right: 18px !important;
}

.padmeright20 {
  padding-right: 20px !important;
}

.padmeright25 {
  padding-right: 25px !important;
}

/*Positive Margins*/
.marme {/*This one needs to be deprecated*/
  margin: 15px !important;
}

.marmeauto {
  margin: auto;
}

.centralized {
  margin-left: auto !important;
  margin-right: auto !important;
}

.marmeall {
  margin: 15px !important;
}

.marmeall1 {
  margin: 1px !important;
}

.marmeall2 {
  margin: 2px !important;
}

.marmeall3 {
  margin: 3px !important;
}

.marmeall4 {
  margin: 4px !important;
}

.marmeall5 {
  margin: 5px !important;
}

.marmeall6 {
  margin: 6px !important;
}

.marmeall7 {
  margin: 7px !important;
}

.marmeall8 {
  margin: 8px !important;
}

.marmeall9 {
  margin: 9px !important;
}

.marmeall10 {
  margin: 10px !important;
}

.marmeall15 {
  margin: 15px !important;
}

.marmeall16 {
  margin: 16px !important;
}

.marmeall17 {
  margin: 17px !important;
}

.marmeall18 {
  margin: 18px !important;
}

.marmeall19 {
  margin: 19px !important;
}

.marmeall20 {
  margin: 20px !important;
}

.marmeall21 {
  margin: 21px !important;
}

.marmeall22 {
  margin: 22px !important;
}

.marmeall23 {
  margin: 23px !important;
}

.marmeall24 {
  margin: 24px !important;
}

.marmeall25 {
  margin: 25px !important;
}

.marmeall26 {
  margin: 26px !important;
}

.marmeall27 {
  margin: 27px !important;
}

.marmeall28 {
  margin: 28px !important;
}

.marmeall29 {
  margin: 29px !important;
}

.marmeall30 {
  margin: 30px !important;
}

.marmeall31 {
  margin: 31px !important;
}

.marmeall32 {
  margin: 32px !important;
}

.marmeall33 {
  margin: 33px !important;
}

.marmeall34 {
  margin: 34px !important;
}

.marmeall35 {
  margin: 35px !important;
}

.marmeleft {
  margin-left: 15px !important;
}

.marmeleft1 {
  margin-left: 1px !important;
}

.marmeleft2 {
  margin-left: 2px !important;
}

.marmeleft3 {
  margin-left: 3px !important;
}

.marmeleft4 {
  margin-left: 4px !important;
}

.marmeleft5 {
  margin-left: 5px !important;
}

.marmeleft10 {
  margin-left: 10px !important;
}

.marmeleft25 {
  margin-left: 25px !important;
}

.marmeleft30 {
  margin-left: 30px !important;
}

.marmeleft35 {
  margin-left: 35px !important;
}

.marmeleft45 {
  margin-left: 45px !important;
}

.marmeleft75 {
  margin-left: 75px !important;
}

.marmeleft100 {
  margin-left: 100px !important;
}

.marmeleft105 {
  margin-left: 105px !important;
}

.marmeleft110 {
  margin-left: 110px !important;
}

.marmeleft115 {
  margin-left: 115px !important;
}

.marmeleft125 {
  margin-left: 125px !important;
}

.marmeright {
  margin-right: 15px !important;
}

.marmeright1 {
  margin-right: 1px !important;
}

.marmeright2 {
  margin-right: 2px !important;
}

.marmeright3 {
  margin-right: 3px !important;
}

.marmeright4 {
  margin-right: 4px !important;
}

.marmeright5 {
  margin-right: 5px !important;
}

.marmeright6 {
  margin-right: 6px !important;
}

.marmeright7 {
  margin-right: 7px !important;
}

.marmeright8 {
  margin-right: 8px !important;
}

.marmeright9 {
  margin-right: 9px !important;
}

.marmeright10 {
  margin-right: 10px !important;
}

.marmeright20 {
  margin-right: 20px !important;
}

.marmeright25 {
  margin-right: 25px !important;
}

.marmeright35 {
  margin-right: 35px !important;
}

.marmeright45 {
  margin-right: 45px !important;
}

.marmuhtop {
  margin-top: 15px !important;
}

.marmuhtop1 {
  margin-top: 1px !important;
}

.marmuhtop2 {
  margin-top: 2px !important;
}

.marmuhtop3 {
  margin-top: 3px !important;
}

.marmuhtop4 {
  margin-top: 4px !important;
}

.marmuhtop5 {
  margin-top: 5px !important;
}

.marmuhtop6 {
  margin-top: 6px !important;
}

.marmuhtop7 {
  margin-top: 7px !important;
}

.marmuhtop8 {
  margin-top: 8px !important;
}

.marmuhtop9 {
  margin-top: 9px !important;
}

.marmuhtop10 {
  margin-top: 10px !important;
}

.marmuhtop11 {
  margin-top: 11px !important;
}

.marmuhtop12 {
  margin-top: 12px !important;
}

.marmuhtop13 {
  margin-top: 13px !important;
}

.marmuhtop14 {
  margin-top: 13px !important;
}

.marmuhtop14 {
  margin-top: 13px !important;
}

.marmuhtop15 {
  margin-top: 13px !important;
}

.marmuhtop15 {
  margin-top: 13px !important;
}

.marmuhtop16 {
  margin-top: 13px !important;
}

.marmuhtop16 {
  margin-top: 13px !important;
}

.marmuhtop17 {
  margin-top: 17px !important;
}

.marmuhtop18 {
  margin-top: 18px !important;
}

.marmuhtop19 {
  margin-top: 19px !important;
}

.marmuhtop20 {
  margin-top: 20px !important;
}

.marmuhtop25 {
  margin-top: 25px !important;
}

.marmuhtop26 {
  margin-top: 26px !important;
}

.marmuhtop27 {
  margin-top: 27px !important;
}

.marmuhtop28 {
  margin-top: 28px !important;
}

.marmuhtop29 {
  margin-top: 29px !important;
}

.marmuhtop30 {
  margin-top: 30px !important;
}

.marmuhtop31 {
  margin-top: 31px !important;
}

.marmuhtop32 {
  margin-top: 32px !important;
}

.marmuhtop33 {
  margin-top: 33px !important;
}


.marmuhtop35 {
  margin-top: 35px !important;
}

.marmuhtop36 {
  margin-top: 36px !important;
}

.marmuhtop37 {
  margin-top: 37px !important;
}

.marmuhtop38 {
  margin-top: 38px !important;
}

.marmuhtop39 {
  margin-top: 39px !important;
}

.marmuhtop40 {
  margin-top: 40px !important;
}

.marmuhtop45 {
  margin-top: 45px !important;
}

.marmuhtop50 {
  margin-top: 50px !important;
}

.marmuhtop55 {
  margin-top: 55px !important;
}

.marmuhtop60 {
  margin-top: 60px !important;
}

.marmuhtop65 {
  margin-top: 65px !important;
}

.marmuhtop70 {
  margin-top: 70px !important;
}

.marmuhtop75 {
  margin-top: 75px !important;
}

.marmuhtop80 {
  margin-top: 80px !important;
}

.marmuhtop85 {
  margin-top: 85px !important;
}

.marmuhtop90 {
  margin-top: 90px !important;
}

.marmuhtop95 {
  margin-top: 95px !important;
}

.marmuhtop100 {
  margin-top: 100px !important;
}

.marmuhtop105 {
  margin-top: 105px !important;
}

.marmuhtop115 {
  margin-top: 115px !important;
}

.marmuhtop125 {
  margin-top: 125px !important;
}

.marmuhtop135 {
  margin-top: 135px !important;
}

.marmuhtop145 {
  margin-top: 145px !important;
}

.marmuhtop155 {
  margin-top: 155px !important;
}

.marmuhtop165 {
  margin-top: 165px !important;
}

.marmuhtop175 {
  margin-top: 175px !important;
}


.marmuhbottom {
  margin-bottom: 15px !important;
}

.marmuhbottom1 {
  margin-bottom: 1px !important;
}

.marmuhbottom2 {
  margin-bottom: 2px !important;
}

.marmuhbottom3 {
  margin-bottom: 3px !important;
}

.marmuhbottom4 {
  margin-bottom: 4px !important;
}

.marmuhbottom5 {
  margin-bottom: 5px !important;
}

.marmuhbottom10 {
  margin-bottom: 10px !important;
}

.marmuhbottom15 {
  margin-bottom: 15px !important;
}

.marmuhbottom20 {
  margin-bottom: 20px !important;
}

.marmuhbottom25 {
  margin-bottom: 25px !important;
}

.marmuhbottom30 {
  margin-bottom: 30px !important;
}

.marmuhbottom35 {
  margin-bottom: 35px !important;
}

.marmuhbottom40 {
  margin-bottom: 40px !important;
}

.marmuhbottom50 {
  margin-bottom: 50px !important;
}

.marmuhbottom55 {
  margin-bottom: 55px !important;
}

.marmuhbottom60 {
  margin-bottom: 60px !important;
}

.marmuhbottom65 {
  margin-bottom: 65px !important;
}

.marmuhbottom70 {
  margin-bottom: 70px !important;
}

.marmuhbottom75 {
  margin-bottom: 75px !important;
}

.marmuhbottom105 {
  margin-bottom: 105px !important;
}

.marmuhbottom250 {
  margin-bottom: 250px !important;
}

.marmuhbottom305 {
  margin-bottom: 305px !important;
}

.marmuhbottom350 {
  margin-bottom: 350px !important;
}

.marmuhbottom400 {
  margin-bottom: 400px !important;
}

.marmuhsides {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.marmuhsides1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.marmuhsides2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.marmuhsides3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.marmuhsides4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.marmuhsides5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.marmuhsides6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.marmuhsides7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.marmuhsides8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.marmuhsides9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.marmuhsides10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.marmuhsides11 {
  margin-left: 11px !important;
  margin-right: 11px !important;
}

.marmuhsides12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.marmuhsides13 {
  margin-left: 13px !important;
  margin-right: 13px !important;
}

.marmuhsides14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.marmuhsides15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.marmuhsides16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.marmuhsides17 {
  margin-left: 17px !important;
  margin-right: 17px !important;
}

.marmuhsides18 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

.marmuhsides19 {
  margin-left: 19px !important;
  margin-right: 19px !important;
}

.marmuhsides20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.marmuhsides21 {
  margin-left: 21px !important;
  margin-right: 21px !important;
}

.marmuhsides22 {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.marmuhsides23 {
  margin-left: 23px !important;
  margin-right: 23px !important;
}

.marmuhsides24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.marmuhsides25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.marmuhsides26 {
  margin-left: 26px !important;
  margin-right: 26px !important;
}

.marmuhsides27 {
  margin-left: 27px !important;
  margin-right: 27px !important;
}

.marmuhsides28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.marmuhsides29 {
  margin-left: 29px !important;
  margin-right: 29px !important;
}

.marmuhsides30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.marmuhsides31 {
  margin-left: 31px !important;
  margin-right: 31px !important;
}

.marmuhsides32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.marmuhsides33 {
  margin-left: 33px !important;
  margin-right: 33px !important;
}

.marmuhsides34 {
  margin-left: 34px !important;
  margin-right: 34px !important;
}

.marmuhsides35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.marmuhsides36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.marmuhsides37 {
  margin-left: 37px !important;
  margin-right: 37px !important;
}

.marmuhsides38 {
  margin-left: 38px !important;
  margin-right: 38px !important;
}

.marmuhsides39 {
  margin-left: 39px !important;
  margin-right: 39px !important;
}

.marmuhsides40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.marmuhsides41 {
  margin-left: 41px !important;
  margin-right: 41px !important;
}

.marmuhsides42 {
  margin-left: 42px !important;
  margin-right: 42px !important;
}

.marmuhsides43 {
  margin-left: 43px !important;
  margin-right: 43px !important;
}

.marmuhsides44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}

.marmuhsides45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.marmuhsides46 {
  margin-left: 46px !important;
  margin-right: 46px !important;
}

.marmuhsides47 {
  margin-left: 47px !important;
  margin-right: 47px !important;
}

.marmuhsides48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.marmuhsides49 {
  margin-left: 49px !important;
  margin-right: 49px !important;
}

.marmuhsides50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.marmuhsides51 {
  margin-left: 51px !important;
  margin-right: 51px !important;
}

.marmuhsides52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}

.marmuhsides53 {
  margin-left: 53px !important;
  margin-right: 53px !important;
}

.marmuhsides54 {
  margin-left: 54px !important;
  margin-right: 54px !important;
}

.marmuhsides55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.marmuhsides56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.marmuhsides57 {
  margin-left: 57px !important;
  margin-right: 57px !important;
}

.marmuhsides58 {
  margin-left: 58px !important;
  margin-right: 58px !important;
}

.marmuhsides59 {
  margin-left: 59px !important;
  margin-right: 59px !important;
}

.marmuhsides60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.marmuhsides61 {
  margin-left: 61px !important;
  margin-right: 61px !important;
}

.marmuhsides62 {
  margin-left: 62px !important;
  margin-right: 62px !important;
}

.marmuhsides63 {
  margin-left: 63px !important;
  margin-right: 63px !important;
}

.marmuhsides64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.marmuhsides65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.marmuhsides66 {
  margin-left: 66px !important;
  margin-right: 66px !important;
}

.marmuhsides67 {
  margin-left: 67px !important;
  margin-right: 67px !important;
}

.marmuhsides68 {
  margin-left: 68px !important;
  margin-right: 68px !important;
}

.marmuhsides69 {
  margin-left: 69px !important;
  margin-right: 69px !important;
}

.marmuhsides70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.marmuhsides71 {
  margin-left: 71px !important;
  margin-right: 71px !important;
}

.marmuhsides72 {
  margin-left: 72px !important;
  margin-right: 72px !important;
}

.marmuhsides73 {
  margin-left: 73px !important;
  margin-right: 73px !important;
}

.marmuhsides74 {
  margin-left: 74px !important;
  margin-right: 74px !important;
}

.marmuhsides75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.marmuhsides105 {
  margin-left: 105px !important;
  margin-right: 105px !important;
}

.marmuhsides135 {
  margin-left: 135px !important;
  margin-right: 135px !important;
}

.automarme {
  margin: auto !important;
}

/*Negative Margins*/
.negamar {
  margin: -15px !important;
}

.negamar0 {
  margin: 0px !important;
}

.negamar1 {
  margin: -1px !important;
}

.negamar2 {
  margin: -2px !important;
}

.negamar3 {
  margin: -3px !important;
}

.negamar4 {
  margin: -4px !important;
}

.negamar5 {
  margin: -5px !important;
}

.negamar6 {
  margin: -6px !important;
}

.negamar7 {
  margin: -7px !important;
}

.negamar8 {
  margin: -8px !important;
}

.negamar9 {
  margin: -9px !important;
}

.negamar10 {
  margin: -10px !important;
}

.negamar12 {
  margin: -12px !important;
}

.negamar13 {
  margin: -13px !important;
}

.negamar14 {
  margin: -14px !important;
}

.negamar15 {
  margin: -15px !important;
}

.negamar16 {
  margin: -16px !important;
}

.negamar17 {
  margin: -17px !important;
}

.negamar18 {
  margin: -18px !important;
}

.negamar19 {
  margin: -19px !important;
}

.negamar20 {
  margin: -20px !important;
}

.negamar25 {
  margin: -25px !important;
}

.negamar-top {
  margin-top: -15px !important;
}

.negamar-top1 {
  margin-top: -1px !important;
}

.negamar-top2 {
  margin-top: -2px !important;
}

.negamar-top3 {
  margin-top: -3px !important;
}

.negamar-top4 {
  margin-top: -4px !important;
}

.negamar-top5 {
  margin-top: -5px !important;
}

.negamar-top6 {
  margin-top: -6px !important;
}

.negamar-top7 {
  margin-top: -7px !important;
}

.negamar-top8 {
  margin-top: -8px !important;
}

.negamar-top9 {
  margin-top: -9px !important;
}

.negamar-top10 {
  margin-top: -10px !important;
}

.negamar-top11 {
  margin-top: -11px !important;
}

.negamar-top12 {
  margin-top: -12px !important;
}

.negamar-top13 {
  margin-top: -13px !important;
}

.negamar-top14 {
  margin-top: -14px !important;
}

.negamar-top15 {
  margin-top: -15px !important;
}

.negamar-top16 {
  margin-top: -16px !important;
}

.negamar-top17 {
  margin-top: -17px !important;
}

.negamar-top18 {
  margin-top: -18px !important;
}

.negamar-top19 {
  margin-top: -19px !important;
}

.negamar-top20 {
  margin-top: -20px !important;
}

.negamar-top21 {
  margin-top: -21px !important;
}

.negamar-top22 {
  margin-top: -22px !important;
}

.negamar-top23 {
  margin-top: -23px !important;
}

.negamar-top24 {
  margin-top: -24px !important;
}

.negamar-top25 {
  margin-top: -25px !important;
}

.negamar-top26 {
  margin-top: -26px !important;
}

.negamar-top27 {
  margin-top: -27px !important;
}

.negamar-top28 {
  margin-top: -28px !important;
}

.negamar-top29 {
  margin-top: -29px !important;
}

.negamar-top30 {
  margin-top: -30px !important;
}

.negamar-top32 {
  margin-top: -32px !important;
}

.negamar-top33 {
  margin-top: -33px !important;
}

.negamar-top34 {
  margin-top: -34px !important;
}

.negamar-top35 {
  margin-top: -35px !important;
}

.negamar-top36 {
  margin-top: -36px !important;
}

.negamar-top37 {
  margin-top: -37px !important;
}

.negamar-top38 {
  margin-top: -38px !important;
}

.negamar-top39 {
  margin-top: -39px !important;
}

.negamar-top40 {
  margin-top: -40px !important;
}

.negamar-top41 {
  margin-top: -42px !important;
}

.negamar-top42 {
  margin-top: -42px !important;
}

.negamar-top43 {
  margin-top: -43px !important;
}

.negamar-top43 {
  margin-top: -43px !important;
}

.negamar-top44 {
  margin-top: -44px !important;
}

.negamar-top45 {
  margin-top: -45px !important;
}

.negamar-top50 {
  margin-top: -50px !important;
}

.negamar-top55 {
  margin-top: -55px !important;
}

.negamar-top58 {
  margin-top: -58px !important;
}

.negamar-top60 {
  margin-top: -60px !important;
}

.negamar-top65 {
  margin-top: -65px !important;
}

.negamar-top68 {
  margin-top: -68px !important;
}

.negamar-top69 {
  margin-top: -69px !important;
}

.negamar-top70 {
  margin-top: -70px !important;
}

.negamar-top71 {
  margin-top: -71px !important;
}

.negamar-top72 {
  margin-top: -72px !important;
}

.negamar-top73 {
  margin-top: -73px !important;
}

.negamar-top74 {
  margin-top: -74px !important;
}

.negamar-top75 {
  margin-top: -75px !important;
}

.negamar-top80 {
  margin-top: -80px !important;
}

.negamar-top85 {
  margin-top: -85px !important;
}

.negamar-top95 {
  margin-top: -95px !important;
}

.negamar-top100 {
  margin-top: -100px !important;
}

.negamar-top105 {
  margin-top: -105px !important;
}

.negamar-top110 {
  margin-top: -110px !important;
}

.negamar-top115 {
  margin-top: -115px !important;
}

.negamar-top125 {
  margin-top: -125px !important;
}

.negamar-top135 {
  margin-top: -135px !important;
}

.negamar-top145 {
  margin-top: -145px !important;
}

.negamar-top165 {
  margin-top: -165px !important;
}

.negamar-top175 {
  margin-top: -175px !important;
}

.negamar-top-point5 {
  margin-top: -0.5px !important;
}

.negamar-left {
  margin-left: -15px !important;
}

.negamar-left3 {
  margin-left: -3px !important;
}

.negamar-left4 {
  margin-left: -4px !important;
}

.negamar-left5 {
  margin-left: -5px !important;
}

.negamar-left6 {
  margin-left: -6px !important;
}

.negamar-left7 {
  margin-left: -7px !important;
}

.negamar-left8 {
  margin-left: -8px !important;
}

.negamar-left9 {
  margin-left: -9px !important;
}

.negamar-left10 {
  margin-left: -10px !important;
}

.negamar-left11 {
  margin-left: -11px !important;
}

.negamar-left12 {
  margin-left: -12px !important;
}

.negamar-left13 {
  margin-left: -13px !important;
}

.negamar-left14 {
  margin-left: -14px !important;
}

.negamar-left15 {
  margin-left: -15px !important;
}

.negamar-left20 {
  margin-left: -20px !important;
}

.negamar-left25 {
  margin-left: -25px !important;
}

.negamar-left30 {
  margin-left: -30px !important;
}

.negamar-left35 {
  margin-left: -35px !important;
}

.negamar-left40 {
  margin-left: -40px !important;
}

.negamar-left45 {
  margin-left: -45px !important;
}

.negamar-left50 {
  margin-left: -50px !important;
}

.negamar-left51 {
  margin-left: -51px !important;
}

.negamar-left52 {
  margin-left: -52px !important;
}

.negamar-left53 {
  margin-left: -53px !important;
}

.negamar-left54 {
  margin-left: -54px !important;
}

.negamar-left55 {
  margin-left: -55px !important;
}

.negamar-left75 {
  margin-left: -75px !important;
}

.negamar-left105 {
  margin-left: -105px !important;
}

.negamar-left175 {
  margin-left: -175px !important;
}

.negamar-bottom {
  margin-bottom: -15px !important;
}

.negamar-bottom1 {
  margin-bottom: -1px !important;
}

.negamar-bottom2 {
  margin-bottom: -2px !important;
}

.negamar-bottom3 {
  margin-bottom: -3px !important;
}
.negamar-bottom4 {
  margin-bottom: -4px !important;
}

.negamar-bottom5 {
  margin-bottom: -5px !important;
}

.negamar-bottom6 {
  margin-bottom: -6px !important;
}

.negamar-bottom7 {
  margin-bottom: -7px !important;
}

.negamar-bottom8 {
  margin-bottom: -8px !important;
}

.negamar-bottom9 {
  margin-bottom: -9px !important;
}

.negamar-bottom10 {
  margin-bottom: -10px !important;
}

.negamar-bottom11 {
  margin-bottom: -11px !important;
}

.negamar-bottom12 {
  margin-bottom: -12px !important;
}

.negamar-bottom13 {
  margin-bottom: -13px !important;
}

.negamar-bottom14 {
  margin-bottom: -14px !important;
}

.negamar-bottom15 {
  margin-bottom: -15px !important;
}

.negamar-bottom16 {
  margin-bottom: -16px !important;
}

.negamar-bottom17 {
  margin-bottom: -17px !important;
}

.negamar-bottom18 {
  margin-bottom: -18px !important;
}

.negamar-bottom19 {
  margin-bottom: -19px !important;
}

.negamar-bottom20 {
  margin-bottom: -20px !important;
}

.negamar-bottom21 {
  margin-bottom: -21px !important;
}

.negamar-bottom22 {
  margin-bottom: -22px !important;
}

.negamar-bottom23 {
  margin-bottom: -23px !important;
}

.negamar-bottom25 {
  margin-bottom: -25px !important;
}

.negamar-bottom25 {
  margin-bottom: -25px !important;
}

.negamar-bottom26 {
  margin-bottom: -26px !important;
}

.negamar-bottom27 {
  margin-bottom: -27px !important;
}

.negamar-bottom28 {
  margin-bottom: -28px !important;
}

.negamar-bottom29 {
  margin-bottom: -29px !important;
}

.negamar-bottom30 {
  margin-bottom: -30px !important;
}

.negamar-bottom31 {
  margin-bottom: -31px !important;
}

.negamar-bottom32 {
  margin-bottom: -32px !important;
}

.negamar-bottom33 {
  margin-bottom: -33px !important;
}

.negamar-bottom34 {
  margin-bottom: -34px !important;
}

.negamar-bottom35 {
  margin-bottom: -35px !important;
}

.negamar-bottom40 {
  margin-bottom: -40px !important;
}

.negamar-bottom45 {
  margin-bottom: -45px !important;
}

.negamar-bottom50 {
  margin-bottom: -50px !important;
}

.negamar-bottom55 {
  margin-bottom: -55px !important;
}

.negamar-bottom60 {
  margin-bottom: -60px !important;
}

.negamar-bottom65 {
  margin-bottom: -65px !important;
}

.negamar-bottom70 {
  margin-bottom: -70px !important;
}

.negamar-bottom75 {
  margin-bottom: -75px !important;
}

.negamar-bottom85 {
  margin-bottom: -85px !important;
}

.negamar-bottom95 {
  margin-bottom: -95px !important;
}

.negamar-bottom105 {
  margin-bottom: -105px !important;
}

.negamar-bottom115 {
  margin-bottom: -115px !important;
}

.negamar-bottom125 {
  margin-bottom: -125px !important;
}

.negamar-bottom135 {
  margin-bottom: -135px !important;
}

.negamar-right {
  margin-right: -15px !important;
}

.negamar-right1 {
  margin-right: -1px !important;
}

.negamar-right2 {
  margin-right: -2px !important;
}

.negamar-right3 {
  margin-right: -3px !important;
}

.negamar-right4 {
  margin-right: -4px !important;
}

.negamar-right5 {
  margin-right: -5px !important;
}

.negamar-right6 {
  margin-right: -6px !important;
}

.negamar-right7 {
  margin-right: -7px !important;
}

.negamar-right8 {
  margin-right: -8px !important;
}

.negamar-right9 {
  margin-right: -9px !important;
}

.negamar-right10 {
  margin-right: -10px !important;
}

.negamar-right15 {
  margin-right: -15px !important;
}

.negamar-right20 {
  margin-right: -20px !important;
}

.negamar-right25 {
  margin-right: -25px !important;
}

.negamar-right30 {
  margin-right: -30px !important;
}

.negamar-right35 {
  margin-right: -35px !important;
}

.negamar-right45 {
  margin-right: -45px !important;
}

.negamar-right50 {
  margin-right: -50px !important;
}

.negamar-right75 {
  margin-right: -75px !important;
}

.negamar-right85 {
  margin-right: -85px !important;
}

.negamar-right90 {
  margin-right: -90px !important;
}

.negamar-right95 {
  margin-right: -95px !important;
}

.negamar-right105 {
  margin-right: -105px !important;
}

.negamar-right110 {
  margin-right: -110px !important;
}

.negamar-right115 {
  margin-right: -115px !important;
}

.negamar-right135 {
  margin-right: -135px !important;
}

.negamar-right145 {
  margin-right: -145px !important;
}

.negamar-sides {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.negamar-sides0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.negamar-sides1 {
  margin-left: -1px !important;
  margin-right: -1px !important;
}

.negamar-sides2 {
  margin-left: -2px !important;
  margin-right: -2px !important;
}

.negamar-sides3 {
  margin-left: -3px !important;
  margin-right: -3px !important;
}

.negamar-sides4 {
  margin-left: -4px !important;
  margin-right: -4px !important;
}

.negamar-sides5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

.negamar-sides6 {
  margin-left: -6px !important;
  margin-right: -6px !important;
}

.negamar-sides7 {
  margin-left: -7px !important;
  margin-right: -7px !important;
}

.negamar-sides8 {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.negamar-sides9 {
  margin-left: -9px !important;
  margin-right: -9px !important;
}

.negamar-sides10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.negamar-sides11 {
  margin-left: -11px !important;
  margin-right: -11px !important;
}

.negamar-sides12 {
  margin-left: -12px !important;
  margin-right: -12px !important;
}

.negamar-sides13 {
  margin-left: -13px !important;
  margin-right: -13px !important;
}

.negamar-sides14 {
  margin-left: -14px !important;
  margin-right: -14px !important;
}

.negamar-sides15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.negamar-sides16 {
  margin-left: -16px !important;
  margin-right: -16px !important;
}

.negamar-sides17 {
  margin-left: -17px !important;
  margin-right: -17px !important;
}

.negamar-sides18 {
  margin-left: -18px !important;
  margin-right: -18px !important;
}

.negamar-sides19 {
  margin-left: -19px !important;
  margin-right: -19px !important;
}

.negamar-sides20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}

.negamar-sides35 {
  margin-left: -35px !important;
  margin-right: -35px !important;
}

.negapad0 {
  padding: 0px !important;
}

.negapad {
  padding: -15px !important;
}

.negapad5 {
  padding: -5px !important;
}

.negapad35 {
  padding: -35px !important;
}

.negapad-bottom {
  padding-bottom: -15px !important;
}

.negapad-top {
  padding-top: -15px !important;
}

.negapad-top1 {
  padding-top: -1px !important;
}

.negapad-top2 {
  padding-top: -2px !important;
}

.negapad-top3 {
  padding-top: -3px !important;
}

.negapad-top5 {
  padding-top: -5px !important;
}

.negapad-top6 {
  padding-top: -6px !important;
}

.negapad-top30 {
  padding-top: -30px !important;
}

.negapad-top35 {
  padding-top: -35px !important;
}

/*-[/Placement options]-*/

/***Text***/

.text-black {
  color: black !important;
}

.text-bright-electric {
  color: rgb(35, 235, 255) !important;
}

.text-electric {
  color: rgb(35, 215, 255) !important;
}

.text-dark-grey {
  color: rgb(75, 75, 75); !important;
}

.text-deep-electric {
  color: rgba(25, 105, 255, 1) !important;
}

.text-dull-blue {
  color: rgb(105, 145, 255);
}

.text-dull-green {
  color: rgb(105, 145, 95);
}

.text-grey {
  color: grey !important;
}

.text-white {
  color: white !important;
}

.text-red {
  color: red !important;
}

/*Not in order:*/
.text-pale-orange {
 color: rgb(255, 195, 45);
}

.text-green {
  color: rgb(75, 255, 105);
}

.text-bright-green {
  color: rgb(135, 255, 105);
}

.text-deep-green {
  color: rgb(75, 175, 65);
}

.text-grey {
  color: rgb(135, 135, 135);
}

.text-bright-primary {
  color: rgb(15, 135, 255);
}

.text-purple {
  color: rgb(175, 105, 205);
}

.text-bright-purple {
  color: rgb(205, 115, 255);
}
/***/

.text-shadowed {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}

.text-shadowed-light {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.text-shadowed-electric {
  text-shadow: 0px 0px 15px rgba(35, 195, 255, 0.5);
}

.text-shadowed-green {
  text-shadow: 0px 0px 15px rgba(135, 255, 105, 0.5);
}

.text-strike {
  text-decoration: line-through;
}

.text-italics {
  font-style: italic;
}

/*deprecated*/
.italics {
  font-style: italic;
}

.light-weight {
  font-weight: lighter;
}

/*-Line spacing-*/
.spacemuhlines {
  line-height: 1.5;
}

.spacemuhlines2 {
  line-height: 2;
}

/*-[Text Size]-*/
.bigmuhtext {
  font-size: 15px !important;
}

.bigmuhtext16 {
  font-size: 16px !important;
}

.bigmuhtext17 {
  font-size: 17px !important;
}

.bigmuhtext18 {
  font-size: 18px !important;
}

.bigmuhtext19 {
  font-size: 19px !important;
}

.bigmuhtext20 {
  font-size: 20px !important;
}

.bigmuhtext21 {
  font-size: 21px !important;
}

.bigmuhtext22 {
  font-size: 22px !important;
}

.bigmuhtext23 {
  font-size: 23px !important;
}

.bigmuhtext24 {
  font-size: 24px !important;
}

.bigmuhtext25 {
  font-size: 25px !important;
}

.bigmuhtext30 {
  font-size: 30px !important;
}

.bigmuhtext31 {
  font-size: 31px !important;
}

.bigmuhtext32 {
  font-size: 32px !important;
}

.bigmuhtext33 {
  font-size: 33px !important;
}

.bigmuhtext34 {
  font-size: 34px !important;
}

.bigmuhtext35 {
  font-size: 35px !important;
}

.bigmuhtext36 {
  font-size: 36px !important;
}

.bigmuhtext37 {
  font-size: 37px !important;
}

.bigmuhtext38 {
  font-size: 38px !important;
}

.bigmuhtext39 {
  font-size: 39px !important;
}

.bigmuhtext40 {
  font-size: 40px !important;
}

.bigmuhtext41 {
  font-size: 41px !important;
}

.bigmuhtext42 {
  font-size: 42px !important;
}

.bigmuhtext43 {
  font-size: 43px !important;
}

.bigmuhtext44 {
  font-size: 44px !important;
}

.bigmuhtext45 {
  font-size: 45px !important;
}

.bigmuhtext46 {
  font-size: 46px !important;
}

.bigmuhtext47 {
  font-size: 47px !important;
}

.bigmuhtext48 {
  font-size: 48px !important;
}

.bigmuhtext49 {
  font-size: 49px !important;
}

.bigmuhtext50 {
  font-size: 50px !important;
}

.smallmuhtext {
  font-size: 12px !important;
}

.smallmuhtext1 {
  font-size: 1px !important;
}

.smallmuhtext5 {
  font-size: 5px !important;
}

.smallmuhtext6 {
  font-size: 6px !important;
}

.smallmuhtext7 {
  font-size: 7px !important;
}

.smallmuhtext8 {
  font-size: 8px !important;
}

.smallmuhtext9 {
  font-size: 9px !important;
}

.smallmuhtext10 {
  font-size: 10px !important;
}

.smallmuhtext11 {
  font-size: 11px !important;
}

.smallmuhtext12 {
  font-size: 12px !important;
}

.smallmuhtext13 {
  font-size: 13px !important;
}

.smallmuhtext14 {
  font-size: 14px !important;
}

/*-[Text-Spacing]-*/
.spacetext1 {
  letter-spacing: 1px !important;
}

.spacetext2 {
  letter-spacing: 2px !important;
}

.spacetext3 {
  letter-spacing: 3px !important;
}

.spacetext4 {
  letter-spacing: 4px !important;
}

.spacetext5 {
  letter-spacing: 5px !important;
}

.spacetext6 {
  letter-spacing: 6px !important;
}

.spacetext7 {
  letter-spacing: 7px !important;
}

.spacetext8 {
  letter-spacing: 8px !important;
}

.spacetext9 {
  letter-spacing: 9px !important;
}

.spacetext10 {
  letter-spacing: 10px !important;
}

.spacetext11 {
  letter-spacing: 11px !important;
}

.spacetext12 {
  letter-spacing: 12px !important;
}

.spacetext13 {
  letter-spacing: 13px !important;
}

.spacetext14 {
  letter-spacing: 15px !important;
}

.spacetext15 {
  letter-spacing: 15px !important;
}

.spacetext16 {
  letter-spacing: 16px !important;
}

.spacetext17 {
  letter-spacing: 17px !important;
}

.spacetext18 {
  letter-spacing: 18px !important;
}

.spacetext19 {
  letter-spacing: 19px !important;
}

.spacetext20 {
  letter-spacing: 20px !important;
}

.spacetext21 {
  letter-spacing: 21px !important;
}

.spacetext22 {
  letter-spacing: 22px !important;
}

.spacetext23 {
  letter-spacing: 23px !important;
}

.spacetext24 {
  letter-spacing: 24px !important;
}

.spacetext25 {
  letter-spacing: 25px !important;
}

.spacetext26 {
  letter-spacing: 26px !important;
}

.spacetext27 {
  letter-spacing: 27px !important;
}

.spacetext28 {
  letter-spacing: 28px !important;
}

.spacetext29 {
  letter-spacing: 29px !important;
}

.spacetext30 {
  letter-spacing: 30px !important;
}

.spacetext31 {
  letter-spacing: 31px !important;
}

.spacetext32 {
  letter-spacing: 32px !important;
}

.spacetext33 {
  letter-spacing: 33px !important;
}

.spacetext34 {
  letter-spacing: 34px !important;
}

.spacetext35 {
  letter-spacing: 35px !important;
}

.spacetext45 {
  letter-spacing: 45px !important;
}
/*-[/Text-Spacing]-*/

/*-Standard-Footer-*/
.footer {
  /*position: absolute;*/
  /*bottom: 0;*/
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 35px !important;
  background-color: rgba(15, 15, 15, 0.9);
  position: fixed !important;
  left: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  z-index: 1000 !important;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.1);
}

.footer-light {
  /*position: absolute;*/
  /*bottom: 0;*/
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 35px !important;
  background-image: linear-gradient(rgba(175, 175, 175, 1), rgba(215, 215, 215, 1));
  position: fixed !important;
  left: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  z-index: 1000 !important;
  border-top: 2px !important;
  border-bottom: 0px !important;
  border-right: 0px !important;
  border-left: 0px !important;
  border-style: solid;
  border-color: rgba(205, 205, 255, 0.1);
}

/*-Standard-Footer-*/
.footer-gradient {
  /*position: absolute;*/
  /*bottom: 0;*/
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 35px !important;
  background-image: linear-gradient(rgba(15, 15, 15, 0.0), rgba(15, 15, 15, 0.5));
  position: fixed !important;
  left: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  z-index: 1000 !important;
}

/*-Standard-Footer With lighter gradient-*/
.footer-gradient-light {
  /*position: absolute;*/
  /*bottom: 0;*/
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 35px !important;
  background-image: linear-gradient(rgba(15, 15, 15, 0.0), rgba(5, 5, 5, 0.1), rgba(5, 5, 5, 0.3), rgba(5, 5, 5, 0.8));
  position: fixed !important;
  left: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  z-index: 1000 !important;
}

/*-Standard-Footer With lighter gradient-*/
.footer-clear {
  /*position: absolute;*/
  /*bottom: 0;*/
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 35px !important;
  position: fixed !important;
  left: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  z-index: 1000 !important;
}

.footlabel {
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 3px !important;
}
/*-[Standard-Footer]-*/

.hide-hack {
  color: rgba(0, 0, 0, 0.0);
}

.opacitate {
  opacity: 0.0;
}

.opacitate1 {
  opacity: 0.1;
}

.opacitate2 {
  opacity: 0.2;
}

.opacitate3 {
  opacity: 0.3;
}

.opacitate4 {
  opacity: 0.4;
}

.opacitate5 {
  opacity: 0.5;
}

.opacitate6 {
  opacity: 0.6;
}

.opacitate7 {
  opacity: 0.7;
}

.opacitate8 {
  opacity: 0.8;
}

.opacitate9 {
  opacity: 0.9;
}

.opacitateoff {
  opacity: 1;
}

/* Remove text-decoration (such as underline) */
.nolight, .nolight:hover, .nolight:active, .nolight:focus {
  text-decoration: none !important;
  outline: 0;
}

.nolight-border, .nolight-border:hover, .nolight-border:focus, .nolight-border:active {
  border-style: none !important;
}

/* Put an element on top of everything. */
.top-z {
  position: relative;
  z-index: 99 !important; /* TODO: fix this so it works with bootstrap. */
}

.z-min {
  position: relative;
  z-index: -99;
}

.z-max {
  position: relative;
  z-index: 1000;
}

.nega-z {
  position: relative;
  z-index: -5 !important;
}

/* Spread nav-bar items on hover for a nice, fluid effect */
@keyframes navimation {
  from {
    letter-spacing: 9px !important;
  }
  to {
    letter-spacing: 7px !important;
  }
}

@keyframes navimation-hover {
  from {
    letter-spacing: 7px !important;
  }
  to {
    letter-spacing: 9px !important;
  }
}

.navimate {
  letter-spacing: 7px !important;
  animation-name: navimation;
  animation-duration: 1s;
}

.navimate:hover {
  letter-spacing: 9px !important;
  animation-name: navimation-hover;
  animation-duration: 1s;
}

/* Hide an image on hover to reveal another image beneath */
/* TODO: make this make more generic, or add more sizes, to fit more use cases */
/* TODO: Needs testing to make sure it is working correctly */
/*.hide-on-hover {
  position: relative;
  height: 500px !important;
  width: auto;
  transition: opacity 3s ease-in-out;
}

.hide-on-hover img {
  position: absolute;
  left: 0;
}

.hide-on-hover img.hide-me:hover {
  opacity: 0;
}*/

/*New hide-on-hover - make sure to find out what uses hide-on-hover and fix it, then swap these two.*/
/*parent only*/
.hide-on-hover-po {
  visibility: visible;
  opacity: 1;
  transition: all 0.935s;
}


.hide-on-hover-po:hover {
  visibility: hidden;
  opacity: 0;
  transition: all 0.735s;
}

/*parent only*/
.hide-on-hover-slow-po {
  visibility: visible;
  opacity: 1;
  transition: all 2.935s;
}

.hide-on-hover-slow-po:hover {
  visibility: hidden;
  opacity: 0;
  transition: all 2.735s, opacity 2.135s, visibility 2.735s !important;
}

.hide-on-hover > .hoh-child {
  visibility: 1;
  transition: all 0.935s;
}

.hide-on-hover:hover > .hoh-child {
  visibility: none !important;
  opacity: 0 !important;
  transition: all 0.735s;
}

.switch-on-hover > .swh-child-hide {
  display: inline;
}

.switch-on-hover:hover > .swh-child-hide {
  display: none;
}

.switch-on-hover > .swh-child-show {
  display: none;
}

.switch-on-hover:hover > .swh-child-show {
  display: inline;
}

/*opacitate on hover*/
.opacitate-on-hover {
  transition: opacity 0.735s;
}

.opacitate-on-hover:hover {
  opacity: 0.3;
  transition: opacity 0.935s;
}

.opacitate-on-hover-co > .opah-child {
  transition: opacity 0.735s;
}

.opacitate-on-hover-co:hover > .opah-child {
  opacity: 0.3;
  transition: opacity 0.935s;
}

/*Show children on hover*/
.show-on-hover-co > .soh-child {
  display: none;
  visibility: hidden;
  transition: all 0.935;
}

.show-on-hover-co:hover > .soh-child {
  visibility: visible;
  display: inline;
  transition: all 0.735;
}
/* End of show-on-hover */

/* Zoom in animations, great for tabs */
@keyframes zoom-in {
  0% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}

@keyframes zoom-in-less {
  0% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}

/* Zoom in animations, great for tabs */
@keyframes zoom-in-complete {
  0% {
    width: 0%;
    height: 0%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}

/* Configurable fade animation*/
@keyframes fade-in {
  0% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.0;
  }
}

.fadein {
  transition: all 1s;
  animation-name: fade-in;
  animation-duration: 1.15s;
  animation-iteration-count: 1;
}

.fadein-slow {
  transition: all 1s;
  animation-name: fade-in;
  animation-duration: 3.15s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/*spring-in*/
@keyframes spring-in {
  0% {
    opacity: 0;
    transform: scaleY(1);
    transform: scaleX(1);
  }
  25% {
    opacity: 0.8;
    transform: scaleY(0.45);
    transform: scaleX(0.45);
  }
  75% {
    opacity: 0.2;
    transform: scaleY(0.05);
    transform: scaleX(0.05);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
    transform: scaleX(1);
  }
}

.spring-in {
  animation-name: spring-in;
  animation-duration: 0.45s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

/*unfold-x*/
@keyframes unfold-y {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}

.unfold-y {
  transform-origin: top;
  animation-name: unfold-y;
  animation-duration: 1.05s;
  animation-iteration-count: 1;
}

.unfold-yb {
  transform-origin: bottom;
  animation-name: unfold-y;
  animation-duration: 1.05s;
  animation-iteration-count: 1;
}

/*unfold-x*/
@keyframes unfold-x {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}

.unfold-x {
  animation-name: unfold-x;
  animation-duration: 1.35s;
  animation-iteration-count: 1;
}

/*unfold-x*/
@keyframes unfold-xb {
  0% {
    opacity: 0;
    transform: scaleX(1.235);
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}

.unfold-xb {
  animation-name: unfold-xb;
  animation-duration: 1.35s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  transform: scaleX(1);
  transition: 1s;
}

.zoom {
  animation-name: zoom-in;
  animation-duration: 1.06s;
  animation-iteration-count: 1;
}

.zoom-complete {
  animation-name: zoom-in-complete;
  animation-duration: 1.06s;
  animation-iteration-count: 1;
}

.zoom-quick {
  animation-name: zoom-in;
  animation-duration: .5s;
  animation-iteration-count: 1;
}

.zoom-less {
  animation-name: zoom-in-less;
  animation-duration: 1.06s;
  animation-iteration-count: 1;
}

.zoom-less-quick {
  animation-name: zoom-in-less;
  animation-duration: .6s;
  animation-iteration-count: 1;
}

/*Border rounding*/
.round-about {
  border-radius: 15px !important;
}

.round-about1 {
  border-radius: 1px !important;
}

.round-about2 {
  border-radius: 2px !important;
}

.round-about3 {
  border-radius: 3px !important;
}

.round-about4 {
  border-radius: 4px !important;
}

.round-about5 {
  border-radius: 5px !important;
}

.round-about6 {
  border-radius: 6px !important;
}

.round-about7 {
  border-radius: 7px !important;
}

.round-about8 {
  border-radius: 8px !important;
}

.round-about9 {
  border-radius: 9px !important;
}

.round-about10 {
  border-radius: 10px !important;
}

.round-about11 {
  border-radius: 11px !important;
}

.round-about12 {
  border-radius: 12px !important;
}

.round-about13 {
  border-radius: 13px !important;
}

.round-about14 {
  border-radius: 14px !important;
}

.round-about15 {
  border-radius: 15px !important;
}

.round-about-circle {
  border-radius: 100% !important;
}

.roundmeleft5 {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.roundmeright5 {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.roundmeright8 {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.roundmuhtop {
  border-radius: 15px 15px 0px 0px;
}

.roundmuhtop1 {
  border-radius: 1px 1px 0px 0px;
}

.roundmuhtop2 {
  border-radius: 2px 2px 0px 0px;
}

.roundmuhtop3 {
  border-radius: 3px 3px 0px 0px;
}

.roundmuhtop4 {
  border-radius: 4px 4px 0px 0px;
}

.roundmuhtop5 {
  border-radius: 5px 5px 0px 0px;
}

.roundmuhtop6 {
  border-radius: 6px 6px 0px 0px;
}

.roundmuhtop7 {
  border-radius: 7px 7px 0px 0px;
}

.roundmuhtop8 {
  border-radius: 8px 8px 0px 0px;
}

.roundmuhtop9 {
  border-radius: 9px 9px 0px 0px;
}

.roundmuhtop10 {
  border-radius: 10px 10px 0px 0px;
}

.roundmuhtop11 {
  border-radius: 11px 11px 0px 0px;
}

.roundmuhtop12 {
  border-radius: 12px 12px 0px 0px;
}

.roundmuhtop13 {
  border-radius: 13px 13px 0px 0px;
}

.roundmuhtop14 {
  border-radius: 14px 14px 0px 0px;
}

.roundmuhtop15 {
  border-radius: 15px 15px 0px 0px;
}

.roundmuhbottom {
 border-bottom-left-radius: 15px !important;
 border-bottom-right-radius: 15px !important;
}

.roundmuhbottom1 {
 border-bottom-left-radius: 1px !important;
 border-bottom-right-radius: 1px !important;
}

.roundmuhbottom2 {
 border-bottom-left-radius: 2px !important;
 border-bottom-right-radius: 3px !important;
}

.roundmuhbottom3 {
 border-bottom-left-radius: 3px !important;
 border-bottom-right-radius: 3px !important;
}

.roundmuhbottom4 {
 border-bottom-left-radius: 4px !important;
 border-bottom-right-radius: 4px !important;
}

.roundmuhbottom5 {
 border-bottom-left-radius: 5px !important;
 border-bottom-right-radius: 5px !important;
}

.roundmuhbottom10 {
 border-bottom-left-radius: 4px !important;
 border-bottom-right-radius: 4px !important;
}

.roundmuhbottom5 {
 border-bottom-left-radius: 5px !important;
 border-bottom-right-radius: 5px !important;
}

.roundmuhbottom6 {
 border-bottom-left-radius: 6px !important;
 border-bottom-right-radius: 6px !important;
}

.roundmuhbottom7 {
 border-bottom-left-radius: 7px !important;
 border-bottom-right-radius: 7px !important;
}

.roundmuhbottom8 {
 border-bottom-left-radius: 8px !important;
 border-bottom-right-radius: 8px !important;
}

.roundmuhbottom9 {
 border-bottom-left-radius: 9px !important;
 border-bottom-right-radius: 9px !important;
}

.roundmuhbottom10 {
 border-bottom-left-radius: 10px !important;
 border-bottom-right-radius: 10px !important;
}

.roundmuhbottom11 {
 border-bottom-left-radius: 11px !important;
 border-bottom-right-radius: 11px !important;
}

.roundmuhbottom12 {
 border-bottom-left-radius: 12px !important;
 border-bottom-right-radius: 12px !important;
}

.roundmuhbottom13 {
 border-bottom-left-radius: 13px !important;
 border-bottom-right-radius: 13px !important;
}

.roundmuhbottom14 {
 border-bottom-left-radius: 14px !important;
 border-bottom-right-radius: 14px !important;
}

.roundmuhbottom15 {
 border-bottom-left-radius: 15px !important;
 border-bottom-right-radius: 15px !important;
}

.roundmuhbottom16 {
 border-bottom-left-radius: 16px !important;
 border-bottom-right-radius: 16px !important;
}

.roundmuhbottom17 {
 border-bottom-left-radius: 17px !important;
 border-bottom-right-radius: 17px !important;
}

.roundmuhbottom18 {
 border-bottom-left-radius: 18px !important;
 border-bottom-right-radius: 18px !important;
}

.roundmuhbottom19 {
 border-bottom-left-radius: 19px !important;
 border-bottom-right-radius: 19px !important;
}

.roundmuhbottom20 {
 border-bottom-left-radius: 20px !important;
 border-bottom-right-radius: 20px !important;
}

.roundmuhbottom21 {
 border-bottom-left-radius: 21px !important;
 border-bottom-right-radius: 21px !important;
}

.nocolorborder, .borderless {
  border-style: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
}

.nuttin-round-me {
  border-radius: 0px !important;
}

.nuttin-round-me-lite {
  border-radius: 0px;
}

/*min-width limiters - sets max widths in pixels*/
.minw-c150p {
  min-width: 150px !important;
  margin: auto !important;
}

.minw-c350p {
  min-width: 150px !important;
  margin: auto !important;
}

.minw-c350p {
  min-width: 350px !important;
  margin: auto !important;
}

.minw-c450p {
  min-width: 450px !important;
  margin: auto !important;
}

.minw-c550p {
  min-width: 550px !important;
  margin: auto !important;
}

.minw-c650p {
  min-width: 650px !important;
  margin: auto !important;
}

/*max-width limiters - sets max widths in percentages*/
.maxw15 {
  max-width: 15%;
}

.maxw25 {
  max-width: 25%;
}

.maxw35 {
  max-width: 35%;
}

.maxw45 {
  max-width: 45%;
}

.maxw50 {
  max-width: 50%;
}

.maxw55 {
  max-width: 55%;
}

.maxw60 {
  max-width: 60%;
}

.maxw65 {
  max-width: 60%;
}

.maxw75 {
  max-width: 75%;
}

/*max-width + centered limiters - sets max widths in percentages*/
.maxw-c15 {
  max-width: 15%;
  margin: auto;
}

.maxw-c25 {
  max-width: 25%;
  margin: auto;
}

.maxw-c30 {
  max-width: 30%;
  margin: auto;
}

.maxw-c35 {
  max-width: 35%;
  margin: auto;
}

.maxw-c45 {
  max-width: 45%;
  margin: auto;
}

.maxw-c50 {
  max-width: 50%;
  margin: auto;
}

.maxw-c55 {
  max-width: 55%;
  margin: auto;
}

.maxw-c60 {
  max-width: 60%;
  margin: auto;
}

.maxw-c65 {
  max-width: 65%;
  margin: auto;
}

.maxw-c70 {
  max-width: 70%;
  margin: auto;
}

.maxw-c75 {
  max-width: 75%;
  margin: auto;
}

.maxw-c85 {
  max-width: 75%;
  margin: auto;
}

.maxw-c90 {
  max-width: 90%;
  margin: auto;
}

.maxw-c95 {
  max-width: 95%;
  margin: auto;
}

/***
Center vertically without heights.
***/

.vert-center-out {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}

.vert-center-mid {
  display: table-cell;
  vertical-align: middle;
}

.vert-center-in {
  margin: auto;
  width: auto;
}

.vert-center-abs {
  border-style: solid;
  border-color: white;
  border-width: 1px !important;
  min-height: 100%;
  height: 100%;
}

.vert-center-rel {
  position: relative;
  margin-top: 50%;
  margin-bottom: 50%;
}

ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li {
  display: inline;
  padding-left: 25px;
  padding-right: 25px;
}

ul.share-buttons:hover a {
  text-decoration: none !important;
}

ul.share-buttons:focus a {
  text-decoration: none !important;
}

ul.share-buttons a:focus {
  text-decoration: none !important;
}

.fliphorz {
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.flipvert {
  transform: rotate(180deg);
}

.spread-hover {
  transition: 2.35s;
}

.spread-hover:hover {
  letter-spacing: 5px !important;
  transition: 0.735s;
}

.spread-hover1 {
  transition: 2.35s;
}

.spread-hover1:hover {
  letter-spacing: 1px !important;
  transition: 0.735s;
}

.spread-hover2 {
  transition: 2.35s;
}

.spread-hover2:hover {
  letter-spacing: 2px !important;
  transition: 0.735s;
}

.spread-hover3 {
  transition: 2.35s;
}

.spread-hover3:hover {
  letter-spacing: 3px !important;
  transition: 0.735s;
}

.spread-hover4 {
  transition: 2.35s;
}

.spread-hover4:hover {
  letter-spacing: 4px !important;
  transition: 0.735s;
}

.spread-hover5 {
  transition: 2.35s;
}

.spread-hover5:hover {
  letter-spacing: 5px !important;
  transition: 0.735s;
}

.spread-hover6 {
  transition: 2.35s;
}

.spread-hover6:hover {
  letter-spacing: 6px !important;
  transition: 0.735s;
}

.spread-hover7 {
  transition: 2.35s;
}

.spread-hover7:hover {
  letter-spacing: 7px !important;
  transition: 0.735s;
}

.spread-hover8 {
  transition: 2.35s;
}

.spread-hover8:hover {
  letter-spacing: 8px !important;
  transition: 0.735s;
}

.spread-hover9 {
  transition: 2.35s;
}

.spread-hover9:hover {
  letter-spacing: 9px !important;
  transition: 0.735s;
}

.spread-hover10 {
  transition: 2.35s;
}

.spread-hover10:hover {
  letter-spacing: 10px !important;
  transition: 0.735s;
}

.spread-hover15 {
  transition: 2.35s;
}

.spread-hover15:hover {
  letter-spacing: 15px !important;
  transition: 0.735s;
}

.spread-hover25 {
  transition: 2.35s;
}

.spread-hover25:hover {
  letter-spacing: 25px !important;
  transition: 0.735s;
}

.spread-hover35 {
  transition: 2.35s;
}

.spread-hover35:hover {
  letter-spacing: 35px !important;
  transition: 0.735s;
}

.spread-hover45 {
  transition: 2.35s;
}

.spread-hover45:hover {
  letter-spacing: 45px !important;
  transition: 0.735s;
}

.clear-on-hover {
  transition: 3s;
}

.clear-on-hover:hover {
  opacity: 0.3 !important;
  transition: 0.735s;
}

.full-on-hover {
  transition: 0.935s;
}

.full-on-hover > * {
  transition: 0.935s;
}

.full-on-hover:hover {
  opacity: 1.0 !important;
  transition: 0.735s;
}

.full-on-hover:hover > * {
  opacity: 1.0 !important;
  transition: 0.735s;
}

.full-on-hover-slow {
  transition: 1.935s;
}

.full-on-hover-slow > * {
  transition: 1.935s;
}

.full-on-hover-slow:hover {
  opacity: 1.0 !important;
  transition: 1.735s;
}

.full-on-hover-slow:hover > * {
  opacity: 1.0 !important;
  transition: 1.735s;
}

.full-on-hover-po {
  transition: 0.935s;
}

.full-on-hover-po:hover {
  opacity: 1 !important;
  transition: 0.935s;
}

.get-inline {
  display: inline;
}

.get-inline-block {
  display: inline-block;
}

.get-blocked {
  display: block;
}

.rel-pos {
  position: relative !important;
}

/*Needs to be moved*/
.col-mobile {
  width: auto;
}
/*Needs to be moved*/

.hidden-till-mobile {
  visibility: hidden;
  display: none;
}

.maxw-c5-mobile-c95 {
  max-width: 5%;
  margin: auto;
}

.maxw-c10-mobile-c95 {
  max-width: 10%;
  margin: auto;
}

.maxw-c15-mobile-c95 {
  max-width: 15%;
  margin: auto;
}

.maxw-c20-mobile-c95 {
  max-width: 20%;
  margin: auto;
}

.maxw-c25-mobile-c95 {
  max-width: 25%;
  margin: auto;
}

.maxw-c35-mobile-c95 {
  max-width: 35%;
  margin: auto;
}

.maxw-c45-mobile-c95 {
  max-width: 45%;
  margin: auto;
}

.maxw-c50-mobile-c95 {
  max-width: 50%;
  margin: auto;
}

.maxw-c55-mobile-c95 {
  max-width: 55%;
  margin: auto;
}

.maxw-c60-mobile-c95 {
  max-width: 60%;
  margin: auto;
}

.maxw-c65-mobile-c95 {
  max-width: 65%;
  margin: auto;
}

.maxw-c70-mobile-c95 {
  max-width: 70%;
  margin: auto;
}

.maxw-c75-mobile-c95 {
  max-width: 75%;
  margin: auto;
}

.marmuhsides75-mobile35 {
  margin-left: 75px;
  margin-right: 75px;
}

.border-thin {
  border-width: 1px;
  border-style: solid;
}

.border-light {
  /*It must have a colour as far as I can tell,
  unless there is a way to inherit the color
  and still make it transparent*/
  border-width: 1px;
  border-style: solid;
  border-color: rgba(75, 75, 75, 0.2);
}

.border-light-top-bottom {
  /*It must have a colour as far as I can tell,
  unless there is a way to inherit the color
  and still make it transparent*/
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: rgba(75, 75, 75, 0.2);
}

.border-light-shadow {
  /*It must have a colour as far as I can tell,
  unless there is a way to inherit the color
  and still make it transparent*/
  border-width: 1px;
  border-style: solid;
  border-color: rgba(75, 75, 75, 0.2);
  box-shadow: 0px 2px 15px 3px rgba(0, 0, 0, 0.1), 0px 0px 5px rgba(45, 45, 45, 0.1);
}

.border-light-shadow-medium {
  /*It must have a colour as far as I can tell,
  unless there is a way to inherit the color
  and still make it transparent*/
  border-width: 1px;
  border-style: solid;
  border-color: rgba(75, 75, 75, 0.2);
  box-shadow: 0px 2px 15px 3px rgba(0, 0, 0, 0.1), 0px 0px 7px rgba(45, 45, 45, 0.5);
}

.border-light-shadow-top-bottom {
  /*It must have a colour as far as I can tell,
  unless there is a way to inherit the color
  and still make it transparent*/
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: rgba(75, 75, 75, 0.2);
  box-shadow: 0px 2px 15px 3px rgba(0, 0, 0, 0.1), 0px 0px 5px rgba(45, 45, 45, 0.1);
}

/*These won't work if included in any css that preceeds passionfruit - because techology is stupid. Don't ask me...*/

ul.list-square-grey li {
  list-style-type: square;
  color: rgb(135, 135, 135) !important;
}

ul.list-square-blue li {
  list-style-type: square;
  color: rgb(35, 135, 255) !important;
}

.img-fullwidth {
  overflow: hidden;
  width: 100%;
}

.noplay {
  display: none;
}

.blurme-hover {
  filter: blur(0px);
  transition: 2.135s;
}

.blurme-hover:hover {
  filter: blur(15px);
  transition: 2.135s;
}

.blurme {
  filter: blur(15px);
}

.flex-center {
  display: flex;
  justify-content: center;
  align-content:center;
  flex-direction: column;
  flex-wrap: wrap;
}

.flex-me-central {
  align-self: center;
}

.flex-center-row {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: row;
}

.flex-center-adjust {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: row;
}

.flex-center-adjust-inverse {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

/*Columns, as in bootstrap, but more flexible.*/
.col-512 {
  width: 512px;
}

.col-256 {
  width: 256px;
}

.col-205 {
  width: 205px;
}

.col-196 {
  width: 196px;
}

.col-128 {
  width: 128px;
}

.col-64 {
  width: 64px;
}

.col-95p {
  width: 95%;
}


.col-75p {
  width: 75%;
}

.col-70p {
  width: 70%;
}

.col-65p {
  width: 65%;
}

.col-60p {
  width: 60%;
}

.col-55p {
  width: 55%;
}

.col-50p {
  width: 50%;
}

.col-45p {
  width: 45%;
}

.col-40p {
  width: 40%;
}

.col-35p {
  width: 35%;
}

.col-30p {
  width: 30%;
}

.col-25p {
  width: 25%;
}

.col-20p {
  width: 20%;
}

.col-15p {
  width: 15%;
}

@media only screen and (max-width: 768px) {
  [class*="col-"] {
    width: 100%;
    margin-top: 7.5px;
    margin-bottom: 7.5px;
  }

  .hidden-till-mobile {
    display: block;
    visibility: visible;
  }

  .hidden-navitem {
    display: block;
    visibility: visible;
  }

  .psfruitjuice-mobile-navitem {
    visibility: visible;
    display: flex;
    justify-content:center;
    align-content:center;
    flex-direction:column;
  }

  .hidden-in-mobile {
    display: none;
  }

  .hidden-till-mobile-secondary {
    display: none !important;
  }

  .maxw-mobile-c95 {
    max-width: 95% !important;
    display: block !important;
    margin: auto;
  }

  .maxw-c5-mobile-c95, .maxw-c10-mobile-c95, .maxw-c15-mobile-c95,
  .maxw-c20-mobile-c95, .maxw-c25-mobile-c95, .maxw-c35-mobile-c95,
  .maxw-c45-mobile-c95, .maxw-c50-mobile-c95, .maxw-c55-mobile-c95,
  .maxw-c60-mobile-c95, .maxw-c65-mobile-c95, .maxw-c75-mobile-c95,
  .maxw-c80-mobile-c95, .maxw-c85-mobile-c95, maxw-c90-mobile-c95 {
    max-width: 95%;
    margin: auto;
  }

  .marmuhsides75-mobile35 {
    margin-left: 35px;
    margin-right: 35px;
  }

  .flex-center-adjust {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
  }

  .flex-center-adjust-inverse {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
  }
}

.rotate15 {
  transition: 1.375s;
}

.rotate15:hover {
  transform: rotate(15deg);
  transition: 1.375s;
}

.rotate35 {
  transition: 1.375s;
}

.rotate35:hover {
  transform: rotate(35deg) !important;
  transition: 1.375s;
}

.magnify-1p2 {
  transition: 1.375s;
}

.magnify-1p2:hover {
  transition: 1.375s;
  transform: scale(1.2);
}

.magnify-1p5 {
  transition: 1.375s;
}

.magnify-1p5:hover {
  transition: 1.375s;
  transform: scale(1.5);
}

.full-height {
  height: 100%;
}