/* Theme Name:CareAr New Theme URI:https://seota.com Author:Seota Author URI:https://seota.com/ Description: */ @charset "utf-8"; /* CSS Document */ .aligncenter,.gallery-item a{display:block} .alignleft{float:left; margin-right:15px; margin-bottom:10px} .alignright{float:right; margin-left:15px; margin-bottom:10px} .aligncenter{margin-left:auto; margin-right:auto} .wp-caption{max-width:100%;padding:4px} .entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2; color:#757575} ul:before, ul:after{ content:''; display:table;} ul:after{ clear:both;} .full-img{ position:relative;} .full-img img{ width:100%; height:auto;} img.img-crop { display:block; max-width:none } .table-cell {display:table-cell; vertical-align:middle; padding:0;} .table-div{ display:table; height:100%; width:100%; } body.page-id-443 .cta, body.page-template-partner .cta{ display:none;} .menu-item a img{ max-width:inherit; width:30px; height:auto;} select, select:focus {-webkit-appearance: none; background:#fff url(images/down-arrow.svg) no-repeat right .75rem center; background-size: 14px 14px;-moz-appearance: none;} @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;1,400&display=swap'); .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent; position:relative} .owl-carousel{display:none; width:100%; z-index:1} .owl-carousel .owl-stage{position:relative; -ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0} .owl-carousel .owl-stage-outer{position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel, .owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} .owl-carousel.owl-loading{opacity:0; display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} .owl-carousel.owl-grab{cursor:move; cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut; animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0; transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d; transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative; height:100%; background:#000} .owl-carousel .owl-video-play-icon{position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:-webkit-transform .1s ease; transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease} .owl-next, .owl-prev{background-position:0 0} .owl-carousel .owl-video-frame{position:relative; z-index:1; height:100%; width:100%} .owl-nav{text-align:center; margin-top:25px;} .owl-next, .owl-prev{background-color:#F4F5F7; border-radius:0; height:40px; width:30px;text-align:center; line-height:40px; font-size:30px; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; color:#fff; display:inline-block; margin:0 5px;} .owl-next{ background-image:url(images/next.svg); background-position:center; background-repeat:no-repeat; background-size:20px;} .owl-prev{ background-image:url(images/prev.svg); background-position:center; background-repeat:no-repeat; background-size:20px;} .owl-next:hover, .owl-prev:hover{ background-color:#F4F5F7} .owl-dots{ margin-top:30px; text-align:center; display:none;} .owl-dots .owl-dot{ background:#ccc; border-radius:50px; height:10px; width:10px; padding:0; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; display:inline-block; margin:0 3px;} .owl-dots .owl-dot.active{ background:#45469C; padding:0;} .bx-wrapper{position:relative;margin:0;padding:0}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{left:0;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:99}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px} .menu-icon { height:79px; width:35px; background:url(images/menu-open.svg) no-repeat center; background-size:30px; text-indent:-9999px; float:right; margin-left:24px; margin-top: 23px;} .mobile-menu{ margin:0; padding:0; list-style:none;} .mobile-menu > li{ border-bottom:1px solid #d8d8d8;} .mobile-menu > li > a{color:#000; font-size:16px; text-transform:uppercase; padding:16px 25px 16px 0; display:block; font-weight:700; position:relative;} .mobile-menu > li > a.parent:after{ background:url(images/right-arrow-menu.svg); background-size:16px; height:16px; width:16px; content:''; right:0; top:50%; margin-top:-8px; content:''; position:absolute;} .mobile-menu > li.active > a.parent:after{ background:url(images/down-arrow-menu.svg); background-size:16px; height:16px; width:16px; content:''; right:0; top:50%; margin-top:-8px; content:''; position:absolute;} .mobile-menu > li a:hover, .main-menu li:hover > a, .mobile-menu li.current-menu-item > a, .mobile-menu li.current-menu-parent > a{color:#45469C; text-decoration:none;} .mobile-menu ul{ margin:0; padding:0; list-style:none} .mobile-menu ul li{border-bottom:1px solid #d8d8d8;} .mobile-menu ul li:last-child{ border:none;} .mobile-menu ul li a{ padding:10px 0 10px; color:#000; display:block; font-weight:700; font-size:15px;} .mobile-menu ul li a:hover{ color:#45469C; text-decoration:none;} .modal-dialog.full_screen{ width:100%; max-width:100%; height:100%; margin:0px; } .modal-dialog.full_screen .modal-content{ height:100%; border:none; border-radius:0; background:#fff; } .modal-dialog.full_screen .modal-body{ overflow-y:scroll; border:none; border-radius:0; padding:15px 30px 30px 30px;} .modal-dialog.full_screen .modal-footer, .modal-dialog.full_screen .modal-header{ border:0;} .modal-dialog.full_screen .modal-header{ padding:15px} .modal-dialog.full_screen.modal-dialog-scrollable, .modal-dialog.full_screen.modal-dialog-scrollable .modal-content{max-height:calc(100% - 0rem);} .modal-dialog.full_screen button.close{ background:url(images/menu-close.svg) no-repeat center; border-radius:50%; opacity:1; background-size:24px; height:35px; width:35px; padding:0; top:15px; right:15px; position:absolute; z-index:100} .modal-logo{ text-align:center; position:relative; margin-bottom:40px; line-height:35px;} .modal-logo img{ width:200px;} .banner-wrapper { height:calc(100vh - 134px); width:100%; position:relative; overflow:hidden; z-index:10} .video-bg { position:absolute; top:0; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .banner-wrapper .container{top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color:#fff; text-align:center; z-index:200; position:absolute;} .banner-wrapper .container h1{ font-size:60px;} .banner-wrapper .container .btn{ width:200px; margin:10px 5px 0;;} .banner-overlay{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; background:rgba(67,71,152,0.4);} .header{ z-index:600; position:relative; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;} .header.fixed-header{background:#434798;} .pre-header{ background:#CECEE4; color:#000; padding:10px 0; text-align:center; box-shadow: 0 1px 3px 2px rgb(0 0 0 / 15%);} .pre-header a{ color:#fff;} .pre-header a:hover{ color:#fff; text-decoration:underline;} .post-header{ background:#fff;} .post-header .container{ position:relative;} .post-header .logo{ padding:15px 0; float:left; width:175px;} .post-header .btn{ float:right; margin-top:42px; margin-left:30px} .main-menu{ float:right; position:relative; z-index:10} .anchor:before{content:""; display:block; height:135px; margin-top:-135px} .section{ padding:100px 0; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;} .section .container{ position:relative; z-index:100;} .w1 .block-content [class*=col-] a, .w1 .block-content [class*=col-] a:hover{ color:#000; text-decoration:none;} .w1 .block-content [class*=col-] .full-img{ border-top:12px solid transparent} .w1 .block-content [class*=col-]:nth-child(1) .full-img{ border-color:#EE3C8F;} .w1 .block-content [class*=col-]:nth-child(2) .full-img{ border-color:#45469C;} .w1 .block-content [class*=col-]:nth-child(3) .full-img{ border-color:#00C3EB;} .w1 .block-content [class*=col-] .title{ background:url(images/arrow-link.svg) no-repeat right 18px center #F4F5F7; background-size:20px; border-bottom:3px solid #d8d8d8; padding:8px 36px 8px 12px; color:#000; font-size:30px; font-weight:700; width:auto; max-width:85%; position:relative; z-index:100; margin-top:-32px} .w1 .block-content [class*=col-] .content{ padding:18px 18px 0 18px} .shape{ position:relative;} .shape .mpc-separator-top, .shape .mpc-separator-bottom{ position:relative; z-index:10;} .shape .mpc-separator-top-dark{ position:absolute; z-index:1; top:-6px; left:0; right:0;} .shape .mpc-separator-bottom-dark{ position:absolute; z-index:1; bottom:-6px; left:0; right:0;} .w2 .section{ background:#f4f5f7; padding:25px 0;} .w2 .section .row [class*=col-]{ direction:ltr;} .w2 .section .row:nth-child(even){ direction:rtl;} .w2 .section .row + .row{ margin-top:40px;} .w2 .section .row:nth-child(odd) [class*=col-] .content{ padding-right:50px;} .w2 .section .row:nth-child(even) [class*=col-] .content{ padding-left:50px;} .w2 .section a{ color:#d60072;} .w2 .section h2 img{ vertical-align:bottom; max-width:200px; position:relative; top:-10px;} .w2 .section h2{ margin-bottom:25px;} .w2 .section h4{ margin-bottom:25px;} .w3{ padding:150px 0;} .w3 .partner-img{ border:2px solid #D8D8D8; text-align:center; padding:2px 15px;} .w3 .quote{ color:#45469C; text-align:center;} .w3 .quote blockquote{ font-size:26px; background:url(images/quote.svg) no-repeat top center; background-size:150px; padding-top:120px; margin:0 0 30px;} .w3 .quote .client{ width:auto; max-width:370px; margin:0 auto;} .w3 .quote .client .client-img{ height:75px; width:75px; margin-right:16px;} .w3 .quote .client .client-img img{ height:75px; width:75px; border-radius:50%;} .w3 .quote .client .media{ align-items:center; text-align:left;} .w3 .quote .client .media strong{ text-transform:uppercase; font-weight:700; display:block;} .w3 .owl-next, .w3 .owl-prev{ position:absolute; top:50%; margin-top:-20px;} .w3 .owl-next{ right:-60px;} .w3 .owl-prev{ left:-60px;} .w3 #bx-pager a img{ border:2px solid #D8D8D8; width:100%; height:auto;} .w3 #bx-pager a.active img{ border-color:#00C3EB;} .w3 #bx-pager{ margin:0 -10px 24px -10px;} .w3 #bx-pager:before, .w3 #bx-pager:after{ content:''; display:table;} .w3 #bx-pager:after{ clear:both;} .w3 #bx-pager a{ display:block; float:left; width:33.33333%; padding:0 10px;} .w3 .bx-wrapper .bx-controls-direction a{ background-color:#F4F5F7; border-radius:0; height:40px; width:30px;text-align:center; top:50%; margin-top:-20px;} .w3 .bx-wrapper .bx-next{ background-image:url(images/next.svg); background-position:center; background-repeat:no-repeat; background-size:20px; right:-60px;} .w3 .bx-wrapper .bx-prev{ background-image:url(images/prev.svg); background-position:center; background-repeat:no-repeat; background-size:20px; left:-60px;} .w4 .section{ background:#f4f5f7; overflow:hidden;} .w4 h5{ color:#EE3C8F; text-transform:uppercase;} .w4-scroll{ position:relative;} .w4-scroll:after{ background:url(images/favicon.png) no-repeat center; background-size:100%; height:200px; width:200px;position:absolute; bottom:-20px; right:-117px; content:''; z-index:-1;} .w4-scroll .full-img{ border:5px solid #45469C;} .w4-scroll .owl-dots{ display:block;} .w4-scroll .item .row{ direction:rtl;} .w4-scroll .item .row [class*=col-]{ direction:ltr;} .latest-news{ margin:24px 0 0 0; padding:0; list-style:none;} .latest-news li{ margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #ccc;} .latest-news li:last-child{ margin-bottom:0; border-bottom:none; padding-bottom:0;} .latest-news li a{ color:#000; font-weight:700;} .latest-blog { margin:24px 0 0 0; padding:0; list-style:none;} .latest-blog li{ margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #ccc;} .latest-blog li:last-child{ margin-bottom:0; border-bottom:none; padding-bottom:0;} .latest-blog a{ color:#000;} .latest-blog .media{ align-items:top; text-align:left;} .latest-blog .media span{ font-size:15px;} .latest-blog .media p{ margin-bottom:10px;} .latest-blog .post-thumb{ width:100px; margin-right:16px;} .cta{ background:#4152a4; text-align:center; color:#fff;} .cta h2{ margin-bottom:40px;} .cta-k21 { background: url(images/K21-lp-bg.png); text-align: center; color: #fff; padding: 100px 0px;} .cta-lf-lp { background: #4152a4; text-align: center; color: #fff; padding: 100px 0px;} .cta-k21 h2 { color: #fff; } .footer{ background:#fff; color:#333; font-size:16px; padding-top: 30px;} .footer a{ color:#333; font-weight: 300; font-family: 'Roboto Condensed', sans-serif;} .footer a:hover{ text-decoration: underline;} .footer-top{ padding:25px 0; } @media screen and (max-width: 770px) { .social-desktop { display: none; } .footer .social { margin: 0 auto !important; } } @media screen and (min-width: 770px) { .footer-top { display: none; } } .footer-bottom .menu{ margin:0; padding:6px 0; float:left;} .footer-bottom .menu li{ display:inline-block; margin-right:15px;} .footer-bottom .menu li:last-child{ margin-right:0;} .footer .social{ float:right; margin:0; padding:0; list-style:none;} .footer .social li{ display:inline-block; margin-right:8px;} .footer .social li a{ display:block; border:2px solid #4152a4; height:36px; width:36px; line-height:31px; text-align:center; border-radius:50%;} .footer .social li a:hover{ border-color:#4bc1e7;} .footer .social a { color: #4152a4; } .footer .social a:hover { color: #4bc1e7; } .footer-top .phone{ float:right; display:inline-block; line-height:34px; margin-right:15px;} .footer-top .phone span{ color:#b7b7b7} .footer-mid{ border-bottom:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(255,255,255,0.2); padding:25px 0;} .footer-bottom{ padding:15px 0; text-align:center;} .footer-logo img{ width:196px;} .footer-copyright { font-size: 12px; font-family: 'Roboto', sans-serif; color: #333; text-align: left; margin-top: 20px; font-weight: 300; line-height: 1.5em;} .footer-menu-title { color: #000; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 600; } .breadcrum-items{margin-bottom:5px; font-size:14px;} .breadcrum-items:before, .breadcrum-items:after{ content:''; display:table; } .breadcrum-items:after{ clear:both;} .breadcrum-items span{ display:inline-block; } .breadcrum-items span a, .breadcrum-items a.home{ display:inline-block; color:#fff; } .breadcrum-items span a:after, .breadcrum-items a.home:after{ content:"/"; float:right; margin:0 8px; color:#fff} .breadcrum-items span:last-child a:after{ display:none; } .breadcrum-items span.current-item{ font-weight:700;} .banner-image{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;} .banner-image:before{ content:''; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(67,71,152,0.4); z-index:1} .banner-image img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .page-banner{ position:relative; overflow:hidden} .page-banner .banner-image{ height:450px;} .page-banner .page-header-content{ color:#fff; position:absolute; z-index:50; left:0; right:0; top:65%; -webkit-transform:translateY(-65%); -ms-transform:translateY(-65%); transform:translateY(-65%); font-size:22px;} .page-banner .page-header-content h1{ color:#fff;} .page-banner .page-header-content h1 small{ font-size:50%;} .page-banner .banner-image:after{content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; background:transparent linear-gradient(0deg, #04041A99 0%, #00C3EB66 55%, #45469c 100%) 0% 0% no-repeat padding-box;} .breadcrum-items{margin-bottom:5px; font-size:14px; position:relative;} .breadcrum-items:before, .breadcrum-items:after{ content:''; display:table; } .breadcrum-items:after{ clear:both;} .breadcrum-items span{ display:inline-block; } .breadcrum-items span a{ display:block; color:#fff; } .breadcrum-items span a:after{ content:"/"; float:right; margin:0 8px; color:#fff} .breadcrum-items span:last-child a:after{ display:none; } .breadcrum-items span.current-item{ font-weight:700; color:#fff;} .breadcrum-blog{margin-top:5px; font-size:14px; position:relative; text-align:center;} .breadcrum-blog:before, .breadcrum-blog:after{ content:''; display:table; } .breadcrum-blog:after{ clear:both;} .breadcrum-blog span{ display:inline-block; } .breadcrum-blog span a{ display:block; color:#000; } .breadcrum-blog span a:after{ content:"/"; float:right; margin:0 8px; color:#000} .breadcrum-blog span:last-child a:after{ display:none; } .breadcrum-blog span.current-item{ font-weight:700; color:#DC4C8D;} .s1{ text-align:center; background:#f5f5f5} .s1 [class*=col-] img{ margin:0 auto 20px; display:block; width:100px;} .cb-grid .post-item { border:1px solid #d8d8d8; border-radius:5px; margin-bottom:0; padding:30px; transition:all 0.2s ease-in-out; float:left; margin:0.5%; width:32.3%; } .cb-grid .post-item:nth-child(4) { clear:left; } .cb-grid .post-item:nth-child(1) { margin:1%; width:64.6%; } .cb-grid .post-item:nth-child(7) { margin:1%; width:64.6%; } .cb-grid .post-item:hover { box-shadow:0 3px 20px 0 rgba(84,110,122,0.1); transform:translateY(-1px); } .cb-grid .entry-title a{ color:#000;} .cb-grid .entry-title { font-size:32px; /*letter-spacing:-0.5px; line-height:1.45;*/ margin-bottom:15px; font-weight:600;} .cb-grid .entry-header { margin-bottom:0; } .cb-grid .post-item:nth-child(1) { border:none; grid-area:featured-left; padding-right:30px; padding-top:30px; padding-bottom:30px; } .cb-grid .post-item:nth-child(7) { border:none; grid-area:featured-right; padding-left:30px; padding-top:30px; padding-bottom:30px; } .cb-grid .post-item:nth-child(1):hover, .cb-grid .post-item:nth-child(7):hover { box-shadow:none; transform:none; } .cb-grid .post-item:nth-child(1) .entry-title, .cb-grid .post-item:nth-child(7) .entry-title { font-size:42px; font-weight:900; letter-spacing:-1px; line-height:1.05; margin-bottom:20px; } .cb-grid .post-item:nth-child(1) .entry-header .entry-meta, .cb-grid .post-item:nth-child(7) .entry-header .entry-meta { margin-bottom:10px; } .cb-grid .post-item .entry-meta .post-author, .cb-grid .post-item .entry-meta .post-date{ display:block;} .cb-grid .post-item:nth-child(1){ padding-top:0;} @supports( grid-area:auto ) { .cb-grid .post-item, .cb-grid .post-item:nth-child(1), .cb-grid .post-item:nth-child(7) { float:none; height:auto !important; margin:0; width:100%; } .cb-grid { display:grid; grid-gap:10px; grid-template-columns:1fr 1fr 1fr; grid-template-rows:auto auto auto auto auto; grid-template-areas:"featured-left featured-left ." "featured-left featured-left ." ". . ." ". featured-right featured-right" ". featured-right featured-right"; } .cb-grid:before, .cb-grid:after { display:none; } } /* Entry Meta --------------------------------------------- */ .entry-meta { display:block; margin-bottom:20px; } .single .entry-header .entry-meta { margin-top:32px; text-align:center; } .entry-meta-container { display:block; margin:0 auto 10px; text-align:left; } .entry-meta-container .media{ align-items:center} .single .entry-meta-container { margin-bottom:16px; } .single .entry-footer .entry-meta { border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8; margin-top:24px; padding-bottom:24px; padding-top:24px; } .entry-categories, .entry-tags { display:block; } .entry-comments-link::before { content:"\2014"; margin:0 6px 0 2px; } .entry-meta em { color:#546E7A; display:inline-block; font-size:13px; } .entry-meta .author-avatar, .entry-meta .post-author, .entry-meta .post-date, .entry-meta .post-share, .entry-meta .entry-categories { display:block; line-height:1.45; margin-right:10px; padding-top:0; font-size:14px;} .single .entry-meta .author-avatar, .single .entry-meta .post-author, .single .entry-meta .post-date, .single .entry-meta .post-share, .single .entry-meta .entry-categories { margin-right:20px; } .entry-meta .entry-categories { line-height:1.2; float:none; margin-right:0; top:9px; position:relative; } .cb-grid .entry-meta .entry-categories { font-size:11px; line-height:1.5; } .cb-grid .entry-meta .entry-categories a { background-color:#F4F5F7; color:#EE3C8F; display:inline-block; font-size:12px; font-weight:700; letter-spacing:0.5px; margin-bottom:10px; margin-right:2px; padding:6px 12px; text-transform:uppercase; text-decoration:none; } /*.cb-grid .post-item .entry-content, .cb-grid .post-item .entry-meta .post-date{ display:none;}*/ .cb-grid .post-item .post-featured-img, .cb-grid .post-item .entry-content{ display:none} .cb-grid .post-item:nth-child(1) .post-featured-img, .cb-grid .post-item:nth-child(7) .post-featured-img{ display:block;} .cb-grid .post-item:nth-child(1) .entry-content, .cb-grid .post-item:nth-child(7) .entry-content, .cb-grid .post-item:nth-child(1) .post-date, .cb-grid .post-item:nth-child(7) .post-date{ display:block;} .cb-grid .post-item .entry-meta{ margin-bottom:0;} .cb-grid .post-item:nth-child(1) .entry-meta, .cb-grid .post-item:nth-child(7) .entry-meta{ margin-bottom:0;} .entry-meta .post-author a, .entry-meta .post-date .entry-time, .entry-meta .entry-categories a { color:#263238; font-size:14px; font-weight:700; text-decoration:none; } .single .entry-meta .post-author a, .single .entry-meta .post-date .entry-time, .single .entry-meta .entry-categories a { display:block; } .single .entry-meta .entry-categories a { color:#0066cc; display:inline; text-decoration:underline; } .entry-meta .entry-categories a:hover { color:#263238; } .entry-meta .post-share { position:relative; margin-right:20px; padding-right:10px; top:-10px; } /*.cb-grid .post-share { display:none; }*/ .single .entry-meta .post-share { margin-left:10px; padding-left:25px; top:0; } .entry-meta .post-share:before { background-color:#CFD8DC; content:''; display:block; height:35px; left:auto; right:0px; position:absolute; transform:rotate(10deg); top:9px; width:1px; } .single .entry-meta .post-share:before { left:2px; top:9px; } .entry-footer .entry-meta .post-share { margin-left:0; padding-left:0; margin-right:0; padding-right:0; float:none; max-width:none; } .entry-footer .entry-meta .post-share:before { display:none; } .entry-meta .author-avatar { height:55px; left:0; padding-top:0; position:relative; top:0; width:55px; overflow:hidden; border-radius:50%; } .single .entry-meta .author-avatar { height:55px; width:55px; } .entry-meta .post-share .swp_social_panel { margin:11px 0 !important; } .entry-meta .post-share div.swp_social_panel .total_shares { text-align:center; } .entry-meta .post-share div.swp_social_panel .nc_tweetContainer { margin:0 2px !important; } .entry-meta .post-share div.swp_social_panel span.swp_share { display:none !important; } .entry-meta .post-share div.swp_social_panel span.iconFiller { width:28px !important; } .entry-meta .post-share div.swp_social_panel .sw { margin-right:0; } .entry-meta .post-share div.swp_social_panel .total_shares:before { display:none; } .entry-meta .post-share div.swp_social_panel .total_shares .swp_count { color:#0066cc; font-size:24px; margin-left:0px; margin-top:7px; } .entry-meta .post-share div.swp_social_panel .total_shares .swp_count .swp_label { color:#546E7A; font-size:13px !important; font-weight:normal; left:3px; margin-top:18px; text-transform:lowercase; } /* Pagination --------------------------------------------- .pagination { display:block; margin:50px auto 0; position:relative; width:auto; } .adjacent-entry-pagination { margin:0; } .archive-pagination { text-align:center; } .archive-pagination li { display:inline-block; } .archive-pagination li a { color:#546E7A; cursor:pointer; display:inline-block; font-size:15px; font-size:1.5rem; font-weight:500; margin-bottom:4px; padding:3px 7px; text-decoration:none; } .archive-pagination li a:focus, .archive-pagination li a:hover { color:#0066cc; } .archive-pagination li.active a { border-bottom:2px solid #0066cc; color:#0066cc; font-weight:bold; } .archive-pagination .pagination-previous { margin-right:20px; } .archive-pagination .pagination-next { margin-left:20px; } */ .banner-image{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;} .banner-image:before{ content:''; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(67,71,152,0.4); z-index:1} .banner-image img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .page-banner{ position:relative; overflow:hidden} .page-banner .banner-image{ height:450px;} .page-banner .page-header-content{ color:#fff; position:absolute; z-index:50; left:0; right:0; top:65%; -webkit-transform:translateY(-65%); -ms-transform:translateY(-65%); transform:translateY(-65%);} .page-banner .page-header-content h1{ color:#fff;} .page-banner .page-header-content h1 small{ font-size:50%;} .breadcrum-items{margin-bottom:5px; font-size:14px; position:relative;} .breadcrum-items:before, .breadcrum-items:after{ content:''; display:table; } .breadcrum-items:after{ clear:both;} .breadcrum-items span{ display:inline-block; } .breadcrum-items span a{ display:block; color:#fff; } .breadcrum-items span a:after{ content:"/"; float:right; margin:0 8px; color:#fff} .breadcrum-items span:last-child a:after{ display:none; } .breadcrum-items span.current-item{ font-weight:700; color:#fff;} .post-details h1{ text-align:center;} .post-details .row [class*=col-]{ margin-top:50px;} .post-details .media{ align-items:center; font-size:15px;} .post-details .media strong{ display:block;} .post-details .media img{ margin-right:16px; height:46px; width:46px;} .blog-sidebar h3{ margin-bottom:20px; position:relative; position:relative; font-size:20px;} .single-post .blog-post .blog-post-img{ display:none;} .blog-sidebar .widget{ margin:0 0 30px 0; padding:0;} .blog-sidebar .widget:last-child{ margin:0;} .blog-sidebar .widget ul{ padding:0; margin:0; list-style:none;} .blog-sidebar .widget ul li{display:block; margin-bottom:10px; padding-bottom:10px; position:relative; border-bottom:1px solid #bbb} .blog-sidebar .widget ul li:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;} .blog-sidebar .widget ul li .post-date{ font-size:12px;} .blog-sidebar .widget ul li .post-date{ display:block;} .blog-sidebar .widget ul li a{ color:#DC4C8D;} .blog-sidebar .widget ul li a:hover{ color:#45469C;} .sidebar-form{ padding:30px; border-radius:10px; margin-bottom:50px; background:#45469C; color:#fff;} .sidebar-form input[type=text], .sidebar-form input[type=email], .sidebar-form input[type=text]:focus, .sidebar-form input[type=email]:focus{ background:#9494c6; border:1px solid #fff; border-radius:0; padding:10px; color:#fff;} .sidebar-form input[type=text], .sidebar-form input[type=email]::-webkit-input-placeholder { color:#fff; opacity:1; } .sidebar-form input[type=text]::-moz-placeholder, .sidebar-form input[type=email]::-moz-placeholder { color:#fff; opacity:1; } .sidebar-form input[type=text]:-ms-input-placeholder, .sidebar-form input[type=email]:-ms-input-placeholder { color:#fff; opacity:1; } .sidebar-form input[type=text]::-ms-input-placeholder, .sidebar-form input[type=email]::-ms-input-placeholder { color:#fff; opacity:1; } .sidebar-form input[type=text]::placeholder, .sidebar-form input[type=email]::placeholder { color:#fff; opacity:1; } .post-details ul.heateor_sss_follow_ul, .post-details ul.heateor_sss_sharing_ul{ float:right;} .page-banner .banner-image{ height:650px;} .page-banner .page-header-content{ color:#fff; position:absolute; z-index:50; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); text-align:center; margin-top:-50px;} .page-banner .page-header-content h1{ color:#fff; font-size:60px;} .page-banner .mpc-separator{ position:absolute; left:0; bottom:0; right:0; z-index:100;} .page-banner .banner-image{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex; background-size:cover; background-position:top; background-repeat:no-repeat;} .page-banner .banner-image:before{ content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; background:transparent linear-gradient(180deg, #45469C99 10%, #45469C00 69%, #45469C00 100%) 0% 0% no-repeat padding-box;} .page-banner .banner-image img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .page-banner{ position:relative; overflow:hidden} .page-template-why-us .page-banner .banner-image { background-position: bottom; } .case-w1{ padding-bottom:120px;} .case-w1 .content{ padding-left:30px;} .case-w1 .content h2{ position:relative;} .case-w1 .content h2:before{ background:#EE3C8F; width:7px; left:-30px; top:0; bottom:0; content:''; position:absolute;} .case-w1 .media + .media{ margin-top:60px;} .case-w1 .media .icon{ height:100px; height:100px; text-align:center; margin-right:40px;} .case-w1 .media .icon img{ width:55px;} .case-w1 h3 { margin-bottom: 30px; } .case-w2{ overflow:hidden; background:#F4F5F7;} .case-w2 .row [class*=col-]{ direction:ltr;} .case-w2 .row{ margin-bottom:100px;} .case-w2 .row:nth-child(odd){ direction:rtl;} .case-w2 .row:nth-child(odd) .content{ padding-right:40px;} .case-w2 .row:nth-child(even) .content{ padding-left:40px;} .case-w2 .row .full-img{ position:relative; border-top:10px solid #EE3C8F;} .case-w2 .row .full-img:before{ position:absolute; background:#EE3C8F; height:10px; content:''; position:absolute; top:-10px; width:1000px;} .case-w2 .row:nth-child(odd) .full-img:before{ left:100%;} .case-w2 .row:nth-child(even) .full-img:before{ right:100%;} .case-w2 .row .full-img:after{ position:absolute; background:#45469C; content:''; position:absolute; top:0; bottom:15px; width:1000px;} .case-w2 .row:nth-child(odd) .full-img:after{ left:100%;} .case-w2 .row:nth-child(even) .full-img:after{ right:100%;} .case-w3{ padding-top:120px;} .stat .col-md-6{ color:#EE3C8F; margin-top:80px;} .stat .col-md-6 .number{ font-size:140px; font-weight:700; font-family:'Source Sans Pro', sans-serif; line-height:1; display:block;} .case-quote{ margin-top:100px; padding-top:100px; border-top:1px solid #D8D8D8; font-family:'Source Sans Pro', sans-serif; color:#45469C;} .case-quote .full-img{ overflow:hidden; border-radius:50%;} .case-quote blockquote{ background:url(images/quote.svg) no-repeat top left; background-size:140px; padding-top:60px; color:#45469C; font-weight:600; font-size:24px; margin:0 0 20px;} .case-quote cite{ font-style:normal;} .case-quote cite strong{ display:block;} #filters {margin:0; padding:0; list-style:none;} #filters li {float:left; margin-right:20px; display:inline-block;} #filters li:last-child{ margin-right:0;} #filters li span {display:block; padding:4px; font-size:20px; font-weight:700; text-decoration:none; cursor:pointer; text-align:center; border-bottom:6px solid #fff} #filters li.active span { border-bottom:6px solid #EE3C8F} #filters li span a{ color:#000;} #portfoliolist .portfolio {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; display:none; overflow:hidden; margin-top:30px } .portfolio-wrapper {overflow:hidden; position:relative !important; background:#666; cursor:pointer;} .portfolio img {max-width:100%; position:relative; } .page-header{ color:#fff; background:transparent linear-gradient(90deg, #44479D 0%, #00C3EB 100%) 0% 0% no-repeat padding-box; padding:40px 0 20px;} .page-header h1{ font-size:60px;} .page-header h1 a span{ color:#fff;} .listing-tabs .d-block{ position:relative;} .listing-tabs .d-block .full-img{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex; height:335px;} .listing-tabs .d-block .full-img:before{ content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; background:transparent linear-gradient(180deg, #00000000 0%, #000000C7 100%) 0% 0% no-repeat padding-box;} .listing-tabs .d-block .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .listing-tabs .d-block h4{ color:#fff; position:absolute; bottom:0; left:0; right:0; padding:25px; margin:0; z-index:10} .listing-tabs .d-block ul{ margin:0; padding:6px 12px; position:absolute; left:0; background:#fff; top:35px; z-index:100; list-style:none} .listing-tabs .d-block ul li{ float:left; margin-right:10px; color:#EE3C8F; font-weight:700;} .listing-tabs .d-block ul li:last-child{ margin-right:0;} .listing-tabs .tab-content .row{ margin-left:-8px; margin-right:-8px;} .listing-tabs .tab-content .row [class*=col-]{ margin-top:16px; padding-left:8px; padding-right:8px;} .listing-tabs .tab-content .row [class*=col-]:first-child{-ms-flex:0 0 60%; flex:0 0 60%; max-width:60%} .listing-tabs .tab-content .row [class*=col-]:last-child{-ms-flex:0 0 40%; flex:0 0 40%; max-width:40%} .listing-tabs .tab-content .row + .row [class*=col-]:first-child{-ms-flex:0 0 40%; flex:0 0 40%; max-width:40%} .listing-tabs .tab-content .row + .row [class*=col-]:last-child{-ms-flex:0 0 60%; flex:0 0 60%; max-width:60%} .listing-tabs .nav-tabs{ border:none; margin-bottom:32px;} .listing-tabs .nav-tabs .nav-item{ margin:0;} .listing-tabs .nav-tabs .nav-link{ border:none; color:#000000; padding:0 0 15px; border-bottom:6px solid #fff; margin-right:50px; font-weight:700;} .listing-tabs .nav-tabs .nav-item:last-child .nav-link{ margin-right:0;} .listing-tabs .nav-tabs .nav-link.active, .listing-tabs .nav-tabs .nav-link:hover{ border:none; border-bottom:6px solid #EE3C8F; color:#000; background:#fff;} .press-releases-list{ margin:0; padding:30px 0 0 0; list-style:none;} .press-releases-list li + li{ margin-top:40px; padding-top:40px; border-top:1px solid #BABABA;} .press-releases-list li a{ display:block} .press-releases-list li a .date{ color:#3B3B3B; display:block; margin-bottom:16px; font-size:16px;} .press-releases-list li a h4{ color:#D60072;} .sidebar-page .sidebar-widget{ padding-left:35px;} .sidebar-page .sidebar-widget + .sidebar-widget{ margin-top:80px;} .sidebar-page .sidebar-widget h2{ margin-bottom:35px;} .sidebar-news-article{ margin:0; padding:0; list-style:none;} .sidebar-news-article li + li{ margin-top:20px; padding-top:20px; border-top:1px solid #BABABA;} .sidebar-news-article li a{ display:block;} .sidebar-news-article li a small{ color:#000; display:block; margin-bottom:6px;} .sidebar-news-article li a h5{ color:#000;} .sidebar-news-article li a p{ color:#D60072} .sidebar-widget .latest-blog li a p{ color:#D60072; line-height:1.3;} .sidebar-widget .latest-blog li a p span{ color:#000; font-size:16px;} .news-article-list { margin:0; padding:30px 0 0 0; list-style:none;} .news-article-list li + li{ margin-top:40px; padding-top:40px; border-top:1px solid #BABABA;} .news-article-list li a{ display:block; color:#D60072;} .news-article-list li a .date{ color:#3B3B3B; display:block; margin-bottom:10px; font-size:16px;} .news-article-list li a h5{ color:#000;} .news-article-list li .image{ height:115px; width:272px; position:relative; border:1px solid #D8D8D8; border-radius:7px; margin-right:24px;} .news-article-list li .image img{ position:absolute; height:auto; width:80%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .news-article-list li .media{ align-items:center} .press-details .press-meta{ text-align:center; margin-bottom:45px;} .press-details .press-meta .date{ font-size:16px; display:block; margin-bottom:6px;} .press-details h1, .press-details h3{ text-align:center;} .press-details h1{ font-size:60px; margin-bottom:40px;} .press-details h3{ font-weight:400; margin-bottom:60px;} .press-details p{ margin-bottom:24px;} .press-details ul { padding-left:40px;} .press-details ul li + li{ margin-top:40px;} .press-details, .about-carear{ margin-bottom:80px;} .press-details .press-meta ul.heateor_sss_follow_ul li, .press-details .press-meta ul.heateor_sss_sharing_ul li{ float:none !important; display:inline-block !important; margin:0 1px !important;} .press-details-cta .cta-form{ padding:30px; color:#fff; text-align:center; background:#159dd3; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTU5ZGQzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NDY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background:-moz-linear-gradient(-45deg, #159dd3 0%, #45469c 100%); background:-webkit-linear-gradient(-45deg, #159dd3 0%,#45469c 100%); background:linear-gradient(135deg, #159dd3 0%,#45469c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#159dd3', endColorstr='#45469c',GradientType=1 ); border-radius:8px;} .press-details-cta .cta-form h4{ margin-bottom:25px; font-size:32px;} .press-details-cta .cta-form .form-control, .press-details-cta .cta-form .form-control:focus{ border:1px solid #FFFFFF; background:rgba(255,255,255,0.6); color:#fff; margin-bottom:24px;} .press-details-cta .cta-form input[type=submit]{ color:#45469C; background:#fff; border-color:#fff;} .press-details-cta .cta-form .form-control::-webkit-input-placeholder { color: #fff; opacity: 1; } .press-details-cta .cta-form .form-control::-moz-placeholder { color: #fff; opacity: 1; } .press-details-cta .cta-form .form-control:-ms-input-placeholder { color: #fff; opacity: 1; } .press-details-cta .cta-form .form-control::-ms-input-placeholder { color: #fff; opacity: 1; } .press-details-cta .cta-form .form-control::placeholder { color: #fff; opacity: 1; } .press-details blockquote{ border-left:13px solid #EE3C8F; margin:0 0 30px 30px; font-size:24px; font-weight:700; padding-left:40px;} .full-width-page .full-img{ position:relative; background:#45469C;} .full-width-page .full-img:before{ content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1;} .full-width-page .content{ padding:55px;} .full-width-page .logo img{ width:248px;} .full-width-page .content h1{ font-size:60px; margin-bottom:20px;} .full-width-page .content h3{ margin-bottom:40px;} .full-width-page .content .form-control, .full-width-page .content .form-control:focus{ background:#F4F5F7; border:1px solid #D8D8D8; color:#3B3B3B} .full-width-page .content form{ display:block; padding-top:30px;} .full-width-page .col-lg-4.bg{ background-color:#45469C; background-size:cover; background-position:center; background-repeat:no-repeat;} .newsroom-w2 [class*=col-]{ margin-top:80px;} .newsroom-w2 h2{ margin-bottom:30px;} .newsroom-w2 .listing{ margin:0 0 30px 0; padding:0; list-style:none;} .newsroom-w2 .listing li + li{ border-top:1px solid #cbcbcb; margin-top:24px; padding-top:24px;} .newsroom-w2 .listing li a{ display:block; color:#d60072;} .newsroom-w2 .listing li a .date{ color:#3B3B3B; font-size:15px; margin-bottom:10px; display:block;} .newsroom-w2 .listing li a h6{ color:#000000;} .lastest-resouses{ margin-top:80px;} .lastest-resouses a{ color:#EE3C8F;} .lastest-resouses .resource-box{ background:#fff; box-shadow:0px 3px 6px rgba(0,0,0,0.29); -webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.29); border:1px solid #D8D8D8; border-radius:15px; overflow:hidden;} .lastest-resouses .resource-box .content{ padding:30px;} .lastest-resouses .resource-box h4{ font-weight:600;} .why-banner-shape{ background:url(images/why-bg-banner.png) no-repeat center; position:absolute; height:105px; left:0; right:0; bottom:0; z-index:10;} .why-w1{ background:url(images/why-bg.png) no-repeat top center; padding-bottom:120px;} .why-w1 .media{ margin-top:40px;} .why-w1 .media .icon{ margin-right:40px; width:55px;} .chart-img{ margin-bottom:30px; box-shadow:0px 3px 6px rgba(0,0,0,0.29); border:1px solid #D8D8D8; border-radius:12px; overflow:hidden;} .chart-value{ margin:0; padding:0; list-style:none;} .chart-value li{ float:right; margin-right:20px; font-size:12px; font-weight:700; color:#9B9B9B;} .chart-value li:last-child{ margin-right:0;} .chart-value li span{ margin-right:6px; height:20px; width:20px; display:inline-block; vertical-align:middle;} .why-shape{ line-height:0; position:relative; margin-top:-30px;} .why-w2{ text-align:center;} .why-w2 .icon-block [class*=col-]{ margin-top:60px;} .why-w2 .icon-block [class*=col-] img{ margin-bottom:40px; width:55px; margin-left:auto; margin-right:auto; display:block;} .why-w2 .icon-block [class*=col-] h4{ font-weight:600; margin-bottom:30px;} .standard-icon { max-width: 55px; margin-bottom: 25px; } .related-content{ background:#000; color:#fff;} .related-content a{ color:#EE3C8F} .related-content a:hover{ color:#fff} .related-content [class*=col-] h4{ font-weight:400; margin-bottom:24px;} .related-content [class*=col-]{ margin-top:60px;} .related-content [class*=col-] .content{ margin-top:30px} .related-content [class*=col-] .full-img{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex; height:250px;} .related-content [class*=col-] .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto; object-position: top;} .about-banner{background: transparent linear-gradient(86deg, #2B2E82 0%, #45469C 100%) 0% 0% no-repeat padding-box; color:#fff; padding:100px 0; position:relative; overflow:hidden;} .about-banner .container{ position:relative; z-index:100;} /*.about-banner .content{ width:45%; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}*/ .about-banner .content{ position:relative;} .about-banner .content h1{ font-size:48px;} .about-banner .tablate-img{ position:relative; float:right; background:url(images/Landscape-Tablet-About-Us.png) no-repeat center; background-size:100%; height:471px; width:500px;} .about-banner:after{ background:url(images/About-Us-Bg.svg) no-repeat bottom right; background-size:contain; position:absolute; top:0; left:0; right:0; bottom:-1px; z-index:1; content:'';} .about-w1{ overflow:hidden;} .about-w1 .laptop-img{ background:url(images/laptop.png) no-repeat; height:863px; width:883px; background-size:100%; float:left; margin-bottom:-10%} .about-w1 .laptop-img .full-img{ width:756px; height:512px; margin:40px 128px 0 0;} .about-w1 .title{ width:100%; float:left; text-align:center; margin-bottom:80px;} .about-w1 .content{ float:left; width:570px; max-width:35%; margin-left:5%;} .about-w1 h3{ font-weight:600;} .about-w1 .media .icon{ width:55px; margin-right:30px;} .about-w1 .media + .media{ margin-top:40px;} .team-section{ background:#F4F5F7} .team-section [class*=col-]{ margin-top:40px;} .team-section [class*=col-] .member-img{ border:4px solid #454697; border-radius:50%; width:250px; margin-left:auto; margin-right:auto; overflow:hidden;} .team-section [class*=col-] .member-img .full-img { min-width:initial; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; flex:0 0 auto; display:flex;} .team-section [class*=col-] .member-img .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .team-section [class*=col-] .content{ padding-top:30px; text-align:center; margin:0 auto; width:90%;} .team-section [class*=col-] .content h3{ font-weight:600; margin-bottom:10px;} .team-section [class*=col-] .content h4{ font-weight:400; margin-bottom:24px;} .team-section [class*=col-] .social-profile{ font-size:30px;} .team-section [class*=col-] .social-profile a{ margin-right:15px;} .about-form { background:#45469C; color:#fff; text-align:center;} .about-form .form-control{ border:none;} .partner-form p { color: #fff !important; text-align: left; font-size: 14px;} .contact-page-form p { font-size: 14px; } .partner-form input, .partner-form select, .partner-form textarea, .schedule-demo-form input { margin-bottom: 20px; } .partner-form .hs-firstname label, .partner-form .hs-lastname label, .partner-form .hs-email label, .partner-form .hs-phone label, .partner-form .hs-message label, .partner-form .hs-company label, .schedule-demo-form .hs-firstname label, .schedule-demo-form .hs-lastname label, .schedule-demo-form .hs-email label, .schedule-demo-form .hs-phone label, .schedule-demo-form .hs-company label { display: none; } .schedule-demo-form form { padding-top: 0px !important; } .partner-form fieldset, .contact-page-form fieldset { max-width: 100% !important; } .partner-form input, .partner-form textarea { margin-right: 0px; } .partner-form .hs-company input { width: 100% !important; } .partner-form .hs-message textarea { width: 100% !important; } .partner-form .hs-recaptcha { margin-top: 20px; } .schedule-demo-form .hs-recaptcha { margin-bottom: 20px; } .partner-form .hs-form-booleancheckbox, .contact-page-form .hs-form-booleancheckbox { list-style-type: none; } .partner-form .inputs-list, .contact-page-form .inputs-list { text-align: left; padding-left: 0px; margin-top: 1rem; font-size: 14px;} .partner-form .inputs-list label, .contact-page-form .inputs-list label { margin-bottom: 0; } .partner-form .hs-submit, .schedule-demo-form .hs-submit, .contac-page-form .hs-submit, { text-align: left; margin-top: 20px; } .partner-form .hs-button, .schedule-demo-form .hs-button { background: #fff; color: #32397c; } .partner-form .legal-consent-container .hs-form-booleancheckbox-display input { margin-bottom: 0 !important; } .press-form .hs-submit, .press-form .hs-recaptcha, { margin-top: 20px; text-align: left; } .press-form .hs-recaptcha input { text-align: center; margin: 0 auto; } .press-form .hs-email label { display: none; } .contact-page-form .hs-recaptcha { margin: 20px 0px; } .contact-page-form .hs-firstname label, .contact-page-form .hs-lastname label, .contact-page-form .hs-email label, .contact-page-form .hs-phone label, .contact-page-form .hs-message label, .contact-page-form .hs-company label { display: none; } .contact-page-form .hs-firstname input, .contact-page-form .hs-lastname input, .contact-page-form .hs-email input, .contact-page-form .hs-phone input, .contact-page-form .hs-message textarea, .contact-page-form .hs-company input { background: #f4f5f7; margin-bottom: 20px;} .contact-page-form .hs-company input, .contact-page-form .hs-message textarea { width: 100% !important; } .page-banner .banner-image.banner-image-product:after, .page-banner .banner-image.banner-image-product:before { display:none;} .page-banner .banner-overlay{ position:absolute; top:0; left:0; right:0; z-index:1; bottom:0;} .shape-banner-product{ position:absolute; bottom:0; left:0; right:0; z-index:10} .page-header-content-product .btn{ margin-left:12px; margin-right:12px;} .p1 h4{ font-weight:600;} .p1 .col-md-4 img{ display:block; margin:0 auto 34px; width:55px;} .p2{ background:#2B2E82; color:#fff; padding-bottom:0;} .p2 .image-block + .image-block{ margin-top:175px;} .p2 .image-block .image-wrap{ float:right; border-radius:25px 0 0 0; background:#fff; padding:1px; width:45%;} .p2 .image-block .image-head{ background:#8384bb; height:50px; border-radius:25px 0 0 0; position:relative;} .p2 .image-block .image-head span{ height:14px; width:14px; background:#fff; border-radius:30px; display:inline-block; position:absolute; top:50%; left:24px; margin-top:-7px;} .p2 .image-block .image-head span + span{ left:50px;} .p2 .image-block .image-head span + span + span{ left:75px;} .p2 .image-block .full-img{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex; height:600px;} .p2 .image-block .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .p2 .image-block + .image-block .image-wrap{ width:50%;} .p2 .image-block + .image-block .full-img{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex; height:450px;} .p2 .image-block + .image-block .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .p2 .container{ position:absolute; top:150px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); /*left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);*/ z-index:100;} .p2 .container .content + .content{ margin-top:100px;} .p2 .container h2, .p2 .container h3, .p2 .container h4, .p2 .container h5, .p2 .container h6{ font-weight:600;} .p2 .container h4{ color:#00C3EB;} .mobile-image{ border-radius:40px; width:300px; height:605px; border:10px solid #fff; margin:40px 0 0 70px; background:#000; min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;} .mobile-image img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} /*.mobile-image img{ width:300px; border-radius:30px;}*/ .p2 .image-block-1-sm{ position:relative; margin-bottom:100px;} .p2 .image-block-1-sm .image-wrap{ float:right; border-radius:25px 0 0 0; background:#fff; padding:1px 0 1px 1px; width:60%; position:relative;} .p2 .image-block-1-sm .image-head{ background:#8384bb; height:50px; border-radius:25px 0 0 0; position:relative;} .p2 .image-block-1-sm .image-head span{ height:14px; width:14px; background:#fff; border-radius:30px; display:inline-block; position:absolute; top:50%; left:24px; margin-top:-7px;} .p2 .image-block-1-sm .image-head span + span{ left:50px;} .p2 .image-block-1-sm .image-head span + span + span{ left:75px;} .p2 .image-block-1-sm .full-img{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex; height:400px;} .p2 .image-block-1-sm img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .p2 .image-block-2-sm{ margin-top:50px;} .p2 .image-block-2-sm .image-wrap{ float:right; border-radius:25px 0 0 0; background:#fff; padding:1px 0 1px 1px; width:80%} .p2 .image-block-2-sm .image-head{ background:#8384bb; height:50px; border-radius:25px 0 0 0; position:relative;} .p2 .image-block-2-sm .image-head span{ height:14px; width:14px; background:#fff; border-radius:30px; display:inline-block; position:absolute; top:50%; left:24px; margin-top:-7px;} .p2 .image-block-2-sm .image-head span + span{ left:50px;} .p2 .image-block-2-sm .image-head span + span + span{ left:75px;} .p2 .image-block-2-sm .full-img{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex; height:400px;} .p2 .image-block-2-sm img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .p2 .image-block-1-sm .mobile-image-sm{ border-radius:30px; width:200px; height:400px; position:absolute; bottom:-70px; left:-110px; z-index:100; border:10px solid #fff; margin:0; background:#000;} .p2 .image-block-1-sm .mobile-image-sm img{ width:300px; border-radius:20px;} .p3 .nav-tabs{ margin:0; border:none;} .p3 .nav-tabs .nav-item{ margin:0; width:100%;} .p3 .nav-tabs .nav-item + .nav-item{ margin-top:30px;} .p3 .nav-tabs .nav-link{ padding:0; border:none; background:#fff; color:#000;} .p3 .nav-tabs .nav-link.active{padding:0; border:none; background:#fff; color:#000;} .p3 .nav-tabs .nav-link span.dot{ border:3px solid #D8D8D8; border-radius:50%; height:40px; width:40px; margin-right:16px; position:relative;} .p3 .nav-tabs .nav-link h4{ line-height:40px; margin-bottom:0;} .p3 .nav-tabs .nav-link.active span.dot:before{ content:''; position:absolute; top:50%; left:50%; height:14px; width:14px; margin:-7px 0 0 -7px; border-radius:50%;} .p3 .nav-tabs .nav-link .media{ position:relative;} .p3 .nav-tabs .nav-link .media:before{ top:40px; bottom:-30px; left:20px; width:1px; background:#d8d8d8; content:''; position:absolute;} .p3 .nav-tabs .nav-item:last-child .nav-link .media:before{ display:none;} .p3 .tab-image{ background:url(images/ipad-clipart.png) no-repeat center; background-size:100%; height:730px; width:517px; padding:66px 33px;; margin:0 auto;} .p3 .tab-image .full-img{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex; width:451px; height:598px;} .p3 .tab-image .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .p3 .bx-wrapper .bx-controls-direction a{ display:none;} .p3 .slide-content{ margin:30px auto 0; text-align:center; line-height:1.2;} .p3 .bx-wrapper .bx-pager{ position:relative;} .p3 .bx-wrapper .bx-pager.bx-default-pager a{ background:#D8D8D8} .p3 .bx-wrapper .bx-pager.bx-default-pager a.active, .p3.bx-wrapper .bx-pager.bx-default-pager a:hover{ background:#45469C;} .p4{ text-align:center; background:#F4F5F7;} .p4 h4{ font-weight:600;} .p4 .col-6 img{ display:block; margin:0 auto 30px; width:55px;} .partner-page-banner{ background:#45469C; color:#fff; padding:220px 0; position:relative; min-height:537px} .partner-page-banner .banner-img{ position:absolute; top:0; left:0; right:0; text-align:right; line-height:0;} .partner-page-banner h4{ font-weight:400;} .partner-page-banner h2{ font-size:48px;} .partner-logo-scroll{ margin-top:120px; text-align:center;} .partner-logo-scroll .bx-wrapper img{ margin:0 auto} .partner-logo-scroll .col-5{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;} .partner-logo-scroll .bx-wrapper .bx-controls-direction a{ display:none;} .partner-w1 .partner-section .icon-section h4{ font-weight:600;} .partner-w1 .partner-section .icon-section img{ display:block; margin:0 auto 40px; width:55px;} .partner-logo-scroll .slide-logo { align-items: flex-end; } .partner-w1 { background: #fff !important; color: #000 !important; } /*GDPR Banner Styles*/ .cc-compliance { margin-right: 100px; } /*Hubspot Styles*/ .hs-form-baa1fdfc-1980-4254-8477-28bf943333a5_0a74229b-c546-4007-81e0-e54da42b0dd6 .legal-consent-container .hs-richtext, .hs-form-baa1fdfc-1980-4254-8477-28bf943333a5_0a74229b-c546-4007-81e0-e54da42b0dd6 .legal-consent-container label { color: #fff; } /*Xerox Branding*/ .xerox-logo { float: right; max-width: 250px; margin: 30px 0 0 50px;} .stellarnav { top: 20px; } .stellarnav > ul > li > a { font-family: 'Roboto Condensed', sans-serif; font-weight: 400 !important; color: #333 !important; } @media screen and (min-width: 992px) and (max-width: 1211px) { .post-header .btn { font-size: 14px !important; } } @media screen and (max-width: 1200px) { .xerox-logo { margin: 30px 0 0 20px; } } @media screen and (max-width: 660px) { .xerox-logo { max-width: 125px; margin: 30px 0 0 10px; } .post-header .logo { width: 110px !important; } .menu-icon { height: 45px; width: 25px; margin-left: 0px;} } /*FAQ*/ .page-id-1047 .breadcrum-items { display: none; } /*LEGAL PAGES*/ .legal-text li { margin-bottom: 15px;} .page-id-1152 .breadcrum-items, .page-id-1155 .breadcrum-items, .page-id-1157 .breadcrum-items { display: none; } /*Free Trial Page*/ .about-trial-section { margin: 30px 0 50px 50px ; } .about-trial-section ul { list-style: none; /* Remove default bullets */ } .about-trial-section ul li:before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #3ac4e7; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } .page-id-1022 .hs-button { font-size: 16px !important; padding: 20px 50px !important; } /*Job-Opportunities Page*/ .job-details ul li + li { margin-top: 20px; } .page-id-1003 .breadcrum-items, .page-id-1012 .breadcrum-items { display: none; } .job-posting { padding: 30px; } .job-posting .btn-primary { margin-top: 30px; } .job-location { opacity: .5; margin: 5px 0 10px; } .job-social-share { border: 1px solid #ccc; background: #f4f5f7; padding: 30px; margin-top: 30px; } .single-opportunities h4 { margin: 50px 0 30px; } @media screen and (min-width: 992px) { .job-posting { margin: 0 20px 20px 0 !important; max-width: 30% !important; flex: 0 0 30% !important; min-height: 430px } .job-posting: last-child { margin-right: 0px; } .job-posting .btn-primary { position: absolute; bottom: 20px; width: 92%; } } @media screen and (max-width: 991px) { .job-posting { margin: 0 0px 30px 0 !important; } .job-posting .btn-primary { display: block; } } /*K21 Hello Bar*/ .hello-bar-title { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 35px; float: left; margin-right: 5%; max-width: 35%; text-align: left; line-height: 1.1; padding-top: 20px;} .hello-bar-content { float: left; margin-right: 2%; max-width: 50%; text-align: left; } .hello-bar-cta { float: right; animation: logo-spin 10.5s ease-in-out infinite; transform-style: preserve-3d;backface-visibility: visible; } .hello-bar-cta a { display: block; padding: 10px 20px; border: 2px solid #000; background: transparent; text-align: center; color: #000; font-size: 18px; margin-top: 15px; font-weight: 600; } .hello-bar-cta a:hover { background: #000; color: #CECEE4; text-decoration: none; } .hello-bar-cta-mobile { display: none; } .hello-bar-cta-mobile a { color: #000; text-decoration: underline; font-size: 16px; font-weight: 600; } @media screen and (max-width: 1200px) { .hello-bar-content, .hello-bar-title { max-width: 100%; text-align: center;} .hello-bar-title { font-size: 30px; margin-bottom: 10px; } .hello-bar-content { margin-bottom: 10px; } .hello-bar-cta { display: none; } .hello-bar-cta-mobile { display: block; float: left; text-align: left; width: 100%; } } /*LP Banner with Hero*/ .hero-img { text-align: left; } .k21-hero-text { padding: 400px 0px; } .k21-hero-img img { padding: 370px 0px 0px; } .lp-header-btn, .lp-header-logo { margin: 40px 0px; float: right; position: relative;top: 10px; } .lp-header-btn a { max-width: 200px; float: right; } .lp-img-wrap { background: #45469C; margin-left: 40px; } .lp-content-img { position: relative; bottom: 15px; left: 15px; border: 2px solid #3bc5e7;} .lp-logo img{ width:200px; } .lp-logo { text-align: left; margin: 20px 0px; } .lp-date { text-transform: uppercase; color: #3bc5e7; font-weight: 600; margin-top: 40px;} .lp-topic { border-bottom: 2px solid #3bc5e7; padding-bottom: 10px; } .lp-description { margin: 20px 0 40px; } .speakers { margin-top: 50px; } .speaker { float: left; } .speaker img { border-radius: 200px; -webkit-border-radius: 200px; border: 3px solid #4152a4; margin-right: 30px; max-width: 200px; margin-bottom: 30px; } .lp-hero-text { text-align: center; padding: 400px 0px; } @media screen and (max-width: 1023px) { .k21-hero-img { display: none; } .k21-hero-text, .lp-hero-text { padding: 0px; } .lp-logo { max-width: 33%;} .lp-header-btn, .lp-header-logo { max-width: 33%; } .hero-img { text-align: center; padding-bottom: 80px; } .lp-img-wrap { margin-left: 0px; margin-top: 40px; } .lp-icon-blurb { margin-bottom: 50px; } } @media screen and (max-width: 440px) { .lp-header { display: none; } } @media only screen and (max-width: 767px) { .page-id-1165 .page-banner .banner-image { height: 550px; } .speaker { margin-bottom: 50px; } } /*Short Form Landing Page*/ .sf-lp-form { background: #3bc5e7; padding: 70px 40px 40px !important; color: #fff; } .sf-lp-form h3 { margin-bottom: 30px; } .sf-lp-top-section { padding: 0; } .sf-lp-logo-heading { margin-bottom: 50px; } .sf-lp-images { margin: 30px 60px 30px 0px !important; } .short-form-lp .hs_submit .hs-button { width: 100% !important; font-size: 17px !important; font-weight: 600; padding: 20px;} .hs-button { width: 100% !important; font-size: 17px !important; font-weight: 600; padding: 20px;} .footer-sf { border-top: 1px solid #ccc; padding: 50px 0 30px; margin-top: 50px; } .sf-footer-social { list-style-type: none; } .sf-footer-social li { display: inline; float: right; } .sf-footer-social li a { margin-left: 10px;} .sf-footer-social li a img { max-width: 35px; } .sf-footer-nav { list-style-type: none; padding-left: 0; } .sf-footer-nav li a { font-family: 'Roboto Condensed', sans-serif; color: #333; } .sf-footer-nav li { margin-right: 20px; display: inline; } .sf-lp-copyright { font-family: 'Roboto', sans-serif; color: #333; font-size: 14px;} .sf-lp-content { margin: 30px 0px; } /*Thank You Page*/ .thank-you-bg { background: rgb(50,50,115); background: linear-gradient(176deg, rgba(50,50,115,1) 0%, rgba(69,70,156,1) 34%, rgba(58,196,231,1) 100%); color: #fff; } .thank-you-content .entry-content { padding-left: 50px; } .thank-you-content h1 { font-size: 64px; margin-bottom: 50px; line-height: 1.1em; } @media only screen and (max-width: 767px) { .thank-you-content h1 { font-size: 36px; margin-bottom: 20px; } .thank-you-content .entry-content { padding: 0; margin-bottom: 10px; } .pjs-ty-car { margin-top: 50px; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .thank-you-content h1 { font-size: 50px; } } /*Thank You Jumpstart*/ .pjs-thank-you-bg { background: #f4f5f7 } /*Marketo Code*/ /*Partner, About, Contact Page Forms*/ .partner-form .mktoForm { color: #fff !important; } .partner-form .mktoForm .mktoOffset { height: 0 !important; } /*Job Opps, Free Trial, Account Activation Forms*/ .gen-mkto-form .mktoForm #LblHowHeard, .gen-mkto-form .mktoForm #LblLinkedIn_Profile__c { margin-bottom: 10px; } .gen-mkto-form .mktoForm #LblAgeAttestation { float: revert; } .gen-mkto-form .mktoForm .mktoGutter { height: 0; } .gen-mkto-form .mktoForm #LblPolicyAcceptance { display: none; } .gen-mkto-form .mktoForm .mktoFieldDescriptor { margin-bottom: 10px !important; } .gen-mkto-form .mktoForm .mktoCheckboxList { width: auto !important; padding: 0px !important; } .left-align-form .mktoForm { margin: 0!important; } /*General Marketo Form Styles*/ .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField { width: 100% !important; background: #f4f5f7; } .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField { height: 40px; } .mktoForm { width: 100% !important; max-width: 750px; margin: 0 auto; } .mktoForm .mktoFormCol, .mktoForm .mktoFieldWrap { width: 100% !important; } .mktoForm textarea[rows="2"] { height: 8em !important; } .mktoForm .mktoLabel { min-width: 110px; margin-bottom: 10px; } .mktoForm .mktoHtmlText { width: 100% !important; } .mktoForm .mktoFormRow { margin-bottom: 10px; } #LblPolicyAcceptance, .mktoForm .mktoGutter { display: none; } .mktoForm .mktoOffset { display: none; } /* .mktoForm .mktoRequiredField label.mktoLabel { display: none !important; } .mktoForm .mktoLabel { padding-top: 0px !important; } .mktoForm .mktoFormCol { margin-bottom: 0px !important; } .mktoForm #Lblform_opt_in { float: revert; width: auto !important; } .mktoForm #comments { height: 100px !important; } .mktoForm #Lblcomments, .mktoForm #LblPhone, .mktoForm #LblEmail, .mktoForm #LblCompany, .mktoForm #LblLastName, .mktoForm #LblFirstName, .mktoForm #LblCountry{ display: none; } .mktoForm textarea.mktoField { height: 100px !important; } .mktoForm input[type="checkbox"]{ height: auto !important; } .mktoForm #Lblform_opt_in input[type="checkbox" i]{ height: auto !important; }*/ /*Marketo Buttons*/ .mktoButtonRow { margin-top: 20px !important; } .mktoForm .mktoButtonWrap { margin-left: 0px !important; } .mktoForm .mktoButtonWrap.mktoSimple .mktoButton { border: 0px !important; border-radius: 4px; -webkit-border-radius: 4px; font-family: 'Lato', sans-serif; font-weight: 600 !important; font-size: 1.125rem !important; padding: 10px 20px !important; } .gen-mkto-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ background: #4152a4; } .gen-mkto-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover { background: #3bc5e7; } .partner-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton { background: #3bc5e7; } .partner-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover { background: #fff; color: #4152a4 !important;} /*Solution Showcase*/ .solution-hero { background: #4152a4 ; padding: 100px 0px; position: relative; overflow: visible; z-index: 1; margin-bottom: 50px;} .solution-hero div { color: #fff; } .solution-hero h2 { border-bottom: 1px solid #fff; margin-bottom: 30px; padding-bottom: 15px;} .solution-hero:after { content: ''; width: 100%; height: 100%; position: absolute; background: inherit; z-index: -1; bottom: 0; transform-origin: right bottom; transform: skewY(179deg); border-bottom: 4px solid #bfbfbf; } .partner-solution-hero-logo { background: #fff; padding: 30px; border: 1px solid #ccc; text-align: center; } .solution-hero-content { max-width: 650px; } .partner-solution-hero-logo img { max-width: 230px; } .solution-asset-cta-btn { margin-top: 40px; } .partner-company-info { border-top: 1px solid #ccc; padding: 30px 0px; margin-top: 50px; } .contact-partner-btn { clear: both; margin-top: 20px; } @media only screen and (max-width: 1200px) { .solution-hero { padding: 50px 0px !important;} .partner-solution-hero-logo { margin-top: 50px; } } @media only screen and (max-width: 1699px) { .ix-logo-vertical { display: none; } } @media only screen and (min-width: 1700px) { .ix-logo-vertical { position: absolute; top: 30px; left: 30px; display: block; } .ix-logo-vertical img { max-height: 300px; max-width: 100%; opacity: .5; } } /*Partner Jumpstart*/ .jumpstart-hero { background: #f4f5f6 ; border-bottom: solid 6px #ee3c8f; } .jumpstart-hero span, .jumpstart-pricing span { font-style: italic; color: #ee3c8f; } .jumpstart-hero:after { width: 0; height: 0; margin-left:-1000px; margin-top:-100px; border-left: 1000px solid transparent; border-right: 1000px solid transparent; } .jumpstart-pricing { max-width: 700px; margin: 0 auto; text-align: center;} .jumpstart-pricing h1 { margin-bottom: 30px; } .jumpstart-price { clear: both; max-width: 450px; margin: 0 auto; border: 1px solid #ccc;} .jumpstart-price h2 { background: #4152a4; padding: 50px; color: #fff; font-size: 3em; font-weight: bold; } .jumpstart-price ul { text-align: left; max-width: 350px; margin: 0 auto; padding: 20px 40px 30px; } .jumpstart-mobile-hero-img img { max-width: 100%; width: 100%; } @media only screen and (min-width: 990px) and (max-width: 1200px) { .jumpstart-tablet-hero-img { display: block; } .jumpstart-mobile-hero-img { display: none; } } @media only screen and (max-width: 989px) { .jumpstart-mobile-hero-img { display: block; } .jumpstart-tablet-hero-img { display: none; } } @media only screen and (min-width: 1201px) { .jumpstart-tablet-hero-img { display: none; } .jumpstart-mobile-hero-img { display: none; } .jumpstart-hero { background: #f4f5f7 url(images/JumpStart-Car-CareAR.svg) center right no-repeat; } .jumpstart-included { max-width: 700px; margin: 0 auto; } } .cta-jumpstart { background: #4152a4 url(images/hand-with-keys.png) top left no-repeat; color: #fff; } .jumpstart-offset { margin-left: 12%; } .basic-card { background: #f4f5f7; border: #ccc; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); padding: 50px; text-align: center; } .basic-card:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }