#canvasXo {
    width: 100%;
    height: 100%;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.team-cover {
    height: 580px;
    background: #fff url(../img/02.png) center center no-repeat;
    background-size: cover
}

.text-wwd {
    padding-left: 10px
}

.dev-team-img {
    position: relative;
    top: 162.58px;
    left: 130px
}

.team-img {
    width: 400px
}

.PentavalueLive {
    background-color: #fff
}

.PvL-title {
    padding-bottom: 30px
}

.card-1 {
    background-image: linear-gradient(to top right, #9460dc, #698fe4, #41bbee);
    border-radius: 30px 0 0 0
}

.card-2 {
    background-image: linear-gradient(to top right, #9460dc, #698fe4, #41bbee)
}

.card-3 {
    background-image: linear-gradient(to top right, #9460dc, #698fe4, #41bbee)
}

.card-4 {
    background-image: linear-gradient(to top right, #9460dc, #698fe4, #41bbee);
    border-radius: 0 0 30px 0
}

.client_logo {
    max-height: 50px;
    max-width: 100%;
    background: #f1f5f7;
    border-radius: 10px;
    padding: 7px;
    margin: 0 auto 10px auto
}

.character {
    margin: 20px auto 0 auto
}

.team-img {
    border-radius: 20px;
    padding: 10px
}

@media (max-width:1300px) {
    .teampage-cover {
        background-size: cover
    }
}

@media (max-width:768px) {
    .teampage-cover {
        height: 580px
    }
}

@media (max-width:480px) {
    .teampage-cover {
        height: 630px
    }
}

.teampage-cover .titleWizSloganContainer {
    z-index: 3
}

.teampage-cover .boys {
    width: 387px;
    z-index: 2;
    margin: auto;
    margin-top: 115px;
    text-align: center;
    display: block
}

@media (max-width:533px) {
    .teampage-cover .boys {
        width: 100%;
        margin-top: 20px
    }
}

@media (min-width:1450px) {
    .teampage-cover .boys {
        margin-top: 205px
    }
}

.circles {
    height: 100vh
}

#l-1 {
    position: relative;
    top: 80px;
    left: 600px
}

#l-2 {
    position: relative;
    bottom: 60px;
    left: 320px
}

#l-3 {
    position: relative;
    bottom: 100px;
    left: 470px
}

#m-1 {
    position: relative;
    bottom: 100px;
    left: 250px
}

#m-2 {
    position: relative;
    bottom: 120px;
    left: 520px
}

#m-3 {
    position: relative;
    bottom: 450px;
    left: 650px
}

#m-4 {
    position: relative;
    bottom: 420px;
    left: 680px
}

#m-5 {
    position: relative;
    bottom: 865px;
    left: 790px
}

#m-6 {
    position: relative;
    bottom: 840px;
    left: 780px
}

#m-7 {
    position: relative;
    bottom: 820px;
    left: 820px
}

#m-8 {
    position: relative;
    bottom: 950px;
    left: 390px
}

#s-1 {
    position: relative;
    bottom: 1200px;
    left: 250px
}

#s-2 {
    position: relative;
    bottom: 1240px;
    left: 350px
}

#s-3 {
    position: relative;
    bottom: 1100px;
    left: 400px
}

#s-4 {
    position: relative;
    bottom: 1600px;
    left: 500px
}

#s-5 {
    position: relative;
    bottom: 1370px;
    left: 580px
}

.purple {
    background-color: #8966d6
}

.blue {
    background-color: #4daeec
}

.cyan {
    background-color: #28d4f1
}

.large {
    width: 160px;
    height: 160px
}

.medium {
    width: 120px;
    height: 120px
}

.small {
    width: 80px;
    height: 80px
}

.circle-img {
    overflow: hidden
}

.circle-img {
    border-radius: 50%;
    position: relative
}

.circle-img.large img {
    width: 160px;
    min-height: 160px
}

.circle-img.medium img {
    width: 120px;
    min-height: 120px
}

.circle-img.small img {
    width: 80px;
    min-height: 80px
}

