@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('font-awesome.min.css');
@font-face {
    font-family: 'Antropos';
    src: url('../fonts/antrf___.eot');
    src: url('../fonts/antrf___.eot?#iefix') format('embedded-opentype'),
         url('../fonts/antrf___.woff') format('woff'),
         url('../fonts/antrf___.ttf') format('truetype'),
         url('../fonts/antrf___.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-weight:400;
	font-size: 18px;
	color:#333;
	background: #FFFFE0;
	text-rendering: optimizeLegibility;
}
b,
strong {
	font-weight:700;
}
#wrapper { margin-top:0; }

.margin-bottom-20 { margin-bottom:20px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-bottom-40 { margin-bottom:40px; }

#content-body {
	
	min-height:300px;
	font-size:16px;
	
}

/*
 * CE-CONTENT FORMATTING
 */

/* LIST */

.ce-bodytext ul li {
  padding: 0 0 5px 20px;
  display: block;
  position: relative;
}
.ce-bodytext ul li:before {
  font-family: 'FontAwesome';
  position: absolute;
  left: 0px;
  top:3px;
  font-size:80%;
}
.ce-bodytext ul li:before {
 content: '\f138';
}

/* IMAGE POSITIONS */
/*
.ce-gallery .ce-media { margin-bottom:10px; }
.ce-textpic.ce-left.ce-above .ce-media,
.ce-textpic.ce-left.ce-below .ce-media { text-align:left; margin-right: 10px; }
.ce-textpic.ce-center.ce-above .ce-media,
.ce-textpic.ce-center.ce-below .ce-media { text-align:center; }
.ce-textpic.ce-right.ce-above .ce-media,
.ce-textpic.ce-right.ce-below .ce-media { text-align:right; margin-left: 10px; }

.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-media { float:left; margin-right: 10px; }
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-media { float:right; margin-left: 10px; }

.ce-textpic.ce-left.ce-intext .ce-media { float:left; margin-right: 10px; }
.ce-textpic.ce-right.ce-intext .ce-media { float:right; margin-left: 10px; }

.ce-textpic.ce-left.ce-above .ce-gallery figure,
.ce-textpic.ce-left.ce-below .ce-gallery figure{ text-align:left;  margin-right: 10px; }
.ce-textpic.ce-center.ce-above .ce-gallery figure,
.ce-textpic.ce-center.ce-below .ce-gallery figure{ text-align:center; margin-right: 10px; }
.ce-textpic.ce-right.ce-above .ce-gallery figure,
.ce-textpic.ce-right.ce-below .ce-gallery figure { text-align:right; margin-left: 10px; }

.ce-textpic.ce-left.ce-intext .ce-gallery, 
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery figure { float:left; margin-right: 10px; }
.ce-textpic.ce-right.ce-intext .ce-gallery,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery figure { float:right; margin-left: 10px; }

.ce-textpic.ce-left.ce-intext .ce-gallery figure { float:left; margin:0 10px 0 0; }
.ce-textpic.ce-right.ce-intext .ce-gallery figure { float:right; margin:0 0 0 10px; }

.ce-textpic .ce-gallery .ce-row { margin-bottom:10px; display: table; }
.ce-textpic .ce-above .ce-bodytext { margin-bottom:5px; }
.ce-textpic .ce-below .ce-bodytext { margin-top:5px; }
.ce-textpic.ce-left.ce-intext .ce-bodytext p,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext p { margin-left:5px; }
.ce-textpic.ce-right.ce-intext .ce-bodytext p,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext p { margin-right:5px; }

.ce-textpic.ce-center .ce-gallery .ce-row .ce-column img { margin-right:10px; }

.ce-textpic.ce-center .ce-gallery .ce-inner .ce-row{
	display:table;
	margin:0 auto;
}
.ce-gallery.float-columns .ce-row .ce-column {
	float:left;
}
.ce-gallery.float-columns .ce-inner {
	clear: both;
}
.ce-textpic figcaption { font-size:12px; }
*/

/* CE UPLOADS 
ul.ce-uploads li {
	padding: 0 0 5px 20px;
	display: block;
	position: relative;
}
ul.ce-uploads li:before {
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	top:3px;
	font-size:80%;
}
ul.ce-uploads li:before {
	content: '\f016';
}*/
ul.ce-uploads img.ce-uploads-extension { float:left; margin:3px 6px 0 0; }
ul.ce-uploads li span.ce-uploads-filesize { margin-left:6px; }
ul.ce-uploads li span.ce-uploads-description { display:block; }
ul.ce-uploads li span.ce-uploads-description-inc-ext { display:block; margin-left:24px; }

/* csc-mailform */
div.csc-mailform legend {
	color: inherit;
	margin-left: 0;
}
div.csc-mailform fieldset ol {
	padding: 0;
}
div.csc-mailform legend {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: none;
	border-image: none;
	border-style: none none solid;
	border-width: 0;
	color: inherit;
	display: block;
	font-size: 21px;
	line-height: inherit;
	margin-bottom: 20px;
	padding: 0;
	width: 100%;
}
div.csc-mailform fieldset li {
	list-style: outside none none;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0; 
}
div.csc-mailform label em, div.csc-mailform legend em {
	color: #777;
	display: inline-block;
	font-size:12px;
	font-style: normal;
	text-transform:none;
	font-family:Arial;
}
div.csc-mailform .form-control.max-width {
	width:auto;
}
/* FLOATS */
.float-left { float:left }
.float-right { float:right; }

/* PADDINGS */
.padding-20 { padding:20px; }
.padding-right-20 { padding-right:20px; }
.padding-left-20 { padding-right:20px; }

/*
 * BUTTONS / LINKS / FORMS
 */

.btn { text-transform:uppercase; }
.btn.btn-default { border-radius:3px; }
.btn-default {
	background-color: #01286D;
	border-color: #E8EBF2;
	color: #fff;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
	background-color: #E8EBF2;
	border-color: #01286D;
	color: #01286D;
}
.btn.btn-primary { border-radius:3px; }
.btn-primary {
	background-color: #D7D0B7;
	border-color: #9B8744;
	color: #7F6200;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
	background-color: #9B8744;
	border-color: #D7D0B7;
	color: #fff;
}

a.internal-link:before,
a.internal-link-new-window:before  {
	display: inline-block;
	font-family: FontAwesome;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-rendering: auto;
	padding-left: 3px;
	padding-right:3px;
}
a.internal-link:before{
	content:"";
}
a.internal-link-new-window:before {
	content:"";
}
a.external-link:before,
a.external-link-new-window:before  {
	display: inline-block;
	font-family: FontAwesome;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-rendering: auto;
	padding-left: 3px;
	padding-right:3px;
}
a.external-link:before{
	content:"";
}
a.external-link-new-window:before {
	content:"";
}
.form-control:focus {
	border-color: #9B8744;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(155, 135, 68, 0.6);
	outline: 0 none;
}

/*
 * ALIGNMENTS
 */
p.align-center {
	text-align:center;
}
p.align-right {
	text-align:right;
}
p.align-left {
	text-align:left;
}
p.align-justify {
	text-align:justify;
}

/*
 * WALLPAPER
 */
.wallpaper,
.wallpaper .wallpaper-container,
.wallpaper .wallpaper-media {
	-webkit-transition: none !important;
	        transition: none !important;
}

.wallpaper { overflow: hidden; position: relative; }
.wallpaper .wallpaper-container { height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -999; }

.wallpaper .wallpaper-media { left: 0; opacity: 0; position: absolute; top: 0; }
.wallpaper .wallpaper-media.animated {
 	-webkit-transition: opacity 0.5s linear !important;
	        transition: opacity 0.5s linear !important;
}

.wallpaper .wallpaper-media img,
.wallpaper .wallpaper-media video,
.wallpaper .wallpaper-media iframe { display: block; height: 100%; width: 100%; }

.wallpaper .wallpaper-embed.ready:after { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -999; }
.wallpaper .wallpaper-embed.ready iframe { /* pointer-events: none; - safari doesn't like this :/ */ z-index: 0; }

.wallpaper .wallpaper-media.native { background-position: center; background-size: cover; height: 100%; width: 100%;  background-attachment: fixed; }
.wallpaper .wallpaper-media.native img { display: none; }

.wallpaper .wallpaper-media.fixed { background-position: center; background-attachment: fixed; height: 100%; width: 100%; }
.wallpaper .wallpaper-media.fixed img { display: none; }

/*
 * SECTIONS
 */

section.mediasection {
	margin:0; padding:50px 0 50px 0;
	border-top:10px solid #fff;
}
section.mediasection:first-of-type {
	border-top:0;
}
section.mediasection .sectionHeading {
	margin-top:-50px;
}
section.mediasection .sectionHeading h2 {
	color:#fff;
	font-size:48px;
}
section.mediasection .image-copyright {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  bottom: 10px;
  display: inline-block;
  padding: 5px;
  position: absolute;
  right: 50px;
}
section.mediasection .image-copyright p {
    color: #000000;
    font-size: 1em;
    line-height: 14px;
    margin: 0;
}
section.mediasection .image-copyright p a {
	color: #000000;
	text-decoration:none;
}
section.mediasection .image-copyright p a:focus,
section.mediasection .image-copyright p a:active,
section.mediasection .image-copyright p a:hover {
	color: #000000;
	text-decoration:underline;	
}

/*
 * NAVBAR
 */
.navbar.navbar-default { height:60px; border:0; -webkit-transition: all 0.9s ease; transition: all 0.9s ease; color:#fff; display:block; }
.navbar.navbar-default .navbar-brand {
	color: #fff;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:24px;
	padding: 0;
	margin-top:-25px;
	width:415px;
	height:110px;
	background:url('/fileadmin/template/assets/img/darzau-getreizuechtungsforschung-logo2.png') center top no-repeat;
}
.navbar.navbar-default.navbar-fixed-top { min-height:60px; }
.navbar.navbar-default.navbar-fixed-top .navbar-brand {
	height:60px;
	margin-top:0;
	background-position: left -110px;
	width:210px;
} 
.navbar.navbar-default .navbar-brand img {
	float:left; 
}
.navbar.navbar-default a.navbar-brand { content:''; }

.navbar.navbar-default  {
	background-color:rgba(84,154,188,0.8);
}
.navbar.navbar-default.navbar-fixed-top {
	background-color:#549ABC;
}
.navbar {
	border-radius: 0;
	margin-bottom: 0;
}
.navbar-right {
	margin-right: 0;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}

/*
 * FACTED SEARCH HEADER FORM
 */
.container-fluid.header-container .form-group {
	margin-bottom: 0;
}
.container-fluid.header-container form .facted-search-btn {
	background-color: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.8);
	line-height: 22px;
	padding: 0 6px;
	color:#65A3C4;
}
.container-fluid.header-container form.facted-search-form .facted-search-text {
	height: 24px;
	line-height: 22px;
	padding: 0 6px;
	font-size: 13px;
	background-color: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.8);
	width:auto;
	display:inline;
	color:#65A3C4;
}
.container-fluid.header-container form.facted-search-form .form-control::-moz-placeholder {
	color: #65A3C4;
	opacity: 1;
}
.container-fluid.header-container form.facted-search-form .form-control:focus {
	border-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.6);
	outline: 0 none;
}


