@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');

*{margin:0;padding:0;outline:none;border:0;list-style:none;}
html, body{-webkit-text-size-adjust: none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:"Teko", sans-serif, Georgia;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
img{max-width:100%;border:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
textarea{resize:none;}
input[type=text], textarea{border:1px solid #ddd;width:94.7%;padding:10px 2.5%;color:#555;font:16px arial;}
input[type=submit],input[type=button]{cursor:pointer;background-color:#3399cc;color:#fff;padding:5px 25px;font:16px/24px arial;;transition:all 400ms ease 0s;-webkit-transition:all 400ms ease 0s;}
input[type=submit]:hover,input[type=button]:hover{background-color:rgba(0, 0, 0, 0.5);}
/* websolaris */
body{margin:0;font:16px/1.4 arial;color:#555; background:url(../images/bg-white.gif) repeat 0 0;background-attachment: fixed;}
.bgGrey{background:url(../images/bg-grey.gif) repeat 0 0;color:#ccc;clear:both;width:100%;display:inline-block;position:relative;}
.bgGrey a{color:#ccc;}
.wrapper{width:1200px;margin:0 auto;}
.dispInBlock{display:inline-block;width:100%;}
.visible-ph{display:none;}
.visible-de-np{display:block;}
.hidden-ph{display:block;}
#pageHeader{height:165px;}
#logo{margin-top:25px;display:inline-block;}
#pageNav{display:inline-block;float:right;text-transform:uppercase;font-size:13px;font-weight:bold;}
#pageNav ul{display:block;}
#pageNav a{color:#fff;padding:100px 25px 20px;display:block;transition:all 200ms ease 0s;-moz-transition:all 200ms ease 0s;-webkit-transition:all 200ms ease 0s;-o-transition:all 200ms ease 0s;}
#pageNav a:hover{text-decoration:none;background-color:rgba(255, 255, 0, 0.9);}
#pageNav li.active{background-color:rgba(255, 255, 0, 0.9);}
#pageNav li.active a{cursor:default;color:#333;}
#pageNav li{float:left;margin:0 1px;}
#pageNavBtn {display: none;}
.pageFooter{clear:both;}
.footerInfo{display:inline-block;padding:38px 0 30px;width:100%;}
.footerInfo article{float:left;width:31%;margin-left:3.5%;}
.footerInfo article:first-child{margin-left:0;}
.footerInfo h3{text-transform:uppercase;border-bottom:1px solid rgba(255, 255, 0, 0.9);font-size:20px;padding-bottom:10px;margin-bottom:15px;font-style:italic;}
.footerInfo li{margin-bottom:6px;background:url(../images/bull-white.gif) no-repeat 0 9px;padding-left:12px;}
.footerFollow li{float:left;background:none;padding-left:20px;}
.footerFollow li:first-child{padding-left:0;}
.footerFollow a{width:25px;height:24px;display:inline-block;transition:all 200ms ease 0s;-moz-transition:all 200ms ease 0s;-webkit-transition:all 200ms ease 0s;-o-transition:all 200ms ease 0s;background-image:url(../images/sn.png);}
.facebook{background-position: 0 0;}
.facebook:hover{background-position:0 -25px;}
.linkedin{background-position:-27px 0;}
.linkedin:hover{background-position:-27px -25px;}
.gplus{background-position: -53px 0;}
.gplus:hover{background-position:-53px -25px;}
.twitter{background-position: -80px 0;}
.twitter:hover{background-position:-80px -25px;}
.pinterest{background-position: -135px 0;}
.pinterest:hover{background-position:-135px -25px;}
.footTxtCon{clear:both;border-top:2px solid #555;}
.pageFooter .footTxt{display:inline-block;padding:40px 0;}
.pageFooter .web-solaris{display:inline-block;float:right;padding:32px 0;}
.pageFooter .web-solaris a{background:url(../images/web-solaris.png) no-repeat 100% 7px;display:inline-block;padding:0 52px 0 0;text-align:right;width:100px;line-height:18px;}
#homeBanner{height:600px;background:url(../images/home-banner1.jpg) no-repeat center 0;color:#fff000;padding:175px 0 0;font:72px Georgia;text-align:center;box-sizing:border-box;text-shadow:3px 3px 1px #333;background-size:cover;}
.homeProjects{padding:40px 0;display:inline-block;width:100%;}
.homeProjects h2{font-size:30px;margin-bottom:20px;}
.homeProjects .projAni{margin-left:0;}
.homeProjects .projAni li{float:left;width:28%;margin:2%;border:3px solid #ff0;border-radius:10px;overflow:hidden;}
/* .homeProjects .projAni li:first-child{margin-left:0;} */
.projAni li img{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
/* .projAni li img:hover{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25);} */
.wrapperHome{width:1000px;margin:0 auto;}
.homeBanTxtCon{display:inline-block;padding:0 0 50px;margin-top:-203px;}
.homeBanTxtCon .homeBannerTxt{width:30%;float:left;margin-left:5%;background-color:#eee;color:#333;transition:all 200ms ease 0s;-moz-transition:all 200ms ease 0s;-webkit-transition:all 200ms ease 0s;-o-transition:all 200ms ease 0s;}
.homeBanTxtCon .homeBannerTxt:first-child{margin-left:0;}
.homeBanTxtCon .homeBannerTxt:hover{background-color:#ff0;}
.homeBanTxtCon h2{font-size:25px;padding:25px 20px 20px;}
.homeBanTxtCon p{padding:0 20px 10px;}
.homeBannerTxt img{float:left;}
.welcomeTxt{text-align:center;}
.welcomeTxt h2{font-size:40px;line-height:40px;color:#fff000;font-style:italic;margin-bottom:25px;}
.welcomeTxt p{padding:0px 0 40px;}
.innerWrapper h2{margin-bottom:20px;font-size:30px;font-weight:bold;font-style:italic;}
.innerWrapper h3{margin-bottom:10px;font-size:25px;}
.innerWrapper h4{margin-bottom:14px;font-size:20px;font-weight:bold;}
.innerWrapper p{margin-bottom:30px;}
.innerWrapper li{margin-bottom:10px;}
.rightO{margin-right:0 !important;padding-right:0 !important;}
.bottomO{margin-bottom:0 !important;padding-bottom:0 !important;}
.introCon{display:inline-block;}
.introCon figure{float:left;margin:0 30px 0 0;}
.column2{border-bottom:1px dashed #666;padding:40px 0;}
.column2 .row{margin-top:40px;display:inline-block;width:100%;}
.column2 .row:first-child{margin-top:0;}
.column2 .col{width:48%;margin-left:4%;float:left;}
.column2 .col:first-child{margin-left:0;}
.column2 .col .thumbCol{float:left;width:26%;margin-right:4%;}
.column2 .col .thumbTxt{float:left;width:70%;}
.column2 .row .col.ceo{margin:0 auto;float:none;}
.column2 .row .col h4{color:#f16f2e;}
.innerWrapper .column2  h2{margin-bottom:0;}
.column2 .thumbCol img{transition-duration: 0.8s;-webkit-transition-duration: 0.8s;}
.column2 .thumbCol:hover img{filter:grayscale(100%);-webkit-filter: grayscale(100%);}
.projectCon h2{margin-bottom:30px;}
.projTab{border-bottom:1px solid #ccc;width:100%;display:inline-block;}
.projTab li{float:left;margin:0 0 0 5px;padding:14px 20px 12px;background-color:#ccc;cursor:pointer;}
.projTab li:first-child{margin-left:0;}
.projTab li.current{cursor:default;background-color:#ff0;}
.projAni{margin-left:-2%;margin-right:-2%;clear:both;}
.projAni li{float:left;width:29.3%;margin:2% 2%;position:relative;line-height:0;overflow:hidden;}
.projInfo{background:url(../images/gradiant-black.png) repeat 0 0;position:absolute;width:92%;text-align:center;bottom:-55px;color:#fff;padding:2% 4%;right:0;z-index:1;}
.projInfo h3{font-size:16px;line-height:26px;margin:0;}
.downloadBro{position: absolute;top: 50px;width: 100%;display: block;text-align: center;}
.downloadBro a{background-color:#ff0;border-radius:0 20px;padding:10px 20px;font:20px georgia;color: #333;transition-duration: 0.2s;-webkit-transition-duration: 0.2s;}
.downloadBro a:hover{border-radius:20px 0; text-decoration: none;color: #fb0202;}
.isotope .isotope-item{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;transition-duration: 0.8s;}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity;}
.listBull li{margin-bottom:6px;background:url(../images/bull-grey.gif) no-repeat 0 9px;padding-left:12px;}
.innerWrapper{padding:40px 0;display:inline-block;width:100%;}
.innerBanner{margin-bottom:40px;}
.SBB-map{width:99.5%;height:350px;border:3px solid #ccc;}
.SBB-map img{max-width:none;}
#contactCon{float:left;width:25%;}
#contactCon a{color:#3399cc;}
#contactCon{font-style:normal;line-height: 1.8;}
#contactForm{float:right;width:65%;position:relative;}
#contactForm input[type=text]:hover,#contactForm textarea:hover{border:1px solid #ccc;}
#contactForm input[type=text]:focus,#contactForm textarea:focus{border:1px solid #3366cc;}
#contactForm input[type=text].valid,#contactForm textarea.valid{border:1px solid #3366cc;background:url(../images/valid.png) no-repeat 95% 10px #fff;}
#contactForm input[type=text].invalid,#contactForm textarea.invalid{border:1px solid #ff0;background:url(../images/invalid.png) no-repeat 95% 10px #fff;}
#contactForm li{float:left;margin:2%;position:relative;}
#contactForm li.col1{width:98%;}
#contactForm li.col2{width:47%;}
h4.ipara{font-size:14px;float:left}
.result{border:1px solid #ddd;background-color:rgba(0, 0, 0, 0.5);color:#fff;display:none;padding:10px 30px;position:absolute;bottom:11px;left:150px;}
.iconValidate{position:absolute;right:10px;top:35px;z-index:10;}

@media(max-width: 1220px) {
	body{font-size:14px;}
	.wrapper{width:96%;padding:0 2%;}
	.wrapperHome{width:96%;}
    #homeBanner{height:500px;padding-top:125px;}
	.homeBannerTxt img{width:100%;}
	.homeBanTxtCon h2{line-height:28px;}
	.homeProjects .projAni li{border:1px solid #ff0;}
	.introCon figure{width:42%;margin-right:20px;}
	.innerWrapper p{margin-bottom:20px;}
	.innerWrapper h2{font-size:28px;}
	.innerWrapper h3{font-size:22px;}
	.innerWrapper h4{font-size:18px;}
	.projInfo{bottom: 0;}
}
@media(max-width: 967px) {
	body{font-size:12px;}
	.wrapperHome{width:90%;}
	.projInfo h3{font:12px arial;}
	.innerWrapper h2{font-size:26px;}
	.innerWrapper h3{font-size:18px;}
	.innerWrapper h4{font-size:16px;}
	#pageNav a{padding:100px 20px 20px}
	#pageHeader{height:75px;}
	#logo{width:74px;margin-top:10px;}
	#pageNav ul{display:none;position:absolute;width:100%;margin:0;left:0;top:75px;background:#999;z-index:1;}
	#pageNav li{width:100%;margin:0;border-bottom:1px solid #666;}
	#pageNav li:first-child{border-top:1px solid #666;}
	#pageNav a {width:90%;padding:20px 5%;}
	#pageNavBtn{display: block;width:55px;height:46px;position:absolute;right:0px;top:14px;cursor:pointer;z-index: 12399994;}
	#pageNavBtn:after{position:absolute;top:22px;right:20px;display:block;height:6px;width:30px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
	#pageNavBtn:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:14px;right:20px;display:block;height:2px;width:30px;background:#ddd;content:''}
	#pageNavBtn.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:30px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	#pageNavBtn.menu-opened:before{top:23px;background:#fff;width:30px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
}
@media(max-width:767px) {
    .visible-ph{display:block;}
    .visible-de-np{display:none;}
    .hidden-ph{display:none;}
	.homeBanTxtCon{display:none;}
    #homeBanner{height:300px;padding-top:100px;font-size:50px;}
	.welcomeTxt h2{padding-top:30px;font-size:30px;line-height:30px;}
	.welcomeTxt p{margin-bottom:30px;}
	.homeProjects .projAni li,.homeProjects .projAni li:first-child{border-radius:4px;border:1px solid #ccc;width:45%;margin:2%;}
	.homeProjects h2{font-size:26px;}
	.projInfo h3{font:12px arial;}
	#menu{background:url("../images/menu.png") no-repeat 0 0;cursor:pointer;display:inline-block;height:40px;margin-top:45px;width:53px;}
	.footerInfo article{width:100%;margin-left:0;margin-top:25px;}
	.footerInfo article:first-child{margin-top:0;}
	.pageFooter .footTxt, .pageFooter .web-solaris{width:100%;text-align:center;padding:0 0 10px;}
	.footTxtCon{padding-top:30px;}
	.pageFooter .web-solaris a{width:180px;padding:10px 0;text-align:left;}
	.column2 .row{margin-top:25px;}
	.column2 .col{width:100%;margin-left:0;margin-top:25px;}
	.column2 .col:first-child,.column2 .row:first-child{margin-top:0;}
	.column2 .col .thumbCol{width:22%;}
	.column2 .col .thumbTxt{width:74%;}
    .column2 .row .col.ceo{margin:0;float:left;}
	.innerBanner{margin-bottom:30px;}
	.innerWrapper{padding:30px 0;}
	.innerWrapper h4{margin-bottom:12px;}
	.introCon{display:block;}
	.SBB-map{width:99%;height:275px;}
	#contactCon, #contactForm{width:100%;}
	#contactForm{margin-top:25px;}
	.downloadBro{top:25px;}
	.downloadBro a{font-size: 12px;}
}
@media(max-width:500px) {
	.projInfo{width: 98%;padding: 2% 1%;}
}
@media(max-width:400px) {
    #homeBanner{padding-top:100px;}
	.projTab li{padding:12px 1.8%;}
	.projAni li{width: 45.7%;}
	#contactForm li.col2{width:100%;margin:15px 0 0;}
	#contactForm li{margin:15px 0 0;}
	.introCon figure{width:100%;margin:0 0 20px;}
}