@import url('https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&display=swap');html,body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased}
body{font-family:'Khand',sans-serif;font-size:15px;line-height:1.75em;font-weight:400;color:#828282}
h1,h2,h3,h4,h5,h6{color:#000;font-family:'Khand',sans-serif;font-weight:400;line-height:1.2em;margin:0 0 15px 0;letter-spacing:.5px}
p{font-family:'Khand',sans-serif;font-size:15px;line-height:1.75em;font-weight:400;margin:0 0 15px;color:#828282}
ul{list-style-type:none}
a{color:#000;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
a:hover,a:active,a:focus{color:#000;outline:0;text-decoration:none!important}
a:link{text-decoration:none}
a:focus{outline:0}
img{width:100%;height:auto}
.small,small{font-size:90%}
b,strong{color:#000;font-weight:500}
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;list-style:none;word-wrap:break-word}
img{width:100%;height:auto}
img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;color:#000}
button,input,optgroup,select,textarea{font-family:'Khand',sans-serif}
input[type="password"]:focus,input[type="email"]:focus,input[type="text"]:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,textarea:focus{outline:0}
input[type="password"],input[type="email"],input[type="text"],input[type="file"],textarea{max-width:100%;margin-bottom:15px;border-color:#ececec;padding:18px 0 10px;height:auto;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border-width:0 0 1px;border-style:solid;display:block;width:100%;font-size:15px;line-height:1.75em;font-weight:400;color:#000;background-image:none;border-bottom:1px solid #ececec;border-color:ease-in-out .15s,box-shadow ease-in-out .15s}
input:focus,textarea:focus{border-bottom-width:2px;border-color:#000}
input[type="submit"],input[type="reset"],input[type="button"],button{text-shadow:none;padding:7px 25px 5px 25px;-webkit-box-shadow:none;box-shadow:none;font-size:15px;font-weight:400;line-height:1.75em;border:1px solid transparent;color:#fff;-webkit-transition:background-color .15s ease-out;transition:background-color .15s ease-out;background-color:#000;margin-top:10px}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{background-color:transparent;color:#000;border:1px solid #000}
select{padding:10px;border-radius:5px}
table,th,tr,td{border:1px solid #000}
th,tr,td{padding:10px}
input[type="radio"],input[type="checkbox"]{display:inline}
.container-fluid{padding-right:30px;padding-left:30px}
.section-padding{padding:120px 0}
.full-width{width:100%!important}
.pos-re{position:relative}
.bg-fixed{background-attachment:fixed}
.valign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.v-middle{position:absolute;width:100%;top:50%;left:0;-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%)}
.mb-30{margin-bottom:30px}
.mb-60{margin-bottom:60px}
.mb-90{margin-bottom:90px}
.mb-120{margin-bottom:120px}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.mt-60{margin-top:30px}
.mt-80{margin-top:80px}
.mt-90{margin-top:90px}
.mt-120{margin-top:120px}
.pt-90{padding-top:90px}
.pt-120{padding-top:120px}
.pb-90{padding-bottom:90px}
.pb-60{padding-bottom:60px}
::-webkit-scrollbar{width:0}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{background:#000}
::-webkit-scrollbar-thumb:hover{background:#000}
::-webkit-selection{color:#828282;background:rgba(0,0,0,0.1)}
::-moz-selection{color:#828282;background:rgba(0,0,0,0.1)}
::selection{color:#828282;background:rgba(0,0,0,0.1)}
#yw-page{width:100%;overflow:hidden;position:relative}
#yw-aside{padding:90px 90px 0 90px;width:21%;position:fixed;bottom:0;top:0;left:0;overflow-y:scroll;overflow-x:hidden;z-index:1001;background:#f1f1f1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
@media screen and (max-width:1200px){#yw-aside{width:30%}
}
@media screen and (max-width:768px){#yw-aside{width:270px;-moz-transform:translateX(-270px);-webkit-transform:translateX(-270px);-ms-transform:translateX(-270px);-o-transform:translateX(-270px);transform:translateX(-270px);padding:90px 45px 0 45px}
}
#yw-aside .yw-logo{text-align:left;font-family:'Khand',sans-serif;font-weight:400;font-size:40px;line-height:1em;text-transform:uppercase;margin-bottom:40px;display:block;width:120px;max-width:200px}
#yw-aside .yw-logo span{text-align:left;font-size:13px;color:#828282;font-weight:400;letter-spacing:3px}
.yw-logo-footer{text-align:center;font-weight:400;font-size:22px;text-transform:uppercase;margin-bottom:0;display:block;width:100%}
@media screen and (max-width:768px){#yw-aside .yw-logo{margin-bottom:60px}
}
#yw-aside .yw-logo a{display:inline-block;text-align:left;color:#000}
.yw-logo-footer a{display:inline-block;text-align:left;color:#000}
#yw-aside .yw-logo a span{display:block;margin-top:0;text-align:center}
#yw-aside #yw-main-menu ul{text-align:left;margin:0;padding:0}
@media screen and (max-width:768px){#yw-aside #yw-main-menu ul{margin:0 0 30px 0}
}
#yw-aside #yw-main-menu ul li{margin:5px 0 5px 0;padding:0 0 5px 0;list-style:none;font-size:17px;font-weight:400;line-height:1.5em;text-transform:uppercase;letter-spacing:.5px}
#yw-aside #yw-main-menu ul li a{color:#828282;text-decoration:none;position:relative;padding:0;font-family:'Khand',sans-serif;font-weight:400;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
#yw-aside #yw-main-menu ul li a{display:inline-block}
#yw-aside #yw-main-menu ul li a:after{content:'';display:block;width:0;height:1px;background:#000;transition:width .3s;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
#yw-aside #yw-main-menu ul li a:hover::after{width:100%}
#yw-aside #yw-main-menu ul li a.active{color:#000;border-bottom:1px solid #000}
#yw-aside #yw-main-menu ul li a.active:after{height:0}
#yw-aside .yw-footer{position:absolute;font-size:15px;font-weight:400;color:#828282}
#yw-aside .yw-footer .qrcode{width:130px;height:130px;border:5px #e1e1e1 solid;}
.yw-footer p{margin-bottom:0;color:#828282}
.yw-footer a{color:#000}
@media screen and (max-width:768px){#yw-aside .yw-footer{position:absolute}
}
#yw-aside .yw-footer span{display:block}
#yw-aside .yw-footer ul{padding:0;margin:0}
#yw-aside .yw-footer ul li{padding:0;margin:0;display:inline;list-style:none}
#yw-aside .yw-footer ul li a{color:#000;padding-right:10px;font-size:15px}
#yw-aside .yw-footer ul li a:hover,#yw-aside .yw-footer ul li a:active,#yw-aside .yw-footer ul li a:focus{text-decoration:none;outline:0;color:#000}
#yw-main{width:79%;float:right;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
@media screen and (max-width:1200px){#yw-main{width:70%}
}
@media screen and (max-width:768px){#yw-main{width:100%}
}
.yw-slider-section-padding{padding-top:90px;padding-bottom:0;clear:both;width:100%;display:block}
.yw-section-padding{padding-top:90px;padding-bottom:0;clear:both;width:100%;display:block}
@media screen and (max-width:768px){.yw-slider-section-padding{padding-top:90px;padding-bottom:0}
.yw-section-padding{padding-top:90px;padding-bottom:0}
.heading-meta{margin-bottom:0}
}
.yw-heading{color:#000;font-family:'Khand',sans-serif;margin-bottom:30px;font-weight:400;font-size:40px;text-transform:uppercase}
.yw-heading span{display:block}
.yw-about-heading{color:#000;font-family:'Khand',sans-serif;font-weight:400;font-size:30px}
.yw-post-heading{color:#000;font-family:'Khand',sans-serif;margin-bottom:30px;font-weight:400;font-size:30px}
.yw-post-heading span{display:block}
.heading-meta{display:block;font-family:'Khand',sans-serif;font-size:12px;line-height:1.5em;text-transform:uppercase;color:#828282;font-weight:400;letter-spacing:5px}
.heading-meta.style-1{padding-left:60px}
.heading-meta.style-1:after{content:"";height:1px;left:15px;position:absolute;top:8px;width:50px;background-color:#ccc}
.separator{width:50px;margin-bottom:20px;text-align:center;position:relative;display:inline-block;vertical-align:middle;border-bottom:1px solid #828282;margin:10px 0}
.line-vr-section{position:relative;margin:-25px auto;border:0;border-left:1px solid;border-color:#DD6E8B;width:1px;height:50px;z-index:10}
body.offcanvas{overflow-x:hidden}
body.offcanvas #yw-aside{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);width:270px;z-index:999;position:fixed}
body.offcanvas #yw-main,body.offcanvas .yw-nav-toggle{top:0;-moz-transform:translateX(270px);-webkit-transform:translateX(270px);-ms-transform:translateX(270px);-o-transform:translateX(270px);transform:translateX(270px)}
.yscott-homepage-section{padding-top:120px}
.yscott-content-home{overflow:hidden}
.yscott-content-home h1{font-size:40px;margin-bottom:0;line-height:1.2em; max-height:2.4em;overflow:hidden;}
.yscott-text-home{font-size:15px;background:#fff;width:80%;padding:20px;position:relative;z-index:99;margin:-60px auto 15px auto}
.yscott-content-text{position:relative;z-index:99}
.yscott-p-subtitle{color:#828282;font-family:'Khand',sans-serif;font-size:12px;text-transform:uppercase;line-height:1em;margin-bottom:30px;letter-spacing:5px}
.yscott-not-view-on-mobile{display:none}
.yscott-img-home{width:100%}
.carousel-control-next,.carousel-control-prev{width:5%}
.carousel-control-prev-icon,.carousel-control-next-icon{background-image:none;width:20px;height:20px}
.carousel-control-next-icon:after{font-family:'themify';content:"\e649";font-size:20px;line-height:1;opacity:.75;color:#000}
.carousel-control-prev-icon:after{font-family:'themify';content:"\e64a";font-size:20px;line-height:1;opacity:.75;color:#000}
.carousel-indicators{bottom:40px;margin:0;padding:0}
.carousel-indicators .active{background-color:#455770}
.carousel-indicators li{background-color:transparent;height:10px;width:10px;border:1px solid #e9d7cf;border-radius:50%}
@media screen and (max-width:768px){.carousel-control-next,.carousel-control-prev{width:10%}
}
@media(max-width:479px){.yscott-p-subtitle{font-size:11px}
}
@media(min-width:750px){.yscott-view-on-mobile{display:none}
.yscott-not-view-on-mobile{display:block}
.yscott-img-home{width:60%;margin-top:40px}
.yscott-img-home-left{float:left}
.yscott-img-home-right{float:right}
.yscott-content-text{width:39.7%;height:71.5vw;position:relative;margin-top:40px}
.yscott-content-text-right{float:right}
.yscott-content-absolute-right{left:-19%}
.yscott-content-absolute-left{right:-19%;text-align:right;width:100%}
.yscott-content-absolute{position:absolute;z-index:99;height:auto;top:36%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.yscott-text-home{margin:0;width:90%}
.yscott-text-home-left{margin-left:-2.52648%}
.yscott-content-text{height:55vw}
}
@media(min-width:994px){.animation{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.animation-bounce{-webkit-transition:all 600ms cubic-bezier(0.68,-0.55,0.265,1.55);-moz-transition:all 600ms cubic-bezier(0.68,-0.55,0.265,1.55);-o-transition:all 600ms cubic-bezier(0.68,-0.55,0.265,1.55);-ms-transition:all 600ms cubic-bezier(0.68,-0.55,0.265,1.55);transition:all 600ms cubic-bezier(0.68,-0.55,0.265,1.55)}
}
@media(min-width:1020px){.yscott-text-home{padding:2em}
.yscott-text-home-left{width:100%;margin-left:-20%}
.yscott-img-home{margin-top:0;margin-bottom:30px}
.yscott-content-text{margin-top:60px;height:54.5vw}
.yscott-content-absolute-left{right:-40%}
.yscott-content-absolute-right{left:-32%}
.yscott-content-text{height:42vw}
}
@media(min-width:1270px){.yscott-img-home{width:57%}
.yscott-img-home-left{margin-left:0}
.yscott-img-home-right{margin-right:0}
.yscott-text-home{width:90%;padding:40px;background-color:#fff}
.yscott-text-home-left{width:120%;padding:60px 100px;background-color:#fff}
.yscott-content-text{height:46vw}
}
@media(min-width:1440px){.yscott-content-text{height:38vw}
.yscott-color-button{padding-top:27vw}
}
@media(min-width:1800px){.yscott-content-text{height:30vw}
}
.bar{position:relative;background-color:#eee;height:1px;margin:0 0 15px 0}
.bar-fill{position:absolute;height:1px}
.bar-title{position:relative;text-align:left;margin:0 0 5px 0;color:#828282;font-weight:400}
.percent{position:absolute;right:0}
.bar-fill-proccess{width:100%;background-color:#000;animation:bar-fill-proccess 2s ease-out;-moz-animation:bar-fill-proccess 2s ease-out;-webkit-animation:bar-fill-proccess 2s ease-out}
@keyframes bar-fill-proccess{0%{width:0}
100%{width:100%}
}
@-moz-keyframes bar-fill-proccess{0%{width:0}
100%{width:100%}
}
@-webkit-keyframes bar-fill-proccess{0%{width:0}
100%{width:100%}
}



.bar-fill-developer{width:80%;background-color:#000;animation:bar-fill-developer 2s ease-out;-moz-animation:bar-fill-developer 2s ease-out;-webkit-animation:bar-fill-developer 2s ease-out}
@keyframes bar-fill-developer{0%{width:0}
100%{width:80%}
}
@-moz-keyframes bar-fill-developer{0%{width:0}
100%{width:80%}
}
@-webkit-keyframes bar-fill-developer{0%{width:0}
100%{width:90%}
}
.bar-fill-photoshop{width:70%;background-color:#000;animation:bar-fill-photoshop 2s ease-out;-moz-animation:bar-fill-photoshop 2s ease-out;-webkit-animation:bar-fill-photoshop 2s ease-out}
@keyframes bar-fill-photoshop{0%{width:0}
100%{width:70%}
}
@-moz-keyframes bar-fill-photoshop{0%{width:0}
100%{width:70%}
}
@-webkit-keyframes bar-fill-photoshop{0%{width:0}
100%{width:80%}
}
.bar-fill-webdesign{width:85%;background-color:#000;animation:bar-fill-webdesign 2s ease-out;-moz-animation:bar-fill-webdesign 2s ease-out;-webkit-animation:bar-fill-webdesign 2s ease-out}
@keyframes bar-fill-webdesign{0%{width:0}
100%{width:85%}
}
@-moz-keyframes bar-fill-webdesign{0%{width:0}
100%{width:85%}
}
@-webkit-keyframes bar-fill-webdesign{0%{width:0}
100%{width:85%}
}
.bar-fill-socialmedia{width:70%;background-color:#000;animation:bar-fill-socialmedia 2s ease-out;-moz-animation:bar-fill-socialmedia 2s ease-out;-webkit-animation:bar-fill-socialmedia 2s ease-out}
@keyframes bar-fill-socialmedia{0%{width:0}
100%{width:70%}
}
@-moz-keyframes bar-fill-socialmedia{0%{width:0}
100%{width:70%}
}
@-webkit-keyframes bar-fill-socialmedia{0%{width:0}
100%{width:70%}
}
.project{position:relative;margin-bottom:30px}
.project .desc{position:absolute;width:100%;height:80px;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.project .desc .con{padding:30px;display:block;position:relative}
.project .desc h3{color:#f1f1f1;font-family:'Khand',sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;-webkit-transition:-webkit-transform .3s,opacity .3s;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;-o-transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);margin-bottom:0}
.project .desc h3 a{color:#000}
.project .desc span{display:block;color:#ffffff;font-size:15px;-webkit-transition:-webkit-transform .3s,opacity .3s;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;-o-transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.project .desc span a{color:#000}
.project:hover .desc{;background:rgba(0,0,0,0.8);}
.project:hover .desc h3{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
.project:hover .desc span{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
.project-desc h2{color:#000;font-family:'Khand',sans-serif;font-weight:400;font-size:30px}
.project-desc span{display:block;color:#666;font-size:13px;margin-bottom:15px}
.project-desc span a{color:#666}
.project-desc .icon span{display:inline;padding-right:5px}
.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#yw-main-menu{margin-bottom:90px}
.yw-nav-toggle{cursor:pointer;text-decoration:none}
.yw-nav-toggle.active i::before,.yw-nav-toggle.active i::after{background:#fff}
.yw-nav-toggle.dark.active i::before,.yw-nav-toggle.dark.active i::after{background:#000}
.yw-nav-toggle:hover,.yw-nav-toggle:focus,.yw-nav-toggle:active{outline:0;border-bottom:none!important}
.yw-nav-toggle i{position:relative;display:-moz-inline-stack;display:inline-block;zoom:1;width:20px;height:1px;color:#fff;font:bold 14px/.4 Helvetica;text-transform:uppercase;text-indent:-55px;background:#fff;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;top:-2px}
.yw-nav-toggle i::before,.yw-nav-toggle i::after{content:'';width:20px;height:1px;background:#fff;position:absolute;left:0;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.yw-nav-toggle.dark i{position:relative;color:#000;background:#000;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
.yw-nav-toggle.dark i::before,.yw-nav-toggle.dark i::after{background:#000;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.yw-nav-toggle i::before{top:-7px}
.yw-nav-toggle i::after{bottom:-7px}
.yw-nav-toggle:hover i::before{top:-10px}
.yw-nav-toggle:hover i::after{bottom:-10px}
.yw-nav-toggle.active i{background:transparent}
.yw-nav-toggle.active i::before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.yw-nav-toggle.active i::after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
.yw-nav-toggle{position:fixed;left:0;top:0;z-index:9999;cursor:pointer;opacity:1;visibility:hidden;padding:12px 15px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;background:#000;margin:15px 30px;border-radius:50%}
@media screen and (max-width:768px){#yw-main-menu{margin-bottom:60px}
.yw-nav-toggle{opacity:1;visibility:visible}
}
.js .animate-box{opacity:0}
.team-holder{box-sizing:border-box;padding-left:46px;overflow:hidden}
.team-holder,.team-holder .team-image-holder{position:relative;display:inline-block;vertical-align:middle;width:100%;margin-bottom:20px}
.team-holder .team-image-holder .team-side-info{bottom:0;left:-7px;position:absolute;-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg)}
.team-holder,.team-holder .team-image-holder img:hover,.team-holder,.team-holder .team-image-holder img:hover{transform:scale(0.95)}
.team-holder .team-image-holder .team-side-info .team-name,.team-holder .team-image-holder .team-side-info .team-position{display:inline-block}
.team-holder .team-name{margin:0;text-transform:uppercase;font-size:20px;font-family:'Khand',sans-serif;font-weight:400}
.team-holder .team-position{font-family:'Khand',sans-serif;color:#828282;margin:0;padding-left:20px;position:relative;font-weight:400;font-size:15px}
.team-holder .team-position:before{content:"/";left:5px;position:absolute;top:0}
ul.team-info-social li{display:inline-block;margin:0;padding:0 5px}
.team-holder .team-info-social{text-align:center;padding:0;margin:0}
.team-holder p{text-align:center;margin-bottom:0}
.services .item{padding:40px 30px 20px;border:1px solid #f2f2f2;border-radius:5px}
.services .item:hover{border:1px solid #000}
.services .item:hover .icon{color:#000;top:-30px}
.services .item .icon{float:left;font-size:36px;position:absolute;left:36px;top:-20px;padding:0 15px;color:#828282;background:#fff;-webkit-transition:all .5s;transition:all .5s}
.services .item h6{font-size:21px;color:#000;font-family:'Khand',sans-serif;margin-bottom:5px}
.services-img img:hover{transform:scale(0.95)}
.services-img{position:relative}
.process .item{position:relative;z-index:4}
.process .item img{position:absolute;width:70%;right:-40%;top:15px;opacity:.5}
.process .item img.tobotm{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}
.process .item.odd{margin-top:50px}
.process .item .cont{padding:30px;background-color:#fff;border:1px solid #f2f2f2;border-radius:10px;position:relative;z-index:3;-webkit-transition:all .3s;transition:all .3s}
.process .item .cont:hover{background-color:#000;border:1px solid #000}
.process .item .cont:hover h6{color:#fff}
.process .item .cont:hover p{color:#fff}
.process .item .icon{color:#fff;font-size:30px;width:80px;height:80px;line-height:85px;border-radius:50%;border:1px dashed #999;margin-bottom:30px}
.process .item h1{color:#fff;font-family:'Khand',sans-serif;margin-bottom:30px;font-weight:400;font-size:40px;text-transform:uppercase}
.process .item h2{display:block;font-family:'Khand',sans-serif;font-size:12px;text-transform:uppercase;color:#fff;font-weight:400;letter-spacing:5px;margin-bottom:0}
.process .item h3{position:absolute;top:10px;left:0;width:100%;font-size:50px;font-weight:400;z-index:-1;color:transparent;-webkit-text-stroke:1px #ccc;opacity:.5}
.process .item h6{font-family:'Khand',sans-serif;color:#000;font-size:24px;margin-bottom:15px}
@media screen and (max-width:991px){.process .item img{display:none}
.mb-md50{margin-bottom:50px}
}
.gallery-item{position:relative;padding-top:30px}
.gallery-box{overflow:hidden;position:relative}
.gallery-box .gallery-img{position:relative;overflow:hidden}
.gallery-box .gallery-img:after{content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:0;transition:all .27s cubic-bezier(0.3,0.1,0.58,1)}
.gallery-box .gallery-img>img{transition:all .3s cubic-bezier(0.3,0.1,0.58,1);border-radius:0}
.gallery-box .gallery-detail{opacity:0;color:#fff;width:100%;padding:20px;box-sizing:border-box;position:absolute;left:0;overflow:hidden;transition:all .27s cubic-bezier(0.3,0.1,0.58,1)}
.gallery-box .gallery-detail h4{font-size:18px}
.gallery-box .gallery-detail p{color:rgba(255,255,255,0.6);font-size:14px}
.gallery-box .gallery-detail i{color:#000;padding:8px}
.gallery-box .gallery-detail i:hover{color:#000}
.gallery-box:hover .gallery-detail{top:50%;transform:translate(0,-50%);opacity:1}
.gallery-box:hover .gallery-img:after{background:rgba(255,255,255,0.7)}
.gallery-box:hover .gallery-img>img{transform:scale(1.05)}
.mfp-figure button{border:0 solid transparent}
button.mfp-close,button.mfp-arrow{border:0 solid transparent}
.blog .item{padding:60px 30px;border:1px solid #f1f1f1;position:relative;background-size:cover;background-position:50% 0!important;margin-bottom:30px}
.blog .item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3)}
.blog .item:hover:after{opacity:0;}
.blog .item h5,.blog .item p,.blog .item span,.blog .item span i{color:#fff}
.blog .item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,0.5);-webkit-transition:all .4s;transition:all .4s;}
.blog .item .content{position:relative;z-index:7}
.blog .item h5{font-size:24px;font-weight:400;line-height:1.3em;margin-bottom:30px}
.blog .item .desc-h5{height:2.6em;overflow:hidden;}
.blog .item .info{margin-bottom:15px}
.blog .item .info span{text-transform:uppercase;font-size:12px;letter-spacing:1px;margin-right:15px}
.blog .item .info span:last-child{margin:0}
.blog .item .info span i{padding-right:5px;font-size:10px}
.blog .item p{font-size:15px;margin-bottom:30px}
.blog .item .desc-p{height:4.5em;overflow:hidden;}

.blog .item .more{position:relative;text-transform:uppercase;letter-spacing:3px;color:#ececec}
.blog .item .more.style-1{padding-left:60px}
.blog .item .more.style-1:after{content:"";height:1px;left:0;position:absolute;top:11px;width:50px;background-color:#ececec}
.yw-blog-wrap{margin-bottom:30px}
.yw-blog-wrap .img{padding:0 45px 15px 0;position:relative}
.yw-blog-wrap .img:after{content:'';width:90%;position:absolute;top:9.5%;bottom:-8%;right:0;background-image:url(../images/dots.png);background-repeat:repeat;z-index:-1}
.yw-blog-wrap .img img{position:relative;z-index:2}
.yw-blog-wrap .img img:hover{transform:scale(0.95)}
.yw-blog-bottom-content{position:relative;padding-top:35px;margin-bottom:30px;background:#fff}
.yw-blog-title{margin-bottom:0}
.yw-blog-title h2{color:#000;font-size:27px;margin-bottom:10px}
.yw-blog-title span{margin:0 10px}
.yw-author-date{font-size:12px;position:relative;color:#828282;text-transform:uppercase;letter-spacing:2px;margin-bottom:0}
.yw-author-date:after{content:'';display:inline-block;position:absolute;top:45%;height:1px;width:55px;background-color:#ccc;right:100%;margin-right:10px}
.yw-blog-more{font-size:15px;line-height:1.5em;color:#000!important;letter-spacing:0;text-align:center}
.yw-blog-navigation{text-align:center;margin-bottom:60px;margin-top:60px}
.yw-blog-navigation ul{margin:0;padding:0;list-style:none}
.yw-blog-navigation ul li{display:inline-block;margin:0 5px}
.yw-blog-navigation ul li a{color:#828282;border:1px solid transparent;background-color:transparent;padding:5px 15px 5px 15px;display:block;transition:all .4s}
.yw-blog-navigation ul li a:hover{border:1px solid #000;background-color:#000;color:#fff}
.yw-blog-navigation li>a.active{border:1px solid #000;background-color:#000;color:#fff}
.yw-black-bg{background-color:transparent}
.yw-black-bg:hover{background-color:transparent}
.yw-post-section{padding-top:120px}
.yw-post-caption h1{margin-bottom:25px}
.yw-post-comment-wrap{display:flex;margin-bottom:60px}
.yw-user-comment{margin-right:20px;flex:0 0 auto}
.yw-user-comment img{border-radius:100%}
.yw-user-content{margin-right:30px}
.yw-user-content h3{font-size:21px;color:#000;margin:0;line-height:1em}
.yw-user-content p span{font-size:12px;text-transform:uppercase;letter-spacing:2px}
.map-section{overflow:hidden;margin-bottom:60px}
#contactMap{width:100%;height:550px}
.yw-more-contact{background:#fafafa}
.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;background:transparent;border:0;border-bottom:1px solid #e5e5e5;height:54px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;padding:0;font-family:'Khand',sans-serif;font-size:15px;line-height:1.75em;font-weight:400}
.form-control:active,.form-control:focus{outline:0;-webkit-box-shadow:none;box-shadow:none;border-color:#000;border-bottom:2px solid #000}
.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #ececec;padding:7px 25px 5px 25px;font-size:1rem;line-height:1.5;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:#828282;background:transparent}
.btn-contact{position:relative;font-family:'Khand',sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:3px;color:#828282}
.btn-contact:hover{color:#000}
.btn-contact.style-1{padding-left:60px}
.btn-contact.style-1:after{content:"";height:1px;left:0;position:absolute;top:12px;width:50px;background-color:#ccc}
#message{height:130px}
.yw-details-block{padding-top:0;padding-bottom:0}
.yw-details-title{font-size:21px}
.contact .info{background:#464646;padding:65px 30px}
.contact .info h3{font-size:27px;font-weight:400;color:#fff;margin-bottom:30px}
.contact .info .item{margin-bottom:30px;color:#fff}
.contact .info .item:last-child{margin-bottom:0}
.contact .info .icon{font-size:18px;color:#fff;margin-bottom:15px}
.contact .info h6{margin-left:5px;margin-bottom:10px;font-size:15px;display:inline-block;text-transform:uppercase;color:#fff}
.contact .info h5 a,.contact .info h5{font-size:15px;color:#828282}
#footer{padding:30px;background:#3a3a3a;}
#footer h2{margin:0 0 20px 0;color:#fff;font-size:40px;line-height:30px;letter-spacing:3px}
#footer .yw-logo{width:130px;max-width:130px;margin:9px auto;text-align:center}
@media screen and (max-width:768px){
#footer{padding:50px 30px;background:#292b31;text-align:center}
#footer div{text-align:center !important}
}
.yw-social{padding:0;margin:0;text-align:center}
.yw-social li{padding:0;margin:0;list-style:none;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}
.yw-social li a{font-size:22px;color:#000;padding:10px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;border-radius:7px}
@media screen and (max-width:768px){.yw-social li a{padding:10px 8px}
}
.yw-social li a:hover{color:#000}
.yw-social li a:hover,.yw-social li a:active,.yw-social li a:focus{outline:0;text-decoration:none;color:#000}
ul.social-network{list-style:none;display:inline;margin-left:0!important;padding:0;float:right;margin-bottom:20px}
ul.social-network li{display:inline;margin:0 5px}
.social-network li a{display:inline-block;position:relative;margin:0 auto 0 auto;font-size:15px;color:#828282}
.social-network li a:hover{color:#fff}
@media screen and (max-width:768px){ul.social-network{display:inherit;text-align:center;float:none;margin-bottom:0}
}
[data-overlay-dark],[data-overlay-light]{position:relative}
[data-overlay-dark] .container,[data-overlay-light] .container{position:relative;z-index:2}
[data-overlay-dark]:before,[data-overlay-light]:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
[data-overlay-dark]:before{background:#000}
[data-overlay-light]:before{background:#fff}
[data-overlay-dark] h1,[data-overlay-dark] h2,[data-overlay-dark] h3,[data-overlay-dark] h4,[data-overlay-dark] h5,[data-overlay-dark] h6,[data-overlay-dark] span{color:#fff}
[data-overlay-dark] p{color:#828282}
[data-overlay-dark="0"]:before,[data-overlay-light="0"]:before{opacity:0}
[data-overlay-dark="1"]:before,[data-overlay-light="1"]:before{opacity:.1}
[data-overlay-dark="2"]:before,[data-overlay-light="2"]:before{opacity:.2}
[data-overlay-dark="3"]:before,[data-overlay-light="3"]:before{opacity:.3}
[data-overlay-dark="4"]:before,[data-overlay-light="4"]:before{opacity:.4}
[data-overlay-dark="5"]:before,[data-overlay-light="5"]:before{opacity:.5}
[data-overlay-dark="6"]:before,[data-overlay-light="6"]:before{opacity:.6}
[data-overlay-dark="7"]:before,[data-overlay-light="7"]:before{opacity:.7}
[data-overlay-dark="8"]:before,[data-overlay-light="8"]:before{opacity:.8}
[data-overlay-dark="9"]:before,[data-overlay-light="9"]:before{opacity:.9}
[data-overlay-dark="10"]:before,[data-overlay-light="10"]:before{opacity:1}