/*********   GSALLPAGE.CSS   ************/

body,
input,
button,
select,
textarea,
.navbar-search .search-query {
  font-family: 'Open Sans', Arial, sans-serif;
}
/* POSITIONING PREDEFINED STYLES 
*****************************************************************/

/* Create margin and padding for tags. It will overwrite the predefined state. Example: It's used by H3, H4 tags inside 3-4 columns layout */

.mt10 {
  margin-top: 10px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
/* Absolute, Relative positioning. Example: It's used for image positioning inside 3-4 columns layout  */

.pos_r {
  position: relative !important;
}
.pos_a_b {
  position: absolute;
  bottom: 0 !important;
}
.pos_a_t {
  position: absolute;
  top: 0 !important;
}
/* Padding for 3-4 colums boxes */

.pcol {
  padding: 12px 14px !important;
}
/* Padding and margin all sides, or only left or right site 0. Example: It's used for boxes inside 3-4 columns layout */

.padd0 {
  padding: 0 !important;
}
.mar0 {
  margin: 0 !important;
}
.marR0 {
  margin-right: 0 !important;
}
.marL0 {
  margin-left: 0 !important;
}
.paddR0 {
  padding-right: 0 !important;
}
.paddL0 {
  padding-left: 0 !important;
}
/* Basic button looks */

/*.btn {
  background-image: -moz-linear-gradient(top, #cdcdcd, #e8e8e8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cdcdcd), to(#e8e8e8));
  background-image: -webkit-linear-gradient(top, #cdcdcd, #e8e8e8);
  background-image: -o-linear-gradient(top, #cdcdcd, #e8e8e8);
  background-image: linear-gradient(to bottom, #cdcdcd, #e8e8e8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcdcdcd', endColorstr='#ffe8e8e8', GradientType=0);
  border-color: #f8f8f8;
  border-color: rgba(255, 255, 255, 0.8);
  *background-color: #e6e6e6;*/

/* Darken IE7 buttons by default so they stand out more given they won't have borders */

/*filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #d2d2d2;
  *border: 0;
  border-bottom-color: #d2d2d2;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,1);
  -moz-box-shadow: inset 0 0 2px rgba(255,255,255,1);
  box-shadow: inset 0 0 2px rgba(255,255,255,1);
  text-align: left;
  padding: 9px;
}*/

/*.btn small {
	font-size: 70%;
	display: block;
	color: #777777;
	margin-top:-2px;
}*/

/*.btn span {
	background-color: #ffffff;
	padding:5px;
	height: 14px;
}*/

/*.btn [class^="icon-"], .c4 .btn [class*=" icon-"] {
	margin-top: 0;
	margin-right: -1px;
}*/

/* Basically all the buttons has 2 lines, if you want one line button, use oneline class on it
Example in home.html */

.oneline {
  margin-top: 24px;
}
.oneline b {
  font-weight: 700;
  padding-top: 4px;
}
/* To hide anyting */

.hide {
  display: none;
}
/* Basic heading tags */

h1,
h2,
h4 {
  font-weight: 600;
  color: black;
}
h3 {
  font-weight: 400;
  color: black;
}
/* Headline, Lead text should be styled by this.  */

.lead {
  font-weight: 400;
  color: #8a8a8a;
}
.lead strong,
.lead b {
  font-weight: 400;
  color: #333333;
}
/* GRAPHISOFT UMBRELLA 
****************************************************************
It contains all of our subsite. It isn't necessary to use, but if you have subsites, you can show them like this. */

.gsumbrella {
  background-color: black;
  line-height: 11px;
  font-size: 13px;
}
.gsumbrella a {
  color: #ededed;
}
.gsumbrella a:hover {
  color: white;
}
.gsumbrella ul {
  margin-bottom: 0;
}
.gsumbrella li {
  margin-top: 8px;
  margin-bottom: 7px;
  line-height: 13px;
}
.gsumbrella .divider-vertical {
  border-left: 1px solid #ededed;
  border-right: 1px solid #333333;
  margin-top: 6px;
  margin-bottom: -3px;
  padding: 7px 0;
}
.gsumbrella img {
  vertical-align: bottom;
}
/* MAIN HEADER STYLES 
*****************************************************************/

header {
  padding: 38px 0 0 0;
}
header .form-inline input[type="text"] {
  border-color: #adafb2;
  border-right: 0;
  /*padding: 5px 6px;*/

}
header .form-inline .btn {
  -webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.075);
  border-color: #adafb2;
  background-image: none;
  background-color: white;
  padding: 6px 12px 2px !important;
}
header input:-moz-placeholder {
  color: #cacaca;
  font-style: italic;
}
header input:-ms-input-placeholder {
  color: #cacaca;
  font-style: italic;
}
header input::-webkit-input-placeholder {
  color: #cacaca;
  font-style: italic;
}
header h1 {
  font-weight: 600;
  display: inline-block;
  margin: 17px 0 0;
  font-size: 31.5px;
  color: #333333;
}
/* NAVIGATION LEVEL 1 
*****************************************************************/

