/* ***************************/
/*  Border setings classe   */
/* ======================= */

/* No border */
.border-none {
    border: none;
}

.border-transparent {
    border: 1px solid transparent;
}

/* Border 1px Solid White */
.b-t-1px-white {
    border-top: 1px solid #ffffff;
}

.b-r-1px-white {
    border-right: 1px solid #ffffff;
}

.b-b-1px-white {
    border-bottom: 1px solid #ffffff;
}

.b-l-1px-white {
    border-left: 1px solid #ffffff;
}

/* Border 1px Solid White ALL */
.b-all-1px-white {
    border: 1px solid #ffffff;
}

/* Border 1px Solid Gray */
.b-t-1px-gray {
    border-top: 1px solid #b8c0c3;
}

.b-r-1px-gray {
    border-right: 1px solid #b8c0c3;
}

.b-b-1px-gray {
    border-bottom: 1px solid #b8c0c3;
}

.b-l-1px-gray {
    border-left: 1px solid #b8c0c3;
}

/* Border 1px Solid Gray ALL */
.b-all-1px-gray {
    border: 1px solid #b8c0c3;
}

/* Border 1px Solid Light Gray */
.b-t-1px-l-gray {
    border-top: 1px solid #f4f4f4;
}

.b-r-1px-l-gray {
    border-right: 1px solid #f4f4f4;
}

.b-b-1px-l-gray {
    border-bottom: 1px solid #f4f4f4;
}

.b-l-1px-l-gray {
    border-left: 1px solid #f4f4f4;
}

/* Border 1px Solid Gray ALL */
.b-all-1px-l-gray {
    border: 1px solid #f4f4f4;
}

/* Border 3px Solid Light Gray */
.b-t-3px-l-gray {
    border-top: 3px solid #D8D8D8;
}

.b-r-3px-l-gray {
    border-right: 3px solid #D8D8D8;
}

.b-b-3px-l-gray {
    border-bottom: 3px solid #D8D8D8;
}

.b-l-3px-l-gray {
    border-left: 3px solid #D8D8D8;
}

/* Border 3px Solid Gray ALL */
.b-all-3px-l-gray {
    border: 3px solid #D8D8D8;
}

/* Border 1px Solid Dark Gray */
.b-t-1px-d-gray {
    border-top: 1px solid #6D7172;
}

.b-r-1px-d-gray {
    border-right: 1px solid #6D7172;
}

.b-b-1px-d-gray {
    border-bottom: 1px solid #6D7172;
}

.b-l-1px-d-gray {
    border-left: 1px solid #6D7172;
}

/* Border 1px Solid Dark Gray ALL */
.b-all-1px-d-gray {
    border: 1px solid #6D7172;
}

/* Border 1px Solid Cyan */
.b-t-1px-cyan {
    border-top: 1px solid #30b0d2;
}

.b-r-1px-cyan {
    border-right: 1px solid #30b0d2;
}

.b-b-1px-cyan {
    border-bottom: 1px solid #30b0d2;
}

.b-l-1px-cyan {
    border-left: 1px solid #30b0d2;
}

/* Border 1px Solid Cyan ALL */
.b-all-1px-cyan {
    border: 1px solid #30b0d2;
}

/* Border 1px Solid Dark Cyan */
.b-t-1px-d-cyan {
    border-top: 1px solid #4e80a3;
}

.b-r-1px-d-cyan {
    border-right: 1px solid #4e80a3;
}

.b-b-1px-d-cyan {
    border-bottom: 1px solid #4e80a3;
}

.b-l-1px-d-cyan {
    border-left: 1px solid #4e80a3;
}

/* Border 1px Solid Cyan ALL */
.b-all-1px-d-cyan {
    border: 1px solid #4e80a3;
}

/* Border Radius Settings */
/* Border All 2px Radius */
.b-all-2px-radius {
    border-radius: 2px;
}
.b-all-10px-radius {
    border-radius: 10px;
}
.b-all-45px-radius {
    border-radius: 45px;
}


.b-t-right-10px-radius {
    border-top-right-radius: 10px
}
.b-t-left-10px-radius {
    border-top-left-radius: 10px
}

.b-b-right-20px-radius {
    border-bottom-right-radius: 20px
}
.b-b-left-20px-radius {
    border-bottom-left-radius: 20px
}

/* ***************** */
/*  Padding classe  */
/* =============== */

/*   RESET Padding TO 0px  */
/* Padding 0 px  */
.pad-top-percent-0 {
    padding-top: 0;
}

.pad-right-percent-0 {
    padding-right: 0 !important;
}

.pad-bottom-percent-0 {
    padding-bottom: 0;
}

.pad-left-percent-0 {
    padding-left: 0;
}

/*   Padding ALL 0   */

.pad-all-0 {
    padding: 0px;
}

/* Padding ALL 20 */
.pad-all-20{
    padding: 20px;
}

/* Padding 0.5 px  */
.pad-top-percent-05 {
    padding-top: 0.5%;
}

.pad-right-percent-05 {
    padding-right: 0.5%;
}

.pad-bottom-percent-05 {
    padding-bottom: 0.5%;
}

.pad-left-percent-05 {
    padding-left: 0.5%;
}

/*   Padding ALL 05   */

.pad-all-05 {
    padding: 0.5%;
}

/*  Percent paddings	*/

/* Padding 1 percent  */
.pad-top-percent-1 {
    padding-top: 1%;
}

.pad-right-percent-1 {
    padding-right: 1%;
}

.pad-bottom-percent-1 {
    padding-bottom: 1%;
}

.pad-left-percent-1 {
    padding-left: 1%;
}

/*   Padding ALL 1   */
.pad-all-percent-1 {
    padding: 1%;
}

