/*------------------------------------------*/
/*#HELPER CLASSES*/
/*------------------------------------------*/

/*----------visible elements-------------------*/

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

    .hidden-xs               { display: none !important; }
    .visible-xs              { display: block !important; }
    .visible-xs-block        { display: block !important; }
    .visible-xs-inline       { display: inline !important; }
    .visible-xs-inline-block { display: inline-block !important; }
}


@media (min-width: 768px) and (max-width: 991px) {

    .hidden-sm               { display: none !important; }
    .visible-sm              { display: block !important; }
    .visible-sm-block        { display: block !important; }
    .visible-sm-inline       { display: inline !important; }
    .visible-sm-inline-block { display: inline-block !important; }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .hidden-md               { display: none !important; }
    .visible-md              { display: block !important; }
    .visible-md-block        { display: block !important; }
    .visible-md-inline       { display: inline !important; }
    .visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1200px) {

    .hidden-lg               { display: none !important; }
    .visible-lg              { display: block !important; }
    .visible-lg-block        { display: block !important; }
    .visible-lg-inline       { display: inline !important; }
    .visible-lg-inline-block { display: inline-block !important; }

}

.visible-print              { display: none !important; }
.visible-print-block        { display: none !important; }
.visible-print-inline       { display: none !important; }
.visible-print-inline-block { display: none !important; }

@media print {

    .hidden-print               { display: none !important; }
    .visible-print              { display: block !important; }
    .visible-print-block        { display: block !important; }
    .visible-print-inline       { display: inline !important; }
    .visible-print-inline-block { display: inline-block !important; }

}

@-ms-viewport { width: device-width; }

/*----------font weight-------------------*/

.fw--light     { font-weight: 300; }
.fw--regular   { font-weight: 400; }
.fw--medium    { font-weight: 500; }
.fw--semibold  { font-weight: 600; }
.fw--extrabold { font-weight: 800; }
.fw--black     { font-weight: 900; }

/*----------font style------------------*/

.txt--uppercase   { text-transform: uppercase; }
.txt--capitalize  { text-transform: capitalize; }
.txt--underline   { text-decoration: underline; }
.txt--linethrough { text-decoration: line-through; }

/*-----------font align -------------------*/

.txt--center { text-align: center; }
.txt--left   { text-align: left; }
.txt--right  { text-align: right; }

/*---------elements align------------------*/

.pull--left   { float: left; }
.pull--right  { float: right; }
.pull--none   { float: none; }
.clearfix     { clear: both; }


/*--------elements visibility--------------------*/

.visible   { visibility: visible; }
.invisible { visibility: hidden; }

.hide   { display: none !important; }
.show   { display: block !important; }
.hidden { display: none !important; }

/*---------elements position-----------------------*/

.p--relative { position: relative; }
.p--absolute { position: absolute; }
.p--fixed    { position: fixed; }

/*--------overflow---------------------------------*/

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

/*----------------------------------------------------------------------------*/
/*#IMAGE STYLE*/
/*----------------------------------------------------------------------------*/

.img--fluid   { max-width: 100%; }

.img--circle  { border-radius: 50%; }

.img--rounded { border-radius: 6px; }

/*----------------------------------------------------------------------------*/
/*#FONT COLOR*/
/*----------------------------------------------------------------------------*/

.txt--white { color: #fff; }
.txt--black { color: #000; }

/*----------------------------------------------------------------------------*/
/*#BACKGROUND STYLE*/
/*----------------------------------------------------------------------------*/

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

/*----------------------------------------------------------------------------*/
/*#BUTTON STYLE*/
/*----------------------------------------------------------------------------*/

.btn {
    -webkit-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
    text-align: center;
}

.btn--center {
    display: block;
    margin-left:  auto;
    margin-right: auto;
}

/*----------------------------------------------------------------------------*/
/*#CONTAINER STYLE*/
/*----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
/*#PADDING STYLE*/
/*----------------------------------------------------------------------------*/

.p--0 { padding: 0; }

/*----------------------------------------------------------------------------*/
/*#MARGIN STYLE*/
/*----------------------------------------------------------------------------*/

.m--0 { margin: 0; }


/*----------------------------------------------------------------------------*/
/*#FOOTER WIDGETS STYLE*/
/*----------------------------------------------------------------------------*/

.footer-widgets {
    padding-left:  0;
    padding-right: 0;
}

.footer-widgets-1 {
    display: table;
    clear: both;
    float: none;
    width: 100%;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5 {
    width: 18.75%;
    float: left;
    margin-right: 1.25%;
}

@media only screen and (max-width:1024px) {
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4,
    .footer-widgets-5 { width: 47.5% }

    .footer-widgets-1,
    .footer-widgets-4 { margin-right: 5% }

    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4 { margin-right: 0 }
}
@media only screen and (max-width:768px)  {
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4,
    .footer-widgets-5	{
        width: 47.5%;
        margin-right: 0;
    }
}
@media only screen and (max-width:568px)  {
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4,
    .footer-widgets-5 { width: 100%; }
}