.nav_level1 {
  margin-top: 18px;
}
.nav_level1 ul {
  margin: 0;
}
.nav_level1 li {
  float: left;
  display: inline;
  padding-right: 28px;
  padding-bottom: 8px;
}
.nav_level1 li > a {
  font-size: 18px;
  color: #333333;
}
.nav_level1 li > a:hover,
.nav_level2 li > a:hover,
.nav_level3 li > a:hover {
  text-decoration: none;
  color: #004cb3;
}
.nav_level1 li.active > a,
.nav_level3 li.active > a {
  font-weight: 700;
}
.nav_level1 li.active > a:hover,
.nav_level3 li.active > a:hover {
  color: #333333;
}
header div.row:first-child + div.row .sep_down {
  top: 48px;
}
/* NAVIGATION LEVEL 2 
*****************************************************************/

.nav_level2 {
  margin: 16px 0;
  float: left;
}
.nav_level2 ul,
.nav_level3 ul {
  margin: 0;
}
.nav_level2 li,
.nav_level3 li {
  float: left;
  display: inline;
  padding-right: 20px;
}
.nav_level2 li > a,
.nav_level3 li > a {
  font-size: 14px;
  color: #333333;
}
/* NAVIGATION LEVEL 3 
*****************************************************************/

.nav_level3 {
  margin: 34px 0 0 0;
  float: right;
}
.nav_level3 li {
  padding: 0;
  padding-left: 14px;
}
.newline {
  margin-top: 0 !important;
  padding: 10px 0;
  text-align: right;
}
/* MAIN CONTENT AREA
*****************************************************************/

#maincontent {
  line-height: 24px;
  word-spacing: -1px;
  padding-top: 20px;
}
#maincontent h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: black;
}
#maincontent h1,
#maincontent h2 {
  font-size: 31.5px;
}
#maincontent h3 {
  font-size: 24.5px;
}
#maincontent h4 {
  font-size: 17.5px;
}
#maincontent h5 {
  font-size: 14px;
}
#maincontent h6 {
  font-size: 11.9px;
}
#maincontent h1 small {
  font-size: 24.5px;
}
#maincontent h2 small {
  font-size: 17.5px;
}
#maincontent h3 small {
  font-size: 14px;
}
#maincontent h4 small {
  font-size: 14px;
}
#maincontent h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: #333333;
}
#maincontent h1 strong,
#maincontent h2 strong,
#maincontent h3 strong,
#maincontent h4 strong,
#maincontent h5 strong {
  font-weight: 600;
  color: black;
}
.row {
  position: relative;
}
.small {
  line-height: 120%;
  font-size: 85%;
}
/* 3D like separators.  */

.sep_down,
.sep_up {
  width: 120%;
  position: absolute;
  left: -9%;
  z-index: -1;
  text-align: center;
}
.sep_up {
  margin-top: -104px;
}
.sep_line {
  border-top: 1px solid #dfe0e1;
  height: 1px;
}
.alert .sep_down {
  margin-top: 70px;
}
/* Play buttons aboce images  */

.play {
  background: url(../img/video_play.png) center center no-repeat transparent;
  width: 100%;
  height: 100%;
}
.play:hover {
  background: url(../img/video_play_hover.png) center center no-repeat transparent;
  width: 100%;
  height: 100%;
}
/* Carousel, slider styles */

.carousel-indicators {
  top: auto;
  bottom: 15px;
}
.carousel-indicators li {
  width: 12px;
  height: 12px;
  background-color: #d9d9d9;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25);
}
.carousel-indicators .active {
  background-color: #4090fd;
}
/* Whole browser wide banner, which can be used at the top of tha page, as a carousel replacement.  */