/* Padding 2 percent  */
.pad-top-percent-2 {
    padding-top: 2%;
}

.pad-right-percent-2 {
    padding-right: 2%;
}

.pad-bottom-percent-2 {
    padding-bottom: 2%;
}

.pad-left-percent-2 {
    padding-left: 2%;
}

/*   Padding ALL 2   */
.pad-all-percent-2 {
    padding: 2%;
}

/* Padding 3 percent   */
.pad-top-percent-3 {
    padding-top: 3%;
}

.pad-right-percent-3 {
    padding-right: 3%;
}

.pad-bottom-percent-3 {
    padding-bottom: 3%;
}

.pad-left-percent-3 {
    padding-left: 3%;
}

/*    Padding ALL 3%  */
.pad-all-percent-3 {
    padding: 3%;
}

/* Padding 4 percent   */
.pad-top-percent-4 {
    padding-top: 4%;
}

.pad-right-percent-4 {
    padding-right: 4%;
}

.pad-bottom-percent-4 {
    padding-bottom: 4%;
}

.pad-left-percent-4 {
    padding-left: 4%;
}

/*    Padding ALL 4%  */
.pad-all-percent-4 {
    padding: 4%;
}

/* Padding 5 percent   */
.pad-top-percent-5 {
    padding-top: 5%;
}

.pad-right-percent-5 {
    padding-right: 5%;
}

.pad-bottom-percent-5 {
    padding-bottom: 5%;
}

.pad-left-percent-5 {
    padding-left: 5%;
}

/*    Padding ALL 5%  */
.pad-all-percent-5 {
    padding: 5%;
}

/* Padding 6 percent   */
.pad-top-percent-6 {
    padding-top: 6%;
}

.pad-right-percent-6 {
    padding-right: 6%;
}

.pad-bottom-percent-6 {
    padding-bottom: 6%;
}

.pad-left-percent-6 {
    padding-left: 6%;
}

/*    Padding ALL 6%  */
.pad-all-percent-6 {
    padding: 6%;
}


/* Padding 8 percent   */
.pad-top-percent-8 {
    padding-top: 8%;
}

.pad-right-percent-8 {
    padding-right: 8%;
}

.pad-bottom-percent-8 {
    padding-bottom: 8%;
}

.pad-left-percent-8 {
    padding-left: 8%;
}

/*    Padding ALL 8%  */
.pad-all-percent-8 {
    padding: 8%;
}
/* Padding 10 percent   */
.pad-top-percent-10 {
    padding-top: 10%;
}

.pad-right-percent-10 {
    padding-right: 10%;
}

.pad-bottom-percent-10 {
    padding-bottom: 10%;
}

.pad-left-percent-10 {
    padding-left: 10%;
}

/*    Padding ALL 10%  */
.pad-all-percent-10 {
    padding: 10%;
}

/* Padding 11 percent   */
.pad-top-percent-11 {
    padding-top: 11%;
}

.pad-right-percent-11 {
    padding-right: 11%;
}

.pad-bottom-percent-11 {
    padding-bottom: 11%;
}

.pad-left-percent-11 {
    padding-left: 11%;
}

/*    Padding ALL 11%  */
.pad-all-percent-11 {
    padding: 11%;
}

/* Padding 15 percent   */
.pad-top-percent-15 {
    padding-top: 15%;
}

.pad-right-percent-15 {
    padding-right: 15%;
}

.pad-bottom-percent-15 {
    padding-bottom: 15%;
}

.pad-left-percent-15 {
    padding-left: 15%;
}

/*    Padding ALL 15%  */
.pad-all-percent-15 {
    padding: 15%;
}

/* Specialy created paddings to get 1070px wid nad fluid   */
/* Padding 18 percent   */
.pad-top-percent-18 {
    padding-top: 18.25%;
}

.pad-right-percent-18 {
    padding-right: 18.25%;
}

.pad-bottom-percent-18 {
    padding-bottom: 18.25%;
}

.pad-left-percent-18 {
    padding-left: 18.25%;
}

/*    Padding ALL 18%  */
.pad-all-percent-18 {
    padding: 18.25%;
}

/* Padding 19.53 percent  */
.pad-top-percent-19 {
    padding-top: 19.53%;
}

.pad-right-percent-19 {
    padding-right: 19.53%;
}

.pad-bottom-percent-19 {
    padding-bottom: 19.53%;
}

.pad-left-percent-19 {
    padding-left: 19.53%;
}

/*   Padding ALL 19.53   */
.pad-all-percent-19 {
    padding: 19.53%;
}

/* Padding 20 percent   */
.pad-top-percent-20 {
    padding-top: 20%;
}

.pad-right-percent-20 {
    padding-right: 20%;
}

.pad-bottom-percent-20 {
    padding-bottom: 20%;
}

.pad-left-percent-20 {
    padding-left: 20%;
}

/*    Padding ALL 20%  */
.pad-all-percent-20 {
    padding: 20%;
}

/*  	Padding fixed lenght	*/

/* Padding 2 px   */
.pad-top-fixed-2 {
    padding-top: 2px;
}

.pad-right-fixed-2 {
    padding-right: 2px;
}

.pad-bottom-fixed-2 {
    padding-bottom: 2px;
}

.pad-left-fixed-2 {
    padding-left: 2px;
}

/*    Padding ALL 5px  */
.pad-all-fixed-5 {
    padding: 5px;
}

/* Padding 5 px   */
.pad-top-fixed-5 {
    padding-top: 5px;
}

.pad-right-fixed-5 {
    padding-right: 5px;
}

.pad-bottom-fixed-5 {
    padding-bottom: 5px;
}
.pad-left-fixed-5 {
    padding-left: 5px;
}

