em {
    font-style: italic;
}
#fixedbtn {
    position: fixed;
    right: 0;
    top: initial;
    bottom: 300px;
    z-index: 4;
    }
    #fixedbtn .demo { 
    color: #fff!important;
    background: #34ad65;
    text-align: center;
    display: block;
    height: 90px;
    font-weight: 500;
    font-size: .75em;
    letter-spacing: -.1px;
    line-height: normal;
    vertical-align: middle;
    border-radius: 0;
    width: 60px;
    padding: 10px 16px 0;
    text-transform: capitalize;
    }


html, body {
padding: 0;margin: 0;
font-family: 'proxima_nova_rgregular', 'Roboto', 'Poppins', 'Open Sans', sans-serif;
font-size: 14px;text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;background: #fff;color: #4A4A4A;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'proxima_nova_rgbold', 'Roboto', 'Poppins', 'Open Sans', sans-serif;margin: 0;
}

.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;margin-top:30px;background:#fff;border-radius: 10px;-webkit-box-shadow:0 4px 3px #e6e6e6;box-shadow:0 4px 3px #e6e6e6}
.swiper-slide img{width:85%;border:solid 1px #ccc;}
.swiper-slide{text-align:center} 
.swiper-button-next, .swiper-button-prev {  -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.swiper-pagination-bullet-active{background:#000;}

.box-customer {padding: 25px;width: 80%;margin: 0 auto;}
	#band-section {background:#99eafd;} #band-section h3 {color:#333;font-size:25px;line-height:30px;}
img {width: 100%;}
.no-gutter [class*="col-"] {
padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;
}
.row::after {
content: "";clear: both;display: table;
}
.row {
display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: normal;width:100%;justify-content: center;
}
.flex-top {
align-items: flex-start
}
.row .cell {width:33.33%;display:flex;}
.col-1 {width: calc(1 / 12 * 100%);}
.col-2 {width: calc(2 / 12 * 100%);}
.col-3 {width: calc(3 / 12 * 100%);}
.col-4 {width: calc(4 / 12 * 100%);}
.col-5 {width: calc(5 / 12 * 100%);}
.col-6 {width: calc(6 / 12 * 100%);}
.col-7 {width: calc(7 / 12 * 100%);}
.col-8 {width: calc(8 / 12 * 100%);}
.col-9 {width: calc(9 / 12 * 100%);}
.col-10 {width: calc(10 / 12 * 100%);}
.col-11 {width: calc(11 / 12 * 100%);}
.col-12 {width: calc(12 / 12 * 100%);}
[class*="col-"] {
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


.sec-pTB {padding:60px 0;} .sec-pTB1 {padding:30px 0;}
/*	.sec-pTB {min-height:250px;}*/

.banner {
background: #99eafd;
position: relative;
z-index: 1;padding: 50px 0;
}
.banner .flex-row:before, .banner .flex-row:after {
content: '';
display: table;
clear: both;
}
.flex-row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
padding: 25px 0;
flex-wrap: wrap;
}
.flex-row .col:nth-child(1) {
width: 69%;
}
.flex-row .col:nth-child(2) {
width: 30%;
}
.banner-con {
text-align: center;
padding: 3px 25px;
position: relative;
/*	animation: bannerCon 1.8s ease-in;*/
margin-right: 35px;
}
@-webkit-keyframes bannerCon {
0% {
top: -100px;
}
100% {
top:0;
}
}
@keyframes bannerCon {
0% {
top: -100px;
}
100% {
top:0;
}
}
.fnt-bld {
font: 27px/1.1 'proxima_nova_rgbold', 'Roboto', 'Poppins', 'Open Sans', sans-serif;
}
.banner-con h2, .banner-con h1, .banner-con p {
color: #333333;
}
.banner-con h1 {
font-size: 35px;
margin: 0;
line-height: 45px;
}
.banner-con h2 {
margin-top: 0;
margin-bottom: 15px;
font-size: 16px;
}
.banner-con p {
line-height: 28px;
font-size: 17px;
}
.banner-con h1 > span {
color: #5425aa;
font-weight: bold;
font-size: 35px;
}

.btn-div a {
position: relative;
background: #ec1131;
color: #fff;
padding: 10px 15px;
border-radius: 6px;
text-decoration: none;
margin: 5px 15px;
display: inline-block;font-size: 15px;font-weight:700;
}
.btn-div a:link, .btn-div a:visited {
transition: all .5s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.btn-div a:hover {
box-shadow: 0 5px 10px 0 #8a8a8a;
-webkit-box-shadow: 0 5px 10px 0 #8a8a8a;
}
.dwn-priv {
margin-top: 0;
}
.fnt17 {
font-size: 17px;
}
.fnt16 {
font-size: 16px;
}
.fnt15 {
font-size: 15px !important;
}
.fnt25 {
font-size: 25px;
}
.heading-menu, #customers, #fixedbtn {
display: none !important;
}
.hglt1 {
background: #eafbff;
}
.hglt2 {
background: #621f8b;
}
.hglt2 h1 {
color: #fff;
}

.ct-mnht {
min-height: 85px
}
.ct-mnht1 {
min-height: 73px
}
.div-box {
background: #f9fafa;
padding: 25px;
margin: 15px 5px 0;
position: relative;
border-radius: 6px;
} /* border-top: solid 1px #beb1f0;border-bottom: solid 5px #beb1f0;*/
.box1 {
background: #8056e3;
padding: 25px;
margin: 15px 0;
position: relative;
border-bottom: solid 5px #5020a4;
border-radius: 6px;
}
.box2 {
background: #fff;
padding: 25px;
margin: 15px 0;
position: relative;
border-radius: 6px;
}
.div-box p, .box2 p {
font-size: 15px;
margin-bottom: 0;
}
.box1 p {
font-size: 17px;
margin-bottom: 0;
color: #fff;
}

.bx-top-pos {
top: -35px;
}
.icon-holder {
position: relative;
}
.icon-holder > span {
display: inline-block;
position: relative;
}
ul.ulCompIcons {
margin: 0;margin-top:30px;
padding: 0;
}
.a-tag a{color: #000}
ul.ulCompIcons li {
display: inline-block;
padding: 0;
margin: 10px;
}
ul.ulCompIcons li  span {
display: inline-block;
padding: 10px;
text-indent: -9999px;
text-align: center;
border: solid 1px #f1f1f1;
border-radius: 6px;
}
ul.ulCompIcons li a {display:block;}
.brand {
background: #fff url(https://www.manageengine.cn/products/applications_manager/images/cloud-server-logos.png) no-repeat top center;
height: 45px;
}
.brand.who {
background-position: 0 -220px;
width: 130px;
}
.brand.thomson {
background-position: -148px -217px;
width: 50px;
}

.brand.yokogawa {
background-position: -228px -213px;
width: 50px;
}
.brand.ericsson {
background-position: -1px -286px;
width: 50px;
}
.brand.cnpc {
background-position: -73px -286px;
width: 50px;
}
.brand.loreal {
background-position: -148px -287px;
width: 130px;
}

.brand.aws {
background-position: 1px 2px;
width: 65px;
}
.brand.azure {
background-position: -89px 6px;
width: 110px;
}
.brand.office365 {
background-position: -213px 6px;
width: 110px;
}
.brand.vm {
background-position: 12px -69px;
width: 65px;
}
.brand.googlecloud {
background-position: -70px -72px;
width: 115px;
}
.brand.oraclecloud {
background-position: -215px -75px;
width: 115px;
}
.brand.openstack {
background-position: 10px -140px;
width: 90px;
}
.brand.conmonitor {
background-position: -110px -145px;
width: 65px;
}

.ul-y-us {margin:0;display:inline-block;display:flex;flex-wrap:wrap;margin-top:40px;width:100%;justify-content: center;}
.ul-y-us li {flex:1;padding: 25px;background:#d7f7ff;margin:10px;}
.y-us-head {background:#fff;padding:10px;border-radius:50%;width: 55px;height: 55px;margin: 0 auto;text-align: center;}
.y-us-head img {width:100%;max-width:40px;position: relative;top:10px;}
.y-us-body {padding:20px 0 0;}
.y-us-body p {font-weight:700;font-size:14px;line-height: 25px;color:#000;margin:0;}
.y-us-body p > span {font-weight:700;font-size:40px;line-height: normal;color:#295b8e;}

.cs-sprite {
background: #fff url(https://www.manageengine.cn/products/applications_manager/images/cloud-server-sprite.png) no-repeat top center;
height: 65px;
width: 65px;
border-radius: 50%;background-size:410px;
border: solid 1px #989898;
z-index: 1
}
.fea-icon1 {
background-position: 8px 8px;
}
.fea-icon2 {
background-position: -51px 9px;
}
.fea-icon3 {
background-position: -111px 9px;
}
.fea-icon4 {
background-position: -179px 10px;
}
.fea-icon5 {
background-position: -240px 8px;
}
.fea-icon6 {
background-position: -306px 9px;
}




.ImgBanner {
max-width: 250px;
}
.lnk {
color: #8D38BA;
}
.div-img {
text-align: center;position: relative;
}
	.anim-bg {position:absolute;z-index:-1;}

/*======== Media query css=========*/		
@media (max-width:1000px){
.ul-y-us li {flex:none;width:20%;}
}
@media (max-width: 650px) {
.flex-row .col:nth-child(1) {
width: 100% !important;
}
.flex-row .col:nth-child(2) {
width: 100% !important;
}
.row .cell {width:95%;display:block;}
.ul-y-us li {flex:none;width:35%;}
.div-img {padding-top:30px;}
}

@media (max-width: 1025px) {
.flex-row .col:nth-child(1) {
width: 64%;
}
.flex-row .col:nth-child(2) {
width: 35%;
}
.banner-con .row .col-7 {
width: 100%;
}
.banner-con .row .col-5 {
width: 100%;
}
.flex-row {
align-items: flex-start;
}
.banner-con h1 {
font-size: 25px;
}
}

@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
}

@media (min-width: 1400px) {
.container {
max-width: 1315px;
}
}

@media(max-width:768px) {
	
	#band-section .per70, #band-section .per30 {width:100% !important;}
.connect:before {
border-bottom: 0;
}
.banner-con {
align-content: center;
}
.hid {
display: none;
}
}

@media screen and (max-width: 600px) {
[class*="col-"] {
width: 100%;
}
}

@media screen and (max-width: 768px) and (min-width: 601px) {
[class*="col-"] {
width: 50%;
}
}
.bannerImg {
max-width: 280px;
width: 100%;
}