@charset "UTF-8";

/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Chewy&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/*copyright rogeriodesouza.com 2015
feel free to use these styles as you wish
*/

/* desolve color palette
#4C4341     rgb(76, 67, 65)  ASH
#646266      rgb(100, 98, 102)  DULL GRAY
#7B798F     rgb(123, 121, 143)  PEWTER BLUE
#ADA982    rgb(173, 169, 130)  DARK TAN
#D8D5BC   rgb(216, 213, 188)  MED TAN
#EDE4D6   rgb(237, 228, 214)  LIGHT TAN
#667F6A     rgb(102, 127, 106)  DARK GREEN
*/

/*Global styles -----------------------------------------------------------------------------------------------------------*/

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}

h4 {
    font: 100% Ubuntu, Verdana, Tahoma, sans-serif;
    font-size: 1.2em;
    color: #000000;
    margin-top: 10px;
    font-weight: 400;
}

a {
	text-decoration: none;
	color: rgb(159, 156, 180);
	border-bottom: none;
}

a:hover {
	color: #7B798F;
}

#speach a:hover { color: #000000; }

a:focus {
    outline: thin dotted;
}

a img {
	border: none;
	outline: 0;
}

.preview a {
	display: block;
	height:100%;
}

.preview a:hover {
	border: none;
}

a.phone {
	border: none;
	color: inherit;
}

a.phone:hover {
	border: none;
	color: inherit;
	cursor: default;
}

ul {
	list-style: none;
}

html {
    background: rgb(255, 255, 255);
}

body {
    font: 100% Ubuntu, Arial, Helvetica, sans-serif;
    line-height: 1.5;
    color: #000000;
    font-weight: 300;
    font-style: normal;
    
    overflow-x: hidden;
}

#mainNav h2, #mainNav #menuToggle {
	display: none;
}

nav ul {
    list-style: none; margin: 0; padding: 0
}

nav > ul > li { float: left; }

/* header styles general */
header {
    width: 100%;
    padding-top: 1.5px;
    overflow: hidden;
    margin-bottom: .3em;
    background-color: #fff;
    height: 130px;
    
}

#menucontainer {
    width: 980px;
    height: 90px;
    background: #fff;
    padding-top: 60px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}

#evaName {
    border: 1px solid #fff;
    float: right;
    width: 190px;
    height: 80px;
    margin-right: 0;
    margin-top: 0;
    padding-right: 70px;
    
}

#evaName h1 {
    font: 100% Ubuntu, Arial, Helvetica, sans-serif;
    font-size: 2.3em;
    color: #000000;
    background-color: #ffffff;
    vertical-align: text-bottom;
    font-weight: 400;
}

#evaNamemob {
    border: 1px solid #fff;
    visibility: hidden;
    display: block;
    float: left;
}

/* nav styles general */
#mainNav {
    border: 1px solid #fff;
    width: 670px;
    height: 20px;
    float: right;
    background: #fff;
    margin-right: 0px;
    margin-top: 15px;
    
}
#mainNav li {
    padding-right: 15px;
}
#mainNav a, #mainNav h3 {
    font: 100% Ubuntu, Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
    display: block;
    color: rgb(159, 156, 180);
    border: none;
}

#mainNav a:hover { color: rgb(0, 0, 0); }

#mainNav a.current {
    color: #000000;
    cursor: default;
}

/* languages link */
#speach {
    border: 1px solid #fff;
	float: right;
    text-align: left;
    height: 30px;
    width: 30px;
    background: #fff;
    margin-top: 10px;
    font-weight: 400;
}

.lingua {
    color: rgb(159, 156, 180);
	border: none;
	text-decoration: none;
}

#speachmob {
    border: 1px solid #fff;
    visibility: hidden;
    display: block;
}

.linguamob {
    visibility: hidden;
}

/* Latest h2 styles */
#latest h2 {
    font: 100% Ubuntu, Arial, Helvetica, sans-serif;
    font-size: 2em;
    color: #000000;
    background-color: #ffffff;
    vertical-align: text-bottom;
}

