@charset "utf-8";
/*
 * ******************************************************************************
 *  239BITS Formating css
 *  file: bits239.css
 *
 *  Copyright (c) 2023. 239BITS ;
 *  Broadband Intelligence Tech Solutions, Croatia - CRO
 *  email: office@239bits.com
 *  site: 	http://www.239bits.com
 *  other-blog:	http://www.dotsagencija.com
 *
 *  Licences: MIT, GPL
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 *
 *	Artwork inspired by:  /
 *  last modified: 29/10/2023 17.23
 *  *****************************************************************************
 */

/*******************************************************************************
 * 
 * 239BITS: dr.blast
 * version: 1.00
 * Author-of-the-file: dr.blast
 * Creation date: 29/10/2023 17.23
 * Licences: MIT, GPL
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 ******************************************************************************/



html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-size: 100%;
    font-family: 'Rubik', sans-serif;
}

a {
	color:#000000;
}

a:hover {
    text-decoration:none;
	color: #4bcd3e;
}

::-webkit-scrollbar {
    display: none;
}


@font-face {
    font-family: 'monolithRegular';
    src: url('../font/Monolith-Regular.eot');
    src: url('../font/Monolith-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/Monolith-Regular.woff2') format('woff2'),
    url('../font/Monolith-Regular.woff') format('woff'),
    url('../font/Monolith-Regular.ttf') format('truetype'),
    url('../font/Monolith-Regular.svg') format('svg');
    font-style: normal;
  }



/* ***************** */
/*   Heading Style  */
/* =============== */

h1 {
	font-size:7.6rem;
}
h2 {
	font-size:5rem;
}
h3 {
	font-size:3.4rem;
}
h4 {
	font-size:2.2rem;
}
h5 {
	font-size:1.8rem;
}
h6 {
	font-size:1.2rem;
}

/* ***************** */
/*  Nav Horizontal  */
/* =============== */


/* ***************** */
/*    Menu Left     */
/* =============== */



/* ********************** */
/*  Filter Label style  */
/* =================== */


/* ************************* */
/*  Carousel Image Gallery  */
/* ======================= */
/* Gallery with carousel */

/* ***************** */
/*   Tags settings  */
/* =============== */
/* Tag blue on order process page */



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

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

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

/* 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 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 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 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;
}
.pad-bottom-fixed-45 {
    padding-bottom:45px;
}
.pad-left-fixed-45 {
    padding-left:45px;
}
/*    Padding ALL 45px  */
.pad-all-fixed-45 {
    padding:45px;
}

/* Padding 60 px   */
.pad-top-fixed-60 {
    padding-top:60px;
}
.pad-right-fixed-60 {
    padding-right:60px;
}
.pad-bottom-fixed-60 {
    padding-bottom:60px;
}
.pad-left-fixed-60 {
    padding-left:60px;
}
/*    Padding ALL 60px  */
.pad-all-fixed-60 {
    padding:60px;
}

/* 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 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 150 px   */
.pad-top-fixed-150 {
    padding-top:150px;
}
.pad-right-fixed-150 {
    padding-right:150px;
}
.pad-bottom-fixed-150 {
    padding-bottom:150px;
}
.pad-left-fixed-150 {
    padding-left:150px;
}
/*    Padding ALL 150px  */
.pad-all-fixed-150 {
    padding:150px;
}

/* Padding 175 px   */
.pad-top-fixed-175 {
    padding-top:175px;
}
.pad-right-fixed-175 {
    padding-right:175px;
}
.pad-bottom-fixed-175 {
    padding-bottom:175px;
}
.pad-left-fixed-175 {
    padding-left:175px;
}
/*    Padding ALL 175  */
.pad-all-fixed-175 {
    padding:175px;
}

/* 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%;
}
.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%;
}

/* 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 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 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!important;
}
/*   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 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;
}
.marg-right-fixed-5 {
    margin-right:5px;
}
.marg-bottom-fixed-5 {
    margin-bottom:5px;
}
.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-left-fixed-20 {
    margin-left:20px!important;
}
/*   Margin ALL 20px   */
.marg-all-fixed-20 {
    margin:20px;
}

/*        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-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-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!important;
}
/*   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 ALL 90px   */
.marg-all-fixed-90 {
    margin:90px;
}

/*        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    */
/* ========================================= */

/*    0    */
.top-percent-0 {
    top:0;
}
.right-percent-0 {
    right:0;
}.bottom-percent-0 {
     bottom:0;
 }
.left-percent-0 {
    left:0;
}

/*    10 px       */
.top-fixed-10 {
    top:10px;
}
.right-fixed-10 {
    right: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;
}




/* Text align */
.txt-a-l {
    text-align:left;
}
.txt-a-c {
    text-align:center;
}
.txt-a-r {
    text-align:right;
}
.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-140 {
    line-height: 140%;
}
.l-h-156 {
    line-height: 156%;

}
.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-0 {
    letter-spacing: 0;
}
.let-space-01 {
    letter-spacing:0.1em;
}
.let-space-03 {
    letter-spacing:0.3em;
}
.let-space-minus-02 {
    letter-spacing:-0.02em;
}
.let-space-minus-04 {
    letter-spacing:-0.04em;
}
.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 {
  min-height: 100%;
  height: auto !important;
}