.circle-div {
    border-radius: 50%;
    text-align: center;
    color: #fff
}

.circle-div.large {
    padding: 40px 15px
}

.circle-div.medium {
    padding: 30px 15px
}

.circle-div.small {
    padding: 20px 15px
}

.circle-div.large.extra-space {
    padding: 60px 15px!important
}

.circle-div.medium.extra-space {
    padding: 40px 15px!important
}

.circle-div.small.extra-space {
    padding: 30px 15px!important
}

.circle-div h1,
.circle-div h2,
.circle-div h3,
.circle-div h4,
.circle-div h5,
.circle-div h6 {
    margin-bottom: 0
}

.color-green {
    background-color: #328c2e69
}

.color-red {
    background-color: #f1f5f7;
    opacity: 0.2;
}

.color-gray {
    background-color: #2b2c2d7a
}

.color-purple {
    background-color: #4c2f668a
}

.absolute-position {
    position: absolute
}

.overlay {
    position: relative;
    opacity: .5
}

.grid-item {
    width: 160px;
    height: 120px;
    float: left;
    margin-bottom: 10px;
    background-size: cover;
    position: relative
}

.layer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: .5s ease
}

.label {
    display: inline-block;
    margin-bottom: .5rem;
    padding: 4px 10px 3px 10px;
    border: 1.5px solid;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 10px;
    min-width: 47px;
    bottom: 0;
    opacity: 1!important
}

.label-1 {
    display: inline-block;
    margin-bottom: .5rem;
    padding: 2px 10px 0 10px;
    border: 1.5px solid #fff!important;
    border-radius: 5px;
    color: #000!important;
    text-align: center;
    position: absolute;
    left: 10px;
    min-width: 47px;
    bottom: 0;
    opacity: 1!important;
    background-color: #fff
}

.container-img:hover .layer {
    width: 0
}

.container-img:hover .label {
    background-color: #fff;
    color: #000;
    border: 0
}

.portfolio_container .img {
    outline: 0;
    border: none;
    display: block;
    width: 320px;
    height: 320px
}

.img-size1 {
    width: 320px;
    height: 320px
}

.img-size2 {
    width: 320px;
    height: 450px
}

.img-size3 {
    width: 320px;
    height: 220px
}

.img-size4 {
    width: 320px;
    height: 400px
}

.no-border-radius {
    border-radius: 0!important
}

.dot {
    width: 5px!important;
    height: 5px!important;
    background: #757575!important;
    border-radius: 23px!important;
    display: block!important
}

.display-none {
    display: none!important
}

.display-block {
    display: block!important
}

