body {
    font-family: 'omnes', Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box; }
.clear {
    clear: both;
}

ul,
li {
    list-style: none;
}

.loader {
	position:fixed;
	top:0px !important;
	left:0px !important;
	right:0px !important;
	width:100%;
	height:100vh;
	z-index:100000;
	background-color:#ffffff;
}
.tm-loader,
.tm-loader #circle{
	width: 50px;
	height: 50px;
	/*-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: none;*/
	-webkit-transform-origin: center center;
	    -ms-transform-origin: center center;
	    	transform-origin: center center;
}
.tm-loader {
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	position: absolute;
	top: 50%;
	left: 50%;
	/*-webkit-animation:preloader-outer 1.5s ease infinite;
	   -moz-animation:preloader-outer 1.5s ease infinite;
	     -o-animation:preloader-outer 1.5s ease infinite;
	        animation:preloader-outer 1.5s ease infinite;*/
}
.tm-loader #circle{
	-webkit-animation:fontbulger 1s infinite;
	   -moz-animation:fontbulger 1s infinite;
	     -o-animation:fontbulger 1s infinite;
	        animation:fontbulger 1s infinite;
}
/*.tm-loader #circle{
	border: 2px solid  #ccc;
}
.tm-loader #circle   {
	border-bottom: 2px solid #6D6F71;
}*/

@-webkit-keyframes preloader-outer{
	from { opacity: 1;	-webkit-transform: rotate( 0deg ); }
	to	 { opacity: 1;	-webkit-transform: rotate( 360deg ); }
}
@keyframes preloader-outer{
	from { opacity: 1;	transform: rotate( 0deg ); }
	to	 { opacity: 1;	transform: rotate( 360deg ); }
}
@-webkit-keyframes preloader{
	0% { opacity: 0.3; }
	50%	 { opacity: 1; }
	100% { opacity: 0.3; }
}
@keyframes preloader{
	0% { opacity: 0.3; }
	50%	 { opacity: 1; }
	100% { opacity: 0.3; }
}



