/* Common Css */ *{margin:0;padding:0;box-sizing:border-box;} html,body{font-family: 'Open Sans', sans-serif;font-size:16px;overflow-x:hidden;} h1,h2,h3{font-family: 'Raleway', sans-serif;padding:0;margin:0;} ul{ margin: 0;} a {outline:0;} p{ text-align:justify} textarea{ resize:none;} .mr-10{margin-right:10px;} .pb-10{padding-bottom:10px;} .pb-20{padding-bottom:20px;} .pt-5{padding-top:5px;} .pos-rel{position:relative;} .box-container {display: table; width:100%;} .left-box {display: table-cell;vertical-align: middle;padding: 0 15px;} .right-box {display: table-cell;vertical-align: middle;padding: 0 15px;} .blue-circle{ width: 65px;line-height: 65px;background: #448fe8;display: block;border-radius: 50%;text-align: center} .border-circle{ width: 65px;line-height: 61px;display: block;border-radius: 50%;text-align: center; border:2px solid #fff;} #myCarousel .carousel-control{ opacity:1!important;} .padding-dunamic-dashboard{ padding-top:28px;} .padding-sales-target .heading-white{padding-top: 18px} .integration-padding{ padding-top:10px;} .sales-navi-padding{ padding-top: 45px;} .mobile-app-padding{ padding-top:35px;} .sales-pipeline-padding { padding-top: 32px;} a:hover,a:visited,a:link,a:active{ text-decoration:none;} .video-button-wrapper {position: fixed;bottom: 59px;left: -73px;z-index: 2;transform: rotate(90deg);-moz-transform: rotate(417deg);-o-transform: rotate(417deg);-moz-transform: rotate(417deg);-moz-transform: rotate(90deg);z-index: 100;} .video-button-wrapper a {background: #f18e00;color: #fff;padding: 8px;display: block;width: 190px;text-align: center;font-size: 20px;font-weight: normal;} .modal { z-index: 100001;} input[type="text"].ng-invalid { border-left: 2px solid red;} input[type="number"].ng-invalid { border-left: 2px solid red;} .heading-black{font-size:35px;color:#354147;font-weight: 700;padding-bottom:20px;} .heading-white{font-size:35px;color:#ffffff;font-weight: 700;padding-bottom:20px;} ul{list-style:none;} a{transition: all .25s ease!important;} .fade-bg{background:#f4f5f7;padding: 30px 0 15px 0;} .no-padding{margin: 0px;padding: 0px;} .bg-blue{background:#3187dd;color:#fff;} .btn.custom-btn {padding: 8px 16px;border-radius: 0px;background:#3187dd;border-color:transparent;} .btn.custom-btn:hover {color: #fff;background-color: #0a6fd4;border-color: #0a6fd4;} .btn.custom-btn-o {padding: 8px 16px;border-radius: 0px;border-color:#fff;background: transparent;} .display-table{display:table; width:100%} .display-cell{display:table-cell;} .error-text { color: red; padding-top: 5px; font-size: 14px; } .has-error .control-label{ color:#666;} /*********************************************************** Home Page ************************************************************/ /*=============webpage css===========*/ .webpage-hearder-wrapper .header-parts {font-size: 14px;} .webpage-hearder-wrapper {background: rgba(0, 0, 0, 0) url(../images/header-bg.jpg) repeat scroll center center / cover;padding: 20px 0px 150px;position: relative;height:534px; overflow: hidden;} .webpage-hearder-wrapper .header-parts .logo{float: left;} .webpage-hearder-wrapper .header-parts .companyinfo-block{float: right;} .webpage-hearder-wrapper .header-parts .logo img{max-width:100%;} .webpage-hearder-wrapper .header-socials ul li{ display:inline-block} .webpage-hearder-wrapper .header-socials ul li a{color:#fff; margin-right:8px;} .webpage-hearder-wrapper .header-socials{ float:left;} .webpage-hearder-wrapper .company-infos{ float:right;} .webpage-hearder-wrapper .header-socials { margin-right: 15px;} .webpage-hearder-wrapper .company-infos ul{list-style:none;text-align: right;margin-bottom: 25px;} .webpage-hearder-wrapper .company-infos ul li{display:inline-block;padding:0 10px;color:#fff;} .webpage-hearder-wrapper .company-infos ul li a{color:#fff;} .webpage-hearder-wrapper .company-infos ul li a.enquiry-now{background: #ff8a18;padding: 5px 10px;border-radius: 5px;font-weight: 600;text-decoration: none;} .webpage-hearder-wrapper .banner-blocks .left-box {width:60%;padding-top: 110px;} .webpage-hearder-wrapper .banner-blocks .right-box {width: 40%;padding-top: 111px;} .webpage-hearder-wrapper .banner-blocks .right-box img {position: absolute;right: 0px;bottom: 0px;} .webpage-hearder-wrapper .banner-texts{color:#fff;font-weight:700;font-size:48px;padding-top: 0px;} /*=============webpage css===========*/ /* Header with Top banner */ .hearder-wrapper {background: rgba(0, 0, 0, 0) url(../images/header-bg.jpg) repeat scroll center center / cover;padding: 20px 0px 0px;position: relative;/*height:534px;*/} .header-part .logo{float: left;} .header-part .logo img{max-width:100%;} .header-social ul li{ display:inline-block} .header-social ul li a{color:#fff; margin-right:8px;} .header-social,.company-info{ float:left;} .companyinfo-block{ float:right} .header-tops{ float:right} .header-social{ margin-right:15px; display: none;} .company-info ul {list-style:none;text-align: right;margin-bottom: 25px;} .company-info ul li {display:inline-block;padding:0 10px;color:#fff;} .company-info ul li i {padding-right: 2px;} .company-info ul li a {color:#fff;} .banner-block .left-box {width:60%;padding-top: 110px;} .banner-block .right-box {width: 40%;padding-top: 111px;} .banner-block .right-box img {position: absolute;right: 1px;bottom: 0px;} .banner-text{color:#fff;font-weight:700;font-size:48px;padding-top: 0px;} /*Banner*/ /* #myCarousel{position: absolute;width: 100%;bottom: 0;} */ #myCarousel.carousel {position: relative;padding: 135px 0 0;} #myCarousel .banner-block .left-box {width: 50%;padding-top: 20px;vertical-align: top;} #myCarousel .banner-block .right-box {width: 50%;padding-top: 20px;vertical-align: top; text-align: right} #myCarousel .banner-block .right-box img{position: inherit; right: inherit;bottom: inherit; max-width:100% } #myCarousel .carousel-control {position: absolute;top: 50%;bottom: 0;height: 30px;width: 30px;font-size: 20px;color: #fff;text-align: center;text-shadow: 0 1px 2px rgba(0,0,0,.6); background-color: rgba(0,0,0,0);filter: alpha(opacity=50);opacity: .5;transform: translateY(-50%);} #myCarousel .carousel-control.left{background-image:none;left: 15px; } #myCarousel .carousel-control.right{background-image:none;right: 15px;} #myCarousel .carousel-control span.fa{font-size:60px;} #myCarousel .carousel-indicators {display: none;} #myCarousel .banner-block .left-box .operatingSystem-icon{ margin-top: 10px;} .operatingSystem-icon img{ margin-right: 5px;} header .menu .navbar-default {background-color: transparent;border-color: transparent;margin-bottom: 0px;} header .menu .navbar-default .navbar-nav>li>a {color: #fff;padding: 6px 15px;} header .menu .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #fff;background-color: transparent;} header .menu .navbar-default .navbar-nav .current_page_item a, .navbar-nav .current-menu-item a{ color: #fff;background-color: transparent;border-bottom: 2px solid #ff8a18!important;} header .menu .navbar-default .navbar-nav>li>a.enquiry-now{background: #ff8a18;padding: 5px 10px;border-radius: 5px;font-weight: 600;text-decoration: none; margin-left: 15px;} /* Why SCRM */ .why-scrm{background:#ecf7f9;padding:30px 0;text-align:center;} .why-scrm h2{ padding-bottom:0} /* Dynamic Dashboard */ .dynamic-dashboard {position: relative;height: 450px;} .dynamic-dashboard .left-box {width: 58%;padding-top: 90px;} .dynamic-dashboard .right-box {width: 58%;padding-top: 140px;} .dynamic-dashboard .right-box img {position: absolute;right: 0;bottom: 30px; } /* Sales-Target */ .sales-target {height: 430px;position: relative;opacity: 0.9;color: #fff;background: #09b2e0; background: -webkit-linear-gradient(to right, #09b2e0, #0e75e3);background: linear-gradient(to right, #09b2e0, #0e75e3);} .sales-target .left-box {width: 50%;} .sales-target .left-box img { position: absolute;left: 5px;bottom: 35px;} .sales-target .right-box {width: 50%;padding-top: 100px;} /* Available on Android & iOS */ .android-ios {position: relative;height: 450px; overflow: hidden;} .android-ios .left-box {width: 60%;padding-top: 140px;} .android-ios .right-box {width: 40%;padding-top: 140px;} .android-ios .right-box img {position: absolute;right: 0;bottom: 0px;} /* Sales-Navigator */ .sales-navigator {height: 458px;position: relative;opacity: 0.9;color: #fff;background: #325e90;} .sales-navigator .left-box {width: 45%;} .sales-navigator .left-box img {position: absolute;left: 0;bottom: 35px;} .sales-navigator .right-box {width: 58%;padding-top: 90px;} /* Third-Party */ .third-party { position: relative;height: 400px;padding-top: 80px;} .third-party .left-box {width: 58%;padding-top: 28px;} .third-party .right-box {width: 58%;padding-top: 45px;} .third-party .right-box img {position: absolute;right: 0;bottom: 0px;} .integrate-list li {position: relative!important; margin-bottom: 15px; position: inherit!important;padding-left: 0!important;padding-bottom: 0!important;line-height: inherit!important;display: inline-block;} .integrate-list li:before{ content: none!important;} .integrate-list li i,.integrate-list li span { display: block;width: 40px;line-height: 40px;text-align: center;} .integrate-list li i{color: #fff;} .integrate-list li span {color: #1da1f2;font-size: 32px;} .integrate-list li.facebook i{ background: #3c5a99} .integrate-list li.linkedin i{ background: #0077b5} .integrate-list li.twitter i{ background: #1da1f2} /* Testimonial */ .w-bg{background:#fff;} .client-testimonial {padding: 50px 0;background: #0a90e3; display:none;} .client-testimonial .owl-carousel img {width: 80px;height: 80px;margin: auto;background: #ececec;border-radius: 50%;text-align: center;} .client-testimonial .owl-carousel h3{color:#fff;font-family: 'Open Sans', sans-serif;font-size:20px;font-weight:700;padding: 10px 0 30px;} .client-testimonial .owl-carousel p{color:#fff;font-family: 'Open Sans', sans-serif;font-weight:400;font-style: italic;} .client-testimonial .owl-theme .owl-dots .owl-dot span {width: 16px;height: 16px;margin: 5px 5px;background: #fff;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px; } .client-testimonial .owl-theme .owl-dots .owl-dot.active span {background: #0d72b0 ;outline:0;} /* Our Clients */ .our-clients {padding: 40px 0; background:#f5f5f5} .our-clients .owl-nav{display:none;} .our-clients .owl-item { border: 1px solid #e3e3e3; padding: 5px;} /* /Common Icon */ .dynamic-dashboard .media-left i, .sales-target .media-left i, .android-ios .media-left i, .sales-navigator .media-left i, .third-party .media-left i, .client-testimonial .media-left i {width: 64px;height: 64px;line-height: 64px;text-align: center;font-size: 30px;border-radius: 50%;} .dynamic-dashboard ul li, .android-ios ul li, .third-party ul li, .sales-target ul li, .sales-navigator ul li, .client-testimonial ul li {line-height: 24px;position:relative;padding-left: 42px;padding-bottom:15px;text-align: left;} .dynamic-dashboard ul li:before, .android-ios ul li:before, .third-party ul li:before {content: url(../images/ok-green.png);position: absolute;top: -1px;left: 0px;font-family: 'fontAwesome';} .sales-target ul li:before, .sales-navigator ul li:before, .client-testimonial ul li:before {content: url(../images/ok-white.png);position: absolute;top: -1px;left: 0px;font-family: 'fontAwesome';} .dynamic-dashboard .media-left i, .android-ios .media-left i, .third-party .media-left i{background: #0990e3;color:#fff} .sales-target .media-left i, .sales-navigator .media-left i, .client-testimonial .media-left i {color: #ffffff;border: 2px solid #fff;} .dynamic-dashboard .media-left, .android-ios .media-left, .third-party .media-left, .sales-target .media-left, .sales-navigator .media-left, .client-testimonial .media-left {padding-right: 15px;} /*********************************************************** Home Page End! ************************************************************/ /*********************************************************** Service Css ************************************************************/ .hearder-services{background: rgba(0, 0, 0, 0) url(../images/service-bg.jpg) repeat scroll center center / cover;padding: 20px 0px 0px;position: relative;height:322px; } .header-part{ font-size:14px;} .banner-heading {padding: 44px 0;text-align: center;} .service-block1,.service-block3,.faq-block{padding: 25px 0; overflow:hidden;} .service-block2{padding: 0px 0;} .service-block2 .service-box{background:transparent;margin: 0px 0px;} .service-box{padding: 20px;background: #fff;margin: 15px 0px;position:relative;min-height: 345px;} .service-box h3{font-size: 24px;padding-top: 20px;padding-bottom: 20px;font-family: 'Open Sans', sans-serif;font-weight: 700;text-align: center;} .view-img{text-align:center;position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);} .list-item ul li{position: relative;line-height: 24px;padding-left: 42px;padding-bottom: 15px;text-align: left;} .list-item ul li:before {content: url(../images/ok-green.png);position: absolute;top: -1px;left: 0px;font-family: 'fontAwesome';} .sales-pipeline {height: 380px;position: relative;background: #ffffff;} .sales-pipeline .left-box {width: 45%;} .sales-pipeline .left-box img {position: absolute;left: 0;bottom: 0;} .sales-pipeline .right-box {width: 58%;padding-top: 64px;} .sales-pipeline ul li{position: relative;line-height: 24px;padding-left: 42px;padding-bottom: 15px;text-align: left;} .sales-pipeline .list-item ul li:before {content: url(../images/ok-green.png);position: absolute;top: -1px;left: 0px;font-family: 'fontAwesome';} .bg-blue .service-box .list-item ul li:before {content: url(../images/ok-white.png);} .account-mgmt{background: rgba(0, 0, 0, 0) url(../images/account-mgmt.jpg) repeat scroll center center / cover;padding: 50px 20px 28px 20px;position: relative;color: #fff;} .account-mgmt h2,.opportunity-mgmt h2{ font-size:24px;} .opportunity-mgmt{background: rgba(0, 0, 0, 0) url(../images/Opportunity-mgmt.jpg) repeat scroll center center / cover;padding: 50px 20px 67px 20px ;position: relative; color: #fff;} .opportunity-mgmt .list-item ul li:before, .opportunity-mgmt .list-item ul li:before {content: url(../images/ok-white.png);} .account-mgmt .list-item ul li:before, .opportunity-mgmt .list-item ul li:before {content: url(../images/ok-white.png) !important;} .service-box .box-icon{position: absolute;right: 30px;bottom: 70px;} /*********************************************************** Service Css End! ************************************************************/ /*********************************************************** About Css ************************************************************/ .about-block1{padding:0; background:#fff;} .about-block2 .box{padding-top: 85px;} .our-mission {display:table-cell;width:50%; background: rgba(0, 0, 0, 0) url(../images/about4.jpg) repeat scroll center center / cover; padding: 50px 110px;position: relative;min-height: 310px;color: #fff;} .our-vision {display:table-cell;width:50%; background: rgba(0, 0, 0, 0) url(../images/about5.jpg) repeat scroll center center / cover; padding: 50px 110px;position: relative;min-height: 310px;color: #fff;} .about-block4{padding: 40px 0;} .why-sphinx{width: 68%;margin: auto;padding-bottom: 30px;text-align:center;} .why-sphinx p{ text-align: center} .about-block4 .list-item ul li:before, .opportunity-mgmt .list-item ul li:before {content: url(../images/ok-green.png);} .leftfull-img{background: rgba(0, 0, 0, 0) url(../images/about2.jpg) no-repeat;background-position: center;background-size: cover;min-height: 400px;} .story-wrap {padding-top: 50px;} .we-know-wrap{ padding-top:30px;} .about-banner { position:relative} .hearder-wrapper .sphinx-logo, .hearder-services .sphinx-logo,.contact-services .sphinx-logo,.hearder-services .sphinx-logo {position: absolute;bottom: 1px;left: -1px; z-index: 10} /*********************************************************** About Css End! ************************************************************/ /*********************************************************** Contact Css ************************************************************/ .contact-services {background:rgba(0, 0, 0, 0) url(../images/service-bg.jpg) repeat scroll center center / cover;padding: 20px 0px 0px;position: relative;height: 322px;} .contact-services .banner-text{width:68%;margin:auto;} .getInTouch{background: rgba(0, 0, 0, 0) url(../images/contact-bg2.jpg) repeat scroll center center / cover;padding: 80px 15px;position: relative;color:#fff;} .getInTouch h3{margin:0;font-size: 48px;font-weight: 700;} .getInTouch-info{padding-top:40px;max-width: 900px;margin: auto;} .getInTouch-info .fa{font-size:40px;} .getInTouch a{ color:#fff;} .online-enquiry{padding:30px 0 ;} .online-enquiry input,.online-enquiry textarea{border: 1px solid #e3e3e3;border-radius: 0px;box-shadow: none; height: 40px;} .online-enquiry textarea{ height:156px; resize:none;} .online-enquiry label{font-weight: 400;} .btn-orange{background:#ff8a18;color:#fff;border-radius:0px; padding: 8px 15px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;} .btn-orange:hover,.btn-orange:active,.btn-orange:focus{background:#f17a07;color:#fff;outline:0;} .office-address{background:#3187de;color: #fff;padding: 20px 20px 30px;position:relative; font-size: 14px;} .office-address .address1 {padding-bottom: 20px;} .office-address .office-address-bg {position: absolute;bottom: 20px;right: 20px;} .office-address .office-address-bg img{width: 200px;opacity: 0.1;} .office-address .heading-white{font-size:28px;font-weight: 600;padding-bottom: 10px;} .office-address h4{font-size:16px;font-weight:600;padding-bottom: 10px;} ul.address-block li{padding-bottom: 15px;} .office-address .fa-icon{border: 1px solid #fff;width: 32px;line-height: 32px;margin-right: 10px;border-radius: 50%;font-size: 18px;text-align: center;} .office-address a{ color:#fff;} .wpcf7-form .form-group{margin-bottom: 15px !important;} .online-enquiry .col-md-8{padding-right: 20px;} /*********************************************************** Contact Css End! ************************************************************/ /*********************************************************** Footer Css ************************************************************/ /* Footer */ .footer{background:#262626;color:#fff;font-size:14px;} .footer-top{padding:20px;} .footer-top h3{color:#fff;font-size:18px; padding-bottom: 15px;font-family: 'Open Sans', sans-serif;} .footer-top .contact-info ul{padding:0;margin:0;} .footer-top .contact-info li{padding: 0px 0px 10px;} .footer-top .contact-info li a{color:#fff} .footer-top .contact-info i{float:left;width: 34px;line-height: 34px;background: #0990e3;text-align: center;border-radius: 50%;margin-right: 7px;font-size: 14px;} .footer-top .contact-info li:after{clear:both; display: block; content:''} .footer-top .contact-info p{ overflow: hidden;} .footer-top .quick-links li{padding: 5px 0; margin-right:20px;} .footer-top .quick-links li a{color:#fff;text-decoration:none;padding-left:8px;} .footer-top .quick-links li:before{ content:''; content: "\f18e"; font-family: 'FontAwesome'; } .footer-top .quick-links li a:hover{color:#919191;} .footer-bottom{ padding:15px 0; text-align:center; border-top:1px solid #424141} .footer-bottom a{color:#fff;} .footer-description img { margin-bottom: 15px;} /*********************************************************** footer social ***********************************************************/ .social-links ul li{ display:inline-block; position:relative; overflow:hidden; margin-right:5px; } .social-links ul li i{ position:relative; z-index:1;} .social-links ul li a {width: 30px;line-height: 30px;display: block;text-align: center;color: #fff; font-size: 20px;} .iframemap.vc_column-inner{padding:0;} /************************************************************** Enquiry-Modal Css End! ************************************************************/ .enquiry-modal .modal .modal-dialog,.video-modal .modal .modal-dialog{max-width: 866px;width: 100%;} .enquiry-modal .modal .modal-content,.video-modal .modal .modal-content{border-radius: 0px;} .enquiry-modal .modal .modal-body,.video-modal .modal .modal-body{padding: 0;} .enquiry-modal .modal .modal-body .close,.video-modal .modal .modal-body .close{width: 40px;line-height: 40px;border-radius: 50%;color: #fff;background: #0990e3;font-weight: 400;opacity: 1;position: absolute;top: -20px;right: -20px;} .enquiry-modal .modal-left{display:table-cell;width:20%;background: #0990e3;color:#fff;padding:25px;vertical-align: middle;} .enquiry-modal .modal-right{display:table-cell;width:80%;background: #fff;padding:25px;vertical-align: middle;} .enquiry-modal .modal .modal-body label {color: #0990e3;font-size: 14px;font-weight: 400;margin-bottom: 0px;} .enquiry-modal .modal .modal-body input{ border-radius: 0px; box-shadow: none;padding: 0px;height: 36px;padding: 0 10px;margin-top: 5px;} .enquiry-modal .modal .modal-body .modal-textarea textarea {border: 1px solid #e3e3e3;border-radius: 0px;box-shadow: none; margin-top: 5px; height: 100px;} .modal-open {padding-right: 0px !important;} .video-modal iframe{ width: 100%;height: 500px;outline: 0;border: 0;} /*********************************************************** Enquiry-Modal Css End! ************************************************************/ /*====== campaing page features css start=====*/ .home-features {background:#f4f5f7; padding:30px 0;} .home-features .service-box{ margin:0;} .client-wrapper{ padding:30px 0;} .home-features .heading-black{ max-width:440px; text-align:center; margin:0 auto;} /*====== campaing page features css end=====*/ /*====== campaing page client css start=====*/ .client-wrapper .heading-black{ color: #fff; max-width: 620px; margin: 0 auto;font-size: 40px; padding-bottom:0;} .client-wrapper { text-align:center; background: #3598d9; color: #fff;} .client-wrapper img{ width:auto!important; max-width:100%; /*border:1px solid #e3e3e3;*/ padding: 5px;} .client-wrapper p { text-align:center; font-size:18px;} /*====== campaing page integration css start=====*/ /*==============campaing page header css start==============*/ .header-flex {display: flex; align-items: center;} .campaing-header-left h1,.campaing-header-left h2{color: #fff;font-weight: bold;padding-bottom:10px; font-family:'Raleway', sans-serif} .campaing-header-left h1{font-size: 50px; } .campaing-header-left h2{ font-size:60px;} .campaing-header-left p{ color: #fff;font-size: 18px;} .compaing-form {font-weight: 400;font-size: 14px; margin: 40px 0;background: #fff;padding: 35px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;float: right;} .compaing-form .form-group {position: relative;padding-top: 16px;margin-bottom: 16px;} .compaing-form .form-group .animated-label {position: absolute;top: 20px;left: 0;bottom: 0;z-index: 2;width: 100%;font-weight: 300;opacity: 0.8;cursor: text;transition: 0.2s ease all;margin: 0;-webkit-user-select: none;-moz-user-select: none;user-select: none;} .compaing-form .form-group .animated-label:after {content: '';position: absolute;bottom: 0;left: 45%;height: 2px;width: 10px;visibility: hidden;background-color: #3598d9;transition: 0.2s ease all;} .compaing-form .form-group.not-empty .animated-label {top: 0;font-size: 14px;} .compaing-form .form-group .form-control {position: relative;z-index: 1;border-radius: 0;border-width: 0 0 1px;border-bottom-color: rgba(0, 0, 0, 0.25);height: auto;padding: 3px 0 5px;box-shadow: none;} .compaing-form .form-group .form-control:focus {box-shadow: none;border-bottom-color: rgba(0, 0, 0, 0.12);} .compaing-form .form-group .form-control:focus ~ .animated-label {top: 0;opacity: 1;color: #3598d9;font-size: 14px;} .compaing-form .form-group .form-control:focus ~ .animated-label:after {visibility: visible;width: 100%;left: 0;} .compaing-form .btn-orange {background: #ff8a18;outline: 0;border: 0;padding: 12px;width: 100%;border-radius: 5px;font-size: 16px;} /*==============campaing page header css end==============*/ /*==============campaing page about css start==============*/ .campaing-about{ background:#f4f5f7; padding:30px 0;} .campaing-about .row-flex{ display:flex;} .campaing-about-content{display: flex;flex-direction: column;justify-content: center;height: 100%; } .campaing-about img{ max-width:100%} /*==============campaing page about css end==============*/ /*Responsive Css*/ @media screen and (min-width:1201px){ #myCarousel .carousel-control{top: 35%;} .about-block2 .box{padding-left: 45px;} .vc_column_container.col-md-5{width:41.66666667% !important} .vc_column_container.col-md-7{width:58.33333333% !important} .vc_column_container.our-vision,.vc_column_container.our-mission{padding: 50px 110px !important;min-height:340px !important;} } @media screen and (min-width:992px) and (max-width:1200px){ .vc_column_container.col-md-5{width:41.66666667% !important} .vc_column_container.col-md-7{width:58.33333333% !important} .vc_column_container.our-vision,.vc_column_container.our-mission{padding: 50px 110px !important;min-height:340px !important;} .android-ios .right-box img,.sales-navigator .left-box img,.third-party .right-box img,.sales-target .left-box img,.dynamic-dashboard .right-box img{ position:inherit; top:inherit; bottom:inherit; bottom:inherit; padding:0;} .android-ios .right-box,.sales-navigator .right-box,.third-party,.sales-target .right-box,.dynamic-dashboard .right-box{ padding-top:0;} .sales-target,.dynamic-dashboard,.third-party{ height:auto; padding: 40px 0;} .third-party .right-box,.sales-navi-padding,.dynamic-dashboard .left-box,.padding-dunamic-dashboard,.android-ios .left-box{ padding:0;} /* Header Infomation */ .hearder-wrapper {padding: 20px 0px 0px;} .company-info ul{list-style:none;text-align: right;margin-bottom: 25px;} .company-info ul li{display:inline-block;padding:0 10px;color:#fff;padding-bottom:8px;} .banner-block .banner-text{color: #fff;font-weight: 700;font-size: 26px;} .banner-block .right-box img {position: inherit;right: 1px;bottom: 0px;max-width: 330px;} .banner-block .box-container{width: 100%;} .banner-block .box-container .left-box {display: table-cell;width: 100%;} .banner-block .box-container .right-box {display: table-cell;width: 35%;} #myCarousel.carousel {position: relative;padding: 135px 0 0;} #myCarousel .carousel-control {top: 30%;} /*Common CSS*/ /* .box-container {display: table;padding-top: 50px;} */ .box-container .left-box {display: table-cell;width: 50%;padding-top: 20px;position:relative;} .box-container .right-box {display: table-cell;width: 50%;position:relative;} .heading-black {font-size:32px;} .heading-white {font-size:32px;} .android-ios {height: auto;padding: 40px 0 0;} .android-ios .operatingSystem-icon{padding-bottom: 20px;} .sales-navigator{height: auto;padding: 40px 0 40px;} .third-party {height: auto;padding: 75px 0 20px;} .dynamic-dashboard .right-box img {max-width: 430px;} .sales-target .left-box img {max-width: 430px;} .android-ios .right-box img {max-width: 430px;} .sales-navigator .left-box img {max-width: 430px;} /* android-ios */ .operatingSystem-icon{display: table;} .operatingSystem-icon img{max-width: 50%;} /* About Screen */ .about-block2 .box{padding-top: 60px;padding-left: 45px;} .sales-pipeline .left-box img {position: relative;left: 0;bottom: 0;} } @media screen and (min-width:768px) and (max-width:991px){ /* Header Infomation */ .hearder-wrapper {height: auto;} .company-info{padding-top:30px;} .company-info ul{list-style:none;text-align: right;margin-bottom: 15px;} .company-info ul li{display:inline-block;padding:0 10px;color:#fff;padding-bottom:8px;} /* .banner-block .left-box{width: 100%;padding-top: 10px;} */ .banner-block .banner-text{color: #fff;font-weight: 700;font-size: 30px;padding-top: 5px;} .banner-block .right-box img {position: absolute;right: 1px;bottom: 0px;max-width: 330px;} #myCarousel.carousel {position: relative;padding: 35px 0 0;} #myCarousel .carousel-control {top: 12%;} /*Common CSS*/ .box-container {display: block;} .box-container .left-box {display: block;width: 100%;padding-top: 20px;} .box-container .right-box {display: block;width: 100%;padding-top: 20px;} .heading-black,.banner-text {font-size:28px;} .heading-white,.banner-text {font-size:28px;} .dynamic-dashboard, .sales-target, .android-ios, .sales-navigator, .third-party {height: auto;} .dynamic-dashboard .right-box img, .sales-target .left-box img, .android-ios .right-box img, .sales-navigator .left-box img,.third-party .right-box img {position: inherit ;margin: auto;} .dynamic-dashboard .right-box{padding-bottom: 20px;} .third-party {padding-top: 5px;} /* android-ios */ .operatingSystem-icon{display: table;} .operatingSystem-icon img{max-width: 50%;} /* Service Page */ .sales-pipeline {height: auto;} .sales-pipeline .left-box img {position: relative;margin: auto;left: 0;bottom: 0;} .sales-pipeline .box-container .right-box {padding-bottom: 20px;} .view-img {text-align: center;position: relative;top: 5px;left: 50%;transform: translateX(-50%);} .service-box {min-height: auto; min-height: 350px;} /* About Page */ .about-block1 img, .about-block4 img {margin:auto;} .about-block2 .box{padding: 40px;} .why-sphinx{width:100%;} .our-mission {display:block;width:100%;min-height:auto;padding: 40px 20px;} .our-vision {display:block;width:100%;min-height:auto;padding: 40px 20px;} /* Enquiry Modal */ .enquiry-modal .modal-left {display: block;width: 100%;} .enquiry-modal .modal-right {display: block;width: 100%;} } @media screen and (max-width:991px){ .story-wrap,.integration-padding,.sales-navi-padding,.padding-dunamic-dashboard,.mobile-app-padding{ padding-top: 0} .client-testimonial {padding: 30px 0;} .text-form{ padding-bottom: 30px;} .sphinx-logo{ display: none;} .header-part .logo,.header-parts {float: none;text-align: center;} .company-info , .company-infos {float: none; display: inline-block; padding-top:0} .companyinfo-block,.header-tops { float: none;} .header-tops{ margin-top:15px; text-align:center;} .webpage-hearder-wrapper .header-parts .logo{ float: none;} .webpage-hearder-wrapper .header-parts .companyinfo-block,.webpage-hearder-wrapper .header-socials,.webpage-hearder-wrapper .company-infos{float:none; } .companyinfo-block { margin-top: 15px;} #myCarousel .banner-block .left-box,#myCarousel .banner-block .right-box,.webpage-hearder-wrapper .banner-blocks .left-box,.webpage-hearder-wrapper .banner-blocks .right-box{ width:100%; text-align: center;} .webpage-hearder-wrapper .banner-blocks .left-box { padding-top:0} .webpage-hearder-wrapper .banner-blocks .right-box{ padding-top: 20px;} .webpage-hearder-wrapper .banner-texts{ font-size: 30px;} .webpage-hearder-wrapper .banner-blocks .right-box img {position: inherit;right: inherit;bottom: inherit; max-width: 100%;} .webpage-hearder-wrapper {padding: 20px 0 0 0; height:auto;} .operatingSystem-icon{ display: block;} } @media screen and (max-width:767px){ section.about-block1 { padding-right: 15px; padding-left: 15px; } .menu .navbar-default .navbar-nav .open .dropdown-menu>li>a{ color:#fff; padding-left: 40px;} .campaing-about .row-flex{ display:block; text-align:center;} .campaing-about-content {margin-top: 35px;} .header-flex{ display:block;} .compaing-form{ float:none;} .mbtm-15px{ margin-bottom:32px;} .campaing-header-left h1{ font-size:28px;} .campaing-header-left { text-align:center;} .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding:0;} .vc_column-inner .wpb_wrapper .wpb_text_column{margin-left:0 !important;margin-right:0 !important;} .vc_column_container {display: block;} .row {margin-right:0px;margin-left:0px;} .online-enquiry .col-md-8{padding-right:0;} .video-button-wrapper a {width: 175px; font-size: 16px; } body{font-size: 16px;} .online-enquiry {padding: 30px 0 0 0;} .getInTouch{ padding: 30px 0} .office-address{ padding: 30px ;} ul.address-block li:last-child{ padding-bottom: 0;} header .menu .navbar-default .navbar-nav .current_page_item a, .navbar-nav .current-menu-item a{color: #fff;background-color: #2778ca;border-bottom: 0;} .header-part .logo img{ position:relative; z-index:1001} .padding-dunamic-dashboard{ padding:0;} .footer-top img{ margin:0 auto;} .blue-circle,.border-circle{ margin:0 auto;} /* Header Infomation */ .hearder-wrapper {height:auto;padding: 20px 0px 0px;} .header-part{position:relative;} .company-info ul{list-style:none;text-align: center;margin-bottom: 10px;} .company-info ul li{display:inline-block;padding:0 10px;color:#fff;padding-bottom:8px;} header .menu .navbar-nav{ margin: 5px 0 5px 0;} header .menu {position: absolute;width: 100%;top: 0; right:0;} header .menu .navbar-default .navbar-toggle{background-color: transparent;} header .menu .navbar-default .navbar-toggle .icon-bar {background-color: #fff;} header .menu .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;} header .menu .navbar-default .navbar-collapse, .navbar-default .navbar-form { background: #3187de;position: absolute;width: 100%;border-top: none;border: 1px solid #fff;top: 100%;z-index: 1002; padding: 0;} header .menu .navbar-default .navbar-nav>li>a{ color:#fff;} header .menu .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:active,.navbar-default .navbar-nav>.active>a:link{ color:#fff; background:#f18e00; border:0; } header .menu .navbar-default .navbar-nav>li>a.enquiry-now {display: inline-block;margin: 6px 10px 0px;} header .menu .navbar-default .navbar-nav>li>a.enquiry-now{ color:#fff;} #myCarousel.carousel {position: relative;padding: 20px 0 0;} /*Common CSS*/ .box-container {display: block;} .box-container .left-box {display: block;width: 100%;padding-top: 20px;text-align: center;} .box-container .right-box {display: block;width: 100%;padding-top: 20px;text-align: center;} .heading-black, .heading-white,.getInTouch h3 {font-size:28px; text-align: center} #myCarousel .banner-block .left-box {width: 100%;padding-top: 0px;text-align: center;display:block;} #myCarousel .banner-block .right-box {width: 100%;padding-top: 20px;text-align: center;display:block;} .hearder-wrapper .banner-block .right-box img{position: inherit; } .hearder-wrapper .banner-block .banner-text{color: #fff;font-weight: 700;font-size: 30px;padding-top: 15px;} .dynamic-dashboard, .sales-target, .android-ios, .sales-navigator, .third-party {height: auto;} .dynamic-dashboard .right-box img, .sales-target .left-box img, .android-ios .right-box img, .sales-navigator .left-box img,.third-party .right-box img {position: inherit ;margin: auto;} .dynamic-dashboard .right-box{padding-bottom: 20px;} .third-party {padding-top:0;} .box-container .media .media-left{display: block;text-align: center;padding-bottom: 10px;} .hearder-services {height: 290px;} .banner-heading {padding: 40px 0;} .banner-text {font-size: 34px;} /* android-ios */ .operatingSystem-icon{display: table; width:100%;} .operatingSystem-icon img{max-width: 50%; margin-bottom: 15px;} /* Service Page */ .sales-pipeline {height: auto;} .sales-pipeline .left-box img {position: relative;margin: auto;left: 0;bottom: 0;} .sales-pipeline .box-container .right-box {padding-bottom: 20px;} .view-img {text-align: center;position: relative;top: 5px;left: 50%;transform: translateX(-50%);} .service-box {min-height: auto;} .account-mgmt,.opportunity-mgmt {padding: 20px 38px;} /* About Page */ .about-block1 img, .about-block4 img {margin:auto;} .about-block2 .box{padding: 40px 20px;} .why-sphinx{width:100%;} .our-mission {display:block;width:100%;min-height:auto; padding: 35px 25px;} .our-vision {display:block;width:100%;min-height:auto; padding: 35px 25px;} /* Enquiry Modal */ .enquiry-modal .modal .modal-dialog,.video-modal .modal .modal-dialog{width: 85%; margin: 40px auto 0 auto; } .enquiry-modal .modal-left {display: block;width: 100%; padding: 8px; } .enquiry-modal .modal-right {display: block;width: 100%;} .enquiry-modal .modal-left .pb-20{ padding: 0;} .footer-top h3{padding-bottom: 10px;padding-top: 15px;} } @media screen and (max-width:480px){ .header-part .logo img { max-width: 55%;} .hearder-services {height: 290px;} .banner-heading {padding: 40px 0;} .banner-text {font-size: 34px;} .webpage-hearder-wrapper .company-infos ul{ text-align: center;} .service-box {padding: 0 15px;} .video-modal iframe {width: 100%;height: 300px;} .webpage-hearder-wrapper .header-socials{ margin:0px 0 5px 0} .webpage-hearder-wrapper .company-infos ul li:first-child{ margin-bottom: 5px;} .video-button-wrapper{ display: none;} .integrate-list li{ padding: 10px!important;} } /*-- Thankyou CSS --*/ .thankYou { background: #fff; width: 650px; padding: 45px 15px; border: 4px solid #0990e3; box-shadow: 0px 0px 20px 0px #0b69a2; -moz-box-shadow: 0px 0px 20px 0px #0b69a2; -webkit-box-shadow: 0px 0px 20px 0px #0b69a2;text-align: center; margin:50px auto 35px auto ;} .thankYou h1 { font-size: 4em; text-align: center; color: #0990e3; font-weight: 600;} .checkIcon { margin: 20px 0;color: #11a923; font-size: 5em;} .thankYou p{ text-align:center; font-size: 20px;} .thanku-wrapper{background: #0990e3;width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;} /*-- faq page css--*/ .faq-header{ font-size:18px; font-weight:bold; cursor: pointer;} .faq-content {border-left: 2px dashed #00adef;margin: 4px 0 0px 16px;padding-left: 37px;display: none;} .faq-box{ margin-bottom:20px; } .faq-header img{ float:left; margin-right:15px;} .faq-content ul li{ padding-bottom: 5px;} .faq-content ul li:last-child{ padding-bottom: 0;} .col-md-4.office-address{padding:15px;} .iframemap .wpb_raw_html{margin-bottom:0 !important;} .why-scrm .wpb_content_element{margin-bottom:0;} .padtop{padding-top: 35px;} .padbottom{padding-bottom: 35px;} .wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button{margin-bottom:0px !important;} .nodisplay{display:none;} .blog h3{padding: 10px 15px;margin:0 -15px 5px -15px;} #formillachat{right:150px} #hidecontent{display:none !important;} #hidecontent{display:none !important;} .campaing-enquiry-box textarea{height:110px !important;} .screen-reader-response ul{display:none;} .blog .contant{margin-bottom:30px;} .blog .contant h2.title{font-size: 22px;} .blog .col-md-4 .block ul li{margin-bottom: 10px;} .blog .col-md-4 .block ul li a{font-size: 14px;} .blog .col-md-4 .block ul li h3{margin-bottom: 10px;} .blog .col-md-8 {border-right: 1px solid #ccc;min-height: 300px;} .blog .col-md-8 .datetime{margin-bottom: 10px;font-size: 13px;font-style: italic;} .blog .col-md-8 h1.title{font-size: 28px;} /*-------- CSS for Landing Page New Changes Start --------*/ .crm-campaing .campaing-header-left h1 { font-size: 42px;} .integration-scrm { background: rgba(241, 152, 0, 0.07) ; padding: 30px 0; text-align: center;} .integrationCardOuter { border: 1px solid #fff; padding: 15px;} .integrationIcon { width: 70px; margin: 0 auto;} .integrationIcon img { width: 60%;} .integrationCaption { text-align: center;} .integrationCaption { text-align: center; font-size: 14px; color: #fff; margin-bottom: 0; font-weight: 600;} .client-wrapper h2.heading-black{ margin-bottom:30px;} .bullets-image { padding: 0 15px 0 0;} .bullets-image img { width: 20px;} /*-------- CSS for Landing Page New Changes End --------*/