@import "margins.css";
@import "reset.css";
@import "assets.css";
body{font-family:'Gilroy';background:#f7f7f7}
body.darkness{background:#f7f7f7}
::selection{background-color:#000;color:#fff}
#particles-js{position:absolute;width:100%;height:100vh;top:0;left:0;opacity:.7;z-index:6}
.darkness ::selection{background-color:#fff;color:#000}
p{line-height:26px;font-size:15px}
h3{font-size:24px;line-height:36px;margin-left:-1px}
h4{font-size:20px;line-height:30px;margin-left:-1px;font-weight:700}
h5{font-size:18px;line-height:24px;margin-left:-1px}
h6{font-size:14px;line-height:18px}
.darkness h4{color:#fff}
.site-btn{font-family:'Gilroy';display:inline-block;cursor:pointer;font-weight:600;font-size:15px;border:0;background:#000;color:#fff;padding:13px 28px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;position:relative;overflow:hidden}
.slider-images{height:90vh}
.vegas-timer{display:none}
.darkness .site-btn{color:#000;background:#fff}
#preloader{height:100%;position:fixed;width:100%;z-index:5000}
#preloader .logo{margin-bottom:10px}
#preloader .logo img{width:180px}
#preloader.loaded .loading-area{opacity:0}
#preloader.loaded{visibility:hidden}
#preloader .loading-area{opacity:1;position:absolute;width:50%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#828282}
#preloader.loaded .left-side{transform:translateX(-100%);transition-delay:.3s}
#preloader .left-side{left:0}
#preloader.loaded .right-side{transform:translateX(100%);transition-delay:.3s}
#preloader .right-side{right:0}
#preloader .left-side,#preloader .right-side{background:#111;height:100%;position:absolute;width:50%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.site-btn:focus{outline:0}
.site-btn:hover::before{transform:scaleX(1);transform-origin:left}
.site-btn::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .2s ease-out;-webkit-transition:transform .2s ease-out;opacity:.3}
.darkness .site-btn::before{background:#000}
.form-btn:hover:before{transform:scaleX(1);transform-origin:left}
.form-btn{position:relative;overflow:hidden;display:inline-block}
.form-btn:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .2s ease-out;-webkit-transition:transform .2s ease-out;opacity:.3;z-index:1}
.darkness .form-btn:before{background:#000}
.site-btn:hover{color:#fff}
.darkness .site-btn:hover{color:#000}
.page-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.page-overlay .page-transition{position:absolute;width:100%;height:101%;-webkit-transition:-webkit-transform 0;transition:-webkit-transform 0;transition:transform 0;transition:transform .0s,-webkit-transform 0;background-color:#000;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%)}
.page-overlay.from-bottom{z-index:120}
.page-overlay.from-bottom .page-transition{transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out}
.page-overlay.from-bottom-end .page-transition{transition:transform .4s ease-in-out .3s;transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%)}
.loader{height:32px;width:32px;-webkit-animation:loader-1-1 4.8s linear infinite;animation:loader-1-1 4.8s linear infinite}
@-webkit-keyframes loader-1 {
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@keyframes loader-1 {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.loader span{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:32px;width:32px;clip:rect(0,32px,32px,16px);-webkit-animation:loader-2 1.2s linear infinite;animation:loader-2 1.2s linear infinite}
@-webkit-keyframes loader-2 {
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(220deg)}
}
@keyframes loader-2 {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(220deg)}
}
.loader span::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:32px;width:32px;clip:rect(0,32px,32px,16px);border:3px solid #000;border-radius:50%;-webkit-animation:loader-3 1.2s cubic-bezier(0.77,0,0.175,1) infinite;animation:loader-3 1.2s cubic-bezier(0.77,0,0.175,1) infinite}
@-webkit-keyframes loader-3 {
    0%{-webkit-transform:rotate(-140deg)}
    50%{-webkit-transform:rotate(-160deg)}
    100%{-webkit-transform:rotate(140deg)}
}
@keyframes loader-3 {
    0%{transform:rotate(-140deg)}
    50%{transform:rotate(-160deg)}
    100%{transform:rotate(140deg)}
}
#infscr-loading{position:absolute;left:50%;margin-left:-15px;bottom:10px}
#infscr-loading img{display:none}
li{list-style:none}
figure{margin:0}
header{position:absolute;top:0;padding:25px 45px;width:100%}
header .logo img{max-width:240px;margin-top:15px}
.white .header.whitev{visibility:hidden}
header.black{position:fixed;z-index:3;opacity:1;transform:translateY(-130%);-webkit-transform:translateY(-130%);-moz-transform:translateY(-130%);-ms-transform:translateY(-130%);-o-transform:translateY(-130%)}
.white header.black{position:fixed;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition:all ease .3s .3s;-webkit-transition:all ease .3s .3s;-moz-transition:all ease .3s .3s;-ms-transition:all ease .3s .3s;-o-transition:all ease .3s .3s}
header.black .logo img{transform:rotate(-90deg) translate(-70px,22px);transform-origin:left;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s;-webkit-transform:rotate(-90deg) translate(-70px,22px);-moz-transform:rotate(-90deg) translate(-70px,22px);-ms-transform:rotate(-90deg) translate(-70px,22px);-o-transform:rotate(-90deg) translate(-70px,22px);max-height:16px;margin-top:15px;margin-bottom:6px}
header.whitev{z-index:3;background:linear-gradient(180deg,rgba(0,0,0,0.5046393557422969) 0%,rgba(0,0,0,0) 100%)}
.hero{width:100%;height:9010vh;z-index:2;position:relative;top:0}
.hero-page{height:23vh}
.hero-content{z-index:2;position:relative;top:10vh}
.hero-content span.little{color:#fff;font-size:20px;margin-bottom:10px;display:inline-block}
.darkness .hero-content span.little{color:#000}
.hero .down-arrow{fill:#fff;margin:45px 0 0 15px;cursor:pointer}
.white .hero{transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
.white .down-arrow{fill:#000}
.darkness.white .down-arrow{fill:#fff}
.social{position:fixed;right:50px;top:110px;z-index:3}
.social ul li{text-align:center}
.social ul li a{color:#000;font-size:14px;line-height:40px}
.social ul li,.portfolio_filter ul>li{opacity:0;transform:translateX(30px);-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);-o-transform:translateX(30px)}
.portfolio_filter ul>li{display:inline-block;margin:5px}
.white .social ul li,.white .portfolio_filter ul>li{opacity:1;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}
.white .social ul li:nth-child(1),.white .portfolio_filter ul>li:nth-child(1){opacity:1;transition-delay:.5s;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s}
.white .social ul li:nth-child(2),.white .portfolio_filter ul>li:nth-child(2){opacity:1;transition-delay:.6s;-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;-o-transition-delay:.6s}
.white .social ul li:nth-child(3),.white .portfolio_filter ul>li:nth-child(3){opacity:1;transition-delay:.7s;-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-ms-transition-delay:.7s;-o-transition-delay:.7s}
.white .social ul li:nth-child(4),.white .portfolio_filter ul>li:nth-child(4){opacity:1;transition-delay:.8s;-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-ms-transition-delay:.8s;-o-transition-delay:.8s}
.white .social ul li:nth-child(5),.white .portfolio_filter ul>li:nth-child(5){opacity:1;transition-delay:.9s;-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-ms-transition-delay:.9s;-o-transition-delay:.9s}
.white .social ul li:nth-child(6),.white .portfolio_filter ul>li:nth-child(6){opacity:1;transition-delay:1s;-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s}
.uptotop{cursor:pointer;opacity:0;position:fixed;bottom:45px;right:45px;transform:rotate(180deg) translate(-200px,0px);-webkit-transform:rotate(180deg) translate(-200px,0px);-moz-transform:rotate(180deg) translate(-200px,0px);-ms-transform:rotate(180deg) translate(-200px,0px);-o-transform:rotate(180deg) translate(-200px,0px);z-index:3}
.open-search{position:fixed;left:45px;bottom:45px;border:solid 1px #000;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;width:40px;height:40px;text-align:center;padding-top:8px;cursor:pointer;z-index:15;opacity:1;transform:translateX(-30px);-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);opacity:0}
.white .open-search{transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);opacity:1;transition:all ease .3s .5s;-webkit-transition:all ease .3s .5s;-moz-transition:all ease .3s .5s;-ms-transition:all ease .3s .5s;-o-transition:all ease .3s .5s}
.open-search.stp{bottom:90px}
.open-search i{font-size:13px}
.white .open-search i{color:#000}
.darkness.white .open-search i{color:#fff}
.search{position:fixed;width:100%;height:100%;left:0;z-index:10;background:rgba(0,0,0,0.5);display:table;visibility:hidden;opacity:0;transition:all ease .4s;-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s}
.search.open{visibility:visible;opacity:1}
.search .search-bar{width:40%;margin-left:30%}
.search form .bar{height:50px;border:0;border-radius:4px;width:80%;padding-left:15px;font-family:'Gilroy';font-weight:600;font-size:15px}
.search .site-btn{padding:15px 28px}
.search .sc-close{display:block;z-index:1;left:0;top:-65px;height:45px;line-height:45px;text-transform:uppercase;font-weight:700;cursor:pointer;color:#fff;margin-bottom:19px}
.sc-ic{display:inline-block;width:35px;height:35px;margin:5px 10px 0 0;border-radius:100%;font-size:22px;line-height:39px;background-color:#fff;color:#010101;text-align:center}
.sc-text{vertical-align:top;line-height:48px}
.white .uptotop{opacity:1;transform:rotate(180deg) translate(0px,0px);-webkit-transform:rotate(180deg) translate(0px,0px);-moz-transform:rotate(180deg) translate(0px,0px);-ms-transform:rotate(180deg) translate(0px,0px);-o-transform:rotate(180deg) translate(0px,0px);transition:all ease .3s .5s;-webkit-transition:all ease .3s .5s;-moz-transition:all ease .3s .5s;-ms-transition:all ease .3s .5s;-o-transition:all ease .3s .5s}
.say-hello{position:fixed;bottom:20px;left:50px;transform-origin:top left;transform:rotate(-90deg) translate(0px,-30px);-webkit-transform:rotate(-90deg) translate(0px,-30px);-moz-transform:rotate(-90deg) translate(0px,-30px);-ms-transform:rotate(-90deg) translate(0px,-30px);-o-transform:rotate(-90deg) translate(0px,-30px);opacity:0;z-index:11}
.say-hello.stp{bottom:50px}
.white .say-hello{opacity:1;transform:rotate(-90deg) translate(0px,0px);-webkit-transform:rotate(-90deg) translate(0px,0px);-moz-transform:rotate(-90deg) translate(0px,0px);-ms-transform:rotate(-90deg) translate(0px,0px);-o-transform:rotate(-90deg) translate(0px,0px);transition:all ease .3s .5s;-webkit-transition:all ease .3s .5s;-moz-transition:all ease .3s .5s;-ms-transition:all ease .3s .5s;-o-transition:all ease .3s .5s}
.say-hello a{color:#000;font-weight:600;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
.darkness .say-hello a{color:#fff}
.link-subtitle{color:#000;font-size:16px;font-weight:600;display:inline-block}
.link-title{font-size:1.5rem;color:#02940e;font-weight:800;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
.darkness .link-title,.darkness .link-subtitle{color:#fff}
.next-content{display:inline-block}
.next-content:hover .link-title{letter-spacing:3px}
.say-hello:hover a{opacity:.5}
.uptotop.stp{bottom:90px}
.hero-image{background:url(../img/bg-image.jpg);background-size:cover;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background-position:center center}
.hero.slider .hero-image{background:none}
.outter{height:100%;width:100%;display:table}
.inner{height:100%;width:100%;display:table-cell;vertical-align:middle}
.hero-title{color:#fff;font-size:150px;font-weight:900;font-style:normal;letter-spacing:-1px;line-height:140px}
.subhero-title{font-size:2rem;color:#fff;font-weight:800;text-shadow:4px 4px 4px #0000004d}
.darkness .subhero-title{color:#000}
.white .subhero-title{color:#fff}
.darkness.white .subhero-title{color:#fff}
.white .hero-content span.little{color:#000}
.darkness.white .hero-content span.little{color:#fff}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:45px}
.subhero-title span{opacity:.5}
.hero-text{font-weight:600;font-style:normal;color:#fff;font-size:24px;opacity:1;line-height:34px;margin-top:15px;text-shadow:3px 3px 10px rgba(38,38,38,0.25)}
.white .hero-title{color:#000}
.white .hero-text{color:#000}
.white .hero-image{opacity:0}
.arrow-left{height:10px;background-color:#fff;transform:rotate(-45deg);width:2px;position:absolute;left:19px;top:22px;-webkit-transition:top .2s ease-in-out 0s,left .2s ease-in-out 0s,transform .2s ease-in-out 0;transition:top .2s ease-in-out 0s,left .2s ease-in-out 0s,transform .2s ease-in-out 0}
.arrow-right{height:10px;background-color:#fff;transform:rotate(45deg);width:2px;position:absolute;left:25px;top:22px;-webkit-transition:top .2s ease-in-out 0s,left .2s ease-in-out 0s,transform .2s ease-in-out 0;transition:top .2s ease-in-out 0s,left .2s ease-in-out 0s,transform .2s ease-in-out 0}
.arrow-top-line{background-color:#fff;height:16px;left:50%;margin-left:-1px;position:absolute;top:14px;width:2px}
.hamburger{float:right}

.nav-icon{
    float:right;width:42px;
    height:34px;
    position:relative;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer;
    margin-top:5px
    
}
.darkness header.black .nav-icon span{background:#000}
.darkness .whitev.drk .nav-icon span{background:#000}
.nav-icon span{display:block;position:absolute;height:3px;width:100%;background:#fff;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
header.black .nav-icon span{background:#000}
.darkness header.black .nav-icon span{background:#fff}
.nav-icon:hover span:nth-child(3),.nav-icon:hover span:nth-child(1){width:100%}
.nav-icon span:nth-child(1){top:0;right:0;width:80%;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.nav-icon span:nth-child(2){top:7px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.nav-icon span:nth-child(3){top:14px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;width:60%;right:0!important}
.full-menu{position:fixed;width:100%;height:100vh;top:0;z-index:9000;visibility:hidden}
.full-menu .outter{height:100vh}
.full-menu .site-menu li a{color:#000;font-size:2rem;font-weight:900;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
.darkness .full-menu .site-menu li a{color:#fff}
.full-menu .site-menu li:hover a{letter-spacing:4px;opacity:.5}
.full-menu .left-content{background:#EFEFEF;transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%)}
.darkness .full-menu .left-content{background:#1b1b1b}
.darkness .full-menu .right-content{background:#000}
.full-menu .right-content{background:#fff;padding:0 60px;transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%)}
.full-menu .right-content,.full-menu .left-content{transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;-o-transition:all ease .5s}
.full-menu.active .left-content,.full-menu.active .right-content{visibility:visible;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}
.full-menu .right-content ul li{font-size:15px;font-weight:600;line-height:27px}
.full-menu .right-content ul{margin-bottom:30px}
.full-menu .right-content ul li:first-child{color:#969696;font-weight:400}
.darkness .full-menu .right-content ul li:first-child{opacity:.7}
.full-menu .right-content ul.social-links li:first-child{width:100%}
.full-menu .right-content ul.social-links li{float:left;margin-right:30px}
.full-menu .right-content ul li a{color:#000}
.darkness .full-menu .right-content ul li a{color:#fff}
.darkness .full-menu .right-content ul li{color:#fff}
.full-menu .right-content ul li a:hover{opacity:.5;transition:opacity ease .3s;-webkit-transition:opacity ease .3s;-moz-transition:opacity ease .3s;-ms-transition:opacity ease .3s;-o-transition:opacity ease .3s}
.full-menu .logo{position:absolute;top:30px;left:100px;width:250px}
.full-menu .close-icon{position:absolute;top:40px;right:64px;cursor:pointer;display:block}
.full-menu .close-icon img{max-width:16px}
.portfolio{padding-bottom:60px;position:relative;z-index:2}
.portfolioo{padding-bottom:60px;position:relative;z-index:2}
.white .hero .video-wrapper{visibility:hidden}
.video-wrapper{top:0;right:0;bottom:0;left:0;overflow:hidden}
.video-home .video-wrapper:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.30);z-index:1;left:0;top:0}
.hero.overlay .hero-image:after{content:'';position:absolute;left:0;top:0;background:rgba(0,0,0,0.22);z-index:100000;width:100%;height:100%}
.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%}
@media (min-aspect-ratio: 169) {
    .video-wrapper > video{height:300%;top:-100%}
}
@media (max-aspect-ratio: 169) {
    .video-wrapper > video{width:300%;left:-100%}
}
.portfolio-item.video figcaption{z-index:10}
.portfolio-item.video .item-rotate{z-index:10;position:relative}
.portfolio-item.video .image{visibility:hidden}
.atop{z-index:2;position:relative}
.portfolio-item{display:block;width:100%;position:relative}
.dark .portfolio-item figcaption{color:#000}
.grid-item{margin-bottom:30px;position:relative}
.portfolio-item{position:relative;display:block;width:100%;visibility:hidden;opacity:1}










#container
{
    height:2000px;    
}

#container DIV
{ 
    margin:50px; 
    padding:50px; 
    background-color:lightgreen; 
}

.hideme
{
    opacity:0;
}









.portfolioo-item{display:block;width:100%;position:relative}
.portfolioo-item img{width:100%}
.portfolioo-item figcaption{position:absolute;top:20px;left:25px;color:#fff}

.portfolioo-item figcaption .title{font-size:23px;padding:0;font-weight:700;font-style:normal}
.portfolioo-item figcaption span{font-size:14px;line-height:20px;letter-spacing:1px;font-weight:400;font-style:normal}
.rtl .portfolioo-item figcaption{right:25px;left:auto}

.portfolioo-item:hover figcaption{opacity:1;visibility:visible;background:#0000007a}
.portfolioo-item figcaption{left:0;opacity:0;padding:10px;position:absolute;right:0;transition:all .3s ease 0;visibility:hidden;z-index:2;top:80%;text-align:center}
.portfolioo-item{opacity:1;visibility:visible}
    .portfolioo-item figcaption .title{font-size:17px}
    .portfolioo-item figcaption span{font-size:11px;line-height:25px}


.portfolioo-item{position:relative;display:block;width:100%;visibility:hidden;opacity:1}





.in-view .item-rotate{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
.item-rotate{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.portfolio_filter{bottom:0;height:5em;margin:auto;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
.portfolio_filter ul{left:0;transform-origin:top center;text-align:center;padding:20px}
.portfolio_filter ul li{float:none}
.portfolio_filter ul li a.select-cat{color:#000}
.portfolio_filter ul li a{color:#9c9c9c;font-weight:600;padding:10px 20px;box-shadow:0 0 30px 0 #98989821;background:#fff}
.darkness .portfolio_filter ul li a{color:#fff}
.portfolio-item img{width:100%}
.portfolio-item figcaption{position:absolute;top:20px;left:25px;color:#fff}
.portfolio-item figcaption .title{font-size:23px;padding:0;font-weight:700;font-style:normal}
.portfolio-item figcaption span{font-size:14px;line-height:20px;letter-spacing:1px;font-weight:400;font-style:normal}
.white{background:#f7f7f7;transition:all ease .3s .1s;-webkit-transition:all ease .3s .1s;-moz-transition:all ease .3s .1s;-ms-transition:all ease .3s .1s;-o-transition:all ease .3s .1s}
.white.darkness{background:#000}
.white .hero-image{opacity:1}
.white .hero-title,.white .hero-text{color:#fff;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
.darkness.white .hero-title,.darkness.white .hero-text{color:#fff}
.hero .article-title,.hero .entry-data{z-index:10;position:relative}
footer{background:#fff;padding:60px 0;width:100%;font-weight:700}
.darkness footer{background:#232323}
.darkness p{color:#fff}
.footer-info{text-align:right}
.teammates .team figure{position:relative}
.teammates .team figure img{width:100%}
.teammates .team figure figcaption{position:absolute;top:0;color:#fff;width:100%;height:100%}
.teammates .team figure figcaption .number{position:absolute;top:20px;left:20px;font-size:26px;font-weight:500}
.teammates .team figure figcaption .job{position:absolute;bottom:20px;right:10px;font-weight:500;font-size:18px;transform:rotate(90deg) translate(30px,30px);-webkit-transform:rotate(90deg) translate(30px,30px);-moz-transform:rotate(90deg) translate(30px,30px);-ms-transform:rotate(90deg) translate(30px,30px);-o-transform:rotate(90deg) translate(30px,30px);transform-origin:right;opacity:0;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
.teammates .team figure figcaption .name{position:absolute;bottom:15px;left:20px;font-size:20px;font-weight:600}
.teammates .team figure figcaption .social-links{position:absolute;top:30px;right:20px;font-size:20px;font-weight:600;opacity:0;transition:opacity ease .3s;-webkit-transition:opacity ease .3s;-moz-transition:opacity ease .3s;-ms-transition:opacity ease .3s;-o-transition:opacity ease .3s}
.teammates .team figure figcaption .social-links a{color:#fff;font-size:16px;font-weight:500;display:block;margin-bottom:15px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
.teammates .team figure:hover figcaption .social-links{opacity:1}
.teammates .team figure:hover figcaption .social-links a:hover{opacity:.6;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
.teammates .team figure:hover figcaption .job{opacity:1;transform:rotate(90deg) translate(0px,30px);-webkit-transform:rotate(90deg) translate(0px,30px);-moz-transform:rotate(90deg) translate(0px,30px);-ms-transform:rotate(90deg) translate(0px,30px);-o-transform:rotate(90deg) translate(0px,30px)}
.section-title .title{font-size:25px;font-weight:600;margin-top:20px;line-height:35px}
.darkness .section-title .title{color:#fff}
.section-title span{font-size:20px}
.flaticon{font-family:"Flaticon";font-style:normal}
.services .ser{text-align:center;padding:60px;border:solid 1px #dfdfdf}
.services .ser i{font-size:110px}
.darkness .services .ser i{color:#fff}
.services .ser .title{font-size:28px;font-weight:700}
.darkness .services .ser .title{color:#fff}
.darkness .services .ser{border:solid 1px #404040}
.services .ser p{margin-top:10px;font-size:22px;line-height:32px}
.darkness .clients .client{border-right:solid 1px #545454;border-bottom:solid 1px #545454}
.clients .client{text-align:center;border-right:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf;padding:60px 30px}
.clients .client:first-child{border-left:0}
.clients .client:last-child,.clients .client:nth-child(4),.clients .client:nth-last-child(5),.clients .client:nth-last-child(9){border-right:0}
.clients .client:nth-last-child(1),.clients .client:nth-last-child(2),.clients .client:nth-last-child(3),.clients .client:nth-last-child(4){border-bottom:0}
.clients .client img{width:80%}
.services .sercol{padding:0}
.contact-info a{display:block;color:#000;font-weight:600}
.contact-info a i{color:#666}
.darkness .contact-info a{color:#fff}
.contact-info a:hover{opacity:.5;transition:opacity ease .3s;-webkit-transition:opacity ease .3s;-moz-transition:opacity ease .3s;-ms-transition:opacity ease .3s;-o-transition:opacity ease .3s}
.contact-info p{display:block;color:#000;font-weight:600;font-size:18px;line-height:34px}
.darkness .contact-info p{color:#fff}
.contact-info span{display:block;color:#000;opacity:.5;font-size:16px;margin-bottom:15px}
.darkness .contact-info span{color:#fff}
.contact-info{margin-bottom:30px;display:inline-block;width:100%}
article .article-content p{line-height:30px;font-size:18px}
article .post-image img{width:100%}
article .article-content .article-top{width:100%;padding:30px 0;display:inline-block}
.article-top{padding:15px}
.work-content .entry-data{float:none;text-align:center;margin:0 auto;display:inline-block}
.work-content .article-title{margin-bottom:0!important;text-align:center!important;font-size:85px!important}
.entry-data{float:left;margin:0}
.entry-data li{float:left}
blockquote{font-size:30px;font-weight:700}
.entry-data li a:before,article .entry-date a:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;z-index:0;background:rgba(0,0,0,1);transform:scaleX(0);transform-origin:right;transition:transform .2s ease-out,opacity .2s ease-out .3s}
.darkness .entry-data li a:before{background:#fff}
.darkness .entry-data li a:after,.darkness article .entry-date a:after{width:100%;height:1px;position:absolute;content:"";background-color:rgba(255,255,255,0.3);left:0;bottom:0}
.darkness blockquote{color:#fff}
.darkness .entry-data li a,.darkness .entry-date a{color:#fff}
.entry-data li a:hover:before,.entry-date a:Hover:before{transform:scaleX(1);transform-origin:left}
.entry-data li a:after,article .entry-date a:after{width:100%;height:1px;position:absolute;content:"";background-color:rgba(0,0,0,0.2);left:0;bottom:0}
.hero .entry-data li a{color:#fff}
.white .hero .entry-data li a{color:#000}
.white .hero .entry-data a:before{background:#000}
.white .hero .entry-data a:after{background-color:rgba(0,0,0,0.3)}
.hero .entry-data a:before{background:#fdfdfd}
.hero .entry-data a:after{background-color:rgba(255,255,255,0.432)}
.project-info .title{font-size:34px;font-weight:700;color:#000}
.darkness .project-info .title,.darkness .project-info p{color:#fff}
.project-info p{color:#000;margin-top:20px}
.categories ul li{color:#000;list-style:none;font-size:15px;opacity:.8;font-weight:500}
.categories ul li.client{color:#ffffff;font-size:20px;margin-bottom:10px;font-weight:600;opacity:1}
.darkness .categories ul li,.darkness .categories ul li a{color:#fff}
.categories ul li a{color:#000;font-weight:600;margin-top:15px;display:inline-block;opacity:1;text-decoration:none;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s}
.subtext{font-size:30px;font-weight:700;color:#000;line-height:48px}
.lightbox-gallery .image{margin-bottom:5px;display:block;overflow:hidden;transition:all ease .4s;-webkit-transition:all ease .4s;-moz-transition:all ease .4s}
.lightbox-gallery .col.lg-12 .image{margin-bottom:30px}
.lightbox-gallery .image img{width:100%;transition:all ease .4s;-webkit-transition:all ease .4s;-moz-transition:all ease .4s}
.lightbox:hover img{transform:scale(1.04)}
.full-image{background:url(../img/works/work-1/04.html) center center no-repeat fixed;height:500px;background-size:cover;position:relative}
.entry-data li a.active{color:#000}
.entry-data li i{margin-right:5px;color:#8a8a8a;line-height:26px}
.entry-data li a{color:#8a8a8a;margin-right:15px;font-weight:400;position:relative}
.entry-date{float:right}
.entry-date a{color:#000;margin-right:15px;font-weight:600;position:relative}
.article-title{color:#000;font-weight:700;font-size:50px;margin-bottom:15px}
.darkness .article-title{color:#fff}
.hero .article-title{font-weight:900;font-size:70px;margin-bottom:15px;text-align:left;color:#fff}
.white .hero .article-title{color:#000}
article{margin-bottom:30px}
.article-content{margin-bottom:90px}
.article-meta{border-top:solid 0 #dfdfdf;border-bottom:solid 0 #dfdfdf;display:inline-block;width:100%;padding:20px 15px}
.darkness .article-meta{border-top:solid 1px #3a3a3a;border-bottom:solid 1px #3a3a3a}
.rtl .hero-title{text-align:right}
.rtl .hero-text{text-align:right}
.rtl .hero .down-arrow{float:right}
.rtl .portfolio-item figcaption{right:25px;left:auto}
.rtl .subhero-title{text-align:right}
.rtl .section-title .title{text-align:right}
.rtl .section-title span{float:right;width:100%;text-align:right}
.rtl .hero-content span.little{text-align:right;float:right;width:100%}
.rtl .hero .article-title{text-align:right;width:100%}
.rtl .hero .article-title,.rtl .hero .entry-data{text-align:right;float:right}
.rtl .hero.work-content .article-title,.rtl .hero.work-content .entry-data{float:none}
.rtl .project-info .title{text-align:right}
.rtl .categories ul li{text-align:right}
.rtl p{text-align:right}
.rtl blockquote{text-align:right}
.rtl footer p{text-align:left}
.rtl form .inp{text-align:right}
.rtl form .form-group .placeholder{text-align:right;float:right;right:0}
.rtl footer .text-right p{text-align:right!important}
.rtl .contact-info span{display:block;text-align:right}
.rtl .contact-info a{float:right;margin-left:30px;margin-right:0}
.rtl footer .footer-info p{text-align:right}
.footer-info a{color:#000}
@media only screen and (max-width: 1366px) {
    .search .search-bar{width:50%;margin-left:25%}
    
    
}
@media only screen and (max-width: 1096px) {
    .search .search-bar{width:70%;margin-left:15%}
    
}
@media only screen and (max-width: 777px) {
    .search .search-bar{width:70%;margin-left:15%}
    .search .site-btn{margin-top:34px}
    
}
@media only screen and (max-width: 1366px) {
    .search .search-bar{width:90%;margin-left:5%}
    .search form .bar{width:90%}
    
}
@media screen and (width: 1366px) and (height:768px) {
    .container{width:86%;margin-left:7%}
    header{padding:25px}
    .portfolio_filter{left:37px}
    
    .uptotop{right:35px}
    .social{right:30px}
    .hero-title{font-size:110px;line-height:103px}
    .hero-text{font-size:22px;line-height:30px}
    .subhero-title{font-size:68px}
    .services .ser i{font-size:90px}
    .services .ser .title{font-size:25px}
    .services .ser p{font-size:19px;line-height:28px}
}
.portfolio-item:hover figcaption{opacity:1;visibility:visible;background:#0000007a}
.portfolio-item figcaption{left:0;opacity:0;padding:10px;position:absolute;right:0;transition:all .3s ease 0;visibility:hidden;z-index:2;top:80%;text-align:center}
@media only screen and (min-width: 1401px) {
    .container{width:86%;max-width:1360px;margin:auto}
    
}
@media only screen and (min-width: 1025px) {
    .portfolio{min-height:100vh}
    .grid-item{margin-bottom:30px}
    .portfolioo{min-height:100vh}
    
    .masonry .col,.masonry .col-1,.masonry .col-10,.masonry .col-11,.masonry .col-12,.masonry .col-2,.masonry .col-3,.masonry .col-4,.masonry .col-5,.masonry .col-6,.masonry .col-7,.masonry .col-8,.masonry .col-9,.masonry .col-lg,.masonry .col-lg-1,.masonry .col-lg-10,.masonry .col-lg-11,.masonry .col-lg-12,.masonry .col-lg-2,.masonry .col-lg-3,.masonry .col-lg-4,.masonry .col-lg-5,.masonry .col-lg-6,.masonry .col-lg-7,.masonry .col-lg-8,.masonry .col-lg-9,.masonry .col-md,.masonry .col-md-1,.masonry .col-md-10,.masonry .col-md-11,.masonry .col-md-12,.masonry .col-md-2,.masonry .col-md-3,.masonry .col-md-4,.masonry .col-md-5,.masonry .col-md-6,.masonry .col-md-7,.masonry .col-md-8,.masonry .col-md-9,.masonry .col-sm,.masonry .col-sm-1,.masonry .col-sm-10,.masonry .col-sm-11,.masonry .col-sm-12,.masonry .col-sm-2,.masonry .col-sm-3,.masonry .col-sm-4,.masonry .col-sm-5,.masonry .col-sm-6,.masonry .col-sm-7,.masonry .col-sm-8,.masonry .col-sm-9,.masonry .col-xl,.masonry .col-xl-1,.masonry .col-xl-10,.masonry .col-xl-11,.masonry .col-xl-12,.masonry .col-xl-2,.masonry .col-xl-3,.masonry .col-xl-4,.masonry .col-xl-5,.masonry .col-xl-6,.masonry .col-xl-7,.masonry .col-xl-8,.masonry .col-xl-9{padding-right:20px;padding-left:20px}
}
@media only screen and (max-width: 1024px) {
    .section-title .title br{display:none}
    .clients .client img{width:100%}
    .open-search{background:#fff;border:0}
    
    .open-search.stp{bottom:250px}
    .subhero-title{font-size:30px}
    .say-hello.stp{opacity:0;transform:rotate(-90deg) translate(0px,-30px);-webkit-transform:rotate(-90deg) translate(0px,-30px);-moz-transform:rotate(-90deg) translate(0px,-30px);-ms-transform:rotate(-90deg) translate(0px,-30px);-o-transform:rotate(-90deg) translate(0px,-30px)}
    .zendex{z-index:10}
    .hero-title{font-size:100px;line-height:100px}
    .hero-text{font-size:20px;line-height:30px}
    header.black .logo img{transform:rotate(0deg)}
    .hamburger{background:#fff;padding:10px;transform:translateY(-2px);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);margin-top:5px;border-radius:15px}
    header.black{z-index:3}
    header.black .logo{background:#f7f7f7;padding:5px 10px 13px;z-index:999}
    .social.fix{display:none}
    .uptotop{z-index:12;background:#f7f7f7;padding:10px 12px 2px 11px}
    .uptotop.stp{bottom:250px}
    .filter-icon.stp{bottom:250px}
    .grid-item{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
    .portfolio-item{opacity:1;visibility:visible}
    .portfolioo-item{opacity:1;visibility:visible}
    .item-rotate{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
    .site-menu{padding-left:30px;padding-top:50px}
    .full-menu .site-menu li a{font-size:1.6rem}
}
@media screen and (min-device-width: 1366px)
and (max-device-height: 1024px)
and (orientation: landscape) {
    .container{width:85%;margin-left:7.5%}
    .subhero-title{font-size:48px}
    
}
@media screen and (min-device-width: 812px)
and (max-device-height: 375px)
and (orientation: landscape) {
    .hero-title{font-size:40px;line-height:40px}
    .portfolio{margin-top:-40px}
    .portfolioo{margin-top:-40px}
    header{padding:25px}
    .hero .down-arrow{margin:15px 0 0 9px}
    .filter-icon{left:25px;bottom:25px}
    .uptotop{right:25px;bottom:25px}
    
}
@media screen and (min-device-width: 568px)
and (max-device-width: 1024px) {
    .portfolio_filter:before{content:'';background:url(../img/cancelw.png);background-size:100%;width:16px;height:16px;position:fixed;right:30px;top:30px;display:none}
    .portfolio_filter{width:100%;height:100%;left:0;top:0;z-index:1000;display:table;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
    .portfolio_filter.show{visibility:visible;opacity:1;display:table!important;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
    
    .portfolio_filter ul{vertical-align:middle;text-align:center;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}
    .portfolio_filter ul li{float:none;text-align:center;opacity:1!important;transform:translateX(0px)!important;-webkit-transform:translateX(0px)!important;-moz-transform:translateX(0px)!important;-ms-transform:translateX(0px)!important;-o-transform:translateX(0px)!important}
    .portfolio_filter ul li a{color:#000;margin:0}
    .filter-icon{background:#f7f7f7;padding:7px 7px 0;display:inline!important;left:45px;position:fixed;z-index:100;bottom:33px;opacity:0;transform:translateX(-200px);-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);-ms-transform:translateX(-200px);-o-transform:translateX(-200px)}
    .white .filter-icon{display:none;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
}
@media screen and (min-device-width: 100px) and (max-device-width: 568px) {
    footer{background: #f7f7f7;}
    .pulse-wr { left: 0px; right: 0px; margin:auto; }
    .portfolio_filter:before{content:'';background:url(../img/cancelw.png);background-size:100%;width:16px;height:16px;position:fixed;right:30px;top:30px}
    body{background:#f3f3f3;padding-bottom: 40px;}
    .portfolio_filter{position:fixed;width:100%;height:120%;left:0;top:0;background:rgba(0,0,0,0.80);z-index:1000;display:table;visibility:hidden;opacity:0;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
    .portfolio_filter.show{visibility:visible;opacity:1;display:table!important;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
    .portfolio_filter ul{display:table-cell;vertical-align:middle;text-align:center;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}
    .portfolio_filter ul li{float:none;text-align:center;opacity:1!important;transform:translateX(0px)!important;-webkit-transform:translateX(0px)!important;-moz-transform:translateX(0px)!important;-ms-transform:translateX(0px)!important;-o-transform:translateX(0px)!important}
    .portfolio_filter ul li a{color:#888;margin:0}
    .filter-icon{background:#f7f7f7;padding:7px 7px 0;display:inline!important;left:45px;position:fixed;z-index:100;bottom:33px;opacity:0;transform:translateX(-200px);-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);-ms-transform:translateX(-200px);-o-transform:translateX(-200px)}
    .white .filter-icon{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
}
@media screen and (min-device-width: 568px)
and (max-device-height: 320px)
and (orientation: landscape) {
    .hero-title{font-size:30px;line-height:30px}
    .portfolio{margin-top:-40px}
    header{padding:15px}
    .hero .down-arrow{margin:15px 0 0 9px}
    .filter-icon{left:15px;bottom:15px}
    .uptotop{right:15px;bottom:15px}
    
}
@media (min-width: 640px) {
    .home-services{display:none}
}





@media (min-width: 1460px) {
    .full-container{max-width:1380px;margin:auto}
    
}
@media (max-width: 1310px) {
    .mainmenu{padding:.8rem;left:0;margin-top:0;border-radius:12px}
    
}

.footer-logo{max-width:210px}
.social-footer{margin-bottom:1.7rem}
.social-footer ul li a{color:#000}
.social-footer ul li{display:inline-block;margin:0 5px;background:#f7f7f7;padding:5px 10px 3px;border-radius:5px}
footer p{font-size:13px;line-height:20px;color:#525252;font-weight:400}
.services-con{box-shadow:0 0 5px rgba(0,0,0,0.15);display:inline-block;position:relative;text-align:left;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;box-shadow:none!important;padding:30px 40px 0 0}
.services-con *,.services-con :before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}
.services-con img{box-shadow:0 0 10px rgba(0,0,0,0.1);max-width:100%;position:relative;vertical-align:top}
.services-con .services-title{background-color:#f2f2f2;bottom:30px;left:40px;position:absolute;right:0;top:0}
.services-con h4{font-size:17px;position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;color:#101010;left:100%;margin:0;opacity:.8;padding:10px 40px 0 0;right:0;font-family:'Josefin Sans',sans-serif;top:30px;white-space:nowrap;font-weight:300}
.services-con a{position:absolute;top:0;bottom:0;left:0;right:0}
.services-con:hover .services-title,.services-con.hover .services-title{background-color:#d6ab5c}
.mb-60{margin-bottom:60px!important}
.page-img***:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background:#f7f7f7;background:linear-gradient(0deg,rgba(247,247,247,1) 0%,rgba(247,247,247,0) 70%)}
.post-thumbnail > img{width:100%}
.blog-wrapper{background:#fff none repeat scroll 0 0;box-shadow:0 5px 30px #98989821;overflow:hidden}
.blog-thumb{margin-bottom:20px}
.blog-desc{padding:15px;padding-top:0}
.blog-content p{height:60px;overflow:hidden}
.blog-title{display:inline-block;font-size:1.1rem;line-height:1.2rem;padding:0;text-align:left;width:100%}
.blog-title a{color:#222}
.blog-title a:hover{color:#666}
@media (max-width: 1199px) {
    .slider-images{height:600px}
    
    .hero{height:600px}
    .smheader{padding:15px!important;width:100%}
    .smmenu{width:100%!important}
    header .logo img{max-width:220px;margin-top:15px}
    .hero-page{height:450px}
    .full-menu .logo{position:absolute;top:30px;left:30px;width:200px}
}
.mainmenu{display:inline-flex;width:auto;padding:.7rem 1rem;background:#00000096;left:20px;position:relative;float:right;margin-bottom:0;border-radius:5px;margin-top:10px}
.mainmenu li{border-right:1px solid #ffffffa3}
.mainmenu li:last-child{border-right:none}
.mainmenu li a{color:#fff;margin:1rem;font-size:.9rem;opacity:1;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
.mainmenu li a:hover{color:#d6ab5c;opacity:1;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
@media (min-width: 991px) {
    header.black{width:100px;right:0}
    .display-small{display:none!important}
    .only-mobile{display:none!important}
    .denemea {
    
    font-size: 1000px;
}
    
    
}
@media (max-width: 991px) {
    header .logo img{margin-top:5px}
    .white header{padding:5px 25px}
    .mainmenu{display:none!important}
    header.whitev{background:#000!important}
    .slider-images{height:500px}
    .hero{height:500px}
    .hero-page{height:400px}
    
    .bark{
font-size: 250px;
}

}




@media only screen and (max-width: 768px) {
    .hero-page{height:360px;}
    .footer-info{text-align:left;}
    .hero-title{font-size:35px;line-height:72px}
    .team{margin-bottom:30px}
    .clients .client{border:0}
    .article-title{font-size:40px}
    .hero .article-title{font-size:50px}
    .portfolio-item.video .image{visibility:visible!important}
    .hero-text{font-size:16px;line-height:21px}
    .portfolio-item figcaption .title{font-size:17px}
    .portfolio-item figcaption span{font-size:11px;line-height:25px}
    .full-menu .right-content{padding:0 40px}
    .full-menu .site-menu li a{font-size:27px}
    .whatsapp_hatti {
        bottom:25px;
    }
    .portfolioo-item figcaption .title{font-size:17px}
    .portfolioo-item figcaption span{font-size:11px;line-height:25px}
    
    
}
@media (max-width: 640px) {
    .site-menu{padding-top:60px}
    .grid-item{margin-bottom:15px}
    .col-xs-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%!important;padding-right:10px;padding-left:10px}
    .home-services{padding-top:120px}
    footer p{font-size:11px!important}
    .entry-data li a{color:#8a8a8a;margin-right:10px;font-weight:600;position:relative;font-size:13px}
    .inner{height:50vh;vertical-align:middle}
    .hero-image{background-size:cover;height:45vh;opacity:.9;background-position:center}

    header .logo img{max-width:165px;margin-top:7px}
    .hidden-xs{display:none}
    .home-portfolio{display:none!important}
    .h-pt-90{padding-top:90px}
    .article-meta{border-top:solid 0 #dfdfdf;border-bottom:solid 0 #dfdfdf;display:inline-block;width:100%;padding:20px 15px;margin-top:80px;margin-bottom:0}
    .home-portfolioo{display:none!important}
}
@media screen and (max-device-width: 568px) and (max-device-height: 660px) {
    .inner{height:50vh;vertical-align:bottom}
    
}
@media only screen and (max-width: 500px) {
    .full-menu .logo {left: 55px; width: 200px;}
    header .logo img{max-width:150px;margin-top:3px}
    .social-footer{margin-bottom:1rem}
    header.whitev{background:#000!important}
    body{background:#f3f3f3}
    .hero-title{font-size:40px;line-height:41px}
    footer{text-align:center}
    .footer-info{text-align:center}
    header{padding:20px}
    .uptotop{bottom:15px;right:15px}
    .filter-icon{bottom:15px;left:15px}
    header.black{padding:15px}
    .full-menu .close-icon{position:absolute;top:31px;right:44px;cursor:pointer;display:block!important}
    .site-menu{padding-left:30px}
    .right-content{display:none}
    .portfolio_filter ul li a{font-size:15px;line-height:40px;padding:10px}
    .footer-info{color:#000}
    .subhero-title{font-size:30px}
    .section-title .title{font-size:22px;line-height:33px}
    .say-hello{bottom:0;left:30px}
    .services .ser .title{font-size:23px}
    .services .ser p{font-size:17px;line-height:28px}
    .article-title{font-size:28px;line-height:37px}
    .hero .article-title{font-size:30px}
    .open-search{left:15px;bottom:10px}
    form{padding:0 31px}
    .work-content .article-title{font-size:45px!important}
    
    
    
}
.accordionItem{float:left;display:block;width:100%;box-sizing:border-box}
.accordionItemHeading{cursor:pointer;margin:0 0 10px;padding:10px;background-color:#e6e8e8;color:#000;width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-sizing:border-box;font-size:.9rem;line-height:1.1rem}
.close .accordionItemContent{height:0;transition:height 1s ease-out;-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);float:left;display:block}
.open .accordionItemContent{padding:20px;background-color:#fff;width:100%;margin:0 0 10px;display:block;-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:top;-o-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform .4s ease-out;-o-transition:-o-transform .4s ease;-ms-transition:-ms-transform .4s ease;transition:transform .4s ease;box-sizing:border-box;box-shadow:0 0 30px 0 rgba(203,203,203,0.35)}
.open .accordionItemHeading:before{margin-right:10px;content:"+"}
.close .accordionItemHeading:before{margin-right:10px;content:"-"}
.open .accordionItemHeading{margin:0;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:#dadada;color:#000}

.whatsapp_hatti:before {
    content: '\f232' !important;
    font-family: Font Awesome\ 5 Brands;
    font-size: 22px;
    height: 40px;
    width: 40px;
    background-color: #27ae60;
    border-radius: 50px;
    position: absolute;
    margin-top: -13px;
    margin-left: -45px;
    line-height: 40px;
}
.whatsapp_hatti {
    display: block;
    height: 30px;
    background-color: #c8ab7b;
    color: #ffffff;
    position: fixed;
    left: 30px;
    text-decoration: none;
    bottom: 15px;
    text-align: center;
    padding: 0px;
    z-index: 9999;
    padding-left: 25px;
    font-weight: 400;
    padding-right: 15px;
    border-radius: 5px;
    padding-top: 7px;
    font-family: 'Gilroy';
    font-size: .7rem;
    box-shadow: 11px 10px 40px 0px rgb(0 0 0 / 15%);
}
.whatsapp_hatti:hover {
    color:#fff;
}
@media only screen and (min-width: 1100px) {
    .whatsapp_hatti {
        bottom: 30px;
    }
}

.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:.85rem;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:99999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

table{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #e6e6e6 #e6e6e6 -moz-use-text-color;
    border-image: none;
    border-spacing: 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    clear: both;
    margin-bottom: 20px;
    width: 100%;
}

table {
    width: 100%;
    border-collapse:
            collapse; border-spacing: 0;
}

td, th {
    border: 1px solid transparent; /* No more visible border */
    height: 35px;
    transition: all 0.3s;  /* Simple transition for hover effect */
    padding: 0 8px;
}

th {
    background: #DFDFDF;  /* Darken header a bit */
}

td {
    background: #FAFAFA;
    text-align: left;
}

/* Cells in even rows (2,4,6...) are one color */
tr:nth-child(even) td { background: #F1F1F1; }

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */
tr:nth-child(odd) td { background: #FEFEFE; }

tbody tr:hover { background: #F1F1F1;  } /* Hover cell effect! */

.pulse-wr{
    display: block;
    position: fixed;
    left: 20px;
    text-decoration: none;
    bottom: 15px;
    text-align: center;
    padding: 0px;
    z-index: 9999;
    width:230px;
}
.popup-pulse {
    color: #fff;
    display: block;
    text-align: center;
    border: none;
    border-radius: 60px;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgb(210, 170, 95);
    -webkit-animation: zoom 2.3s infinite;
    animation: zoom 2.3s infinite;
    background: rgb(183,127,80);
    background: linear-gradient(180deg, rgba(215,156,82,1) 0%, rgba(219,158,85,1) 50%, rgba(191,134,80,1) 100%);
    text-shadow: 2px 1px #a37016;
    padding: 0.5rem 0;
}
.popup-pulse:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 5px inset, rgb(0 0 0 / 7%) -8px 0px 7px inset, rgb(0 0 0 / 7%) 0px 4px 4px inset, rgb(0 0 0 / 10%) 5px 0px 10px inset, rgb(0 0 0 / 7%) 0px 16px 16px;
    border-radius: 60px;

}
.pulse-dis {
    background: #fff;
    padding: 10px;
    border-radius: 60px;
    box-shadow: rgb(0 0 0 / 24%) -6px 6px 20px 0px inset, rgb(255 255 255) 0px -36px 30px 0px inset, rgb(255 255 255) 0px -79px 40px 0px inset, rgb(0 0 0 / 7%) 0px 1px 1px, rgb(0 0 0 / 7%) 0px 2px 2px, rgb(0 0 0 / 7%) 0px 4px 4px, rgb(0 0 0 / 7%) 0px 8px 8px, rgb(0 0 0 / 7%) 0px 16px 16px;
    -webkit-animation: szoom 2.3s infinite;
    animation: szoom 2.3s infinite;
    border:1px solid #fff;
}
.popup-pulse:hover {}

.pulse-yazi {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 24%) -6px 6px 20px 0px inset, rgb(255 255 255) 0px -36px 30px 0px inset, rgb(255 255 255) 0px -79px 40px 0px inset, rgb(0 0 0 / 7%) 0px 1px 1px, rgb(0 0 0 / 7%) 0px 2px 2px, rgb(0 0 0 / 7%) 0px 4px 4px, rgb(0 0 0 / 7%) 0px 8px 8px, rgb(0 0 0 / 7%) 0px 16px 16px;
    -webkit-animation: szoom 2.3s infinite;
    animation: szoom 2.3s infinite;
    border:1px solid #fff;
}

.pulse-yazi2 {
    border-radius: 10px;
    
    animation: szoom 2.3s infinite;
    
}

@-webkit-keyframes zoom {
    0% {transform: scale(1);}
    70% {transform: scale(1);box-shadow: 0 0 0 25px rgba(111,154,55, 0);}
    100% {transform: scale(1);box-shadow: 0 0 0 0px rgba(111,154,55, 0);}
}
@-webkit-keyframes szoom {
    0% {transform: scale(1);}
    70% {transform: scale(1);}
    100% {transform: scale(1);}
}
.ss-cat{
    text-align: center;
    box-shadow: 0 0.145rem 0.55rem rgb(0 0 0 / 8%) !important;
    border-radius: 10px;
    margin: 4px;
    background: #ffff;
    padding: .5rem;
}
.sslink{
    font-size:1.2rem;
    font-weight: 600;
}
a.activetab {
    background: #d6ab5c;
    box-shadow: 0 0.145rem 0.55rem rgb(0 0 0 / 18%) !important;
    color:#fff;

}