@import url(//fonts.googleapis.com/css?family=pt+sans:100,400,700,400italic,700italic);

@import url(//fonts.googleapis.com/css?family=roboto+condensed);

/*formulaire EDITION PROFS*/

textarea[name="form[Admin Comment]"] {
  background-color: #FFc;
}
select[name="form[Admin Admitted][]"] {
  background-color: #FFc;
}
input[name="form[Admin Fees]"] {
  background-color: #FFc;
}
select[name="form[Admin Scholarship validation][]"] {
  background-color: #FFc;
}
select[name="form[Admin Admissions][]"] {
  background-color: #FFCCFF;
}
select[name="form[Admin Visa][]"] {
  background-color: #FFCCFF;
}
select[name="form[Admin Visa letter][]"] {
  background-color: #FFCCFF;
}
select[name="form[Admin Student Reply][]"] {
  background-color: #FFCCFF;
}
textarea[name="form[Admin Comment GSS]"] {
  background-color: #FFCCFF;
}
select#formConfirmed {
  background-color: #FFc;
}
select#formAES {
  background-color: #Fcc;
}
/*formulaire*/

.search {
	float: right;

}


/*override bootstrap*/

.row-fluid [class*="span"] {
	min-height: 1px;

}

img.circle  {
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 74px;
	/* Firefox 1-3.6 */
	-moz-border-radius: 74px;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 74px;
	height: 148px;
	width: 148px;
	margin-right: 16px;
}

table.gris {
	background-color: #EAEAEA;
	padding-bottom: 16px!important;
}

img.home {
	padding: 0px!important;
	margin-bottom: -16px!important;
	height: auto;
	width: 100%;
	margin-top: 0px!important;
	margin-right: 0px;
	margin-left: 0px;
}

.home{
	padding: 16px;

}



.social ul {
	padding: 0px;
	margin: 0px;
}
.social li {
	display: inline-block;
	margin-right: 8px;
	list-style-type: none!important;
	background: none!important;
	padding-left: 0px!important;
}
.social img {
	height: 28px;
	width: auto;
}

ul.courses   {
	max-width: 900px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px!important;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px!important;
	padding-left: 0px;
}

.courses li {
	display: block;
	float: left;
	margin-right: 20px;

	line-height: 20px!important;

    }
.courses li[float="left"] + li {
    display:block;
    float:none;
    }
.courses li[float="left"] + li + li{
    display:block;
    float:none;
    }
.courses img  {
	height: 140px;
	width: auto;
	margin-top: 20px;
}
.courses br {
	margin: 0px;
	padding: 0px;
}

@media screen and (max-width: 540px) {
.courses img  {
	height: auto;
	width: 100%;
}
div.home img {
	float: none!important;
	display:block;
}
span.dates {
	float: none!important;
	display: block;
	margin-top: 0px;
	padding-top: 0px;
}
div.home li {
	line-height: 20px!important;
}
}



{

  background-color: #FFc;

}

li.jwts_tabberactive a

/*formulaire*/

textarea[name="form[Comment]"] {

  background-color: #FFc;

}

select[name="form[Admitted][]"] {

  background-color: #FFc;

}

input[name="form[Fees]"] {

  background-color: #FFc;

}

select[name="form[Scholarship validation][]"] {

  background-color: #FFc;

}

select[name="form[Admissions][]"] {

  background-color: #FFCCFF;

}

select[name="form[Visa][]"] {

  background-color: #FFCCFF;

}



select[name="form[Visa letter][]"] {

  background-color: #FFCCFF;

}

select[name="form[Student][]"] {

  background-color: #FFCCFF;

}



textarea[name="form[Comment GSS]"] {

  background-color: #FFCCFF;

}



select#formConfirmed {

  background-color: #FFc;

}



select#formAES {

  background-color: #Fcc;

}





.a-alumni {

  -webkit-border-radius: 6!important;

  -moz-border-radius: 6!important;

  border-radius: 6px!important;

  padding: 4px 12px 4px 12px!important;

  border: solid #CF0063 2px!important;

  text-decoration: none!important;

}



.a-alumni:hover {

  background: #CF0063!important;

  color: #ffffff!important;

  text-decoration: none!important;

}



.a-texte-rose {

  color: #CF0063!important;



}

.a-button {
	color: #FFF!important;
	background-color: #CF0063;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0px;
	text-transform: uppercase;
}

.form-horizontal .controls {

margin-left:0;

}



.dropdown-menu {

margin-top: -1px;

}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus,

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {

background-color: #cf0063;

background-image: none;

}

.dropdown-toggle, .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav>li.dropdown.open.active>a:hover, .nav>li.dropdown.open.active>a:focus {

background-color: #fff !important;

color:#cf0063;

}

.no-margin-left {margin-left: 0!important;}

.page-header {margin:0 0 10px 0; padding: 0 0 10px; border-bottom: 1px dotted #ddd;}

.page-header h1, .page-header h2, .page-header h3 {margin: 0;}

.label-info, .badge-info {background-color: #cf0063;}

span.label-warning {display: block;}

.pagination ul > li > a, .pagination ul > li > span {background-color: transparent;}

.nav > li > a:hover, .nav > li > a:focus {background-color: transparent;}

.alert-info {background-color: #cf0063; border: none;}



body {
	background-color: #fff;
	font-family: PT+Sans;
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
}

#intro a !important {

font-size: 11pt;

}





#topline:after {

  top:auto;

  bottom:-10px;

}

/* Headers */

h1,

h2,

h3,

h4,

h5,

h6{

    color: #555555;

    font-family: 'Arial', sans-serif;

    font-weight: normal;

}



h1{

    font-size: 22px;

    margin-bottom: 15px;

    line-height: 22px;

}

header.nodate h2 {
	font-size: 16px;
	line-height: 24px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



header.nodate p {



}





h2{
font-size: 20px;
line-height: 28px;
padding-top: 0px;
margin-top: 0px;

}

h3{
	font-size: 18px;
	margin-bottom: 0px;
	line-height: 18px;
	font-weight: 400;
	padding-top: 0px;
	margin-top: 0px;
}

h4{

    font-size: 16px;

    margin-bottom: 16px;

}

h5{

    font-size: 14px;

    margin-bottom: 14px;

}

h6{

    font-size: 12px;

    margin-bottom:12px;

}



p, li{

line-height: 26px;

}

* p:last-child{}



blockquote, .blockquote {

  font-family: 'Roboto Condensed', sans-serif;

  background: none repeat scroll 0 0 #F1F1F1;

  border-left: 3px solid #cf0063;

  margin: 20px 0;

  padding: 10px 10px 10px 30px;

  font-size: 20px;

  font-weight: normal;

  color: #cf0063;

}

sup, .sup {

 position: relative;

  font-size: 75%;

  line-height: 0;

  vertical-align: baseline;  

  top: -0.5em;

}

sub, .sub {

   position: relative;

  font-size: 75%;

  line-height: 0;

  vertical-align: baseline;

  bottom: -0.25em;

}



.moduletable_liste ul {

  margin: 0px;

  padding: 0px;

}



.moduletable_liste li {

  list-style-type: none;

}



.moduletable_liste li a {

  border: 1px solid #CCCCCC;

  display: block;

  margin-bottom: 4px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  line-height: 30px;

  padding-top: 2px;

  padding-right: 6px;

  padding-bottom: 2px;

  padding-left: 6px;

}



.moduletable_liste li a:hover {

  background-color: #cf0063;

  color: #FFFFFF;

}



/* Link Styles */

a {

color: #cf0063;

text-decoration: none;

-webkit-transition: all 0.2s linear 0s;

-moz-transition: all 0.2s linear 0s;

-o-transition: all 0.2s linear 0s;

-ms-transition: all 0.2s linear 0s;

transition: all 0.2s linear 0s;

}







a:hover{

text-decoration: none;

color: #343434;

-webkit-transition: all 0.1s linear 0s;

-moz-transition: all 0.1s linear 0s;

-o-transition: all 0.1s linear 0s;

-ms-transition: all 0.1s linear 0s;

transition: all 0.1s linear 0s;

}

a:focus {outline: none; color: #cf0063;text-decoration: none;}



a.theme_btn, .slides a {

background-color: #cf0063;

    background-image: linear-gradient(to bottom, #cf0063, #6d9807);

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cf0063), to(#6D9807));

    background-image: -webkit-linear-gradient(top, #cf0063, #6d9807);

    background-image: -o-linear-gradient(top, #cf0063, #6d9807);

    background-image: linear-gradient(to bottom, #cf0063, #6d9807);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7DA817', endColorstr='#ff6D9807', GradientType=0);

    background-repeat: repeat-x;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

    color: #FFFFFF;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    border-radius: 0;

       border-style: solid;

    border-width: 1px;

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);



  font-size: 17.5px;

  padding: 11px 19px;

    -webkit-transition: all 0.1s linear 0s;

  -moz-transition: all 0.1s linear 0s;

  -o-transition: all 0.1s linear 0s;

  -ms-transition: all 0.1s linear 0s;

  transition: all 0.1s linear 0s;

}



a.theme_btn:hover, .slides a:hover {

  background-color: #cf0063;

  background-position: 0 42px;

  color: #333;

  text-decoration: none;

  text-shadow: none;

  -webkit-transition: background-position 0.1s linear 0s;

  -moz-transition: background-position 0.1s linear 0s;

  -o-transition: background-position 0.1s linear 0s;

  -ms-transition: background-position 0.1s linear 0s;

  transition: background-position 0.1s linear 0s;

}





ul, ol {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15;
}

small {

font-size: 85%;

}

strong {

font-weight: bold;

}

em {

font-style: italic;

}

cite {

font-style: normal;

}

.muted {

color: #999;

}

.italic {font-style: italic;}



.dl-horizontal dt {

float: left;

width: 120px;

clear: left;

text-align: right;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

.dl-horizontal dd {

margin-left: 130px;

}

hr {

margin: 34px 0;

border: 0;

height: 1px;

background: url(https://genevasummerschools.ch/templates/ecoline/images/bg_border.png) repeat 0 0;

}

abbr[title] {

cursor: help;

border-bottom: 1px dotted #999;

}

abbr.initialism {

font-size: 90%;

text-transform: uppercase;

}

blockquote {

padding: 0 0 0 15px;

margin: 0 0 18px;

border-left: 5px solid #eee;

}

blockquote p {

margin-bottom: 0;

font-size: 16px;

font-weight: 300;

line-height: 22.5px;

}

blockquote small {

display: block;

line-height: 18px;

color: #999;

}

blockquote small:before {

content: '\2014 \00A0';

}

blockquote.pull-right {

float: right;

padding-right: 15px;

padding-left: 0;

border-right: 5px solid #eee;

border-left: 0;

}

blockquote.pull-right p,

blockquote.pull-right small {

text-align: right;

}

blockquote.pull-right small:before {

content: '';

}

blockquote.pull-right small:after {

content: '\00A0 \2014';

}

q:before,

q:after,

blockquote:before,

blockquote:after {

content: "";

}

address {

display: block;

margin-bottom: 18px;

font-style: normal;

}

code,

pre {

padding: 0 3px 2px;

font-family: Monaco, Menlo, Consolas, "Courier New", monospace;

font-size: 11px;

color: #333;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

}

code {

padding: 2px 4px;

color: #d14;

background-color: #f7f7f9;

border: 1px solid #e1e1e8;

}

pre {

display: block;

padding: 8.5px;

margin: 0 0 9px;

font-size: 12px;

line-height: 18px;

word-break: break-all;

word-wrap: break-word;

white-space: pre;

white-space: pre-wrap;

background-color: #f5f5f5;

border: 1px solid #ccc;

border: 1px solid rgba(0,0,0,0.15);

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

}

pre.prettyprint {

margin-bottom: 18px;

}

pre code {

padding: 0;

color: inherit;

background-color: transparent;

border: 0;

}

.pre-scrollable {

max-height: 340px;

overflow-y: scroll;

}

form.form-inline {

	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



form#searchForm {

display:none;

}



fieldset {

padding: 0;

margin: 0;

border: 0;

}

legend {

display: block;

width: 100%;

padding: 0;

margin-bottom: 18px;

font-size: 19.5px;

line-height: 36px;

color: #333;

border: 0;

border-bottom: 1px solid #e5e5e5;

}

legend small {

font-size: 13.5px;

color: #999;

}

label,

input,

button,

select,

textarea {

font-size: 13px;

font-weight: normal;

line-height: 18px;

}

input,

button,

select,

textarea {

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

label {

display: block;

margin-bottom: 5px;

}

select,

textarea,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

.uneditable-input {

display: inline-block;

height: 33px;

padding: 6px 6px;

font-size: 13px;

line-height: 18px;

color: #555;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

border-radius: 2px;

}



form.form-inline input,textarea {

width: 200px;

}



/*@media screen and (max-width: 420px) {

form.form-inline input,textarea {

width: 100%;

padding-right:10px;

}

}*/

textarea {

height: auto;

}

textarea,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

.uneditable-input,

 {

color:#a8a8a8;

background-color: #fff;

border: 1px solid #eee;

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

-webkit-transition: border linear .2s, box-shadow linear .2s;

-moz-transition: border linear .2s, box-shadow linear .2s;

-o-transition: border linear .2s, box-shadow linear .2s;

transition: border linear .2s, box-shadow linear .2s;

}

textarea:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus,

.uneditable-input:focus {

border-color: rgba(135, 179, 9, 0.4);

outline: 0;

outline: thin dotted \9;

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

}

input[type="radio"],

input[type="checkbox"] {

margin: 4px 0 0;

*margin-top: 0;

margin-top: 1px \9;

line-height: normal;

cursor: pointer;

}

input[type="file"],

input[type="image"],

input[type="submit"],

input[type="reset"],

input[type="button"],

input[type="radio"],

input[type="checkbox"] {

width: auto;

}

select,

input[type="file"] {

height: 30px;

*margin-top: 4px;

line-height: 30px;

}

select {

width: 220px;

border: 1px solid #bbb;

background-color: #fff;

}

select[multiple],

select[size] {

height: auto;

}

select:focus,

input[type="file"]:focus,

input[type="radio"]:focus,

input[type="checkbox"]:focus {

outline: thin dotted #333;

outline: 5px auto -webkit-focus-ring-color;

outline-offset: -2px;

}



iframe {max-width: 100%; border: none;}

.uneditable-input,

.uneditable-textarea {

color: #999;

background-color: #fcfcfc;

border-color: #ccc;

-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);

-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);

box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);

cursor: not-allowed;

}

.uneditable-input {

overflow: hidden;

white-space: nowrap;

}

.uneditable-textarea {

width: auto;

height: auto;

}

input:-moz-placeholder,

textarea:-moz-placeholder {

color: #999;

}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

color: #999;

}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

color: #999;

}

.radio,

.checkbox {

min-height: 18px;

padding-left: 18px;

}

.radio input[type="radio"],

.checkbox input[type="checkbox"] {

float: left;

margin-left: -18px;

}

.controls > .radio:first-child,

.controls > .checkbox:first-child {

padding-top: 5px;

}

.radio.inline,

.checkbox.inline {

display: inline-block;

padding-top: 5px;

margin-bottom: 0;

vertical-align: middle;

}

.radio.inline + .radio.inline,

.checkbox.inline + .checkbox.inline {

margin-left: 10px;

}

.input-mini {

width: 60px;

}

.input-small {

width: 90px;

}

.input-medium {

width: 150px;

}

.input-large {

width: 210px;

}

.input-xlarge {

width: 270px;

}

.input-xxlarge {

width: 530px;

}

input[class*="span"],

select[class*="span"],

textarea[class*="span"],

.uneditable-input[class*="span"],

.row-fluid input[class*="span"],

.row-fluid select[class*="span"],

.row-fluid textarea[class*="span"],

.row-fluid .uneditable-input[class*="span"] {

float: none;

margin-left: 0;

}

.input-append input[class*="span"],

.input-append .uneditable-input[class*="span"],

.input-prepend input[class*="span"],

.input-prepend .uneditable-input[class*="span"],

.row-fluid input[class*="span"],

.row-fluid select[class*="span"],

.row-fluid textarea[class*="span"],

.row-fluid .uneditable-input[class*="span"],

.row-fluid .input-prepend [class*="span"],

.row-fluid .input-append [class*="span"] {

display: inline-block;

}

input,

textarea,

.uneditable-input {

margin-left: 0;

}



/*vertical*/



.container + .container {

  margin-top: 30px;

}



[class^="moduletable"] + [class^="moduletable"] {

  margin-top: 0px;

}



/*main*/

#topline {
	z-index: 1;
	position: relative;



}

#topline .moduletable_menu {
	text-align: right;

}

#topline .menu li {
	display: inline-block;
	padding-right: 40px;

}

#topline .menu li a, #topline a { color:#666; font-size: 14px;

font-weight: 400;

background-color: transparent;}

