.whitepage{margin-bottom:30px;}
.step-page{position:relative;width:100%;height:auto;padding:90px 0 90px 0;overflow-x:hidden;background:url(/app_themes/images/step-bg.jpg)top fixed;color:#fff;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:scroll;}
.step-page h2{text-transform:none;font-weight:500;}
.step-mains{margin:3em 0 0;}
.step-main a{position:relative;font-size:13pt;width:190px;height:190px;border-radius:50%;background:#ff6600;display:block;margin:0 auto;padding:80px 0 80px 0;text-align:center;color:#fff;cursor:pointer;z-index:999;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.step-main a:hover{background:#333333;padding:85px 0 85px 0;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.step-main a.active{background:#333333;padding:85px 0 85px 0;}
.step-main{position:relative;}
.step-main:after{content:'';background:#DBDBDB;height:1px;width:90%;position:absolute;top:50%;left:80%;z-index:0;}
.step-main:last-child:after{width:0px;height:0px;}
#step-text .cont{margin:30px auto;}
.btn-content a{color:White}
.right{margin-top:15px;float:right;}
.btn-content{display:block;width:198px;height:40px;font-size:11pt;font-weight:300;text-align:center;line-height:36px;color:#fff;border:1px solid rgba(255, 255, 255, 0.6);background:rgba(23, 36, 52, 0);outline:none;text-shadow:none;margin:0 auto;cursor:pointer;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.btn-home:hover, .btn-content:hover{color:#fff;background:#111111;border:1px solid rgba(255, 255, 255, 0);-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.yellowpage{width:100%;height:auto;color:#fff;padding:17px 0 22px 0;background:#ff6600;}
.yellowpage h1{color:#fff;font-weight:300;letter-spacing:2px;}
.yellowpage h2{font-size:15pt;font-weight:400;letter-spacing:2px;line-height:35px;}
.yellowpage em{display:block;font-style:italic;margin-bottom:20px;}
.yellowpage article{padding:10px 60px 0 0;}
.wrap-news{position:relative;padding:20px 0 0 0;text-align:left;overflow:hidden;}
.wrap-news h3{display:block;font-size:13pt;font-weight:Bold;text-transform:uppercase;margin:15px 0 10px 0;Color:#ff6600;}
.wrap-news p{display:block;color:#777}
.wrap-news a{font-size:9pt;}
.wrap-news a span.devider{display:block;border-top:1px solid #ff6600;width:38px;margin-top:5px;margin-bottom:10px;text-align:left;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.wrap-news a:hover span.devider{width:58px;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.no-gutter{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;}
.no-gutter [class*='col-']:not(:first-child), .no-gutter [class*='col-']:not(:last-child){padding-right:0;padding-left:0;padding-top:0;padding-bottom:0;}
#projects-wrap{text-align:center;overflow:hidden;}
.projects{position:relative;letter-spacing:1pt;text-transform:uppercase;overflow:hidden;border:0px solid rgba(0, 0, 0, 0);}
.projects-grid{position:relative;letter-spacing:1pt;text-transform:uppercase;overflow:hidden;border:8px solid rgba(0, 0, 0, 0);}
.projects:hover img, .projects-grid:hover img{width:100%;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.projects img, .projects-grid img{width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.projects .hovereffect, .projects-grid .hovereffect{width:100%;height:auto;float:left;position:relative;text-align:center;cursor:pointer;}
.projects .hovereffect .overlay, .projects-grid .hovereffect .overlay{width:100%;height:120%;position:absolute;top:-30px;left:0;opacity:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.projects .hovereffect:hover .overlay, .projects-grid .hovereffect:hover .overlay{height:100%;top:0;opacity:1;top:0;}
.projects .hovereffect .overlay h3, .projects-grid .hovereffect .overlay h3{font-size:9pt;font-weight:500;letter-spacing:4px;color:#ff6600;padding-top:33%;height:100%;background-color:rgba(255, 255, 255, .8);}
#filter-porto{padding:30px 0 30px 0;margin:0 auto;}
#filter-porto li.filt-projects{font-size:10pt;font-weight:300;color:#333333;letter-spacing:1px;text-transform:uppercase;cursor:pointer;display:inline-block;list-style:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#filter-porto li.space{font-size:11pt;display:inline-block;margin:0 10px 0 10px;}
#filter-porto li.filt-projects:hover{color:#ff6600;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#filter-porto li.selected{color:#ff6600;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.2s ease;}
.overlay-main{width:100%;height:100%;top:0px;left:0px;}
.mainbg{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;overflow-x:hidden;background:url(/app_themes/images/bg-1.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.imgbg{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;overflow-x:hidden;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.mainbgvideo{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;overflow-x:hidden;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:scroll;}
.bgslider-owl{position:relative;width:100%;height:auto;color:#fff;background:#000;margin-bottom:-30px;}
.bgslider{position:absolute;width:100%;height:100%;overflow:hidden;color:#fff;background:#535353;}
.bgslider img{position:absolute;width:100%;height:auto;top:0;left:0;}
.v-align{text-align:center}
.v-align h1{font-size:40pt;letter-spacing:2px;margin-top:100px}
.v-align h2{font-size:30pt;font-weight:bold;letter-spacing:1px;line-height:normal}
.v-align p{font-size:11pt;font-weight:300;max-width:650px;margin:10px auto;}
.main-text{color:#ff6600;}
.onStep{Color:White}