/*    Padding ALL 5px  */
.pad-all-fixed-5 {
    padding: 5px;
}

/* Padding 10 px   */
.pad-top-fixed-10 {
    padding-top: 10px;
}

.pad-right-fixed-10 {
    padding-right: 10px;
}

.pad-bottom-fixed-10 {
    padding-bottom: 10px;
}

.pad-left-fixed-10 {
    padding-left: 10px !important;
}

/*    Padding ALL 10px  */
.pad-all-fixed-10 {
    padding: 10px;
}

/* Padding 15 px   */
.pad-top-fixed-15 {
    padding-top: 15px;
}

.pad-right-fixed-15 {
    padding-right: 15px;
}

.pad-bottom-fixed-15 {
    padding-bottom: 15px;
}

.pad-left-fixed-15 {
    padding-left: 15px;
}

/*    Padding ALL 15px  */
.pad-all-fixed-15 {
    padding: 15px;
}

/* Padding 20 px   */
.pad-top-fixed-20 {
    padding-top: 20px;
}

.pad-right-fixed-20 {
    padding-right: 20px;
}

.pad-bottom-fixed-20 {
    padding-bottom: 20px;
}

.pad-left-fixed-20 {
    padding-left: 20px;
}

/*    Padding ALL 20px  */
.pad-all-fixed-20 {
    padding: 20px;
}

/* Padding 25 px   */
.pad-top-fixed-25 {
    padding-top: 25px;
}

.pad-right-fixed-25 {
    padding-right: 25px;
}

.pad-bottom-fixed-25 {
    padding-bottom: 25px;
}

.pad-left-fixed-25 {
    padding-left: 25px;
}

/*    Padding ALL 25px  */
.pad-all-fixed-25 {
    padding: 25px;
}

/* Padding 30 px   */
.pad-top-fixed-30 {
    padding-top: 30px;
}

.pad-right-fixed-30 {
    padding-right: 30px;
}

.pad-bottom-fixed-30 {
    padding-bottom: 30px;
}

.pad-left-fixed-30 {
    padding-left: 30px;
}

/*    Padding ALL 30px  */
.pad-all-fixed-30 {
    padding: 30px;
}

/* Padding 40 px   */
.pad-top-fixed-40 {
    padding-top: 40px;
}

.pad-right-fixed-40 {
    padding-right: 40px;
}

.pad-bottom-fixed-40 {
    padding-bottom: 40px;
}

.pad-left-fixed-40 {
    padding-left: 40px;
}

/*    Padding ALL 40px  */
.pad-all-fixed-40 {
    padding: 40px;
}

/* Padding 45 px   */
.pad-top-fixed-45 {
    padding-top: 45px;
}

.pad-right-fixed-45 {
    padding-right: 45px!important;
}

.pad-bottom-fixed-45 {
    padding-bottom: 45px;
}

.pad-left-fixed-45 {
    padding-left: 45px!important;
}

/*    Padding ALL 45px  */
.pad-all-fixed-45 {
    padding: 45px;
}

/* Padding 50 px   */
.pad-top-fixed-50 {
    padding-top: 50px;
}

.pad-right-fixed-50 {
    padding-right: 50px;
}

.pad-bottom-fixed-50 {
    padding-bottom: 50px;
}

/* Padding 60 px   */
.pad-top-fixed-60 {
    padding-top: 60px !important;
}

.pad-right-fixed-60 {
    padding-right: 60px!important;
}

.pad-bottom-fixed-60 {
    padding-bottom: 60px !important;
}

.pad-left-fixed-60 {
    padding-left: 60px !important;
}

/*    Padding ALL 60px  */
.pad-all-fixed-60 {
    padding: 60px !important;
}

/* Padding 65 px   */
.pad-top-fixed-65 {
    padding-top: 65px;
}

.pad-right-fixed-65 {
    padding-right: 65px;
}

.pad-bottom-fixed-65 {
    padding-bottom: 65px;
}

.pad-left-fixed-65 {
    padding-left: 65px;
}

/*    Padding ALL 65px  */
.pad-all-fixed-65 {
    padding: 65px;
}

/* Padding 75 px   */
.pad-top-fixed-75 {
    padding-top: 75px;
}

.pad-right-fixed-75 {
    padding-right: 75px;
}

.pad-bottom-fixed-75 {
    padding-bottom: 75px;
}

.pad-left-fixed-70{
    padding-left: 70px;
}
.pad-left-fixed-75 {
    padding-left: 75px;
}

/*    Padding ALL 75px  */
.pad-all-fixed-75 {
    padding: 75px;
}

/* Padding 100 px   */
.pad-top-fixed-100 {
    padding-top: 100px;
}

.pad-right-fixed-100 {
    padding-right: 100px;
}

.pad-bottom-fixed-100 {
    padding-bottom: 100px;
}

.pad-left-fixed-100 {
    padding-left: 100px;
}

/*    Padding ALL 100px  */
.pad-all-fixed-100 {
    padding: 100px;
}

/* Padding 120 px   */
.pad-top-fixed-120 {
    padding-top: 120px;
}

.pad-right-fixed-120 {
    padding-right: 120px;
}

.pad-bottom-fixed-120 {
    padding-bottom: 120px;
}

.pad-left-fixed-120 {
    padding-left: 120px;
}
.pad-left-fixed-140{
    padding-left:140px;
}

/*    Padding ALL 120px  */
.pad-all-fixed-120 {
    padding: 120px;
}


/* Padding 150 px   */
.pad-top-fixed-150 {
    padding-top: 150px;
}

