@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}
.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: 16px;
	font-family: 'Zoho_Puvi_Regular';
}
* {
	-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: #3131FF;
}
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%;
}
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-light {
	color: #fff;
}
.text-dark {
	color: #000;
}
.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: 600;
}
.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%;
}
.fr {
	float: right!important;
}
.fl {
	float: left!important;
}
.pr {
	position: relative;
}
.cols-2,
.cols-3,
.cols-4,
.cols-5,
.cols-6,
.cols-7,
.cols-8,
.cols-9,
.cols-10,
.cols-12
{
	float: left;
	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: 40%;
}
.cols-6 {
	width: 50%;
}
.cols-7 {
	width: 60%;
}
.cols-8,.resilience {
	width: 66.6%;
}
.cols-9 {
	width: 75%;
}
.cols-10 {
	width: 87.5%;
}
.cols-12 {
	width: 100%;
}
@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 {
	    padding: 35px 0;
}
.brand-logo {
    display: block;
    width: 200px;
}
li.active a{
	color:#834100;
}
.menu-icon{
    display: none;
    color: #fff;
}
.light
{
	color: #fff!important;
}
ul.menu {
    position: fixed;
    right: 60px;
    top: 50%;
    width: 20px;
    z-index: 999999999;
    list-style: none;
    transform: translate(0, -50%);
    padding: 0;
}
ul.menu li {
    padding:6px 0;
	margin:0;
    cursor: pointer;
}
ul.menu li span {
/*    margin:6px 0;*/
	width: 20px;
    height: 2px;
    text-indent: -9999em;
    display: block;
    padding: 0;
	background: #cbcbcb;
	float:right;
	transition:all ease 200ms;
}
ul.menu li.active-menu span {
    background: #e9bd00;
	border-color:#e9bd00;
	width:40px;
}
section, header{min-height:100vh;}
section
{
	padding: 40px 0 60px 0;
	background: #fff;
	position:relative;
}
.container-fluid.copyright {
    padding: 20px 0;
    text-align: center;
    background: #16131a;
    color: #fff;
}
.container-fluid.copyright p {
    margin: 0;
	font-size: 0.8em;
	color:#fff;
}
.container-fluid.copyright p a
{
	color: #fff;
}
p{
	font-size:1.0625em;
	font-family: 'Zoho_Puvi_Regular';
	line-height:30px;
	margin:15px 0;
}
header{
	position:relative;
	background:url("../images/top-banner.jpg") no-repeat;
	background-size:cover;
	background-position:center bottom;
	filter: saturate(1.4);
}
.sec2{background:#FAF8F6;}
.sec3{
	background:url("../images/sec3-bg.svg") #2C5278 no-repeat;
	background-size:100%;
}
.box-2020{
	position:absolute;
	transform:translate(-50%,0);
	left:50%;
	bottom:0;
	width:40%;
	text-align:center;
	border-radius:3px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	padding:40px 0;
    background: inherit;
    overflow: hidden;
}
.box-2020:after {
    content: '';
    width: calc(100% - 3px);
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    background:#786c6c1f;
    border: 1px solid #959595;
    opacity: 1;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}	
.box-2020 h1 {
    font-size:8.2em;
    color: #fff;
    font-family: 'Zoho_Puvi_Light';
    position: relative;
    z-index: 2;
}
.box-2020 p {
    font-size: 1.6em;
    margin: 0;
    color: #fff;
    font-family: 'Zoho_Puvi_Bold';
    position: relative;
    z-index: 9;
}
h2{
	font-size:2.2em;
	font-family: 'Zoho_Puvi_Bold';
	margin-bottom:20px;
	line-height:normal;
}
.resilience,.quick-tran,.thank-con{
	position:absolute;
	transform:translate(-50%,-50%);
	width:50%;
	left:50%;
	top:50%;
}
section#sub-heading {
    min-height: auto;
    padding:100px 0 0;
}
    #sub-heading.fixed 
{
position: fixed;
    width: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 9;
    box-shadow: 0 0 15px rgb(0 0 0 / 37%);
	padding-top: 20px;
}
.sec3 h2{color:#BEDCEF;margin-bottom:10px;}
.clock-img{margin-bottom:30px;}
.space30{height:30px;}
.space40{height:40px;}
.memo-tab:before,.memo-tab:after,.yearbox1:before,.yearbox1:after,.yearbox1 ul:before,.yearbox1 ul:after,ul.menu li:before,ul.menu li:after,ul.new-probox:before,ul.new-probox:after{display:block;clear:both;content:"";}
.resilience p,.sec3 p{line-height:36px;}
.sec3 p{color:#fff;margin:0;}
.sec4{background:url("../images/stronger-together.jpg") no-repeat;background-position:140%;background-size:contain;}
.stronger-box{background:#FAF8F6;border-radius:5px;padding:20px 30px;}
.stronger-box p{font-size:0.9em;line-height:26px;}
.halfbox{width:350px;display:inline-block;}
.halfbox.box1{margin-right:10px;}
.halfbox.box2 p.high{height:105px;}
.fullbox{width:715px;margin-top: 12px;}
.fullbox p{margin: 0;padding-left:10px;}
.fullbox .count-animation{min-width:130px;}
.halfbox p.high{height:80px;margin:10px 0 0;}
p.wepro{margin:0;}
.stronger-box span{color:#000;font-size:3.5em;line-height:normal;}
.support{font-size:2.2em;color:#000;font-weight:300;}
a{color:#159CFF;}
.sec5{color:#fff;background:linear-gradient(to right,#7FA3D5,#5B87B4)}
.sec5:before{background:url("../images/yir-cloud.png") no-repeat;background-position:-100px center;background-size:50%;width:100%;height:100%;content:"";left:0;top: 0;position:absolute;z-index:1;display:block;}
.sec5 .number-box{border-radius:0;padding:30px;}
.sec5 .fr{position:relative;z-index: 1;}
.cloud2{position:absolute;}
.highlight-yellow,a.spokeyellow{color:#DED516;}
.sec10{background:url("../images/memorable.svg") #C9E4F7 no-repeat;background-position:right center;background-size:19%;}
.sec7{background:url("../images/sec7-bg.png") #43688E;}
.fighting-box{background:#fff;border-radius:5px;padding:100px 150px;}
.per-box{background:#E2E6E4;border-radius:5px;padding:25px;}
.per-box1 p.num-con{padding:0 0 0 10px;margin:0;}
.per-box .number span{font-size:3.5em;}
.per-box p{text-align:left;}
p.num-con{margin:0;}
.per-box1{margin-right:20px;}
.sec8{background:url("../images/spokeoffice.svg") #182531 no-repeat;background-size:82%, 100%; background-position:center 122%;color:#fff;}
.stopbox{position: relative;padding: 20px 0 0 40px;}
.stopbox:before {position: absolute;content: '';display: block;height: 0;background: #c4c1c1;top: 33px;width:1px;left:0;transition:all ease 5s;}
.product-box h4{font-size:1.7em;margin-bottom:25px;position: relative;font-family: 'Zoho_Puvi_SemiBold';}
.product-box h4:before{position:absolute;content:"";width:25px;height:1px;background:#c4c1c1;left:-40px;top:12px;}
.itop-box{position:relative;}
.itop-box:before{position: absolute;content:'';display: block;height: 100%;background: #fff;top: 12px;width:1px;left:-40px;}
.new-probox,.pro-point{margin:0;}
.new-probox li{float:left;width:35%;margin:0 20px 20px 0;background:#FAF8F6;transition:all ease 1s;}
.new-probox li a{display:block;color:#000;padding:25px;transition:0.8s;}
.new-probox li a:hover{box-shadow: 0px 0px 10px #c8d9ea;}
.new-probox li img{width:100px;height:100px;}
.new-probox li div{margin-left:15px;}
.new-probox li div h5{font-size:1.1em;font-weight:600;}
.new-probox li div p{font-size:0.9em;line-height:25px;margin:10px 0 0;}
.pro-point li{padding:0 0 20px 20px;font-size:1.08em;line-height:1.8em;position:relative;}
.pro-point li:before{position:absolute;content:"";display:block;width:5px;height:5px;background:#000;top:12px;border-radius:5px;left:0;}
.spoke-off{background:#3B4652!important;color:#fff!important;border-radius:0!important;}
.road-build{width:90px;margin-right: 30px;}
.spoke-off p.num-con{font-weight:500;text-align: left;padding:0;}
.eventful-year{background:#FAF8F6;border-radius:5px;padding:60px;}
.yearbox1{padding-bottom:30px;border-bottom:1px solid #532E47;}
.eventful-year span,.yearbox1 b{font-size:3.5em;color:#182531;font-weight:300;}
.yearbox1 ul{margin:0;}
.yearbox1 ul li{float:left; width:20%;text-align:center;}
.yearbox1 ul li p{font-weight:500;margin:15px 0 0;}
.yearbox2{text-align:center;padding-top:30px;}
.yearbox2 p{margin:0;}
p.yearcon {line-height: 26px;margin:40px 0 25px 0;}
.sec9{background:url("../images/amost-eventfulyear.png"), url("../images/dsds.png") #fff;background-size:35%,100% 52%;background-position:-7% 103%, left bottom;background-repeat:no-repeat;}
.sec9 .cols-10{margin:0 auto;float:none;}
.number-box{background: #3C5979;padding: 20px 30px;border-radius: 5px;color: #fff;display: inline-block;}
.number span {font-size: 4.5em;display:inline-block;}
.number-box .count-animation{min-width:90px;}
.spoke-off .count-animation{min-width:80px;}
.per-box .count-animation{min-width:60px;}
p.num-con{padding-left: 10px;}
.di{display:inline-block;vertical-align: middle;}
.sec11,.sec12{color:#fff;}
.sec11{background:#000;}
.sridhar-con{margin:50px 0 0;}
.sridhar-name{margin-top:40px;}
.sridhar-name span{display:block;}
h2.vembu{font-size:1.3em;padding:0 0 15px;font-family: 'Zoho_Puvi_SemiBold';color:#C9E4F7;margin:0;}
.sridhar-name span{font-size:0.9em;padding-left: 12px;}
.sec12{background:url("../images/thankyou.png") no-repeat;background-size:cover;background-position:center;}
.memo-tab {margin: 35px 0 0;}
.memo-tab li {float: left;width: 20%;border-bottom:1px solid #707070;text-align: center;cursor:pointer;}
.memo-tab li span {padding: 15px 15px;display: block;}
.memo-tab li:hover span{background:#43688E;color:#fff;}
.memo-tab li.active span{background:#43688E;color:#fff;}
.show-box {margin-top:30px;display:none;}
.show-box ul,#gartner_magic{display:block;}
.show-box ul li{position:relative;padding:0 0 15px 40px;font-size:1.0625em;line-height:1.5;}
.show-box ul li:before{position:absolute;left:0;top:11px;display:block;content:"";width:20px;height:2px;background:#00235C;}
.newyear-img{background:url("../images/newyear-img.svg") no-repeat;background-position:center;padding:100px 0;}
.happynewyear{color:#532E47;}
.year2021{font-size:8.2em;font-family: 'Zoho_Puvi_Light';}
.brand-logo-bottom{margin:60px auto 0;width:200px;display:block;}
.sec10,.sec8,.sec7,.sec5,.sec4{padding:250px 0;}
.sec11{padding:300px 0;}
.sec13,.sec9{padding:100px 0;}
.sec6{padding:20px 0 100px;}
.sec11{background:url("../images/sec11-bg.svg") #121924 no-repeat;background-size:100%;}
.subscribe-form{
	display: block;
    width:40%;
    height: 60px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border:1px solid #0F4986;
    position: relative;
	margin:0 auto;
	cursor: pointer;
}
span.footer-email{
	display: block;
    text-align: left;
    height: 100%;
    padding: 12px 0 0 20px;
	 opacity: 0.5;
}
span.footer-submit{
	display: inline-block;
    position: absolute;
    transform: translate(0%, -50%);
    top: 50%;
    right: 10px;
    font-size: 17px;
    z-index: 8;
    background: #532E47;
    color: #fff;
    padding: 10px 35px;
}
div#form-alert {
	margin:0!important;
    background: #fff;
    color: red;
}
/*-------------subscribe popup css----------*/
.subscribepopup_contains {
    width: 50%;
	margin:0 auto;
	display:none;
}
#backToTop {
    position: fixed;
    right: 20px;
    bottom: 80px;
    color: #000;
    background: rgba(0, 0, 0, 0.7) url(https://www.manageengine.com/images/up-arrow.png) no-repeat 16px 17px;
    font-size: 12px;
    display: none;
    cursor: pointer;
    transition: all 0.1s ease 0s;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-indent: -1000px;
    overflow: hidden;
    z-index: 9999;
}
.subscribe_popups {
    padding: 10px 20px;
}
.clearfix {
    display: block;
}
.subscribepopup_form_wrapper form input[type=text] {
   width: 75%;
    border: 1px solid #ddd;
    height: 60px;
    font-size: 1em;
    padding: 15px;
    display: block;
    border-radius: 0;
    margin: 0 auto;
	opacity:0.5;
}
.subscribepopup_form_wrapper form select {
    width: 75%;
    border: 1px solid #ddd;
    height: 60px;
    line-height: 20px;
    font-size: 1em;
    padding: 15px;
    display: block;
    color: #7e7e7e;
    margin: 20px auto;
	-webkit-appearance: none;
	background:url("../images/form-downarrow.png") no-repeat;
	background-position: 96%;
}
.subscribepopup_form_wrapper form select#country_state{margin-top:10px;}
.subscribepopup_form_wrapper form .dwn-priv {
    width: 100%;
    margin: 10px 0 0;
    font-size: 15px;
    display: inline-block;
	line-height:1.5;
}
.subscribepopup_form_wrapper form #subscribe {
    background:#6C2944;
    color: #fff;
    padding:12px 45px;
    margin: 20px auto 0;
    line-height: 20px;
    border: 1px solid #6C2944;
    font-size: 1.1em;
    height: auto;
    display: table;
    float: none;
    border-radius: 0;
	cursor:pointer;
	-webkit-appearance: none;
    appearance: none;
}
.subscribepopup_form_wrapper form #subscribe:hover,.subscribepopup_closeicon:hover{
	background:#4c4c4c;color:#fff;border: 1px solid #4c4c4c;
}
div#meGDPRMessage>label {
    font-size: 1em;
    display: inline-block;
	line-height:normal;
    margin: 10px 0 0;
}
div#form-alert {
    display: inline-block;
    font-size: 13px;
    margin: 10px 0;
}
.subscribepopup_form_wrapper form .dwn-priv strong{
	font-family: 'Zoho_Puvi_SemiBold';
}

.mobile-menu{display:none;;width:100%;padding:30px 20px;position:relative;background:#43688E;color:#fff;margin-top:15px;font-size:1.2em;}
.mobile-menu:after{display: block; content:""; position:absolute;transform: translate(0px, -50%);top: 50%;right: 35px;background:url("../images/down-arrow.svg") no-repeat;width:20px;height:12px;}
.mobile-menu.mm-active:after{background:url("../images/top-arrow.svg") no-repeat;}
.mobile-menu.mm-active{border-bottom:1px solid #FFFFFF;}
.sd-br br,.mobile-show{display:none!important;}
.reach-show,.st-brshow br,.uc-br br{display:none;}
q{font-style: oblique}
/* clock */
.page-loader {
    position: fixed;
    background: #faf8f5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999999;
}
.clock {
  display: flex;
  justify-content: center;
  align-items: center;
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;	
}
.clock:before,
.clock:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 3px solid;
}
.clock:before {
  --deg: 360deg;
  height: 200px;
  width: 200px;
  border-color: #e4df3d transparent transparent;
  animation: spin 2s infinite linear;
}
.clock:after {
  --deg: -360deg;
  height: 180px;
  width: 180px;
  border-color: transparent transparent #afab28;
  animation: spin 1500ms infinite linear;
}
.pointers {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  border: 5px solid #ef4925;
  border-radius: 50%;
}
.pointers:before,
.pointers:after {
  content: "";
  position: absolute;
  border: 2px solid;
  z-index: -1;
  transform-origin: 2px 0;
}
.pointers:before {
  height: 70px;
  border-color: #4e5352;
  animation: spin 1s infinite linear;
}
.pointers:after {
  height: 40px;
  border-color: #4e5352;
  animation: spin 6s infinite linear;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(var(--deg, 360deg));
  }
}
.anim {
    opacity: 0;
    transition: all ease 1s;
    transform: translateY(250px);
}
.active-anim .anim{
	opacity: 1;
    transform: translateY(0);
}
.anim.thank-con,.anim.resilience,.anim.quick-tran{transform: translate(-50%,0%)}
.active-anim .anim.thank-con,.active-anim .anim.resilience,.active-anim .anim.quick-tran{transform: translate(-50%,-50%)}
.newyear-img h2,.newyear-img h3{transform:scale(0);opacity:0;transition:all ease 1s;}
.active-anim .newyear-img h2,.active-anim .newyear-img h3{transform:scale(1);opacity:1;}
.active-anim .rotate-anim{transform:rotateY(0)}
.active-anim .stopbox:before{height:98%;}
 .cloud-animate, .boat-animate{
        position: absolute;
        bottom:0;
        left:0;
        -o-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }
    .cloud1{
        width: 20%;
		height: 9%;
        left: 10%;
        top: 37%;
        -webkit-animation: ani-cloud1 30s linear infinite;
        -moz-animation: ani-cloud1 30s linear infinite;
        -o-animation: ani-cloud1 30s linear infinite;
        animation: ani-cloud1 30s linear infinite;
		position:absolute;
    }
    .cloud2{
        width: 15%;
        left: 35%;
        bottom: 17%;
        -webkit-animation: ani-cloud2 40s linear infinite;
        -moz-animation: ani-cloud2 40s linear infinite;
        -o-animation: ani-cloud2 40s linear infinite;
        animation: ani-cloud2 40s linear infinite;
    }
	@keyframes ani-cloud1 {
        0% {left: 20%;}
        100% {left: 100%;}
    }
    @keyframes ani-cloud2 {
        0% {left: 30%;}
        100% {left: 100%;}
    } 
/*-------------subscribe popup css end----------*/
/* 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: 0;
}
.zlogo {
        height: auto;
    width: 55px;
    text-indent: -9999em;
    background: url(https://www.manageengine.com/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("../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);
}

@-moz-document url-prefix() {
 @media only screen and (min-width: 1100px)
 {
 .box-2020::after
 {
 background: url("../images/top-banner.jpg") no-repeat;
background-size: 250%;
background-position: center bottom;
	 filter: blur(15px);
 }
	 
	}
	@media only screen and (min-width: 1600px)
 {
 .box-2020::after
 {
 background: url("../images/top-banner.jpg") no-repeat;
background-size: 200%;
background-position: center bottom;
	 filter: blur(15px) saturate(1.2);
	 
 }
	 header{filter: saturate(1.2);}
	}
}
@media only screen and (min-width:1600px){
	.box-2020 { padding: 60px 0;width:50%;}
	.sec8{background-size:70%, 100%;}
}
@media only screen and (max-width:1600px){
	.sec8{background-size:70%, 100%;}
}
@media only screen and (max-width: 1450px)
{
	.sec10,.sec8,.sec7,.sec5,.sec4{padding:180px 0;}
	.sec13,.sec9{padding:50px 0;}
	.sec6{padding:20px 0 50px;}
	.sec10{padding:230px 0;}
	.eventful-year{padding:30px;width:80%;margin:0 auto;}
	.sec8{background-size:75%, 100%;}
}
@media only screen and (max-width: 1300px)
{
	.sec10,.sec8,.sec7,.sec5,.sec4{padding:150px 0;}
	.sec4{background-position: 150% center;}
	.sec5{background-position: -43% center;}
	.eventful-year{padding:25px;width:75%;}
	.sec11{padding:200px 0;}
	.brand-logo-bottom{margin:25px auto 0;}
	.fighting-box{padding:60px 100px;}
	
}
@media (orientation: landscape) and (max-width: 1380px) and (min-width: 1350px) {
	section, header {
    min-height: 80vh;
}
}
@media only screen and (max-width: 1100px)
{
   .animation {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}
	.container {
		max-width: 90%;
	}
	.box-2020{width:55%;}
	header,section{min-height:50vh;}
	.sec5{background-position: -100% center;}
	.new-probox li{width:45%;}
	.eventful-year{width:90%;}
	.memo-tab li{width:25%;}
	.brhide-large br,.dwn-priv br{display:none;}
	.sec4{background-position:150% top;background-size:50%;}
	.sec10{background-position:right top;background-size:16%;}
	.sec9{background-size:31%,100% 52%;}
	.resilience, .quick-tran,.active-anim .anim.resilience, .active-anim .anim.quick-tran{position: static;transform: none;margin: 0 auto;padding: 100px 0;width: 70%;}
	.subscribe-form{width:55%;}
	.subscribepopup_form_wrapper form input[type=text],.subscribepopup_form_wrapper form select{width:100%;}
}
@media (orientation: landscape) and (max-width: 1025px) {
	header
	{
		min-height: 70vh;
	}
}
@media screen and (min-width:1050px) and (max-height:700px){
	.sec8
	{
		background: url("../images/spokeoffice.svg") #182531 no-repeat;
 background-size: 60%;
		background-position: center 122%;
	}
}
@media only screen and (max-width: 1000px){
	.box-2020 {width: 65%;}
	.new-probox li{float:none;width: 60%;}
	.resilience{width:66%}
	.sec10, .sec8, .sec7, .sec5, .sec4{padding:50px 0;}
	.sec11{padding:120px 0;}
	.sridhar-con{margin:0;}
	.sridhar-name{margin:25px 0 0;}
	.halfbox.box1{margin:0 0 15px 0;}
	.fullbox{margin-top:15px;}
	.fullbox,.halfbox{width:55%;}
	.fullbox .di,.fighting-box .per-box{display:block;}
	.fullbox p{padding:0;margin: 10px 0 0;}
	.fullbox p.sd-hide br,#sub-heading .sd-hide br,.product-box .ipad-hide br{display:none;}
	.sec4 {background-position: 450px top;background-size:100%;}
	.sec5 {background-position:none;}
	ul.menu{display:none;}
	.fr{float:none!important;}
	.per-box1{margin:15px 0;}
	.eventful-year{width:100%;}
	.quick-tran{width: 70%;}
	.per-box .di{display:block;}
	.per-box p.num-con{text-align:center;}
	.memo-tab{display:none;}
	.mobile-menu{display:block;}
	.show-box{margin:0;padding:20px;background:#43688E;color:#fff;}
	.show-box ul li{padding: 0px 20px 20px 50px;}
	.show-box ul li a{color:#c6c333;}
	.show-box ul li:before{left:13px;top:11px;background:#fff;}
	.ipad-hide br{display:none;}
	.cloud2{width:20%;height:9%;}
	.sec5:before{background-size: 40%;background-position:left top;}
	.reach-br{margin: 90px 0 310px;text-align: center;}
	.cloud1,.cloud2{position:absolute;}
	.reach-show{display:block;}
	.cloud1,.cloud2{animation:none;}
	.cloud1{width: auto;left: 8%;top: 26%;}
	.cloud2{width: auto;left: 37%;top: 39%;}
	.sridhar-img,.halfbox.box2 p,.halfbox p.high{height:auto;}
}
@media (orientation: landscape) and (max-width: 750px) {
	header
	{
		min-height: 100vh;
	}
}
@media only screen and (max-width: 650px)
{
	body
	{
		overflow-x:hidden;
	}
	.menu-icon {
		bottom: 15px;
	}
	.products-list a
	{
		min-height: auto;
	}
	header {
    padding: 25px 0;
	}
	section{padding:60px 0;}
	#topbar-menu-icon {
    top: -30px;
}
	footer > .container {
    padding: 30px 0;
}
	p.copyright {
    text-align: center;
    margin-bottom: 22px;
}
	ul.social {
    	text-align: center;
	}
	.sd-hide br{display:none;}
	header, section{min-height:80vh;}
	.box-2020,.sridhar-img,.new-probox li,.halfbox,.fullbox{width:100%;height:auto;}
	.subscribe-form,.subscribepopup_contains,.subscribepopup_form_wrapper form input[type=text],.subscribepopup_form_wrapper form select{width:100%;}
	.resilience, .quick-tran,.active-anim .anim.resilience, .active-anim .anim.quick-tran{width:100%;margin:0; text-align:left;padding:0;}
	.thank-con{width:80%;}
	.sridhar-con{margin-top:30px;}
	.sec3{background-size:cover;background-position:center;padding:120px 0;}
	.sec11{background-size:cover;}
	.eventful-year span, .yearbox1 b{font-size:3em;font-family: 'Zoho_Puvi_SemiBold';}
	.yearbox1 ul li p{font-family: 'Zoho_Puvi_SemiBold';font-size:1.2em;}
	.yearbox1 ul li{float: left;width: 50%;height: 150px;}
	.yearbox2,.yearbox1 ul li{text-align:left;}
	.sec8{background-position:bottom;background-size:100%;}
	.stopbox{padding:0;}
	.stopbox:before,.product-box h4:before,.cloud2{display:none;}
	.product-box h4{line-height:30px;}
	.fighting-box{padding:40px 20px}
	.sec7{background-size:cover;}
	.road-build{margin-right:20px;}
	.sec10{background-position: right top;background-size: 27%;}
	.mobile-hide{display:none!important;}
	.sd-br br{display:block!important;}
	.mobile-show{display:inline-block!important;}
	.sec5 .number-box{display:block;padding:20px;}
	.number-box .count-animation {min-width:0px;}
	.per-box .di{display:inline-block;}
	.per-box p.num-con,.reach-br{text-align:left;}
	.new-probox li a{padding:15px;}
	p.num-con{display:inline-block;}
	.sec5{background:linear-gradient(to right,#7FA3D5,#5B87B4);}
	.box-2020:after{width:100%;border-left:none;border-right:none;}
	.sec5:before{background-size: 70%;}
	.cloud1{top: 19%;}
	.reach-br{margin:40px 0 330px;line-height:1.3;}
	.sec4{background-position:150% top;background-size:60%;}
	.st-brshow br,.uc-br br{display:block;}
	header{padding:10px 0;background: url(../images/top-banner.jpg) no-repeat #e5f3fc;background-size: cover;background-position: center 20px;}
	.box-2020{padding:20px 0;}
	.new-probox li div {display: inline-block;width: calc(100% - 120px);}
	.new-probox li div p{font-size:1em;}
	.st-brshow {line-height:1.3;padding:0px 0 120px}
	.box-2020 h1,.year2021{font-size:7.5em;}
	.halfbox p{height:auto;}
}
@media only screen and (max-width:390px){
	body{font-size:15px;}
	.road-build{margin-right:0px;}
	.new-probox li img{width: 100px;}
	.sec5:before{background-size: 90%;}
	.new-probox li a .di{display:block;text-align:center;margin:0 auto 10px;}
	p.num-con,.per-box1 p.num-con{padding-left:8px;}
	.new-probox li div{width:auto;}
	.sm-br br,.mobile-show br{display:none;}
	.spoke-off{display:block!important;}
	.road-build{display:block;margin:0 auto 15px;width:100%;}
	.per-box p.num-con{text-align:center;}
	.reach-br{margin:40px 0 370px;}
	.sec8{padding-bottom:150px;}
}
@media only screen and (max-width:330px){
	.yearbox1 ul li,.spoke-off,.new-probox li img{width: 100%;}
	.yearbox2, .yearbox1 ul li,.per-box p.num-con{text-align:center;}
}