/*

Builder
Theme: VGA

*/

/* Basic */

.vg-clear {
    clear: both;
}

/* Typo */

.vg-txt-ellips {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vg-txt-center {
    text-align: center;
}

.vg-txt-left {
    text-align: left;
}

.vg-txt-right {
    text-align: right;
}

.vg-txt-justy {
    text-align: justify;
}

.vg-txt-upp {
    text-transform: uppercase;
}

.vg-txt-cap {
    text-transform: capitalize;
}

.vg-txt-low {
    text-transform: lowercase;
}

/* Display */

.vg-hide {
    visibility: hidden;
}

.vg-none {
    display: none;
}

.vg-block {
    display: block;
}

.vg-table {
    display: table;
    height: 100%;
    width: 100%;
}

.vg-cell {
    display: table-cell;
    vertical-align: middle;
}

.vg-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vg-middle {
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);

    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
}

.vg-center-image img {
    margin: 0 auto;
}

.vg-inline {
    display: inline;
}

.vg-inline-b {
    display: inline-block;
}

.vg-float-l {
    float: left;
}

.vg-float-r {
    float: right;
}

.vg-float-n {
    float: none;
}

.vg-pos-abs {
    position: absolute;
}

.vg-pos-rel {
    position: relative;
}

.vg-pos-fix {
    position: fixed;
}

.vg-pos-stc {
    position: static;
}

.vg-over-h {
    overflow: hidden;
}

.vg-over-v {
    overflow: visible;
}

/* Positioning */

.vg-center-top {
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.vg-center-bott {
    transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    -webkit-transform: translateY(50%);
}

.vg-center {
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
}

.vg-pos-top {
    top: 0;
}

.vg-pos-bott {
    bottom: 0;
}

.vg-pos-top-l {
    top: 0;
    left: 0;
}

.vg-pos-top-r {
    top: 0;
    right: 0;
}

.vg-pos-bott-l {
    bottom: 0;
    left: 0;
}

.vg-pos-bott-r {
    bottom: 0;
    right: 0;
}

/* Radius */

.vg-radius {
    border-radius: 100%;
}

.vg-square {
    border-radius: 0;
}

/* Opacity */

.vg-opacity {
    opacity: 0;
}

.vg-opacity-1 {
    opacity: 0.1;
}

.vg-opacity-2 {
    opacity: 0.2;
}

.vg-opacity-3 {
    opacity: 0.3;
}

.vg-opacity-4 {
    opacity: 0.4;
}

.vg-opacity-5 {
    opacity: 0.5;
}

.vg-opacity-6 {
    opacity: 0.6;
}

.vg-opacity-7 {
    opacity: 0.7;
}

.vg-opacity-8 {
    opacity: 0.8;
}

.vg-opacity-9 {
    opacity: 0.9;
}

/* Background */

.vg-no-rep {
    background-repeat: no-repeat;
}

.vg-bg-center {
    background-position: center center;
}

.vg-bg-top {
    background-position: top center;
}

.vg-bg-bottom {
    background-position: bottom center;
}

.vg-bg-cover {
    background-size: cover;
}

.vg-bg-contain {
    background-size: contain;
}

.vg-bg-attach-s {
    background-attachment: scroll;
}

.vg-bg-attach-f {
    background-attachment: fixed;
}

/* Spacing */

.vg-no-padd {
    padding: 0 !important;
}

.vg-no-marg {
    margin: 0 !important;
}

/* Dimension */

.vg-full-vh {
    height: 100vh;
}

/* Borders */

.vg-no-brd {
    border: none !important;
}

.vg-dotted {
    border-style: dotted;
}

.vg-solid {
    border-style: solid;
}

.vg-dashed {
    border-style: dashed;
}

/* Typo */

.vg-font-tiny {
    font-weight: 100;
}

.vg-font-normal {
    font-weight: 300;
}

.vg-font-medium {
    font-weight: 500;
}

.vg-font-bold {
    font-weight: 700;
}

.vg-font-heavy {
    font-weight: 900;
}

.vg-black {
    color: #000;
}

.vg-white {
    color: #fff;
}

.vg-red {
    color: #ff0000;
}

/* Buttons */

.vg-btn {
    cursor: pointer;
    border-bottom: 1px solid transparent;
}