/* PROJECT GALLERY */
#pjct-section-gallery {
  background: none repeat scroll 0 0 #ffffff;
  color: #ffffff;
}
#pjct-gallery-padding {
  padding:10px 0 20px;
}
#pjct-gallery-wrapper {
  position: relative;
}
#pjct-gallery-content {
  position: relative;
  z-index: 33;
}
.carousel-image-wrapper {
  opacity: 1;
  transition: opacity 300ms linear 0s;
}
.center .carousel-image-wrapper {
  opacity: 1;
}
.owl-item img {
  max-height:600px;
  width:auto !important;
}
#gallery-controls-wrapper {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 100%;
  z-index: 44;
}

.owl-prev, .owl-next {
  position:absolute;
  top:101.5%;
  padding:0px;
  margin:0px;
  z-index:120;
  cursor:pointer;
  background:transparent;  
}

.owl-prev {
  left:32%;
}

.owl-next {
  right:32%;
}

.fa-chevron-left {
    color: rgb(100, 98, 102);
}

.fa-chevron-right {
    color: rgb(100, 98, 102);
}

.owl-theme .owl-controls .owl-nav .owl-buttons {
  color: #000000;
  display: inline-block;
  *display: inline;/*IE7 life-saver */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: transparent;
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 0;
  
}

.owl-theme .owl-controls .owl-nav .owl-buttons :hover {
  color:rgb(159, 156, 180);
  }

/* SLICK CAROUSEL */

.slick-carousel {
    width: 100%;
    height: 100%;
    margin: auto;
}
.slick-carousel img{
    min-height: 300px;
    max-height:600px;
    margin: 0px, 5px, 0px, 0px;
    display: block;
}
.slick-carousel .item {
    margin: 0px, 5px, 0px, 0px;
}
.slick-slide {
    margin: 7px 5px 5px 0px;
}
.slick-list {
    margin: 0 -3px;
}
.fa-chevron-left {
    position: absolute;
    top: 101%;
    left: 47%;
    z-index: 10;
    
}
.fa-chevron-right {
    position: absolute;
    top: 101%;
    left: 52%;
    z-index: 10;
    
}


/* END SLICK CAROUSEL */

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and and (-webkit-min-device-pixel-ratio: 2),
only screen and and (-webkit-min-device-pixel-ratio: 3){
  
    html,
  body{
    width:100%;
    overflow-x:hidden;
  }

}

/* section styles - General ----------------------------------------------------------------------------------------------*/
#contentpage {
    width:  50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 33px;
}
   
#latest {
    float: left;
    width: 64%;
}

#latest p {
    padding-bottom: 1.1em;
}

#site-social-icons {
    width: 30%;
    float: right;   
}

.evabio li{
    margin-top: 10px;
}

.evabio li:first-child {
    margin-top:0;
}

.subtitle {
    font: 100% Ubuntu, Arial, Helvetica, sans-serif;
    line-height: 1.5;
    font-weight: 500;
    color: #000000;
}

.evacotes {
    font: 100% Ubuntu, Arial, Helvetica, sans-serif;
    line-height: 1.5;
    font-weight: 400;
    font-style: italic;
    color: #000000;
}

.cotes {
    font: 100% Ubuntu, Arial, Helvetica, sans-serif;
    line-height: 1.5;
    font-weight: 400;
    font-style: italic;
    color: #000000;
}

.cotesnames {
    font: 100% Ubuntu, Arial, Helvetica, sans-serif;
    display: block;
    margin-top: -13px;
    font-size: .8em;
    line-height: 1.3;
    font-weight: 300;
    color: #000000;
}

/* footer styles general */
#pageFooter {
    width:  80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 20px;
    clear: both;
}

#pageFooter p {
    font: Ubuntu, Arial, Helvetica, sans-serif;
    color: rgb(0, 0, 0);
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
}

/* audio styles ------------------------------------------------------------------------------------------------------------------------------ */
.linkmusics a {
    font-weight: 500;
}

.toppage {
    color: rgb(159, 156, 180);
    font-weight: 500;
    line-height: 2.1em;
}