.pad-right-fixed-150 {
    padding-right: 150px;
}
.pad-right-fixed-160{
    padding-right: 160px;
}
.pad-bottom-fixed-150 {
    padding-bottom: 150px;
}

.pad-left-fixed-150 {
    padding-left: 150px;
}

/*    Padding ALL 150px  */
.pad-all-fixed-150 {
    padding: 150px;
}

/* Padding 200 px   */
.pad-top-fixed-200 {
    padding-top: 200px;
}

.pad-right-fixed-200 {
    padding-right: 200px;
}

.pad-bottom-fixed-200 {
    padding-bottom: 200px;
}

.pad-left-fixed-200 {
    padding-left: 200px;
}

/*    Padding ALL 200px  */
.pad-all-fixed-200 {
    padding: 200px;
}

/* **************************** */
/*    Margin settings classe    */
/* ========================== */

/* Percent margin	*/

/* Margin 0 percent  */
.marg-top-percent-0 {
    margin-top: 0% !important;
}

.marg-right-percent-0 {
    margin-right: 0%;
}

.marg-bottom-percent-0 {
    margin-bottom: 0%;
}

.marg-left-percent-0 {
    margin-left: 0%;

}

/*   Margin ALL 0%   */
.marg-all-percent-0 {
    margin: 0%;
}

.marg-all-0 {
    margin: 0;
}

/* Margin 1 percent  */
.marg-top-percent-1 {
    margin-top: 1%;
}

.marg-right-percent-1 {
    margin-right: 1%;
}

.marg-bottom-percent-1 {
    margin-bottom: 1%;
}

.marg-left-percent-1 {
    margin-left: 1%;
}

/*   Margin ALL 1%   */
.marg-all-percent-1 {
    margin: 1%;
}

/* Margin 2 percent  */
.marg-top-percent-2 {
    margin-top: 2%;
}

.marg-right-percent-2 {
    margin-right: 2%;
}

.marg-bottom-percent-2 {
    margin-bottom: 2%;
}

.marg-left-percent-2 {
    margin-left: 2%;
}

/*   Margin ALL 2%   */
.marg-all-percent-2 {
    margin: 2%;
}

/* Margin 3 percent  */
.marg-top-percent-3 {
    margin-top: 3%;
}

.marg-right-percent-3 {
    margin-right: 3%;
}

.marg-bottom-percent-3 {
    margin-bottom: 3%;
}

.marg-left-percent-3 {
    margin-left: 3%;
}

/*   Margin ALL 3%   */
.marg-all-percent-3 {
    margin: 3%;
}

/* Margin 4 percent  */

.marg-top-percent-4 {
    margin-top: 4%;
}

.marg-right-percent-4 {
    margin-right: 4%;
}

.marg-bottom-percent-4 {
    margin-bottom: 4%;
}

.marg-left-percent-4 {
    margin-left: 4%;
}

/*   Margin ALL 4%   */
.marg-all-percent-4 {
    margin: 4%;
}

/* Margin 5 percent  */
.marg-top-percent-5 {
    margin-top: 5%;
}

.marg-right-percent-5 {
    margin-right: 5%;
}

.marg-bottom-percent-5 {
    margin-bottom: 5%;
}

.marg-left-percent-5 {
    margin-left: 5%;
}

/*   Margin ALL 5%   */
.marg-all-percent-5 {
    margin: 5%;
}

/* Margin 6 percent  */
.marg-top-percent-6 {
    margin-top: 6%;
}

.marg-right-percent-6 {
    margin-right: 6%;
}

.marg-bottom-percent-6 {
    margin-bottom: 6%;
}

.marg-left-percent-6 {
    margin-left: 6%;
}

/*   Margin ALL 6%   */
.marg-all-percent-6 {
    margin: 6%;
}

/* Margin 10 percent  */
.marg-top-percent-10 {
    margin-top: 10%;
}

.marg-right-percent-10 {
    margin-right: 10%;
}

.marg-bottom-percent-10 {
    margin-bottom: 10%;
}

.marg-left-percent-10 {
    margin-left: 10%;
}

/*   Margin ALL 10%   */
.marg-all-percent-10 {
    margin: 10%;
}

/* Margin 11 percent  */
.marg-top-percent-11 {
    margin-top: 11%;
}

.marg-right-percent-11 {
    margin-right: 11%;
}

.marg-bottom-percent-11 {
    margin-bottom: 11%;
}

.marg-left-percent-11 {
    margin-left: 11%;
}

/*   Margin ALL 11%   */
.marg-all-percent-11 {
    margin: 11%;
}

/* Margin 15 percent  */
.marg-top-percent-15 {
    margin-top: 15%;
}

.marg-right-percent-15 {
    margin-right: 15%;
}

.marg-bottom-percent-15 {
    margin-bottom: 15%;
}

.marg-left-percent-15 {
    margin-left: 15%;
}

/*   Margin ALL 15%   */
.marg-all-percent-15 {
    margin: 15%;
}

/* Margin 20 percent  */
.marg-top-percent-20 {
    margin-top: 20%;
}

.marg-right-percent-20 {
    margin-right: 20%;
}

.marg-bottom-percent-20 {
    margin-bottom: 20%;
}

.marg-left-percent-20 {
    margin-left: 20%;
}

/*   Margin ALL 20%   */
.marg-all-percent-20 {
    margin: 20%;
}

/*	 Margin fixed lenght	*/

/*        Margin -5 px         */
.marg-top-fixed-m5 {
    margin-top: -5px;
}

.marg-right-fixed-m5 {
    margin-right: -5px;
}

.marg-bottom-fixed-m5 {
    margin-bottom: -5px;
}

.marg-left-fixed-m5 {
    margin-left: -5px !important;
}