#topline .menu li a:hover, #topline a:hover{

color: #cf0063;

}

#logo {
  background-color: #cf0063;
  padding: 10px 0;
}

#logo .brand {

  display: block;

  width:550px;

  padding-top: 8px;

  padding-bottom: 8px;

}





#unige {

  padding-top: 38px;

  padding-bottom: 40px;

  float: right;

}



@media screen and (max-width: 750px) {

#logo .brand {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	width: 100%;

	text-align: center;

	width: 206px;

	height: auto;

}



#unige {

	float: none;

	padding-top: 0px;

	padding-bottom: 20px;



	text-align: center;



}

}



#topline .moduletable > h3, #topline .moduletable_menu > h3 {

display: none;

}



#header {

padding: 0;
border-bottom: 1px solid #E7E7E7;
position: relative;

}

#mainslider {

  position: relative;

}

.row7 .moduletable, .row7 .moduletable_menu {

margin: 50px 0 10px;

}

#header .search form, #header .search form input {margin:0; color:#ccc;} 



#header .search {float: right; margin-right: 12px;}

#search {float: none; margin: 42px 20px 42px 0;}

.search input,.search button{

vertical-align:top;

}

#header .search input {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

width: 160px;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;}

#header .search input:focus, #header .search input:hover {width: 160px;}

.search button,.search button:hover {

background:  #cf0063;

width: 33px;

height: 33px;

font-size: 0;

color: transparent;

border: none;

text-shadow: none;

border-radius: 2px !important;



-webkit-transition: all 0.4s linear;

-moz-transition: all 0.4s linear;

-o-transition: all 0.4s linear;

-ms-transition: all 0.4s linear;

transition: all 0.4s linear;

}



.search button:hover {

background-color: #303030; 

-webkit-transition: all 0.1s linear;

-moz-transition: all 0.1s linear;

-o-transition: all 0.1s linear;

-ms-transition: all 0.1s linear;

transition: all 0.1s linear;

}





#content .search {

float:none;

}



#breadcrumbs {

/*margin-bottom: 30px;*/

}

.breadcrumb {

background-color: transparent;

padding: 0;

margin:0;

}

.breadcrumb li {

text-shadow: none;

}



.breadcrumb .icon-location {

margin-top: -2px;

font-size: 14px;



}

.breadcrumbs_separator {

padding: 0 5px;

}

#breadcrumbs a {

display: inline-block;

}



#breadcrumbs a:hover {

  color:#333;

}

#belowcontent {

padding:0 0 30px 0;

}

#belowcontent .row, #abovecontent .row  {

/*margin-top: 15px;

margin-bottom: 15px;*/

}

#breadcrumbs .row {margin-top:0; margin-bottom: 0;}



#copyright_dark {
	padding-bottom: 0;
	background: #cf0063;
	color: #fff;
	font-family: PT Sans;
	font-size: 16px;
	letter-spacing: 0.04px;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

#copyright_dark a {
    color:#fff;
}

#copyright_dark p {
    color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 0px;
    text-align: center;
}

#copyright p.copyright {
    padding: 30px 0;
    margin-bottom: 0px;
    text-align: center;
    width: 100%;
	font-size: 16px;
}

#abovecontent{
  border-bottom: 1px solid #e3e3e3;
} 
#copyright_dark {

margin-top: 30px;

}

#abovecontent .moduletable, #abovecontent .moduletable_menu {

padding: 20px 0;

}

#content .row{

margin-left: 0;

}

#footer {

  border-top: 1px solid #eaeaea;

  margin-top: 30px;

  padding-top: 30px;

}

#footer h3{

color: #cf0063;

}



#copyright {

  border-top: 3px solid #E7E7E7;

  margin-top: 40px;

}



/*end rows*/

.red-text {

  color:#cf0063;

}



.dropcaps {

background: none repeat scroll 0 0 #cf0063;

border: 1px solid #cf0063;

border-radius: 18px 18px 18px 18px;

color: #F5F5F5;

display: block;

float: left;

height: 18px;

margin: 0 14px 5px 0;

padding: 8px;

text-align: center;

width: 18px;

line-height: 16px;

}

#content {

padding: 30px 0 0;

}

.hide_content #content {

padding: 0;

}



#component li, .dxcustom li {

list-style-position: inside;
line-height: 26px;

}

#component .nav li, #component .categories-module li, #component .moduletable li {list-style: none;}



#component img{
	padding-bottom: 5px;
}



.custom ul li {

list-style: none;

position: relative;

padding-left: 20px;

line-height: 30px;*/

}






#script {

width:0;

height:0;

display:none;

visibility:hidden;

}



/* ======= topmenu =========== */

#topline ul.menu ul li, #copyright ul.menu ul li{
	float: none;
	margin: 0;
	padding: 0;

}



#topline .menu, #copyright .menu {
	float: right;
	padding-top: 18px;
}



#copyright .menu li {
	float: left;
	padding-top: 18px;
	padding-right: 40px;
	padding-bottom: 18px;
	padding-left: 0;
}



#copyright .menu li a, #copyright .twitter a{

background-color: transparent;

}

#copyright .menu li a:hover, #copyright a:hover {

color: #474747;

text-shadow: 1px 1px rgba(255, 255, 255, 0.2);

}

#copyright_dark .menu {}



/* ======= mainmenu =========== */

/* Main Menu */

/*.res-menu{display: none;}*/



#mainmenu{
	font-size: 12px;
	float: left;
	margin-bottom: 0px;
}



#mainmenu .separator {
	color: #818181;
}

#mainmenu .nav.menu {

display: block;

margin-bottom: 4;

}



#mainmenu > ul{

display: block;

margin-left:0;

list-style: none; 

padding:0;

}



#mainmenu li   {

padding:0; 

margin:0; 

cursor:pointer; 

background:none;

}

#mainmenu a, #mainmenu span {

	text-decoration: none;

	position:relative;

	left:0;

	top:0px; 

	z-index:2;

	font-family: 'PT Sans',sans-serif;

	font-size: 14px;

	font-weight: 400;

}

#mainmenu > ul > li {

	position:relative;

	display: inline-block;

	padding:0;

	margin-right: 5px;

}

#mainmenu > ul > li:first-child {

  margin-left: 0;

}

#mainmenu > ul > li > a {
	text-align: center;
	background-color: transparent;
	text-transform: uppercase;
	color: #555555;
	display: block;
	border-bottom: 4px solid transparent;
	border-radius: 0;
	padding-top: 18px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 11px;
}



#mainmenu > ul > li > a:hover, #mainmenu > ul > li.sfHover > a {

color:#cf0063;

border-bottom: 4px solid #cf0063;

}

#mainmenu > ul > li.current > a, #mainmenu > ul > li.active > a {

color:#cf0063;

border-bottom: 4px solid #cf0063;

}



/*#mainmenu ul ul {margin-left:9px;}*/

#mainmenu ul ul ul.nav-child {

left:170px;

margin-top:-46px;

border-top:0;

}



/*  -- Make sub menus appear --*/

#mainmenu li:hover ul,

#mainmenu li.sfHover ul { 

z-index:999;

top:100%;

}



#mainmenu > ul {}



#mainmenu ul ul li.parent {

background: 11px;

}



#mainmenu .hover {

display: block;

position: absolute;

left: 0;

top: 0;

z-index: 1;

width: 100%;

height: 100%;

}



/*  2nd level skin */ 

#mainmenu > ul > li > ul {

  border-top: 4px solid #cf0063;

  margin-top: -4px;

}

#mainmenu ul ul {

display: none;

position:absolute;

margin:0; 

left:0;

top:-2px; 

width:300px;

background-color: #fff;

padding: 6px 0 6px;

box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);

}

#mainmenu ul ul li {

margin: 0 20px 0 20px;

padding: 8px 0;

}

#mainmenu ul ul li + li {

border-top: 1px solid #F3F3F3;

}



#mainmenu ul ul li.last{

border-bottom: none !important

}

#mainmenu ul ul li.menu-last{border-bottom: none;}

#mainmenu ul ul a{

color: #818181;

}





#mainmenu ul.nav-child {

}

#mainmenu ul.nav-child li {

position:relative;

clear:both;

text-align:left;

}

#mainmenu ul.nav-child li a {

display:block;

}

#mainmenu ul.nav-child li a:hover, #mainmenu ul.nav-child li.sfHover > a {

color:#cf0063;

} 

#mainmenu_select { display:none}

#mainmenu_select select { margin-bottom:0}



.res-menu{

width: 100%;

}



#mainmenu .current, #mainmenu .active {



}



/*aside modules*/

.aside {

padding: 20px 0;

}

.aside .moduletable, .aside .moduletable_menu {

margin-bottom: 20px;

}



.aside li {
	line-height: 20px;
	padding-bottom: 5px;
}