.widebanner {
  width: 100%;
  left: 0;
  position: absolute;
  background: url() top center no-repeat transparent;
}
/* 3-4 columns layout styles */

.h240 {
  height: 240px;
}
/* fix height for 3 cols */

.h190 {
  height: 190px;
}
/* fix height for 4 cols */

.gra_bg {
  /* gradient background for 3-4 cols */
  background: url(../img/thumbnail_back.png) center center no-repeat transparent;
  background-size: 100% 100%;
}
.c4_linesbg {
  /* 4 cols layout vertical separator lines */
  background: url(../img/span3_back.png) 10px top repeat-y transparent;
}
.c3_linesbg {
  /* 3 cols layout vertical separator lines */
  background: url(../img/span4_back.png) 10px top repeat-y transparent;
}
.span3 h4,
.span4 h4 {
  margin: 0;
}
.span3 h3,
.span4 h3 {
  line-height: 30px;
}
.span3 p,
.span4 p {
  line-height: 20px;
}
/* Posts feed styles */

.news {
  margin-bottom: 30px;
}
.published {
  margin-top: -15px;
  margin-bottom: 15px;
  color: #aaaaaa;
}
.news h3 {
  margin-top: 0;
  padding-top: 30px;
  line-height: 30px;
  font-weight: 400;
}
.newsimage {
  max-height: 100%;
}
/* FOOTER
*****************************************************************/

footer {
  position: relative;
}
/* Breadcrumbs */

.breadcrumb {
  list-style: none;
  margin: 0;
  float: left;
}
.breadcrumb > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  text-shadow: 0 1px 0 white;
  vertical-align: top;
}
.breadcrumb > li > .divider {
  padding: 0 5px;
}
.breadcrumb > li > a {
  display: inline-block;
  padding-top: 7px;
}
.breadcrumb .active {
  padding-top: 7px;
}
/* Footer links */

.footer_links {
  padding: 30px 0 50px;
  line-height: 24px;
}
.footer_links ul {
  float: left;
  display: inline-block;
  width: 28%;
  font-size: 85%;
  color: #777777;
  margin: 0;
}
.footer_links ul:last-child {
  width: 16%;
}
.footer_links li {
  *zoom: 1;
  text-shadow: 0 1px 0 white;
  list-style: none;
  margin: 0;
}
.footer_links li:first-child {
  margin-bottom: 5px;
}
.footer_links li > a {
  color: #777777;
}
/* Footer country chooser */

.international {
  position: relative;
}
.international > ul {
  margin: 0;
  padding-right: 10px;
}
.international > ul > li > ul {
  display: none;
  margin: 0;
  padding-right: 10px;
  position: absolute;
  bottom: 30px;
  background-color: white;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}
