html { margin: 0; padding: 0; } 
body { margin: 0; padding: 0; background: #fff;  }
div { box-sizing: border-box; }
.left {float: left; }
.right {float: right; }
.both { clear: both; }
.mainHeader { margin: 0; padding: 0; float: left; width: 100%; background: #fff;  }
.mainHeader header{ width: 100%; max-width: 1000px;  margin: 0 auto;    }
.mainHeader header .logo{ margin: 0 auto;  width: 500px; height: 200px; background: url('../images/maparq.png')  center center no-repeat; background-size: 80% auto; }
.mainHeader header .searchBox{ float: right; width: 55%; text-align: left; margin-top: 30px;   }
.mainHeader header .searchBox form{ background: green; padding: 10px 5px;  }
.mainHeader header .searchBox form .searchText{ width: 80%;  padding: 5px 10px; font: 17px 'arimo', sans-serif; }
.mainHeader header .searchBox form .searchButton{ width: 100px;  padding: 5px 10px; font: 17px 'arimo', sans-serif;  }

.mainNav { background: #fff; padding: 0; float: left; width: 100%; display: block; clear: both;  }
.mainNav ul{ width: 100%; max-width: 1000px;  background: 0; margin: 0 auto; padding: 0; list-style: none;}
.mainNav ul li{ float: left; padding: 0;  margin: 0; border: 0; width: 20%; text-align: center;  }
.mainNav ul li a{ margin: 0; color: #999; text-decoration: none; padding: 5px 0; font: 15px 'News Cycle', sans-serif; line-height: 35px; letter-spacing: 2px; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; border: 1px solid #ccc; border-width: 1px 0;  display: block; }
.mainNav ul li a.active{ background: #999; color: #fff; font-weight: bold;   }
.mainNav ul li a:hover{  background: #999; color: #fff; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s;  }

.mainContent { margin: 0; width: 100%; display: block; clear: both; background: #fff; padding: 20px 0; }
.mainContent .content {  width: 100%; max-width: 1000px; margin: 10px auto 0;  }

.mainFooter { margin: 0; width: 100%; display: block; float: left; background: #E2342B; color: #FFF; clear: both;  }
.mainFooter footer {  width: 100%; max-width: 1000px; margin: 0 auto; text-align: center;font: 11px 'arimo', sans-serif; padding: 10px 0;   }
.mainFooter footer a{ color: #FFF;  }
.mainFooter footer .menu { margin: 0; padding: 0; list-style: none; }
.mainFooter footer .menu li{ float: left; padding: 5px 10px;  }
.mainFooter footer .menu li.lugum{ background: #E2342B; }
.mainFooter footer .menu li a{ text-transform: uppercase; font: 11px 'arimo', sans-serif;  }

/* HOME */
.homeLi { margin: 0; padding: 0; list-style: none;  border: 0;  }
.homeLi li{ float: left; margin: 10px 0; padding: 0; border: 0 0;  width: 100%; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; background: #fff; }
.homeLi li .index_title { text-align: center; font: 17px 'News Cycle', sans-serif; color: #999; padding: 30px 0; letter-spacing: 1px; text-transform: uppercase; letter-spacing: 1px;  }
.homeLi .rli .index_title { width: 20%; float: left; height: 100px;   }
.homeLi .rli .index_image { width: 80%; float: right; height: 100px; overflow: hidden;  }
.homeLi .rli .index_image img{ width: auto; min-width: 100%; height: auto;  filter: gray; filter: grayscale(1);  -webkit-filter: grayscale(1); transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; }
.homeLi .lli .index_title{ width: 20%;  float: right; }
.homeLi .lli .index_image{ width: 80%; float: left;  height: 100px; overflow: hidden;  }
.homeLi .lli .index_image img{ width: auto; min-width: 100%; height: auto; filter: gray; filter: grayscale(1);  -webkit-filter: grayscale(1); transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; }
.homeLi li:hover{ transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; }
.homeLi  img:hover{ filter: none !important; -webkit-filter: grayscale(0) !important; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; }


/* gallery */
.gallery { margin: 0; list-style: none; width: 100%; padding: 0; }
.gallery li{ width: 20%; box-sizing: border-box; padding: 2px 2px; float: left;   }
.gallery li img{ width: 100%; height: 100px; filter: gray; filter: grayscale(1);  -webkit-filter: grayscale(1); transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; }
.gallery li img:hover{ filter: none !important; -webkit-filter: grayscale(0) !important; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; }

/* about us */
.aboutUs { margin: 0 auto; display: block; width: 70%; border: 0; padding: 0; box-sizing: border-box;   }
.aboutUs .aboutItem{ box-sizing: border-box; width: 48%; border:0; padding: 10px; float: left; margin: 0 1%; text-align: center; position: relative; box-sizing: border-box; }
.aboutUs .aboutItem .information{ display: none; position: absolute; width: 100%; height: 100%; top:0; left:0; text-align: center; font: 15px 'News Cycle', sans-serif; padding-top: 10%; box-sizing: border-box; background: rgba(0,0,0,.8); color: #fff; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; }
.aboutUs .aboutItem .information b{ font: bold 19px 'Open Sans', sans-serif;  }
.aboutUs .aboutItem img{ width: 100%;  }
.aboutUs .aboutItem strong{ line-height: 40px; font: bold 15px 'News Cycle', sans-serif; color: #111;   }

/* contact us*/
.contactForm { margin: 40px auto; padding: 0; list-style: none; width: 60%;  }
.contactForm li{ border: 0;   }
.contactForm li.t1{ float: left; width: 50%; margin: 0 0 20px; padding: 0 3% 0 0; box-sizing: border-box;   }
.contactForm li.t1.la{ padding: 0 0 0 0;   }
.contactForm li.t2{ display: block; width: 100%; margin: 0 0 20px; padding: 0;  }
.contactForm li span{ font: italic 'News Cycle', sans-serif; color: #999; font-style: italic; letter-spacing: 1px;   }
.contactForm li input[type=text]{ width: 100%; border: 1px solid #ccc; padding: 5px 10px; font: 15px 'News Cycle', sans-serif;   }
.contactForm li textarea{ width: 100%; height: 200px; border: 1px solid #ccc; resize: none; padding: 5px 10px; font: 15px 'News Cycle', sans-serif;   }
.contactForm .button.right{ float: right; text-align: right; background: #444; color: #fff; padding: 5px 10px; border: none; }

/* projects */
.projects { margin: 40px auto; padding: 0; list-style: none; width: 100%; border: none !important; }
.navMenu { margin: 0 auto; padding: 0; list-style: none; width: 90%;  border: none !important;  }
.navMenu li{ width: 24%; float: left;  margin: 0 0.5% 20px; box-sizing: border-box; border: 1px solid #ccc; text-align: center; }
.navMenu li a{  font: 16px 'News Cycle', sans-serif; color: #fff; background: #999; padding: 0px 20%; display: block; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; text-transform: uppercase; letter-spacing: 1px;   }
.navMenu li a.active{ background: #fff; color: #999;   }
.navMenu li a:hover{ background: #fff; color: #999; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; text-decoration: none;    }
.projectsBlocks { margin: 0 auto; width: 100%; border: 0; margin: 0 -0.5%;   }
.projectsBlocks div.container{ position: relative; width: 20%; height: 100px; float: left; box-sizing: border-box; padding:  0 0.2% 0.6%; font-family: 'News Cycle', sans-serif;  }
/*.projectsBlocks div.container:nth-child(even) { padding-left: 0.5%; box-sizing: border-box;  }
.projectsBlocks div.container:nth-child(odd) {   padding-right: 0.5%; box-sizing: border-box; }*/
.projectsBlocks div.container img{ width: 100%;height: 100%;  filter: gray; filter: grayscale(1);  -webkit-filter: grayscale(1); transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s;  }
.projectsBlocks div.container img:hover{ filter: none !important; -webkit-filter: grayscale(0) !important; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; }
.projectsBlocks div.container strong{ font-size: 15px; text-transform: uppercase;  }
.projectsBlocks.full div.container { position: relative; width: 100%; height: auto;  float: left; border: 0; padding: 0;   }
.projectsBlocks.full div.container .internalContainer{ position: relative; width: 100%; height: auto;  float: left; border: 0; padding: 0;   }
.projectsBlocks.full div.container img{ display: block; width: 100%; height: auto;  filter: none !important; -webkit-filter: grayscale(0) !important; }
.projectsBlocks.full div.container .info-description{ padding: 1%; position: absolute; z-index: +999; bottom: 15px; left: 25px; background: rgba(0,0,0,.4); color: #fff; }
.projectsBlocks.full div.container .info-description table{ margin-right: 10px; float: left; }
.projectsBlocks.full div.container .info-description table td{ padding: 0px 10px; }
.projectsBlocks.full div.container .arrow { position: absolute; z-index:+999; top: 45%;  text-decoration: none; font-size: 60px; }
.projectsBlocks.full div.container .arrow a{ color: #000; opacity: .7; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s;}
.projectsBlocks.full div.container .arrow a:hover{ opacity: .9; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s;}
.projectsBlocks.full div.container .arrow.prev{ left: 5px !important; }
.projectsBlocks.full div.container .arrow.next{ right: 5px !important; }




h1.title { font: bold 35px 'Ubuntu Condensed', sans-serif; color: #111; margin: 10px 0; text-align: center; display: block;  }
h2.stitle { font: normal 19px 'News Cycle', sans-serif; color: #888; margin: 0 0 20px; text-align: center; display: block; font-weight: 400; }