/*1f3c5a*/ /* Global text color on ``*/ /* Global textual link color*/ /* By default, this inherits from the ``*/ /* Padding applied to the modal body*/ /* Background color of the whole progress component*/ /* `.list-group-item` border color*/ /* Thumbnail border color*/ ::-moz-selection { /* Code for Firefox */ background: #E0DBC6; color: #012A38; } ::selection { background: #E0DBC6; color: #012A38; } @import url('https://fonts.googleapis.com/css2?family=Inter&family=Sora:wght@400;500;600;700&display=swap'); body { font-weight: normal; } h1, h2, h3, .h1, .h2, .h3 { margin-top: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 700; } h4, h5, h6, .h4, .h5, .h6 { margin-top: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } * + h1, * + .h1, * + h2, * + .h2, * + h3, * + .h3, * + h4, * + .h4, * + h5, * + .h5, * + h6, * + .h6 { margin-top: 20px; } h1, .h1 { font-size: 44px; } h2, .h2 { font-size: 40px; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 24px; } h5, .h5 { font-size: 21px; } h6, .h6 { font-size: 18px; } .btn-info { color: #fff; background-color: #6C6EFA; border-color: #5356f9; } .btn-success { color: #fff; background-color: #6450f0; border-color: #4f39ee; } .btn-primary { color: #fff; background-color: #FF7846; border-color: #ff652c; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #3b3df8; border-color: #181bf7; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #3a21ec; border-color: #2b12d7; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #ff652c; border-color: #ff5313; } @media (min-width: 768px) { .navbar-right { margin-right: 0; } } a { color: #6450f0; text-decoration: none; } a:hover, a:focus { color: #2d13e0; text-decoration: underline; } .breadcrumb { padding: 8px 15px; list-style: none; background-color: transparent; border-radius: 3px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #000; } .text-success { color: #21c489; } .carousel-control { top: 15%; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1); left: 2%; } .carousel-control.right { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1); right: 2%; } .well { /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); */ background-color: #012A38; color: #fff } .well-lg { padding: 8px 24px; } /* Bootstrap Common styles; -------------------------- */ a:hover { text-decoration: none; } .form-control, [class*="btn-"] { font-size: 18px; line-height: 20px; } .form-control, .input-group-btn > .btn { height: 46px; } .list-group-item { padding-top: 7px; padding-bottom: 7px; } .lead { font-weight: 200; } .clear { clear: both; } .pr { position: relative; } .pa { position: absolute; } .ps { position: static; } .pf { position: fixed; } .text-10 { font-size: 10px; line-height: 16px; } .text-10:hover { text-decoration: none; } .text-13 { font-size: 13px; line-height: 19px; } .text-13:hover { text-decoration: none; } .text-15 { font-size: 15px; line-height: 21px; } .text-15:hover { text-decoration: none; } .text-16 { font-size: 16px; line-height: 22px; } .text-16:hover { text-decoration: none; } .text-18 { font-size: 18px; line-height: 24px; } .text-18:hover { text-decoration: none; } .text-20 { font-size: 20px; line-height: 26px; } .text-20:hover { text-decoration: none; } .text-24 { font-size: 24px; line-height: 30px; } .text-24:hover { text-decoration: none; } .text-28 { font-size: 28px; line-height: 34px; } .text-28:hover { text-decoration: none; } .text-32 { font-size: 32px; line-height: 38px; } .text-32:hover { text-decoration: none; } .text-38 { font-size: 38px; line-height: 44px; } .text-38:hover { text-decoration: none; } .text-42 { font-size: 42px; line-height: 48px; } .text-42:hover { text-decoration: none; } .text-44 { font-size: 44px; line-height: 50px; } .text-44:hover { text-decoration: none; } .cur { cursor: pointer; } .over-hide { overflow: hidden; } .no-shad { text-shadow: none; box-shadow: none; } .text-shadow { text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.57); } .col-center-block { float: none; margin: 0 auto; } .whitec, a.whitec, a.whitec:hover, a.whitec:focus, a.whitec:active, a.whitec:visited { color: #fff; } .htruncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; } /* number of lines to show */ .htruncate-ml4 { vertical-align: top; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; height: 120px; } .htruncate-ml3 { vertical-align: top; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; height: 90px; } .htruncate-ml2 { vertical-align: top; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; height: 60px; } .col-no-pad { padding-left: 0; padding-right: 0; } .cn-hr { border-width: 0; height: 1px; background-color: rgba(0, 0, 0, 0.12); overflow: visible; } .cn-hr--xs { margin-top: 6px; margin-bottom: 6px; } .cn-hr--sm { margin-top: 12px; margin-bottom: 12px; } .cn-hr--st { margin-top: 24px; margin-bottom: 24px; } .cn-hr--md { margin-top: 36px; margin-bottom: 36px; } .cn-hr--lg { margin-top: 45px; margin-bottom: 45px; } .cn-fs--xl { font-size: 32px; } .cn-fs--lg { font-size: 22px; } .cn-fs--md { font-size: 18px; } .cn-fs--st { font-size: 14px; } .cn-fs--sm { font-size: 12px; } .cn-fs--xs { font-size: 10px; } .cn-fw--700 { font-weight: 700; } .cn-fw--600 { font-weight: 600; } .cn-fw--500 { font-weight: 500; } .cn-fw--400 { font-weight: 400; } .cn-fw--200 { font-weight: 200; } .cn-fw--100 { font-weight: 100; } .cn-tc--muted { color: #787882; } .cn-tc--primary { color: #6B69FE; } .cn-tc--accent { color: #1E88E5; } .cn-tc--warn { color: #E8AE15; } .cn-tc--danger { color: #FA6164; } .cn-tc--white { color: #ffffff; } .cn-tc--black { color: #212128; } .cn-tc--success { color: #3CA03C; } .cn-mar--a-xl { margin: 60px; } .cn-mar--a-lg { margin: 45px; } .cn-mar--a-md { margin: 36px; } .cn-mar--a-st { margin: 24px; } .cn-mar--a-sm { margin: 12px; } .cn-mar--a-xs { margin: 6px; } .cn-mar--a-no { margin: 0; } .cn-mar--t-xl { margin-top: 60px; } .cn-mar--t-lg { margin-top: 45px; } .cn-mar--t-md { margin-top: 36px; } .cn-mar--t-st { margin-top: 24px; } .cn-mar--t-sm { margin-top: 12px; } .cn-mar--t-xs { margin-top: 6px; } .cn-mar--t-no { margin-top: 0; } .cn-mar--r-xl { margin-right: 60px; } .cn-mar--r-lg { margin-right: 45px; } .cn-mar--r-md { margin-right: 36px; } .cn-mar--r-st { margin-right: 24px; } .cn-mar--r-sm { margin-right: 12px; } .cn-mar--r-xs { margin-right: 6px; } .cn-mar--r-no { margin-right: 0; } .cn-mar--b-xl { margin-bottom: 60px; } .cn-mar--b-lg { margin-bottom: 45px; } .cn-mar--b-md { margin-bottom: 36px; } .cn-mar--b-st { margin-bottom: 24px; } .cn-mar--b-sm { margin-bottom: 12px; } .cn-mar--b-xs { margin-bottom: 6px; } .cn-mar--b-no { margin-bottom: 0; } .cn-mar--l-xl { margin-left: 60px; } .cn-mar--l-lg { margin-left: 45px; } .cn-mar--l-md { margin-left: 36px; } .cn-mar--l-st { margin-left: 24px; } .cn-mar--l-sm { margin-left: 12px; } .cn-mar--l-xs { margin-left: 6px; } .cn-mar--l-no { margin-left: 0; } .cn-mar--x-xl { margin-left: 60px; margin-right: 60px; } .cn-mar--x-lg { margin-left: 45px; margin-right: 45px; } .cn-mar--x-md { margin-left: 36px; margin-right: 36px; } .cn-mar--x-st { margin-left: 24px; margin-right: 24px; } .cn-mar--x-sm { margin-left: 12px; margin-right: 12px; } .cn-mar--x-xs { margin-left: 6px; margin-right: 6px; } .cn-mar--x-no { margin-left: 0; margin-right: 0; } .cn-mar--y-xl { margin-top: 60px; margin-bottom: 60px; } .cn-mar--y-lg { margin-top: 45px; margin-bottom: 45px; } .cn-mar--y-md { margin-top: 36px; margin-bottom: 36px; } .cn-mar--y-st { margin-top: 24px; margin-bottom: 24px; } .cn-mar--y-sm { margin-top: 12px; margin-bottom: 12px; } .cn-mar--y-xs { margin-top: 6px; margin-bottom: 6px; } .cn-mar--y-no { margin-top: 0; margin-bottom: 0; } .cn-pad--a-xl { padding: 60px; } .cn-pad--a-lg { padding: 45px; } .cn-pad--a-md { padding: 36px; } .cn-pad--a-st { padding: 24px; } .cn-pad--a-sm { padding: 12px; } .cn-pad--a-xs { padding: 6px; } .cn-pad--a-no { padding: 0; } .cn-pad--t-xl { padding-top: 60px; } .cn-pad--t-lg { padding-top: 45px; } .cn-pad--t-md { padding-top: 36px; } .cn-pad--t-st { padding-top: 24px; } .cn-pad--t-sm { padding-top: 12px; } .cn-pad--t-xs { padding-top: 6px; } .cn-pad--t-no { padding-top: 0; } .cn-pad--r-xl { padding-right: 60px; } .cn-pad--r-lg { padding-right: 45px; } .cn-pad--r-md { padding-right: 36px; } .cn-pad--r-st { padding-right: 24px; } .cn-pad--r-sm { padding-right: 12px; } .cn-pad--r-xs { padding-right: 6px; } .cn-pad--r-no { padding-right: 0; } .cn-pad--b-xl { padding-bottom: 60px; } .cn-pad--b-lg { padding-bottom: 45px; } .cn-pad--b-md { padding-bottom: 36px; } .cn-pad--b-st { padding-bottom: 24px; } .cn-pad--b-sm { padding-bottom: 12px; } .cn-pad--b-xs { padding-bottom: 6px; } .cn-pad--b-no { padding-bottom: 0; } .cn-pad--l-xl { padding-left: 60px; } .cn-pad--l-lg { padding-left: 45px; } .cn-pad--l-md { padding-left: 36px; } .cn-pad--l-st { padding-left: 24px; } .cn-pad--l-sm { padding-left: 12px; } .cn-pad--l-xs { padding-left: 6px; } .cn-pad--l-no { padding-left: 0; } .cn-pad--x-xl { padding-left: 60px; padding-right: 60px; } .cn-pad--x-lg { padding-left: 45px; padding-right: 45px; } .cn-pad--x-md { padding-left: 36px; padding-right: 36px; } .cn-pad--x-st { padding-left: 24px; padding-right: 24px; } .cn-pad--x-sm { padding-left: 12px; padding-right: 12px; } .cn-pad--x-xs { padding-left: 6px; padding-right: 6px; } .cn-pad--x-no { padding-left: 0; padding-right: 0; } .cn-pad--y-xl { padding-top: 60px; padding-bottom: 60px; } .cn-pad--y-lg { padding-top: 45px; padding-bottom: 45px; } .cn-pad--y-md { padding-top: 36px; padding-bottom: 36px; } .cn-pad--y-st { padding-top: 24px; padding-bottom: 24px; } .cn-pad--y-sm { padding-top: 12px; padding-bottom: 12px; } .cn-pad--y-xs { padding-top: 6px; padding-bottom: 6px; } .cn-pad--y-no { padding-top: 0; padding-bottom: 0; } .no-pad { padding: 0; } .no-mar { margin: 0; } .no-round { border-radius: 0; } .no-under, .no-under:hover { text-decoration: none; } .strike { text-decoration: line-through; color: #6b7b8c; } .cir-mini { width: 39px; height: 39px; line-height: 40px; } .cir-md { width: 48px; height: 48px; line-height: 48px; } /*-- Table custom style Start --*/ table.table { background: #fff; } table.table tr.disabled { color: #ccc; background: #fbfbfb; } table.table th, table.table td { vertical-align: middle; } .SourceSans-ExtraLight { font-weight: 200; } .SourceSans-Light { font-weight: 300; } .block-space-lg { padding-top: 80px; padding-bottom: 80px; } .block-space { padding-top: 50px; padding-bottom: 50px; } .block-space h1, .block-space h4, .block-space h6{ font-family: 'Sora', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; color: #012A38; line-height: 1.4; } .block-space h1{ color: #fff; margin-bottom: 0px; } .block-space p{ font-family: 'Inter', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; color: #4F6169; margin-bottom: 20px; line-height: 1.5; } .block-space p a{ color: #012A38; text-decoration: underline; text-underline-offset: 4px; } .block-space-sm { padding-top: 25px; padding-bottom: 25px; } .block-space-xs { padding-top: 15px; padding-bottom: 15px; } .block-top-space { padding-top: 50px; } .block-top-space-sm { padding-top: 25px; } .text-light { font-weight: 300; } .text-extralight { font-weight: 200; } .text-title { color: #000; } .capitalism { text-transform: capitalize; } .uppercase { text-transform: uppercase; } .row.grid--sm { margin-left: -30px; } .row.grid--sm > [class*="col-"] { padding-left: 30px; } .row.grid--md { margin-left: -50px; } .row.grid--md > [class*="col-"] { padding-left: 50px; } .aside-list { width: 300px; } .aside-list .list-group-item a { padding: 10px; color: #2b2b2b; display: block; } .aside-list .list-group-item a:hover, .aside-list .list-group-item a:focus { background: #f7f7f7; border-color: #f7f7f7; } .aside-list .list-group-item a.active { background: #6450f0; color: #fff; } .aside-list .list-group-item .badge { margin-right: 10px; margin-top: 12px; background: #05A173; } .aside-list.pf { top: 30px; } .top-list { background: #D3D9DC; border-top: 1px solid #D3D9DC; border-bottom: 1px solid #D3D9DC; } .top-list.pf { left: 0; right: 0; top: 0; z-index: 999; } .top-list .nav-pills { border-width: 0; } .top-list .nav-pills li a, .top-list .nav-pills li a:hover { border-bottom: 2px solid transparent; background: none; margin-bottom: -1px; color: #000; border-radius: 0; padding: 16px; -moz-border-radius: 0; -webkit-border-radius: 0; } .top-list .nav-pills li a:hover { border-color: #012A38; } .top-list .nav-pills li.active a { border-color: #012A38; } .list-square ul, .list-tick ul, .list-arrow ul { list-style-type: none; } .list-square li + li, .list-tick li + li, .list-arrow li + li { margin-top: 10px; } ul.list-square, ul.list-tick, ul.list-arrow { list-style-type: none; } .list-square li:before { content: '\25A0'; display: block; position: relative; max-width: 0; max-height: 0; left: -20px; color: #7098c9; font-size: 12px; } .list-tick li:before { content: "\e013"; font-family: 'Glyphicons Halflings'; display: block; position: relative; max-width: 0; max-height: 0; left: -30px; color: #6450f0; font-size: 18px; } .list-arrow li:before { display: block; position: relative; max-width: 0; max-height: 0; left: -20px; color: #000; font-size: 12px; } .color-purple, a.color-purple, .header a.color-purple { color: #806EDE; } a.color-purple:hover, a.color-purple:focus, a.color-purple:visited { color: #806EDE; } .header { font-size: 15px; line-height: 20px; left: 0; right: 0; z-index: 111; background: #fff; padding-top: 20px; padding-bottom: 20px; } .header ul { list-style: none; margin: 0; padding: 0; } .header a, .header a:hover { transition: 0.3s; color: #23232D; text-decoration: none; } .nav-icon { font-size: 27px; line-height: 23px; display: inline-block; cursor: pointer; font-weight: 600; } .header .btn { border: 1px solid #FF4C00; background: transparent; color: #FF4C00; padding: 6px 14px; height: inherit; text-decoration: none!important; font-size: inherit; font-weight: 300; font-family: inherit; text-transform: none; } .header .btn:hover, .header .btn:focus { background: #FF4C00; border-color: #FF4C00; color: #fff; } .header .hover-effect, .header .hover-effect.btn-sm { opacity: 0.35; } .nav-mobile { display: none; } .nav-links-mobile { text-align: center; background-color: #403F5A; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2222; } .mobile-links, .mobile-signup { position: fixed; left: 0; right: 0; padding: 20px; } .mobile-links { top: 100px; bottom: 100px; overflow-y: auto; text-transform: uppercase; } .mobile-links a { display: block; padding: 20px 0; font-weight: 600; font-size: 20px; color: #FFFFFF; line-height: 29px; } .mobile-links a span { font-weight: 300; } .mobile-signup { bottom: 0; } body.nav-mobile-active { overflow-y: hidden; } .nav-active-mobile .nav-links-mobile { visibility: visible; opacity: 1; pointer-events: auto; } .nav-main .dropdown-menu { padding-top: 15px; padding-bottom: 15px; border-radius: 2px; border-color: #eee; margin-top: 4px; margin-left: -7px; } .nav-main .dropdown-menu:before, .nav-main .dropdown-menu:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #FFF; position: absolute; top: -5px; left: 12px; } .nav-main .dropdown-menu:after { border-bottom: 5px solid #E5E5E5; top: -6px; left: 12px; z-index: -1; } .nav-main .dropdown-menu > li > a { padding-top: 5px; padding-bottom: 5px; font-weight: 300; } .dropdown-toggle { cursor: pointer; } .nav-more { font-family: helvetica, sans-serif; } .bg-block { background: #fff; border-bottom: 8px solid rgba(164, 176, 185, 0.2); } .bg-block .text-title { margin-bottom: 0px; } .chargebee-signup .form-group { margin-bottom: 0; } .chargebee-signup .form-group ~ [class*="text-"] { float: left; } .privacy-text { padding-right: 3px; } .privacy-text a { color: #192a3a; font-size: 12px; } .banner-block { background-size: cover; } .banner-block .banner-block-img { right: 0; width: 44%; overflow: hidden; margin-top: -35px; z-index: 111; } .banner-block h1 { letter-spacing: -1px; font-size: 49px; } .banner-block .form .form-control { border-color: #A6AFBB #21c489 #A6AFBB #A6AFBB; color: #4d5257; } .banner-block .media { margin: 0; min-height: 100px; } .banner-block .media .media-object { border: 1px solid #9aa6af; -webkit-box-shadow: 0 3px 1px 0px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 1px 0px rgba(0, 0, 0, 0.15); } .banner-block .media .video-block .play-btn { left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .banner-block .media .video-block:hover .media-object { opacity: 0.5; filter: alpha(opacity=50); } .banner-block .media .media-body .text-success { color: #349974; } .banner-block .media .media-body .media-heading { color: #000000; font-weight: 700; } .banner-block-overlay { padding-top: 100px; padding-bottom: 100px; color: #fff; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; display: block; position: relative; background-color: #26292E; } .banner-block-overlay h1 { font-size: 20px; color: #6450f0; text-transform: uppercase; font-weight: 600; } .banner-block-light { padding-top: 80px; padding-bottom: 80px; color: #fff; background: #012A38; text-align: center; } .banner-block-light h1 { font-family: 'Sora', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 600; font-size: 28px; color: #fff; line-height: 34px; margin-bottom: 24px; } .banner-block-multiple { padding-top: 120px; padding-bottom: 120px; color: #fff; background: #424C53; text-align: center; margin-bottom: -80px; } .banner-block-multiple h1 { font-weight: 300; font-size: 34px; color: #FFFFFF; line-height: 41px; } .block-title-alt { font-family: 'Sora', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 18px; color: #012A38; letter-spacing: 1px; line-height: 16px; text-transform: uppercase; padding: 12px 15px 9px 24px; display: inline-block; font-weight: bold; position: relative; margin-right: 80px; } .block-title-alt:before { content: ""; height: 100%; background: #FF3300; width: 4px; display: block; position: absolute; left: 0; margin: auto; top: 0; bottom: 0; } .block-title { padding: 9px 30px 7px; font-weight: 600; border: 1px solid #A1A1A1; text-transform: uppercase; font-size: 12px; position: relative; display: inline-block; line-height: 14px; letter-spacing: 4px; margin: 0 50px; } .block-title:before, .block-title:after { /* content: ""; display: block; width: 50px; height: 1px; background: #A1A1A1; top: 0; bottom: 0; margin: auto; position: absolute; */ } .block-title:before { left: 100%; } .block-title:after { right: 100%; }.well .block-pull { margin: 30px 0; } .block-well { padding: 30px; background: #012A38; border: 1px solid #012A38; border-radius: 8px; } .block-well h1, .block-well h2, .block-well h3, .block-well h4, .block-well h5, .block-well h6{ color: #fff; font-family: 'Sora', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; } .block-img-caption { background: rgba(80, 80, 80, 0.95); color: #fff; font-style: italic; text-align: center; position: absolute; bottom: 0; padding: 20px; width: 100%; font-weight: 300; } .reason-block { padding: 45px 0 20px 0; } .reason-block p { line-height: 24px; } .reason-block .reason-img-block { padding: 50px 0 110px; } .reason-block .reason-block1 { top: 0; left: 100px; } .reason-block .reason-block2 { top: 25px; right: 55px; } .reason-block .reason-block3 { left: 50px; bottom: 180px; } .reason-block .reason-block4 { bottom: 15px; left: 0; right: 0; margin: auto; } .reason-block .reason-block5 { right: 15px; bottom: 100px; } .reason-block .bg-success { background: #6450f0; } .nav-pills { border: 1px solid #E1E2E4; } .nav-pills > li a { color: #1C2834; } .nav-pills > li a:hover { color: #fff; } .nav-pills.nav-stacked > li:first-child > a { border-top-right-radius: 6px; border-top-left-radius: 6px; } .nav-pills.nav-stacked > li:last-child > a { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .subscription-bg { background: #23232D; } .hr-line { border-bottom: 1px solid #6450f0; display: inline-block; } .business-block { -webkit-box-shadow: 0 125px 30px -142px rgba(0, 0, 0, 0.5); box-shadow: 0 125px 30px -142px rgba(0, 0, 0, 0.5); } .business-block [class*="business-icon-thumb-"] { width: 50px; height: 38px; margin-right: 10px; } .business-block .business-list { border-color: #cbcbcb; margin: -1px; } .business-block .business-list > .list-group-item:first-child { border-top-right-radius: 0; } .business-block .business-list > .list-group-item:last-child { border-bottom-right-radius: 0; } .business-block .business-list > .list-group-item { border-color: #ebebeb; line-height: 38px; padding: 0; } .business-block .business-list > .list-group-item > a { color: #263947; padding: 10px 15px; display: block; text-decoration: none; } .business-block .business-list > .list-group-item:hover > a, .business-block .business-list > .list-group-item:focus > a { background: #f7f7f7; } .business-block .business-list > .list-group-item.active > a { color: #fff; background: #6450f0; } .business-block .business-list > .list-group-item.active .business-icon-thumb-invoice { background-position: 0 -38px; } .business-block .business-list > .list-group-item.active .business-icon-thumb-portal { background-position: -50px -38px; } .business-block .business-list > .list-group-item.active .business-icon-thumb-email { background-position: -100px -38px; } .business-block .business-list > .list-group-item.active .business-icon-thumb-account { background-position: -150px -38px; } .business-block .business-list > .list-group-item.active .business-icon-thumb-tax { background-position: -200px -38px; } .business-block .business-list > .list-group-item.active .business-icon-thumb-report { background-position: -250px -38px; } .business-block .business-list > .list-group-item.active .business-icon-thumb-billing { background-position: -300px -38px; } .business-block .business-list > .list-group-item.active .business-icon-thumb-integration { background-position: -350px -38px; } .business-block .tab-content { padding-right: 15px; padding-top: 25px; } .client-block li { padding: 0; } .client-block li .thumbnail { border: none; width: 160px; height: 160px; line-height: 160px; margin: 0 13px 26px; background: #dcdcdc url(../images/customers/logos/customers-logo.png) no-repeat; } .client-block li .thumbnail.one { background-position: 0 0; } .client-block li .thumbnail.two { background-position: -160px 0; } .client-block li .thumbnail.three { background-position: -320px 0; } .client-block li .thumbnail.four { background-position: -480px 0; } .client-block li .thumbnail.five { background-position: -640px 0; } .client-block li .thumbnail.six { background-position: -800px 0; } .client-block li .thumbnail.seven { background-position: 0 -160px; } .client-block li .thumbnail.eight { background-position: -160px -160px; } .client-block li .thumbnail.nine { background-position: -320px -160px; } .client-block li .thumbnail.ten { background-position: -480px -160px; } .client-block li .thumbnail.eleven { background-position: -640px -160px; } .client-block li .thumbnail.twelve { background-position: -800px -160px; } .client-block li .thumbnail:hover, .client-block li .thumbnail:focus { background-color: #6450f0; } .client-block li.active .thumbnail { background-color: #6450f0; } .client-block .testimonial-block { border-top: 1px solid #dedede; margin-top: -25px; } .client-block .testimonial-block .tab-content { position: relative; padding: 50px 0 20px; } .client-block .testimonial-block .tab-content:after, .client-block .testimonial-block .tab-content:before { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; position: absolute; top: -1px; left: 20px; z-index: 111; } .client-block .testimonial-block .tab-content:before { border-top-color: #dedede; z-index: 110; top: 0; } .client-block .testimonial-block .user-img { width: 80px; height: 80px; line-height: 80px; overflow: hidden; display: inline-block; background: url(../images/customers/customers.jpg) no-repeat; } .client-block .testimonial-block .user-img.one { background-position: -560px 0; } .client-block .testimonial-block .user-img.two { background-position: -400px 0; } .client-block .testimonial-block .user-img.three { background-position: -160px 0; } .client-block .testimonial-block .user-img.four { background-position: -320px 0; } .client-block .testimonial-block .user-img.five { background-position: 0 0; } .client-block .testimonial-block .user-img.six { background-position: -640px 0; } .client-block .testimonial-block .user-img.seven { background-position: -480px 0; } .client-block .testimonial-block .user-img.eight { background-position: 0 0; } .client-block .testimonial-block .user-img.nine { background-position: -880px 0; } .client-block .testimonial-block .user-img.ten { background-position: 0 0; } .client-block .testimonial-block .user-img.eleven { background-position: -240px 0; } .client-block .testimonial-block .user-img.twelve { background-position: -80px 0; } .customers-block .table-cell { font-size: 16px; } .customers-block .table-cell img.center-block { max-width: 180px; max-height: 100px; } .customers-block blockquote { border-left-width: 0; } .customers-banner-block img { max-height: 60px; margin: 20px 30px; } .case-stuides-body { padding-top: 40px; } .gateway-block { background: #fbfcfd; } #footer { padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #E8E7EF; font-weight: 300; font-size: 13px; line-height: 18px; } #footer .footer-links h6 { font-size: 13px; color: #403F5A; line-height: 19px; text-transform: uppercase; font-weight: 700; } #footer .footer-links li { font-size: 16px; color: #403F5A; line-height: 20px; padding: 5px 0; font-weight: 300; } #footer a { color: #403F5A; text-decoration: none; } #footer a:hover { color: #6450f0; } #footer .service-links { margin: 20px 0 15px -15px; list-style: none; padding: 0; } #footer .service-links li { padding-left: 15px; display: inline-block; } #footer .service-links a { color: #8A8A9B; } #footer .service-links a:hover { color: #6450f0; } #footer .footer-badge img { max-height: 34px; } #footer .subscribe-block { position: relative; } #footer .subscribe-block .form-control, #footer .subscribe-block .btn { height: 60px; padding: 20px 30px; line-height: 19px; font-size: 14px; } #footer .subscribe-block .form-control { border: 1px solid #C6CAD7; box-shadow: inset 3px 3px 0px 0px #E9ECF5; padding-right: 150px; } #footer .subscribe-block .btn { background: #FF7846; border-radius: 0px 4px 4px 0px; position: absolute; top: 0; right: 0; visibility: hidden; opacity: 0; transition: 0.3s; color: #fff; text-transform: uppercase; z-index: 5; } #footer .subscribe-block .subscribe-placeholder { position: absolute; top: 15px; left: 25px; padding: 6px; font-style: italic; color: #403F5A; pointer-events: none; background: #fff; transition: 0.3s; } #footer .subscribe-block .form-control:focus + .btn { visibility: visible; opacity: 1; } #footer .subscribe-block .form-control:focus ~ .subscribe-placeholder { opacity: 0; visibility: hidden; } #footer .follow-list { margin: 15px 0 15px -20px; } #footer .follow-list a { padding-left: 20px; display: inline-block; } .gateways-list { border-top: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } .gateways-list > li { border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; height: 130px; line-height: 130px; } .benefits-list .benefit-icon { display: inline-block; } .benefits-list > li { margin-bottom: 12px; line-height: 18px; } .howitworks-block .steps-list .media .media-body { line-height: 50px; } .bg-secondary { background: #26292E; } .price-block { padding-bottom: 8px; } .price-block .hr-line { border-color: #cccccc; } .price-block h4, .price-block h5 { letter-spacing: 3px; margin-top: 10px; } .price-block .price { font-size: 64px; line-height: 78px; } .price-block .price sup { font-size: 55%; } .price-block .btn-success, .price-block .btn-link-transparent { padding: 5px 35px; } .btn-link-transparent { border: 1px solid #dce0e3; } .progress { border: 1px solid #ebebeb; } .progress .progress-bar { border-radius: 3px; } .faq-block { background: #fcfcfc; } .faq-block li { margin-bottom: 15px; } .faq-block li:last-child { margin-bottom: 0; } .faq-block li:before { top: 3px; } .faq-block p { margin: 5px 0; } /* About Block */ .cb-about-subtitle { font-size: 21px; font-weight: bold; margin-bottom: 24px; } .cb-about-disp { font-size: 18px; max-width: 620px; margin: 10px auto 30px; line-height: 28px; } .cb-about-desc { font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.7); } .team-list .media { margin-bottom: 15px; } .team-list .media > .pull-left { width: 90px; height: 90px; overflow: hidden; } .team-block { margin-bottom: 30px; } .team-block .team-block-list { line-height: 0; white-space: nowrap; width: 100%; overflow: hidden; } .team-block .team-block-list .team-block-item { display: inline-block; vertical-align: top; position: relative; overflow: hidden; height: 400px; } .team-block .team-block-list .team-block-item .team-block-item-img, .team-block .team-block-list .team-block-item .team-block-item-text { position: relative; height: 100%; width: 300px; vertical-align: top; display: inline-block; overflow: hidden; } .team-block .team-block-list .team-block-item .team-block-item-img { z-index: 4; overflow: hidden; background: #f0f0f0; } .team-block .team-block-list .team-block-item .team-block-item-img .team-block-item-img-top, .team-block .team-block-list .team-block-item .team-block-item-img .team-block-item-img-bot { max-width: 100%; vertical-align: top; position: relative; -webkit-transition: 0.5s ease; transition: 0.5s ease; z-index: 3; } .team-block .team-block-list .team-block-item .team-block-item-img .team-block-item-img-bot { z-index: 5; margin-left: -300px; opacity: 0; visibility: hidden; } .team-block .team-block-list .team-block-item .team-block-item-text { z-index: 1; padding: 20px; white-space: normal; line-height: 20px; background: #2a2a2a; color: #fff; overflow: hidden; margin-left: -300px; -webkit-transition: 0.5s ease; transition: 0.5s ease; font-size: 16px; position: relative; } .team-block .team-block-list .team-block-item .team-block-item-text .meta-name { font-size: 24px; line-height: 28px; margin-bottom: 10px; font-weight: 300; } .team-block .team-block-list .team-block-item .team-block-item-text .meta-title { color: #81898F; margin-bottom: 30px; font-weight: 600; } .team-block .team-block-list .team-block-item .team-block-item-text .meta-share { position: absolute; bottom: 20px; } .team-block .team-block-list .team-block-item .team-block-item-text .meta-share span { color: #ff6c36; } .team-block .team-block-list .team-block-item .team-block-item-text .meta-share a { color: #81898F; font-weight: 600; text-decoration: none; } .team-block .team-block-list .team-block-item .team-block-item-text .meta-share a:hover { color: #fff; text-decoration: none; } .team-block .team-block-list .team-block-item:before { content: 'Go on, click it'; display: inline-block; width: 100px; height: 100px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 9; line-height: 19px; text-align: center; background: rgba(0, 0, 0, 0.5); color: #FFF; padding-top: 300px; pointer-events: none; opacity: 0; visibility: hidden; border-radius: 50%; } .team-block .team-block-list .team-block-item:hover:before { opacity: 1; visibility: visible; -webkit-transition: 0.35s; transition: 0.35s; width: 500px; height: 600px; left: -100px; right: -100px; top: -100px; bottom: -100px; } .team-block .team-block-list .team-block-item.active:hover:before, .team-block .team-block-list .team-block-item.visited:hover:before { display: none; } .team-block .team-block-list .team-block-item.active .team-block-item-img, .team-block .team-block-list .team-block-item.visited .team-block-item-img { /*border:6px solid #2a2a2a;*/ } .team-block .team-block-list .team-block-item.active .team-block-item-img .team-block-item-img-bot, .team-block .team-block-list .team-block-item.visited .team-block-item-img .team-block-item-img-bot { opacity: 1; visibility: visible; } .team-block .team-block-list .team-block-item.active .team-block-item-text, .team-block .team-block-list .team-block-item.visited .team-block-item-text { margin-left: 0; } .team-block .team-block-list.kinetic-active { cursor: -webkit-grab !important; } .team-block .team-block-list.kinetic-moving-left, .team-block .team-block-list.kinetic-moving-right, .team-block .team-block-list.kinetic-moving-up, .team-block .team-block-list.kinetic-moving-down { cursor: -webkit-grabbing !important; } .team-block .btn-invert { padding: 5px 35px; border: 1px solid #111; background: #fff; color: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; } .team-block .btn-invert:active { background: #111; color: #fff; } .team-block .btn-invert + .btn-invert { margin-left: 20px; } blockquote { font-size: 16px; } .features-block .features-thumb { width: 153px; height: 153px; margin-bottom: 15px; } .features-block .features-thumb.thumb-setup img { margin-top: -17px; } .features-block .features-thumb.thumb-billing img { margin-top: -11px; } .features-block .features-thumb.thumb-analytics img { margin-top: -10px; margin-left: -20px; } .features-block .features-thumb.thumb-integration img { margin-top: -23px; } .features-block h4 { font-size: 20px; font-weight: 600; } .features-block .media-list .media { margin-top: 0; } #managed img { backface-visibility: hidden; } .status-block .cb-progress { display: inline-block; text-align: center; border: 1px solid #e4e8eb; padding: 10px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #F8F8F8; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .status-block #cb_status { width: 100%; min-height: 720px; } .support-block .support-links-list { margin: -20px 0 80px -20px; text-align: center; } .support-block .support-links-list .support-link { width: 50%; padding-top: 20px; padding-left: 20px; display: inline-block; vertical-align: top; } .support-block .support-links-list .support-link a { display: block; padding: 20px 10px; /* font-weight: 600; */ /* color: #000000; */ /* background: #FFFFFF; */ /* border: 1px solid #758393; */ /* border-radius: 2px; */ text-align: center; height: 100px; /* text-decoration: none; */ /* line-height: 17px; */ /* transition: all 0.3s ease; */ /* -webkit-transition: all 0.3s ease; */ background: #ffffff; /* padding: 48px 72px; */ color: #012A38; max-width: 720px; border-radius: 6px; position: relative; border-bottom: 5px solid #D9D9D9; transition: 0.3s ease-in-out; box-shadow: 10px 10px 50px 10px rgb(0 0 0 / 6%); font-family: 'Inter', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; } .support-block .support-links-list .support-link a .fa { font-size: 18px; line-height: 24px; margin-bottom: 5px; display: block; } .support-block .support-links-list .support-link a:hover { background: #fff; border-color: #FF3300; /* color: #000; */ box-shadow: none; } .support-brick{ font-family: 'Inter', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; } .support-block .support-brick { border: 1px solid #333; border-radius: 2px; margin: 30px 0; } .support-block .support-brick-header { font-size: 18px; font-weight: 500; color: #FFFFFF; line-height: 24px; padding: 20px; font-family: 'Sora', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; /* text-align: center; */ } @media (min-width: 992px) { .support-block .support-brick-header { /* height: 130px !important; */ } } .support-block .support-brick-body { padding: 20px; min-height: 240px; } .support-block .support-brick-body li{ margin-bottom: 18px; } .support-block .support-brick-body a { font-size: 14px; color: #012A38; text-decoration: underline; text-underline-offset: 4px; line-height: 20px; } .support-block .support-brick-body a:hover { text-decoration: none; } .support-block .support-brick-body .list-arrow { padding-left: 20px; margin: 0; } .support-block .support-brick-body .list-arrow li:before { left: -10px; } .shopify-carousel > div { cursor: pointer; opacity: 0.5; } .shopify-carousel > div.active { opacity: 1; } .careers-block h3 { display: inline-block; border-bottom: 2px solid #ddd; } .error-block { color: #000; } .error-block .oh { font-size: 200px; font-weight: bold; } .error-block .oh > em { background: url(../images/403/error-oh.png) no-repeat center center; padding: 65.5px 75px; display: inline-block; } #country-dropdown.affix-act { position: fixed; top: 0; right: 0; left: 0; background: #FFF; z-index: 99; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.22); } #country-dropdown.affix-act .container { padding-top: 20px; padding-bottom: 20px; } .payment-gateways-block-page .media-list { margin-bottom: 50px; border-bottom: 1px dashed #ddd; } .payment-gateways-block-page .media-list .media { padding: 50px 0; border-top: 1px dashed #ddd; margin-top: 0; } .payment-gateways-block-page .media-list .media .pull-left { margin-right: 30px; } .payment-gateways-block-page .media-list .media .media-body .media-heading { font-weight: 700; margin-bottom: 30px; } .payment-gateways-block-page .media-list .media .media-body ul { list-style: none; margin-left: -25px; } .payment-gateways-block-page .media-list .media .media-body ul li { padding-left: 25px; line-height: 32px; } .payment-gateways-block-page .media-list .media .media-body .fa { font-size: 10px; } .payment-gateways-block-page .media-list .media .media-body a { color: #21C489; } .banner-block-team { /*height: 427px;*/ overflow: hidden; position: relative; } .banner-block-team .container { position: relative; } .video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Cb Developers page*/ .cb-dev-banner h1 { font-size: 42px; color: #000000; line-height: 48px; } .cb-dev-banner p { font-size: 23px; font-weight: 100; color: #222222; line-height: 32px; } .cb-dev-description { margin: 10px 10px 36px 0; } .btn-dev-success { background: #1FBB8F; border-radius: 2px; padding: 16px 80px; font-size: 16px; color: #FFFFFF; line-height: 26px; } .cb-dev-subblock { max-width: 360px; } .cb-dev-subblock h4 { font-size: 24px; line-height: 40px; } .cb-dev-subblock h4 a { color: #000000; } .cb-dev-subblock h4 a:hover { color: #37c896; } .cb-dev-subblock p { font-weight: 100; font-size: 16px; color: #1A1A1A; line-height: 25px; padding-right: 14px; } .cb-dev-subblock a.link { font-weight: 600; font-size: 16px; color: #1A1A1A; line-height: 22px; border-bottom: 1px dashed; } .cb-dev-subblock a.link:hover { color: #37c896; } .cb-dev-subblock ul { margin: 20px 0 0; padding: 0; list-style: none; } .cb-dev-subblock ul li { display: inline-block; padding-bottom: 10px; min-width: 70px; margin-right: 20px; } .cb-dev-subblock ul li a { font-weight: 600; font-size: 16px; color: #1A1A1A; line-height: 22px; border-bottom: 1px dashed; } .cb-dev-subblock ul li a:hover { color: #37c896; } .block-tb-space { padding: 50px 0; } .block-space-xl { padding: 75px 0; } /* Guides Page */ .block-mar-auto { margin: auto; } .guide-subtitle { font-size: 18px; font-weight: 100; line-height: 26px; margin-top: 15px; margin-bottom: 40px; } .block-space-btm-xs { padding-bottom: 10px; } .block-plan { margin: 0; padding: 34px 0; border-bottom: 1px dashed #BABEC9; display: table; width: 100%; } .block-plan .block-plan-arrow { margin-right: 10px; display: table-cell; vertical-align: middle; width: 114px; } .block-plan .block-plan-arrow a { color: #747D93; border: 2px solid #747D93; border-radius: 2px; padding: 8px; height: 35px; line-height: 14px; display: block; transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; } .block-plan .block-plan-arrow a i { font-size: 14px; margin-right: 4px; } .block-plan .block-plan-arrow :hover, .block-plan .block-plan-arrow :focus { color: #fff; border-color: #37c896; background: #37c896; text-decoration: none; } .block-plan .block-plan-text { max-width: 570px; overflow: hidden; display: table-cell; vertical-align: middle; float: left; width: 90%; } .block-plan .block-plan-text h4 { font-size: 22px; color: #37c896; } .block-plan .block-plan-text p { font-size: 17px; font-weight: 100; margin: 0; color: #747D93; line-height: normal; } .block-trials .block-plan:last-child { border-width: 0; } /* Google Code Preffity */ .prettyprint .str { color: #52B967; } .prettyprint .pun, .prettyprint .pln { color: #7d869a; } .prettyprint .com { color: #db6f6d; } .block-custom-breadcrumb { padding-left: 0; } .block-custom-breadcrumb > li + li:before { font-weight: normal; } .block-custom-breadcrumb > li a { color: #747D93; } .block-custom-breadcrumb > li a:hover { text-decoration: underline; } .block-custom-breadcrumb .active { color: #403F5A; } .block-trials-detail .block-trial-section { margin-bottom: 20px; } .block-trials-detail .block-trial-section h4, .block-trials-detail .block-trial-section h6 { margin-top: 0; padding-top: 20px; } .block-trials-detail h1 { font-size: 30px; } .block-trials-detail p { font-size: 18px; font-weight: 100; line-height: 26px; margin-top: 15px; margin-bottom: 20px; } .block-trials-detail pre { border-width: 0; background: #f6f9fb; line-height: 26px; padding: 10px 40px; margin-right: -200px; white-space: nowrap; white-space: pre-line; } .block-trials-detail pre code { white-space: pre-line; } .affix-bottom { position: absolute; } .affix-sidenav { background: #F6F9FB; padding: 0 0 10px 0; max-width: 260px; width: 100%; } .affix-sidenav > li { font-size: 11px; color: #747D93; } .affix-sidenav > li:first-child { padding: 8px 20px; text-transform: uppercase; } .affix-sidenav > li a { font-size: 15px; color: #747D93; display: block; padding: 10px 30px; } .affix-sidenav > li a:hover, .affix-sidenav > li a:focus { background: #F0F4F8; } .affix-sidenav > li.active a { background: #F0F4F8; color: #333; font-weight: bold; position: relative; } .affix-sidenav > li.active a:before { font-family: FontAwesome; font-weight: normal; font-size: 18px; position: absolute; left: 14px; } .affix-sidenav > li.active > ul { margin: 0; } .affix-sidenav > li.active > ul li a { background: transparent; font-size: 15px; color: #747D93; font-weight: 300; } .affix-sidenav > li.active > ul li a:before { content: ""; } .affix-sidenav > li.active > ul li.active a { color: #333; font-weight: bold; } .affix-sidenav > li ul { margin: 0; padding: 0 14px; list-style: none; } .affix-sidenav > li ul li a:hover, .affix-sidenav > li ul li a:focus { background: transparent; color: #333; font-weight: bold; } /* Supported Gateway */ .cb-sup-gateway { padding: 10px 0; border-radius: 0; border: 0; } .cb-sup-gateway .cb-gw-title { color: #fff; } .cb-sup-gateway .hr-line-title { width: 60px; content: ''; display: block; height: 2px; border: 0; background: #fff; margin: 40px auto; } .text-style-p { font-size: 20px; color: #fff; font-weight: 100; max-width: 720px; margin: auto; text-align: center; } .text-style-dark { color: #403F5A; padding: 30px 0; } .cb-canada { background: #E55555; } .cb-hongkong { background: #E02600; } .cb-australia { background: #00008B; } .cb-singapore { background: #ED5565; } .cb-malaysia { background: #ED5565; } .cb-newzealand { background: #4758A9; } .cb-france { background: #5667B7; } .cb-united-kingdom { background: #3D4E9E; } .cb-germany { background: #667080; } .alter-img { margin: 30px 0; } .alter-img a { display: inline-block; } .blk-purple { background: #403E5B; padding: 60px 0; } .cb-request-demo h4 { font-size: 24px; color: #fff; font-weight: 600; } .cb-request-demo .title-blk { font-size: 18px; font-weight: 100; color: #fff; padding-bottom: 24px; max-width: 560px; margin: auto; } .cb-request-demo .btn { font-size: 18px; text-transform: uppercase; font-weight: 500; padding: 16px 36px; } .cb-request-demo a { display: inline-block; } .cb-request-demo a:last-child { margin-left: 50px; } .cb-request-demo a p { margin-top: 6px; line-height: 15px; } .cb-request-demo a span { display: block; font-size: 10px; color: #807F9A; } .cb-support-gateways { margin: 40px 0; } .cb-support-gateways .pay-gateway-bg { background: #FFFFFF; display: block; min-height: 126px; margin-bottom: 30px; box-shadow: 0 0 2px #C8D0DC, 0 2px 2px rgba(116, 125, 147, 0.44); text-align: center; max-height: 126px; transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; border-radius: 2px; } .cb-support-gateways .pay-gateway-bg a { padding: 38px 0; display: block; } .cb-support-gateways .pay-gateway-bg:hover { box-shadow: 0 0 2px #C8D0DC, 0 0px 8px rgba(116, 125, 147, 0.32); } /* Fee-calculator */ .line-header { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 50px; margin-top: 72px; } /* 404 error page */ .mar-y-sm { margin-top: 40px; margin-bottom: 40px; } .cb-errorpage { font-size: 22px; color: rgba(0, 0, 0, 0.54); line-height: 32px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; max-width: 960px; margin: auto; } .cb-errorpage a { color: #2196F3; text-decoration: underline; } .cb-errorpage__img, .cb-errorpage__text { display: inline-block; vertical-align: middle; } .cb-errorpage__img { max-width: 520px; margin-right: 60px; } .cb-errorpage__text-title { font-size: 38px; color: rgba(0, 0, 0, 0.87); line-height: 54px; text-transform: inherit; letter-spacing: -1.1px; margin-bottom: 34px; } .cb-errorpage__text-description { max-width: 340px; margin-bottom: 20px; } .tag-coming-soon { font-size: 11px; text-transform: uppercase; padding: 3px 8px 4px; background: #FFD49A; border-radius: 2px; font-weight: bold; margin-left: 10px; display: inline-block; vertical-align: middle; } .cb-banner-signup { font-size: 0; color: #fff; display: inline-block; padding: 10px 0 10px 20px; border-radius: 2px; margin-top: 40px; } .cb-banner-signup__text, .cb-banner-signup__action { display: inline-block; vertical-align: top; } .cb-banner-signup__text { font-size: 16px; max-width: 600px; text-align: left; margin-right: -1px; padding-right: 20px; } .cb-banner-signup__link { font-size: 14px; font-weight: bold; color: #fff; margin: -10px 0; display: inline-block; padding: 11px 20px; background: rgba(255, 255, 255, 0.3); } .cb-banner-signup__link:hover, .cb-banner-signup__link:focus { background: rgba(255, 255, 255, 0.1); color: #fff; } #cbFmModal { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; text-align: center; } #cbFmModal:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; } #cbFmModal .modal-dialog { display: inline-block; vertical-align: middle; max-width: 90%; width: 680px; } #cbFmModal .modal-header { padding: 25px; border: 0; text-align: center; background: #292C36; } #cbFmModal .close { margin-top: -2px; color: #fff; opacity: 0.3; text-shadow: none; padding-right: 4px; } #cbFmModal .modal-body { background: #292C36; color: #fff; padding: 2px 12.5% 50px; text-align: center; } #cbFmModal p { opacity: 0.7; font-weight: 100; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; } #cbFmModal h1 { font-size: 22px; line-height: 1.2; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; } .highlight { display: inline-block; vertical-align: middle; padding: 4px 9px 6px; line-height: 1.2; border-radius: 2px; margin-left: 9px; font-size: 13px; font-weight: 500; color: #6A63FF; border: 1px solid; } .highlight .fa { font-size: 15px!important; margin-right: 4px; } .cb-dunning-info { background: #230e49; padding: 30px; max-width: 200px; border-radius: 2px; } .cb-dunning-info h2 { line-height: 34px; } .cb-dunning-txt { font-size: 24px; color: #fff; } .cb-dunning-txt:hover, .cb-dunning-txt:focus { color: #fff; cursor: pointer; } .cb-divider { margin: 60px auto; width: 100%; max-width: 60px; height: 2px; background: #808c96; border-radius: 10px; display: block; position: relative; } .cb-divider:before, .cb-divider:after { content: ''; width: 6px; height: 2px; position: absolute; background: #808c96; border-radius: 10px; } .cb-divider:before { left: -10px; } .cb-divider:after { right: -10px; } .cb-media { margin-top: 15px; } .cb-media:first-child { margin-top: 0; } .cb-media, .cb-media-body { zoom: 1; overflow: hidden; } .cb-media-body { width: 10000px; } .cb-media-object { display: block; } .cb-media-object.img-thumbnail { max-width: none; } .cb-media-right, .cb-media > .pull-right { padding-left: 30px; } .cb-media-left, .cb-media > .pull-left { padding-right: 30px; } .cb-media-left, .cb-media-right, .cb-media-body { display: table-cell; vertical-align: top; } .cb-media-middle { vertical-align: middle; } .cb-media-bottom { vertical-align: bottom; } .cb-privacy h3 { font-family: acumin-pro, Helvetica, Arial, sans-serif; text-transform: none; font-size: 20px; margin: 40px 0 20px 0; } .cb-privacy p { font-size: 14px; line-height: 1.6; margin-bottom: 20px; color: rgba(0, 0, 0, 0.54); } .cb-privacy address { font-size: 14px; color: rgba(0, 0, 0, 0.54); line-height: 1.6; } .cb-privacy-launch { color: #637280; font-size: 13px; margin-top: -12px; margin-bottom: 13px; } .cb-privacy-launch a { color: #000000; text-decoration: underline; float: right; } .cb-privacy-launch a:hover, .cb-privacy-launch a:focus { color: #000000; opacity: 0.8; } .cb-privacy-signup { color: #637280; font-size: 13px; margin-bottom: 15px; float: right; } .cb-privacy-signup a { color: #00BCB4; } .cb-privacy-signup a:hover, .cb-privacy-signup a:focus { color: #000000; opacity: 0.8; } /*Media query styles*/ /* minimized and maximized list style */ @media (min-width: 768px) { .tbl-sm { display: table; border-collapse: collapse; width: 100%; } .tbl-sm .tbl-cell { display: table-cell; } .header nav > ul > li { display: inline-block; vertical-align: middle; margin-left: 30px; } .header nav > ul > li > a:hover, .header nav > ul > li > a.active { color: inherit; text-decoration: underline; } .nav-main { display: inline-block; } .nav-sub { text-align: right; } .tab-no-pad { padding: 0; } .tab-no-mar { margin: 0px; } .banner-block-overlay { padding-top: 200px; padding-bottom: 200px; } .banner-block-overlay h1 { margin-bottom: 20px; font-size: 40px; } .banner-block-overlay p { font-size: 22px; font-weight: 100; line-height: 31px; max-width: 580px; margin: auto; } .subscription-block .subscription-list { min-height: 300px; } .subscription-block .subscription-list p { width: 85%; margin-left: auto; margin-right: auto; } .business-block { border-width: 2px; } .client-block .testimonial-block .user-img { float: left; } .client-block .testimonial-block .user-details { margin-left: 95px; } .customers-block .table-cell { display: table-cell; float: none; vertical-align: middle; min-width: 350px; padding: 30px; } .customers-block .table-cell img.center-block { margin-right: 0; } .customers-block blockquote { border-left: 1px solid #ddd; } .reason-block .reason-block1 { left: 0; } .reason-block .reason-block2 { right: -15px; top: 0; } .reason-block .reason-block3 { left: 0; bottom: 160px; } .reason-block .reason-block4 { bottom: 0; } .reason-block .reason-block5 { right: -15px; bottom: 100px; } .case-stuides-block .carousel .carousel-control { font-size: 25px; top: 25%; } .theme-block .theme-img-block { width: 55%; top: 22%; } .business-block .tab-content h4 { font-size: 21px; } .signup-block .form-inline .form-control { min-width: 380px; } .price-block .panel.selected { margin-top: -50px; padding-bottom: 30px; } .price-block .panel.selected h4 { margin-top: 30px; margin-bottom: 25px; } .price-block .panel.selected .price { margin-bottom: 15px; } .price-block .no-sep-left { border-left: 0; } .price-block .no-sep-right { border-right: 0; } .feature-list h4 { font-size: 18px; } .feature-list li { width: 142px; height: 192px; } .feature-list li a { width: 142px; height: 192px; } .gateways-list > li img { max-width: 100%; } .htruncate-ml4 { height: 100px; } .jobs-block .btn-info { padding-left: 20px; padding-right: 20px; margin-top: 22px; font-size: 15px; } .features-block .much-more { margin-top: 67px; margin-bottom: 18px; height: 142px; } .payment-gateways-block-page .media-list .media .media-body ul { padding-left: 40px; } .payment-gateways-block-page .media-list .media .media-body ul li { display: inline-block; } .vertical-divider { border-right: 1px solid #ddd; } } @media (min-width: 992px) { .container-fluid { padding-left: 30px; padding-right: 30px; } .tbl-md { display: table; border-collapse: collapse; width: 100%; } .tbl-md .tbl-cell { display: table-cell; } .block-title { padding-left: 50px; padding-right: 50px; margin-left: 120px; margin-right: 120px; } .block-title:before, .block-title:after { width: 120px; } .theme-block .theme-img-block { width: 55%; } .price-slider-block .price { padding-left: 0px; } .block-pull { margin-left: -30px; margin-right: -30px; } .reason-block .reason-block2 { right: 15px; top: 5px; } .reason-block .reason-block3 { left: 30px; bottom: 165px; } .reason-block .reason-block4 { bottom: 0px; } .reason-block .reason-block5 { right: -10px; bottom: 105px; } .feature-list h4 { font-size: 22px; } .feature-list li { width: 193px; height: 193px; } .feature-list li a { width: 193px; height: 193px; } .about-block .about-divider { border-right: 1px solid #ddd; } .about-block h4.text-center { font-weight: 600; margin-bottom: 30px; } .htruncate-ml4 { height: 80px; } .customers-block .img-tweet { margin-left: 350px; } .support-block .support-links-list .support-link { width: 18%; } .support-block .support-links-list .support-link a { /* box-shadow: inset 0px -4px 0px 0px rgba(0, 0, 0, 0.1); */ height: 130px; } .support-block .support-links-list .support-link a .fa { font-size: 30px; line-height: 35px; margin-bottom: 15px; } /* .support-block .support-brick-header { */ /* font-size: 23px; line-height: 28px; */ /* padding: 40px; */ /* height: 172px; */ /* } */ .support-block .support-brick-header .fa { font-size: 50px; } .support-block .support-brick-body { padding: 32px ; } } @media (min-width: 1200px) { .support-block .support-links-list .support-link a { padding-top: 30px; padding-bottom: 30px; } .carousel-control.left { left: -3.4%; } .carousel-control.right { right: -3.4%; } } @media (min-width: 1500px) { .banner-block .banner-block-img { width: 48%; } } @media (max-width: 1199px) { .business-block .business-list { font-size: 14px; } .cb-errorpage__img { max-width: 420px; } } @media (max-width: 991px) { .header { padding-top: 25px; padding-bottom: 25px; } .nav-mobile { display: block; } body.nav-active-mobile #fc_chat_layout, .header-top nav, .header-fixed, .nav-main, .nav-sub { display: none; } /*For Trials*/ .block-trials-detail pre { margin-right: 0; } .text-center__sm__xs { text-align: center; } .cb-errorpage { font-size: 18px; line-height: 24px; } .cb-errorpage__img { max-width: 300px; } .cb-errorpage__text-title { font-size: 28px; line-height: 30px; margin-bottom: 16px; margin-top: 30px; } .cb-hero-about { padding-top: 60px; } } @media (max-width: 767px) { h1 { font-size: 30px; } h2 { font-size: 27px; } h3 { font-size: 24px; } h4 { font-size: 21px; } h5 { font-size: 18px; } h6 { font-size: 16px; line-height: 22px; } .text-center-xs { text-align: center; } .text-44 { font-size: 30px; line-height: 28px; } .text-32 { font-size: 24px; line-height: 28px; } .text-28 { font-size: 22px; line-height: 28px; } .text-24 { font-size: 20px; line-height: 24px; } .text-20 { font-size: 18px; line-height: 24px; } .text-18 { font-size: 17px; line-height: 24px; } .text-16 { font-size: 15px; line-height: 24px; } .mob-clr-xs { display: block; float: none!important; width: 100%; } .mob-no-pad { padding: 0; } .mob-no-mar { margin: 0; } .cir-mini { line-height: 38px; margin-top: 5px; } .cir-md { line-height: 48px; margin-top: 5px; } h3 { font-size: 22px; line-height: 34px; } h4 { font-size: 20px; line-height: 32px; } .banner-block h1 { font-size: 30px; } .reason-block { padding: 10px 0px; } .reason-block .reason-block1, .reason-block .reason-block2, .reason-block .reason-block3, .reason-block .reason-block4, .reason-block .reason-block5 { position: static; } .reason-block .reason-img-block { padding: 0; } .reason-block .media .media-body { margin-top: 10px; } .case-stuides-body { padding-top: 0; } .case-stuides-block .text-38 { font-size: 15px; line-height: 24px; } .features-block-a .media-list { display: inline-block; } .client-block li .thumbnail { width: 120px; height: 120px; line-height: 120px; margin-left: 8px; margin-right: 8px; background-size: 720px; } .client-block li .thumbnail.one { background-position: 0px 0px; } .client-block li .thumbnail.two { background-position: -120px 0px; } .client-block li .thumbnail.three { background-position: -240px 0px; } .client-block li .thumbnail.four { background-position: -360px 0px; } .client-block li .thumbnail.five { background-position: -480px 0px; } .client-block li .thumbnail.six { background-position: -600px 0px; } .client-block li .thumbnail.seven { background-position: 0 -120px; } .client-block li .thumbnail.eight { background-position: -120px -120px; } .client-block li .thumbnail.nine { background-position: -240px -120px; } .client-block li .thumbnail.ten { background-position: -360px -120px; } .client-block li .thumbnail.eleven { background-position: -480px -120px; } .client-block li .thumbnail.twelve { background-position: -600px -120px; } .client-block .testimonial-block .tab-content:after, .client-block .testimonial-block .tab-content:before { left: 0; right: 0; margin: auto; } .htruncate, .htruncate-ml3, .htruncate-ml2, .htruncate-ml4 { overflow: visible; white-space: normal; height: auto; display: block; } .price-slider-block .progress-block { background: none; padding: 0; } .price-slider-block .well-lg { padding-left: 3px; padding-right: 3px; } .faq-block ul li:last-child { margin-bottom: 15px; } .subscription-block .subscription-heading-block.block-space { padding: 1px 0; } .gateways-list > li img { max-width: 100%; } .steps-list > li .media .media-body { line-height: 60px; } .team-list a .list-view { position: static; transition: none; height: 100%; opacity: 1; } .team-list a .list-view .text-18 { font-size: 18px; } .team-list a .list-view .text-16 { font-size: 16px; line-height: 28px; } .team-list a img.img-responsive { width: 100%; } .benefits-list > li { height: auto; } .support-block .support-links-block a { text-align: left; height: auto; } .support-block .support-links-block a .fa { margin-bottom: 0; margin-right: 5px; display: inline-block; vertical-align: sub; } .support-block .support-brick-header { height: auto; text-align: left; } .support-block .support-brick-header .fa { margin-bottom: 0; margin-right: 5px; display: inline-block; } .support-block .support-brick-body { min-height: 1px; } #footer .footer-links li { padding-top: 12px; padding-bottom: 12px; } .error-block .oh { font-size: 100px; } .error-block .oh > em { padding: 35px; background-size: 65px; } /*For Trials*/ .block-plan .block-plan-text { display: block; width: 100%; clear: both; margin-bottom: 20px; } .block-plan .block-plan-arrow { display: block; clear: both; margin: 0 auto; float: left; } .text-center__sm__xs { text-align: center; } /* 404 error page */ .cb-errorpage { text-align: center; } .cb-errorpage__img { max-width: 220px; display: block; margin: auto; } .cb-media-left, .cb-media-right, .cb-media-body { display: block; text-align: center; } .cb-media-left { padding-right: 0; } .cb-media-left > div { margin: auto; } .cb-media-right, .cb-media-body { margin-top: 20px; padding-left: 0; width: auto; } } header.header-top { background: none; border-width: 0; } .bg-grad-sacred, .bg-clr-sunshine, .bg-clr-freshness { background-image: linear-gradient(120deg, #411D53 0%, #7E3982 54%, #CE5A73 100%); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 100px 0 50px; } .bg-clr-sunshine { background-image: linear-gradient(-50deg, #E67E53 0%, #C03973 100%); } .bg-clr-freshness { background-image: linear-gradient(-50deg, #16A085 0%, #2A3E50 100%); } .cb-feat-cover-content { color: #fff; margin: 70px 0; } .cb-feat-cover-content h1 { font-size: 36px; color: #FFFFFF; line-height: 42px; margin-bottom: 20px; } .cb-feat-cover-content P { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; opacity: 0.8; font-size: 16px; color: #ffffff; line-height: 24px; } .cb-feat-cover-content .btn-text { font-size: 16px; color: #FFFFFF; letter-spacing: 4px; margin: 20px 0; border-bottom: 1px dashed; display: inline-block; } .cb-feat-cover-content .btn-text:hover, .cb-feat-cover-content .btn-text:focus { border-bottom-style: solid; } .cb-feat-cover-img { margin-top: 40px; } .cb-feat-nav { margin: 0; padding: 0; } .cb-feat-nav li { display: inline-block; padding: 14px 18px; max-width: 230px; min-height: 74px; margin-right: 18px; border-radius: 4px; } .cb-feat-nav li:last-child { margin-right: 0; } .cb-feat-nav li.active { background: rgba(0, 0, 0, 0.3); box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.6); } .cb-feat-nav li a img { float: left; margin-right: 12px; } .cb-feat-nav li a .cb-feat-nav-content { overflow: hidden; } .cb-feat-nav li a .cb-feat-nav-content h4 { font-size: 14px; color: #FFFFFF; line-height: 18px; text-transform: uppercase; margin-bottom: 2px; } .cb-feat-nav li a .cb-feat-nav-content p { font-size: 11px; color: #fff; opacity: 0.6; line-height: 15px; margin-bottom: 0; } .affix { top: 20px; } .cb-feat-pos-top { position: absolute; } .cb-feat-scroll { list-style: none; margin: 40px 20px; white-space: nowrap; padding: 0; } .cb-feat-scroll li { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .cb-feat-scroll li:after { content: ':'; font-weight: 700; font-size: 18px; color: #dadadf; display: block; margin: -6px 1px; } .cb-feat-scroll li:last-child:after { content: ""; } .cb-feat-scroll li a { font-size: 11px; line-height: 15px; color: #A24E7F; font-weight: 600; text-transform: uppercase; padding: 0; display: inline-block; } .cb-feat-scroll li a span { display: none; } .cb-feat-scroll li a:before { content: ''; border-radius: 50%; border: 1px solid #403F5A; width: 8px; height: 8px; display: inline-block; margin-right: 13px; } .cb-feat-scroll li a:hover, .cb-feat-scroll li a:focus { background: transparent; } .cb-feat-scroll li a:hover span, .cb-feat-scroll li a:focus span { display: inline-block; } .cb-feat-scroll li a:hover:before, .cb-feat-scroll li a:focus:before { background: #A24E7F; border-color: #A24E7F; } .cb-feat-scroll li.active span { display: inline-block; animation-duration: 0.4s; animation-name: bounceIn; } .cb-feat-scroll li.active a:before { background: #A24E7F; border-color: #A24E7F; } @keyframes bounceIn { 0% { transform: scale(1.1); opacity: 0; } 100% { transform: scale(1); } } .cb-feat-contant { margin: 80px 0 50px; } .cb-feat-contant figure { margin-bottom: 30px; } .cb-feat-contant h2 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 100; font-size: 30px; color: #403F5A; line-height: 42px; text-transform: none; } .cb-feat-contant P { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 100; font-size: 15px; color: #333333; line-height: 26px; max-width: 520px; } .cb-feat-contant ul { list-style: none; margin: 30px 0 0; padding: 0; } .cb-feat-contant ul li { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; font-size: 13px; color: #A24E7F; line-height: 22px; margin-bottom: 30px; vertical-align: top; } .cb-feat-contant ul li:before { content: ''; width: 20px; height: 2px; background: #A24E7F; display: block; margin-bottom: 6px; } .cb-feat-contant ul.list-inline li { display: inline-block; max-width: 260px; margin-right: 30px; } .cb-feat-contant ul.list-inline li:last-child { margin-right: 0; } @media (max-width: 767px) { .cb-feat-nav li { display: block; margin-bottom: 30px; margin-right: 0; max-width: inherit; width: 100%; } .cb-feat-nav li:last-child { margin-bottom: 0; } } #Field1::-webkit-input-placeholder { color: #fff; } /*Placeholder Color*/ .bg-dark { background: #403F5A; font-family: merriweather, georgia, cambria, serif; } .cb-land-header { margin: 60px; display: flex; justify-content: space-between; align-items: center; } .cb-land-header ul { list-style: none; margin: 0; padding: 0; } .cb-land-header ul li { display: inline-block; margin-left: 30px; color: #fff; font-size: 12px; font-style: italic; } .cb-land-header ul li a { color: #fff; } .cb-land-header ul li a:hover, .cb-land-header ul li a:focus { border-bottom: 1px solid; } .cb-land-header ul li span a { color: #50ABF1; } .cb-land-content { margin: 20px 0; } .cb-land-content .section-title { font-family: merriweather,georgia,cambria,serif; font-style: italic; font-size: 20px; color: #FFFFFF; line-height: 40px; font-weight: 300; margin-bottom: 30px; } .cb-land-content .section-title span { font-weight: 400; display: block; font-size: 32px; } .cb-land-content ul { list-style: none; margin: 60px 0; padding: 0; } .cb-land-content ul li { display: inline-block; margin-right: 30px; vertical-align: middle; } .cb-land-content ul li:last-child { margin-right: 0; } .cb-customer { max-width: 720px; margin: 40px auto; } .cb-customer .thumb-list { display: flex; margin: 0; padding: 0; list-style: none; justify-content: space-around; align-items: center; opacity: 0.4; } .cb-land-form { margin: 100px auto; text-align: center; } .cb-land-form input[type="text"], .cb-land-form input[type="email"], .cb-land-form select { background: #545483; border: 2px solid #333333; box-shadow: inset 4px 4px 0px 0px #474676; border-radius: 2px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 15px; color: #FFFFFF; line-height: 22px; padding: 18px 20px; width: 320px; display: inline-block; vertical-align: top; height: 64px; } .cb-land-form select { width: 200px; padding: 18px 40px 18px 10px; text-indent: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .cb-land-form .btn { background: #6C6EFA; box-shadow: inset -3px -3px 0px 0px #6C6EFA; border-radius: 2px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: bold; font-size: 18px; color: #fff; line-height: 26px; height: 62px; width: 200px; text-transform: uppercase; border-width: 0; transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -webkit-transition: 0.15s ease-out; } .cb-land-form .btn:hover, .cb-land-form .btn:focus { background: #F06E46; color: #fff; box-shadow: inset -3px -3px 0px 0px #F06E46; } .cb-land-form ul { list-style: none; margin: 0; padding: 0; } .cb-land-form ul li { display: inline-block; vertical-align: top; position: relative; margin-right: 20px; } .cb-land-form ul li.cb-land-selectarrow:after { content: "\f107"; font-family: 'FontAwesome'; color: #fff; position: absolute; font-size: 18px; top: 50%; right: 20px; margin-top: -12px; } .hr-line-light { max-width: 100px; background: #747D93; display: block; height: 1px; border: 0; margin: 30px auto; } .cb-land-footer { margin: 80px 0 20px; } .cb-land-footer p { opacity: 0.4; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 11px; color: #FFFFFF; line-height: 18px; text-transform: uppercase; margin: 10px 0 0; } @media only screen and (max-width: 991px) { .cb-land-form input[type="text"], .cb-land-form input[type="email"] { width: 200px; } } @media only screen and (max-width: 767px) { .cb-land-form ul li { display: block; margin-top: 30px; } .cb-land-form ul li input[type="text"], .cb-land-form ul li input[type="email"], .cb-land-form ul li select { width: 100%; } .cb-land-form .btn { width: 100%; } .cb-customer .thumb-list { flex-wrap: wrap; } .cb-customer .thumb-list li { display: inline-block; margin: 20px; } } .country-flag { width: 45px; height: auto; vertical-align: middle; margin-top: -3px; } .nopadding { padding: 0px !important; } .integration { margin: 140px auto 80px; font-size: 12px; } @media (max-width: 767px) { .integration { margin-top: 100px; } } .integration a:not(.btn) { color: #1E8CE6; } .integration h1 { font-size: 24px; text-transform: none; font-weight: bold; line-height: 33px; color: #2C2D35; } .integration h3 { color: #6450F0; font-size: 14px; font-weight: bold; text-transform: none; } .integration p { font-size: 14px; line-height: 21px; color: #787882; } .integration--row { margin-top: 4%; } @media (max-width: 767px) { .integration--row { margin-top: 60px; } .integration--row .nav-tabs { display: none !important; } .integration--row .tab-pane { display: block !important; margin-bottom: 70px !important; } } .integration__leftmenu { float: left; width: 25%; position: relative; padding-right: 7%; } @media (max-width: 767px) { .integration__leftmenu { float: none; } } .integration__leftmenu .btn { width: 94% !important; padding: 5% 0% !important; font-size: 14px !important; text-align: center; height: auto !important; font-weight: 400 !important; } @media (max-width: 767px) { .integration__leftmenu .btn { width: 100% !important; padding: 3% 0 !important; margin-bottom: 0%; } } @media (min-width: 768px) and (max-width: 991px) { .integration__leftmenu .btn { width: 100% !important; padding: 3% 0 !important; margin-bottom: 10%; font-size: 12px !important; } } @media (max-width: 767px) { .integration__leftmenu { width: 100% !important; padding: 0; } } .integration__right { width: 56%; margin-right: 15%; float: right; } @media (max-width: 767px) { .integration__right { width: 100%; margin-right: 0px; float: none; } } @media (min-width: 768px) and (max-width: 991px) { .integration__right { margin-right: 10%; } } .integration__breadcrumb { color: #B4B4BE; font-size: 14px; font-weight: bold; margin-bottom: 3%; } @media (max-width: 767px) { .integration__breadcrumb { margin-bottom: 6%; } } .integration__breadcrumb i { display: inline-block; font-size: 11px; margin: 0 3px; font-weight: 300; } .integration__breadcrumb a { text-decoration: none; font-weight: 300; letter-spacing: 0.5px; } .integration__logo { width: 100%; text-align: center; background-color: #58BFD9; position: relative; } @media (max-width: 767px) { .integration__logo { width: 35%; margin: auto; } } .integration__logo img { position: absolute; margin: auto; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 40%; } .integration__logo:before { content: ""; display: block; padding-top: 100%; } .integration__logo-box { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .integration__desc { margin: 18% 0; color: #787882; } @media (max-width: 767px) { .integration__desc { margin: 0% 0 10%; } } .integration__nav { margin: 18% 0; } @media (max-width: 767px) { .integration__nav { display: none; } } .integration__nav a { font-size: 14px; display: block; margin: 5% 0; } .integration__nav a:last-child { margin-bottom: 0; } .integration__right h3 { font-size: 14px; color: #787882; text-transform: none; font-weight: 300; } @media (max-width: 767px) { .integration__right h3 { line-height: 21px; } } .integration__right-features { margin: 5.5% 0; font-size: 14px; line-height: 21px; color: #787882; } @media (max-width: 767px) { .integration__right-features { background-size: 8% !important; margin-bottom: 0%; background-position: 3% 0 !important; } } @media (max-width: 991px) { } .integration__right-features h3 { color: #6450F0; font-size: 14px; font-weight: bold; } .integration__faqs, .integration__ratelimits { padding-right: 48%; } @media (max-width: 767px) { .integration__faqs, .integration__ratelimits { width: 100%; padding-right: 0%; } } .integration__faqs .faqlist, .integration__ratelimits .faqlist { padding: 0px; } .integration__faqs .faqlist li, .integration__ratelimits .faqlist li { list-style: none; margin: 7% 0; } .integration__faqs a, .integration__ratelimits a { transition: 100ms; display: inline; font-size: 14px; line-height: 21px; color: #212128 !important; } @media (max-width: 767px) { .integration__faqs a, .integration__ratelimits a { margin: 6% 0; display: block; } } .integration__faqs .active a { color: #6450F0 !important; font-weight: bold; text-decoration: none; } .integration__faqs h3, .integration__ratelimits h3, .integration__usage-limits h3 { margin: 0% 0 4%; } @media (max-width: 200px) { .integration__faqs h3, .integration__ratelimits h3, .integration__usage-limits h3 { margin-top: 10%; } } .integration__usage-limits { word-wrap: break-word; padding-top: 25px; } .integration__usage-limits h3, .integration__usage-limits p, .integration__usage-limits code { color: #212128; } .integration__usage-limits p { line-height: 26px; font-size: 16px; } .integration__usage-limits code { background-color: transparent; line-height: 26px; display: block; padding: 0px; font-size: 12px; margin: 3% 0; font-size: 16px; } .integration__usage-limits a { font-weight: bold; } .integration__intro { margin-top: 30px; } .integration__intro h2 { font-size: 14px; text-transform: none; line-height: normal; margin-bottom: 4px; } .integration__intro ul { margin-bottom: 20px; padding-left: 0; font-size: 13px; list-style: none; } .integration__intro ul li { margin-bottom: 4px; padding-left: 18px; position: relative; } .integration__intro ul li:before { content: '-'; position: absolute; font-size: 14px; left: 0; } .integration__author { width: 40px; height: 40px; display: inline-block; border-radius: 50%; overflow: hidden; vertical-align: middle; margin-right: 10px; } .integration__author img { max-width: 100%; height: auto; display: block; } .cb-useguide__tab { margin-top: 7%; } .cb-useguide__tab ul { border-bottom-width: 0; } .cb-useguide__tab .nav-tabs li:not(:last-child) { margin-right: 18px; } .cb-useguide__tab .nav-tabs li.active a { color: #6450F0; border-width: 0; border-bottom: 3px solid; } .cb-useguide__tab .nav-tabs li.active a:hover, .cb-useguide__tab .nav-tabs li.active a:focus { color: #6450F0; border-width: 0; border-bottom: 3px solid; } .cb-useguide__tab .nav-tabs li a { padding: 0; padding-bottom: 5px; border-width: 0; color: #B4B4BE; font-weight: bold; font-size: 14px; margin-right: 30px; border-bottom: 3px solid transparent; margin-bottom: 16px; } .cb-useguide__tab .nav-tabs li a:hover, .cb-useguide__tab .nav-tabs li a:focus { background-color: transparent; color: #9494A1; } .cb-useguide__tab .tab-pane { margin: 3% 0; min-height: 375px; } @media (max-width: 767px) { .cb-useguide__tab .tab-pane { min-height: 325px; } } .cb-useguide__tab .tab-pane aside { width: 26%; padding: 4.5% 0 0 3.5%; line-height: 25px; font-size: 14px; } @media (max-width: 767px) { .cb-useguide__tab .tab-pane aside { width: 100%; } } .cb-useguide__tab .tab-pane .image-holder { width: 74%; background-size: 100%; height: 100%; max-width: 700px; } @media (max-width: 767px) { .cb-useguide__tab .tab-pane .image-holder { width: 100%; height: 100%; background-size: 95%; } } @media (max-width: 480px) { .cb-useguide__tab .tab-pane .image-holder { width: 100%; height: 60%; } } .cb-int-steps { border: 2px solid #7864ff; padding: 24px 50px; border-radius: 2px; margin-top: 50px; } @media (max-width: 767px) { .cb-int-steps { margin-top: 0; } } .cb-int-steps h6 { margin-bottom: 20px; } .cb-int-steps ol { padding-left: 15px; } .cb-int-steps li { margin-bottom: 15px; font-size: 14px; } /*================================================== = Spacing = ===================================================*/ .mar-y-xxs { margin-top: 6px; margin-bottom: 6px; } .mar-y-xs { margin-top: 15px; margin-bottom: 15px; } .mar-y-sm { margin-top: 30px; margin-bottom: 30px; } .mar-y-md { margin-top: 50px; margin-bottom: 50px; } .mar-y-lg { margin-top: 100px; margin-bottom: 100px; } .mar-x-lg { margin-top: 140px; margin-bottom: 140px; } .mar-b-zero { margin-bottom: 0 !important; } .mar-b-xs { margin-bottom: 15px; } .mar-b-sm { margin-bottom: 40px !important; } .mar-b-md { margin-bottom: 70px !important; } .mar-b-lg { margin-bottom: 100px; } .mar-t-zero { margin-top: 0; } .mar-t-xs { margin-top: 15px; } .mar-t-sm { margin-top: 30px; } .mar-t-md { margin-top: 45px; } .mar-t-lg { margin-top: 100px; } .mar-t-xl { margin-top: 150px; } .mar-r-xlg { margin-right: 150px; } .pad-t-md { padding-top: 80px; } .pad-y-sm { padding-top: 30px; padding-bottom: 30px; } .pad-y-md { padding-top: 80px; padding-bottom: 80px; } .pad-y-ton { padding-top: 120px; padding-bottom: 120px; } .pad-y-lg { padding-top: 120px; padding-bottom: 120px; } .pad-x-zero { padding-left: 0; padding-right: 0; } .pad-t-zero { padding-top: 0 !important; } .pad-4 { padding: 40px; } .pad-35 { padding: 35px; } .pad-25 { padding: 25px; } /*width spacing*/ .max-width-xs { max-width: 450px; } .max-width-sm { max-width: 600px; } /*====================================================== = Secondary Homepage = ======================================================*/ .ff-brandon { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; } .ff-merriweather { font-family: merriweather,georgia,cambria,serif !important; } .ff-acuminpro { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; } .ff-freightDisPro { font-family: freight-display-pro, serif !important; } .btn-flat { border-bottom: 1px solid; font-weight: 300; font-size: 16px; color: #7864FF; line-height: 22px; } .btn-flat i { margin-left: 3px; } .btn-flat:hover, .btn-flat:focus { text-decoration: none; border-bottom-width: 0; color: #7864FF; } .btn-flat__alter { font-weight: bold; font-size: 14px; color: #7864FF; line-height: 14px; border-bottom-width: 0; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; } .btn-flat__alter i { margin-left: 3px; } .pr-boot:hover .btn-flat__alter { color: #fff; } .btn-flat__alter:hover i, .btn-flat__alter:focus i, .pr-boot a:hover .btn-flat__alter i, .pr-boot a:hover .btn-flat__alter i { -webkit-animation: moving-arrow 0.5s ease-in infinite; -moz-animation: moving-arrow 0.5s ease-in infinite; } @-webkit-keyframes moving-arrow { 0% { -webkit-transform: translate(3px, 0); } 50% { -webkit-transform: translate(0px, 0); } 100% { -webkit-transform: translate(3px, 0); } } @-moz-keyframes moving-arrow { 0% { -webkit-transform: translate(3px, 0); } 50% { -webkit-transform: translate(0px, 0); } 100% { -webkit-transform: translate(3px, 0); } } /*Content Part*/ .blk-media { background-position: center top; background-repeat: no-repeat; background-size: contain; } .blk-media-txt { display: block; margin-left: auto; width: 100%; max-width: 410px; line-height: 28px; } .blk-media-sm, .blk-media-lg { max-width: 350px; padding-top: 210px; } .blk-media-md { padding-top: 40px; padding-bottom: 300px; } .blk-media-lg { max-width: 480px; padding-bottom: 70px; margin-right: 60px; } .blk-media-txt h2, .h2-text { font-size: 36px; font-weight: 500; line-height: 46px; text-transform: inherit; } .blk-media-txt .h2 { font-size: 30px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: bold; letter-spacing: -1.5px; line-height: 1.2; } .btn-link-primary { font-size: 14px; color: #59BEAA; font-weight: 500; text-transform: uppercase; } .btn-link-primary:after { content: "\f178"; font-family: 'FontAwesome'; font-weight: normal; display: inline-block; margin-left: 6px; } .btn-link-primary:hover, .btn-link-primary:focus { text-decoration: none; color: #59BEAA; } .btn-link-secondary { color: #ff6c36; font-weight: 700; text-transform: uppercase; } .btn-link-secondary:after { content: ""; border: 6px solid; border-color: transparent transparent transparent #ff6c36; margin-left: 6px; display: inline-block; } .btn-link-secondary:hover, .btn-link-secondary:focus { text-decoration: none; color: #ff6c36; } .btn-link-secondary:hover:after, .btn-link-primary:hover:after { -webkit-animation: floating-arrow 0.5s ease-in infinite; -moz-animation: floating-arrow 0.5s ease-in infinite; } @-webkit-keyframes floating-arrow { 0% { -webkit-transform: translateX(0); } 50% { -webkit-transform: translateX(4px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes floating-arrow { 0% { -webkit-transform: translateX(0); } 50% { -webkit-transform: translateX(4px); } 100% { -webkit-transform: translateX(0); } } .btn-ghost-secondary { border: 2px solid #00BCB4; color: #00BCB4; padding: 16px 24px; height: 54px; line-height: 20px; transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in; } .btn-ghost-secondary:hover, .btn-ghost-secondary:focus, .btn-ghost-secondary:active { background: #00BCB4; color: #fff; } .btn-ghost-secondary i { margin-left: 5px; } .blk-subcontent { margin: 100px auto; } .blk-subcontent-text { max-width: 650px; margin: auto; } .blk-subcontent-sm { max-width: 520px; } .bg-dark-primary { background: rgba(0, 0, 0, 0.87); color: #fff; } .bg-dark-secondary { background: #000; } .bg-dark-tertiary { background: #231D4C; } .blk-flex { display: flex; justify-content: space-between; } .blk-flex-child { align-self: center; } /*Images Desaturate*/ img.desaturate, .img-desaturate img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .nav-mobile-sec .hamburglar { top: 13px; } .nav-mobile-sec .burger-icon { background-color: #fff; } .nav-mobile-sec .is-open .burger-icon { background-color: transparent; } .nav-mobile-sec .burger-bun-top, .nav-mobile-sec .burger-bun-bot, .nav-mobile-sec .burger-filling { background: #ff6c36; } .nav-mobile-sec .is-open .path { stroke: #ff6c36; } .nav-mobile-sec .nav-links-mobile { background: rgba(0, 0, 0, 0.87); } /*================================================== = Footer = ===================================================*/ .blk-testimonial { margin: 60px -60px -60px; padding: 60px; } .blk-testimonial blockquote { max-width: 580px; margin: auto; position: relative; border-width: 0; padding: 30px; text-align: left; } .blk-testimonial blockquote:before, .blk-testimonial blockquote:after { content: ''; background: url("../images/icon/quote/cs-quotes.svg") no-repeat; position: absolute; width: 33px; height: 30px; top: 30px; left: -30px; background-size: contain; } .blk-testimonial blockquote:after { top: auto; left: auto; bottom: 30px; right: -30px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .blk-testimonial .media-left { padding-right: 24px; } .blk-clientdescription { max-height: 160px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; } .blk-clientname { font-size: 15px; line-height: normal; margin-top: 20px; font-weight: 700; } .blk-clientname div { font-weight: 300; display: block; margin-top: 3px; } /*================================================== = Pricing = ===================================================*/ .pr-plans { font-weight: 500; margin-bottom: 60px; } .pr-boot { border: 1px solid #2B2147; border-radius: 2px; position: relative; overflow: hidden; } .pr-boot a { text-decoration: none!important; min-height: 305px; display: block; } .pr-boot .pr-boot__image { display: none; visibility: hidden; opacity: 0; position: absolute; overflow: hidden; transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); } .pr-boot .btn-flat__alter { position: absolute; left: 0; right: 0; bottom: 30px; } .pr-boot:hover { /* overflow: visible; */ background: #7864FF; border-color: #7864FF; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12), 0px 2px 14px 0px rgba(0, 0, 0, 0.24); transition: ease-in-out 0.2s; -moz-transition: ease-in-out 0.2s; -webkit-transition: ease-in-out 0.2s; } /* .pr-boot:hover .pr-boot__image{ visibility: visible; opacity: 1; position:relative; overflow: visible; transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transition: ease-in-out .3s; -moz-transition: ease-in-out .3s; -webkit-transition: ease-in-out .3s; } .pr-boot:hover .hidden-hover{ display:none; } .pr-boot:hover .pr-boot__header{ min-height: inherit; } .pr-boot:hover .pr-boot__header h6{ margin-bottom: 10px; margin-top: 30px; transition: ease-in-out .3s; -moz-transition: ease-in-out .3s; -webkit-transition: ease-in-out .3s; } .pr-boot a:hover, .pr-boot a:focus{ text-decoration: none; color: #fff; } */ .pr-tab { border: 1px solid #D1D1D1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5); text-align: center; margin-left: -1px; padding: 40px 30px; padding-bottom: 80px; font-size: 12px; line-height: 16px; } .pr-tab.first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; margin-left: 0; } .pr-tab.last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; overflow: hidden; } .pr-tab__header, .pr-boot__header { color: rgba(0, 0, 0, 0.54); min-height: 80px; } .pr-boot__header { color: rgba(255, 255, 255, 0.7); } .pr-boot__header strong { color: #fff; } .pr-tab__header-title, .pr-boot__header-title { font-size: 21px; font-weight: 100; color: rgba(0, 0, 0, 0.87); line-height: 20px; margin-top: 0; margin-bottom: 20px; } .pr-boot__header-title { color: #fff; } .pr-tab__plan { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.87); position: relative; } .pr-tab__plan ul { list-style: none; margin: 0; padding: 0; } .pr-tab__plan ul li { margin: 6px 0; } .pr-tab__plan ul li hr { margin: 20px auto 30px; border-color: rgba(0, 0, 0, 0.16); width: 50px; } .pr-tab__plan-price, .pr-boot__plan-price { font-size: 46px; color: rgba(0, 0, 0, 0.87); line-height: 38px; font-weight: bold; margin: 40px 0 30px; position: relative; } .pr-boot__plan-price { color: #fff; } .pr-tab__plan-price:before, .pr-tab__plan-price:after, .pr-boot__plan-price:before, .pr-boot__plan-price:after { content: "$"; font-size: 16px; color: rgba(0, 0, 0, 0.54); line-height: 0; position: absolute; font-weight: normal; } .pr-boot__plan-price:before, .pr-boot__plan-price:after { color: rgba(255, 255, 255, 0.7); } .pr-tab__plan-price:before, .pr-boot__plan-price:before { top: 14px; font-weight: bold; margin-left: -12px; } .pr-tab__plan-price:after, .pr-boot__plan-price:after { content: "/mo"; bottom: 6px; } .pr-tab__plan-inv { font-size: 14px; color: rgba(0, 0, 0, 0.87); margin-bottom: 6px; } .pr-tab__plan-inv span { font-size: 10px; position: relative; top: -3px; left: 3px; } .pr-tab__plan-from { color: rgba(0, 0, 0, 0.54); font-style: italic; margin-bottom: 20px!important; } .pr-tab__footer { position: absolute; left: 0; right: 0; bottom: 40px; } .pr-tab__start { font-size: 8px; font-weight: 400; position: absolute; top: -26px; text-transform: uppercase; letter-spacing: 2px; left: 50%; margin-left: -40px; color: rgba(0, 0, 0, 0.54); } /*================================================== = Bootstrapper bts=bootstrapper = ===================================================*/ .pr-boot { font-size: 12px; line-height: 16px; text-align: center; color: rgba(255, 255, 255, 0.7); text-decoration: none!important; } .pr-card__title { font-size: 24px; color: #2B2147; line-height: 36px; text-transform: inherit; font-style: italic; margin-top: 0; margin-bottom: 40px; } .pr-card__list-item { margin-bottom: 26px; } .pr-card__list-item h6 { margin-top: 0; text-transform: inherit; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: bold; font-size: 14px; color: #00C1B5; line-height: 21px; } .pr-card__list-item div { font-size: 14px; line-height: 21px; font-weight: normal; color: rgba(0, 0, 0, 0.54); } .pr-card__list-link { font-size: 14px; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-decoration: underline; } .pr-card__list-link:hover, .pr-card__list-link:focus { text-decoration: none; color: rgba(0, 0, 0, 0.56); } .pr-darkbg__title { font-size: 36px; font-weight: 500; margin-top: 0; margin-bottom: 30px; color: #7864FF; line-height: 36px; } .pr-fea-planitem { color: #fff; font-size: 15px; line-height: 24px; margin-bottom: 40px; } .pr-fea-plantitle { font-size: 12px; letter-spacing: 2.5px; color: #7864FF; margin-bottom: 10px; } .pr-fea-link { color: #00C1B5; font-weight: bold; } .pr-fea-link:hover, .pr-fea-link:focus { color: #00C1B5; text-decoration: underline; } .pr-pay__bill { font-style: italic; font-size: 18px; color: #000; } .pr-pay__bill a { font-style: normal; } .pr-rally h6 { font-size: 14px; color: #000000; line-height: 20px; margin-top: 0; } /*=========================================== = Media queries - Tablet = ===========================================*/ @media (min-width: 992px) { .blk-media-sm { padding-top: 180px; margin-right: 0; } .blk-media-md { max-width: 320px; padding-bottom: 130px; } .blk-media-lg { max-width: 420px; padding-bottom: 0; } .pr-tab { min-height: 650px; } .pr-darkbg__title { font-size: 28px; } } @media (min-width: 992px) and (max-width: 1199px) { .pr-tab { min-height: 700px; } .pr-boot:hover .pr-boot__image { display: none; } .pr-boot:hover .pr-boot__header > div, .pr-boot:hover .pr-boot__plan-price, .pr-boot:hover .hide-hover { display: block; } .pr-boot:hover .pr-boot__header h6 { margin-top: inherit; margin-bottom: 20px; } } @media (max-width: 991px) { .body { font-size: 16px; line-height: 24px; } .header .logo { margin-top: 20px; } .hero-sec h1, .h2__alter { font-size: 26px; line-height: 32px; } .hero-sec .p { font-size: 18px; line-height: 26px; } .blk-media-txt h2 { font-size: 26px; line-height: 30px; } .blk-media-subscription, .blk-media-invoice, .blk-media-payment { background-image: none; } .blk-media-sm, .blk-media-md, .blk-media-lg { margin: inherit; max-width: inherit; padding-top: inherit; padding-bottom: inherit; } .btn-sec { font-size: 18px; height: 60px; padding-top: 12px; padding-bottom: 12px; line-height: 36px; } .blk-recent-activity .media-heading { font-size: 24px; line-height: 30px; } .blk-logo { display: inline-block; margin: 60px 10px 20px; } .blk-logo-img { text-align: center; } .blk-logo-btn { text-align: center; } .blk-spacing { padding-top: 80px; padding-bottom: 80px; } .fc-t-detail__subtitle:nth-child(2) { margin-top: 14px; margin-left: 0; } .bts-bg { margin-top: 0; padding-bottom: 350px; margin-bottom: 40px; } .bts-form { margin: 50px auto 0; } .bts-content { padding: 0 30px; } .bts-card { padding: 40px; } .bts-signup-box, .bts-signup-box input[type="text"], .bts-signup-box select { max-width: inherit; } .bts-subtext { margin-left: auto; margin-right: auto; } .pr-tab, .pr-tab.first-child, .pr-boot { border-radius: 2px; margin: 0 auto 30px; max-width: 380px; } .pr-tab.last-child { margin-bottom: 0; } .pr-tab__plan { min-height: inherit; } .pad-x-zero-xs { padding: 0; } .blk-card-bg { padding: 30px; } .blk-testimonial { margin: 60px -30px -30px; } .mar-y-lg { margin-top: 50px; margin-bottom: 50px; } .pad-y-ton { padding-top: 80px; padding-bottom: 40px; } .pr-plans { margin-bottom: 60px; } .mar-t-lg { margin-top: 60px; } .pr-tab { padding: 20px; } .pr-tab__header, .pr-boot__description, .pr-tab__plan, .pr-boot__header { font-size: 14px; line-height: 20px; } .pr-tab__header-title, .pr-boot-description-title, .pr-boot__header-title { font-size: 18px; } .pr-fea-planitem { margin: 0 20px 40px; } .pr-fea-link { margin: 0 20px; } .pr-boot:hover .pr-boot__image { display: none; } .pr-boot:hover .pr-boot__header > div, .pr-boot:hover .pr-boot__plan-price, .pr-boot:hover .hide-hover { display: block; } .pr-boot:hover .pr-boot__header h6 { margin-top: inherit; margin-bottom: 20px; } .cb-cp-hero { margin-top: 90px; padding: 40px 0 60px; } .cb-cp-hero-text { margin-bottom: 30px; } .cb-cp-hero h1 { font-size: 30px; } } /*=========================================== = Media queries - Mobile = ===========================================*/ @media (max-width: 767px) { .hero-sec { margin-top: 150px; } .blk-card { margin: 0 auto; box-shadow: none; } .btn-ghost-primary { margin-top: 20px; margin-left: 0; } .blk-socialmedia { text-align: center; } .blk-copyright { text-align: center; display: block; } .blk-subcontent { margin: 60px auto; } .hero-sec article, .blk-content, .blk-recent-activity, .blk-subscription { margin-right: auto; margin-left: auto; max-width: 500px; } footer { border-top: 1px solid rgba(0, 0, 0, 0.12); margin-top: 60px; } .blk-logo-animation { margin: 0; } .blk-app-screen { margin: 70px 0; } .blk-logo-spell-detail, .list-group-logo-spell { max-width: inherit; height: inherit; margin-bottom: 20px; } .fc { text-align: center; } .fc-cl { text-align: left; } .fc__calculator { margin-bottom: 60px; } .fc__heading { margin-bottom: 10px; } .fc-t-title, .fc-t-legend { text-align: center; } .fc-t-detail__logo { display: block; border-bottom: 1px solid #ddd; border-right: 0; width: 100%; max-width: inherit; margin-bottom: 10px; } .fc-cl__box, .fc-tv, .fc-btn, .fc-ts__range, .fc-cl__box:hover, .fc-cl__box:focus, .fc-cl__box.active { margin-left: auto; margin-right: auto; } .bts-content { font-size: 15px; } .cb-cp-hero h1 { font-size: 26px; } .cb-sociallogo_box { width: 70px; } } @media (max-width: 480px) { .blk-card { padding: 0px; margin: 50px auto; } .btn-sec { font-size: 14px; } .blk-recent-activity h5 { text-align: center; margin: 0 0 30px 0; } .blk-recent-activity .media-left, .blk-recent-activity .media-body { display: block; padding-right: 0; width: inherit; text-align: center; max-width: 400px; margin: auto; } .blk-recent-activity .media-heading { margin-top: 20px; } .blk-recent-activity .media-object { margin: auto; } .blk-logo { margin: 40px 0 0; display: block; width: 100%; max-width: inherit; } .bts-card { padding: 40px 20px; } .client-logos .thumb-list li { max-width: 130px; padding-left: 30px; padding-top: 30px; } } .header-fixed .nav-main { color: #000; } .cn-caption { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 12px; font-style: italic; text-align: center; margin-top: 12px; color: #787882; } .case-study__highlight-line { position: relative; z-index: 2; padding: 5px 5px 2px 5px; } @media (max-width: 767px) { .case-study__highlight-line--sml { padding: 0px; } } .case-study__banner { min-height: 540px; background: #333; background-repeat: no-repeat; color: #fff; background-size: cover; background-position: center; padding: 120px 0 90px; position: relative; } .case-study__banner--shadow:before { content: ''; background-image: linear-gradient(to bottom, rgba(0, 47, 75, 0) 60%, rgba(0, 0, 0, 0.51) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .case-study__banner-back { color: currentColor!important; opacity: 0.7; display: inline-block; margin-bottom: 75px; font-size: 14px; } .case-study__banner-back:before { content: "\2190"; position: absolute; left: -21px; } .case-study__banner-cs { font-weight: bold; font-size: 13px; text-transform: uppercase; margin-bottom: 21px; letter-spacing: 8px; } .case-study__title-logo { position: absolute; bottom: 60px; max-width: 690px; } .case-study__banner-title { font-size: 54px; line-height: 62px; font-weight: bold; text-transform: none !important; color: #fff; } @media (max-width: 767px) { .case-study__banner-title { font-size: 26px; line-height: 40px; } } .case-study__breadcrumb { margin-bottom: 30px; } .case-study__breadcrumb-list { display: inline-block; font-size: 13px; border-bottom: 1px solid #E8E8E9; } .case-study__breadcrumb-item { color: #07080A; padding: 3px 0 6px; display: inline-block; } .case-study__breadcrumb-item:last-child { color: #787882; } .case-study__breadcrumb-item:not(:last-child):after { content: '\002f'; color: #E8E8E9; padding: 3px; } .case-study__exp-block { padding: 30px 0; } .case-study__exp-block .nomargin { margin: 0px; } .case-study__exp-block .nomargin-top { margin-top: 0px; } .case-study__exp-block .fivetop { margin-top: 5%; } .case-study__exp-block--spacebottom { margin-bottom: 10%; } .case-study__exp-block--circle { font-weight: bold; font-size: 24px; color: #6450F0; letter-spacing: -0.41px; text-transform: none; margin-bottom: 30px; } .case-study__exp-block--brand { margin-bottom: 30px; } .case-study__exp-block--disp { font-size: 25px; color: #787882; letter-spacing: 0; line-height: 38px; margin-top: 21px; } .case-study__exp-block--heading { color: #212128; font-weight: 400; text-transform: none; font-size: 50px; margin-bottom: 42px; line-height: 50px; } @media (max-width: 767px) { .case-study__exp-block--heading { margin-left: 0px; margin-right: 0px; width: 100%; font-size: 30px; line-height: 38px; } } .case-study__exp-block--subtext { text-transform: none; } @media (max-width: 767px) { .case-study__exp-block--subtext { margin: 0px; padding: 5%; } } .case-study__exp-block--subtext p { color: #212128; font-size: 18px; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } @media (max-width: 767px) { .case-study__exp-block--subtext p { margin-bottom: 20px; } } .case-study__exp-block__growth-img { width: 100%; margin-top: 15%; } .case-study__exp-block__growth-img--nomargin { margin-top: 0px; width: 100%; } .case-study__exp-block__growth-img--more-sass { margin-bottom: 18%; } @media (max-width: 767px) { .case-study__exp-block__growth-img--more-sass { margin: 70px auto; display: block; } } .case-study__exp-block__growth-img--full { position: relative; left: -12%; margin-bottom: 20%; } .case-study__exp-block__ls--more-sass, .case-study__exp-block__rs--more-sass { margin-top: 5% !important; } .case-study__exp-block__ls .author, .case-study__exp-block__rs .author { width: 60px; height: 60px; overflow: hidden; margin: 21px 0 9px; } .case-study__exp-block__ls .author-description h3, .case-study__exp-block__rs .author-description h3 { color: #212128; font-size: 14px; text-transform: none; margin-bottom: 3px; padding-left: 0; line-height: normal; } .case-study__exp-block__ls .author-description p, .case-study__exp-block__rs .author-description p { line-height: normal; margin: 0; font-size: 14px; padding-left: 0; } .case-study__exp-block__ls ul, .case-study__exp-block__rs ul { margin: 8% 0 9%; padding-left: 0px; font-size: 14px; } @media (max-width: 767px) { .case-study__exp-block__ls ul, .case-study__exp-block__rs ul { padding: 0 10%; } } .case-study__exp-block__ls ul li, .case-study__exp-block__rs ul li { list-style: none; font-weight: 700; margin: 15px 0; position: relative; } @media (max-width: 767px) { .case-study__exp-block__ls ul li, .case-study__exp-block__rs ul li { line-height: 25px; } } .case-study__exp-block__ls ul li:before, .case-study__exp-block__rs ul li:before { content: ""; height: 2px; width: 14px; background-color: #000; display: block; position: absolute; left: 0px; left: -29px; top: 11px; } .case-study__exp-block__ls p, .case-study__exp-block__rs p { font-size: 14px; line-height: 21px; margin: 4% 0% 5% 0; color: #212128; font-weight: 300; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .case-study__exp-block__row { padding: 60px 0 30px; margin-bottom: 30px; border-bottom: 1px solid #DCDCE1; color: #787882; } .case-study__exp-block__ls--quote-bg { position: relative; font-size: 24px; line-height: 36px; } .case-study__exp-block__ls--quote-bg:before { content: ''; background: url("../images/icon/quote/cs-quotes.svg") no-repeat 0; width: 60px; height: 47px; background-size: contain; position: absolute; left: 0; top: -59px; opacity: 0.5; } .case-study__exp-block__rs { float: right; font-size: 14px; padding-top: 6px; width: 50%; padding-right: 0px; } @media (max-width: 767px) { .case-study__exp-block__rs { margin-top: 15% !important; } } .case-study__exp-block__rs h3 { margin: 0px; font-size: 14px; text-transform: none; margin-top: 3px; } .case-study__exp-block__rs p, .case-study__exp-block__rs h3 { padding-left: 19%; } @media (max-width: 767px) { .case-study__exp-block__rs p, .case-study__exp-block__rs h3 { padding-left: 0px; } } @media (max-width: 991px) { } .case-study__exp-block__rs--spacetop { margin-top: 11%; } @media (max-width: 767px) { .case-study__exp-block__ls, .case-study__exp-block__rs { width: 100%; float: none; margin: 0px; padding: 0px; } .case-study__exp-block__ls img, .case-study__exp-block__rs img { margin-left: auto; margin-right: auto; } } .case-study__exp-block__full { margin-top: 5% !important; } .case-study__feat-tile { background: #6450F0; color: #fff; padding: 30px; height: 120px; float: left; width: 50%; font-size: 12px; line-height: 15px; text-align: center; border-left: 1px solid #7B6AF2; border-bottom: 1px solid #7B6AF2; } .case-study__feat-tile-heading { font-weight: bold; font-size: 24px; margin-bottom: 9px; } .case-study__feat-list { border: 1px solid #E8E8E9; padding: 21px; clear: both; font-size: 14px; } .case-study__feat-list-title { opacity: 0.3; font-size: 13px; color: #212128; letter-spacing: -0.29px; line-height: 30px; } .case-study__feat-list-item { margin-top: 21px; } .case-study__feat-list-heading { font-size: 14px; text-transform: none; margin-bottom: 6px; } .case-study__feat-used-item { margin-bottom: 30px; border-left: 3px solid #E0E0E1; padding-left: 12px; } .case-study__feat-used-heading { font-weight: bold; font-size: 16px; color: #636368; letter-spacing: -0.41px; line-height: 20px; margin-bottom: 6px; } .case-study__feat-used-content { opacity: 0.69; font-size: 16px; letter-spacing: -0.41px; line-height: 22px; } .animated { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @media screen and (max-width: 767px) { .no-mobile-flex { display: block !important; } } #main-container { padding-top: 30px; } @media screen and (max-width: 767px) { #ajax-canvas { padding-top: 30px; } } .whitespace { padding: 10px 0; } .whitespace-md { padding: 15px 0; } .whitespace-lg { padding: 30px 0; } .yellow-highlight { background: url(../images/bg/yellow-highlight.png) 0 15px; background-size: 100% 13px; background-repeat: no-repeat; padding: 5px; } .loading-bar { position: absolute; left: 0; right: 0; width: 100px; padding: 10px; font-size: 14px; background-color: #FFF800; border-radius: 3px; box-shadow: 0 0 22px #dadada; margin: 20px auto 0; text-align: center; font-weight: bold; z-index: 900; opacity: 0; display: none; transition: 350ms; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } .gaussian-blur { width: 100%; height: 100%; position: fixed; z-index: 900; background-color: #fff; opacity: 0.6; display: none; transition: 500ms; } .add-gaussian { -webkit-filter: blur(8px); } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .mobile-menu--expanded { transition: 600ms; display: flex; flex-wrap: wrap; align-items: center; background-color: #4F6169; border-radius: 2px; position: fixed; top: 100px; z-index: 1000; margin: auto; width: 88%; left: 0px; right: 0px; opacity: 0; display: none; } .mobile-menu--expanded .menu-items { width: 50%; height: 140px; border-bottom: 1px solid #d3d9dc30; border-right: 1px solid #d3d9dc30; display: flex; color: #fff; padding: 0px 25px; align-items: center; } .mobile-menu--expanded .menu-items:nth-last-child(0), .mobile-menu--expanded .menu-items:nth-last-child(1) { border-bottom: 0px; } .mobile-menu--expanded .menu-items:nth-child(odd) { border-right: 0px; } .mobile-menu__close { width: 40px; height: 40px; cursor: pointer; text-align: center; background-color: #012A38; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; right: -19px; top: -19px; } .pWrap { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .pWrap .row { margin-right: 0px; margin-left: 0px; } @media screen and (max-width: 320px) { .pWrap .right-section-mob img { width: 128px; height: auto !important; } } .pWrap .flexrow { display: flex; justify-content: flex-start; width: 100%; } @media screen and (max-width: 767px) { .pWrap .flexrow { flex-wrap: wrap; } } .pWrap .flexrow--middle { display: flex; align-items: center; } .pWrap .flexrow--end { display: flex; align-items: flex-end; } .pWrap .flexrow--margin { margin-top: 73px; } @media screen and (max-width: 767px) { .pWrap .flexrow--margin { margin-top: 20px; } } .pWrap .p-carousel { background-color: #012A38; position: relative; } .pWrap .p-carousel__arrow--left, .pWrap .p-carousel__arrow--right { width: 60px; height: 60px; line-height: 60px; border: 1px solid blue; border: 0px; position: absolute; top: calc(50% - 15px); z-index: 10; } .pWrap .p-carousel__arrow--left #Shape, .pWrap .p-carousel__arrow--right #Shape { transition: 350ms; } .pWrap .p-carousel__arrow--left:hover #Shape, .pWrap .p-carousel__arrow--right:hover #Shape { fill: #bff90b; } .pWrap .p-carousel__arrow--left { left: 30px; } .pWrap .p-carousel__arrow--right { transform: rotate(180deg); right: 30px; } .pWrap .p-carousel__inner { z-index: 2; } .pWrap .p-carousel__content { padding: 111px 0 0; height: 500px; } @media (min-width: 992px) { .pWrap .p-carousel__content { padding-left: 111px; } } @media screen and (max-width: 767px) { .pWrap .p-carousel__content { margin: auto 16px; height: 490px; } } .pWrap .p-carousel__content--sm { height: 420px; } .pWrap .p-carousel__title { font-weight: bold; font-size: 40px; letter-spacing: -1px; line-height: 50px; color: #212128; margin-bottom: 42px; text-transform: none; min-height: 100px; } @media screen and (max-width: 767px) { .pWrap .p-carousel__title { font-size: 26px; line-height: 32px; letter-spacing: -0.5px; } } .pWrap .p-carousel__desc { margin-top: -21px; margin-bottom: 30px; color: #787887; font-size: 16px; line-height: 1.4; } .pWrap .p-carousel__signup-button { transition: 400ms; background-color: transparent; border: 2px solid #FF7846; color: #FF7846; font-weight: bold; font-size: 18px; text-align: center; min-width: 190px; padding: 13px; display: inline-block; } .pWrap .p-carousel__signup-button:hover { background-color: #FF7846; color: #fff; } .pWrap .pWrap__greybox .p-carousel__title, .pWrap .pWrap__greybox .p-carousel__desc, .pWrap .pWrap__greybox .p-carousel__signup-subtext, .pWrap .pWrap__greybox .p-carousel__label, .pWrap .pWrap__greybox .p-carousel__breadcrumb, .pWrap .pWrap__greybox .p-carousel__breadcrumb-item { color: #fff; } .pWrap .pWrap__greybox .p-carousel__signup-button{ background-color: #BFF90B; border: 2px solid #BFF90B; color: #012A38; } .pWrap .pWrap__greybox .p-carousel__signup-button:hover{ background-color: #BFF90B; } .pWrap .pWrap__greybox a{ color: #fff; } .pWrap .p-carousel__signup-subtext { color: #787882; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; margin-left: 30px; } @media screen and (max-width: 767px) { .pWrap .p-carousel__signup-subtext { display: block; margin: 15px 0 50px 0; } } .pWrap .p-carousel__label { background: transparent; -webkit-box-shadow: none; box-shadow: none; font-family: 'Sora', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: normal; font-size: 12px; color: #D3D9DC; text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-bottom: 8px; } .pWrap .p-carousel__breadcrumb { font-size: 14px; } .pWrap .p-carousel__breadcrumb-item { display: inline-block; color: #6450F0; } .pWrap .p-carousel__breadcrumb-item:not(:first-child):before { content: ''; display: inline-block; border-style: solid; border-width: 2px 2px 0 0; border-color: #000; height: 8px; width: 8px; position: relative; left: 0; transform: rotate(45deg); vertical-align: middle; margin-left: 9px; margin-right: 15px; } .pWrap .p-carousel__breadcrumb-item.active { color: #787882; } .pWrap .p-carousel__breadcrumb:after { content: ""; margin: 30px -15px; display: block; border-bottom: 1px solid #EAEAED; } @media (min-width: 992px) { .pWrap .p-carousel__breadcrumb:after { margin: 30px 0 45px -90px; } } .pWrap .p-menu { background-color: #6450F0; padding: 0 30px; display: flex; box-shadow: 9px 7px 50px rgba(0, 0, 0, 0.3); transition: 100ms; position: absolute; left: 0px; top: 0px; opacity: 1; width: 100%; z-index: 90; } .pWrap .p-menu-parent { position: relative; top: -52px; } .pWrap .p-menu__container { display: flex; justify-content: space-around; align-items: center; flex: 1; margin: 0 auto; } .pWrap .p-menu__content { display: flex; justify-content: space-around; flex: 1; max-width: 960px; margin: 0 auto; } .pWrap .p-menu__logo { display: none; } .pWrap .p-menu__signup { display: inline-block; display: none; color: #ff6c36; border: 1px solid #ff6c36; text-decoration: none; height: 33px; line-height: 31px; border-radius: 2px; padding: 0 18px; font-size: 14px; } .pWrap .p-menu__signup:hover { background-color: #ff6c36; color: #fff; } .pWrap .p-menu__tab { color: #fff; font-size: 16px; line-height: 24px; padding: 28px 12px; transition: 350ms; position: relative; } .pWrap .p-menu__tab--active { color: rgba(255, 255, 255, 0.6); } .pWrap .p-menu__tab--active:after { content: ""; height: 3px; background: #fff; width: 40px; height: 4px; display: block; position: absolute; bottom: 0px; } .pWrap .p-menu__tab:hover, .pWrap .p-menu__tab:focus { text-decoration: none; } .pWrap .p-menu--fixed { position: fixed; transition: 600ms; top: 0!important; left: 0; right: 0; opacity: 1; z-index: 990; background: #fff; } .pWrap .p-menu--fixed .p-menu__tab { color: #212128; font-size: 14px; line-height: 20px; padding-top: 20px; padding-bottom: 20px; } .pWrap .p-menu--fixed .p-menu__tab--active { color: #717178; } .pWrap .p-menu--fixed .p-menu__tab--active:after { background: #6450F0; } .pWrap .p-menu--fixed .p-menu__logo, .pWrap .p-menu--fixed .p-menu__signup { display: inline-block; } .pWrap .p-menu--mobile { padding: 20px; border-radius: 2px; height: 90px; align-items: center; position: relative; z-index: 100; } .pWrap .p-menu--mobile .selected-menu, .pWrap .p-menu--mobile .show-menu { width: 50%; } .pWrap .p-menu--mobile .selected-menu { text-align: left; color: #012A38; font-weight: 500; } .pWrap .p-menu--mobile .show-menu { text-align: right; padding-right: 10px; } .pWrap .p-menu--mobile .show-menu img { cursor: pointer; } .pWrap .container--offset { position: relative; } .pWrap .main-content { padding: 60px 10px 0; font-size: 16px; line-height: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; max-width: 1040px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 767px) { .pWrap .main-content { padding: 10px 10px 10px; margin-top: 30px; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .pWrap .main-content { padding: 10px 50px 0px; margin-top: 30px; } } @media screen and (min-width: 1200px) { .pWrap .main-content { padding: 100px 100px 0 100px; } } .pWrap .main-content__title { font-weight: bold; font-size: 24px; color: #212128; line-height: 36px; margin-top: 0; margin-bottom: 15px; text-transform: none; } @media screen and (max-width: 767px) { .pWrap .main-content__title { margin-bottom: 5px; padding-top: 0px; margin-top: 0px; } } .pWrap .main-content__title .img-icon { margin-right: 15px; display: inline-block; position: relative; top: -2px; } .pWrap .main-content__title--small { font-size: 20px; line-height: 26px; } .pWrap .main-content__text { color: #4F6169; } .pWrap .main-content__text--black { color: #212128 !important; } .pWrap .main-content__more { color: #012A38; padding: 0px 30px 0px 0; margin: 37px 0; display: inline-block; text-decoration: underline; text-underline-offset: 4px; } .pWrap .main-content__more:hover, .pWrap .main-content__more:focus { text-decoration: none; } @media screen and (max-width: 767px) { .pWrap .main-content__more--set-width { width: 226px !important; padding-right: 10px !important; } } @media screen and (max-width: 767px) { .pWrap .main-content__more { width: auto; padding: 15px 35px 15px 0; margin: 0; } } .pWrap .main-content__feature { display: flex; flex-wrap: wrap; font-size: 14px; font-weight: bold; max-width: 390px; } .pWrap .main-content__feature .full-width { width: 100%; } .pWrap .main-content__feature__block { width: 48%; margin: 9px 2% 9px 0; } .pWrap .main-content__feature__block a { color: #1E8CE6; } .pWrap .main-content__feature__block a:hover, .pWrap .main-content__feature__block a:focus { color: #1E8CE6; } @media screen and (max-width: 767px) { .pWrap .main-content__feature__block { font-size: 14px; } } .pWrap .main-content__feature__block--margin { margin: 2px 0; font-size: 16px; } @media screen and (max-width: 767px) { .pWrap .main-content__feature__block--margin { margin: 3px 0; } } .pWrap .main-content__feature__block--title { font-size: 16px; color: #787882; font-style: italic; width: 100%; margin: 25px 0 8px 0; } .pWrap .main-content__feature--payment-methods { margin-left: 54px; font-weight: normal; } @media screen and (min-width: 320px) and (max-width: 340px) { .pWrap .main-content__feature--payment-methods { width: auto !important; } } .pWrap .main-content__threecols .small-col { margin-bottom: 10px; } @media screen and (max-width: 767px) { .pWrap .main-content__threecols .small-col { width: 100%; margin-bottom: 30px; } } .pWrap .main-content__new-feature-msg { border-top: 1px solid #DCDCE1; border-bottom: 1px solid #DCDCE1; padding: 26px 0; text-align: center; font-size: 14px; color: #787882; display: flex; justify-content: center; } @media screen and (max-width: 767px) { .pWrap .main-content__new-feature-msg { background-color: #F5F5F8; margin: 20px 0 0 0; position: relative; padding: 26px; left: -26px; text-align: left; font-size: 16px; width: calc(100% + 52px); } } .pWrap .main-content__new-feature-msg a { display: flex; align-items: center; text-decoration: none; color: inherit; } .pWrap .main-content__new-feature-msg .new-label { background-color: #FF523B; font-weight: bold; color: #fff; border-radius: 3px; padding: 0 6px; text-align: center; margin-right: 14px; display: inline-block; font-size: 11px; line-height: 22px; height: 24px; } .pWrap .main-content__new-feature-msg .new-feature-msg__content { display: flex; width: 100%; align-items: center; } .pWrap .main-content__l-section { padding-left: 0px; padding-right: 0px; } @media screen and (max-width: 767px) { .pWrap .main-content__l-section { margin: 0px 0 25px; } } @media screen and (max-width: 767px) { .pWrap .main-content__l-section:last-child { margin: 15px 0 0px; } } .pWrap .main-content__l-section a { color: #012A38; } .pWrap .main-content__l-section #choose-country-affix { background-color: #fff; transition: 400ms; top: 0px; } .pWrap .main-content__image-row { display: flex; align-items: center; padding: 25px 0 30px; } .pWrap .main-content__choose-country { border-bottom: 1px solid #DCDCE1; padding: 0 0 25px; margin-bottom: 35px; font-size: 14px; } @media (min-width: 992px) { .pWrap .main-content__choose-country { width: 280px; } } .pWrap .main-content__choose-country a { color: #1E8CE6; } .pWrap .main-content__choose-country__label { color: #787882; padding-bottom: 6px; display: block; font-weight: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .pWrap .main-content__choose-country__select { border: 1px solid #787882; border-radius: 3px; height: 42px; color: #212128; background: #fff; margin-bottom: 10px; padding-left: 10px; background-size: 21px; width: 100%; box-shadow: inset 0 0 5px #E8E8E9; } @media screen and (max-width: 767px) { .pWrap .main-content__choose-country__select { background-position: 95% 64%; } } .pWrap .main-content__choose-country__text { color: #212128; width: 280px; font-size: 14px; } @media screen and (max-width: 767px) { .pWrap .main-content__choose-country__text { width: 100%; } } .pWrap .main-content__c-payment-methods { padding-bottom: 60px; margin-bottom: 60px; display: none; } .pWrap .main-content__c-payment-methods ~ .pWrap .main-content__c-payment-methods { border-bottom: 1px solid #DCDCE1; } @media screen and (max-width: 767px) { .pWrap .main-content__c-payment-methods { padding-top: 15px; padding-bottom: 35px; margin-bottom: 15px; } } .pWrap .main-content__c-payment-methods .main-content__title { padding-bottom: 15px; } @media screen and (max-width: 767px) { .pWrap .main-content__c-payment-methods .main-content__feature__block { width: 100%; } } .pWrap .main-content--border { border-bottom: 1px solid #DCDCE1; } @media screen and (max-width: 767px) { .pWrap .main-content--border { padding-bottom: 0; } } .pWrap .main-content--no-xs-pad { padding-right: 0px; margin-right: -15px; } .pWrap .main-content--no-xs-pad .right-section-mob { padding-right: 0px; } .pWrap .main-content--pt-no { padding-top: 0; } .pWrap .main-content--less-padding { padding-left: 100px; } @media screen and (max-width: 768px) { .pWrap .main-content--less-padding { padding-left: 10px; } } @media screen and (max-width: 768px) { .pWrap .main-content--no-mob-margin { margin-top: 0px; } } .pWrap .testimonial-box { padding: 70px 100px 0 100px; position: relative; } @media screen and (min-width: 767px) and (max-width: 992px) { .pWrap .testimonial-box { padding: 70px 0 0 0; } } @media screen and (max-width: 767px) { .pWrap .testimonial-box { margin-left: -15px; margin-right: -15px; padding: 70px 0 0 0; } } .pWrap .testimonial-box__img-holder { max-width: 766px; width: 100%; } .pWrap .testimonial-box__logo-holder { margin-left: 40px; max-width: 180px; } @media screen and (max-width: 767px) { .pWrap .testimonial-box__logo-holder { margin-top: 30px; } } .pWrap .testimonial-box__logo-holder__link { display: block; margin-top: 20px; font-size: 14px; text-decoration: underline; color: #B4B4BE; } .pWrap .testimonial-box .blue-msg-box { background-color: #012A38; color: #fff; box-shadow: 9px 7px 50px rgba(0, 0, 0, 0.3); padding: 32px; width: 450px; height: 191px; right: 50px; position: absolute; top: 339px; transition: 100ms; min-width: 300px; max-width: 450px; } @media screen and (min-width: 768px) and (max-width: 1024px) { .pWrap .testimonial-box .blue-msg-box { top: 300px !important; right: 0px; height: 191px; top: 240px !important; } } .pWrap .testimonial-box .blue-msg-box__msg { font-family: 'Sora', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 20px; font-weight: normal; line-height: 28px; color: #fff; text-transform: none; margin-top: 0px; } .pWrap .testimonial-box .blue-msg-box__author { text-transform: uppercase; font-size: 12px; display: block; color: #fff; margin-top: 20px; } .pWrap .testimonial-box .blue-msg-box--vmp { height: auto; top: 0; } .pWrap .testimonial-box .blue-msg-box--fd { height: auto; top: 0; left: 0; } .pWrap .testimonial-box .blue-msg-box--st { height: auto; top: -42px; } .pWrap__greybox { background-color: #012A38; } .api-preview { background: #2D2D2D; box-shadow: 0 0 2px rgba(32, 32, 32, 0.12), 0 2px 8px rgba(32, 32, 32, 0.24); } .api-preview__nav { background: #F0F0F5; padding: 18px 30px; } .api-preview__nav a { font-size: 14px!important; color: #2D2D2D !important; letter-spacing: -0.25px !important; text-transform: uppercase!important; display: inline-block !important; line-height: 28px!important; padding: 0 18px!important; cursor: pointer!important; border-width: 0!important; border-radius: 20px!important; transition: 0.2s; } .api-preview__nav a:hover { background-color: rgba(100, 80, 240, 0.3) !important; } @media (max-width: 767px) { .api-preview__nav a { font-size: 12px!important; line-height: 24px!important; padding: 0 12px!important; } } @media (max-width: 767px) { .api-preview__nav { padding: 9px 15px; } } .api-preview__nav .active a { background-color: #FF523B !important; color: #fff !important; } .api-preview__block { padding: 21px 30px; min-height: 420px; max-height: 420px; overflow-y: auto; } @media (max-width: 767px) { .api-preview__block { min-height: 210px; max-height: 320px; } } .api-preview__pre { border-width: 0!important; border-radius: 0!important; margin-bottom: 0!important; background: #2D2D2D; color: #fff; white-space: pre-wrap; padding: 0!important; font-size: 16px; } @media (max-width: 767px) { .api-preview__pre { font-size: 12px; } } .api-preview .pln { color: #fff; } .api-preview .str { color: #50C850; } .api-preview .kwd { color: #FF8D57; } .api-preview .com { color: #800; } .api-preview .typ { color: #e4b4b4; } .api-preview .lit { color: #8c68f9; } .api-preview .pun, .api-preview .opn, .api-preview .clo { color: #747200; } .api-preview .tag { color: #FF8D57; } .api-preview .atn { color: #FF8D57; } .api-preview .atv { color: #50C850; } .api-preview .dec, .api-preview .var { color: #FF8D57; } .api-preview .fun { color: red; } .p-pocket { max-width: 1040px; margin: 0 auto; } .p-pocket__container { display: flex; flex-wrap: wrap; } .p-pocket__block { min-height: 220px; color: #fff; display: block; width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: contain; transition: 0.3s; } @media (min-width: 600px) { .p-pocket__block { width: 50%; } } @media (min-width: 1024px) { .p-pocket__block { width: 33.33333333%; } } .p-pocket__block:after { content: ""; position: absolute; pointer-events: none; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.8; transition: 0.2s; } .p-pocket__block:hover:after { opacity: 1; } .p-pocket__content { padding: 30px; position: relative; z-index: 5; } .p-pocket__label { background: #fff; border: 2px solid #fff; display: inline-block; font-size: 10px; color: #000; margin-bottom: 12px; padding: 0px 8px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; } .p-pocket__disp { color: #fff; letter-spacing: -0.61px; font-size: 21px; line-height: 28px; } .p-pocket__subscription { background-image: url(../images/product/plans.png); background-position: right -90px top 45px; } .p-pocket__subscription:after { background-color: #E96443; background-image: linear-gradient(135deg, #E96443 0%, #904E95 100%); } .p-pocket__subscription .p-pocket__label { color: #D25F59; } .p-pocket__subscription:hover { background-position: right -120px top 15px; } .p-pocket__billing { background-image: url(../images/product/invoice.png); background-position: right -180px top -30px; background-size: cover; } .p-pocket__billing:after { background-color: #67B26F; background-image: linear-gradient(135deg, #67B26F 0%, #4CA2CD 100%); } .p-pocket__billing .p-pocket__label { color: #5EAD8E; } .p-pocket__billing:hover { background-position: right -150px top 0; } .p-pocket__payment { background-image: url(../images/product/payment.png); background-position: right -120px top 45px; } .p-pocket__payment:after { background-color: #FF7E5F; background-image: linear-gradient(-45deg, #FF7E5F 0%, #FEB47B 100%); } .p-pocket__payment .p-pocket__label { color: #FE9D6F; } .p-pocket__payment:hover { background-position: right -90px top 15px; } .p-pocket__report { background-image: url(../images/product/dashboard.png); background-position: left -90px top -135px; background-size: 150%; } .p-pocket__report:after { background-color: #00C9FF; background-image: linear-gradient(135deg, #00C9FF 0%, #92FE9D 100%); } .p-pocket__report .p-pocket__label { color: #3DD5D5; } .p-pocket__report:hover { background-position: left -60px top -105px; } .p-pocket__gateway { background-image: url(../images/product/pg-country.png); background-position: right -120px top 60px; background-size: 75%; } .p-pocket__gateway:after { background-color: #F7FF00; background-image: linear-gradient(135deg, #F7FF00 0%, #DB36A4 100%); } .p-pocket__gateway .p-pocket__label { color: #E7B45B; } .p-pocket__gateway:hover { background-position: right -90px top 30px; } .p-pocket__developer { background-image: url(../images/product/api.png); background-position: right -120px bottom -90px; background-size: 75%; } .p-pocket__developer:after { background-color: #FC00FF; background-image: linear-gradient(-45deg, #FC00FF 0%, #00DBDE 100%); } .p-pocket__developer .p-pocket__label { color: #64A1E4; } .p-pocket__developer:hover { background-position: right -90px bottom -60px; } .resources { margin-top: 150px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; color: #212128; line-height: 21px; } .resources__title { font-weight: bold; font-size: 30px; line-height: 36px; margin-bottom: 60px; padding: 0px; text-transform: none; max-width: 400px; } .resources .r-label { border: 1px solid #DCDCE1; color: #B4B4BE; font-size: 10px; height: 21px; text-transform: uppercase; display: inline-block; padding: 0 9px; line-height: 21px; border-radius: 2px; margin-bottom: 16px; } .resources .readmore { color: #1E8CE6; font-size: 14px; display: block; margin: 8px 0 0; } .resources__r-row { display: flex; justify-content: space-between; flex-wrap: wrap; color: #212128 !important; text-decoration: none!important; transition: border-color 0.3s, box-shadow 0.3s; } .resources__r-row .r-col { width: 100%; min-height: 300px; margin-bottom: 30px; color: #212128 !important; text-decoration: none!important; } @media (min-width: 768px) { .resources__r-row .r-col { width: 48%; } } @media (min-width: 1024px) { .resources__r-row .r-col { width: 31%; } } .resources__r-row .r-card { height: 100%; border: 1px solid #DCDCE1; border-radius: 3px; transition: border-color 0.3s, box-shadow 0.3s; } .resources__r-row .r-card .txt { color: #212128; padding: 21px; } .resources__r-row .r-card--right-txt { border: 0px; height: auto; } .resources__r-row .r-card--right-txt .txt { padding: 0px; height: auto; } .resources__r-row .r-card .img { height: 150px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: top center; } .resources__r-row .r-card:hover { box-shadow: 0 0 2px #C8D0DC, 0 2px 2px rgba(116, 125, 147, 0.4); border-color: transparent; } .resources__r-row__full-col { margin-bottom: 30px; } .resources__r-row__full-col .left-img { border: 1px solid #DCDCE1; border-radius: 3px; margin-bottom: 30px; background-size: cover; background-repeat: no-repeat; background-position: top center; height: 300px; } .resources__r-row:hover .left-img { box-shadow: 0 0 2px #C8D0DC, 0 2px 2px rgba(116, 125, 147, 0.4); border-color: transparent; } .infograph { margin-top: 150px; } .infograph a { color: #1E88E5; } .infograph__breadcrumb { font-size: 14px; margin-bottom: 30px; } .infograph__breadcrumb-item { display: inline-block; color: #6450F0 !important; } .infograph__breadcrumb-item:not(:first-child):before { content: ''; display: inline-block; border-style: solid; border-width: 2px 2px 0 0; border-color: #000; height: 8px; width: 8px; position: relative; left: 0; transform: rotate(45deg); vertical-align: middle; margin-left: 3px; margin-right: 9px; } .infograph__breadcrumb-item.active { color: #787882 !important; } .infograph__block { position: relative; } .infograph__float { margin-bottom: 30px; } @media (min-width: 992px) { .infograph__float { position: fixed; max-width: 360px; } } @media (min-width: 768px) { .infograph__abs { position: absolute; bottom: 0; } } .infograph__title { font-weight: bold; text-transform: none; font-size: 30px; line-height: 1.2; margin-bottom: 12px; } .infograph__desc { color: #787887; font-size: 16px; } .infograph__share { margin-top: 42px; } .infograph__share a { color: currentColor; font-size: 24px; display: inline-block; margin-right: 6px; transition: color 0.2s; } @media (max-width: 767px) { .infograph__share a { font-size: 36px; } } .infograph__fb:hover { color: #3b5998; } .infograph__twit:hover { color: #1da1f2; } .infograph__pin:hover { color: #bd081c; } .infograph__download { display: inline-block; } @media (max-width: 767px) { .infograph__download { color: #333 !important; border: 1px solid; height: 36px; line-height: 36px; padding: 0 15px; border-radius: 2px; } } .cu-testimonial__header { margin-bottom: 36px; } .cu-testimonial__content { position: relative; } .cu-testimonial__content:after { content: ''; background: url('../images/home/testimonial/cb-testimonial-quote.svg') no-repeat; display: inline-block; width: 140px; height: 110px; position: absolute; top: -15px; left: -15px; z-index: -1; } .cu-testimonial__disp { font-size: 22px; color: #212128; opacity: 0.8; line-height: 32px; max-width: 480px; } .cu-testimonial__author { margin-top: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cu-testimonial__author-img { width: 42px; height: 42px; margin-right: 15px; border-radius: 50%; overflow: hidden; } .cu-testimonial__author-title { font-size: 14px; color: #787882; } .cu-casestudy { background: #060035; box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.12), 0 20px 40px 0 rgba(0, 0, 0, 0.24); border-radius: 1px; overflow: hidden; position: relative; display: block; transition: box-shadow 0.2s ease-out; } .cu-casestudy:hover, .cu-casestudy:focus { box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12), 0 12px 40px 0 rgba(0, 0, 0, 0.36); } .cu-casestudy--hero { max-width: 540px; margin-top: -380px; } @media (max-width: 1199px) { .cu-casestudy--hero { margin-top: 0; } } @media (max-width: 767px) { .cu-casestudy--hero { margin-top: -90px; margin-bottom: 60px; } } .cu-casestudy__content { background: rgba(100, 80, 240, 0.6); padding: 36px 60px 60px; position: relative; } @media (max-width: 767px) { .cu-casestudy__content { padding: 36px 40px 40px; } } .cu-casestudy__content:before { content: ""; background: -moz-linear-gradient(-5deg, #060035 39%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(-5deg, #060035 39%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(-5deg, #060035 39%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); width: 100%; height: 70px; position: absolute; display: block; left: 0; bottom: 100%; right: 0; } .cu-casestudy__content:after { content: ""; background: -moz-linear-gradient(8deg, rgba(100, 80, 240, 0.6) 48%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(8deg, rgba(100, 80, 240, 0.6) 48%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(8deg, rgba(100, 80, 240, 0.6) 48%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0) 100%); width: 100%; height: 90px; position: absolute; display: block; left: 0; bottom: 100%; right: 0; } .cu-casestudy__logo { margin-bottom: 24px; max-width: 160px; } .cu-casestudy__logo > img { max-height: 40px; max-width: 100%; height: auto; } .cu-casestudy__disp { margin-bottom: 24px; font-size: 22px; letter-spacing: -0.2px; line-height: 32px; color: #FFFFFF; } @media (max-width: 767px) { .cu-casestudy__disp { line-height: 26px; font-size: 18px; } } .cu-casestudy__action { color: #FF7846; text-decoration: none; text-transform: uppercase; } .cu-casestudy__action:hover, .cu-casestudy__action:focus { color: #f76a36; } .cu-casestudy-sec { max-width: 680px; max-height: 365px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #060035; box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.12), 0 20px 40px 0 rgba(0, 0, 0, 0.24); border-radius: 1px; overflow: hidden; position: relative; transition: box-shadow 0.2s ease-out; } @media (max-width: 767px) { .cu-casestudy-sec { margin-bottom: 60px; max-height: none; display: block; } } .cu-casestudy-sec:hover, .cu-casestudy-sec:focus { box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12), 0 12px 40px 0 rgba(0, 0, 0, 0.36); } .cu-casestudy-sec__header > img { max-width: 220%; } @media (max-width: 991px) { .cu-casestudy-sec__header > img { display: none; } } @media (max-width: 767px) { .cu-casestudy-sec__header > img { display: block; max-width: 100%; } } .cu-casestudy-sec__content { background: #3e30a5; padding: 52px 20px; min-width: 360px; position: relative; right: -2px; width: 100%; } @media (max-width: 767px) { .cu-casestudy-sec__content { padding: 30px 20px; } } .cu-casestudy-sec__content:before { content: ""; background: -moz-linear-gradient(-94deg, #060035 62%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(-94deg, #060035 62%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(-94deg, #060035 62%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); width: 90px; height: 100%; position: absolute; display: block; top: 0; right: 100%; min-height: 40px; bottom: 0; } .cu-casestudy-sec__content:after { content: ""; background: -moz-linear-gradient(-110deg, rgba(100, 80, 240, 0.6) 42%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(-110deg, rgba(100, 80, 240, 0.6) 42%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(-110deg, rgba(100, 80, 240, 0.6) 42%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0) 100%); width: 200px; height: 100%; position: absolute; display: block; bottom: 0; right: 100%; top: 0; } .cu-casestudy-sec__logo { margin-bottom: 24px; max-width: 160px; } .cu-casestudy-sec__logo > img { max-height: 40px; max-width: 100%; height: auto; } .cu-casestudy-sec__disp { margin-bottom: 24px; font-size: 22px; letter-spacing: -0.2px; line-height: 32px; color: #FFFFFF; } @media (max-width: 767px) { .cu-casestudy-sec__disp { line-height: 26px; font-size: 18px; } } .cu-casestudy-sec__action { color: #FF7846; text-decoration: none; text-transform: uppercase; } .cu-casestudy-sec__action:hover, .cu-casestudy-sec__action:focus { color: #f76a36; } .cu-casestudy-white { max-width: 580px; min-height: 300px; background: #fff; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12), 0 12px 40px 0 rgba(0, 0, 0, 0.14); border-radius: 1px; overflow: hidden; display: block; transition: box-shadow 0.2s ease-out; } @media (max-width: 767px) { .cu-casestudy-white { margin-bottom: 60px; } } .cu-casestudy-white:hover, .cu-casestudy-white:focus { box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12), 0 12px 40px 0 rgba(0, 0, 0, 0.24); } .cu-casestudy-white__content { padding: 60px; } @media (max-width: 991px) { .cu-casestudy-white__content { padding: 30px; } } .cu-casestudy-white__logo { margin-bottom: 24px; max-width: 160px; } .cu-casestudy-white__logo > img { max-height: 40px; max-width: 100%; height: auto; } .cu-casestudy-white__disp { margin-bottom: 24px; font-size: 22px; letter-spacing: -0.2px; line-height: 32px; color: #212128; } @media (max-width: 767px) { .cu-casestudy-white__disp { line-height: 26px; font-size: 18px; } } .cu-casestudy-white__action { color: #FF7846; text-decoration: none; text-transform: uppercase; } .cu-casestudy-white__action:hover, .cu-casestudy-white__action:focus { color: #f76a36; } @media (max-width: 767px) { .cu-tweet { margin-top: 60px; } } .cu-logo { max-width: 180px; } .cu-logos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 991px) { .cu-logos { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cu-logo > img { max-height: 50px; max-width: 100%; height: auto; } @media (max-width: 991px) { .cu-logo { background-color: #fff; width: 150px; height: 80px; border-radius: 2px; margin: 6px; padding: 12px; border: 1px solid rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cu-space--y-xs { margin-top: 21px; margin-bottom: 21px; } .cu-space--y-sm { margin-top: 30px; margin-bottom: 30px; } .cu-space--y-st { margin-top: 42px; margin-bottom: 42px; } .cu-space--y-md { margin-top: 60px; margin-bottom: 60px; } .cu-space--y-lg { margin-top: 180px; margin-bottom: 180px; } @media (max-width: 1199px) { .cu-space--y-lg { margin-top: 120px; margin-bottom: 120px; } } @media (max-width: 767px) { .cu-space--y-lg { margin-top: 80px; margin-bottom: 80px; } } .cu-space--t-xs { margin-top: 21px; } .cu-space--t-sm { margin-top: 30px; } .cu-space--t-st { margin-top: 42px; } .cu-space--t-md { margin-top: 60px; }