.international li {
  *zoom: 1;
  text-shadow: 0 1px 0 white;
  list-style: none;
  margin: 0;
  padding-top: 7px;
}
.international [class^="icon-"] {
  margin-top: 3px;
}
.gsflag {
  background: url(../img/gsflag_16x11.png) no-repeat top left !important;
  width: 16px !important;
  height: 11px !important;
  text-indent: 99999px !important;
  overflow: hidden !important;
  display: inline-block !important;
}
.gsflag-al {
  background-position: 0 0 !important;
}
.gsflag-ar {
  background-position: 0 -13px !important;
}
.gsflag-aut,
.gsflag-AUT,
.gsflag-at {
  background-position: 0 -26px !important;
}
.gsflag-aus,
.gsflag-AUS,
.gsflag-au {
  background-position: 0 -39px !important;
}
.gsflag-be {
  background-position: 0 -52px !important;
}
.gsflag-bh {
  background-position: 0 -65px !important;
}
.gsflag-bra,
.gsflag-BRA,
.gsflag-br {
  background-position: 0 -78px !important;
}
.gsflag-ca {
  background-position: 0 -91px !important;
}
.gsflag-che,
.gsflag-CHE,
.gsflag-ch {
  background-position: 0 -104px !important;
}
.gsflag-cl {
  background-position: 0 -117px !important;
}
.gsflag-chi,
.gsflag-CHI,
.gsflag-cn {
  background-position: 0 -130px !important;
}
.gsflag-cze,
.gsflag-CZE,
.gsflag-cz {
  background-position: 0 -143px !important;
}
.gsflag-ger,
.gsflag-GER,
.gsflag-de {
  background-position: 0 -156px !important;
}
.gsflag-den,
.gsflag-DEN,
.gsflag-dk {
  background-position: 0 -169px !important;
}
.gsflag-spa,
.gsflag-SPA,
.gsflag-es {
  background-position: 0 -182px !important;
}
.gsflag-fin,
.gsflag-FIN,
.gsflag-fi {
  background-position: 0 -195px !important;
}
.gsflag-fra,
.gsflag-FRA,
.gsflag-fr {
  background-position: 0 -208px !important;
}
.gsflag-gb,
.gsflag-uk {
  background-position: 0 -221px !important;
}
.gsflag-gre,
.gsflag-GRE,
.gsflag-gr {
  background-position: 0 -234px !important;
}
.gsflag-hr {
  background-position: 0 -247px !important;
}
.gsflag-hun,
.gsflag-HUN,
.gsflag-hu {
  background-position: 0 -260px !important;
}
.gsflag-id {
  background-position: 0 -273px !important;
}
.gsflag-ie {
  background-position: 0 -286px !important;
}
.gsflag-il {
  background-position: 0 -299px !important;
}
.gsflag-in {
  background-position: 0 -312px !important;
}
.gsflag-int,
.gsflag-INT,
.gsflag-com {
  background-position: 0 -325px !important;
}
.gsflag-ita,
.gsflag-ITA,
.gsflag-it {
  background-position: 0 -338px !important;
}
.gsflag-jpn,
.gsflag-JPN,
.gsflag-jp,
.gsflag-ja {
  background-position: 0 -351px !important;
}
.gsflag-kor,
.gsflag-KOR,
.gsflag-kr {
  background-position: 0 -364px !important;
}
.gsflag-mx {
  background-position: 0 -377px !important;
}
.gsflag-ned,
.gsflag-ndl,
.gsflag-NED,
.gsflag-NDL,
.gsflag-nl {
  background-position: 0 -390px !important;
}
.gsflag-nor,
.gsflag-NOR,
.gsflag-no {
  background-position: 0 -403px !important;
}
.gsflag-nze,
.gsflag-NZE,
.gsflag-nz {
  background-position: 0 -416px !important;
}
.gsflag-ph {
  background-position: 0 -429px !important;
}
.gsflag-pol,
.gsflag-POL,
.gsflag-pl {
  background-position: 0 -442px !important;
}
.gsflag-por,
.gsflag-POR,
.gsflag-pt {
  background-position: 0 -455px !important;
}
.gsflag-ro {
  background-position: 0 -468px !important;
}
.gsflag-rs {
  background-position: 0 -481px !important;
}
.gsflag-rus,
.gsflag-RUS,
.gsflag-ru {
  background-position: 0 -494px !important;
}
.gsflag-swe,
.gsflag-SWE,
.gsflag-se {
  background-position: 0 -507px !important;
}
.gsflag-sg {
  background-position: 0 -520px !important;
}
.gsflag-si {
  background-position: 0 -533px !important;
}
.gsflag-sk {
  background-position: 0 -546px !important;
}
.gsflag-th {
  background-position: 0 -559px !important;
}
.gsflag-tur,
.gsflag-TUR,
.gsflag-tr {
  background-position: 0 -572px !important;
}
.gsflag-tai,
.gsflag-TAI,
.gsflag-tw {
  background-position: 0 -585px !important;
}
.gsflag-ua {
  background-position: 0 -598px !important;
}
.gsflag-usa,
.gsflag-USA,
.gsflag-us {
  background-position: 0 -611px !important;
}
.gsflag-vn {
  background-position: 0 -624px !important;
}
.gsflag-za {
  background-position: 0 -637px !important;
}
/* Footer bottom copywrite */

.copyright {
  font-size: 90%;
  color: #777777;
}
.copyright .row {
  padding-top: 14px;
}
/**************************** MEDIA ********************************/

@media (min-width: 768px) and (max-width: 979px) {
  
}
/****************************/

@media (max-width: 767px) {
  body {
    padding-left: 10px;
    padding-right: 10px;
  }
  .gsumbrella {
    margin-left: -10px;
    margin-right: -10px;
  }
  header .form-inline {
    margin-top: 5px;
  }
  .news {
    font-size: 100%;
  }
  .c4 {
    text-align: center;
    margin-bottom: 10px;
  }
  .c4_linesbg {
    background: none;
  }
  .c4 .pos_a_b {
    position: relative;
  }
  .h240 {
    height: auto;
  }
  .play {
    display: none;
  }
  .sep_up,
  .sep_down {
    border-bottom: 1px solid #cccccc;
  }
  .sep_up {
    margin-top: -1px;
  }
  .sep_up img,
  .sep_down img {
    display: none;
  }
}
/****************************/

