﻿.article-img, .img-banner, .thim-widget-gallery-images { overflow: hidden; }
.so-panel { margin-bottom: 20px !important; }
.sc_heading .title { text-align: center; padding-bottom: 0; }
.full-width { margin: 0 !important; width: 100% !important; padding: 0 !important; }
.thim-widget-icon-box { margin-left: 15px; margin-right: 15px; text-align: center; margin-bottom: 0; padding-bottom: 0; }
.widget-title:before { background-color: #5d5c5b; }
.site-main .widget_text .widget-title:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 20px; }
#about-1, #about-3 { margin-bottom: 30px; display: inline-block; width: 100%; margin-top: 40px; }
    #about-1.career-page, #about-3.career-page { margin-top: 0; }
.home-content .widget-title, .site-main .widget-title { text-transform: uppercase; line-height: 30px; font-size: 30px; font-weight: 700; margin: 0 0 7px; }
.site-main .widget_text .widget-title { font-size: 18px; font-weight: 700; line-height: 36px; padding-left: 32px; position: relative; margin-bottom: 12px; letter-spacing: 1px; }
.counter-box .counter-box-content, .counter-box.count .counter-box-content { line-height: 30px; display: block; padding-bottom: 10px; text-transform: uppercase; }
.borderedgrid:last-child .counter-box.count { border-right: none; }
.thim-list-content li { padding-left: 35px !important; }
.counter-box { text-align: center; border-right: 1px solid rgba(255,255,255,.3); margin: 20px -15px; }
    .counter-box.count { border-right: 1px solid #eee; margin: 0 -15px 10px; }
    .counter-box .counter-box-content { font-size: 18px; font-weight: 700; color: #fff; }
    .counter-box.count .counter-box-content { font-size: 13px; font-weight: 400; color: #666; }
    .counter-box.count .display-percentage { font-size: 30px; font-weight: 700; line-height: 40px; display: inline-block; margin: 0; padding-top: 12px; }
#owl-about, .no-js .owl-carousel, .owl-carousel.owl-loaded { display: inline-grid; }
.owl-controls .owl-pagination .owl-page.active, .owl-controls .owl-pagination .owl-page:hover { border-color: #5d5c5b; }
#owl-about .item img { display: block; width: 100%; height: auto; }
.owl-controls .owl-buttons div, .owl-controls .owl-page, [role=button] { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }
.owl-carousel .owl-item { cursor: -webkit-grabbing; }
.owl-controls .owl-pagination { display: block; text-align: center; }
.thim-widget-gallery-images .owl-controls .owl-pagination { margin-top: 25px; }
.owl-controls .owl-pagination .owl-page { width: 10px; height: 10px; border-radius: 50%; border: 2px solid #82888d; display: inline-block; margin: 0 10px; }
.owl-controls .owl-next, .owl-controls .owl-prev { background: 0 0; display: inline-block; margin-left: 10px; cursor: pointer; border: 1px solid #111; width: 30px; text-align: center; line-height: 28px; }
.abt-img, .article-img { background-repeat: no-repeat; background-size: cover; }
.owl-controls .owl-next i, .owl-controls .owl-prev i { text-align: center; vertical-align: middle; line-height: 28px; color: #333; font-size: 8px; display: block; }
.owl-controls .owl-prev { margin-left: 0; }
.thim-carousel-wrapper.gallery-img .owl-item { text-align: center; }
.thim-widget-gallery-images .owl-next, .thim-widget-gallery-images .owl-prev { position: absolute; top: 50%; -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -khtml-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -ms-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); }
.thim-widget-gallery-images .owl-prev { left: -100px; right: auto; }
.thim-widget-gallery-images .owl-next { right: -100px; left: auto; }
.thim-widget-gallery-images:hover .owl-prev { left: 10px; }
.thim-widget-gallery-images:hover .owl-next { right: 10px; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
    .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0,0,0); }
        .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
    .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
        .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height .5s ease-in-out; -khtml-transition: height .5s ease-in-out; -moz-transition: height .5s ease-in-out; -ms-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out; }
    .owl-carousel .owl-item, .thim-gallery-images-default .item { float: left; }
.thim-widget-icon-box .line-heading { width: 192px; }
.thim-about-us-quote { text-align: center; max-width: 868px; margin: 0 auto auto; }
    .thim-about-us-quote p { color: #ff3d00; font-size: 30px; font-weight: 400; line-height: 48px; font-family: cursive; }
.abt-text h2, .abt-text h3 { float: left; color: #fff; text-align: center; }
#abt-solutions-li li { list-style: square; margin-left: 40px; padding-left: 20px; }
#about-2, #about-3.career-page, #about-4 { display: flex; }
.article-img { width: 100%; max-height: 468px; }
.article-title-wrapper { font-family: Lato; font-size: 28px; font-weight: 700; margin-bottom: 25px; margin-top: 20px; }
.img-banner { width: 100%; max-height: 428px; margin: 60px 0 40px; padding: 0; }
.abt-img { width: 100%; float: left; height: 428px; display: table; text-align: center; background-position: center top; background-attachment: fixed; position: relative; background-image: url(/images/business-class.jpg); }
    .abt-img.animate, .abt-text h2.animate { -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-duration: 1.5s; -webkit-transform-origin: center bottom; transform-origin: center bottom; animation-delay: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
    .abt-img:before { background-color: #080808; opacity: .4; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; animation-delay: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
    .abt-img.career-page { background-image: url(/images/career-with-panthera.jpg); }
.abt-text, .abt-text h2 { position: relative; width: 100%; }
.abt-text { display: table-cell; vertical-align: middle; z-index: 1; }
    .abt-text h2 { box-sizing: border-box; font-size: 40px; font-weight: 700; line-height: 50px; padding: 0 10px; font-family: Roboto Slab; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 16px; }
    .abt-text h3 { width: 100%; padding: 10px 0; margin: 0; font-size: 26px; font-weight: 400; font-family: Lato; letter-spacing: 1px; }
        .abt-text h3 span.animate { display: inline-block; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-duration: 1.5s; -webkit-transform-origin: center bottom; transform-origin: center bottom; opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
        .abt-text h3 span:nth-child(2).animate { animation-delay: .3s; -webkit-transition-delay: .3s; transition-delay: .3s; }
        .abt-text h3 span:nth-child(3).animate { animation-delay: .6s; -webkit-transition-delay: .6s; transition-delay: .6s; }
        .abt-text h3 span:nth-child(4).animate { animation-delay: .9s; -webkit-transition-delay: .9s; transition-delay: .9s; }
#mob-intro.img-banner { max-height: 90vh; margin-bottom: 0; }
#mob-intro .mobile-img { width: 100%; float: left; display: table; height: 90vh; background-image: url(../images/mobile-icons-bg.png), linear-gradient(to bottom right,#e30707,#ff0000); background-size: cover; background-position: center top; background-attachment: fixed; position: relative; }
    #mob-intro .mobile-img.animate { -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-duration: 1.5s; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
.container { max-width: 1250px !important; }
.lato_bold { font-family: Lato,sans-serif; font-weight: 900; color: #fff !important; font-size: 45px; line-height: 60px; word-break: break-word; margin-bottom: 10px; }
.h2_24 { font-family: Lato,sans-serif; font-weight: 400; color: #fff !important; font-size: 18px; line-height: 24px; word-break: break-word; }
.mobile-apps-form { width: 70%; position: relative; padding: 10px; background: #fff; border-radius: 5px; height: 60px; }
.form_input { font-weight: 600; font-family: Lato,sans-serif; border: none !important; }
.p-4 { padding: 1.5rem !important; }
.star-number { font-family: Lato,sans-serif; font-weight: 100; font-size: 60px; line-height: 44px; }
.star-content { font-family: Lato,sans-serif; font-weight: 600; font-size: 18px; line-height: 44px; }
.clearfix:after, .clearfix:before { content: " "; display: table; }
.row .row { margin: 0 -.9375rem; max-width: none; width: auto; }
.btn-request { background: #ff0000; font-weight: 600; font-family: Lato,sans-serif; color: #fff; border: 0; }
.pad-top-150 { margin-top: 150px; }
.pad-bottom-150 { margin-bottom: 150px; }
.h3_18 { font-family: Lato,sans-serif; font-weight: 400; color: #fff !important; font-size: 15px; line-height: 18px; word-break: break-word; }
.star-block div.animate { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-duration: 1.5s; -webkit-transform-origin: center bottom; transform-origin: center bottom; opacity: 1; }
.star-block div:nth-child(2).animate { animation-delay: .3s; -webkit-transition-delay: .3s; transition-delay: .3s; }
.star-block div:nth-child(3).animate { animation-delay: .6s; -webkit-transition-delay: .6s; transition-delay: .6s; }
.star-block div:nth-child(4).animate { animation-delay: .9s; -webkit-transition-delay: .9s; transition-delay: .9s; }
.animated-image.animate { opacity: 1; -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-duration: 1s; animation-delay: .3s; visibility: visible; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition-delay: .3s; transition-delay: .3s; }
#mob-poly { display: table; width: 100%; float: left; position: relative; }
.h2_30_b { font-family: Lato,sans-serif; font-weight: 900; font-size: 30px; line-height: 36px; color: #383838; word-break: break-word; }
.p-16 { width: 90%; margin: auto; padding-bottom: 30px !important; font-family: Roboto Slab; font-weight: 400; color: #757575; line-height: 30px; white-space: normal; font-size: 15px; }
.box-text { height: 300px; width: 100%; background-color: #ff9806; }
.full-inner-wrap, .right-text { width: 100%; float: left; }
    .full-wrap .right.animate, .full-wrap .right.animate, .right-text .box-text.animate, .section-wrap .halfWrap.right.animate, .HelpDiscoverWrap > li .img-wrap.right.animate { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; animation-duration: 1s; }
    .right-text .box-text:before { position: absolute; left: 0px; bottom: 0px; height: 0%; width: 100%; background: #222; content: ""; }
.box-text i { font-size: 60px; line-height: 80px; color: #fff; }
.box-text h4 { font-size: 26px; line-height: 30px; color: #fff; width: 100%; float: left; padding: 5px 0px; font-family: Roboto Slab; font-weight: 500; }
.box-text p { font-size: 15px; line-height: 20px; color: #fff; width: 100%; float: left; padding: 5px 0px; font-family: Roboto; font-weight: 400; }
.right-text .box-text:nth-child(2).animate { animation-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.right-text .box-text { float: left; box-sizing: border-box; padding: 20px 15px 20px 15px; text-align: center; border-right: 1px solid #ffc107; height: 300px; position: relative; background: #ff9806; }
    .right-text .box-text:hover:before { height: 100%; }
    .right-text .box-text:hover i, .right-text .box-text:hover h4, .right-text .box-text:hover p { color: #fff; position: relative; cursor: pointer; }
*:before { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; }
.mob-personalize { margin-top: 40px; padding: 10px; }
.maxer { margin-top: 60px; }
.maxer-col { margin-top: 40px; }
.text h3 { font-size: 26px; margin-top: 14px; font-weight: 600; font-family: Roboto Slab; }
.text p { color: #555; padding: 0; margin: 0 0 10px 0; font-family: Lato,sans-serif; word-wrap: break-word; font-size: 15px; }
.custom-icon-with-content h3 { margin: 10px 0 !important; font-size: 18px !important; font-weight: 700 !important; }
.custom-icon-with-content i { font-size: 60px; }
.tech-list { width: 100%; float: left; text-align: center; margin: 30px 0px; }
    .tech-list li { width: 20%; float: left; box-sizing: border-box; padding: 20px 10px; }
        .tech-list li img { display: inline-block; max-width: 100%; }
        .tech-list li:nth-child(5n+1) { clear: both; }
        .tech-list li.animate { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-duration: 1s; animation-delay: 0.1s; }
        .tech-list li:nth-child(2n).animate { animation-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
        .tech-list li:nth-child(2n+1).animate { animation-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
        .tech-list li:nth-child(3n+1).animate { animation-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
#mob-techs { display: inline-block; width: 100%; background-color: rgb(233, 236, 239); }
