.stm { fill:#3369fe }
.st0 { fill:#A6B2C4 }
.st1 { fill:#8492a6 }
.st2 { fill:#fff }
.st3 { fill:#A6B2C4; enable-background:new }
.cls-1, .cls-2 { fill: #a6b2c4 }
.cls-2 { fill-rule: evenodd }
.cls-3 { fill: #8492a6 }
.cls-4 { fill: #fff }
.icon-1 { fill: #3369fe }

.slides, h1, h2, h3, h4, h5, p, span { font-family: "Open Sans", sans-serif }
.whiteSlide h1, .whiteSlide h2, .whiteSlide h3, .whiteSlide h4, .whiteSlide h5 { color: #575f7f }
h1, h2, h3, h4, h5 { font-weight: 400 }
h1 { font-size: 45px; line-height: normal; letter-spacing: 0; margin-bottom: 30px }
.whiteSlide a, .whiteSlide p, .whiteSlide span { color: #7f8694 }
p { opacity: 1 }
p.small { font-size: 18px }
.fix-12-12 { max-width: 1366px!important }

#Smallchat iframe { top: 0px; bottom: auto }
#particles-js canvas { position: absolute }
#particles-js-2 canvas { position: absolute }

.top .compact .sidebarTrigger { background: #3369fe }
.sidebar .mainMenu li a { color: rgba(87, 95, 127, 0.75) }

.panel .sections .menu a { font-size: 18px }
p.hero { font-size: 30px; letter-spacing: 0 }
a.button { color: #fff; background-color: #3369fe; border-radius: 3px; padding: 15px 70px }
.slides.whiteSlide .panel .menuButton { background-color: #fff; color: #a3acbf; border: 1px solid #ccd3e3; font-size: 18px; font-weight: normal }
.slides.whiteSlide .panel .menuButton:hover { background-color: #fff; border: 1px solid #a3acbf; box-shadow: none; color: #575f7f; opacity: 1 }
a:not(.button):hover { color: #575f7f; opacity: 1 }

.clients-container { border-top: 1px solid #e4e8ed; border-bottom: 1px solid #e4e8ed; text-align: center }
ul.clients { max-width: 1366px; margin: 0 auto; vertical-align: middle; padding: 30px 0 }
ul.clients li { float: left; padding: 0 45px }

.expertise-ul { height: 100%; vertical-align: middle }
.expertise-ul p { color: #fff }
.pm-li { background-color: #3369fe }
.pd-li { background-color: #5a86ff }
.ux-li { background-color: #559cff }
.expertise-title { width: 310px; margin: 50px auto 10px; font-size: 22px; font-weight: 600 }
.expertise-subtitle { width: 310px; margin: 0 auto!important; font-size: 22px }

.how-we-work { display:table; border: 1px solid #e0e9f3; border-radius: 10px; list-style: none; overflow: hidden; box-shadow: 0 0 10px 1px #f2f8ff; width: 100% }
.how-we-work li { color: white; font-weight: 600; font-size: 18px; display:table-cell; height: 90px; vertical-align: middle }

.our-work .grid-62 h3 { margin-left: 40px }
.our-work .grid-62 p { margin-left: 40px }
.mb-link { margin-top: 20px }
.mb-link a { color: #3569fc }
.mb-tags { font-size: 16px; margin-top: 20px!important; line-height: 35px }
.mb-tags span { border: 1px solid rgba(162, 172, 191, 0.49); border-radius: 4px; padding: 3px 10px; margin-right: 6px }

.mb-bullet-1 { font-size:3em; color:#FF9800!important; line-height:0.4em; height: 18px; width: 18px; float: left; margin: 9px 20px 0 0!important }
.mb-bullet-2 { font-size:3em; color:#2196F3!important; line-height:0.4em; height: 18px; width: 18px; float: left; margin: 9px 20px 0 0!important }
.mb-bullet-3 { font-size:3em; color:#4CAF50!important; line-height:0.4em; height: 18px; width: 18px; float: left; margin: 9px 20px 0 0!important }
.mb-problem { color: #FF9800!important }
.mb-solution { color: #2196F3!important }
.mb-result { color: #4CAF50!important }

.mb-feedback { width: 100%; background: white; border: 1px solid #e2e7f3; border-radius: 8px; box-shadow: 0 0 3px 1px #f8faff; padding: 30px 30px; text-align: left }
.mb-feedback img { height: 80px; border-radius: 50%; float: left; margin: 0 20px }
.mb-feedback h5 { font-size: 28px; color: #646d88 }
.mb-feedback .tst-subtitle { color: #646d88; font-size: 22px }
.mb-feedback-1 span { color: #df4430!important }
.mb-feedback-2 span { color: #e4432d!important }
.mb-feedback-3 span { color: #0378fb!important }
.mb-feedback .tst-feedback { font-size: 18px; margin: 0 10px }

.box-69 { background-repeat: no-repeat; background-position: center; border: 1px solid #e7ecf6; padding-bottom: 60%!important; cursor: text }
.grid-69 .col-4-12 { padding: 0!important }

.footer { height: 100px; border-top: 1px solid #e4e8ed; border-bottom: 1px solid #e4e8ed; text-align: center; box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .1137) }
.footer ul { max-width: 60%; margin: 0 auto; vertical-align: middle; padding: 30px 0 }
.footer ul li { }

@media screen and (min-width: 1024px) {
    .mb-slide-1 svg { width: 490px; height: 60px }
    .trans-white-bar { background: rgba(255, 255, 255, .95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1137); padding-top: 14px; padding-bottom: 14px }
    .our-work .fix-12-12 { padding-top: 120px }
    .our-work img.ae-1 { float: left; margin: 10px 30px 20px 0 }
    .stack { margin: 100px auto; width: 400px; padding: 0; position: relative; max-width: 100% }
    .stack .mb-feedback { max-width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; outline: 1px solid transparent; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in }
    .stack .mb-feedback { -webkit-transition-duration: 0.3s; transition-duration: 0.3s }
    .stack .mb-feedback:last-child { position: relative }
    .mb-feedback-1 { z-index: 70 }
    .mb-feedback-2 { z-index: 90 }
    .mb-feedback-3 { z-index: 80 }
    .stack.done { height: 700px }
    .stack.done .mb-feedback { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.470, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.470, 1.515); transition-timing-function: cubic-bezier(0.175, 0.885, 0.470, 1.515) }
    .stack.done .mb-feedback-1 { -webkit-transform: translateX(-50%) translateY(100px); transform: translateX(-50%) translateY(100px) }
    .stack.done .mb-feedback-2 { -webkit-transform: translateY(-50px) translateX(45%); transform: translateY(-50px) translateX(45%) }
    .stack.done .mb-feedback-3 { -webkit-transform: translateY(400px) translateX(30%); transform: translateY(400px) translateX(30%) }
    .mb-slide-2 img { min-width: 595px }
}

@media screen and (max-width: 1023px) {
    h1 { font-size: 25px; text-align: center }
    h2 { font-size: 25px }
    h3 { text-align: center }
    p { font-size: 18px; text-align: center }
    p.hero { font-size: 25px }
    a.button { padding: 10px }
    .mb-slide-1 svg { width: 260px; height: 60px }
    .clients-container { display: none }
    .mb-slide-2 img { min-width: 350px; width: 350px; height: 305px; margin-left: -55px; margin-right: -50px }
    .mb-slide-2 .content { height: 1500px!important }
    .mb-slide-2 .col-6-12 { margin-top: 0!important }
    .expertise-ul { margin-top: 20px }
    .expertise-ul li { padding: 20px }
    .expertise-title { margin: 0 auto!important }
    .expertise-subtitle { font-size: 18px }
    .how-we-work li { display: table-row; line-height: 90px; font-size: 17px }
    .our-work .mb-screen { display: none }
    .our-work img.ae-1 { margin: 20 auto }
    .our-work .left { text-align: center!important }
    .mb-bullet-1, .mb-bullet-2, .mb-bullet-3 { display: none }
    .our-work .grid-62 p { margin-left: 0 }
    .mb-slide-10 .wrap { padding: 0 10px!important }
    .mb-feedback { margin: 15px 0; text-align: center; padding: 30px 20px }
    .mb-feedback img { float: none; margin: 0 auto }
    .tst-subtitle, .tst-feedback { font-size: 17px }
    .mb-slide-11 h1, .mb-slide-12 h1 { font-size: 33px!important; margin-bottom: 20px!important }
    .mb-slide-11 p { font-size: 20px }
    .mb-slide-12 p { font-size: 18px }
    .mb-slide-12 .content { height: 557px!important }
    .mb-slide-12 .wrap { padding: 20px!important }
    .footer { height: 125px }

    .slide-technologies ul li { text-align: center }
    .slide-industries ul li { text-align: center }
}

@media screen and (max-width: 350px) {
    .mb-slide-2 img { min-width: 300px; width: 300px; height: auto; margin-left: -55px; margin-right: -50px }
}