/* em-blue : 16a1dc */

@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-Light.ttf');
}

@font-face {
  font-family: 'Datacron';
    src:  url('../fonts/Datacron.ttf.woff') format('woff'),
    url('../fonts/Datacron.ttf.svg') format('svg'),
    url('../fonts/Datacron.ttf.eot'),
    url('https://www.electromax.ro/assets/fonts/Datacron.eot?') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input-group-addon {background-color: #f9f9f9; color: #ccc}

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {background-color: #fff; color: #16a1dc !important}

.bootstrap-switch, .bootstrap-switch-focused {outline: none; box-shadow: none !important}
.bootstrap-switch-primary {background-color: #16a1dc !important}
.bootstrap-switch-default {color: #999 !important}

body {padding-top: 95px; background: #e5e5e5; position: relative;}
a.navbar-brand {width:320px; height: 85px; margin: 5px 0; text-indent: -9999px}
a.navbar-brand {background: url(../images/template/evfglobal_logo3.png); background-size: 90% auto; display: block; background-repeat:no-repeat;}

h1, h2, h3, p.lead, strong {font-family: 'Roboto Condensed'}
p.lead {font-weight: bold;}
.text-danger {color: #ff5b51}

h2.emphasis {line-height: 0.25em; text-align: center; padding: 1.5em 0}
h2.emphasis span {display: inline-block; position: relative}
h2.emphasis span:before,
h2.emphasis span:after {
  content: "";
  position: absolute;
  height: 6px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  top: 0;
  width: 7vw;
}
h2.emphasis span:before {right: 100%; margin-right: 15px}
h2.emphasis span:after {left: 100%; margin-left: 15px}

#topbar {position: absolute; left: 0; right: 0; top: 0; height: 32px; z-index: 9999}
#topbar {background: #16a1dc; color: #fff; line-height: 32px; font-size: .9em}
#topbar a {color: #fff; text-decoration: none; margin-left: 1.5em; opacity: .7}
#topbar a.active,
#topbar a:hover {opacity: 1}

nav.navbar.navbar-fixed-top {box-shadow: 2em 0 2em rgba(0,0,0,0.1), .2em 0 .5em rgba(0,0,0,0.1)}
nav.navbar.navbar-fixed-top.affix {padding-top: 0}
nav.navbar.navbar-fixed-top.affix #topbar {opacity: 0; height: 0}
nav.navbar.navbar-fixed-top.affix-top #topbar {opacity: 1}
/* nav.navbar.navbar-fixed-top.affix-top {padding-top: 32px} */

nav.navbar.navbar-fixed-top #topbar,
nav.navbar.navbar-fixed-top {  
  transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
}

.btn-primary {background-color: #16a1dc; border-color: transparent; text-shadow: none}
.btn.outline {box-shadow: none !important}
.btn-primary:hover {background-color: transparent; border-color: #16a1dc; color: #16a1dc}
.btn-primary.outline {background-color: transparent; color: #16a1dc; border-color: #16a1dc}
.btn {
	transition: background-color .2s, color .2s ease-in-out;
   -moz-transition: background-color .2s, color .2s ease-in-out;
   -webkit-transition: background-color .2s, color .2s ease-in-out;
}
.btn-primary.outline.active, .btn-primary.outline:hover {background-color: #16a1dc; color: #fff}
input, textarea, select {box-shadow: none !important}
input:focus, textarea:focus, select:focus {border-color: #16a1dc !important}
.checkbox input[type="checkbox"], .checkbox label:before {outline: none !important}

ul.nav.navbar-nav {background: none}
ul.nav.navbar-nav li a {text-transform: uppercase; font-size: .95em; color: #777;}
ul.nav.navbar-nav li a:hover {color: #16a1dc}

ul.nav.navbar-nav>li>a:focus, ul.nav.navbar-nav>li>a.active {color: #16a1dc}

#navbar ul.dropdown-menu {background-color: #16a1dc; color: #fff; border: none; top: 96px; left: 0 !important; right: auto !important; padding: 5px 5px 0}
#navbar ul.dropdown-menu {box-shadow: 0 .25em .5em rgba(0,0,0,.2), inset 0 5px 5px rgba(0,0,0,.1)}
#navbar ul.dropdown-menu li {margin: 5px 0 !important}
#navbar ul.dropdown-menu li a {color: #fff !important; border-radius: 4px}
#navbar ul.dropdown-menu li a:hover {color: #16a1dc !important;}
#navbar ul.dropdown-menu li.divider {height: 5px; margin: 5px -5px !important; border-top: 1px solid #16A6E3}
#navbar ul.dropdown-menu li.divider {
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.075) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.075) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.075) 0%,rgba(0,0,0,0) 100%);
}


.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
	background-color: transparent;
	border-top: 6px solid #16a1dc;
	height: 95px;
	color: #16a1dc;
	padding-top: 31px;	
}

.navbar-default {background-color: #ffffff;}

button.navbar-toggle {padding:15px 0; margin-top: 25px; margin-bottom: 24px; border: none}
button.navbar-toggle {background-color: transparent !important}
button.navbar-toggle .icon-bar {width: 20px; background-color: #16a1dc !important}
button.navbar-toggle.collapsed .icon-bar {
	background-color: #888 !important;
}


body > .container {box-shadow: 0 1em 1em rgba(0,0,0,.1)}
body > .container.fill {min-height: 60vh}

.jumbotron {padding: 25px 0 90px 0; height: 60vh; min-height: 540px; max-height: 600px}
.jumbotron .container {height: 100%; position: relative;}

#home-intro {background: #fff; margin-top: -100px; border-radius: 4px 4px 0 0; border: 1px solid #e5e5e5}

#bg-preloader {position: absolute; z-index: -1; left: 0; right: 0; top: 95px}
#bg-preloader {height: 60vh; min-height: 540px; max-height: 600px}
#bg-preloader div {position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 1}
#bg-preloader div {background-repeat: no-repeat; background-position: 50% 0% !important}
#bg-preloader div {background-size: cover !important; background-attachment: fixed !important}

body > .container {background: #fff; margin-top: 32px; border-radius: 4px 4px 0 0; padding: 2em 3em;}
body > .container.regular {padding: 2em; position: relative;}

.jumbotron {color: #fff}
.jumbotron {background: none !important}
.jumbotron .overlay {height: calc(100% + 8.25em); background: rgba(0,66,102,0.7); margin-top: -1.8em}


/* GAY REQUIREMENTS */
.jumbotron .overlay {background: rgba(0,0,0,0.4)}
#em-top-carousel .item h1 {font-weight: 800; text-shadow: 1px 1px 5px rgba(0,0,0,0.8)}
#em-top-carousel .item p {opacity: 1 !important; font-weight: 800; text-shadow: 1px 1px 5px rgba(0,0,0,0.8);}

#em-top-carousel .item.blob {background-position: 85% 40% !important; padding: 4em 10em}
#em-top-carousel .item.blob .blob-container {text-align: left; width: 55%}
#em-top-carousel .item.blob .blob-container * {text-shadow: none !important; color: #777}
#em-top-carousel .item.blob .blob-container h1 {font-size: 1.75em}
#em-top-carousel .item.blob .blob-container p {font-size: 1em; margin: 1.25em 0}
#em-top-carousel .item.blob .blob-container table {border-collapse: collapse; width: 100%}
#em-top-carousel .item.blob .blob-container table td {padding: .25em}
#em-top-carousel .item.blob .blob-container table td {font-size: .95em}
#em-top-carousel .item.blob .blob-container table tr td:first-child {min-width: 9em; text-align: center;}

.jumbotron.domain {background: #fff !important}
.jumbotron.domain #em-top-carousel .item {background-repeat: no-repeat; background-position: 50% 40%}
.jumbotron.domain #em-top-carousel .carousel-indicators {bottom: 0;}
.jumbotron.domain.black {background: #000 !important}

.jumbotron.domain:not(.black) .carousel-control span.glyphicon {color: #999; text-shadow: none;}
.jumbotron.domain:not(.black) .carousel-indicators li {background-color: transparent; border-color: #999}
.jumbotron.domain:not(.black) .carousel-indicators li.active {background-color: #999; border-color: #999}

.jumbotron.domain.black .carousel-control span.glyphicon {color: #999; text-shadow: none;}
.jumbotron.domain.black .carousel-indicators li {background-color: transparent; border-color: #777}
.jumbotron.domain.black .carousel-indicators li.active {background-color: #777; border-color: #777}

.overlay.darker {
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 120%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.4) 120%);
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.4) 120%);
}

.jumbotron.bg-ffc600 .overlay.darker,
.jumbotron.bg-f99d2d .overlay.darker {
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.2) 110%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.2) 110%);
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.2) 110%);
}

article {font-size: 1.2em; line-height: 1.8em}
article > header {padding: 0 0 3em 0}

article p.lead {font-weight: normal; color: #777; font-size: 1.25em; line-height: 1.8em; width: 74%; margin: 0 auto; text-align: center;}
article p {color: #666; margin: 1.75em 0}

article h1, section.domain-wrapper h1 {text-align: center; font-size: 5.2rem; margin: 0.5em auto 1em auto; color: #666; padding: .5em 0; position: relative; width: 80%; line-height: 1.4em}
article h1:before, section.domain-wrapper h1:before {content: ""; position: absolute;  left: 47%; right: 47%; bottom: 0; height: 3px; width: 6%; border-bottom: 3px solid #16a1dc}
article h2 {color: #16a1dc; text-transform: uppercase; text-align: left }

#about-leds h1 {margin-bottom: 0}
#about-leds h2 {margin: 1em 0 2em; text-align: center;}
#about-leds h3 {margin-bottom: -.5em}

#about-leds .row {margin-bottom: 1.5em; min-height: 100%}
#about-leds .row img {margin-top: 2em}
#about-leds .row section:first-child {padding-left: 5em; padding-right: 2em}
#about-leds .row section:last-child {padding-right: 5em; padding-left: 2em}
#about-leds .row section.col-md-12 {padding-left: 5em; padding-right: 5em}

#em-top-carousel {position: absolute; top: 0; bottom: 0; left: 0; right: 0}
#em-top-carousel .carousel-inner {height: 100%}
.jumbotron:not(.domain) #em-top-carousel .item {padding: 0 30%}
#em-top-carousel .item {height: 100%; text-align: center}
#em-top-carousel .item {font-family: 'Roboto Condensed'}
#em-top-carousel .item h1 {font-size: 2.2em}
#em-top-carousel .item p {font-size: 1.5em; margin: 1.5em 0; opacity: .7}

/*
#em-top-carousel .item p {text-shadow: 1px 1px 1px rgba(0,0,0,0.5)}
#em-top-carousel .item h1 {text-shadow: 1px 1px 1px rgba(0,0,0,0.2)}
*/

#em-top-carousel .carousel-indicators {bottom: 100px}
#em-top-carousel .carousel-indicators li {margin: 0 .3em; width: 10px; height: 10px}

#static-page-map {height: 600px; position: relative; background: url(../images/frontpage/map.svg) no-repeat 50% -3em}
#static-page-map h2.emphasis {position: absolute; top: -50px; left: 0; right: 0; color: #777}

#frontpage-map {height: 650px; background-color: #fff; text-transform: uppercase; color: #555; position: relative;}
#frontpage-map {box-shadow: 0 0 5px rgba(0,0,0,0.1), 0 3px 20px rgba(0,0,0,0.075)}
#frontpage-map .container {background: url(../images/frontpage/map.svg) no-repeat 50% -9em}
#frontpage-map .container {height: 100%; background-size: 100% auto}
#frontpage-map h2.emphasis span:before, 
#frontpage-map h2.emphasis span:after {
  border-color: #ccc;
}

#frontpage-map .overlay, #static-page-map .overlay {position: absolute; left: 0; right: 0; top: 0; bottom: 0}
#frontpage-map .overlay, #static-page-map .overlay {
  background: -moz-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 30%), -moz-linear-gradient(bottom, #fff 0%, rgba(255,255,255,0) 0);
  background: -webkit-linear-gradient(top, #fff 0%,rgba(255,255,255,0) 30%), -webkit-linear-gradient(bottom, #fff 0%,rgba(255,255,255,0) 0);
  background: linear-gradient(to bottom, #fff 0%,rgba(255,255,255,0) 30%), linear-gradient(to top, #fff 0%,rgba(255,255,255,0) 0);
}


#frontpage-cards > div {padding: 1.5em 0 1em 0; cursor: default}
#frontpage-cards > div h2 {font-size: 1.6em; color: #333}
#frontpage-cards > div p {padding: 0 10%; color: #666; line-height: 1.8em}

#metric-data-table {width: auto !important; min-width: 400px !important; margin: 0 auto}
#metric-data-table tr:first-child td {border: none}
#metric-data-table td {color: #555}
#metric-data-table td:first-child {text-align: right; color: #999; padding-right: 2em}
#metric-data-table td.row span {text-align: center}

#metric-data-table .metric-opt-value, #metric-data-table .metric-inf-value {color: #999; font-size: .9em}
#metric-data-table .metric-opt-value:not(.inline), #metric-data-table .metric-inf-value {}
#metric-data-table .metric-opt-value.inline:before {content: "\ / "}
#metric-data-table .metric-opt-value:not(.inline) {display: block}
#metric-data-table .metric-opt-value.inline {display: inline-block}

.jumbotron.contact {position: relative;}
#home-intro.contact {position: relative; z-index: 1}
#map {position: absolute; left: 0; right: 0; top: -50px; bottom: -1em; z-index: 0}
#map-info {width: 205px; height: 70px; background: url(../images/template/evfglobal_logo3.png) no-repeat -75px 50%}
.contact-product {padding: .5em 1em; margin: 1em 0; display: block; width: auto; background-color: #16a1dc; text-align: left;}

.gm-style div a,
.gm-style-cc {display: none !important}

#home-intro.contact p {line-height: 1.65em}
#home-intro.contact section {padding-top: 3.5em; padding-left: 1em}
#home-intro.contact section p {font-size: .85em; line-height: 1.5em; text-indent: 1em}

#home-intro.category h2 {font-family: 'Datacron'; margin: 0; padding: 0; width: 120%; font-size: 1.8em; margin-top: 1em}
#home-intro.category h2 small {display: block; font-family: 'Roboto Condensed'; padding: .5em 0}
#home-intro.category h2 small {line-height: 1.5em; font-size: .7em}

.series-wrapper {margin-bottom: 2em}
.series-wrapper article h1 {font-size: 4rem}
.series-wrapper article p.lead {font-size: 4rem; font-family: Datacron; margin: -1em auto 0 auto}

#contact-form {padding-bottom: 2em}
#contact-form textarea {resize: none; height: 13.5em}
#contact-form>div.col-md-4>p:nth-child(4) {display: none}
li[role=presentation] a {color: #ccc; background: none}
li[role=presentation] a:hover {background-color: #16a1dc; color: #fff; border-color: transparent}
li[role=presentation].active a {color: #999; border-color: #ddd}

body > footer {background: #222; padding: 2em 0 1em 0; color: #666; font-size: .9em; line-height: 1.75em}
body > footer .row {overflow: hidden;}
body > footer .row:last-child {padding-top: 1em; color: #444}
body > footer .row a {text-decoration: none; color: #666}
body > footer .row a:hover {color: #999}
body > footer .row:last-child a {color: #444; margin: 0 1em}
body > footer .row:last-child a:hover {color: #999}
body > footer p {line-height: 2em}
body > footer p.lead {padding: .5em 0}

body > footer .newsletter-form {position: relative; min-height: 50px; padding: .5em}
body > footer strong {color: #999; text-transform: uppercase; display: block; padding-top: 1em; font-size: 1.2em}
.newsletter-form input {position: absolute; left: 0; right: 0; font-size: 1em !important}
.newsletter-form input {background: none !important; border-color: #444 !important}
.newsletter-form button {position: absolute; right: 0; border: none !important}
.newsletter-form button {background: none !important; color: #666 !important}
.newsletter-form button:hover {color: #999 !important}

#ty-page-form {width: 400px; margin: 0 auto; position: relative; min-height: 50px; padding: 1em}
#ty-page-form input {padding: 1.5em 1em; border-color: #999 !important}
#ty-page-form button {padding: 1.25em}

#social-icons {list-style: none; padding: 0; margin: 1em 0}
#social-icons li {display: inline-block; margin: 0; padding: .5em .75em; cursor: pointer;}
#social-icons li:first-child {padding-left-left: 0}
#social-icons li a {display: block; width: 32px; height: 32px; opacity: .3; margin: 0}

#social-icons li a:hover {-webkit-transform: translateZ(0) scale(1.2, 1.2)}

#social-icons li a {  
  transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
}
#social-icons li:hover a {opacity: .7}
#social-icons li a {background-size: 128px 128px !important; width: 32px; height: 32px}
#social-icons li a {background-image: url(../images/template/icons/social-icons.min.svg)}
#social-icons li.fb a {background-position: 96px -48px}
#social-icons li.gp a {background-position: 64px -48px}
#social-icons li.yt a {background-position: 32px -48px}
#social-icons li.em a {background-position: 0 -48px}

#icon-wrapper {position: absolute; bottom: 6.5em; right: 0; left: 0}
#icon-wrapper #product-icons {list-style: none; margin: 0; padding: 0; text-align: center;}
#icon-wrapper #product-icons li {display: inline-block; background-size: 144px 144px; width: 36px; height: 36px; position: relative}
#icon-wrapper #product-icons li span {position: absolute; left: -1.25em; right: -1.25em; bottom: -1.75em; font-size: .8em; text-align: center; font-weight: bold}

#product-icons .input-group .input-group-addon.icon .svg-icon,
#product-icons li {background-image: url(../images/template/icons/product-icons-white.min.svg); margin: 1.25em; opacity: .5; cursor: default;}
#product-icons li {
  transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
}
#product-icons li:hover {opacity: 1}

.prod-icon-ex, .prod-icon-ex .svg-icon {background-position: 0 0}
.prod-icon-gdepth, .prod-icon-gdepth .svg-icon {background-position: -36px 0}
.prod-icon-cdepth, .prod-icon-cdepth .svg-icon {background-position: -72px 0}
.prod-icon-diameter, .prod-icon-diameter .svg-icon {background-position: -108px 0}

.prod-icon-c1, .prod-icon-c1 .svg-icon {background-position: 0 -36px}
.prod-icon-c2, .prod-icon-c2 .svg-icon {background-position: -36px -36px}
.prod-icon-c3, .prod-icon-c3 .svg-icon {background-position: -72px -36px}
.prod-icon-kg, .prod-icon-kg .svg-icon {background-position: -108px -36px}

.prod-icon-ip, .prod-icon-ip .svg-icon {background-position: 0 -72px}
.prod-icon-dc, .prod-icon-dc .svg-icon {background-position: -36px -72px}
.prod-icon-ac, .prod-icon-ac .svg-icon {background-position: -72px -72px}
.prod-icon-indoor, .prod-icon-indoor .svg-icon {background-position: -108px -72px}

.prod-icon-cemark, .prod-icon-cemark .svg-icon {background-position: 0 -108px}
.prod-icon-led, .prod-icon-led .svg-icon {background-position: -36px -108px}
.prod-icon-fmark, .prod-icon-fmark .svg-icon {background-position: -72px -108px}
.prod-icon-outdoor, .prod-icon-outdoor .svg-icon {background-position: -108px -108px}


.regular section h2 {color: #555}
article.text-desc {font-size: 1.07em}
article.text-desc .row section {padding: .5em 3em}
article.text-desc ul {margin: 0; padding: 0}
article.text-desc ul li {list-style: none; margin: 0; padding: 0}
article.text-desc ul li p:before {content: "• "; color: #16a1dc; font-weight: bold;}
article.text-desc h3 {margin-bottom: 0em}
article.text-desc p {margin: .75em 0; padding: 0}

/*
article.text-desc section.col-md-12.singular {padding: 2em 12em;}
article.text-desc section.col-md-12.singular h3 {display: none}
article.text-desc section.col-md-12.singular p {font-size: 1.2em; line-height: 2em; margin-top: 1em; padding: 0 2em}
*/

#page-navbar form {position: relative}
#page-navbar .breadcrumb {background: none}
#page-navbar .breadcrumb>li {color: #16a1dc}
#page-navbar .breadcrumb a {text-decoration: none; color: #666}
#page-navbar .breadcrumb a.btn-xs {color: #fff !important}
#page-navbar .breadcrumb a:hover {color: #16a1dc}

#page-navbar #searchinput {width: 60%; position: absolute; right: 0}
#page-navbar form .glyphicon {position: absolute; right: .75em; top: .75em; z-index: 1; opacity: .3}

section.info-cards {padding: 0 1em; padding-bottom: 1em}
section.info-cards>div {text-align: center; position: relative; height: 250px}
section.info-cards>div .icon-wrapper, 
section.info-cards>div .desc-wrapper {position: absolute; top: 1em; left: 0; right: 0; bottom: 1em}

section.info-cards>div h4 {font-size: 1.6em; font-family: "Roboto Condensed"; position: absolute; bottom: 0; left: 15%; right: 15%}
section.info-cards>div h4 {line-height: 1.3em; height: 2.6em; color: #999}


.bg-00adee-hover .icon {-webkit-filter: hue-rotate(145deg) saturate(90) brightness(92%) !important}
.bg-36b449-hover .icon {-webkit-filter: hue-rotate(35deg) saturate(24) brightness(77%) !important}
.bg-ec004a-hover .icon {-webkit-filter: hue-rotate(263deg) saturate(150) brightness(92%) !important}
.bg-ee1c25-hover .icon {-webkit-filter: hue-rotate(270deg) saturate(91) brightness(94%) !important}

.bg-ffc600-hover .icon {-webkit-filter: hue-rotate(326deg) saturate(100) brightness(106%) !important}
.bg-b17ab4-hover .icon {-webkit-filter: hue-rotate(199deg) saturate(14) brightness(73%) !important}
.bg-b0d136-hover .icon {-webkit-filter: hue-rotate(346deg) saturate(21) brightness(101%) !important}
.bg-0850a3-hover .icon {-webkit-filter: hue-rotate(152deg) saturate(241) brightness(61%) !important}
.bg-f99d2d-hover .icon {-webkit-filter: hue-rotate(300deg) saturate(30) brightness(97%) !important}



section.info-cards>div .icon {background-image: url(../images/template/icons/product-view-icons.min.svg)}

section.info-cards>div .icon {width: 150px; height: 150px; margin: 0 auto}
section.info-cards>div .icon {background-size: 450px 150px}
section.info-cards>div .icon.ro {background-position: 0 -150px}
section.info-cards>div .icon.custom {background-position: -150px -150px}
section.info-cards>div .icon.led {background-position: -300px -150px}

section.info-cards>div .desc-wrapper, 
section.info-cards>div .desc-wrapper * {opacity: 0}

section.info-cards>div .desc-wrapper h4 {color: #fff; position: static; width: 65%; margin: .5em auto .75em auto; height: auto;}
section.info-cards>div .desc-wrapper p {margin: 1em 0; font-size: 1em; line-height: 1.6em; width: 77%; margin: 0 auto}
section.info-cards>div .desc-wrapper .btn.outline {border-color: #fff; color: #fff}
section.info-cards>div .desc-wrapper .btn.outline {position: absolute; bottom: .5em; left: 0; right: 0; width: 120px !important; margin: 0 auto}
section.info-cards>div .desc-wrapper .btn.outline:hover {background: #fff; color: #16a1dc}

section.info-cards>div:hover .icon-wrapper {opacity: 0}
section.info-cards>div:hover .desc-wrapper, 
section.info-cards>div:hover .desc-wrapper * {opacity: 1}
section.info-cards>div:hover .desc-wrapper p {opacity: .7} 

section.info-cards>div .desc-wrapper {
  transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out;
}

section.related-products .product.card {padding: 0 2.5em}
section.info-cards>div:hover {background: #16a1dc; color: #fff; border-radius: 4px}
body > .container section.pageview {margin: 1.5em 0; overflow: hidden}
body > .container section.pageview.top {margin-top: 0}
body > .container section.pageview.top h2 {padding-bottom: .5em}
body > .container section.pageview ul.app-list {list-style: none; padding: 0; margin: 0; padding-left: 1em}
body > .container section.pageview ul.app-list li {display: inline-flex; align-items: flex-start; margin: .75em; width: 45%}
body > .container section.pageview ul.app-list li span.glyphicon {font-size: 1.5em; margin-right: .25em}
body > .container section.pageview ul.app-list li span:not(.glyphicon) {color: #777; padding-left: .25em; padding-top: .15em}
body > .container section.pageview p {color: #666}

.product.card.control {display: flex; align-items: center; justify-content: center}
.product.card.control a span {font-size: 3em}
.product.card.control:hover a * {color: #999 !important}
.product.card.control a {color: #ddd}

.pageview.top ul.domain-list {list-style: none; padding: 0; margin: 1em 0}
.pageview.top ul.domain-list li {width: 25%; height: 100px; position: relative; display: inline-block; text-align: center;}
.pageview.top ul.domain-list li a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-decoration: none; color: #777}
.pageview.top ul.domain-list li a svg {width: 100px; height: 60px; display: block; margin: 0 auto}
.pageview.top ul.domain-list li a svg path {fill: #aaa;}

.pageview.top ul.domain-list li a, 
.pageview.top ul.domain-list li a svg path {
  transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
}

#product-jumbotron .container {display: flex; align-items: center; justify-content: center;}
#product-jumbotron .col-md-7 {margin-bottom: 11em; padding-left: 4em}
#product-jumbotron .col-md-7 p.lead {font-family: 'Roboto Condensed'; font-weight: 300; margin-left: 5rem}

#product-image {position: absolute; left: 0; right: 0; top: .5em; background-repeat: no-repeat; height: 500px}
#product-image {background-position: 0 25px}

#product-name {font-size: 3em; line-height: 1.5em; margin-top: 1.25em; text-align: left; width: 100%}
#product-name span:last-child {display: inline-block; font-family: Datacron; text-transform: uppercase}
#product-name span:last-child {font-size: 1em; line-height: 1.25em; margin-left: 5rem}

section.config {background: #16a1dc; color: #fff; padding: 1em 3em; margin: 2em -2em 0em -2em}
section.config .btn.outline {border-color: #fff; background: none; color: #fff}
section.config .btn.outline.active, section.config .btn.outline:hover {color: #16a1dc; background: #fff; box-shadow: none}
section.config .row div:first-child {text-align: right; line-height: 3.2em}

section.config .row {margin-bottom: 12px; margin-top: 12px}
section.config {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
section.config .btn-toolbar {margin: 0}

section.config .btn-group {margin: .5em 0}

section.config label.btn {position: relative;}
section.config label.btn span {font-size: .8em; opacity: .8; display: block; position: absolute; left: 0; right: 0; bottom: 0}
section.config .btn-toolbar label.btn {height: 3.2em; line-height: 1.5em; outline: none}
section.config .btn-toolbar .btn-group:first-child label.btn:first-child {height: 3.2em; line-height: 2.4em}

section.config p.text-muted {color: rgba(255, 255, 255, .7); font-size: .85em; margin: -.5em 0 .5em 0}
section.config p.lead {margin: 0}
section.config a {text-decoration: none; color: #fff}
section.config .btn.btn-lg {margin: 0 0 1.5em 0}

section.config header.clearfix .row {margin: 1.5em 0 1em 0; font-family: 'Roboto Condensed'}
section.config header.clearfix .row p {padding: 0}
section.config header.clearfix .row p {font-weight: bold;}

section.config #product-iso .chartarea {background-size: 85% auto; background-repeat: no-repeat; background-position: 0% 85%}
section.config #product-iso .chartarea {position: absolute; left: 0; top: 0; right: 0; bottom: 0}
section.config h3 {margin: .5em 0;}
section.config #product-iso p {color: rgba(255, 255, 255, 0.7)}
section.config #product-iso p.desc { opacity: 0; 
  transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -webkit-transition: opacity .3s ease-out;
}
section.config #product-iso:hover p.desc {opacity: 1}

section.config h3.lg {font-size: 2.75em; margin: .25em .5em .25em 0}
section.config {display: flex; align-items: center}
section.config #product-cta .roaw {margin-bottom: 0}
section.config p.text-muted {line-height: 1.5em}
section.config strong.text-muted {color: rgba(255,255,255,0.5)}

.carousel .carousel-control {background: none; opacity: .2}
.carousel .carousel-control {
	transition: opacity .5s ease-out;
   -moz-transition: opacity .5s ease-out;
   -webkit-transition: opacity .5s ease-out;
}
.carousel .carousel-control:hover {opacity: .9}

.product.card {border-radius: 4px; min-height: 232px}
.product.card a {text-decoration: none; display: block; color: #555}
.product.card * {text-align: center;}
.product.card p {margin-top: .5em}
.product.card p span {font-size: .9em; display: inline-block; opacity: 0.7; padding: 1px 5px; border-radius: 4px}
.product.card img {width: 175px; height: 175px}
.product.card img {
  opacity: .8;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(0.9, 0.9);
}

.product.card:hover a span {opacity: 1; color: #fff}
.product.card:hover img {opacity: 1; -webkit-transform: translateZ(0) scale(1.0, 1.0)}
.product.card a span, .product.card a, .product.card img {
  transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
}

.mclw {position: absolute; right: 1em; margin-top: .5em}
#product-editor h2 {padding: .5em 0; color: #999}
#product-editor .checkbox {margin: .75em 0}
#scdn-selection-wrapper div img {width: 100%}
#product-editor #product-icons .row {margin-top: 1.5em}
#product-editor #product-icons .row:first-child {margin-top: 0}
#product-icons .input-group .input-group-addon.icon {background-color: rgb(204, 204, 204); padding: 0; width: 46px}
#product-icons .input-group .input-group-addon.icon .svg-icon {width: 36px; background-size: 144px; height: 36px; display: block}
#product-icons .input-group .input-group-addon.icon .svg-icon {margin: 0 auto; opacity: 1}

#product-editor .row-selector .del-field {opacity: 0; color: #aaa}
#product-editor .row-selector:hover .del-field {opacity: 1}
#product-editor .row-selector .del-field:hover {color: #ff5b51}
#product-editor .prod-spec-row {margin-bottom: 3em;}

#portfolio-showcase .project-box {position: relative; height: 200px; border-radius: 4px; margin: 2em 0; cursor: pointer; background-color: #16a1dc}
#portfolio-showcase .project-box > div {position: absolute; left: 0; top: 0; right: 0; bottom: 0}
#portfolio-showcase .project-box .img {background-repeat: no-repeat; background-size: cover; background-position: 50% 0%; border-radius: 4px; opacity: 1; z-index: 3}
#portfolio-showcase .project-box .txt {opacity: 0; text-transform: uppercase; text-align: center; font-size: 1.15em; line-height: 1.75em; display: flex}
#portfolio-showcase .project-box .txt {padding: 0 2em; align-items: center; justify-content: center; z-index: 4}
#portfolio-showcase .project-box .txt * {color: #fff}
#portfolio-showcase .project-box .txt small {text-transform: none; font-size: .65em; opacity: .7}

#portfolio-showcase .project-box .txt small.count {position: absolute; left: 2em; bottom: .25em}
#portfolio-showcase .project-box .txt small.location {position: absolute; right: 2em; bottom: .25em}

#portfolio-showcase .project-box:hover .img {opacity: .3}
#portfolio-showcase .project-box:hover .txt {opacity: 1}
#portfolio-showcase .project-box:hover .txt a {text-decoration: none}

#portfolio-showcase .project-box > div {  
  transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
}

#portfolio-showcase h2 {font-size: 1.25em; color: #333}
#portfolio-jumbotron .container-fluid {padding: 2.5em 0 .15em 0}
#portfolio-jumbotron {min-height: 500px; background-color: #fff}
#justified-container {min-height: 200px}
#justified-container img {border-radius: 4px; cursor: default;}

/* Justified lg dropdowns */

#domains-dd.ro {width: 105px; text-align: right}
#domains-dd.en {width: 145px; text-align: right}

#categories-dd.ro {width: 115px; text-align: left}
#categories-dd.en {width: 125px; text-align: left}

#domains-dd.dropdown.ro ul#domain-list.dropdown-menu {left: -308px !important; right: -52.4em !important}
#domains-dd.dropdown.en ul#domain-list.dropdown-menu {left: -308px !important; right: -49.5em !important}

#categories-dd.ro ul#category-list.dropdown-menu {left: -413px !important; right: -44.2em !important}
#categories-dd.en ul#category-list.dropdown-menu {left: -453px !important; right: -40.6em !important} 

/*
#domains-dd > a {width: 11em; margin-left: 320px; text-align: center}
#categories-dd > a {width: 9.5em; margin-left: calc(320px + 11em); text-align: center}
*/

/* DOMAINS */
ul#domain-list.dropdown-menu {text-align: center; padding-top: .75em; padding-bottom: .3em}
#domain-list li {display: inline-block; width: 16em; height: 150px; position: relative}
#domain-list li a {display: flex; align-items: flex-end; justify-content: center}
#domain-list li a.icon {position: absolute; left: 0; top: 0; right: 0; bottom: 0}
#domain-list li a.icon {background-position: 50% 25%; background-repeat: no-repeat}
#domain-list li:hover a.icon {background-color: rgba(0,0,0,0.3); color: #fff !important}
ul#domain-list.dropdown-menu li a:hover {color: #fff !important}

/* CATEGORIES */
ul#category-list.dropdown-menu {text-align: center; padding-top: .75em; padding-bottom: .3em}
#category-list li {display: inline-block; width: 16em; height: 230px; position: relative}
#category-list li a {display: flex; align-items: flex-end; justify-content: center;}
#category-list li a.icon {position: absolute; left: 0; top: 0; right: 0; bottom: 0}
#category-list li a.icon {background-position: 50% 15%; background-repeat: no-repeat}
#category-list li:hover a.icon {background-color: rgba(0,0,0,0.3); color: #fff !important}
ul#category-list.dropdown-menu li a {height: 230px !important}
ul#category-list.dropdown-menu li a:hover {color: #fff !important}

li a.architectural {background-image: url(../images/template/icons/applications/architectural.min.svg)}
li a.commercial {background-image: url(../images/template/icons/applications/commercial.min.svg)}
li a.residential {background-image: url(../images/template/icons/applications/residential.min.svg)}
li a.public {background-image: url(../images/template/icons/applications/public.min.svg)}
li a.offices {background-image: url(../images/template/icons/applications/offices.min.svg)}

li a.schools {background-image: url(../images/template/icons/applications/schools.min.svg)}
li a.hospitals {background-image: url(../images/template/icons/applications/hospitals.min.svg)}
li a.industrial {background-image: url(../images/template/icons/applications/industrial.min.svg)}
li a.obstruction {background-image: url(../images/template/icons/applications/obstruction.min.svg)}
li a.airfields {background-image: url(../images/template/icons/applications/airfields.min.svg)}

li a.heliports {background-image: url(../images/template/icons/applications/heliports.min.svg)}
li a.ex {background-image: url(../images/template/icons/applications/ex.min.svg)}
li a.billboards {background-image: url(../images/template/icons/applications/billboards.min.svg)}
li a.sports-fields {background-image: url(../images/template/icons/applications/sports-fields.min.svg)}
li a.gas-stations {background-image: url(../images/template/icons/applications/gas-stations.min.svg)}

/*.product.card img, article img, #product-image {opacity: 0}*/

#simulation {background-color: #000; color: #e5e5e5; display: flex; align-items: center;}
#simulation h2 {font-size: 2.75em; line-height: 1.35em; padding: .5em 0}
#simulation p {color: #999; font-size: 1.25em; line-height: 1.5em}

#sim-steps {display:block; width: 960px; margin: 2.5em auto}

.pull-up {margin-top: 0 !important; border-radius: 0 !important}
.minify {min-height: 250px !important; height: 250px !important}
.minify h1 {text-align: center; padding: 0; margin: 0}
.minify.domain {min-height: 120px !important; height: 120px !important}
.title_page_c{
   font-family: "Datacron";
    font-size: 1.9em;
  color: #36b449;
}
tr.cod_produs{
  display: none;
}
.dropdown_pdf {
	position:absolute;
	background:white;
    padding:10px;
    border:1px solid #16A1DC;
    border-radius:6px;
    box-shadow:0px 0px 10px -4px #16A1DC;
	color:#16A1DC;
	display:none;
}

#hover_pdf {
	float:left;
	cursor:pointer;
}

#hover_pdf:hover .dropdown_pdf {
	
	
}

#pdf2 {
	float:left;
}

.dropdown_pdf form {
  width:350px; 
}


.gdpr-compliance{
	margin-bottom: 25px;
	font-size: .85em;
    line-height: 1.5em;
    text-indent: 1em;
    color: #666;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}