/*   Margin ALL m5px   */
.marg-all-fixed-m5 {
    margin: -5px;
}

/*        Margin -10 px         */
.marg-top-fixed-m10 {
    margin-top: -10px;
}

.marg-right-fixed-m10 {
    margin-right: -10px;
}

.marg-bottom-fixed-m10 {
    margin-bottom: -10px;
}

.marg-left-fixed-m10 {
    margin-left: -10px !important;
}

/*   Margin ALL m10px   */
.marg-all-fixed-10 {
    margin: -10px;
}

/*        Margin -15 px         */
.marg-top-fixed-m15 {
    margin-top: -15px;
}

.marg-right-fixed-m15 {
    margin-right: -15px;
}

.marg-bottom-fixed-m15 {
    margin-bottom: -15px;
}

.marg-left-fixed-m15 {
    margin-left: -15px;
}

/*   Margin ALL m15px   */
.marg-all-fixed-m15 {
    margin: -15px;
}

/*        Margin -25 px         */
.marg-top-fixed-m25 {
    margin-top: -25px;
}

.marg-right-fixed-m25 {
    margin-right: -25px;
}

.marg-bottom-fixed-m25 {
    margin-bottom: -25px;
}

.marg-left-fixed-m25 {
    margin-left: -25px !important;
}

/*   Margin ALL m25px   */
.marg-all-fixed-m25 {
    margin: -25px;
}

/*        Margin 1 px         */
.marg-top-fixed-1 {
    margin-top: 1px;
}

.marg-right-fixed-1 {
    margin-right: 1px;
}

.marg-bottom-fixed-1 {
    margin-bottom: 1px;
}

.marg-left-fixed-1 {
    margin-left: 1px !important;
}

/*   Margin ALL 1px   */
.marg-all-fixed-1 {
    margin: 1px;
}

/*        Margin 2 px         */
.marg-top-fixed-2 {
    margin-top: 2px;
}

.marg-right-fixed-2 {
    margin-right: 2px;
}

.marg-bottom-fixed-2 {
    margin-bottom: 2px;
}

.marg-left-fixed-2 {
    margin-left: 2px !important;
}

/*   Margin ALL 2px   */
.marg-all-fixed-2 {
    margin: 2px;
}

/*        Margin 3 px         */
.marg-top-fixed-3 {
    margin-top: 3px;
}

.marg-right-fixed-3 {
    margin-right: 3px;
}

.marg-bottom-fixed-3 {
    margin-bottom: 3px;
}

.marg-left-fixed-3 {
    margin-left: 3px !important;
}

/*   Margin ALL 3px   */
.marg-all-fixed-3 {
    margin: 3px;
}

/*        Margin 5 px         */
.marg-top-fixed-5 {
    margin-top:5px!important;
}

.marg-right-fixed-5 {
    margin-right: 5px;
}

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

.marg-left-fixed-5 {
    margin-left: 5px !important;
}

/*   Margin ALL 5px   */
.marg-all-fixed-5 {
    margin: 5px;
}

/*        Margin 10 px         */
.marg-top-fixed-10 {
    margin-top: 10px;
}

.marg-right-fixed-10 {
    margin-right: 10px;
}

.marg-bottom-fixed-10 {
    margin-bottom: 10px;
}

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

/*   Margin ALL 10px   */
.marg-all-fixed-10 {
    margin: 10px;
}

/*        Margin 15 px         */
.marg-top-fixed-15 {
    margin-top: 15px;
}

.marg-right-fixed-15 {
    margin-right: 15px;
}

.marg-bottom-fixed-15 {
    margin-bottom: 15px;
}

.marg-left-fixed-15 {
    margin-left: 15px !important;
}

/*   Margin ALL 15px   */
.marg-all-fixed-15 {
    margin: 15px;
}

/*        Margin 20 px         */
.marg-top-fixed-20 {
    margin-top: 20px;
}

.marg-right-fixed-20 {
    margin-right: 20px;
}

.marg-bottom-fixed-20 {
    margin-bottom: 20px;
}

.marg-bottom-fixed-25 {
    margin-bottom: 25px;
}

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

/*   Margin ALL 20px   */
.marg-all-fixed-20 {
    margin: 20px;
}
.marg-top-fixed-25{
    margin-top: 25px;
}

/*        Margin 30 px         */
.marg-top-fixed-30 {
    margin-top: 30px;
}

.marg-right-fixed-30 {
    margin-right: 30px;
}

.marg-bottom-fixed-30 {
    margin-bottom: 30px;
}
.marg-bottom-fixed-35 {
    margin-bottom: 35px;
}

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

/*   Margin ALL 30px   */
.marg-all-fixed-30 {
    margin: 30px;
}

/*        Margin 45 px         */
.marg-top-fixed-45 {
    margin-top: 45px;
}

.marg-right-fixed-45 {
    margin-right: 45px;
}

.marg-bottom-fixed-45 {
    margin-bottom: 45px;
}

.marg-left-fixed-45 {
    margin-left: 45px !important;
}

/*   Margin ALL 45px   */
.marg-all-fixed-45 {
    margin: 45px;
}

/*        Margin 50 px         */
.marg-top-fixed-50 {
    margin-top: 50px;
}

.marg-right-fixed-50 {
    margin-right: 50px;
}

.marg-bottom-fixed-50 {
    margin-bottom: 50px;
}

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

/*   Margin ALL 50px   */
.marg-all-fixed-50 {
    margin: 50px;
}

/*        Margin 60 px         */
.marg-top-fixed-60 {
    margin-top: 60px;
}

.marg-right-fixed-60 {
    margin-right: 60px;
}

.marg-bottom-fixed-60 {
     margin-bottom: 60px;
 }