@-webkit-keyframes fontbulger {
  0% {
	filter: drop-shadow(0px -1px 1px #6D6E71);
  }
  5% {
	filter: drop-shadow(1px -1px 1px #6D6E71);
  }
  10% {
	filter: drop-shadow(2px -1px 1px #6D6E71);
  }
  15% {
    filter: drop-shadow(3px -1px 1px #6D6E71);
  }
  20% {
    filter: drop-shadow(4px -1px 1px #6D6E71);
  }
  25% {
    filter: drop-shadow(5px -1px 1px #6D6E71);
  }
  30% {
    filter: drop-shadow(6px -1px 1px #6D6E71);
  }
  35% {
    filter: drop-shadow(5px 0px 1px #6D6E71);
  }
  40% {
    filter: drop-shadow(4px 1px 1px #6D6E71);
  }
  45% {
    filter: drop-shadow(3px 2px 1px #6D6E71);
  }
  50% {
    filter: drop-shadow(3px 2px 1px #6D6E71);
  }
  55% {
    filter: drop-shadow(3px 2px 1px #6D6E71);
  }
  60% {
    filter: drop-shadow(2px 2px 1px #6D6E71);
  }
  65% {
    filter: drop-shadow(1px 2px 1px #6D6E71);
  }
  70% {
    filter: drop-shadow(0px 2px 1px #6D6E71);
  }
  75% {
    filter: drop-shadow(-1px 2px 1px #6D6E71);
  }
   80% {
    filter: drop-shadow(-2px 1px 1px #6D6E71);
  }
   85% {
    filter: drop-shadow(-3px 1px 1px #6D6E71);
  }
   90% {
    filter: drop-shadow(-2px -1px 1px #6D6E71);
  }
   95% {
    filter: drop-shadow(-1px -1px 1px #6D6E71);
  }
  100% {
	filter: drop-shadow(0px -1px 1px #6D6E71);
  }
}

@keyframes fontbulger {
  0% {
	filter: drop-shadow(0px -1px 1px #6D6E71);
  }
  5% {
	filter: drop-shadow(1px -1px 1px #6D6E71);
  }
  10% {
	filter: drop-shadow(2px -1px 1px #6D6E71);
  }
  15% {
    filter: drop-shadow(3px -1px 1px #6D6E71);
  }
  20% {
    filter: drop-shadow(4px -1px 1px #6D6E71);
  }
  25% {
    filter: drop-shadow(5px -1px 1px #6D6E71);
  }
  30% {
    filter: drop-shadow(6px -1px 1px #6D6E71);
  }
  35% {
    filter: drop-shadow(5px 0px 1px #6D6E71);
  }
  40% {
    filter: drop-shadow(4px 1px 1px #6D6E71);
  }
  45% {
    filter: drop-shadow(3px 2px 1px #6D6E71);
  }
  50% {
    filter: drop-shadow(3px 2px 1px #6D6E71);
  }
  55% {
    filter: drop-shadow(3px 2px 1px #6D6E71);
  }
  60% {
    filter: drop-shadow(2px 2px 1px #6D6E71);
  }
  65% {
    filter: drop-shadow(1px 2px 1px #6D6E71);
  }
  70% {
    filter: drop-shadow(0px 2px 1px #6D6E71);
  }
  75% {
    filter: drop-shadow(-1px 2px 1px #6D6E71);
  }
   80% {
    filter: drop-shadow(-2px 1px 1px #6D6E71);
  }
   85% {
    filter: drop-shadow(-3px 1px 1px #6D6E71);
  }
   90% {
    filter: drop-shadow(-2px -1px 1px #6D6E71);
  }
   95% {
    filter: drop-shadow(-1px -1px 1px #6D6E71);
  }
  100% {
	filter: drop-shadow(0px -1px 1px #6D6E71);
  }
}


#infowidth {
    position: fixed;
    top: 10px;
    left: 40%;
    font-size: 12px;
    color: #FF0000;
    text-align: center;
    width: 100px;
    height: 15px;
    z-index: 2000;
}

#postalblack {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    display: block;
    z-index: 19999;
}

@media only screen and (max-width: 598px) {
    a.breadcrumb,
    h1.breadcrumb,
    span.breadcrumb {
        font-size: 10px;
        line-height: 20px;
        float: left;
    }
    h1.breadcrumb {
        color: #898a8e;
        font-family: 'omnesmedium';
        margin: 0;
    }
    .breadcrumbs {
        float: left;
        width: 100%;
        height: 20px;
        padding-left: 20px;
        box-sizing: border-box;
        background: #fff;
        text-transform: lowercase;
    }
    #qeq {
        background-image: url('../images/404.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50%;
    }
    .menusmall {
        float: left;
        width: 88%;
        height: 30px;
        position: relative;
        margin-left: 6%;
        margin-right: 6%;
        display: block;
    }
    .menusmall a {
        display: block;
        text-align: center;
        line-height: 30px;
        font-family: 'omneslight';
        color: #706F6F;
        font-size: 16px;
        text-decoration: none;
        background-color: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    .menusmall a:hover,
    .menusmall a.active {
        background-color: #706f6f;
        color: #fff;
    }
    #all {
        width: 97.5%;
        /*padding-top:80px;*/
        padding-top: 130px;
        padding-left: 1.25%;
        padding-right: 1.25%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }
    #main {
        width: 97.5%;
        position: fixed;
        z-index: 20;
        top: 0px;
        background-color: #fff;
        padding-bottom: 14px;
        padding-top: 10px;
        height: auto;
        padding-left: 1.25%;
        padding-right: 1.25%;
    }
    #main .logoname {
        display: block;
        border: none;
        width: 206px;
        height: 53px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
    }
    .nav {
        width: 86%;
        height: 0px;
        top: 120px;
        left: 7%;
        background-color: #fff;
        -webkit-box-shadow: 0px 2px 5px 0px #706f6f;
        box-shadow: 0px 2px 5px 0px #706f6f;
        position: absolute;
        display: none;
        z-index: 400;
    }
    .nav ul {
        padding: 0px;
        margin: 0px;
    }
    .nav ul li a {
        width: 100%;
        font-family: 'omneslight';
        color: #706F6F;
        text-align: left;
        text-indent: 3%;
        height: 35px;
        line-height: 35px;
        text-decoration: none;
        font-size: 20px;
        display: block;
    }
    .nav ul li a:hover {
        color: #fff;
        background-color: #a6a5a5;
    }
    .nav ul li a.selected {
        color: #fff;
        background-color: #a6a5a5;
    }
    .nav3 {
        float: right;
        margin-right: 15px;
        width: auto;
        height: auto;
        display: none;
    }
    .nav3 ul {
        padding: 0px;
        margin: 0px;
    }
    .nav3 a {
        float: left;
        width: auto;
        padding-right: 2.5px;
        padding-left: 2.5px;
        font-family: 'omneslight';
        color: #706F6F;
        height: 73px;
        line-height: 73px;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
		text-transform:uppercase;
        margin-right: 18px;
    }
   /* .nav3 a:last-child {
        margin-right: 0px !important;
    }*/
    .nav3 a:hover,
    .nav3 a.selected {
        color: #000;
    }
    .menubtn {
        display: none;
    }
    .fbholder {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
        margin-top: 5px;
        width: 138px;
        height: auto;
    }
    #main .nav2 {
        margin-left: auto;
        margin-right: auto;
        width: 93px;
        height: auto;
    }
    #main .nav2 ul {
        padding: 0px;
        margin: 0px;
    }
    #main .nav2 ul li a {
        width: 25px;
        margin-left: 3px;
        margin-right: 3px;
        float: left;
        font-family: 'omneslight';
        color: #706F6F;
        height: 25px;
        line-height: 25px;
        text-align: center;
        margin-top: 2px;
        text-decoration: none;
        font-size: 14px;
        display: block;
        margin-bottom: 5px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-color: #e8e8e8;
    }
    #main .nav2 ul li a:hover {
        background-color: #706F6F;
        color: #fff;
    }
    #main .nav2 ul li a.active {
        background-color: #706F6F;
        color: #fff;
        font-family: 'omneslight';
        text-decoration: none;
        font-weight: bold;
    }
    #article {
        width: 100%;
        height: auto;
        float: left;
        padding-bottom: 190px;
    }
	.logos-container { bottom: 45px !important; }
	
    #article .newsblock {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        background: url('../images/vsep.png') left bottom no-repeat;
    }
    #article .newsblock .newstext {
        float: right;
        margin-left: 6%;
        margin-top: 9px;
        margin-right: 6%;
        margin-bottom: 9px;
        width: 88%;
        height: auto;
        line-height: 14px;
        font-size: 12px;
        font-family: 'omneslight';
        color: #6D6E71;
        text-align: left;
        margin-bottom: 30px;
    }
    #article .newsblock .newstext h3 {
        padding: 0;
        font-size: 14px;
        float: left;
        width: 100%;
        margin-bottom: 4px;
        font-family: 'omnesmedium';
        color: #6D6E71;
    }
    #article .newsblock .newstext h4 {
        padding: 0;
        font-size: 10px;
        float: left;
        width: 100%;
        margin-bottom: 5px;
        font-family: 'OmnesThin';
        color: #6D6E71;
    }
    #article .newsblock .rtimg {
        float: left;
        width: 88%;
        height: auto;
        border: none;
        margin-left: 6%;
        margin-right: 6%;
    }
    #article .newsblock .rtimg img {
        width: 100%;
        height: auto;
        border: none;
    }
    /* contactos */
    #article .googlemap {
        border: none;
        width: 100%;
        height: 280px;
        float: left;
        margin-bottom: 20px;
    }
    #article .contentholder {
        float: left;
        width: 100%;
        height: auto;
    }
    #article .contentholder .formctn {
        border: none;
        margin-left: 1%;
        width: 98%;
        height: auto;
        margin-right: 1%;
        float: right;
    }
    #article .contentholder .addressctn {
        border: none;
        margin-left: 1%;
        width: 98%;
        height: auto;
        margin-right: 1%;
        float: left;
        margin-bottom: 20px;
    }
    #article .contentholder .formctn h3,
    #article .contentholder .addressctn h3 {
        color: #706F6F;
        font-family: 'OmnesThin';
        padding: 0;
        font-size: 16px;
        float: left;
        margin-bottom: 10px;
        width: 100%;
    }
    #article .contentholder .formctn form .input,
    #article .contentholder .formctn form .inputt {
        float: left;
        width: 100%;
        padding-top: 3.75px;
        border: solid 1px #706f6f;
        font-family: 'omneslight';
        font-size: 12px;
        padding-bottom: 3.75px;
        text-indent: 10px;
        background-color: #e1e3e9;
        margin-bottom: 10px;
    }
    #article .contentholder .formctn form label {
        float: left;
        padding-left: 19px;
        width: auto;
        height: 17.5px;
        line-height: 17.5px;
        font-family: 'omneslight';
        font-size: 12px;
        color: #706F6F;
        text-decoration: none;
        margin-bottom: 10px;
        cursor: pointer;
    }
    #article .contentholder .formctn form label.unchecked {
        background: url('../images/checkbox.jpg') 0px 0px no-repeat;
        background-size: 17.5px auto;
    }
    #article .contentholder .formctn form label.checked {
        background: url('../images/checkbox.jpg') 0px -17.5px no-repeat;
        background-size: 17.5px auto;
    }
    #article .contentholder .formctn form textarea {
        float: left;
        margin-bottom: 10px;
        width: 96%;
        padding-left: 2%;
        padding-top: 3.75px;
        height: 90px;
        padding-bottom: 3.75px;
        resize: none;
        padding-right: 2%;
        border: solid 1px #706f6f;
        font-family: 'omneslight';
        font-size: 12px;
        background-color: #e1e3e9;
    }
    #article .contentholder .formctn form .botaosend {
        float: left;
        width: 49%;
        margin-right: 1%;
        padding-top: 3.75px;
        padding-bottom: 3.75px;
        padding-right: 5%;
        text-align: right;
        font-family: 'omneslight';
        color: #fff;
        font-size: 12px;
        border: solid 1px #706f6f;
        background-color: #009AC7;
        cursor: pointer;
        margin-bottom: 20px;
    }
    #article .contentholder .addressctn form .btnsend {
        float: left;
        width: 100%;
        padding-top: 3.75px;
        padding-bottom: 3.75px;
        padding-right: 5%;
        text-align: right;
        font-family: 'omneslight';
        color: #fff;
        font-size: 12px;
        border: solid 1px #706f6f;
        background-color: #009AC7;
        cursor: pointer;
    }
    #article .contentholder .addressctn form .input {
        float: left;
        width: 100%;
        padding-top: 3.75px;
        border: solid 1px #706f6f;
        font-family: 'omneslight';
        font-size: 12px;
        padding-bottom: 3.75px;
        text-indent: 10px;
        background-color: #e1e3e9;
        margin-bottom: 10px;
    }
    #article .contentholder .addressctn p {
        float: left;
        width: auto;
        height: auto;
        padding: 0;
        margin-bottom: 5px;
        font-family: 'omneslight';
        font-size: 12px;
        color: #706F6F;
        text-align: left;
        line-height: 25px;
        display: block;
    }
    #article .contentholder .addressctn p.home {
        padding-left: 30px;
        height: auto;
        line-height: 25px;
        text-align: left;
        background: url('../images/homeicon.png') 0px 0px no-repeat;
    }
    #article .contentholder .addressctn p.phone {
        padding-left: 30px;
        height: auto;
        line-height: 25px;
        text-align: left;
        background: url('../images/phoneicon.png') 0px 3px no-repeat;
    }
	#article .contentholder .addressctn p.phone span{
		font-size: 12px !important;
	}
    #article .contentholder .addressctn p.atmail {
        padding-left: 30px;
        height: 25px;
        line-height: 25px;
        text-align: left;
        background: url('../images/mailicon.png') 0px 0px no-repeat;
    }
    #article .contentholder .addressctn p.fax {
        padding-left: 30px;
        height: 25px;
        line-height: 25px;
        text-align: left;
        background: url('../images/faxicon.png') 0px 0px no-repeat;
    }
	#article .contentholder .addressctn p.mphone {
        padding-left: 30px;
        height: auto;
        line-height: 25px;
        text-align: left;
        background: url('../images/mobileicon.png') 0px 3px no-repeat;
    }
	#article .contentholder .addressctn p.mphone span{
		font-size: 12px !important;
	}
    #article .contentholder .addressctn p.phone a,
    #article .contentholder .addressctn p.atmail a,
    #article .contentholder .addressctn p.fax a {
        color: #706F6F;
        text-decoration: none;
    }
    /* contactos */
    #article #container,
    #containertwo {
        border: none;
        margin-right: auto;
        margin-left: auto;
        /*width:84%;*/
        /*width:1230px;*/
        width: 100%;
        height: auto;
    }
    /* abouts /*/
    #article .aboutarea {
        float: left;
        width: 100%;
        height: auto;
    }
    #article .aboutarea .textoapres {
        float: left;
        margin-left: 6%;
        margin-top: 9px;
        margin-right: 6%;
        margin-bottom: 9px;
        width: 88%;
        height: auto;
        line-height: 14px;
        font-size: 14px;
        font-family: 'omneslight';
        color: #6D6E71;
        text-align: justify;
		position:relative;
    }
    #article .aboutarea .rtimg {
        float: right;
        width: 88%;
        height: auto;
        border: none;
        margin-left: 6%;
        margin-right: 6%;
    }
    #article .aboutarea .rtimg img {
        width: 100%;
        height: auto;
        border: none;
        margin-bottom: 10px;
    }
    /* areas detalhe */
    #article .arhold,
    #article .wrhold {
        float: left;
        width: 100%;
        height: auto;
        background-color: #fff;
    }
    #article .arhold .infoar,
    #article .wrhold .infowr {
        float: left;
        margin-left: 1.25%;
        width: 97.5%;
        height: auto;
        margin-right: 1.25%;
        line-height: 14px;
        font-size: 12px;
        font-family: 'omneslight';
        color: #6D6E71;
        text-align: left;
        background-color: #fff;
        padding-bottom: 5px;
    }
    #article .arhold .infoar h3 {
        padding: 0;
        font-size: 20px;
        float: left;
        width: 100%;
        margin-bottom: 20px;
        font-family: 'omnesmedium';
        color: #6D6E71;
    }
    #article .wrhold .infowr h3 {
        padding: 0;
        font-size: 20px;
        float: left;
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
        font-family: 'omnesmedium';
        color: #6D6E71;
    }
    #article .arhold .workctn,
    #article .wrhold .workctn {
        float: left;
        width: 97.5%;
        height: auto;
        margin-left: 1.25%;
        margin-right: 1.25%;
    }
    #article .arhold .workctn a {
        float: left;
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 20px;
        opacity: 0.9;
    }
    #article .arhold .workctn a:hover {
        opacity: 1;
    }
    #article .wrhold .workctn img {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    #article .arhold .workctn a img {
        border: none;
        width: 100%;
    }
    /* fim de areas detalhe */
    h1 {
        float: left;
        font-family: 'OmnesThin';
        font-size: 20px !important;
        margin-bottom: 15px;
        margin-left: 20px;
		position: relative !important;
    }
    .element {
        width: calc(100% / 2);
        height: 214px;
        float: left;
        overflow: hidden;
        position: relative;
        color: #6d6e71;
		padding:5px;
		box-sizing:border-box;
        /*background-color:#666;*/
    }
	 .element .quadmenus {
        width: calc(100% - 10px);
        height: 204px;
        display: block;
        display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
        font-family: 'OmnesThin';
        font-size: 1.5em;
        color: #6d6e71;
        text-decoration: none;
        text-align: center;
        font-stretch: narrower;
        z-index: 2;
        position: absolute;
        top: 5px;
        left: 5px;
		background-color:#fff;
		transition:all 0.5s;
    }
	.element .quadmenus:hover{
		background-color:#e7e7e7;	
	}
    .infowork {
        width: 130px;
        padding-bottom: 5px;
        padding-top: 5px;
        height: 20px;
        background-color: rgba(255, 255, 255, 0.8);
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 1;
        display: none;
        text-align: center;
        font-family: 'omneslight';
        font-size: 13px;
    }
    .infoarea {
        width: 100%;
        padding-bottom: 8px;
        padding-top: 8px;
        background-color: rgba(255, 255, 255, 0.9);
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 1;
        display: block;
        text-align: center;
        font-family: 'omneslight';
        font-size: 10px;
        color: #6D6E71;
    }
    .infoteam {
        width: 130px;
        padding-bottom: 8px;
        padding-top: 8px;
        background-color: rgba(0, 143, 195, 0.99);
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 1;
        display: block;
        text-align: center;
        font-family: 'omneslight';
        font-size: 10px;
        color: #fff;
    }
    .nameteam {
        display: none;
    }
    .namenews {
        position: absolute;
        width: 130px;
        height: auto;
        padding: 5px;
        background-color: rgba(0, 143, 195, 0.9);
        z-index: 1;
        text-align: left;
        font-family: 'omnes';
        font-size: 12px;
        color: #fff;
        bottom: 0px;
    }
    .namenews small {
        font-family: 'omneslight';
        font-size: 10px;
        color: #fff;
    }
    .infoteam span {
        display: block;
        font-weight: bold;
    }
    .infotop {
        width: 130px;
        height: 30px;
        line-height: 15px;
        text-align: center;
        font-family: 'omneslight';
        font-size: 13px;
        color: #706F6F;
        float: left;
    }
    .infomid {
        width: 130px;
        height: 30px;
        line-height: 15px;
        text-align: center;
        font-family: 'omneslight';
        font-size: 13px;
        color: #706F6F;
        float: left;
    }
    .infobot {
        width: 130px;
        height: 30px;
        line-height: 15px;
        text-align: center;
        font-family: 'omneslight';
        font-size: 13px;
        color: #706F6F;
        float: left;
    }
    list {
        list-style: none;
    }
    .bg {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 204px;
		background-size:cover; background-repeat:no-repeat; background-position:center;
        /*z-index: -2;*/
    }
    .bg img {
        width: 130px;
        height: 130px;
    }
    .works {
        width: calc(100% - 10px);
        height: 204px;
        cursor: pointer;
        position: absolute;
        top: 5px;
        left: 5px;
		overflow:hidden;
    }
    .element .elm {
        width: 130px;
        height: 130px;
        display: block;
        line-height: 130px;
        background-color: #f1f2f2;
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
    }
    .element .quadmenu {
        width: 130px;
        height: 130px;
        display: block;
        line-height: 130px;
        font-family: 'OmnesThin';
        font-size: 3.5em;
        color: #6d6e71;
        text-decoration: none;
        text-align: center;
        font-stretch: narrower;
        z-index: 2;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    #footlin {
        width: 100%;
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: rgba(255, 255, 255, 1);
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 20;
        border: none;
    }
    #footlin .im {
        float: left;
        width: auto;
        height: 15px;
        margin-left: 6%;
        background: url('../images/clfootlogo15.png') left center no-repeat;
        font-family: 'omnes';
        font-size: 8px;
        line-height: 19px;
        text-align: left;
        padding-left: 18px;
        color: #706F6F;
    }
    #footlin .btnFb {
        float: right;
        margin-right: 6%;
        width: auto;
        padding-right: 18px;
        height: 15px;
        background: url('../images/fbgray15x15.png') right center no-repeat;
        font-family: 'omnes';
        font-size: 8px;
        line-height: 19px;
        text-align: right;
        color: #706F6F;
        text-decoration: none;
    }
    .new {
        position: absolute;
        z-index: 3;
        width: 85px;
        height: 45px;
        background-color: #009AC8;
        font-family: 'omnes';
        font-size: 0.65em;
        text-align: center;
        line-height: 70px;
        color: #ffffff;
    }
    .ntop {
        left: 0px;
        top: 19px;
    }
    .nbot {
        left: -35px;
        top: -15px;
        -ms-transform: rotate(-45deg);
        /* IE 9 */
        -webkit-transform: rotate(-45deg);
        /* Safari */
        transform: rotate(-45deg);
        -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.3);
    }
    #error_full {
        left: 0px;
        top: 0px;
        bottom: 0px;
        right: 0px;
        position: fixed;
        z-index: 100000000;
        background-color: rgba(0, 0, 0, 0.8);
        display: none;
        color: #706F6F;
        font-family: 'omneslight';
        font-size: 12px;
        font-weight: bold;
    }
    #ok_full {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        position: fixed;
        z-index: 100000000;
        background-color: rgba(0, 0, 0, 0);
        display: none;
        text-align: center;
        color: #706F6F;
        font-family: 'omneslight';
        font-size: 12px;
        font-weight: bold;
    }
    #error_full .errormsg,
    #ok_full .okmsg {
        position: absolute;
        left;
        0px;
        width: 290px;
        padding-left: 30px;
        height: 30px;
        line-height: 30px;
        background-color: #fff;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: solid 1px #706F6F;
        text-align: left;
    }
    #error_full .errormsg {
        background: url('../images/errormsg.jpg') 0px 0px no-repeat, #fff;
    }
    #ok_full .okmsg {
        background: url('../images/okmsg.jpg') 0px 0px no-repeat, #fff;
    }
    .imgareas {
        float: left;
        width: 100%;
        height: 100%;
        border: none;
    }
    #canvas {
        position: absolute;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        z-index: 20000;
        display: block;
    }
    .breadcrumbs {
        float: left;
        width: 100%;
        height: 40px;
        padding-left: 20px;
        box-sizing: border-box;
        background: #fff;
        text-transform: lowercase;
    }
    .breadcrumbs li:after {
        content: ' > ';
        font-size: 10px;
        line-height: 40px;
        margin-left: 5px;
        margin-right: 5px;
		float:left;
		padding: 5px 0;
    }
    .breadcrumbs li:last-child:after {
        content: '';
        font-size: 10px;
        line-height: 40px;
    }
	
    .breadcrumbs li > a,
    .breadcrumbs li h2 {
        font-size: 10px !important;
        line-height: 40px;
        float: left;
		padding:5px 5px;
		font-weight:bold;
    }
    .breadcrumbs li h2 {
        color: #898a8e;
        font-family: 'omnesmedium';
        margin: 0;
        font-size: 10px !important;
    }
	.homelogos{ width:100% !important;height:calc(100vh - 157px) !important;background-position:top center !important;background-repeat:no-repeat;background-size:100% auto !important;z-index:5 !important;position:absolute;top:112px !important;left:0px;display:block;cursor:pointer; display: -webkit-flex; display: flex; align-items: center; justify-content: center; text-align:center; background-color:#706f6f; transition:all 1s; }
}