/*
 * LANGUAGE MENU
 */

#header .dropdown-menu.language-menu a { color:#65A3C4; }
.btn-language-menu {
	width:24px;
	height:24px;
	background-color: transparent;
	border-color: transparent;
	color: #fff;
}
.dropdown-menu.dropdown-menu-right.language-menu {
	padding: 6px 12px 0px 12px;
}
.dropdown-menu.language-menu > li { line-height: 32px; height:32px; margin-bottom:6px; }
.dropdown-menu.language-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 32px;
    padding: 0 6px;
}
.btn-language-menu.current-lang-flag-,
.btn-language-menu.current-lang-flag-0 { background:url('../img/flag-de.png') center center no-repeat; }
.btn-language-menu.current-lang-flag-1 { background:url('../img/flag-en.png') center center no-repeat; }
#header .dropdown-menu.language-menu > .active > a, #header .dropdown-menu.language-menu > .active > a:focus, #header .dropdown-menu.language-menu > .active > a:hover, 
.dropdown-menu.language-menu > .active > a, .dropdown-menu.language-menu > .active > a:focus, .dropdown-menu.language-menu > .active > a:hover {
  background-color:#65A3C4;
  border-radius:0;
  color:#fff;
}
.dropdown-menu.language-menu li.lang-en { background:url('../img/flag-en.png') left top no-repeat; padding-left:30px; }
.dropdown-menu.language-menu li.lang-de { background:url('../img/flag-de.png') left center no-repeat; padding-left:30px; }
.dropdown-menu.language-menu > li.not-available {
	color:#666;
    line-height: 32px;
    padding-left:36px;
}
.dropdown-menu.language-menu > .not-available, .dropdown-menu.language-menu > .not-available:focus, .dropdown-menu.language-menu > .not-available:hover {
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

/*
 * BRAND
 */

.brand-gl {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	word-spacing:-2px;
}


/*
 * HEADER
 */

#header { padding:20px 0 20px 0; }
#header h1, #header h2, #header h3, #header h4, #header h5 { font-size: 0.9em; margin:0; padding:0; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }

#header .col-quick-icons { text-align:right; }
#header.small-header,
#header.fat-header {
	min-height: 500px;
	/*
	background: rgb(41,128,185);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5ODBiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDlhYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(41,128,185,1) 0%, rgba(84,154,188,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(41,128,185,1) 0%,rgba(84,154,188,1) 100%);
	background: linear-gradient(to bottom,  rgba(41,128,185,1) 0%,rgba(84,154,188,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2980b9', endColorstr='#549abc',GradientType=0 );
	*/
}
#header.small-header { min-height:155px; height:155px; }
#header .header-container {
	margin-bottom:30px;
	color:#fff;
}
#header .header-container a { color:#fff; }

