/*
  ND SatCom Orange: EB6909  dark: F5651F 
  ND SatCom Blue:   5C8DA8  dark:  40667B 
   
  Line: #CFCFCF
*/

body {
  background: #CCCCCC;
  background: -moz-linear-gradient(-45deg,  #131830 0%, #e8ecf0 60%, #b9c3c7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#131830), color-stop(60%,#e8ecf0), color-stop(100%,#b9c3c7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #131830 0%,#e8ecf0 60%,#b9c3c7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #131830 0%,#e8ecf0 60%,#b9c3c7 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #131830 0%,#e8ecf0 60%,#b9c3c7 100%); /* IE10+ */
  background: linear-gradient(135deg,  #131830 0%,#e8ecf0 60%,#b9c3c7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131830', endColorstr='#b9c3c7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  background: url(/gfx/common/background_sky.jpg) no-repeat #D5DDEA;
  min-width:320px;
  color: #222222;
}

header  {background-color:#FFF}

form .separator {margin:0}
form hr.separator  {margin:0px}
form div.separator {margin:-12px 0 20px 0px;font-weight:bold;font-size:14px}
form div.separator span {background-color:#FFFFFF;padding:0 10px 0 0 }

.shadow {
  /*
  border-left:solid 1px #dfdfdf;
  border-right:solid 1px #dfdfdf;
  */
  box-shadow:0px 10px 10px #AAA;
  overflow-x:hidden;
}
hr.shadow {box-shadow:0 1px 10px #DADADA}

h1,h1 a { font-size:26px; margin-bottom:16px; }
h2,h2 a { margin:0 0 16px; text-transform:none; font-size:20px }
h3,h3 a { color:#EB6909; padding: 12px 0 16px; }
h4,h4 a { font-size:16px; }
h5,h5 a { color:#EB6909; padding-bottom:6px; }
p       { margin: 0 0 6px; }
a       { color:#222222; }

/* handy classes */
.orangebar {
  height:7px;
  background: #EB6909; /* Old browsers */
  background: -moz-linear-gradient(-80deg,  #EB6909 0%, #ea5f21 30%, #fedc34 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#EB6909), color-stop(30%,#ea5f21), color-stop(100%,#fedc34)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-80deg,  #EB6909 0%,#ea5f21 30%,#fedc34 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-80deg,  #EB6909 0%,#ea5f21 30%,#fedc34 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-80deg,  #EB6909 0%,#ea5f21 30%,#fedc34 100%); /* IE10+ */
  background: linear-gradient(135deg,  #EB6909 0%,#ea5f21 30%,#fedc34 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB6909', endColorstr='#fedc34',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.graybar {
  height: 2px;
  background: #CFCFCF;
}

.p30x20   { padding:20px 30px; }
.pt0      { padding-top:0; }
.pt10     { padding-top:10px; }
.pt20     { padding-top:20px; }
.pt30     { padding-top:30px; }
.pt40     { padding-top:40px; }
.pt50     { padding-top:50px; }
.pb5      { padding-bottom:5px; }
.pb10     { padding-bottom:10px; }
.pb20     { padding-bottom:20px; }
.pb30     { padding-bottom:30px; }
.pb40     { padding-bottom:40px; }
.pb50     { padding-bottom:50px; }
.pl10     { padding-left:10px; }
.pl20     { padding-left:20px; }
.pr10     { padding-right:10px; }
.pr20     { padding-right:20px; }
.mb5      { margin-bottom:5px; }
.mb10     { margin-bottom:10px; }
.mb15     { margin-bottom:15px; } 
.mb20     { margin-bottom:20px; } 
.mb30     { margin-bottom:30px; }
.mb40     { margin-bottom:40px; }
.mb50     { margin-bottom:50px; }
.mt5      { margin-top:5px; }
.mt10     { margin-top:10px; }
.mt15     { margin-top:15px; }
.mt20     { margin-top:20px; }
.mt30     { margin-top:30px; }
.mt40     { margin-top:40px; }
.mt50     { margin-top:50px; }
.mr0      { margin-right:0; }
.mr10     { margin-right:10px; }
.mr20     { margin-right:20px; }
.mr30     { margin-right:30px; }
.mr1p     { margin-right:1%; }
.mr2p     { margin-right:2%; }
.mr3p     { margin-right:3%; }
.ml0      { margin-left:0; }
.ml10     { margin-left:10px; }
.ml20     { margin-left:20px; }
.ml30     { margin-left:30px; }
.w50p     { width:50%; }
.w45p     { width:45%; }
.w30p     { width:32%; }
.w25p     { width:25%; }
.w20p     { width:20%; }
.w80p     { width:80%; }
.w90p     { width:90%; }
.w100p    { width:100%; }
.w75p     { width:75%; }
.w10p     { width:10%; }
.w5p      { width:5%; }

.strong, .bold        { font-weight:600; }
.dotted               { border-bottom:dotted 1px #CFCFCF; }
.mandatory            { color:#DD0000; }
.row.hover:hover span { font-weight:600; }
.content a .fa        { margin-right:10px; }
.box                  { border:solid 1px #CFCFCF; }
.ndsc_blue            { color:#5C8DA8; }
.ndsc_orange          { color:#EB6909; }
.autoscroll           { overflow-y:auto; }
.vertical             {   
	-webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-align:center;
  transform-origin: center center 0;
  white-space:nowrap;
}

.vertical.w10p {margin:0 4% 0 -10%}

a.icon-pdf   { background:url(/gfx/icons/files/pdf_small.png) no-repeat; padding-left:30px;line-height:20px; height:auto; width:auto; }
a.icon-doc   { background:url(/gfx/icons/files/doc_small.png) no-repeat; padding-left:30px;line-height:20px; height:auto; width:auto; }
a.icon-xls   { background:url(/gfx/icons/files/xls_small.png) no-repeat; padding-left:30px;line-height:20px; height:auto; width:auto; }
a.icon-zip   { background:url(/gfx/icons/files/zip_small.png) no-repeat; padding-left:30px;line-height:20px; height:auto; width:auto; }
a.icon-link  { background:url(/gfx/icons/files/link_small.png) no-repeat; padding-left:30px;line-height:20px; height:auto; width:auto; }
a.icon-download { background:url(/gfx/icons/files/download_small.png) no-repeat; padding-left:30px;line-height:20px; height:auto; width:auto; }
a.icon-de:before  { background:url(/gfx/flags/icon/de.gif) no-repeat; width:20px; height:12px; padding-right:5px; display:inline-block; content:""; }
a.icon-en:before  { background:url(/gfx/flags/icon/en.gif) no-repeat; width:20px; height:12px; padding-right:5px; display:inline-block; content:""; }
a.fnt_link:before { font-family:FontAwesome; content:"\f045"; margin:0 8px; font-size:1.1em; color:#EB6909; display:inline-block; }
a.jackbox:after {
  font-family: FontAwesome;
  float: right;
  font-size:1.5em;
  position:relative;
  content: "\f00e";
}
a.jackbox:hover:after {color: #EB6909;}

img.imgLeft  { margin:0 20px 15px 0; float:left; }
img.imgRight { margin:0 0 15px 20px; float:right; }
div.imgLeft  { padding-bottom:20px; }
div.imgLeft .span2,
div.imgLeft .span3,
div.imgLeft .span4,
div.imgLeft .span5    { margin-left:0px; }   
div.imgLeft h4        { padding-left:25px;padding-bottom:10px; }
div.imgLeft .span5 p  { padding-left:25px; }
div.imgLeft  img,
article img.imgLeft,
article .img_x_text img  { box-shadow:0 0 10px #999; }

form input.mandatory, form select.mandatory, form textarea.mandatory {border-color:#DD0000}

.shop img.imgLeft, 
.standard .content li img.imgLeft {float:none;box-shadow:0 0 10px #999;display:block}
.standard .content a[class^="icon-"] {line-height:16px;padding-left:25px}
.section  img {box-shadow:0 0 10px #999;}

/* container widget */
.block-widget.img_x_text          {margin-bottom:10px}
.block-widget.img_x_text img      {margin:0 10px 10px 0;float:left}
.block-widget.box                 {padding:10px 20px 15px}
.block-widget.box a               {vertical-align:initial;width:85%;cursor:pointer;color:#40667B}
.block-widget.box a:hover         {color:#F5651F}
.block-widget.box a.btn-blue      {width:auto;margin-top:20px;color:#FFF}
.block-widget.box a[class^="icon-"] {margin-top:10px}
.xblock-widget.box a:after         {border-top:none 1px #999;display:block;content:"";margin:5px 0;width:100%}
.block-widget h4                  {padding:10px 0 16px}
.block-widget.box h4              {border-bottom:solid 1px #CFCFCF;margin-bottom:10px;padding:10px 0 10px;}
.block-widget.box h4 span a[class^="icon-"] {background-image:none;}
.block-widget.box h4 span a       {font-size:12px;width:auto;xfloat:right;font-weight:normal;}
.block-widget address             {margin:20px 0 0}
.block-widget.box ul              {margin-left:0} 

/* tabs */
.standard article.content .tabbable ul  {border-bottom:solid 1px #CFCFCF}
.standard article.content .tabbable li  {
	background:#F6F6F6;padding-left:0;
  border-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;
  margin-right:1px;
  margin-bottom:0;
}
.standard article.content .tabbable .nav-tabs a {text-decoration:none;margin-bottom:-1px}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { background-color:#EBEBEB; }

/* news widget */
.news_history ul {margin-left:0;padding-left:0}
.news_history > ul > li > a:before {content:"\f105";font-family:FontAwesome;font-size:14px;margin-right:10px;width:10px;display:inline-block;color:#EB6909}
.news_history > ul > li > a.active:before {content:"\f107";}
.news_history > ul > li > a.active {font-weight:600;color:#EB6909}
.news_history > ul > li > ul       {margin-left:20px}
.news_history > ul > li > ul li    {border-bottom:dotted 1px #CFCFCF;padding:3px 0;font-size:0.9em;line-height:16px;}
.news_history .date                {display:block;font-weight:600;padding-bottom:3px;}

/* events */
.events .hover        {padding:3px 0;}
.events img.imgLeft   {max-width:200px}

/* career */
.career .hover        {padding:10px;border-bottom:dotted 1px #CFCFCF}
.career address       {border-top:dotted 1px #CFCFCF;margin-top:20px;}
.career .extra-wrap > .row:nth-child(even)  {background-color:#F6F6F6}

.privacy .links a:after { content: "|"; margin:0 5px }
.privacy .links a:last-child:after { content: ""; }
.privacy .gray                     { color: #AAA; display:block; width:100%; position:absolute; text-align:right; font-size:9px; margin:-9px 0 0 -20px; }
.spacer   { padding:0 10px; }

/* header and navigation */
.header_top                       { background-color:#FFFFFF; z-index:10; }
.header_top.scrolled              { left:auto; top:-57px; }
.header_top.scrolled .nav-collapse_ .nav > li > a { padding: 10px 20px; }
header.header_1 .header_top.scrolled    { box-shadow:0 2px 5px #AAA; }

.header_top .brand                { margin-left:80px; margin-bottom:34px; }
.panel                            { background-color:transparent; border-top-color: #FFFFFF; color:#999999; }
.list-panel a                     { padding-left:0px; }
ul.list-panel                     { min-width:250px; }
ul.list-panel li                  { border:none; padding:0 10px; }
.main-menu                        { padding-left:80px; background-color:#EBEBEB }
.main-menu .container             { margin: 0; }
header.header_1 .panel.submenu    { padding:30px 0 14px; }
header.header_1 .header_top       { box-shadow:none; border-bottom:solid 1px #DFDFDF; }
header.header_1 .nav-collapse_ .nav > li.sfHover > a, 
header.header_1 .nav-collapse_ .nav > li.active > a  { background:none; }
header.header_1 .nav-collapse_ .nav > li.sfHover > a:hover, 
header.header_1 .nav-collapse_ .nav > li > a:hover, 
header.header_1 .nav-collapse_ .nav > li.active > a:hover {
  background-color:#FBFBFB;
}  
header.header_1 .nav-collapse_ > ul > li > a  {padding:16px 20px 20px 20px;}
header.header_1 .nav-collapse_ > ul       {margin-left:-20px;}

.nav-collapse_ .nav > li  a               { font-size:18px; text-align:left }
.nav-collapse_ .nav > li                  { font-weight:500; }
.nav-collapse_ .nav > li > a span         { border-top:none }

.nav-collapse_ .nav > li:hover > a, 
.nav-collapse_ .nav > li.active > a, 
.nav-collapse_ .nav > li.current_click > a {
  box-shadow:none;
}

.nav-collapse_ .nav > li > a > .sf-sub-indicator  { 
  display:none 
}

#menu_button { position:absolute; left:-20px; top:-70px; z-index:12; }

/* content */
#content              { background:#FFFFFF; }
#content .content-div { margin:0 70px; padding-top:30px }
#content .container   { width:100%; }

/* footer */
aside {
  background: #828892; /* Old browsers */
  background: url(/gfx/common/flair.png) no-repeat, -moz-linear-gradient(-45deg,  #828892 0%, #f0f2f4 65%, #d1d1dd 100%); /* FF3.6+ */
  background: url(/gfx/common/flair.png) no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(0%,#828892), color-stop(65%,#f0f2f4), color-stop(100%,#d1d1dd)); /* Chrome,Safari4+ */
  background: url(/gfx/common/flair.png) no-repeat, -webkit-linear-gradient(-45deg,  #828892 0%,#f0f2f4 65%,#d1d1dd 100%); /* Chrome10+,Safari5.1+ */
  background: url(/gfx/common/flair.png) no-repeat, -o-linear-gradient(-45deg,  #828892 0%,#f0f2f4 65%,#d1d1dd 100%); /* Opera 11.10+ */
  background: url(/gfx/common/flair.png) no-repeat, -ms-linear-gradient(-45deg,  #828892 0%,#f0f2f4 65%,#d1d1dd 100%); /* IE10+ */
  background: url(/gfx/common/flair.png) no-repeat, linear-gradient(45deg,  #828892 0%,#f0f2f4 65%,#d1d1dd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828892', endColorstr='#d1d1dd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  padding-bottom: 10px;
}

aside .orangebar {
  background: #EB6909; /* Old browsers */
  background: url(/gfx/common/flair.png) no-repeat, -moz-linear-gradient(-80deg,  #EB6909 0%, #ea5f21 30%, #fedc34 100%); /* FF3.6+ */
  background: url(/gfx/common/flair.png) no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(0%,#EB6909), color-stop(30%,#ea5f21), color-stop(100%,#fedc34)); /* Chrome,Safari4+ */
  background: url(/gfx/common/flair.png) no-repeat, -webkit-linear-gradient(-80deg,  #EB6909 0%,#ea5f21 30%,#fedc34 100%); /* Chrome10+,Safari5.1+ */
  background: url(/gfx/common/flair.png) no-repeat, -o-linear-gradient(-80deg,  #EB6909 0%,#ea5f21 30%,#fedc34 100%); /* Opera 11.10+ */
  background: url(/gfx/common/flair.png) no-repeat, -ms-linear-gradient(-80deg,  #EB6909 0%,#ea5f21 30%,#fedc34 100%); /* IE10+ */
  background: url(/gfx/common/flair.png) no-repeat, linear-gradient(135deg,  #EB6909 0%,#ea5f21 30%,#fedc34 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB6909', endColorstr='#fedc34',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
aside h3 {padding:20px 0 12px;line-height:1.0em}
aside h3 a {color:#232b2c}
.privacy {padding-top:10px;}

aside .footer { margin:0; }
.footer .row  { margin:0 90px; width:1040px; }
.footer .row article.span2 { width:255px; margin:0; }
.list-footer li {padding-bottom:0px;padding-left:3px; }
.list-footer li a {padding-left:20px;}
.address-1 span , .list-footer li a  { font-size:0.9em;line-height:18px; }

.footer .address-1 span {padding-bottom:6px}
.footer .address-1 span.mail-info {margin-top:-6px;}
.footer .address-1      {margin-bottom:3px}

/* main slider */
.stagecontainer         { width:100%; position:relative; padding:0;}
.stage                  { width:100%; position:relative; visibility:hidden; }
.slider-caption         { width:100%; }

.tp-caption.standard  {
  position: absolute; 
  width:100%;
  color: #222; 
  font-size: 13px; 
  line-height: 20px; 
  margin: 0px; 
  padding:10px 20px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.7);
  filter: alpha(opacity = 50); /* IE 6, 7, 8 */ 
  -ms-filter: "alpha(opacity = 50)"; /* ab IE 8 zus?tzlich m?glich */ 
  opacity: .50; /* alle anderen Browser einschlie?lich IE 9 */  
}

.tp-caption.standard .header {
  padding:0 10px;
  width:20%;
  height:100%;
  font-size:15px;
  font-weight:600;
  color: #EB6909;
  border-left: solid 2px #EB6909;
  white-space:pre-line;
  min-height:50px;
} 
.tp-caption.standard .header  span      { color: #222;white-space:normal;display:block;margin-top:5px; }
.tp-caption.standard .body              { width:70%;white-space:normal; }

/* search */
.main-menu  .span4        { width:310px; }
#form-search              { top:auto; margin-top:11px; }

    
/* section */
section h4 a              { color:#6A6A6A; }
section a                 { color:#222222; }
    
/* language switch */ 
.language  .icon          { display:block; float:left; background:url(/gfx/cms/flags.png) no-repeat; height:12px; width:16px; padding-right:6px; }
.language .icon.de        { background-position: 0 0; }
.language .icon.en        { background-position: 0 -11px; }
.block_language > li ul   { margin-top:23px; }

/* startpage product block */
.block-start              { padding-top:0px; }
.block-start h4           { padding:20px 0 30px 0; }
.block-start img          { margin-right:10px; }
.block-start .body        { font-size:12px; line-height:14px; }
.block-start .body > a    { color:#222222; }
.block-start .link        { float:right; position:relative; text-decoration:none; }
.block-start .link:after,
.list-features .link:after {
  font-family: FontAwesome;
  padding-left: 5px;
  font-weight: 600;
  /*content: "\f105";*/
  content: '';
}

/* shop */
.shop .span4                    { width:385px; }
.shop .product h5               { margin:0 0 6px; }
.shop figure.box-product        { border:none;box-shadow:none;margin-bottom:0px;padding:0; margin-right:30px; }
.shop ul                        { position:relative; float:left; width:50%; margin:20px 0; }
.shop ul.standard               { margin-top:0; float:none; display:inline-block; }
.shop ul li                     { background:url(/gfx/common/icon_ok.png) no-repeat 0 7px; padding-left:20px; line-height:28px } 
.shop ul.documents              { margin:20px 0 0 30px; text-align:left; width:40%; border-left:solid 1px #EEEEEE }
.shop ul.documents li           { margin-left:10px; background:none }

.shop .accordion-group          { padding:0; }
.shop .accordion-inner          { padding-left:0; padding-right:0; }
.shop .accordion-heading .accordion-toggle.sub { padding-top:3px;padding-bottom:0; }
.shop img.imgLeft               { margin:0 10px 20px; width:95%; }

.shop .box-toggle               { padding:0; }
.shop .box-toggle .toggle-heading.togle-icon h5.ndsc_orange::before,
.shop .box-toggle .toggle-heading h5.ndsc_orange {font-size:20px;margin-left:-1px}
.box-toggle .toggle-heading h5.ndsc_orange:hover {color:#F5651F}
.box-toggle .toggle-heading h5.ndsc_blue:hover   {color:#40667B}
.shop .toggle-heading           { margin-bottom:5px; padding-top:3px;padding-bottom:0; }
.shop .toggle-heading.main      { margin-top:20px; }


/* accordion, toggle general */
.box-toggle,
.accordion-group          { background:none; }
.accordion-inner                { font-size:13px; }
.accordion-inner .body li       { background:url(/gfx/common/icon_ok.png) no-repeat 0 7px; padding-left:20px; }

.list-features .link    { position:relative; bottom:10px; }
.list-features li       { margin-bottom:14px; }s
.list-features img      { margin-bottom:5px; }
.list-features div > img:first-child {margin-right:10px}

/* startpage career, events */
.startpage .list-features li { line-height:21px; }
.startpage .career p,
.startpage .events p    { border-bottom:solid 1px #6a6a6a; padding-bottom:3px; margin-bottom:3px; }

/* standard */
ul.ndsc li,
.standard article.content li {
	background:url(/gfx/common/icon_ok.png) no-repeat 0 7px;
	padding-left:25px;
}
ul.ndsc ul li,
.standard article.content li li {background:none;padding-left:0;list-style-type:square}
.standard article.content a           { text-decoration:underline; }
.standard article.span9 > img.imgLeft { box-shadow:0 0 10px #999999; }
.standard article.content h4          { padding-bottom:15px; }

.standard article.content a.btn-blue  { text-decoration:none; }
div.inquiry                           { margin-top:-30px; }
.standard .content .span5 div.inquiry { margin-top:0px; }

#media_login a.btn-blue               {top:-6px;height:15px}

/* training courses */
.standard table           {width:100%}
.standard table.course    {border-spacing:3px;border-collapse:separate;margin:20px 0;}
.standard table.course ul {text-align:left}
.standard table.course th {background-color:#5C8DA8;color:#FFFFFF;padding:20px 10px}
.standard table.course td:first-child {font-weight:normal;vertical-align:middle;padding:0}
.standard table.course td {text-align:center;border:solid 1px #CFCFCF;padding:20px 10px;vertical-align:top}
.standard table.course td a   {text-decoration:none}
.standard table.course td p:first-child {font-weight:bold}

.standard table.course tr:nth-child(2),.standard table.course tr:nth-child(3) {background-color:#D2DFE7}
.standard table.course tr:nth-child(4) {background-color:#DBE6EC}
.standard table.course tr:nth-child(5) {background-color:#E4ECF0}
.standard table.course tr:nth-child(6) {background-color:#EAFAED}
.standard table.course tr:nth-child(7) {background-color:#EAFAED}


/* carousel */
.standard article.content .carousel     { margin:70px 0 10px; }
.standard article.content .carousel li  { background:none; }

/* contact form */
#form_contact .label {color:#222222}
#form_contact .input s, #form_contact .input u {display:none}
#form_contact input,#form_contact select,#form_contact textarea {color:#6D6D6D;font-weight:normal;border-radius:0.15em;border:inset 1px #ADADAD;width:90%;min-width:240px;line-height:20px}
#form_contact input  { height:20px }
#form_contact select { height:30px }
#form_contact input.in_mandatory,#form_contact select.in_mandatory,#form_contact textarea.in_mandatory {
 -webkit-box-shadow: inset 8px 0 5px -8px rgba(235,105,9,1);
 -moz-box-shadow: inset 8px 0 5px -8px rgba(235,105,9,1);
 box-shadow: inset 8px 0 5px -8px rgba(235,105,9,1);
}
#form_contact input[type=submit], #form_contact input[type=button] {width:220px;float:right;margin-right:20px;color:#FFF;height:40px;border-radius:5px}
#form_contact input:focus,#form_contact select:focus,#form_contact textarea:focus {
  -webkit-box-shadow: 0px 0px 10px rgba(128, 255, 128, 0.5);
  box-shadow: 0 0 10px rgba(128, 255, 128, 0.5);
}
#form_contact .column_one.cell:before {float:none}
#form_contact .column_one.cell   {width:100%;min-width:250px;}
#form_contact .column_one.cell input {width:96%;}  
#form_contact .column_one.textarea >.left {width:100%}
#form_contact .column_one.textarea textarea {width:96%}
#form_contact .column_two.cell   {width:50%;float:left;min-width:250px;}
#form_contact .column_three.cell {width:32%;float:left;min-width:250px;margin:0 10px 0 0}
#form_contact .mandatory, #form_contact .label.mandatory {color:#DD0000}
#form_contact input.mandatory, #form_contact select.mandatory, #form_contact textarea.mandatory {
  -webkit-box-shadow: 0px 0px 10px rgba(255, 128, 128, 0.5);
  box-shadow: 0 0 10px rgba(255, 128, 128, 0.5);  
}

#form_contact select {width:99%}
#form_contact .column_two.cell select {width:97%}   
#form_contact .label {font-weight:normal;width:32.2%;float:left;padding:0 12px 6px 0;text-align:left;min-width:250px;background:transparent}
#form_contact .captcha > * {line-height:60px;min-width:auto}
#form_contact .headline    {background-color:#ebebeb;padding:3px 10px;margin-bottom:6px; font-weight:bold; color:#F5651F; width:96%}

#form_contact input.btn-primary {
	border:outset 1px #EB6909;
  background-color: #EB6909;
  background-image: linear-gradient(to right, #EB6909, #F18927);
}

#form_contact input.btn-white {
  border:outset 1px #EB6909;
  background-color: #DFDFDF;
  background-image: linear-gradient(to right, #CFCFCF, #DFDFDF);
  color:#222222;
}

#form_contact .radio_item  {width:30%;float:left}
#form_contact .column_one.cell .radio_item  input,
#form_contact .column_one.cell input[type=checkbox] {width:1%;min-width:14px;float:left;margin-top:auto;margin-right:10px}
#form_contact .radio_item  label {width:90%;float:left}
#form_contact label .mandatory  {width:10%;display:inline;padding-left:10px}
#form_contact .column_three.cell.date {width:auto}
#form_contact .column_three.cell.date.readonly {width:100%;}
#form_contact .column_three.cell.date > label.mandatory {display:none;}
#form_contact .column_three.cell.date > .label {line-height:30px;margin-right:5px}
#form_contact .column_three.cell.date.readonly > .label {margin-right:0}
#form_contact .column_three.cell.date > label, #form_contact .column_three.cell.date > .input {float:left}
#form_contact .input input[type='file'] {display:none}
#form_contact .input .icon {width:70px;height:20px;display:inline-block;position:absolute;z-index:20;margin:3px 0 0 -175px;border:outset 1px #40667B;border-radius:2px;padding:2px 5px 0;cursor:pointer}
#form_contact .input .icon:hover {border:inset 1px #40667B;}
#form_contact .input .icon.date   {background:url(/gfx/icons/calendar.png) center center no-repeat; width:20px; border:none; margin-left:-30px;}
#form_contact .input .icon.clean  {background:url(/gfx/icons/link_delete.png) 55px center no-repeat #FFF;}
#form_contact .input .icon.upload {background:url(/gfx/icons/disk_upload.png) 55px center no-repeat #FFF;margin-left:-87px}
#form_contact .input .icon.clean:before   {content:"clear"}
#form_contact .input .icon.upload:before  {content:"upload"}
.datepicker.datepicker-dropdown {margin-left:-200px!important;}

#form_contact .readonly .label  {padding:5px 4px;font-size:15px;}
#form_contact .readonly .input  {background-color:#EEEEEE; font-size:15px;float:left;width:65%;border-bottom:solid 1px #FFF;padding-left:5px}
#form_contact #career div.readonly {line-height:25px}
#form_contact #career .readonly label.mandatory {display:none}

iframe      {width:100%;border: 1px inset #adadad;border-radius: 0.15em;}
body.popup  {width:98%;padding:10px;margin:0;overflow-y:auto;overflow-x:0;left:0;top:0}
.popup h3   {font-size:20px;padding:8px 0 10px}
.popup h5   {font-size:16px;font-weight:normal;font-color:#6a6a6a;padding:10px;}
.popup h2   {padding:10px 0 14px} 

select option          {padding-left:10px}
select optgroup option {padding-left:20px}
select option[value="0"] {background-color:#EB6909;color:#FFFFFF}

input[type=submit],
input[type=button]     {font-size:125%}

/* google map */
.googlemap-wrapper {position: relative;margin: 0 0 40px 0;}
.googlemap-wrapper img {max-width: none !important;}
.map-canvas {height:200px; padding:6px; background-color:#e5e5e5; border:1px solid #cecece;}

@media (min-width: 768px) {.map-canvas {height: 320px;}}
@media (min-width: 992px) {.map-canvas {margin-bottom: 0;height: 200px;}}
.map-canvas:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin: -15px 0 0 -15px;
  width: 30px;
  height: 30px;
  color: #2f2f2f;
  content: '\f110';
  text-align: center;
  font-size: 20px;
  font-family: 'FontAwesome';
  line-height: 30px;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* navigation */
/*
.nav-collapse_ .nav ul  { transition: none; }
.nav-collapse_ .nav ul  { transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; }
*/
.nav-collapse_ .nav>.navType_2 ul.submenu-extra .active,
.nav-collapse_ .nav>.navType_2 ul.submenu-extra             { background:rgba(200,200,200,0.975); padding:0; overflow:visible; }
.nav-collapse_ .nav>.navType_2 ul.submenu-extra > li        { width:25%; border:none; float:left; border:none; background:url(/gfx/common/dot_20p.png) repeat-y right;}
.nav-collapse_ .nav>.navType_2 ul.submenu-extra > li:hover  { background:rgba(0,0,0,0.1); display:inline-block; }
.nav-collapse_ .nav>.navType_2 ul.submenu-extra .active a,
.nav-collapse_ .nav>.navType_2 ul.submenu-extra a           {background:transparent;color:#000;}
.nav-collapse_ .nav ul li a,
.nav-collapse_ .nav>.navType_2 ul.submenu-extra > li.active > a,
.nav-collapse_ .nav>.navType_2 ul.submenu-extra > li > a    { text-align:center; padding:15px 0; background:rgba(220,220,220,0.5); color:#000; cursor:pointer; }
.nav-collapse_ .nav>.navType_2 ul.submenu-extra > li > a    { font-size:16px }

.nav-collapse_ .nav>.navType_2 ul.submenu-extra .active a:hover,
.nav-collapse_ .nav>.navType_2 ul.submenu-extra a:hover,
.nav-collapse_ .nav>.navType_2 ul.submenu-extra > li > a:hover  { background:rgba(200,200,200,0.9);color:#FFF; }
.nav-collapse_ .nav>.navType_2 ul.submenu-extra .active div > a:hover,
.nav-collapse_ .nav>.navType_2 ul.submenu-extra div > a:hover   { background:rgba(150,150,150,0.3); }
.nav-collapse_ .nav>.navType_2 .sub                  { left:0; top:40px; }
.nav-collapse_ .nav>.navType_2 div                   { margin:0; padding:0 0 10px 0; width:100%; }
.nav-collapse_ .nav>.navType_2 div a                 { text-align:left; padding: 6px 5px 3px 30px; color:#000; }
.nav-collapse_ .nav>.navType_2 div a:hover           { color:#FFF; }
.scrolled .nav-collapse_ .nav>.navType_2 ul.submenu-extra { padding-bottom:0px; }
.nav-collapse_ .nav ul li.sub-menu > a               { cursor:pointer; }
.nav-collapse_ .nav ul li a                          { padding:10px 10px; text-align:left; }

.nav-collapse_ .nav>.navType_2 ul.submenu-extra div > a:hover,
.nav-collapse_ .nav>.navType_2 ul.submenu-extra div > ul.articles:hover { border-left:solid 2px #EB6909 }

.nav-collapse_ .nav>.navType_2:hover ul       {visibility:visible}
.nav-collapse_ .nav>.navType_2 ul.articles    {opacity:1;position:relative;left:0;margin:-20px 0 30px 0;background-color:transparent;box-shadow:none;width:100%;}
.nav-collapse_ .nav>.navType_2 ul.articles li {text-indent:-18px;}
.nav-collapse_ .nav>.navType_2 ul.articles li a {font-size:13px;line-height:16px;padding-top:3px;padding-bottom:3px;display:block;padding:0 5px 0 50px}
.nav-collapse_ .nav>.navType_2 ul.articles li a:before {content:'>';padding:0 5px}

/* breadcrumb */
.breadcrumb { border-radius:0; margin:0; padding:5px 70px; }
.breadcrumb li:after { content:'>'; padding:0 10px; }
.breadcrumb li:last-child:after { content:''; }

/* extranet login */
.submenu ul li > ul       {position:absolute;display:none;list-style-type:none;right:20px;margin-top:10px;height:150px}
.submenu ul li:hover > ul {display:inline-block;} 
.extranet.login {
  background-color:#FFF;
	border:solid 1px #DFDFDF; border-top:none; border-left:solid 3px #EB6909; box-shadow:0 4px 5px #DFDFDF;
	padding:4px 20px 10px 20px;
	margin-top:10px;
	z-index: 20;
	transition: height:1s;
	position:absolute;
	width:200px;
}
.extranet.login form      {margin-bottom:0; margin-top:16px; height:70px}
.extranet.login h3        {font-size:1.0rem;padding:6px 0}
.extranet.login input     {font-size:0.8rem;height:16px;margin-bottom:3px;display:block}
.extranet.login input.pwd    {width:65%;display:inline-block}
.extranet.login input.dummy  {width:80%}
.extranet.login input.submit {width:15%}
.extranet.login input.pwd {position:absolute;}
.extranet.login .submit i {color:#EB6909;font-size:12px;padding:7px 6px;}

.span7                        { width:630px; }

/*== autocomplete =====================*/
.ac_results {
  padding: 0px; border: 1px solid #DADADA; background-color: white; overflow: hidden; z-index: 110;
  -moz-box-shadow:5px 5px 10px;-webkit-box-shadow:5px 5px 10px;box-shadow:5px 5px 10px;
}
.ac_results .image {float:left;text-align:center;width:30px;margin-right:10px;line-height:32px;padding-top:5px;overflow:hidden}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {
  margin: 0px;
  padding: 5px 5px;
  cursor: default;
  display: block;
  /*
  if width will be 100% horizontal scrollbar will appear
  when scroll mode will be used
  */
  /*width: 100%;*/
  font-family:Open Sans, Sans-Serif, Arial, Helvetica; 
  font-size: 13px;
  /*
  it is very important, if line-height not setted or setted
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
  white-space:nowrap;
}
.ac_results li.selected { background:red; }
.ac_loading {background:url('/gfx/icons/spinner/loader_01.gif') right center no-repeat}
.ac_odd   {background-color:#FAFAFA;border:solid 1px #DAD9D9;border-style:solid none}
.ac_over  {background-color:#EEEEEE;color:#000000}

@media only screen and (max-width: 1200px){
	.span7                      { width:60%; }
	.footer .row                { margin:0 90px; width:900px; }
  .footer .row article.span2  { width:220px; margin:0; }
}

@media (min-width:769px) and (max-width: 1024px) {
  .boxed_layout               { width:980px; }
  .main-menu                  { padding-left: 60px; }
  .header_top .brand          { margin-left: 50px; }
  #content .content-div       { margin:0 40px; }  
  .breadcrumb                 { padding:5px 40px; }
  .span2                      { width:150px; }
  .span3                      { width:210px; }
  .span4                      { width:260px; }
  .span6                      { width:440px; }
  .span7                      { width:630px; }
  .span9                      { width:660px; }
  .product .span4             { width:320px; }
  
  #form_contact .column_three.cell.date > .label {margin-right:-3px}
  #form_contact .column_three.cell {width:50%}
  .footer .row                { margin:0 40px; width:900px; }
  .footer .row article.span2  { width:220px; margin:0; }
  header.header_1 .nav-collapse_ > ul > li > a { padding:16px 10px 20px; }
}

@media (min-width:481px) and (max-width: 768px) {
  .boxed_layout               { width:100%; margin:0; }
  .header_top .brand          { margin-left: 100px; }
  .header_top .container      { padding-left:0 }
  .main-menu                  { padding-left: 40px; }
  .main-menu  .span4          { width:280px; }
  .nav-collapse_ .nav>.navType_2 ul.articles {margin-top:10px}
  .panel                      { z-index:10; }
  .submenu .home              {display:none;}
  #content .content-div       { margin:0 20px; }  
  .breadcrumb                 { padding:5px 20px; }
  .startpage article.span4    { width: 100%; }
  .ac_results li              { font-family:Open Sans, Sans-Serif, Arial, Helvetica; font-size:16px }
  .list-features .link        { bottom:0px; }
  .main-menu .container >.fright      { width:100%; }
  .slider-caption .body       { display:none}
  .tp-caption.standard .header{ width:80%;font-size:20px!important;line-height:20px;line-height:20px!important; }
  header.header_1 #form-search        { position:relative;left:-22px;margin-top: 0; }
  .nav-collapse_ .nav>.navType_2 .sub { top:0; }
  .imgLeft a.jackbox:after    { content:""; }
  .footer .row                { margin:0 0px 0 20px; width:100%; }
  .footer .row article.span2  { width:23%; margin:0 10px 0 0; }
}

@media (min-width:376px) and (max-width: 480px) {
	.breadcrumb                 { display:none; }
	.nav-collapse_ .nav>.navType_2 ul.articles {margin-top:10px}
  .boxed_layout               { width:480px; margin:0 5px; }
  .header_top .brand          { margin-bottom:20px; }
  .main-menu  .span4          { width:240px; }
  .footer .row                { margin:0 0px 0 20px; width:480px; }
  .span9                      { width:100%; }
  .slider-caption .body       { display:none; }
  .tp-caption.standard .header{ width:80%;font-size:20px!important;line-height:20px;line-height:20px!important; }
  .footer .row article.span2  { width:240px; margin:0 10px 0 0; }
}

@media (min-width:240px) and (max-width:375px) {
	iframe                    { width:90% }
  .boxed_layout             { width:100%; margin:0; background-color:#FFF; }
  .header_top .brand        { margin-left:100px; margin-bottom:20px; }
  .w10p                     { width:10%; max-width:10px; }
  #menu_button              { left:0px }
  .main-menu                { padding:0 20px; }
  .main-menu .container .fright {width:100%}
  .main-menu  .span4        { width:200px; }
  .nav-collapse_ .nav>.navType_2 ul.articles {margin-top:10px}
  .nav-collapse_ .nav ul li a, .nav-collapse_ .nav>.navType_2 ul.submenu-extra > li.active > a, .nav-collapse_ .nav>.navType_2 ul.submenu-extra > li > a {text-align:left;padding-left:30px}
  .nav-collapse_ .nav>.navType_2 ul.submenu-extra .active a:hover, .nav-collapse_ .nav>.navType_2 ul.submenu-extra a:hover, .nav-collapse_ .nav>.navType_2 ul.submenu-extra > li > a:hover,
  .nav-collapse_ .nav>.navType_2 ul.submenu-extra .active, .nav-collapse_ .nav>.navType_2 ul.submenu-extra {background:none}
  .ac_results li            { font-family:Open Sans, Sans-Serif, Arial, Helvetica; font-size:16px }
  #content .content-div     { margin: 0 20px }
  .breadcrumb               { display:none; }
  #form_contact .label      { min-width:150px }
  span.after                { min-width:250px;margin-bottom:50px}
  #form_contact select,
  #form_contact .readonly .input, 
  #form_contact .column_two.cell,
  #form_contact .column_two.cell select,
  #form_contact .column_three.cell {width:100%}
  #form_contact input, #form_contact textarea {width:96%}
  #form_contact .radio_item {width:40%}
  #form_contact .column_one.cell .radio_item input, #form_contact .column_one.cell input[type=radio],
  #form_contact .column_one.cell .radio_item input, #form_contact .column_one.cell input[type=checkbox] {width:22px;}
  #form_contact .column_one.cell input[type="radio"][checked="checked"] {color:red;background-color:red}
  #form_contact input[type=date]    { width:50%; }
  #form_contact .input .icon        { margin-left:-1000px; }
  #form_contact .input .icon.upload { margin:-85px 0 0 253px }
  .btn-mini                         { margin-bottom:20px }
  .datepicker.datepicker-dropdown   { margin-left:-1000px!important; }
  div.inquiry                       { margin-top:8px; }
  .shop .product ul                 { width:325px }
  .shop ul.documents,
  .shop ul.documents li             { margin:0; }
  .slider-caption .body             { display:none; }
  .tp-caption.standard .header      { width:80%;font-size:20px!important;line-height:20px!important; }
  .footer .row                      { margin:0; width:320px; }
  .footer .span2                    { padding:0 5%; max-width:90%; }
}