$fa: "FontAwesome"
$zm: "Material-Design-Iconic-Font"
$font: "Merriweather", serif
$font2: "Noto Sans", sans-serif

// reset

a:focus,
a:hover,
a:visited,
input,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle,
input:hover, .quote_area .quote_form .bootstrap-select > .dropdown-toggle:hover,
input:focus, .quote_area .quote_form .bootstrap-select > .dropdown-toggle:focus,
input:active,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle:active,
select
    text-decoration: none
    outline: none !important

// section-pdng

//transition-class

.trns
    +transition(all 0.2s ease-out 0s)

.trns2
    +transition(all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74) 0s)

img
    max-width: 100%

a,
span
    display: inline-block

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
    color: $c4
    font-family: $font2
    font-weight: 700

.an_rl
    animation: anrl 1s infinite

@keyframes anrl
    0%
        transform: translateX(0)

    30%
        transform: translateX(4px)

    100%
        transform: translateX(0)

.no-padding
    padding: 0

//flex_class

.flex_center
    +display-flex(flex)

    +justify-content(center)

    +flex-column(column)

=flex_center
    +display-flex(flex)

    +justify-content(center)

    +flex-column(column)

.shadow
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2)

=shadow
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2)

.shadowLg
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07)

.shadowLg2
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07)

=shadowLg
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1)

=shadowLg2
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07)

.post--overlay--1
    position: relative
    z-index: 1

    &:after
        position: absolute
        content: ''
        height: 100%
        width: 100%
        bottom: 0
        left: 0
        z-index: -1

        /* Permalink - http://colorzilla.com/gradient-editor/#181818+0,000000+100&1+0,1+22,0+100
        background: -moz-linear-gradient(top, rgba(24, 24, 24, 1) 0%, rgba(19, 19, 19, 1) 22%, rgba(0, 0, 0, 0) 100%)
        background: -webkit-linear-gradient(top, rgba(24, 24, 24, 1) 0%, rgba(19, 19, 19, 1) 22%, rgba(0, 0, 0, 0) 100%)
        background: linear-gradient(to bottom, rgba(24, 24, 24, 1) 0%, rgba(19, 19, 19, 1) 22%, rgba(0, 0, 0, 0) 100%)
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#00000000',GradientType=0 )
        transform: rotate(180deg)

.post--overlay--2
    position: relative
    z-index: 1

    &:after
        position: absolute
        content: ''
        height: 100%
        width: 100%
        bottom: 0
        left: 0
        z-index: -1

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#181818+0,000000+52&1+0,0+51
        background: -moz-linear-gradient(top, rgba(24, 24, 24, 1) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 52%)
        background: -webkit-linear-gradient(top, rgba(24, 24, 24, 1) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 52%)
        background: linear-gradient(to bottom, rgba(24, 24, 24, 1) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 52%)
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#00000000',GradientType=0 )
        transform: rotate(180deg)

.st--full--overlay
    position: relative
    z-index: 1

    &:after
        content: ''
        position: absolute
        height: 100%
        width: 100%
        top: 0
        left: 0
        z-index: -1
        background-color: #000
        opacity: .4