/*
 * FOOTER
 */

footer {
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	background: #ccc;
	padding-top: 20px;
	background: url('/fileadmin/template/assets/img/footer-pattern2.png') bottom repeat-x, rgb(84,154,188);
	background: url('/fileadmin/template/assets/img/footer-pattern2.png') center repeat-x, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0OWFiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTgwYjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: url('/fileadmin/template/assets/img/footer-pattern2.png') bottom repeat-x, -moz-linear-gradient(top,  rgba(84,154,188,1) 0%, rgba(41,128,185,1) 100%);
	background: url('/fileadmin/template/assets/img/footer-pattern2.png') bottom repeat-x, -webkit-linear-gradient(top,  rgba(84,154,188,1) 0%,rgba(41,128,185,1) 100%);
	background: url('/fileadmin/template/assets/img/footer-pattern2.png') bottom repeat-x, linear-gradient(to bottom,  rgba(84,154,188,1) 0%,rgba(41,128,185,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#549abc', endColorstr='#2980b9',GradientType=0 );
	
}
footer a:active, footer a:hover, footer a { color:#fff; }
footer section.mediasection {
  padding: 20px 0;
}
.copyrights p { font-size:13px; }

/*
 * HEADLINES
 */
.headline {
	margin-top:10px;
	margin-bottom:10px;
}
.sub-headline.left,
.headline.left { text-align:left; }
.sub-headline.center,
.headline.center { text-align:center; }
.sub-headline.right,
.headline.right { text-align:right; }

/*
 * QUICK ICONS
 */
.quick-icons a { color:#fff; text-decoration:none; }
.quick-icons a:hover,
.quick-icons a:focus { color:#fff; text-decoration:none; }
.quick-icons a,
.quick-icons i.fa {
	margin:0 20px 0 0;
}
.quick-icons a:last-child,
.quick-icons i.fa:last-child { margin:0; }

/*
 * FA
 */
.fa-2 {
  font-size: 2em;
}
.fa-3 {
  font-size: 4em;
}
.fa-4 {
  font-size: 7em;
}
.fa-5 {
  font-size: 12em;
}
.fa-6 {
    font-size: 20em;
}

/*
 * VERTICAL CENTER ELEMENTS
 */

.vertical-center {
  height:100%;
  width:100%;
  text-align: center;  /* align the inline(-block) elements horizontally */
}

.vertical-center:before {    /* create a full-height inline block pseudo=element */
  content: ' ';
  display: inline-block;
  vertical-align: middle;  /* vertical alignment of the inline element */
  height: 100%;
}

.vertical-center > .container {
  max-width: 100%;
  display: inline-block;
  text-align:left;
}

@media (max-width: 768px) {
  .vertical-center:before {
    height: auto;
    /* display: none; */
  }
}

/*
 * NAVIGATION
 */
#main-menu {
	padding-top:17px;
}
#sidebar {
background: rgb(44,62,80);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMmMzZTUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI5ODBiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  rgba(44,62,80,1) 0%, rgba(41,128,185,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(44,62,80,1) 0%,rgba(41,128,185,1) 100%);
background: linear-gradient(135deg,  rgba(44,62,80,1) 0%,rgba(41,128,185,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3e50', endColorstr='#2980b9',GradientType=1 );

	position:relative;
	width: 300px;
	height: 100%;
	/*padding-top:30px;*/
}
#navigation-toggle {
	cursor: pointer;
	font-size: 1.4em;
	line-height: 1em;
}
#navigation-toggle span.theme { margin-right:10px; text-transform:uppercase; }
#navigation-toggle .toggle-icon { -webkit-transition: all 0.9s ease; transition: all 0.9s ease; }
#navigation-toggle.toogle-active i { opacity:0.5; }
#navigation-toggle.toogle-active { opacity:0.5; }
#sidebar .quick-icons { text-align:right; color:#fff; padding:0px; }
#sidebar .quick-icons i.fa {
	margin:0 20px 0 0;
}
#sidebar .quick-icons i.fa:last-child { margin:0; }
#sidebar .bottom-content {
	color:#fff;
	font-size:14px;
	padding:15px;
}
#sidebar .bottom-content .quick-icons { font-size:18px; }
#sidebar .bottom-content a {
	color:#fff;
}
#quick-question h3 {
  font-size: 22px;
  text-shadow:1px 1px 1px #000;
  padding-bottom:8px;	
  border-bottom:1px solid #000;
  color:#888 !important;
  margin-bottom:0;
}
#sidebar .nano-header {
	padding:15px;
	color:#fff;
}
#sidebar .nano-header h3 {
	font-size: 1em;
}
#sidebar .nano-header #navbar-close:hover{
	cursor: pointer;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
}
#sidebar .profile {
	background:#333;
	z-index:3;
	padding:6px;
	border-top:1px solid #333;
}
#sidebar .profile h4 {
	color:#fff;
	text-shadow:1px 1px 1px #000;	
}
#sidebar.sidenav {
	/*padding-top: 30px;*/
}
#sidebar.sidenav-fixed-left {
  position: fixed;
  top: 0;
  z-index: 1999;
  left: 0;
}
#sidebar.sidenav-fixed-left.start-hidden {
	margin-left:-300px;
}
#sidebar.sidenav-fixed-right {
	position: fixed;
	top: 0;
	z-index: 1999;
	right: 0;
}
#sidebar.sidenav-fixed-right.start-hidden {
	margin-right:-300px;
}
#sidebar .list-group {
  margin-bottom: 0;
}
#sidebar .list-group i.fa {
	width:16px;
	line-height: 16px;
	text-align:center;
}
#sidebar .list-group.level-2 a i.fa {
	margin-left:15px;
}
#sidebar .list-group .list-group-item {
  background: transparent;
  border: none;
  border-top: 1px solid #555;
  border-bottom: 1px solid #111;
  margin-bottom: 0;
  font-weight:400;
  font-size: 18px;
  color: #ccc;
  text-shadow: 1px 1px 1px #000;
}
#sidebar .list-group-item:first-child,
#sidebar .list-group-item:last-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#sidebar .nano-header #navbar-close,
#sidebar .list-group .list-group-item .drop {
  float: right;
  margin-right: 15px;
}
#sidebar .list-group .list-group-item.active,
#sidebar .list-group .list-group-item.active:hover,
#sidebar .list-group .list-group-item.active:active {
	background: #549ABC;
	color: #ffffff;
}
#sidebar .list-group .list-group-item:hover,
#sidebar .list-group .list-group-item.open {
	background: #222;
	color: #eeeeee;
	border-left: 3px solid #CEC5A6;
	box-sizing: border-box;
	padding-left: 12px;
}
#sidebar .list-group.sub {
	background: #222;
}
#sidebar .list-group.sub .list-group-item.active {
	background: #222; /* SECOND LEVEL */
}
#sidebar .list-group.level-2 .list-group-item.active {
	background: #222; /* THIRD LEVEL */
}
#sidebar .list-group.sub .badge{
	font-weight:400;
	text-shadow:none;
	text-transform:uppercase;
	font-size:11px;
}
#sidebar .list-group.sub .list-group-item {
  	/*font-size: 16px;*/
  	border: none;
  	padding: 10px 15px;
  	border-top: none;
  	border-bottom: 1px solid #444;
}
#sidebar .list-group.sub .list-group-item:first-child {
	border-top: 1px solid #444;
}
#sidebar .list-group-item {
  background-color: #fff;
  border: 1px solid #ddd;
  display: block;
  margin-bottom: -1px;
  padding: 16px 15px;
  position: relative;
}