/* ==== modules =======================================  */



.moduletable [class^="icon-"]:before {

margin-right: 1px;

}



div.moduletable p{



}



div.moduletable_details{



  margin-top: 20px;

}



.moduletable > h3, .moduletable_menu > h3, .moduletable > h4 {

    color: #cf0063;

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 0.05em;

    margin-bottom: 25px;

}

#copyright h1, #copyright h2, #copyright h3, #copyright h4, #copyright h5, #copyright h6 {



} 

#copyright .moduletable > h3, #copyright .moduletable_menu > h3{



}



div.moduletable h3 {



}



#copyright .moduletable, #copyright .moduletable_menu {

margin:40px 0 0;

}



.icon-calendar {margin-top: -1px;}



/* ==== left sidebar modules =======================================  */

#sidebarleft div.moduletable {

}

#sidebarleft div.moduletable h3 {

}



/* ====right sidebar modules =======================================  */

#sidebarright div.moduletable {

}

#sidebarright div.moduletable h3 {

}

/* ======= footer =======================  */

#footer .moduletable {

}

#footer div.moduletable h3 {

}



/* ======= side menus ================================  */

.aside ul.menu a {position: relative; padding-left: 14px;  }

.aside ul.menu a:hover {padding-left: 20px;} 

.aside ul.menu > li a {

  color: #7f7f7f;

  border: 1px solid transparent;

  display: block;

  margin-bottom: 5px;

  -webkit-transition: 0.2s padding-left ease-in;

  -moz-transition: 0.2s padding-left ease-in;

  -o-transition: 0.2s padding-left ease-in;

  -ms-transition: 0.2s padding-left ease-in;

  transition: 0.2s padding-left ease-in;

}



.aside ul.menu > li a:hover {color:#cf0063;}

.aside .nav > li > a:hover, #footer .nav > li > a:hover {}

.aside ul.menu li a:after {

-webkit-transition: left 0.2s ease-in;

-moz-transition: left 0.2s ease-in;

-o-transition: left 0.2s ease-in;

-ms-transition: left 0.2s ease-in;

transition: left 0.2s ease-in;

content: "";

position: absolute;

left: 0;

top: 34%;

width: 5px;

height: 8px;

overflow: hidden;

background: url(https://genevasummerschools.ch/templates/ecoline/images/bg_li.png) 0 -8px no-repeat transparent;

}



.aside ul.menu li a:hover:after {

background-position: 0 0;

left:8px;

}

.aside .moduletable_menu, .aside .moduletable {

margin-bottom: 50px;

}

.moduletable_menu h3 {

position:relative;

margin:10px 0;

}

.moduletable_menu ul {

list-style:none;

margin:0;

padding:0;

}

.moduletable_menu li {



}

.moduletable_menu li a {



}

html>body .moduletable_menu li a {

width:auto;

}

.moduletable_menu li ul {

padding-left: 14px;

/*font-size:0.97em;*/

}

.moduletable_menu li ul li {



}

.moduletable_menu li ul li a {

display:inline;

}

html>body .moduletable_menu li ul li a {

width:auto;

}

.moduletable_menu li a:hover {



}

.moduletable_menu li.current>a, .aside li.current>a {

font-weight:bold;

color:#cf0063;

}



.moduletable_menu li ul ul {

/*list-style-type: square;*/

}



.moduletable_menu li ul ul ul{

/*list-style:circle;*/

}

.moduletable_menu li ul ul ul ul{

/*list-style:disc;*/

}



/* ========== top, bottom and footer menus ======================*/

#abovecontent ul.menu, #belowcontent ul.menu {

list-style:disc;

margin-left:15px;

}



#footer ul.menu {

margin-left:0;

}

/* ========== content ======================*/

a img {

border: 0;

}



[class^="alert"] {display: block;}



/* ==============  featured articles, category blog  =====================7 */



.blog-featured {

padding: 0;

}

#article-index a.active {

font-weight: bold;

color:#555;

}

.items-leading {

padding:0;

margin-bottom:10px

}



.row-separator {

display: block;

clear: both;

margin: 0;

border: 0px;

height:1px

}



.item-separator {

margin: 0px;

border-bottom:1px solid #eeeeee;

}



.items-row{

padding-bottom: 10px;

margin-bottom: 10px !important;



}



.column-1,

.column-2,

.column-3,

.column-4 {

padding: 0;

}



.items-more {

padding:10px 0px

}



.hidelabeltxt {

display: none;

}



/* ================  details  ==================== */



.content_vote input.button {

font-size: 10px;

line-height: 14px;

padding: 2px 6px;



}

.article-info {

font-size:0.9em;

border-bottom:1px solid #eeeeee;

margin-bottom:15px;

}



dl.article-info {

border:none;

}



.article-info-term {

}



.article-info dd {

margin-left:0;

line-height:1.6em;

}



.img-intro-left, .pull-left.item-image {margin: 0 30px 9px 0; max-width: 50%;}

.blog .img-intro-left {margin: 0 0 20px 0; max-width: 100%;}

/* ===================  icons  ====================== */



ul.actions {

list-style:none;

margin:0;

padding:0;

}



ul.actions li {

display:inline;

}



ul.actions a {



}

/* =====================  pagenav  ===================== */

div.pagenavcounter {

margin:10px 0 0 0;

padding: 0;

font-weight: bold;

}

ul.pagenav {

list-style-type:none;

padding:0;

margin: 10px 0 0;

text-align: center;

}

ul.pagenav li {

display:inline;

padding: 0px 4px;

}

ul.pagenav li {



}

ul.pagenav li a {

display:inline; 

}

.item {

overflow: hidden;

}

/* ====================  pagination  ================== */



div.pagination {

margin-bottom:0px;

padding:0;

text-align: center;

}



div.pagination ul {

margin:0;

}



div.pagination li {

}



span.pagenav {}



div#content div.pagination p.counter {

margin:0;

}

/* ===================== archive articles =================== */

.archive #filter-search {height: 28px; margin-bottom: 0;}

div.archive fieldset {

padding: 6px 0;

border: 0;

}

div.archive fieldset select, .filters select {width: auto;}

ul#archive-items {

margin:20px 0;

list-style-type:none;

}

/* ===================== list all categories =================== */

ul.category {

list-style: none; margin:0;

}

div.categories-list ul {

margin: 10px 0 ;

list-style: none;

}



div.categories-list ul a {

display: inline-block;

padding: 10px 0;

}

div.categories-list ul h4 {

padding: 0;

margin:0;

}

div.categories-list ul.list-striped li:hover{

background-color: inherit;

}

div.categories-list ul ul{

padding: 0 0 0 25px;

}

div.categories-list ul ul ul{

padding: 0 0 0 25px;

}

div.categories-list ul ul ul ul{

padding: 0 0 0 25px;

}

div.categories-list ul ul ul ul ul{

padding: 0 0 0 25px;

}

div.categories-list dl dt, div.categories-list dl dd { 

display:inline;

}

dl.article-count dt, dl.article-count dd { 

display:inline;

}

div.categories-list ul li span.item-title {



}

div.categories-list ul li ul li span.item-title {



}

div.categories-list ul li ul li ul li span.item-title {



}

div.categories-list ul li ul li ul li ul li span.item-title {



}

div.category-desc img.image-left {

float: left;

padding-right: 5px;

}

div.category-desc img.image-right {

float: right;

padding-left: 5px;

}

/* ===================== subategories =================== */

div.cat-children {

margin: 15px 0 0 0;

}

div.cat-children ul {

margin: 10px 0 0 14px;

}

div.cat-children ul li{

margin: 0 0 35px;

}

div.cat-children ul ul{

padding: 0 0 0 25px;

}

div.cat-children ul ul li{

margin:0;

}

div.cat-children ul ul ul{

padding: 0 0 0 25px;

}

div.cat-children ul ul ul ul{

padding: 0 0 0 25px;

}

div.cat-children ul ul ul ul ul{

padding: 0 0 0 25px;

}

div.cat-children ul li span.item-title {



}

div.cat-children ul li ul li span.item-title {



}

div.cat-children ul li ul li ul li span.item-title {



}

div.cat-children ul li ul li ul li ul li span.item-title {



}

div.cat-children ul li dl dt, div.cat-children ul li dl dd { 

display:inline;

}

/* ===================== category list =================== */

table.category {

margin:10px 0px 20px 0px;

}

table.category th {



}

table.category td {



}

table.category th img {



}

/* ===================== login/logout =================== */

#login-form input {padding: 4px 6px; border: 1px solid #CCC;}

div.login fieldset {

border: 0;

}

div.login-fields {

margin: 10px 0;

}



div.login-fields label {

}

div.login-fields input#username, div.login-fields input#password{



}

div.login fieldset button.button {

margin-top: 10px;

}

div.logout button.button {

margin-top: 10px;

}

/* ===================== login module =================== */

span.list-date {display: block; margin-top:-20px;}



.form-horizontal .control-label {

margin-right: 10px;

line-height: 0.8em;

}



span.star {color:#cf0063;}



form#login-form ul, ul#login-form {

list-style:none;

margin:10px 0;

}

form#login-form ul li, ul#login-form li{

line-height:14px;

font-size:11px;

}

form#login-form fieldset {

border:0;

}

form#login-form fieldset label{

}

form#login-form fieldset input#modlgn-passwd{

width:auto !important;

}

form#login-form fieldset input#modlgn-username{

width:auto !important;

}

form#login-form fieldset #form-login-remember label{

}

/* =====================  user profile ===================== */



#users-profile-core,

#users-profile-custom

{

margin:10px 0 15px 0;

padding:15px;

}

#users-profile-core dl, #users-profile-custom dl {



}

#users-profile-core dt, #users-profile-custom dt {

float:left;

padding:3px 5px 3px 0;   

}



#users-profile-core dd, #users-profile-custom dd {

padding:3px 0;  

}



#member-profile fieldset {

margin:10px 0 15px 0;

padding:15px;

}



#users-profile-core legend, #users-profile-custom legend, .profile-edit legend {

}



.profile-edit form#member-profile fieldset dd { 

padding:5px 0;

margin:0;

}



.profile-edit form#member-profile fieldset dd input {



}

.profile-edit form#member-profile fieldset dd select {



}

.profile-edit form#member-profile fieldset dt {

padding:5px 5px 5px 0; 

}

.profile-edit span.optional{



}

/* =====================  registration ===================== */

div.registration form#member-registration fieldset {

margin:10px 0 15px 0;

padding: 15px 0 0 10px;

border:0;

}

div.registration form#member-registration fieldset legend {



}

div.registration form#member-registration fieldset dd { 

padding:0 0 5px 0;

margin:0;

}

div.registration form#member-registration fieldset dd input {



}

div.registration form#member-registration button {

}

div.remind form#user-registration fieldset {

border:0;

}

div.remind form#user-registration dd {

margin:0;

}

div.remind form#user-registration button {

}

div.reset form#user-registration fieldset {

border:0;

}

div.reset form#user-registration dd {

margin:0;

}

div.reset form#user-registration button {

}

/* =====================  single newsfeed ===================== */

div.newsfeed ol {

margin-top: 10px;

}

div.newsfeed ol li a{



}

div.newsfeed ol li div a, div.newsfeed ol li div ol li a {



}

/* =====================  search results ===================== */

dl.search-results dt.result-title {

padding-top: 10px;

}

dl.search-results dd.result-text {

padding-top: 5px;

}

dl.search-results dd.result-created {

padding-top: 5px;

}

div.search form#searchform fieldset.word, div.search form#searchform fieldset.phrases, div.search form#searchform fieldset.only {



}

div.search form#searchform fieldset.word button.button {

margin: 0px 0 0 2px;

padding: 0px 3px;

}

div.search form#searchform fieldset.phrases div.ordering-box{

margin-top: 5px;

}



.phrases-box input {

float:left;

margin-right:5px;

}

.small{

}

.highlight{

  background-color: #FFFF99;

}

input#mod-finder-searchword{

margin:0;

}

/* =====================  single contact ===================== */

div.contact-form {

margin-bottom: 10px;

}

div.contact-form  legend{

font-size:12px;

color:#555555;

}



div.contact-form label {



}

div.contact-form form#contact-form dl {

margin: 10px 0;

}



div.contact-form form#contact-form p {

margin: 0;

margin: 0;

}

div.contact-form form#contact-form dt {

margin-top: 5px;

}

div.contact-form form#contact-form dd {

margin: 0px;

}

address span {

display:block;

}

div.contact form#contact-form button.button {

}

#jform_contact_email_copy {

float:left;

margin-right:10px;

}



div.contact dl.tabs {

float:left;

margin: 20px 0 0 0;

padding: 0;

clear:both;

}

div.contact dl.tabs dt {

float: left;

padding: 5px 10px;

margin-right: 5px;

}