.subaudio {
    font: 100% Ubuntu, Arial, Helvetica, sans-serif;
    display: block;
    font-weight: 500;
    color: #000000; 
    margin-bottom: -10px;
}

.cdoder {
    font-size: 0.9em;
}

.clickoder {
    font-weight: 500;
}

#CD1 {
    margin: 0px 0px 10px 0px;
    display: block;
}

#CD2 {
    margin: 0px 0px 10px 0px;
    display: block;
}

#CD3 {
    margin: 0px 0px 10px 0px;
    display: block;
}

#Comps  {
    margin: 0px 0px 10px 0px;
    display: block;
}

.cdname {
    line-height: 1.1em;
    font-weight: 500;
}

@media screen and (min-width: 50em) {
.cdname br {
        display: none;
    }
}

.cdname1 {
    line-height: 1.1em;
    font-weight: 500;
    padding-top: 10px;
}

@media screen and (min-width: 50em) {
.cdname br {
        display: none;
    }
}

.compname {
    font-style: italic;
    line-height: .9em;
}

.compname1 {
    font-style: italic;
    line-height: .9em;
    padding-top: 10px;
}

.musicname {
    color: #000000;
    padding: 10px 0 4px 10px;
    display: block;
    line-height: 1.1em;
    font-weight: 400;
}

@media screen and (min-width: 50em) {
.musicname br { 
       display: none;
    }
 }
@media screen and (min-width: 50em) {
#CD1 br { 
       display: none;
    }
 }
@media screen and (min-width: 50em) {
#CD2 br { 
       display: none;
    }
 }
@media screen and (min-width: 50em) {
#CD3 br { 
       display: none;
    }
 }
@media screen and (min-width: 50em) {
Comps br { 
       display: none;
    }
 }

.piece {
    padding-left: 10px;
    padding-bottom: 4px;
    display: block;
    line-height: 1.1em;
    
}

.musiclink {
    margin-left: 10px;
    margin-bottom: 7px;
    display: block;
    background-color: #000000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    -khtml-border-radius: 3px; /* for old Konqueror browsers */
}

.linktocomps {
   color: rgb(159, 156, 180);
    font-weight: 500; 
}

/* Concerts styles ------------------------------------------------------------------------------------------------------------------------------ */
.subconcerts {
    font-size: 0.9em;
    font-weight: 400;
    display: block;
    color: #fff;
    margin-bottom: 10px;
    background-color: #000000;
    width: 60px;
    height: 6px;
    padding: 4px 0px 0px 10px;
    
}

.subconcertsde {
    font-size: 0.9em;
    font-weight: 400;
    display: block;
    color: #fff;
    margin-bottom: 10px;
    background-color: #000000;
    width: 105px;
    height: 8px;
    padding: 4px 0px 0px 10px;
    
}

.concdate {
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: 500; 
}

.infoconc {
    display: block;
    margin-left: 10px;
    margin-bottom: 10px;
}
.concname {
    font-style: italic;
    display: block;
    line-height: 20px;
    margin-bottom: 5px;
}

.concnamesb {
    font-size: 0.9em;
    font-style: italic;
    display: block;
    margin-top: -2px;
    margin-bottom: 5px;
    line-height: 15px;
}

.localname {
    font-size: 0.9em;
    display: block;
    margin-bottom: 2px;
}

.conchour {
    font-size: 0.9em;
    font-weight: 500;
}

.extrainfo {
    font-size: 0.8em;
}

.concertlist {
    display: block;
    margin-bottom: 20px;
}

.pdflink {
    font-weight: 500;
}

.bandname {
    display: block;
    line-height: 1.2em;
    font-size: 0.9em;
    font-weight: 500;
    font-style: normal;
    margin-top: 8px;
}

/* Contact styles ------------------------------------------------------------------------------------------------------------------------------ */

.phone {
    font-size: 1.3em;
    font-weight: 500;
}

.email {
    font-size: 1.1em;
    font-weight: 500;
}

.email1 {
    font-size: 1em;
    font-weight: 400;
}

.credits {
    font-size: 0.9em;
    display: block;
    margin-top: 10px;
}

