/*------------------------------------*\
    Main Stylesheet
\*------------------------------------*/

body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em;
    line-height: 23px;
    overflow-x: hidden;
}
a,
a:active {
    color: #626262;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #272727;
    text-decoration: none;
}
a:focus {
    outline: none !important;
}
img {
    -webkit-backface-visibility: hidden;
    height: auto;
    max-width: 100%;
}
video {
    background-size: cover;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
ul,
ol,
dl {
    list-style-position: outside;
}
ul {
    list-style: none outside none;
	list-style-type: circle;
    margin: 0;
    padding: 0;
}
iframe {
    border: 0;
}


/*
* Input
*/

input,
textarea,
select {
    letter-spacing: 1px;
    margin: 0 0 20px 0;
    max-width: 100%;
    padding: 8px 15px;
    resize: none;
    width: 100%;
}
input[type="button"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="submit"],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
}
input,
textarea,
select {
    border: 2px solid rgba(0, 0, 0, 0.13) !important;
}
input[type="button"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="submit"],
textarea,
select {
    border-radius: 0;
}
input[type="button"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="submit"],
textarea,
select {
    -webkit-transition: border 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}
input:focus,
textarea:focus {
    border: 1px solid #989898;
    outline: none;
}
input,
textarea,
select {
    font-size: 13px;
}
input[type="button"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="submit"],
textarea,
select {
    padding: 12px 24px;
}
input[type="submit"] {
    width: auto;
}
select {
    color: #272727;
    outline: none;
}
select::-ms-expand {
    display: none;
}
.select-wrapper {
    background: #ffffff url(../img/icon-select-arrow.png) no-repeat 97% 50%;
    box-shadow: none;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}
.select-wrapper select {
    background-color: transparent;
    background-image: none;
    cursor: pointer;
    margin-bottom: 0;
}
form .error {
    border-color: #cc0000 !important;
}
form label.error {
    display: none !important;
}
::-moz-selection {
    background: #dfdfdf;
    color: #000000;
}
::-webkit-input-placeholder {
    color: #272727 !important;
    font-size: 13px;
    text-overflow: ellipsis;
}
:-moz-placeholder {
    color: #272727 !important;
    font-size: 13px;
    opacity: 1;
    text-overflow: ellipsis;
}
:-ms-input-placeholder {
    color: #272727 !important;
    font-size: 13px;
    opacity: 1;
    text-overflow: ellipsis;
}


/*
* Scrollbar
*/

::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
    background: rgba(210, 210, 210, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}





/*------------------------------------*\
    Typography
\*------------------------------------*/

/*
* Heading
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}


/*
* Text size
*/

.text-extra-small {
    font-size: 10px !important;
    line-height: 15px !important;
}
.text-small {
    font-size: 11px !important;
    line-height: 20px !important;
}
.text-medium {
    font-size: 14px !important;
    line-height: 22px !important;
}
.text-large {
    font-size: 15px !important;
    line-height: 24px !important;
}
.text-extra-large {
    font-size: 18px !important;
    line-height: 26px !important;
}
.title-small {
    font-size: 20px !important;
    line-height: 30px !important;
}
.title-medium {
    font-size: 24px !important;
    line-height: 32px !important;
}
.title-large {
    font-size: 28px !important;
    line-height: 34px !important;
}
.title-extra-large {
    font-size: 35px !important;
    line-height: 38px !important;
}
.title-extra-large-2 {
    font-size: 45px !important;
    line-height: 45px !important;
}
.title-extra-large-3 {
    font-size: 50px !important;
    line-height: 50px !important;
}
.title-extra-large-4 {
    font-size: 70px !important;
    line-height: 70px !important;
}
.title-extra-large-5 {
    font-size: 80px !important;
    line-height: 80px !important;
}
.title-big {
    font-size: 100px !important;
    line-height: 100px !important;
}
.title-big-2 {
    font-size: 125px !important;
    line-height: 125px !important;
}
.title-big-3 {
    font-size: 150px !important;
    line-height: 150px !important;
}


/*
* Font family
*/

.font-family-base {
    font-family: "Roboto", sans-serif !important;
}
.font-family-alt {
    font-family: 'Helvetica Neue',sans-serif  !important;
}


/*
* Font weight
*/