@media only screen and (min-width: 599px) and (max-width: 768px) {
    a.breadcrumb,
    h1.breadcrumb,
    span.breadcrumb {
        font-size: 12px;
        line-height: 40px;
        float: left;
    }
    h1.breadcrumb {
        color: #898a8e;
        font-family: 'omnesmedium';
        margin: 0;
    }
    .breadcrumbs {
        float: left;
        width: 100%;
        height: 40px;
        padding-left: 20px;
        box-sizing: border-box;
        background: #fff;
        text-transform: lowercase;
    }
    #qeq {
        background-image: url('../images/404.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 35%;
    }
    .menusmall {
        float: left;
        width: 88%;
        height: 30px;
        position: relative;
        margin-left: 6%;
        margin-right: 6%;
        display: none;
    }
    .menusmall a {
        display: block;
        text-align: center;
        line-height: 30px;
        font-family: 'omneslight';
        color: #706F6F;
        font-size: 16px;
        text-decoration: none;
        background-color: #fff;
    }
    .menusmall a:hover,
    .menusmall a.active {
        background-color: #706f6f;
        color: #fff;
    }
    li {
        list-style: none;
        float: left;
    }
    #all {
        width: 98%;
        /*padding-top:80px;*/
        padding-top: 86px;
        padding-left: 1%;
        padding-right: 1%;
        position: relative;
    }
    #main {
        width: 100%;
        position: fixed;
        z-index: 20;
        top: 0px;
        background-color: rgba(255, 255, 255, 1);
        padding-top: 12px;
        padding-bottom: 14px;
    }
    #main .logoname {
        float: left;
        display: block;
        border: none;
        width: 288px;
        height: 73px;
        margin-left: 3%;
    }
    .nav {
        float: left;
        margin-left: 10px;
        width: auto;
        height: 52px;
        display: none;
    }
    .nav ul {
        padding: 0px;
        margin: 0px;
    }
    .nav a {
        float: left;
        width: auto;
        padding-right: 1.5px;
        padding-left: 1.5px;
        font-family: 'omneslight';
        color: #706F6F;
        height: 20px;
        line-height: 20px;
        text-align: center;
        margin-top: 13px;
        text-decoration: none;
        font-size: 13.5px;
        margin-right: 8px;
    }
    .nav a:last-child {
        margin-right: 0px !important;
    }
    .nav a:hover,
    .nav a.selected {
        color: #000;
    }
    .nav3 {
        float: right;
        width: auto;
        height: auto;
    }
    .nav3 ul {
        padding: 0px;
        margin: 0px;
    }
    .nav3 a {
        float: left;
        width: auto;
        padding-right: 0.5px;
        padding-left: 0.5px;
        font-family: 'omneslight';
        color: #706F6F;
        height: 73px;
        line-height: 73px;
        text-align: center;
        text-decoration: none;
		text-transform:uppercase;
        font-size: 12.5px;
        margin-right: 18px;
    }
   /* .nav3 a:last-child {
        margin-right: 0px !important;
    }*/
    .nav3 a:hover,
    .nav3 a.selected {
        color: #000;
    }
    .fbholder {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
        margin-top: 5px;
        width: 138px;
        height: auto;
    }
    #main .nav2 {
        float: right;
        margin-right: 2%;
        width: auto;
        height: 52px;
    }
    #main .nav2 ul {
        padding: 0px;
        margin: 0px;
    }
    #main .nav2 a {
        float: left;
        width: auto;
        padding-right: 2.5px;
        padding-left: 2.5px;
        font-family: 'omneslight';
        color: #706F6F;
        height: 20px;
        line-height: 20px;
        text-align: center;
        margin-top: 13px;
        text-decoration: none;
        font-size: 12px;
        margin-right: 5px;
    }
    #main .nav2 a:hover {
        color: #000;
    }
    #main .nav2 a.active {
        color: #706F6F;
        font-family: 'omneslight';
        text-decoration: none;
        font-weight: bold;
    }
    #article {
        width: 100%;
        height: auto;
        float: left;
        padding-bottom: 70px;
    }
    #article .newsblock {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        background: url('../images/vsep.png') left bottom no-repeat;
    }
    #article .newsblock .newstext {
        float: left;
        margin-left: 0;
        margin-top: 9px;
        padding-right: 5%;
        margin-bottom: 9px;
        width: 40%;
        height: auto;
        line-height: 18px;
        font-size: 16px;
        font-family: 'omneslight';
        color: #6D6E71;
        text-align: left;
        margin-bottom: 30px;
    }
    #article .newsblock .newstext h3 {
        padding: 0;
        font-size: 18px;
        float: left;
        width: 100%;
        margin-bottom: 4px;
        font-family: 'omnesmedium';
        color: #6D6E71;
    }
    #article .newsblock .newstext h4 {
        padding: 0;
        font-size: 15px;
        float: left;
        width: 100%;
        margin-bottom: 5px;
        font-family: 'OmnesThin';
        color: #6D6E71;
    }
    #article .newsblock .rtimg {
        float: right;
        width: 55%;
        height: auto;
        border: none;
        margin-top: 18px;
    }
    #article .newsblock .rtimg img {
        width: 100%;
        height: auto;
        border: none;
    }
    #article .googlemap {
        border: none;
        width: 100%;
        height: 300px;
        float: left;
        margin-bottom: 15px;
    }
    #article .contentholder {
        float: left;
        width: 100%;
        height: auto;
    }
    #article .contentholder .formctn {
        border: none;
        margin-left: 1%;
        width: 48%;
        height: auto;
        margin-right: 1%;
        float: left;
    }
    #article .contentholder .formctn h3,
    #article .contentholder .addressctn h3 {
        color: #706F6F;
        font-family: 'OmnesThin';
        padding: 0;
        font-size: 18px;
        float: left;
        margin-bottom: 15px;
        width: 100%;
    }
    #article .contentholder .formctn form .input,
    #article .contentholder .formctn form .inputt {
        float: left;
        width: 100%;
        padding-top: 3.75px;
        border: solid 1px #706f6f;
        font-family: 'omneslight';
        font-size: 15px;
        padding-bottom: 3.75px;
        text-indent: 15px;
        background-color: #e1e3e9;
        margin-bottom: 15px;
    }
    #article .contentholder .formctn form label {
        float: left;
        padding-left: 38px;
        width: auto;
        height: 35px;
        line-height: 35px;
        font-family: 'omneslight';
        font-size: 13px;
        color: #706F6F;
        text-decoration: none;
        margin-bottom: 15px;
        cursor: pointer;
    }
    #article .contentholder .formctn form label.unchecked {
        background: url('../images/checkbox.jpg') 0px 0px no-repeat;
    }
    #article .contentholder .formctn form label.checked {
        background: url('../images/checkbox.jpg') 0px -35px no-repeat;
    }
    #article .contentholder .formctn form textarea {
        float: left;
        margin-bottom: 15px;
        width: 95%;
        padding-left: 2%;
        padding-top: 3.75px;
        height: 90px;
        padding-bottom: 3.75px;
        resize: none;
        padding-right: 2%;
        border: solid 1px #706f6f;
        font-family: 'omneslight';
        font-size: 15px;
        background-color: #e1e3e9;
    }
    #article .contentholder .formctn form .botaosend {
        float: left;
        width: 49%;
        margin-right: 1%;
        padding-top: 3.75px;
        padding-bottom: 3.75px;
        padding-right: 5%;
        text-align: right;
        font-family: 'omneslight';
        color: #fff;
        font-size: 13px;
        border: solid 1px #706f6f;
        background-color: #009AC7;
        cursor: pointer;
    }
    #article .contentholder .addressctn form .btnsend {
        float: left;
        width: 100%;
        padding-top: 3.75px;
        padding-bottom: 3.75px;
        padding-right: 5%;
        text-align: right;
        font-family: 'omneslight';
        color: #fff;
        font-size: 13px;
        border: solid 1px #706f6f;
        background-color: #009AC7;
        cursor: pointer;
    }
    #article .contentholder .addressctn form .input {
        float: left;
        width: 100%;
        padding-top: 3.75px;
        border: solid 1px #706f6f;
        font-family: 'omneslight';
        font-size: 15px;
        padding-bottom: 3.75px;
        text-indent: 15px;
        background-color: #e1e3e9;
        margin-bottom: 15px;
    }
    #article .contentholder .addressctn {
        border: none;
        margin-left: 1%;
        width: 48%;
        margin-right: 1%;
        float: right;
        height: auto;
    }
    #article .contentholder .addressctn p {
        float: left;
        width: auto;
        height: auto;
        padding: 0;
        margin-bottom: 5px;
        font-family: 'omneslight';
        font-size: 13px;
        color: #706F6F;
        text-align: left;
        line-height: 18px;
        display: block;
    }
    #article .contentholder .addressctn p.home {
        padding-left: 30px;
        height: auto;
        line-height: 25px;
        text-align: left;
        background: url('../images/homeicon.png') 0px 0px no-repeat;
    }
    #article .contentholder .addressctn p.phone {
        padding-left: 30px;
        height: 25px;
        width: 100%;
        line-height: 25px;
        text-align: left;
        background: url('../images/phoneicon.png') 0px 3px no-repeat;
    }
    #article .contentholder .addressctn p.atmail {
        padding-left: 30px;
        width: 100%;
        height: 25px;
        line-height: 25px;
        text-align: left;
        background: url('../images/mailicon.png') 0px 0px no-repeat;
    }
    #article .contentholder .addressctn p.fax {
        padding-left: 30px;
        height: 25px;
        width: 100%;
        line-height: 25px;
        text-align: left;
        background: url('../images/faxicon.png') 0px 0px no-repeat;
    }
    #article .contentholder .addressctn p.phone a,
    #article .contentholder .addressctn p.atmail a,
    #article .contentholder .addressctn p.fax a {
        color: #706F6F;
        text-decoration: none;
    }
    /* areas detalhe */
    #article .arhold,
    #article .wrhold {
        position: relative;
        width: 100%;
        height: auto;
        background-color: #fff;
    }
    #article .arhold .infoar,
    #article .wrhold .infowr {
        position: fixed;
        left: 2%;
        width: 96%;
        height: auto;
        line-height: 13px;
        font-size: 12px;
        font-family: 'omneslight';
        color: #6D6E71;
        text-align: left;
        background-color: #fff;
        padding-bottom: 5px;
    }
    #article .arhold .infoar h3 {
        padding: 0;
        font-size: 20px;
        float: left;
        width: 100%;
        margin-bottom: 20px;
        font-family: 'omnesmedium';
        color: #6D6E71;
    }
    #article .wrhold .infowr h3 {
        padding: 0;
        font-size: 20px;
        float: left;
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
        font-family: 'omnesmedium';
        color: #6D6E71;
    }
    #article .arhold .workctn,
    #article .wrhold .workctn {
        float: left;
        width: 96%;
        height: auto;
        margin-left: 2%;
        margin-right: 2%;
    }
    #article .arhold .workctn a {
        float: left;
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 20px;
        opacity: 0.9;
    }
    #article .arhold .workctn a:hover {
        opacity: 1;
    }
    #article .wrhold .workctn img {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    #article .arhold .workctn a img {
        border: none;
        width: 100%;
    }
    /* fim de areas detalhe */
    #article .aboutarea {
        float: left;
        width: 100%;
        height: auto;
    }
    #article .aboutarea .textoapres {
        float: left;
        margin-left: 0;
        margin-top: 9px;
        padding-right: 5%;
        margin-bottom: 9px;
        width: 40%;
        height: auto;
        line-height: 18px;
        font-size: 16px;
        font-family: 'omneslight';
        color: #6D6E71;
        text-align: justify;
		position:fixed;
    }
    #article .aboutarea .rtimg {
        float: right;
        width: 55%;
        height: auto;
        border: none;
        margin-top: 18px;
    }
    #article .aboutarea .rtimg img {
        width: 100%;
        height: auto;
        border: none;
        margin-bottom: 20px;
    }
    #article #container,
    #containertwo {
        border: none;
        margin-right: auto;
        margin-left: auto;
        /*width:84%;*/
        /*width:1230px;*/
        height: auto;
        /*background-color:#0CC;*/
    }
	
    .element {
        width: calc(100% / 3);
        height: 228px;
        /*margin: 0px 2px 5px 2px;*/
		padding:5px;
        float: left;
        overflow: hidden;
        position: relative;
        color: #6d6e71;
		box-sizing:border-box;
        /*background-color:#666;*/
    }
	
	.element .quadmenus {
        width: calc(100% - 10px);
        height: 218px;
        display: block;
        display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
        font-family: 'OmnesThin';
        font-size: 2.4em;
        color: #6d6e71;
        text-decoration: none;
        text-align: center;
        font-stretch: narrower;
        z-index: 2;
        position: absolute;
        top: 5px;
        left: 5px;
		background-color:#fff;
		transition:all 0.5s;
    }
	.element .quadmenus:hover{
		background-color:#e7e7e7;	
	}
	
    .infowork {
        width: 228px;
        height: 60px;
        background-color: rgba(255, 255, 255, 0.9);
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 1;
        display: none;
    }
    .infoarea {
        width: 228px;
        padding-bottom: 8px;
        padding-top: 8px;
        background-color: rgba(255, 255, 255, 0.9);
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 1;
        display: block;
        text-align: center;
        font-family: 'omneslight';
        font-size: 20px;
        color: #6D6E71;
    }
    .infoteam {
        width: 228px;
        padding-bottom: 8px;
        padding-top: 8px;
        background-color: rgba(0, 143, 195, 0.99);
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 1;
        display: block;
        text-align: center;
        font-family: 'omneslight';
        font-size: 16px;
        color: #fff;
    }
    .infoteam span {
        display: block;
        font-weight: bold;
    }
    .namenews {
        position: absolute;
        width: 228px;
        height: auto;
        padding: 10px;
        background-color: rgba(0, 143, 195, 0.9);
        z-index: 1;
        text-align: left;
        font-family: 'omnes';
        font-size: 14px;
        color: #fff;
        bottom: 0px;
    }
    .namenews small {
        font-family: 'omneslight';
        font-size: 12px;
        color: #fff;
    }
    .nameteam {
        display: none;
    }
    .infotop {
        width: 228px;
        height: 60px;
        line-height: 30px;
        text-align: center;
        font-family: 'omneslight';
        font-size: 20px;
        color: #706F6F;
        float: left;
    }
    .infomid {
        width: 228px;
        height: 60px;
        line-height: 30px;
        text-align: center;
        font-family: 'omneslight';
        font-size: 20px;
        color: #706F6F;
        float: left;
    }
    .infobot {
        width: 228px;
        height: 60px;
        line-height: 30px;
        text-align: center;
        font-family: 'omneslight';
        font-size: 20px;
        color: #706F6F;
        float: left;
    }
    .rectalt {
        height: 465px;
    }
    .reccomp {
        width: 465px;
    }
    .bg {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 218px;
		background-position:center; background-size:cover; background-repeat:no-repeat;
        z-index: -2;
    }
    .bg img {
        width: 228px;
        height: auto;
    }
    .works {
        width: 100%;
        height: 218px;
        cursor: pointer;
        position: absolute;
        top: 5px;
        left: 5px;
		overflow:hidden;
    }
    .element .elm {
        width: 228px;
        height: 228px;
        display: block;
        line-height: 228px;
        background-color: #f1f2f2;
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
    }
    .element .quadmenu {
        width: 228px;
        height: 228px;
        display: block;
        line-height: 228px;
        font-family: 'OmnesThin';
        font-size: 3.5em;
        color: #6d6e71;
        text-decoration: none;
        text-align: center;
        font-stretch: narrower;
        z-index: 2;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    #footlin {
        width: 100%;
        height: 30px;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: rgba(255, 255, 255, 1);
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 20;
        border: none;
    }
    #footlin .im {
        float: left;
        width: 100%;
        height: 30px;
        margin-left: 3%;
        background: url('../images/clfootlogo.png') left center no-repeat;
        font-family: 'omnes';
        font-size: 12px;
        line-height: 36px;
        text-align: left;
        padding-left: 33px;
        color: #706F6F;
    }
    #footlin .btnFb {
        float: right;
        margin-right: 3%;
        width: auto;
        padding-right: 19px;
        height: 30px;
        background: url('../images/fbgray15x15.png') right center no-repeat;
        font-family: 'omnes';
        font-size: 12px;
        line-height: 36px;
        text-align: right;
        color: #706F6F;
        text-decoration: none;
    }
    .new {
        position: absolute;
        z-index: 3;
        width: 120px;
        height: 50px;
        background-color: #009AC8;
        font-family: 'omnes';
        font-size: 1.3em;
        text-align: center;
        line-height: 70px;
        color: #ffffff;
    }
    .ntop {
        left: 0px;
        top: 34px;
    }
    .nbot {
        left: -45px;
        top: -10px;
        -ms-transform: rotate(-45deg);
        /* IE 9 */
        -webkit-transform: rotate(-45deg);
        /* Safari */
        transform: rotate(-45deg);
        -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.3);
    }
    #error_full {
        left: 0px;
        top: 0px;
        bottom: 0px;
        right: 0px;
        position: fixed;
        z-index: 100000000;
        background-color: rgba(0, 0, 0, 0.8);
        display: none;
        color: #706F6F;
        font-family: 'omneslight';
        font-size: 12px;
        font-weight: bold;
    }
    #ok_full {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        position: fixed;
        z-index: 100000000;
        background-color: rgba(0, 0, 0, 0);
        display: none;
        text-align: center;
        color: #706F6F;
        font-family: 'omneslight';
        font-size: 12px;
        font-weight: bold;
    }
    #error_full .errormsg,
    #ok_full .okmsg {
        position: absolute;
        left;
        0px;
        width: 290px;
        padding-left: 30px;
        height: 30px;
        line-height: 30px;
        background-color: #fff;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: solid 1px #706F6F;
        text-align: left;
    }
    #error_full .errormsg {
        background: url('../images/errormsg.jpg') 0px 0px no-repeat, #fff;
    }
    #ok_full .okmsg {
        background: url('../images/okmsg.jpg') 0px 0px no-repeat, #fff;
    }
    .imgareas {
        float: left;
        width: 100%;
        height: 100%;
        border: none;
    }
    #canvas {
        position: absolute;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        z-index: 20000;
        display: block;
    }
    .breadcrumbs {
        float: left;
        width: 100%;
        height: 40px;
        padding-left: 20px;
        box-sizing: border-box;
        background: #fff;
        text-transform: lowercase;
    }
    .breadcrumbs li:after {
        content: ' > ';
        font-size: 12px;
        line-height: 40px;
        margin-left: 3px;
        margin-right: 3px;
    }
    .breadcrumbs li:last-child:after {
        content: '';
        font-size: 12px;
        line-height: 40px;
    }
    .breadcrumbs li > a,
    .breadcrumbs li h2 {
        font-size: 12px !important;
        line-height: 40px;
        float: left;
    }
    .breadcrumbs li h2 {
        color: #898a8e;
        font-family: 'omnesmedium';
        margin: 0;
    }
}