/* Table styles ------------------------------------------------------------------------------------------------------------------------------ */
.tabtitle {
    font-weight: 400;
}
table {
    border: 0px;
    border-collapse: collapse;
    margin-top: 10px;
}
th {
    
}
td {
    padding: 5px 5px 5px 20px;
}
td:first-child {
    padding-left: 25px;
}
tr:nth-child(odd) {
    
}

/* Social Share styles --------------------------------------------------------------------------------------------------------- */
.social-share {
	
}

	/* links within the share container */
	.social-share a {
		display: inline-block;
        float: right;
		margin: 0 0.5em 0.5em 0;
		background: #bdbcc7;
		color:#7f2e00;
		padding: 0.2em 0.4em 0.6em 0.4em;
		text-align: center;
		width: 17px;
		height: 17px;
		-moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px; /* future proofing */
        -khtml-border-radius: 3px; /* for old Konqueror browsers */
		-webkit-transition: background 0.25s ease-in, color 0.25s ease-in;
		-o-transition: background 0.25s ease-in, color 0.25s ease-in;
		transition: background 0.25s ease-in, color 0.25s ease-in;
	}
    .social-share a:hover {
        background: #000000;
        color: #fff;
    }
	.social-share .social-share-link {
		color:#fff;
	}

/* Retina Graphics */

@media only screen and (-webkit-device-pixel-ratio: 1){
.image{ ... }
}

@media only screen and (-webkit-device-pixel-ratio: 2){
.image{ ... }
}

/* mobile styles ------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 594px) {

/* body mobile styles */
body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-width: 300px;
    max-width: 800px;
    position: relative;
}
    
/* header mobile styles */
header {
    height: 70px;
    width:  100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}
    
#menucontainer {
    height: 60px;
    width:  100%;
    }

/* evaName mobile styles */
#evaName {
   visibility: hidden;
}
    
#evaNamemob {
    visibility: visible;
    width: 160px;
    padding-left: 1em;
}

#evaNamemob h1 {
    font-size: 1.8em;
    font-weight: 400;
    vertical-align: text-bottom;
}
    
/*nav mobile styles*/
#mainNav {
	width: 240px;
	margin: 0;
	margin-top: -1.2em;
	background: white;
    float: left;
	overflow: visible;
    position: absolute;
    z-index: 300;
}

#mainNav li {
	margin: 0;
	float: none;
	position: relative;
}
.topMenu {
	max-height: 0;
	visibility: hidden;
}
.topMenu.expand {
	max-height: 600em;
	visibility: visible;
    width: 200px;
    background: #bdbcc7;
    float: left;
    margin-left: -2px;
}
.topMenu.expand li {
    width: 200px;
}

#mainNav a, #mainNav h3 {
	font-size: 1.2em;
	text-align: left;
	color: #7b7b7b;	
	display: block;
	margin-bottom: 1px;
	background: white;
	padding-left: 1em;
	line-height: 2em;
	text-transform: uppercase;
	cursor: pointer;
}
#mainNav a:hover {
	color: #000000;
}
#mainNav a.current {
	color: #000000;
}
#mainNav span.indicator {
    font: 100% Tahoma, Verdana, Helvetica, sans-serif;
	position: absolute;
	right: 0.8em;
    font-size: 2em;
    padding-top: .28em;
}
#mainNav .menuToggle a {
    color: #000000;
}
/*dropdown menu styles*/
#mainNav ul.submenu {
	float: none;
	width: auto;
	height: auto;
	max-height: 0;
	-moz-transition:max-height 0.5s ease;
	-webkit-transition:max-height 0.5s ease;
	-o-transition:max-height 0.5s ease;
	transition:max-height 0.5s ease;
	overflow: hidden;
}
#mainNav ul.submenu.expand {
	max-height: 20em;
}

#mainNav ul.submenu li a {
	padding: .2em 1em;
	white-space: nowrap;
	color: #000000;
	text-align: left;
	font-size: 1.1em;
	padding-left: 1em;
	background: rgb(214, 214, 214);
}
#mainNav .menuToggle {
	display: block;
	background: rgb(76, 67, 65);
	width: 8em;
	margin-bottom: .1.5;
	position: relative;
}
.menuToggle a {
	text-align: center;
	padding: 0;
}
    