/* Fixed height for two rows 12 px font  */
.height-fix-26-p {
    height: 26px;
}
/* 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;
}
.cursor-arrow-left {
	cursor: url('../images/arrow-left.png'), pointer;
}
.cursor-arrow-right {
    cursor: url('../images/arrow-right.png'), pointer;
}
.has-tooltip{
    cursor: help;
}


/* ********************* */
/*    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-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-48 {
    font-size:4.8em;
}
.font-50 {
    font-size:5.0em;
}
.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-80 {
    font-size:8.0em;
}


/*  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 */

/* Calibri */
.font-f-calibri { 
	font-family: 'calibri', sans-serif;  
}
.font-f-calibri-bold { 
	font-family: 'calibri-bold', sans-serif; 
}

/* Crimson Text */
.font-f-consolas-txt { 
	font-family: 'consolas', sans-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-40 {
    opacity:0.4;
}
.op-0 {
    opacity:0;
}


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

/*   Font color   */
.font-c-fff {
    color:#ffffff;
}
.font-c-000 {
    color:#000000;
}
.font-c-black-1 {
    color:#221e20;
}
.gray-f-1 {
    color:#6c6e73;
}
.gray-f-2 {
    color:#838589;
}
.gray-f-3 {
    color:#929293;
}
.gray-f-4 {
    color:#a3a3a6;
}
.gray-f-5 {
    color:#F0F0F0;
}

.blue-navy-f-1 {
    color:#19a6e4;
}
.blue-navy-f-2 {
    color:#1c9ad7;
}
.red-error-f-2 {
    color:#c01046;
}




/* ************************** */
/*      Background color     */
/* ======================== */
.white-bg-fff {
    background-color:#ffffff;
}
.white-bg-20 {
    background-color:#f7f7f6;
}
.white-bg-20-tr-07 {
    background-color: rgba(247,247,246,0.7);
}
.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-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:#e9f4ff;
}
.navy-blue-bg-1 {
    background-color:#2da0d3;
}
.navy-blue-bg-2 {
    background-color:#32b1e8;
}
.navy-blue-bg-3 {
    background-color:#8b9bec;
}
.golden-yelow-bg-1 {
    background-color:#f9f8d4;
}
.gray-yelow-bg-1 {
    background-color:#eae9c8;
}

/* ****************************** */
/*      Gradient background      */
/* ============================ */