.marg-bottom-fixed-65 {
    margin-bottom: 65px;
}

.marg-left-fixed-60 {
    margin-left: 60px !important;
}

/*   Margin ALL 60px   */
.marg-all-fixed-60 {
    margin: 60px;
}

/*        Margin 80 px         */
.marg-top-fixed-80 {
    margin-top: 80px;
}

.marg-right-fixed-80 {
    margin-right: 80px;
}

.marg-bottom-fixed-80 {
    margin-bottom: 80px;
}

.marg-left-fixed-80 {
    margin-left: 80px;
}

/*   Margin ALL 80px   */
.marg-all-fixed-80 {
    margin: 80px;
}

/*        Margin 90 px         */
.marg-top-fixed-90 {
    margin-top: 90px;
}

.marg-right-fixed-90 {
    margin-right: 90px;
}

.marg-bottom-fixed-90 {
    margin-bottom: 90px;
}

.marg-left-fixed-90 {
    margin-left: 90px !important;
}

/*        Margin 95 px         */
.marg-top-fixed-95 {
    margin-top: 95px;
}

.marg-right-fixed-95 {
    margin-right: 95px;
}

.marg-bottom-fixed-95 {
    margin-bottom: 95px;
}

.marg-left-fixed-95 {
    margin-left: 95px;
}

/*   Margin ALL 90px   */
.marg-all-fixed-95 {
    margin: 95px;
}

/*        Margin 100 px         */
.marg-top-fixed-100 {
    margin-top: 100px;
}

.marg-right-fixed-100 {
    margin-right: 100px;
}

.marg-bottom-fixed-100 {
    margin-bottom: 100px;
}

.marg-left-fixed-100 {
    margin-left: 100px !important;
}

/*   Margin ALL 100px   */
.marg-all-fixed-100 {
    margin: 100px;
}

/*        Margin 115 px         */
.marg-top-fixed-115 {
    margin-top: 115px;
}

.marg-right-fixed-115 {
    margin-right: 115px;
}

.marg-bottom-fixed-115 {
    margin-bottom: 115px;
}

.marg-left-fixed-115 {
    margin-left: 115px !important;
}

/*   Margin ALL 115px   */
.marg-all-fixed-115 {
    margin: 115px;
}

/*        Margin 104 px         */
.marg-top-fixed-104 {
    margin-top: 104px;
}

.marg-right-fixed-104 {
    margin-right: 104px;
}

.marg-bottom-fixed-104 {
    margin-bottom: 104px;
}

.marg-left-fixed-104 {
    margin-left: 104px !important;
}

/*   Margin ALL 104px   */
.marg-all-fixed-104 {
    margin: 104px;
}

/*        Margin 150 px         */
.marg-top-fixed-150 {
    margin-top: 150px;
}

.marg-right-fixed-150 {
    margin-right: 150px;
}

.marg-bottom-fixed-150 {
    margin-bottom: 150px;
}

.marg-left-fixed-150 {
    margin-left: 150px !important;
}

/*   Margin ALL 150px   */
.marg-all-fixed-150 {
    margin: 150px;
}

/* ******************************************* */
/*    Positioning - Top Right Bottom  Left    */
/* ========================================= */

.pos-relative {
    position: relative;
}

/*    0    */
.top-percent-0 {
    top: 0;
}

.right-percent-0 {
    right: 0;
}

.bottom-percent-0 {
    bottom: 0;
}

.left-percent-0 {
    left: 0;
}

/*    3 px       */
.top-fixed-3 {
    top: 3px;
}

.right-fixed-3 {
    bottom-bottom: 3px;
}

.bott-fixed-3 {
    bottom: 3px;
}

.left-fixed-3 {
    left: 3px;
}

/*    10 px       */
.top-fixed-10 {
    top: 10px;
}

.right-fixed-10 {
    bottom-bottom: 10px;
}

.bott-fixed-10 {
    bottom: 10px;
}

.left-fixed-10 {
    left: 10px;
}

/* ************************* */
/*     Display settings     */
/* ======================= */

.dis-none {
    display: none;
}

.dis-block {
    display: block;
}

.dis-inline {
    display: inline;
}

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

/* ************************* */
/*          Align           */
/* ======================= */

/* Image align */
.vertical-baseline {
    vertical-align: baseline;
}

.vertical-bottom {
    vertical-align: bottom;
}
.vertical-mid {
    vertical-align: middle;
}

.vertical-super {
    vertical-align: super;
}

/* Text align */
.txt-a-c {
    text-align: center;
}

.txt-a-r {
    text-align: right;
}
.txt-a-l {
    text-align: left;
}
.txt-a-j {
    text-align: justify;
}

/* ************************* */
/*    Paragraph settings    */
/* ======================= */

/* line height */
.l-h-0 {
    line-height: 0;
}

.l-h-50 {
    line-height: 50%;
}

.l-h-60 {
    line-height: 60%;
}

.l-h-68 {
    line-height: 68%;
}

.l-h-small {
    line-height: 80%;
}

.l-h-100 {
    line-height: 100%;
}

.l-h-120 {
    line-height: 120%;
}

.l-h-130 {
    line-height: 130%;
}

.l-h-156 {
    line-height: 156%;
}

.l-h-170 {
    line-height: 170%;
}

.l-h-big {
    line-height: 200%;
}

.l-h-15px {
    line-height: 15px;
}

.l-h-22px {
    line-height: 22px;
}

.l-h-23px {
    line-height: 23px;
}

.l-h-34px {
    line-height: 34px;
}

.l-h-39px {
    line-height: 39px;
}

/* Letter space */
.let-space-01 {
    letter-spacing: 0.1em;
}