@media (max-width: 480px) {
  
}
/****************************/

@media (min-width: 768px) and (max-width: 979px) {
  .c4_linesbg {
    background: none;
  }
  .sep_up {
    margin-top: -73px;
  }
}
/****************************/

@media (min-width: 1200px) {
  
}
/****************************/

@media (max-width: 979px) {
  .sep_down,
  .sep_up {
    width: 100%;
    left: 0;
  }
}
/****************************/

@media (min-width: 980px) {
  .gsumbrella .navbar .nav > li:first-child > a {
    padding-left: 0;
  }
}
/*********** GSID ************/

.view {
  display: none;
}
/********* ALLPAGE ***********/

header .sep_down {
  top: 67px;
}
.nav_level1 {
  margin-top: 35px;
  height: 30px;
}
#maincontent {
  min-height: 300px;
}
.busyOn {
  padding-right: 30px;
}
#shellTop-view {
  height: 66px;
}
.nav_level3 {
  margin: 34px 0 0;
  position: absolute;
  right: 0;
  z-index: 5;
}
h1 {
  margin-top: -4px;
  margin-bottom: 40px;
}
/********* LOGIN ***********/

.or {
  background-color: white;
  color: #2d2d2d;
  font-size: 0.9em;
  margin-left: 100px;
  margin-top: -27px;
  padding: 2px 10px;
  position: absolute;
}
.forget {
  border-bottom: 1px solid #d6d6d6;
  margin: 6px 0 14px;
  padding-bottom: 18px;
  text-align: left;
}
.lform {
  border: 1px solid #dddddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 30px;
  margin: 20px 0 40px;
  -webkit-box-shadow: 0px 0px 4px 4px rgba(150, 150, 150, 0.1);
  box-shadow: 0px 0px 2px 2px rgba(150, 150, 150, 0.1);
}
.auths img {
  height: 26px;
}
.auths ul {
  margin: 0;
}
.auths ul li:first-child {
  border-left: 0 none;
  padding-left: 0;
}
.auths ul li {
  border-left: 1px solid #e8e8e8;
  display: inline;
  float: left;
  margin-top: 10px;
  padding: 0 10px;
}
/********* ONLINE SERVICES ***********/

.view ul {
  margin-left: 0;
  list-style: none;
}
.view > ul > li {
  padding: 10px 0;
}
.view > ul > li > img {
  float: left;
  width: 237px;
}
.view > ul > li > div {
  padding-left: 30px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.view > ul > li:last-child {
  display: none;
}
/********* Sprite ***********/

/* Generated by http://css.spritegen.com CSS Sprite Generator */

.separator-down,
.separator-up,
.graphisoft-id-logo-2x,
.separator-down-thin,
.logo-nemetschek-2x,
.graphisoft-id-logo,
.logo-nemetschek,
.graphisoft-logo-white,
.span4-back,
.span3-back {
  display: block;
  background: url('../Images/sprite.png') no-repeat;
}
.separator-down {
  background-position: 0px 0px;
  width: 1062px;
  height: 104px;
}
.separator-up {
  background-position: 0px -104px;
  width: 1062px;
  height: 104px;
}
.graphisoft-id-logo-2x {
  background-position: 0px -208px;
  width: 599px;
  height: 65px;
}
.separator-down-thin {
  background-position: 0px -273px;
  width: 1062px;
  height: 52px;
}
.logo-nemetschek-2x {
  background-position: -599px -208px;
  width: 144px;
  height: 41px;
}
.graphisoft-id-logo {
  background-position: -743px -208px;
  width: 300px;
  height: 33px;
}
.logo-nemetschek {
  background-position: -743px -241px;
  width: 72px;
  height: 21px;
}
.graphisoft-logo-white {
  background-position: -815px -241px;
  width: 95px;
  height: 12px;
}
.span4-back {
  background-position: 0px -325px;
  width: 960px;
  height: 10px;
}
.span3-back {
  background-position: 0px -335px;
  width: 960px;
  height: 4px;
}