@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic,300italic,300,700,800,800italic,700italic);

body, input, button, select, textarea, .navbar-search .search-query { 
	font-family: proxima-nova, Arial, sans-serif !important;
}

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

/* To hide anyting */

.hide {
	display:none;
}

/* Basic heading tags */

h1, h2, h4 { font-weight: 600; color: #000000 }
h3 { font-weight: 400; color: #000000 }

/* Headline, Lead text should be styled by this.  */

.lead {font-weight:400; color: #8A8A8A}
.lead strong, .lead b { font-weight:400; color: #333333}

/* Popup */
.ui-dialog {
    z-index: 9999 !important;
}

.ui-dialog-titlebar-close {
    height: 21px;
}

.ui-dialog-titlebar-close:after {
    content: 'X';
}

/* 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: #000000;
    line-height: 11px;
    font-size: 13px;
}

.gsumbrella a { color: #ededed }
.gsumbrella a:hover { color: #ffffff }

.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: #ffffff;
	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, .header h1 {
	font-weight: 600;
	display: inline-block;
	margin: 17px 0 0; 
	font-size:31.5px;
	color: #333333;
}

.sectionTitle h1,
.sectionTitle h2,
.sectionTitle h3 {
	display: inline-block;
}

.sectionTitle .nav_level3 {
    margin: 20px 0 0;
}

/* 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;
    padding-bottom: 30px;
}

.row {
	position: relative;
}



.sep_down, .sep_up, .sep_up_thin {	
	width: 120%;
	position: absolute;
	left: -9%;
	z-index: -1;
	text-align: center
}

.sep_up {	
	margin-top: -104px;
}

.sep_up_thin {
    margin-top: -52px;
}

.sep_line {
	border-top: 1px solid #dfe0e1;
	height: 1px;
}

.alert .sep_down {
	margin-top: 70px;
}

.play {
	background: url(images/video_play.png) center center no-repeat scroll rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 100%;
}

.play:hover {
	background: url(images/video_play.png) center center no-repeat transparent;
	width: 100%;
	height: 100%;
}

	/* CAROUSEL */

	.carousel-indicators {
		top:auto;
		bottom: 15px;
	}

	.carousel-indicators li {
	  width: 12px;
	  height: 12px;
	  background-color: #d9d9d9;
	  background-color: rgba(217, 217, 217, 1);
	  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;
	}

	/* WIDEBANNER */

	.widebanner {
		width: 100%;
	    left: 0;
        position: absolute;
		background: url() top center no-repeat transparent;
	}

	/* BUTTONS */
		
	.btn {
		 /*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;
	}

	.oneline { margin-top: 24px; }

	.oneline b {
		font-weight: 700;
		padding-top: 4px;
	}

	/* COLUMNS */
	
	.h240 { height: 240px; }
	.h190 { height: 190px; }
	
	.gra_bg {
		background: url(../img/thumbnail_back.png) center center no-repeat transparent;
		background-size: 100% 100%;
	}
	
	.c4_linesbg {
		background: url(../img/span3_back.png) 10px top repeat-y transparent;
	}

	.c3_linesbg {
		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;
	}

	
	/* NEWS */

	.news {
		/*font-size: 16px;
		line-height: 1.5;*/
		margin-bottom: 30px;
	}

	.published {
		margin-top: -15px;
		margin-bottom: 15px;
		color: #aaaaaa
	}

	.news h3 {
		margin-top: 0;
		padding-top: 30px;
		line-height: 30px;
	}

	.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 #ffffff;
	  vertical-align: top;
	}
	.breadcrumb > li > .divider {
	  padding: 0 5px;
	}

	.breadcrumb > li > a {
	  display: inline-block;
	  padding-top: 7px;
	}

	.breadcrumb .active {
	  padding-top: 7px;
	}

	/* DLIST */

	.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 #ffffff;
		list-style: none;
		margin:0;
	}

	.footer_links li:first-child {
		margin-bottom: 5px;
	}

	.footer_links li > a {
		color: #777777;
	}

	.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: #ffffff;
		-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 #ffffff;
		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}


	/* COPYRIGHT */

	.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;
	}
}




/********************************************/
/************ MINIMAL FACELIFT **************/
/********************************************/

header .form-inline input[type="text"]:focus {
	outline: none;
	box-shadow: none;
}

header ul.inline>li {
	padding: 0;
}

header ul li:first-of-type {
	padding-right: 25px;
}

header ul li svg {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

#maincontent h1 {
	font-size: 30px;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 50px;
}

.gsViewer, 
#profilePicture, 
#libraryPicture {
	height: 500px;
}

#alternativeImages {
	margin-bottom: 30px;
	padding-top: 0 !important;
}

#alternativeImages [data-function="3D"] {
	background: none;
}

#alternativeImages li {
	border-bottom: 2px solid transparent;
	margin: 0;
	padding-bottom: 15px;
	width: 25%;
}

#alternativeImages li.active {
	border-color: #006cff;
}