.load-more {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-image: linear-gradient(to left bottom, #42bbee, #2daaf5, #4596f6, #6d7eee, #9460db);
    padding-top: 15px;
    padding-left: 17px;
    padding-right: 15px
}

.rotating {
    -webkit-animation: rotation 2s infinite linear
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

.live a {
    display: block
}

.height1 {
    height: 325px;
    width: 100%
}

.height2 {
    height: 325px;
    width: 100%;
    margin-top: -115px
}

.height3 {
    height: 208px;
    width: 100%
}

.height4 {
    height: 305px;
    width: 100%
}

.height5 {
    height: 337px;
    width: 100%
}

.height6 {
    height: 336px;
    width: 100%;
    margin-top: -100px
}

.height7 {
    height: 425px;
    width: 100%
}

.height8 {
    height: 250px;
    width: 100%
}

.height9 {
    height: 177px;
    width: 100%;
    margin-bottom: 15px
}

.height10 {
    height: 423px;
    width: 100%
}

.height11 {
    height: 329px;
    width: 100%
}

.height12 {
    height: 329px;
    width: 100%
}

.height13 {
    height: 329px;
    width: 100%
}

.height14 {
    height: 329px;
    width: 100%
}

.height15 {
    height: 213px;
    width: 100%
}

.height16 {
    height: 487px;
    width: 100%
}

.height17 {
    height: 445px;
    width: 100%
}

.height18 {
    height: 355px;
    width: 100%
}

.height19 {
    height: 230px;
    width: 100%
}

.height20 {
    height: 406px;
    width: 100%
}

.height21 {
    height: 275px;
    width: 100%
}

.height22 {
    height: 317px;
    width: 100%
}

.height23 {
    height: 279px;
    width: 100%
}

.height24 {
    height: 341px;
    width: 100%
}

.height25 {
    height: 501px;
    width: 100%
}

.align8 {
    text-align: -webkit-right;
    text-align: -moz-right
}

.align11 {
    padding-left: 0
}

.align14 {
    position: relative;
    text-align: -webkit-right;
    text-align: -moz-right
}

.align15 {
    margin-bottom: 15px;
    text-align: left
}

.align19 {
    text-align: left;
    text-align: -moz-left;
    padding-left: 0
}

.align20 {
    text-align: -webkit-right;
    text-align: -moz-right;
    margin-bottom: 15px
}

.align21 {
    padding-top: 10px
}

.aligntext4 {
    padding-top: 60px
}

.align24 {
    text-align: -webkit-right;
    text-align: -moz-right
}

.align26 {
    text-align: -webkit-right;
    text-align: -moz-right;
    margin-bottom: 15px
}

.align27 {
    text-align: -webkit-right;
    text-align: -moz-right
}

.text2 {
    margin-left: -160px;
    margin-top: -320px;
    width: 485px
}

.text3 {
    margin-left: 232px;
    margin-top: -290px;
    width: 470px
}

.text4 {
    margin-left: 155px;
    width: 465px
}

.text5 {
    margin-left: 26px;
    width: 365px
}

.text6 {
    margin-right: -222px;
    margin-top: -205px;
    margin-left: 570px;
    width: 280px
}

.box1 {
    height: 130px;
    width: 130px
}

.box2 {
    margin-left: -710px;
    margin-top: 57px;
    height: 30px;
    width: 30px
}

.box3 {
    height: 30px;
    width: 30px;
    margin-top: 30px;
    margin-left: -406px
}

.box4 {
    height: 130px;
    width: 130px
}

.box5 {
    height: 30px;
    width: 30px
}

.box6 {
    height: 30px;
    width: 30px;
    margin-left: 185px;
    margin-top: -163px
}

.box7 {
    height: 30px;
    width: 30px;
    margin-left: -815px;
    margin-top: -35px
}

.box8 {
    height: 30px;
    width: 30px;
    margin-left: 75px;
    margin-top: 160px
}

.box9 {
    height: 30px;
    width: 30px;
    margin-left: 125px;
    margin-top: 120px
}

.box10 {
    height: 30px;
    width: 30px
}

.box11 {
    height: 155px;
    width: 155px
}

.alignbox11 {
    top: 170px;
    position: relative;
    text-align: -webkit-left;
    text-align: -moz-left
}

.box12 {
    height: 30px;
    width: 30px;
    margin-top: 5px;
    margin-left: -60px
}

.box13 {
    height: 30px;
    width: 30px;
    margin-top: 0;
    margin-left: 45px
}

.box14 {
    height: 30px;
    width: 30px;
    margin-left: 60px
}

.box15 {
    height: 30px;
    width: 30px;
    margin-left: 65px
}

.box16 {
    height: 130px;
    width: 130px;
    margin-bottom: 15px
}

.align16 {
    text-align: -webkit-right;
    text-align: -moz-right;
    padding-right: 0
}

.box17 {
    height: 30px;
    width: 30px;
    margin-left: 10px
}

.box18 {
    height: 30px;
    width: 30px;
    margin-top: 75px;
    margin-left: 125px
}

.alignbox17 {
    height: 150px
}

.box19 {
    height: 30px;
    width: 30px;
    margin-top: 80px;
    margin-left: -75px
}

.box20 {
    height: 30px;
    width: 30px;
    margin-top: -170px;
    margin-left: 50px
}

.box21 {
    height: 155px;
    width: 155px;
    margin-bottom: 10px
}

.alignbox21 {
    text-align: -webkit-right
}

.box22 {
    height: 30px;
    width: 30px;
    margin-left: 40px
}

.box23 {
    height: 30px;
    width: 30px;
    margin-top: 30px;
    margin-left: 130px
}

.box24 {
    height: 155px;
    width: 155px;
    margin-left: 0;
    margin-top: 2px
}

.box25 {
    height: 30px;
    width: 30px;
    margin-left: 35px
}

.box26 {
    height: 30px;
    width: 30px;
    margin-left: 145px;
    margin-top: 75px
}

.box27 {
    height: 30px;
    width: 30px;
    margin-top: 210px
}

.box28 {
    height: 30px;
    width: 30px;
    margin-left: 140px;
    margin-top: -130px
}

.box29 {
    margin-left: 175px;
    margin-top: 85px;
    height: 30px;
    width: 30px
}

.box30 {
    margin-top: -15px;
    margin-left: 69px;
    height: 30px;
    width: 30px
}

.purple-color {
    background-color: #8966d6
}

.main-color {
    background-color: #28d6f4
}

.main-margin-bottom {
    margin-bottom: 15px
}

.main-padding-top {
    padding-top: 18px
}

.main-padding-bottom {
    padding-bottom: 18px
}

.sec-padding-top {
    padding-top: 15px
}

.sec-padding-bottom {
    padding-bottom: 15px
}

.hidden-col {
    height: 198px
}

.box3-padding {
    padding-top: 58px
}

.height1h {
    height: 250px;
    margin-top: 100px
}

.height3h {
    height: 140px
}

.height18h {
    height: 350px
}

.box1h {
    margin-top: 20px;
    height: 130px;
    width: 130px
}

.box2h {
    width: 30px;
    height: 30px;
    margin-left: -16px
}

.box3h {
    margin-left: 35px;
    width: 30px;
    height: 30px;
    margin-top: 25px
}

@media screen and (max-width:992px) {
    .height1 {
        height: 260px
    }
    .height2 {
        height: 240px
    }
    .height4 {
        height: 170px
    }
    .height5 {
        height: 150px
    }
    .height6 {
        height: 255px
    }
    .height8 {
        height: 110px
    }
    .height10 {
        height: 345px
    }
    .height11 {
        height: 160px
    }
    .height12 {
        height: 245px
    }
    .height14 {
        height: 250px
    }
    .height16 {
        height: 260px
    }
    .height18 {
        height: 145px
    }
    .height19 {
        height: 200px
    }
    .height20 {
        height: 280px
    }
    .height21 {
        height: 105px
    }
    .height22 {
        height: 225px
    }
    .height23 {
        height: 115px
    }
    .height24 {
        height: 440px
    }
    .height25 {
        height: 350px
    }
    .height13 {
        height: 150px
    }
    .height7 {
        height: 295px
    }
    .height1,
    .height10,
    .height11,
    .height12,
    .height13,
    .height14,
    .height15,
    .height16,
    .height17,
    .height18,
    .height19,
    .height2,
    .height20,
    .height21,
    .height22,
    .height23,
    .height24,
    .height25,
    .height3,
    .height4,
    .height5,
    .height6,
    .height7,
    .height8,
    .height9 {
        background-size: contain!important
    }
    .box1,
    .box10,
    .box11,
    .box12,
    .box13,
    .box14,
    .box15,
    .box16,
    .box17,
    .box18,
    .box19,
    .box1h,
    .box2,
    .box20,
    .box21,
    .box22,
    .box23,
    .box24,
    .box25,
    .box26,
    .box27,
    .box28,
    .box29,
    .box3,
    .box30,
    .box4,
    .box5,
    .box6,
    .box8,
    .box9 {
        display: none
    }
    .alignbox17 {
        height: 0
    }
    .team * .col-xs-12 {
        padding: 0!important
    }
    .height1h {
        height: 165px;
        width: 100%
    }
    .height3h {
        height: 160px;
        width: 100%;
        margin-bottom: 15px
    }
    .height18h {
        height: 260px;
        width: 100%
    }
    .box1h {
        margin-left: 40px;
        margin-top: 20px;
        height: 75px;
        width: 75px
    }
    .live .card-title {
        margin-top: 15px
    }
}