/* ############## CSS for new FlowCAD Website based on bootstrap 4 ############## */
body {
    background-color: #f4f4f4;
    font-family: Arial, Frutiger, sans-serif;
    font-size: .95rem;
    line-height: 1.43rem;
    color: #333
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, #ccc, #333, #ccc)
}

.content {
    background-color: #fff;
    margin-bottom: 2em;
    padding-bottom: 1em;
    padding-top: 1.5em;
    color: #333
}

.panel {
    border: solid #ccc 1px
}

.panel img {
    max-width: 100%;
    height: auto;
    min-height: inherit
}

.panel-row img {
    margin-top: 20px;
    margin-bottom: 30px
}

.panel-row p {
    margin-bottom: 40px
}

.news-panel {
    background-color: #fff;
    margin-left: -1em;
    margin-right: -1em
}

.space {
    padding-right: .5em
}

.wide-space {
    padding-right: 1em
}

.fill {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eee 0, #fff 100%) repeat scroll 0 0;
    color: #000;
    padding-left: 20px;
    padding-top: 0
}

.standard {
    color: #333;
    font-size: 1em;
    font-weight: 400;
    padding-top: 0;
    padding-bottom: 0
}

h1 {
    color: #333;
    font-size: 1.95em;
    font-weight: 700;
    padding-bottom: .6em
}

h2 {
    color: #c00;
    font-size: 1.5em;
    font-weight: 700;
    padding-top: .2em;
    padding-bottom: .6em;
    margin-top: 1rem
}

h3 {
    color: #c00;
    font-size: 1.25em;
    font-weight: 400
}

h4 {
    color: #c00;
    font-size: 1em;
    font-weight: 400
}

h5 {
    color: #666;
    font-size: 1em;
    font-weight: 700
}

h6 {
    color: #666;
    font-size: 1em;
    font-weight: 400
}

sup {
    font-size: .6em
}

/*wichtig, die LVHA-Reihenfolge einzuhalten: :link � :visited � :hover � :active. */
a,
a:active,
a:link {
    color: #0055AB;
}

.fill a:hover,
a:hover {
    color: #0055AB;
    text-decoration: underline
}

.nodeco:hover {
    text-decoration: none
}

.nodeco > a::before {
    color: #000;
    content: "\a0"
}

.img-link a,
.img-link a:active,
.img-link a:link {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%)
}

.img-link a:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0)
}

a > btn:link {
    color: #fff
}

.content p > a:after {
    color: #333;
    content: "\a0"
}

.content p > a:before {
    color: #c00;
    content: "\BB\a0"
}

.content li > a:after {
    color: #333;
    content: "\a0"
}

.content li > a:before {
    color: #c00;
    content: "\BB\a0"
}

.img-gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%)
}

.img-haze {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    filter: grayscale(50%)
}

.img-news {
    object-fit: cover;
    object-position: 100% 0;
    width: 100%;
    height: 80px
}

.fineprint,
figcaption {
    display: block;
    padding-top: 3px;
    width: 100%;
    min-height: 16px;
    background-color: #fff;
    font-size: .7em;
    line-height: 1.4em;
    color: #333
}

.vidyard-close-x {
    margin-top: 20px;
    background-color: #c00
}

.YTPic:hover .YTPlay {
    opacity: 1
}

.YTTime {
    position: absolute;
    top: 90%;
    left: 90%;
    color: #fff;
    background-color: #c00;
    transform: translate(-90%, -90%);
    -ms-transform: translate(-90%, -90%)
}

.YTFilm {
    position: relative;
    transform: translate(0, -100%);
    -ms-transform: translate(0, -100%)
}