div.contact dl.tabs dt a {



}

div.contact dl.tabs dt.open {



}

div.contact dl.tabs dt.open a {



}

div.contact dl.tabs dt h3{



}

div.contact div.current {

clear: both;

padding: 15px;

}

div.contact dl.tabs dd {

clear:both;

}



.contact-links ul {

list-style:none;

margin:0 0 10px;

padding:0;

}



.contact-links ul  li{

display:inline-block;

padding:0 12px;

}



/* contact  plain */

#main .contact h3

{

border-bottom:solid 1px #ddd;

margin: 20px 0

}



.form-required

{

font-weight:bold;

margin:10px 0;

background:#fff url(https://genevasummerschools.ch/templates/ecoline/images/req.png) no-repeat;

padding:10px 40px



}



.contact .inputbox

{

background:#fff url(https://genevasummerschools.ch/templates/ecoline/images/content_bg.gif) repeat-x ;

border:solid 1px #ccc;

padding:3px

}

/* contact  slider */



.panel{



}

#main .contact .panel h3

{

margin:0px 0 0px 0;

padding: 0;

background:#e8e8e8;

border:0

}

.panel h3 a{

display:block;

padding:6px;

text-decoration:none;

border-radius:6px;

}



.panel h3.pane-toggler a{

background:#f5f5f5 url(https://genevasummerschools.ch/templates/ecoline/images/slider_plus.png) right  top no-repeat;

}

.panel h3.pane-toggler-down a{

background:#f5f5f5  url(https://genevasummerschools.ch/templates/ecoline/images/slider_minus.png) right  top no-repeat;

border-bottom:solid 1px #ddd;

}



.pane-slider{

border:solid 0px;

margin:0;

background: url(https://genevasummerschools.ch/templates/ecoline/images/nav_level_1.gif) repeat-x ;

}



.panel .contact-form,

.panel  .contact-miscinfo

{



}



.contact .panel .contact-form form,

.contact .panel .contact-address

{

margin:20px 0 0 0

}



.categories-list .category-desc ul li

{list-style-type:square

}



/* tabs */

div.current {

background: url(https://genevasummerschools.ch/templates/ecoline/images/nav_level_1.gif) repeat-x ;

}



#close a{text-decoration:none}



/* =====================  list contacts, newsfeeds ===================== */

form#adminform fieldset.filters {

}



/* ===================== email to a friend =====================  */

div#mailto-window{

margin:0 15px;

}

form#mailtoForm div.formelm label {

display: inline-block;

padding-right: 5px;

width:110px;

}

form#mailtoForm div.formelm {

margin: 0;

}

/* ===================== submit a weblink, submit an article, edit article =====================  */

div.edit form#adminform div.formelm label {

display: inline-block;

padding-right: 5px;

}

div.edit form#adminform div.formelm {

margin: 5px 0;

}

div.edit form#adminform div.formelm-area label {

float:left;

padding-right: 5px;

}

div.edit form#adminform div.formelm-area {

margin: 5px 0;

}

div.edit form#adminform legend {



}

/* ===================== statistics module =====================  */

dl.stats-module dt { 

float:left;

padding: 0 10px 0 0;

}

dl.stats-module_light dt { 

float:left;

padding: 0 10px 0 0;

}

dl.stats-module_dark dt { 

float:left;

padding: 0 10px 0 0;

}

/* ===================== newsflash module =====================  */

div.newsflash p { 

}

div.newsflash_light p { 

}

div.newsflash_dark p { 

}

/*Sample module*/

div.sample-module {

background-color: #fcfcfc;

padding: 10px;

border-radius:10px;

}

ul.categories-module, ul.category-module, ul.latestusers{

list-style:none;

margin-left:0;

}

ul.categories-module  h5, ul.category-module h5, ul.latestusers h5{

margin:0;

}

ul.categories-module li+li, ul.category-module li+li, ul.latestusers li+li{margin-top: 5px;}

ul.category-module span {display: block;}

ul.category-module span.mod-articles-category-hits {display: inline;}

/* ===================== wrapper =====================  */

div.contentpane { 



}

/* ==================================== DX modules =====================  */



/* Categories Portfolio */

#filtrable{

margin-bottom: 30px;

margin-right: 20px;

float: right;

}

#filtrable li{

float: left;

margin-left: 10px;

list-style: none;

}



#filtrable a{

padding: 4px 10px;

background-color: transparent;

border: 1px solid #ececec;

font-size: 0.9em;

display: inline-block;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

border-radius: 2px;

}



#filtrable a:hover,

#filtrable .current a{

border-color: #ddd;

background-color: #f5f5f5;

color:#787878;

}



.p-view, .p-link{

display: block;

width: 31px;

height: 31px;

position: absolute;

top: 50%;

margin-top: -18px;

opacity:0.8;

-webkit-transition: opacity 0.35s linear;

-moz-transition: opacity 0.35s linear;

-o-transition: opacity 0.35s linear;

}

.p-view:hover, .p-link:hover{

opacity:1;

}

.p-view{

display:none;

left: 50%;

margin-left: -39px;

background: url(https://genevasummerschools.ch/templates/ecoline/images/view.png);

}

.p-link{

display:none;

right: 50%;

margin-right: -39px;

background: url(https://genevasummerschools.ch/templates/ecoline/images/link.png);

}



#portfolio {margin-left: 0;}

#portfolio [class*="span"] {margin-right: 0.5%; margin-left: 0.5%;}

#portfolioContainer > li.margin_bottom {margin-bottom: 30px;}

.portfolio h4:last-child{margin-bottom: 0 !important;}

.portfolio article{margin-bottom: 30px;}

.portfolio img{

display: block;

max-width: 147px;

}

.portfolio h4 a{

color: #444;

text-align: center;

padding: 7px 10px;

display:block;

text-transform: none;

background-color: #fcfcfc;

border-bottom: 1px solid #eeeeee;

}

.portfolio h3{

margin-top: 0px;

padding-bottom: 0px;

font-size: 16px;



}

.portfolio .read-more{margin-bottom: 10px;}

.portfolio_item_image {margin-bottom: 20px;}

#portfolioContainer .portfolio_item_image img {padding: 0;}

.no_margin_bottom.portfolio_item_image {margin-bottom: 0;}

/*-----------------------------------------------------------------------------------*/

/*  10.  Thumbnails

/*-----------------------------------------------------------------------------------*/

.da-thumbs li,

.da-thumbs article,

.da-thumbs.portfolio span{

overflow: hidden;

position: relative;

}

.da-thumbs li img,

.da-thumbs.portfolio span{

display: block;

position: relative;

}

div.da-animate{

display:none;

}

.da-thumbs li div.da-animate, .da-thumbs li div.portfolio_item_links,

.da-thumbs article div{

position: absolute;

background: rgba(0,0,0,0.0);

width: 100%;

height: 100%;

}

.da-thumbs li div.da-animate,

.da-thumbs article div.da-animate {

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

}

.da-slideFromTop {

left: 0px;

top: -100%;

}

.da-slideFromBottom {

left: 0px;

top: 100%;

}

.da-slideFromLeft {

top: 0px;

left: -100%;

}

.da-slideFromRight {

top: 0px;

left: 100%;

}

.da-slideTop {

top: 0px;

}

.da-slideLeft {

left: 0px;

}



/* Contact Form */



.ferror {color:#cf0063;}



#contact{margin-bottom: 0px}



#contact .btn {

box-shadow: none;

text-shadow:none;

height: 33px;

border: none;

text-shadow: none;

border-radius: 2px !important;

background: #cf0063;

color:#fff;

margin-top: 5px;

-webkit-transition: all 0.4s linear;

-moz-transition: all 0.4s linear;

-o-transition: all 0.4s linear;

-ms-transition: all 0.4s linear;

transition: all 0.4s linear;

}



#contact .btn:hover {

background-color: #303030; 

-webkit-transition: all 0.1s linear;

-moz-transition: all 0.1s linear;

-o-transition: all 0.1s linear;

-ms-transition: all 0.1s linear;

transition: all 0.1s linear;

text-decoration: none;

}



.submit-div { }

.form-horizontal .control-label {/*width: 25px;*/}

.form-horizontal .controls {/* margin-left: 45px; */}

.form-horizontal .control-group {

margin-bottom: 0;

}

.form-horizontal .controls:first-child {*padding-left: 45px;}

.form-horizontal .form-actions {padding-left: 45px;}





/* Flex Slider */

.flexslider {

/*text-align: center;*/

position: relative;

overflow: hidden;

zoom: 1;

/*padding-bottom: 40px;*/

}



.slides li{position: relative;line-height: 24px; font-size: 18px;}



.slides .slide_description {

text-align: left !important;

display: block;

font-weight: 400 !important;

margin: 0 0 0 30px;

max-width: 400px;

padding: 20px;

position: absolute;

color: #404040;

font-family: 'PT Sans',Arial,sans-serif;

font-size: 18px;

font-weight: 100;

line-height: 26px;

overflow: hidden;

text-shadow: 1px 1px #FFFFFF;

    

}

.leftcontent, .rightcontent {/*padding-top: 40px;*/}

.leftcontent_content, .rightcontent_content {

padding: 20px;

color:#7f7f7f;

}

.regular_image .imagedesc, .fullwidthimage .imagedesc {color:#fff; text-shadow: none;}

.fullwidthcontent {padding: 60px 0 20px; text-align: center; margin-bottom: 40px;}

.html2cols {margin: 40px 0;}

.slides .fullwidthcontent div.imagetitle, .slides .leftcontent_content div.imagetitle, .slides .rightcontent_content div.imagetitle {color:#cf0063;}

/*.slide_has_bg .fullwidthcontent, .slide_has_bg .fullwidthcontent div.imagetitle {color:#fff;}*/

/*.slides  {margin-bottom: 70px; margin-top: 40px;}*/

@media (max-width: 767px){

  #mainmenu {float: none;}

  #header #search, #header .search {float: none; margin: auto; width: auto;}

  #header .search input, #header .search input:focus, #header .search input:hover {width: 78%;}

  #mainslider {padding-left: 0px !important; padding-right: 0px !important;margin-left: 0px !important; margin-right: 0px !important;}  

   .slides .slide_description {display: none; } 

   .leftcontent_wrap {padding-top:0 !important; padding-bottom:30px !important;}

   .rightcontent_wrap {padding-top:30px !important; padding-bottom:0 !important;}

}



.slides a {

display: inline-block;

position: relative;

margin:30px 0 30px 4px;

/*color: #fff;

padding: 9px 90px 9px 24px;

border: 1px solid #446909;

border-bottom-width: 4px;

border-bottom-color: #1d3d02;

font-size: 14px;

text-shadow: none;*/



}



.slides a:hover{}



.slides div.imagetitle {

  font-family: Arial, sans-serif;

color: #fff;

    font-size: 65px;

    font-weight: 500;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

display: block;

margin-bottom: 20px;

line-height: 60px;

}

.flex-direction-nav {

opacity: 0;

}



.flex-direction-nav li{

list-style: none;

}



.flex-direction-nav a{

background-color: #cf0063 !important;

position:absolute; 

top:50%;

margin-top: -35px; 

z-index:99;

display:block; 

text-indent: -9999em;

overflow:hidden;

width:30px; 

height:30px;

cursor: pointer;

-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;

}

.flex-direction-nav a:hover{

-moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; 

}



.flex-direction-nav .flex-prev { 

left:0;

background: url(https://genevasummerschools.ch/templates/ecoline/images/arrows.png) no-repeat 5px 5px;

}



.flex-direction-nav .flex-prev:hover {

/*background-position: -53px 0;*/

background-color: #1e1e1e !important;

}



.flex-direction-nav .flex-next {

right:0;

background: url(https://genevasummerschools.ch/templates/ecoline/images/arrows.png) no-repeat -15px 5px;

}

.flex-direction-nav .flex-next:hover {

background-color: #1e1e1e !important;

}



.flex-direction-nav .flex-disabled {

opacity: .3!important;

filter:alpha(opacity=30);

cursor: default;

}



.flex-control-nav {

list-style: none;

position: absolute;

bottom: 20px;

text-align: center;

width: 100%;

margin:0;

}



@media screen and (max-width:480px){

.flex-control-nav {

display:none;

}

}



.flex-control-nav li {

display: inline-block;

}

.flex-control-nav li a{

cursor: pointer;

background-color: #cf0063;

display: inline-block;

text-indent: -30px;

overflow: hidden;

border-radius: 100%;

width: 13px;

height: 13px;

margin: 0 5px 0 0;

}

.flex-control-nav li a:hover{

background-color: #a5dd43;

}



.flexslider a.flex-active {background-color: transparent; border: 2px solid #cf0063;width: 9px;

height: 9px;}



.flexslider .slides > li {

display: none;

-webkit-backface-visibility: hidden;

}

.flexslider .slides img {

  display: block;

  margin: 40px 0 70px;

}

.flexslider .slides img.fullwidthimage {

  border:none;

  margin: 0 0 70px;

  border-radius: 0;

}

.flex-pauseplay span {text-transform: capitalize;}

.no-js .slides > li:first-child {display: block;}





.flex-viewport {

max-height: 2000px;

-webkit-border-radius:3px;

border-radius: 3px;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

transition: all 1s ease;

}

.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {zoom: 1; list-style: none; margin: 0; padding: 0;}

.carousel li {margin-right: 5px}



@media screen and (max-width:480px){



form.form-inline {display: none;}



}



@media screen and (max-width: 860px) {

.flex-direction-nav .flex-prev {opacity: 1; left: 0;}

.flex-direction-nav .flex-next {opacity: 1; right: 0;}

}

@media screen and (max-width:767px){

body {padding: 0;}

#mainslider, #copyright_dark {margin-right: -10px; margin-left: -10px;}

#logo img {



}

}



#toTop {

background: url("https://genevasummerschools.ch/templates/ecoline/images/ui.totop.png") no-repeat scroll left top #cf0063;

border: medium none;

border-radius: 2px;

bottom: 14px;

display: none;

height: 40px;

overflow: hidden;

position: fixed;

right: 10px;

text-decoration: none;

text-indent: -999px;

width: 40px;

z-index: 10000;

-webkit-transition: all 0.4s linear;

-moz-transition: all 0.4s linear;

-o-transition: all 0.4s linear;

-ms-transition: all 0.4s linear;

transition: all 0.4s linear;

}





#toTopHover, #toTop:hover {

background-color: #303030; 

opacity: 0.9;

-webkit-transition: all 0.1s linear;

-moz-transition: all 0.1s linear;

-o-transition: all 0.1s linear;

-ms-transition: all 0.1s linear;

transition: all 0.1s linear;

}

#toTop:active, #toTop:focus {

outline: medium none;

}



/* Twitter */

.dl-horizontal dd {

margin-left: 55px;

}



.dl-horizontal dt {

width:auto;

}

.twitter {margin-top:0;}

.twitter  img{

float: left;

margin-right: 15px;

margin-top:5px;

}

.twitter span.tweet_time{

display: block;

padding-bottom: 5px;



}

.twitter dl{

/*border-bottom: 1px dotted #d9d9d9;*/

/*padding-bottom: 20px;*/

position: relative;

margin-bottom: 20px;

list-style: none;

}

.twitter dl:last-child{border: none;}

#copyright .twitter dl {

  padding-bottom: 10px;

}

