@import url("../../fonts/fontin-smallcaps/stylesheet.css");
@import url("../../fonts/lato/Lato.css");

html{overflow-y: inherit !important;}
.skilledworkman{font-family:'Lato';color: #383838;font-size: 16px;line-height: 26px;-webkit-font-smoothing: subpixel-antialiased;-webkit-text-stroke: 1px transparent;-moz-osx-font-smoothing: grayscale;overflow:hidden; }
h1,h2,h3,h4,h5,h6{font-weight:normal;margin-bottom: 20px;}
h1, h2{line-height:48px;}
.img,img{max-width:100%;}
figure{margin:0;}
.heading3{margin-top: 10px;margin-bottom:10px;color: #414c7e; font-size:45px;line-height:55px; font-family: 'fontinsmallcaps';font-weight: normal;}
.heading3.white{color:#FFF;}
.heading_1_lihgt{color: #d8d9e4;font-size: 100px;font-family: 'Lato-BlackItalic'; line-height: 100px;}
.heading5{font-size: 25px;color:#333;line-height: 28px; font-family: 'fontinsmallcaps';  }
.background-title{position:absolute;left: 0;top:126px;right: 0;text-align: center;color: rgba(0,0,0,0.10); font-size: 10.9vw;font-weight: 800; line-height: 110px;}
hr.vertical-right{position: absolute;right: 0;top: 0;display:block;width: 2px;height: 429px; color: transparent;border: 0;background-color: #5b5b5b;background-image: linear-gradient(to bottom, #fff, #515687 48%, #fff);}
/*---------------------------------------------*/
.skilled-workman-banner{position: relative;margin-bottom: -70px;padding: 100px 0 300px;background: url(../../images/case-study/skilled-workman/skilled-workman-banner.jpg) no-repeat bottom center / cover;}
.skilled-workman-content{position: relative;max-width:807px;margin: auto;text-align: center; z-index:9;}
.skilled-workman-logo {margin-bottom: 41px;}
.skilled-workman-content > p{color: #e7e8e9;font-family: 'fontinsmallcaps';line-height: 26px;}
.skilled-workman-content > h5{margin: 42px 0 0; color:#FFF;font-size: 24px;font-family: 'fontinsmallcaps';font-weight: normal;}
.application_about_row { position: relative;padding-bottom: 141px;margin-bottom: -61px;  background: url(../../images/case-study/skilled-workman/about-the-application-bg-02.png) repeat-x left center / auto 100%; }
.application_about_row > .container{overflow: visible;}
.application-about-img {margin-top: -145px;  padding-left: 68px;}
.application-about-img  .mobile_frame{position:relative;}
.application-about-img  .mobile_frame img{width:100%;}
.application-about-text {padding: 156px 0 0;}
.application-about-text .heading3{margin: 0px 0 31px;}
.application-about-text .btn-wrap{display:flex;}
.application-about-text .btn-app{ display: inline-block; margin-top:30px;margin-right:15px}
.challenges_row{padding:109px 0 76px;background-color:#dfe4e8;}
.challenges_row .row-wrap {display: flex;}
.challenges_row .container{position: relative; overflow: visible;}
.challenges-text{max-width: 74%;margin:0;}
.challenges-text .heading3{margin: 0px 0px 31px;}
.challenges_row .row-wrap > img{position: absolute;right: -84px;bottom: -76px;}
.app_phome_row{position: relative; text-align: center;background: url(../../images/case-study/skilled-workman/app-home-bg.jpg) repeat-x bottom center / auto 100%;box-shadow: 0 26px 40px rgba(0,128,255,.25);}
.app_phome_row img{margin-top: -73px;}
.business_benefits_row{padding-top:38px; background:#e9e9e9 url(../../images/case-study/skilled-workman/business-benefits-bottom-shape.png) repeat-x bottom left; padding-bottom: 116px;}
.business_benefits_row .container {overflow: visible;}
.business_benefits_row .heading3{margin-bottom: 28px;}
.business_benefits_row .heading_1_lihgt{margin-top: 19px;margin-bottom: 14px;}
.business_benefits_row .heading5{margin-bottom: 20px;}
.business_benefits_row figure{transform: scale(1.65) translate(55px,85px);}
.Technology_row{position:relative;text-align: center;}
.Technology_row .heading3{ margin-bottom: 21px;}
.Technology_row .background-title {top: -47px;font-size: 7.8vw;line-height: 7.8vw;color: rgba(166,173,255,0.10);}
.wireframes_row {padding-top:50px;padding-bottom:187px;color:#FFF; background:url('../../images/case-study/skilled-workman/business-benefits-bottom-shape.png') repeat-x left bottom,url('../../images/case-study/skilled-workman/wireframes-bg-pattern.jpg') repeat-x left top / auto 100%;}
.wireframes_row .row1{margin-bottom: 46px;}
.colorfonts_row{padding-bottom:100px;  text-align:center;}
.colorfonts_row .heading3{ margin-bottom: 20px;}
@media screen and (min-width:1367px){
    .background-title{font-size:150px;}
}
@media screen and (max-width:1199px){
    .application-about-img {margin-top: -59px;padding-left: 0; }
}
@media screen and (max-width:991px){
    .application-about-img{max-width:338px; margin:0 auto;}
    .skilled-workman-banner{margin-bottom:-111px; padding:100px 0 195px;}
    .application_about_row{padding-top: 119px;}
    .application-about-text { padding: 32px 0 0; text-align: center; }
    .business_benefits_row figure { transform: inherit; text-align: center; }
    .challenges_row .row-wrap > img {display:none; }
    .challenges-text {max-width: inherit; }
}