.YTPlay {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.thumbnail-wrapper {
    margin-bottom: 1.4em
}

.h-3 {
    height: 3rem
}

.h-4 {
    height: 4rem
}

pt-10 {
    padding-top: 10px
}

.thumbnail-text {
    background-color: #f4f4f4;
    font-size: .7rem;
    padding: 13px 45px 10px 20px;
    overflow: hidden
}

.thumbnail-text:hover {
    background-color: #ccc
}

.border {
    border: solid #ccc 1px
}

.fix230 {
    height: 150px;
    width: 230px;
    border: 1px solid #ccc
}

.pic230 {
    float: left;
    width: 100%;
    max-width: 263px;
    height: auto;
    border: 1px solid #ccc;
    margin-right: 10px
}

.teaser {
    font-size: 1.5em;
    line-height: 125%;
    background-color: #d6e0f5;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    border-left-color: #c00;
    border-left-width: 5px;
    border-left-style: solid
}

.webinar-left {
    font-size: 1em;
    line-height: 125%;
    background-color: #b7e4c7;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    border-left-color: #c00;
    border-left-width: 5px;
    border-left-style: solid
}

.webinar-right {
    font-size: 1em;
    line-height: 125%;
    background-color: #b7e4c7;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 30px
}

.onpage {
    background-color: #d6e0f5
}

.onpagenav {
    position: fixed;
    bottom: 400px;
    right: 0;
    z-index: 10001;
    padding: 0 5px 0 5px;
    background-color: #f4f4f4;
    border-color: #ccc;
    color: #b7b7b7
}

.onpagenav a,
.onpagenav a:link {
    color: #b7b7b7;
    text-decoration: none
}

.onpagenav a:hover {
    color: #fff;
    text-decoration: none
}

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

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

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

.productdescription {
    padding-bottom: 30px;
    padding-left: 20px
}

.pic-aside {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    padding-left: 0
}

.no-top-margin {
    margin-top: 0
}

.bleeding {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    width: 100%;
    height: auto
}

iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none
}

/* ################ for Video links #####################*/

.embed-responsive-h700::before {
    padding-top: 36%
}

.embed-responsive-19by4::before {
    padding-top: 20.833333%;
}

.stillvideoimg {
    display: inline-block;
    position: relative
}

.stillvideoimg img {
    display: block;
    max-width: 100%
}

.stillvideoimg .stillvideoheader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 16%;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center
}

.stillvideoimg .stillvideologo {
    padding-top: 45px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #333;
    text-align: center;
    font-size: 400%
}

.videopic {
    position: relative;
    opacity: .5
}

.videopic:hover {
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.videooverlaytop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: right;
    color: #fff;
    font-size: 17px;
    padding: 5px;
    background: rgba(0, 0, 0, .6)
}

.videooverlaycenter {
    position: absolute;
    top: 5%;
    left: 0;
    color: #c00;
    font-size: 500%;
    padding: 20% 35% 17% 41%
}

.imgselect {
    padding: .25rem .25rem
}

/* ##############  Effects ###################*/

