@font-face {
    font-family: futuris;
    src: url('../fonts/futuris-cyrilli.ttf');
}
@font-face {
    font-family: montreal;
    src: url('../fonts/Montreal-Serial-Regular.ttf');
}
@font-face {
    font-family: futura_light;
    src: url('../fonts/futuraitalic/Futura Std Book Oblique.ttf');
}
:root {
	--blank-color:#ccc;
	--page-color:white;
	--text-color:black;
	--primary-color: #008036;
	--link-color:#23527c;
	--navText-social-a-color:white;
	--navText-a-color:black;
	--max-width:1024px;
	--logo-width:30%;
	--page-padding:3%;
  	box-sizing: border-box;
}
body {
	background-color:var(--blank-color);
	font-family:'montreal',sans-serif;
	font-size:120%;
	line-height:120%;
	margin:0;
}
a{
	color:var(--link-color);
	text-decoration:none;
}
a::hover {
	text-decoration:underline;
}
#pageBody{
	min-height:100%;
}
.mainPage{
	max-width:var(--max-width);
	background-color:var(--page-color);
	color: var(--text-color);
	margin-left:auto;
	margin-right:auto;
	min-height:100vh;
}
.pageSection {
	background-color:var(--page-color);
	border-bottom: 1vh solid var(--primary-color);
	padding:var(--page-padding);
	position:relative;
}
.pageSection::after{
	content: "";
    display: table;
    clear:both;
}
#navText{
	background-color:var(--page-color);
	padding-top:0;
	padding-bottom:1.5vh;
}
#navText ul a,.MenuLevelIcon{
	text-align:center;
	padding:0.5vh 0.5vw 0.5vh 0.5vw;
}
#navText a{
	color:var(--navText-a-color);
	font-weight:bold;
	text-decoration:none;
}
#homeLink img {
	max-width: var(--logo-width);
	float:left;
}
#navList {
	list-style-type:none;
    float:right;
    padding-top: 10vh;
}
#navList li{
  display: inline-block;
  justify-content: space-between;
  text-transform: uppercase;
  font-family: 'futuris',sans-serif;
}

.mainFooter{
	background-color:var(--page-color);
	font-size:80%;
	font-weight:bold;
	width:100%;
}
.mainFooter span{
	padding:1vh 1vw;
	display:inline-block;
	width:40%;
}
.mainFooter #hosting{
	text-align:left;
}
.mainFooter #copyright{
	text-align:right;
	float:right;
}

#skipToNav,#backToMain{
	display:none
}
#navText .social-icon {
	float:left;
	width:100%;
	text-align:right;
}
#navText .social-icon li, #navText .MenuLevelIcon {
	display: inline-block;
	background-color: var(--primary-color);
	text-align: center;
}
#navText .social-icon li a, #navText .MenuLevelIcon a{
	color: var(--navText-social-a-color);
}
#navText .MenuLevelIcon{
    float: right;
	display:none;
}
#navText .social-icon a {
	display: inline-block;
	font-size: 60%;
	width: 4vmin;
	height: 4vmin;
}
#navText .social-icon a:hover, #navText .MenuLevelIcon  a:hover{
	filter: brightness(0.8);
}
#navText .social-icon i {
	font-size:larger;
}
#index-1 {
	padding-top:1vh;
}
#index-1 #indexImg{
	background-image: url('../images/veseyst.png');
	background-position: 80% center;
	background-size: contain;
	background-repeat: no-repeat;
}
#index-1 .heading {
	width:30%;
	padding-top:20vh;
	padding-bottom:20vh;
	font-size:150%;
	font-weight:bold;
	line-height: 200%;
}
.sectionHeading {
	font-size:120%;
	font-weight: bold;
}
.sectionHeading, .captionHeading {
	text-transform:uppercase;
}
.sectionText {
	padding-top:1vh;
}
.projectRow {
	font-size:80%;	
}
.projectRow img {
	max-width:80%;
}
.projectColumn {
  float: left;
  width: 30%;
  padding: 1vh 1vw;
}
.clients-logo li {
	float: left;
	list-style: outside none none;
	margin-bottom: 2%;
	margin-right: 2%;
	text-align: center;
	width: 23%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.clients-logo li img {
    width: 100%;
}
.img-responsive {
	max-width: 100%;
  	height: auto;
}
#workPage .clients-logo li {
	display:none;
}
.subMenu {
	width:30%;
	float:left;
	padding-right:10%;
}
.subMenu ul {
}
.subMenu li {
	list-style: none;
	text-transform:uppercase;
	font-size:70%;
	border-bottom:0.2vh solid var(--primary-color);
	cursor:pointer;
}
.currentSubMenu {
	background-color:var(--blank-color);
}
.lowerCase {
	text-transform:lowercase;
}
#servicesDescription div {
	display:none;
}
#servicesTitle,#clientsTitle {
	margin-top:2vh;
	font-weight:bold;
}
.clientsSubTitle {
	text-transform:uppercase;
	font-style:italic;
}
.clientsSubTitle:before {
	content: "\"";
}
.clientsSubTitle:after {
	content: "\"";
}
#clientsDescription {
	display:flex;
}
#clientsDescription div{
	display:none;
}
.clients-logo .owl-item li {
	width:80%;
}
#carousel {
	height:0%
}
.owl-item li a {
    display: table-cell;
    vertical-align: middle;
}
.owl-item li a img {
   vertical-align: middle;
   text-align: center;
}
@media all {

}

@media screen , projection {
}

@media screen and (max-width: 600px) {
  #navText .MenuLevelIcon {
    float: right;
    display: block;
  }
  #navList.responsive {
	  float:left;
	  padding-top:1vh;
  }
  #navList li{
    float: none;
    display: none;
  }
  #navList.responsive li.responsive {
    display:block;
  }
}

@media handheld {

} /* end of handheld markup */

@media projection {

  .headerText{margin-top:50px}

} /* end of projection markup */

@media print {

  #navText{display:none}
  #skipToNav{display:none}
  #backToMain{display:none}

} /* end of print markup */