.font-weight-100 {
    font-weight: 100 !important;
}
.font-weight-300 {
    font-weight: 300 !important;
}
.font-weight-400 {
    font-weight: 400 !important;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.font-weight-700 {
    font-weight: 700 !important;
}
.font-weight-900 {
    font-weight: 900 !important;
}


/*
* Letter spacing
*/

.letter-spacing-1 {
    letter-spacing: 1px !important;
}
.letter-spacing-2 {
    letter-spacing: 2px !important;
}
.letter-spacing-3 {
    letter-spacing: 3px !important;
}
.letter-spacing-4 {
    letter-spacing: 4px !important;
}
.letter-spacing-5 {
    letter-spacing: 5px !important;
}
.letter-spacing-6 {
    letter-spacing: 6px !important;
}
.letter-spacing-7 {
    letter-spacing: 7px !important;
}
.letter-spacing-8 {
    letter-spacing: 8px !important;
}
.letter-spacing-9 {
    letter-spacing: 9px !important;
}
.letter-spacing-10 {
    letter-spacing: 10px !important;
}
.no-letter-spacing {
    letter-spacing: 0px !important;
}


/*
* Text property
*/

.line-height-none {
    line-height: 0 !important;
}
.line-height-60px {
    line-height: 60px !important;
}
.text-decoration-line-through {
    text-decoration: line-through !important;
}
.text-decoration-underline {
    text-decoration: underline !important;
}
.text-transform-none {
    text-transform: none !important;
}
.word-wrap {
    word-wrap: break-word;
}

.italicfont {
	font-style: italic;
}





/*------------------------------------*\
    Background
\*------------------------------------*/

/*
* Background image
*/

.bg-cover,
.bg-fix,
.bg-parallax {
    background-repeat: no-repeat !important;
}
.bg-cover,
.bg-fix,
.bg-parallax {
    overflow: hidden;
}
.bg-cover,
.bg-fix,
.bg-parallax {
    background-position: center center !important;
}
.bg-cover,
.bg-fix,
.bg-parallax {
    position: relative;
}
.bg-cover,
.bg-fix,
.bg-parallax {
    background-size: cover !important;
}
.bg-fix {
    -webkit-animation-duration: 0s;
    -webkit-animation-fill-mode: none;
    background-attachment: fixed !important;
}
.bg-parallax {
    height: 150%;
    top: -75%;
}
.bg-position-top {
    background-position: right top !important;
}
.bg-position-right {
    background-position: right center !important;
}
.bg-position-left {
    background-position: left center !important;
}


/*
* Background transparent (on hover)
*/

.bg-hover-transparent:hover {
    background-color: transparent !important;
}


/*
* Background overlay
*/

.bg-overlay-black-1,
.bg-overlay-black-2,
.bg-overlay-black-3,
.bg-overlay-black-4,
.bg-overlay-black-5,
.bg-overlay-black-6,
.bg-overlay-black-7,
.bg-overlay-black-8,
.bg-overlay-black-9,
.bg-overlay-gray-1,
.bg-overlay-gray-2,
.bg-overlay-gray-3,
.bg-overlay-gray-4,
.bg-overlay-gray-5,
.bg-overlay-gray-6,
.bg-overlay-gray-7,
.bg-overlay-gray-8,
.bg-overlay-gray-9 {
    position: relative;
}
.bg-overlay-black-1:before,
.bg-overlay-black-2:before,
.bg-overlay-black-3:before,
.bg-overlay-black-4:before,
.bg-overlay-black-5:before,
.bg-overlay-black-6:before,
.bg-overlay-black-7:before,
.bg-overlay-black-8:before,
.bg-overlay-black-9:before,
.bg-overlay-gray-1:before,
.bg-overlay-gray-2:before,
.bg-overlay-gray-3:before,
.bg-overlay-gray-4:before,
.bg-overlay-gray-5:before,
.bg-overlay-gray-6:before,
.bg-overlay-gray-7:before,
.bg-overlay-gray-8:before,
.bg-overlay-gray-9:before {
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.bg-overlay-black-1:before {
    background: rgba(0, 0, 0, 0.1) !important;
}
.bg-overlay-black-2:before {
    background: rgba(0, 0, 0, 0.2) !important;
}
.bg-overlay-black-3:before {
    background: rgba(0, 0, 0, 0.3) !important;
}
.bg-overlay-black-4:before {
    background: rgba(0, 0, 0, 0.4) !important;
}
.bg-overlay-black-5:before {
    background: rgba(0, 0, 0, 0.5) !important;
}
.bg-overlay-black-6:before {
    background: rgba(0, 0, 0, 0.6) !important;
}
.bg-overlay-black-7:before {
    background: rgba(0, 0, 0, 0.7) !important;
}
.bg-overlay-black-8:before {
    background: rgba(0, 0, 0, 0.8) !important;
}
.bg-overlay-black-9:before {
    background: rgba(0, 0, 0, 0.9) !important;
}
.bg-overlay-gray-1:before {
    background: rgba(37, 37, 37, 0.1) !important;
}
.bg-overlay-gray-2:before {
    background: rgba(37, 37, 37, 0.2) !important;
}
.bg-overlay-gray-3:before {
    background: rgba(37, 37, 37, 0.3) !important;
}
.bg-overlay-gray-4:before {
    background: rgba(37, 37, 37, 0.4) !important;
}
.bg-overlay-gray-5:before {
    background: rgba(37, 37, 37, 0.5) !important;
}
.bg-overlay-gray-6:before {
    background: rgba(37, 37, 37, 0.6) !important;
}
.bg-overlay-gray-7:before {
    background: rgba(37, 37, 37, 0.7) !important;
}
.bg-overlay-gray-8:before {
    background: rgba(37, 37, 37, 0.8) !important;
}
.bg-overlay-gray-9:before {
    background: rgba(37, 37, 37, 0.9) !important;
}





/*------------------------------------*\
    Border
\*------------------------------------*/

.border {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.border-top {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.border-right {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.border-left {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.border-thick {
    border-width: 2px !important;
}
.border-medium-thick {
    border-width: 3px !important;
}
.border-extra-thick {
    border-width: 4px !important;
}
.border-circle {
    border-radius: 50% !important;
}
.border-round {
    border-radius: 3px !important;
}
.no-border {
    border: none !important;
}
.no-border-top {
    border-top: none !important;
}
.no-border-right {
    border-right: none !important;
}
.no-border-bottom {
    border-bottom: none !important;
}
.no-border-left {
    border-left: none !important;
}
.no-border-tb {
    border-top: none !important;
    border-bottom: none !important;
}
.no-border-rl {
    border-right: none !important;
    border-left: none !important;
}
.no-border-radius {
    border-radius: 0 !important;
}





/*------------------------------------*\
    Buttons
\*------------------------------------*/

.button {
    margin-top: 0;
    margin-bottom: 0;
}
.btn {
    border: 2px solid transparent;
    color: white;
    border-radius: 0;
    display: inline-block;
    font-family: "Montserrat", sans-serif !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-right: 15px;
    padding: 8px 20px 9px;
    text-transform: uppercase;
    width: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn:hover {
/*    background-color: transparent;  */
}
.btn:focus {
    border-width: 2px !important;
}
.btn i {
    margin-right: 5px;
}
.btn-round {
    border-radius: 4px !important;
}
.btn.btn-extra-small {
    font-size: 9px;
    padding: 4px 12px 3px;
}
.btn.btn-small {
    font-size: 11px;
    padding: 5px 14px;
}
.btn.btn-medium {
    font-size: 14px;
    padding: 10px 22px;
}
.btn.btn-large {
    font-size: 16px;
    padding: 16px 30px;
}
.btn.btn-extra-large {
    font-size: 18px;
    padding: 18px 35px;
}
.btn.btn-hover-transparent:hover {
    /*
    background-color: transparent !important;
    */
}
.btn.btn-border-thin {
    border-width: 1px !important;
}
.btn.btn-border-thin:focus {
    border-width: 1px !important;
}
.btn.btn-border-thick {
    border-width: 4px !important;
}
.btn.btn-border-thick:focus {
    border-width: 4px !important;
}





/*------------------------------------*\
    Custom
\*------------------------------------*/

/*
* Display
*/

.display-block {
    display: block !important;
}
.display-inherit {
    display: inherit !important;
}
.display-inline {
    display: inline !important;
}
.display-inline-block {
    display: inline-block !important;
}
.display-none {
    display: none !important;
}
.display-table {
    display: table !important;
}
.display-table-cell {
    display: table-cell !important;
}


/*
* Ease
*/

.ease {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


/*
* Heading style
*/

.title-underline-base-color,
.title-underline-black,
.title-underline-gray,
.title-underline-gray-dark,
.title-underline-gray-dark-2,
.title-underline-gray-light,
.title-underline-gray-light-2,
.title-underline-white,
.title-underline-white-2,
.title-underline-white-3,
.title-underline-blue,
.title-underline-green,
.title-underline-green-2,
.title-underline-orange,
.title-underline-orange-2,
.title-underline-pink,
.title-underline-purple,
.title-underline-red,
.title-underline-thick-base-color,
.title-underline-thick-black,
.title-underline-thick-gray,
.title-underline-thick-gray-dark,
.title-underline-thick-gray-dark-2,
.title-underline-thick-gray-light,
.title-underline-thick-gray-light-2,
.title-underline-thick-white,
.title-underline-thick-white-2,
.title-underline-thick-white-3,
.title-underline-thick-blue,
.title-underline-thick-green,
.title-underline-thick-green-2,
.title-underline-thick-orange,
.title-underline-thick-orange-2,
.title-underline-thick-pink,
.title-underline-thick-purple,
.title-underline-thick-red,
.title-sideline-base-color,
.title-sideline-black,
.title-sideline-gray,
.title-sideline-gray-dark,
.title-sideline-gray-dark-2,
.title-sideline-gray-light,
.title-sideline-gray-light-2,
.title-sideline-white,
.title-sideline-white-2,
.title-sideline-white-3,
.title-sideline-blue,
.title-sideline-green,
.title-sideline-green-2,
.title-sideline-orange,
.title-sideline-orange-2,
.title-sideline-pink,
.title-sideline-purple,
.title-sideline-red,
.title-strikethrough-base-color,
.title-strikethrough-black,
.title-strikethrough-gray,
.title-strikethrough-gray-dark,
.title-strikethrough-gray-dark-2,
.title-strikethrough-gray-light,
.title-strikethrough-gray-light-2,
.title-strikethrough-white,
.title-strikethrough-white-2,
.title-strikethrough-white-3,
.title-strikethrough-blue,
.title-strikethrough-green,
.title-strikethrough-green-2,
.title-strikethrough-orange,
.title-strikethrough-orange-2,
.title-strikethrough-pink,
.title-strikethrough-purple,
.title-strikethrough-red {
    display: inline-block;
}
.title-sideline-base-color,
.title-sideline-black,
.title-sideline-gray,
.title-sideline-gray-dark,
.title-sideline-gray-dark-2,
.title-sideline-gray-light,
.title-sideline-gray-light-2,
.title-sideline-white,
.title-sideline-white-2,
.title-sideline-white-3,
.title-sideline-blue,
.title-sideline-green,
.title-sideline-green-2,
.title-sideline-orange,
.title-sideline-orange-2,
.title-sideline-pink,
.title-sideline-purple,
.title-sideline-red,
.title-strikethrough-base-color,
.title-strikethrough-black,
.title-strikethrough-gray,
.title-strikethrough-gray-dark,
.title-strikethrough-gray-dark-2,
.title-strikethrough-gray-light,
.title-strikethrough-gray-light-2,
.title-strikethrough-white,
.title-strikethrough-white-2,
.title-strikethrough-white-3,
.title-strikethrough-blue,
.title-strikethrough-green,
.title-strikethrough-green-2,
.title-strikethrough-orange,
.title-strikethrough-orange-2,
.title-strikethrough-pink,
.title-strikethrough-purple,
.title-strikethrough-red {
    position: relative;
}
.title-underline-base-color,
.title-underline-black,
.title-underline-gray,
.title-underline-gray-dark,
.title-underline-gray-dark-2,
.title-underline-gray-light,
.title-underline-gray-light-2,
.title-underline-white,
.title-underline-white-2,
.title-underline-white-3,
.title-underline-blue,
.title-underline-green,
.title-underline-green-2,
.title-underline-orange,
.title-underline-orange-2,
.title-underline-pink,
.title-underline-purple,
.title-underline-red {
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
}
.title-underline-thick-base-color,
.title-underline-thick-black,
.title-underline-thick-gray,
.title-underline-thick-gray-dark,
.title-underline-thick-gray-dark-2,
.title-underline-thick-gray-light,
.title-underline-thick-gray-light-2,
.title-underline-thick-white,
.title-underline-thick-white-2,
.title-underline-thick-white-3,
.title-underline-thick-blue,
.title-underline-thick-green,
.title-underline-thick-green-2,
.title-underline-thick-orange,
.title-underline-thick-orange-2,
.title-underline-thick-pink,
.title-underline-thick-purple,
.title-underline-thick-red {
    border-bottom: 5px solid transparent;
    padding-bottom: 4px;
}
.title-sideline-base-color,
.title-sideline-black,
.title-sideline-gray,
.title-sideline-gray-dark,
.title-sideline-gray-dark-2,
.title-sideline-gray-light,
.title-sideline-gray-light-2,
.title-sideline-white,
.title-sideline-white-2,
.title-sideline-white-3,
.title-sideline-blue,
.title-sideline-green,
.title-sideline-green-2,
.title-sideline-orange,
.title-sideline-orange-2,
.title-sideline-pink,
.title-sideline-purple,
.title-sideline-red {
    padding: 0;
}
.title-sideline-base-color:before,
.title-sideline-black:before,
.title-sideline-gray:before,
.title-sideline-gray-dark:before,
.title-sideline-gray-dark-2:before,
.title-sideline-gray-light:before,
.title-sideline-gray-light-2:before,
.title-sideline-white:before,
.title-sideline-white-2:before,
.title-sideline-white-3:before,
.title-sideline-blue:before,
.title-sideline-green:before,
.title-sideline-green-2:before,
.title-sideline-orange:before,
.title-sideline-orange-2:before,
.title-sideline-pink:before,
.title-sideline-purple:before,
.title-sideline-red:before {
    content: '';
    margin-top: -2px;
    position: absolute;
    left: -20px;
    top: 50%;
    width: 12px;
    height: 4px;
}
.title-strikethrough-base-color:before,
.title-strikethrough-black:before,
.title-strikethrough-gray:before,
.title-strikethrough-gray-dark:before,
.title-strikethrough-gray-dark-2:before,
.title-strikethrough-gray-light:before,
.title-strikethrough-gray-light-2:before,
.title-strikethrough-white:before,
.title-strikethrough-white-2:before,
.title-strikethrough-white-3:before,
.title-strikethrough-blue:before,
.title-strikethrough-green:before,
.title-strikethrough-green-2:before,
.title-strikethrough-orange:before,
.title-strikethrough-orange-2:before,
.title-strikethrough-pink:before,
.title-strikethrough-purple:before,
.title-strikethrough-red:before {
    content: '';
    display: block;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
}


/*
* Height
*/

.height-50 {
    height: 50% !important;
}
.height-100 {
    height: 100% !important;
}
.height-auto {
    height: auto !important;
}
.height-38px {
    height: 38px;
}
.height-60px {
    height: 60px;
}
.height-70px {
    height: 70px;
}
.min-height-100 {
    min-height: 100%;
}


/*
* Image
*/

.img-box-shadow {
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}
.img-box-shadow-shallow {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}
.img-box-shadow-wide {
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}


/*
* Margin
*/

.margin-1 {
    margin: 1% !important;
}
.margin-1-5 {
    margin: 1.5% !important;
}
.margin-2 {
    margin: 2% !important;
}
.margin-2-5 {
    margin: 2.5% !important;
}
.margin-3 {
    margin: 3% !important;
}
.margin-3-5 {
    margin: 3.5% !important;
}
.margin-4 {
    margin: 4% !important;
}
.margin-4-5 {
    margin: 4.5% !important;
}
.margin-5 {
    margin: 5% !important;
}
.margin-5-5 {
    margin: 5.5% !important;
}
.margin-6 {
    margin: 6% !important;
}
.margin-6-5 {
    margin: 6.5% !important;
}
.margin-7 {
    margin: 7% !important;
}
.margin-7-5 {
    margin: 7.5% !important;
}
.margin-8 {
    margin: 8% !important;
}
.margin-8-5 {
    margin: 8.5% !important;
}
.margin-9 {
    margin: 9% !important;
}
.margin-9-5 {
    margin: 9.5% !important;
}
.margin-10 {
    margin: 10% !important;
}
.margin-10-5 {
    margin: 10.5% !important;
}
.margin-11 {
    margin: 11% !important;
}
.margin-11-5 {
    margin: 11.5% !important;
}
.margin-12 {
    margin: 12% !important;
}
.margin-12-5 {
    margin: 12.5% !important;
}
.margin-13 {
    margin: 13% !important;
}
.margin-13-5 {
    margin: 13.5% !important;
}
.margin-14 {
    margin: 14% !important;
}
.margin-14-5 {
    margin: 14.5% !important;
}
.margin-15 {
    margin: 15% !important;
}
.margin-15-5 {
    margin: 15.5% !important;
}
.margin-16 {
    margin: 16% !important;
}
.margin-16-5 {
    margin: 16.5% !important;
}
.margin-17 {
    margin: 17% !important;
}
.margin-17-5 {
    margin: 17.5% !important;
}
.margin-18 {
    margin: 18% !important;
}
.margin-18-5 {
    margin: 18.5% !important;
}
.margin-19 {
    margin: 19% !important;
}
.margin-19-5 {
    margin: 19.5% !important;
}
.margin-20 {
    margin: 20% !important;
}
.margin-20-5 {
    margin: 20.5% !important;
}
.margin-rl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.margin-top-min-30px {
    margin-top: -30px;
}
.margin-top-min-38px {
    margin-top: -38px;
}
.margin-top-min-70px {
    margin-top: -70px;
}
.margin-left-min-30px {
    margin-left: -30px;
}
.no-margin {
    margin: 0 !important;
}
.no-margin-top {
    margin-top: 0 !important;
}
.no-margin-right {
    margin-right: 0 !important;
}
.no-margin-bottom {
    margin-bottom: 0 !important;
}
.no-margin-left {
    margin-left: 0 !important;
}
.no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.no-margin-rl {
    margin-right: 0 !important;
    margin-left: 0 !important;
}


/*
* Opacity
*/

.opacity-0 {
    opacity: 0 !important;
}
.opacity-1 {
    opacity: 0.1 !important;
}
.opacity-2 {
    opacity: 0.2 !important;
}
.opacity-3 {
    opacity: 0.3 !important;
}
.opacity-4 {
    opacity: 0.4 !important;
}
.opacity-5 {
    opacity: 0.5 !important;
}
.opacity-6 {
    opacity: 0.6 !important;
}
.opacity-7 {
    opacity: 0.7 !important;
}
.opacity-8 {
    opacity: 0.8 !important;
}
.opacity-9 {
    opacity: 0.9 !important;
}
.no-opacity {
    opacity: 1 !important;
}


/*
* Overflow
*/

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


/*
* Padding
*/

.padding-1 {
    padding: 1% !important;
}
.padding-1-5 {
    padding: 1.5% !important;
}
.padding-2 {
    padding: 2% !important;
}
.padding-2-5 {
    padding: 2.5% !important;
}
.padding-3 {
    padding: 3% !important;
}
.padding-3-5 {
    padding: 3.5% !important;
}
.padding-4 {
    padding: 4% !important;
}
.padding-4-5 {
    padding: 4.5% !important;
}
.padding-5 {
    padding: 5% !important;
}
.padding-5-5 {
    padding: 5.5% !important;
}
.padding-6 {
    padding: 6% !important;
}
.padding-6-5 {
    padding: 6.5% !important;
}
.padding-7 {
    padding: 7% !important;
}
.padding-7-5 {
    padding: 7.5% !important;
}
.padding-8 {
    padding: 8% !important;
}
.padding-8-5 {
    padding: 8.5% !important;
}
.padding-9 {
    padding: 9% !important;
}
.padding-9-5 {
    padding: 9.5% !important;
}
.padding-10 {
    padding: 10% !important;
}
.padding-10-5 {
    padding: 10.5% !important;
}
.padding-11 {
    padding: 11% !important;
}
.padding-11-5 {
    padding: 11.5% !important;
}
.padding-12 {
    padding: 12% !important;
}
.padding-12-5 {
    padding: 12.5% !important;
}
.padding-13 {
    padding: 13% !important;
}
.padding-13-5 {
    padding: 13.5% !important;
}
.padding-14 {
    padding: 14% !important;
}
.padding-14-5 {
    padding: 14.5% !important;
}
.padding-15 {
    padding: 15% !important;
}
.padding-15-5 {
    padding: 15.5% !important;
}
.padding-16 {
    padding: 16% !important;
}
.padding-16-5 {
    padding: 16.5% !important;
}
.padding-17 {
    padding: 17% !important;
}
.padding-17-5 {
    padding: 17.5% !important;
}
.padding-18 {
    padding: 18% !important;
}
.padding-18-5 {
    padding: 18.5% !important;
}
.padding-19 {
    padding: 19% !important;
}
.padding-19-5 {
    padding: 19.5% !important;
}
.padding-20 {
    padding: 20% !important;
}
.padding-20-5 {
    padding: 20.5% !important;
}
.no-padding {
    padding: 0 !important;
}
.no-padding-top {
    padding-top: 0 !important;
}
.no-padding-right {
    padding-right: 0 !important;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
.no-padding-left {
    padding-left: 0 !important;
}
.no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.no-padding-rl {
    padding-right: 0 !important;
    padding-left: 0 !important;
}


/*
* Position
*/

.position-absolute {
    position: absolute !important;
}
.position-fixed {
    position: fixed !important;
}
.position-relative {
    position: relative !important;
}
.position-top {
    top: 0 !important;
}
.position-right {
    right: 0 !important;
}
.position-bottom {
    bottom: 0 !important;
}
.position-left {
    left: 0 !important;
}
.position-top-50 {
    top: 50% !important;
}
.position-left-50 {
    left: 50% !important;
}


/*
* Separator
*/

.separator-line,
.separator-line-long,
.separator-line-full,
.separator-line-thin,
.separator-line-thin-long,
.separator-line-thin-full,
.separator-line-thick,
.separator-line-thick-long,
.separator-line-thick-full,
.separator-line-medium-thick,
.separator-line-medium-thick-long,
.separator-line-medium-thick-full,
.separator-line-extra-thick,
.separator-line-extra-thick-long,
.separator-line-extra-thick-full {
    display: block;
}
.separator-line-thin,
.separator-line-thin-long,
.separator-line-thin-full {
    height: 1px;
}
.separator-line,
.separator-line-long,
.separator-line-full {
    height: 2px;
}
.separator-line-thick,
.separator-line-thick-long,
.separator-line-thick-full {
    height: 4px;
}
.separator-line-medium-thick,
.separator-line-medium-thick-long,
.separator-line-medium-thick-full {
    height: 6px;
}
.separator-line-extra-thick,
.separator-line-extra-thick-long,
.separator-line-extra-thick-full {
    height: 8px;
}
.separator-line,
.separator-line-thin,
.separator-line-thick,
.separator-line-medium-thick,
.separator-line-extra-thick {
    width: 30px;
}
.separator-line-long,
.separator-line-thin-long,
.separator-line-thick-long,
.separator-line-medium-thick-long,
.separator-line-extra-thick-long {
    width: 80px;
}
.separator-line-full,
.separator-line-thin-full,
.separator-line-thick-full,
.separator-line-medium-thick-full,
.separator-line-extra-thick-full {
    width: 100%;
}


/*
* Vertical align
*/

.vertical-align-top {
    vertical-align: top !important;
}
.vertical-align-middle {
    vertical-align: middle !important;
}
.vertical-align-bottom {
    vertical-align: bottom !important;
}


/*
* Width
*/

.width-20 {
    width: 20% !important;
}
.width-25 {
    width: 25% !important;
}
.width-50 {
    width: 50% !important;
}
.width-100 {
    width: 100% !important;
}
.width-auto {
    width: auto !important;
}
.width-60px {
    width: 60px;
}
.width-70px {
    width: 70px;
}
.min-width-100 {
    min-width: 100%;
}





/*------------------------------------*\
    Features box
\*------------------------------------*/

.features-box:hover .show-on-hover:not(.is-mobile) {
    opacity: 0.97;
}
.features-box .box-shadow-yes {
    -webkit-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.03);
}
.features-box .show-on-hover {
    opacity: 0;
}
.features-box .show-on-hover.active {
    opacity: 0.97;
}





/*------------------------------------*\
    Flickity
\*------------------------------------*/

.carousel.carousel-fullscreen,
.carousel.carousel-fullscreen .flickity-viewport {
    height: 100% !important;
    width: 100% !important;
}





/*------------------------------------*\
    Gallery
\*------------------------------------*/

.gallery-grid figcaption,
.gallery-grid figcaption .display-table,
.gallery-grid img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.gallery-wrapper {
    clear: both;
    width: 100%;
}
.gallery-grid .item {
    float: left;
}
.gallery-grid figure {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.gallery-grid figcaption {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.gallery-grid figcaption a {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.gallery-grid figcaption .display-table {
    bottom: 0;
    margin-bottom: -100%;
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
    height: 50%;
}
.gallery-grid figcaption .display-table-cell {
    padding: 0 50px;
    vertical-align: middle;
}
.gallery-grid img {
    display: block;
    position: relative;
    top: 0;
    width: 100%;
}


/*
* Gallery - Grid & gutter
*/

.gallery-grid.grid-col-2 .item {
    width: 50%;
}
.gallery-grid.grid-col-3 .item {
    width: 33.33%;
}
.gallery-grid.grid-col-4 .item {
    width: 25%;
}
.gallery-grid.gutter-small {
    margin-left: -11px;
}
.gallery-grid.gutter-small .item {
    padding: 0 0 11px 11px;
}
.gallery-grid.gutter-medium {
    margin-left: -22px;
}
.gallery-grid.gutter-medium .item {
    padding: 0 0 22px 22px;
}
.gallery-grid.gutter-wide {
    margin-left: -40px;
}
.gallery-grid.gutter-wide .item {
    padding: 0 0 40px 40px;
}


/*
* Gallery - Hover effect
*/

.gallery-grid figure a {
    cursor: url("../img/icon-zoom-in-white.png"), pointer;
}
.gallery-grid figure:hover img {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
}
.gallery-grid figure:hover figcaption {
    opacity: 1;
}
.gallery-grid figure:hover figcaption .display-table {
    margin-bottom: 0;
}


/*
* Gallery - Magnific popup
*/

.mfp-bg {
    background: #fefefe;
    opacity: 1;
}
.mfp-figure:after {
    -webkit-box-shadow: 0 50px 80px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 50px 80px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 50px 80px 0 rgba(0, 0, 0, 0.2);
}
.mfp-title,
.mfp-counter {
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.mfp-title,
.mfp-counter-curr {
    color: #000000;
}
.mfp-counter {
    color: #626262;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: url("../img/icon-zoom-out-dark.png"), -moz-zoom-out;
    cursor: url("../img/icon-zoom-out-dark.png"), -webkit-zoom-out;
    cursor: url("../img/icon-zoom-out-dark.png"), zoom-out;
}
.mfp-image-holder .mfp-close {
    color: #000000;
}
.mfp-iframe-holder .mfp-close {
    color: #000000;
}
.mfp-arrow {
    height: 60px !important;
    margin-top: -30px !important;
    width: 60px !important;
}
.mfp-arrow:before,
.mfp-arrow:after {
    display: none !important;
}
.mfp-arrow-right,
.mfp-arrow-left {
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.mfp-arrow-right {
    background-image: url("../img/icon-arrow-right-dark.png") !important;
    right: 25px !important;
}
.mfp-arrow-left {
    background-image: url("../img/icon-arrow-left-dark.png") !important;
    left: 25px !important;
}


/*
* Gallery - Magnific popup (fade effect)
*/

.mfp-fade.mfp-bg,
.mfp-fade.mfp-wrap .mfp-content {
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg,
.mfp-fade.mfp-bg.mfp-removing,
.mfp-fade.mfp-wrap .mfp-content,
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.98;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}





/*------------------------------------*\
    Triangle
\*------------------------------------*/

.triangle-top-right,
.triangle-top-left,
.triangle-bottom-right,
.triangle-bottom-left {
    border-style: solid;
    height: 0;
    width: 0;
}
.triangle-top-right {
    border-width: 0 35px 35px 0;
}
.triangle-top-left {
    border-width: 35px 35px 0 0;
}
.triangle-bottom-right {
    border-width: 0 0 35px 35px;
}
.triangle-bottom-left {
    border-width: 35px 0 0 35px;
}





/*------------------------------------*\
    Preloader
\*------------------------------------*/

.pace {
    -webkit-pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}
.pace-inactive {
    display: none;
}
.pace .pace-progress {
    height: 3px;
    position: fixed;
    right: 100%;
    top: 0;
    width: 100%;
    z-index: 2000;
}





/*------------------------------------*\
    Navigation
\*------------------------------------*/

.navbar,
.navbar.shrink,
.navbar.navbar-white.shrink .navbar-nav > li.active > a:before {
    background-color: #552448;
}
.navbar .navbar-toggle .icon-bar,
.navbar .navbar-nav > li.active > a:before,
.navbar.navbar-white.shrink {
    background-color: #ffffff;
}
.navbar.navbar-white.shrink .navbar-brand,
.navbar.navbar-white.shrink .navbar-nav > li > a {
    color: #000000;
}
.navbar .navbar-brand,
.navbar .navbar-nav > li > a {
    color: #ffffff;
}
.navbar,
.navbar .container,
.navbar .navbar-brand,
.navbar .navbar-brand img,
.navbar .navbar-nav > li,
.navbar .header-action-button {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.navbar {
    border: none;
    border-radius: 0;
    display: inline-table;
    margin: 0;
    width: 100%;
}
.navbar .container {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    height: 80px;
}
.navbar .navbar-brand {
    height: 80px;
    line-height: 80px !important;
    padding: 0 15px;
}
.navbar .navbar-brand img {
    display: inline-block;
    max-height: 65px;
    position: absolute;
    top: 7px;
    left: auto;
}
.navbar .navbar-brand img.logo-navbar-white {
    opacity: 0;
}
.navbar .navbar-toggle {
    border: 1px solid #ffffff;
    border-radius: 0;
    margin-top: 24px;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
    background-color: transparent;
    cursor: pointer;
}
.navbar .navbar-collapse {
    box-shadow: none;
}
.navbar .navbar-nav > li {
    padding: 10px 0 10px 30px;
}
.navbar .navbar-nav > li.active > a {
    background-color: inherit;
}
.navbar .navbar-nav > li.active > a:hover,
.navbar .navbar-nav > li.active > a:focus {
    background-color: inherit;
    opacity: 1;
}
.navbar .navbar-nav > li.active > a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}
.navbar .navbar-nav > li > a {
    display: inline-block;
    padding: 0 0 1px;
    position: relative;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.navbar .navbar-nav > li > a:hover {
    background-color: inherit;
    opacity: .8;
}
.navbar .navbar-nav > li > a:focus {
    background-color: inherit;
}
.navbar .navbar-nav > li.action-button > a:hover,
.navbar .navbar-nav > li.action-button > a:focus {
    opacity: 1;
}
.navbar .header-action-button {
    height: 80px;
    line-height: 80px;
}
.navbar.shrink {
    -webkit-box-shadow: 0px 8px 17px -8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 8px 17px -8px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 17px -8px rgba(0, 0, 0, 0.1);
}
.navbar.shrink .header-action-button {
    height: 60px;
    line-height: 60px;
}
.navbar.navbar-white.shrink {
    opacity: .96;
}
.navbar.navbar-white.shrink .navbar-brand img.logo-navbar-dark {
    opacity: 0;
}
.navbar.navbar-white.shrink .navbar-brand img.logo-navbar-white {
    opacity: 1;
}





/*------------------------------------*\
    Section
\*------------------------------------*/

section {
    padding: 80px 0;
    position: relative;
}





/*------------------------------------*\
    Scroll to top
\*------------------------------------*/

.scroll-to-top {
    background-color: #000000;
    border-radius: 2px;
    display: none;
    position: fixed;
    right: 35px;
    top: 94%;
    text-align: center;
    z-index: 999;
}
.scroll-to-top i {
    color: #ffffff;
    font-size: 18px;
    margin: 0 6px;
}





/*-------------------------------------*\
    Colors
\*-------------------------------------*/

/*
* Heading style colors
*/

.title-underline-black {
    border-color: #000000;
}
.title-underline-thick-black {
    border-color: #000000;
}
.title-underline-gray {
    border-color: #989898;
}
.title-underline-thick-gray {
    border-color: #989898;
}
.title-underline-gray-dark {
    border-color: #626262;
}
.title-underline-thick-gray-dark {
    border-color: #626262;
}
.title-underline-gray-dark-2 {
    border-color: #272727;
}
.title-underline-thick-gray-dark-2 {
    border-color: #272727;
}
.title-underline-gray-light {
    border-color: #dfdfdf;
}
.title-underline-thick-gray-light {
    border-color: #dfdfdf;
}
.title-underline-gray-light-2 {
    border-color: #f6f6f6;
}
.title-underline-thick-gray-light-2 {
    border-color: #f6f6f6;
}
.title-underline-white {
    border-color: #ffffff;
}
.title-underline-thick-white {
    border-color: #ffffff;
}
.title-underline-white-2 {
    border-color: #fefefe;
}
.title-underline-thick-white-2 {
    border-color: #fefefe;
}
.title-underline-white-3 {
    border-color: #fcfcfc;
}
.title-underline-thick-white-3 {
    border-color: #fcfcfc;
}
.title-underline-blue {
    border-color: #4a90e2;
}
.title-underline-thick-blue {
    border-color: #4a90e2;
}
.title-underline-green {
    border-color: #33cb98;
}
.title-underline-thick-green {
    border-color: #33cb98;
}
.title-underline-green-2 {
    border-color: #66b772;
}
.title-underline-thick-green-2 {
    border-color: #66b772;
}
.title-underline-orange {
    border-color: #ff7e5b;
}
.title-underline-thick-orange {
    border-color: #ff7e5b;
}
.title-underline-orange-2 {
    border-color: #ffa84c;
}
.title-underline-thick-orange-2 {
    border-color: #ffa84c;
}
.title-underline-pink {
    border-color: #ff1a56;
}
.title-underline-thick-pink {
    border-color: #ff1a56;
}
.title-underline-purple {
    border-color: #aa2e85;
}
.title-underline-thick-purple {
    border-color: #aa2e85;
}
.title-underline-red {
    border-color: #ef494d;
}
.title-underline-thick-red {
    border-color: #ef494d;
}
.title-sideline-black:before {
    background-color: #000000;
}
.title-sideline-gray:before {
    background-color: #989898;
}
.title-sideline-gray-dark:before {
    background-color: #626262;
}
.title-sideline-gray-dark-2:before {
    background-color: #272727;
}
.title-sideline-gray-light:before {
    background-color: #dfdfdf;
}
.title-sideline-gray-light-2:before {
    background-color: #f6f6f6;
}
.title-sideline-white:before {
    background-color: #ffffff;
}
.title-sideline-white-2:before {
    background-color: #fefefe;
}
.title-sideline-white-3:before {
    background-color: #fcfcfc;
}
.title-sideline-blue:before {
    background-color: #4a90e2;
}
.title-sideline-green:before {
    background-color: #33cb98;
}
.title-sideline-green-2:before {
    background-color: #66b772;
}
.title-sideline-orange:before {
    background-color: #ff7e5b;
}
.title-sideline-orange-2:before {
    background-color: #ffa84c;
}
.title-sideline-pink:before {
    background-color: #ff1a56;
}
.title-sideline-purple:before {
    background-color: #aa2e85;
}
.title-sideline-red:before {
    background-color: #ef494d;
}
.title-strikethrough-black:before {
    background-color: #000000;
}
.title-strikethrough-gray:before {
    background-color: #989898;
}
.title-strikethrough-gray-dark:before {
    background-color: #626262;
}
.title-strikethrough-gray-dark-2:before {
    background-color: #272727;
}
.title-strikethrough-gray-light:before {
    background-color: #dfdfdf;
}
.title-strikethrough-gray-light-2:before {
    background-color: #f6f6f6;
}
.title-strikethrough-white:before {
    background-color: #ffffff;
}
.title-strikethrough-white-2:before {
    background-color: #fefefe;
}
.title-strikethrough-white-3:before {
    background-color: #fcfcfc;
}
.title-strikethrough-blue:before {
    background-color: #4a90e2;
}
.title-strikethrough-green:before {
    background-color: #33cb98;
}
.title-strikethrough-green-2:before {
    background-color: #66b772;
}
.title-strikethrough-orange:before {
    background-color: #ff7e5b;
}
.title-strikethrough-orange-2:before {
    background-color: #ffa84c;
}
.title-strikethrough-pink:before {
    background-color: #ff1a56;
}
.title-strikethrough-purple:before {
    background-color: #aa2e85;
}
.title-strikethrough-red:before {
    background-color: #ef494d;
}


/*
* Text color
*/

.text-black {
    color: #000000 !important;
}
.text-gray {
    color: #989898 !important;
}
.text-gray-dark {
    color: #626262 !important;
}
.text-gray-dark-2 {
    color: #272727 !important;
}
.text-gray-light {
    color: #dfdfdf !important;
}
.text-gray-light-2 {
    color: #f6f6f6 !important;
}
.text-white {
    color: #ffffff !important;
}
.text-white-2 {
    color: #fefefe !important;
}
.text-white-3 {
    color: #fcfcfc !important;
}
.text-blue {
    color: #4a90e2 !important;
}
.text-green {
    color: #33cb98 !important;
}
.text-green-2 {
    color: #66b772 !important;
}
.text-orange {
    color: #ff7e5b !important;
}
.text-orange-2 {
    color: #ffa84c !important;
}
.text-pink {
    color: #ff1a56 !important;
}
.text-purple {
    color: #aa2e85 !important;
}
.text-red {
    color: #ef494d !important;
}


/*
* Text color (on hover)
*/

.text-hover-black:hover,
.text-hover-black:focus {
    color: #000000 !important;
}
.text-hover-gray:hover,
.text-hover-gray:focus {
    color: #989898 !important;
}
.text-hover-gray-dark:hover,
.text-hover-gray-dark:focus {
    color: #626262 !important;
}
.text-hover-gray-dark-2:hover,
.text-hover-gray-dark-2:focus {
    color: #272727 !important;
}
.text-hover-gray-light:hover,
.text-hover-gray-light:focus {
    color: #dfdfdf !important;
}
.text-hover-gray-light-2:hover,
.text-hover-gray-light-2:focus {
    color: #f6f6f6 !important;
}
.text-hover-white:hover,
.text-hover-white:focus {
    color: #ffffff !important;
}
.text-hover-white-2:hover,
.text-hover-white-2:focus {
    color: #fefefe !important;
}
.text-hover-white-3:hover,
.text-hover-white-3:focus {
    color: #fcfcfc !important;
}
.text-hover-blue:hover,
.text-hover-blue:focus {
    color: #4a90e2 !important;
}
.text-hover-green:hover,
.text-hover-green:focus {
    color: #33cb98 !important;
}
.text-hover-green-2:hover,
.text-hover-green-2:focus {
    color: #66b772 !important;
}
.text-hover-orange:hover,
.text-hover-orange:focus {
    color: #ff7e5b !important;
}
.text-hover-orange-2:hover,
.text-hover-orange-2:focus {
    color: #ffa84c !important;
}
.text-hover-pink:hover,
.text-hover-pink:focus {
    color: #ff1a56 !important;
}
.text-hover-purple:hover,
.text-hover-purple:focus {
    color: #aa2e85 !important;
}
.text-hover-red:hover,
.text-hover-red:focus {
    color: #ef494d !important;
}


/*
* Background color
*/

.bg-black {
    background-color: #000000 !important;
}
.bg-gray {
    background-color: #989898 !important;
}
.bg-gray-dark {
    background-color: #626262 !important;
}
.bg-gray-dark-2 {
    background-color: #272727 !important;
}
.bg-gray-light {
    background-color: #dfdfdf !important;
}
.bg-gray-light-2 {
    background-color: #f6f6f6 !important;
}
.bg-white {
    background-color: #ffffff !important;
}
.bg-white-2 {
    background-color: #fefefe !important;
}
.bg-white-3 {
    background-color: #fcfcfc !important;
}
.bg-blue {
    background-color: #4a90e2 !important;
}
.bg-green {
    background-color: #33cb98 !important;
}
.bg-green-2 {
    background-color: #66b772 !important;
}
.bg-orange {
    background-color: #ff7e5b !important;
}
.bg-orange-2 {
    background-color: #ffa84c !important;
}
.bg-pink {
    background-color: #ff1a56 !important;
}
.bg-purple {
    background-color: #aa2e85 !important;
}
.bg-red {
    background-color: #ef494d !important;
}


/*
* Background color (on hover)
*/

.bg-hover-black:hover {
    background-color: #000000 !important;
}
.bg-hover-gray:hover {
    background-color: #989898 !important;
}
.bg-hover-gray-dark:hover {
    background-color: #626262 !important;
}
.bg-hover-gray-dark-2:hover {
    background-color: #272727 !important;
}
.bg-hover-gray-light:hover {
    background-color: #dfdfdf !important;
}
.bg-hover-gray-light-2:hover {
    background-color: #f6f6f6 !important;
}
.bg-hover-white:hover {
    background-color: #ffffff !important;
}
.bg-hover-white-2:hover {
    background-color: #fefefe !important;
}
.bg-hover-white-3:hover {
    background-color: #fcfcfc !important;
}
.bg-hover-blue:hover {
    background-color: #4a90e2 !important;
}
.bg-hover-green:hover {
    background-color: #33cb98 !important;
}
.bg-hover-green-2:hover {
    background-color: #66b772 !important;
}
.bg-hover-orange:hover {
    background-color: #ff7e5b !important;
}
.bg-hover-orange-2:hover {
    background-color: #ffa84c !important;
}
.bg-hover-pink:hover {
    background-color: #ff1a56 !important;
}
.bg-hover-purple:hover {
    background-color: #aa2e85 !important;
}
.bg-hover-red:hover {
    background-color: #ef494d !important;
}


/*
* Border color
*/

.border-black {
    border-color: #000000 !important;
}
.border-gray {
    border-color: #989898 !important;
}
.border-gray-dark {
    border-color: #626262 !important;
}
.border-gray-dark-2 {
    border-color: #272727 !important;
}
.border-gray-light {
    border-color: #dfdfdf !important;
}
.border-gray-light-2 {
    border-color: #f6f6f6 !important;
}
.border-white {
    border-color: #ffffff !important;
}
.border-white-2 {
    border-color: #fefefe !important;
}
.border-white-3 {
    border-color: #fcfcfc !important;
}
.border-blue {
    border-color: #4a90e2 !important;
}
.border-green {
    border-color: #33cb98 !important;
}
.border-green-2 {
    border-color: #66b772 !important;
}
.border-orange {
    border-color: #ff7e5b !important;
}
.border-orange-2 {
    border-color: #ffa84c !important;
}
.border-pink {
    border-color: #ff1a56 !important;
}
.border-purple {
    border-color: #aa2e85 !important;
}
.border-red {
    border-color: #ef494d !important;
}


/*
* Box shadow color
*/

.box-shadow-black {
    -webkit-box-shadow: 0px 0px 0px 1px black !important;
    -moz-box-shadow: 0px 0px 0px 1px black !important;
    box-shadow: 0px 0px 0px 1px black !important;
}
.box-shadow-thick-black {
    -webkit-box-shadow: 0px 0px 0px 2px black !important;
    -moz-box-shadow: 0px 0px 0px 2px black !important;
    box-shadow: 0px 0px 0px 2px black !important;
}
.box-shadow-medium-thick-black {
    -webkit-box-shadow: 0px 0px 0px 3px black !important;
    -moz-box-shadow: 0px 0px 0px 3px black !important;
    box-shadow: 0px 0px 0px 3px black !important;
}
.box-shadow-extra-thick-black {
    -webkit-box-shadow: 0px 0px 0px 4px black !important;
    -moz-box-shadow: 0px 0px 0px 4px black !important;
    box-shadow: 0px 0px 0px 4px black !important;
}
.box-shadow-gray {
    -webkit-box-shadow: 0px 0px 0px 1px #989898 !important;
    -moz-box-shadow: 0px 0px 0px 1px #989898 !important;
    box-shadow: 0px 0px 0px 1px #989898 !important;
}
.box-shadow-thick-gray {
    -webkit-box-shadow: 0px 0px 0px 2px #989898 !important;
    -moz-box-shadow: 0px 0px 0px 2px #989898 !important;
    box-shadow: 0px 0px 0px 2px #989898 !important;
}
.box-shadow-medium-thick-gray {
    -webkit-box-shadow: 0px 0px 0px 3px #989898 !important;
    -moz-box-shadow: 0px 0px 0px 3px #989898 !important;
    box-shadow: 0px 0px 0px 3px #989898 !important;
}
.box-shadow-extra-thick-gray {
    -webkit-box-shadow: 0px 0px 0px 4px #989898 !important;
    -moz-box-shadow: 0px 0px 0px 4px #989898 !important;
    box-shadow: 0px 0px 0px 4px #989898 !important;
}
.box-shadow-gray-dark {
    -webkit-box-shadow: 0px 0px 0px 1px #626262 !important;
    -moz-box-shadow: 0px 0px 0px 1px #626262 !important;
    box-shadow: 0px 0px 0px 1px #626262 !important;
}
.box-shadow-thick-gray-dark {
    -webkit-box-shadow: 0px 0px 0px 2px #626262 !important;
    -moz-box-shadow: 0px 0px 0px 2px #626262 !important;
    box-shadow: 0px 0px 0px 2px #626262 !important;
}
.box-shadow-medium-thick-gray-dark {
    -webkit-box-shadow: 0px 0px 0px 3px #626262 !important;
    -moz-box-shadow: 0px 0px 0px 3px #626262 !important;
    box-shadow: 0px 0px 0px 3px #626262 !important;
}
.box-shadow-extra-thick-gray-dark {
    -webkit-box-shadow: 0px 0px 0px 4px #626262 !important;
    -moz-box-shadow: 0px 0px 0px 4px #626262 !important;
    box-shadow: 0px 0px 0px 4px #626262 !important;
}
.box-shadow-gray-dark-2 {
    -webkit-box-shadow: 0px 0px 0px 1px #272727 !important;
    -moz-box-shadow: 0px 0px 0px 1px #272727 !important;
    box-shadow: 0px 0px 0px 1px #272727 !important;
}
.box-shadow-thick-gray-dark-2 {
    -webkit-box-shadow: 0px 0px 0px 2px #272727 !important;
    -moz-box-shadow: 0px 0px 0px 2px #272727 !important;
    box-shadow: 0px 0px 0px 2px #272727 !important;
}
.box-shadow-medium-thick-gray-dark-2 {
    -webkit-box-shadow: 0px 0px 0px 3px #272727 !important;
    -moz-box-shadow: 0px 0px 0px 3px #272727 !important;
    box-shadow: 0px 0px 0px 3px #272727 !important;
}
.box-shadow-extra-thick-gray-dark-2 {
    -webkit-box-shadow: 0px 0px 0px 4px #272727 !important;
    -moz-box-shadow: 0px 0px 0px 4px #272727 !important;
    box-shadow: 0px 0px 0px 4px #272727 !important;
}
.box-shadow-gray-light {
    -webkit-box-shadow: 0px 0px 0px 1px #dfdfdf !important;
    -moz-box-shadow: 0px 0px 0px 1px #dfdfdf !important;
    box-shadow: 0px 0px 0px 1px #dfdfdf !important;
}
.box-shadow-thick-gray-light {
    -webkit-box-shadow: 0px 0px 0px 2px #dfdfdf !important;
    -moz-box-shadow: 0px 0px 0px 2px #dfdfdf !important;
    box-shadow: 0px 0px 0px 2px #dfdfdf !important;
}
.box-shadow-medium-thick-gray-light {
    -webkit-box-shadow: 0px 0px 0px 3px #dfdfdf !important;
    -moz-box-shadow: 0px 0px 0px 3px #dfdfdf !important;
    box-shadow: 0px 0px 0px 3px #dfdfdf !important;
}
.box-shadow-extra-thick-gray-light {
    -webkit-box-shadow: 0px 0px 0px 4px #dfdfdf !important;
    -moz-box-shadow: 0px 0px 0px 4px #dfdfdf !important;
    box-shadow: 0px 0px 0px 4px #dfdfdf !important;
}
.box-shadow-gray-light-2 {
    -webkit-box-shadow: 0px 0px 0px 1px #f6f6f6 !important;
    -moz-box-shadow: 0px 0px 0px 1px #f6f6f6 !important;
    box-shadow: 0px 0px 0px 1px #f6f6f6 !important;
}
.box-shadow-thick-gray-light-2 {
    -webkit-box-shadow: 0px 0px 0px 2px #f6f6f6 !important;
    -moz-box-shadow: 0px 0px 0px 2px #f6f6f6 !important;
    box-shadow: 0px 0px 0px 2px #f6f6f6 !important;
}
.box-shadow-medium-thick-gray-light-2 {
    -webkit-box-shadow: 0px 0px 0px 3px #f6f6f6 !important;
    -moz-box-shadow: 0px 0px 0px 3px #f6f6f6 !important;
    box-shadow: 0px 0px 0px 3px #f6f6f6 !important;
}
.box-shadow-extra-thick-gray-light-2 {
    -webkit-box-shadow: 0px 0px 0px 4px #f6f6f6 !important;
    -moz-box-shadow: 0px 0px 0px 4px #f6f6f6 !important;
    box-shadow: 0px 0px 0px 4px #f6f6f6 !important;
}
.box-shadow-white {
    -webkit-box-shadow: 0px 0px 0px 1px white !important;
    -moz-box-shadow: 0px 0px 0px 1px white !important;
    box-shadow: 0px 0px 0px 1px white !important;
}
.box-shadow-thick-white {
    -webkit-box-shadow: 0px 0px 0px 2px white !important;
    -moz-box-shadow: 0px 0px 0px 2px white !important;
    box-shadow: 0px 0px 0px 2px white !important;
}
.box-shadow-medium-thick-white {
    -webkit-box-shadow: 0px 0px 0px 3px white !important;
    -moz-box-shadow: 0px 0px 0px 3px white !important;
    box-shadow: 0px 0px 0px 3px white !important;
}
.box-shadow-extra-thick-white {
    -webkit-box-shadow: 0px 0px 0px 4px white !important;
    -moz-box-shadow: 0px 0px 0px 4px white !important;
    box-shadow: 0px 0px 0px 4px white !important;
}
.box-shadow-white-2 {
    -webkit-box-shadow: 0px 0px 0px 1px #fefefe !important;
    -moz-box-shadow: 0px 0px 0px 1px #fefefe !important;
    box-shadow: 0px 0px 0px 1px #fefefe !important;
}
.box-shadow-thick-white-2 {
    -webkit-box-shadow: 0px 0px 0px 2px #fefefe !important;
    -moz-box-shadow: 0px 0px 0px 2px #fefefe !important;
    box-shadow: 0px 0px 0px 2px #fefefe !important;
}
.box-shadow-medium-thick-white-2 {
    -webkit-box-shadow: 0px 0px 0px 3px #fefefe !important;
    -moz-box-shadow: 0px 0px 0px 3px #fefefe !important;
    box-shadow: 0px 0px 0px 3px #fefefe !important;
}
.box-shadow-extra-thick-white-2 {
    -webkit-box-shadow: 0px 0px 0px 4px #fefefe !important;
    -moz-box-shadow: 0px 0px 0px 4px #fefefe !important;
    box-shadow: 0px 0px 0px 4px #fefefe !important;
}
.box-shadow-white-3 {
    -webkit-box-shadow: 0px 0px 0px 1px #fcfcfc !important;
    -moz-box-shadow: 0px 0px 0px 1px #fcfcfc !important;
    box-shadow: 0px 0px 0px 1px #fcfcfc !important;
}
.box-shadow-thick-white-3 {
    -webkit-box-shadow: 0px 0px 0px 2px #fcfcfc !important;
    -moz-box-shadow: 0px 0px 0px 2px #fcfcfc !important;
    box-shadow: 0px 0px 0px 2px #fcfcfc !important;
}
.box-shadow-medium-thick-white-3 {
    -webkit-box-shadow: 0px 0px 0px 3px #fcfcfc !important;
    -moz-box-shadow: 0px 0px 0px 3px #fcfcfc !important;
    box-shadow: 0px 0px 0px 3px #fcfcfc !important;
}
.box-shadow-extra-thick-white-3 {
    -webkit-box-shadow: 0px 0px 0px 4px #fcfcfc !important;
    -moz-box-shadow: 0px 0px 0px 4px #fcfcfc !important;
    box-shadow: 0px 0px 0px 4px #fcfcfc !important;
}
.box-shadow-blue {
    -webkit-box-shadow: 0px 0px 0px 1px #4a90e2 !important;
    -moz-box-shadow: 0px 0px 0px 1px #4a90e2 !important;
    box-shadow: 0px 0px 0px 1px #4a90e2 !important;
}
.box-shadow-thick-blue {
    -webkit-box-shadow: 0px 0px 0px 2px #4a90e2 !important;
    -moz-box-shadow: 0px 0px 0px 2px #4a90e2 !important;
    box-shadow: 0px 0px 0px 2px #4a90e2 !important;
}
.box-shadow-medium-thick-blue {
    -webkit-box-shadow: 0px 0px 0px 3px #4a90e2 !important;
    -moz-box-shadow: 0px 0px 0px 3px #4a90e2 !important;
    box-shadow: 0px 0px 0px 3px #4a90e2 !important;
}
.box-shadow-extra-thick-blue {
    -webkit-box-shadow: 0px 0px 0px 4px #4a90e2 !important;
    -moz-box-shadow: 0px 0px 0px 4px #4a90e2 !important;
    box-shadow: 0px 0px 0px 4px #4a90e2 !important;
}
.box-shadow-green {
    -webkit-box-shadow: 0px 0px 0px 1px #33cb98 !important;
    -moz-box-shadow: 0px 0px 0px 1px #33cb98 !important;
    box-shadow: 0px 0px 0px 1px #33cb98 !important;
}
.box-shadow-thick-green {
    -webkit-box-shadow: 0px 0px 0px 2px #33cb98 !important;
    -moz-box-shadow: 0px 0px 0px 2px #33cb98 !important;
    box-shadow: 0px 0px 0px 2px #33cb98 !important;
}
.box-shadow-medium-thick-green {
    -webkit-box-shadow: 0px 0px 0px 3px #33cb98 !important;
    -moz-box-shadow: 0px 0px 0px 3px #33cb98 !important;
    box-shadow: 0px 0px 0px 3px #33cb98 !important;
}
.box-shadow-extra-thick-green {
    -webkit-box-shadow: 0px 0px 0px 4px #33cb98 !important;
    -moz-box-shadow: 0px 0px 0px 4px #33cb98 !important;
    box-shadow: 0px 0px 0px 4px #33cb98 !important;
}
.box-shadow-green-2 {
    -webkit-box-shadow: 0px 0px 0px 1px #66b772 !important;
    -moz-box-shadow: 0px 0px 0px 1px #66b772 !important;
    box-shadow: 0px 0px 0px 1px #66b772 !important;
}
.box-shadow-thick-green-2 {
    -webkit-box-shadow: 0px 0px 0px 2px #66b772 !important;
    -moz-box-shadow: 0px 0px 0px 2px #66b772 !important;
    box-shadow: 0px 0px 0px 2px #66b772 !important;
}
.box-shadow-medium-thick-green-2 {
    -webkit-box-shadow: 0px 0px 0px 3px #66b772 !important;
    -moz-box-shadow: 0px 0px 0px 3px #66b772 !important;
    box-shadow: 0px 0px 0px 3px #66b772 !important;
}
.box-shadow-extra-thick-green-2 {
    -webkit-box-shadow: 0px 0px 0px 4px #66b772 !important;
    -moz-box-shadow: 0px 0px 0px 4px #66b772 !important;
    box-shadow: 0px 0px 0px 4px #66b772 !important;
}
.box-shadow-orange {
    -webkit-box-shadow: 0px 0px 0px 1px #ff7e5b !important;
    -moz-box-shadow: 0px 0px 0px 1px #ff7e5b !important;
    box-shadow: 0px 0px 0px 1px #ff7e5b !important;
}
.box-shadow-thick-orange {
    -webkit-box-shadow: 0px 0px 0px 2px #ff7e5b !important;
    -moz-box-shadow: 0px 0px 0px 2px #ff7e5b !important;
    box-shadow: 0px 0px 0px 2px #ff7e5b !important;
}
.box-shadow-medium-thick-orange {
    -webkit-box-shadow: 0px 0px 0px 3px #ff7e5b !important;
    -moz-box-shadow: 0px 0px 0px 3px #ff7e5b !important;
    box-shadow: 0px 0px 0px 3px #ff7e5b !important;
}
.box-shadow-extra-thick-orange {
    -webkit-box-shadow: 0px 0px 0px 4px #ff7e5b !important;
    -moz-box-shadow: 0px 0px 0px 4px #ff7e5b !important;
    box-shadow: 0px 0px 0px 4px #ff7e5b !important;
}
.box-shadow-orange-2 {
    -webkit-box-shadow: 0px 0px 0px 1px #ffa84c !important;
    -moz-box-shadow: 0px 0px 0px 1px #ffa84c !important;
    box-shadow: 0px 0px 0px 1px #ffa84c !important;
}
.box-shadow-thick-orange-2 {
    -webkit-box-shadow: 0px 0px 0px 2px #ffa84c !important;
    -moz-box-shadow: 0px 0px 0px 2px #ffa84c !important;
    box-shadow: 0px 0px 0px 2px #ffa84c !important;
}
.box-shadow-medium-thick-orange-2 {
    -webkit-box-shadow: 0px 0px 0px 3px #ffa84c !important;
    -moz-box-shadow: 0px 0px 0px 3px #ffa84c !important;
    box-shadow: 0px 0px 0px 3px #ffa84c !important;
}
.box-shadow-extra-thick-orange-2 {
    -webkit-box-shadow: 0px 0px 0px 4px #ffa84c !important;
    -moz-box-shadow: 0px 0px 0px 4px #ffa84c !important;
    box-shadow: 0px 0px 0px 4px #ffa84c !important;
}
.box-shadow-pink {
    -webkit-box-shadow: 0px 0px 0px 1px #ff1a56 !important;
    -moz-box-shadow: 0px 0px 0px 1px #ff1a56 !important;
    box-shadow: 0px 0px 0px 1px #ff1a56 !important;
}
.box-shadow-thick-pink {
    -webkit-box-shadow: 0px 0px 0px 2px #ff1a56 !important;
    -moz-box-shadow: 0px 0px 0px 2px #ff1a56 !important;
    box-shadow: 0px 0px 0px 2px #ff1a56 !important;
}
.box-shadow-medium-thick-pink {
    -webkit-box-shadow: 0px 0px 0px 3px #ff1a56 !important;
    -moz-box-shadow: 0px 0px 0px 3px #ff1a56 !important;
    box-shadow: 0px 0px 0px 3px #ff1a56 !important;
}
.box-shadow-extra-thick-pink {
    -webkit-box-shadow: 0px 0px 0px 4px #ff1a56 !important;
    -moz-box-shadow: 0px 0px 0px 4px #ff1a56 !important;
    box-shadow: 0px 0px 0px 4px #ff1a56 !important;
}
.box-shadow-purple {
    -webkit-box-shadow: 0px 0px 0px 1px #aa2e85 !important;
    -moz-box-shadow: 0px 0px 0px 1px #aa2e85 !important;
    box-shadow: 0px 0px 0px 1px #aa2e85 !important;
}
.box-shadow-thick-purple {
    -webkit-box-shadow: 0px 0px 0px 2px #aa2e85 !important;
    -moz-box-shadow: 0px 0px 0px 2px #aa2e85 !important;
    box-shadow: 0px 0px 0px 2px #aa2e85 !important;
}
.box-shadow-medium-thick-purple {
    -webkit-box-shadow: 0px 0px 0px 3px #aa2e85 !important;
    -moz-box-shadow: 0px 0px 0px 3px #aa2e85 !important;
    box-shadow: 0px 0px 0px 3px #aa2e85 !important;
}
.box-shadow-extra-thick-purple {
    -webkit-box-shadow: 0px 0px 0px 4px #aa2e85 !important;
    -moz-box-shadow: 0px 0px 0px 4px #aa2e85 !important;
    box-shadow: 0px 0px 0px 4px #aa2e85 !important;
}
.box-shadow-red {
    -webkit-box-shadow: 0px 0px 0px 1px #ef494d !important;
    -moz-box-shadow: 0px 0px 0px 1px #ef494d !important;
    box-shadow: 0px 0px 0px 1px #ef494d !important;
}
.box-shadow-thick-red {
    -webkit-box-shadow: 0px 0px 0px 2px #ef494d !important;
    -moz-box-shadow: 0px 0px 0px 2px #ef494d !important;
    box-shadow: 0px 0px 0px 2px #ef494d !important;
}
.box-shadow-medium-thick-red {
    -webkit-box-shadow: 0px 0px 0px 3px #ef494d !important;
    -moz-box-shadow: 0px 0px 0px 3px #ef494d !important;
    box-shadow: 0px 0px 0px 3px #ef494d !important;
}
.box-shadow-extra-thick-red {
    -webkit-box-shadow: 0px 0px 0px 4px #ef494d !important;
    -moz-box-shadow: 0px 0px 0px 4px #ef494d !important;
    box-shadow: 0px 0px 0px 4px #ef494d !important;
}


/*
* Button colors
*/

.btn.btn-base-color {
    color: #ffffff;
}
.btn.btn-base-color:hover {
    opacity: 0.9;
}
.btn.btn-base-color.btn-hover-transparent:hover {
    opacity: 1;
}
.btn.btn-color-black {
    background-color: #000000;
    color: #ffffff;
}
.btn.btn-color-black:hover {
    opacity: 0.9;
}
.btn.btn-color-black.btn-hover-transparent:hover {
    border-color: #000000;
    color: #000000;
    opacity: 1;
}
.btn.btn-color-gray {
    background-color: #989898;
    color: #ffffff;
}
.btn.btn-color-gray:hover {
    opacity: 0.9;
}
.btn.btn-color-gray.btn-hover-transparent:hover {
    border-color: #989898;
    color: #989898;
    opacity: 1;
}
.btn.btn-color-gray-dark {
    background-color: #626262;
    color: #ffffff;
}
.btn.btn-color-gray-dark:hover {
    opacity: 0.9;
}
.btn.btn-color-gray-dark.btn-hover-transparent:hover {
    border-color: #626262;
    color: #626262;
    opacity: 1;
}
.btn.btn-color-gray-dark-2 {
    background-color: #272727;
    color: #ffffff;
}
.btn.btn-color-gray-dark-2:hover {
    opacity: 0.9;
}
.btn.btn-color-gray-dark-2.btn-hover-transparent:hover {
    border-color: #272727;
    color: #272727;
    opacity: 1;
}
.btn.btn-color-gray-light {
    background-color: #dfdfdf;
    color: #ffffff;
}
.btn.btn-color-gray-light:hover {
    opacity: 0.9;
}
.btn.btn-color-gray-light.btn-hover-transparent:hover {
    border-color: #dfdfdf;
    color: #dfdfdf;
    opacity: 1;
}
.btn.btn-color-gray-light-2 {
    background-color: #f6f6f6;
    color: #ffffff;
}
.btn.btn-color-gray-light-2:hover {
    opacity: 0.9;
}
.btn.btn-color-gray-light-2.btn-hover-transparent:hover {
    border-color: #f6f6f6;
    color: #f6f6f6;
    opacity: 1;
}
.btn.btn-color-white {
    background-color: #ffffff;
    color: #ffffff;
}
.btn.btn-color-white:hover {
    opacity: 0.9;
}
.btn.btn-color-white.btn-hover-transparent:hover {
    border-color: #ffffff;
    color: #ffffff;
    opacity: 1;
}
.btn.btn-color-white-2 {
    background-color: #fefefe;
    color: #ffffff;
}
.btn.btn-color-white-2:hover {
    opacity: 0.9;
}
.btn.btn-color-white-2.btn-hover-transparent:hover {
    border-color: #fefefe;
    color: #fefefe;
    opacity: 1;
}
.btn.btn-color-white-3 {
    background-color: #fcfcfc;
    color: #ffffff;
}
.btn.btn-color-white-3:hover {
    opacity: 0.9;
}
.btn.btn-color-white-3.btn-hover-transparent:hover {
    border-color: #fcfcfc;
    color: #fcfcfc;
    opacity: 1;
}
.btn.btn-color-blue {
    background-color: #4a90e2;
    color: #ffffff;
}
.btn.btn-color-blue:hover {
    opacity: 0.9;
}
.btn.btn-color-blue.btn-hover-transparent:hover {
    border-color: #4a90e2;
    color: #4a90e2;
    opacity: 1;
}
.btn.btn-color-green {
    background-color: #33cb98;
    color: #ffffff;
}
.btn.btn-color-green:hover {
    opacity: 0.9;
}
.btn.btn-color-green.btn-hover-transparent:hover {
    border-color: #33cb98;
    color: #33cb98;
    opacity: 1;
}
.btn.btn-color-green-2 {
    background-color: #66b772;
    color: #ffffff;
}
.btn.btn-color-green-2:hover {
    opacity: 0.9;
}
.btn.btn-color-green-2.btn-hover-transparent:hover {
    border-color: #66b772;
    color: #66b772;
    opacity: 1;
}
.btn.btn-color-orange {
    background-color: #ff7e5b;
    color: #ffffff;
}
.btn.btn-color-orange:hover {
    opacity: 0.9;
}
.btn.btn-color-orange.btn-hover-transparent:hover {
    border-color: #ff7e5b;
    color: #ff7e5b;
    opacity: 1;
}
.btn.btn-color-orange-2 {
    background-color: #ffa84c;
    color: #ffffff;
}
.btn.btn-color-orange-2:hover {
    opacity: 0.9;
}
.btn.btn-color-orange-2.btn-hover-transparent:hover {
    border-color: #ffa84c;
    color: #ffa84c;
    opacity: 1;
}
.btn.btn-color-pink {
    background-color: #ff1a56;
    color: #ffffff;
}
.btn.btn-color-pink:hover {
    opacity: 0.9;
}
.btn.btn-color-pink.btn-hover-transparent:hover {
    border-color: #ff1a56;
    color: #ff1a56;
    opacity: 1;
}
.btn.btn-color-purple {
    background-color: #aa2e85;
    color: #ffffff;
}
.btn.btn-color-purple:hover {
    opacity: 0.9;
}
.btn.btn-color-purple.btn-hover-transparent:hover {
    border-color: #aa2e85;
    color: #aa2e85;
    opacity: 1;
}
.btn.btn-color-red {
    background-color: #ef494d;
    color: #ffffff;
}
.btn.btn-color-red:hover {
    opacity: 0.9;
}
.btn.btn-color-red.btn-hover-transparent:hover {
    border-color: #ef494d;
    color: #ef494d;
    opacity: 1;
}
.btn.btn-color-white.btn-hover-transparent:focus {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.btn.btn-color-white-2.btn-hover-transparent:focus {
    background-color: #fefefe !important;
    color: #000000 !important;
}
.btn.btn-outline-base-color:hover,
.btn.btn-outline-base-color:focus {
    color: #ffffff;
}
.btn.btn-outline-base-color.btn-hover-transparent:hover,
.btn.btn-outline-base-color.btn-hover-transparent:focus {
    background-color: transparent;
}
.btn.btn-outline-black {
    border-color: #000000;
    color: #000000;
}
.btn.btn-outline-black:hover,
.btn.btn-outline-black:focus {
    background-color: #000000;
    color: #ffffff;
}
.btn.btn-outline-black.btn-hover-transparent:hover,
.btn.btn-outline-black.btn-hover-transparent:focus {
    background-color: transparent;
    color: #000000;
}
.btn.btn-outline-gray {
    border-color: #989898;
    color: #989898;
}
.btn.btn-outline-gray:hover,
.btn.btn-outline-gray:focus {
    background-color: #989898;
    color: #ffffff;
}
.btn.btn-outline-gray.btn-hover-transparent:hover,
.btn.btn-outline-gray.btn-hover-transparent:focus {
    background-color: transparent;
    color: #989898;
}
.btn.btn-outline-gray-dark {
    border-color: #626262;
    color: #626262;
}
.btn.btn-outline-gray-dark:hover,
.btn.btn-outline-gray-dark:focus {
    background-color: #626262;
    color: #ffffff;
}
.btn.btn-outline-gray-dark.btn-hover-transparent:hover,
.btn.btn-outline-gray-dark.btn-hover-transparent:focus {
    background-color: transparent;
    color: #626262;
}
.btn.btn-outline-gray-dark-2 {
    border-color: #272727;
    color: #272727;
}
.btn.btn-outline-gray-dark-2:hover,
.btn.btn-outline-gray-dark-2:focus {
    background-color: #272727;
    color: #ffffff;
}
.btn.btn-outline-gray-dark-2.btn-hover-transparent:hover,
.btn.btn-outline-gray-dark-2.btn-hover-transparent:focus {
    background-color: transparent;
    color: #272727;
}
.btn.btn-outline-gray-light {
    border-color: #dfdfdf;
    color: #dfdfdf;
}
.btn.btn-outline-gray-light:hover,
.btn.btn-outline-gray-light:focus {
    background-color: #dfdfdf;
    color: #ffffff;
}
.btn.btn-outline-gray-light.btn-hover-transparent:hover,
.btn.btn-outline-gray-light.btn-hover-transparent:focus {
    background-color: transparent;
    color: #dfdfdf;
}
.btn.btn-outline-gray-light-2 {
    border-color: #f6f6f6;
    color: #f6f6f6;
}
.btn.btn-outline-gray-light-2:hover,
.btn.btn-outline-gray-light-2:focus {
    background-color: #f6f6f6;
    color: #ffffff;
}
.btn.btn-outline-gray-light-2.btn-hover-transparent:hover,
.btn.btn-outline-gray-light-2.btn-hover-transparent:focus {
    background-color: transparent;
    color: #f6f6f6;
}
.btn.btn-outline-white {
    border-color: #ffffff;
    color: #ffffff;
}
.btn.btn-outline-white:hover,
.btn.btn-outline-white:focus {
    background-color: #ffffff;
    color: #ffffff;
}
.btn.btn-outline-white.btn-hover-transparent:hover,
.btn.btn-outline-white.btn-hover-transparent:focus {
    background-color: transparent;
    color: #ffffff;
}
.btn.btn-outline-white-2 {
    border-color: #fefefe;
    color: #fefefe;
}
.btn.btn-outline-white-2:hover,
.btn.btn-outline-white-2:focus {
    background-color: #fefefe;
    color: #ffffff;
}
.btn.btn-outline-white-2.btn-hover-transparent:hover,
.btn.btn-outline-white-2.btn-hover-transparent:focus {
    background-color: transparent;
    color: #fefefe;
}
.btn.btn-outline-white-3 {
    border-color: #fcfcfc;
    color: #fcfcfc;
}
.btn.btn-outline-white-3:hover,
.btn.btn-outline-white-3:focus {
    background-color: #fcfcfc;
    color: #ffffff;
}
.btn.btn-outline-white-3.btn-hover-transparent:hover,
.btn.btn-outline-white-3.btn-hover-transparent:focus {
    background-color: transparent;
    color: #fcfcfc;
}
.btn.btn-outline-blue {
    border-color: #4a90e2;
    color: #4a90e2;
}
.btn.btn-outline-blue:hover,
.btn.btn-outline-blue:focus {
    background-color: #4a90e2;
    color: #ffffff;
}
.btn.btn-outline-blue.btn-hover-transparent:hover,
.btn.btn-outline-blue.btn-hover-transparent:focus {
    background-color: transparent;
    color: #4a90e2;
}
.btn.btn-outline-green {
    border-color: #33cb98;
    color: #33cb98;
}
.btn.btn-outline-green:hover,
.btn.btn-outline-green:focus {
    background-color: #33cb98;
    color: #ffffff;
}
.btn.btn-outline-green.btn-hover-transparent:hover,
.btn.btn-outline-green.btn-hover-transparent:focus {
    background-color: transparent;
    color: #33cb98;
}
.btn.btn-outline-green-2 {
    border-color: #66b772;
    color: #66b772;
}
.btn.btn-outline-green-2:hover,
.btn.btn-outline-green-2:focus {
    background-color: #66b772;
    color: #ffffff;
}
.btn.btn-outline-green-2.btn-hover-transparent:hover,
.btn.btn-outline-green-2.btn-hover-transparent:focus {
    background-color: transparent;
    color: #66b772;
}
.btn.btn-outline-orange {
    border-color: #ff7e5b;
    color: #ff7e5b;
}
.btn.btn-outline-orange:hover,
.btn.btn-outline-orange:focus {
    background-color: #ff7e5b;
    color: #ffffff;
}
.btn.btn-outline-orange.btn-hover-transparent:hover,
.btn.btn-outline-orange.btn-hover-transparent:focus {
    background-color: transparent;
    color: #ff7e5b;
}
.btn.btn-outline-orange-2 {
    border-color: #ffa84c;
    color: #ffa84c;
}
.btn.btn-outline-orange-2:hover,
.btn.btn-outline-orange-2:focus {
    background-color: #ffa84c;
    color: #ffffff;
}
.btn.btn-outline-orange-2.btn-hover-transparent:hover,
.btn.btn-outline-orange-2.btn-hover-transparent:focus {
    background-color: transparent;
    color: #ffa84c;
}
.btn.btn-outline-pink {
    border-color: #ff1a56;
    color: #ff1a56;
}
.btn.btn-outline-pink:hover,
.btn.btn-outline-pink:focus {
    background-color: #ff1a56;
    color: #ffffff;
}
.btn.btn-outline-pink.btn-hover-transparent:hover,
.btn.btn-outline-pink.btn-hover-transparent:focus {
    background-color: transparent;
    color: #ff1a56;
}
.btn.btn-outline-purple {
    border-color: #aa2e85;
    color: #aa2e85;
}
.btn.btn-outline-purple:hover,
.btn.btn-outline-purple:focus {
    background-color: #aa2e85;
    color: #ffffff;
}
.btn.btn-outline-purple.btn-hover-transparent:hover,
.btn.btn-outline-purple.btn-hover-transparent:focus {
    background-color: transparent;
    color: #aa2e85;
}
.btn.btn-outline-red {
    border-color: #ef494d;
    color: #ef494d;
}
.btn.btn-outline-red:hover,
.btn.btn-outline-red:focus {
    background-color: #ef494d;
    color: #ffffff;
}
.btn.btn-outline-red.btn-hover-transparent:hover,
.btn.btn-outline-red.btn-hover-transparent:focus {
    background-color: transparent;
    color: #ef494d;
}


/*
* Triangle color
*/

.triangle-top-right.triangle-black {
    border-color: transparent #000000 transparent transparent;
}
.triangle-top-left.triangle-black {
    border-color: #000000 transparent transparent transparent;
}
.triangle-bottom-right.triangle-black {
    border-color: transparent transparent #000000 transparent;
}
.triangle-bottom-left.triangle-black {
    border-color: transparent transparent transparent #000000;
}
.triangle-top-right.triangle-gray {
    border-color: transparent #989898 transparent transparent;
}
.triangle-top-left.triangle-gray {
    border-color: #989898 transparent transparent transparent;
}
.triangle-bottom-right.triangle-gray {
    border-color: transparent transparent #989898 transparent;
}
.triangle-bottom-left.triangle-gray {
    border-color: transparent transparent transparent #989898;
}
.triangle-top-right.triangle-gray-dark {
    border-color: transparent #626262 transparent transparent;
}
.triangle-top-left.triangle-gray-dark {
    border-color: #626262 transparent transparent transparent;
}
.triangle-bottom-right.triangle-gray-dark {
    border-color: transparent transparent #626262 transparent;
}
.triangle-bottom-left.triangle-gray-dark {
    border-color: transparent transparent transparent #626262;
}
.triangle-top-right.triangle-gray-dark-2 {
    border-color: transparent #272727 transparent transparent;
}
.triangle-top-left.triangle-gray-dark-2 {
    border-color: #272727 transparent transparent transparent;
}
.triangle-bottom-right.triangle-gray-dark-2 {
    border-color: transparent transparent #272727 transparent;
}
.triangle-bottom-left.triangle-gray-dark-2 {
    border-color: transparent transparent transparent #272727;
}
.triangle-top-right.triangle-gray-light {
    border-color: transparent #dfdfdf transparent transparent;
}
.triangle-top-left.triangle-gray-light {
    border-color: #dfdfdf transparent transparent transparent;
}
.triangle-bottom-right.triangle-gray-light {
    border-color: transparent transparent #dfdfdf transparent;
}
.triangle-bottom-left.triangle-gray-light {
    border-color: transparent transparent transparent #dfdfdf;
}
.triangle-top-right.triangle-gray-light-2 {
    border-color: transparent #f6f6f6 transparent transparent;
}
.triangle-top-left.triangle-gray-light-2 {
    border-color: #f6f6f6 transparent transparent transparent;
}
.triangle-bottom-right.triangle-gray-light-2 {
    border-color: transparent transparent #f6f6f6 transparent;
}
.triangle-bottom-left.triangle-gray-light-2 {
    border-color: transparent transparent transparent #f6f6f6;
}
.triangle-top-right.triangle-white {
    border-color: transparent #ffffff transparent transparent;
}
.triangle-top-left.triangle-white {
    border-color: #ffffff transparent transparent transparent;
}
.triangle-bottom-right.triangle-white {
    border-color: transparent transparent #ffffff transparent;
}
.triangle-bottom-left.triangle-white {
    border-color: transparent transparent transparent #ffffff;
}
.triangle-top-right.triangle-white-2 {
    border-color: transparent #fefefe transparent transparent;
}
.triangle-top-left.triangle-white-2 {
    border-color: #fefefe transparent transparent transparent;
}
.triangle-bottom-right.triangle-white-2 {
    border-color: transparent transparent #fefefe transparent;
}
.triangle-bottom-left.triangle-white-2 {
    border-color: transparent transparent transparent #fefefe;
}
.triangle-top-right.triangle-white-3 {
    border-color: transparent #fcfcfc transparent transparent;
}
.triangle-top-left.triangle-white-3 {
    border-color: #fcfcfc transparent transparent transparent;
}
.triangle-bottom-right.triangle-white-3 {
    border-color: transparent transparent #fcfcfc transparent;
}
.triangle-bottom-left.triangle-white-3 {
    border-color: transparent transparent transparent #fcfcfc;
}
.triangle-top-right.triangle-blue {
    border-color: transparent #4a90e2 transparent transparent;
}
.triangle-top-left.triangle-blue {
    border-color: #4a90e2 transparent transparent transparent;
}
.triangle-bottom-right.triangle-blue {
    border-color: transparent transparent #4a90e2 transparent;
}
.triangle-bottom-left.triangle-blue {
    border-color: transparent transparent transparent #4a90e2;
}
.triangle-top-right.triangle-green {
    border-color: transparent #33cb98 transparent transparent;
}
.triangle-top-left.triangle-green {
    border-color: #33cb98 transparent transparent transparent;
}
.triangle-bottom-right.triangle-green {
    border-color: transparent transparent #33cb98 transparent;
}
.triangle-bottom-left.triangle-green {
    border-color: transparent transparent transparent #33cb98;
}
.triangle-top-right.triangle-green-2 {
    border-color: transparent #66b772 transparent transparent;
}
.triangle-top-left.triangle-green-2 {
    border-color: #66b772 transparent transparent transparent;
}
.triangle-bottom-right.triangle-green-2 {
    border-color: transparent transparent #66b772 transparent;
}
.triangle-bottom-left.triangle-green-2 {
    border-color: transparent transparent transparent #66b772;
}
.triangle-top-right.triangle-orange {
    border-color: transparent #ff7e5b transparent transparent;
}
.triangle-top-left.triangle-orange {
    border-color: #ff7e5b transparent transparent transparent;
}
.triangle-bottom-right.triangle-orange {
    border-color: transparent transparent #ff7e5b transparent;
}
.triangle-bottom-left.triangle-orange {
    border-color: transparent transparent transparent #ff7e5b;
}
.triangle-top-right.triangle-orange-2 {
    border-color: transparent #ffa84c transparent transparent;
}
.triangle-top-left.triangle-orange-2 {
    border-color: #ffa84c transparent transparent transparent;
}
.triangle-bottom-right.triangle-orange-2 {
    border-color: transparent transparent #ffa84c transparent;
}
.triangle-bottom-left.triangle-orange-2 {
    border-color: transparent transparent transparent #ffa84c;
}
.triangle-top-right.triangle-pink {
    border-color: transparent #ff1a56 transparent transparent;
}
.triangle-top-left.triangle-pink {
    border-color: #ff1a56 transparent transparent transparent;
}
.triangle-bottom-right.triangle-pink {
    border-color: transparent transparent #ff1a56 transparent;
}
.triangle-bottom-left.triangle-pink {
    border-color: transparent transparent transparent #ff1a56;
}
.triangle-top-right.triangle-purple {
    border-color: transparent #aa2e85 transparent transparent;
}
.triangle-top-left.triangle-purple {
    border-color: #aa2e85 transparent transparent transparent;
}
.triangle-bottom-right.triangle-purple {
    border-color: transparent transparent #aa2e85 transparent;
}
.triangle-bottom-left.triangle-purple {
    border-color: transparent transparent transparent #aa2e85;
}
.triangle-top-right.triangle-red {
    border-color: transparent #ef494d transparent transparent;
}
.triangle-top-left.triangle-red {
    border-color: #ef494d transparent transparent transparent;
}
.triangle-bottom-right.triangle-red {
    border-color: transparent transparent #ef494d transparent;
}
.triangle-bottom-left.triangle-red {
    border-color: transparent transparent transparent #ef494d;
}





/*------------------------------------*\
    Responsive
\*------------------------------------*/

/*
* Text size
*/

@media (max-width: 1199px) {
    .md-text-extra-small {
        font-size: 10px !important;
        line-height: 15px !important;
    }
    .md-text-small {
        font-size: 11px !important;
        line-height: 20px !important;
    }
    .md-text-medium {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .md-text-large {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    .md-text-extra-large {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    .md-title-small {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .md-title-medium {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .md-title-large {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .md-title-extra-large {
        font-size: 35px !important;
        line-height: 38px !important;
    }
    .md-title-extra-large-2 {
        font-size: 45px !important;
        line-height: 45px !important;
    }
    .md-title-extra-large-3 {
        font-size: 50px !important;
        line-height: 50px !important;
    }
    .md-title-extra-large-4 {
        font-size: 70px !important;
        line-height: 70px !important;
    }
    .md-title-extra-large-5 {
        font-size: 80px !important;
        line-height: 80px !important;
    }
    .md-title-big {
        font-size: 100px !important;
        line-height: 100px !important;
    }
    .md-title-big-2 {
        font-size: 125px !important;
        line-height: 125px !important;
    }
    .md-title-big-3 {
        font-size: 150px !important;
        line-height: 150px !important;
    }
}

@media (max-width: 991px) {
    .sm-text-extra-small {
        font-size: 10px !important;
        line-height: 15px !important;
    }
    .sm-text-small {
        font-size: 11px !important;
        line-height: 20px !important;
    }
    .sm-text-medium {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .sm-text-large {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    .sm-text-extra-large {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    .sm-title-small {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .sm-title-medium {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .sm-title-large {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .sm-title-extra-large {
        font-size: 35px !important;
        line-height: 38px !important;
    }
    .sm-title-extra-large-2 {
        font-size: 45px !important;
        line-height: 45px !important;
    }
    .sm-title-extra-large-3 {
        font-size: 50px !important;
        line-height: 50px !important;
    }
    .sm-title-extra-large-4 {
        font-size: 70px !important;
        line-height: 70px !important;
    }
    .sm-title-extra-large-5 {
        font-size: 80px !important;
        line-height: 80px !important;
    }
    .sm-title-big {
        font-size: 100px !important;
        line-height: 100px !important;
    }
    .sm-title-big-2 {
        font-size: 125px !important;
        line-height: 125px !important;
    }
    .sm-title-big-3 {
        font-size: 150px !important;
        line-height: 150px !important;
    }
}

@media (max-width: 767px) {
    .xs-text-extra-small {
        font-size: 10px !important;
        line-height: 15px !important;
    }
    .xs-text-small {
        font-size: 11px !important;
        line-height: 20px !important;
    }
    .xs-text-medium {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .xs-text-large {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    .xs-text-extra-large {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    .xs-title-small {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .xs-title-medium {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .xs-title-large {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .xs-title-extra-large {
        font-size: 35px !important;
        line-height: 38px !important;
    }
    .xs-title-extra-large-2 {
        font-size: 45px !important;
        line-height: 45px !important;
    }
    .xs-title-extra-large-3 {
        font-size: 50px !important;
        line-height: 50px !important;
    }
    .xs-title-extra-large-4 {
        font-size: 70px !important;
        line-height: 70px !important;
    }
    .xs-title-extra-large-5 {
        font-size: 80px !important;
        line-height: 80px !important;
    }
    .xs-title-big {
        font-size: 100px !important;
        line-height: 100px !important;
    }
    .xs-title-big-2 {
        font-size: 125px !important;
        line-height: 125px !important;
    }
    .xs-title-big-3 {
        font-size: 150px !important;
        line-height: 150px !important;
    }
}


/*
* Border
*/

@media (max-width: 1199px) {
    .md-no-border {
        border: none !important;
    }
    .md-no-border-radius {
        border-radius: 0 !important;
    }
}

@media (max-width: 991px) {
    .sm-no-border {
        border: none !important;
    }
    .sm-no-border-radius {
        border-radius: 0 !important;
    }
}

@media (max-width: 767px) {
    .xs-no-border {
        border: none !important;
    }
    .xs-no-border-radius {
        border-radius: 0 !important;
    }
}


/*
* Buttons
*/

@media (max-width: 1199px) {
    .btn.md-btn-extra-small {
        font-size: 9px;
        padding: 4px 12px 3px;
    }
    .btn.md-btn-small {
        font-size: 11px;
        padding: 5px 14px;
    }
    .btn.md-btn-medium {
        font-size: 14px;
        padding: 10px 22px;
    }
    .btn.md-btn-large {
        font-size: 16px;
        padding: 16px 30px;
    }
    .btn.md-btn-extra-large {
        font-size: 18px;
        padding: 18px 35px;
    }
}

@media (max-width: 991px) {
    .btn.sm-btn-extra-small {
        font-size: 9px;
        padding: 4px 12px 3px;
    }
    .btn.sm-btn-small {
        font-size: 11px;
        padding: 5px 14px;
    }
    .btn.sm-btn-medium {
        font-size: 14px;
        padding: 10px 22px;
    }
    .btn.sm-btn-large {
        font-size: 16px;
        padding: 16px 30px;
    }
    .btn.sm-btn-extra-large {
        font-size: 18px;
        padding: 18px 35px;
    }
}

@media (max-width: 767px) {
    .btn.xs-btn-extra-small {
        font-size: 9px;
        padding: 4px 12px 3px;
    }
    .btn.xs-btn-small {
        font-size: 11px;
        padding: 5px 14px;
    }
    .btn.xs-btn-medium {
        font-size: 14px;
        padding: 10px 22px;
    }
    .btn.xs-btn-large {
        font-size: 16px;
        padding: 16px 30px;
    }
    .btn.xs-btn-extra-large {
        font-size: 18px;
        padding: 18px 35px;
    }
}


/*
* Display
*/

@media (max-width: 1199px) {
    .md-display-block {
        display: block !important;
    }
    .md-display-inline {
        display: inline !important;
    }
    .md-display-inline-block {
        display: inline-block !important;
    }
    .md-display-none {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .sm-display-block {
        display: block !important;
    }
    .sm-display-inline {
        display: inline !important;
    }
    .sm-display-inline-block {
        display: inline-block !important;
    }
    .sm-display-none {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .xs-display-block {
        display: block !important;
    }
    .xs-display-inline {
        display: inline !important;
    }
    .xs-display-inline-block {
        display: inline-block !important;
    }
    .xs-display-none {
        display: none !important;
    }
}


/*
* Height
*/

@media (max-width: 1199px) {
    .md-height-50 {
        height: 50% !important;
    }
    .md-height-100 {
        height: 100% !important;
    }
}

@media (max-width: 991px) {
    .sm-height-50 {
        height: 50% !important;
    }
    .sm-height-100 {
        height: 100% !important;
    }
}

@media (max-width: 767px) {
    .xs-height-50 {
        height: 50% !important;
    }
    .xs-height-100 {
        height: 100% !important;
    }
}


/*
* Margin
*/

@media (max-width: 1199px) {
    .md-margin-1 {
        margin: 1% !important;
    }
    .md-margin-1-5 {
        margin: 1.5% !important;
    }
    .md-margin-2 {
        margin: 2% !important;
    }
    .md-margin-2-5 {
        margin: 2.5% !important;
    }
    .md-margin-3 {
        margin: 3% !important;
    }
    .md-margin-3-5 {
        margin: 3.5% !important;
    }
    .md-margin-4 {
        margin: 4% !important;
    }
    .md-margin-4-5 {
        margin: 4.5% !important;
    }
    .md-margin-5 {
        margin: 5% !important;
    }
    .md-margin-5-5 {
        margin: 5.5% !important;
    }
    .md-margin-6 {
        margin: 6% !important;
    }
    .md-margin-6-5 {
        margin: 6.5% !important;
    }
    .md-margin-7 {
        margin: 7% !important;
    }
    .md-margin-7-5 {
        margin: 7.5% !important;
    }
    .md-margin-8 {
        margin: 8% !important;
    }
    .md-margin-8-5 {
        margin: 8.5% !important;
    }
    .md-margin-9 {
        margin: 9% !important;
    }
    .md-margin-9-5 {
        margin: 9.5% !important;
    }
    .md-margin-10 {
        margin: 10% !important;
    }
    .md-margin-10-5 {
        margin: 10.5% !important;
    }
    .md-margin-11 {
        margin: 11% !important;
    }
    .md-margin-11-5 {
        margin: 11.5% !important;
    }
    .md-margin-12 {
        margin: 12% !important;
    }
    .md-margin-12-5 {
        margin: 12.5% !important;
    }
    .md-margin-13 {
        margin: 13% !important;
    }
    .md-margin-13-5 {
        margin: 13.5% !important;
    }
    .md-margin-14 {
        margin: 14% !important;
    }
    .md-margin-14-5 {
        margin: 14.5% !important;
    }
    .md-margin-15 {
        margin: 15% !important;
    }
    .md-margin-15-5 {
        margin: 15.5% !important;
    }
    .md-margin-16 {
        margin: 16% !important;
    }
    .md-margin-16-5 {
        margin: 16.5% !important;
    }
    .md-margin-17 {
        margin: 17% !important;
    }
    .md-margin-17-5 {
        margin: 17.5% !important;
    }
    .md-margin-18 {
        margin: 18% !important;
    }
    .md-margin-18-5 {
        margin: 18.5% !important;
    }
    .md-margin-19 {
        margin: 19% !important;
    }
    .md-margin-19-5 {
        margin: 19.5% !important;
    }
    .md-margin-20 {
        margin: 20% !important;
    }
    .md-margin-20-5 {
        margin: 20.5% !important;
    }
    .md-margin-rl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .md-no-margin {
        margin: 0 !important;
    }
    .md-no-margin-top {
        margin-top: 0 !important;
    }
    .md-no-margin-right {
        margin-right: 0 !important;
    }
    .md-no-margin-bottom {
        margin-bottom: 0 !important;
    }
    .md-no-margin-left {
        margin-left: 0 !important;
    }
    .md-no-margin-tb {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .md-no-margin-rl {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 991px) {
    .sm-margin-1 {
        margin: 1% !important;
    }
    .sm-margin-1-5 {
        margin: 1.5% !important;
    }
    .sm-margin-2 {
        margin: 2% !important;
    }
    .sm-margin-2-5 {
        margin: 2.5% !important;
    }
    .sm-margin-3 {
        margin: 3% !important;
    }
    .sm-margin-3-5 {
        margin: 3.5% !important;
    }
    .sm-margin-4 {
        margin: 4% !important;
    }
    .sm-margin-4-5 {
        margin: 4.5% !important;
    }
    .sm-margin-5 {
        margin: 5% !important;
    }
    .sm-margin-5-5 {
        margin: 5.5% !important;
    }
    .sm-margin-6 {
        margin: 6% !important;
    }
    .sm-margin-6-5 {
        margin: 6.5% !important;
    }
    .sm-margin-7 {
        margin: 7% !important;
    }
    .sm-margin-7-5 {
        margin: 7.5% !important;
    }
    .sm-margin-8 {
        margin: 8% !important;
    }
    .sm-margin-8-5 {
        margin: 8.5% !important;
    }
    .sm-margin-9 {
        margin: 9% !important;
    }
    .sm-margin-9-5 {
        margin: 9.5% !important;
    }
    .sm-margin-10 {
        margin: 10% !important;
    }
    .sm-margin-10-5 {
        margin: 10.5% !important;
    }
    .sm-margin-11 {
        margin: 11% !important;
    }
    .sm-margin-11-5 {
        margin: 11.5% !important;
    }
    .sm-margin-12 {
        margin: 12% !important;
    }
    .sm-margin-12-5 {
        margin: 12.5% !important;
    }
    .sm-margin-13 {
        margin: 13% !important;
    }
    .sm-margin-13-5 {
        margin: 13.5% !important;
    }
    .sm-margin-14 {
        margin: 14% !important;
    }
    .sm-margin-14-5 {
        margin: 14.5% !important;
    }
    .sm-margin-15 {
        margin: 15% !important;
    }
    .sm-margin-15-5 {
        margin: 15.5% !important;
    }
    .sm-margin-16 {
        margin: 16% !important;
    }
    .sm-margin-16-5 {
        margin: 16.5% !important;
    }
    .sm-margin-17 {
        margin: 17% !important;
    }
    .sm-margin-17-5 {
        margin: 17.5% !important;
    }
    .sm-margin-18 {
        margin: 18% !important;
    }
    .sm-margin-18-5 {
        margin: 18.5% !important;
    }
    .sm-margin-19 {
        margin: 19% !important;
    }
    .sm-margin-19-5 {
        margin: 19.5% !important;
    }
    .sm-margin-20 {
        margin: 20% !important;
    }
    .sm-margin-20-5 {
        margin: 20.5% !important;
    }
    .sm-margin-rl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .sm-no-margin {
        margin: 0 !important;
    }
    .sm-no-margin-top {
        margin-top: 0 !important;
    }
    .sm-no-margin-right {
        margin-right: 0 !important;
    }
    .sm-no-margin-bottom {
        margin-bottom: 0 !important;
    }
    .sm-no-margin-left {
        margin-left: 0 !important;
    }
    .sm-no-margin-tb {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .sm-no-margin-rl {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 767px) {
    .xs-margin-1 {
        margin: 1% !important;
    }
    .xs-margin-1-5 {
        margin: 1.5% !important;
    }
    .xs-margin-2 {
        margin: 2% !important;
    }
    .xs-margin-2-5 {
        margin: 2.5% !important;
    }
    .xs-margin-3 {
        margin: 3% !important;
    }
    .xs-margin-3-5 {
        margin: 3.5% !important;
    }
    .xs-margin-4 {
        margin: 4% !important;
    }
    .xs-margin-4-5 {
        margin: 4.5% !important;
    }
    .xs-margin-5 {
        margin: 5% !important;
    }
    .xs-margin-5-5 {
        margin: 5.5% !important;
    }
    .xs-margin-6 {
        margin: 6% !important;
    }
    .xs-margin-6-5 {
        margin: 6.5% !important;
    }
    .xs-margin-7 {
        margin: 7% !important;
    }
    .xs-margin-7-5 {
        margin: 7.5% !important;
    }
    .xs-margin-8 {
        margin: 8% !important;
    }
    .xs-margin-8-5 {
        margin: 8.5% !important;
    }
    .xs-margin-9 {
        margin: 9% !important;
    }
    .xs-margin-9-5 {
        margin: 9.5% !important;
    }
    .xs-margin-10 {
        margin: 10% !important;
    }
    .xs-margin-10-5 {
        margin: 10.5% !important;
    }
    .xs-margin-11 {
        margin: 11% !important;
    }
    .xs-margin-11-5 {
        margin: 11.5% !important;
    }
    .xs-margin-12 {
        margin: 12% !important;
    }
    .xs-margin-12-5 {
        margin: 12.5% !important;
    }
    .xs-margin-13 {
        margin: 13% !important;
    }
    .xs-margin-13-5 {
        margin: 13.5% !important;
    }
    .xs-margin-14 {
        margin: 14% !important;
    }
    .xs-margin-14-5 {
        margin: 14.5% !important;
    }
    .xs-margin-15 {
        margin: 15% !important;
    }
    .xs-margin-15-5 {
        margin: 15.5% !important;
    }
    .xs-margin-16 {
        margin: 16% !important;
    }
    .xs-margin-16-5 {
        margin: 16.5% !important;
    }
    .xs-margin-17 {
        margin: 17% !important;
    }
    .xs-margin-17-5 {
        margin: 17.5% !important;
    }
    .xs-margin-18 {
        margin: 18% !important;
    }
    .xs-margin-18-5 {
        margin: 18.5% !important;
    }
    .xs-margin-19 {
        margin: 19% !important;
    }
    .xs-margin-19-5 {
        margin: 19.5% !important;
    }
    .xs-margin-20 {
        margin: 20% !important;
    }
    .xs-margin-20-5 {
        margin: 20.5% !important;
    }
    .xs-margin-rl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .xs-no-margin {
        margin: 0 !important;
    }
    .xs-no-margin-top {
        margin-top: 0 !important;
    }
    .xs-no-margin-right {
        margin-right: 0 !important;
    }
    .xs-no-margin-bottom {
        margin-bottom: 0 !important;
    }
    .xs-no-margin-left {
        margin-left: 0 !important;
    }
    .xs-no-margin-tb {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .xs-no-margin-rl {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}


/*
* Opacity
*/

@media (max-width: 1199px) {
    .md-opacity-0 {
        opacity: 0 !important;
    }
    .md-opacity-1 {
        opacity: 0.1 !important;
    }
    .md-opacity-2 {
        opacity: 0.2 !important;
    }
    .md-opacity-3 {
        opacity: 0.3 !important;
    }
    .md-opacity-4 {
        opacity: 0.4 !important;
    }
    .md-opacity-5 {
        opacity: 0.5 !important;
    }
    .md-opacity-6 {
        opacity: 0.6 !important;
    }
    .md-opacity-7 {
        opacity: 0.7 !important;
    }
    .md-opacity-8 {
        opacity: 0.8 !important;
    }
    .md-opacity-9 {
        opacity: 0.9 !important;
    }
    .md-no-opacity {
        opacity: 1 !important;
    }
}

@media (max-width: 991px) {
    .sm-opacity-0 {
        opacity: 0 !important;
    }
    .sm-opacity-1 {
        opacity: 0.1 !important;
    }
    .sm-opacity-2 {
        opacity: 0.2 !important;
    }
    .sm-opacity-3 {
        opacity: 0.3 !important;
    }
    .sm-opacity-4 {
        opacity: 0.4 !important;
    }
    .sm-opacity-5 {
        opacity: 0.5 !important;
    }
    .sm-opacity-6 {
        opacity: 0.6 !important;
    }
    .sm-opacity-7 {
        opacity: 0.7 !important;
    }
    .sm-opacity-8 {
        opacity: 0.8 !important;
    }
    .sm-opacity-9 {
        opacity: 0.9 !important;
    }
    .sm-no-opacity {
        opacity: 1 !important;
    }
}

@media (max-width: 767px) {
    .xs-opacity-0 {
        opacity: 0 !important;
    }
    .xs-opacity-1 {
        opacity: 0.1 !important;
    }
    .xs-opacity-2 {
        opacity: 0.2 !important;
    }
    .xs-opacity-3 {
        opacity: 0.3 !important;
    }
    .xs-opacity-4 {
        opacity: 0.4 !important;
    }
    .xs-opacity-5 {
        opacity: 0.5 !important;
    }
    .xs-opacity-6 {
        opacity: 0.6 !important;
    }
    .xs-opacity-7 {
        opacity: 0.7 !important;
    }
    .xs-opacity-8 {
        opacity: 0.8 !important;
    }
    .xs-opacity-9 {
        opacity: 0.9 !important;
    }
    .xs-no-opacity {
        opacity: 1 !important;
    }
}


/*
* Overflow
*/

@media (max-width: 1199px) {
    .md-overflow-hidden {
        overflow: hidden !important;
    }
    .md-overflow-visible {
        overflow: visible !important;
    }
}

@media (max-width: 991px) {
    .sm-overflow-hidden {
        overflow: hidden !important;
    }
    .sm-overflow-visible {
        overflow: visible !important;
    }
}

@media (max-width: 767px) {
    .xs-overflow-hidden {
        overflow: hidden !important;
    }
    .xs-overflow-visible {
        overflow: visible !important;
    }
}


/*
* Padding
*/

@media (max-width: 1199px) {
    .md-padding-1 {
        padding: 1% !important;
    }
    .md-padding-1-5 {
        padding: 1.5% !important;
    }
    .md-padding-2 {
        padding: 2% !important;
    }
    .md-padding-2-5 {
        padding: 2.5% !important;
    }
    .md-padding-3 {
        padding: 3% !important;
    }
    .md-padding-3-5 {
        padding: 3.5% !important;
    }
    .md-padding-4 {
        padding: 4% !important;
    }
    .md-padding-4-5 {
        padding: 4.5% !important;
    }
    .md-padding-5 {
        padding: 5% !important;
    }
    .md-padding-5-5 {
        padding: 5.5% !important;
    }
    .md-padding-6 {
        padding: 6% !important;
    }
    .md-padding-6-5 {
        padding: 6.5% !important;
    }
    .md-padding-7 {
        padding: 7% !important;
    }
    .md-padding-7-5 {
        padding: 7.5% !important;
    }
    .md-padding-8 {
        padding: 8% !important;
    }
    .md-padding-8-5 {
        padding: 8.5% !important;
    }
    .md-padding-9 {
        padding: 9% !important;
    }
    .md-padding-9-5 {
        padding: 9.5% !important;
    }
    .md-padding-10 {
        padding: 10% !important;
    }
    .md-padding-10-5 {
        padding: 10.5% !important;
    }
    .md-padding-11 {
        padding: 11% !important;
    }
    .md-padding-11-5 {
        padding: 11.5% !important;
    }
    .md-padding-12 {
        padding: 12% !important;
    }
    .md-padding-12-5 {
        padding: 12.5% !important;
    }
    .md-padding-13 {
        padding: 13% !important;
    }
    .md-padding-13-5 {
        padding: 13.5% !important;
    }
    .md-padding-14 {
        padding: 14% !important;
    }
    .md-padding-14-5 {
        padding: 14.5% !important;
    }
    .md-padding-15 {
        padding: 15% !important;
    }
    .md-padding-15-5 {
        padding: 15.5% !important;
    }
    .md-padding-16 {
        padding: 16% !important;
    }
    .md-padding-16-5 {
        padding: 16.5% !important;
    }
    .md-padding-17 {
        padding: 17% !important;
    }
    .md-padding-17-5 {
        padding: 17.5% !important;
    }
    .md-padding-18 {
        padding: 18% !important;
    }
    .md-padding-18-5 {
        padding: 18.5% !important;
    }
    .md-padding-19 {
        padding: 19% !important;
    }
    .md-padding-19-5 {
        padding: 19.5% !important;
    }
    .md-padding-20 {
        padding: 20% !important;
    }
    .md-padding-20-5 {
        padding: 20.5% !important;
    }
    .md-no-padding {
        padding: 0 !important;
    }
    .md-no-padding-top {
        padding-top: 0 !important;
    }
    .md-no-padding-right {
        padding-right: 0 !important;
    }
    .md-no-padding-bottom {
        padding-bottom: 0 !important;
    }
    .md-no-padding-left {
        padding-left: 0 !important;
    }
    .md-no-padding-tb {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .md-no-padding-rl {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media (max-width: 991px) {
    .sm-padding-1 {
        padding: 1% !important;
    }
    .sm-padding-1-5 {
        padding: 1.5% !important;
    }
    .sm-padding-2 {
        padding: 2% !important;
    }
    .sm-padding-2-5 {
        padding: 2.5% !important;
    }
    .sm-padding-3 {
        padding: 3% !important;
    }
    .sm-padding-3-5 {
        padding: 3.5% !important;
    }
    .sm-padding-4 {
        padding: 4% !important;
    }
    .sm-padding-4-5 {
        padding: 4.5% !important;
    }
    .sm-padding-5 {
        padding: 5% !important;
    }
    .sm-padding-5-5 {
        padding: 5.5% !important;
    }
    .sm-padding-6 {
        padding: 6% !important;
    }
    .sm-padding-6-5 {
        padding: 6.5% !important;
    }
    .sm-padding-7 {
        padding: 7% !important;
    }
    .sm-padding-7-5 {
        padding: 7.5% !important;
    }
    .sm-padding-8 {
        padding: 8% !important;
    }
    .sm-padding-8-5 {
        padding: 8.5% !important;
    }
    .sm-padding-9 {
        padding: 9% !important;
    }
    .sm-padding-9-5 {
        padding: 9.5% !important;
    }
    .sm-padding-10 {
        padding: 10% !important;
    }
    .sm-padding-10-5 {
        padding: 10.5% !important;
    }
    .sm-padding-11 {
        padding: 11% !important;
    }
    .sm-padding-11-5 {
        padding: 11.5% !important;
    }
    .sm-padding-12 {
        padding: 12% !important;
    }
    .sm-padding-12-5 {
        padding: 12.5% !important;
    }
    .sm-padding-13 {
        padding: 13% !important;
    }
    .sm-padding-13-5 {
        padding: 13.5% !important;
    }
    .sm-padding-14 {
        padding: 14% !important;
    }
    .sm-padding-14-5 {
        padding: 14.5% !important;
    }
    .sm-padding-15 {
        padding: 15% !important;
    }
    .sm-padding-15-5 {
        padding: 15.5% !important;
    }
    .sm-padding-16 {
        padding: 16% !important;
    }
    .sm-padding-16-5 {
        padding: 16.5% !important;
    }
    .sm-padding-17 {
        padding: 17% !important;
    }
    .sm-padding-17-5 {
        padding: 17.5% !important;
    }
    .sm-padding-18 {
        padding: 18% !important;
    }
    .sm-padding-18-5 {
        padding: 18.5% !important;
    }
    .sm-padding-19 {
        padding: 19% !important;
    }
    .sm-padding-19-5 {
        padding: 19.5% !important;
    }
    .sm-padding-20 {
        padding: 20% !important;
    }
    .sm-padding-20-5 {
        padding: 20.5% !important;
    }
    .sm-no-padding {
        padding: 0 !important;
    }
    .sm-no-padding-top {
        padding-top: 0 !important;
    }
    .sm-no-padding-right {
        padding-right: 0 !important;
    }
    .sm-no-padding-bottom {
        padding-bottom: 0 !important;
    }
    .sm-no-padding-left {
        padding-left: 0 !important;
    }
    .sm-no-padding-tb {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .sm-no-padding-rl {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media (max-width: 767px) {
    .xs-padding-1 {
        padding: 1% !important;
    }
    .xs-padding-1-5 {
        padding: 1.5% !important;
    }
    .xs-padding-2 {
        padding: 2% !important;
    }
    .xs-padding-2-5 {
        padding: 2.5% !important;
    }
    .xs-padding-3 {
        padding: 3% !important;
    }
    .xs-padding-3-5 {
        padding: 3.5% !important;
    }
    .xs-padding-4 {
        padding: 4% !important;
    }
    .xs-padding-4-5 {
        padding: 4.5% !important;
    }
    .xs-padding-5 {
        padding: 5% !important;
    }
    .xs-padding-5-5 {
        padding: 5.5% !important;
    }
    .xs-padding-6 {
        padding: 6% !important;
    }
    .xs-padding-6-5 {
        padding: 6.5% !important;
    }
    .xs-padding-7 {
        padding: 7% !important;
    }
    .xs-padding-7-5 {
        padding: 7.5% !important;
    }
    .xs-padding-8 {
        padding: 8% !important;
    }
    .xs-padding-8-5 {
        padding: 8.5% !important;
    }
    .xs-padding-9 {
        padding: 9% !important;
    }
    .xs-padding-9-5 {
        padding: 9.5% !important;
    }
    .xs-padding-10 {
        padding: 10% !important;
    }
    .xs-padding-10-5 {
        padding: 10.5% !important;
    }
    .xs-padding-11 {
        padding: 11% !important;
    }
    .xs-padding-11-5 {
        padding: 11.5% !important;
    }
    .xs-padding-12 {
        padding: 12% !important;
    }
    .xs-padding-12-5 {
        padding: 12.5% !important;
    }
    .xs-padding-13 {
        padding: 13% !important;
    }
    .xs-padding-13-5 {
        padding: 13.5% !important;
    }
    .xs-padding-14 {
        padding: 14% !important;
    }
    .xs-padding-14-5 {
        padding: 14.5% !important;
    }
    .xs-padding-15 {
        padding: 15% !important;
    }
    .xs-padding-15-5 {
        padding: 15.5% !important;
    }
    .xs-padding-16 {
        padding: 16% !important;
    }
    .xs-padding-16-5 {
        padding: 16.5% !important;
    }
    .xs-padding-17 {
        padding: 17% !important;
    }
    .xs-padding-17-5 {
        padding: 17.5% !important;
    }
    .xs-padding-18 {
        padding: 18% !important;
    }
    .xs-padding-18-5 {
        padding: 18.5% !important;
    }
    .xs-padding-19 {
        padding: 19% !important;
    }
    .xs-padding-19-5 {
        padding: 19.5% !important;
    }
    .xs-padding-20 {
        padding: 20% !important;
    }
    .xs-padding-20-5 {
        padding: 20.5% !important;
    }
    .xs-no-padding {
        padding: 0 !important;
    }
    .xs-no-padding-top {
        padding-top: 0 !important;
    }
    .xs-no-padding-right {
        padding-right: 0 !important;
    }
    .xs-no-padding-bottom {
        padding-bottom: 0 !important;
    }
    .xs-no-padding-left {
        padding-left: 0 !important;
    }
    .xs-no-padding-tb {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .xs-no-padding-rl {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}


/*
* Position
*/

@media (max-width: 1199px) {
    .md-position-absolute {
        position: absolute !important;
    }
    .md-position-fixed {
        position: fixed !important;
    }
    .md-position-relative {
        position: relative !important;
    }
    .md-position-top {
        top: 0 !important;
    }
    .md-position-right {
        right: 0 !important;
        left: auto !important;
    }
    .md-position-bottom {
        bottom: 0 !important;
    }
    .md-position-left {
        left: 0 !important;
    }
    .md-position-top-50 {
        top: 50% !important;
    }
    .md-position-left-50 {
        left: 50% !important;
    }
}

@media (max-width: 991px) {
    .sm-position-absolute {
        position: absolute !important;
    }
    .sm-position-fixed {
        position: fixed !important;
    }
    .sm-position-relative {
        position: relative !important;
    }
    .sm-position-top {
        top: 0 !important;
    }
    .sm-position-right {
        right: 0 !important;
        left: auto !important;
    }
    .sm-position-bottom {
        bottom: 0 !important;
    }
    .sm-position-left {
        left: 0 !important;
    }
    .sm-position-top-50 {
        top: 50% !important;
    }
    .sm-position-left-50 {
        left: 50% !important;
    }
}

@media (max-width: 767px) {
    .xs-position-absolute {
        position: absolute !important;
    }
    .xs-position-fixed {
        position: fixed !important;
    }
    .xs-position-relative {
        position: relative !important;
    }
    .xs-position-top {
        top: 0 !important;
    }
    .xs-position-right {
        right: 0 !important;
        left: auto !important;
    }
    .xs-position-bottom {
        bottom: 0 !important;
    }
    .xs-position-left {
        left: 0 !important;
    }
    .xs-position-top-50 {
        top: 50% !important;
    }
    .xs-position-left-50 {
        left: 50% !important;
    }
}


/*
* Text align
*/

@media (max-width: 1199px) {
    .md-text-right {
        text-align: right !important;
    }
    .md-text-left {
        text-align: left !important;
    }
    .md-text-center {
        text-align: center !important;
    }
    .md-text-justify {
        text-align: justify !important;
    }
}

@media (max-width: 991px) {
    .sm-text-right {
        text-align: right !important;
    }
    .sm-text-left {
        text-align: left !important;
    }
    .sm-text-center {
        text-align: center !important;
    }
    .sm-text-justify {
        text-align: justify !important;
    }
}

@media (max-width: 767px) {
    .xs-text-right {
        text-align: right !important;
    }
    .xs-text-left {
        text-align: left !important;
    }
    .xs-text-center {
        text-align: center !important;
    }
    .xs-text-justify {
        text-align: justify !important;
    }
}


/*
* Width
*/

@media (max-width: 1199px) {
    .md-width-50 {
        width: 50% !important;
    }
    .md-width-100 {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .sm-width-50 {
        width: 50% !important;
    }
    .sm-width-100 {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .xs-width-50 {
        width: 50% !important;
    }
    .xs-width-100 {
        width: 100% !important;
    }
}


/*
* Gallery
*/

@media (min-width: 544px) and (max-width: 991px) {
    .gallery-grid figcaption .display-table {
        height: 100%;
    }
    .gallery-grid figcaption .display-table-cell {
        padding: 0 20px;
    }
}


/*
* Gallery - Grid & gutter
*/

@media (max-width: 991px) {
    .gallery-grid .item {
        width: 50% !important;
    }
    .gallery-grid {
        margin-left: -22px !important;
    }
    .gallery-grid .item {
        padding: 0 0 22px 22px !important;
    }
}

@media (max-width: 767px) {
    .gallery-grid {
        margin-left: -11px !important;
    }
    .gallery-grid .item {
        padding: 0 0 11px 11px !important;
    }
}

@media (max-width: 543px) {
    .gallery-grid .item {
        width: 100% !important;
    }
    .gallery-grid {
        margin-left: -22px !important;
    }
    .gallery-grid .item {
        padding: 0 0 22px 22px !important;
    }
}


/*
* Gallery - Magnific popup
*/

@media (min-width: 992px) {
    .mfp-bg {
        opacity: 0.98;
    }
    button.mfp-close {
        display: none !important;
    }
}


/*
* Navigation
*/

@media (max-width: 991px) {
    .navbar .container {
        width: 100%;
    }
    .navbar .navbar-collapse {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    .navbar .navbar-collapse.pull-right {
        float: none !important;
    }
    .navbar.navbar-white {
        background-color: #ffffff;
        opacity: .96;
    }
    .navbar.navbar-white .navbar-brand {
        color: #000000;
    }
    .navbar.navbar-white .navbar-brand img.logo-navbar-dark {
        opacity: 0;
    }
    .navbar.navbar-white .navbar-brand img.logo-navbar-white {
        opacity: 1;
    }
    .navbar.navbar-white .navbar-toggle {
        border: 1px solid #000000;
    }
    .navbar.navbar-white .navbar-toggle .icon-bar {
        background-color: #000000;
    }
    .navbar.navbar-white .navbar-nav > li.active > a:before {
        background-color: #000000;
    }
    .navbar.navbar-white .navbar-nav > li > a {
        color: #000000;
    }
    .navbar.navbar-white .navbar-collapse {
        border-top: 1px solid rgba(0, 0, 0, 0.08);
    }
}

@media (min-width: 992px) {
    .navbar {
        background-color: rgba(85, 36, 72, 0.15);
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
    .navbar .navbar-nav > li {
        line-height: 80px !important;
        padding: 0 15px;
    }
    .navbar.shrink .container {
        height: 70px;
    }
    .navbar.shrink .navbar-brand {
        height: 65px;
        line-height: 60px !important;
    }
    .navbar.shrink .navbar-brand img {
        max-height: 50px;
        top: 9px;
    }
    .navbar.shrink .navbar-nav > li {
        line-height: 60px !important;
    }
}


/*
* Section
*/

@media (min-width: 768px) {
    section {
        padding: 120px 0;
    }
}

@media (min-width: 992px) {
    section {
        padding: 135px 0;
    }
}