@media only screen and (min-width: 769px) {
    #qeq {
        background-image: url('../images/404.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 25%;
    }
    li {
        list-style: none;
        float: left;
    }
    #all {
        width: 100%;
        padding-top: 100px;
        /*padding-left:0.6666%; padding-right:0.6666%;*/
        position: relative;
        max-width: 100%;
        margin: auto;
        float: left;
    }
    #main {
        width: 100%;
        position: fixed;
        z-index: 20;
        top: 0px;
        background-color: #fff;
        padding-bottom: 14px;
        padding-top: 12px;
        padding-left: 0.6666%;
        padding-right: 0.6666%;
        margin-left: 0px;
    }
    #main .logoname {
        float: left;
        display: block;
        border: none;
        width: 288px;
        height: 73px;
        margin-left: 10px;
    }
    .menusmall {
        float: left;
        width: 100px;
        height: 30px;
        font-family: 'omneslight';
        color: #706F6F;
        font-size: 16px;
        text-align: left;
        position: relative;
        margin-left: 6%;
        display: none;
    }
    .menusmall a {
        display: block;
        text-align: left;
        line-height: 30px;
        text-decoration: none;
        background-color: #fff;
    }
    .menusmall a:hover {
        background-color: #706f6f;
        color: #fff;
    }
    .fbholder {
        float: right;
        margin-right: 100px;
        margin-top: 23px;
        width: 138px;
        height: auto;
    }
    .nav {
        float: left;
        margin-left: 15px;
        width: auto;
        height: 52px;
        display: none
    }
    .nav ul {
        padding: 0px;
        margin: 0px;
    }
    .nav a {
        float: left;
        width: auto;
        padding-right: 2.5px;
        padding-left: 2.5px;
        font-family: 'omneslight';
        color: #706F6F;
        height: 20px;
        line-height: 20px;
        text-align: center;
        margin-top: 23px;
        text-decoration: none;
        font-size: 16px;
        margin-right: 18px;
    }
    .nav a:last-child {
        margin-right: 0px !important;
    }
    .nav a:hover,
    #main .nav a.selected {
        color: #000;
    }
    .nav3 {
        float: right;
        margin-right: 15px;
        width: auto;
        height: auto;
    }
    .nav3 ul {
        padding: 0px;
        margin: 0px;
    }
    .nav3 a {
        float: left;
        width: auto;
        padding-right: 2.5px;
        padding-left: 2.5px;
        font-family: 'omneslight';
        color: #706F6F;
        height: 73px;
        line-height: 73px;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
		text-transform:uppercase;
        margin-right: 18px;
    }
    /*.nav3 a:last-child {
        margin-right: 0px !important;
    }*/
    .nav3 a:hover,
    .nav3 a.selected {
        color: #000;
    }
    #main .nav2 {
        float: right;
        margin-right: 30px;
        width: auto;
        height: 52px;
    }
    #main .nav2 ul {
        padding: 0px;
        margin: 0px;
    }
    #main .nav2 a {
        float: left;
        width: auto;
        padding-right: 2.5px;
        padding-left: 2.5px;
        font-family: 'omneslight';
        color: #706F6F;
        height: 20px;
        line-height: 20px;
        text-align: center;
        margin-top: 23px;
        text-decoration: none;
        font-size: 13px;
        margin-right: 5px;
    }
    #main .nav2 a:hover {
        color: #000;
    }
    #main .nav2 a.active {
        color: #706F6F;
        font-family: 'omneslight';
        text-decoration: none;
        font-weight: bold;
    }
    #article {
        width: 100%;
        height: auto;
        float: left;
        padding-bottom: 128px;
    }
    #article #container {
        border: none;
        margin-right: auto;
        margin-left: auto;
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
        /*width:1230px;*/
        height: auto;
        /*background-color:#0CC;*/
    }
    #containertwo {
        border: none;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        /*width:1230px;*/
        height: auto;
        /*background-color:#0CC;*/
    }
    #article .newsblock {
        float: left;
        width: 841px;
        height: auto;
        margin-bottom: 15px;
        background: url('../images/vsep.png') left bottom no-repeat;
    }
    #article .newsblock .newstext {
        float: left;
        margin-left: 20px;
        margin-top: 9px;
        margin-right: 20px;
        margin-bottom: 9px;
        width: 342px;
        height: auto;
        line-height: 18px;
        font-size: 16px;
        font-family: 'omneslight';
        color: #6D6E71;
        text-align: left;
        margin-bottom: 30px;
    }
    #article .newsblock .newstext h3 {
        padding: 0;
        font-size: 18px;
        float: left;
        width: 100%;
        margin-bottom: 4px;
        font-family: 'omnesmedium';
        color: #6D6E71;
    }
    #article .newsblock .newstext h4 {
        padding: 0;
        font-size: 15px;
        float: left;
        width: 100%;
        margin-bottom: 5px;
        font-family: 'OmnesThin';
        color: #6D6E71;
    }
    #article .newsblock .rtimg {
        float: right;
        width: 450px;
        height: auto;
        border: none;
        margin-top: 18px;
    }
    #article .newsblock .rtimg img {
        width: 100%;
        height: auto;
        border: none;
    }
    /** contactos */
    #article .googlemap {
        border: none;
        width: 100%;
        height: 350px;
        float: left;
        margin-bottom: 20px;
    }
    #article .contentholder {
        float: left;
        width: 100%;
        height: auto;
    }
    #article .contentholder .formctn {
        border: none;
        margin-left: 1%;
        width: 48%;
        height: auto;
        margin-right: 1%;
        float: left;
    }
    #article .contentholder .formctn h3,
    #article .contentholder .addressctn h3 {
        color: #706F6F;
        font-family: 'OmnesThin';
        padding: 0;
        font-size: 24px;
        float: left;
        margin-bottom: 20px;
        width: 100%;
    }
    #article .contentholder .formctn form .input {
        float: left;
        width: 60%;
        padding-top: 7.5px;
        border: solid 1px #706f6f;
        font-family: 'omneslight';
        font-size: 15px;
        padding-bottom: 7.5px;
        text-indent: 15px;
        background-color: #e1e3e9;
        margin-bottom: 15px;
    }
    #article .contentholder .formctn form .inputt {
        float: left;
        width: 29%;
        margin-right: 1%;
        padding-top: 7.5px;
        border: solid 1px #706f6f;
        font-family: 'omneslight';
        font-size: 15px;
        padding-bottom: 7.5px;
        text-indent: 15px;
        background-color: #e1e3e9;
        margin-bottom: 15px;
    }
    #article .contentholder .formctn form label {
        float: left;
        padding-left: 38px;
        width: auto;
        height: 35px;
        line-height: 35px;
        font-family: 'omneslight';
        font-size: 15px;
        color: #706F6F;
        text-decoration: none;
        margin-bottom: 15px;
        cursor: pointer;
    }
    #article .contentholder .formctn form label.unchecked {
        background: url('../images/checkbox.jpg') 0px 0px no-repeat;
    }
    #article .contentholder .formctn form label.checked {
        background: url('../images/checkbox.jpg') 0px -35px no-repeat;
    }
    #article .contentholder .formctn form textarea {
        float: left;
        margin-bottom: 15px;
        width: 56%;
        padding-left: 2%;
        padding-top: 7.5px;
        height: 90px;
        padding-bottom: 7.5px;
        resize: none;
        padding-right: 2%;
        border: solid 1px #706f6f;
        font-family: 'omneslight';
        font-size: 15px;
        background-color: #e1e3e9;
    }
    #article .contentholder .formctn form .botaosend {
        float: left;
        width: 29.5%;
        margin-right: 1%;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
        padding-right: 5%;
        text-align: right;
        font-family: 'omneslight';
        color: #fff;
        font-size: 15px;
        border: solid 1px #706f6f;
        background-color: #009AC7;
        cursor: pointer;
    }
    #article .contentholder .addressctn form .btnsend {
        float: left;
        width: 60%;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
        padding-right: 5%;
        text-align: right;
        font-family: 'omneslight';
        color: #fff;
        font-size: 15px;
        border: solid 1px #706f6f;
        background-color: #009AC7;
        cursor: pointer;
    }
    #article .contentholder .addressctn form .input {
        float: left;
        width: 60%;
        padding-top: 7.5px;
        border: solid 1px #706f6f;
        font-family: 'omneslight';
        font-size: 15px;
        padding-bottom: 7.5px;
        text-indent: 15px;
        background-color: #e1e3e9;
        margin-bottom: 15px;
    }
    #article .contentholder .addressctn {
        border: none;
        margin-left: 1%;
        width: 48%;
        margin-right: 1%;
        float: right;
        height: auto;
    }
    #article .contentholder .addressctn p {
        float: left;
        width: auto;
        height: auto;
        padding: 0;
        margin-bottom: 5px;
        font-family: 'omneslight';
        font-size: 15px;
        color: #706F6F;
        text-align: left;
        line-height: 25px;
        display: block;
    }
    #article .contentholder .addressctn p.home {
        padding-left: 30px;
        height: auto;
        line-height: 25px;
        text-align: left;
        background: url('../images/homeicon.png') 0px 0px no-repeat;
    }
    #article .contentholder .addressctn p.phone {
        padding-left: 30px;
        height: auto;
        line-height: 25px;
        text-align: left;
        background: url('../images/phoneicon.png') 0px 3px no-repeat;
    }
	#article .contentholder .addressctn p.phone span{
		font-size: 12px !important;
	}
	#article .contentholder .addressctn p.mphone {
        padding-left: 30px;
        height: auto;
        line-height: 25px;
        text-align: left;
        background: url('../images/mobileicon.png') 0px 3px no-repeat;
    }
	#article .contentholder .addressctn p.mphone span{
		font-size: 12px !important;
	}
    #article .contentholder .addressctn p.atmail {
        padding-left: 30px;
        height: 25px;
        line-height: 25px;
        text-align: left;
        background: url('../images/mailicon.png') 0px 0px no-repeat;
    }
    #article .contentholder .addressctn p.fax {
        padding-left: 30px;
        height: 25px;
        line-height: 25px;
        text-align: left;
        background: url('../images/faxicon.png') 0px 0px no-repeat;
    }
    #article .contentholder .addressctn p.phone a,
    #article .contentholder .addressctn p.atmail a,
    #article .contentholder .addressctn p.fax a {
        color: #706F6F;
        text-decoration: none;
    }
    /** fim de contactos */
    #article .aboutarea {
        float: left;
        width: 841px;
        height: auto;
    }
    #article .aboutarea .textoapres {
        float: left;
        margin-left: 20px;
        margin-top: 50px;
        margin-right: 20px;
        margin-bottom: 9px;
        width: 342px;
        height: auto;
        line-height: 18px;
        font-size: 16px;
        font-family: 'omneslight';
        color: #6D6E71;
        text-align: justify;
        position: fixed;
    }
    #article .aboutarea .rtimg {
        float: right;
        width: 450px;
        height: auto;
        border: none;
        margin-top: 38px;
    }
    #article .aboutarea .rtimg img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    /* areas detalhe */
    #article .arhold,
    #article .wrhold {
        position: relative;
        width: 100%;
        height: auto;
        background-color: #fff;
        top: 50px;
    }
    #article .arhold .infoar,
    #article .wrhold .infowr {
        position: fixed;
        left: 15px;
        top: 140px;
        width: 250px;
        height: auto;
        line-height: 18px;
        font-size: 14px;
        font-family: 'omneslight';
        color: #6D6E71;
        text-align: left;
        background-color: #fff;
		height:100vh;
    }
    #article .arhold .infoar h3 {
        padding: 0;
        font-size: 20px;
        float: left;
        width: 100%;
        margin-bottom: 20px;
        font-family: 'omnesmedium';
        color: #6D6E71;
    }
    #article .wrhold .infowr h3 {
        padding: 0;
        font-size: 20px;
        float: left;
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
        font-family: 'omnesmedium';
        color: #6D6E71;
    }
    #article .arhold .workctn,
    #article .wrhold .workctn {
        float: left;
        width: calc(100% - 280px);
        height: auto;
        margin-left: 280px;
        padding-bottom: 60px;
		box-sizing:border-box;
    }
    #article .arhold .workctn a {
        float: left;
        width: 450px;
        height: auto;
        display: block;
        margin-bottom: 20px;
        opacity: 0.9;
    }
    #article .arhold .workctn a:hover {
        opacity: 1;
    }
    #article .wrhold .workctn .element .works .bg img {
        float: left;
        width: 100%;
        height: 228px;
        margin: 0px;
        border: none;
    }
    #article .wrhold .workctn img {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    #article .arhold .workctn a img {
        border: none;
        width: 100%;
    }
    /* fim de areas detalhe */
    .element {
        width: calc(100% / 8);
        height: 228px;
        float: left;
        overflow: hidden;
        position: relative;
        color: #6d6e71;
        /*background-color:#666;*/
    }
    .element img {
        height: 228px !important;
    }
    .infowork {
        width: 228px;
        height: 228px;
        background-color: rgba(255, 255, 255, 0.9);
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 1;
        display: none;
    }
	
    .infoarea {
        width: 100%;
        height: 228px;
       	display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
        background-color: rgba(255, 255, 255, 0.9);
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 5;
        text-align: center;
        font-family: 'omneslight';
        font-size: 18px;
        color: #706F6F;
		opacity:0;
		transition:all 0.5s;
    }
	.works:hover infoarea{ opacity:1; }
    .infoteam {
        width: 228px;
        height: 60px;
        padding-top: 84px;
        padding-bottom: 84px;
        background-color: rgba(0, 143, 195, 0.99);
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 2;
        display: block;
        line-height: 30px;
        text-align: center;
        font-family: 'omneslight';
        font-size: 15px;
        color: #fff;
    }
    .nameteam {
        position: absolute;
        width: 228px;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: rgba(0, 143, 195, 0.9);
        z-index: 1;
        text-align: center;
        font-family: 'omneslight';
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        display: none;
        bottom: 0px;
    }
    .namenews {
        position: absolute;
        width: 228px;
        height: auto;
        padding: 10px;
        background-color: rgba(0, 143, 195, 0.9);
        z-index: 1;
        text-align: left;
        font-family: 'omnes';
        font-size: 14px;
        color: #fff;
        bottom: 0px;
    }
    .namenews small {
        font-family: 'omneslight';
        font-size: 12px;
        color: #fff;
    }
    .infoteam span {
        display: none;
        font-weight: bold;
    }
    .nameteam {
        position: absolute;
        width: 228px;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: rgba(0, 143, 195, 0.99);
        z-index: 1;
        text-align: center;
        font-family: 'omneslight';
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        display: block;
        bottom: -30px;
        opacity: 0;
    }
    .infotop {
        margin-bottom: 126px;
        margin-top: 42px;
        width: 228px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-family: 'omneslight';
        font-size: 18px;
        color: #706F6F;
        float: left;
    }
    .infomid {
        width: 100%;
        height: 218px;
        display: flex;
		align-items: center;
		justify-content: center;
    	text-align: center;
        text-align: center;
        font-family: 'omneslight';
        font-size: 18px;
        color: #706F6F;
        float: left;
    }
    .infobot {
        margin-bottom: 42px;
        margin-top: 126px;
        width: 228px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-family: 'omneslight';
        font-size: 18px;
        color: #706F6F;
        float: left;
    }
    .rectalt {
        height: 465px;
    }
    .reccomp {
        width: 465px;
    }
    .bg {
        width: 228px;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 228px;
        z-index: -2;
    }
    .bg img {
        width: 228px;
        height: 228px;
    }
    .works {
        width: 228px;
        height: 228px;
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .element .elm {
        width: 228px;
        height: 228px;
        display: block;
        line-height: 228px;
        background-color: #e7e7e7;
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: -1;
    }
    .element .quadmenus {
        width: calc(100% - 10px);
        height: 218px;
        display: block;
        display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
        font-family: 'OmnesThin';
        font-size: 2.4em;
        color: #6d6e71;
        text-decoration: none;
        text-align: center;
        font-stretch: narrower;
        z-index: 2;
        position: absolute;
        top: 5px;
        left: 5px;
		background-color:#fff;
		transition:all 0.5s;
    }
	.element .quadmenus:hover{
		background-color:#e7e7e7;	
	}
    #footlin {
        width: 100%;
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: rgba(255, 255, 255, 1);
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 20;
        border: none;
        padding-left: 0.6666%;
        padding-right: 0.6666%;
		z-index:2;
    }
    #footlin .im {
        float: left;
        width: 100% !important;
        height: 30px;
        margin-left: 9px;
        background: url('../images/clfootlogo.png') left center no-repeat;
        font-family: 'omnes';
        font-size: 12px;
        line-height: 36px;
        text-align: left;
        padding-left: 35px;
        color: #706F6F;
    }
    #footlin .btnFb {
        float: right;
        margin-right: 3%;
        width: auto;
        padding-right: 19px;
        height: 30px;
        background: url('../images/fbgray15x15.png') right center no-repeat;
        font-family: 'omnes';
        font-size: 12px;
        line-height: 36px;
        text-align: right;
        color: #706F6F;
        text-decoration: none;
    }
    .new {
        position: absolute;
        z-index: 3;
        width: 120px;
        height: 50px;
        background-color: #009AC8;
        font-family: 'omnes';
        font-size: 1.3em;
        text-align: center;
        line-height: 70px;
        color: #ffffff;
    }
    .ntop {
        left: 0px;
        top: 34px;
    }
    .nbot {
        left: -45px;
        top: -10px;
        -ms-transform: rotate(-45deg);
        /* IE 9 */
        -webkit-transform: rotate(-45deg);
        /* Safari */
        transform: rotate(-45deg);
        -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.3);
    }
    #error_full {
        left: 0px;
        top: 0px;
        bottom: 0px;
        right: 0px;
        position: fixed;
        z-index: 100000000;
        background-color: rgba(0, 0, 0, 0.8);
        display: none;
        color: #706F6F;
        font-family: 'omneslight';
        font-size: 12px;
        font-weight: bold;
    }
    #ok_full {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        position: fixed;
        z-index: 100000000;
        background-color: rgba(0, 0, 0, 0);
        display: none;
        text-align: center;
        color: #706F6F;
        font-family: 'omneslight';
        font-size: 12px;
        font-weight: bold;
    }
    #error_full .errormsg,
    #ok_full .okmsg {
        position: absolute;
        left;
        0px;
        width: 290px;
        padding-left: 30px;
        height: 30px;
        line-height: 30px;
        background-color: #fff;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: solid 1px #706F6F;
        text-align: left;
    }
    #error_full .errormsg {
        background: url('../images/errormsg.jpg') 0px 0px no-repeat, #fff;
    }
    #ok_full .okmsg {
        background: url('../images/okmsg.jpg') 0px 0px no-repeat, #fff;
    }
    .imgareas {
        float: left;
        width: 100%;
        height: 228px;
        margin: 0px;
        border: none;
    }
    #canvas {
        position: fixed;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        z-index: 20000;
        width: 800px;
        height: 400px;
        display: block;
        -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
    }
    a.breadcrumb,
    h1.breadcrumb,
    span.breadcrumb {
        font-size: 14px;
        line-height: 40px;
        float: left;
    }
    h2.breadcrumb {
        color: #898a8e;
        font-family: 'omnesmedium';
        margin: 0;
    }
    .breadcrumbs {
        float: left;
        width: 100%;
        height: 40px;
        padding-left: 20px;
        box-sizing: border-box;
        background: #fff;
        text-transform: lowercase;
    }
    .breadcrumbs {
        float: left;
        width: 100%;
        height: 40px;
        padding-left: 20px;
        box-sizing: border-box;
        background: #fff;
        text-transform: lowercase;
    }
    .breadcrumbs li:after {
        content: ' > ';
        font-size: 14px;
        line-height: 40px;
        margin-left: 3px;
        margin-right: 3px;
    }
    .breadcrumbs li:last-child:after {
        content: '';
        font-size: 14px;
        line-height: 40px;
    }
    .breadcrumbs li > a,
    .breadcrumbs li h2 {
        font-size: 14px !important;
        line-height: 40px;
        float: left;
    }
    .breadcrumbs li h2 {
        color: #898a8e;
        font-family: 'omnesmedium';
        margin: 0;
    }
}