/* languages link */
#speachmob {
    visibility: visible;
    border: 1px solid #fff;
	float: right;
    font-size: 1.4em;
    font-weight: 400;
    text-align: left;
    height: 30px;
    width: 30px;
    background: #fff;
    margin-right: 1em;
    margin-top: 0.3em;
}

.linguamob {
    visibility: visible;
    color: rgb(159, 156, 180);
	border: none;
	text-decoration: none;
}
    
/* section styles - mobile */
#contentpage {
    width:  100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px;
}
   
#latest {
    float: left;
    width: 70%;
    padding-left: 5%;
    
}
    
#site-social-icons {
    float: right;
    width: 20%;
    padding-right: 2%;
}    

/* owl slide and slick mobile */
.owl-item img {
    min-height: 300px;
    max-height: 300px;
}

.slick-carousel img{
    min-height: 300px;
    max-height: 300px;
}
    
.fa-chevron-left {
    position: absolute;
    top: 101%;
    left: 42%;
    z-index: 10;
    
}
.fa-chevron-right {
    position: absolute;
    top: 101%;
    left: 58%;
    z-index: 10;
    
}
    
}

/* tablet portrait ----------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 595px) and (max-width: 974px) {

/* body tablet styles */
body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-width: 500px;
    max-width: 800px;
}
    
/* header tablet styles */
header {
    width: 100%;
    padding-top: 1.5px;
    overflow: hidden;
    margin-bottom: .3em;
    background-color: #fff;
    height: 130px;
}
    
#menucontainer {
    width: 850px;
    height: 150px;
    background: #fff;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

#evaName {
    border: 1px solid #fff;
    float: right;
    width: 135px;
    height: 200px; 
    margin-top: 52px;
    padding-right: 8px;
    display: block;
}

#evaName h1 {
    font: 100% Ubuntu, Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    color: #000000;
    background-color: #ffffff;
    vertical-align: text-bottom;
    font-weight: 400;
}
    
/* mainNav styles */
#mainNav {
    border: 1px solid #fff;
    width: 560px;
    height: 100px;
    float: right;
    background: #fff;
    margin-right: 0px;
    margin-top: 63px;
    display: block;
    
}
#mainNav li {
    font-size: .8em;
    padding-right: 15px;
}
#mainNav a, #mainNav h3 {
    font: 100% Ubuntu, Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
    display: block;
    color: rgb(159, 156, 180);
    border: none;
}

#mainNav a:hover { color: rgb(0, 0, 0); }

#mainNav a.current {
    color: #000000;
    cursor: default;
}

/* languages link */
#speach {
    border: 1px solid #fff;
	float: right;
    font-size: .8em;
    text-align: left;
    height: 30px;
    width: 30px;
    background: #fff;
    margin-right: 100px;
    margin-top: 62px;
    visibility: visible;
}

.lingua {
    color: rgb(159, 156, 180);
	border: none;
	text-decoration: none;
}
    
/*dropdown menu styles*/
#mainNav ul.submenu {
    float: none;
	width: auto;
	height: auto;
	padding-top: .5em;
	max-height: 0;
	-moz-transition:max-height 0.2s ease;
	-webkit-transition:max-height 0.2s ease;
	-o-transition:max-height 0.2s ease;
	transition:max-height 0.2s ease;
	z-index: 1000;
	position: absolute;
    overflow: hidden;
}

#mainNav ul.submenu li {
    float: none;
	margin: 0;
	background: #bdbcc7;
	background: rgb(255, 255, 255);
}
    
#mainNav li.hover:hover ul, #mainNav ul.submenu.expand {
	max-height: 20em;
}

#mainNav ul.submenu li a {
    border-bottom: 1px solid white;
	padding: .6em 2em;
	white-space: nowrap;
	color: #000000;
	text-align: left;
	font-size: .9em;
}

#mainNav ul.submenu li:last-child a {
	border-bottom: none;
}