.hover-button {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.hover-button:active,
.hover-button:focus,
.hover-button:hover {
    background-color: #c00;
    color: #fff
}

.shrink {
    font-size: 85%;
    line-height: 1.2
}

.shrink-2 {
    font-size: 65%
}

.shrink-3 {
    font-size: 50%
}

.grow {
    font-size: 200%
}

.grow-150 {
    font-size: 150%
}

.grow-2 {
    font-size: 500%
}

.grow-3 {
    font-size: 1000%
}

.grow img {
    height: 300px;
    width: 300px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
}

.grow img:hover {
    width: 400px;
    height: 400px
}

.jumbotron {
    background-color: #e0e0e0;
    border-radius: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: 0;
    margin-right: -30px;
    border-right-color: #f4f4f4;
    border-right-style: solid
}

.jumbotron > ul {
    padding-left: 15px
}

.accordion-icon [data-toggle=collapse]:after {
    content: "\25bC";
    padding-right: 10px;
    line-height: 10px;
    float: left;
    color: #000
}

.accordion-icon [data-toggle=collapse].collapsed:after {
    padding-bottom: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.svghover:hover {
    fill: #c00
}

/* ###################  FIXES TO BOOTSTRAP  ########################### */

.form-control {
    color: #868e96;
    opacity: 1
}

/*  ######################################################################
    #                                                                    # 
    #                   #    #   ##  #    #                              # 
    #                   ##   #   ##  #    #                              # 	
    #                   # #  #  #  #  #  #                               # 				
    #                   #  # #  ####  #  #                               # 
    #                   #   ## #    #  ##                                # 
    #                   #    # #    #  ##                                # 
    #                                                                    # 
    ###################################################################### */


.logo {
    width: 150px;
    padding: 5px 0
}

.topnav-header {
    background-color: #c00;
    color: #fff;
    margin-bottom: 0;
    font-size: .9rem
}

.topnav-header a,
topnav-header a:link,
topnav-header a:visited {
    color: #fff;
    text-decoration: none;
    padding-top: 15px;
    padding-bottom: 15px;
    white-space: nowrap
}

.topnav-header a:focus {
    outline: 0
}

.topnav-outer {
    display: table;
    width: 100%;
    margin-top: 10px
}

.dropdown-item {
    white-space: normal
}

.topnav-inner {
    display: table-row;
    width: 100%;
    overflow: hidden;
    position: relative
}

.inline-icon {
    width: 12px;
    height: 12px;
    margin-bottom: 2px
}

.inline-flag {
    width: 16px;
    height: 12px;
    margin-bottom: 2px
}

.nav-flag {
    border: solid #ccc 1px;
    padding-right: 0;
    height: 15px;
    width: 20px;
    vertical-align: middle
}

.nav-flag:hover {
    border: solid #fff 1px
}

@media (max-width:767px) {
    .logo {
        width: 84px;
        height: 30px
    }
}

div.table {
    display: table;
    border-collapse: collapse;
    margin-bottom: 10px
}

.topnav-inner > div.table {
    margin-bottom: 0
}

div.tr {
    display: table-row
}

div.td {
    display: table-cell;
    padding-left: 2px;
    padding-right: 2px;
    width: 100%;
    text-align: right;
    overflow: hidden;
    white-space: nowrap
}

div.td-left {
    text-align: left
}

.table-center {
    text-align: center
}

.table-left {
    text-align: left
}

.table-form-repair {
    display: inline-table
}

.table.dark {
    color: #fff;
    background-color: #ccc
}

.sidenav {
    position: fixed;
    bottom: 1px;
    right: 0;
    z-index: 10001;
    padding: 0 0 0 3px;
    background-color: #f4f4f4;
    border-color: #ccc
}

/* ################### BANNER  ################# */

.carousel-caption {
    background: #cccc
}

.banner {
    height: 150px;
    background: url(../pics/banner.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.splash {
    height: 300px;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.space-row-white {
    height: 1px;
    background-color: #fff
}

/* ###### Navbar ######## */

.red {
    color: #c00
}

.bg-red {
    background-color: #c00
}

.bg-blue {
    background-color: #36c
}

.bg-verylightblue {
    background-color: #b9cbee
}

.bg-ultralightblue {
    background-color: #d6e0f5
}

.bg-black {
    background-color: #000
}

.bg-gray {
    background-color: #ccc
}

.bg-lightgray2 {
    background-color: #f4f4f4
}

.bg-dark {
    background-color: #333
}

.navbar {
    border-radius: 0;
    padding-left: 10px;
    font-size: .9rem
}

.navbar-dark {
    background-color: #c00;
    color: #fff
}

.navbar-dark .navbar-brand {
    background-color: #c00;
    color: #fff
}

.navbar-default .navbar-brand:hover {
    background-color: #666;
    color: #fff
}

.navbar-brand:focus {
    color: #fff !important
}

button.navbar-header {
    color: #fff
}

.navbar-default .navbar-nav > li > a {
    color: #fff !important;
    font-size: 16px
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #666;
    color: #fff
}

li .navbar-item > a {
    background-color: #c00;
    color: #fff
}

.dropdown-menu strong {
    color: #333;
    font-weight: 700;
    font-size: 1.2em;
    padding-left: 1.2em
}

.nav-item,
.nav-item:active,
.nav-item:focus,
.nav-item:visited {
    position: relative;
    display: inline-block;
    padding: 0 3px 0 3px;
    color: #fff;
    font-weight: 300;
    text-decoration: none
}

.nav-item:hover {
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    background-color: #666
}

.dropdown-menu {
    min-width: 200px;
    font-size: 88%;
    background-color: #e0e0e0;
    padding: 0
}

.dropdown-menu.coltwo {
    min-width: 450px
}

.dropdown-menu.colthree {
    min-width: 650px
}

.colfour {
    min-width: 850px
}

@media (max-width:991px) {
    .colfour {
        min-width: 350px
    }
}


/*

	<!-- xs	Extra small <576px 		container width  max-->
	<!-- sm	Small 			=576px 		container width  max column >48   -->
	<!-- md	Medium			=768px 		container width  750 column 62,5  -->
	<!-- lg	Large				=992px		container width  970 column 80,83 -->
	<!-- xl	Extra large	=1200px		container width 1170 column 97,5

*/

.dropdown-menu li a {
    padding: 3px 3px;
    font-weight: 300
}

.multi-column-dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    height: inherit
}

.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #333;
    white-space: normal
}

.multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ccc
}

.logo-nav {
    background-color: #333;
    line-height: 300%
}

.logo-nav a {
    color: #fff;
    font-size: 2em
}

@media (max-width:767px) {
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden
    }
}

.form-inline {
    flex-flow: row nowrap
}


/* 	###################################################################### 
		#                                                                    # 
		#            FFFFF  OOO    OOO   TTTTT  EEEEE  RRRR                  # 
		#		         F     O   O  O   O    T    E      R   R                 # 
		#            FFF   O   O  O   O    T    EEE    RRRR                  # 
		#            F     O   O  O   O    T    E      R R                   # 
		#         	 F      OOO    OOO     T    EEEEE  R  RR                 # 
		#                                                                    # 
		###################################################################### */



footer {
    background-color: #333;
    font-size: 80%;
    color: #b7b7b7
}

footer a,
footer a:link {
    color: #b7b7b7;
    padding-right: 5px
}

footer a:hover {
    color: #fff;
    background-color: transparent;
    text-decoration: none
}

footer li {
    list-style: none;
    line-height: 170%
}

footer ul {
    padding: 0
}

.copyright {
    background-color: #000;
    color: #b7b7b7;
    margin-top: 1px;
    margin-bottom: 3px
}

.footer-headline {
    margin-bottom: 0;
    font-weight: 700;
    line-height: 250%
}

.footer-logo {
    max-width: 100px;
    max-height: 25px
}

.no-wrap {
    white-space: nowrap
}

.google-maps {
    position: relative;
    padding-bottom: 62%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 5px
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.training_duration {
    font-weight: 700
}

.training_daterow {
    text-align: center;
    color: #fff
}

.training_titlerow {
    text-align: center;
    background-color: #333 !important;
    color: #b7b7b7
}

.training_trainperiod {
    background-color: #f3f3f3 !important;
    color: #c00;
    font-weight: 700
}

.training_greycol {
    color: #333
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #c00;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.dark-theme {
    background-color: #333;
    color: #b7b7b7
}

.dark-theme h2 {
    color: #fff
}

.dark-theme a:link {
    color: #b7b7b7
}

.dark-theme a:hover {
    color: #fff;
    background-color: transparent;
    text-decoration: none
}

/* 	###################################################################### 
	#                                                                    # 
	#            CCC    OOO   L       OOO   RRRR                         # 
	#	        C      O   O  L      O   O  R  R                         # 
	#           C      O   O  L      O   O  RRRR                         # 
	#           C      O   O  L      O   O  R R                          # 
	#            CCC    OOO   LLLLL   OOO   R  RR                        # 
	#                                                                    # 
	###################################################################### */

/* FlowCAD primary corporate colors
#cc0000;  = FlowCAD Red								        rgb(204,  0,  0)
#cccccc;  = FlowCAD Light Gray				                rbg(204,204,204)	grey20
#000000;  = Black 										    rgb(  0,  0,  0)	grey0
#ffffff;  = White											rgb(255,255,255)	grey100
#0066CC;  = FlowCAD Blue							        rgb(  0,102,204)	PMS 299

FlowCAD additional secondary corporate colors. This color palette is used to complement the primary colors. 
It should be only used rarely for accents or if multiple colors are required.

#0055AB;  = FlowCAD Link Color for web only (between other blues)



#666666;  = FlowCAD Dark Gray					            rbg(102,102,102)	Cool Gray 11
#09698D;  = FlowCAD Dark Blue					            rgb(  9,105,141)
#93B63A;  = FlowCAD Green							        rgb(147,182, 58)
#099E9C;  = FlowCAD Dark Green				                rgb(  9,158,156)
#E6B817;  = FlowCAD Gold							        rgb(230,184, 23)
#E87C1E;  = FlowCAD Orange						            rgb(232,124, 30)

#e0eeee;  = Submenu in FlowManager 		                    rgb(224,238,238)    azure2
#35a1c6;  = Sky color in main menu		                    rgb( 53,161,198)

FlowCAD Red scaling for Web only
#460000;  = FlowCAD very dark RED
#890000;  = FlowCAD dark
#cc0000;  = FlowCAD RED
#DD5454;  = FlowCAD light RED
#EEA8A8;  = FlowCAD very light RED

FlowCAD Blue scaling for Web only
#112346;  = FlowCAD web very dark Blue
#224489;  = FlowCAD web dark Blue
#0066CC;  = FlowCAD Blue
#7698DD;  = FlowCAD light Blue					            rgb(118,152,221)
#B9CBEE;  = FlowCAD very light Blue
#d6e0f5;	=	FlowCAD	ultra light Blue  
#e4eaf8; 	= not in use
}

FlowCAD Gray scaling for Web only
#000000;  = Black
#666666;  = FlowCAD Dark Gray					            rbg(102,102,102)	Cool Gray 11 (Krylon Classic Gray)
#8E8E8E;  = FlowCAD Dark Gray 1    			                rgb(142,142,142)	Crayola Sonic Silver
#B7B7B7;  = FlowCAD Dark Gray 2					            rgb(183,183,183)
#CCCCCC;  = FlowCAD Light Gray					            rbg(204,204,204)	grey20	
#E0E0E0;  = FlowCAD Light Gray 1				            rgb(224,224,224)
#F4F4F4;  = FlowCAD Light Gray 2				            rgb(244,244,244)  Caparol 93 2 73/RAL 9003

Webpage
#212529;	= Bootstrap Default Font Color
#868e96;	= Bootstrap Secondary Color gray
#0069d9;	= Bootstrap Primary Color blue (i.e. Search button)
#dc3545;	= Bootstrap danger
*/

/* 	######################################################################
 		#                                                                    #
		#            FFFFFFF  OOOO   N    N  TTTTTTT                         #
		#            F       O    O  NN   N     T                            #
		#            FFFF    O    O  N N  N     T                            #
		#            F       O    O  N  N N     T                            #
		#            F       O    O  N   NN     T                            #
		#            F        OOOO   N    N     T                            #
		#                                                                    #
		###################################################################### */

/* copy the style.css from iconmoon here and replace 5x in @font-face fonts/ with /fonts/ */
@font-face {
    font-family: FlowCAD-icon;
    src: url(https://www.flowcad.de/fonts/FlowCAD-icon.eot?6w1efo);
    src: url(https://www.flowcad.de/fonts/FlowCAD-icon.eot?6w1efo#iefix) format('embedded-opentype'), url(https://www.flowcad.de/fonts/FlowCAD-icon.ttf?6w1efo) format('truetype'), url(https://www.flowcad.de/fonts/FlowCAD-icon.woff?6w1efo) format('woff'), url(https://www.flowcad.de/fonts/FlowCAD-icon.svg?6w1efo#FlowCAD-icon) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class*=" Ficon-"],
[class^=Ficon-] {
    font-family: FlowCAD-icon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga"1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.Ficon-flowcad:before {
    content: "\f001"
}

.Ficon-cadence:before {
    content: "\f002"
}

.Ficon-orcad:before {
    content: "\f003"
}

.Ficon-pspice:before {
    content: "\f004"
}

.Ficon-xjtag:before {
    content: "\f005"
}

.Ficon-mecadtron:before {
    content: "\f006"
}

/*.Ficon-bqr:before {
    content: "\f007"
}
*/
.Ficon-cadalist:before {
    content: "\f008"
}

.Ficon-lecroy:before {
    content: "\f009"
}

.Ficon-ema:before {
    content: "\f010"
}

/*.Ficon-ansys:before {
    content: "\f011"
}
*/

.Ficon-wise:before {
    content: "\f012"
}

.Ficon-allegro:before {
    content: "\f013"
}

.Ficon-sigrity:before {
    content: "\f014"
}

.Ficon-siliconexpert:before {
    content: "\f015"
}

.Ficon-awr:before {
    content: "\f016"
}

.Ficon-inspectar:before {
    content: "\f017"
}

.Ficon-by-cadence:before {
    content: "\f018"
}

.Ficon-home:before {
    content: "\f020"
}

.Ficon-search:before {
    content: "\f021"
}

.Ficon-mail:before {
    content: "\f022"
}

.Ficon-phone:before {
    content: "\f025"
}

.Ficon-location:before {
    content: "\f026"
}

.Ficon-sphere:before {
    content: "\f028"
}

.Ficon-earth:before {
    content: "\f029"
}

.Ficon-circle-up:before {
    content: "\f045"
}

.Ficon-circle-right:before {
    content: "\f046"
}

.Ficon-circle-down:before {
    content: "\f047"
}

.Ficon-circle-left:before {
    content: "\f048"
}

.Ficon-info:before {
    content: "\f071"
}

.Ficon-question:before {
    content: "\f072"
}

.Ficon-notification:before {
    content: "\f073"
}

.Ficon-warning:before {
    content: "\f074"
}

.Ficon-printer:before {
    content: "\f081"
}

.Ficon-newsletter:before {
    content: "\f083"
}

.Ficon-uni:before {
    content: "\f085"
}

.Ficon-fastviewer:before {
    content: "\f087"
}

.Ficon-fastviewer-invers:before {
    content: "\f088"
}

.Ficon-play-video:before {
    content: "\f097"
}

.Ficon-cloud-download:before {
    content: "\f124"
}

.Ficon-cloud-upload:before {
    content: "\f125"
}

.Ficon-facebook:before {
    content: "\f168"
}

.Ficon-twitter:before {
    content: "\f169"
}

.Ficon-linkedin:before {
    content: "\f170"
}

.Ficon-xing:before {
    content: "\f171"
}

.Ficon-youtube-small:before {
    content: "\f172"
}

.Ficon-rss:before {
    content: "\f173"
}

.Ficon-instagram:before {
    content: "\f174"
}

.Ficon-youtube:before {
    content: "\f179"
}

.Ficon-file-pdf:before {
    content: "\f192"
}

.Ficon-file-zip:before {
    content: "\f194"
}

.Ficon-pencil:before {
    content: "\f195"
}