.let-space-03 {
    letter-spacing: 0.3em;
}

.let-space-minus-05 {
    letter-spacing: -0.05em;
}

.word-space-minus-01 {
    word-spacing: -0.1em;
}

/* Word wrap - always break word in new row */
.w-w-break {
    word-wrap: break-word;
}

/* ***************************** */
/*   Element height settings    */
/* =========================== */
.fullheight {
    height: 100%;
}

/* Fixed height for two rows 12 px font  */
.height-fix-26-p {
    height: 26px;
}

.height-fix-45-p {
    height: 45px;
}

/* Fixed height 56 px font  */
.height-fix-56-p {
    height: 56px;
}

/* Fixed height 76 px font  */
.height-fix-76-p {
    height: 76px;
}

/* Fixed height 86 px font  */
.height-fix-86-p {
    height: 86px;
}

/* Fixed height 300 px font  */
.height-fix-300-p {
    height: 300px;
}

/* Fixed height 400 px font  */
.height-fix-400-p {
    height: 400px;
}

/* Min height 530px */
.height-m-f-530-p {
    min-height: 530px;
}

/* ***************************** */
/* Cursor Mouse Pointer classe  */
/* =========================== */

.cursor-p {
    cursor: pointer;
}

.has-tooltip {
    cursor: help;
}

.cursor-d {
    cursor: default;
}

/* ********************* */
/*    Font settings     */
/* =================== */

/* Font size */
.font-8 {
    font-size: 0.8em;
}

.font-10 {
    font-size: 1em;
}

.font-11 {
    font-size: 1.1em;
}

.font-12 {
    font-size: 1.2em;
}

.font-13 {
    font-size: 1.3em;
}

.font-14 {
    font-size: 1.4em;
}

.font-15 {
    font-size: 1.5em;
}

.font-16 {
    font-size: 1.6em;
}

.font-18 {
    font-size: 1.8em;
}

.font-20 {
    font-size: 2.0em;
}

.font-21 {
    font-size: 2.1em;
}

.font-22 {
    font-size: 2.2em;
}

.font-23 {
    font-size: 2.3em;
}

.font-24 {
    font-size: 2.4em;
}

.font-26 {
    font-size: 2.6em;
}

.font-28 {
    font-size: 2.8em;
}

.font-30 {
    font-size: 3.0em;
}

.font-32 {
    font-size: 3.2em;
}

.font-34 {
    font-size: 3.4em;
}

.font-36 {
    font-size: 3.6em;
}

.font-38 {
    font-size: 3.8em;
}

.font-40 {
    font-size: 4.0em;
}

.font-42 {
    font-size: 4.2em;
}

.font-44 {
    font-size: 4.4em;
}
.font-45 {
    font-size: 4.5em;
}
.font-46 {
    font-size: 4.6em;
}

.font-48 {
    font-size: 4.8em;
}

.font-50 {
    font-size: 5.0em;
}
.font-52 {
    font-size: 5.2em;
}
.font-56 {
    font-size: 5.6em;
}

.font-60 {
    font-size: 6.0em;
}

.font-68 {
    font-size: 6.8em;
}

.font-72 {
    font-size: 7.2em;
}

.font-78 {
    font-size: 7.8em;
}

.font-80 {
    font-size: 8.0em;
}
.font-84 {
    font-size: 8.4em;
}
.font-87{
    font-size: 8.7em;
}
.font-100 {
    font-size: 10em;
}
.font-120 {
    font-size: 12em;
}
/*  Font weight  */
.font-w-100 {
    font-weight: 100;
}

.font-w-200 {
    font-weight: 200;
}

.font-w-300 {
    font-weight: 300;
}

.font-w-400 {
    font-weight: 400;
}

.font-w-500 {
    font-weight: 500;
}

.font-w-600 {
    font-weight: 600;
}

.font-w-700 {
    font-weight: 700;
}

.font-w-800 {
    font-weight: 800;
}

.font-w-900 {
    font-weight: 900;
}

/* Font family */

/* Museo Text */
.font-f-museo-100 {
    font-family: 'museo-sans-100';
}

.font-f-museo-300 {
    font-family: 'museo-sans-300';
}

.font-f-museo-500 {
    font-family: 'museo-sans-500';
}

.font-f-museo-700 {
    font-family: 'museo-sans-700';
}

.font-f-museo-900 {
    font-family: 'museo-sans-900';
}

/* Calibri */
.font-f-calibri {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
}

/* Crimson Text */
.font-f-crimson-txt {
    font-family: 'Crimson Text', serif;
}

/* Raleway Text */
.font-f-raleway {
    font-family: 'Raleway', sans-serif;
}

/* ********************* */
/*   Width settings     */
/* =================== */
.w-150 {
    width: 150%;
}

.w-140 {
    width: 140%;
}

.w-130 {
    width: 130%;
}

.w-120 {
    width: 120%;
}

.w-10148 {
    width: 101.48%;
}

.w-100 {
    width: 100%;
}

.w-99 {
    width: 99%;
}

.w-95 {
    width: 95%;
}

.w-94 {
    width: 94%;
}

.w-93 {
    width: 93%;
}

.w-92 {
    width: 92%;
}

.w-90 {
    width: 90%;
}

.w-81 {
    width: 81%;
}

.w-70 {
    width: 70%;
}

.w-61 {
    width: 61%;
}

.w-55 {
    width: 55%;
}

.w-51 {
    width: 51%;
}

.w-50 {
    width: 50%;
}

.w-43 {
    width: 43%;
}

.w-35 {
    width: 35%;
}

.w-20 {
    width: 20%;
}

/* Min width settings */
.min-w-130px {
    min-width: 130px;
}