#mainNav ul.submenu li a:hover  {
	background: rgb(214, 214, 214);
}
    
/* section styles - portrait tablet */
#contentpage {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 33px;
}
   
#latest {
    float: left;
    width: 65%;
    padding-left: 2%;
    }
    
#site-social-icons {
    float: right;
    width: 25%;
    padding-right: 1%;
    }
    
/* owl slide and slick tablet portrait */
.owl-item img {
	  max-height: 520px;
	}
    
.owl-prev {
  left:45%;
}

.owl-next {
  right:45%;
}
    
.fa-chevron-left {
    position: absolute;
    top: 101%;
    left: 45%;
    z-index: 10;
    
}
.fa-chevron-right {
    position: absolute;
    top: 101%;
    left: 55%;
    z-index: 10;
    
}
    
}

/* tablets Landscape ------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 975px) and (max-width: 1024) {
      
body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-width: 668px;
    max-width: 1024px;
}
      
/* header styles */
header {
    width: 100%;
    padding-top: 1.5px;
    overflow: hidden;
    margin-bottom: .3em;
    background-color: #fff;
    height: 130px;
    
}

#menucontainer {
    width: 970px;
    height: 90px;
    background: #fff;
    padding-top: 60px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}
      
/* evaName styles */
#evaName {
    border: 1px solid #fff;
    float: right;
    width: 190px;
    height: 80px
    margin-right: 0px;
    margin-top: 0px;
    padding-right: 40px;
    
}

#evaName h1 {
    font: 100% Ubuntu, Arial, Helvetica, sans-serif;
    font-size: 2.3em;
    color: #000000;
    background-color: #ffffff;
    vertical-align: text-bottom;
    font-weight: 400;
}

/* mainNav styles */
#mainNav {
    border: 1px solid #fff;
    width: 780px;
    height: 20px;
    float: left;
    background: #fff;
    margin-right: 0px;
    margin-top: 17px;
    
}
    
#mainNav li {
    font-size: 1em;
    padding-right: 15px;
}
#mainNav a, #mainNav h3 {
    font: 100% Ubuntu, Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
    display: block;
    color: rgb(159, 156, 180);
    border: none;
}

#mainNav a:hover { color: rgb(0, 0, 0); }

#mainNav a.current {
    color: #000000;
    cursor: default;
}
    
/* languages link */
#speach {
    border: 1px solid #fff;
	float: right;
    font-size: 0.8em;
    font-weight: 400;
    text-align: left;
    height: 30px;
    width: 30px;
    background: #fff;
    margin-right: 0px;
    margin-top: 50px;
}

.lingua {
    color: rgb(159, 156, 180);
	border: none;
	text-decoration: none;
}

/*dropdown menu styles*/
#mainNav ul.submenu {
    float: none;
	width: auto;
	height: auto;
	padding-top: .5em;
	max-height: 0;
	-moz-transition:max-height 0.2s ease;
	-webkit-transition:max-height 0.2s ease;
	-o-transition:max-height 0.2s ease;
	transition:max-height 0.2s ease;
	z-index: 1000;
	position: absolute;
    overflow: hidden;
}

#mainNav ul.submenu li {
    float: none;
	margin: 0;
	background: #bdbcc7;
	background: rgb(255, 255, 255);
}
    
#mainNav li.hover:hover ul, #mainNav ul.submenu.expand {
	max-height: 20em;
}

#mainNav ul.submenu li a {
    border-bottom: 1px solid white;
	padding: .5em 3em;
	white-space: nowrap;
	color: #000000;
	text-align: left;
	font-size: .9em;
}
    
#mainNav ul.submenu li:last-child a {
	border-bottom: none;
}
#mainNav ul.submenu li a:hover {
	background: rgb(214, 214, 214);
}
   
/* languages link */
.lingua {
	float: right;
	margin-top: -33px;
    font-size: 1.1em;
    text-align: center;
    height: 25px;
    width: 25px;
    padding-right: 1.2em;
    color: rgb(159, 156, 180);
    display: block;
	border: none;
	text-decoration: none;
}
    
/* section styles - landscape tablet */
#contentpage {
    width:  80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
   