/* Unoriginall gradients */
.bg-purple-pink-gr-1 {
    background: transparent linear-gradient(241deg, #FD8D62 0%, #66066E 67%, #5C0769 100%) 0% 0% no-repeat padding-box;
}
.bg-deep-purple-dark-blue-gr-1 {
    background: transparent linear-gradient(241deg, #285BC5 0%, #4B12A1 85%, #330C6E 100%) 0% 0% no-repeat padding-box;
}
.bg-mid-blue-darkest-blue-gr-1 {
    background: transparent linear-gradient(61deg, #027FB0 0%, #090924 100%) 0% 0% no-repeat padding-box;
}
.bg-dark-blue-mid-light-blue-gr-1 {
    background: transparent linear-gradient(61deg, #1B1B6F 0%, #285BC5 45%, #3BCFF0 100%) 0% 0% no-repeat padding-box;
}

/* 239BITS FULL ORIGINAL gradinets */
/* 2nd Page Solutions */
.bg-blue-darkpurple-darkblue-gr-1 {
    background: rgb(52,104,180);
    background: -moz-linear-gradient(240deg, rgba(52,104,180,1) 0%, rgba(70,16,138,1) 85%, rgba(18,5,77,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(240deg, rgba(52,104,180,1) 0%, rgba(70,16,138,1) 85%, rgba(18,5,77,1) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(240deg, rgba(52,104,180,1) 0%, rgba(70,16,138,1) 85%, rgba(18,5,77,1) 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3468b4",endColorstr="#12054d",GradientType=1);
}

.bg-midblue-darkestblue-gr-1 {
    background: rgb(19,146,192);
    background: -moz-linear-gradient(69deg, rgba(19,146,192,1) 0%, rgba(12,18,89,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(69deg, rgba(19,146,192,1) 0%, rgba(12,18,89,1) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(69deg, rgba(19,146,192,1) 0%, rgba(12,18,89,1) 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1392c0",endColorstr="#0c1259",GradientType=1);
}

.bg-darkblue-midlight-blue-gr-1 {
    background: rgb(45,43,136);
    background: -moz-linear-gradient(69deg, rgba(45,43,136,1) 0%, rgba(43,147,254,1) 75%, rgba(32,184,252,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(69deg, rgba(45,43,136,1) 0%, rgba(43,147,254,1) 75%, rgba(32,184,252,1) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(69deg, rgba(45,43,136,1) 0%, rgba(43,147,254,1) 75%, rgba(32,184,252,1) 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d2b88",endColorstr="#20b8fc",GradientType=1);
}
/* 3nd Page Partnership */
.bg-purple-darkblue-gr-1 {
    background: rgb(143,18,167);
    background: -moz-linear-gradient(141deg, rgba(143,18,167,1) 0%, rgba(52,95,174,1) 32%, rgba(70,16,138,1) 63%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(141deg, rgba(143,18,167,1) 0%, rgba(52,95,174,1) 32%, rgba(70,16,138,1) 63%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(141deg, rgba(143,18,167,1) 0%, rgba(52,95,174,1) 32%, rgba(70,16,138,1) 63%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8f12a7",endColorstr="#130550",GradientType=1);
}

.bg-purple-darkblue-gr-1b {
    background: rgb(143,18,167);
    background: -moz-linear-gradient(140deg, rgba(143,18,167,1) 0%, rgba(52,95,174,1) 30%, rgba(70,16,138,1) 60%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(140deg, rgba(143,18,167,1) 0%, rgba(52,95,174,1) 30%, rgba(70,16,138,1) 60%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(140deg, rgba(143,18,167,1) 0%, rgba(52,95,174,1) 30%, rgba(70,16,138,1) 60%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8f12a7",endColorstr="#130550",GradientType=1);
}

.bg-purple-darkblue-gr-1c {
    background: rgb(143,18,167);
    background: -moz-linear-gradient(140deg, rgba(143,18,167,1) 0%, rgba(70,16,138,1) 60%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(140deg, rgba(143,18,167,1) 0%, rgba(70,16,138,1) 60%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(140deg, rgba(143,18,167,1) 0%, rgba(70,16,138,1) 60%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8f12a7",endColorstr="#130550",GradientType=1);
}

.bg-darkpurple-radial-gr-1 {
    background: rgb(70,16,138);
    background: -moz-radial-gradient(circle, rgba(70,16,138,1) 0%, rgba(117,16,146,1) 50%, rgba(70,16,138,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-radial-gradient(circle, rgba(70,16,138,1) 0%, rgba(117,16,146,1) 50%, rgba(70,16,138,1) 100%) 0% 0% no-repeat padding-box;
    background: radial-gradient(circle, rgba(70,16,138,1) 0%, rgba(117,16,146,1) 50%, rgba(70,16,138,1) 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46108a",endColorstr="#46108a",GradientType=1);
}

.bg-purple-darkblue-gr-2 {
    background: rgb(143,18,167);
    background: -moz-linear-gradient(214deg, rgba(143,18,167,1) 0%, rgba(70,16,138,1) 27%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(214deg, rgba(143,18,167,1) 0%, rgba(70,16,138,1) 27%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(214deg, rgba(143,18,167,1) 0%, rgba(70,16,138,1) 27%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8f12a7",endColorstr="#130550",GradientType=1);
}

.bg-purple-darkblue-gr-2b {
    background: rgb(143,18,167);
    background: -moz-linear-gradient(160deg, rgba(143,18,167,1) 0%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(160deg, rgba(143,18,167,1) 0%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(160deg, rgba(143,18,167,1) 0%, rgba(19,5,80,1) 100%) 0% 0% no-repeat padding-box;
}


/* 4rd Page  Solutions */

/* Gradient for square background */

.bg-blue-sqaure-blue-gr-1 {
    background: rgb(70,16,138);
    background: -moz-linear-gradient(60deg, rgba(70,16,138,1) 0%, rgba(28,28,116,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(60deg, rgba(70,16,138,1) 0%, rgba(28,28,116,1) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(60deg, rgba(70,16,138,1) 0%, rgba(28,28,116,1) 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46108a",endColorstr="#1c1c74",GradientType=1);    
}

.bg-darkblue-purple-radial-gr-1 {
    background: rgb(29,5,83);
    background: -moz-radial-gradient(circle, rgba(29,5,83,1) 0%, rgba(117,16,146,1) 45%, rgba(59,6,94,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-radial-gradient(circle, rgba(29,5,83,1) 0%, rgba(117,16,146,1) 45%, rgba(59,6,94,1) 100%) 0% 0% no-repeat padding-box;
    background: radial-gradient(circle, rgba(29,5,83,1) 0%, rgba(117,16,146,1) 45%, rgba(59,6,94,1) 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d0553",endColorstr="#3b065e",GradientType=1);
    
}

.bg-darkblue-radial-gr-1 {
    background: rgb(29,5,83);
    background: -moz-radial-gradient(circle, rgba(29,5,83,1) 0%, rgba(59,6,94,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-radial-gradient(circle, rgba(29,5,83,1) 0%, rgba(59,6,94,1) 100%) 0% 0% no-repeat padding-box;
    background: radial-gradient(circle, rgba(29,5,83,1) 0%, rgba(59,6,94,1) 100% 0% 0% no-repeat padding-box);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d0553",endColorstr="#3b065e",GradientType=1);
}

.bg-darkblue-radial-gr-2 {
    background: rgb(29,5,83);
    background: -moz-linear-gradient(39deg, rgba(29,5,83,1) 0%, rgba(52,95,174,1) 38%, rgba(117,16,146,1) 70%, rgba(29,5,83,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(39deg, rgba(29,5,83,1) 0%, rgba(52,95,174,1) 38%, rgba(117,16,146,1) 70%, rgba(29,5,83,1) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(39deg, rgba(29,5,83,1) 0%, rgba(52,95,174,1) 38%, rgba(117,16,146,1) 70%, rgba(29,5,83,1) 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d0553",endColorstr="#1d0553",GradientType=1);
}

.bg-darkblue-radial-gr-3 {
    background: rgb(29,5,83);
    background: -moz-linear-gradient(39deg, rgba(29,5,83,1) 0%, rgb(48 7 90) 38%, rgba(117,16,146,1) 70%, rgba(29,5,83,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(39deg, rgba(29,5,83,1) 0%, rgb(48 7 90) 38%, rgba(117,16,146,1) 70%, rgba(29,5,83,1) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(39deg, rgba(29,5,83,1) 0%, rgb(48 7 90) 38%, rgba(117,16,146,1) 70%, rgba(29,5,83,1) 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d0553",endColorstr="#1d0553",GradientType=1);
}

.gradient.bg-green-to-blue-gr-1 {
    background: transparent linear-gradient(
61deg, #009775 0%, #285BC5 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/* 5th Page Crypto */
.bg-gaming-radial-gr-1 {
    background:  rgb(40 91 197);
    background: -moz-radial-gradient(circle, rgb(62 204 240) -6%, rgb(40 91 197) 25%, rgb(27 27 111) 95%) 0% 0% no-repeat padding-box;
    background: -webkit-radial-gradient(circle, rgb(62 204 240) -6%, rgb(40 91 197) 25%, rgb(27 27 111) 95%) 0% 0% no-repeat padding-box;
    background: radial-gradient(circle, rgb(62 204 240) -6%, rgb(40 91 197) 25%, rgb(27 27 111) 95%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d0553",endColorstr="#1d0553",GradientType=1);
}

.bg-gaming-blue-gr-1 {
    background: rgb(63,137,234);
    background: -moz-linear-gradient(180deg, rgba(63,137,234,1) 0%, rgba(29,14,131,1) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(180deg, rgba(63,137,234,1) 0%, rgba(29,14,131,1) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(180deg, rgba(63,137,234,1) 0%, rgba(29,14,131,1) 100%) 0% 0% no-repeat padding-box;;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f89ea",endColorstr="#1d0e83",GradientType=1);
}

/* Crypto background */
.bg-crypto-gr-1 {
    background:  rgb(72, 119, 221);
    background: -moz-linear-gradient(rgb(53 101 204/97%) 1%, rgb(0 0 0 / 32%) 13%, rgb(41 88 190 / 99%) 69%), url(../images/gif/the-big-lebowski-2-compress-1.gif),  no-repeat center;
    background: -webkit-linear-gradient(rgb(53 101 204/97%) 1%, rgb(0 0 0 / 32%) 13%, rgb(41 88 190 / 99%) 69%), url(../images/gif/the-big-lebowski-2-compress-1.gif),  no-repeat center;
    background: linear-gradient(rgb(53 101 204/97%) 1%, rgb(0 0 0 / 32%) 13%, rgb(41 88 190 / 99%) 69%), url(../images/gif/the-big-lebowski-2-compress-1.gif),  no-repeat center;
    background-size: cover;
    background-position: 0 center;
    /* animation: colored 10s infinite linear; */
}
.bg-crypto-radial-gr-1 {
    background:  rgb(40 91 197);
    background: -moz-radial-gradient(circle, rgb(62 204 240 / 100%) -6%, rgb(40 91 197 / 100%) 39%, rgb(27 27 111 / 84%) 83%), url(../images/gif/blockchain-by-239bits-1.webp) 0% 0% no-repeat padding-box;
    background: -webkit-radial-gradient(circle, rgb(62 204 240 / 100%) -6%, rgb(40 91 197 / 100%) 39%, rgb(27 27 111 / 84%) 83%), url(../images/gif/blockchain-by-239bits-1.webp) 0% 0% no-repeat padding-box;
    background: radial-gradient(circle, rgb(62 204 240 / 100%) -6%, rgb(40 91 197 / 100%) 39%, rgb(27 27 111 / 84%) 83%), url(../images/gif/blockchain-by-239bits-1.webp) 0% 0% no-repeat padding-box;    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d0553",endColorstr="#1d0553",GradientType=1);
    background-size: cover;
    background-position: 0 0;
}
.bg-crypto-gr-2 {
    background:  rgb(75 130 247);
    background: -moz-linear-gradient(rgb(75 130 247 / 94%) 6%, rgb(70 7 87 / 78%) 41%, rgb(41 88 190 / 99%) 69%), url(../images/gif/pacman-1-slow-compress.gif), no-repeat center;
    background: -webkit-linear-gradient(rgb(75 130 247 / 94%) 6%, rgb(70 7 87 / 78%) 41%, rgb(41 88 190 / 99%) 69%), url(../images/gif/pacman-1-slow-compress.gif), no-repeat center;
    background: linear-gradient(rgb(75 130 247 / 94%) 6%, rgb(70 7 87 / 78%) 41%, rgb(41 88 190 / 99%) 69%), url(../images/gif/pacman-1-slow-compress.gif), no-repeat center, lightblue;
    background-size: cover;
    background-position: 0 center;
}

.bg-crypto-gr-3 {
    background:  rgb(72, 119, 221);
    background: -moz-linear-gradient(180deg, rgba(63,137,234,.8) 0%, rgba(29,14,131,.99) 100%), url(../images/gif/the-big-lebowski-2-compress-1.gif),  no-repeat center;
    background: -webkit-linear-gradient(180deg, rgba(63,137,234,.8) 0%, rgba(29,14,131,.99) 100%), url(../images/gif/the-big-lebowski-2-compress-1.gif),  no-repeat center;
    background: linear-gradient(180deg, rgba(63,137,234,.8) 0%, rgba(29,14,131,.99) 100%), url(../images/gif/the-big-lebowski-2-compress-1.gif),  no-repeat center;
    background-size: cover;
    background-position: 0 bottom;
}

/* 6th PAGE Contact */
.bg-contact-blue-gr-1 {
    background:  rgb(72, 119, 221);
    background: -moz-linear-gradient(61deg, #1B1B6F 0%, rgb(40 91 197) 45%, rgb(59 207 240) 100%) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(61deg, #1B1B6F 0%, rgb(40 91 197) 45%, rgb(59 207 240) 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(61deg, #1B1B6F 0%, rgb(40 91 197) 45%, rgb(59 207 240) 100%) 0% 0% no-repeat padding-box;
    background-size: cover;
    background-position: 0 bottom;
}
.bg-contact-blue-gr-2 {
    background:  rgb(72, 119, 221);
    background: -moz-linear-gradient(61deg, #1B1B6F 0%, rgb(40 91 197) 45%, rgb(59 207 240) 100%), url(../images/gif/the-big-lebowski-1.gif);
    background: -webkit-linear-gradient(61deg, #1B1B6F 0%, rgb(40 91 197) 45%, rgb(59 207 240) 100%), url(../images/gif/the-big-lebowski-1.gif);
    background: linear-gradient(61deg, rgba(27, 27, 111,1) 0%, rgba(41, 90, 196, 0.98) 51%, rgba(61, 207, 240,.88) 100%), url(../images/gif/the-big-lebowski-1.gif);
    background-size: contain;
    background-position: right bottom;
}

.bg-contact-blue-gr-3 {
    background:  rgb(72, 119, 221);
    background: -moz-linear-gradient(61deg, rgba(27, 27, 111,1) 0%, rgba(41, 90, 196, 1) 61%, rgba(61, 207, 240,.95) 100%), url(../images/gif/the-big-lebowski-1.gif);
    background: -webkit-linear-gradient(61deg, rgba(27, 27, 111,1) 0%, rgba(41, 90, 196, 1) 61%, rgba(61, 207, 240,.95) 100%), url(../images/gif/the-big-lebowski-1.gif);
    background: linear-gradient(61deg, rgba(27, 27, 111,1) 0%, rgba(41, 90, 196, 1) 61%, rgba(61, 207, 240,.95) 100%), url(../images/gif/the-big-lebowski-1.gif);
    background-size: contain;
    background-position: right bottom;
}




/* Background for effects */
.shadow-1 {
    width: calc(100%);
    height: calc(94vw / 30);
    background: radial-gradient( rgb(0 0 0 / 90%), #fff0 72% );
    /* mix-blend-mode: unset; */
    opacity: .35;
}

.higlight-1 {
    opacity: .75;
    z-index: 3;
    border-radius: 50%;
    width: calc(135vw);
    height: 35vh;
    background: radial-gradient( rgb(255 255 255 / 64%), rgb(255 255 255 / 0%) 68% );
    mix-blend-mode: overlay;    
}



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

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

/* 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 #e8e8e8;
}

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

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

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

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

/* 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;
}



/*=============================*/
/*===      Animation       ===*/
/*===========================*/

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes growOne {
    0% {
        opacity: 0;
        transform: scale(.5);
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes growOne {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes slideInBottom1 {
    0% {
    transform: translateY(0);
    opacity: 0;
    }
    100% {
    opacity: 1;
    transform: translateY(-5vh);
    }
}

@-webkit-keyframes slideInBottom1 {
    0% {
        -webkit-transform: translateY(0);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(-5vh);
    }
}
  
@keyframes opacityOne {
    0% {
        opacity: 0;
        -webkit-filter: blur(2px);
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes opacityOne {
    0% {
        opacity: 0;
        -webkit-filter: blur(2px);
    }
    100% {
        opacity: 1;
    }
}

@keyframes shrinkOne {
    0% {
        opacity: 0;
        transform: scale(5);
        -webkit-filter: blur(3px);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes shrinkOne {
    0% {
        opacity: 0;
        -webkit-transform: scale(5);
        -webkit-filter: blur(3px);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes borderBottomOne {
    0% {
        border-bottom: 3px solid white;
    }
    100% {
        border-bottom: 3px solid #29e7ad;
    }
}

@-webkit-keyframes borderBottomOne {
    0% {
        border-bottom: 3px solid white;
    }
    100% {
        border-bottom: 3px solid #29e7ad;
    }
}


/*=============================*/
/*===         XL           ===*/
/*===========================*/
/* Extra Large devices XL (phones, less than 1400px) */
@media only screen
and (min-width : 1200px)
and (max-width :1400px) {
		
 
	
}

/*=============================*/
/*===         LG           ===*/
/*===========================*/

@media only screen
and (min-width : 992px)
and (max-width : 1200px) {
		
 	/* Padding top fixed 0 */
    .pad-top-0-l-1200 {
        padding-top: 0;
    }
    /* Padding top fixed 30 */
    .pad-top-30-l-1200 {
        padding-top: 30px;
    }
	.pad-right-0-l-1200 {
        padding-right: 0;
    }
    .pad-left-0-l-1200 {
        padding-left: 0;
    }
    .pad-left-15-l-1200 {
        padding-left: 15px;
    }

    .marg-top-0-l-1200 {
        margin-top: 0;
    }
    .marg-top-15-l-1200 {
        margin-top: 15px;
    }

    /* Fixing padding */
    /* Fixed paddings */
    /* Padding right 0 */
    .pad-right-0-l-1200 {
        padding-right:0;
    }
    /* Padding left 0 */
    .pad-left-0-l-1200 {
        padding-left:0;
    }

    .dis-none-l-1200 {
        display: none;
    }
	.dis-block-l-1200 {
        display: block;
    }
	
	/* Text align */
	/* Text align right */
	.txt-a-c-l-1200 {
		text-align:center;
	}
	.txt-a-r-l-1200 {
		text-align:right;
	}
	.txt-a-l-l-1200 {
		text-align:left;
	}
	.txt-a-j-l-1200 {
		text-align:justify;
	}	
	
	/* Gallery with carousel */
	.gallery-col {
		padding-top:0;
		padding-left: 15px;
	}	
	.carousel-caption {
		bottom: -54px;
	}	
	
	.b-t-1px-l-gray-l-1200 {
		border-top: 1px solid #e8e8e8;
	}
	
	
	
	/* Menu left transform to top */
	.menu-left {
		margin-top: 60px!important;
		margin-left: 0;
		padding-right: 15px;
		text-align: center;
	}
	/* Tragwerke sub menu dropdown */
	#sub-links-1 {
		position: absolute;
		display: block;
		background-color: rgba(235, 235, 235, 0.95);
		width: 277%;
		text-align: left;	
   		padding-left: 20px;		
		padding-top: 10px;
		z-index: 10;
	}	
	.menu-left .trag-col {
		text-align: left;
	}
	.menu-left .prof-col {
		text-align: right;
	}
	.wetb-txt {
		margin-top: 0;
	}	
	/* Switch from link to menu at project pages */
	.project-page-trag-link {
		display: none;
	}
	.project-page-trag-menu {
		display: block;
	}		

	/* Profil page Wetbewerbe | Impressum Page menu left */	
	.profil-page .menu-left, 
	.impressum-page .menu-left, 
	.wettbewerbe-page .menu-left {
		width: 133%;
	}
	.profil-page .prof-a {
		display: none;
	}
	.profil-page .wet-a {
		display: block;
	}
	.profil-page .wetb-txt {
		display: none;
	}	
	
	
	.project-info-mobile {
		margin-top: 30px;
	}	
	
}




/*=============================*/
/*===         md           ===*/
/*===========================*/
/* Medium devices MD (phones, less than 992px) */
@media only screen
and (min-width : 768px)
and (max-width : 992px) {
		
    /* Padding right 0 */
    .pad-right-0-l-992 {
        padding-right: 0;
    }

    .pad-right-15-l-992 {
        padding-right: 15px;
    }
    /* Padding top fixed 0 */
    .pad-top-0-l-992 {
        padding-top: 0;
    }

    /* Padding top fixed 30 */
    .pad-top-30-l-992 {
        padding-top: 30px;
    }
    .pad-left-15-l-992 {
        padding-left: 15px;
    }
    /* Margin bottom fixed 0 lower  */
    .marg-bottom-0-l-992 {
        margin-bottom: 0px;
    }
    .marg-bottom-10-l-992 {
        margin-bottom: 10px;
    }
    /* Margin bottom fixed 15 lower  */
    .marg-bottom-15-l-992 {
        margin-bottom: 15px;
    }
    .marg-top-0-l-992 {
        margin-top: 0;
    }
    /* Margin bottom fixed 15 lower  */
    .marg-top-15-l-992 {
        margin-top: 15px;
    }
    /* Margin bottom fixed 30 lower  */
    .marg-top-30-l-992 {
        margin-top: 30px;
    }
    .btn-w-110-l-992 {
        width: 110px;
    }
	
	/* Text align */
	/* Text align right */
	.txt-a-c-l-992 {
		text-align:center;
	}
	.txt-a-r-l-992 {
		text-align:right;
	}
	.txt-a-l-l-992 {
		text-align:left;
	}
	.txt-a-j-l-992 {
		text-align:justify;
	}	


    /* Hide element block on resoution lower 992  */
    .dis-none-l-992 {
        display: none;
    }
    /* Display element block on resoution lower 992  */
    .dis-block-l-992 {
        display: block;
    }
	
	
	
	/* Gallery with carousel */
	.gallery-col {
		padding-top:0;
		padding-left: 15px;
	}	
	.carousel-caption {
		bottom: -54px!important;
	}		
	
	/* Menu left transform to top */
	.menu-left {
		margin-top: 60px!important;
		margin-left: 0;
		padding-right: 15px;
		text-align: center;
	}	

	/* Tragwerke sub menu dropdown */
	#sub-links-1 {
		position: absolute;
		display: block;
		background-color: rgba(235, 235, 235, 0.95);
		width: 277%;
		text-align: left;	
   		padding-left: 20px;		
		padding-top: 10px;
		z-index: 10;
	}	
	.menu-left .trag-col {
		text-align: left;
	}
	.menu-left .prof-col {
		text-align: right;
	}	
	.trag-txt {
		padding-left: 0;
	}
	.wetb-txt {
		margin-top: 0;
	}
	/* Switch from link to menu at project pages */
	.project-page-trag-link {
		display: none;
	}
	.project-page-trag-menu {
		display: block;
	}
	
	/* Menu left on Profile page */
	.profil-page .menu-left, 
	.impressum-page .menu-left, 
	.wettbewerbe-page .menu-left {
		width: 133%;
	}
	.profil-page .prof-a {
		display: none;
	}
	.profil-page .wet-a {
		display: block;
	}
	.profil-page .wetb-txt {
		display: none;
	}		
	/* Table Wett  */
	.table.wett {
		word-spacing: -0.1em;
		letter-spacing: -0.06em;
	
	}
	
	
	.project-info-mobile {
		margin-top: 30px;
	}

		
}


/*=============================*/
/*===   Mobile ready XS    ===*/
/*===========================*/
/* Extra small devices XS (phones, less than 576px) */

@media only screen
and (min-width : 0px)
and (max-width : 576px) {
    /* fixing body font size */

    body {
        font-size: 90%;
    }
	.font-8-l-576 {
        font-size: .8em;
    }
	.font-9-l-576 {
        font-size: .9em;
    }	
	.font-10-l-576 {
        font-size: 1em;
    }
	.font-11-l-576 {
		font-size: 1.1em;
	}
	.font-12-l-576 {
        font-size: 1.2em;
    }
	.font-14-l-576 {
        font-size: 1.4em;
    }	
	.font-15-l-576 {
        font-size: 1.5em;
    }	
    .font-16-l-576{
        font-size: 1.8em;
    }	
    .font-18-l-576{
        font-size: 1.8em;
    }
    .font-20-l-576{
        font-size: 2em;
    }
    .font-24-l-576 {
        font-size: 2.4em;
    }
    .font-25-l-576 {
        font-size: 2.5em;
    }
    .font-26-l-576 {
        font-size: 2.6em;
    }

    .font-30-l-576 {
        font-size: 3em;
    }

    /* heading font size */
    h1 {
        font-size: 4.6em;
        margin-top: 0.6em;
        margin-bottom: 0.4em;
    }
    h2 {
        font-size: 4.0em;
    }
    h3 {
        font-size: 2.5em;
        margin-top: 0.3em;
        margin-bottom: 0.15em;
    }
    h4 {
        font-size: 2.2em;
        margin-top: 0.2em;
        margin-bottom: 0.1em;
    }

	/* Top nav fix */
	.navbar-default {
		background-color:#FFFFFF;
	}
	.navbar-wrapper {
		position:relative;
	}
	.navbar-nav {
		float:none;
	}

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

    .op-0-l-576 {
        opacity: 0;
    }
    /* Display settings lower 768 */
    .dis-none-l-576 {
        display: none!important;
    }
    .dis-inline-l-576 {
        display: inline!important;
    }
    .dis-inline-b-l-576 {
        display: inline-block!important;
    }
    .dis-block-l-576 {
        display: block!important;
    }

	/* Text align */
	/* Text align right */
	.txt-a-c-l-576 {
		text-align:center;
	}
	.txt-a-r-l-576 {
		text-align:right;
	}
	.txt-a-l-l-576 {
		text-align:left;
	}
	.txt-a-j-l-576 {
		text-align:justify;
	}
	
	.let-space-03-xs {
		letter-spacing: -0.03em;
	}

    /* Center Block */
    .center-block-l-576 {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /* Pull */
    /* Text align right */
    .pull-right-l-576 {
        float: right!important;
    }
    .pull-left-l-576 {
        float: left!important;
    }

    /* width */
	.w-100-l-576 {
        width: 100%;
    }
    /* width important */
    .w-100-i-l-756{
        width: 100% !important;
    }
    /* Min Height auto */
    .m-height-auto-l-576 {
        min-height: auto!important;
    }
	 /* fixing border */
    /* border right lower then 768 */
    .b-r-0-l-576 {
        border-right:0;
    }
    .b-r-1-gray-l-576 {
        border-right: 1px solid #D8D8D8;
    }
    .b-r-1-white-l-576 {
        border-right: 1px solid #ffffff;
    }
    .b-r-1-cyan-l-576 {
        border-right: 1px solid #30b0d2;
    }
    .b-b-0-l-576 {
        border-bottom:0;
    }
    .b-t-1px-l-gray-l-576 {
        border-top: 1px solid #e8e8e8;
    }	
    .b-b-1px-gray-l-576 {
        border-bottom: 1px solid #b8c0c3;
    }
    .b-b-1px-cyan-l-576 {
        border-bottom: 1px solid #30b0d2;
    }
    /* border left lower then 768 */
    .b-l-0-l-576 {
        border-left:0;
    }
    .b-l-1-gray-l-576 {
        border-left: 1px solid #D8D8D8;
    }
    .b-l-1-white-l-576 {
        border-left: 1px solid #ffffff;
    }

    .b-t-right-10px-l-576 {
        border-top-right-radius: 10px
    }
    .b-t-left-10px-l-576 {
        border-top-left-radius: 10px
    }
    /* Border all */
    .b-all-0-l-576 {
        border:0!important;
    }


    /* Fixing Gray space betwen page and monitor edge  */
    .pad-right-percent-19 {
        padding-right:40px;
    }
    .pad-left-percent-19 {
        padding-left:40px;
    }
    .pad-right-percent-18 {
        padding-right:28px;
    }
    .pad-left-percent-18 {
        padding-left:28px;
    }

    /* Fixing padding */
    .pad-all-0-l-576 {
        padding: 0!important;
    }
    /* Pading top fixed 0 */
    .pad-top-0-l-576 {
        padding-top: 0;
    }
    /* Pading top fixed 5px */
    .pad-top-5-l-576 {
        padding-top: 5px;
    }
    .pad-top-10-l-576 {
        padding-top: 10px;
    }
    /* Pading top fixed 15px */
    .pad-top-15-l-576 {
        padding-top: 15px!important;
    }
    /* Pading top fixed 30px */
    .pad-top-30-l-576 {
        padding-top: 30px;
    }
    /* Pading top fixed 45px */
    .pad-top-45-l-576 {
        padding-top: 45px;
    }
    /* Pading top fixed 60px */
    .pad-top-60-l-576 {
        padding-top: 60px;
    }
    .pad-top-100-l-576 {
        padding-top: 100px;
    }
    /* Padding right 0 */
    .pad-right-0-l-576 {
        padding-right:0!important;
    }
    /* Padding left 0 */
    .pad-left-0-l-576 {
        padding-left:0!important;
    }
	/* Padding left 5 */
    .pad-left-5-l-576 {
        padding-left:5px;
    }
    /* Padding left 15 */
    .pad-left-15-l-576 {
        padding-left:15px!important;
    }
    /* Padding left 30 */
    .pad-left-30-l-576 {
        padding-left:30px;
    }
    /* Padding left 60 */
    .pad-left-60-l-576 {
        padding-left:60px;
    }
	/* Padding right 5 */
    .pad-right-5-l-576 {
        padding-right:5px;
    }
    /* Padding right 15 */
    .pad-right-15-l-576 {
        padding-right:15px!important;
    }
    /* Padding right 20 */
    .pad-right-20-l-576 {
        padding-right:20px;
    }
    /* Padding right 30 */
    .pad-right-30-l-576 {
        padding-right:30px;
    }
    /* Padding right 45 */
    .pad-right-45-l-576 {
        padding-right:30px;
    }
    /* Pading bottom fixed 0px */
    .pad-bottom-0-l-576 {
        padding-bottom: 0;
    }
    .pad-bottom-5-l-576 {
        padding-bottom: 5px;
    }
    .pad-bottom-10-l-576 {
        padding-bottom: 10px;
    }
    /* Pading bottom fixed 15px */
    .pad-bottom-15-l-576 {
        padding-bottom: 15px;
    }
    /* Pading bottom fixed 30px */
    .pad-bottom-30-l-576 {
        padding-bottom: 30px;
    }
    /* Pading bottom fixed 100px */
    .pad-bottom-100-l-576 {
        padding-bottom: 100px;
    }
    /* Percent paddings */
    /* Padding right percent 5 */
    .pad-right-p-5-l-576 {
        padding-right:5%;
    }

    /* Fixing Margin */
    /* Margin top 0px */
    .marg-top-0-l-576 {
        margin-top: 0 !important;
    }
    /* Margin top 5px */
    .marg-top-5-l-576 {
        margin-top: 5px !important;
    }
    /* Margin top 10px */
    .marg-top-10-l-576 {
        margin-top: 10px !important;
    }
    /* Margin top 15px */
    .marg-top-15-l-576 {
        margin-top: 15px;
    }
    /* Margin top 20px */
    .marg-top-20-l-576 {
        margin-top: 20px;
    }
    /* Margin top 25px */
    .marg-top-25-l-576 {
        margin-top: 25px;
    }
    /* Margin top 30px */
    .marg-top-30-l-576 {
        margin-top: 30px;
    }
    /* Margin top 45px */
    .marg-top-45-l-576 {
        margin-top: 45px;
    }
    /* Margin top 60px */
    .marg-top-60-l-576 {
        margin-top: 60px;
    }	
    /* Margin right 15px */
    .marg-right-15-l-576 {
        margin-right: 15px;
    }
    /* Margin right 15px */
    .marg-right-0-l-576 {
        margin-right: 0;
    }
    /* Margin bottom 0 */
    .marg-bottom-0-l-576 {
        margin-bottom: 0px !important;
    }
    .marg-bottom-5-l-576 {
        margin-bottom: 5px !important;
    }
    /* Margin bottom 10px */
    .marg-bottom-10-l-576 {
        margin-bottom: 10px;
    }
    /* Margin bottom 15px */
    .marg-bottom-15-l-576 {
        margin-bottom: 15px;
    }
    /* Margin bottom 20px */
    .marg-bottom-20-l-576 {
        margin-bottom: 20px;
    }
    /* Margin bottom 25px */
    .marg-bottom-25-l-576 {
        margin-bottom: 25px;
    }
    /* Margin bottom 30px */
    .marg-bottom-30-l-576 {
        margin-bottom: 30px;
    }
    /* Margin bottom 45px */
    .marg-bottom-45-l-576 {
        margin-bottom: 45px;
    }
    /* Margin bottom 60px */
    .marg-bottom-60-l-576 {
        margin-bottom: 60px;
    }	
    /* Margin left 15px */
    .marg-left-15-l-576 {
        margin-left: 15px;
    }
    /* Margin left 0px */
    .marg-left-0-l-576 {
        margin-left: 0;
    }

    /* Font family */
    /* Bright cyan  */
    .blue-cyan-f-2-xs {
        color: #3ab9dc;
    }
    /*   Font color   */
    .white-f-fff-xs {
        color: #ffffff;
    }


    /*  Background color  */
    .bg-transparent-l-576 {
        background-color: transparent;
    }
    .bg-white-l-576 {
        background-color: #ffffff;
    }
    .white-bg-10-l-576 {
        background-color:#eeeeee ;
    }
	
}