@charset "UTF-8";
/* -------------------------------------- Reset styles -------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}em{font-style:italic}
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px;padding-left: 15px;}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.clearfix:after {
clear:both;
content:'.';
display:block;
visibility:hidden;
height:0;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
*+html .clearfix {
display: inline-block;
}
html, body
{
overflow-x: hidden;
}
/* normalize css*/
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
font-size: 14px;
font-family:'ZohoPuvi';
font-weight: 300;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article,
footer,
header,
section {
display: block;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
text-decoration: none;
color: #4CA9F5;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 500;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
img {
vertical-align: middle;
max-width: 100%;
}
h1
{
font-size: 2em;
}
h2
{
font-size: 1.5em;
}
p {
margin: 0 0 25px;
line-height: 1.8;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-blue
{
color: #243A5D;
}
.text-light {
color: #fff!important;
}
.text-dark {
color: #000!important;
}
.top-margin {
margin-top: 25px!important;
}
.bottom-margin {
margin-bottom: 25px!important;
}
.space-large {
height: 50px;
}
.space-medium {
height: 25px;
}
.space-small {
height: 10px;
}
.margin-0 {
margin: 0!important;
}
.padding-0 {
padding: 0!important;
}
.non-click {
cursor: default;
pointer-events: none;
}
ol,
ul {
margin-top: 0;
margin-bottom: 10px;
list-style-type: none;
padding: 0px;
}
strong,
b {
font-weight: 500;
}
.rows:after,
.rows:before,
section:after,
section:before,
footer:after,
footer:before,
header:before,
header:after,
.container:before,
.container:after,
.clearfix:after,
.clearfix:before {
display: table;
content: "";
clear: both;
}
.rows {
margin-right: -15px;
margin-left: -15px;
}
.container {
margin-right: auto;
margin-left: auto;
width: 100%;
max-width: 1200px;
}
.container-fluid {
width: 100%;
max-width: 100%;
position: relative
}
.fr {
float: right!important;
}
.fl {
float: left!important;
}
.pr {
position: relative;
}
.cols-2,
.cols-3,
.cols-4,
.cols-5,
.cols-6,
.cols-8,
.cols-9,
.cols-10,
.cols-12
{
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.cols-2 {
width: 12.5%;
}
.cols-3 {
width: 25%;
}
.cols-4 {
width: 33.3%;
}
.cols-5 {
width: 41.7%;
}
.cols-6 {
width: 50%;
}
.cols-8 {
width: 66.6%;
}
.cols-9 {
width: 75%;
}
.cols-10 {
width: 87.5%;
}
.cols-12 {
width: 100%;
}
.cols-center
{
margin: 0 auto;
float: none;
}
@media only screen and (max-width: 992px)
{
.cols-md-12 {
width: 100%;
}
.cols-md-9 {
width: 75%;
}
.cols-md-6 {
width: 50%;
}
.cols-md-3 {
width: 25%;
}
}
@media only screen and (max-width: 650px)
{
.cols-sd-12 {
width: 100%;
}
.cols-sd-9 {
width: 75%;
}
.cols-sd-6 {
width: 50%;
}
.cols-sd-3 {
width: 25%;
}
}
/* header */
header {
background: #ddedfa;
padding: 35px 0;
}
header.fixed-header {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 9999;
transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
}
.fixed-header.header-fixed {
padding: 25px 0;
box-shadow: 0 0 10px rgba(15, 72, 134, 0.55);
}
.brand-logo {
display: block;
width: 200px;
}
.nav-menu {
margin: 8px 0 0 0;
padding: 0;
}
.nav-menu li {
display: inline-block;
margin-left: 10px;
}
.nav-menu li a {
color: #000;
padding: 10px;
display: block;
}
.nav-menu li.mobile-menu
{
display: none;
}
.nav-menu li a:hover, .nav-menu li.active-menu a
{
color: #0f4886;
}
.menu-icon{
display: none;
color: #fff;
}
.light
{
color: #fff!important;
}
section
{
padding: 70px 0;
background: #fff;
}
.container-fluid.copyright {
padding: 20px 0;
text-align: center;
background: #1d1d1d;
color: #fff;
}
.container-fluid.copyright p {
margin: 0;
font-size: 0.8em;
}
.container-fluid.copyright p a
{
color: #fff;
}
#banner {
margin-top: 110px;
background: #ddedfa;
padding: 40px 0 0 0;
}
#meGDPRMessage {
font-size: 1em;
line-height: 1.5;
margin-bottom: 10px;
}
p.privacy-policy {
line-height: 2;
margin: 15px 0;
text-align: center;
font-size: 1em;
}
.privacy-policy a {
color: #4CA9F5;
}
/* footer */
footer {
background: #16141a;
position: relative;
z-index: 9999;
}
footer > .container
{
padding: 50px 0;
}
a.ftr-brand {
display: block;
width: 200px;
margin-bottom: 20px;
}
.address li, .address li a {
color: #f0f0f0;
line-height: 1.6;
font-size: 0.9em;
}
p.copyright {
color: #fff;
font-size: 0.9em;
margin-bottom: 0;
}
.zlogo {
height: auto;
width: 55px;
text-indent: -9999em;
background: url(https://www.manageengine.cn/images/zoho.svg) 0 0 no-repeat;
display: inline-block;
margin: 0 3px;
}
.social {
text-align: right;
}
.social li {
display: inline-block;
margin: 0 5px;
}
.social li a {
background: url("/cloud-solutions/images/social-icon.png");
width: 20px;
height: 20px;
display: inline-block;
text-indent: -9999em;
color: transparent;
background-size: 135px;
opacity: 0.7;
}
.social li a:hover
{
opacity: 1;
}
.social li:nth-child(1) a {background-position: 28px -9px;}
.social li:nth-child(2) a {background-position: -8px -6px;background-size: 130px;}
.social li:nth-child(3) a {background-position: -73px -8px;background-size: 126px;}
.social li:nth-child(4) a {background-position: -38px -7px;background-size: 130px;}
.animation
{
opacity: 0;
transition: all ease 1s;
transition: all ease 1s;
-webkit-transition: all ease 1s;
-moz-transform: translateY(250px);
-webkit-transform: translateY(250px);
-moz-transform: translateY(250px);
}
.active-anim .animation {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}
/* form css */
.form-control {
display: block;
width: 100%;
height: 60px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: none;
position: relative;
margin-bottom: 16px;
transition: border ease 1.5s;
-webkit-transition: border ease 1.5s;
-moz-transition: border ease 1.5s;
}
.dropdown-control
{
background: url(https://www.manageengine.cn/images/submenu-sel-arrow.png) no-repeat;
background-position: 95% center;
}
.form-control.dropdown-control.uscountry {
background: #fff;
}
.form-control.active-row {
border: 1px solid #FFF;
}
.form-control.btn-submits {
border: none;
margin-bottom: 45px;
padding-left: 0;
}
.form-control.form-comments {
height: 85px;
}
.form-control:after, .form-control:before {
box-sizing: inherit;
content: '';
position: absolute;
width: 0;
height: 0;
z-index: 1;
border: 2px solid transparent;
border-radius: 5px;
pointer-events: none;
}
.form-control:before {
top: 0px;
left: 0px;
}
.form-control:after {
bottom: 0;
right: 0;
}
.form-control .error {
position: absolute;
bottom: -8px;
left: 30px;
transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-webkit-transition: all ease 0.4s;
font-size: 12px;
z-index: 8;
opacity: 1;
background: linear-gradient(to bottom, #fff, #e7f1fb);
padding: 5px;
line-height: 0.5;
color: red;
display: none;
}
.form-control * {
-webkit-appearance: none;
-moz-appearance: none;
}
.form-control .label {
position: absolute;
transform: translate(0%, -50%);
top: 50%;
left: 30px;
transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-webkit-transition: all ease 0.4s;
font-size: 1.2em;
z-index: 8;
opacity: 0.5;
}
.form-comments.form-control .label
{
top: 35%;
}
.form-control input, .form-control select, .form-control textarea {
width: 100%;
outline: none;
border: none;
height: 100%;
background: transparent;
padding-left: 20px;
font-size: 1.2em;
position: relative;
z-index: 9;
opacity: 0.5;
resize: none;
font-family: 'ZohoPuvi';
}
.form-control select
{
opacity: 0;
}
.form-control.active-row select
{
opacity: 0.6;
}
.btn-submits button {
border-radius: 3px;
font-size: 18px;
font-weight: 400;
border: 2px solid #EF572E;
background: #EF572E;
color: #fff;
cursor: pointer;
outline: none;
display: inline-block;
padding: 13px 40px;
margin: 20px 0;
}
.btn-submits button:hover
{
background: #444;
border-color: #444;
}
.form-control.btn-submit {
background: transparent;
border: none;
height: auto;
text-align: center;
}
.btn-submit button {
font-size: 18px;
font-weight: 400;
border: 2px solid #0f4886;
border-radius: 25px;
background: #0f4886;
color: #fff;
cursor: pointer;
outline: none;
display: inline-block;
padding: 12px 50px;
margin: 20px 0;
}
.btn-submit button:hover
{
background: #444;
border-color: #444;
}
.active-row.form-control::before {
border-top-color: #0f4886;
border-right-color: #0f4886;
transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
width: 100%;
height: 100%;
}
.active-row.form-control::after {
border-bottom-color: #0f4886;
border-left-color: #0f4886;
transition: border-color 0s ease-out 0.3s, width 0.15s ease-out 0.3s, height 0.15s ease-out 0.45s;
width: 100%;
height: 100%;
}
.form-control.active-row .label {
top: 0;
background: linear-gradient(to bottom, #ebf4fc, #fff);
padding: 0 6px;
left: 15px;
font-size: 1em;
opacity: 1;
}
.uscountry.form-control {
height: auto;
}
.uscountry select#contact_country, .uscountry select#zc-country {
height: 60px;
border-bottom: 1px solid #f2f2f2;
}
.uscountry select#country_state {
height: 60px;
}
.success-msg {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
text-align: center;
padding: 30px 20px;
background: #0f4886;
color: #fff;
font-weight: 500;
font-size: 1.2em;
display: none;
}
.success-msg span {
display: block;
font-size: .8em;
padding: 14px 0 0 0;
}
.dropdown1 {
position: relative;
z-index: 99;
font-size: 12px;
padding: 0;
height: 65px;
}
.dropdown1.sol {
z-index: 999;
}
.dropdown1 .dropdt1 {
width: 100%;
height: 100%;
}
.clicks {
display: block;
width: 100%;
height: 100%;
}
.dropdt1 .hida1 {
display: block;
width: 100%;
height: 100%;
padding-top: 22px;
padding-left: 30px;
font-size: 15px;
color: #a09a9a;
background: url(/government/images/arrow.png) no-repeat transparent;
background-position: 96%;
}
.multiSel1 {
padding: 5px 10px;
height: 64px;
overflow: scroll;
display: none;
}
.dropdown1 .dropdd1 {
position: absolute;
width: 100%;
z-index: 9999;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
div.dropdownsearch1 {
width: 100%;
background: #0f4886;
display: none;
z-index: 9999;
position: relative;
}
.dropdown1 .dropdd1 input {
width: 96%;
padding: 10px;
font-size: 14px;
margin: 15px 10px 5px;
border: 1px solid #CCC;
background: #fff;
box-sizing: border-box;
opacity: 1;
}
.dropdown1 .dropdd1 ul {
color: #fff;
display: none;
left: 0;
padding: 15px 15px 2px 0;
position: absolute;
top: 50px;
width: 100%;
list-style: none;
height: 175px;
overflow: auto;
background: #0f4886;
text-align: left;
overflow: scroll!important;
}
.dropdown .dropdd ul li, .dropdown1 .dropdd1 ul li {
padding: 5px 10px;
width: 100%;
font-size: 14px;
line-height: 2;
cursor: pointer;
}
.multiSel1 span {
border: 1px solid #333;
padding: 1px 5px;
border-radius: 5px;
margin: 2px 5px 2px 0;
font-size: .9em;
line-height: 20px;
display: inline-block;
}
.multiSel1 span strong {
margin: 0 0 0 10px;
color: #898383;
font-weight: 700;
cursor: pointer;
}
.datepicker > .datepicker_header > .icon-close {
width: 30px!important;
height: 30px!important;
}
form .cols-6, form .cols-12 {
padding-left: 5px;
padding-right: 5px;
}
form .rows
{
margin-right: -5px;
margin-left: -5px;
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 48%);
z-index: 9999;
top: 0;
left: 0;
display: none;
}
.popup {
position: fixed;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 780px;
max-width: 95%;
max-height: 95vh;
background: #1b3a60;
overflow: hidden;
box-shadow: 0 0 10px rgb(0 0 0 / 26%);
border-radius: 4px;
padding: 30px;
z-index: 99;
display: none;
}
.popup-content {
overflow: scroll;
height: 100%;
max-height: 90vh;
padding-bottom: 30px;
}
.popup-content form {
width: 90%;
margin: 0 auto;
}
span.close {
position: absolute;
z-index: 999;
top: 14px;
right: 12px;
color: #000;
font-weight: bold;
cursor: pointer;
background: #fff;
border-radius: 50%;
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
}
span.close:hover {
color: #033163;
}
h2.popup-title {
text-align: center;
margin-bottom: 23px;
line-height: 1.4;
color: #fff;
}
.enquiry-popup .btn-submits button {
border: 2px solid #ffcd00;
background: #ffcd00;
border-radius: 30px;
color: #000;
padding: 15px 55px;
}
.enquiry-popup .btn-submits button:hover {
background: #fff;
border: 2px solid #ffffff;
}
.enquiry-popup .form-control.btn-submits {
background: transparent;
text-align: center;
}
.enquiry-popup .form-control
{
height: 55px;
margin-bottom: 12px;
}
.enquiry-popup p.privacy-policy {
color: #fff;
}
.enquiry-popup #meGDPRMessage {
color: #fff;
}
.enquiry-popup .dropdt1 .hida1 {
padding-top: 16px;
}
@media only screen and (max-width: 1200px)
{
.container {
max-width: 90%;
}
}
@media only screen and (max-width: 1024px)
{
.menu-icon {
display: block;
position: relative;
cursor: pointer;
}
.nav-section {
position: relative;
}
.nav-menu {
background: #fff;
position: absolute;
width: 100%;
top: 50px;
z-index: 99;
display: none;
box-shadow: 1px 5px 10px rgb(0 0 0 / 26%);
}
.nav-menu li {
display: block;
text-align: left;
border-bottom: 1px solid #b3b1b1;
padding: 10px 0;
margin: 0 10px;
}
.nav-menu li:last-child
{
border: none;
}
.nav-menu li a
{
color: #000;
}
.nav-menu li:last-child a {
border: none;
padding: 10px;
color: #000;
background: transparent;
}
.animation {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}
#topbar-menu-icon {
position: absolute;
right: 0;
cursor: pointer;
transform: translate3d(0,0,0);
transition: transform .7s;
z-index: 9999999;
width: 30px;
height: 30px;
margin: 0;
top: 15px;
}
#topbar-menu-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #000;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#topbar-menu-icon span:nth-child(1) {
top: 0;
}
#topbar-menu-icon span:nth-child(2) {
top: 8px;
}
#topbar-menu-icon span:nth-child(3) {
top: 16px;
}
.active-menu#topbar-menu-icon span:nth-child(1) {
top: 8px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.active-menu#topbar-menu-icon span:nth-child(2) {
opacity: 0;
right: -60px;
}
.fancy-title:after {
margin: 20px 0;
}
.active-menu#topbar-menu-icon span:nth-child(3) {
top: 8px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.boxed.ready-box {
padding-top: 95px;
}
.container-fluid.copyright p {
padding: 0 25px;
}
}
@media only screen and (max-width: 650px)
{
body
{
font-size: 14px;
}
.menu-icon {
bottom: 15px;
}
.nav-menu
{
top: 3px;
}
.products-list a
{
min-height: auto;
}
header {
padding: 30px 0;
}
#topbar-menu-icon {
top: -30px;
}
footer > .container {
padding: 30px 0;
}
p.copyright {
text-align: center;
margin-bottom: 22px;
}
ul.social {
text-align: center;
}
}
/* page style*/
.page-title {
font-size: 2.8em;
font-weight: 600;
line-height: 1.2;
margin-bottom: 25px;
}
.page-descr {
font-size: 18px;
margin-bottom: 30px;
}
.bg-blue {
background: #1b3a60;
padding: 30px 20px 20px 20px;
border-radius: 10px;
}
.in-title {
line-height: 1.6;
font-size: 1.6em;
color: #fff;
font-weight: 400;
padding: 28px 15px;
}
.downloads {
background: #ffcd00;
border: 1px solid #ffcd00;
margin: 40px 0;
cursor: pointer;
padding: 15px 45px;
display: inline-block;
color: #000;
border-radius: 25px;
font-size: 18px;
font-weight: 500;
}
.downloads:hover
{
background: #fff;
color: #0f4886;
border: 1px solid #ffffff;
}
.rel-no {
position: static;
}
.rel-no img {
position: absolute;
bottom: 0;
left: 0;
width: 38%;
}
#downloads-section {
background: #ddedfa;
padding: 10px 0;
}
#solutions-section {
background: #ddedfa;
padding-top: 20px;
}
.section-title {
font-size: 2.2em;
font-weight: 600;
color: #243A5D;
}
.sub-section-title {
margin-top: 0;
color: #243A5D;
font-size: 1.8em;
font-weight: 600;
margin-bottom: 20px;
line-height: 1.4;
}
.mid-column .rows {
width: 90%;
margin: 0 auto;
}
.links span {
color: #4CA9F5;
display: inline-block;
cursor: pointer;
}
.links span:hover {
color: #000;
}
.links span b {
position: relative;
top: 1px;
left: 5px;
transition: all ease 0.5s;
}
.links span:hover b
{
left: 10px;
}
#main-content {
background: linear-gradient(to bottom, #ddedfa, #f7fafd);
}
.me-icons:after, .me-icons:before
{
content: "";
display: block;
clear: both;
}
.me-icons
{
margin-bottom: 25px;
position: relative;
}
img.me-icon {
width: 48px;
position: absolute;
top: 3px;
left: 0;
}
.me-icons p {
margin: 0;
line-height: 1.6;
padding-left: 65px;
}
.border-right p {
padding-right: 40px;
border-right: 1px solid #7b7474;
}
span.tick-icon {
border: 2px solid #000;
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
margin-bottom: 16px;
position: relative;
}
span.tick-icon:before
{
background: #000;
width: 2px;
height: 14px;
content: "";
position: absolute;
left: 16px;
top: 23px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
}
span.tick-icon:after
{
background: #000;
width: 2px;
height: 26px;
content: "";
position: absolute;
left: 29px;
top: 11px;
transform: rotate(45deg);
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-moz-transform: rotate(40deg);
}
.container-blue {
background: #1E75BB;
padding: 50px 70px;
overflow: hidden;
border-radius: 10px;
}
.data-left-anim {
transition: all ease 1s;
-webkit-transition: all ease 1s;
transform: translateX(-1000px);
-webkit-transform: translateX(-1000px);
}
.act-data .data-left-anim {
transform: translateX(0);
-webkit-transform: translateX(0);
}
img.fixed-imgs {
position: absolute;
bottom: -180px;
right: -22%;
width: 54%;
transition: all ease 1s;
-webkit-transition: all ease 1s;
transform: translateX(1000px);
-webkit-transform: translateX(1000px);
}
.act-data img.fixed-imgs {
transform: translateX(0);
-webkit-transform: translateX(0);
}
.lists {
padding-left: 32px;
}
.lists li {
line-height: 2;
margin-bottom: 15px;
}
.lists li:before {
content: "";
width: 12px;
height: 12px;
display: inline-block;
background: #0F4986;
border-radius: 100%;
position: relative;
left: -20px;
margin-left: -12px;
}
a.cta {
display: inline-block;
margin-top: 30px;
color: #0F4986;
border: 1px solid #0F4986;
padding: 18px 38px;
border-radius: 30px;
font-weight: 500;
}
a.cta:hover
{
background: #0F4986;
color: #fff;
}
.sub-title {
font-size: 1.4em;
font-weight: 600;
margin-bottom: 15px;
line-height: 1.5;
}
.sprite-logo {
background: url(/cloud-solutions/images/sprite.png);
}
.cert {
height: 85px;
display: block;
margin-bottom: 25px;
width: 160px;
}
.cert.cert1
{
background-position: -218px 2px;
}
.cert.cert2
{
background-position: -404px -12px;
width: 135px;
}
.cert.cert3
{
background-position: -547px -12px;
width: 135px;
}
.cert.cert4
{
background-position: -20px 5px;
width: 170px;
}
.cert.cert5
{
background-position: -730px -265px;
}
.small-title {
color: #0F4986;
font-size: 1.1em;
font-weight: 600;
margin-bottom: 15px;
}
.fixed-imgs.activeanim {
transform: translateX(800px);
-webkit-transform: translateX(800px);
-moz-ransform: translateX(800px);
}
#integeration
{
background: linear-gradient(to bottom, #f6fafc, #fff);
}
.integeration-box {
background: url("/cloud-solutions/images/integeration.svg") no-repeat;
background-size: cover;
background-position: center;
height: 595px;
}
.integeration-box a {
display: inline-block;
position: absolute;
color: #000;
text-align: center;
}
.integeration-box a:not(.main-logo) {
pointer-events: none;
transition: all ease 1s;
-webkit-transition: all ease 1s;
-moz-transition: all ease 1s;
}
.integeration-box a:not(.main-logo) img {
display: block;
width: 100px;
margin: 0 auto;
}
.integeration-box a.main-logo {
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 290px;
height: 120px;
background: #fff;
padding: 35px 35px;
border-radius: 60px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.26);
line-height: 48px;
pointer-events: none;
}
.integeration-box a:nth-child(1) {
transform: translate(0, -50%);
top: 50%;
left: 5%;
}
.integeration-box a:nth-child(2) {
left: 17%;
top: 15%;
}
.integeration-box a:nth-child(3) {
left: 17%;
bottom: 15%;
}
.integeration-box a:nth-child(4) {
transform: translate(0, -50%);
top: 50%;
left: 25%;
}
.integeration-box a:nth-child(5) {
left: 35%;
top: 0;
}
.integeration-box a:nth-child(6) {
left: 35%;
bottom: 0;
}
.integeration-box a:nth-child(8) {
transform: translate(0, -50%);
top: 50%;
right: 5%;
}
.integeration-box a:nth-child(9) {
right: 17%;
top: 15%;
}
.integeration-box a:nth-child(10) {
right: 17%;
bottom: 15%;
}
.integeration-box a:nth-child(11) {
transform: translate(0, -50%);
top: 50%;
right: 25%;
}
.integeration-box a:nth-child(12) {
right: 35%;
top: 0;
}
.integeration-box a:nth-child(13) {
right: 35%;
bottom: 0;
}
.integeration-box a.main-logo
{
z-index: 99;
}
.anims.integeration-box a:not(.main-logo) {
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
opacity: 0;
z-index: 0;
bottom: unset;
}
#fixedbtn {
position: fixed;
top: 65%;
transform: translate(0%, -50%);
z-index: 9999;
right: 0;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transform: translateX(222px);
-webkit-transform: translateX(222px);
-moz-transform: translateX(222px);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
#fixedbtn span, #fixedbtn a {
display: block;
padding: 10px 10px;
position: relative;
color: #000;
background: #ffffff;
cursor: pointer;
height: 60px;
font-size: 15px;
line-height: 1.3;
}
#fixedbtn span:hover, #fixedbtn a:hover
{
color: #033163;
}
#fixedbtn span.demo, #fixedbtn a.demo
{
border-bottom: 1px solid #d0d5da;
padding: 12px 10px;
line-height: 1.3;
}
#fixedbtn span:before, #fixedbtn a:before {
content: "";
position: absolute;
top: 50%;
left: -60px;
width: 60px;
height: 60px;
text-align: center;
transform: translate(0%, -50%);
line-height: 60px;
box-shadow: -1px 3px 10px rgb(0 0 0 / 31%);
}
#fixedbtn span.demo:before, #fixedbtn a.demo:before {
background: url("/california-consumer-privacy-act-ccpa-compliance-tools-and-resources/images/icon-downlod.svg") #033163 no-repeat;
background-position: center;
background-size: 25px;
color: #fff;
border-top-left-radius: 25px;
top: calc(50% + 1px);
}
#fixedbtn span.contact:before {
background: url("/california-consumer-privacy-act-ccpa-compliance-tools-and-resources/images/phone.svg") #4ba9f5 no-repeat;
background-position: center;
background-size: 25px;
color: #000;
border-bottom-left-radius: 25px;
}
#fixedbtn:hover, #fixedbtn.act, #fixedbtn.slide:hover {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
}
#fixedbtn.slide {
transform: translateX(98px);
-webkit-transform: translateX(98px);
-moz-transform: translateX(98px);
}
#fixedbtn.scrollact {
transform: translateX(222px);
-webkit-transform: translateX(222px);
-moz-transform: translateX(222px);
}
@media only screen and (max-width: 1100px)
{
.integeration-box a:nth-child(1) {
left: 0%;
}
.integeration-box a:nth-child(2) {
left: 12%;
}
.integeration-box a:nth-child(3) {
left: 12%;
}
.integeration-box a:nth-child(4) {
left: 20%;
}
.integeration-box a:nth-child(5) {
left: 30%;
}
.integeration-box a:nth-child(6) {
left: 30%;
}
.integeration-box a:nth-child(8) {
right: 0%;
}
.integeration-box a:nth-child(9) {
right: 12%;
}
.integeration-box a:nth-child(10) {
right: 12%;
}
.integeration-box a:nth-child(11) {
right: 20%;
}
.integeration-box a:nth-child(12) {
right: 30%;
}
.integeration-box a:nth-child(13) {
right: 30%;
}
}
@media only screen and (max-width: 1024px)
{
.integeration-box a.main-logo {
width: 200px;
height: 95px;
line-height: 55px;
padding: 20px;
}
.integeration-box a:not(.main-logo) img {
width: 80px;
}
img.me-icon {
position: static;
transform: none;
margin-bottom: 10px;
}
.me-icons p {
padding: 0;
}
}
@media only screen and (max-width: 650px)
{
#banner {
padding-top: 30px;
}
#fixedbtn.slide
{
transform: translateX(100px);
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
}
.integeration-box a:not(.main-logo) img {
width: 50px;
}
.integeration-box a.main-logo {
width: 110px;
height: 56px;
line-height: 55px;
padding: 0 10px;
}
.integeration-box a {
font-size: 0.8em;
}
.integeration-box
{
background: url("/cloud-solutions/images/integeration-phone.svg") no-repeat;
background-size: cover;
background-position: center;
height: 400px;
}
.integeration-box a:nth-child(2) {
left: 10%;
top: 8%;
}
.integeration-box a:nth-child(9)
{
right: 10%;
top: 8%;
}
.integeration-box a:nth-child(4) {
left: 2%;
top: 36%;
}
.integeration-box a:nth-child(11)
{
right: 2%;
top: 36%;
}
.integeration-box a:nth-child(1) {
left: 0%;
bottom: 28%;
top: unset;
}
.integeration-box a:nth-child(8)
{
right: 0%;
bottom: 28%;
top: unset;
}
.integeration-box a:nth-child(3)
{
left: 5%;
bottom: 15%;
}
.integeration-box a:nth-child(10)
{
right: 5%;
bottom: 15%;
}
}
/* tab style */
ul.tabs-nav {
text-align: center;
margin: 20px 0 0 0;
}
.tabs-nav li img {
height: 32px;
display: inline-block;
}
.tabs-nav li:not(.tab-active) img.active {
display: none;
}
.tabs-nav li.tab-active img.active {
display: inline-block;
}
.tabs-nav li.tab-active img.non-active {
display: none;
}
.tabs-nav li {
display: inline-block;
padding: 0;
margin: 0;
}
.tabs-nav li:first-child {
margin-right: 4px;
}
.tabs-nav li:last-child {
margin-left: 4px;
}
.tabs-nav li.tab-active a {
background: #ddedfa;
color: #000;
}
.tabs-nav li span {
font-size: 1.1em;
font-weight: 500;
margin-left: 14px;
vertical-align: middle;
}
.tabs-nav a {
display: block;
background: #023163;
color: #fff;
padding: 16px 50px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.tabs-stage {
margin-top: 25px;
}
.tab-heading {
text-align: center;
margin-bottom: 40px;
margin-top: 45px;
font-size: 1.4em;
font-weight: 500;
line-height: 1.4;
}
.clearfix.new {
margin-left: -10px;
margin-right: -10px;
}
.products-lists {
width: 33.3%;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.products-lists a {
color: #000;
padding: 8px 10px;
line-height: 1.5;
position: relative;
border-radius: 5px;
margin-bottom: 20px;
border: 1px solid #00B2FF;
padding: 15px 15px 20px 15px;
}
.products-lists a:hover {
background: #F0F4F5;
border-color: transparent;
box-shadow: 0 0 10px rgb(0 0 0 / 21%);
}
.products-lists a:hover b {
color: #0f4886;
}
/* product icon*/
.prd-icon {
display: inline-block;
width: 60px;
height: 50px;
transform: scale(0.8);
margin-bottom: -10px;
}
.it-prod-icon
{
background: url("/cloud-solutions/images/it-management-sprite.svg");
}
.sdp.it-prod-icon {
background-position: -65px -48px;
}
.dc.it-prod-icon {
background-position: -215px -48px;
}
.mdmp.it-prod-icon {
background-position: -354px -51px;
}
.mdm-msp.it-prod-icon {
background-position: -64px -200px;
}
.patch.it-prod-icon {
background-position: -215px -198px;
}
.rap.it-prod-icon {
background-position: -354px -198px;
}
.log360.it-prod-icon {
background-position: -66px -364px;
}
.imp.it-prod-icon {
background-position: -215px -364px;
}
.alarmone.it-prod-icon {
background-position: -354px -364px;
}
.site24.it-prod-icon {
background-position: -65px -530px;
}
.site24-msp.it-prod-icon {
background-position: -213px -530px;
}
.cloudspend.it-prod-icon {
background-position: -354px -530px;
}
.apm-insignt.it-prod-icon {
background-position: -67px -675px;
}
.statusiq.it-prod-icon {
background-position: -214px -676px;
}
.business-icon
{
background: url("/cloud-solutions/images/business-application-sprite.svg");
}
.business-icon.projects
{
background-position: -52px -45px;
}
.business-icon.assist
{
background-position: -220px -45px;
}
.business-icon.sprints
{
background-position: -369px -48px;
}
.business-icon.creator
{
background-position: -52px -186px;
}
.business-icon.analytics
{
background-position: -220px -186px;
}
.business-icon.workplace
{
background: url("/cloud-solutions/images/zoho-workplace-logo.png") no-repeat;
background-size:43px;
}
.business-icon.mail
{
background: url("/cloud-solutions/images/zoho-mail-logo.png") no-repeat;
background-size:37px;
}
.cloud-ready-icon
{
background: url("/cloud-solutions/images/cloud-ready-sprite.svg");
}
.csp.cloud-ready-icon
{
background-position: -63px -51px;
}
.smp.cloud-ready-icon
{
background-position: -213px -51px;
}
.adap.cloud-ready-icon
{
background-position: -353px -53px;
}
.o365.cloud-ready-icon
{
background-position: -63px -202px;
}
.erp.cloud-ready-icon
{
background-position: -213px -202px;
}
.recovery.cloud-ready-icon
{
background-position: -353px -202px;
}
.pmp.cloud-ready-icon
{
background-position: -63px -368px;
}
.pam360.cloud-ready-icon
{
background-position: -213px -368px;
}
.amp.cloud-ready-icon
{
background-position: -353px -368px;
}
.kmp.cloud-ready-icon
{
background-position: -63px -532px;
}
.app-manger.cloud-ready-icon
{
background-position: -213px -532px;
}
.analytics-plus.cloud-ready-icon
{
background-position: -353px -532px;
}
.products-lists a .prd-descr {
display: block;
width: 100%;
float: left;
vertical-align: middle;
margin-top: 8px;
}
.prd-descr h4 {
font-size: 1.1em;
font-weight: 500;
color: #0F4986;
margin-bottom: 6px;
}
.prd-descr p {
margin-bottom: 5px;
min-height: 160px;
}
.products-lists .load-more {
font-size: 1em;
display: block;
text-align: right;
margin-right: 15px;
color: #00B2FF;
}
.products-lists .load-more b.arr {
top: 1px;
left: 5px;
}
.products-lists a:hover .load-more
{
color: #0F4986;
}
.tabs-stage .slick-slider {
position: static;
}
.slick-arrow {
position: absolute;
-moz-appearance: none;
-webkit-appearance: none;
border: 1px solid #c9e2f1;
width: 42px;
height: 42px;
border-radius: 5px;
text-indent: -9999em;
cursor: pointer;
outline: none;
transform: translate(0, -50%);
}
.slick-arrow:hover
{
opacity: 0.8;
}
.slider-nav .slick-arrow {
display: none!important;
}
.slick-prev.slick-arrow {
right: -40px;
background: url(/cloud-solutions/images/arrow-left.svg) no-repeat #007beb;
background-position: center;
background-size: 50%;
top: calc(48% + 42px);
border-top-color: transparent;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.slick-next.slick-arrow {
right: -40px;
background: url(/cloud-solutions/images/arrow-right.svg) no-repeat #003166;
background-position: center;
background-size: 50%;
top: 48%;
border-bottom-color: transparent;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.slick-arrow.slick-disabled {
background-color: #fff;
cursor: unset;
}
.slider-nav .slick-track {
width: 100%!important;
text-align: center;
transform: none!important;
}
.slider-nav .slick-list {
overflow: visible;
}
.slider-nav {
text-align: center;
}
.slider-nav .slick-slide {
width: 33.3%!important;
height: 2px;
display: inline-block;
float: none;
text-indent: -9999em;
background: #a7c3e1;
margin: 0;
position: relative;
}
#cloud-ready-section .slider-nav .slick-slide
{
width: 50%!important;
}
.tabs-stage .slick-slider.slider-nav {
text-align: center;
width: 100%;
margin-top: 42px;
margin-bottom: 0;
}
p.tab-descr {
margin: 0;
font-size: 0.8em;
font-weight: 500;
}
.slider-nav .slick-slide.slick-current {
background: #4CA9F5;
}
.slider-nav .slick-slide.slick-current:before {
content: "";
height: 1px;
width: 100%;
background: #4CA9F5;
display: block;
position: absolute;
bottom: 2px;
left: 0;
}
.loader {
display: block;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #0F4986;
border-bottom: 16px solid #0F4986;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
position: absolute;
z-index: 99;
top: 20%;
left: 40%;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* logo section */
.clients-section {
border-top: 1px solid #d8dadc;
border-bottom: 1px solid #d8dadc;
padding-top: 80px;
padding-bottom: 80px;
}
.clients > div {
width: 16.6%;
float: left;
display: block;
margin: 5px 0;
}
.client {
display: block;
width: 170px;
margin: 0 auto;
height: 90px;
transform: scale(0.85);
-webkit-transform: scale(0.85);
}
.client.client1 {background-position: -645px -4px;}
.client.client2 {background-position: -800px -7px;}
.client.client3 {background-position: -975px -12px;}
.client.client4 {background-position: -7px -104px;}
.client.client5 {background-position: -203px -123px;}
.client.client6 {background-position: -366px -126px;}
.client.client7 {background-position: -546px -130px;}
.client.client8 {background-position: -788px -135px;width: 190px;}
.client.client9 {background-position: -1020px -135px;}
.client.client10 {background-position: -1210px -262px}
.client.client11 {background-position: -1420px -260px;width: 185px;}
.client.client12 {background-position: -1676px -265px;}
.full-webinars {
margin-left: -10px;
margin-right: -10px;
}
#casestudies {
background: linear-gradient(to bottom, #fff, #fff,#f4f8fb);
padding: 30px 0;
}
#resorces {
background: linear-gradient(to bottom, #f4f8fb, #e0eefa);
padding-top: 20px;
}
.acc-container {
background: #F1F6FA;
border: 1px solid #0F4986;
border-radius: 10px;
}
h3.acc-toggler {
margin: 0;
font-size: 1.6em;
padding: 20px 40px;
cursor: pointer;
position: relative;
}
.acc-toggler:after {
content: "+";
position: absolute;
transform: translate(0, -50%);
top: 50%;
right: 50px;
font-weight: 300;
font-size: 1.2em;
}
.acc-toggler.active-acc:after {
content: "-";
}
.full-webinars.acc-content {
padding: 0 40px;
margin-top: 25px;
}
.webinar-boxes > li {
width: 33.3%;
float: left;
padding: 10px;
}
.webinar-boxes > li > a, .webinar-boxes > li > div {
display: block;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1803921568627451);
color: #000;
background: #fff;
border-radius: 8px;
}
.webinar-boxes > li > a h3, .webinar-boxes > li > div h3 {
font-size: 1em;
font-weight: 500;
line-height: 1.6;
padding: 20px 30px;
min-height: 170px;
}
.webinar-boxes > li > a > span, .webinar-boxes > li > div > span {
padding: 15px;
display: block;
text-align: center;
color: #0F4986;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.webinar-boxes > li > a:hover > span, .webinar-boxes > li > div:hover > span
{
background: #0F4986;
color: #fff;
}
.webinar-boxes > li > a > span b, .webinar-boxes > li > div > span b {
position: relative;
top: 1px;
left: 7px;
font-size: 1.4em;
line-height: normal;
}
p.loadersec {
text-align: center;
margin-top: 40px;
}
.load-more {
font-size: 1.2em;
font-weight: 500;
color: #0F4986;
position: relative;
display: inline-block;
cursor: pointer;
}
.loadlink
{
font-size: 1.2em;
font-weight: 500;
color: #0F4986;
display: none;
}
.loadlink.show {
display: block;
}
.load-more b.arr, .loadlink b.arr {
position: relative;
left: 10px;
top: 1px;
font-size: 1.4em;
line-height: normal;
}
b.loaders {
display: inline-block;
border: 12px solid #ddedfa;
border-radius: 50%;
border-top: 12px solid #253a5d;
width: 14px;
height: 14px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
position: absolute;
top: 19%;
right: -12px;
z-index: 9;
}
.load-more.disabled {
opacity: 0;
}
#contactus {
background: linear-gradient(to bottom, #e0eefa, #ffffff);
padding-top: 20px;
}
.boxed
{
display: block;
text-align: center;
color: #000;
transition: all ease 0.7s;
-webkit-transition: all ease 0.7s;
-moz-transition: all ease 0.7s;
overflow: hidden;
}
.boxed span {
color: #285891;
border: 2px solid #285891;
display: inline-block;
padding: 15px 40px;
border-radius: 25px;
background: transparent;
opacity: 0;
transition: 0.5s;
-webkit-transition: 0.5s;
transform: translateY(100px);
-webkit-transform: translateY(100px)
}
.boxed p {
transition: 0.3s;
-webkit-transition: 0.3s;
}
.boxed.native-box:hover span {
transform: translateY(-95px);
-webkit-transform: translateY(-95px);
opacity: 1;
}
.boxed.ready-box:hover span {
transform: translateY(-115px);
-webkit-transform: translateY(-115px);
opacity: 1;
}
.boxed:hover p {
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
opacity: 0;
}
.boxed span:hover
{
background: #285891;
color: #fff;
}
.boxed h3 {
font-size: 1.7em;
font-weight: 600;
line-height: 1.3;
margin-bottom: 6px;
}
.boxed:hover h3
{
color: #0f4886;
}
.boxed.native-box
{
background: url("/cloud-solutions/images/cloud-native.svg") no-repeat;
height: 320px;
background-position: center;
padding-top: 100px;
background-size: contain;
}
.boxed.ready-box
{
background: url("/cloud-solutions/images/cloudy-ready.svg") no-repeat;
height: 320px;
background-position: center;
padding-top: 100px;
background-size: contain;
}
.boxed img {
margin: 0 auto;
display: block;
height: 300px;
width: auto;
}
#solutions-section {
background: #ddedfa;
padding: 30px 0;
}
.mid-column {
width: 85%;
}
#cloud-native-section, #cloud-ready-section {
padding: 20px 0;
background: #ddedfa;
}
.blue-container {
background: #0F4986;
padding: 40px 0 0 0;
color: #fff;
}
.prd-desc {
margin: 0;
}
.prd-title {
font-size: 2em;
font-weight: 500;
margin-bottom: 18px;
}
.resource-overlay {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.60);
display: none;
}
.wvbox {
width: 600px;
height: 348px;
max-width: 90%;
position: fixed;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
padding: 6px;
background: #fff;
display: none;
}
.wvbox-close {
position: absolute;
z-index: 999;
top: -8px;
right: -9px;
color: #000;
font-weight: bold;
cursor: pointer;
background: #ffffff;
border-radius: 50%;
width: 28px;
height: 28px;
text-align: center;
line-height: 28px;
}
.tick-box img {
width: 45px;
display: block;
margin-bottom: 12px;
}
@media (min-width: 1200px) and (max-width: 1400px)
{
#cloud-native-section .container, #cloud-ready-section .container {
max-width: 1180px;
}
.slick-next.slick-arrow, .slick-prev.slick-arrow
{
right: -27px;
}
}
@media only screen and (max-width: 1200px)
{
.slick-next.slick-arrow, .slick-prev.slick-arrow {
right: -28px;
}
}
@media only screen and (max-width: 1024px)
{
.boxed p {
opacity: 1!important;
transform: none!important;
-webkit-transform: none!important;
}
.boxed span {
display: none!important;
}
.page-title {
font-size: 2.2em;
}
.page-descr {
font-size: 16px;
}
#banner {
margin-top: 100px;
text-align: center;
}
#downloads-section {
text-align: center;
}
.page-title br, .page-descr br, .mob-br-break br, .boxed p br
{
display: none;
}
.banner-img {
margin-top: 40px;
width: 50%;
}
#main-content, #integeration {
padding-top: 0;
}
#main-content .container:first-child, .compliance {
text-align: center;
}
#main-content .container:first-child .cols-4 {
margin-bottom: 15px;
}
#main-content .sub-title {
margin-top: 30px;
text-align: center;
}
.sub-section-title {
text-align: center;
}
.cert {
margin: 0 auto 25px auto;
}
.compliance p {
margin-bottom: 40px;
}
.mid-column .rows {
margin-left: -15px!important;
margin-right: -15px!important;
width: auto;
}
.boxed {
padding: 30px 20px 10px 20px;
margin-bottom: 20px;
}
.boxed p:not(.links) {
margin: 0;
font-size: 0.8em;
}
.cert.cert2 {
background-position: -380px -12px;
}
.cert.cert3 {
background-position: -518px -12px;
}
.webinar-boxes > li {
width: 50%;
}
.clients > div {
width: 33.3%;
}
.tabs-stage .slick-slider.slider-nav {
visibility: hidden;
}
.products-lists {
width: 50%;
}
.prd-descr p
{
min-height: 170px;
}
#banner {
padding-top: 50px;
}
.boxed img {
height: 200px;
}
#solutions-section {
padding: 0;
}
.tabs-nav li {
width: 50%;
float: left;
margin: 0!important;
}
.tabs-nav li a {
border-radius: 0;
padding: 15px;
}
.border-right p {
border: none;
}
img.fixed-imgs {
position: static;
margin: 0 auto -110px auto;
display: block;
width: 50%;
}
h3.acc-toggler {
text-align: left;
}
.boxed h3 {
font-size: 1.4em;
margin-top: 10px;
}
.slick-next.slick-arrow, .slick-prev.slick-arrow {
top: 6%;
border-radius: 0;
}
.slick-next.slick-arrow {
right: 35px;
}
.slick-prev.slick-arrow {
right: 85px;
}
.rel-no img {
width: 60%;
pointer-events: none;
opacity: 0.2;
}
.downloads {
margin: 0 0 20px 0;
}
.popup {
padding: 15px;
}
}
@media only screen and (max-width: 650px)
{
body
{
font-size: 14px;
}
.tabs-stage .slick-slider {
margin-top: 65px;
}
.slick-next.slick-arrow, .slick-prev.slick-arrow {
top: 12%;
}
#cloud-ready-section .slick-next.slick-arrow, #cloud-ready-section .slick-prev.slick-arrow {
top: 16%;
}
.nav-menu li.mobile-menu {
display: block;
border: none;
padding-bottom: 0;
}
.nav-menu li.mobile-menu a, .nav-menu li:last-child a {
background: #104786;
color: #fff;
padding: 14px;
border-radius: 4px;
}
.nav-menu li:last-child a
{
background: #4ba9f5;
}
.space-large {
height: 30px;
}
.prd-descr p
{
min-height: auto;
}
.products-lists
{
width: 100%;
}
.webinar-boxes > li {
width: 100%;
}
.clients > div {
width: 50%;
}
.client {
transform: scale(0.8);
position: relative;
right: 10px;
}
.tabs-nav li img {
display: none!important;
}
.tabs-nav li a {
line-height: 1.5;
}
#main-content .sub-section-title {
margin-top: 20px;
margin-bottom: 0;
}
span.tick-icon {
display: none;
}
.boxed p br {
display: block;
}
.boxed.native-box
{
height: 285px;
}
.boxed.ready-box
{
height: 300px;
}
.prd-desc {
padding: 0 18px;
}
.tick-box {
position: relative;
text-align: center;
}
.tick-box img {
width: 35px;
display: block;
margin-bottom: 12px;
margin-left: auto;
margin-right: auto;
}
.full-webinars.acc-content {
padding: 0 20px;
}
h3.acc-toggler {
padding: 20px;
}
.acc-toggler:after
{
right: 30px;
}
.container-blue {
padding: 20px;
}
.wvbox {
height: 222px;
}
img.fixed-imgs
{
width: 80%;
margin: 0 auto -80px auto;
}
.copyright br, .tab-heading br, .prd-desc br, .privacy-policy br
{
display: none;
}
.fixed-header.header-fixed {
padding: 10px 0;
}
.wvbox-inner iframe {
height: 210px;
}
.rel-no img {
width: 100%;
}
}