/* ********************* */
/*   Opacity settings   */
/* =================== */
.op-100 {
    opacity: 1;
}
.op-40 {
    opacity: 0.4;
}
.op-30 {
    opacity: 0.3;
}

.op-0 {
    opacity: 0;
}

/* ***************** */
/*      Color       */
/* =============== */

/*   Font color   */
.white-f-fff {
    color: #ffffff;
}

.black-f-000 {
    color: #000000;
}

.black-f-1 {
    color: #221e20 !important;
}
/* Dark Grey */
.gray-f-1 {
    color: #4A4A4A;
}
/* Cool Grey */
.gray-f-2 {
color: #728287;
}
/* Warm Grey */
.gray-f-3 {
color: #9B9B9B;
}
/* Light Grey */
.gray-f-4 {
    color: #F2F2F2;
}

/* Light Blue - Grey */
.gray-blue-f-1 {
    color: #cfd5d9;
}

.blue-navy-f-1 {
    color: #19a6e4;
}

.blue-navy-f-2 {
    color: #1c9ad7;
}

.blue-cyan-f-1 {
    color: #31b6e5;
}
/* Bright cyan */
.blue-cyan-f-2 {
   color: #3ab9dc;
}
/* Purple */
.purple-dark-f-1 {
    color: #544d64;
}

.purple-f-1 {
    color: #706290;
}
/* Deep Blue */
.purple-f-2 {
   color: #4a87b3;
}

.red-f-1 {
    color: #e43831;
}

/*  Background color  */
.white-bg-fff {
    background-color: #ffffff;
}

.white-bg-10 {
    background-color: #f8f8f8;
}
.white-bg-20 {
    background-color: #f2f2f2;
}

.gray-bg-1 {
    background-color: #efefef;
}

.gray-bg-1-tr {
    background-color: rgba(239, 239, 239, 0.5);
}

.gray-bg-2 {
    background-color: #E8E8E8;
}

.gray-bg-3 {
    background-color: #e5e5e5;
}

.gray-bg-3-tr {
    background-color: rgba(229, 229, 229, 0.5);
    background: -ms-linear-gradient(top, #e5e5e5 0%, #e5e5e5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fe5e5e5', endColorstr='#7fe5e5e5', GradientType=0); /* IE6-9 */
}

.gray-bg-4 {
    background-color: #929497;
}

.gray-bg-5-tr {
    background-color: rgba(60, 60, 59, 0.8);
}

.black-bg-1 {
    background: #4E4E4E;
}

.light-blue-bg-1 {
    background-color: #e8edf2;
}

.light-blue-bg-2 {
    background-color: #eff1f7;
}

.navy-blue-bg-1 {
    background-color: #4f80a6;
}

.navy-blue-bg-2 {
    background-color: #32b1e8;
}

.navy-blue-bg-3 {
    background-color: #8b9bec;
}

.blue-cyan-bg-1 {
    background-color: #3ab9dc;
}

.purple-bg-1 {
    background-color: #5a5372;
}

.purple-bg-2 {
    background-color: #706290;
}

.golden-yelow-bg-1 {
    background-color: #f9f8d4;
}

.gray-yelow-bg-1 {
    background-color: #eae9c8;
}

.transparent-bg {
    background-color: transparent;
}

/* Background gradinet */
.purple-gr-bg-1 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3ab9dc+0,706290+100 */
    background: #3ab9dc; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #706290 0%, #3ab9dc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #706290 0%,#3ab9dc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #706290 0%,#3ab9dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#706290', endColorstr='#3ab9dc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.purple-gr-bg-2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3ab9dc+0,706290+100 */
    background: #3ab9dc; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #3ab9dc 0%, #706290 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #3ab9dc 0%,#706290 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #3ab9dc 0%,#706290 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ab9dc', endColorstr='#706290',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* Background gradinet */
.footer-purple-gr-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3ab9dc+0,706290+100 */
    background: #3ab9dc; /* Old browsers */
    background: -moz-linear-gradient(120deg, #3ab9dc 0%, #706290 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(120deg, #3ab9dc 0%,#706290 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(120deg, #3ab9dc 0%,#706290 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ab9dc', endColorstr='#706290',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* How it works Background */
.purple-gr-img-bg-1{
    background: #3ab9dc; /* Old browsers */
    background: url(../img/swoosh-bg-2.png) center 585px no-repeat,-moz-linear-gradient(120deg, #3ab9dc 0%, #706290 100%); /* FF3.6-15 */
    background: url(../img/swoosh-bg-2.png) center 585px no-repeat,-webkit-linear-gradient(120deg, #3ab9dc 0%,#706290 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(../img/swoosh-bg-2.png) center 585px no-repeat,linear-gradient(120deg, #3ab9dc 0%,#706290 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ab9dc', endColorstr='#706290',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.purple-gr-img-bg-2{
    background: #3ab9dc; /* Old browsers */
    background: url(../img/swoosh-bg-3.png) 184% 57% no-repeat,-moz-linear-gradient(120deg, #3ab9dc 0%, #706290 100%); /* FF3.6-15 */
    background: url(../img/swoosh-bg-3.png) 184% 57% no-repeat,-webkit-linear-gradient(120deg, #3ab9dc 0%,#706290 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(../img/swoosh-bg-3.png) 184% 57% no-repeat,linear-gradient(120deg, #3ab9dc 0%,#706290 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ab9dc', endColorstr='#706290',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.footer-gray-gr-bg {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5d5d5+0,f7f7f7+100 */
background: #d5d5d5; /* Old browsers */
background: -moz-linear-gradient(20deg, #d5d5d5 0%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(20deg, #d5d5d5 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(20deg, #d5d5d5 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}