/* SCROLL SIDEBAR */
.nano {
	position 	: relative;
	width		: 300px;
	height   	: 100%;
	overflow 	: hidden;
}
.nano .content {
	position      : absolute;
	overflow      : scroll;
	overflow-x    : hidden;
	top           : 0;
	right         : 0;
	bottom        : 0;
	left          : 0;
	padding-bottom:60px;
}
.nano .content:focus {
	outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
	visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
	visibility: visible;
}
.nano > .pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
  z-index:2222;
}
.nano > .pane > .slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
  z-index:2222;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
	
/*
 * END NAVIGATION
 */

/*
 * PARALLAX
 */

.parallaxing,  .parallax-fixed {
  position: relative;
  background-attachment: fixed;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 0 0;
  /* to prevent empy bg area*/
  background-repeat: repeat-y;
  overflow: hidden;
}

/*
 * SPACER
 */
.spacer.small { height:25px; min-height:25px; }
.spacer.medium { height:50px; min-height:50px; }
.spacer.large { height:75px; min-height:75px }


/*
 * LAYOUT CONTAINER DEFAULTS
 */
.align-center { text-align:center; }
.no-margins-paddings { margin:0; padding:0; }
.speacial-box-layout-1 {
	background: rgb(215,208,183);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDBiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZhZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(215,208,183,1) 0%, rgba(251,250,247,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(215,208,183,1) 0%,rgba(251,250,247,1) 100%);
	background: linear-gradient(to bottom,  rgba(215,208,183,1) 0%,rgba(251,250,247,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d0b7', endColorstr='#fbfaf7',GradientType=0 );
	border:1px solid rgb(155,135,68);
	font-size:14px;
	border-radius:5px;
}
.speacial-box-layout-1 a.btn { right:0; }
.speacial-box-layout-1 > div { margin:10px; }
.speacial-box-layout-1 h1 { font-size:20px; font-weight:700; text-transform:uppercase; }
.speacial-box-layout-1 h2 { font-size:18px; font-weight:700; text-transform:uppercase; }
.speacial-box-layout-1 h3 { font-size:16px; font-weight:700; text-transform:uppercase; }
.speacial-box-layout-1 h4 { font-size:14px; font-weight:700; text-transform:uppercase; }
.speacial-box-layout-1 h5 { font-size:14px; font-weight:700; text-transform:uppercase; }
@media (max-width: 768px) {
	.speacial-box-layout-1 {
		margin-bottom: 10px;
	}
}
.ce-gallery img,
.img-responsive-gallery img {
	border-radius:5px;
}
footer .ce-gallery img,
footer .img-responsive-gallery img {
	border-radius:0;
}

/*
 * CE MENUS
 */
.ce-menu.ce-menu-1 {
	padding-left:0;
}
ul.ce-menu.ce-menu-1 li {
  padding: 0 0 5px 20px;
  display: block;
  position: relative;
}
ul.ce-menu.ce-menu-1 li:before {
  font-family: 'FontAwesome';
  position: absolute;
  left: 0px;
  top:3px;
  font-size:80%;
}
ul.ce-menu.ce-menu-1 li:before {
 content: '\f0a9';
}

/*
 * ICONS
 */

a.icon-class i {
	-webkit-transition: transform 0.2s ease-in; transition: transform 0.2s ease-in;
}
a.icon-class:hover i {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
}

/*
 * CAROUSEL
 */
.carousel-inner .item img {
	width:100%;
	height:100%;
}
.item .thumbnail {
	margin-bottom:0;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-controls {
	display:block;
}
.carousel-control {
	background:	#ddd;
	color:#999;
	padding: 4px 0;
	width:26px;
	top:auto;	
	left:auto;
	bottom:0;
	opacity:1;
	text-shadow:none;
}
.carousel-control.right {
	right:10px;
}

.carousel-control.left {
	right: 40px;
}

/*
 * TESTIMONIAL CAROUSEL (LAYOUT1)
 */

.testimonial-layout1 blockquote {
	border-left: 0px;
	font-size: 0.9em;
	margin: 0 0 20px;
	padding: 10px 20px;
	color:#fff;
	text-align:left;
}
.testimonial-layout1 blockquote .carousel-inner-container {
	width:75%;
	margin:0 auto;
}
.testimonial-layout1 blockquote h3 span,
.testimonial-layout1 blockquote .carousel-inner-container .row {
	background:rgba(1, 40, 109,0.8);
}
.testimonial-layout1 .testimonial-image {
	margin:10px 0 10px 0;
	border:0;
}
#header .testimonial-layout1 blockquote h3,
.testimonial-layout1 blockquote h3 {
	font-size:1.6em;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:20px;
	text-align:center;
}
.testimonial-layout1 blockquote a {
	color:#fff;
}
.testimonial-layout1 blockquote a:hover {
	text-decoration:underline;
	color:#fff;
} 
.testimonial-layout1 blockquote h3 span {
	padding:5px 25px 5px 25px;
}
.testimonial-layout1 blockquote p {
	padding:15px 15px 15px 0;
}
.testimonial-layout1 .carousel-control {
	background:rgba(1, 40, 109,0.8);
	color:#fff;
	padding: 4px 0;
	width:46px;
	font-size:26px;
	line-height:42px;
	font-weight:700;
	top:auto;	
	left:auto;
	bottom:-40px;
	text-shadow:none;
	border:1px solid rgba(255,255,255,0.8);
}
.testimonial-layout1 .carousel-control.right {
	left:50%;
	margin:10px 0 0 5px;
}

.testimonial-layout1 .carousel-control.left {
	right:50%;
	margin:10px 5px 0 0;
}
.testimonial-layout1 .carousel-control:hover {
	color: rgb(1, 40, 109);
	background:rgba(255,255,255,0.8);
	opacity: 0.9;
	outline: 0 none;
	text-decoration: none;
}


.member {
  position: relative;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  margin-bottom:80px;
}

.member-wrapper {
  -webkit-transition: -webkit-transform 0.75s, -webkit-box-shadow 1s;
  -moz-transition: -moz-transform 0.75s, -moz-box-shadow 1s;
  -o-transition: -o-transform 0.75s, -o-box-shadow 1s;
  transition: transform 0.75s, box-shadow 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

.left .member-wrapper {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

.right .member-wrapper {
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.front,
.back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  width:100%;
  height:100%;
}

.back {
  position: absolute;
  left:0;
  top:0;
  background: #fff;
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );
  padding:20px;
}


/*
 * MEMBER-BOX
 */

.member:hover .member-wrapper {
  box-shadow:0 4px 18px rgba(0,0,0, 0.16);
  -webkit-box-shadow:0 4px 18px rgba(0,0,0, 0.16);
}

.member.left:hover .member-wrapper {
  -webkit-transform: translateX( -100% ) rotateY( -180deg );
  -moz-transform: translateX( -100% ) rotateY( -180deg );
  -o-transform: translateX( -100% ) rotateY( -180deg );
  transform: translateX( -100% ) rotateY( -180deg );
  
}

.member.right:hover .member-wrapper {
  -webkit-transform: translateX( 100% ) rotateY( 180deg );
  -moz-transform: translateX( 100% ) rotateY( 180deg );
  -o-transform: translateX( 100% ) rotateY( 180deg );
  transform: translateX( 100% ) rotateY( 180deg );
}

/* ie9 fix */
.ie9 .back {
  visibility:hidden;
}
.ie9 .member:hover .back {
  visibility:visible;
}

/* fix ie 10+ via media */
@media screen and (min-width:0\0) {

  .member.left:hover .member-wrapper .back,
  .member.right:hover .member-wrapper .back {
    transform: rotateY(-180deg);
    backface-visibility: visible;
  }

}

.member h2 {
  font-size:1.9em;
  margin-bottom:7px;
  color:#4e4e4e;
}

.member p {
  font-size:1.15em;
  margin-bottom:15px;
  color:#4e4e4e;
}

.section-content .member hr{
  border-top-color:rgba(255, 255, 255, 0.72);
  border-bottom:1px solid rgba(0,0,0, 0.08);
}

.member-second {
  position: relative;
}

.member-second:before,
.member-second:after {
  content:'';
  position: absolute;
  width:0;
  height: 0;
  border-style: solid;
  z-index:2;
  transition:border 0.4s ease;
  -webkit-transition:border 0.4s ease;
}

.member:before {
  top:0;
  right:0;
  border-width: 0 80px 80px 0;
  border-color: transparent #fff transparent transparent;
}

.member:after {
  bottom:0;
  left:0;
  border-width: 80px 0 0 80px;
  border-color: transparent transparent transparent #fff;
}

.greybg .member:before {
  border-color: transparent #f4f4f4 transparent transparent;
}

.greybg .member:after {
  border-color: transparent transparent transparent #f4f4f4;
}

.member-overlay {
  position: absolute;
  z-index:1;
  left:0;
  top:0;
  width: 100%;
  height:100%;
  background: rgba(255,255,255, 0.8);
  padding:20px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  visibility: hidden;
  opacity:0;
}

.member-second figure {
  overflow:hidden;
}

.member-second figure img {
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

.member-overlay hr {
  border-top-color:#bbb;
  margin-top:1.2em;
  margin-bottom:1.3em;
}

.member-overlay .social-icons-container li a {
  color:#999;
  border-color:#999;
}

.member.member-second h2 {
  font-size:1.6em;
  margin-bottom:12px;
}

.member.member-second p {
  font-size:1.1em;
  margin-bottom:5px;
}

.member.member-second:hover .member-overlay {
  visibility: visible;
  opacity:1;
}

.member.member-second:hover figure img {
  transform:scale(1.12) rotate(3deg);
  -webkit-transform:scale(1.18) rotate(3deg);
  -ms-transform:scale(1.12) rotate(3deg);
}

.member.member-second:hover:before {
  border-width: 0 40px 40px 0;
}

.member.member-second:hover:after {
  border-width: 40px 0 0 40px;
}


/*  
  to prevent animation overflow wrapper with this class 
  and added some top padding to make bouncy animation smooth
*/
.img-container {
  overflow: hidden;
  padding-top:50px;
}

.img-container.small {
  padding-top:40px;
}

/*
 * ROTATIONS
 */
.text-rotation-270 {
	width:100%;
	height:100%;
	-ms-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-o-transform:rotate(270deg);
}
.text-rotation-90 {
	width:100%;
	height:100%;
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}

/*
 * SLIDE CAPTION
 */

.screenshot {
  position: relative;
  overflow: hidden;
  border:1px solid #01286D;
}

.screenshot > * {
  display: block;
}

.screenshot.inline-element {
	display:inline-block;
	margin-bottom:10px;
}
.screenshot.inline-element:nth-child(even) {
	margin-left:10px;
	margin-right:10px;
}
.screenshot.inline-element.last-element{
	margin-right:0px;
	clear:both;
}
@media (max-width: 768px) {
	.screenshot.inline-element:nth-child(even){
		margin-left:0;
		margin-right:0;
	}
}
.screenshot-caption {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(1, 40, 109, 0.8);
  color: #ffffff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.screenshot-caption .screenshot-text { padding:10px; }
.screenshot-caption .screenshot-title h3 { color: #fff; font-weight:700; text-transform:uppercase; text-align:center; }
.screenshot-caption a {
	display: table;
	margin: 5px auto;
  	color:#fff;
	color:rgba(255,255,255,0.5);
}
.screenshot.small-size .screenshot-caption .screenshot-text { padding:5px; font-size:13px; line-height: 16px; }
.screenshot.small-size .screenshot-caption .screenshot-title h3 { color: #fff; font-weight:400; text-transform:uppercase; text-align:center; font-size:13px; padding:5px; margin:0; }

.screenshot-caption > * {
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  transition: opacity 1s ease;
  opacity: 0;
}
.screenshot-caption.show-title .screenshot-title {
	opacity:1;
	width:100%;
}
.screenshot-caption_top { top: -100%;  left: 0; }
.screenshot-caption_top.show-title { top:-85%; }
.screenshot-caption_top.show-title .screenshot-title { bottom:0; position: absolute; }
.screenshot-caption_topRight { top: -100%; left: 100%; }
.screenshot-caption_right { top: 0; left: 100%; }
.screenshot-caption_bottomRight { top: 100%; left: 100%; }
.screenshot-caption_bottom { top: 100%; left: 0; }
.screenshot-caption_bottom.show-title { top:85%; }
.screenshot-caption_bottom.show-title .screenshot-title { top:0; position: relative; display:block; }
.screenshot-caption_bottom.show-title .screenshot-text { margin-top:0; }
.screenshot-caption_bottomLeft { top: 100%; left: -100%; }
.screenshot-caption_left { top: 0; left: -100%; }
.screenshot-caption_topLeft { top: -100%; left: -100%; }

.screenshot:hover .screenshot-caption {
  top: 0;
  left: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.screenshot:hover .screenshot-caption > * {
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  transition: opacity 1s ease;
  opacity: 1;
}