body{font-family:'Roboto' , sans-serif;background-color:#f1f1f1;color:#323232;font-size:14px;height:100%;font-weight:300;margin:0;padding:0;}
.container{width:100%;height:100vh;display:table;margin:0 auto;}
.mobilebanner{display:none;}
.section{width:96%;height:100vh;float:left;display:table;margin:0;padding:0 2%;}
.section:nth-of-type(1n){background-color:#15ada2;}
.section:nth-of-type(2n), .section:nth-of-type(3n), .section:nth-of-type(4n), .section:nth-of-type(5n), .section:nth-of-type(6n), .section:nth-of-type(7n), .section:nth-of-type(8n), .section:nth-of-type(9n), .section:nth-of-type(10n), .section:nth-of-type(11n), .section:nth-of-type(12n), .section:nth-of-type(13n){background-color:#15ada2;}
.top{position:fixed;top:0;left:0;width:100%;height:70px;background-color:#fff;z-index:10;}
.bottom{position:fixed;bottom:0;left:0;width:100%;height:30px;background-color:#fff;z-index:10;}
.left{position:fixed;top:0;left:0;width:30px;height:100%;background-color:#fff;z-index:10;}
.right{position:fixed;top:0;right:0;width:30px;height:100%;background-color:#fff;z-index:10;}
.bottom p{font-size:12px;margin:5px 0px 5px 0;float:left;width:auto;text-align:center;font-weight:400;width:100%;}
.logo{width:310px;float:left;margin:7px 0 7px 35px;}
.logo img{width:310px;float:left;}
.headerright{width:400px;float:right;margin-right:35px;}
.headerright ul{width:100%;float:right;padding:0;margin:25px 0;}
.headerright ul li{width:auto;float:right;padding:0;margin:0;list-style-type:none;}
.headerright ul li a{float:right;padding:0;margin:0 0 0 20px;font-size:14px;letter-spacing:0.3px;color:#767676;font-weight:400;}
.headerright ul li a i{font-size:15px;color:#767676;margin-right:5px;}
h1{font-size:30px;font-weight:400;text-align:center;width:100%;float:left;display:table;color:#333;position:relative;z-index:5;}
h1 a{background:#15ada2;width:auto;display:table;z-index:5;padding:0 20px;color:#fff;text-align:center;margin:0 auto;}
h1 span{width:50%;height:1px;background:rgba(255,255,255, 0.3);position:absolute;right:0;top:20px;z-index:-1;}
h1 span2{width:50%;height:1px;background:rgba(255,255,255, 0.3);position:absolute;left:0;top:23px;z-index:-1;}
h2{font-size:37px;font-weight:400;line-height:73px;text-align:center;width:100%;float:left;display:table;color:#fff;position:relative;z-index:5;margin:5px 0 15px;}
h2:before{background:rgba(255,255,255, 0.2);height:1px;width:100%;position:absolute;left:0;bottom:3px;content:"";}
h2:after{background:rgba(255,255,255, 0.2);height:1px;width:100%;position:absolute;left:0;bottom:0;content:"";}
.fp-nav ul li{margin:15px 0 0 0;padding:0;width:10px;height:10px;border-radius:100%;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.fp-nav ul li:last-child{margin-right:0;}
.fp-nav{width:25px;float:right;position:fixed;right:0px;top:20%;vertical-align:middle;z-index:500;}
.fp-nav ul{padding:0 0 0 6px;margin:0;width:14px;float:left;}
.fp-nav > ul > li{float:left;width:100%;text-align:center;}
.fp-nav.align-center > ul{font-size:0;text-align:center;}
.fp-nav.align-center > ul > li{display:inline-block;float:none;}
.fp-nav.align-right > ul > li{float:right;position:relative;}
.fp-nav > ul > li > a{width:10px;height:10px;border-radius:100%;display:table;float:left;cursor:pointer;padding:0;text-decoration:none;-webkit-transition:0.3s;transition:0.3s;outline:none;text-align:center;}
.fp-nav > ul > li > a span{background:rgba(21, 173, 162, 0.4);width:5px;height:5px;border-radius:100%;float:left;-webkit-transition:0.3s;transition:0.3s;margin:2px;}
.fp-nav > ul > li > a span:hover{background:#15ada2;width:10px;height:10px;margin:0px;-webkit-transition:0.3s;transition:0.3s;}
.fp-nav > ul > li > a.active span{background:#15ada2;width:10px;height:10px;border-radius:100%;float:left;-webkit-transition:0.3s;transition:0.3s;margin:0px;}
.fp-nav > ul > li > a.active span:after{background:rgba(21, 173, 162, 0.3);position:absolute;content:'';display:block;top:-4px;left:-4px;right:0px;bottom:0px;border-radius:40px;-webkit-transition:0.3s;transition:0.3s;width:18px;height:18px;}
.container-inside{width:96%;float:left;margin:75px 2%;position:relative;}
.homeprojectsam{width:86%;float:left;display:table;padding:0;margin:0 7%;}
.homeprojectsam ul{width:100%;float:left;display:table;padding:0;margin:0px 0 40px 0;}
.homeprojectsam li{width:30%;float:left;padding:0;margin:0 5% 0 0;list-style-type:none;}
.homeprojectsam li:last-child{margin-right:0;}
.homeprojectsam li img{width:100%;float:left;box-shadow:0px 0px 5px #C3C3C3;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.homeprojectsam li:hover img{width:100%;float:left;box-shadow:0px 0px 10px #C3C3C3;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.homeprojectsam li a{width:100%;float:left;padding:0;margin:0;font-size:16px;font-weight:400;line-height:35px;text-align:center;color:#fff;text-decoration:none;}
.tooltip{position:relative;display:table;}
.tooltip .tooltiptext{opacity:0;color:#fff;text-align:right;border-radius:2px;padding:5px 10px;width:110px;height:100%;display:table;position:absolute;line-height:17px;z-index:1;top:-8px;right:20px;float:right;font-size:14px;font-weight:400;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.tooltip:hover .tooltiptext{opacity:1;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.viewmore{text-align:center;margin:0 auto;position:relative;width:150px;}
.viewmore a{font-weight:normal;text-decoration:none;color:#fff;width:100%;float:left;padding:0;-webkit-transition:all 1s;transition:all 1s;outline:none;}
.viewmore a:hover{background:#fff;-webkit-transition:all 1s;transition:all 1s;color:#15ada2;}
.btn{color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:400;line-height:35px;margin:0 auto;position:relative;text-decoration:none;text-transform:capitalize;vertical-align:middle;width:100%;}
.btn:hover{text-decoration:none;}
.btn-4{border:1px solid rgba(255, 255, 255, 0.4);overflow:hidden;position:relative;background:rgba(255, 255, 255, 0.1);}
.btn-4 span{z-index:20;}
.btn-4:after{background:#15ada2;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);width:50px;z-index:40;}
.btn-4:hover:after{left:120%;transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);}
.projectsam{width:100%;float:left;display:table;padding:0;margin:0;}
.projectsam ul{width:90%;float:left;display:table;padding:0;margin:25px 5% 40px 5%;}
.projectsam li{width:32.33%;float:left;padding:0;margin:0 0% 4% 1%;list-style-type:none;}
.projectsam li img{width:100%;float:left;box-shadow:0px 0px 5px #C3C3C3;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.projectsam li:hover img{width:100%;float:left;box-shadow:0px 0px 10px #C3C3C3;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.projectsam li a{width:100%;float:left;padding:0;margin:0;font-size:16px;font-weight:400;line-height:35px;text-align:center;color:#fff;text-decoration:none;display:table;}
.backright{position:absolute;right:0px;top:35px;width:auto;z-index:10;}
.backright a{font-size:14px;line-height:22px;color:#7EE8DD;font-weight:400;text-decoration:none;}
.backright i{font-size:15px;line-height:22px;margin:0 5px;color:#7EE8DD;letter-spacing:1px;font-weight:400;}
.homeslider{width:100%;float:left;display:table;}
.arrowbottom{width:25px;height:54px;border:1px solid #fff;margin:0 auto;color:#fff;text-align:center;position:absolute;bottom:-35px;left:47%;z-index:500;border-radius:18px;}
.w-scroll-button{bottom:18px;color:rgba(255,255,255,0.7);display:inline-block;left:0;margin-left:0px;position:absolute;text-align:center;width:25px;z-index:10;bottom:10px;left:0;}
@keyframes fadeInOut{0%{opacity:0;}
25%{opacity:1;}
50%{opacity:0;}
}
.w-scroll-button.w-button-2 a{color:inherit;display:inline-block;font-size:17px;line-height:10px;overflow:hidden;text-align:center;width:23px;text-decoration:none;float:left;}
.w-scroll-button.w-button-2 a i{line-height:0;}
.w-scroll-button.w-button-2 a::before, .w-scroll-button.w-button-2 a::after, .w-scroll-button.w-button-2 a i::before{animation:2s ease 2s normal none infinite running fadeInOut;content:"\f107";display:block;font-family:"FontAwesome";font-style:normal;line-height:8px;margin:2px 0;opacity:0;}
.w-scroll-button.w-button-2 a i::before{animation-delay:2.25s;}
.w-scroll-button.w-button-2 a::after{animation-delay:2.5s;}
.mobilemenudiv{display:none;}