/*backgrounds*/

.padding40-bottom {
    padding-bottom: 40px !important;
}

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

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

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

.borderlight-grey {
    border-bottom: 1px solid #d8d8d8;
 
}

.pos-relative{position: relative;}

/* colors */
.white{color:#fff;}
.red{color:#e40613;}
.light-grey{color:#b5b5b5;}
.grey{color:#414247;}

/* background colors */
.bg-white { background-color: #fff !important; }
.bg-purple{background-color:#59358c; }
.bg-light-purple{background-color:#977fb9; }

/* buttons */


.btn-white {background-color: #fff;color:#e40613;border: none;box-shadow: inset 0 -4px 1px rgba(219,219,219,1);}
.btn-white:hover , .btn-grey:focus {background-color: #fff;color:#d00712;}

.btn-light-grey {background-color: #b5b5b5;color:#fff;border: none;box-shadow: inset 0 -4px 1px rgba(158,158,158,1);}
.btn-light-grey:hover , .btn-grey:focus {background-color: #a8a7a7;color:#fff;}

.btn-grey {background-color: #414247;color:#fff;border: none;box-shadow: inset 0 -4px 1px rgba(34,34,34,1);}
.btn-grey:hover , .btn-grey:focus {background-color: #333;color:#fff;}

.btn-red {background-color: #e40613;color:#fff;border: none;box-shadow: inset 0 -4px 1px rgba(195,17,29,1);}
.btn-red:hover , .btn-purple:focus {background-color: #d00712;color:#fff;}

.btn-green {background-color: #61c064;color:#fff;border: none;color:#fff;box-shadow: inset 0 -4px 1px rgba(93,166,95,1);}
.btn-green:hover , .btn-dark-purple:focus {background-color: #5bb35e;color:#fff;}

/*font sizes*/
.font-size-10 { font-size: 10px }
.font-size-11 { font-size: 11px }
.font-size-12 { font-size: 12px }
.font-size-13 { font-size: 13px }
.font-size-14 { font-size: 14px }
.font-size-15 { font-size: 15px }
.font-size-16 { font-size: 16px }
.font-size-17 { font-size: 17px }
.font-size-18 { font-size: 18px }
.font-size-19 { font-size: 19px }
.font-size-20 { font-size: 20px }
.font-size-21 { font-size: 21px }
.font-size-22 { font-size: 22px }
.font-size-25 { font-size: 25px }
/*font-weight*/
.font-weight-300{font-weight: 300;}
.font-weight-400{font-weight: 400;}
.font-weight-500{font-weight: 500;}
.font-weight-600{font-weight: 600;}
.font-weight-700{font-weight: 700;}
/*line height*/
.line-height-10 { line-height: 10px }
.line-height-11 { line-height: 11px }
.line-height-12 { line-height: 12px }
.line-height-13 { line-height: 13px }
.line-height-14 { line-height: 14px }
.line-height-15 { line-height: 15px }
.line-height-16 { line-height: 16px }
.line-height-17 { line-height: 17px }
.line-height-18 { line-height: 18px }
.line-height-19 { line-height: 19px }
.line-height-20 { line-height: 20px }
.line-height-30 { line-height: 30px }
/* text colors*/
.text-white { color: #fff !important; }
.text-blue { color: #3B5998; }
.text-light-black { color: #2c2c2c; }
.text-brown { color: #693f05; }
.text-light-grey { color: #f2f2f2; }
.text-dark-grey { color: rgb(167, 166, 166) }
.text-dark-black { color: #494949 }
.text-light-skin { color: #9a9a9a }
.text-light-brown { color: #998a76 }
.text-justify { text-align: justify }
.text-strike { text-decoration: line-through; }
.text-uppercase { text-transform: uppercase }
/*paddings*/
.padding0 { padding: 0 !important }
.padding0-left { padding-left: 0 !important }
.padding0-right { padding-right: 0 !important }
.padding0-top { padding-top: 0 !important }
.padding0-bottom { padding-bottom: 0 !important }
.padding2 { padding: 2px !important }
.padding2-left { padding-left: 2px !important }
.padding2-right { padding-right: 2px !important }
.padding2-top { padding-top: 2px !important }
.padding2-bottom { padding-bottom: 2px !important }
.padding5 { padding: 5px !important }
.padding5-left { padding-left: 5px !important }
.padding5-right { padding-right: 5px !important }
.padding5-top { padding-top: 5px !important }
.padding5-bottom { padding-bottom: 5px !important }
.padding7 { padding: 7px !important }
.padding7-left { padding-left: 7px !important }
.padding7-right { padding-right: 7px !important }
.padding7-top { padding-top: 7px !important }
.padding7-bottom { padding-bottom: 7px !important }
.padding6 { padding: 6px !important }
.padding6-left { padding-left: 6px !important }
.padding6-right { padding-right: 6px !important }
.padding6-top { padding-top: 6px !important }
.padding6-bottom { padding-bottom: 6px !important }
.padding10 { padding: 10px !important }
.padding10-left { padding-left: 10px !important }
.padding10-right { padding-right: 10px !important }
.padding10-top { padding-top: 10px !important }
.padding10-bottom { padding-bottom: 10px !important }
.padding12 { padding: 12px !important }
.padding12-left { padding-left: 12px !important }
.padding12-right { padding-right: 12px !important }
.padding12-top { padding-top: 12px !important }
.padding12-bottom { padding-bottom: 12px !important }
.padding15 { padding: 15px !important }
.padding15-left { padding-left: 15px !important }
.padding15-right { padding-right: 15px !important }
.padding15-top { padding-top: 15px !important }
.padding15-bottom { padding-bottom: 15px !important }
.padding20 { padding: 20px !important }
.padding20-left { padding-left: 20px !important }
.padding20-right { padding-right: 20px !important }
.padding20-top { padding-top: 20px !important }
.padding20-bottom { padding-bottom: 20px !important }
.padding22 { padding: 22px !important }
.padding30 { padding: 30px !important }
.padding30-left { padding-left: 30px !important }
.padding30-right { padding-right: 30px !important }
.padding30-top { padding-top: 30px !important }
.padding30-bottom { padding-bottom: 30px !important }
.padding40 { padding: 40px !important }
.padding50 { padding: 50px !important }
.padding50-left { padding-left: 50px !important }
.padding50-right { padding-right: 50px !important }
.padding50-top { padding-top: 50px !important }
.padding50-bottom { padding-bottom: 50px !important }
/*margins*/
.margin0 { margin: 0 !important }
.margin0-left { margin-left: 0 !important }
.margin0-right { margin-right: 0 !important }
.margin0-top { margin-top: 0 !important }
.margin0-bottom { margin-bottom: 0px !important }
.margin2 { margin: 2px !important }
.margin2-left { margin-left: 2px !important }
.margin2-right { margin-right: 2px !important }
.margin2-top { margin-top: 2px !important }
.margin2-bottom { margin-bottom: 2px !important }
.margin5 { margin: 5px !important }
.margin5-left { margin-left: 5px !important }
.margin5-right { margin-right: 5px !important }
.margin5-top { margin-top: 5px !important }
.margin5-bottom { margin-bottom: 5px !important }
.margin7 { margin: 7px !important }
.margin7-left { margin-left: 7px !important }
.margin7-right { margin-right: 7px !important }
.margin7-top { margin-top: 7px !important }
.margin7-bottom { margin-bottom: 7px !important }
.margin10 { margin: 10px !important }
.margin10-left { margin-left: 10px !important }
.margin10-right { margin-right: 10px !important }
.margin10-top { margin-top: 10px !important }
.margin10-bottom { margin-bottom: 10px !important }
.margin12 { margin: 12px !important }
.margin12-left { margin-left: 12px !important }
.margin12-right { margin-right: 12px !important }
.margin12-top { margin-top: 12px !important }
.margin12-bottom { margin-bottom: 12px !important }
.margin15 { margin: 15px !important }
.margin15-left { margin-left: 15px !important }
.margin15-right { margin-right: 15px !important }
.margin15-top { margin-top: 15px !important }
.margin15-bottom { margin-bottom: 15px !important }
.margin20 { margin: 20px !important }
.margin20-left { margin-left: 20px !important }
.margin20-right { margin-right: 20px !important }
.margin20-top { margin-top: 20px !important }
.margin20-bottom { margin-bottom: 20px !important }
.margin22-bottom { margin-bottom: 22px !important }
.margin30 { margin: 30px !important }
.margin30-left { margin-left: 30px !important }
.margin30-right { margin-right: 30px !important }
.margin30-top { margin-top: 30px !important }
.margin30-bottom { margin-bottom: 30px !important }
.margin40 { margin: 40px !important }
.margin40-left { margin-left: 40px !important }
.margin40-right { margin-right: 40px !important }
.margin40-top { margin-top: 40px !important }
.margin40-bottom { margin-bottom: 40px !important }
.margin50 { margin: 50px !important }
.margin50-left { margin-left: 50px !important }
.margin50-right { margin-right: 50px !important }
.margin50-top { margin-top: 50px !important }
.margin50-bottom { margin-bottom: 50px !important }
.margin60 { margin: 60px !important }
.margin60-left { margin-left: 60px !important }
.margin60-right { margin-right: 60px !important }
.margin60-top { margin-top: 60px !important }
.margin60-bottom { margin-bottom: 60px !important }
/*spaces*/
.height1 { height: 1px; }
.height2 { height: 2px; }
.height5 { height: 5px; }
.height10 { height: 10px; }
.height20 { height: 20px; }
.height30 { height: 30px; }
.height50 { height: 50px; }
.height350 { height: 350px; }
/*width*/
.width50 { width: 50px; }
.width100 { width: 100px; }
.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
/*text styles*/
.text-bold { font-weight: bold; }
.text-italic { font-style: italic; }
.text-normal { font-weight: normal }
/*links style*/
a.dark-black { color: #999999; }
li.active a.dark-black { color: #fff; }
a.dark-black:hover { color: #999999; }
a.icon-effect { color: #999999; text-decoration: none; }
a.icon-effect:hover { color: #fff; text-decoration: none }
a.icon-effect2 { color: #9B674B; text-decoration: none; }
a.icon-effect2:hover { color: #000; text-decoration: none }
a.white { color: #fff }
a.white:hover { color: #fff; }
a.text-decoration-none:hover,.text-decoration-none { text-decoration: none !important}
a.text-decoration-underline:hover,.text-decoration-underline { text-decoration: underline }
/*displays*/
.display-none { display: none }
.display-block { display: block }
.display-inline { display: inline !important }
/*positions*/
.position-relative { position: relative }
.position-absolute { position: absolute; }
.position-fixed { position: fixed; }
/*list styles*/
ul.list-style-none { list-style-type: none }
ul.list-style-square { list-style-type: square }
/*borders-raduis*/
.border-radius-0 { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.border-radius-2 { -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; }
.border-radius-5 { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; }
.border-none { border: none !important;border: 0 !important;border-color: transparent !important }
/*border colors*/
.border-color-dark-black { border: 1px solid #545454 }
.border-color-light-grey { border: 1px solid #CAC4C4 }
.border-color-post { border: 1px solid #edeff4 }
/*textarea*/
.resize-none { resize: none }
/*vertical-align*/
.vertical-align-middle { vertical-align: middle !important }
.vertical-align-top { vertical-align: top }
.vertical-align-bottom { vertical-align: bottom }
/*full width*/
.full-width { width: 100% }
.visibility-hidden{visibility: hidden;}
.box-shadow-none { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);}
.bg-cover{background-size: cover;}
.pointer{cursor: pointer;}
.cursor-default{cursor: default;}


/* checkbox */
.checkbox label:after, 
.radio label:after {content: '';display: table;clear: both;}
.checkbox .cr,.radio .cr {position: relative;display: inline-block;border: 1px solid #a9a9a9;background-color:#fff;border-radius: .25em;width: 1.3em;height: 1.3em;float: left;margin-right: .5em;}
.radio .cr {border-radius: 50%;}
.checkbox .cr .cr-icon,.radio .cr .cr-icon {position: absolute;font-size: 1.2em;line-height: 0;top: 50%;left: 5%;}
.radio .cr .cr-icon {margin-left: 0.04em;}
.checkbox label input[type="checkbox"],.radio label input[type="radio"] {display: none;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,.radio label input[type="radio"] + .cr > .cr-icon {transform: scale(3) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,.radio label input[type="radio"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg);opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + .cr,.radio label input[type="radio"]:disabled + .cr {opacity: .5;}