#latest {
    float: left;
    width: 70%;
    padding-left: 2%;
}
    
#site-social-icons {
    float: right;
    width: 20%;
    padding-right: 2%;
    }
    
/* owl slide */
.owl-item img {
	  max-height: 460px;
	}
    
.owl-prev {
  left:45%;
}

.owl-next {
  right:45%;
}
    
.fa-chevron-left {
    position: absolute;
    top: 101%;
    left: 43%;
    z-index: 10;
    
}
.fa-chevron-right {
    position: absolute;
    top: 101%;
    left: 57%;
    z-index: 10;
    
}

}

/* desktop -------------------------------------------------------------------------------------------------------- */ 
@media only screen and (min-width: 1025px) {

/* body styles */
body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-width: 1024px;
    max-width: 5120px;
}
    
/* header styles */
header {
    width: 100%;
    padding-top: 1.5px;
    overflow: hidden;
    margin-bottom: .3em;
    background-color: #fff;
    height: 130px;
    
}

#menucontainer {
    width: 980px;
    height: 90px;
    background: #fff;
    padding-top: 60px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}

#evaName {
    border: 1px solid #fff;
    float: right;
    width: 194px;
    height: 80px
    margin-right: 0px;
    margin-top: -3px;
    padding-right: 40px;
    
}

#evaName h1 {
    font: 100% Ubuntu, Arial, Helvetica, sans-serif;
    font-size: 2.3em;
    color: #000000;
    background-color: #ffffff;
    vertical-align: text-bottom;
    font-weight: 400;
}

#evaNamemob {
    border: 1px solid #fff;
    visibility: hidden;
    display: block;
    float: left;
}

/* nav styles general */
#mainNav {
    border: 1px solid #fff;
    width: 705px;
    height: 20px;
    float: right;
    background: #fff;
    margin-right: 0px;
    margin-top: 15px;
    
}
#mainNav li {
    padding-right: 15px;
}
#mainNav a, #mainNav h3 {
    font: 100% Ubuntu, Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
    display: block;
    color: rgb(159, 156, 180);
    border: none;
}

#mainNav a:hover { color: rgb(0, 0, 0); }

#mainNav a.current {
    color: #000000;
    cursor: default;
}

/* languages link */
#speach {
    border: 1px solid #fff;
	float: right;
    text-align: left;
    height: 30px;
    width: 30px;
    background: #fff;
    margin-top: 10px;
    font-weight: 400;
}

.lingua {
    color: rgb(159, 156, 180);
	border: none;
	text-decoration: none;
}

#speachmob {
    border: 1px solid #fff;
    visibility: hidden;
    display: block;
}

.linguamob {
    visibility: hidden;
}

/*dropdown menu styles*/
#mainNav ul.submenu {
    float: none;
	width: auto;
	height: auto;
	padding-top: .1em;
	max-height: 0;
	-moz-transition:max-height 0.2s ease;
	-webkit-transition:max-height 0.2s ease;
	-o-transition:max-height 0.2s ease;
	transition:max-height 0.2s ease;
	z-index: 1000;
	position: absolute;
    overflow: hidden;
}

#mainNav ul.submenu li {
    float: none;
	margin: 0;
	background: #bdbcc7;
	background: rgb(255, 255, 255);
}
    
#mainNav li.hover:hover ul, #mainNav ul.submenu.expand {
	max-height: 20em;
}

#mainNav ul.submenu li a {
    border-bottom: 1px solid white;
	padding: .2em 3em;
	white-space: nowrap;
	color: #000000;
	text-align: center;
	font-size: .8em;
}

#mainNav a, #mainNav h3 {
    font-size: 0.9em;
    text-align: center;
    padding-left: 12px;
}

#mainNav ul.submenu li:last-child a {
	border-bottom: none;
}
#mainNav ul.submenu li a:hover {
	background: rgb(214, 214, 214);
}
#mainNav ul.submenu li a:hover ul.topMenu li a{
	color: #000000;
}
    
/* owl icons */
    
.owl-prev {
  left:47%;
}

.owl-next {
  right:47%;
}