/* Backgrounds
	------------------------------------------- */

.bg-green, .bg-success {
    background-color: #769d4e; 
}

.bg-blue, .bg-info {
    background-color: #3aa8db;
}

.bg-orange, .bg-warning {
    background-color: #d86a39;
}

.bg-red, .bg-danger {
    background-color: #ca4441;
}

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #000000;
}

.bg-grey {
    background-color: #f8f8f8;
}

.bg-grey-dark {
    background-color: #232323;
}

.bg-blue-dark {
    background-color: #1a2a41;
}

.bg-red-dark {
    background-color: #4b1615;
}

.bg-red-navy {
    background-color: #723e3d;
}

.bg-green-dark {
    background-color: #232d1c;
}

.bg-green-navy {
    background-color: #647247;
}

.bg-brown {
    background-color: #32281d;
}

.bg-blue-navy {
    background-color: #31485e;
}

.bg-yellow {
    background-color: #ddc13e;
}

.bg-yellow-navy {
    background-color: #8e824c;
}

.bg-beige {
    background-color: #caa669;
}

.bg-purple {
    background-color: #8566b5;
}

.bg-purple-navy {
    background-color: #352a47;
}

.bg-dark {
    background-color: rgba(0,0,0,0.7);
}

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

 .dark a
    {
        color:#fff;
    }

    a:hover, a:focus {
        text-decoration: underline;
    }

    textarea:focus, input:focus, a:focus, a:visited, *:focus {
        outline: none;
    }
   

iframe {
    border: none;
}

img {
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
}

/* ----------------------------------------------------------------------------- */
/* --- 2. BASIC 
/* ----------------------------------------------------------------------------- */

.relative {
    position: relative;
    z-index: 2;
}

.border {
    border: 1px solid rgba(0,0,0,0.15);
}

.dark.border, .dark .border {
    border: 1px solid rgba(255,255,255,0.2);
}

.border-bottom {
    border-bottom: 1px solid rgba(0,0,0,0.15);
}

.dark.border-bottom, .dark .border-bottom {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.border-top {
    border-top: 1px solid rgba(0,0,0,0.15);
}

.dark.border-top, .dark .border-top {
    border-top: 1px solid rgba(255,255,255,0.2);
}

.light {
    color: #111111;
}

.dark {
    color: #fff;
}

.padding-70 {
    padding: 70px;
}

.padding-60 {
    padding: 60px;
}

.padding-40 {
    padding: 40px;
}

.padding-30 {
    padding: 30px;
}

.padding-20 {
    padding: 20px;
}

.padding-15 {
    padding: 15px;
}

.padding-10 {
    padding: 10px;
}

.padding-v-130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.padding-v-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.padding-v-110 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.padding-v-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding-v-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.padding-v-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.padding-v-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.padding-v-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.padding-v-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-v-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-v-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padding-v-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-v-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-v-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-h-130 {
    padding-left: 130px;
    padding-right: 130px;
}

.padding-h-120 {
    padding-left: 120px;
    padding-right: 120px;
}

.padding-h-110 {
    padding-left: 110px;
    padding-right: 110px;
}

.padding-h-100 {
    padding-left: 100px;
    padding-right: 100px;
}

.padding-h-90 {
    padding-left: 90px;
    padding-right: 90px;
}

.padding-h-80 {
    padding-left: 80px;
    padding-right: 80px;
}

.padding-h-70 {
    padding-left: 70px;
    padding-right: 70px;
}

.padding-h-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.padding-h-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.padding-h-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.padding-h-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-h-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-v-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-h-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-t-130 {
    padding-top: 130px;
}

.padding-t-120 {
    padding-top: 120px;
}

.padding-t-110 {
    padding-top: 110px;
}

.padding-t-100 {
    padding-top: 100px;
}

.padding-t-90 {
    padding-top: 90px;
}

.padding-t-80 {
    padding-top: 80px;
}

.padding-t-70 {
    padding-top: 70px;
}

.padding-t-60 {
    padding-top: 60px;
}

.padding-t-50 {
    padding-top: 50px;
}

.padding-t-40 {
    padding-top: 40px;
}

.padding-t-30 {
    padding-top: 30px;
}

.padding-t-20 {
    padding-top: 20px;
}

.padding-t-15 {
    padding-top: 15px;
}

.padding-t-10 {
    padding-top: 10px;
}

.padding-b-130 {
    padding-bottom: 130px;
}

.padding-b-120 {
    padding-bottom: 120px;
}

.padding-b-110 {
    padding-bottom: 110px;
}

.padding-b-100 {
    padding-bottom: 100px;
}

.padding-b-90 {
    padding-bottom: 90px;
}

.padding-b-80 {
    padding-bottom: 80px;
}

.padding-b-70 {
    padding-bottom: 70px;
}

.padding-b-60 {
    padding-bottom: 60px;
}

.padding-b-50 {
    padding-bottom: 50px;
}

.padding-b-40 {
    padding-bottom: 40px;
}

.padding-b-30 {
    padding-bottom: 30px;
}

.padding-b-20 {
    padding-bottom: 20px;
}

.padding-b-15 {
    padding-bottom: 15px;
}

.padding-b-10 {
    padding-bottom: 10px;
}

.margin-t-0 {
    margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.margin-t-120 {
    margin-top: 120px !important;
}

.margin-b-0 {
    margin-bottom: 0px !important;
}

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

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

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

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

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

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

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

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

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

.margin-b-80 {
    margin-bottom: 80px !important;
}

.margin-b-90 {
    margin-bottom: 90px !important;
}

.margin-b-100 {
    margin-bottom: 100px !important;
}

.margin-b-110 {
    margin-bottom: 110px !important;
}

.margin-b-120 {
    margin-bottom: 120px !important;
}

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

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

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

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

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

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

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

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

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

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


.h-150 {
    height: 150px;
}

.h-100 {
    height: 100px;
}

.h-200 {
    height: 200px;
}

.h-300 {
    height: 300px;
}

.h-400 {
    height: 400px;
}

.h-500 {
    height: 500px;
}

.h-600 {
    height: 600px;
}

.h-700 {
    height: 700px;
}

.h-800 {
    height: 800px;
}

.h-900 {
    height: 900px;
}

.h-sm {
    min-height: 40vh;
}

.h-md {
    min-height: 60vh;
}

.h-lg {
    min-height: 80vh;
}

.fullwidth
{
    width:100%;
}

.fullheight {
    height: 100vh;
}

.min-fullheight {
    min-height: 100vh;
}

.icon-before {
    margin-right: 8px;
}

.icon-after {
    margin-left: 8px;
}

.icon-before-and-after {
    margin-right: 8px;
    margin-left: 8px;
}

.sep-line {
    position: relative;
    z-index: 1;
    display: block;
    height: 1px;
    border: none;
    margin: 10px 0;
    background: rgba(0,0,0,0.1);
}

.dark .sep-line {
    background: rgba(255,255,255,0.2);
}

.v-center {
    position: relative;
    top: 50%;
    transform: translate3d(0,-50%,0);
    -webkit-transform: translate3d(0,-50%,0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.v-bottom {
    position: relative;
    top: 95%;
    transform: translate3d(0,-100%,0);
    -webkit-transform: translate3d(0,-100%,0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.v-center-items {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: row;
    -webkit-flex-direction: row;
}