h1 {
    float: left;
    font-family: 'OmnesThin';
    font-size: 24px;
    margin-bottom: 15px;
    margin-left: 20px;
}
#article h1{ position: fixed; }

a {
    color: #6D6E71;
    text-decoration: none;
}

a:hover {
    color: #898a8e;
    text-decoration: none;
}

#qeq .info {
    font-family: 'OmnesThin';
    font-size: 18px;
    color: #6e6f73;
    margin: 0 auto;
    width: auto;
    text-align: center;
}

#main .logoname img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
}

ol > li {
    float: left;
}

@media print {}

.winter-is-coming,
.snow {
    z-index: 100;
    pointer-events: none;
}

.winter-is-coming {
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
}

.snow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: falling linear infinite both;
    animation: falling linear infinite both;
    -webkit-transform: translate3D(0, -100%, 0);
    transform: translate3D(0, -100%, 0);
}

.snow--near {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");
    background-size: contain;
}


.snow--near + .snow--alt {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.snow--mid {
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png");
    background-size: contain;
}

.snow--mid + .snow--alt {
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
}

.snow--far {
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png");
    background-size: contain;
}

.snow--far + .snow--alt {
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
}

@-webkit-keyframes falling {
    0% {
        -webkit-transform: translate3D(-7.5%, -100%, 0);
        transform: translate3D(-7.5%, -100%, 0);
    }
    100% {
        -webkit-transform: translate3D(7.5%, 100%, 0);
        transform: translate3D(7.5%, 100%, 0);
    }
}

@keyframes falling {
    0% {
        -webkit-transform: translate3D(-7.5%, -100%, 0);
        transform: translate3D(-7.5%, -100%, 0);
    }
    100% {
        -webkit-transform: translate3D(7.5%, 100%, 0);
        transform: translate3D(7.5%, 100%, 0);
    }
}

@media only screen and (min-width: 769px) and (max-width: 967px) {
	.element {
		width: calc(100% / 4);
		height: 228px;
		padding:5px;
		float: left;
		overflow: hidden;
		position: relative;
		color: #6d6e71;
		box-sizing:border-box;
	}
	.works {
		width: calc(100% - 10px);
		height: 218px;
		cursor: pointer;
		position: absolute;
		top: 5px;
		left: 5px;
		overflow:hidden;
	}
	.bg {
		width:100%;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 218px;
		background-size:cover; background-position:center; background-repeat:no-repeat;
		z-index: -2;
	}
	.infowork {
		width: 100%;
    	height: 218px;
    	background-color: rgba(255, 255, 255, 0.9);
    	position: absolute;
    	bottom: 0px;
    	left: 0px;
    	z-index: 1;
    	display: none;
	}
	.infomid {
    	width: 100%;
    	height: 218px;
    	display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
    	text-align: center;
    	font-family: 'omneslight';
    	font-size: 18px;
    	color: #706F6F;
    	float: left;
		margin:0 !important;
	}
	.element .quadmenus {
        width: calc(100% - 10px);
        height: 218px;
        display: block;
        display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
        font-family: 'OmnesThin';
        font-size: 2.4em;
        color: #6d6e71;
        text-decoration: none;
        text-align: center;
        font-stretch: narrower;
        z-index: 2;
        position: absolute;
        top: 5px;
        left: 5px;
		background-color:#fff;
		transition:all 0.5s;
    }
	.element .quadmenus:hover{
		background-color:#e7e7e7;	
	}
}

@media only screen and (min-width: 968px) and (max-width: 1270px) {
	.element {
		width: calc(100% / 5);
		height: 228px;
		padding:5px;
		float: left;
		overflow: hidden;
		position: relative;
		color: #6d6e71;
		box-sizing:border-box;
	}
	.works {
		width: calc(100% - 10px);
		height: 218px;
		cursor: pointer;
		position: absolute;
		top: 5px;
		left: 5px;
		overflow:hidden;
	}
	.bg {
		width:100%;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 218px;
		background-size:cover; background-position:center; background-repeat:no-repeat;
		z-index: -2;
	}
	.infowork {
		width: 100%;
    	height: 218px;
    	background-color: rgba(255, 255, 255, 0.9);
    	position: absolute;
    	bottom: 0px;
    	left: 0px;
    	z-index: 1;
    	display: none;
	}
	.infomid {
    	width: 100%;
    	height: 218px;
    	display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
    	text-align: center;
    	font-family: 'omneslight';
    	font-size: 18px;
    	color: #706F6F;
    	float: left;
		margin:0 !important;
	}
	.element .quadmenus {
        width: calc(100% - 10px);
        height: 218px;
        display: block;
        display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
        font-family: 'OmnesThin';
        font-size: 2.4em;
        color: #6d6e71;
        text-decoration: none;
        text-align: center;
        font-stretch: narrower;
        z-index: 2;
        position: absolute;
        top: 5px;
        left: 5px;
		background-color:#fff;
		transition:all 0.5s;
    }
	.element .quadmenus:hover{
		background-color:#e7e7e7;	
	}
}
@media only screen and (min-width: 1271px) and (max-width: 1570px) {
	.element {
		width: calc(100% / 6);
		height: 228px;
		padding:5px;
		float: left;
		overflow: hidden;
		position: relative;
		color: #6d6e71;
		box-sizing:border-box;
	}
	.works {
		width: calc(100% - 10px);
		height: 218px;
		cursor: pointer;
		position: absolute;
		top: 5px;
		left: 5px;
		overflow:hidden;
	}
	.bg {
		width:100%;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 218px;
		background-size:cover; background-position:center; background-repeat:no-repeat;
		z-index: -2;
	}
	.infowork {
		width: 100%;
    	height: 218px;
    	background-color: rgba(255, 255, 255, 0.9);
    	position: absolute;
    	bottom: 0px;
    	left: 0px;
    	z-index: 0;
    	display: none;
	}
	.infomid {
    	width: 100%;
    	height: 218px;
    	display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
    	text-align: center;
    	font-family: 'omneslight';
    	font-size: 18px;
    	color: #706F6F;
    	float: left;
		margin:0 !important;
	}
	.element .quadmenus {
        width: calc(100% - 10px);
        height: 218px;
        display: block;
        display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
        font-family: 'OmnesThin';
        font-size: 2.4em;
        color: #6d6e71;
        text-decoration: none;
        text-align: center;
        font-stretch: narrower;
        z-index: 0;
        position: absolute;
        top: 5px;
        left: 5px;
		background-color:#fff;
		transition:all 0.5s;
    }
	.element .quadmenus:hover{
		background-color:#e7e7e7;	
	}
}
@media only screen and (min-width: 1571px) and (max-width: 1919px) {
	.element {
		width: calc(100% / 7);
		height: 228px;
		padding:5px;
		float: left;
		overflow: hidden;
		position: relative;
		color: #6d6e71;
		box-sizing:border-box;
	}
	.works {
		width: calc(100% - 10px);
		height: 218px;
		cursor: pointer;
		position: absolute;
		top: 5px;
		left: 5px;
		overflow:hidden;
	}
	.bg {
		width:100%;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 218px;
		background-size:cover; background-position:center; background-repeat:no-repeat;
		z-index: -2;
	}
	.infowork {
		width: 100%;
    	height: 218px;
    	background-color: rgba(255, 255, 255, 0.9);
    	position: absolute;
    	bottom: 0px;
    	left: 0px;
    	z-index: 1;
    	display: none;
	}
	.infomid {
    	width: 100%;
    	height: 218px;
    	display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
    	text-align: center;
    	font-family: 'omneslight';
    	font-size: 18px;
    	color: #706F6F;
    	float: left;
		margin:0 !important;
	}
	.element .quadmenus {
        width: calc(100% - 10px);
        height: 218px;
        display: block;
        display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
        font-family: 'OmnesThin';
        font-size: 2.4em;
        color: #6d6e71;
        text-decoration: none;
        text-align: center;
        font-stretch: narrower;
        z-index: 2;
        position: absolute;
        top: 5px;
        left: 5px;
		background-color:#fff;
		transition:all 0.5s;
    }
	.element .quadmenus:hover{
		background-color:#e7e7e7;	
	}
}
@media only screen and (min-width: 1920px) {
	.element {
		width: calc(100% / 8);
		height: 228px;
		padding:5px;
		float: left;
		overflow: hidden;
		position: relative;
		color: #6d6e71;
		box-sizing:border-box;
	}
	
	.works {
		width: calc(100% - 10px);
		height: 218px;
		cursor: pointer;
		position: absolute;
		top: 5px;
		left: 5px;
		overflow:hidden;
	}
	.bg {
		width:100%;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 218px;
		background-size:cover; background-position:center; background-repeat:no-repeat;
		z-index: -2;
	}
	.infowork {
		width: 100%;
    	height: 218px;
    	background-color: rgba(255, 255, 255, 0.9);
    	position: absolute;
    	bottom: 0px;
    	left: 0px;
    	z-index: 1;
    	display: none;
	}
	.infomid {
    	width: 100%;
    	height: 218px;
    	display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
    	text-align: center;
    	font-family: 'omneslight';
    	font-size: 18px;
    	color: #706F6F;
    	float: left;
		margin:0 !important;
	}
	.element .quadmenus {
        width: calc(100% - 10px);
        height: 218px;
        display: block;
        display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
        font-family: 'OmnesThin';
        font-size: 2.4em;
        color: #6d6e71;
        text-decoration: none;
        text-align: center;
        font-stretch: narrower;
        z-index: 2;
        position: absolute;
        top: 5px;
        left: 5px;
		background-color:#fff;
		transition:all 0.5s;
    }
	.element .quadmenus:hover{
		background-color:#e7e7e7;	
	}
}
.homelogos{ width:100%;height:calc(100vh - 159px);background-position:top center;background-repeat:no-repeat;background-size:100% auto;z-index:50;position:absolute;top:99px;left:0px;display:block;cursor:pointer;  display: -webkit-flex; display: flex; align-items: center; justify-content: center; text-align:center; background-color:#706f6f; transition:all 1s; }

.vid-container{
  position:fixed;
  height:100vh;
  width:100vw;
  overflow:hidden;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index:500;
  background:#706F6F;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  opacity:1;
  transition:all 1s;
}
.vid-container .closecovid{
	position:fixed; top:20px; right:20px; width:30px; height:30px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:16px; color:#fff; font-weight:bold; cursor:pointer; text-align:center; line-height:30px; }	
.vid-container img{ -webkit-border-radius:10px; border-radius:10px; width:45%; height:auto; margin-left:27.5%;margin-right:27.5%;margin-top:10%;margin-bottom:10%; display:block; border:none; }
.bgvid{
  /*position:absolute;
  left:0;
  top:0;*/
  width:100vw;
}
.logos-container{
	/*position:fixed;*/
	width:100%;	
	/*z-index:400;*/
	background-color:#ffffff;
	/*left:0px;
	bottom:60px;
	right:0px;*/
	overflow:hidden;
}
.logoshold{/*position:absolute;*/width:auto;float:left;height:calc(100% / 7); }
.logoshold .logolink{ float:left; width:auto; height:135px; display:block; margin-left:20px;}
.logoshold .logolink img{ height:100%; width:auto;  filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.hiddenoverflow{overflow:hidden; }


nav {
    background:none;
    color: #6d6e71;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99999999;
}

/*** INPUT ***/
nav input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

/*** LABEL ***/
nav label {
    cursor: pointer;
    display: block;
    font: 2em/1 'omnesmedium', sans-serif;
    padding: 0.5em;
}

/* Hamburger Icon */
#menu-icon,
#menu-icon:before,
#menu-icon:after {
    background: #6d6e71;
    border-radius: 3px;
    height: 3px;
    transition: all 0.2s ease-in-out;
    width: 100%;
}

#menu-icon {
    display: inline-block;
    margin: 0.4em 0;
    max-width: 1em;
    position: relative;
}

nav label #menu-icon {
    float: right;
}

#menu-icon:before,
#menu-icon:after {
    content: '';
    left: 0;
    position: absolute;
}

#menu-icon:before {
    top: -0.4em;
}

#menu-icon:after {
    bottom: -0.4em;
}

/* Close Icon */
nav input[type=checkbox]:checked + label #menu-icon {
    background: transparent;
}

nav input[type=checkbox]:checked + label #menu-icon:before {
    top: 0;
    transform: rotate(-45deg);
}

nav input[type=checkbox]:checked + label #menu-icon:after {
    bottom: 0;
    transform: rotate(45deg);
}


/*** MENU ***/
/* Overlay */
nav input:checked ~ #overlay {
    background: #ffffff;
    bottom: 0;
    left: 0;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: -1;
}

/* List */
nav ul {
    font-size: 1.5em;
    list-style: none;
    margin: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
	width:100%;
}

nav input:checked ~ ul {
    margin: 0;
    max-height: inherit;
    opacity: 1;
}

nav ul > li {
    margin: 0.5em auto;
	float:none;
}

nav ul a {
    color: #1d1f20!important;
    text-decoration: none;
}

nav ul a:hover {
    text-decoration: underline;
}

/* Social Media */
nav ul#social-media > li {
    display: inline-block;
    font-size: 1.5em;
    margin: 0.5em;
}