#copyright .twitter dt {

  float: left;

}

#copyright .twitter dd {

  margin-left: 54px;

}



/*Carousel*/

.carousel, .tabs, .accordion {margin-top: 30px;}

.carousel{margin-bottom: 0; position: relative;

}

.testimonials { max-width: 700px; margin: 0 auto;}

.dxcarousel span, .dxtabs span, .dxaccordion span, .dxsingle_teaser span{display: block; line-height: 20px;}

.carousel .mod-dxarticles-category-hits {display: inline;}

.carousel .item.prev.right, .carousel-inner .item {text-align: left !important;}

.carousel-control, .carousel-control:focus{

outline:0;

border: none;

position: absolute;

top:5px;

bottom: 0;

width: 17px;

height: 17px;

opacity: 0.75;

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

-ms-border-radius: 0px;

border-radius: 0px;

}

.carousel-indicators {right: 0;}

.carousel-indicators li {cursor:pointer;}

.carousel-control.post{top: 50%;}

.carousel-control.left.post{left: 0;}

.carousel-control.left{

left: inherit;

right: 22px;

background: url(https://genevasummerschools.ch/templates/ecoline/images/arrow-blog-left.png) no-repeat center center #cf0063;

}

.carousel-control.right{

right: 0;

background: url(https://genevasummerschools.ch/templates/ecoline/images/arrow-blog-right.png) no-repeat center center #cf0063;

}



.normal_introimg, .testimonials_introimg, .tabs_introimg, .accoridon_introimg {

width: 84px;

float: left;

margin: 12px 10px 10px 0;

}



.news_introimg {margin-top: 0; float: left; width: 60px;}

.dxnews_right { margin-left: 70px;}



.normal .mod-dxarticles-category-introtext, 

.tabs .mod-dxarticles-category-introtext, 

.accordion .mod-dxarticles-category-introtext, 

.carousel .mod-dxarticles-category-introtext,

.news .mod-dxarticles-category-introtext {

height: 100%;

overflow: hidden;

margin: 10px 0;

line-height: 20px;

}



.testimonials .mod-dxarticles-category-introtext {

background: url("https://genevasummerschools.ch/templates/ecoline/images/quotes.png") no-repeat scroll 0 0 transparent;

border-bottom: 1px dotted #d9d9d9;

line-height: 22px;

margin-top:20px;

padding: 0 15px 12px 38px;

text-align: center;

}

.testimonials .mod-dxarticles-category-title {

margin:14px 0; 

}

.intro_images_introimg {margin-top: 20px;}

/*accordion*/

.accordion-group {border-color:#bbb;}

.accordion .accordion-toggle span {display: inline;}

.accordion .icon-plus {margin-top:-2px;}

#footer .tabs li {margin-bottom:0;}

#footer .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {background-color: #e9e9e9;}



/*teasers*/

.teasers .first-in-row, .teasers_horizontal .first-in-row, .teasers_simple .first-in-row{margin-left: 0; clear: both;}

.teasers > div {margin-bottom: 30px;}

.teasers .thumbnail {

-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

}

.teasers .thumbnail:hover {

}



.teasers .thumbnail > h3,.teasers .thumbnail > h2,.teasers .thumbnail > h4 {margin:20px 20px 10px;}

.teasers .thumbnail > p {padding:0px 20px; margin-bottom: 10px;}

.teasers .mod-dxarticles-category-readmore {text-align: center;}

.teasers .btn {margin-bottom: 20px;}

.l-meta {

text-align: center;

background-color: #1D1D1C;

border-radius: 0 0 2px 2px;

color: #B6B6B6;

font-size: 12px;

font-weight: 100;

margin: 0 0 20px;

padding: 5px 0;

width: 100%;

}

.teaser_simple {margin-bottom: 30px;}

.teaser_simple .mod-dxarticles-category-readmore {

/*padding: 10px 0;*/

}

.l-meta span:first-child {border-left: none;}

.l-meta span {

padding: 0 5px;

border-left: 1px solid #b6b6b6;

}

.l-meta a{color: #b6b6b6;}

.l-meta a:hover{color: #cf0063;}

.dxsingle_teaser .image-icon, .dxcustom .left_icons_introimg {

/*text-align: center;

margin: 30px 0;*/

float: left;

}

.intro_images_left_introimg {

  float: left; 

  width: 80px;

  margin-top: 7px;

}



/*horizontal slider*/

.horizontal_slider_list_wrapper {

  position: relative;

}

.horizontal_slider_list_wrapper > div {

  overflow: hidden;

}

ul.horizontal_slider_list li {

    display: block;

    float: left;

    height: 100%;

}

.es-nav {

    position: absolute;

    right: 0;

    top: -40px;

}

.es-nav span {

    cursor: pointer;

    display: block;

    height: 26px;

    right: 0;

    text-indent: 100%;

    top: 0;

    width: 26px;

    font-size: 0;

    color: transparent;

    position: absolute;

    

}

.es-nav span.es-nav-prev{

left: inherit;

right: 32px;

background: url(https://genevasummerschools.ch/templates/ecoline/images/arrow-blog-left.png) no-repeat center center #cf0063;

}

.es-nav span.es-nav-next{

right: 0;

background: url(https://genevasummerschools.ch/templates/ecoline/images/arrow-blog-right.png) no-repeat center center #cf0063;

}





.dxsingle_teaser_right {

   margin-left: 100px;

}

.dxsingle_teaser, .teaser_simple, .teaser_horizontal {

position: relative;

}

.teaser_horizontal {

margin: 0 0 20px 0;

}





.teasers .theme_btn {margin-bottom: 20px; display: inline-block;}





.icons_introimg.image-icon + p, .intro_images_introimg + p {margin-top: 20px;}

.mod-dxarticle-category-title, .mod-dxarticles-category-title {font-size: 16px; margin: 20px 0; }

.mod-dxarticle-category-title {text-transform: uppercase;}

.dxnews p {margin: 0;}

.dxnews .item + .item {margin-top: 20px; /*padding-top: 20px; border-top: 1px dotted #ccc;*/}

.dxnews .mod-dxarticles-category-title {font-size: 14px; margin: 0 0 8px; line-height: 16px;}

.teasers_horizontal .mod-dxarticles-category-title {margin: 0 0 20px;}

.teasers_horizontal .mod-dxarticles-category-title {font-size: 14px; text-transform: uppercase;}



.dxsingle_teaser .image-icon [class^="icon-"]:before,.dxcustom .image-icon [class^="icon-"]:before {

    display: block;

    text-align: center;

    font-size: 50px;

color:#343434;



    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.dxsingle_teaser.icons:hover .image-icon [class^="icon-"]:before, .dxcustom:hover .image-icon [class^="icon-"]:before {



     -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}



.dxsingle_teaser.icons {text-align: center; background: #f2f2f2; margin-top: 80px; padding: 0 30px 30px;}

.dxsingle_teaser.icons p > a:hover {color:#787878 !important;}

.dxsingle_teaser.icons p > a {

    padding: 8px 14px;

    display: inline-block;

    line-height: 20px;

    color: #141414 !important;

    background: #e6e6e6;



    background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: -ms-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: linear-gradient(top, #fff 0%, #e6e6e6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e6e6e6',GradientType=0 );

    border: 1px solid #bbb;

}



.dxsingle_teaser.icons a {-webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

    -ms-transition: none;

    transition: none;}

.dxsingle_teaser.icons:hover {background: #cf0063; color:#fff;}

.dxsingle_teaser.icons:hover a, .dxsingle_teaser.icons:hover a:hover {color: #fff;     }

.dxsingle_teaser.icons .image-icon [class^="icon-"]:before {

    position: relative;

    display: inline-block;

    width: 110px;

    height: 80px;

    padding-top: 30px;

    background: #fff;

    border-radius: 100%;

    border: 3px solid #ececec;

    margin-top: -55px;

}

.dxsingle_teaser.icons .image-icon {

    float: none;

    text-align: center;

}



//

.dxsingle_teaser .image-icon [class^="icon-"]:before,.dxcustom .image-icon [class^="icon-"]:before {

    display: block;

    text-align: center;

    font-size: 50px;

color:#343434;



    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.dxsingle_teaser.icons:hover .image-icon [class^="icon-"]:before, .dxcustom:hover .image-icon [class^="icon-"]:before {



     -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}



.dxsingle_teaser.icons {text-align: center; background: #f2f2f2; margin-top: 80px; padding: 0 30px 30px;}

.dxsingle_teaser.icons p > a:hover {color:#787878 !important;}

.dxsingle_teaser.icons p > a {

    padding: 8px 14px;

    display: inline-block;

    line-height: 20px;

    color: #141414 !important;

    background: #e6e6e6;



    background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: -ms-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: linear-gradient(top, #fff 0%, #e6e6e6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e6e6e6',GradientType=0 );

    border: 1px solid #bbb;

}



.dxsingle_teaser.icons a {-webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

    -ms-transition: none;

    transition: none;}

.dxsingle_teaser.icons:hover {background: #cf0063; color:#fff;}

.dxsingle_teaser.icons:hover a, .dxsingle_teaser.icons:hover a:hover {color: #fff;     }

.dxsingle_teaser.icons .image-icon [class^="icon-"]:before {

    position: relative;

    display: inline-block;

    width: 110px;

    height: 80px;

    padding-top: 30px;

    background: #fff;

    border-radius: 100%;

    border: 3px solid #ececec;

    margin-top: -55px;

}

.dxsingle_teaser.icons .image-icon {

    float: none;

    text-align: center;

}



/*icone*/



.dxcustom .image-icon [class^="icon-"]:before,.dxcustom .image-icon [class^="icon-"]:before {

    display: block;

    text-align: center;

    font-size: 50px;

color:#343434;



    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.dxcustom.icons:hover .image-icon [class^="icon-"]:before, .dxcustom:hover .image-icon [class^="icon-"]:before {



     -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}



.dxcustom.icons {text-align: center; background: #f2f2f2; margin-top: 80px; padding: 0 30px 30px;}

.dxcustom.icons p > a:hover {color:#787878 !important;}

.dxcustom.icons p > a {

    padding: 8px 14px;

    display: inline-block;

    line-height: 20px;

    color: #141414 !important;

    background: #e6e6e6;



    background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: -ms-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: linear-gradient(top, #fff 0%, #e6e6e6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e6e6e6',GradientType=0 );

    border: 1px solid #bbb;

}



.dxcustom.icons a {-webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

    -ms-transition: none;

    transition: none;}

.dxcustom.icons:hover {background: #cf0063; color:#fff;}

.dxcustom.icons:hover a, .dxcustom.icons:hover a:hover {color: #fff;     }

.dxcustom.icons .image-icon [class^="icon-"]:before {

    position: relative;

    display: inline-block;

    width: 110px;

    height: 80px;

    padding-top: 30px;

    background: #fff;

    border-radius: 100%;

    border: 3px solid #ececec;

    margin-top: -55px;

}

.dxcustom.icons .image-icon {

    float: none;

    text-align: center;

}



//

.dxcustom .image-icon [class^="icon-"]:before,.dxcustom .image-icon [class^="icon-"]:before {

    display: block;

    text-align: center;

    font-size: 50px;

color:#343434;



    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.dxcustom.icons:hover .image-icon [class^="icon-"]:before, .dxcustom:hover .image-icon [class^="icon-"]:before {



     -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}



.dxcustom.icons {text-align: center; background: #f2f2f2; margin-top: 80px; padding: 0 30px 30px;}

.dxcustom.icons p > a:hover {color:#787878 !important;}

.dxcustom.icons p > a {

    padding: 8px 14px;

    display: inline-block;

    line-height: 20px;

    color: #141414 !important;

    background: #e6e6e6;



    background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: -ms-linear-gradient(top, #fff 0%, #e6e6e6 100%);

    background: linear-gradient(top, #fff 0%, #e6e6e6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e6e6e6',GradientType=0 );

    border: 1px solid #bbb;

}



.dxcustom.icons a {-webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

    -ms-transition: none;

    transition: none;}

.dxcustom.icons:hover {background: #cf0063; color:#fff;}

.dxcustom.icons:hover a, .dxcustom.icons:hover a:hover {color: #fff;     }

.dxcustom.icons .image-icon [class^="icon-"]:before {

    position: relative;

    display: inline-block;

    width: 110px;

    height: 80px;

    padding-top: 30px;

    background: #fff;

    border-radius: 100%;

    border: 3px solid #ececec;

    margin-top: -55px;

}

.dxcustom.icons .image-icon {

    float: none;

    text-align: center;

}





/*

.dxcustom ul {margin: 10px 0 10px 16px;}

.dxcustom li {line-height: 20px;}

.dxcustom.icons .icons_introimg.image-icon {

text-align: center;

margin-bottom: 20px;

}

.dxcustom.icons .image-icon [class^="icon-"]:before {

position: relative;

display: inline-block;

}



*/

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

.dxsingle_teaser .intro_images_introimg img {

border: 5px solid #e2e2e2;

border-radius: 2px;

-webkit-transition: 0.2s all linear;

-moz-transition: 0.2s all linear;

-o-transition: 0.2s all linear;

-ms-transition: 0.2s all linear;

transition: 0.2s all linear;

margin-bottom: 10px;

}



.dxsingle_teaser:hover .intro_images_introimg img{

border-color: rgba(159, 197, 14, 0.5);

}

.mod-dxarticle-category-title {

margin: 20px 0;

}

.dxsingle_teaser .btn {

}

/* Flickr */

#flickr {

margin: 0;

}

#flickr li{

margin:0 5px 5px 0;

display: inline-block;

list-style: none;

background-color: #c4c4c4;

line-height: 0 !important;

}



/*Social Buttons*/

/*icons, joomla3*/

.list-striped li,

.list-striped dd,

.row-striped .row,

.row-striped .row-fluid {

border-bottom: 1px solid #ddd;

padding: 8px;

list-style: none !important;

}

.list-striped li:nth-child(odd),

.list-striped dd:nth-child(odd),

.row-striped .row:nth-child(odd),

.row-striped .row-fluid:nth-child(odd) {

background-color: #f9f9f9;

}

.list-striped li:hover,

.list-striped dd:hover,

.row-striped .row:hover,

.row-striped .row-fluid:hover {

background-color: #f5f5f5;

}

.row-striped .row-fluid {

width: 97%;

}

.row-striped .row-fluid [class*="span"] {

min-height: 10px;

}

.row-striped .row-fluid [class*="span"] {

margin-left: 8px;

}

.row-striped .row-fluid [class*="span"]:first-child {

margin-left: 0;

}

.list-condensed li {

padding: 4px 5px;

}

.row-condensed .row,

.row-condensed .row-fluid {

padding: 4px 5px;

}

.list-bordered,

.row-bordered {

list-style: none;

line-height: 18px;

text-align: left;

vertical-align: middle;

margin-left: 0;

border: 1px solid #ddd;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

}

.radio.btn-group input[type=radio] {

display: none;

}

.radio.btn-group > label:first-of-type {

margin-left: 0;

-webkit-border-bottom-left-radius: 4px;

border-bottom-left-radius: 4px;

-webkit-border-top-left-radius: 4px;

border-top-left-radius: 4px;

-moz-border-radius-bottomleft: 4px;

-moz-border-radius-topleft: 4px;

}

fieldset.radio.btn-group {

padding-left: 0;

}

.iframe-bordered {

border: 1px solid #ddd;

}

.tab-content {

overflow: visible;

}

.tabs-left .tab-content {

overflow: auto;

}

.nav-tabs > li > span {

display: block;

margin-right: 2px;

padding-right: 12px;

padding-left: 12px;

padding-top: 8px;

padding-bottom: 8px;

line-height: 18px;

border: 1px solid transparent;

-webkit-border-radius: 4px 4px 0 0;

-moz-border-radius: 4px 4px 0 0;

border-radius: 4px 4px 0 0;

}

.btn-micro {

padding: 1px 4px;

font-size: 10px;

line-height: 8px;

}

.tip-wrap {

max-width: 200px;

padding: 3px 8px;

color: #fff;

text-align: center;

text-decoration: none;

background-color: #000;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

z-index: 100;

}

.page-header {

}

.input-prepend .chzn-container-single .chzn-single {

border-color: #ccc;

height: 26px;

-webkit-border-radius: 0 3px 3px 0;

-moz-border-radius: 0 3px 3px 0;

border-radius: 0 3px 3px 0;

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

}

.input-prepend .chzn-container-active .chzn-single-with-drop {

-webkit-border-radius: 0 3px 0 0;

-moz-border-radius: 0 3px 0 0;

border-radius: 0 3px 0 0;

}

.input-prepend .chzn-container-single .chzn-drop {

border-color: #ccc;

}

.input-prepend > .add-on,

.input-append > .add-on {

vertical-align: top;

}

.element-invisible {

position: absolute;

padding: 0;

margin: 0;

border: 0;

height: 1px;

width: 1px;

overflow: hidden;

}

.form-vertical .control-label {

float: none;

width: auto;

padding-right: 0;

padding-top: 0;

text-align: left;

}

.form-vertical .controls {

margin-left: 0;

}

.width-auto {

width: auto;

}

.btn-group .chzn-results {

white-space: normal;

}

.accordion-body.in:hover {

overflow: visible;

}

.invalid {

color: #9d261d;

font-weight: bold;

}

input.invalid {

border: 1px solid #9d261d;

}

.tip-text {

text-align: left;

}



/*!

 *  Font Awesome 3.0.2

 *  the iconic font designed for use with Twitter Bootstrap

 *  -------------------------------------------------------

 *  The full suite of pictographic icons, examples, and documentation

 *  can be found at: http://fortawesome.github.com/Font-Awesome/

 *

 *  License

 *  -------------------------------------------------------

 *  - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL

 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -

 *http://opensource.org/licenses/mit-license.html

 *  - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/

 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:

 *"Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"



 *  Contact

 *  -------------------------------------------------------

 *  Email: dave@davegandy.com

 *  Twitter: http://twitter.com/fortaweso_me

 *  Work: Lead Product Designer @ http://kyruus.com

 */

@font-face {

  font-family: 'FontAwesome';

  src: url('../fonts/fontawesome-webfont_v-3.0.1.eot');

  src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),

url('../fonts/fontawesome-webfont_v-3.0.1.woff') format('woff'),

url('../fonts/fontawesome-webfont_v-3.0.1.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

/*  Font Awesome styles

------------------------------------------------------- */

[class^="icon-"]:before,

[class*=" icon-"]:before {

font-size: 14px;

  font-family: FontAwesome;

  font-weight: normal;

  font-style: normal;

  text-decoration: inherit;

  -webkit-font-smoothing: antialiased;



  /* sprites.less reset */

  display: inline;

  width: auto;

  height: auto;

  line-height: normal;

  vertical-align: baseline;

  background-image: none;

  background-position: 0% 0%;

  background-repeat: repeat;

  margin-top: 0;

}

/* more sprites.less reset */

.icon-white,

.nav-pills > .active > a > [class^="icon-"],

.nav-pills > .active > a > [class*=" icon-"],

.nav-list > .active > a > [class^="icon-"],

.nav-list > .active > a > [class*=" icon-"],

.navbar-inverse .nav > .active > a > [class^="icon-"],

.navbar-inverse .nav > .active > a > [class*=" icon-"],

.dropdown-menu > li > a:hover > [class^="icon-"],

.dropdown-menu > li > a:hover > [class*=" icon-"],

.dropdown-menu > .active > a > [class^="icon-"],

.dropdown-menu > .active > a > [class*=" icon-"],

.dropdown-submenu:hover > a > [class^="icon-"],

.dropdown-submenu:hover > a > [class*=" icon-"] {

  background-image: none;

}

[class^="icon-"]:before,

[class*=" icon-"]:before {

  text-decoration: inherit;

  display: inline-block;

  speak: none;

}





span[class^="icon-"]:before, p[class^="icon-"]:before {

margin-right: 5px;

}



/* makes sure icons active on rollover in links */

a [class^="icon-"],

a [class*=" icon-"] {

  display: inline-block;

}

/* makes the font 33% larger relative to the icon container */

.icon-large:before {

  vertical-align: -10%;

  font-size: 1.3333333333333333em;

}

.btn [class^="icon-"],

.nav [class^="icon-"],

.btn [class*=" icon-"],

.nav [class*=" icon-"] {

  display: inline;

  /* keeps button heights with and without icons the same */



}

.btn [class^="icon-"].icon-large,

.nav [class^="icon-"].icon-large,

.btn [class*=" icon-"].icon-large,

.nav [class*=" icon-"].icon-large {

  line-height: .9em;

}

.btn [class^="icon-"].icon-spin,

.nav [class^="icon-"].icon-spin,

.btn [class*=" icon-"].icon-spin,

.nav [class*=" icon-"].icon-spin {

  display: inline-block;

}

.nav-tabs [class^="icon-"],

.nav-pills [class^="icon-"],

.nav-tabs [class*=" icon-"],

.nav-pills [class*=" icon-"] {

  /* keeps button heights with and without icons the same */



}

.nav-tabs [class^="icon-"],

.nav-pills [class^="icon-"],

.nav-tabs [class*=" icon-"],

.nav-pills [class*=" icon-"],

.nav-tabs [class^="icon-"].icon-large,

.nav-pills [class^="icon-"].icon-large,

.nav-tabs [class*=" icon-"].icon-large,

.nav-pills [class*=" icon-"].icon-large {

  line-height: .9em;

}

li [class^="icon-"],

.nav li [class^="icon-"],

li [class*=" icon-"],

.nav li [class*=" icon-"] {

  display: inline-block;

  width: 1.25em;

  text-align: center;

}

li [class^="icon-"].icon-large,

.nav li [class^="icon-"].icon-large,

li [class*=" icon-"].icon-large,

.nav li [class*=" icon-"].icon-large {

  /* increased font size for icon-large */



  width: 1.5625em;

}

ul.icons {

  list-style-type: none;

  text-indent: -0.75em;

}

ul.icons li [class^="icon-"],

ul.icons li [class*=" icon-"] {

  width: .75em;

}

.icon-muted {

  color: #eeeeee;

}

.icon-border {

  border: solid 1px #eeeeee;

  padding: .2em .25em .15em;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

.icon-2x {

  font-size: 2em;

}

.icon-2x.icon-border {

  border-width: 2px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

.icon-3x {

  font-size: 3em;

}

.icon-3x.icon-border {

  border-width: 3px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

.icon-4x {

  font-size: 4em;

}

.icon-4x.icon-border {

  border-width: 4px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

}

.pull-right {

  float: right;

}

.pull-left {

  float: left;

}

[class^="icon-"].pull-left,

[class*=" icon-"].pull-left {

  margin-right: .3em;

}

[class^="icon-"].pull-right,

[class*=" icon-"].pull-right {

  margin-left: .3em;

}

.btn [class^="icon-"].pull-left.icon-2x,

.btn [class*=" icon-"].pull-left.icon-2x,

.btn [class^="icon-"].pull-right.icon-2x,

.btn [class*=" icon-"].pull-right.icon-2x {

  margin-top: .18em;

}

.btn [class^="icon-"].icon-spin.icon-large,

.btn [class*=" icon-"].icon-spin.icon-large {

  line-height: .8em;

}

.btn.btn-small [class^="icon-"].pull-left.icon-2x,

.btn.btn-small [class*=" icon-"].pull-left.icon-2x,

.btn.btn-small [class^="icon-"].pull-right.icon-2x,

.btn.btn-small [class*=" icon-"].pull-right.icon-2x {

  margin-top: .25em;

}

.btn.btn-large [class^="icon-"],

.btn.btn-large [class*=" icon-"] {

  margin-top: 0;

}

.btn.btn-large [class^="icon-"].pull-left.icon-2x,

.btn.btn-large [class*=" icon-"].pull-left.icon-2x,

.btn.btn-large [class^="icon-"].pull-right.icon-2x,

.btn.btn-large [class*=" icon-"].pull-right.icon-2x {

  margin-top: .05em;

}

.btn.btn-large [class^="icon-"].pull-left.icon-2x,

.btn.btn-large [class*=" icon-"].pull-left.icon-2x {

  margin-right: .2em;

}

.btn.btn-large [class^="icon-"].pull-right.icon-2x,

.btn.btn-large [class*=" icon-"].pull-right.icon-2x {

  margin-left: .2em;

}

.icon-spin {

  display: inline-block;

  -moz-animation: spin 2s infinite linear;

  -o-animation: spin 2s infinite linear;

  -webkit-animation: spin 2s infinite linear;

  animation: spin 2s infinite linear;

}

@-moz-keyframes spin {

  0% { -moz-transform: rotate(0deg); }

  100% { -moz-transform: rotate(359deg); }

}

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(359deg); }

}

@-o-keyframes spin {

  0% { -o-transform: rotate(0deg); }

  100% { -o-transform: rotate(359deg); }

}

@-ms-keyframes spin {

  0% { -ms-transform: rotate(0deg); }

  100% { -ms-transform: rotate(359deg); }

}

@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(359deg); }

}

@-moz-document url-prefix() {

  .icon-spin {

height: .9em;

  }

  .btn .icon-spin {

height: auto;

  }

  .icon-spin.icon-large {

height: 1.25em;

  }

  .btn .icon-spin.icon-large {

height: .75em;

  }

}

/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen

readers do not read off random characters that represent icons */

.icon-glass:before{ content: "\f000"; }

.icon-music:before{ content: "\f001"; }

.icon-search:before   { content: "\f002"; }

.icon-envelope:before { content: "\f003"; }

.icon-heart:before{ content: "\f004"; }

.icon-star:before { content: "\f005"; }

.icon-star-empty:before   { content: "\f006"; }

.icon-user:before { content: "\f007"; }

.icon-film:before { content: "\f008"; }

.icon-th-large:before { content: "\f009"; }

.icon-th:before   { content: "\f00a"; }

.icon-th-list:before  { content: "\f00b"; }

.icon-ok:before   { content: "\f00c"; }

.icon-remove:before   { content: "\f00d"; }

.icon-zoom-in:before  { content: "\f00e"; }



.icon-zoom-out:before { content: "\f010"; }

.icon-off:before  { content: "\f011"; }

.icon-signal:before   { content: "\f012"; }

.icon-cog:before  { content: "\f013"; }

.icon-trash:before{ content: "\f014"; }

.icon-home:before { content: "\f015"; }

.icon-file:before { content: "\f016"; }

.icon-time:before { content: "\f017"; }

.icon-road:before { content: "\f018"; }

.icon-download-alt:before { content: "\f019"; }

.icon-download:before { content: "\f01a"; }

.icon-upload:before   { content: "\f01b"; }

.icon-inbox:before{ content: "\f01c"; }

.icon-play-circle:before  { content: "\f01d"; }

.icon-repeat:before   { content: "\f01e"; }



/* \f020 doesn't work in Safari. all shifted one down */

.icon-refresh:before  { content: "\f021"; }

.icon-list-alt:before { content: "\f022"; }

.icon-lock:before { content: "\f023"; }

.icon-flag:before { content: "\f024"; }

.icon-headphones:before   { content: "\f025"; }

.icon-volume-off:before   { content: "\f026"; }

.icon-volume-down:before  { content: "\f027"; }

.icon-volume-up:before{ content: "\f028"; }

.icon-qrcode:before   { content: "\f029"; }

.icon-barcode:before  { content: "\f02a"; }

.icon-tag:before  { content: "\f02b"; }

.icon-tags:before { content: "\f02c"; }

.icon-book:before { content: "\f02d"; }

.icon-bookmark:before { content: "\f02e"; }

.icon-print:before{ content: "\f02f"; }



.icon-camera:before   { content: "\f030"; }

.icon-font:before { content: "\f031"; }

.icon-bold:before { content: "\f032"; }

.icon-italic:before   { content: "\f033"; }

.icon-text-height:before  { content: "\f034"; }

.icon-text-width:before   { content: "\f035"; }

.icon-align-left:before   { content: "\f036"; }

.icon-align-center:before { content: "\f037"; }

.icon-align-right:before  { content: "\f038"; }

.icon-align-justify:before{ content: "\f039"; }

.icon-list:before { content: "\f03a"; }

.icon-indent-left:before  { content: "\f03b"; }

.icon-indent-right:before { content: "\f03c"; }

.icon-facetime-video:before   { content: "\f03d"; }

.icon-picture:before  { content: "\f03e"; }



.icon-pencil:before   { content: "\f040"; }

.icon-map-marker:before   { content: "\f041"; }

.icon-location:before   { content: "\f041"; }

.icon-adjust:before   { content: "\f042"; }

.icon-tint:before { content: "\f043"; }

.icon-edit:before { content: "\f044"; }

.icon-share:before{ content: "\f045"; }

.icon-check:before{ content: "\f046"; }

.icon-move:before { content: "\f047"; }

.icon-step-backward:before{ content: "\f048"; }

.icon-fast-backward:before{ content: "\f049"; }

.icon-backward:before { content: "\f04a"; }

.icon-play:before { content: "\f04b"; }

.icon-pause:before{ content: "\f04c"; }

.icon-stop:before { content: "\f04d"; }

.icon-forward:before  { content: "\f04e"; }



.icon-fast-forward:before { content: "\f050"; }

.icon-step-forward:before { content: "\f051"; }

.icon-eject:before{ content: "\f052"; }

.icon-chevron-left:before { content: "\f053"; }

.icon-chevron-right:before{ content: "\f054"; }

.icon-plus-sign:before{ content: "\f055"; }

.icon-minus-sign:before   { content: "\f056"; }

.icon-remove-sign:before  { content: "\f057"; }

.icon-ok-sign:before  { content: "\f058"; }

.icon-question-sign:before{ content: "\f059"; }

.icon-info-sign:before{ content: "\f05a"; }

.icon-screenshot:before   { content: "\f05b"; }

.icon-remove-circle:before{ content: "\f05c"; }

.icon-ok-circle:before{ content: "\f05d"; }

.icon-ban-circle:before   { content: "\f05e"; }



.icon-arrow-left:before   { content: "\f060"; }

.icon-arrow-right:before  { content: "\f061"; }

.icon-arrow-up:before { content: "\f062"; }

.icon-arrow-down:before   { content: "\f063"; }

.icon-share-alt:before{ content: "\f064"; }

.icon-resize-full:before  { content: "\f065"; }

.icon-resize-small:before { content: "\f066"; }

.icon-plus:before { content: "\f067"; }

.icon-minus:before{ content: "\f068"; }

.icon-asterisk:before { content: "\f069"; }

.icon-exclamation-sign:before { content: "\f06a"; }

.icon-gift:before { content: "\f06b"; }

.icon-leaf:before { content: "\f06c"; }

.icon-fire:before { content: "\f06d"; }

.icon-eye-open:before { content: "\f06e"; }



.icon-eye-close:before{ content: "\f070"; }

.icon-warning-sign:before { content: "\f071"; }

.icon-plane:before{ content: "\f072"; }

.icon-calendar:before { content: "\f073"; }

.icon-random:before   { content: "\f074"; }

.icon-comment:before  { content: "\f075"; }

.icon-magnet:before   { content: "\f076"; }

.icon-chevron-up:before   { content: "\f077"; }

.icon-chevron-down:before { content: "\f078"; }

.icon-retweet:before  { content: "\f079"; }

.icon-shopping-cart:before{ content: "\f07a"; }

.icon-folder-close:before { content: "\f07b"; }

.icon-folder-open:before  { content: "\f07c"; }

.icon-resize-vertical:before  { content: "\f07d"; }

.icon-resize-horizontal:before{ content: "\f07e"; }



.icon-bar-chart:before{ content: "\f080"; }

.icon-twitter-sign:before { content: "\f081"; }

.icon-facebook-sign:before{ content: "\f082"; }

.icon-camera-retro:before { content: "\f083"; }

.icon-key:before  { content: "\f084"; }

.icon-cogs:before { content: "\f085"; }

.icon-comments:before { content: "\f086"; }

.icon-thumbs-up:before{ content: "\f087"; }

.icon-thumbs-down:before  { content: "\f088"; }

.icon-star-half:before{ content: "\f089"; }

.icon-heart-empty:before  { content: "\f08a"; }

.icon-signout:before  { content: "\f08b"; }

.icon-linkedin-sign:before{ content: "\f08c"; }

.icon-pushpin:before  { content: "\f08d"; }

.icon-external-link:before{ content: "\f08e"; }



.icon-signin:before   { content: "\f090"; }

.icon-trophy:before   { content: "\f091"; }

.icon-github-sign:before  { content: "\f092"; }

.icon-upload-alt:before   { content: "\f093"; }

.icon-lemon:before{ content: "\f094"; }

.icon-phone:before{ content: "\f095"; }

.icon-check-empty:before  { content: "\f096"; }

.icon-bookmark-empty:before   { content: "\f097"; }

.icon-phone-sign:before   { content: "\f098"; }

.icon-twitter:before  { content: "\f099"; }

.icon-facebook:before { content: "\f09a"; }

.icon-github:before   { content: "\f09b"; }

.icon-unlock:before   { content: "\f09c"; }

.icon-credit-card:before  { content: "\f09d"; }

.icon-rss:before  { content: "\f09e"; }



.icon-hdd:before  { content: "\f0a0"; }

.icon-bullhorn:before { content: "\f0a1"; }

.icon-bell:before { content: "\f0a2"; }

.icon-certificate:before  { content: "\f0a3"; }

.icon-hand-right:before   { content: "\f0a4"; }

.icon-hand-left:before{ content: "\f0a5"; }

.icon-hand-up:before  { content: "\f0a6"; }

.icon-hand-down:before{ content: "\f0a7"; }

.icon-circle-arrow-left:before{ content: "\f0a8"; }

.icon-circle-arrow-right:before   { content: "\f0a9"; }

.icon-circle-arrow-up:before  { content: "\f0aa"; }

.icon-circle-arrow-down:before{ content: "\f0ab"; }

.icon-globe:before{ content: "\f0ac"; }

.icon-wrench:before   { content: "\f0ad"; }

.icon-tasks:before{ content: "\f0ae"; }



.icon-filter:before   { content: "\f0b0"; }

.icon-briefcase:before{ content: "\f0b1"; }

.icon-fullscreen:before   { content: "\f0b2"; }



.icon-group:before{ content: "\f0c0"; }

.icon-link:before { content: "\f0c1"; }

.icon-cloud:before{ content: "\f0c2"; }

.icon-beaker:before   { content: "\f0c3"; }

.icon-cut:before  { content: "\f0c4"; }

.icon-copy:before { content: "\f0c5"; }

.icon-paper-clip:before   { content: "\f0c6"; }

.icon-save:before { content: "\f0c7"; }

.icon-sign-blank:before   { content: "\f0c8"; }

.icon-reorder:before  { content: "\f0c9"; }

.icon-list-ul:before  { content: "\f0ca"; }

.icon-list-ol:before  { content: "\f0cb"; }

.icon-strikethrough:before{ content: "\f0cc"; }

.icon-underline:before{ content: "\f0cd"; }

.icon-table:before{ content: "\f0ce"; }



.icon-magic:before{ content: "\f0d0"; }

.icon-truck:before{ content: "\f0d1"; }

.icon-pinterest:before{ content: "\f0d2"; }

.icon-pinterest-sign:before   { content: "\f0d3"; }

.icon-google-plus-sign:before { content: "\f0d4"; }

.icon-google-plus:before  { content: "\f0d5"; }

.icon-money:before{ content: "\f0d6"; }

.icon-caret-down:before   { content: "\f0d7"; }

.icon-caret-up:before { content: "\f0d8"; }

.icon-caret-left:before   { content: "\f0d9"; }

.icon-caret-right:before  { content: "\f0da"; }

.icon-columns:before  { content: "\f0db"; }

.icon-sort:before { content: "\f0dc"; }

.icon-sort-down:before{ content: "\f0dd"; }

.icon-sort-up:before  { content: "\f0de"; }



.icon-envelope-alt:before { content: "\f0e0"; }

.icon-linkedin:before { content: "\f0e1"; }

.icon-undo:before { content: "\f0e2"; }

.icon-legal:before{ content: "\f0e3"; }

.icon-dashboard:before{ content: "\f0e4"; }

.icon-comment-alt:before  { content: "\f0e5"; }

.icon-comments-alt:before { content: "\f0e6"; }

.icon-bolt:before { content: "\f0e7"; }

.icon-sitemap:before  { content: "\f0e8"; }

.icon-umbrella:before { content: "\f0e9"; }

.icon-paste:before{ content: "\f0ea"; }

.icon-lightbulb:before{ content: "\f0eb"; }

.icon-exchange:before { content: "\f0ec"; }

.icon-cloud-download:before   { content: "\f0ed"; }

.icon-cloud-upload:before { content: "\f0ee"; }



.icon-user-md:before  { content: "\f0f0"; }

.icon-stethoscope:before  { content: "\f0f1"; }

.icon-suitcase:before { content: "\f0f2"; }

.icon-bell-alt:before { content: "\f0f3"; }

.icon-coffee:before   { content: "\f0f4"; }

.icon-food:before { content: "\f0f5"; }

.icon-file-alt:before { content: "\f0f6"; }

.icon-building:before { content: "\f0f7"; }

.icon-hospital:before { content: "\f0f8"; }

.icon-ambulance:before{ content: "\f0f9"; }

.icon-medkit:before   { content: "\f0fa"; }

.icon-fighter-jet:before  { content: "\f0fb"; }

.icon-beer:before { content: "\f0fc"; }

.icon-h-sign:before   { content: "\f0fd"; }

.icon-plus-sign-alt:before{ content: "\f0fe"; }



.icon-double-angle-left:before{ content: "\f100"; }



.icon-first:before{ content: "\f100"; }



.icon-double-angle-right:before   { content: "\f101"; }



.icon-last:before   { content: "\f101"; }



.icon-double-angle-up:before  { content: "\f102"; }

.icon-double-angle-down:before{ content: "\f103"; }

.icon-angle-left:before   { content: "\f104"; }



.icon-previous:before   { content: "\f104"; }



.icon-angle-right:before  { content: "\f105"; }



.icon-next:before  { content: "\f105"; }



.icon-angle-up:before { content: "\f106"; }

.icon-angle-down:before   { content: "\f107"; }

.icon-desktop:before  { content: "\f108"; }

.icon-laptop:before   { content: "\f109"; }

.icon-tablet:before   { content: "\f10a"; }

.icon-mobile-phone:before { content: "\f10b"; }

.icon-circle-blank:before { content: "\f10c"; }

.icon-quote-left:before   { content: "\f10d"; }

.icon-quote-right:before  { content: "\f10e"; }



.icon-spinner:before  { content: "\f110"; }

.icon-circle:before   { content: "\f111"; }

.icon-reply:before{ content: "\f112"; }

.icon-github-alt:before   { content: "\f113"; }

.icon-folder-close-alt:before { content: "\f114"; }

.icon-folder-open-alt:before  { content: "\f115"; }

/*social icons*/





/*socialico*/

@font-face {

font-family: 'socialicoregular';

src: url('../fonts/socialico-webfont.eot');

src: url('../fonts/socialico-webfont.eot#iefix') format('embedded-opentype'),

 url('../fonts/socialico-webfont.woff') format('woff'),

 url('../fonts/socialico-webfont.ttf') format('truetype'),

 url('../fonts/socialico-webfont.svg') format('svg');

font-weight: normal;

font-style: normal;

}





a[class^="socialico-"] {font-size: 0px !important; display: inline-block; color:black; opacity: 0.2; text-shadow: 0 0 1px white;}

a[class^="socialico-"]:hover {opacity: 0.8;}

a[class^="socialico-"]:before {display: inline-block; text-indent: 0; overflow: hidden; font-size: 36px; width: auto; height: auto;font-family: 'socialicoregular';line-height: 1em;}



#topline a[class^="socialico-"]:before, #copyright a[class^="socialico-"]:before {

font-size: 49px; color:#fff; 

text-shadow: none;

line-height: 28px; 

vertical-align: bottom;

-webkit-transition: all 0.4s linear 0s;

-moz-transition: all 0.4s linear 0s;

-o-transition: all 0.4s linear 0s;

-ms-transition: all 0.4s linear 0s;

transition: all 0.4s linear 0s;

margin: 0 2px;

}

#copyright a [class^="socialico-"]:before {

  line-height: 64px;

}

#topline a[class^="socialico-"]:before {color:#fff; font-size: 30px; }

#topline a[class^="socialico-"]:hover:before, #copyright a[class^="socialico-"]:hover:before {

color: #474747;

text-shadow: 1px 1px rgba(255, 255, 255, 0.2);

-webkit-transition: all 0.1s linear 0s;

-moz-transition: all 0.1s linear 0s;

-o-transition: all 0.1s linear 0s;

-ms-transition: all 0.1s linear 0s;

transition: all 0.1s linear 0s;

}

#topline a[class^="socialico-"]:hover:before {

color: #e9e9e9;

}

a.socialico-soundcloud-rounded:before {content: "!";}

a.socialico-pinterest-rounded:before {content: "&";}

a.socialico-windows-rounded:before {content: "0";}

a.socialico-addthis-rounded:before {content: "1";}

a.socialico-sharethis-rounded:before {content: "2";}

a.socialico-picasa-rounded:before {content: "4";}

a.socialico-lastfm-rounded:before {content: "5";}

a.socialico-technorati-rounded:before {content: "?";}

a.socialico-mac-rounded:before {content: "@";}

a.socialico-dribble-rounded:before {content: "d";}

a.socialico-behance-rounded:before {content: "b";}

a.socialico-facebook-rounded:before {content: "f";}

a.socialico-google-rounded:before {content: "g";}

a.socialico-skype-rounded:before {content: "h";}

a.socialico-linkedin-rounded:before {content: "i";}

a.socialico-deviantart-rounded:before {content: "j";}

a.socialico-bing-rounded:before {content: "k";}

a.socialico-twitter-rounded:before {content: "l";}

a.socialico-myspace-rounded:before {content: "m";}

a.socialico-flickr-rounded:before {content: "n";}

a.socialico-tumblr-rounded:before {content: "o";}

a.socialico-paypal-rounded:before {content: "p";}

a.socialico-rss-rounded:before {content: "r";}

a.socialico-stumbleupon-rounded:before {content: "s";}

a.socialico-blogger-rounded:before {content: "u";}

a.socialico-vimeo-rounded:before {content: "v";}

a.socialico-wordpress-rounded:before {content: "w";}

a.socialico-youtube-rounded:before {content: "x";}

a.socialico-yahoo-rounded:before {content: "y";}

a.socialico-aim-rounded:before {content: "z";}



a.socialico-dribble:before {content: "D";}

a.socialico-behance:before {content: "E";}

a.socialico-facebook:before {content: "F";}

a.socialico-google:before {content: "G";}

a.socialico-skype:before {content: "H";}

a.socialico-linkedin:before {content: "I";}

a.socialico-deviantart:before {content: "J";}

a.socialico-bing:before {content: "K";}

a.socialico-twitter:before {content: "L";}

a.socialico-myspace:before {content: "M";}

a.socialico-flickr:before {content: "N";}

a.socialico-tumblr:before {content: "T";}

a.socialico-paypal:before {content: "P";}

a.socialico-rss:before {content: "R";}

a.socialico-stumbleupon:before {content: "S";}

a.socialico-blogger:before {content: "B";}

a.socialico-vimeo:before {content: "V";}

a.socialico-wordpress:before {content: "W";}

a.socialico-youtube:before {content: "X";}

a.socialico-yahoo:before {content: "Y";}

a.socialico-aim:before {content: "Z";}



/**** Isotope Filtering ****/

.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



/**** Isotope CSS3 transitions ****/



.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

 -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

   -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

 -moz-transition-property: height, width;

  -ms-transition-property: height, width;

   -o-transition-property: height, width;

  transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

 -moz-transition-property:-moz-transform, opacity;

  -ms-transition-property: -ms-transform, opacity;

   -o-transition-property:  -o-transform, opacity;

  transition-property: transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

 -moz-transition-duration: 0s;

  -ms-transition-duration: 0s;

   -o-transition-duration: 0s;

  transition-duration: 0s;

}



/*prettyPhoto*/

a.lightbox-prettyphoto {

position: relative; 

float: left;

background: none repeat scroll 0 0 #FFFFFF;

border-radius: 4px 4px 4px 4px;

box-shadow: 0 0 0 1px #E7E7E7 inset;

display: inline-block;

padding: 5px;

margin: 0 10px 10px 0;

}

a.lightbox-prettyphoto img {

border-radius: 4px;

}

a.lightbox-prettyphoto:hover img {

opacity: 0.7;

}

.lightbox-prettyphoto span {

background: url("https://genevasummerschools.ch/templates/ecoline/images/magnify.png") no-repeat scroll 50% 50% transparent;

display: block;

height: 100%;

left: 0;

position: absolute;

top: 0;

width: 100%;

z-index: 1;

}

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}

div.pp_default .pp_top .pp_left{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite.png) -78px -93px no-repeat}

div.pp_default .pp_top .pp_middle{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite_x.png) top left repeat-x}

div.pp_default .pp_top .pp_right{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite.png) -112px -93px no-repeat}

div.pp_default .pp_content .ppt{color:#f8f8f8}

div.pp_default .pp_content_container .pp_left{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}

div.pp_default .pp_content_container .pp_right{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite_y.png) top right repeat-y;padding-right:13px}

div.pp_default .pp_next:hover{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite_next.png) center right no-repeat;cursor:pointer}

div.pp_default .pp_previous:hover{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}

div.pp_default .pp_expand{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}

div.pp_default .pp_expand:hover{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}

div.pp_default .pp_contract{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}

div.pp_default .pp_contract:hover{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}

div.pp_default .pp_close{width:30px;height:30px;background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}

div.pp_default .pp_gallery ul li a{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}

div.pp_default .pp_social{margin-top:7px; float: right; margin-right: 14px;}

div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}

div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}

div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}

div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}

div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}

div.pp_default .pp_content_container .pp_details{margin-top:5px}

div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}

div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}

div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}

div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}

div.pp_default .pp_bottom .pp_left{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite.png) -78px -127px no-repeat}

div.pp_default .pp_bottom .pp_middle{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite_x.png) bottom left repeat-x}

div.pp_default .pp_bottom .pp_right{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/sprite.png) -112px -127px no-repeat}

div.pp_default .pp_loaderIcon{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/default/loader.gif) center center no-repeat}

div.pp_pic_holder a:focus{outline:none}

div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}

div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}

.pp_content{height:40px;min-width:40px}

* html .pp_content{width:40px}

.pp_content_container{position:relative;text-align:left;width:100%}

.pp_content_container .pp_left{padding-left:20px}

.pp_content_container .pp_right{padding-right:20px}

.pp_content_container .pp_details{float:left;margin:10px 0 2px}

.pp_description{display:none;margin:0}

.pp_social{float:left;margin:0}

.pp_social .facebook{float:left;margin-left:5px;width:95px;overflow:hidden}

.pp_social .twitter{float:left}

.pp_nav{clear:right;float:left;margin:3px 10px 0 0}

.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}

.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}

a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}

.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}

.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}

.pp_gallery div{float:left;overflow:hidden;position:relative}

.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}

.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}

.pp_gallery ul a img{border:0}

.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}

.pp_gallery li.default a{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}

.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}

a.pp_next{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/light_rounded/btnnext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}

a.pp_previous{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/light_rounded/btnnext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}

a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}

a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}

.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}

#pp_full_res{line-height:1!important}

#pp_full_res .pp_inline{text-align:left}

#pp_full_res .pp_inline p{margin:0 0 15px}

div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}

div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}

div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}

div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}

div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}

div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}

div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}

div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}

div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}

div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}

div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/light_rounded/loader.gif) center center no-repeat}

div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(https://genevasummerschools.ch/templates/ecoline/images/prettyphoto/dark_rounded/contentpattern.png) top left repeat}

div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}

div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}

.pp_top,.pp_bottom{height:20px;position:relative}

* html .pp_top,* html .pp_bottom{padding:0 20px}

.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}

.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}

* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}

.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}

.pp_fade,.pp_gallery li.default a img{display:none}