.detailList b {
	font-weight: 600;
	display: block;
}

.detailList li {
	padding-bottom: 10px;
}

.right-side {
	padding-left: 45px;
	margin-bottom: 0;
}

.i-blank svg {
	display: inline-block;
	margin-left: 5px;
}

#LCFContent h3 {
	font-size: 20px;
}

.tag {
	display: inline-block;
	background: #e5e6ea;
	color: #333;
	border-radius: 20px;
	padding: 5px 15px;
	margin-right: 3px;
	margin-bottom: 5px;
	transition: .1s linear;
}

.tag:hover {
	background: #d8d8dd;
	color: #333;
	text-decoration: none;
}

.align-center {
	text-align: center;
}

.component-title {
	position: relative;
}

.social {
	position: absolute;
	right: 0;
	top: 15px;
} 

.social a {
	display: inline-block;
	margin-right: 15px;
}

.social a:hover svg {
	fill: #006cff;
}

.btn-dragndrop {
	background: #fff;
	border: 2px dashed #006cff;
	box-shadow: none;
	color: #006cff;
	display: inline;
	padding: 15px 30px;
	margin: -4px;
	height: auto;
	width: auto;
}

.btn-dragndrop svg {
	position: relative;
	top: 5px;
	left: -5px;
}

.btn-dragndrop:hover {
	border-color: #005ddc;
	color: #005ddc;
}

.form-horizontal .control-group input[type=button],
.downloadButton {
	border: 0;
	background: #006cff;
	border-radius: 2px;
	color: #fff;
	font-weight: 600;
	padding: 15px 30px;
	margin-right: 15px;
	text-shadow: none;
	transition: .2s linear;
}

.form-horizontal .control-group input[type=button]:hover,
.form-horizontal .control-group input[type=button]:focus,
.downloadButton:hover,
.downloadButton:focus {
	background: #005ddc;
	color: #fff;
}

.downloadButton svg {
	position: relative;
	top: 3px;
	left: -5px;
}

#commentsBox .media-list + .buttonGroup {
	margin-left: 55px;
}

#commentsBox h3 {
	margin: 30px 0 0;
	font-size: 22px;
	line-height: 100%;
}

.comments .profilePicture {
	margin: 0;
	height: auto;
	width: auto;
}

.comments .profilePicture img {
	border-radius: 50%;
	height: 40px;
	width: 40px;
	margin-right: 15px;
	overflow: hidden;
}

.comments .media {
	padding: 15px 0;
	margin: 0;
}

textarea.fullbox {
	min-height: 120px;
}

.media-heading {
	font-weight: 600;
	margin: 0;
}

.resultCount {
	margin-right: 5px;
}

.resultItem {
	border-radius: 6px;
}

.resultItem:hover {
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.resultItem h5 {
	font-weight: 400;
	text-transform: capitalize;
	margin: 10px 5px;
}

.resultItem:hover .resultItem-image,
.resultItem .resultItem-image {
	width: auto;
}

.well {
	background: none;
	border: 0;
	box-shadow: none;
}

.well legend {
	border: 0;
	font-size: 24px;
	max-width: 400px;
	margin: 30px auto;
}

.form-horizontal .control-group {
	max-width: 400px;
	margin: 0 auto;
	position: relative;
}

.form-horizontal .control-group svg {
	position: absolute;
	left: 140px;
  top: 17px;
}

.form-horizontal .control-group input,
.form-horizontal .control-group select,
.form-horizontal .control-group textarea {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
}

.form-horizontal .control-group textarea {
	min-height: 120px;
	max-height: 180px;
}

.form-horizontal .control-group p {
	font-size: 13px;
    line-height: 140%;
}

.form-horizontal .control-label b {
	font-weight: 600;
}

.form-wide .control-group .control-label {
	float: none;
	text-align: left;
	width: 100% !important;
	margin-bottom: 2px;
}

.form-wide .control-group .controls {
	float: none;
	margin-left: 0 !important;
	margin-bottom: 15px;
}

.form-horizontal .control-group.upload-button-holder {
	margin-top: 30px;
}

.page-home h3 {
	font-size: 18px;
	font-weight: 600;
}

.page-profile {
	max-width: 400px;
	margin: 0 auto;
}

.page-profile #profilePicture {
	border-radius: 50%;
	height: 128px;
	width: 128px;
	margin: 30px auto 0;
}

#liContact input {
	margin-top: 0;
	margin-right: 5px;
}

.searchResultList li {
	width: 25%;
	margin-left: 0;
	margin-bottom: 100px;
}

footer {
	background: #f6f6f6;
}

footer .row {
	margin: 0 auto;
	width: 940px;
}

footer .copyright {
	padding-bottom: 30px;
}

footer .copyright .row {
	padding: 0;
}

footer .copyright .span6 {
	margin: 0;
	width: 50%;
}

.footer_links {
	padding: 50px 0;
}

.footer_links ul {
	font-size: 13px;
}

.footer_links strong {
	color: #333;
	font-size: 14px;
	font-weight: 600;
}